.wrap{max-width:1600px}.admin-tabs{flex-wrap:wrap}
.drawer:not(.show){display:none}.drawer .kv .v{min-width:0;overflow-wrap:anywhere}
.sheet-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
.sheet-toolbar .sheet-help{margin-right:auto;font-size:12px;color:var(--muted)}
.sheet-search{border:1px solid var(--line);border-radius:8px;background:#171c28;color:inherit;padding:9px 12px;min-width:240px}
.column-picker{position:relative}.column-picker>summary{list-style:none;margin:0;color:#e6e9ef}
.column-panel{position:absolute;right:0;top:38px;width:440px;max-width:88vw;max-height:65vh;overflow:auto;background:#1b2130;border:1px solid #414d65;border-radius:12px;padding:14px;z-index:7;box-shadow:0 14px 40px #0008}
.column-option{display:flex;align-items:center;gap:6px;padding:5px 0}.column-option label{flex:1;font-size:12px}.column-option label input{margin-right:9px;accent-color:#7da0ff}
.column-option input[type=number]{width:64px;background:#101522;border:1px solid #414d65;color:inherit;border-radius:5px;padding:5px}
.table-topbar{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0;background:#191f2b;border:1px solid var(--line);border-radius:9px 9px 0 0;padding:4px 6px;margin-top:6px}
.table-top-scroll{flex:1;overflow-x:scroll;height:18px;min-width:0;scrollbar-color:#63749b #222b3e;scrollbar-width:auto}
.table-scroll-arrow{flex:none;border:0;border-radius:7px;background:#303c54;color:#d9e4ff;cursor:pointer;font-size:22px;width:44px;height:44px;touch-action:manipulation}
.table-scroll-arrow:disabled{opacity:.35;cursor:default}
.table-scroll-arrow:focus-visible,.table-touch-scroll input:focus-visible{outline:2px solid #8babff;outline-offset:2px}
.table-touch-scroll{display:none;flex:1;min-width:0;text-align:center;font-size:11px;color:var(--muted)}
.table-touch-scroll input{appearance:none;display:block;width:100%;min-width:0;height:44px;margin:0;background:transparent;cursor:ew-resize}
.table-touch-scroll input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:#455777}
.table-touch-scroll input::-webkit-slider-thumb{appearance:none;width:26px;height:26px;margin-top:-10px;border:2px solid #b8ccff;border-radius:50%;background:#8babff}
.table-touch-scroll input::-moz-range-track{height:6px;border-radius:6px;background:#455777}
.table-touch-scroll input::-moz-range-thumb{box-sizing:border-box;width:26px;height:26px;border:2px solid #b8ccff;border-radius:50%;background:#8babff}
@media(max-width:700px),(pointer:coarse){
  .table-top-scroll{display:none}
  .table-touch-scroll{display:block}
  .overview-table-scroll{touch-action:pan-x pan-y pinch-zoom}
}
.spreadsheet-table{table-layout:fixed!important;overflow:visible;border-collapse:separate;border-spacing:0;border-radius:0}
.spreadsheet-table th{position:relative;background:#1e2635}.spreadsheet-table td{position:relative;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line)}
.spreadsheet-table th,.spreadsheet-table td{white-space:normal;overflow-wrap:anywhere}
.spreadsheet-table th[hidden],.spreadsheet-table td[hidden]{display:none!important}
.spreadsheet-table .onboard{min-width:0}.spreadsheet-table .onboard-step{white-space:normal}
.overview-table-scroll .onboard-steps{display:flex;gap:5px}.overview-table-scroll .onboard-head{margin:0 0 6px}.overview-table-scroll td{height:62px}
.overview-table-scroll .onboard-step{font-size:11px;padding:2px 5px}
.table-top-scroll::-webkit-scrollbar{height:12px}.table-top-scroll::-webkit-scrollbar-track{background:#26334b;border-radius:8px}.table-top-scroll::-webkit-scrollbar-thumb{background:#657da8;border-radius:8px;border:2px solid #26334b}
.spreadsheet-table .sort-btn{padding-right:18px;min-height:42px}
.column-resize{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;border-right:2px solid #43516c}
.column-resize:hover,.column-resize:focus{background:#6e9eff66;border-color:#91b3ff;outline:0}
.column-resizing{cursor:col-resize!important;user-select:none}.spreadsheet-table td:focus{outline:2px solid #8babff;outline-offset:-2px}
.spreadsheet-table .cell-selected{background:#24457555}.overview-table-scroll{max-height:65vh;overflow:auto;border-radius:0 0 10px 10px}
.overview-table-scroll thead th{position:sticky;top:0;z-index:2}.sheet-footnote{font-size:11px;color:var(--muted);margin:8px 0}.sheet-footnote a{color:#a9c6ff}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px;margin:16px 0}
.ops-card{background:linear-gradient(145deg,#1b2331,#151b26);border:1px solid #303d54;border-radius:14px;padding:18px;min-width:0}
.ops-card h3{font-size:17px;margin:0}.ops-card .ops-category{color:var(--muted);font-size:12px;margin:3px 0 14px}
.ops-card-head{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.ops-card a{color:#aac5ff}
#services-view .usage-table-wrap{max-height:58vh;overflow:auto}#service-table thead th{position:sticky;top:0;z-index:2}#service-table a{color:#aac5ff}
.ops-values{display:flex;gap:22px;flex-wrap:wrap;margin:14px 0}.ops-value b{font-size:20px;font-weight:650;display:block}.ops-value span{font-size:11px;color:var(--muted)}
.ops-note{font-size:12px;color:#adb9ce;line-height:1.6;margin:8px 0}.ops-muted{color:var(--muted)}
.ops-status{border-radius:6px;padding:3px 7px;font-size:11px;background:#2a3447;color:#c5d3ea;white-space:nowrap}
.ops-status.ok,.ops-status.reporting{background:#1c4539;color:#9ce5ba}.ops-status.warning,.ops-status.stale{background:#4d3b20;color:#f4ce8b}
.ops-status.exhausted,.ops-status.error{background:#512b32;color:#ffb9c5}
.ops-meter{height:7px;background:#303c51;border-radius:10px;overflow:hidden;margin:7px 0}.ops-meter>span{display:block;height:100%;background:#7aabff}.ops-meter.warning>span{background:#e9b969}.ops-meter.exhausted>span{background:#ed8298}
.ops-warning{border-left:3px solid #e9b969;padding:7px 10px;background:#e9b9690c;color:#f4ce8b;font-size:12px}
.ops-chart{width:100%;height:80px;display:block;margin:10px 0}.ops-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-detail-grid dt{font-size:11px;color:var(--muted)}.ops-detail-grid dd{margin:2px 0;font-size:13px}
.billing-dialog{width:min(570px,94vw);border:1px solid #43516c;border-radius:15px;background:#182030;color:#e6e9ef;padding:22px}.billing-dialog::backdrop{background:#050912bb}
.billing-dialog h2{font-size:20px;margin-top:0}.billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-fields label{font-size:12px;color:#c0cce1}
.billing-fields input,.billing-fields select,.billing-fields textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #414f69;background:#101623;color:#fff;border-radius:7px;font:inherit}
.billing-wide{grid-column:1/-1}.billing-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.login-entry{border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:8px 0}.login-entry summary{cursor:pointer;font-size:12px}.login-entry .kv{margin-top:12px}.login-entry .k{font-size:11px}
@media(max-width:600px){.ops-grid{grid-template-columns:1fr}.billing-fields{grid-template-columns:1fr}.sheet-search{min-width:0;width:100%}.wrap{padding:18px 12px}.column-panel{right:auto;left:0}.audit .row{flex-wrap:wrap;overflow-wrap:anywhere}}
