:root{background:#f4f7f6;color:#17221f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #d8e1dd;display:flex;gap:18px;justify-content:space-between;padding:14px 20px}.brand{align-items:center;display:flex;gap:16px;min-width:0}.brand img,.loginCard img{height:42px;object-fit:contain;width:205px}h1,h2,h3{color:#123f68;letter-spacing:0;line-height:1.12;margin:0}h1{font-size:28px}h2{font-size:22px}p{color:#586862;line-height:1.45}.channelBadge{border:1px solid #b6c7be;color:#29423a;display:inline-flex;font-size:12px;font-weight:950;letter-spacing:0;margin-bottom:5px;padding:4px 8px}.channelBadge.live{background:#e6f4ed;border-color:#71b990}.channelBadge.test{background:#fff1d7;border-color:#ddb76d}.topActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:end}.modeSwitch{background:#e8efec;display:flex;gap:4px;padding:4px}.modeSwitch button,.tabs button{background:transparent;border:0;color:#243a32;font-weight:900;min-height:38px;padding:8px 12px}.modeSwitch button.active,.tabs button.active{background:#123f68;color:#fff}.secondaryButton,.primaryButton,.quickActions button{border:0;font-weight:900;min-height:40px;padding:9px 13px}.primaryButton{background:#123f68;color:#fff}.primaryButton:disabled,.secondaryButton:disabled,.quickActions button:disabled{cursor:default;opacity:.45}.secondaryButton,.quickActions button{background:#e8efec;color:#18322a}.ghostLink,.linkButton{background:transparent;border:0;color:#123f68;font-weight:900;text-decoration:none}.ghostLink.center{text-align:center}.tabs{align-items:center;background:#fff;border-bottom:1px solid #d8e1dd;display:flex;gap:8px;padding:10px 20px}.tabs span{color:#586862;font-weight:800;margin-left:auto}.notice,.errorBox{align-items:center;display:flex;justify-content:space-between;margin:14px 20px 0;padding:12px 14px}.notice{background:#eef7f1;border:1px solid #b9dcc6;color:#204c31}.notice.compact{margin:0}.errorBox{background:#fff0ef;border:1px solid #e4b8b2;color:#8b2d20}.notice button{background:transparent;border:0;color:inherit;font-weight:900}.workbench{display:grid;gap:16px;grid-template-columns:minmax(320px,.85fr) minmax(460px,1.3fr);padding:18px 20px 24px}.leftPane,.rightPane,.adminCard,.loginCard{background:#fff;border:1px solid #d8e1dd}.leftPane,.rightPane{min-height:calc(100vh - 166px)}.summaryRow{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px}.statusCard{border-top:4px solid #6f8ea5;min-height:72px;padding:10px}.statusCard span{color:#64746f;display:block;font-size:12px;font-weight:850}.statusCard strong{color:#123f68;display:block;font-size:26px;line-height:1;margin-top:10px}.statusCard.green{border-color:#2f8f64}.statusCard.yellow{border-color:#d4a63c}.statusCard.red{border-color:#c45454}.statusCard.blue{border-color:#4d7fb7}.listToolbar{border-top:1px solid #e1e8e5;display:grid;gap:10px;grid-template-columns:1fr auto;padding:12px}input,select,textarea{border:1px solid #bdcac5;min-height:40px;padding:8px 10px;width:100%}textarea{min-height:96px;resize:vertical}.vehicleList{border-top:1px solid #e1e8e5;display:grid}.vehicleRow{align-items:center;background:#fff;border:0;border-bottom:1px solid #e1e8e5;display:grid;gap:4px 10px;grid-template-columns:12px minmax(90px,.6fr) minmax(150px,1fr);min-height:70px;padding:11px 12px;text-align:left}.vehicleRow.active{background:#eef6fb;box-shadow:inset 4px 0 #123f68}.vehicleRow strong{color:#123f68}.vehicleRow span{color:#243a32;font-weight:850}.vehicleRow small{color:#687973;grid-column:2 / 4}.dot{border-radius:999px;display:inline-block;height:11px;width:11px}.dot.green{background:#2f8f64}.dot.yellow{background:#d4a63c}.dot.red{background:#c45454}.dot.blue{background:#4d7fb7}.editor{display:grid;gap:14px;padding:16px}.editorHeader{align-items:start;display:flex;gap:16px;justify-content:space-between}.editorHeader .dot{margin-right:8px}.editorHeader p{margin:6px 0 0}.quickActions{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.formGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid label{color:#435750;display:grid;font-size:13px;font-weight:850;gap:6px}.formGrid .wide{grid-column:1 / -1}.adminPage{display:grid;gap:16px;grid-template-columns:minmax(360px,.75fr) 1fr;padding:18px 20px 24px}.adminCard{padding:16px}.adminCard h2{margin-bottom:14px}.userList{display:grid}.userRow{align-items:center;border-bottom:1px solid #e1e8e5;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:12px 0}.userRow span,.userRow small{color:#65756f;display:block;font-weight:800}.loginShell{align-items:center;display:grid;min-height:100vh;padding:24px}.loginCard{display:grid;gap:14px;margin:0 auto;max-width:430px;padding:28px;width:100%}.loginCard p{margin:0}.loginCard label{color:#435750;display:grid;font-size:13px;font-weight:850;gap:6px}.emptyState{color:#64746f;display:grid;min-height:340px;place-items:center}@media (max-width: 1050px){.topbar{align-items:stretch;flex-direction:column}.topActions{justify-content:start}.workbench,.adminPage{grid-template-columns:1fr}.leftPane,.rightPane{min-height:0}}@media (max-width: 720px){.brand{align-items:start;flex-direction:column}.brand img{width:190px}.tabs{align-items:stretch;flex-direction:column}.tabs span{margin-left:0}.summaryRow{grid-template-columns:repeat(2,minmax(0,1fr))}.listToolbar,.formGrid,.quickActions,.userRow{grid-template-columns:1fr}.vehicleRow{grid-template-columns:12px 1fr}.vehicleRow span,.vehicleRow small{grid-column:2}.editorHeader{align-items:stretch;flex-direction:column}}
