:root{--primary:#3a5fc4;--primary-dark:#2a4aa6;--primary-deep:#1f3b87;--primary-light:#eaeffb;--primary-100:#dde5f8;--accent:#8aa3ee;--ring:#3a5fc447;--bg:#f4f7f9;--surface:#fff;--surface-2:#eef3f6;--hover:#f2f7f9;--border:#e2e9ee;--border-strong:#c6d3db;--text:#0b1723;--text-soft:#44586b;--text-faint:#64788a;--ok:#16a34a;--warn:#f59e0b;--err:#ef4444;--err-strong:#c81e1e;--off:#94a3b8;--info:#2563eb;--purple:#6d28d9;--ok-strong:#15803d;--primary-deep-hover:#182f6d;--err-strong-hover:#a31515;--nav-bg:#0e1a3d;--color-state-available:#16a34a;--color-state-charging:#0369a1;--color-state-occupied:#c2650a;--color-state-fault:#ef4444;--color-state-out-of-service:#475569;--color-state-no-signal:#cbd5e1;--color-state-no-signal-border:#64748b;--color-state-unknown:#7c3aed;--color-state-fault-text:#c81e1e;--color-ticket-sla-met:#15803d;--color-ticket-sla-at-risk:#b45309;--color-ticket-sla-breached:#b91c1c;--color-ticket-sla-none:#5b6b7d;--color-ticket-critical:#dc2626;--color-ticket-major:#c2410c;--color-ticket-minor:#0284c7;--alert-surface:#fdf1f1;--alert-border:#f3c9c9;--check-row-surface:#fff8ec;--warn-text:#8a4b00;--ok-surface:#f0fdf4;--ok-deep:#166534;--shadow:0 1px 3px #0a1e2d0f,0 8px 24px #0a1e2d14;--radius:10px;--topbar-h:56px;--gutter-phone:16px;--font:var(--font-poppins),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c2d2dc;border-radius:6px}:where(button,select,input,textarea,a):focus-visible{outline:2px solid var(--primary-dark);outline-offset:1px}i.ti{vertical-align:-1px;font-size:15px;line-height:1}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:238px minmax(0,1fr);grid-template-rows:var(--topbar-h) 1fr;height:100dvh;display:grid;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:1180;grid-column:1/3;align-items:center;gap:14px;padding:0 16px;display:flex}.tb-scopes{align-items:center;gap:14px;min-width:0;display:flex}.sidebar{background:var(--nav-bg);color:#ffffffb3;flex-direction:column;grid-row:2;display:flex;overflow:auto}.main{grid-row:2;position:relative;overflow:auto}.brand{flex:none;align-items:center;gap:10px;width:212px;display:flex}.brand .brand-mark{display:none}.tb-spacer{flex:1}.tenant-select{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text-soft);border-radius:8px;align-items:center;gap:8px;padding:7px 11px;font-size:13px;display:flex;position:relative}.tenant-select select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;min-width:0;max-width:230px;font-family:inherit;font-size:13px;font-weight:600}.tenant-select select:focus-visible{outline:2px solid var(--primary-dark);outline-offset:1px}.tenant-select input{width:20ch;min-width:0;max-width:230px;color:var(--text);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:auto;font-family:inherit;font-size:13px;font-weight:600}.tenant-select input:disabled{color:var(--text-faint);cursor:not-allowed;font-weight:500}.tenant-select input:focus-visible{outline:2px solid var(--primary-dark);outline-offset:1px}.avatar{background:var(--primary-100);width:32px;height:32px;color:var(--primary-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.4px;background:var(--primary-light);color:var(--primary-deep);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}.bell{border:1px solid var(--border);background:var(--surface);border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex;position:relative}.bell:hover{background:var(--bg)}.nav-section{letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,transparent);padding:14px 12px 4px;font-size:11px;font-weight:700}.nav-item{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:calc(100% - 16px);margin:1px 8px;padding:9px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fff}.nav-item.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent);font-weight:600}.nav-item .ico{text-align:center;width:18px;font-size:15px}.nav-item.inerte{opacity:.38;cursor:default}.nav-item.inerte:hover{color:#fff9;background:0 0}.sidebar-foot{color:#ffffff80;border-top:1px solid color-mix(in srgb,var(--accent) 12%,transparent);margin-top:auto;padding:13px 16px;font-size:11px}.sidebar-foot .dot{background:var(--ok);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #16a34a2e}.btn{background:var(--primary-deep);color:#fff;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--primary-deep-hover)}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn.ghost:hover{background:var(--bg)}.fleet-refresh{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fleet-refresh-stamp{color:var(--text-soft);font-size:13px}.fleet-refresh-time{font-variant-numeric:tabular-nums}.fleet-refresh-lead,.fleet-refresh-label{white-space:nowrap}.fleet-refresh-button{flex:none}.fleet-refresh-error{color:var(--err-strong);margin:0;font-size:12px}.ti.spin{animation:1s linear infinite ti-spin;display:inline-block}@keyframes ti-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ti.spin{animation:none}}.btn.danger{background:var(--err-strong)}.btn.danger:hover{background:var(--err-strong-hover)}.btn.sm{padding:6px 11px;font-size:12px}.btn:disabled,.fleet-refresh-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn.ghost.fleet-refresh-button[aria-disabled=true]:hover{background:var(--surface)}.field label{color:var(--text-soft);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:8px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-light)}.login{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 28%),radial-gradient(circle at 80% 60%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),#020406;z-index:3000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#fff;border-radius:16px;width:380px;max-width:92vw;padding:30px 30px 26px;box-shadow:0 30px 80px #00000059}.login-card .login-logo{margin-bottom:22px;display:flex}.login-card h1,.login-card h2{letter-spacing:-.03em;margin:0 0 16px;font-size:17px;font-weight:700}.login-card .field{margin-bottom:13px}.login-card .btn{justify-content:center;width:100%;padding:11px}.login-card a.btn{text-decoration:none}.login-card .divider{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin:16px 0;font-size:11.5px;display:flex}.login-card .divider:before,.login-card .divider:after{content:"";background:var(--border-strong);flex:1;height:1px}.login-card .hint{color:var(--text-soft);text-align:center;background:var(--bg);border-radius:8px;margin-top:16px;padding:9px;font-size:11.5px}.form-error{color:var(--err-strong);background:#fee2e2;border-radius:7px;margin-bottom:8px;padding:7px 10px;font-size:12.5px}.form-notice{color:var(--ok-strong);background:var(--ok-surface);border-radius:7px;margin-bottom:12px;padding:7px 10px;font-size:12.5px}.form-help{color:var(--text-soft);margin:-4px 0 12px;font-size:12px}.screen-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:420px;margin:0 auto;padding:64px 24px;display:flex}.screen-error-icon{color:var(--err);margin:0;font-size:32px}.screen-error h1{color:var(--text);margin:0;font-size:16px;font-weight:700}.screen-error-hint{color:var(--text-soft);margin:0;font-size:13px}.screen-error-digest{color:var(--text-soft);margin:4px 0 0;font-size:11.5px}.fatal-error{background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fatal-error-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;width:100%;max-width:440px;padding:28px;box-shadow:0 20px 50px #00000014}.fatal-error-card h1{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:700}.fatal-error-card p{color:var(--text-soft);margin:0 0 18px;font-size:13.5px}.fatal-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.not-found{background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.not-found-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;width:100%;max-width:440px;padding:28px;box-shadow:0 20px 50px #00000014}.not-found-card h1{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:700}.not-found-card p{color:var(--text-soft);margin:0 0 18px;font-size:13.5px}.nav-toggle{z-index:1210;border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:none;position:fixed;top:10px;left:10px}@media (max-width:1100px){.brand{width:auto}.brand .brand-compact{display:none}.brand .brand-mark{display:inline-grid}.topbar>.tb-network{flex-shrink:0}.tb-scopes>.tenant-select:not(.tb-company){flex-shrink:4}}@media (max-width:720px){.app{grid-template-columns:minmax(0,1fr)}:root{--topbar-h:96px}.topbar{flex-wrap:wrap;grid-column:1/-1;align-content:center;gap:8px;padding:8px 10px}.tb-scopes{flex:100%;order:3;gap:8px}.brand{padding-left:52px}.tenant-select{flex:1 1 0;gap:0;min-width:0;padding:7px 8px}.tenant-select select{min-width:0;max-width:none}.tenant-select input{width:100%;min-width:0;max-width:none}.tenant-select>i{display:none}.topbar>.tb-network{flex:999 1 0;max-width:max-content}.topbar>.tb-spacer{display:none}.topbar>.avatar{margin-left:auto}.tb-scopes>.tb-company{flex-grow:3}.tb-scopes>.tenant-select:not(.tb-company){flex-grow:2}.tenant-select[data-inactive=true]{display:none}.sidebar{top:var(--topbar-h);z-index:1200;width:min(280px,82vw);transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar[data-open=true]{transform:translate(0)}.nav-scrim{top:var(--topbar-h);inset-inline:0;background:color-mix(in srgb,var(--nav-bg) 45%,transparent);z-index:1190;position:fixed;bottom:0}.nav-toggle{display:inline-flex}}@media (max-width:460px){.topbar>.avatar{display:none}.topbar>.bell{margin-left:auto}}@media (max-width:720px) and (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (pointer:coarse){.btn{min-height:44px}.bell{width:44px;height:44px}}.combobox-list{z-index:5;background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;max-height:220px;margin:2px 0 0;padding:4px;font-size:12.5px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 16px #00000024}.combobox-option{cursor:pointer;border-radius:5px;padding:6px 8px}.combobox-option.active{background:var(--primary-deep);color:var(--surface)}.combobox-status{color:var(--text-faint);padding:6px 8px;font-style:italic}