:root{--brand-primary:#0b5fa5;--brand-primary-contrast:#fff;--brand-accent:#ffb500;--brand-header-background:#0b2942;--brand-header-text:#fff;--danger:#b3261e;--danger-contrast:#fff;--surface:#f5f7fa;--card:#fff;--text:#16232f;--muted:#5a6b7b;--warn-bg:#fff4e5;--warn-text:#7a4b00}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.45}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--brand-header-background);color:var(--brand-header-text);align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.header img.logo{height:32px}.header .fleet-name{font-size:20px;font-weight:600}.header .header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.header .dot{background:#3bb273;border-radius:50%;width:14px;height:14px}.header .dot.down{background:var(--danger)}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.card{background:var(--card);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:560px;padding:28px;display:flex;box-shadow:0 2px 12px #00000014}button{font:inherit;cursor:pointer;border:none;border-radius:12px;min-height:56px;padding:12px 20px;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:var(--brand-primary-contrast);width:100%;min-height:88px;font-size:26px}.btn-emergency{background:var(--danger);color:var(--danger-contrast);letter-spacing:.06em;width:100%;min-height:64px;font-size:20px}.btn-secondary{color:var(--text);background:#e6ecf2}.btn-danger{background:var(--danger);color:var(--danger-contrast)}.btn-link{color:var(--brand-primary);background:0 0;min-height:48px;font-weight:500;text-decoration:underline}input{font:inherit;border:1px solid #c4cfd9;border-radius:12px;width:100%;min-height:56px;padding:8px 14px}.error{color:var(--danger);font-weight:500}.banner{background:var(--warn-bg);width:100%;max-width:560px;color:var(--warn-text);border-radius:12px;padding:12px 16px;font-weight:500}.status-line{text-align:center;font-size:22px}.muted{color:var(--muted)}.fallback-box{background:var(--warn-bg);color:var(--warn-text);white-space:pre-wrap;border-radius:12px;padding:16px;font-size:20px;font-weight:600}.overlay{z-index:10;background:#0b2942eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay .card{max-width:480px}.tiles{flex:1;grid-template-columns:1fr;gap:12px;width:100%;max-width:720px;display:grid}.tile{background:#10202e;border-radius:12px;min-height:200px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%}.tile .label{color:#fff;background:#00000073;border-radius:8px;padding:4px 10px;font-size:16px;position:absolute;bottom:10px;left:12px}.call-controls{gap:12px;width:100%;max-width:720px;display:flex}.call-controls button{flex:1}.spinner{border:4px solid #d3dde6;border-top-color:var(--brand-primary);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.device-list{flex-direction:column;gap:8px;width:100%;display:flex}.device-row{border-bottom:1px solid #e2e9ef;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.settings-corner{text-align:right;padding:8px 16px}.settings-corner button{min-height:40px;color:var(--muted);background:0 0;font-size:14px;font-weight:400;text-decoration:underline}.host-list{margin:.5rem 0 1rem;padding:0;list-style:none}.host-list li{padding:.25rem 0;font-size:1.05rem}.header .lang-switch{font:inherit;color:var(--brand-header-text);background:#ffffff24;border:1px solid #ffffff73;border-radius:6px;padding:6px 10px;font-size:16px}.header .lang-switch option{color:#000;background:#fff}