:root{color-scheme:light;--paper:#f4f5ef;--surface:#fff;--ink:#17382f;--muted:#53645b;--rule:#d5ddd4;--soft:#e8eee6;--ok:#286342;--warning:#855400;--critical:#ad352b;--unknown:#59636c;--focus:#176956;--radius:6px;--space:24px;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;scrollbar-color:#8e9f90 var(--paper)}
*{box-sizing:border-box}body{margin:0}::selection{background:#c5e1c7;color:#17382f}button,input{font:inherit}button{cursor:pointer;min-height:42px;border:1px solid var(--rule);border-radius:var(--radius);padding:8px 13px;background:var(--surface);color:var(--ink);transition:background .15s ease-out,border-color .15s ease-out}button:hover{background:var(--soft);border-color:#9cae9e}button:active{background:#d6e1d3}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.primary:hover{background:#285548}button.quiet{background:transparent;border-color:transparent}.secondary{display:inline-flex;gap:8px;align-items:center}input{background:var(--surface);border:1px solid #8d9f93;border-radius:var(--radius);width:100%;height:46px;padding:9px 12px;caret-color:var(--focus)}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.025em;text-wrap:balance}h2{font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-.015em}h3{font-size:18px;line-height:1.4;font-weight:650}h4{font-size:16px;line-height:1.4}p{max-width:75ch}.muted{color:var(--muted)}.small{font-size:13px}.skip{position:absolute;left:20px;top:-100px;z-index:20;padding:12px;background:var(--ink);color:#fff}.skip:focus{top:10px}.masthead{height:76px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px;background:var(--surface)}.brand{display:flex;gap:11px;align-items:center;letter-spacing:-.015em;font-size:18px}.brand svg{width:32px;height:32px;fill:none;stroke:var(--ink);stroke-width:1.4}.brand strong{font-weight:650}.private-label{font-size:12px;color:var(--muted);border:1px solid var(--rule);padding:4px 9px;border-radius:4px}#account{display:flex;align-items:center;gap:16px;margin-left:auto}#username{font-size:13px;color:var(--muted)}main{max-width:1500px;margin:0 auto;padding:32px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);margin-top:5px}.refresh{display:flex;gap:16px;align-items:center}#freshness{font-size:13px;color:var(--muted);max-width:240px;text-align:right}.sites{display:flex;border-bottom:1px solid var(--rule);gap:4px;margin-bottom:25px}.site-tab{display:flex;align-items:center;gap:10px;min-width:180px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:13px 16px;text-align:left}.site-tab[aria-current="page"]{border-bottom-color:var(--ink);background:var(--soft)}.site-tab .tab-label{font-weight:600}.site-tab small{font-size:11px;display:block;color:var(--muted)}.site-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.site-heading p{font-size:13px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}.dot{width:8px;height:8px;display:inline-block;background:currentColor;border-radius:50%;flex:none}.critical .dot,.dot.critical{border-radius:2px}.warning .dot,.dot.warning{border-radius:0;transform:rotate(45deg);width:7px;height:7px}.unknown .dot,.planned .dot,.dot.unknown,.dot.planned{background:transparent;border:1.5px solid currentColor}.ok{color:var(--ok)}.critical{color:var(--critical)}.warning{color:var(--warning)}.unknown,.planned{color:var(--unknown)}.attention{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:17px 20px;margin-bottom:24px}.attention-heading{display:flex;gap:12px;align-items:baseline}.attention-heading h3{font-size:15px}.attention-heading>span{font-size:12px;color:var(--muted)}#issues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;margin-top:8px}.issue{padding:6px 0;display:flex;align-items:flex-start;gap:9px;text-align:left;min-height:0;background:transparent;border:0;font-size:13px;border-radius:3px}.issue .dot{margin-top:6px}.issue strong{display:block;font-weight:600;color:var(--ink)}.issue small{display:block;color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px}.section-heading p{font-size:13px;color:var(--muted);margin-top:3px}.system{border-top:1px solid var(--rule);padding-top:24px}.view-toggle{display:flex;gap:0}.view-toggle button{border-radius:0;min-height:36px;font-size:12px;padding:6px 12px}.view-toggle button:first-child{border-radius:5px 0 0 5px}.view-toggle button:last-child{border-radius:0 5px 5px 0;margin-left:-1px}.view-toggle button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink);position:relative}.legend{display:flex;flex-wrap:wrap;gap:17px;margin:0 0 15px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend span:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.legend .unknown:before,.legend .planned:before{background:transparent;border:1px solid currentColor}.legend .critical:before{border-radius:1px}.legend .warning:before{border-radius:0;transform:rotate(45deg)}.system-body{display:grid;grid-template-columns:minmax(0,1fr) 254px;border:1px solid var(--rule);background:var(--surface);border-radius:var(--radius);overflow:hidden}.diagram-wrap{overflow:auto;scrollbar-width:thin}.diagram{position:relative;min-width:780px;min-height:570px;background:#fafbf7}.diagram svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.diagram path{fill:none;stroke:#9aa79d;stroke-width:1.5;stroke-dasharray:5 5}.diagram path.ok{stroke:var(--ok);stroke-dasharray:none}.diagram path.critical{stroke:var(--critical);stroke-dasharray:none}.diagram path.warning{stroke:var(--warning);stroke-dasharray:none}.diagram .lane-label{position:absolute;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.03em}.node{position:absolute;width:calc((100% - 44px)/4 - 24px);min-height:65px;background:#fff;border:1px solid var(--rule);border-radius:5px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;text-align:left;line-height:1.25}.node .node-label{font-weight:600;color:var(--ink);max-width:100%}.node .badge{font-size:10px}.node.selected{outline:2px solid var(--focus);outline-offset:1px;background:#edf4eb}.node:hover{z-index:2}.inspector{border-left:1px solid var(--rule);padding:20px;background:#fff;min-height:180px}.inspector h4{margin-bottom:9px}.inspector p{font-size:13px;color:var(--muted);margin:12px 0}.inspector dl{font-size:12px;margin:18px 0 0}.inspector dt{color:var(--muted);margin-top:12px}.inspector dd{margin:3px 0 0;overflow-wrap:anywhere}.inspector .badge{margin:0 0 4px}.component-list{padding:0 18px}.component-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:11px 0;border:0;border-bottom:1px solid var(--rule);width:100%;background:transparent;text-align:left;border-radius:0;font-size:13px}.connections{font-size:12px;color:var(--muted);margin:14px 0 28px}.connections summary{cursor:pointer;display:list-item;width:fit-content;color:var(--ink);padding:3px 0}.connections p{margin:9px 0 10px}.connection-row{padding:8px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;display:flex;width:100%;justify-content:space-between;gap:20px;text-align:left;border-radius:0;font-size:12px}.storage{border-top:1px solid var(--rule);padding-top:24px}.storage-head,.storage-row{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 110px;gap:24px;align-items:center}.storage-head{font-size:11px;color:var(--muted);padding:0 16px 8px}.storage-row{padding:17px 16px;border-top:1px solid var(--rule);font-size:13px;background:var(--surface)}.volume-name{font-weight:600;display:block}.volume-sub{display:block;font-size:11px;color:var(--muted);margin-top:2px}.capacity-label{display:block;font-size:12px;margin-bottom:6px}.capacity{height:6px;display:block;background:#e3e8e0;border-radius:2px;overflow:hidden}.capacity-fill{height:100%;background:var(--ok);display:block}.capacity-fill.warning{background:var(--warning)}.capacity-fill.critical{background:var(--critical)}.capacity-fill.unknown{background:var(--unknown)}.storage-unavailable{color:var(--muted);font-size:12px;grid-column:2/4}.monitoring{border-top:1px solid var(--rule);padding-top:24px;margin-top:32px}.monitor-chain{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.chain-item{position:relative;min-width:130px;flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:8px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:var(--surface);padding:16px 20px;font-size:12px;text-align:left}.chain-item+.chain-item{border-left:1px solid var(--rule)}.chain-item strong{font-weight:600}.chain-item small{color:var(--muted);font-size:10px}.mode-note{font-size:12px;margin-top:15px;margin-bottom:5px}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);font-size:11px;color:var(--muted);margin-top:32px;padding:18px 0}.login{max-width:990px;margin:12vh auto;display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.login h1{font-size:38px;line-height:1.18;letter-spacing:-.03em}.login-copy>p{margin-top:24px;color:var(--muted);max-width:35ch}.login form{padding:32px;background:var(--surface);border:1px solid var(--rule);border-radius:8px}.login form>p{font-size:13px;color:var(--muted);margin:8px 0 24px}.login label{display:block;font-size:13px;font-weight:600;margin:15px 0 7px}.login button{margin-top:24px;width:100%;display:flex;justify-content:space-between;align-items:center}.login form .form-error{min-height:20px;color:var(--critical);margin:12px 0 0}.login form .small{font-size:11px;margin:16px 0 0}.mini-diagram{display:flex;align-items:center;width:240px;margin-top:40px}.mini-diagram span{height:30px;width:54px;border:1px solid #9eafa0;border-radius:4px;background:var(--surface)}.mini-diagram i{flex:1;height:1px;background:#9eafa0}.starting{margin:15vh 0;text-align:center;color:var(--muted)}.connection-alert{padding:14px 18px;border:1px solid #a36a19;background:#fff3d9;color:#754b0e;margin-bottom:20px;font-size:13px}.planned:not(.badge):not(.dot){color:var(--muted)}div.planned{padding:28px 0 35px;max-width:70ch}div.planned p{margin-top:8px;font-size:14px}.stale .node,.stale .chain-item{background:#f0f2ed}.stale .capacity-fill{background:var(--unknown)}
@media(min-width:1550px){main{padding-top:38px}}@media(max-width:1150px){main{padding:28px 24px}.masthead{padding:0 24px}.system-body{grid-template-columns:minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--rule);min-height:0}.inspector dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.diagram{min-width:780px}#issues{grid-template-columns:repeat(2,minmax(0,1fr))}.login{gap:45px}}@media(max-width:700px){.masthead{height:65px;padding:0 16px;gap:10px}.brand{font-size:15px;gap:7px}.brand svg{width:26px;height:26px}.private-label{display:none}#account{gap:2px}#username{display:none}#logout{font-size:12px;padding:7px}main{padding:24px 16px}h1{font-size:24px}.page-heading{display:block;margin-bottom:20px}.page-heading p{font-size:13px}.refresh{justify-content:space-between;margin-top:16px;gap:12px}#freshness{text-align:left;max-width:none}.refresh button{font-size:12px}.sites{margin:0 -16px 22px;padding:0 16px;overflow:auto}.site-tab{min-width:138px;padding:10px 12px;font-size:13px;gap:8px}.site-tab small{font-size:10px}h2{font-size:20px}.site-heading{align-items:flex-start}.site-heading p{font-size:11px}.attention{padding:14px 16px;margin-bottom:22px}#issues{grid-template-columns:1fr;gap:0}.issue{font-size:13px;padding:8px 0}.section-heading{gap:14px}.section-heading p{font-size:12px}.view-toggle button{padding:6px 9px}.legend{gap:13px;font-size:10px}.diagram{min-width:760px}.diagram-wrap:before{content:"Swipe to explore the diagram →";display:block;padding:10px 14px;background:#e8eee6;font-size:11px;color:var(--muted)}.component-list{padding:0 14px}.component-row{font-size:12px}.inspector{padding:16px}.inspector dl{display:block}.storage-head{display:none}.storage-row{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:16px 12px}.storage-row>.volume{grid-column:1}.storage-row>.capacity-cell{grid-column:1/-1;grid-row:2}.storage-row>.available{grid-column:1;grid-row:3;font-size:12px}.storage-row>.badge{grid-column:2;grid-row:1}.storage-unavailable{grid-column:1/-1;grid-row:2}.monitor-chain{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--rule)}.chain-item{min-width:0;padding:13px;border-right:1px solid var(--rule);border-left:0!important}.chain-item:last-child{grid-column:1/-1}.monitoring{margin-top:25px}footer{flex-direction:column;gap:6px;font-size:10px}.login{margin:30px auto;grid-template-columns:1fr;gap:28px;max-width:440px}.login h1{font-size:29px}.login-copy>p{margin-top:12px;font-size:14px}.login-copy>.muted,.mini-diagram{display:none}.login form{padding:24px}.connection-row{font-size:11px}.connection-row .badge{font-size:10px}.connections{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.component-row.selected{background:var(--soft);box-shadow:inset 0 0 0 2px var(--focus);padding-left:10px;padding-right:10px}.monitor-inspector{border:1px solid var(--rule);margin-top:16px;min-height:0}.monitor-inspector dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:700px){.monitor-inspector dl{display:block}}