.connections-view{gap:30px;display:grid}.connection-section{gap:14px;display:grid}.connection-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.connection-section-heading h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem)}.connection-section-heading>span{min-width:28px;height:28px;color:var(--brand-dark);background:#e8f5ef;border-radius:999px;place-items:center;padding-inline:7px;font-size:.76rem;font-weight:900;display:grid}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connection-card{background:#fff;border:1px solid #dfe9e4;border-radius:20px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #1242340f}.connection-card:before{content:"";background:#c8ddd4;width:4px;position:absolute;inset-block:0;inset-inline-start:0}.connection-card.is-incoming:before{background:#4f7fd4}.connection-card.is-outgoing:before{background:#d0a143}.connection-card.is-accepted:before{background:#ff5b78}.connection-avatar{background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:1.15rem;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.connection-avatar img{object-fit:cover;width:100%;height:100%}.connection-card-copy{gap:4px;min-width:0;display:grid}.connection-card-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.connection-card-title h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.04rem;overflow:hidden}.connection-state-chip{text-overflow:ellipsis;white-space:nowrap;color:#567068;background:#f1f7f4;border-radius:999px;flex:none;max-width:42%;padding:4px 8px;font-size:.68rem;font-weight:800;overflow:hidden}.connection-card p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:0;font-size:.86rem;overflow:hidden}.connection-card time{color:#8b9a95;font-size:.72rem}.connection-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;padding-top:4px;display:flex}.connection-actions .button{border-radius:13px;flex:150px;min-height:42px}.connection-waiting{color:#7a8d86;flex:100%;font-size:.78rem}.connection-empty{min-height:112px;color:var(--muted);text-align:center;background:#f8fbf9;border:1px dashed #ccddd5;border-radius:18px;align-content:center;place-items:center;gap:6px;padding:20px;display:grid}.connection-empty>span{color:var(--brand);font-size:1.6rem}.connection-empty p{margin:0}.connection-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connection-loading span{background:linear-gradient(100deg,#f3f6f5 25%,#fcfdfd 43%,#f3f6f5 60%) 0 0/220% 100%;border:1px solid #e4ece8;border-radius:20px;height:144px;animation:1.2s linear infinite connectionShimmer}@keyframes connectionShimmer{to{background-position:-220% 0}}@media (max-width:760px){.connection-grid,.connection-loading{grid-template-columns:1fr}.connections-view{gap:24px}}@media (max-width:520px){.connection-card{border-radius:17px;grid-template-columns:54px minmax(0,1fr);gap:11px;padding:13px}.connection-avatar{width:54px;height:54px}.connection-card-title{align-items:flex-start}.connection-state-chip{max-width:46%;font-size:.62rem}.connection-actions{gap:7px}.connection-actions .button{min-height:40px;font-size:.82rem}}