/* DALALI v22 shared social design tokens. Scoped components avoid legacy drift. */
:root{--soc-green:#003f35;--soc-accent:#117b60;--soc-ink:#152e2a;--soc-muted:#647772;--soc-line:#dfE8e3;--soc-bg:#f4f7f4;--soc-radius:20px;--soc-shadow:0 10px 35px #153e2a0a}
.soc-page{max-width:1480px;margin:0 auto;padding:32px 24px 64px;color:var(--soc-ink)}
.soc-page *{box-sizing:border-box;min-width:0}.soc-page h1{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-1px;margin:8px 0 12px}.soc-page h2{font-size:23px;margin:0 0 16px}.soc-page h3{font-size:18px;margin:0 0 10px}.soc-kicker{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--soc-accent);text-transform:uppercase}.soc-muted{color:var(--soc-muted);line-height:1.65}.soc-panel{background:white;border:1px solid var(--soc-line);border-radius:var(--soc-radius);padding:24px;box-shadow:var(--soc-shadow);margin-bottom:22px;overflow-wrap:anywhere}.soc-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.soc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.soc-inline{display:inline-flex;margin:0}.soc-page .btn{white-space:normal;min-height:42px}.soc-cover{height:240px;background:radial-gradient(ellipse at 80% 0%,#6f9f87 0,transparent 50%),linear-gradient(120deg,#003f35,#0b6854);position:relative;border-radius:20px 20px 0 0;overflow:hidden}.soc-cover img{width:100%;height:100%;object-fit:cover}.soc-cover-label{position:absolute;left:30px;top:24px;color:white;letter-spacing:4px;font-size:12px;opacity:.9}.soc-profile-head{padding:0;overflow:hidden}.soc-identity{padding:0 30px 28px;position:relative}.soc-avatar{width:116px;height:116px;background:#e9f0e9;border:5px solid white;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:750;color:var(--soc-green);overflow:hidden;flex-shrink:0}.soc-avatar img{width:100%;height:100%;object-fit:cover}.soc-portrait-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:-54px;position:relative;margin-bottom:18px}.soc-badge{display:inline-flex;align-items:center;background:#e5f4eb;color:#086346;border-radius:30px;padding:6px 10px;font-size:12px;font-weight:700;gap:6px}.soc-info-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.soc-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:24px}.soc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.soc-stat{padding:18px;border:1px solid var(--soc-line);background:#fff;border-radius:14px}.soc-stat strong{display:block;font-size:26px;letter-spacing:-1px}.soc-stat span{font-size:12px;color:var(--soc-muted)}.soc-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--soc-line);margin:24px 0}.soc-tabs a{padding:14px 18px;white-space:nowrap;font-weight:650;color:var(--soc-muted);border-bottom:3px solid transparent;text-decoration:none}.soc-tabs a[aria-current=page]{color:var(--soc-green);border-color:var(--soc-accent)}.soc-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.soc-feed{max-width:820px;margin:0 auto}.soc-author{display:flex;align-items:center;gap:12px;margin-bottom:16px}.soc-avatar-sm{width:46px;height:46px;border:0;font-size:20px}.soc-author strong,.soc-author small{display:block}.soc-author small{font-size:12px;color:var(--soc-muted)}.soc-post-body{white-space:pre-wrap;line-height:1.75}.soc-post-image{width:100%;max-height:510px;object-fit:cover;border-radius:14px;margin:18px 0}.soc-post-footer{padding-top:16px;border-top:1px solid var(--soc-line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.soc-page textarea,.soc-page input:not([type=checkbox]):not([type=hidden]),.soc-page select{width:100%;border:1px solid #ccdcd1;border-radius:12px;padding:12px 14px;background:#fff;color:var(--soc-ink);font:inherit}.soc-page textarea{min-height:100px;resize:vertical}.soc-page label{display:block;font-weight:600;font-size:13px;margin-bottom:16px}.soc-page label input,.soc-page label textarea,.soc-page label select{margin-top:8px}.soc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.soc-check{display:flex!important;gap:10px;align-items:center}.soc-page input[type=checkbox]{width:18px;height:18px;accent-color:var(--soc-green)}.soc-empty{padding:40px 20px;text-align:center;border:1px dashed #c5d9cc;border-radius:16px;color:var(--soc-muted)}.soc-comment{border-left:3px solid #d7e9dd;padding:10px 14px;margin:12px 0;background:#f7faf7;border-radius:0 12px 12px 0}.soc-comment p{margin:8px 0;white-space:pre-wrap}.soc-inbox{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.soc-thread{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 0}.soc-message{max-width:85%;align-self:flex-start;padding:14px 18px;background:#f0f4f1;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.soc-message.mine{align-self:flex-end;background:var(--soc-green);color:white}.soc-message small{display:block;opacity:.65;font-size:10px;margin-top:8px}.soc-inbox-link{display:block;padding:16px;border-bottom:1px solid var(--soc-line);text-decoration:none}.soc-inbox-link[aria-current=page]{background:#edf5ef;border-radius:12px}.soc-notice{background:#edf5ef;border-left:3px solid var(--soc-accent);padding:16px;border-radius:12px;margin:16px 0}.soc-progress{width:100%;height:8px;accent-color:var(--soc-accent)}.soc-page details{margin:14px 0}.soc-page summary{cursor:pointer;font-weight:650;color:var(--soc-accent)}.soc-page :focus-visible{outline:3px solid #73ba96;outline-offset:3px}.soc-page .ds-market-card{height:100%}.soc-page .ds-market-media{height:210px}.soc-page .ds-market-content{padding:18px}.soc-review-stars{color:#a77013;font-size:19px}.soc-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.soc-gallery img{width:100%;height:150px;object-fit:cover;border-radius:12px}
@media(min-width:1440px){.soc-property-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.soc-grid .soc-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.soc-grid{grid-template-columns:1fr}.soc-inbox{grid-template-columns:1fr}.soc-inbox aside{max-height:260px;overflow:auto}.soc-cover{height:200px}.soc-page{padding:24px 16px}}
@media(max-width:600px){.soc-property-grid,.soc-form-grid{grid-template-columns:1fr}.soc-stats{grid-template-columns:1fr 1fr}.soc-cover{height:160px}.soc-identity{padding:0 18px 20px}.soc-portrait-row{align-items:flex-start;flex-direction:column;gap:16px}.soc-portrait-row .soc-actions{margin-top:0}.soc-panel{padding:18px}.soc-profile-head{padding:0}.soc-header{align-items:flex-start;flex-direction:column}.soc-tabs a{padding:12px}.soc-avatar{width:96px;height:96px}.soc-avatar-sm{width:42px;height:42px}.soc-gallery{grid-template-columns:1fr 1fr}.soc-message{max-width:94%}.soc-page{padding:18px 12px 40px}}
/* Moderation tabs must wrap inside the shared workspace at narrow widths. */
.soc-page{width:100%;min-width:0}.soc-tabs{width:100%;max-width:100%;min-width:0;flex-wrap:wrap;overflow-x:visible}.soc-tabs a{flex:0 1 auto;white-space:normal}
.soc-inbox-link strong,.soc-inbox-link small{display:block}.soc-inbox-link small{margin-top:6px;font-size:12px}
.soc-grid{align-items:start}.soc-page label.soc-check{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}.soc-page label.soc-check input{margin:0!important;flex:0 0 auto}