:root{--surface:#fff;--surface-soft:#edf5f4;--hover:#e5f0ee;--teal:#086d68;--focus:#137e76;--nav:#112d36;--hero:#e3f1ed;--hero-text:#385f59;--ink:#182e39;--muted:#617681;--line:#d9e4e6;--bg:#f4f7f8;--danger:#b12d3d;color-scheme:light}
:root[data-accent=blue]{--teal:#225db5;--focus:#477ac8;--hero:#e8f0ff;--hero-text:#355079;--hover:#e7effb}
:root[data-accent=violet]{--teal:#7042a8;--focus:#9061bd;--hero:#f0e9fa;--hero-text:#654c7f;--hover:#f0e9fa}
:root[data-theme=dark]{--surface:#1b2a36;--surface-soft:#233745;--hover:#294452;--ink:#e5eef3;--muted:#adc1cd;--line:#354b5b;--bg:#101c26;--nav:#0b1821;--hero:#1a3d3c;--hero-text:#c0e3df;--teal:#178b80;--focus:#69c6b9;--danger:#ffb1bc;color-scheme:dark}
:root[data-theme=dark][data-accent=blue]{--teal:#376fc2;--focus:#8ab5f7;--hero:#1d3554;--hero-text:#c3dafa;--hover:#2c4260}
:root[data-theme=dark][data-accent=violet]{--teal:#8957bb;--focus:#c7a1f1;--hero:#352843;--hero-text:#e1c7fa;--hover:#423251}
body{background:var(--bg);color:var(--ink)}button,input,select,textarea,dialog,.panel,.metric{background:var(--surface);color:var(--ink);border-color:var(--line)}button:hover{background:var(--hover)}button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hero{background:var(--hero);border-color:var(--line)}.hero p{color:var(--hero-text)}.details div{background:var(--surface-soft)}td,.status-row{border-color:var(--line)}.error{color:var(--danger)}.badge{background:var(--surface-soft);color:var(--ink)}.text-button{background:transparent;color:var(--focus)}.status-metrics .metric{text-align:left;min-width:0}.status-metrics .selected{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.status-metrics b{font-variant-numeric:tabular-nums}.user-match{display:block;text-align:left;width:100%;margin:8px 0}.user-match small{display:block}.user-match strong{display:block}.nav-section{font-size:9px;letter-spacing:1.5px;color:#9db6c1;margin:14px 10px 5px}.nav-group{display:grid;gap:2px}nav button strong{font-size:12px;font-weight:650}nav button small{display:block;color:#a8c1cc;font-size:10px;margin-top:1px}nav button.active small,nav button:hover small{color:#d8e9ee}nav button{padding:8px 12px;line-height:1.3}.wordmark{font-size:24px}.wordmark span{font-size:8px;letter-spacing:1.5px}aside .wordmark{margin-bottom:12px}.sidebar-bottom>small:last-child{margin-top:6px}aside{width:246px;padding:22px 15px}.sidebar-bottom{padding-top:14px;flex-shrink:0}main{margin-left:246px}header .eyebrow{letter-spacing:1.3px}.login-story h1{font-size:42px}.login-story .wordmark{font-size:32px}.login-story .wordmark span{font-size:10px}.sidebar-bottom button{background:transparent;color:#d0dfe3;border-color:#3c5963}.sidebar-bottom button:hover{background:#254652}nav button,nav button:hover{background:transparent;color:#c4d5db}nav button.active,nav button:hover{background:#284c56;color:white}.nav-label{margin-bottom:0}.toolbar{flex-wrap:wrap}.metric b{overflow-wrap:anywhere}
:root[data-theme=dark] .badge.open,:root[data-theme=dark] .badge.high{background:#4b3c22;color:#ffda8e}:root[data-theme=dark] .badge.assigned,:root[data-theme=dark] .badge.in_progress{background:#263f63;color:#bbd6ff}:root[data-theme=dark] .badge.resolved,:root[data-theme=dark] .badge.closed,:root[data-theme=dark] .badge.active{background:#1f473a;color:#9de0ba}:root[data-theme=dark] .badge.on_hold,:root[data-theme=dark] .badge.repair{background:#453454;color:#dfbafa}:root[data-theme=dark] .badge.critical,:root[data-theme=dark] .badge.retired{background:#542e37;color:#ffc0c6}
:root[data-compact=true] td{padding:8px 10px}:root[data-compact=true] .panel{padding:16px}:root[data-compact=true] .metric{padding:14px}:root[data-compact=true] .status-row{padding:8px 0}
@media(min-width:651px){#nav{display:block;overflow-y:auto;min-height:0;flex:1;padding-right:3px}aside{overflow:hidden}#nav button{width:100%}}
@media(max-width:1000px){aside{width:212px}main{margin-left:212px;padding:24px 20px}.wordmark{font-size:21px}.status-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){aside{width:100%;position:static;padding:14px}.wordmark{font-size:23px}main{margin:0;padding:20px 14px}#nav{display:flex;overflow-x:auto;gap:14px}.nav-group{display:flex;align-items:stretch;gap:4px}.nav-section{display:none}nav button{white-space:nowrap;padding:9px 12px}nav button small{font-size:9px}aside .wordmark{margin:0 0 10px}.sidebar-bottom{display:flex;margin-top:10px}.sidebar-bottom p{margin-right:auto}.login-story h1{font-size:32px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{align-items:flex-start;flex-wrap:wrap}.hero{padding:20px}.toolbar{align-items:stretch}.login-story .wordmark span{display:block}}