/* Operations Overview: compact working surface, preserving shared theme. */
#hub main{max-width:1680px;padding:24px 22px 32px}
#hub .welcome{align-items:center;flex-wrap:wrap;margin-bottom:22px}
#hub .welcome h1{font-size:30px;letter-spacing:-.035em;line-height:1.2}
#hub .welcome p{font-size:13px;margin-top:7px}
.overview-search span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.overview-search input{width:270px;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:12px 14px;font-size:13px}
.overview-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.overview-total{display:flex;gap:20px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none;color:var(--text);box-shadow:0 3px 14px #0f245004}
.overview-total span:not(.total-icon){font-size:14px;font-weight:600}
.overview-total b{display:block;font-size:30px;line-height:1.3;margin:5px 0;font-variant-numeric:tabular-nums}
.overview-total small{font-size:12px;color:var(--muted)}
.total-icon,#hub .icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,#1676ff 11%,var(--panel));color:#1676ff;font-size:23px;font-weight:700}
.overview-total:nth-child(2) .total-icon{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel))}
.overview-total:nth-child(3) .total-icon{color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,var(--panel))}
#hub .cards{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
#hub .module{min-height:0;border-radius:12px;background:var(--panel);box-shadow:0 4px 20px #0f245004}
#hub .module:hover{transform:none;border-color:var(--line);box-shadow:0 4px 20px #0f245008}
#hub .module::before{display:none}
#hub .calendar,#hub .runsheets{--accent:#1267ef}
#hub .dispatch-science{--accent:var(--purple)}
#hub .module-head{padding:22px 20px 16px;gap:15px}
#hub .module h2{font-size:23px;letter-spacing:-.035em}
#hub .module-head p{font-size:12px;line-height:1.5;margin-top:4px}
#hub .icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--panel))}
#hub .open{font-size:12px;padding:11px 13px;white-space:nowrap;color:var(--accent);border-radius:10px;background:transparent}
#hub .open::after{content:' →';margin-left:5px}
#hub .calendar .open{background:#1267ef;border-color:#1267ef;color:#fff}
#hub .kpis{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px 20px;gap:10px}
#hub .kpi{position:relative;padding:12px 12px 12px 16px;background:var(--panel);border-color:var(--line);border-radius:9px;min-width:0}
#hub .kpi::before{content:'';position:absolute;left:3px;top:7px;bottom:7px;width:3px;border-radius:4px;background:var(--accent)}
#hub .kpi:nth-child(2)::before{background:var(--green)}
#hub .kpi:nth-child(3)::before{background:#ed9a25}
#hub .kpi:nth-child(4)::before{background:#94a3b8}
#hub .kpi b{font-size:21px;font-variant-numeric:tabular-nums}
#hub .kpi span{font-size:11px;letter-spacing:0;text-transform:none;line-height:1.4}
#hub .bar-row{display:none}
#hub .snapshot{margin:0 20px 12px;border:0;background:transparent;flex:1;border-radius:0}
#hub .snapshot-title{display:flex;justify-content:space-between;gap:10px;padding:4px 0 10px;border:0;color:var(--text);font-size:13px;letter-spacing:0;text-transform:none}
.overview-view-all{font-size:12px;text-decoration:none;color:var(--accent);white-space:nowrap}
#hub .snapshot>div:last-child{border:1px solid var(--line);border-radius:9px;overflow:hidden}
#hub .snap-row{padding:11px 10px;min-height:43px;border-color:var(--line);font-size:12px;grid-template-columns:65px minmax(0,1fr) auto}
#hub .snap-row .when{font-size:11px}
#hub .snap-row strong{font-weight:500}
#hub .snap-row[hidden]{display:none!important}
#hub .pill{font-size:11px;padding:4px 10px;background:var(--panel2);color:var(--muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hub .pill[data-tone=done]{background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green)}
#hub .pill[data-tone=active]{background:color-mix(in srgb,#1676ff 12%,var(--panel));color:#1676ff}
#hub .pill[data-tone=attention]{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red)}
#hub .foot{font-size:11px;padding:0 20px 16px}
#hub .empty{font-size:13px}
.overview-search-status{font-size:13px;color:var(--muted)}
#hub a:focus-visible,#hub input:focus-visible{outline:3px solid var(--accent,#1676ff);outline-offset:3px}
[data-theme=light] #hub{background:linear-gradient(135deg,#f2f7fc,#f7faff)}
[data-theme=light] #hub .module,[data-theme=light] .overview-total{border-color:#e5edf6}
@media(max-width:1200px){#hub .module-head{flex-wrap:wrap}#hub .open{margin-left:67px}#hub .welcome .live{width:100%}}
@media(max-width:900px){#hub .cards{grid-template-columns:1fr}.overview-totals{grid-template-columns:repeat(2,minmax(0,1fr))}#hub .open{margin-left:auto}}
@media(max-width:560px){#hub main{padding:16px 12px}#hub .welcome h1{font-size:26px}.overview-search,.overview-search input{width:100%}.overview-total{padding:14px;gap:10px}.total-icon{display:none}#hub .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#hub .module-head{padding:18px 16px}#hub .module-head .open{margin-left:0}#hub .module h2{font-size:21px}#hub .snap-row{grid-template-columns:50px minmax(0,1fr) auto;gap:5px}#hub .pill{max-width:95px;padding:4px 6px}}