:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f3f5f7;--panel:#fff;--ink:#16202a;--muted:#65717d;--line:#dbe1e6;--brand:#174d73;--brand-dark:#103750;--accent:#2a7eaa;--online:#177245;--offline:#b42318;--warning-bg:#fff4e5}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button,.button{background:var(--brand);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:.7rem 1rem;font-weight:650;display:inline-block}button:hover,.button:hover{background:var(--brand-dark)}button:disabled{cursor:not-allowed;opacity:.45}.button.secondary{color:#273541;background:#dfe5ea}.danger-button{background:var(--offline)}input,select,textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #b9c3cc;border-radius:5px;margin-top:.35rem;padding:.65rem}textarea{resize:vertical}label{color:#37424d;font-size:.9rem;font-weight:600;display:block}.topbar{color:#fff;background:#102b3d;align-items:center;gap:1.2rem;min-height:64px;padding:0 3vw;display:flex}.topbar nav{flex:1;gap:1.4rem;display:flex}.topbar form{align-items:center;gap:1rem;display:flex}.platform-attribution{letter-spacing:.1em;opacity:.75;text-transform:uppercase;font-size:.72rem;font-weight:800}.primary-brand,.context-brand,.organisation-title{align-items:center;gap:.65rem;display:flex}.primary-brand{font-size:1.05rem}.context-brand{border-left:1px solid #ffffff40;padding-left:1rem;font-size:.82rem}.primary-brand img,.context-brand img{object-fit:contain;max-width:100px;max-height:32px}.button-link{background:0 0;padding:0}.button-link:hover{background:0 0;text-decoration:underline}.page-shell{max-width:1240px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.page-heading,.section-heading,.card-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:800}.muted{color:var(--muted)}.panel,.site-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.25rem;box-shadow:0 1px 2px #14212c0d}.site-grid,.channel-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;display:grid}.site-card:hover{border-color:#8ba2b4;box-shadow:0 3px 12px #14212c17}.offline-card{border-left:5px solid var(--offline)}.status{color:#fff;text-transform:uppercase;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:800;display:inline-block}.status.online{background:var(--online)}.status.offline{background:var(--offline)}.status.neutral{background:#68737d}.summary{flex-wrap:wrap;gap:1rem 2.5rem;margin:0;display:flex}.summary div,.channel-states div{gap:.15rem;display:grid}dt{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}dd{margin:0}.output-summary{border-top:1px solid var(--line);color:#475460;margin:1rem 0 0;padding-top:1rem;font-size:.88rem}.alarm-indicator,.error{color:var(--offline);font-weight:700}.alarm-banner,.override-warning{background:var(--warning-bg);border-left:4px solid #d97706;margin:1rem 0;padding:.8rem 1rem}.device-summary{margin-bottom:2rem}.device-section{margin-bottom:2.5rem}.customer-context{background:var(--site-brand);color:#fff;border-radius:8px;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:1.1rem 1.25rem;display:flex}.customer-context>div{align-items:center;gap:.8rem;display:flex}.customer-context img{object-fit:contain;background:#fff;border-radius:5px;max-width:140px;max-height:52px;padding:.3rem}.customer-context span{opacity:.75;text-transform:uppercase;font-size:.72rem}.customer-context h2{margin:0}.site-primary-brand{flex:1}.site-context-brand{border-left:3px solid var(--site-accent);padding-left:1rem;font-size:.9rem}.channel-card h3{margin-bottom:.2rem}.channel-states{grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0;display:grid}.state-on{color:var(--online);font-size:1.2rem}.disabled-card{opacity:.75}.button-group{gap:.5rem;display:flex}.button-group button{color:#273541;background:#dfe5ea;min-width:64px}.button-group button.selected-on{background:var(--online);color:#fff}.button-group button.selected-off{background:var(--offline);color:#fff}.channel-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.channel-card-header>:first-child{flex:1;min-width:0}.channel-control{flex:0 0 168px;width:168px}.channel-control .button-group{justify-content:flex-end}.command-message{color:var(--muted);text-align:right;width:100%;min-height:2.4em;margin-top:.5rem;line-height:1.2;display:block}.command-message.is-empty{visibility:hidden}.events-section{margin-top:2.5rem}.event-list{padding:0}.event-row,.data-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1.5fr 1fr;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:grid}.site-event-row{grid-template-columns:1.2fr .8fr 1.5fr 1fr}.data-row{grid-template-columns:repeat(4,minmax(0,1fr))}.event-row:last-child,.data-row:last-child{border-bottom:0}.event-row time,.event-row span,.data-row span{color:var(--muted);font-size:.86rem}.subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1.5rem;margin:-.5rem 0 2rem;padding-bottom:.8rem;display:flex}.subnav a{color:var(--brand);font-weight:700}.form-section{margin-bottom:1.5rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-actions{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.fleet-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.summary-card{background:#e8f4f7;border-color:#c8e0e6;justify-content:space-between;display:flex}.summary-card strong{font-size:1.8rem}.summary-card.healthy{background:#eaf6ef;border-color:#c8e5d4}.summary-card.fault{background:#faeceb;border-color:#edcecb}.directory-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:1rem;margin-bottom:1.5rem;display:grid}.assignment-panel{border:1px solid var(--line);border-radius:6px;margin:1.5rem 0;padding:1rem}.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.site-brand-row,.heading-actions,.row-actions{align-items:center;gap:.8rem;display:flex}.site-brand-row{justify-content:space-between;margin-bottom:.8rem}.primary-site-brand,.contextual-site-brand{align-items:center;gap:.45rem;font-size:.78rem;display:flex}.contextual-site-brand{color:var(--muted)}.primary-site-brand img,.contextual-site-brand img{object-fit:contain;max-width:80px;max-height:28px}.controller-id-summary{border-top:1px solid var(--line);margin-bottom:0;padding-top:.8rem;font-size:.85rem}.controller-summary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.controller-summary-card:hover{border-color:var(--accent)}.compact-channel-list,.compact-gate-list{gap:.5rem;display:grid}.compact-channel-list>div,.compact-gate-list>div{justify-content:space-between;align-items:center;display:flex}.compact-state{color:#fff;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.72rem}.compact-state.on{background:var(--online)}.compact-state.off{background:var(--offline)}.compact-state.disabled{background:#68737d}.state-healthy{color:var(--online);font-weight:700}.state-fault{color:var(--offline);font-weight:700}.state-muted{color:var(--muted);font-weight:700}.notice-banner{border-left:4px solid var(--accent);background:#edf2f6;margin-bottom:1rem;padding:.8rem 1rem}.text-link,.row-actions a{color:var(--brand);font-weight:700}.section-spacer{margin-top:2rem}.device-directory-row{grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr}.site-directory-row{grid-template-columns:1.2fr 1fr .8fr 1.2fr .7fr}.device-directory-row small,.organisation-directory-row small{color:var(--muted);display:block}.user-directory-row{grid-template-columns:1fr 1.4fr 1fr .7fr .7fr .4fr}.organisation-directory-row{grid-template-columns:1.5fr 1fr auto;align-items:center;gap:1rem;margin-bottom:.75rem;display:grid}.organisation-directory-identity{align-items:center;gap:.8rem;display:flex}.organisation-directory-identity img{object-fit:contain;max-width:100px;max-height:42px}.danger-zone{border-left:5px solid var(--offline);margin-top:2rem}.field-help,.field-error{margin-top:.3rem;font-size:.78rem;display:block}.field-help{color:var(--muted)}.field-error{color:var(--offline)}fieldset.form-section{gap:1rem;min-width:0;margin:0;display:grid}.site-assignments{border:1px solid var(--line);border-radius:5px;margin:0 0 1rem}.site-assignments .checkbox-label{margin:.6rem 0}.organisation-tree{margin-top:1.5rem}.organisation-children{border-left:2px solid var(--line);margin-left:1.5rem;padding-left:1.5rem}.organisation-logo-preview{object-fit:contain;max-width:140px;max-height:52px}.organisation-summary{margin-bottom:1rem}.device-admin-form{margin-bottom:2rem}.channel-editor{border:1px solid var(--line);border-radius:6px;gap:.75rem;min-width:0;padding:1rem;display:grid}fieldset legend{color:var(--brand);background:#fff;padding:0 .4rem;font-weight:800}.checkbox-label{align-items:center;gap:.6rem;margin-top:1.3rem;display:flex}.checkbox-label input{width:auto;margin:0}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-page>div{width:100%;max-width:420px}.login-form{gap:1rem;margin-top:2rem;display:grid}.login-link{text-align:center;margin-top:1rem}.login-link a{color:var(--brand);font-weight:700}.empty{color:var(--muted);text-align:center;padding:3rem}@media (max-width:700px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.2rem;padding-top:.8rem;padding-bottom:.8rem}.topbar nav{order:3;width:100%}.user-name,.context-brand{display:none}.form-grid,.assignment-grid,.data-row,.event-row,.fleet-summary,.organisation-directory-row{grid-template-columns:1fr}}