/* Scoped to the approved overview; existing module screens retain their styles. */
html .app-shell[data-active-module="home"]{background:#111d2c;color:#e7eef8;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
html[data-theme="day"] .app-shell[data-active-module="home"]{background:#f3f6fa;color:#1b2a41}
html .app-shell[data-active-module="home"] .sidebar{background:#13243d;border-right-color:#293c57;box-shadow:none;transition:none}
html .app-shell[data-active-module="home"] .sidebar::after{display:none}
html .app-shell[data-active-module="home"] .brand-logo-full{content:url("../../assets/futurecloud-logo-ui.svg?v=20260713-dashboard-a")}
html .app-shell[data-active-module="home"] .sidebar-section{color:#91a4bf}
html .app-shell[data-active-module="home"] .nav button{color:#c1cee1;font-family:inherit;font-size:13px;letter-spacing:0}
html .app-shell[data-active-module="home"] .nav-label{font-family:inherit}
html .app-shell[data-active-module="home"] .nav button .nav-icon{color:inherit;background:transparent}
html .app-shell[data-active-module="home"] .nav button:hover{background:#203753;color:#fff;border-color:#304966}
html .app-shell[data-active-module="home"] .nav button.active{background:#294f81;color:#fff;border-color:#426b9f}
html .app-shell[data-active-module="home"] .nav button.active .nav-icon{background:transparent;color:#bdd4ff}
html .app-shell[data-active-module="home"] .sidebar-collapse-btn{color:#c1cee1;background:#203753;border-color:#42607f}
html .app-shell[data-active-module="home"] .admin-console-entry,html .app-shell[data-active-module="home"] .storage-panel{color:#b7cae5;background:#1c304a;border-color:#324b69}
html .app-shell[data-active-module="home"] .storage-panel strong{color:#b7dfd4}
html .app-shell[data-active-module="home"] .workspace{background:inherit;scrollbar-color:#758ba866 transparent;transition:none}
html .app-shell[data-active-module="home"] .topbar{max-width:1600px;margin-left:auto;margin-right:auto}
html .app-shell[data-active-module="home"] .topbar h2{font-family:inherit;letter-spacing:-.7px;font-size:28px}
html .app-shell[data-active-module="home"] .topbar .eyebrow{color:#8195ae;letter-spacing:0;font-family:inherit}
html .app-shell[data-active-module="home"] .toolbar .ghost-button,html .app-shell[data-active-module="home"] .toolbar .user-pill{color:#a4b5cc;background:#202c3c;border-color:#344457;box-shadow:none;font-family:inherit;border-radius:5px}
html[data-theme="day"] .app-shell[data-active-module="home"] .toolbar .ghost-button,html[data-theme="day"] .app-shell[data-active-module="home"] .toolbar .user-pill{color:#607087;background:#fff;border-color:#d9e1ed}
html[data-theme] #dashboard.ops-overview th,html[data-theme] .ops-detail th{background:var(--op-soft);color:var(--op-muted);font-family:inherit}
/* On narrow screens the home navigation becomes a labelled horizontal strip. */
@media(max-width:736px){
  html .app-shell[data-active-module="home"]{display:flex;flex-direction:column}
  html .app-shell[data-active-module="home"] .sidebar{position:relative;width:100%;height:auto;flex:0 0 auto;padding:10px 12px 7px;gap:7px;border-right:0}
  html .app-shell[data-active-module="home"] .sidebar-collapse-btn,html .app-shell[data-active-module="home"] .sidebar-section,html .app-shell[data-active-module="home"] .sidebar-footer{display:none}
  html .app-shell[data-active-module="home"] .brand{height:26px;margin:0;padding:0;justify-content:flex-start}
  html .app-shell[data-active-module="home"] .brand-logo-full{display:block;width:150px;flex-basis:150px;max-height:25px}
  html .app-shell[data-active-module="home"] .brand-logo-mark{display:none}
  html .app-shell[data-active-module="home"] .nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;gap:4px;scrollbar-width:thin}
  html .app-shell[data-active-module="home"] .nav button{width:auto;flex:0 0 auto;height:32px;padding:0 10px;font-size:11px;border-radius:4px;gap:0}
  html .app-shell[data-active-module="home"] .nav button .nav-icon{display:none}
  html .app-shell[data-active-module="home"] .nav button .nav-label{opacity:1;width:auto;overflow:visible}
  html .app-shell[data-active-module="home"] .workspace{margin-left:0;min-height:0;height:auto;flex:1;padding:16px 12px;transition:none}
  html .app-shell[data-active-module="home"] .topbar{gap:12px;margin-bottom:16px}
  html .app-shell[data-active-module="home"] .topbar h2{font-size:25px}
}
#dashboard.ops-overview,.ops-detail{--op-bg:#192432;--op-soft:#202c3c;--op-ink:#e7eef8;--op-muted:#a4b5cc;--op-line:#344457;--op-blue:#8bb4ff;--op-blue-soft:#263c5e;--op-red:#f6a0a8;--op-red-soft:#452c36;color:var(--op-ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.5}
html[data-theme="day"] #dashboard.ops-overview,html[data-theme="day"] .ops-detail{--op-bg:#fff;--op-soft:#f8fafc;--op-ink:#1b2a41;--op-muted:#607087;--op-line:#e1e7ef;--op-blue:#285fc4;--op-blue-soft:#edf3ff;--op-red:#b03943;--op-red-soft:#fff0f0}
#dashboard.ops-overview{display:block;min-width:0;max-width:1600px;margin:0 auto;padding-bottom:20px}#dashboard.ops-overview[hidden]{display:none}
.ops-overview *,.ops-detail *{box-sizing:border-box}.ops-overview h3,.ops-detail h3{font-family:inherit;font-size:15px;font-weight:650;letter-spacing:0;margin:0;color:var(--op-ink)}
.ops-overview button,.ops-detail button{font:inherit;font-size:11px;color:var(--op-blue);background:transparent;border:0;border-radius:4px;padding:4px 0;cursor:pointer;box-shadow:none;white-space:normal}.ops-overview button:hover,.ops-detail button:hover{color:var(--op-blue);text-decoration:underline;transform:none}.ops-overview button:disabled{opacity:.45;cursor:default}.ops-overview button:focus-visible,.ops-detail button:focus-visible,.ops-overview input:focus-visible,.ops-overview select:focus-visible{outline:2px solid var(--op-blue);outline-offset:3px}
.ops-overview input,.ops-overview select{font:inherit;font-size:11px;background:var(--op-bg);color:var(--op-ink);border:1px solid var(--op-line);padding:6px 9px;border-radius:5px;box-shadow:none;width:auto;min-width:0;max-width:100%;height:32px}.ops-overview input::placeholder{color:var(--op-muted)}
.ops-overview small,.ops-detail small{display:block;font:inherit;font-size:11px;color:var(--op-muted);margin-top:3px}.ops-overview strong,.ops-overview b,.ops-detail strong,.ops-detail b{font-weight:600}
.ops-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.ops-toolbar>strong{font-size:15px;margin-right:auto}.ops-toolbar label{display:flex;align-items:center;gap:8px;color:var(--op-muted);font-size:11px}.ops-toolbar select{max-width:260px}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.ops-metric{background:var(--op-bg);border:1px solid var(--op-line);border-radius:7px;padding:16px;min-width:0}.ops-metric>span{font-size:12px;color:var(--op-muted)}.ops-metric>strong{display:block;font-family:inherit;font-size:28px;line-height:1.3;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:10px 0}.ops-metric footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--op-muted);border-top:1px solid var(--op-line);padding-top:9px}.ops-metric footer b{font-weight:500;color:var(--op-ink)}
.ops-upper{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.ops-panel{background:var(--op-bg);border:1px solid var(--op-line);border-radius:7px;margin-bottom:16px;overflow:clip;min-width:0}.ops-upper>.ops-panel,.ops-bottom>.ops-panel{margin:0}.ops-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;flex-wrap:wrap}.ops-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 17px;border-top:1px solid var(--op-line);font-size:11px;color:var(--op-muted);flex-wrap:wrap}.ops-panel>footer>div{display:flex;gap:14px}.ops-panel>footer a{color:var(--op-blue);text-decoration:none}.ops-panel>footer select{height:27px;padding:3px 7px}.ops-panel>footer label{display:flex;gap:6px;align-items:center}
.ops-segments{display:flex;border:1px solid var(--op-line);border-radius:5px;overflow:hidden}.ops-segments button{padding:5px 9px;border-radius:0;color:var(--op-muted)}.ops-segments button+button{border-left:1px solid var(--op-line)}.ops-segments button[aria-pressed=true]{background:var(--op-blue-soft);color:var(--op-blue)}
.ops-chart-value{display:flex;align-items:baseline;gap:10px;padding:0 17px}.ops-chart-value strong{font-size:24px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.ops-chart-value span{font-size:11px;color:var(--op-muted)}.ops-chart{display:block;width:100%;height:190px;padding:0 9px}.ops-chart path{stroke:var(--op-blue);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}.ops-chart circle{fill:var(--op-bg);stroke:var(--op-blue);stroke-width:1.5}.ops-chart text{fill:var(--op-muted);font-family:inherit;font-size:11px}.ops-chart .ops-gridline{stroke:var(--op-line);stroke-width:1}.ops-chart.ops-spark{height:30px;max-width:120px;padding:0}.ops-chart.ops-spark path{stroke-width:1.6}
.ops-chip{display:inline-flex;border-radius:4px;background:var(--op-soft);color:var(--op-muted);font-size:10px;font-weight:400;padding:3px 6px;vertical-align:middle}.ops-chip.danger{background:var(--op-red-soft);color:var(--op-red)}.ops-down{color:var(--op-red)!important}.ops-attention{padding:12px 17px;border-top:1px solid var(--op-line)}.ops-attention>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:3px 0}.ops-attention>div:first-child button{font-size:13px;font-weight:600}.ops-attention>div:first-child strong{font-size:16px}.ops-attention>div:nth-child(2){font-size:11px;color:var(--op-muted)}.ops-attention>div:nth-child(2) b{color:var(--op-ink)}.ops-attention small{font-size:11px}
.ops-table-wrap{min-width:0}.ops-overview table,.ops-detail table{width:100%;border-collapse:collapse;table-layout:fixed;font:inherit;font-size:12px;min-width:0}.ops-overview th,.ops-detail th{font-weight:500;color:var(--op-muted);font-size:11px;background:var(--op-soft);text-align:left;position:static;white-space:normal;letter-spacing:0;text-transform:none}.ops-overview th,.ops-overview td,.ops-detail th,.ops-detail td{padding:11px 10px;border:0;border-bottom:1px solid var(--op-line);vertical-align:middle;overflow-wrap:anywhere;height:auto;white-space:normal;background:transparent}.ops-overview th{background:var(--op-soft)}.ops-overview th:first-child,.ops-overview td:first-child{padding-left:17px}.ops-overview th:last-child,.ops-overview td:last-child{padding-right:17px}.ops-overview tbody tr:last-child td{border-bottom:0}.ops-overview tbody tr:hover td{background:var(--op-soft)}.ops-overview td button{font-size:12px;font-weight:600}.ops-num{text-align:right!important;font-variant-numeric:tabular-nums}.ops-overview td small{font-size:10px}.ops-payer-table th:first-child{width:15%}.ops-payer-table th:nth-child(2){width:13%}.ops-payer-table th:nth-child(3){width:11%}.ops-payer-table th:nth-child(4){width:18%}.ops-payer-table th:nth-child(5){width:10%}.ops-payer-table th:nth-child(6){width:11%}.ops-payer-table th:nth-child(7){width:11%}.ops-payer-table th:nth-child(8){width:11%}.ops-ratio{display:grid;grid-template-columns:25px minmax(10px,1fr) 44px;gap:4px;align-items:center;font-size:10px;margin:4px 0}.ops-ratio>span{color:var(--op-muted)}.ops-ratio i{height:4px;display:block;background:var(--op-line);border-radius:3px;overflow:hidden}.ops-ratio em{display:block;height:100%;background:var(--op-blue)}.ops-ratio+.ops-ratio em{opacity:.5}.ops-ratio b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.ops-filters{display:flex;align-items:center;gap:7px}.ops-filters input{width:165px}.ops-customer-table th:first-child{width:17%}.ops-customer-table th:nth-child(2){width:16%}.ops-customer-table th:nth-child(3){width:13%}.ops-customer-table th:nth-child(4){width:13%}.ops-customer-table th:nth-child(5){width:15%}.ops-customer-table th:nth-child(6){width:14%}.ops-customer-table th:nth-child(7){width:12%}.ops-drop-row td:first-child{box-shadow:inset 3px 0 var(--op-red)}.ops-empty{padding:28px 17px;color:var(--op-muted);font-size:12px}
.ops-bottom{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:16px;margin-bottom:16px;align-items:start}.ops-credit-summary{display:flex;gap:24px;margin:0 17px 14px}.ops-credit-summary>span{font-size:11px;color:var(--op-muted)}.ops-credit-summary strong{display:block;font-size:22px;letter-spacing:-.4px;color:var(--op-ink);margin-top:6px;font-variant-numeric:tabular-nums}.ops-credit-row{display:flex;justify-content:space-between;gap:10px;padding:9px 17px;border-top:1px solid var(--op-line);font-size:12px}.ops-credit-row b{font-variant-numeric:tabular-nums;font-weight:500}.ops-source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:var(--op-bg);border:1px solid var(--op-line);padding:14px 17px;border-radius:7px}.ops-source-strip>div+div{padding-left:15px;border-left:1px solid var(--op-line)}.ops-source-strip strong{font-size:12px;display:block}.ops-source-strip small{font-size:11px}.ops-source-strip button{display:block;margin-top:5px}
.ops-detail{width:min(880px,calc(100vw - 28px));max-height:90vh;background:var(--op-bg);border:1px solid var(--op-line);border-radius:9px;padding:0;box-shadow:0 20px 90px #0b1b3440;overflow:auto}.ops-detail::backdrop{background:#101c3260;backdrop-filter:blur(2px)}.ops-detail>header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--op-line);padding:18px 22px}.ops-detail h3{font-size:18px}.ops-detail>header button{font-size:23px;min-width:27px}.ops-detail-body{padding:18px 22px}.ops-detail dl{margin:0}.ops-detail dl>div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--op-line);font-size:12px}.ops-detail dt{color:var(--op-muted)}.ops-detail dd{margin:0;overflow-wrap:anywhere}.ops-detail>footer{display:flex;justify-content:flex-end;padding:12px 22px;border-top:1px solid var(--op-line)}
@media(max-width:1200px){.ops-metric{padding:13px}.ops-metric>strong{font-size:24px}.ops-metric footer{font-size:10px}.ops-upper{grid-template-columns:1fr 1fr;gap:12px}.ops-overview th,.ops-overview td{padding:10px 7px}.ops-overview th{font-size:10px}.ops-ratio{grid-template-columns:1fr 37px}.ops-ratio>span{display:none}.ops-ratio b{font-size:10px}.ops-payer-table td{font-size:11px}.ops-overview td small{font-size:10px}}
@media(max-width:950px){.ops-upper,.ops-bottom{grid-template-columns:1fr}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-metric>strong{font-size:27px}.ops-panel>header{padding:14px}.ops-overview th:first-child,.ops-overview td:first-child{padding-left:12px}.ops-overview th:last-child,.ops-overview td:last-child{padding-right:12px}.ops-panel>footer{padding:10px 14px}}
@media(max-width:650px){.ops-toolbar{gap:8px}.ops-toolbar label{font-size:10px;flex:1}.ops-toolbar>strong{width:100%}.ops-toolbar select{width:100%;min-width:0;max-width:200px}.ops-metrics{gap:9px}.ops-metric{padding:12px 10px}.ops-metric>strong{font-size:22px}.ops-metric footer{flex-wrap:wrap;gap:3px}.ops-metric>span{font-size:11px}.ops-panel>header{gap:10px}.ops-filters{width:100%}.ops-filters input{flex:1;min-width:0;width:auto}.ops-overview .ops-payer-table,.ops-overview .ops-customer-table,.ops-overview tbody{display:block;width:100%}.ops-overview .ops-payer-table thead,.ops-overview .ops-customer-table thead{display:none}.ops-overview .ops-payer-table tr,.ops-overview .ops-customer-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px 12px;border-top:1px solid var(--op-line)}.ops-overview .ops-payer-table td,.ops-overview .ops-customer-table td{display:block;width:100%;border:0;padding:0;box-shadow:none;font-size:12px;text-align:left!important}.ops-overview td:before{content:attr(data-label);display:block;color:var(--op-muted);font-size:10px;margin-bottom:3px}.ops-overview .ops-payer-table td:first-child,.ops-overview .ops-customer-table td:first-child,.ops-overview .ops-payer-table td:last-child,.ops-overview .ops-customer-table td:last-child{grid-column:1/-1}.ops-overview td:first-child:before{display:none}.ops-overview td button{font-size:13px}.ops-overview .ops-drop-row{box-shadow:inset 3px 0 var(--op-red)}.ops-overview .ops-ratio{grid-template-columns:25px 1fr 43px}.ops-ratio>span{display:block}.ops-source-strip{grid-template-columns:1fr;gap:11px;padding:13px}.ops-source-strip>div+div{padding:11px 0 0;border-left:0;border-top:1px solid var(--op-line)}.ops-chart-value strong{font-size:22px}.ops-detail-body{padding:14px}.ops-detail>header{padding:15px}.ops-detail dl>div{grid-template-columns:90px 1fr;gap:10px}.ops-detail table{font-size:10px}.ops-detail th,.ops-detail td{padding:8px 4px;font-size:10px}.ops-detail td small{font-size:10px}.ops-detail h3{font-size:16px}.ops-panel>footer{font-size:10px}}
