.site-overview-dashboard{--overview-accent:#08758d;--overview-ink:#12273c;--overview-muted:#53657a;--overview-line:#dbe5ec;--overview-surface:#fff;--overview-soft:#f4f8fa;color:var(--overview-ink);display:grid;gap:20px;max-width:1440px;margin-inline:auto;min-width:0}
.dark .site-overview-dashboard{--overview-accent:#75dce8;--overview-ink:#eff7fc;--overview-muted:#a7bacb;--overview-line:#263746;--overview-surface:#0d1926;--overview-soft:#112231}
.site-overview-dashboard *{box-sizing:border-box}
.site-overview-dashboard :is(button,a,summary):focus-visible{outline:2px solid var(--overview-accent);outline-offset:3px}
.site-overview-dashboard :is(h1,h2,h3,h4,p,figure,dl){margin:0}
.site-overview-dashboard :is(button,a,summary){-webkit-tap-highlight-color:transparent}
.site-overview-dashboard :is(h1,h2,h3,h4,strong){overflow-wrap:anywhere}
.site-overview-dashboard .overview-card{min-width:0;background:var(--overview-surface);border:1px solid var(--overview-line);border-radius:20px;padding:24px;box-shadow:0 3px 18px #12273c04}
.site-overview-dashboard .overview-card h2{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.4}
.site-overview-dashboard .overview-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.site-overview-dashboard .overview-kicker{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--overview-accent);margin-bottom:6px}
.site-overview-dashboard .overview-heading-actions{display:flex;align-items:center;gap:8px}
.site-overview-dashboard .overview-timezone{font-size:10px;color:var(--overview-muted);border:1px solid var(--overview-line);border-radius:6px;padding:3px 6px}
.site-overview-dashboard .overview-site-hero{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:25px 26px 18px;border:1px solid var(--overview-line);border-radius:22px;background:radial-gradient(ellipse at 8% 0%,#dff3f4 0,transparent 55%),var(--overview-surface);min-width:0}
.dark .site-overview-dashboard .overview-site-hero{background:radial-gradient(ellipse at 8% 0%,#153947 0,transparent 55%),var(--overview-surface)}
.site-overview-dashboard .overview-site-identity{display:flex;align-items:center;gap:15px;flex:1 1 320px;min-width:0}
.site-overview-dashboard .overview-site-identity>div{min-width:0}
.site-overview-dashboard .overview-site-avatar{display:grid;place-items:center;flex:none;width:57px;height:62px;border-radius:15px;font-size:29px;font-weight:650;color:#e9fcfc;background:linear-gradient(135deg,#0b3144,#137991);box-shadow:inset 0 0 0 1px #ffffff17}
.site-overview-dashboard .overview-site-hero h1{font-size:clamp(23px,2.4vw,32px);font-weight:650;letter-spacing:-.04em;line-height:1.3;margin-bottom:5px}
.site-overview-dashboard .overview-site-address{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--overview-muted);text-decoration:none;font-size:12px;line-height:1.5}
.site-overview-dashboard .overview-site-address span{min-width:0;overflow-wrap:anywhere}
.site-overview-dashboard .overview-site-address:hover{color:var(--overview-accent)}
.site-overview-dashboard .overview-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.site-overview-dashboard .overview-site-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;flex-basis:100%;padding-top:15px;border-top:1px solid var(--overview-line);font-size:11px;color:var(--overview-muted)}
.site-overview-dashboard .overview-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;background:var(--overview-soft);border:1px solid var(--overview-line);color:var(--overview-ink);font-weight:600}
.site-overview-dashboard .overview-status-pill i{width:6px;height:6px;border-radius:50%;background:#8395a5}
.site-overview-dashboard .overview-status-pill.is-published i{background:#168368}
.dark .site-overview-dashboard .overview-status-pill.is-published i{background:#5ee2b1}
.site-overview-dashboard .overview-site-menu{position:relative}
.site-overview-dashboard .overview-site-menu summary{display:grid;place-items:center;list-style:none;width:36px;height:36px;cursor:pointer;border:1px solid var(--overview-line);border-radius:7px;background:var(--overview-surface)}
.site-overview-dashboard .overview-site-menu summary::-webkit-details-marker{display:none}
.site-overview-dashboard .overview-site-menu>div{position:absolute;right:0;top:44px;width:230px;max-width:calc(100vw - 48px);padding:10px;border:1px solid var(--overview-line);background:var(--overview-surface);border-radius:12px;z-index:20;box-shadow:0 8px 30px #10233720}
.site-overview-dashboard .overview-site-menu button{padding:10px 8px;width:100%;text-align:left;color:#a52b40;border-radius:6px;font-size:12px;font-weight:600}
.dark .site-overview-dashboard .overview-site-menu button{color:#ffb6c1}
.site-overview-dashboard .overview-site-menu p{font-size:11px;line-height:1.6;color:var(--overview-muted);padding:5px 8px}
.site-overview-dashboard .overview-hosted-boundary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--overview-muted);padding:0 5px}
.site-overview-dashboard .overview-hosted-boundary>span{flex:1}
.site-overview-dashboard .overview-hosted-boundary details{max-width:100%;font-size:11px}
.site-overview-dashboard .overview-hosted-boundary details p{padding:8px 0;max-width:470px;line-height:1.6}
.site-overview-dashboard .overview-attention{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;border:1px solid #d6b681;border-radius:14px;background:#fff7e8;color:#6e4b16;padding:16px}
.dark .site-overview-dashboard .overview-attention{background:#352b1b;border-color:#7b6236;color:#f6d59d}
.site-overview-dashboard .overview-attention>div{flex:1;min-width:190px}
.site-overview-dashboard .overview-attention h2{font-size:13px;font-weight:650}
.site-overview-dashboard .overview-attention ul{font-size:12px;line-height:1.7;padding-left:15px;margin:5px 0 0}
.site-overview-dashboard .overview-audience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.5fr);gap:28px}
.site-overview-dashboard .overview-traffic{min-width:0}
.site-overview-dashboard .overview-periods{display:flex;align-items:center;gap:4px;border-radius:9px;background:var(--overview-soft);padding:4px;width:max-content;max-width:100%}
.site-overview-dashboard .overview-periods button{padding:7px 13px;min-height:33px;font-size:11px;font-weight:600;color:var(--overview-muted);border-radius:6px;white-space:nowrap;border:1px solid transparent;cursor:pointer}
.site-overview-dashboard .overview-periods button[aria-pressed=true]{background:var(--overview-surface);border-color:var(--overview-line);color:var(--overview-ink);box-shadow:0 1px 3px #12273c08}
.site-overview-dashboard .overview-periods button:hover{color:var(--overview-accent)}
.site-overview-dashboard .overview-traffic-totals{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0 22px}
.site-overview-dashboard .overview-number{min-width:0}
.site-overview-dashboard .overview-number>div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--overview-muted)}
.site-overview-dashboard .overview-number>strong{display:block;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:8px}
.site-overview-dashboard .overview-number.is-prominent>strong{font-size:37px}
.site-overview-dashboard .overview-definition{position:relative;display:inline-block}
.site-overview-dashboard .overview-definition summary{display:grid;place-items:center;width:18px;height:18px;list-style:none;border-radius:50%;border:1px solid var(--overview-line);font-size:10px;color:var(--overview-muted);cursor:pointer}
.site-overview-dashboard .overview-definition summary::-webkit-details-marker{display:none}
.site-overview-dashboard .overview-definition p{position:absolute;top:25px;left:-20px;z-index:25;width:230px;max-width:calc(100vw - 70px);border:1px solid var(--overview-line);border-radius:10px;padding:12px;color:var(--overview-ink);background:var(--overview-surface);font-size:11px;line-height:1.6;box-shadow:0 8px 30px #10233718}
.site-overview-dashboard .overview-live .overview-definition p{left:auto;right:0}
.site-overview-dashboard .overview-live-counts .overview-definition p{left:auto;right:-12px}
.site-overview-dashboard .overview-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.site-overview-dashboard .overview-trend-heading h3{font-size:12px;font-weight:600;margin-bottom:3px}
.site-overview-dashboard .overview-trend-heading span{font-size:10px;color:var(--overview-muted)}
.site-overview-dashboard .overview-chart-metrics{display:flex;gap:2px}
.site-overview-dashboard .overview-chart-metrics button{font-size:10px;padding:6px 8px;border-radius:6px;color:var(--overview-muted);cursor:pointer}
.site-overview-dashboard .overview-chart-metrics button[aria-pressed=true]{background:var(--overview-soft);color:var(--overview-accent);font-weight:650}
.site-overview-dashboard .overview-chart{position:relative;height:160px;color:var(--overview-accent)}
.site-overview-dashboard .overview-chart svg{width:100%;height:100%;overflow:visible}
.site-overview-dashboard .overview-chart-grid{stroke:var(--overview-line);stroke-width:.7;stroke-dasharray:3 5}
.site-overview-dashboard .overview-chart-targets{position:absolute;inset:0;display:flex}
.site-overview-dashboard .overview-chart-targets button{flex:1 1 0;min-width:0;border-radius:3px;cursor:crosshair;background:transparent;border:0}
.site-overview-dashboard .overview-chart-targets button:hover{background:#08758d09}
.site-overview-dashboard .overview-chart-targets button:focus-visible{outline-offset:0;background:#08758d09}
.site-overview-dashboard .overview-chart-reading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:10px;color:var(--overview-muted);padding-top:12px}
.site-overview-dashboard .overview-chart-reading strong{font-size:11px;font-weight:600;color:var(--overview-ink)}
.site-overview-dashboard .overview-chart-reading strong>span{margin-inline:3px;color:var(--overview-muted)}
.site-overview-dashboard .overview-chart-reading small{font-size:10px}
.site-overview-dashboard .overview-chart-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:200px;background:var(--overview-soft);border:1px dashed var(--overview-line);border-radius:12px;text-align:center;padding:20px}
.site-overview-dashboard .overview-chart-empty svg{color:var(--overview-accent)}
.site-overview-dashboard .overview-chart-empty strong{font-size:13px;font-weight:600}
.site-overview-dashboard .overview-chart-empty span{font-size:11px;line-height:1.6;color:var(--overview-muted)}
.site-overview-dashboard .overview-inline-note{font-size:11px;color:var(--overview-muted);line-height:1.7;margin-top:12px}
.site-overview-dashboard .overview-comparison{font-size:10px;color:var(--overview-muted);line-height:1.6;margin-top:12px}
.site-overview-dashboard .overview-comparison>span{font-weight:650;color:var(--overview-accent)}
.site-overview-dashboard .overview-comparison>span.is-down{color:#955223}
.dark .site-overview-dashboard .overview-comparison>span.is-down{color:#ffc488}
.site-overview-dashboard .overview-daily-table{font-size:11px;margin-top:12px;color:var(--overview-muted)}
.site-overview-dashboard .overview-daily-table summary{display:flex;align-items:center;gap:5px;cursor:pointer;width:max-content;list-style:none;min-height:30px}
.site-overview-dashboard .overview-daily-table[open] summary svg{transform:rotate(90deg)}
.site-overview-dashboard .overview-daily-table>div{max-height:280px;overflow:auto;margin-top:6px}
.site-overview-dashboard .overview-daily-table table{border-collapse:collapse;width:100%;font-size:11px;font-variant-numeric:tabular-nums}
.site-overview-dashboard .overview-daily-table caption{text-align:left;font-size:10px;line-height:1.6;padding-bottom:10px}
.site-overview-dashboard .overview-daily-table :is(th,td){padding:8px;text-align:right;border-bottom:1px solid var(--overview-line)}
.site-overview-dashboard .overview-daily-table th:first-child{text-align:left;font-weight:500}
.site-overview-dashboard .overview-live{min-width:0;border-left:1px solid var(--overview-line);padding-left:28px}
.site-overview-dashboard .overview-live-title{display:flex;justify-content:space-between;align-items:center;gap:6px}
.site-overview-dashboard .overview-live-title h3{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.site-overview-dashboard .overview-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8595a5}
.site-overview-dashboard .overview-live-dot.is-fresh{background:#119a77;box-shadow:0 0 0 4px #129a7710}
.dark .site-overview-dashboard .overview-live-dot.is-fresh{background:#65ddb7}
.site-overview-dashboard .overview-online-total{position:relative;padding:17px 0 19px}
.site-overview-dashboard .overview-online-total strong{display:block;font-size:45px;line-height:1.05;font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.site-overview-dashboard .overview-online-total span{display:block;font-size:10px;color:var(--overview-muted);margin-top:6px}
.site-overview-dashboard .overview-online-total>svg{position:absolute;right:2px;top:29px;color:var(--overview-accent);opacity:.65}
.site-overview-dashboard .overview-live-counts{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--overview-line);border-bottom:1px solid var(--overview-line);padding:15px 0}
.site-overview-dashboard .overview-roster{margin-top:18px}
.site-overview-dashboard .overview-roster-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.site-overview-dashboard .overview-roster h4{font-size:11px;font-weight:600}
.site-overview-dashboard .overview-roster-heading>span{font-size:9px;color:var(--overview-muted)}
.site-overview-dashboard .overview-roster ul{margin:0;padding:0;list-style:none}
.site-overview-dashboard .overview-roster li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--overview-line);font-size:10px}
.site-overview-dashboard .overview-roster li>svg{flex:none;color:var(--overview-muted)}
.site-overview-dashboard .overview-roster li>div{flex:1;min-width:0}
.site-overview-dashboard .overview-roster li strong{display:block;font-size:10px;font-weight:600;line-height:1.5}
.site-overview-dashboard .overview-roster li span{display:block;font-size:9px;color:var(--overview-muted);line-height:1.6;overflow-wrap:anywhere}
.site-overview-dashboard .overview-roster li time{font-size:9px;white-space:nowrap;color:var(--overview-muted)}
.site-overview-dashboard .overview-roster>p{font-size:11px;color:var(--overview-muted);line-height:1.7;padding:10px 0}
.site-overview-dashboard .overview-live-empty{display:flex;align-items:center;gap:8px;color:var(--overview-muted);padding:16px 0;min-height:66px}
.site-overview-dashboard .overview-live-empty p{font-size:11px;line-height:1.7}
.site-overview-dashboard .overview-live-caption{font-size:9px;color:var(--overview-muted);margin-top:15px}
.site-overview-dashboard .overview-insights-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--overview-line);padding-top:17px;margin-top:22px}
.site-overview-dashboard .overview-insights-footer>span{font-size:11px;color:var(--overview-muted)}
.site-overview-dashboard .overview-text-action{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--overview-accent);text-align:left;cursor:pointer;border-radius:4px;min-height:30px;max-width:100%;line-height:1.6}
.site-overview-dashboard .overview-text-action:hover{text-decoration:underline;text-underline-offset:3px}
.site-overview-dashboard .overview-site-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.site-overview-dashboard .overview-side-stack{display:grid;gap:20px;min-width:0}
.site-overview-dashboard .overview-content-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:23px}
.site-overview-dashboard .overview-content-stats>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-overview-dashboard .overview-content-stats svg{color:var(--overview-accent);margin-bottom:11px}
.site-overview-dashboard .overview-content-stats strong{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.03em;max-width:100%}
.site-overview-dashboard .overview-content-stats strong:has(+span){font-variant-numeric:tabular-nums}
.site-overview-dashboard .overview-content-stats span{font-size:10px;color:var(--overview-muted);margin-top:6px}
.site-overview-dashboard .overview-publication-strip{display:flex;align-items:center;gap:10px;padding:13px;background:var(--overview-soft);border:1px solid var(--overview-line);border-radius:10px}
.site-overview-dashboard .overview-publication-strip>svg{flex:none;color:var(--overview-accent)}
.site-overview-dashboard .overview-publication-strip strong{display:block;font-size:12px;font-weight:600}
.site-overview-dashboard .overview-publication-strip span{display:block;font-size:10px;color:var(--overview-muted);line-height:1.6;margin-top:3px}
.site-overview-dashboard .overview-saved-pages{padding:0;margin:13px 0 0;list-style:none}
.site-overview-dashboard .overview-saved-pages li{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--overview-line)}
.site-overview-dashboard .overview-saved-pages li>svg{color:var(--overview-muted);flex:none}
.site-overview-dashboard .overview-saved-pages li>div{flex:1;min-width:0}
.site-overview-dashboard .overview-saved-pages strong{display:block;font-size:11px;font-weight:600}
.site-overview-dashboard .overview-saved-pages div span{display:block;font-size:10px;color:var(--overview-muted);overflow-wrap:anywhere;line-height:1.5;margin-top:3px}
.site-overview-dashboard .overview-page-state{font-size:9px;padding:4px 6px;border-radius:5px;background:var(--overview-soft);color:var(--overview-muted);text-align:center;max-width:95px;flex:none}
.site-overview-dashboard .overview-page-state.is-ready{color:var(--overview-accent)}
.site-overview-dashboard .overview-readiness{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid var(--overview-line)}
.site-overview-dashboard .overview-readiness>div{display:flex;align-items:center;gap:5px;color:var(--overview-muted);font-size:10px}
.site-overview-dashboard .overview-readiness svg{background:var(--overview-soft);border:1px solid var(--overview-line);border-radius:50%;box-sizing:content-box;padding:3px;color:transparent}
.site-overview-dashboard .overview-readiness .is-complete svg{color:var(--overview-accent)}
.site-overview-dashboard .overview-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:17px}
.site-overview-dashboard .overview-activity-list li{display:flex;gap:11px;position:relative}
.site-overview-dashboard .overview-activity-list li>i{width:7px;height:7px;border-radius:50%;background:var(--overview-accent);flex:none;margin-top:5px}
.site-overview-dashboard .overview-activity-list li:not(:last-child):before{content:'';position:absolute;top:15px;bottom:-11px;left:3px;width:1px;background:var(--overview-line)}
.site-overview-dashboard .overview-activity-list strong{display:block;font-size:11px;font-weight:600}
.site-overview-dashboard .overview-activity-list span{display:block;color:var(--overview-muted);font-size:10px;overflow-wrap:anywhere;line-height:1.5;margin-top:3px}
.site-overview-dashboard .overview-activity-list time{display:block;font-size:9px;color:var(--overview-muted);margin-top:5px}
.site-overview-dashboard .overview-capacity-row+.overview-capacity-row{margin-top:17px}
.site-overview-dashboard .overview-capacity-row>div:first-child{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:11px}
.site-overview-dashboard .overview-capacity-row strong{font-size:10px;font-weight:600}
.site-overview-dashboard .overview-capacity-row small{font-size:10px;font-weight:400;color:var(--overview-muted)}
.site-overview-dashboard .overview-capacity-meter{height:5px;border-radius:5px;background:var(--overview-soft);overflow:hidden;margin-top:10px}
.site-overview-dashboard .overview-capacity-meter i{display:block;background:var(--overview-accent);height:100%;border-radius:5px}
.site-overview-dashboard .overview-capacity-meter i.is-high{background:#b58536}
.site-overview-dashboard .overview-capacity-note{font-size:10px;color:var(--overview-muted);margin-top:17px}
.site-overview-dashboard .overview-capacity-note summary{cursor:pointer;line-height:1.8}
.site-overview-dashboard .overview-capacity-note p{font-size:11px;line-height:1.7;margin-top:8px}
.site-overview-dashboard .overview-content-empty{display:grid;place-items:center;text-align:center;padding:25px 12px;gap:8px;color:var(--overview-muted)}
.site-overview-dashboard .overview-content-empty h3{font-size:13px;color:var(--overview-ink);font-weight:600}
.site-overview-dashboard .overview-content-empty p{font-size:11px;line-height:1.7}
.site-overview-dashboard .overview-inline-error{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0}
.site-overview-dashboard .overview-inline-error p{font-size:12px;color:var(--overview-muted)}
.site-overview-dashboard .overview-private-analytics{display:flex;gap:12px;align-items:center}
.site-overview-dashboard .overview-private-analytics>svg{color:var(--overview-accent);flex:none}
.site-overview-dashboard .overview-private-analytics p{font-size:12px;color:var(--overview-muted);margin-top:5px;line-height:1.6}
.site-overview-dashboard .overview-forms-area{min-width:0}
.site-overview-dashboard .overview-forms-area [data-site-workspace-panel]{border-color:var(--overview-line);background:var(--overview-surface);box-shadow:none}
.site-overview-dashboard .overview-support{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--overview-muted);padding:4px 0 12px}
.site-overview-dashboard .overview-support a{display:inline-flex;align-items:center;gap:4px;color:var(--overview-accent);font-weight:600;text-decoration:none;min-height:30px}
.site-overview-dashboard .overview-support a:hover{text-decoration:underline}
@media(max-width:900px){.site-overview-dashboard .overview-audience-layout{grid-template-columns:minmax(0,1fr);gap:25px}.site-overview-dashboard .overview-live{border-left:0;padding-left:0;border-top:1px solid var(--overview-line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.site-overview-dashboard .overview-live-title{grid-column:1/-1}.site-overview-dashboard .overview-online-total{grid-column:1}.site-overview-dashboard .overview-live-counts{grid-column:1;grid-row:3}.site-overview-dashboard .overview-roster{grid-column:2;grid-row:2/4;margin-top:20px}.site-overview-dashboard .overview-live-caption{grid-column:1/-1}.site-overview-dashboard .overview-site-grid{grid-template-columns:minmax(0,1fr)}.site-overview-dashboard .overview-side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.site-overview-dashboard{gap:14px}.site-overview-dashboard .overview-card{padding:18px;border-radius:16px}.site-overview-dashboard .overview-card-heading{margin-bottom:17px}.site-overview-dashboard .overview-card h2{font-size:17px}.site-overview-dashboard .overview-site-hero{padding:18px;gap:16px;border-radius:16px}.site-overview-dashboard .overview-site-identity{flex-basis:100%;gap:12px}.site-overview-dashboard .overview-site-avatar{width:44px;height:49px;font-size:23px;border-radius:11px}.site-overview-dashboard .overview-site-hero h1{font-size:24px}.site-overview-dashboard .overview-site-address{font-size:10px}.site-overview-dashboard .overview-hero-actions{gap:7px}.site-overview-dashboard .overview-site-status{gap:8px 12px;font-size:10px;padding-top:13px}.site-overview-dashboard .overview-periods{width:100%;gap:1px}.site-overview-dashboard .overview-periods button{flex:1;min-width:0;padding-inline:5px;font-size:10px}.site-overview-dashboard .overview-traffic-totals{padding:22px 0 20px;gap:12px}.site-overview-dashboard .overview-number.is-prominent>strong{font-size:32px}.site-overview-dashboard .overview-trend-heading{gap:6px}.site-overview-dashboard .overview-chart{height:135px}.site-overview-dashboard .overview-live{display:block;padding-top:18px}.site-overview-dashboard .overview-online-total{padding:15px 0}.site-overview-dashboard .overview-online-total strong{font-size:40px}.site-overview-dashboard .overview-live-counts{gap:16px;padding:12px 0}.site-overview-dashboard .overview-number>strong{font-size:25px}.site-overview-dashboard .overview-roster{margin-top:15px}.site-overview-dashboard .overview-roster li strong{font-size:11px}.site-overview-dashboard .overview-roster li span,.site-overview-dashboard .overview-roster li time{font-size:10px}.site-overview-dashboard .overview-insights-footer{align-items:flex-start;margin-top:17px;padding-top:15px;gap:9px}.site-overview-dashboard .overview-text-action{font-size:10px}.site-overview-dashboard .overview-side-stack{grid-template-columns:minmax(0,1fr);gap:14px}.site-overview-dashboard .overview-content-stats{gap:8px;padding-bottom:18px}.site-overview-dashboard .overview-content-stats strong{font-size:22px}.site-overview-dashboard .overview-content-stats span{font-size:9px}.site-overview-dashboard .overview-page-state{max-width:73px;font-size:8px}.site-overview-dashboard .overview-forms-area [data-site-workspace-panel]{padding:18px}.site-overview-dashboard .overview-definition p{left:-8px;width:210px}.site-overview-dashboard .overview-traffic-totals .overview-number:nth-child(2) .overview-definition p{left:auto;right:-5px}}
@media(pointer:coarse){.site-overview-dashboard .overview-periods button{min-height:40px}.site-overview-dashboard .overview-chart-metrics button,.site-overview-dashboard .overview-text-action{min-height:40px}.site-overview-dashboard .overview-definition summary{width:26px;height:26px}.site-overview-dashboard .overview-site-menu summary{width:40px;height:40px}.site-overview-dashboard .overview-daily-table summary{min-height:40px}}

/* The plan disclosure stays compact until hover, keyboard focus or tap. */
.site-overview-dashboard .overview-plan-help{position:relative;max-width:100%}
.site-overview-dashboard .overview-plan-help>summary{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 4px;list-style:none;cursor:pointer;border-radius:6px;color:var(--overview-muted)}
.site-overview-dashboard .overview-plan-help>summary::-webkit-details-marker{display:none}
.site-overview-dashboard .overview-plan-help>summary:hover,.site-overview-dashboard .overview-plan-help[open]>summary{color:var(--overview-accent);background:var(--overview-soft)}
.site-overview-dashboard .overview-plan-help-mark{display:grid;place-items:center;width:15px;height:15px;border:1px solid var(--overview-line);border-radius:50%;font-size:9px;font-weight:700}
.site-overview-dashboard .overview-plan-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:45;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--overview-line);border-radius:15px;background:var(--overview-surface);color:var(--overview-ink);box-shadow:0 16px 45px #10233725;font-size:12px;line-height:1.6}
.site-overview-dashboard .overview-plan-popover>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.site-overview-dashboard .overview-plan-popover h3{font-size:16px;font-weight:650;letter-spacing:-.025em}
.site-overview-dashboard .overview-plan-popover header p{font-size:11px;color:var(--overview-muted);margin-top:3px}
.site-overview-dashboard .overview-plan-popover header button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--overview-line);border-radius:8px;background:var(--overview-soft);color:var(--overview-ink);font-size:21px;line-height:1;cursor:pointer}
.site-overview-dashboard .overview-plan-popover ul{padding-left:17px;margin:14px 0}
.site-overview-dashboard .overview-plan-popover li+li{margin-top:5px}
.site-overview-dashboard .overview-plan-popover h4{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--overview-muted);margin-top:16px}
.site-overview-dashboard .overview-plan-popover dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}
.site-overview-dashboard .overview-plan-popover dl>div{min-width:0;padding:9px 10px;border:1px solid var(--overview-line);border-radius:8px;background:var(--overview-soft)}
.site-overview-dashboard .overview-plan-popover dt{font-size:9px;color:var(--overview-muted);overflow-wrap:anywhere}
.site-overview-dashboard .overview-plan-popover dd{margin:2px 0 0;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.site-overview-dashboard .overview-plan-popover .overview-plan-note{font-size:10px;line-height:1.6;color:var(--overview-muted);margin-top:9px}
.site-overview-dashboard .overview-plan-popover .overview-plan-boundary{font-size:11px;line-height:1.6;padding-top:12px;margin-top:12px;border-top:1px solid var(--overview-line)}
.site-overview-dashboard .overview-plan-boundary strong{display:block;margin-bottom:3px}
.site-overview-dashboard .overview-plan-next{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;margin-top:14px;padding:8px 11px;border:1px solid var(--overview-line);border-radius:8px;background:var(--overview-soft);color:var(--overview-accent);font-size:11px;font-weight:650;text-align:left;cursor:pointer}
.site-overview-dashboard .overview-plan-next:hover{border-color:var(--overview-accent)}
@media(max-width:900px){.site-overview-dashboard .overview-plan-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.site-overview-dashboard .overview-plan-help>summary{min-height:44px;padding-inline:7px}.site-overview-dashboard .overview-plan-popover header button{width:44px;height:44px}.site-overview-dashboard .overview-plan-next{min-height:44px}}
@media(pointer:coarse){.site-overview-dashboard .overview-plan-help>summary{min-height:44px;padding-inline:7px}.site-overview-dashboard .overview-plan-popover header button{width:44px;height:44px}.site-overview-dashboard .overview-plan-next{min-height:44px}}

@media(min-width:901px){.site-overview-dashboard .overview-plan-help[open]::after{content:'';position:absolute;top:100%;left:0;width:340px;max-width:calc(100vw - 32px);height:8px;z-index:46}}

/* Plan panel actions keep 44px targets on desktop and touch screens. */
.site-overview-dashboard .overview-plan-popover button[aria-label="Close plan details"]{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;box-sizing:border-box}
.site-overview-dashboard .overview-plan-popover button.overview-plan-next{height:44px;min-height:44px;box-sizing:border-box}

/* Site OS Overview: a compact workspace with readable, recorded site information. */
.site-overview-dashboard {
  --overview-accent: #086f86;
  --overview-ink: #13293d;
  --overview-muted: #50667b;
  --overview-line: #d8e4ed;
  --overview-surface: #ffffff;
  --overview-soft: #f1f7fa;
  gap: 18px;
}
.dark .site-overview-dashboard {
  --overview-accent: #82dfeb;
  --overview-ink: #eff7fc;
  --overview-muted: #adc0d2;
  --overview-line: #2b4053;
  --overview-surface: #0e1b28;
  --overview-soft: #132635;
}
.site-overview-dashboard .overview-site-hero {
  gap: 14px;
  padding: 16px 20px 12px;
  border-color: #c5dfe8;
  border-radius: 18px;
  background: radial-gradient(ellipse at 0 0, #dff5f6, transparent 62%), linear-gradient(115deg, #ffffff, #f4f8ff);
  box-shadow: 0 4px 18px rgb(16 63 86 / 4%);
}
.dark .site-overview-dashboard .overview-site-hero {
  border-color: #29495a;
  background: radial-gradient(ellipse at 0 0, #173d49, transparent 62%), linear-gradient(115deg, #0e1b28, #142336);
  box-shadow: 0 4px 18px rgb(0 0 0 / 10%);
}
.site-overview-dashboard .overview-site-identity {
  flex-basis: 280px;
  gap: 12px;
}
.site-overview-dashboard .overview-site-avatar {
  width: 46px;
  height: 50px;
  border-radius: 13px;
  font-size: 25px;
}
.site-overview-dashboard .overview-site-hero h1 {
  margin-bottom: 3px;
  font-size: clamp(23px, 2vw, 28px);
  line-height: 1.2;
  font-weight: 720;
  letter-spacing: -.035em;
}
.site-overview-dashboard .overview-kicker {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .07em;
}
.site-overview-dashboard .overview-site-hero .overview-kicker {
  font-size: 10px;
  line-height: 1.3;
}
.site-overview-dashboard .overview-site-address {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-hero-actions {
  gap: 8px;
}
.site-overview-dashboard :is(.overview-hero-actions, .overview-heading-actions, .overview-insights-footer, .overview-inline-error, .overview-attention) :is(button, a)[data-slot="button"] {
  height: auto;
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}
.site-overview-dashboard .overview-hero-actions button[data-site-open-editor][data-slot="button"] {
  border: 1px solid #086f86;
  background: #086f86;
  color: #ffffff;
  box-shadow: 0 3px 9px rgb(8 111 134 / 13%);
}
.dark .site-overview-dashboard .overview-hero-actions button[data-site-open-editor][data-slot="button"] {
  border-color: #82dfeb;
  background: #82dfeb;
  color: #0e2635;
}
.site-overview-dashboard :is(.overview-hero-actions, .overview-heading-actions) :is(button, a)[data-slot="button"][aria-label] {
  flex: 0 0 auto;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
}
.site-overview-dashboard .overview-hero-actions a[data-slot="button"] {
  border-color: var(--overview-line);
  background: var(--overview-surface);
  color: var(--overview-ink);
}
.site-overview-dashboard .overview-site-status {
  gap: 8px 14px;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-status-pill {
  gap: 7px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--overview-surface);
}
.site-overview-dashboard .overview-status-pill.is-published {
  border-color: color-mix(in srgb, var(--overview-accent) 32%, var(--overview-line));
  color: var(--overview-accent);
}
.site-overview-dashboard .overview-site-menu summary {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}
.site-overview-dashboard .overview-site-menu > div {
  top: calc(100% + 6px);
}
.site-overview-dashboard .overview-card {
  padding: 20px;
  border-radius: 18px;
  box-shadow: 0 3px 14px rgb(18 39 60 / 3%);
}
.site-overview-dashboard .overview-card-heading {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.site-overview-dashboard .overview-card h2 {
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
}
.site-overview-dashboard .overview-heading-actions {
  gap: 6px;
  flex-shrink: 0;
}
.site-overview-dashboard .overview-timezone {
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.4;
}
.site-overview-dashboard .overview-audience-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 18px;
}
.site-overview-dashboard .overview-traffic {
  flex: 2 1 460px;
  min-width: 0;
}
.site-overview-dashboard .overview-periods {
  width: max-content;
  max-width: 100%;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--overview-line);
  border-radius: 11px;
}
.site-overview-dashboard .overview-periods > button {
  min-width: 0;
  min-height: 44px;
  height: auto;
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.4;
}
.site-overview-dashboard .overview-traffic-totals {
  gap: 10px;
  padding: 8px 0 10px;
}
.site-overview-dashboard .overview-traffic-totals > .overview-number {
  padding: 6px 12px;
  border: 1px solid var(--overview-line);
  border-radius: 12px;
  background: var(--overview-soft);
}
.site-overview-dashboard .overview-number > div {
  gap: 6px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-number > strong {
  margin-top: 4px;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 700;
}
.site-overview-dashboard .overview-number.is-prominent > strong {
  font-size: 30px;
}
.site-overview-dashboard .overview-definition summary {
  width: 24px;
  height: 24px;
  font-size: 12px;
  background: var(--overview-surface);
}
.site-overview-dashboard .overview-definition p {
  top: calc(100% + 6px);
  width: 250px;
  font-size: 12px;
  line-height: 1.6;
}
.site-overview-dashboard .overview-trend-heading {
  gap: 10px;
  margin-bottom: 8px;
}
.site-overview-dashboard .overview-trend-heading > div:first-child {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 3px 9px;
  min-width: 0;
}
.site-overview-dashboard .overview-trend-heading h3 {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 650;
}
.site-overview-dashboard .overview-trend-heading span {
  font-size: 11px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-chart-metrics {
  flex-shrink: 0;
}
.site-overview-dashboard .overview-chart-metrics > button {
  min-height: 44px;
  height: auto;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid transparent;
  border-radius: 8px;
}
.site-overview-dashboard .overview-chart-metrics > button[aria-pressed="true"] {
  border-color: var(--overview-line);
}
.site-overview-dashboard .overview-chart {
  height: 144px;
}
.site-overview-dashboard .overview-chart-targets > button {
  min-width: 0;
}
.site-overview-dashboard .overview-chart-reading {
  gap: 4px 10px;
  padding-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-chart-reading strong,
.site-overview-dashboard .overview-chart-reading small {
  font-size: 12px;
}
.site-overview-dashboard .overview-comparison {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-daily-table {
  margin-top: 8px;
  font-size: 12px;
}
.site-overview-dashboard .overview-daily-table > summary {
  min-height: 44px;
  font-size: 12px;
}
.site-overview-dashboard .overview-daily-table table {
  font-size: 12px;
}
.site-overview-dashboard .overview-daily-table caption {
  font-size: 11px;
}
.site-overview-dashboard .overview-live {
  display: block;
  flex: 1 1 270px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--overview-line);
  border-radius: 14px;
  background: var(--overview-soft);
}
.site-overview-dashboard .overview-live-title h3 {
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
}
.site-overview-dashboard .overview-online-total {
  padding: 10px 0;
}
.site-overview-dashboard .overview-online-total strong {
  font-size: 36px;
  line-height: 1.1;
  font-weight: 700;
}
.site-overview-dashboard .overview-online-total span {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-online-total > svg {
  top: 22px;
}
.site-overview-dashboard .overview-live-counts {
  gap: 12px;
  padding: 10px 0;
}
.site-overview-dashboard .overview-roster {
  margin-top: 12px;
}
.site-overview-dashboard .overview-roster-heading {
  margin-bottom: 4px;
}
.site-overview-dashboard .overview-roster h4 {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-roster-heading > span {
  font-size: 11px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-roster li {
  gap: 8px;
  padding: 7px 0;
}
.site-overview-dashboard .overview-roster li > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1px 7px;
}
.site-overview-dashboard .overview-roster li strong {
  display: inline;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-roster li span,
.site-overview-dashboard .overview-roster li time {
  font-size: 11px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-roster li span {
  display: inline;
}
.site-overview-dashboard .overview-live-empty {
  min-height: 52px;
  padding: 10px 0;
}
.site-overview-dashboard .overview-live-empty p,
.site-overview-dashboard .overview-roster > p {
  font-size: 12px;
  line-height: 1.6;
}
.site-overview-dashboard .overview-live-caption {
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-insights-footer {
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
}
.site-overview-dashboard .overview-insights-footer > span {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-text-action {
  min-height: 44px;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-site-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 18px;
}
.site-overview-dashboard .overview-content-card {
  flex: 1.25 1 430px;
}
.site-overview-dashboard .overview-side-stack {
  flex: 1 1 340px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 18px;
}
.site-overview-dashboard .overview-content-stats {
  gap: 10px;
  padding-bottom: 18px;
}
.site-overview-dashboard .overview-content-stats > div {
  padding: 12px 10px;
  border: 1px solid var(--overview-line);
  border-radius: 12px;
  background: var(--overview-soft);
}
.site-overview-dashboard .overview-content-stats svg {
  margin-bottom: 8px;
}
.site-overview-dashboard .overview-content-stats strong {
  font-size: 27px;
  line-height: 1.2;
  font-weight: 700;
}
.site-overview-dashboard .overview-content-stats span {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-publication-strip {
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
}
.site-overview-dashboard .overview-publication-strip > svg {
  margin-top: 2px;
}
.site-overview-dashboard .overview-publication-strip strong {
  font-size: 13px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-publication-strip span {
  font-size: 12px;
  line-height: 1.6;
}
.site-overview-dashboard .overview-saved-pages li {
  gap: 10px;
  padding: 11px 0;
}
.site-overview-dashboard .overview-saved-pages strong {
  font-size: 13px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-saved-pages div span {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-page-state {
  max-width: 106px;
  padding: 5px 8px;
  border: 1px solid var(--overview-line);
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.4;
}
.site-overview-dashboard .overview-readiness {
  gap: 8px 12px;
  margin-top: 16px;
  padding-top: 14px;
}
.site-overview-dashboard .overview-readiness > div {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-inline-note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.6;
}
.site-overview-dashboard .overview-activity-list {
  gap: 14px;
}
.site-overview-dashboard .overview-activity-list strong {
  font-size: 13px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-activity-list span,
.site-overview-dashboard .overview-activity-list time {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-activity-list li > i {
  border-color: color-mix(in srgb, var(--overview-accent) 32%, var(--overview-line));
  background: var(--overview-soft);
}
.site-overview-dashboard .overview-capacity-row > div:first-child {
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-capacity-row strong,
.site-overview-dashboard .overview-capacity-row small {
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-capacity-meter {
  height: 8px;
  margin-top: 8px;
  border-radius: 999px;
}
.site-overview-dashboard .overview-capacity-note {
  font-size: 12px;
  line-height: 1.6;
}
.site-overview-dashboard .overview-capacity-note > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
}
.site-overview-dashboard .overview-support {
  gap: 8px 12px;
  font-size: 12px;
  line-height: 1.5;
}
.site-overview-dashboard .overview-support a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.site-overview-dashboard :is(button, a, summary):focus-visible {
  outline-width: 3px;
}
.site-overview-dashboard .overview-chart-targets > button:focus-visible {
  outline-offset: 0;
}
@media (max-width: 640px) {
  .site-overview-dashboard {
    gap: 14px;
  }
  .site-overview-dashboard .overview-site-hero,
  .site-overview-dashboard .overview-card {
    padding: 16px;
    border-radius: 15px;
  }
  .site-overview-dashboard .overview-site-identity {
    flex-basis: 100%;
  }
  .site-overview-dashboard .overview-hero-actions {
    width: 100%;
  }
  .site-overview-dashboard .overview-hero-actions > :is(button, a)[data-slot="button"]:not([aria-label]) {
    flex: 1 1 110px;
  }
  .site-overview-dashboard .overview-site-status {
    gap: 7px 12px;
  }
  .site-overview-dashboard .overview-card h2 {
    font-size: 18px;
  }
  .site-overview-dashboard .overview-periods {
    width: 100%;
  }
  .site-overview-dashboard .overview-periods > button {
    flex: 1 1 0;
    padding-inline: 6px;
  }
  .site-overview-dashboard .overview-traffic-totals > .overview-number {
    padding-inline: 9px;
  }
  .site-overview-dashboard .overview-number.is-prominent > strong {
    font-size: 27px;
  }
  .site-overview-dashboard .overview-trend-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .site-overview-dashboard .overview-chart-reading {
    align-items: flex-start;
  }
  .site-overview-dashboard .overview-content-stats {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .site-overview-dashboard .overview-content-stats > div {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    padding: 10px;
  }
  .site-overview-dashboard .overview-content-stats svg,
  .site-overview-dashboard .overview-content-stats span {
    margin: 0;
  }
  .site-overview-dashboard .overview-content-stats strong {
    font-size: 24px;
  }
  .site-overview-dashboard .overview-saved-pages li {
    align-items: flex-start;
  }
  .site-overview-dashboard .overview-page-state {
    max-width: 88px;
    font-size: 11px;
  }
  .site-overview-dashboard .overview-site-grid,
  .site-overview-dashboard .overview-side-stack {
    gap: 14px;
  }
}
@media (pointer: coarse) {
  .site-overview-dashboard .overview-definition summary {
    width: 32px;
    height: 32px;
  }
}
@media (prefers-contrast: more) {
  .site-overview-dashboard .overview-site-hero,
  .site-overview-dashboard .overview-card,
  .site-overview-dashboard .overview-live,
  .site-overview-dashboard .overview-traffic-totals > .overview-number {
    border-color: var(--overview-muted);
  }
}
@media (forced-colors: active) {
  .site-overview-dashboard .overview-site-hero,
  .site-overview-dashboard .overview-card,
  .site-overview-dashboard .overview-live,
  .site-overview-dashboard .overview-traffic-totals > .overview-number,
  .site-overview-dashboard .overview-content-stats > div,
  .site-overview-dashboard .overview-hero-actions button[data-site-open-editor][data-slot="button"] {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
  }
  .site-overview-dashboard :is(button, a, summary):focus-visible {
    outline-color: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-overview-dashboard *,
  .site-overview-dashboard *::before,
  .site-overview-dashboard *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Pair recorded audience and saved-site information when both fit the workspace. */
.site-overview-dashboard:has(> .site-overview-insights) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 550px), 1fr));
  align-items: start;
}
.site-overview-dashboard:has(> .site-overview-insights) > * {
  grid-column: 1 / -1;
  min-width: 0;
}
.site-overview-dashboard:has(> .site-overview-insights) > :is(.site-overview-insights, .overview-site-grid) {
  grid-column: auto;
}
.site-overview-dashboard:has(> .site-overview-insights) > .site-overview-insights .overview-traffic {
  flex-basis: 360px;
}
.site-overview-dashboard:has(> .site-overview-insights) > .site-overview-insights .overview-live {
  flex-basis: 210px;
}

/* Overview: use explicit responsive tracks for the audience/content workspace. */
.site-overview-dashboard:has(> .site-overview-insights) {
  grid-template-columns: minmax(0, 1fr);
}
.site-overview-dashboard:has(> .site-overview-insights) .overview-audience-layout,
.site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid > .overview-side-stack {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1500px) {
  .site-overview-dashboard:has(> .site-overview-insights) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-overview-dashboard:has(> .site-overview-insights) .overview-audience-layout {
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
  }
}
@media (min-width: 1700px) {
  .site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid > .overview-side-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Let the mobile primary label use its space before wrapping whole actions. */
@media (max-width: 640px) {
  .site-overview-dashboard .overview-hero-actions > button[data-site-open-editor][data-slot="button"] {
    flex-basis: 148px;
    max-width: 100%;
  }
  .site-overview-dashboard .overview-hero-actions > a[data-slot="button"]:not([aria-label]) {
    flex-basis: 100px;
    max-width: 100%;
  }
}

/* Core site tools and optional installed-app cards share the available workspace. */
.site-overview-dashboard.site-overview-configurable {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.site-overview-dashboard.site-overview-configurable > * { min-width: 0; grid-column: 1 / -1; }
.site-overview-dashboard.site-overview-configurable .overview-site-hero { position: static; gap: 12px 18px; padding: 17px 20px 13px; border-radius: 16px; }
.site-overview-dashboard.site-overview-configurable .overview-site-identity { flex-basis: 280px; gap: 12px; }
.site-overview-dashboard.site-overview-configurable .overview-site-avatar { width: 44px; height: 48px; border-radius: 11px; font-size: 23px; }
.site-overview-dashboard.site-overview-configurable .overview-site-hero h1 { font-size: clamp(21px, 2vw, 27px); line-height: 1.25; margin-bottom: 4px; }
.site-overview-dashboard.site-overview-configurable .overview-site-status { padding-top: 10px; gap: 7px 14px; }
.site-overview-dashboard.site-overview-configurable .overview-hero-actions { margin-left: auto; }
.site-overview-dashboard.site-overview-configurable .overview-hero-actions :is(button, a)[data-slot="button"] { min-height: 44px; white-space: normal; }
.site-overview-configurable .overview-workspace-summary { display: grid; gap: 14px; }
.site-overview-configurable .overview-quick-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px; align-items: start; }
.site-overview-configurable .overview-quick-grid > * { min-width: 0; }
.site-overview-configurable .overview-page-details { margin-top: 10px; }
.site-overview-configurable .overview-page-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; font-size: 12px; font-weight: 650; list-style: none; cursor: pointer; }
.site-overview-configurable .overview-page-details > summary::-webkit-details-marker { display: none; }
.site-overview-configurable .overview-page-details[open] > summary > svg { transform: rotate(180deg); }
.site-overview-configurable .overview-apps-layout-note { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 14px; color: var(--overview-muted); font-size: 12px; line-height: 1.5; }
.site-overview-configurable .overview-audience-disclosure { min-width: 0; }
.site-overview-configurable .overview-audience-disclosure > summary { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 4px; color: var(--overview-ink); font-size: 15px; font-weight: 650; list-style: none; cursor: pointer; }
.site-overview-configurable .overview-audience-disclosure > summary::-webkit-details-marker { display: none; }
.site-overview-configurable .overview-audience-disclosure > summary > svg:first-child { color: var(--overview-accent); }
.site-overview-configurable .overview-audience-disclosure > summary > svg:last-child { margin-left: auto; }
.site-overview-configurable .overview-audience-disclosure[open] > summary > svg:last-child { transform: rotate(180deg); }
.site-overview-configurable .overview-audience-disclosure > .site-overview-insights { margin-top: 8px; }
.site-overview-configurable .overview-audience-disclosure .overview-audience-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr); gap: 18px; }
.site-overview-configurable .overview-media-summary { display: flex; align-items: center; gap: 14px; padding: 8px 0; }
.site-overview-configurable .overview-media-mark { display: grid; place-items: center; width: 54px; height: 58px; flex-shrink: 0; border: 1px solid var(--overview-line); border-radius: 14px; background: var(--overview-soft); color: var(--overview-accent); }
.site-overview-configurable .overview-media-summary > div { display: grid; gap: 3px; min-width: 0; }
.site-overview-configurable .overview-media-summary strong { font-size: 31px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }
.site-overview-configurable .overview-media-summary > div > span { color: var(--overview-muted); font-size: 12px; line-height: 1.5; }
.site-overview-configurable .overview-media-next { margin-top: 10px; color: var(--overview-accent); font-size: 12px; line-height: 1.6; }
.site-overview-configurable .overview-history-wide .overview-activity-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px 24px; }
.site-overview-configurable .overview-apps-section { display: grid; gap: 14px; }
.site-overview-configurable .overview-apps-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 14px 20px; }
.site-overview-configurable .overview-apps-heading > div { flex: 1 1 300px; min-width: 0; }
.site-overview-configurable .overview-apps-heading h2 { font-size: 21px; font-weight: 700; letter-spacing: -.025em; line-height: 1.35; }
.site-overview-configurable .overview-apps-heading > div > p:last-child { margin-top: 6px; color: var(--overview-muted); font-size: 12px; line-height: 1.6; }
.site-overview-configurable .overview-app-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr)); gap: 18px; align-items: start; }
.site-overview-configurable .overview-app-card { min-width: 0; }
.site-overview-configurable .overview-app-card-heading { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px; }
.site-overview-configurable .overview-app-icon { display: grid; place-items: center; width: 42px; height: 44px; flex-shrink: 0; border: 1px solid var(--overview-line); border-radius: 11px; background: var(--overview-soft); color: var(--overview-accent); }
.site-overview-configurable .overview-app-card-heading > div { flex: 1; min-width: 0; }
.site-overview-configurable .overview-app-card-heading h3 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 16px; font-weight: 700; line-height: 1.4; }
.site-overview-configurable .overview-app-card-heading p { margin-top: 5px; color: var(--overview-muted); font-size: 12px; line-height: 1.6; }
.site-overview-configurable .overview-app-pill { padding: 2px 6px; border: 1px solid var(--overview-line); border-radius: 6px; color: var(--overview-accent); background: var(--overview-soft); font-size: 10px; font-weight: 600; }
.site-overview-configurable .overview-app-card-heading > button { flex-shrink: 0; }
.site-overview-configurable .overview-app-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.site-overview-configurable .overview-app-metrics > div { min-width: 0; padding: 12px 10px; border: 1px solid var(--overview-line); border-radius: 11px; background: var(--overview-soft); }
.site-overview-configurable .overview-app-metrics dt { color: var(--overview-muted); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.site-overview-configurable .overview-app-metrics dd { margin: 6px 0 0; font-size: 25px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.2; overflow-wrap: anywhere; }
.site-overview-configurable :is(.overview-app-footnote, .overview-app-measured) { margin-top: 12px; color: var(--overview-muted); font-size: 11px; line-height: 1.6; }
.site-overview-configurable .overview-app-measured { display: flex; align-items: center; gap: 5px; margin-top: 6px; }
.site-overview-configurable .overview-app-state { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px dashed var(--overview-line); border-radius: 10px; color: var(--overview-muted); font-size: 12px; line-height: 1.6; }
.site-overview-configurable .overview-app-state > svg { flex-shrink: 0; margin-top: 2px; }
.site-overview-configurable .overview-app-summary-state { display: grid; justify-items: start; gap: 9px; padding: 14px; border: 1px dashed var(--overview-line); border-radius: 12px; background: var(--overview-soft); }
.site-overview-configurable .overview-app-summary-state > svg { color: var(--overview-accent); }
.site-overview-configurable .overview-app-summary-state strong { font-size: 13px; line-height: 1.5; }
.site-overview-configurable .overview-app-summary-state p { color: var(--overview-muted); font-size: 12px; line-height: 1.65; }
.site-overview-configurable .overview-app-forms [data-site-forms-overview] > [data-site-workspace-panel] { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.site-overview-configurable .overview-app-forms [data-site-workspace-panel] > div:first-child { margin-bottom: 14px; }
.site-overview-configurable .overview-app-forms [data-site-workspace-panel] > div:first-child h3 { font-size: 13px; }
.site-overview-configurable .overview-app-forms .site-overview-form-counts { gap: 10px; }
.site-overview-configurable .overview-app-forms .site-overview-form-counts dd { font-size: 25px; }
.site-overview-configurable .overview-apps-empty { display: grid; justify-items: start; gap: 9px; }
.site-overview-configurable .overview-apps-empty > svg { color: var(--overview-accent); }
.site-overview-configurable .overview-apps-empty h3 { font-size: 16px; font-weight: 650; line-height: 1.4; }
.site-overview-configurable .overview-apps-empty p { color: var(--overview-muted); font-size: 12px; line-height: 1.7; }
.site-overview-configurable .overview-customize { flex: 0 1 350px; min-width: 0; max-width: 100%; }
.site-overview-configurable .overview-customize[open] { flex-basis: 100%; }
.site-overview-configurable .overview-customize > summary { display: flex; align-items: center; justify-content: center; gap: 8px; width: max-content; max-width: 100%; min-height: 44px; margin-left: auto; padding: 9px 12px; border: 1px solid var(--overview-line); border-radius: 10px; background: var(--overview-surface); font-size: 12px; font-weight: 650; list-style: none; cursor: pointer; }
.site-overview-configurable .overview-customize > summary::-webkit-details-marker { display: none; }
.site-overview-configurable .overview-customize[open] > summary > svg:last-child { transform: rotate(180deg); }
.site-overview-configurable .overview-customize-panel { margin-top: 10px; padding: 16px; border: 1px solid var(--overview-line); border-radius: 13px; background: var(--overview-surface); }
.site-overview-configurable .overview-customize-panel > p { color: var(--overview-muted); font-size: 12px; line-height: 1.6; }
.site-overview-configurable .overview-customize-panel ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 8px; margin: 13px 0 8px; padding: 0; list-style: none; }
.site-overview-configurable .overview-customize-panel li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px; border: 1px solid var(--overview-line); border-radius: 10px; background: var(--overview-soft); }
.site-overview-configurable .overview-customize-panel label { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; min-height: 44px; padding: 5px; font-size: 12px; line-height: 1.5; cursor: pointer; }
.site-overview-configurable .overview-customize-panel label > span { overflow-wrap: anywhere; }
.site-overview-configurable .overview-customize-panel input { width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--overview-accent); }
.site-overview-configurable .overview-customize-panel input:focus-visible { outline: 3px solid var(--overview-accent); outline-offset: 3px; }
.site-overview-configurable .overview-customize-panel li > div { display: flex; flex-shrink: 0; gap: 4px; }
.site-overview-configurable .overview-customize-panel li button { display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; border: 1px solid var(--overview-line); border-radius: 8px; background: var(--overview-surface); }
.site-overview-configurable .overview-customize-panel li button:disabled { opacity: .4; cursor: not-allowed; }
.site-overview-configurable .overview-preference-notice { color: var(--overview-muted); font-size: 12px; line-height: 1.5; }
@media (max-width: 1100px) {
  .site-overview-configurable .overview-audience-disclosure .overview-audience-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .site-overview-dashboard.site-overview-configurable { gap: 14px; }
  .site-overview-dashboard.site-overview-configurable .overview-site-hero { padding: 14px; }
  .site-overview-dashboard.site-overview-configurable .overview-site-identity { flex-basis: 100%; }
  .site-overview-dashboard.site-overview-configurable .overview-hero-actions { margin-left: 0; gap: 7px; }
  .site-overview-configurable .overview-quick-grid,
  .site-overview-configurable .overview-app-card-grid { gap: 14px; }
  .site-overview-configurable .overview-apps-heading h2 { font-size: 19px; }
  .site-overview-configurable .overview-customize { flex-basis: 100%; }
  .site-overview-configurable .overview-customize > summary { width: 100%; margin: 0; }
  .site-overview-configurable .overview-customize-panel { padding: 11px; }
  .site-overview-configurable .overview-app-metrics { grid-template-columns: minmax(0, 1fr); }
  .site-overview-configurable .overview-app-metrics > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .site-overview-configurable .overview-app-metrics dd { margin: 0; font-size: 23px; text-align: right; }
  .site-overview-configurable .overview-app-card-heading { flex-wrap: wrap; }
  .site-overview-configurable .overview-app-card-heading > div { min-width: min(100%, 130px); }
  .site-overview-configurable .overview-customize-panel li { flex-wrap: wrap; }
}