:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--surface:#0f172a;--surface-2:#172033;--border:#334155;--text:#f8fafc;--muted:#aab7ca;--accent:#f97316;--good:#22c55e;--warn:#fbbf24;--danger:#ef4444;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at top right,#172554 0,transparent 28rem),var(--bg);color:var(--text);overscroll-behavior:contain;min-height:100vh;margin:0}button{border:1px solid var(--border);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#253149;border-radius:.65rem;padding:.55rem .8rem;font-weight:750;transition:background-color .16s,border-color .16s,transform .16s}button:hover:not(:disabled){background:#34425e;border-color:#64748b}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}button:disabled{cursor:not-allowed;opacity:.45}.skip-link{z-index:10;color:#000;background:#fff;border-radius:.5rem;padding:.75rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.kds-shell{width:min(1600px,100%);margin:auto;padding:1rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.eyebrow{color:#7dd3fc;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .2rem;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.55rem,3vw,2.2rem)}h2{margin-bottom:.25rem}.connection{border:1px solid var(--border);letter-spacing:.08em;border-radius:999px;align-items:center;gap:.55rem;min-height:44px;padding:.55rem .8rem;font-size:.82rem;font-weight:850;display:flex}.connection span{background:var(--warn);border-radius:50%;width:.65rem;height:.65rem}.connection--live span{background:var(--good);box-shadow:0 0 0 4px #22c55e22}.connection--degraded span{background:var(--danger)}.degraded{border:1px solid #ef444488;border-left:5px solid var(--danger);background:#451a1a;border-radius:.75rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem 0;padding:.85rem 1rem;display:grid}.degraded span{color:#fecaca}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.metrics div{border:1px solid var(--border);background:#0f172acc;border-radius:.75rem;align-items:baseline;gap:.6rem;padding:.75rem 1rem;display:flex}.metrics strong{font-size:1.4rem}.metrics span,.sla{color:var(--muted);font-size:.82rem}.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));align-items:start;gap:1rem;min-height:22rem;display:grid}.ticket{border:1px solid var(--border);border-top:4px solid var(--accent);background:linear-gradient(145deg,#111c31,#0f172a);border-radius:.9rem;overflow:hidden;box-shadow:0 14px 36px #0004}.ticket>header,.ticket>footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.ticket>header span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.ticket>header h2{margin:0;font-size:1.65rem}.status{letter-spacing:.06em;background:#334155;border-radius:.45rem;padding:.35rem .55rem;font-size:.72rem;font-weight:850}.status--in_progress{color:#fef3c7;background:#854d0e}.status--held{color:#fee2e2;background:#7f1d1d}.sla{border-bottom:1px solid var(--border);margin:0;padding:0 1rem .8rem}.ticket ul{margin:0;padding:0;list-style:none}.ticket li{border-bottom:1px solid var(--border);padding:.9rem 1rem}.ticket li>div:first-child{justify-content:space-between;gap:.75rem;margin-bottom:.7rem;display:flex}.ticket li span{color:var(--muted);font-size:.78rem}.item-actions{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.item-actions button{padding:.45rem .2rem;font-size:.72rem}.ticket footer{background:#0b1220}.ticket footer>span{color:var(--muted);font-size:.78rem}.ticket-bump{background:#c2410c;border-color:#fb923c;min-width:8rem}.empty{text-align:center;min-height:20rem;color:var(--muted);border:1px dashed var(--border);border-radius:1rem;grid-column:1/-1;place-content:center;display:grid}.expo{background:#2e1065aa;border:1px solid #7c3aed88;border-radius:.8rem;margin-top:1rem;padding:1rem}.expo h2{font-size:1rem}.expo p{color:#ddd6fe;margin:0}@media (max-width:700px){.degraded,.metrics{grid-template-columns:1fr}.item-actions{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}