.social-dashboard{padding:85px 0;background:#151316;color:#f6edf0;--sd-muted:#b8aeb9}.sd-title{display:flex;justify-content:space-between;align-items:center;gap:24px}.social-dashboard .eyebrow{color:#ff9cc5;font-size:10px;letter-spacing:2px}.sd-title h2{font:400 clamp(38px,5vw,66px)/1.12 Georgia,'Microsoft YaHei',serif;letter-spacing:-2px;margin:18px 0}.sd-title h2 em{color:#ffb6d5;font-weight:400}.sd-title>div>p:last-child{color:#ddd0de}.sd-stamp{border:1px solid #8e778a;background:#30252e;padding:18px 24px;transform:rotate(3deg);font:20px Georgia,serif;color:#e6c9f2;white-space:nowrap}.sd-stamp span{display:block;font:8px Arial,sans-serif;letter-spacing:1.5px;margin-top:8px}.sd-context{max-width:760px;color:var(--sd-muted);font-size:13px;margin:24px 0 30px}.sd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.sd-kpis article{border:1px solid #57404f;border-radius:20px;padding:25px;background:linear-gradient(135deg,#32232d,#241e25)}.sd-kpis article:nth-child(2n){border-color:#51435e;background:linear-gradient(135deg,#2e2638,#241e28)}.sd-kpis p{font-size:12px;color:#eddae4}.sd-kpis strong{display:block;font:400 clamp(30px,3.6vw,49px)/1.2 Georgia,serif;color:#ffc4df;margin:15px 0 10px;font-variant-numeric:tabular-nums}.sd-kpis article:nth-child(2n) strong{color:#dacaff}.sd-kpis article>span{font-size:10px;color:var(--sd-muted)}.sd-chart-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.sd-panel{min-width:0;border:1px solid #433743;border-radius:22px;padding:26px;background:#201c22}.sd-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.social-dashboard h3{font:400 25px/1.3 Georgia,'Microsoft YaHei',serif;margin:8px 0 10px}.sd-unit{font-size:8px;color:var(--sd-muted);letter-spacing:1px}.sd-filters{display:flex;gap:14px;margin:24px 0 15px}.sd-filters label{display:flex;flex:1;flex-direction:column;gap:5px;font-size:10px;color:#d5c9d4}.sd-filters select{font:12px Arial,'Microsoft YaHei',sans-serif;padding:10px 28px 10px 12px;border:1px solid #635263;border-radius:9px;background:#302731;color:#fff;width:100%}.sd-filters select:focus-visible{outline:2px solid #ff9cc5;outline-offset:3px}.sd-status{font-size:10px;min-height:22px;color:#d8c2d4}.sd-bars{margin-top:12px}.sd-bar-row{border:0;background:none;color:inherit;display:grid;grid-template-columns:105px minmax(20px,1fr) 55px;align-items:center;gap:12px;padding:9px 0;width:100%;position:relative;text-align:left;border-radius:5px}.sd-bar-label{font-size:10px;line-height:1.3}.sd-bar-label small{display:block;font-size:8px;color:var(--sd-muted);margin-top:3px}.sd-bar-track{height:14px;background:#382d38;border-radius:3px;overflow:hidden}.sd-bar-fill{display:block;height:100%;width:var(--bar);background:var(--platform);border-radius:3px;min-width:2px;transform-origin:left;animation:sd-grow .45s ease-out}.sd-bar-value{text-align:right;font-size:10px;font-variant-numeric:tabular-nums}.sd-bar-row:hover .sd-bar-fill,.sd-bar-row:focus .sd-bar-fill{filter:brightness(1.2)}.sd-tooltip{display:none;position:absolute;bottom:85%;right:0;z-index:5;padding:13px 16px;border-radius:10px;background:#f7e9ef;color:#252029;box-shadow:0 8px 24px #0006;font-size:10px;pointer-events:none;max-width:280px}.sd-tooltip strong,.sd-tooltip span{display:block}.sd-bar-row:hover .sd-tooltip,.sd-bar-row:focus .sd-tooltip{display:block}.sd-chart-note{font-size:10px;color:var(--sd-muted);margin-top:16px}.sd-donut{position:relative;max-width:290px;margin:35px auto 20px}.sd-donut svg{width:100%;display:block}.sd-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.sd-donut strong{font:36px Georgia,serif;color:#f8d4e6}.sd-donut span{font-size:8px;color:var(--sd-muted);letter-spacing:2px;margin-top:8px}.sd-ring{transition:stroke-width .2s}.sd-ring:hover{stroke-width:29}.sd-legend>div{display:grid;grid-template-columns:9px 1fr auto 42px;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #483a46;font-size:12px}.sd-legend small{color:var(--sd-muted);text-align:right;font-size:10px}.sd-swatch{width:8px;height:8px;border-radius:50%}.sd-brand-header{margin-top:55px;margin-bottom:25px}.sd-brand-header>p:last-child{font-size:11px;color:var(--sd-muted);max-width:680px}.sd-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sd-brands article{border-top:2px solid #856078;border-radius:12px;background:#242026;padding:20px;min-width:0}.sd-brand-number{font:italic 16px Georgia,serif;color:#d3b0d3}.sd-brands h4{font-size:15px;font-weight:500;margin:9px 0}.sd-brands article>p{font-size:10px;color:var(--sd-muted)}.sd-profile-links{display:flex;flex-direction:column;gap:12px;margin-top:22px;font-size:10px}.sd-profile-links a,.sd-pending{display:flex;gap:8px;align-items:center;text-decoration:none}.sd-profile-links a{color:#ffc5e1}.sd-profile-links svg{width:15px;height:15px;flex-shrink:0}.sd-pending{color:#b2a6b4}.sd-pending small{display:block;font-size:8px;color:#a99aaa}.sd-disclosure{border-top:1px solid #54414f;padding-top:22px;margin-top:35px;font-size:11px;color:#c6b9c6}.sd-disclosure strong{color:#f1d9e8;font-weight:500}.sd-disclosure p{margin-top:8px}.sd-empty{padding:45px 0;font-size:12px;color:#ddc9dd}@keyframes sd-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:1000px){.sd-chart-grid{grid-template-columns:1.4fr 1fr}.sd-kpis article{padding:20px}.sd-brands{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.social-dashboard{padding:55px 0}.sd-title h2{letter-spacing:-1px}.sd-stamp{font-size:14px;padding:12px}.sd-stamp span{font-size:7px}.sd-kpis{grid-template-columns:1fr 1fr;gap:12px}.sd-kpis strong{font-size:35px}.sd-kpis article{padding:20px 16px}.sd-chart-grid{grid-template-columns:1fr}.sd-panel{padding:22px 18px}.sd-bar-row{grid-template-columns:88px minmax(10px,1fr) 48px;gap:8px}.sd-brands{gap:12px}.sd-brands article{padding:18px 14px}.sd-title{align-items:flex-start}.sd-tooltip{max-width:230px}.sd-donut{max-width:260px}}@media(prefers-reduced-motion:reduce){.sd-bar-fill{animation:none}.sd-ring{transition:none}}

.social-case-dialog{width:min(1200px,96vw);max-width:1200px}.social-case-dialog .social-dashboard{margin:30px -25px 20px;padding:45px 0;border-radius:18px}.social-case-dialog .social-dashboard .wrap{width:calc(100% - 48px)}.social-case-dialog .sd-title h2{font-size:48px}.social-case-dialog .sd-kpis strong{font-size:37px}.social-case-dialog .sd-stamp{font-size:16px}.social-case-dialog .sd-brands{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.social-case-dialog{width:96vw;padding:30px 20px}.social-case-dialog .social-dashboard{margin:24px -12px;padding:30px 0}.social-case-dialog .social-dashboard .wrap{width:calc(100% - 28px)}.social-case-dialog .sd-title h2{font-size:32px}.social-case-dialog .sd-stamp{font-size:11px;padding:10px}.social-case-dialog .sd-kpis strong{font-size:30px}.social-case-dialog .sd-chart-grid{grid-template-columns:1fr}.social-case-dialog .sd-panel{padding:18px 12px}}
/* Brand roster: text-only navigation generated from the account collection. */
.sd-brand-header h3{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.7px}
.sd-brand-navigation{display:flex;flex-wrap:wrap;border-top:1px solid #57404f}
.sd-brand-navigation button{flex:1 1 170px;min-width:0;max-width:100%;position:relative;text-align:left;padding:18px 16px 18px 0;background:none;border:0;border-bottom:1px solid #57404f;color:#f6edf0}
.sd-brand-navigation button>span{display:block;font:400 19px/1.3 Georgia,'Microsoft YaHei',serif;overflow-wrap:anywhere}
.sd-brand-navigation button>small{display:block;font-size:9px;line-height:1.6;margin-top:7px;color:var(--sd-muted)}
.sd-brand-navigation button[aria-pressed=true]{color:#ffc5e1}
.sd-brand-navigation button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:0;width:35px;height:2px;background:#ff9cc5}
.sd-brand-navigation button:hover{color:#ffc5e1}
.sd-brand-navigation button:focus-visible{outline:2px solid #ff9cc5;outline-offset:-4px}
.sd-brand-detail{padding:26px 0 8px;min-height:170px}
.sd-brand-detail h4{font:400 28px/1.25 Georgia,'Microsoft YaHei',serif;letter-spacing:-.5px;margin:0 0 12px}
.sd-brand-detail>p{font-size:11px;color:var(--sd-muted)}
.sd-brand-detail .sd-profile-links{flex-direction:row;flex-wrap:wrap;gap:18px;margin-top:20px}
@media(max-width:500px){.sd-brand-navigation button{flex-basis:140px;padding-right:12px}.sd-brand-navigation button>span{font-size:17px}.sd-brand-detail{min-height:185px}}
@media(prefers-reduced-motion:no-preference){.sd-brand-navigation button{transition:color .18s ease}}
@media(forced-colors:active){.sd-brand-navigation button[aria-pressed=true]::after{background:Highlight}}
