:root {
  color-scheme: dark;
  --bg: #0b0f14;
  --panel: #111821;
  --panel2: #151e29;
  --line: #273342;
  --text: #edf3f8;
  --muted: #8fa0b2;
  --accent: #67b7ff;
  --up: #4dd18a;
  --warn: #f0b95d;
  --down: #ff6868;
  --unknown: #7f8b99;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--line);background:#0d131a;position:sticky;top:0;z-index:10}
h1,h2,h3{margin:0}.topbar h1{font-size:26px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:700}.container{max-width:1500px;margin:0 auto;padding:28px}.header-actions{display:flex;gap:12px;align-items:center}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.summary-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.summary-card span{color:var(--muted);display:block}.summary-card strong{font-size:30px;display:block;margin-top:4px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-heading h2{font-size:20px}.muted{color:var(--muted)}
.button{border:0;border-radius:8px;background:var(--accent);color:#06111b;padding:9px 14px;font-weight:700;cursor:pointer}.button.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.button.danger{background:#3a1b20;color:#ff9fa7;border:1px solid #673038}.badge{font-weight:800;border:1px solid;border-radius:999px;padding:6px 10px;font-size:12px}.badge.up{color:var(--up);border-color:#285a43}.badge.degraded{color:var(--warn);border-color:#6a5328}.badge.down{color:var(--down);border-color:#6e3030}.badge.unreachable,.badge.unknown{color:var(--unknown);border-color:#44505c}
.incident-list{display:grid;gap:10px}.incident{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);background:var(--panel2);border-radius:10px}.incident strong{color:var(--down)}.empty{color:var(--muted);padding:10px 0}
.group{margin-top:18px}.group:first-child{margin-top:0}.group-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.device-card{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:14px}.device-main{display:flex;align-items:flex-start;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--unknown);box-shadow:0 0 0 3px #26313c}.device-card[data-status="UP"] .status-dot{background:var(--up);box-shadow:0 0 0 3px #19392a}.device-card[data-status="DEGRADED"] .status-dot{background:var(--warn);box-shadow:0 0 0 3px #45381f}.device-card[data-status="DOWN"] .status-dot{background:var(--down);box-shadow:0 0 0 3px #442326}.device-title{font-size:16px}.device-meta{font-size:12px;color:var(--muted);margin-top:2px}.device-stats{display:flex;gap:16px;color:var(--muted);margin:12px 0}.check-list{border-top:1px solid var(--line);padding-top:8px}.check-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:5px 0;font-size:12px}.check-state{font-weight:700}.state-UP{color:var(--up)}.state-DOWN{color:var(--down)}.state-DEGRADED{color:var(--warn)}.state-UNKNOWN,.state-UNREACHABLE{color:var(--unknown)}
.search,input,select{background:#0c1219;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.search{min-width:240px}.hidden{display:none!important}.admin-auth{display:flex;gap:8px;max-width:520px}.admin-auth input{flex:1}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px}.form-card h3{margin-bottom:12px}.form-card label{display:grid;gap:5px;color:var(--muted);margin-bottom:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inventory-card{margin-top:16px}.inventory-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.inventory-row:last-child{border-bottom:0}.inventory-row small{color:var(--muted)}
@media(max-width:850px){.summary-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.topbar{padding:18px}.container{padding:16px}.inventory-row{grid-template-columns:1fr auto}.inventory-row .hide-mobile{display:none}}

.check-admin-list{display:flex;flex-wrap:wrap;gap:6px}.check-admin-list span{background:#0c1219;border:1px solid var(--line);border-radius:6px;padding:3px 6px}.mini-delete{border:0;background:transparent;color:#ff9fa7;font-weight:800;cursor:pointer;padding:0 2px}


/* v0.1.2 status board */
.flat{background:transparent;border:none;padding:8px 0 0;margin-bottom:8px}
.status-board-body .container{max-width:1600px}
.status-intro-center{text-align:center;padding:8px 0 4px}.status-intro-center h2{font-size:48px;margin-bottom:8px}.status-intro-center p{font-size:18px;margin:0}
.topnav{display:flex;gap:8px}.tab{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;font-weight:600}.tab.active{background:var(--panel2)}
.board-summary{margin-top:10px}.summary-card-centered{text-align:center}
.board-heading-right{display:flex;gap:12px;align-items:center}.search-wide{min-width:320px}
.board-group{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel2)}
.board-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0f161e;color:var(--text);font-weight:700;border-bottom:1px solid var(--line)}
.service-list{display:grid}.service-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;padding:16px 18px;border-top:1px solid rgba(39,51,66,.85)}.service-row:first-child{border-top:none}.service-row[data-variant="degraded"]{background:linear-gradient(90deg, rgba(240,185,93,.05), transparent 40%)}.service-row[data-variant="offline"]{background:linear-gradient(90deg, rgba(255,104,104,.07), transparent 40%)}
.service-row-main{min-width:0}.service-name-line{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.service-dot{margin-top:7px}.service-name{font-size:22px}.service-meta{font-size:13px;color:var(--muted);margin-top:2px}.service-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:10px}.state-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;border:1px solid}.state-pill.up{color:var(--up);border-color:#285a43}.state-pill.degraded{color:var(--warn);border-color:#6a5328}.state-pill.down{color:var(--down);border-color:#6e3030}.state-pill.unknown{color:var(--unknown);border-color:#44505c}
.row-toggle{border:1px solid var(--line);background:#0c1219;color:var(--text);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:20px;line-height:1}.history-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(6px,1fr));gap:3px;align-items:end}.hist-bar{height:24px;border-radius:2px;background:#31404d}.hist-bar.operational{background:var(--up)}.hist-bar.degraded{background:var(--warn)}.hist-bar.offline{background:var(--down)}.hist-bar.unknown{background:#516170}
.service-details{grid-column:1 / -1;padding-top:12px}.service-checks{display:grid;gap:8px}.service-check-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 120px 80px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#101821}.service-check-type{font-size:11px;letter-spacing:.08em;color:var(--muted)}.service-check-state{font-weight:800}.service-check-state.up{color:var(--up)}.service-check-state.degraded{color:var(--warn)}.service-check-state.down{color:var(--down)}.service-check-state.unknown{color:var(--unknown)}
@media(max-width:980px){.service-row{grid-template-columns:1fr}.service-side{align-items:flex-start}.status-intro-center h2{font-size:34px}.board-heading-right{flex-direction:column;align-items:stretch}.search-wide{min-width:0;width:100%}.service-check-row{grid-template-columns:1fr 70px 100px 70px}}


/* v0.1.4 status-board polish */
.service-row[data-variant="operational"] .service-dot{background:var(--up);box-shadow:0 0 0 3px #19392a}
.service-row[data-variant="degraded"] .service-dot{background:var(--warn);box-shadow:0 0 0 3px #45381f}
.service-row[data-variant="offline"] .service-dot{background:var(--down);box-shadow:0 0 0 3px #442326}
.service-row[data-variant="unknown"] .service-dot{background:var(--unknown);box-shadow:0 0 0 3px #26313c}
.history-wrap{display:grid;gap:5px}.history-axis{display:flex;justify-content:space-between;color:#68798a;font-size:10px;line-height:1;letter-spacing:.02em}.history-legend{display:flex;flex-wrap:wrap;gap:18px;align-items:center;color:var(--muted);font-size:12px;margin:-4px 0 14px}.history-legend span{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:9px;height:9px;border-radius:2px;background:var(--unknown);display:inline-block}.legend-swatch.operational{background:var(--up)}.legend-swatch.degraded{background:var(--warn)}.legend-swatch.offline{background:var(--down)}.legend-swatch.unknown{background:#516170}
.hist-bar{transition:transform .10s ease,filter .10s ease,opacity .10s ease;cursor:help}.hist-bar:hover{transform:translateY(-2px) scaleY(1.12);filter:brightness(1.22);opacity:1;z-index:2}
.service-row{transition:background-color .12s ease,border-color .12s ease}.service-row:hover{background-color:rgba(255,255,255,.012)}


/* v0.1.5 dependency graph + editable admin polish */
.topnav .tab{font:inherit;cursor:pointer}
.dependency-panel{overflow:hidden}.dependency-help{margin:-4px 0 16px}.dependency-scroll{overflow:auto;min-height:460px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 20% 10%,rgba(103,183,255,.035),transparent 32%),#0c1219}.dependency-canvas{position:relative;min-width:900px;min-height:440px}.dependency-lines{position:absolute;inset:0;pointer-events:none;overflow:visible}.dependency-line{fill:none;stroke:#4e6070;stroke-width:2;opacity:.72}.dependency-line.operational{stroke:rgba(77,209,138,.7)}.dependency-line.degraded{stroke:rgba(240,185,93,.82)}.dependency-line.offline{stroke:rgba(255,104,104,.84)}.dependency-node{position:absolute;border:1px solid var(--line);border-radius:12px;background:#121b25;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dependency-node:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.26)}.dependency-node.operational{border-color:rgba(77,209,138,.38)}.dependency-node.degraded{border-color:rgba(240,185,93,.5)}.dependency-node.offline{border-color:rgba(255,104,104,.54)}.dependency-node-head{display:flex;gap:9px;align-items:center;white-space:nowrap;overflow:hidden}.dependency-node-head strong{overflow:hidden;text-overflow:ellipsis;font-size:15px}.dependency-node-dot{width:9px;height:9px;border-radius:50%;background:var(--unknown);box-shadow:0 0 0 3px #26313c;flex:0 0 auto}.dependency-node.operational .dependency-node-dot{background:var(--up);box-shadow:0 0 0 3px #19392a}.dependency-node.degraded .dependency-node-dot{background:var(--warn);box-shadow:0 0 0 3px #45381f}.dependency-node.offline .dependency-node-dot{background:var(--down);box-shadow:0 0 0 3px #442326}.dependency-node-meta{color:var(--muted);font-size:11px;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dependency-node-status{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.dependency-node.operational .dependency-node-status{color:var(--up)}.dependency-node.degraded .dependency-node-status{color:var(--warn)}.dependency-node.offline .dependency-node-status{color:var(--down)}
.form-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.form-title-row h3{margin:0}.edit-badge{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--warn);border:1px solid #6a5328;border-radius:999px;padding:4px 7px}.form-actions,.inventory-actions{display:flex;gap:8px;align-items:center}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start;gap:8px!important}.check-label input{width:auto}.mini-edit{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer;padding:0 4px}.admin-check-chip.disabled-object,.inventory-row.disabled-object{opacity:.56}.inventory-actions .button{padding:7px 10px}
@media(max-width:850px){.dependency-panel .panel-heading{align-items:flex-start;flex-direction:column}.dependency-panel .history-legend{justify-content:flex-start}.inventory-actions{flex-direction:column;align-items:stretch}}

/* v0.1.8 public branding, integrated dependency panel, and customization */
:root{--link:#76a9dc}
.status-board-body{background:var(--bg);color:var(--text)}
.status-board-body[data-theme="light"]{color-scheme:light}
.status-board-body .topbar{background:var(--panel);border-top:3px solid var(--accent);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.status-board-body .public-brand-name{color:var(--accent)}
.status-board-body .tab{background:var(--panel2);border-color:var(--line);color:var(--text)}
.status-board-body .tab:hover{border-color:var(--accent);color:var(--accent)}
.status-board-body .summary-card,.status-board-body .panel{background:var(--panel);border-color:var(--line)}
.status-board-body .board-group{background:var(--panel2);border-color:var(--line)}
.status-board-body .board-group-header{background:var(--surface-header,var(--panel));border-color:var(--line)}
.status-board-body .service-row{border-color:var(--line)}
.status-board-body .search{background:var(--panel2);border-color:var(--line);color:var(--text)}
.status-board-body .dependency-scroll{background:var(--panel2);border-color:var(--line)}
.status-board-body .dependency-node{background:var(--panel);border-color:var(--line)}
.status-board-body .dependency-node-meta,.status-board-body .dependency-node-status{color:var(--muted)}
.public-topbar{min-height:88px}.public-branding h1{font-size:28px}.public-description{font-size:18px!important;max-width:820px;margin:0 auto!important;line-height:1.6}.status-intro-center{padding:4px 0 10px}
.dependency-shell{padding:0;overflow:hidden;scroll-margin-top:105px}.dependency-shell.attention{border-color:rgba(240,185,93,.55)}.dependency-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.dependency-toggle:hover{background:rgba(255,255,255,.018)}.dependency-toggle h2{font-size:19px;margin-top:2px}.dependency-toggle-right{display:flex;align-items:center;gap:16px}.dependency-chevron{font-size:22px;color:var(--accent);transition:transform .16s ease}.dependency-shell.expanded .dependency-chevron{transform:rotate(0deg)}.dependency-content{border-top:1px solid var(--line);padding:18px 20px 20px}.dependency-copy-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.dependency-copy-row p{margin:0;max-width:720px}.dependency-copy-row .history-legend{margin:0}.systems-panel{margin-top:0}.public-footer{text-align:center;padding:4px 0 26px;font-size:12px}.status-board-body a{color:var(--link)}

/* Admin customization */
.admin-tabs{display:flex;gap:6px;padding:4px;margin:0 0 18px;border:1px solid var(--line);background:#0c1219;border-radius:10px;width:max-content}.admin-tab{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px 14px;font-weight:700;cursor:pointer}.admin-tab.active{background:var(--panel2);color:var(--text)}
.customization-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);gap:18px;align-items:start}.customization-form textarea{background:#0c1219;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;resize:vertical;font:inherit}.settings-section{padding:14px 0;border-top:1px solid var(--line)}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-section>.eyebrow{margin-bottom:10px}.settings-message{margin-top:12px;min-height:20px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-grid label{margin:0}.color-grid input[type="color"]{width:100%;height:42px;padding:4px;cursor:pointer}
.preview-card-shell{position:sticky;top:108px}.customization-preview{--p-bg:#08111F;--p-surface:#101B2C;--p-raised:#152238;--p-border:#26364A;--p-text:#F3EDE2;--p-muted:#91A6BD;--p-accent:#F28A2E;--p-link:#76A9DC;background:var(--p-bg);color:var(--p-text);border:1px solid var(--p-border);border-radius:14px;padding:22px;min-height:430px;overflow:hidden}.preview-topline{height:3px;background:var(--p-accent);margin:-22px -22px 20px}.preview-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.preview-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--p-accent)}.preview-title{font-size:25px;font-weight:800;margin-top:2px}.preview-status{font-size:10px;font-weight:800;color:#4dd18a;border:1px solid rgba(77,209,138,.45);border-radius:999px;padding:5px 8px}.preview-description{color:var(--p-muted);margin:22px 0}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-summary>div{background:var(--p-surface);border:1px solid var(--p-border);border-radius:9px;padding:10px;text-align:center}.preview-summary span{display:block;color:var(--p-muted);font-size:10px}.preview-summary strong{font-size:22px}.preview-dependency{background:var(--p-surface);border:1px solid var(--p-border);border-radius:9px;padding:12px;margin-top:12px;display:grid;gap:3px}.preview-dependency strong{font-size:13px}.preview-dependency span{color:var(--p-muted);font-size:10px}.preview-service{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:var(--p-raised);border:1px solid var(--p-border);border-radius:9px}.preview-service i{width:8px;height:8px;border-radius:50%;background:#4dd18a;box-shadow:0 0 0 3px rgba(77,209,138,.18)}.preview-service span{font-weight:700}.preview-service em{font-style:normal;margin-left:auto;color:#4dd18a;font-size:10px;font-weight:800}.preview-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:8px}.preview-bars b{height:17px;background:#4dd18a;border-radius:2px}
@media(max-width:1050px){.customization-layout{grid-template-columns:1fr}.preview-card-shell{position:static}.dependency-copy-row{flex-direction:column}.dependency-toggle-right{gap:8px}.dependency-toggle-right .muted{display:none}}
@media(max-width:700px){.public-topbar{align-items:flex-start}.public-topbar .header-actions{flex-direction:column;align-items:flex-end}.dependency-toggle{align-items:flex-start}.color-grid{grid-template-columns:1fr}.customization-layout{display:block}.preview-card-shell{margin-top:16px}}