.social-page{min-height:100vh;background:var(--wasla-ivory);color:var(--text-on-light)}
.social-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 72px}.social-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.social-head h1{margin:0;color:var(--wasla-burgundy-900);font-size:clamp(1.8rem,4vw,3rem)}.social-head p{margin:.35rem 0 0;color:var(--text-muted-light)}.social-tabs{display:flex;gap:8px;flex-wrap:wrap}.social-tabs a{padding:10px 14px;border:1px solid #dbc9bd;border-radius:999px;text-decoration:none;color:var(--wasla-burgundy-900);background:#fff}.social-tabs a.active{background:var(--wasla-burgundy-900);color:var(--wasla-ivory);border-color:var(--wasla-burgundy-900)}
.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.social-card{background:#fff;border:1px solid #eadfd7;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(59,12,21,.07)}.social-photo{aspect-ratio:4/3;background:#eadfd7}.social-photo img{width:100%;height:100%;object-fit:cover}.social-body{padding:16px}.social-body h2{margin:0 0 7px;font-size:1.2rem;color:var(--wasla-burgundy-900)}.social-meta{font-size:.92rem;color:var(--text-muted-light);min-height:1.4em}.social-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.empty-state{grid-column:1/-1;text-align:center;padding:46px 20px;background:#fff;border:1px dashed #d8c4b8;border-radius:20px}.empty-state h2{color:var(--wasla-burgundy-900)}
.member-actions .social-action{border:1px solid #d9c1b2;background:#fff;color:var(--wasla-burgundy-900);border-radius:12px;padding:10px 12px;cursor:pointer}.member-actions .social-action.active{background:var(--wasla-burgundy-900);color:#fff;border-color:var(--wasla-burgundy-900)}.member-actions .match-badge{font-size:.82rem;color:var(--wasla-burgundy-700);font-weight:700;align-self:center}
@media(max-width:700px){.social-head{align-items:flex-start;flex-direction:column}.social-shell{width:min(100% - 22px,1180px);padding-top:24px}}

/* v0.16.1 social empty states */
.empty-state--social{padding:58px 24px;background:linear-gradient(180deg,#fffaf4,#fff7ee);border:1px solid #e7d2c2;box-shadow:0 14px 34px rgba(59,12,21,.06)}.empty-state--social .empty-state__icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:var(--wasla-burgundy-900);color:var(--wasla-gold);font-size:1.5rem}.empty-state--social p{max-width:590px;margin:8px auto 20px;color:var(--text-muted-light)}.empty-state__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}