:root{color-scheme:light;--canvas:#fafbf9;--surface:#fff;--ink:#202723;--muted:#7d857e;--quiet:#a4aaa4;--rule:#ecefea;--accent:#586ee0;--good:#2d8c68;--warn:#aa7b36;--danger:#ba5050;--comet:#586ee0;--lantern:#bc874c}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--canvas);color:var(--ink);font:13px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
button,input,select{font:inherit;color:inherit}
button,select{border:0;background:transparent;padding:6px 0;cursor:pointer}
button{font-weight:500}
button:disabled{opacity:.4;cursor:wait}
button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
a{color:inherit;text-decoration:none}
.masthead{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:auto;padding:30px clamp(24px,5vw,80px);gap:18px}
.brand{font-size:12px;font-weight:600;display:flex;gap:12px;align-items:center}.brand span{color:var(--muted);font-weight:400}
.header-actions{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.header-actions form{margin-left:17px}.text-button{color:var(--muted);font-size:11px}
.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--quiet);flex-shrink:0}.status-dot.up{background:var(--good)}.status-dot.down{background:var(--danger)}.status-dot.warning{background:var(--warn)}
main{max-width:1600px;margin:auto;padding:36px clamp(24px,5vw,80px) 48px}
.report-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.report-heading h1{font-size:29px;font-weight:450;letter-spacing:-1px;margin:0}.report-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}#sampled{font-size:10px;color:var(--muted)}
.host-strip{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:11px;flex-wrap:wrap}.host-strip b{color:var(--ink);font-weight:500;margin-left:5px}.capacity-note{font-size:10px;color:var(--warn);margin:7px 0 0;min-height:15px}
.visualizer{margin:30px 0 24px}.visual-toolbar,.graph-controls,.mode-switch,.metric-switch{display:flex;align-items:center}.visual-toolbar{justify-content:space-between;gap:20px;margin-bottom:15px}.mode-switch{gap:23px}.mode-switch button{color:var(--muted);font-size:12px}.mode-switch button[aria-pressed=true]{color:var(--ink);font-weight:650}.graph-controls{gap:22px}.metric-switch{gap:14px}.metric-switch button,select{font-size:11px;color:var(--muted)}.metric-switch button[aria-pressed=true]{color:var(--accent)}
.resource-chart svg{display:block;width:100%;height:auto;max-height:340px;overflow:visible}.chart-grid{fill:none;stroke:var(--rule);stroke-width:.65}.chart-label{fill:var(--muted);font-size:10px}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line.comet,.chart-line.cpu{stroke:var(--comet)}.chart-line.lantern,.chart-line.disk{stroke:var(--lantern)}.chart-line.memory{stroke:var(--good)}.chart-point.comet,.chart-point.cpu{fill:var(--comet)}.chart-point.lantern,.chart-point.disk{fill:var(--lantern)}.chart-point.memory{fill:var(--good)}.chart-point{r:2}.chart-summary{display:none}
.app-filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:13px}.app-filters button{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.app-filters button[aria-pressed=true]{color:var(--ink)}.app-swatch{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.app-swatch.comet,.breakdown-track .comet{background:var(--comet)}.app-swatch.lantern,.breakdown-track .lantern{background:var(--lantern)}#app-history-note{margin-left:auto;font-size:10px;color:var(--muted)}
.current-breakdown{margin:28px 0 35px}.usage-heading,.usage-row{display:grid;grid-template-columns:minmax(120px,1fr) 100px 75px 95px;align-items:center;gap:12px}.usage-heading{font-size:10px;color:var(--muted);padding-bottom:8px}.usage-row{padding:10px 0;font-size:12px}.usage-row button{display:flex;align-items:center;gap:9px;text-align:left;font-size:12px}.usage-row>span,.usage-heading>span:not(:first-child){text-align:right}.usage-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;color:var(--muted)}.usage-status.down{color:var(--danger)}.dimmed{opacity:.28}
.application-map svg{display:block;width:100%;max-height:390px;min-height:250px}.graph-edge{fill:none;stroke:#dce1da;stroke-width:1}.network-dot.up{fill:var(--good)}.network-dot.down{fill:var(--danger)}.network-dot.unknown,.network-dot.neutral{fill:var(--quiet)}.graph-node{cursor:pointer}.graph-node.comet circle{fill:#edf0fd}.graph-node.lantern circle{fill:#f7efe5}.graph-node.comet .node-initial{fill:var(--comet)}.graph-node.lantern .node-initial{fill:var(--lantern)}.node-initial{font-size:15px;font-weight:600}.node-title{font-size:12px;fill:var(--ink)}.node-label{font-size:11px;fill:var(--muted)}.node-app{font-size:14px;fill:var(--ink)}.view-caption{font-size:10px;color:var(--muted);text-align:center;margin:10px 0}
#service-breakdown{padding:10px 0}.breakdown-row{display:grid;grid-template-columns:120px 1fr 85px;align-items:center;gap:20px;padding:7px 0;font-size:11px}.breakdown-row>span{display:flex;align-items:center;gap:8px}.breakdown-row b{text-align:right;font-weight:400}.breakdown-track{height:4px;width:100%;display:block}.breakdown-track .comet{fill:var(--comet)}.breakdown-track .lantern{fill:var(--lantern)}
.disclosures{display:grid;gap:14px}details>summary{cursor:pointer;color:var(--muted);font-size:11px;list-style:none;padding:4px 0;width:fit-content}summary::-webkit-details-marker{display:none}summary::before{content:'+';display:inline-block;width:18px;color:var(--quiet)}details[open]>summary::before{content:'−'}details[open]>summary{color:var(--ink);margin-bottom:14px}.page-footer{font-size:10px;color:var(--quiet);margin-top:30px}
.table-wrap{max-height:330px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:10px 12px;text-align:right;white-space:nowrap;font-weight:400}th{color:var(--muted);font-size:10px}td:first-child,th:first-child{text-align:left;padding-left:0}td:nth-child(2),th:nth-child(2){text-align:left}.chart-footnote,.muted,.server-details,.chart-legend{font-size:11px;color:var(--muted)}.chart-legend,.server-details{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.cpu-key{color:var(--comet)}.memory-key{color:var(--good)}.disk-key{color:var(--lantern)}
.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.event-list{max-height:340px;overflow:auto}.timeline-event{display:grid;grid-template-columns:5px 1fr auto;gap:13px;padding:12px 0;font-size:11px}.timeline-event strong{display:block;font-weight:400}.timeline-event time,.event-category,.timeline-event small{color:var(--muted);font-size:10px}.timeline-marker{width:4px;height:4px;border-radius:50%;background:var(--good);margin-top:8px}.timeline-marker.down{background:var(--danger)}
.panel-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;gap:15px}.panel-title h2{font-size:12px;font-weight:500;margin:0}.panel-title>span{font-size:10px;color:var(--muted)}.section-number{display:none}.service{display:grid;grid-template-columns:140px 1fr 6px;align-items:center;gap:10px;padding:9px 0}.service strong{font-size:11px;font-weight:400}.service small,.service-app{color:var(--muted);font-size:10px}.service-app{display:block}.two-column{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.recovery label{display:block;font-size:11px;margin:12px 0;color:var(--muted)}input{display:block;width:100%;background:#f0f2ee;border:0;padding:10px;margin-top:5px}.recovery select{display:block}.control-button{color:var(--danger);font-size:12px}.empty,.chart-empty{padding:60px 0;text-align:center;color:var(--muted);font-size:12px}.chart-empty small{display:block;margin-top:8px;font-size:11px}.connection-lost #summary-title{color:var(--danger)}.connection-lost .resource-chart,.connection-lost .application-map,.connection-lost .current-breakdown{opacity:.55}
.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(360px,calc(100vw - 40px));padding:28px 0}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:white;font-size:11px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:.14em}.login-card h1{font-size:32px;font-weight:500;margin:5px 0}.login-card label{display:block;margin:16px 0;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.login-card button{width:100%;background:var(--ink);color:white;padding:12px}.error{color:var(--danger);font-size:12px}
@media(min-width:1000px){main{padding-top:50px}.visualizer{margin-top:35px}.resource-chart svg{max-height:380px}.current-breakdown{margin-top:35px}}
@media(max-width:600px){.masthead{padding:24px}.brand span{display:none}main{padding:28px 24px}.report-heading{margin-bottom:20px}.report-heading h1{font-size:25px}.host-strip{gap:12px;font-size:10px}.host-strip>span:first-child{display:none}.visual-toolbar{gap:16px;flex-wrap:wrap}.mode-switch{gap:22px}.graph-controls{margin-left:auto;gap:15px}.usage-heading,.usage-row{grid-template-columns:minmax(100px,1fr) 76px 55px 66px;gap:6px}.usage-row,.usage-row button{font-size:11px}.usage-status{font-size:9px}.usage-status .status-dot{display:none}.app-filters{gap:14px}#app-history-note{width:100%;margin:0;font-size:9px}.two-column{grid-template-columns:1fr;gap:15px}.application-map{overflow-x:auto}.application-map svg{min-width:620px}.service{grid-template-columns:110px 1fr 6px}.timeline-event{grid-template-columns:4px 1fr}.timeline-event time{grid-column:2}.breakdown-row{grid-template-columns:95px 1fr 65px;gap:12px}.page-footer{font-size:9px}}

#capacity-overview{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;margin:25px 0 22px}#capacity-overview>div:nth-child(2){text-align:right}#capacity-overview strong{display:block;font-size:25px;font-weight:450;letter-spacing:-.7px}#capacity-overview strong small{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}#capacity-overview span{display:block;font-size:11px;color:var(--muted);margin-top:3px}#capacity-overview svg{grid-column:1/-1;width:100%;height:3px;margin-top:8px}.capacity-free{fill:#e8eee8}.capacity-used{fill:var(--good)}.chart-line.host-total{stroke:#939e94;stroke-width:1.8;stroke-dasharray:4 3}.scale-note{font-size:10px;color:var(--muted);margin:0 0 12px 10%}.host-key{color:var(--muted);font-size:10px}.host-key::before{content:' ';display:inline-block;width:12px;margin-right:6px;border-top:1px dashed #939e94}.cell-detail{display:block;font-size:9px;color:var(--muted);font-weight:400}.breakdown-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 12px}.breakdown-controls .mode-switch{gap:15px}.breakdown-controls button{font-size:11px}#breakdown-basis{font-size:10px;color:var(--muted)}.breakdown-row{grid-template-columns:minmax(170px,1fr) 1fr 80px;padding:10px 0}.active-jobs{max-height:280px;overflow:auto}.active-job{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0}.active-job strong{display:block;font-weight:500;font-size:11px}.active-job span,.active-job small{display:block;font-size:10px;color:var(--muted)}.active-job button{color:var(--danger);font-size:10px}#cancel-job-form{max-width:390px;margin:20px 0;font-size:11px}#cancel-job-form label{display:block;color:var(--muted)}#cancel-job-form button{margin:10px 20px 0 0}#user-breakdown .empty{padding:30px 0}.connection-lost #capacity-overview{opacity:.5}
@media(max-width:600px){#capacity-overview strong{font-size:21px}#capacity-overview span{font-size:10px}.breakdown-controls{align-items:flex-start;flex-direction:column;gap:3px}.breakdown-row{grid-template-columns:minmax(125px,1fr) .5fr 63px;gap:10px}.scale-note{font-size:9px}.app-filters{gap:12px}.host-key{font-size:9px}}

.platform-toolbar{display:flex;align-items:center;gap:20px;margin:23px 0 8px;font-size:11px}.platform-toolbar select{color:var(--ink);font-weight:550}.platform-toolbar a{margin-left:auto;color:var(--accent)}.platform-toolbar button{font-size:10px;color:var(--muted)}.platform-layout{display:grid;grid-template-columns:1fr;gap:28px;margin:24px 0}.platform-layout.has-selection{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.service-canvas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;align-content:start;min-height:260px}.service-node{position:relative;text-align:left;background:#f0f3ef;padding:18px 20px;border-radius:9px;min-width:0;align-self:start}.service-node:hover{background:#e9eee8}.service-node[aria-pressed=true]{background:#e9ecfa}.service-node>span,.service-node>small{display:block;color:var(--muted);font-size:10px}.service-node>span:first-child{display:flex;align-items:center;gap:7px}.service-node strong{display:block;font-size:14px;font-weight:550;margin:14px 0 2px}.service-node>small+small{margin-top:10px}.service-node .service-dependencies{margin-top:13px;color:var(--quiet);font-size:9px}.has-selection .service-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.service-settings{background:#f3f5f1;padding:20px 22px;border-radius:9px;min-width:0}.service-settings>button{float:right;font-size:10px;color:var(--muted)}.service-settings h2{font-size:19px;font-weight:500;margin:0}.service-settings dl{margin:20px 0}.service-settings dl>div{padding:7px 0}.service-settings dt{font-size:10px;color:var(--muted)}.service-settings dd{margin:3px 0 0;font-size:11px;overflow-wrap:anywhere;white-space:pre-line}.service-settings #show-database-recovery{font-size:11px;color:var(--accent)}.database-recovery{margin:22px 0}.database-recovery summary span{margin-left:8px;color:var(--quiet)}.recovery-command{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef1ec;padding:15px;border-radius:6px}.external-node strong{font-size:13px}
@media(max-width:800px){.platform-layout.has-selection{grid-template-columns:1fr}.service-canvas,.has-selection .service-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-toolbar{flex-wrap:wrap;gap:12px}.service-settings{margin-top:0}}
@media(max-width:420px){.service-canvas,.has-selection .service-canvas{grid-template-columns:1fr 1fr;gap:12px}.service-node{padding:13px}.service-node strong{font-size:12px}.platform-toolbar a{margin-left:0}}

.service-canvas{position:relative}.service-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.service-edges path{fill:none;stroke:#d5dfd3;stroke-width:1.4}.service-node{z-index:1}
.database-explorer{margin:18px 0 25px}.database-explorer>summary{font-size:12px;color:var(--ink)}.database-explorer>summary>span{margin-left:12px;color:var(--muted);font-size:10px}.database-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.database-toolbar button{font-size:11px;color:var(--accent);white-space:nowrap}.database-overview{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0}.database-overview span,.database-overview strong{display:block}.database-overview span{font-size:10px;color:var(--muted)}.database-overview strong{font-size:16px;font-weight:500;margin-top:4px}.database-search{display:block;font-size:10px;color:var(--muted);margin:20px 0}.database-search input{display:block;border:0;background:#f0f3ef;border-radius:5px;padding:11px 13px;width:min(100%,360px);margin-top:5px;font-size:12px}.database-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.database-layout nav{max-height:650px;overflow:auto}.database-layout nav button{display:block;text-align:left;width:100%;padding:10px 12px;border-radius:5px}.database-layout nav button[aria-pressed=true]{background:#e9ecfa}.database-layout nav strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.database-layout nav small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.database-layout h2{font-size:18px;font-weight:500;margin:5px 0;overflow-wrap:anywhere}.database-layout h3{font-size:13px;font-weight:500;margin:26px 0 8px}.database-layout h3 small{color:var(--muted);margin-left:6px}.database-layout details{margin:20px 0}.database-relation{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;margin:12px 0}.database-relation button{background:#f0f3ef;border-radius:5px;padding:12px 10px;font-size:11px;overflow-wrap:anywhere}.database-relation button[aria-current=true]{background:#e9ecfa}.database-relation>span{text-align:center;color:var(--muted)}.database-relation small{grid-column:1/-1;color:var(--muted);font-size:10px}.database-index{padding:9px 0}.database-index strong,.database-index span,.database-index small{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:400}.database-index span,.database-index small{color:var(--muted);font-size:10px}.database-maintenance{font-size:11px}.database-maintenance dt{color:var(--muted);margin-top:10px}.database-maintenance dd{margin:2px 0}.database-layout td{overflow-wrap:anywhere}
@media(max-width:700px){.database-layout{grid-template-columns:1fr;gap:15px}.database-layout nav{max-height:190px}.database-overview{gap:18px}.database-layout th,.database-layout td{font-size:10px}.database-toolbar{align-items:flex-start}}
.view-docs .report-heading,.view-docs .host-strip,.view-docs .capacity-note,.view-docs .current-breakdown,.view-docs .disclosures,.view-docs .page-footer{display:none}.view-docs main{padding-top:10px}.view-docs .visualizer{margin-top:8px}.ops-docs{max-width:710px;padding:12px 0 20px}.ops-docs h1{font-size:27px;font-weight:450;letter-spacing:-.7px;margin:8px 0}.ops-docs .docs-intro{color:var(--muted);font-size:12px;margin:0 0 27px}.ops-docs p{font-size:13px;line-height:1.75;margin:0 0 21px;color:#515a53}.ops-docs strong{color:var(--ink);font-weight:600}.ops-docs b{color:var(--ink);font-weight:550}.ops-docs a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.ops-docs .docs-review{font-size:10px;color:var(--muted);margin-top:28px}@media(max-width:500px){.mode-switch{gap:18px}.ops-docs p{font-size:12px}}
/* Spacious service map: inspector overlays the canvas rather than shrinking it. */

.map-tools{display:flex;align-items:center;gap:18px;font-size:11px;margin-top:24px;color:var(--muted)}.map-tools>span{margin-right:auto}.map-tools output{min-width:36px;text-align:center}.map-tools button{font-size:11px}
.platform-layout,.platform-layout.has-selection{display:block;position:relative;margin-top:12px}.service-canvas,.has-selection .service-canvas{display:block;position:relative;height:580px;min-height:400px;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(#e0e6df .75px,transparent .75px);background-size:20px 20px}.service-canvas.dragging{cursor:grabbing;user-select:none}.graph-world{position:absolute;inset:0;transform-origin:0 0;width:1px;height:1px}.map-group{position:absolute;width:990px;height:750px;background:linear-gradient(180deg,#f0f3ee99,transparent);pointer-events:none;padding:22px 28px;border-radius:14px}.map-group>strong{font-size:17px;font-weight:500}.map-lanes{display:grid;grid-template-columns:repeat(3,320px);margin-top:13px;color:var(--muted);font-size:11px}.service-canvas .service-node{position:absolute;width:260px;height:130px;padding:16px 19px;cursor:grab;background:#fff;box-shadow:0 3px 18px #25332907;touch-action:none}.service-canvas .service-node:hover{background:#f6f8f4}.service-canvas .service-node[aria-pressed=true]{background:#ecf0ff}.service-canvas .service-node strong{font-size:16px;margin:9px 0 3px}.service-canvas .service-node small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-canvas .service-node>small+small{margin-top:3px}.service-edges{width:1px;height:1px;overflow:visible}.service-edges g path{stroke:#a8b8aa;stroke-width:1.5;fill:none}.service-edges marker path{fill:#a8b8aa;stroke:none}.platform-layout .service-settings{position:absolute;z-index:4;right:12px;top:12px;width:min(390px,90%);max-height:550px;overflow:auto;background:#f7f9f5;box-shadow:0 12px 50px #23372319}.map-expanded #system-view{position:fixed;inset:0;z-index:20;padding:20px 3vw;background:var(--canvas);overflow:auto}.map-expanded .service-canvas{height:calc(100vh - 200px)}.map-expanded #database-explorer,.map-expanded .database-recovery,.map-expanded #platform-status{display:none}
.chart-line.staging{stroke:#9b6cb9}.chart-line.operations{stroke:#348d85}.app-swatch.staging{background:#9b6cb9}.app-swatch.operations{background:#348d85}.chart-point.staging,.breakdown-track .staging{fill:#9b6cb9}.chart-point.operations,.breakdown-track .operations{fill:#348d85}.history-crosshair{stroke:var(--ink);stroke-width:.7;stroke-dasharray:3 3;pointer-events:none}.history-hit{cursor:crosshair}.history-inspector{min-height:65px;font-size:12px;margin:12px 0 25px}.sample-heading,.sample-totals{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sample-heading span{color:var(--muted);font-size:11px}.sample-totals{margin:13px 0;color:var(--muted)}.sample-totals b{color:var(--ink);font-weight:550;margin-left:7px}.sample-apps{display:flex;flex-wrap:wrap;gap:20px 35px;margin-bottom:20px}.sample-apps>div{display:flex;flex-direction:column;gap:3px}.sample-apps span,.sample-apps small{font-size:10px;color:var(--muted)}.sample-apps b{font-weight:500;font-size:11px}.sample-gap{font-size:11px;color:var(--warn)}.sample-services summary,.host-accounting summary{font-size:12px;cursor:pointer;padding:10px 0}.host-accounting summary span{font-size:11px;color:var(--muted);margin-left:12px}.host-accounting{margin:14px 0}.host-accounting p{font-size:11px;color:var(--muted);max-width:880px;line-height:1.7}.host-accounting h3{font-size:13px;font-weight:550;margin-top:22px}.host-memory-facts{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0;font-size:11px}.host-memory-facts b{display:block;font-size:14px;font-weight:500;margin-top:4px}
@media(max-width:700px){.map-tools{gap:12px;flex-wrap:wrap}.map-tools>span{width:100%;font-size:10px}.service-canvas{height:520px}.sample-heading{gap:6px}.host-accounting summary span{display:block;margin:0}.sample-apps{gap:16px}.platform-layout .service-settings{max-height:490px}}
.resource-chart{position:relative}.timeline-tooltip{position:absolute;top:14px;z-index:3;width:290px;max-width:95%;background:#fff;padding:13px 16px;border-radius:8px;box-shadow:0 4px 24px #1d302118;pointer-events:none;font-size:11px}.timeline-tooltip>strong{display:block;font-size:11px;margin-bottom:10px;font-weight:550}.timeline-tooltip>div{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.timeline-tooltip b{font-weight:500}.timeline-tooltip small{color:var(--muted);font-size:9px}.timeline-tooltip>small{display:block;margin-top:9px}

/* Shared gutters and progressive detail keep every console view aligned. */
.workload-detail{position:relative}.workload-detail>summary.breakdown-row{position:relative;display:grid;width:100%;padding:14px 0 14px 22px;margin:0;color:var(--ink)}.workload-detail>summary::before{position:absolute;left:0;top:50%;transform:translateY(-50%)}.breakdown-label{position:relative;cursor:help}.usage-hint{display:none;position:absolute;left:0;bottom:calc(100% + 10px);z-index:8;width:290px;max-width:calc(100vw - 90px);padding:13px 16px;background:var(--ink);color:white;font-size:11px;line-height:1.6;font-weight:400;box-shadow:0 6px 20px #20272315}.breakdown-label:hover .usage-hint,summary:focus-visible .usage-hint{display:block}.breakdown-content{padding:0 0 18px 22px}.breakdown-content>p{max-width:740px;color:var(--muted);font-size:11px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:11px}.member-row b{font-weight:450;white-space:nowrap}.api-usage>summary.member-row{position:relative;width:100%;padding-left:20px;margin:0}.api-usage>summary::before{position:absolute;left:0}.api-usage[open]{padding-bottom:16px}.api-usage table code{font-size:10px}.api-usage table small{color:var(--muted)}.breakdown-content .table-wrap{max-height:340px}.breakdown-track .host{fill:#939e94}