@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#192d40;background:#f4f7fa;font-synthesis:none;--navy:#102a43;--blue:#1d5a83;--muted:#748497;--line:#e1e8ef;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:11px 15px;cursor:pointer;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{background:var(--blue);color:white;box-shadow:0 5px 12px #1d5a831c}.primary:hover{background:#164b70}.secondary{background:#f0f4f8;color:#29465f;border:1px solid #e0e8ef}.hidden{display:none!important}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#71869a}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:#fff;color:#153c5a;border-radius:14px;font:800 17px Manrope,sans-serif;box-shadow:0 6px 18px #061a2b25}.logo-mark{background:linear-gradient(145deg,#174b70,#0e304b)!important;border:1px solid rgba(126,198,232,.55);box-shadow:0 6px 18px #061a2b35,inset 0 1px 0 rgba(255,255,255,.16)}.logo-mark img{display:block;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(400px,.9fr);background:#fff}.login-showcase{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;color:white;background:radial-gradient(circle at 75% 15%,#2b6689 0,transparent 32%),linear-gradient(145deg,#0d253a 0%,#163e5d 55%,#1d5a83 100%);position:relative;overflow:hidden}.login-showcase:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff1a;border-radius:50%;right:-150px;bottom:-180px;box-shadow:0 0 0 42px #ffffff08,0 0 0 88px #ffffff05}.showcase-top{display:flex;align-items:center;gap:15px}.showcase-top>span{font-size:10px;letter-spacing:2px;font-weight:700;color:#c7d9e7}.showcase-copy{max-width:570px;position:relative;z-index:1;margin:60px 0}.showcase-copy .eyebrow{color:#b7d5e8}.showcase-copy h1{font:800 clamp(34px,4vw,57px)/1.12 Manrope,sans-serif;letter-spacing:-1.7px;margin:20px 0}.showcase-copy p{font-size:15px;line-height:1.8;color:#d1e0eb;max-width:430px}.showcase-foot{display:flex;align-items:center;gap:10px;color:#d1e0eb;font-size:12px;position:relative;z-index:1}.live-dot,.timer-dot{width:8px;height:8px;background:#58c7a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #58c7a01a}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;background:#f7f9fb}.login-card{width:min(390px,100%);display:grid;gap:17px}.login-card h2{font:800 30px Manrope,sans-serif;letter-spacing:-.8px;margin:0;color:#172e43}.login-subtitle{font-size:13px;color:var(--muted);margin:-8px 0 8px;line-height:1.6}.login-card label,dialog label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#31475b}.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{width:100%;padding:13px 14px;border:1px solid #d6e0e9;border-radius:9px;background:#fff;outline:none;transition:border .15s,box-shadow .15s;color:#20364a}.login-card input:focus,dialog input:focus,dialog select:focus,.search-wide:focus,.table-toolbar input:focus{border-color:#4b8bb4;box-shadow:0 0 0 3px #4b8bb41c}.login-submit{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:3px;padding:14px}.login-submit span{font-size:18px}.error{color:#b42318;font-size:12px;min-height:15px;line-height:1.4}.login-security{display:flex;gap:8px;align-items:center;color:#7a8a99;font-size:11px;border-top:1px solid #e6ebf0;padding-top:16px}.login-footer{font-size:10px;color:#8a98a6;margin-top:42px}.login-footer span{padding:0 6px}.mobile-brand{display:none}
#app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:white;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:5}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 5px 28px;border-bottom:1px solid #ffffff18}.sidebar-brand .brand-mark{width:40px;height:40px;border-radius:12px;font-size:14px}.sidebar-brand strong{display:block;font:700 14px Manrope,sans-serif}.sidebar-brand small{display:block;color:#9fb3c4;font-size:8px;letter-spacing:1px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#8199ad;margin:27px 11px 10px}nav{display:grid;gap:6px}nav button{background:transparent;color:#b9c9d6;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 13px;font-size:12px}nav button span{width:18px;text-align:center;font-size:17px}nav button:hover,nav button.active{background:#ffffff14;color:#fff}nav button.active{box-shadow:inset 3px 0 #74b7dd}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:13px 8px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#2d5878;font-weight:800;font-size:11px}.user-info{min-width:0}.user-info strong,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.user-info strong{font-size:11px}.user-info small{font-size:9px;color:#a9bdcd;margin-top:4px}.logout-button{width:100%;background:transparent;color:#c3d1dc;text-align:left;margin-top:9px;font-size:11px}.logout-button span{font-size:17px;margin-right:7px}main{margin-left:252px;padding:30px clamp(20px,3vw,46px);max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.topbar h1{font:800 28px Manrope,sans-serif;letter-spacing:-.7px;margin:5px 0 0}.topbar-right{display:flex;align-items:center;gap:12px}.session-timer{display:flex;align-items:center;gap:10px;padding:10px 13px;background:white;border:1px solid var(--line);border-radius:11px}.session-timer small{display:block;font-size:8px;letter-spacing:1px;color:#8091a1;font-weight:800}.session-timer strong{display:block;font:700 13px Manrope,sans-serif;margin-top:3px;font-variant-numeric:tabular-nums}.date-chip{font-size:11px;color:#52697e;background:#eaf0f5;padding:12px;border-radius:9px;white-space:nowrap}.welcome-panel{background:linear-gradient(115deg,#143c59,#205e84);color:white;border-radius:16px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.welcome-panel:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #ffffff17;border-radius:50%;right:15%;top:-135px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}.welcome-panel>div,.welcome-panel button{position:relative;z-index:1}.welcome-panel .eyebrow{color:#b9d7e9}.welcome-panel h2{font:700 23px Manrope,sans-serif;margin:10px 0 7px}.welcome-panel p{color:#d1e1eb;margin:0;font-size:12px}.welcome-panel .primary{background:white;color:#164566;box-shadow:none;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0 30px}.stat-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:19px}.stat-icon.blue{background:#e6f1f9;color:#2c709e}.stat-icon.amber{background:#fff3dd;color:#aa741f}.stat-icon.violet{background:#f0ebff;color:#7253ad}.stat-icon.green{background:#e2f5ec;color:#27845d}.stat-card span{display:block;font-size:10px;color:#718396;white-space:nowrap}.stat-card strong{display:block;font:800 26px Manrope,sans-serif;margin-top:6px}.section-heading,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 14px}.section-heading h2,.page-intro h2{font:700 18px Manrope,sans-serif;margin:0}.section-heading p,.page-intro p{font-size:11px;color:var(--muted);margin:6px 0 0}.section-heading .secondary{font-size:10px;padding:9px 12px}.section-heading .secondary span{margin-left:8px}.page-intro{margin-top:0;margin-bottom:22px}.page-intro h2{font-size:25px;margin-top:7px}.page-intro .primary,.page-intro .secondary{white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 30px}.cards article{background:white;border:1px solid var(--line);border-radius:13px;padding:19px;min-width:0;transition:box-shadow .15s,transform .15s}.cards article:hover{box-shadow:0 10px 24px #18344b0a;transform:translateY(-2px)}.cards h3{font:700 15px Manrope,sans-serif;margin:13px 0 7px}.cards p{margin:6px 0;font-size:11px;color:#718396}.cards article button{margin-top:13px;width:100%;font-size:11px;background:#edf4f8;color:#1e587e}.status{display:inline-flex;align-items:center;gap:6px;background:#e4f5ec;color:#267a53;border-radius:30px;padding:6px 9px;font-size:9px;font-weight:700}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.busy{background:#fff1dc;color:#94651b}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;margin:14px 0 28px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid #edf1f5}th{background:#f8fafc;color:#76899a;font-size:9px;letter-spacing:.6px;text-transform:uppercase}td{color:#3e5366}tr:last-child td{border-bottom:0}td button{font-size:10px;padding:8px 10px;background:#edf3f7;color:#245777;margin-right:5px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.table-toolbar input{max-width:450px;font-size:12px}.result-count{font-size:11px;color:#7a8b99}.search-wide{margin:0 0 10px;font-size:12px}.empty-state{padding:24px;color:#7c8b98}.status.inactive{background:#edf0f3;color:#778492}.row-actions{display:flex;gap:5px}.danger-button{background:#fff0ef;color:#a7352e}dialog{border:1px solid #e0e7ed;border-radius:17px;width:min(480px,calc(100% - 24px));padding:25px;box-shadow:0 24px 70px #102a4340;color:#1d3448}dialog::backdrop{background:#102a4380;backdrop-filter:blur(4px)}dialog form{display:grid;gap:14px}dialog h2{font:800 23px Manrope,sans-serif;margin:0}dialog p{font-size:12px;color:#7b8b99;margin:-8px 0 5px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.icon-close{font-size:23px;background:transparent;color:#6e7f8d;padding:0 7px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}#toast{display:none;position:fixed;bottom:22px;right:22px;max-width:min(430px,calc(100% - 44px));background:#102a43;color:white;padding:14px 17px;border-radius:11px;font-size:12px;line-height:1.5;box-shadow:0 12px 32px #102a4330;z-index:20}#toast.show{display:block}.hidden{display:none!important}button:focus-visible{outline:3px solid #8fc8ed;outline-offset:2px}
@media(max-width:1120px){.sidebar{width:220px}main{margin-left:220px;padding:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start}.date-chip{display:none}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-showcase{display:none}.login-side{min-height:100vh;padding:25px}.mobile-brand{display:grid;margin-bottom:5px}.login-card h2{font-size:27px}.sidebar{position:static;width:auto;padding:14px 13px}.sidebar-brand{padding-bottom:13px}.sidebar-brand .brand-mark{width:34px;height:34px}.nav-label{display:none}nav{display:flex;overflow-x:auto;margin-top:12px}nav button{white-space:nowrap;padding:10px;font-size:10px;gap:6px}.sidebar-bottom{margin-top:12px}.user-chip{display:none}.logout-button{margin-top:0;padding:7px 10px}main{margin:0;padding:18px 14px}.topbar{align-items:center}.topbar h1{font-size:23px}.topbar-right{gap:0}.session-timer{padding:8px}.session-timer small{font-size:7px}.welcome-panel{padding:22px;align-items:flex-start;flex-direction:column}.welcome-panel h2{font-size:20px}.stats{gap:9px;margin:14px 0 24px}.stat-card{padding:13px;gap:10px}.stat-icon{width:34px;height:34px;font-size:16px}.stat-card span{font-size:9px;white-space:normal}.stat-card strong{font-size:22px}.cards{grid-template-columns:1fr}.section-heading,.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:22px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar input{max-width:none}.login-footer{margin-top:30px}}
@media print{.sidebar,button,.session-timer{display:none!important}main{margin:0;padding:0}}
#live-map{z-index:1;min-height:320px}.live-address{white-space:normal;min-width:220px;max-width:360px}#driver-track-status{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:14px}

/* LIQUID GLASS: camada visual consistente em todo o painel */
:root{--glass-bg:rgba(255,255,255,.64);--glass-bg-strong:rgba(255,255,255,.78);--glass-border:rgba(255,255,255,.72);--glass-shadow:0 14px 38px rgba(31,65,92,.10),inset 0 1px 0 rgba(255,255,255,.85);--glass-blur:blur(18px) saturate(155%)}
body{background:radial-gradient(ellipse at 15% 0%,rgba(180,218,240,.44),transparent 38%),radial-gradient(ellipse at 90% 12%,rgba(202,220,245,.36),transparent 34%),linear-gradient(135deg,#edf4f8,#f6f8fb 55%,#eaf1f6);background-attachment:fixed}
#app-shell{background:transparent}
.sidebar{background:linear-gradient(160deg,rgba(13,42,66,.91),rgba(25,72,101,.82));border-right:1px solid rgba(255,255,255,.22);box-shadow:12px 0 36px rgba(17,43,65,.10);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.sidebar-brand,.user-chip{border-color:rgba(255,255,255,.20)}
nav button{border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s,transform .2s}
nav button:hover,nav button.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 6px 20px rgba(4,20,35,.12)}
main{position:relative}
.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,.table-toolbar input,.search-wide,.login-card,dialog,#driver-track-status{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
.session-timer,.date-chip{border-radius:15px}
.welcome-panel{background:linear-gradient(120deg,rgba(18,58,86,.91),rgba(35,105,145,.82));border:1px solid rgba(255,255,255,.26);box-shadow:0 18px 42px rgba(18,59,87,.17),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.stat-card{border-radius:18px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(31,65,92,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.cards article{border-radius:18px}.cards article:hover{box-shadow:0 18px 40px rgba(31,65,92,.15),inset 0 1px 0 rgba(255,255,255,.9)}
.table-wrap{border-radius:17px;overflow:auto}table{background:transparent}th{background:rgba(230,239,246,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}td{background:rgba(255,255,255,.16)}tr:hover td{background:rgba(216,235,247,.30)}th,td{border-bottom-color:rgba(164,188,206,.30)}
button{border:1px solid rgba(255,255,255,.32);box-shadow:0 5px 14px rgba(23,55,79,.07),inset 0 1px 0 rgba(255,255,255,.28)}button:hover{box-shadow:0 8px 20px rgba(23,55,79,.12),inset 0 1px 0 rgba(255,255,255,.35)}button.secondary,td button,.cards article button{background:rgba(239,247,252,.72);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.danger-button{background:rgba(255,237,235,.82)!important;border-color:rgba(255,255,255,.9)}
input,select{background:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#live-map{border:1px solid rgba(255,255,255,.75)!important;border-radius:20px!important;box-shadow:var(--glass-shadow);background:rgba(218,231,239,.72)!important}
.leaflet-control-zoom a,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
dialog{background:rgba(247,251,254,.88);border:1px solid rgba(255,255,255,.86);border-radius:22px;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
dialog::backdrop{background:rgba(15,39,59,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#toast{background:rgba(14,42,65,.88);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(10,30,46,.24)}
.login-screen{background:linear-gradient(135deg,#eaf2f7,#f6f8fb)}.login-showcase{background:linear-gradient(145deg,rgba(13,43,67,.96),rgba(31,91,126,.88));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card{border-radius:24px;padding:clamp(24px,3vw,38px)}
@media(max-width:760px){.sidebar{background:linear-gradient(160deg,rgba(13,42,66,.96),rgba(25,72,101,.92));border-radius:0 0 20px 20px}.nav-label{display:none}nav{padding-bottom:4px}.session-timer{background:rgba(255,255,255,.72)}}
@media(prefers-reduced-transparency:reduce){.sidebar,.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,dialog,#driver-track-status{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.96)}}

/* TEMA ESCURO — interface sóbria para operação de frota */
:root{
  color-scheme:dark;
  --navy:#111821;--blue:#4c9be8;--muted:#94a3b8;--line:#2a3543;--white:#171f2a;
  --glass-bg:rgba(23,31,42,.94);--glass-bg-strong:rgba(28,38,51,.98);
  --glass-border:rgba(148,163,184,.15);--glass-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  --glass-blur:blur(16px) saturate(120%);
}
html,body{background:#0c1118;color:#e5edf6}
body{background:radial-gradient(ellipse at 78% -10%,rgba(43,93,139,.16),transparent 34%),#0c1118;background-attachment:fixed}
#app-shell{background:transparent}
.sidebar{background:#111821;border-right:1px solid #27313e;box-shadow:12px 0 32px rgba(0,0,0,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar-brand,.user-chip{border-color:#293442}
.brand-mark{background:#1c2b3c;color:#91c9ff;box-shadow:none;border:1px solid #33465b}
.sidebar-brand .brand-mark{background:#1b2b3b;color:#9acfff}
.sidebar-brand strong{color:#f1f5f9}
.sidebar-brand small,.user-info small{color:#8999ac}
.nav-label{color:#718399}
nav button{color:#a8b6c8;border-color:transparent;box-shadow:none}
nav button:hover{background:#1b2735;color:#f1f6fc;border-color:#2d3c4e;box-shadow:none}
nav button.active{background:#1c2d40;color:#e9f4ff;border-color:#30485f;box-shadow:inset 3px 0 #58a6ef}
.avatar{background:#25435f;color:#d7ecff}
.logout-button{color:#a9b7c8}
main{color:#e5edf6}
.eyebrow{color:#8da2b8}
.topbar h1,.section-heading h2,.page-intro h2,.stat-card strong,.cards h3{color:#edf3fa}
.topbar h1{letter-spacing:-.9px}
.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,.table-toolbar input,.search-wide,#driver-track-status{background:#151e29!important;border:1px solid #2a3543!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#e4edf7}
.session-timer{border-radius:12px}.session-timer small,.stat-card span{color:#93a3b7}
.session-timer strong{color:#f2f6fb}
.date-chip{color:#c1ccda;background:#192331!important}
.welcome-panel{background:linear-gradient(115deg,#172b3e,#1b3852);border:1px solid #304b64;box-shadow:0 12px 30px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}
.welcome-panel:after{opacity:.5}.welcome-panel .eyebrow{color:#9fc9ee}.welcome-panel h2{color:#f3f7fb}.welcome-panel p{color:#bac9d9}
.welcome-panel .primary{background:#dceeff;color:#163653;border:1px solid #dceeff}
.stat-card{border-radius:13px}.stat-card:hover,.cards article:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(0,0,0,.22)!important;border-color:#3a4a5e!important}
.stat-icon.blue{background:#1b344a;color:#80c2ff}.stat-icon.amber{background:#3a2e1c;color:#f0bd69}.stat-icon.violet{background:#302747;color:#c0a8ff}.stat-icon.green{background:#1b382e;color:#7bd6ac}
.section-heading p,.page-intro p,.cards p{color:#91a0b3}
.cards article{border-radius:14px}.cards article button{background:#1c2c3c!important;color:#c5e2ff!important;border:1px solid #30465b!important;box-shadow:none!important}
.status{background:#18382d;color:#81d9ae}.status.busy,.busy{background:#3a2e1c;color:#f2c16d}.status.inactive{background:#242d38;color:#9aa8b8}
.table-wrap{border-radius:13px;overflow:auto}table{background:transparent;color:#dce5ef}th{background:#1b2532!important;color:#94a6ba!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}td{background:#151e29!important;color:#c8d4e2!important}tr:hover td{background:#1b2938!important}th,td{border-bottom-color:#2a3543!important}
td button,.secondary,button.secondary{background:#202b39!important;color:#c9d7e6!important;border:1px solid #354354!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.primary{background:#347fc2;color:#fff;border:1px solid #4b96d8;box-shadow:0 5px 15px rgba(0,0,0,.16)}.primary:hover{background:#4191d5;box-shadow:0 8px 18px rgba(0,0,0,.2)}
button{box-shadow:none;border:1px solid rgba(148,163,184,.16);transition:background .15s,border-color .15s,transform .15s}button:hover{box-shadow:none;border-color:#52657a}button:focus-visible{outline:2px solid #70baff;outline-offset:2px}
.danger-button{background:#3a2226!important;color:#ffaaa7!important;border-color:#603238!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{background:#101720!important;color:#e5edf6!important;border:1px solid #344151!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
input::placeholder,textarea::placeholder{color:#738399}input:focus,select:focus,textarea:focus,.login-card input:focus,dialog input:focus,dialog select:focus,.search-wide:focus,.table-toolbar input:focus{border-color:#4d91c8!important;box-shadow:0 0 0 3px rgba(77,145,200,.16)!important;outline:none}
.login-screen{background:#0c1118}.login-showcase{background:radial-gradient(circle at 75% 15%,rgba(48,104,153,.24),transparent 34%),linear-gradient(145deg,#101a26,#142638 58%,#18344a);border-right:1px solid #263647;backdrop-filter:none;-webkit-backdrop-filter:none}.showcase-top>span{color:#c1d1e0}.showcase-copy .eyebrow{color:#9fcaf0}.showcase-copy h1{color:#f4f7fb}.showcase-copy p,.showcase-foot{color:#b7c7d8}.login-side{background:#0c1118}.login-card{background:#141c27!important;border:1px solid #2a3543!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;border-radius:18px!important}.login-card h2{color:#f1f5f9}.login-subtitle{color:#9aaabd}.login-card label,dialog label{color:#c2cedb}.login-security{border-color:#2b3542;color:#91a0b2}.login-footer{color:#75869a}.error{color:#ff9b96}
dialog{background:#171f2a!important;color:#e5edf6!important;border:1px solid #364354!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}dialog h2{color:#f1f5f9}dialog p{color:#9baabc}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.icon-close{color:#9caec1}
#toast{background:#1a2938;color:#f1f6fc;border:1px solid #3a536b;box-shadow:0 18px 42px rgba(0,0,0,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
#live-map{border:1px solid #344354!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;background:#151e29!important}.leaflet-control-zoom a,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#17212d!important;color:#e5edf6!important;border-color:#344354!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.leaflet-control-attribution{background:rgba(15,22,31,.85)!important;color:#a6b5c6!important}.leaflet-control-attribution a{color:#7cbcf3!important}
#driver-track-status{color:#d9e5f2!important}.live-address{color:#bdcbd9}.empty-state,.result-count{color:#8e9db0}
@media(max-width:760px){.sidebar{background:#111821;border-radius:0 0 16px 16px;border-bottom:1px solid #293442}.session-timer{background:#151e29!important}.login-side{background:#0c1118}.login-card{padding:24px!important}}
@media(prefers-reduced-transparency:reduce){.sidebar,.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,dialog,#driver-track-status{backdrop-filter:none;-webkit-backdrop-filter:none;background:#151e29!important}}
@media print{html,body,main{background:#fff!important;color:#111!important}.stat-card,.cards article,.table-wrap,td,th{background:#fff!important;color:#111!important;box-shadow:none!important}}

/* Identidade visual NGC preservada no tema escuro */
.brand-mark.ngc-mark{font-size:11px;font-weight:900;letter-spacing:-.6px;white-space:nowrap;display:grid;place-items:center;border-radius:10px;background:#182433;color:#b9d8f4;border:1px solid #3b5068;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.login-showcase .brand-mark.ngc-mark{width:44px;height:44px;font-size:12px}
.sidebar-brand .brand-mark.ngc-mark{width:40px;height:40px;font-size:11px}
.mobile-brand.ngc-mark{width:44px;height:44px;font-size:12px}

.reset-km-note{font-size:11px;color:#91a0b3;margin:-12px 0 16px}.danger-button:disabled{opacity:.55;cursor:wait}

/* Login institucional com fotografia oficial enviada pelo usuário */
.login-screen{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);background:#0c1118}
.login-showcase{isolation:isolate;min-height:100vh;padding:clamp(30px,5vw,76px);background:#101a26;justify-content:space-between}
.login-city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.showcase-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,17,28,.86) 0%,rgba(7,17,28,.64) 52%,rgba(7,17,28,.28) 100%),linear-gradient(0deg,rgba(7,17,28,.7),transparent 48%)}
.showcase-top{position:relative;z-index:1}.showcase-tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 13px;background:rgba(9,20,31,.28);color:#fff!important;font-size:10px;letter-spacing:1.6px;font-weight:800;backdrop-filter:blur(8px)}
.showcase-copy{max-width:610px;margin:50px 0;z-index:1}.showcase-copy h1{max-width:590px;font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-1.5px;text-wrap:balance}.showcase-copy p{max-width:470px;font-size:15px;line-height:1.8;color:#edf4fa}.showcase-copy .eyebrow{color:#d1e8ff}.showcase-foot{z-index:1;color:#edf4fa}
.login-side{background:#0c1118}.login-card{width:min(410px,100%);padding:clamp(24px,3vw,38px);border-radius:18px!important}.login-card .eyebrow{color:#8eb9e2}.login-card h2{font-size:30px}.login-submit{min-height:48px}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-showcase{min-height:320px;height:38vh;padding:24px;display:flex}.login-city-photo{object-position:center 45%}.showcase-copy{margin:24px 0 14px}.showcase-copy h1{font-size:clamp(27px,7vw,38px);margin:12px 0}.showcase-copy p{font-size:12px;line-height:1.5;margin:0}.showcase-foot{font-size:10px}.login-side{min-height:62vh;padding:22px}.login-card{padding:24px!important}.mobile-brand{display:none!important}.login-footer{margin-top:20px}}

/* Logo oficial do Sistema de Frota: PNG com fundo transparente */
.logo-mark{padding:3px!important;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.sidebar-brand .logo-mark{width:46px;height:46px;flex:0 0 46px}
.mobile-brand.logo-mark{width:64px;height:64px;margin:0 auto 12px}
.showcase-top{display:flex;align-items:center;gap:16px}
.showcase-logo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
@media(max-width:760px){.showcase-logo{width:54px;height:54px}.sidebar-brand .logo-mark{width:36px;height:36px;flex-basis:36px}}

/* Ajuste final: tela de bloqueio/login maior e mais direta */
.login-screen{grid-template-columns:minmax(0,1fr) minmax(520px,0.95fr)!important}
.login-side{padding:clamp(28px,5vw,72px)!important}
.login-card{width:min(560px,100%)!important;padding:clamp(36px,4vw,58px)!important;gap:24px!important}
.login-card .eyebrow,.login-card .login-subtitle,.login-card .login-security{display:none!important}
.login-card h2{font-size:clamp(36px,3.2vw,46px)!important;line-height:1.12!important;letter-spacing:-1.2px!important;margin:0 0 8px!important}
.login-card label{font-size:15px!important;gap:10px!important}
.login-card input{min-height:60px!important;padding:17px 18px!important;font-size:16px!important;border-radius:11px!important}
.login-submit{min-height:62px!important;font-size:17px!important;border-radius:11px!important;margin-top:8px!important}
.login-card .error{min-height:0!important}
@media(max-width:900px){.login-screen{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr)!important}.login-card{padding:34px!important}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr!important}.login-showcase{min-height:280px!important;height:34vh!important}.login-side{min-height:66vh!important;padding:24px!important}.login-card{width:min(560px,100%)!important;padding:30px 26px!important;gap:20px!important}.login-card h2{font-size:34px!important}.login-card input{min-height:56px!important}}


/* Layout Liquid Glass: uma única navegação no topo, sem sidebar duplicada */
@media(min-width:761px){
 #app-shell{display:block!important;min-height:100vh}
 #app-shell>.sidebar{display:none!important}
 #app-shell>main{margin-left:0!important;max-width:none;width:100%;padding:22px clamp(18px,3vw,48px) 40px}
}
.liquid-glass-nav{position:sticky;top:12px;z-index:1000;display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:0 auto 28px;padding:9px 11px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.055) 48%,rgba(104,164,225,.10));border:1px solid rgba(220,237,255,.25);box-shadow:0 12px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.06);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
.liquid-glass-nav:before{content:"";position:absolute;inset:1px;border-radius:22px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 28%,transparent 70%,rgba(143,193,245,.08))}
.glass-brand,.glass-links,.glass-user{position:relative;z-index:1;display:flex;align-items:center}
.glass-brand{gap:9px;padding:0 10px 0 3px;color:#f1f6fd;font-size:12px;font-weight:800;white-space:nowrap}.glass-brand small{display:block;color:#a2b2c5;font-size:7px;letter-spacing:1px;margin-top:3px}.glass-brand-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(110,172,231,.12));border:1px solid rgba(255,255,255,.2);font-size:18px;color:#d8eeff}
.glass-links{gap:4px}.glass-links button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:10px 12px;border:1px solid transparent;border-radius:15px;background:transparent!important;color:#c0ccdc!important;font-size:11px;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}.glass-links button span{font-size:15px}.glass-links button:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.glass-links button.active{color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(173,207,244,.10))!important;border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 15px rgba(0,0,0,.12)!important}
.glass-user{gap:8px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16);color:#c5d2e2;font-size:10px;white-space:nowrap}.glass-user button{width:31px;height:31px;padding:0;border-radius:12px;background:rgba(255,255,255,.09)!important;color:#f2f7ff!important;border:1px solid rgba(255,255,255,.15);font-size:17px}
@media(max-width:1120px){.liquid-glass-nav{width:100%;gap:5px;padding:7px}.glass-brand{display:none}.glass-links{flex:1;justify-content:space-around}.glass-links button{padding:10px 8px}.glass-user{padding-left:7px}}
@media(max-width:760px){#app-shell>.sidebar{display:none!important}#app-shell{display:block!important}#app-shell>main{margin:0!important;padding:16px 12px 30px}.liquid-glass-nav{position:sticky;top:5px;margin-bottom:20px;overflow-x:auto;justify-content:flex-start;border-radius:19px}.glass-links{justify-content:flex-start;flex:0 0 auto}.glass-links button{flex:0 0 auto;padding:10px}.glass-links button b{font-size:10px}.glass-user{position:sticky;right:0;background:rgba(24,34,48,.78);border-radius:13px;padding:4px}.glass-user span{display:none}}
@media(prefers-reduced-transparency:reduce){.liquid-glass-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#202b39}}

/* Correção crítica: estados ocultos precisam prevalecer sobre regras de layout */
.login-screen.hidden,
#app-shell.hidden {
  display: none !important;
}
#app-shell:not(.hidden) {
  display: block !important;
}

/* Logo institucional na barra Liquid Glass */
.glass-brand-logo{width:36px;height:36px;object-fit:contain;display:block;flex:0 0 36px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));}
.glass-brand-icon{display:none!important;}


/* Modal central de autorização de exclusão, integrado ao tema Liquid Glass */
.glass-delete-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(28,33,43,.97),rgba(12,15,22,.98));color:#f4f6fb;box-shadow:0 28px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.glass-delete-dialog::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.delete-auth-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.07);font-size:27px;color:#e8edf7}.delete-auth-eyebrow{margin:18px 0 6px;color:#9ba8bd;font-size:10px;font-weight:800;letter-spacing:.18em}.glass-delete-dialog h2{margin:0;font-size:21px;letter-spacing:-.03em}.delete-auth-description{margin:10px 0 20px;color:#aeb8c8;font-size:13px;line-height:1.55}.glass-delete-dialog label{display:block;margin-bottom:8px;color:#dbe2ee;font-size:12px;font-weight:650}.glass-delete-dialog input{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:13px;outline:none;background:rgba(255,255,255,.055);color:#fff;font:inherit;letter-spacing:.12em}.glass-delete-dialog input:focus{border-color:rgba(130,170,255,.75);box-shadow:0 0 0 3px rgba(100,145,255,.14)}.glass-delete-dialog input::placeholder{color:#748095;letter-spacing:normal}.delete-auth-message{min-height:18px;margin:8px 0 0;color:#ff9b9b;font-size:12px}.delete-auth-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.delete-auth-actions button{min-height:40px;padding:0 16px;border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.delete-auth-cancel{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#e3e8f1}.delete-auth-confirm{border:1px solid rgba(255,255,255,.18);background:#e8edf7;color:#151923}.delete-auth-actions button:hover{filter:brightness(1.08)}@media(max-width:480px){.glass-delete-dialog{padding:22px;border-radius:20px}.glass-delete-dialog h2{font-size:19px}}

/* Ajustes da barra superior e histórico */
.liquid-glass-nav{max-width:calc(100% - 32px);flex-wrap:wrap}.glass-links{flex-wrap:wrap}.glass-links button{white-space:nowrap}#search{autocomplete:off}
@media(max-width:1100px){.liquid-glass-nav{align-items:flex-start}.glass-links{justify-content:center}.glass-user{margin-left:auto}}


/* Aviso institucional de manutenção programada */
.maintenance-alert{display:flex;align-items:flex-start;gap:14px;margin:12px 28px 20px;padding:15px 18px;border:1px solid rgba(245,177,66,.48);border-radius:16px;background:linear-gradient(115deg,rgba(104,72,24,.38),rgba(24,35,49,.92));box-shadow:0 10px 30px rgba(0,0,0,.18);color:#f4f7fb}
.maintenance-alert-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e7a93c;color:#17202b;font-weight:900;font-size:18px}
.maintenance-alert strong{font-weight:800}.maintenance-alert p{margin:4px 0 0;color:#d4deea;line-height:1.5;font-size:13px}.maintenance-alert button{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:inherit;border-radius:9px;width:30px;height:30px;font-size:22px;cursor:pointer}
.settings-resource-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:700px){.maintenance-alert{margin:10px 12px 16px;padding:12px;gap:10px}.maintenance-alert p{font-size:12px}}

/* Ajustes: informações técnicas em lista compacta */
.settings-system-info{border:1px solid rgba(145,170,199,.2);background:linear-gradient(135deg,rgba(24,34,47,.88),rgba(15,23,34,.94));border-radius:18px;padding:22px 24px;margin:18px 0 28px}
.settings-info-heading h3{font-size:18px;margin:6px 0 18px;color:#e8eef7}
.settings-system-info dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.settings-system-info dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(148,169,193,.13)}
.settings-system-info dt{font-size:12px;color:#91a3b8;font-weight:700}
.settings-system-info dd{margin:0;text-align:right;color:#e7edf6;font-weight:700;font-size:13px}
.settings-system-info dd small{display:block;margin-top:4px;color:#8fa1b6;font-size:11px;font-weight:400}
@media(max-width:650px){.settings-system-info dl{grid-template-columns:1fr}.settings-system-info dl>div{align-items:flex-start}.settings-system-info dd{max-width:65%}}
/* Modal de manutenção centralizado e destacado */
.maintenance-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,13,.78);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.maintenance-modal{position:relative;width:min(650px,100%);padding:42px 44px 36px;text-align:center;border:1px solid rgba(232,178,82,.52);border-radius:28px;background:radial-gradient(ellipse at top,rgba(76,59,35,.5),transparent 55%),linear-gradient(145deg,rgba(29,41,56,.98),rgba(11,17,26,.99));box-shadow:0 30px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.1);color:#f4f7fb;animation:maintenance-appear .24s ease-out}
.maintenance-modal-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:rgba(231,169,60,.16);border:1px solid rgba(231,169,60,.38);color:#f1bd58;font-size:36px;font-weight:900}
.maintenance-kicker{font-size:10px;letter-spacing:2px;color:#e8b65d;font-weight:800}
.maintenance-modal h2{font-size:clamp(25px,4vw,34px);margin:10px 0 12px;letter-spacing:-.7px}
.maintenance-modal>p{max-width:490px;margin:0 auto;color:#c1ccda;line-height:1.7;font-size:14px}
.maintenance-date{display:flex;flex-direction:column;align-items:center;gap:7px;margin:26px 0 24px;padding:22px 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045)}
.maintenance-date span{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#9eafc4}
.maintenance-date strong{font-size:clamp(18px,3vw,23px)}
.maintenance-date b{font-size:30px;color:#f0bb58;letter-spacing:.5px}
.maintenance-dismiss{min-width:150px;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 25px;background:linear-gradient(135deg,#e7b34f,#c98b2d);color:#1a2028;font-weight:800;cursor:pointer}
.maintenance-dismiss:hover{filter:brightness(1.08)}
@keyframes maintenance-appear{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.maintenance-modal{padding:30px 22px 24px;border-radius:22px}.maintenance-overlay{padding:14px}}


/* MOI.AI pós-manutenção: identidade ciano e navegação Liquid Glass */
:root{font-family:'DM Sans',Arial,sans-serif;color:#f5fbff;background:#009bb0;--navy:#006d85;--blue:#087f9d;--muted:#d4f2f6;--line:rgba(255,255,255,.24);--white:#fff}
html,body{min-height:100%;background:#009bb0;color:#f7fdff}
body{background:linear-gradient(135deg,#079eb4 0%,#008da6 55%,#009db2 100%);background-attachment:fixed}
#app-shell{min-height:100vh}
.sidebar{display:none!important}
main{margin:0 auto!important;padding:20px clamp(14px,3vw,42px) 40px!important;max-width:1900px!important;width:100%}
.liquid-glass-nav{position:sticky;top:16px;z-index:1000;display:flex;align-items:center;gap:18px;width:min(100%,1200px);max-width:1200px;margin:0 auto 30px;padding:10px 18px;border-radius:48px;background:linear-gradient(110deg,rgba(119,239,255,.55),rgba(32,192,212,.46) 52%,rgba(93,224,238,.54));border:2px solid rgba(207,250,255,.7);box-shadow:0 5px 18px rgba(0,75,96,.22),inset 0 2px 4px rgba(255,255,255,.6),inset 0 -2px 5px rgba(0,76,97,.18);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);color:#fff}
.liquid-glass-nav:before{content:"";position:absolute;inset:2px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.36);pointer-events:none}
.glass-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:90px;color:#fff}
.glass-brand-logo{width:54px;height:42px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,50,75,.12))}
.glass-brand>span{font:800 15px Manrope,sans-serif;letter-spacing:-.4px;white-space:nowrap}
.glass-brand small{display:block;font:700 7px 'DM Sans',sans-serif;letter-spacing:.7px;margin-top:2px}
.glass-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}
.glass-links button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:11px 13px;border-radius:28px;background:transparent;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;box-shadow:none;border:1px solid transparent}
.glass-links button span{display:none}
.glass-links button:hover,.glass-links button.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 2px rgba(255,255,255,.25)}
.glass-user{display:flex;align-items:center;gap:7px;max-width:160px;border-left:1px solid rgba(255,255,255,.3);padding-left:12px;color:white}
#glass-user-name{font-size:8px;font-weight:800;text-transform:uppercase;line-height:1.2;text-align:right;max-width:105px;overflow-wrap:anywhere}
#glass-logout{width:29px;height:29px;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;border-radius:50%}
.topbar{color:white}.topbar .eyebrow,.eyebrow{color:#e2f9fc}.topbar h1,.page-intro h2,.section-heading h2,.welcome-panel h2{color:#fff}
p,.login-subtitle{color:#e1f7fa}
.view .table-wrap,.stat-card,.welcome-panel,.settings-system-info,.cards>article,.form-card,.modal-card{background:rgba(0,67,85,.18)!important;border-color:rgba(218,250,255,.28)!important;color:#f7fdff}
.stat-card span,.settings-system-info dt,.settings-system-info dd small,.section-heading p,.page-intro p{color:#d1f0f4}
table th{background:rgba(0,69,87,.22)!important;color:#e4faff!important}table td{color:#f6fdff!important;border-color:rgba(220,250,255,.18)!important}
input,select,textarea{background:rgba(255,255,255,.92)!important;color:#123747!important;border-color:rgba(255,255,255,.55)!important}
.secondary{background:rgba(255,255,255,.84)!important;color:#07566b!important;border-color:rgba(255,255,255,.5)!important}
.primary{background:#075d79!important;color:white!important}
.settings-resource-cards article{background:rgba(0,68,85,.2)!important;border:1px solid rgba(230,253,255,.28)!important;border-radius:16px}
.maintenance-overlay{z-index:3000}
@media(max-width:900px){main{padding:12px 12px 30px!important}.liquid-glass-nav{top:8px;gap:8px;padding:8px 10px;flex-wrap:wrap;border-radius:28px}.glass-brand{min-width:0}.glass-brand-logo{width:42px;height:34px}.glass-brand>span{font-size:12px}.glass-brand small{font-size:6px}.glass-links{order:3;flex-basis:100%;justify-content:space-around;overflow-x:auto}.glass-links button{font-size:11px;padding:9px 11px}.glass-user{margin-left:auto}#glass-user-name{max-width:80px}}
@media(max-width:480px){.glass-brand>span{display:none}.glass-user{padding-left:6px}#glass-user-name{max-width:76px}.glass-links button{padding:8px 9px;font-size:10px}}


/* MOI.AI visual correction: cyan glass with high-contrast text and white logo */
:root{--navy:#063f50;--blue:#007f9d;--muted:#d9f5fa;--line:rgba(255,255,255,.25)}
body,#app-shell{background:#079bb0!important;color:#073848!important}
main{color:#073848!important}
.topbar h1,.page-intro h2,.section-heading h2,.page-intro h2,.settings-info-heading h3{color:#073848!important}
.eyebrow,.page-intro p,.section-heading p{color:#e9fbff!important}
/* Make content areas readable over the cyan page */
.stat-card,.cards article,.table-wrap,.settings-system-info,.login-card,.session-timer,.date-chip{background:rgba(8,52,70,.92)!important;border:1px solid rgba(220,250,255,.35)!important;color:#f7fdff!important;box-shadow:0 8px 24px rgba(0,48,65,.18)!important}
.stat-card span,.cards p,.settings-system-info dt,.settings-system-info dd small,.result-count{color:#c8e9f0!important}
.stat-card strong,.cards h3,.settings-system-info dd,td{color:#f6fdff!important}
.table-wrap table,table{background:transparent!important;color:#f6fdff!important}
th{background:#07566b!important;color:#c9f4ff!important;border-bottom-color:rgba(255,255,255,.18)!important}
td{background:#0b5267!important;color:#f5fcff!important;border-bottom-color:rgba(255,255,255,.15)!important}
tr:hover td{background:#0c6075!important}
.secondary,button.secondary,td button{background:#d9f7fc!important;color:#075064!important;border:1px solid #a7e9f2!important}
.primary,.welcome-panel .primary{background:#064d64!important;color:#fff!important;border:1px solid #80dce9!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{background:#063d50!important;color:#fff!important;border:1px solid rgba(215,248,255,.4)!important}
input::placeholder,textarea::placeholder{color:#b9e4eb!important}
.liquid-glass-nav{background:linear-gradient(120deg,rgba(113,237,249,.72),rgba(0,139,164,.82) 52%,rgba(49,190,205,.72))!important;border:1px solid rgba(236,255,255,.72)!important;box-shadow:0 10px 32px rgba(0,55,75,.28),inset 0 1px 2px rgba(255,255,255,.8),inset 0 -2px 0 rgba(0,68,90,.15)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important}
.liquid-glass-nav:before{background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%,rgba(255,255,255,.06))!important}
.glass-brand,.glass-brand small{color:#fff!important}.glass-links button{color:#fff!important;text-shadow:0 1px 2px rgba(0,44,59,.24)}
.glass-links button:hover,.glass-links button.active{background:rgba(0,61,80,.28)!important;border-color:rgba(255,255,255,.52)!important;color:#fff!important}
.glass-user{color:#fff!important;border-left-color:rgba(255,255,255,.45)!important}.glass-user button{background:rgba(0,60,78,.25)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.glass-brand-logo,.showcase-logo,.mobile-brand img,.logo-mark img{filter:brightness(0) invert(1)!important}
.logo-mark{background:transparent!important;border:0!important;box-shadow:none!important}
.login-screen{background:#079bb0!important}.login-showcase{background:linear-gradient(145deg,#057e98,#079bb0 55%,#28b9c8)!important}.login-side{background:#078ba2!important}.login-card h2,.login-card label{color:#fff!important}.login-subtitle,.login-security,.login-footer{color:#d8f7fc!important}.login-card{background:rgba(5,57,75,.94)!important;border-color:rgba(255,255,255,.28)!important}.showcase-copy h1{color:#fff!important}.showcase-copy p,.showcase-foot{color:#e8fbff!important}
.welcome-panel{background:linear-gradient(120deg,#075168,#087d93)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}.welcome-panel h2,.welcome-panel p{color:#fff!important}
.settings-system-info{background:rgba(5,59,77,.9)!important}.settings-system-info dl>div{border-top-color:rgba(255,255,255,.18)!important}
@media(max-width:760px){.liquid-glass-nav{background:rgba(0,124,148,.97)!important}.glass-user{background:rgba(0,57,75,.75)!important}}



/* MOI.AI balanced visual palette */
:root{
  --moi-bg:#eaf4f7;
  --moi-ink:#123748;
  --moi-muted:#587483;
  --moi-cyan:#079bb0;
  --moi-deep:#083f52;
  --moi-card:#ffffff;
  --moi-border:#c7dce3;
}
html,body,#app-shell{background:var(--moi-bg)!important;color:var(--moi-ink)!important}
main{background:transparent!important;color:var(--moi-ink)!important}
.topbar h1,.page-intro h2,.section-heading h2,.settings-info-heading h3{color:var(--moi-ink)!important}
.eyebrow{color:#087f96!important}
.page-intro p,.section-heading p,p{color:var(--moi-muted)}
.liquid-glass-nav{
  background:linear-gradient(115deg,rgba(28,184,204,.94),rgba(0,139,164,.96) 55%,rgba(16,166,184,.94))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 8px 24px rgba(10,83,103,.18),inset 0 1px 2px rgba(255,255,255,.65)!important;
}
.glass-brand-logo,.showcase-logo,.mobile-brand img,.logo-mark img{filter:brightness(0) invert(1)!important}
.glass-brand,.glass-brand>span,.glass-brand small,.glass-links button,.glass-user,#glass-user-name{color:#fff!important}
.glass-links button:hover,.glass-links button.active{background:rgba(3,72,91,.34)!important;border-color:rgba(255,255,255,.65)!important}
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,.modal-card,.session-timer,.date-chip{
  background:#fff!important;color:var(--moi-ink)!important;border:1px solid var(--moi-border)!important;
  box-shadow:0 5px 16px rgba(14,68,84,.07)!important
}
.stat-card span,.cards p,.settings-system-info dt,.settings-system-info dd small,.result-count{color:var(--moi-muted)!important}
.stat-card strong,.cards h3,.settings-system-info dd,.settings-system-info h3,.table-wrap td,td{color:var(--moi-ink)!important}
.table-wrap table,table{background:#fff!important;color:var(--moi-ink)!important}
th,table th{background:#d9edf2!important;color:#174b5d!important;border-bottom:1px solid #c5dfe6!important}
td,table td{background:#fff!important;color:#173c4b!important;border-bottom:1px solid #e0ebef!important}
tr:hover td{background:#f0fafc!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{
  background:#fff!important;color:#153d4c!important;border:1px solid #b7d3dc!important
}
input::placeholder,textarea::placeholder{color:#718d99!important}
.secondary,button.secondary,td button{background:#e2f5f8!important;color:#07566b!important;border:1px solid #b6e3eb!important}
.primary,.welcome-panel .primary{background:#07566b!important;color:#fff!important;border:1px solid #0b6e83!important}
.welcome-panel{background:linear-gradient(120deg,#07566b,#087f93)!important;border:1px solid #2aa4b7!important;color:#fff!important}
.welcome-panel h2,.welcome-panel p{color:#fff!important}
.settings-system-info{background:#fff!important}
.settings-system-info dl>div{border-top-color:#d9e7ec!important}
.login-screen{background:linear-gradient(135deg,#eaf4f7,#d8eef2)!important}
.login-showcase{background:linear-gradient(145deg,#057e98,#079bb0 55%,#28b9c8)!important}
.login-side{background:#f4fafb!important}
.login-card{background:#fff!important;border-color:#c7dce3!important;color:#123748!important}
.login-card h2,.login-card label{color:#123748!important}
.login-subtitle,.login-security,.login-footer{color:#587483!important}
.showcase-copy h1{color:#fff!important}.showcase-copy p,.showcase-foot{color:#e8fbff!important}
.maintenance-overlay{z-index:3000}
@media(max-width:760px){
 .liquid-glass-nav{background:linear-gradient(115deg,#1cb8cc,#008ba4 55%,#10a6b8)!important}
 .glass-user{background:rgba(3,72,91,.2)!important}
}


/* Primary action in MOI.AI navigation */
.liquid-glass-nav .glass-links{align-items:center;gap:5px}
.liquid-glass-nav .glass-links .nav-record-button{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:7px;padding:11px 17px;border-radius:999px;background:linear-gradient(135deg,#ffffff,#dffaff)!important;color:#07566b!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 4px 14px rgba(0,55,75,.2),inset 0 1px 0 #fff;font-weight:900;white-space:nowrap;text-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease}
.liquid-glass-nav .glass-links .nav-record-button span{font-size:19px;font-weight:900;line-height:1}
.liquid-glass-nav .glass-links .nav-record-button b{font-size:11px;letter-spacing:.15px}
.liquid-glass-nav .glass-links .nav-record-button:hover{background:#fff!important;color:#043f52!important;transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,55,75,.28),inset 0 1px 0 #fff!important}
@media(max-width:1120px){.liquid-glass-nav .glass-links .nav-record-button{margin:4px 0;padding:10px 13px}}
@media(max-width:760px){.liquid-glass-nav .glass-links .nav-record-button{flex:0 0 auto;margin:0 0 0 5px}.liquid-glass-nav .glass-links .nav-record-button b{font-size:10px}}

/* Vinculação contínua do veículo a um setor */
.vehicle-sector-note{padding:8px 10px;border-radius:9px;background:#e5f5f8;border:1px solid #b9e2e9;color:#15566a;font-size:13px}
#service-dialog{max-width:520px;width:calc(100% - 28px)}
#service-dialog form{display:flex;flex-direction:column;gap:12px}
#service-dialog p{line-height:1.55;color:var(--muted)}
#service-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

.vehicle-status-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px;padding:8px;background:#e7f2f6;border:1px solid #d0e4ec;border-radius:16px}
.vehicle-status-tabs .vehicle-filter{background:transparent;color:#23445b;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:700}
.vehicle-status-tabs .vehicle-filter:hover{background:#d5eaf1}
.vehicle-status-tabs .vehicle-filter.active{background:#087f9b;color:#fff;box-shadow:0 4px 12px #087f9b30}
.status.inactive{background:#fce8cf;color:#87520c}

/* Filtros de situação diretamente no painel inicial */
.dashboard-status-tabs{margin-top:12px;margin-bottom:18px}
#vehicle-cards:empty::after{content:"Nenhum veículo nesta situação.";display:block;padding:22px;border:1px dashed var(--border,#cbd5e1);border-radius:14px;color:var(--muted,#64748b);text-align:center}

/* Personalização de aparência: tema, contraste e cor de destaque */
:root{--blue:#4c9be8;--accent:#4c9be8}
.primary{background:var(--accent,var(--blue))!important}
.appearance-button{display:flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(255,255,255,.12)!important;color:inherit!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px;padding:10px 13px}
.appearance-dialog{width:min(440px,calc(100% - 28px));padding:25px;color:var(--text-main,#e5edf6)}
.appearance-dialog h2{margin:5px 0 8px}.appearance-dialog>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}.appearance-dialog label,.appearance-label{display:block;font-size:12px;font-weight:800;margin:13px 0 8px}.appearance-dialog select{width:100%;padding:12px;border-radius:10px}.accent-options{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}.accent-choice{width:35px;height:35px;border-radius:50%;padding:0;background:var(--swatch)!important;border:3px solid rgba(255,255,255,.65)!important;box-shadow:0 0 0 1px #64748b55!important}.accent-choice.selected{outline:3px solid var(--swatch);outline-offset:3px}.appearance-dialog .actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.appearance-dialog .actions button{flex:1}
html[data-theme="light"]{color-scheme:light;--navy:#163a55;--muted:#64748b;--line:#d9e2eb;--white:#fff;--glass-bg:rgba(255,255,255,.88);--glass-bg-strong:rgba(255,255,255,.97);--glass-border:rgba(148,163,184,.32);--glass-shadow:0 10px 30px rgba(31,65,92,.09);--glass-blur:blur(14px);--text-main:#192d40}
html[data-theme="light"] body{background:linear-gradient(135deg,#f4f8fb,#eaf2f8 55%,#f8fafc);color:#192d40}
html[data-theme="light"] .sidebar{background:linear-gradient(160deg,#153b56,#205878);color:#fff}
html[data-theme="light"] main{color:#192d40}
html[data-theme="light"] .topbar h1,html[data-theme="light"] .page-intro h2,html[data-theme="light"] .section-heading h2,html[data-theme="light"] .cards article h3{color:#192d40}
html[data-theme="light"] .session-timer,html[data-theme="light"] .date-chip,html[data-theme="light"] .stat-card,html[data-theme="light"] .cards article,html[data-theme="light"] .table-wrap,html[data-theme="light"] dialog,html[data-theme="light"] #driver-track-status{background:rgba(255,255,255,.88);color:#192d40;border-color:#dbe5ed}
html[data-theme="light"] th{background:#eaf1f6;color:#263f54}html[data-theme="light"] td{background:rgba(255,255,255,.75);color:#263f54}html[data-theme="light"] tr:hover td{background:#edf6fb}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#20364a!important;border-color:#cbd8e4!important}
html[data-theme="light"] .liquid-glass-nav{background:rgba(255,255,255,.78);color:#20364a;border-color:rgba(255,255,255,.95)}
html[data-theme="light"] .liquid-glass-nav .glass-links button:not(.nav-record-button){color:#28465d}
html[data-theme="light"] .appearance-button{color:#23445b!important;background:#edf4f8!important;border-color:#d5e2ec!important}
html[data-theme="light"] .appearance-dialog{background:#fff;color:#192d40}
html[data-theme="contrast"]{color-scheme:dark;--navy:#000;--muted:#fff;--line:#fff;--white:#000;--glass-bg:#000;--glass-bg-strong:#000;--glass-border:#fff;--glass-shadow:none;--glass-blur:none;--text-main:#fff}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell,html[data-theme="contrast"] main{background:#000!important;color:#fff!important}
html[data-theme="contrast"] .sidebar,html[data-theme="contrast"] .liquid-glass-nav,html[data-theme="contrast"] .session-timer,html[data-theme="contrast"] .date-chip,html[data-theme="contrast"] .stat-card,html[data-theme="contrast"] .cards article,html[data-theme="contrast"] .table-wrap,html[data-theme="contrast"] dialog,html[data-theme="contrast"] #driver-track-status{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="contrast"] h1,html[data-theme="contrast"] h2,html[data-theme="contrast"] h3,html[data-theme="contrast"] p,html[data-theme="contrast"] small,html[data-theme="contrast"] label,html[data-theme="contrast"] span,html[data-theme="contrast"] td,html[data-theme="contrast"] th,html[data-theme="contrast"] dd,html[data-theme="contrast"] dt{color:#fff!important}
html[data-theme="contrast"] button{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button.primary{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html[data-theme="contrast"] input,html[data-theme="contrast"] select,html[data-theme="contrast"] textarea{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html[data-theme="contrast"] a,html[data-theme="contrast"] .eyebrow{color:#ff0!important}
@media(max-width:760px){.appearance-button{padding:8px 10px}.appearance-button b{font-size:10px}.appearance-dialog{padding:20px}}

/* Agendamento de veículos */
.reservation-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px;align-items:start}.reservation-form,.reservation-list-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 8px 24px #102a4310}.reservation-form{display:flex;flex-direction:column;gap:10px}.reservation-form h3,.reservation-list-panel h3{margin:0 0 8px}.reservation-form label{font-size:13px;font-weight:700;color:var(--muted);margin-top:5px}.reservation-form input,.reservation-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:inherit}.reservation-help,.reservation-muted{font-size:12px;line-height:1.5;color:var(--muted)}.reservation-list{display:grid;gap:12px}.reservation-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.reservation-card h4{margin:12px 0 8px;font-size:17px}.reservation-card p{margin:5px 0;font-size:13px}.reservation-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.reservation-card-top>strong{font-size:13px}.reservation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reservation-card .status.confirmed{background:#d9f5e5;color:#17663c}.reservation-card .status.pending{background:#fff0c2;color:#865600}.reservation-card .status.cancelled{background:#fce4e4;color:#9b2424}.reservation-warning{margin:12px 0;padding:14px;border:1px solid #e9a23b;border-radius:12px;background:#fff4d9;color:#6d4100}.reservation-warning p{margin:6px 0 10px}.reservation-warning button{background:#9a5b00;color:#fff}@media(max-width:900px){.reservation-layout{grid-template-columns:1fr}}


/* MOI.AI - camada única e consistente de temas (corrige regras antigas conflitantes) */
html{color-scheme:dark;--ui-bg:#0b1724;--ui-surface:#132638;--ui-surface-2:#193247;--ui-ink:#eef6fc;--ui-muted:#b2c5d5;--ui-border:#30495e;--ui-input:#102333;--ui-nav:rgba(9,91,112,.94);--ui-shadow:0 8px 24px rgba(0,0,0,.18)}
html[data-theme="dark"]{color-scheme:dark;--ui-bg:#0b1724;--ui-surface:#132638;--ui-surface-2:#193247;--ui-ink:#eef6fc;--ui-muted:#b2c5d5;--ui-border:#30495e;--ui-input:#102333;--ui-nav:rgba(9,91,112,.94);--ui-shadow:0 8px 24px rgba(0,0,0,.18)}
html[data-theme="light"]{color-scheme:light;--ui-bg:#edf4f8;--ui-surface:#fff;--ui-surface-2:#f5f9fb;--ui-ink:#183447;--ui-muted:#526b7b;--ui-border:#cbdbe4;--ui-input:#fff;--ui-nav:rgba(0,119,143,.96);--ui-shadow:0 8px 24px rgba(20,60,80,.09)}
html[data-theme="contrast"]{color-scheme:dark;--ui-bg:#000;--ui-surface:#000;--ui-surface-2:#000;--ui-ink:#fff;--ui-muted:#fff;--ui-border:#fff;--ui-input:#000;--ui-nav:#000;--ui-shadow:none}
html,html body,html #app-shell{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
html main{background:transparent!important;color:var(--ui-ink)!important}
html .topbar h1,html .page-intro h2,html .section-heading h2,html .settings-info-heading h3,html .cards article h3,html .stat-card strong,html .settings-system-info dd,html .settings-system-info h3{color:var(--ui-ink)!important}
html p,html .page-intro p,html .section-heading p,html .stat-card span,html .cards p,html .settings-system-info dt,html .settings-system-info dd small,html .result-count,html .reservation-help,html .reservation-muted{color:var(--ui-muted)!important}
html .eyebrow{color:var(--accent,#4c9be8)!important}
html .stat-card,html .cards article,html .table-wrap,html .settings-system-info,html .form-card,html .modal-card,html .session-timer,html .date-chip,html .reservation-form,html .reservation-list-panel,html .reservation-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
html table,html .table-wrap table{background:var(--ui-surface)!important;color:var(--ui-ink)!important}
html th,html table th{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html td,html table td{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html tr:hover td{background:var(--ui-surface-2)!important}
html input,html select,html textarea,html .login-card input,html dialog input,html dialog select,html .search-wide,html .table-toolbar input,html .reservation-form input,html .reservation-form select{background:var(--ui-input)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important}
html input::placeholder,html textarea::placeholder{color:var(--ui-muted)!important;opacity:1}
html button.primary,html .primary,html .welcome-panel .primary{background:var(--accent,#4c9be8)!important;color:#fff!important;border:1px solid var(--accent,#4c9be8)!important}
html button.secondary,html .secondary,html td button{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important}
html .liquid-glass-nav{background:var(--ui-nav)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important}
html .glass-brand,html .glass-brand>span,html .glass-brand small,html .glass-links button,html .glass-user,html #glass-user-name{color:#fff!important}
html .glass-links button:hover,html .glass-links button.active{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important}
html .liquid-glass-nav .glass-links .nav-record-button{background:#fff!important;color:#07566b!important;border:1px solid #fff!important;text-shadow:none!important}
html .appearance-button{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important}
html dialog,html .appearance-dialog{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
html .appearance-dialog h2,html .appearance-dialog label,html .appearance-label{color:var(--ui-ink)!important}
html .appearance-dialog>p{color:var(--ui-muted)!important}
html .login-screen{background:var(--ui-bg)!important}
html[data-theme="light"] .login-side{background:#f4fafb!important}
html[data-theme="light"] .login-card{background:#fff!important;color:#183447!important;border-color:#cbdbe4!important}
html[data-theme="light"] .login-card h2,html[data-theme="light"] .login-card label{color:#183447!important}
html[data-theme="light"] .login-subtitle,html[data-theme="light"] .login-security,html[data-theme="light"] .login-footer{color:#526b7b!important}
html[data-theme="light"] .liquid-glass-nav{background:linear-gradient(115deg,#087f96,#006b83)!important}
html[data-theme="contrast"] .stat-card,html[data-theme="contrast"] .cards article,html[data-theme="contrast"] .table-wrap,html[data-theme="contrast"] .settings-system-info,html[data-theme="contrast"] .form-card,html[data-theme="contrast"] .modal-card,html[data-theme="contrast"] .session-timer,html[data-theme="contrast"] .date-chip,html[data-theme="contrast"] .reservation-form,html[data-theme="contrast"] .reservation-list-panel,html[data-theme="contrast"] .reservation-card,html[data-theme="contrast"] dialog{border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button.primary,html[data-theme="contrast"] .primary{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html[data-theme="contrast"] a,html[data-theme="contrast"] .eyebrow{color:#ff0!important}
html[data-theme="contrast"] .liquid-glass-nav .glass-links .nav-record-button{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html .welcome-panel{background:linear-gradient(120deg,#07566b,#087f93)!important;color:#fff!important;border:1px solid var(--ui-border)!important}
html .welcome-panel h2,html .welcome-panel p{color:#fff!important}
html .vehicle-status-tabs{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important}
html .vehicle-status-tabs .vehicle-filter{color:var(--ui-ink)!important}
html .vehicle-status-tabs .vehicle-filter.active{background:var(--accent,#4c9be8)!important;color:#fff!important}
html .reservation-warning{background:#fff4d9!important;color:#6d4100!important;border-color:#e9a23b!important}
html .reservation-warning p{color:#6d4100!important}
html .reservation-card .status.confirmed{background:#d9f5e5!important;color:#17663c!important}html .reservation-card .status.pending{background:#fff0c2!important;color:#865600!important}html .reservation-card .status.cancelled{background:#fce4e4!important;color:#9b2424!important}
@media(max-width:760px){html .appearance-button{padding:8px 10px}html .appearance-button b{font-size:10px}html .appearance-dialog{padding:20px}}

/* Documentação dos veículos */
.docs-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.docs-form,.docs-list-panel{padding:22px;min-width:0}.docs-form h3,.docs-list-panel h3{margin:0 0 16px}.docs-form label,.docs-filters label{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:var(--ui-ink);font-weight:650}.docs-form input,.docs-form select,.docs-form textarea,.docs-filters select{width:100%;min-width:0}.docs-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.vehicle-documents-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.vehicle-document-card{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface)}.vehicle-document-card h4{margin:12px 0 8px;overflow-wrap:anywhere}.vehicle-document-card p{overflow-wrap:anywhere;color:var(--ui-muted);font-size:13px}.vehicle-document-card small{color:var(--ui-muted);overflow-wrap:anywhere}.document-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.document-card-actions{margin-top:14px}.document-open-link{display:inline-flex;text-decoration:none;padding:9px 12px;border:1px solid var(--ui-border);border-radius:9px;color:var(--ui-ink)}.document-open-link[aria-disabled="true"]{pointer-events:none;opacity:.5}.status.pending{background:#fff0c2;color:#865600}.status.confirmed{background:#d9f5e5;color:#17663c}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}}@media(max-width:560px){.docs-filters{grid-template-columns:1fr}.docs-form,.docs-list-panel{padding:16px}}

/* Agenda semanal da frota */
.agenda-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.agenda-summary{padding:20px}
.agenda-summary>span{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--muted,#687b8b)}
.agenda-summary h3{margin:9px 0 6px}
.agenda-summary p{margin:0;color:var(--muted,#687b8b)}
.agenda-table-panel{padding:20px;margin-bottom:16px}
.fleet-agenda-table{min-width:850px}
.fleet-agenda-table th{white-space:nowrap}
.fleet-agenda-table td{vertical-align:top;min-width:105px}
.fleet-agenda-table tbody tr:nth-child(odd){background:var(--surface-soft,rgba(120,140,160,.06))}
.agenda-note{padding:16px 20px;color:var(--muted,#687b8b);line-height:1.55}
.agenda-note strong{color:var(--text,#183247)}
@media(max-width:850px){.agenda-summary-grid{grid-template-columns:1fr}.agenda-table-panel{padding:14px}.agenda-table-panel .section-heading{align-items:flex-start;flex-direction:column}}


/* Redesign dos cartões da frota: hierarquia visual, metadados e ações agrupadas */
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;align-items:stretch}
.cards article.fleet-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid #d5e2eb;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 5px 18px rgba(20,48,70,.045);min-height:100%;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cards article.fleet-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:18px 0 0 18px;background:#16859a}
.cards article.fleet-card:hover{transform:translateY(-2px);border-color:#b8d4e2;box-shadow:0 12px 28px rgba(20,48,70,.09)}
.cards article.fleet-card-busy::before{background:#d88714}
.cards article.fleet-card-inactive::before{background:#b85b52}
.fleet-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}
.fleet-card-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e4f2f6;color:#087e96;font-size:20px;font-weight:800}
.fleet-card-title{min-width:0}
.cards article.fleet-card h3{font-size:16px;line-height:1.35;margin:0;color:#1b3548;overflow-wrap:anywhere}
.cards article.fleet-card .fleet-plate{font-size:12px;margin:5px 0 0;color:#71879a;font-weight:600;letter-spacing:.025em}
.fleet-card-head .status{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal;line-height:1.35;padding:6px 10px;border-radius:999px;font-size:10px}
.fleet-card-details{display:grid;gap:8px;margin-top:-2px}
.fleet-detail{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;background:#f2f7fa;border:1px solid #e4edf2;border-radius:11px;min-width:0}
.fleet-detail span{font-size:11px;color:#627b8d;flex:0 0 auto}
.fleet-detail strong{font-size:11px;line-height:1.4;text-align:right;color:#29475b;overflow-wrap:anywhere}
.fleet-card-actions{margin-top:auto;display:grid;gap:9px}
.cards article.fleet-card button{margin:0;width:100%;min-height:39px;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.3;white-space:normal}
.cards article.fleet-card button.fleet-primary-action{background:#1d3346;color:#fff;border:1px solid #1d3346;font-weight:800;box-shadow:0 3px 8px rgba(29,51,70,.12)}
.cards article.fleet-card button.fleet-primary-action:hover{background:#284b63}
.fleet-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fleet-secondary-actions button:only-child{grid-column:1/-1}
.fleet-secondary-actions button.danger-button{background:#fff3f1;color:#9c3932;border-color:#f0c9c4}
.fleet-secondary-actions button.danger-button:hover{background:#fce5e2}
@media(max-width:700px){.cards{grid-template-columns:1fr}.cards article.fleet-card{padding:16px}.fleet-secondary-actions{grid-template-columns:1fr}.fleet-detail{gap:8px}.fleet-detail span{flex-basis:42%}}


/* Refinamento visual dos cards: cartões compactos e ações mais fáceis de tocar */
#vehicle-cards.cards, #vehicle-list.cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 265px), 1fr));
  gap: 12px;
  align-items: stretch;
}
.cards article.fleet-card {
  gap: 11px;
  padding: 14px;
  border-radius: 16px;
  min-height: 0;
  box-shadow: 0 3px 12px rgba(20,48,70,.045);
}
.cards article.fleet-card::before { width: 3px; }
.fleet-card-head {
  grid-template-columns: 36px minmax(0,1fr);
  gap: 9px;
  align-items: center;
}
.fleet-card-icon { width:36px;height:36px;border-radius:11px;font-size:18px; }
.cards article.fleet-card h3 { font-size:14px; line-height:1.3; }
.cards article.fleet-card .fleet-plate { margin-top:3px;font-size:11px; }
.fleet-card-head .status { font-size:10px; padding:5px 8px; }
.fleet-card-details { gap:6px; }
.fleet-detail { padding:7px 9px; border-radius:9px; gap:8px; }
.fleet-detail span { font-size:10px; }
.fleet-detail strong { font-size:10px; }
.fleet-card-actions { gap:9px; margin-top:3px; }
.cards article.fleet-card button {
  min-height:46px;
  padding:12px 10px;
  border-radius:11px;
  font-size:12px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:.005em;
  box-shadow:0 2px 5px rgba(20,48,70,.035);
}
.cards article.fleet-card button.fleet-primary-action {
  min-height:50px;
  font-size:13px;
  letter-spacing:.01em;
  background:#087f98;
  border-color:#087f98;
  box-shadow:0 5px 12px rgba(8,127,152,.18);
}
.cards article.fleet-card button.fleet-primary-action:hover { background:#06677b; border-color:#06677b; }
.fleet-secondary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.cards article.fleet-card .fleet-secondary-actions button {
  min-height:48px;
  background:#f3f8fb;
  color:#1d3b50;
  border:1px solid #cbdde7;
  box-shadow:none;
}
.cards article.fleet-card .fleet-secondary-actions button:hover { background:#e4f1f6;border-color:#a9cedd; }
.cards article.fleet-card .fleet-secondary-actions button.danger-button {
  background:#fff2f0;color:#9c3932;border-color:#efc7c1;
}
.cards article.fleet-card .fleet-secondary-actions button.danger-button:hover { background:#ffe5e1; }
.fleet-secondary-actions button:only-child { grid-column:1/-1; }
@media(min-width:1450px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1100px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
}
@media(max-width:560px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:1fr;gap:10px; }
  .cards article.fleet-card { padding:13px; }
  .fleet-secondary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cards article.fleet-card .fleet-secondary-actions button { font-size:11px; }
}

/* Imagens ilustrativas da frota em perspectiva */
.fleet-card-image-wrap{position:relative;overflow:hidden;height:150px;margin:-1px -1px 12px;border-radius:16px 16px 10px 10px;background:linear-gradient(135deg,#eaf3f8,#dce8f0)}
.fleet-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .35s ease,filter .35s ease;transform:scale(1.015)}
.fleet-card:hover .fleet-card-image{transform:scale(1.07) translateY(-2px);filter:saturate(1.05)}
.fleet-card-image-wrap .status{position:absolute;left:12px;top:12px;z-index:2;box-shadow:0 3px 10px #14283b22}
.fleet-card .fleet-card-head{padding-top:0}
@media(max-width:640px){.fleet-card-image-wrap{height:125px}}
@media(prefers-reduced-motion:reduce){.fleet-card-image{transition:none}.fleet-card:hover .fleet-card-image{transform:none}}


/* Correção dos cards: o título ocupa toda a largura disponível, sem coluna vazia. */
.cards article.fleet-card .fleet-card-head{display:block!important;grid-template-columns:minmax(0,1fr)!important;min-width:0;width:100%;}
.cards article.fleet-card .fleet-card-title{display:block!important;width:100%;min-width:0;max-width:100%;}
.cards article.fleet-card .fleet-card-title h3{display:block;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.35;}
.cards article.fleet-card .fleet-plate{display:block;width:100%;overflow-wrap:anywhere;word-break:normal;}
.cards article.fleet-card .fleet-card-details,.cards article.fleet-card .fleet-card-actions{min-width:0;width:100%;}
.cards article.fleet-card .fleet-detail strong{min-width:0;overflow-wrap:anywhere;text-align:right;}


/* Ajustes de legibilidade dos cards da frota */
.fleet-card{min-width:0;overflow:hidden}
.fleet-card-head,.fleet-card-title{min-width:0;width:100%}
.fleet-card-title h3{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.25;max-width:100%}
.fleet-card-title .fleet-plate{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.fleet-card-image{display:block;width:100%;height:150px;object-fit:contain;background:#f3f6f8}
.fleet-card-image-wrap{overflow:hidden}

/* Tema institucional minimalista: azul, turquesa e amarelo da identidade SFDS */
:root{
  --navy:#123b70;
  --blue:#1677d2;
  --muted:#637b94;
  --line:#dce7f0;
  --moi-blue:#174a87;
  --moi-cyan:#16a6c2;
  --moi-yellow:#ffd84d;
  --ui-bg:#f4f8fc;
  --ui-surface:#ffffff;
  --ui-ink:#15365b;
  --ui-muted:#66809b;
  --ui-border:#dce7f0;
  --ui-shadow:0 4px 16px rgba(25,68,112,.055);
}
body,#app-shell{background:var(--ui-bg)!important;color:var(--ui-ink)}
.sidebar{background:#fff!important;color:var(--ui-ink)!important;border-right:1px solid var(--ui-border);box-shadow:2px 0 12px rgba(23,74,135,.025)}
.sidebar-brand{border-bottom-color:var(--ui-border)!important}
.sidebar-brand strong,.user-info strong{color:var(--ui-ink)!important}
.sidebar-brand small,.nav-label,.user-info small{color:var(--ui-muted)!important}
nav button{color:#486987!important;border-radius:10px}
nav button:hover,nav button.active{background:#e8f3fc!important;color:var(--moi-blue)!important}
nav button.active{box-shadow:inset 3px 0 var(--moi-cyan)!important}
.avatar{background:#e5f3fb!important;color:var(--moi-blue)!important}
.logout-button{color:#486987!important}
main{background:transparent!important}
.primary,.login-submit{background:var(--moi-blue)!important;color:#fff!important;box-shadow:0 3px 9px rgba(23,74,135,.12)!important}
.primary:hover,.cards article.fleet-card button.fleet-primary-action:hover{background:#0f65b5!important}
.welcome-panel{background:linear-gradient(110deg,#174a87,#148fa9)!important}
.welcome-panel:before{content:"";position:absolute;width:6px;inset:0 auto 0 0;background:var(--moi-yellow)}
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,.modal-card,.session-timer,.date-chip,.reservation-form,.reservation-list-panel,.reservation-card{border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
.stat-card{border-radius:14px!important}
.stat-icon.blue{background:#e5f2ff!important;color:#1677d2!important}
.stat-icon.amber{background:#fff6cf!important;color:#987300!important}
.section-heading h2,.page-intro h2,.topbar h1,.settings-info-heading h3{color:var(--moi-blue)!important}
.cards article.fleet-card{border:1px solid #dce7f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 16px rgba(25,68,112,.055)!important;gap:12px!important;padding:14px!important}
.cards article.fleet-card::before{width:3px!important;background:var(--moi-cyan)!important}
.cards article.fleet-card.fleet-card-busy::before{background:var(--moi-yellow)!important}
.cards article.fleet-card.fleet-card-inactive::before{background:#e36b6b!important}
.fleet-card-image-wrap{height:142px!important;margin:-1px -1px 4px!important;border-radius:11px!important;background:linear-gradient(135deg,#eef6fb,#e4f0f7)!important}
.fleet-card-image{height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important}
.cards article.fleet-card h3{color:var(--moi-blue)!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.2px}
.cards article.fleet-card .fleet-plate{color:#66809b!important}
.fleet-card-icon{background:#e8f5f8!important;color:#138ca4!important}
.fleet-detail{border-color:#e7eef4!important;background:#f8fbfe!important}
.cards article.fleet-card button.fleet-primary-action{background:var(--moi-blue)!important;border-color:var(--moi-blue)!important;border-radius:9px!important;box-shadow:none!important}
.cards article.fleet-card .fleet-secondary-actions button{background:#f7fbfe!important;color:#315878!important;border-color:#d6e4ef!important;border-radius:9px!important}
.cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff5f3!important;color:#a63d37!important;border-color:#f1d5d1!important}
.settings-system-info{border:1px solid var(--ui-border)!important;border-radius:16px!important;padding:24px!important;background:#fff!important}
.settings-credit{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border-radius:12px;background:linear-gradient(100deg,#edf7fc,#f8fbfe);border:1px solid #dbeaf2}
.settings-credit-mark{display:grid;place-items:center;flex:0 0 58px;height:42px;border-radius:10px;background:var(--moi-blue);color:#fff;font-size:11px;font-weight:900;letter-spacing:.3px;box-shadow:inset 0 -3px 0 var(--moi-yellow)}
.settings-credit strong{display:block;color:var(--moi-blue);font-size:13px;line-height:1.5;font-weight:750}
.settings-credit small{display:block;color:var(--ui-muted);font-size:11px;line-height:1.5;margin-top:4px}
@media(max-width:650px){.settings-credit{align-items:flex-start;padding:13px}.settings-credit-mark{flex-basis:50px;height:38px}.settings-credit strong{font-size:12px}}

/* MOI.AI — redesenho alinhado ao layout aprovado em 29/10/2026 */
:root{--navy:#123a70;--blue:#087cf0;--muted:#66809b;--line:#dce8f2;--ui-bg:#f3f8fc;--ui-surface:#fff;--ui-ink:#102e59;--ui-muted:#66809b;--ui-border:#dce8f2;--ui-shadow:0 5px 18px rgba(20,65,110,.055);--moi-blue:#123a70;--moi-cyan:#13a6c1;--moi-yellow:#ffd94a}
html,body{min-height:100%;background:#f3f8fc!important;color:#102e59!important}
#app-shell:not(.hidden){display:block!important;background:linear-gradient(145deg,#f7fbff 0%,#edf5fb 100%)!important}
/* Use o menu lateral do sistema e remover a barra horizontal antiga */
.sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:220px!important;padding:22px 13px 16px!important;background:rgba(255,255,255,.94)!important;color:#123a70!important;border-right:1px solid #dce8f2!important;box-shadow:4px 0 22px rgba(26,71,116,.035)!important;backdrop-filter:blur(16px)!important;z-index:100!important}
.liquid-glass-nav{display:none!important}
.sidebar-brand{gap:10px!important;padding:0 8px 22px!important;border-bottom:1px solid #e1ebf4!important}
.sidebar-brand .brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;background:#edf6fc!important;border-radius:13px!important;overflow:hidden!important}
.sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.sidebar-brand strong{font-size:17px!important;color:#123a70!important;letter-spacing:-.4px!important}
.sidebar-brand small{font-size:8px!important;letter-spacing:.35px!important;color:#66809b!important}
.nav-label{color:#8297ad!important;margin:24px 10px 9px!important}
.sidebar nav{display:grid!important;gap:5px!important;margin-top:10px!important}
.sidebar nav button{min-height:42px!important;padding:10px 12px!important;border-radius:10px!important;color:#496987!important;font-size:12px!important;background:transparent!important;box-shadow:none!important}
.sidebar nav button:hover,.sidebar nav button.active{background:#e3f1ff!important;color:#087cf0!important}
.sidebar nav button.active{box-shadow:inset 3px 0 #13a6c1!important}
.sidebar .sidebar-bottom{margin-top:auto!important}
.sidebar .user-chip{border-color:#e1ebf4!important}
.sidebar .user-info strong{color:#123a70!important}.sidebar .user-info small{color:#7188a0!important}
.sidebar .logout-button{color:#496987!important}
main{margin-left:220px!important;padding:26px clamp(18px,2vw,34px)!important;max-width:none!important;min-width:0!important}
.topbar{align-items:center!important;margin-bottom:22px!important;padding:0 0 16px!important;border-bottom:1px solid #e0eaf3!important;color:#123a70!important}
.topbar .eyebrow{color:#9a7a0b!important;letter-spacing:1.2px!important}
.topbar h1{font-size:25px!important;letter-spacing:-.7px!important;color:#123a70!important}
.topbar-right{gap:10px!important}
.session-timer,.date-chip{background:#fff!important;border:1px solid #dce8f2!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(20,65,110,.04)!important;color:#526f8d!important}
.stats{gap:14px!important;margin:18px 0 28px!important}
.stat-card{min-height:78px!important;padding:16px!important;border:1px solid #e0eaf3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 15px rgba(20,65,110,.04)!important}
.stat-card strong{font-size:25px!important;color:#123a70!important}
.stat-card span{font-size:10px!important;color:#66809b!important}
.stat-icon{border-radius:12px!important}
.stat-icon.blue{background:#e3f1ff!important;color:#087cf0!important}.stat-icon.green{background:#e4f8ee!important;color:#07945d!important}.stat-icon.violet{background:#f0eaff!important;color:#7548dd!important}.stat-icon.amber{background:#fff8df!important;color:#d99b00!important}
.section-heading,.page-intro{margin:24px 0 13px!important}
.section-heading h2,.page-intro h2{font-size:23px!important;letter-spacing:-.45px!important;color:#123a70!important}
.section-heading p,.page-intro p{font-size:12px!important;color:#66809b!important}
.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin:14px 0 28px!important}
.cards article.fleet-card{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important;min-height:0!important;padding:12px!important;border:1px solid #e0eaf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 16px rgba(20,65,110,.045)!important;overflow:hidden!important}
.cards article.fleet-card::before{width:3px!important;background:#13a6c1!important}
.cards article.fleet-card.fleet-card-busy::before{background:#ffd94a!important}.cards article.fleet-card.fleet-card-inactive::before{background:#ed6b73!important}
.cards article.fleet-card:hover{transform:translateY(-2px)!important;box-shadow:0 9px 24px rgba(20,65,110,.085)!important;border-color:#c9ddec!important}
.fleet-card-image-wrap{height:132px!important;min-height:132px!important;margin:-2px -2px 2px!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;mix-blend-mode:multiply!important;transform:none!important;filter:none!important}
.fleet-card:hover .fleet-card-image{transform:scale(1.025)!important}
.fleet-card .fleet-card-head{display:block!important;min-width:0!important;width:100%!important}
.fleet-card .fleet-card-title,.fleet-card .fleet-card-title h3,.fleet-card .fleet-plate{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.cards article.fleet-card h3{margin:0!important;font-size:15px!important;line-height:1.28!important;letter-spacing:-.2px!important;font-weight:750!important;color:#102e59!important}
.cards article.fleet-card .fleet-plate{margin:4px 0 0!important;font-size:11px!important;letter-spacing:.2px!important;color:#57789c!important}
.fleet-card-head .status,.fleet-card-image-wrap .status{font-size:10px!important;padding:5px 9px!important;line-height:1.2!important}
.fleet-card-details{display:grid!important;gap:6px!important;margin-top:3px!important}
.fleet-detail{padding:7px 8px!important;border:0!important;border-radius:8px!important;background:#f5f9fd!important;min-width:0!important}
.fleet-detail span{font-size:9px!important;color:#7089a2!important}.fleet-detail strong{font-size:10px!important;color:#173b63!important;overflow-wrap:anywhere!important}
.fleet-card-actions{margin-top:auto!important;display:grid!important;gap:7px!important}
.cards article.fleet-card button{min-height:34px!important;padding:8px 9px!important;border-radius:8px!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important}
.cards article.fleet-card button.fleet-primary-action{background:#087cf0!important;border:1px solid #087cf0!important;color:#fff!important;box-shadow:none!important;font-weight:750!important}
.cards article.fleet-card button.fleet-primary-action:hover{background:#0868cb!important}
.fleet-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.cards article.fleet-card .fleet-secondary-actions button{min-height:32px!important;background:#f7fbff!important;color:#315878!important;border:1px solid #d6e5f1!important;box-shadow:none!important}
.cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff5f3!important;color:#a63d37!important;border-color:#f1d5d1!important}
.settings-system-info,.table-wrap,.form-card,.modal-card,.reservation-form,.reservation-list-panel{background:#fff!important;border:1px solid #dce8f2!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(20,65,110,.045)!important}
.settings-credit{background:linear-gradient(100deg,#edf7fc,#fff)!important;border-color:#dce8f2!important}
.settings-credit-mark{background:#123a70!important;box-shadow:inset 0 -3px #ffd94a!important}
.primary,.login-submit{background:#087cf0!important;border-color:#087cf0!important;border-radius:9px!important;box-shadow:none!important}
.secondary{background:#f7fbff!important;color:#315878!important;border:1px solid #d6e5f1!important;border-radius:9px!important}
input,select,textarea{border-color:#d7e5f0!important;border-radius:9px!important;background:#fff!important;color:#123a70!important}
th{background:#f5f9fd!important;color:#66809b!important}td{color:#315878!important}
@media(max-width:1250px){.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sidebar{width:190px!important}main{margin-left:190px!important;padding:20px 16px!important}.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.sidebar{position:relative!important;width:100%!important;height:auto!important;inset:auto!important;padding:10px!important}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar .sidebar-bottom{display:none!important}main{margin-left:0!important;padding:14px!important}.topbar{align-items:flex-start!important;flex-direction:column!important}.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}.fleet-card-image-wrap{height:150px!important}}


/* CORREÇÃO DE NAVEGAÇÃO MOI.AI: a regra anterior escondia o menu superior. */
#app-shell > main > .liquid-glass-nav {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: sticky !important;
  top: 10px !important;
  z-index: 1000 !important;
  width: min(100%, 1200px) !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
#app-shell > main > .liquid-glass-nav .glass-links {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
}
#app-shell > main > .liquid-glass-nav .glass-links button {
  display: inline-flex !important;
  visibility: visible !important;
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  #app-shell > main > .liquid-glass-nav { top: 4px !important; gap: 6px !important; }
  #app-shell > main > .liquid-glass-nav .glass-links { flex-basis: 100% !important; }
}


/* MOI.AI PREMIUM REDESIGN - visual layer only; preserves existing app logic */
:root{--moi-navy:#092a52;--moi-blue:#087cf0;--moi-teal:#00a6a6;--moi-yellow:#ffd84d;--moi-ink:#102f52;--moi-muted:#64809e;--moi-line:#dce8f3;--moi-bg:#f2f7fb;--moi-card:#fff}
html,body{background:var(--moi-bg)!important;color:var(--moi-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
#app-shell{min-height:100vh!important;background:linear-gradient(145deg,#f7fbfe 0%,#edf5fa 100%)!important}
/* Use one clear navigation system, like the approved mockup */
#app-shell > main > .liquid-glass-nav{display:none!important}
#app-shell .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:220px!important;height:100vh!important;overflow-y:auto!important;padding:20px 12px 16px!important;background:rgba(255,255,255,.96)!important;color:var(--moi-ink)!important;border-right:1px solid #dce8f2!important;box-shadow:5px 0 28px rgba(23,66,107,.045)!important;backdrop-filter:blur(18px)!important;z-index:120!important}
#app-shell .sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:4px 8px 22px!important;margin-bottom:16px!important;border-bottom:1px solid #e8eff6!important}
#app-shell .sidebar-brand .brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;background:#e9f5ff!important;overflow:hidden!important}
#app-shell .sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
#app-shell .sidebar-brand strong{font-size:20px!important;letter-spacing:-.6px!important;color:var(--moi-navy)!important;font-weight:850!important}
#app-shell .sidebar-brand small{display:block!important;font-size:8px!important;letter-spacing:.55px!important;color:#6b85a0!important;margin-top:3px!important}
#app-shell .nav-label{font-size:9px!important;font-weight:800!important;letter-spacing:1.1px!important;color:#9aafc2!important;padding:8px 12px 10px!important}
#app-shell .sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}
#app-shell .sidebar nav button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:43px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#47698d!important;text-align:left!important;font-size:12px!important;font-weight:650!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
#app-shell .sidebar nav button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;min-width:23px!important;font-size:17px!important;color:#4d7199!important}
#app-shell .sidebar nav button:hover{background:#f2f8fd!important;border-color:#e2edf7!important;transform:translateX(2px)!important}
#app-shell .sidebar nav button.active{background:linear-gradient(100deg,#e2f1ff,#edf7ff)!important;border-color:#d6eaff!important;color:#006ce0!important;box-shadow:inset 3px 0 #087cf0!important}
#app-shell .sidebar nav button.active span{color:#087cf0!important}
#app-shell .sidebar-bottom{margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e8eff6!important}
#app-shell .user-chip{border:1px solid #e2edf6!important;border-radius:13px!important;background:#f7fbfe!important;padding:10px!important}
#app-shell .avatar{background:#dff0ff!important;color:#087cf0!important;font-weight:800!important}
#app-shell .user-info strong{color:var(--moi-navy)!important;font-size:11px!important}
#app-shell .user-info small{color:#7890a8!important;font-size:10px!important;overflow-wrap:anywhere!important}
#app-shell .logout-button{margin-top:8px!important;width:100%!important;border-radius:10px!important;color:#54718f!important;background:transparent!important}
#app-shell > main{margin-left:220px!important;padding:22px 26px 36px!important;min-width:0!important;width:calc(100% - 220px)!important;box-sizing:border-box!important}
#app-shell .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 24px!important;padding:0 0 18px!important;border-bottom:1px solid #dce8f2!important;background:transparent!important}
#app-shell .topbar .eyebrow{color:#b28a00!important;font-size:9px!important;letter-spacing:1.25px!important;font-weight:850!important}
#app-shell .topbar h1{margin:5px 0 0!important;font-size:27px!important;line-height:1.12!important;letter-spacing:-.8px!important;font-weight:850!important;color:var(--moi-navy)!important}
#app-shell .topbar-right{display:flex!important;align-items:center!important;gap:10px!important}
#app-shell .session-timer,#app-shell .date-chip{border:1px solid #dce8f2!important;border-radius:13px!important;background:rgba(255,255,255,.9)!important;padding:10px 13px!important;box-shadow:0 5px 16px rgba(25,66,105,.045)!important;color:#436584!important}
#app-shell .session-timer small{font-size:8px!important;letter-spacing:.8px!important;color:#829ab1!important}
#app-shell .session-timer strong{font-size:12px!important;color:var(--moi-navy)!important}
#app-shell .date-chip{font-size:10px!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 28px!important}
#app-shell .stat-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:82px!important;padding:17px!important;border:1px solid #e1ebf4!important;border-radius:16px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 7px 24px rgba(18,65,110,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important}
#app-shell .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 11px 28px rgba(18,65,110,.09)!important}
#app-shell .stat-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;font-size:20px!important}
#app-shell .stat-icon.blue{background:#e2f1ff!important;color:#087cf0!important}#app-shell .stat-icon.amber{background:#fff5d9!important;color:#c08b00!important}#app-shell .stat-icon.violet{background:#f0eaff!important;color:#7b50e8!important}#app-shell .stat-icon.green{background:#e2f8ef!important;color:#0b9d69!important}
#app-shell .stat-card span{display:block!important;font-size:10px!important;color:#6c86a0!important;margin-bottom:4px!important}
#app-shell .stat-card strong{font-size:26px!important;line-height:1!important;color:var(--moi-navy)!important;font-weight:850!important;letter-spacing:-.7px!important}
#app-shell .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:24px 0 14px!important}
#app-shell .section-heading h2{margin:0!important;font-size:20px!important;letter-spacing:-.45px!important;font-weight:820!important;color:var(--moi-navy)!important}
#app-shell .section-heading p{margin:5px 0 0!important;color:#718ba5!important;font-size:11px!important}
#app-shell .section-heading .secondary{font-size:10px!important;padding:10px 13px!important;border-radius:10px!important}
#app-shell .vehicle-status-tabs{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;padding:7px!important;margin:0 0 16px!important;border:1px solid #dce8f2!important;border-radius:14px!important;background:rgba(255,255,255,.58)!important}
#app-shell .vehicle-status-tabs .vehicle-filter{border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#426587!important;font-size:11px!important;font-weight:700!important;padding:10px 14px!important;min-height:38px!important}
#app-shell .vehicle-status-tabs .vehicle-filter.active{background:#087cf0!important;color:#fff!important;box-shadow:0 4px 10px rgba(8,124,240,.2)!important}
#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important}
#app-shell .cards article.fleet-card{display:flex!important;flex-direction:column!important;min-width:0!important;padding:11px!important;gap:0!important;border:1px solid #e0eaf3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 20px rgba(22,69,111,.05)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
#app-shell .cards article.fleet-card:hover{transform:translateY(-3px)!important;border-color:#c8dff2!important;box-shadow:0 13px 28px rgba(22,69,111,.10)!important}
#app-shell .fleet-card-image-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:138px!important;min-height:138px!important;margin:0 0 7px!important;border-radius:12px!important;background:linear-gradient(180deg,#f4f9fd 0%,#fff 100%)!important;overflow:hidden!important}
#app-shell .fleet-card-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;mix-blend-mode:multiply!important;filter:saturate(1.04) contrast(1.02)!important;transition:transform .25s ease!important}
#app-shell .fleet-card:hover .fleet-card-image{transform:scale(1.045)!important}
#app-shell .fleet-card-image-wrap .status{position:absolute!important;left:8px!important;top:8px!important;max-width:calc(100% - 16px)!important;border-radius:999px!important;font-size:9px!important;font-weight:750!important;padding:6px 9px!important;box-shadow:0 3px 9px rgba(20,40,60,.08)!important}
#app-shell .cards article.fleet-card .fleet-card-head{padding:2px 2px 0!important;margin:0!important;min-height:0!important}
#app-shell .cards article.fleet-card h3{font-size:14px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.25px!important;color:var(--moi-navy)!important;overflow-wrap:anywhere!important;margin:0!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:10px!important;margin:4px 0 9px!important;color:#6785a4!important;letter-spacing:.35px!important}
#app-shell .fleet-card-details{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 10px!important}
#app-shell .fleet-detail{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 9px!important;border:1px solid #edf3f8!important;border-radius:9px!important;background:#f7fafc!important;min-width:0!important}
#app-shell .fleet-detail span{font-size:9px!important;color:#7a92a9!important;white-space:nowrap!important}
#app-shell .fleet-detail strong{font-size:9px!important;color:#294d70!important;text-align:right!important;overflow-wrap:anywhere!important;min-width:0!important}
#app-shell .fleet-card-actions{display:grid!important;gap:6px!important;margin-top:auto!important}
#app-shell .cards article.fleet-card button{font-size:10px!important;min-height:32px!important;padding:8px 9px!important;border-radius:9px!important;font-weight:700!important}
#app-shell .cards article.fleet-card button.fleet-primary-action{min-height:38px!important;background:linear-gradient(100deg,#087cf0,#168df5)!important;border:0!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,124,240,.16)!important}
#app-shell .cards article.fleet-card .fleet-secondary-actions button{background:#f7fbff!important;border:1px solid #dce8f2!important;color:#426383!important}
#app-shell .cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff6f5!important;border-color:#f5d8d5!important;color:#b1443c!important}
#app-shell .table-wrap{border:1px solid #e0eaf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 20px rgba(22,69,111,.04)!important;overflow:auto!important}
#app-shell table th{background:#f4f8fc!important;color:#718aa3!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.55px!important}
#app-shell table td{font-size:11px!important;color:#345675!important}
#app-shell .page-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:4px 0 20px!important}
#app-shell .page-intro h2{font-size:24px!important;letter-spacing:-.65px!important;color:var(--moi-navy)!important}
#app-shell .page-intro p{font-size:12px!important;color:#718ba5!important}
#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{background:#fff!important;border:1px solid #e0eaf3!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(22,69,111,.055)!important}
#app-shell input,#app-shell select,#app-shell textarea{border:1px solid #d9e6f1!important;border-radius:10px!important;background:#fff!important;color:var(--moi-navy)!important;min-height:42px!important}
#app-shell button.primary,#app-shell .primary{background:linear-gradient(100deg,#087cf0,#168df5)!important;border:0!important;color:#fff!important;border-radius:10px!important;box-shadow:0 5px 13px rgba(8,124,240,.15)!important;font-weight:750!important}
#app-shell button.secondary,#app-shell .secondary{background:#fff!important;border:1px solid #d7e5f0!important;color:#426383!important;border-radius:10px!important}
#app-shell .settings-credit{background:linear-gradient(110deg,#edf7ff,#faffff)!important;border:1px solid #dceaf4!important;border-radius:13px!important}
#app-shell .settings-credit-mark{background:#087cf0!important;box-shadow:inset 0 -3px var(--moi-yellow)!important}
#app-shell .hidden{display:none!important}
@media(max-width:1450px){#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1050px){#app-shell .sidebar{width:200px!important}#app-shell > main{margin-left:200px!important;width:calc(100% - 200px)!important;padding:18px!important}#app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#app-shell .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;padding:10px!important}#app-shell .sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .sidebar-bottom{display:none!important}#app-shell > main{margin-left:0!important;width:100%!important;padding:14px!important}#app-shell .topbar{align-items:flex-start!important;flex-direction:column!important}#app-shell .topbar-right{flex-wrap:wrap!important}#app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#app-shell .stat-card{padding:12px!important;min-height:72px!important}#app-shell .stat-icon{width:38px!important;height:38px!important;min-width:38px!important}#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:1fr!important}#app-shell .fleet-card-image-wrap{height:170px!important;min-height:170px!important}#app-shell .reservation-layout{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#app-shell *{transition:none!important;scroll-behavior:auto!important}}


/* Mural de avisos e controle de manutenção */
.notice-list{display:grid;gap:14px;margin-top:18px}.notice-card{border-left:4px solid #7b91a5;padding:20px}.notice-card.priority-urgent{border-left-color:#c62828}.notice-card.priority-important{border-left-color:#d28a18}.notice-card h3,.maintenance-event h3{margin:12px 0 7px}.notice-card p,.maintenance-event p{white-space:pre-wrap;color:#52677a;line-height:1.55}.notice-card-top,.notice-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice-priority{font-size:10px;font-weight:900;letter-spacing:1px;color:#65798b}.priority-urgent .notice-priority{color:#bd2525}.priority-important .notice-priority{color:#a86b0c}.notice-card-footer{border-top:1px solid #e7edf2;padding-top:12px;margin-top:14px}.notice-form{display:grid;gap:15px}.notice-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#40566b}.notice-form input,.notice-form select,.notice-form textarea{width:100%;border:1px solid #d9e2ea;border-radius:9px;padding:11px 12px;background:#fff;color:#1d3448;font:inherit}.notice-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipient-box{border:1px solid #e0e8ef;border-radius:12px;padding:14px;display:grid;gap:12px}.recipient-actions{display:flex;gap:8px;flex-wrap:wrap}.recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto}.recipient-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;padding:9px;border:1px solid #e7edf2;border-radius:9px}.recipient-option input{width:auto!important}.recipient-option span{display:grid;gap:2px}.recipient-option small{font-weight:400;color:#748497}.maintenance-admin-panel{padding:22px}.maintenance-event{display:grid;gap:8px}.maintenance-event button{justify-self:start}.urgent-notice-overlay{position:fixed;inset:0;z-index:10000;background:#071a2dcc;display:grid;place-items:center;padding:20px}.urgent-notice-modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 80px #0005;border-top:7px solid #c62828}.urgent-notice-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a51f1f;font-size:11px;font-weight:900;letter-spacing:1px}.urgent-notice-top b{background:#c62828;color:white;padding:6px 9px;border-radius:5px}.urgent-notice-modal h2{font-size:24px;color:#26394b;margin:18px 0 10px}.urgent-notice-modal p{white-space:pre-wrap;line-height:1.6;color:#52677a}.urgent-notice-modal small{display:block;color:#8190a0;margin:18px 0}.urgent-notice-modal button{width:100%;background:#b92525}.access-block-screen{position:fixed;inset:0;z-index:11000;background:#f1f5f8;display:grid;place-items:center;padding:22px}.access-block-card{width:min(540px,100%);background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:34px;box-shadow:0 18px 55px #19364e18}.access-block-card h2{font-size:26px;color:#173b57;margin:14px 0}.access-block-card p{color:#536a7d;line-height:1.6}.access-block-card strong{display:block;margin:18px 0;color:#173b57}.access-block-card button{margin-top:12px}
@media(max-width:700px){.form-grid,.recipient-list{grid-template-columns:1fr}.notice-card-top,.notice-card-footer{align-items:flex-start;flex-direction:column}.maintenance-admin-panel{padding:15px}}


/* ==========================================================================
   TEMA LIQUID GLASS (opcional)
   Ativado em Aparência > Tema > "Liquid Glass" (html[data-theme="glass"]).
   Todas as regras abaixo ficam restritas a esse tema: os temas Escuro, Claro
   e Alto contraste, o layout e o comportamento do sistema não são alterados.
   ========================================================================== */
html[data-theme="glass"]{
  color-scheme:dark;
  --lg-fill:rgba(255,255,255,.10);
  --lg-fill-strong:rgba(255,255,255,.17);
  --lg-fill-input:rgba(255,255,255,.10);
  --lg-edge:rgba(255,255,255,.30);
  --lg-edge-soft:rgba(255,255,255,.14);
  --lg-ink:#f4f9ff;
  --lg-muted:rgba(232,242,252,.74);
  --lg-blur:blur(26px) saturate(185%) brightness(1.04);
  --lg-spec:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.10),inset 1px 0 0 rgba(255,255,255,.16),inset -1px 0 0 rgba(255,255,255,.08);
  --lg-shadow:0 18px 44px rgba(3,12,30,.34),0 2px 8px rgba(3,12,30,.18);
  --ui-bg:transparent;--ui-surface:var(--lg-fill);--ui-surface-2:var(--lg-fill-strong);
  --ui-ink:var(--lg-ink);--ui-muted:var(--lg-muted);--ui-border:var(--lg-edge);
  --ui-input:var(--lg-fill-input);--ui-nav:var(--lg-fill-strong);
  --ui-shadow:var(--lg-shadow),var(--lg-spec);
  background:
    radial-gradient(60vmax 46vmax at 8% 6%,rgba(56,189,248,.62),transparent 62%),
    radial-gradient(52vmax 44vmax at 94% 12%,rgba(168,85,247,.55),transparent 60%),
    radial-gradient(58vmax 50vmax at 82% 96%,rgba(20,184,166,.52),transparent 62%),
    radial-gradient(46vmax 40vmax at 6% 92%,rgba(236,72,153,.42),transparent 60%),
    linear-gradient(135deg,#0a1530,#10264a 50%,#0b1c3a) fixed!important;
  background-attachment:fixed!important;
}
html[data-theme="glass"] body,
html[data-theme="glass"] #app-shell,
html[data-theme="glass"] main{background:transparent!important;color:var(--lg-ink)!important}

/* Superfícies: vidro translúcido com desfoque, brilho especular e borda de luz */
html[data-theme="glass"] :is(#app-shell,body) .stat-card,
html[data-theme="glass"] :is(#app-shell,body) .cards article,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card,
html[data-theme="glass"] :is(#app-shell,body) .table-wrap,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info,
html[data-theme="glass"] :is(#app-shell,body) .form-card,
html[data-theme="glass"] :is(#app-shell,body) .modal-card,
html[data-theme="glass"] :is(#app-shell,body) .session-timer,
html[data-theme="glass"] :is(#app-shell,body) .date-chip,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form,
html[data-theme="glass"] :is(#app-shell,body) .reservation-list-panel,
html[data-theme="glass"] :is(#app-shell,body) .reservation-card,
html[data-theme="glass"] :is(#app-shell,body) .docs-form,
html[data-theme="glass"] :is(#app-shell,body) .docs-list-panel,
html[data-theme="glass"] :is(#app-shell,body) .vehicle-document-card,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary,
html[data-theme="glass"] :is(#app-shell,body) .agenda-table-panel,
html[data-theme="glass"] :is(#app-shell,body) .agenda-note,
html[data-theme="glass"] :is(#app-shell,body) .notice-card,
html[data-theme="glass"] :is(#app-shell,body) .notice-form,
html[data-theme="glass"] :is(#app-shell,body) .maintenance-admin-panel,
html[data-theme="glass"] :is(#app-shell,body) .recipient-box,
html[data-theme="glass"] :is(#app-shell,body) .access-block-card,
html[data-theme="glass"] :is(#app-shell,body) .panel,
html[data-theme="glass"] :is(#app-shell,body) #driver-track-status,
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs,
html[data-theme="glass"] :is(#app-shell,body) .dashboard-status-tabs{
  position:relative;
  background:linear-gradient(155deg,rgba(255,255,255,.19),rgba(255,255,255,.07) 46%,rgba(255,255,255,.12))!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:var(--lg-shadow),var(--lg-spec)!important;
  backdrop-filter:var(--lg-blur)!important;-webkit-backdrop-filter:var(--lg-blur)!important;
  color:var(--lg-ink)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card{border-radius:20px}
html[data-theme="glass"] :is(#app-shell,body) .cards article:hover{box-shadow:0 22px 50px rgba(3,12,30,.42),var(--lg-spec)!important}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card::before{background:linear-gradient(180deg,rgba(125,238,255,.95),rgba(125,238,255,.35))}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card-busy::before{background:linear-gradient(180deg,#ffc15a,rgba(255,193,90,.35))}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card-inactive::before{background:linear-gradient(180deg,#ff8f86,rgba(255,143,134,.35))}
html[data-theme="glass"] :is(#app-shell,body) .fleet-card-image-wrap{background:rgba(255,255,255,.08)}
html[data-theme="glass"] :is(#app-shell,body) .fleet-card-icon{background:rgba(255,255,255,.16);color:#fff}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail{background:rgba(255,255,255,.09)!important;border:1px solid var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail span{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail strong,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card h3,
html[data-theme="glass"] :is(#app-shell,body) .agenda-note strong{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-plate{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel{
  background:linear-gradient(125deg,rgba(56,189,248,.34),rgba(99,102,241,.26) 55%,rgba(20,184,166,.30))!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:var(--lg-shadow),var(--lg-spec)!important;
  backdrop-filter:var(--lg-blur)!important;-webkit-backdrop-filter:var(--lg-blur)!important;
}

/* Tabelas */
html[data-theme="glass"] :is(#app-shell,body) table,
html[data-theme="glass"] :is(#app-shell,body) .table-wrap table{background:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) th,
html[data-theme="glass"] :is(#app-shell,body) table th{background:rgba(255,255,255,.13)!important;color:var(--lg-ink)!important;border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) td,
html[data-theme="glass"] :is(#app-shell,body) table td{background:transparent!important;color:var(--lg-ink)!important;border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) tr:hover td{background:rgba(255,255,255,.10)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-agenda-table tbody tr:nth-child(odd){background:rgba(255,255,255,.05)}

/* Textos */
html[data-theme="glass"] :is(#app-shell,body) .topbar h1,
html[data-theme="glass"] :is(#app-shell,body) .page-intro h2,
html[data-theme="glass"] :is(#app-shell,body) .section-heading h2,
html[data-theme="glass"] :is(#app-shell,body) .cards article h3,
html[data-theme="glass"] :is(#app-shell,body) .stat-card strong,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info dd,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info h3,
html[data-theme="glass"] :is(#app-shell,body) .reservation-card h4{color:var(--lg-ink)!important;text-shadow:0 1px 10px rgba(3,12,30,.28)}
html[data-theme="glass"] :is(#app-shell,body) p,
html[data-theme="glass"] :is(#app-shell,body) .page-intro p,
html[data-theme="glass"] :is(#app-shell,body) .section-heading p,
html[data-theme="glass"] :is(#app-shell,body) .stat-card span,
html[data-theme="glass"] :is(#app-shell,body) .cards p,
html[data-theme="glass"] :is(#app-shell,body) .result-count,
html[data-theme="glass"] :is(#app-shell,body) .empty-state,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary>span,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary p,
html[data-theme="glass"] :is(#app-shell,body) .reservation-help,
html[data-theme="glass"] :is(#app-shell,body) .reservation-muted,
html[data-theme="glass"] :is(#app-shell,body) label{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .eyebrow{color:#9ee7ff!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid var(--lg-edge-soft)}
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel h2,
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel p{color:#fff!important}

/* Campos */
html[data-theme="glass"] :is(#app-shell,body) input,
html[data-theme="glass"] :is(#app-shell,body) select,
html[data-theme="glass"] :is(#app-shell,body) textarea,
html[data-theme="glass"] :is(#app-shell,body) .login-card input,
html[data-theme="glass"] :is(#app-shell,body) dialog input,
html[data-theme="glass"] :is(#app-shell,body) dialog select,
html[data-theme="glass"] :is(#app-shell,body) .search-wide,
html[data-theme="glass"] :is(#app-shell,body) .table-toolbar input,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form input,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form select{
  background:rgba(255,255,255,.09)!important;color:var(--lg-ink)!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:inset 0 2px 6px rgba(3,12,30,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
html[data-theme="glass"] :is(#app-shell,body) input:focus,
html[data-theme="glass"] :is(#app-shell,body) select:focus,
html[data-theme="glass"] :is(#app-shell,body) textarea:focus{outline:none;border-color:rgba(158,231,255,.85)!important;box-shadow:0 0 0 3px rgba(125,238,255,.22),inset 0 2px 6px rgba(3,12,30,.2)!important}
html[data-theme="glass"] :is(#app-shell,body) input::placeholder,
html[data-theme="glass"] :is(#app-shell,body) textarea::placeholder{color:rgba(232,242,252,.55)!important}
html[data-theme="glass"] :is(#app-shell,body) select option{background:#10264a;color:#f4f9ff}

/* Botões */
html[data-theme="glass"] :is(#app-shell,body) button.primary,
html[data-theme="glass"] :is(#app-shell,body) .primary,
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel .primary{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),color-mix(in srgb,var(--accent,#4c9be8) 78%,transparent)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#4c9be8) 38%,transparent),var(--lg-spec)!important;
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  text-shadow:0 1px 2px rgba(3,12,30,.35);
}
html[data-theme="glass"] :is(#app-shell,body) button.secondary,
html[data-theme="glass"] :is(#app-shell,body) .secondary,
html[data-theme="glass"] :is(#app-shell,body) td button,
html[data-theme="glass"] :is(#app-shell,body) .cards article button,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-secondary-actions button,
html[data-theme="glass"] :is(#app-shell,body) .icon-close{
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06))!important;
  color:var(--lg-ink)!important;border:1px solid var(--lg-edge)!important;
  box-shadow:0 4px 14px rgba(3,12,30,.18),var(--lg-spec)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card button.fleet-primary-action{
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08)),color-mix(in srgb,var(--accent,#4c9be8) 78%,transparent)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#4c9be8) 36%,transparent),var(--lg-spec)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-secondary-actions button.danger-button,
html[data-theme="glass"] :is(#app-shell,body) .danger-button{background:linear-gradient(180deg,rgba(255,120,110,.34),rgba(255,120,110,.12))!important;color:#ffe3e0!important;border-color:rgba(255,160,150,.55)!important}
html[data-theme="glass"] :is(#app-shell,body) button:hover{filter:brightness(1.1)}
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs .vehicle-filter,
html[data-theme="glass"] :is(#app-shell,body) .dashboard-status-tabs button{color:var(--lg-ink)!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs .vehicle-filter.active{background:rgba(255,255,255,.24)!important;border:1px solid var(--lg-edge)!important;box-shadow:var(--lg-spec)!important}

/* Barra de navegação: pílula de vidro líquido */
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav{
  background:linear-gradient(120deg,rgba(255,255,255,.26),rgba(255,255,255,.08) 45%,rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 20px 48px rgba(3,12,30,.40),inset 0 2px 1px rgba(255,255,255,.6),inset 0 -2px 6px rgba(255,255,255,.10)!important;
  backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav:before{background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 30%,transparent 70%,rgba(255,255,255,.10))!important;border-top:1px solid rgba(255,255,255,.5)}
html[data-theme="glass"] :is(#app-shell,body) .glass-links button:hover,
html[data-theme="glass"] :is(#app-shell,body) .glass-links button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(3,12,30,.20)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav .glass-links .nav-record-button{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(225,242,255,.78))!important;
  color:#0b3b57!important;border:1px solid #fff!important;
  box-shadow:0 6px 18px rgba(3,12,30,.28),inset 0 1px 0 #fff!important;
}
html[data-theme="glass"] :is(#app-shell,body) .appearance-button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.40)!important}

/* Diálogos, avisos e mapa */
html[data-theme="glass"] :is(#app-shell,body) dialog,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog,
html[data-theme="glass"] :is(#app-shell,body) .glass-delete-dialog,
html[data-theme="glass"] :is(#app-shell,body) .urgent-notice-modal,
html[data-theme="glass"] :is(#app-shell,body) .maintenance-alert{
  background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 50%,rgba(255,255,255,.16))!important;
  color:var(--lg-ink)!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:26px!important;
  box-shadow:0 30px 80px rgba(2,8,22,.55),var(--lg-spec)!important;
  backdrop-filter:blur(34px) saturate(190%)!important;-webkit-backdrop-filter:blur(34px) saturate(190%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) dialog h2,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog h2,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog label,
html[data-theme="glass"] :is(#app-shell,body) .appearance-label,
html[data-theme="glass"] :is(#app-shell,body) .glass-delete-dialog h2{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) dialog p,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog>p{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) dialog::backdrop{background:rgba(4,12,32,.46);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}
html[data-theme="glass"] :is(#app-shell,body) #toast{
  background:linear-gradient(155deg,rgba(255,255,255,.26),rgba(255,255,255,.10))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;box-shadow:0 18px 44px rgba(3,12,30,.45),var(--lg-spec)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;-webkit-backdrop-filter:blur(26px) saturate(180%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) #live-map{border:1px solid var(--lg-edge)!important;border-radius:22px!important;box-shadow:var(--lg-shadow),var(--lg-spec)!important;background:rgba(255,255,255,.10)!important}
html[data-theme="glass"] :is(#app-shell,body) .leaflet-control-zoom a,
html[data-theme="glass"] :is(#app-shell,body) .leaflet-popup-content-wrapper,
html[data-theme="glass"] :is(#app-shell,body) .leaflet-popup-tip{background:rgba(18,36,66,.72)!important;color:var(--lg-ink)!important;border-color:var(--lg-edge)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}

/* Tela de login */
html[data-theme="glass"] :is(#app-shell,body) .login-screen,
html[data-theme="glass"] :is(#app-shell,body) .login-side{background:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) .login-card{
  background:linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 50%,rgba(255,255,255,.14))!important;
  border:1px solid rgba(255,255,255,.42)!important;border-radius:28px!important;
  box-shadow:0 30px 80px rgba(2,8,22,.5),var(--lg-spec)!important;
  backdrop-filter:blur(32px) saturate(190%)!important;-webkit-backdrop-filter:blur(32px) saturate(190%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .login-card h2,
html[data-theme="glass"] :is(#app-shell,body) .login-card label{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .login-subtitle,
html[data-theme="glass"] :is(#app-shell,body) .login-security,
html[data-theme="glass"] :is(#app-shell,body) .login-footer{color:var(--lg-muted)!important;border-color:var(--lg-edge-soft)!important}

/* Status e rolagem */
html[data-theme="glass"] :is(#app-shell,body) .status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28)}
html[data-theme="glass"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="glass"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
html[data-theme="glass"] ::-webkit-scrollbar-track{background:transparent}

/* Acessibilidade: sem transparência / sem animação quando o usuário pedir */
@media(prefers-reduced-transparency:reduce){
  html[data-theme="glass"] :is(#app-shell,body) *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html[data-theme="glass"] :is(#app-shell,body) :is(#app-shell,body) .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,
  html[data-theme="glass"] :is(#app-shell,body) dialog,html[data-theme="glass"] .liquid-glass-nav,html[data-theme="glass"] .session-timer,
  html[data-theme="glass"] :is(#app-shell,body) .date-chip,html[data-theme="glass"] .login-card{background:#12264a!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="glass"] :is(#app-shell,body) .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,
  html[data-theme="glass"] :is(#app-shell,body) dialog,html[data-theme="glass"] .liquid-glass-nav,html[data-theme="glass"] .login-card{background:rgba(18,38,74,.92)!important}
}


/* Barra lateral (layout desktop) em vidro líquido */
html[data-theme="glass"] :is(#app-shell,body) .sidebar{
  background:linear-gradient(170deg,rgba(255,255,255,.20),rgba(255,255,255,.06) 55%,rgba(255,255,255,.12))!important;
  border-right:1px solid rgba(255,255,255,.34)!important;
  box-shadow:14px 0 44px rgba(3,12,30,.32),inset -1px 0 0 rgba(255,255,255,.12),inset 0 1.5px 0 rgba(255,255,255,.5)!important;
  backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;
  color:var(--lg-ink)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand,html[data-theme="glass"] :is(#app-shell,body) .user-chip{border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand strong,html[data-theme="glass"] :is(#app-shell,body) .user-info strong{color:#fff!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand small,html[data-theme="glass"] :is(#app-shell,body) .nav-label,html[data-theme="glass"] :is(#app-shell,body) .user-info small{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button,html[data-theme="glass"] :is(#app-shell,body) .logout-button{color:var(--lg-ink)!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:14px!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button:hover,html[data-theme="glass"] :is(#app-shell,body) .logout-button:hover{background:rgba(255,255,255,.12)!important;border-color:var(--lg-edge-soft)!important;color:#fff!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.10))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 16px rgba(3,12,30,.22)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .avatar{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)}
html[data-theme="glass"] :is(#app-shell,body) .session-timer small,html[data-theme="glass"] :is(#app-shell,body) .date-chip{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-card strong,html[data-theme="glass"] :is(#app-shell,body) .stat-card span{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-card span{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .user-chip{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07))!important;border:1px solid var(--lg-edge)!important;box-shadow:var(--lg-spec)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button span{color:rgba(255,255,255,.88)!important}
html[data-theme="glass"] :is(#app-shell,body) .session-timer strong,
html[data-theme="glass"] :is(#app-shell,body) .session-timer small{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .empty-state{color:var(--lg-muted)!important;border-color:var(--lg-edge)!important;background:rgba(255,255,255,.06)!important;border-radius:18px}
html[data-theme="glass"] :is(#app-shell,body) .topbar{border-color:var(--lg-edge-soft)!important}

/* Aba Temas */
.appearance-panel{max-width:760px;padding:26px;display:grid;gap:18px}
.appearance-panel select{max-width:360px}
.appearance-panel .accent-options{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 12px}
.access-block-screen{background:rgba(8,24,39,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.access-block-card{border-radius:22px;border-top:5px solid #d84b4b;box-shadow:0 24px 80px rgba(0,0,0,.32);animation:maintenancePopupIn .22s ease-out}
.access-block-card .eyebrow{color:#c43e3e;font-weight:800;letter-spacing:.08em}
@keyframes maintenancePopupIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* MOI.AI: navegação inferior estilo iPhone e Liquid Glass adaptável */
.mobile-tabbar{display:none}
html[data-theme="glass"] .liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 78%,white 22%),color-mix(in srgb,var(--accent) 70%,#10243a 30%))!important;border-color:color-mix(in srgb,var(--accent) 52%,white 48%)!important}
html[data-theme="glass"] .liquid-glass-nav .glass-links button.active{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.42)!important}
html[data-theme="glass-light"]{color-scheme:light;--ui-bg:#edf3f8;--ui-surface:rgba(255,255,255,.72);--ui-surface-2:rgba(255,255,255,.54);--ui-ink:#193449;--ui-muted:#587083;--ui-border:rgba(255,255,255,.8);--ui-input:rgba(255,255,255,.78);--ui-nav:rgba(255,255,255,.58);--ui-shadow:0 12px 36px rgba(36,76,105,.12)}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{background:radial-gradient(ellipse at 12% 5%,color-mix(in srgb,var(--accent) 17%,white),transparent 42%),linear-gradient(145deg,#f7fafc,#e7f0f6 58%,#f9fbfd)!important;color:#193449!important}
html[data-theme="glass-light"] .sidebar,html[data-theme="glass-light"] .liquid-glass-nav,html[data-theme="glass-light"] .session-timer,html[data-theme="glass-light"] .date-chip,html[data-theme="glass-light"] .stat-card,html[data-theme="glass-light"] .cards article,html[data-theme="glass-light"] .table-wrap,html[data-theme="glass-light"] .panel,html[data-theme="glass-light"] dialog{background:rgba(255,255,255,.54)!important;color:#193449!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 12px 34px rgba(38,75,102,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important}
html[data-theme="glass-light"] .liquid-glass-nav{background:linear-gradient(115deg,rgba(255,255,255,.78),color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7)))!important}
html[data-theme="glass-light"] .liquid-glass-nav .glass-links button{color:#23465d!important}
html[data-theme="glass-light"] .liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 17%,white)!important;color:#16384d!important;border-color:color-mix(in srgb,var(--accent) 34%,white)!important}
html[data-theme="glass-light"] input,html[data-theme="glass-light"] select,html[data-theme="glass-light"] textarea{background:rgba(255,255,255,.72)!important;color:#193449!important;border-color:rgba(145,170,190,.45)!important}
html[data-theme="glass-light"] .topbar h1,html[data-theme="glass-light"] .page-intro h2,html[data-theme="glass-light"] .section-heading h2,html[data-theme="glass-light"] h3{color:#193449}
html[data-theme="glass-light"] .eyebrow,html[data-theme="glass-light"] p,html[data-theme="glass-light"] small{color:#587083}
.access-block-screen{background:rgba(9,22,36,.72)!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}
.access-block-card{width:min(470px,calc(100vw - 36px));padding:32px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);border-top:7px solid #c62828;box-shadow:0 28px 90px rgba(0,0,0,.36);animation:maintenance-pop .22s ease-out}
.access-block-card .eyebrow{color:#b42323;font-weight:900;letter-spacing:1px}.access-block-card h2{color:#7f1d1d}.access-block-card p{color:#475569}.access-block-card strong{color:#7f1d1d}
@keyframes maintenance-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){
 #app-shell>main{padding:12px 12px calc(100px + env(safe-area-inset-bottom))!important}
 #app-shell>.sidebar{display:none!important}
 .mobile-tabbar{position:fixed;display:flex;left:12px;right:12px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:1200;justify-content:space-around;align-items:center;gap:3px;padding:9px 7px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.48);border-radius:23px;background:rgba(17,43,63,.78);box-shadow:0 12px 35px rgba(5,24,39,.28),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%)}
 .mobile-tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border:0!important;border-radius:14px;background:transparent!important;color:#dcecf7!important;box-shadow:none!important}
 .mobile-tabbar button span{font-size:20px;line-height:1.1}.mobile-tabbar button small{font-size:9px;font-weight:700;color:inherit!important;white-space:nowrap}.mobile-tabbar button.active{background:color-mix(in srgb,var(--accent) 48%,transparent)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important}
 html[data-theme="glass-light"] .mobile-tabbar{background:rgba(255,255,255,.66);border-color:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(31,65,92,.15),inset 0 1px 0 #fff}
 html[data-theme="glass-light"] .mobile-tabbar button{color:#36566d!important}html[data-theme="glass-light"] .mobile-tabbar button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;color:#173b54!important}
 html[data-theme="light"] .mobile-tabbar{background:rgba(255,255,255,.86);border-color:#fff}html[data-theme="light"] .mobile-tabbar button{color:#35536a!important}
 html[data-theme="contrast"] .mobile-tabbar{background:#000;border:2px solid #fff}html[data-theme="contrast"] .mobile-tabbar button{color:#fff!important}
}

/* MOI.AI — dock inferior flutuante em todas as resoluções */
.sidebar{display:none!important}
#app-shell>main{margin:0!important;padding:28px clamp(18px,3vw,48px) 124px!important;max-width:none!important;width:100%;box-sizing:border-box}
.liquid-glass-nav{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:1500!important;width:min( min(1460px, calc(100vw - 44px)), 1460px)!important;max-width:calc(100vw - 44px)!important;margin:0!important;padding:10px 18px!important;border-radius:28px!important;display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:nowrap!important;box-sizing:border-box!important;box-shadow:0 18px 48px rgba(8,30,48,.28),inset 0 1px 0 rgba(255,255,255,.62)!important}
.glass-brand{min-width:150px!important;gap:10px!important}
.glass-brand-logo{width:48px!important;height:42px!important;object-fit:contain!important;filter:none!important;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:13px;padding:3px;box-sizing:border-box}
.glass-brand>span{font-size:14px!important}.glass-brand small{font-size:7px!important;letter-spacing:.6px!important}
.glass-links{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important;justify-content:space-evenly!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}
.glass-links::-webkit-scrollbar{display:none}
.glass-links button{flex:0 0 auto!important;padding:11px 12px!important;border-radius:18px!important;font-size:11px!important;white-space:nowrap!important}
.glass-links button span{display:inline!important;font-size:15px!important}
.glass-user{flex:0 0 auto!important}
.mobile-tabbar{display:none!important}
html[data-theme="glass"] .liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 76%,white 24%),color-mix(in srgb,var(--accent) 72%,#10243a 28%))!important;border:1px solid rgba(255,255,255,.58)!important;backdrop-filter:blur(30px) saturate(190%)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important}
html[data-theme="glass"] .glass-links button,html[data-theme="glass"] .glass-brand,html[data-theme="glass"] .glass-user{color:#fff!important}
html[data-theme="glass-light"] .liquid-glass-nav{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.92)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;box-shadow:0 18px 48px rgba(31,65,92,.16),inset 0 1px 0 #fff!important}
/* Superfícies, campos, abas e cartões recebem vidro quando Liquid Glass está ativo */
html[data-theme="glass"] .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,html[data-theme="glass"] .panel,html[data-theme="glass"] .welcome-panel,html[data-theme="glass"] .session-timer,html[data-theme="glass"] .date-chip,html[data-theme="glass"] .filter-bar,html[data-theme="glass"] .tabs,html[data-theme="glass"] dialog,html[data-theme="glass"] .appearance-panel,html[data-theme="glass"] .vehicle-card,html[data-theme="glass"] .form-card,
html[data-theme="glass-light"] .stat-card,html[data-theme="glass-light"] .cards article,html[data-theme="glass-light"] .table-wrap,html[data-theme="glass-light"] .panel,html[data-theme="glass-light"] .welcome-panel,html[data-theme="glass-light"] .session-timer,html[data-theme="glass-light"] .date-chip,html[data-theme="glass-light"] .filter-bar,html[data-theme="glass-light"] .tabs,html[data-theme="glass-light"] dialog,html[data-theme="glass-light"] .appearance-panel,html[data-theme="glass-light"] .vehicle-card,html[data-theme="glass-light"] .form-card{border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 12px 34px rgba(12,38,62,.12),inset 0 1px 0 rgba(255,255,255,.62)!important;backdrop-filter:blur(22px) saturate(165%)!important;-webkit-backdrop-filter:blur(22px) saturate(165%)!important}
html[data-theme="glass"] input,html[data-theme="glass"] select,html[data-theme="glass"] textarea,html[data-theme="glass-light"] input,html[data-theme="glass-light"] select,html[data-theme="glass-light"] textarea{border-radius:12px!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(20,50,75,.07)!important}
html[data-theme="glass"] button:not(.nav-record-button),html[data-theme="glass-light"] button:not(.nav-record-button){backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
html[data-theme="glass"] .glass-links button.active{background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 16px rgba(0,0,0,.1)!important}
html[data-theme="glass-light"] .glass-links button.active{background:color-mix(in srgb,var(--accent) 16%,white)!important;border:1px solid color-mix(in srgb,var(--accent) 34%,white)!important;box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(30,65,90,.1)!important}
@media(max-width:1050px){.glass-brand{min-width:100px!important}.glass-brand>span{display:none!important}.glass-links button{padding:10px 9px!important}.glass-links button b{font-size:10px!important}.glass-user{display:none!important}}
@media(max-width:760px){#app-shell>main{padding:14px 12px calc(112px + env(safe-area-inset-bottom))!important}.liquid-glass-nav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;padding:8px 9px!important;border-radius:24px!important;gap:6px!important}.glass-brand{min-width:0!important;flex:0 0 auto!important}.glass-brand-logo{width:36px!important;height:36px!important}.glass-brand>span{display:none!important}.glass-links{justify-content:space-around!important;overflow-x:auto!important}.glass-links button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding:6px 8px!important;min-width:46px!important}.glass-links button span{font-size:17px!important}.glass-links button b{font-size:8px!important}.glass-user{display:none!important}}


/* MOI.AI | Dock inferior unificado (desktop e mobile) */
#app-shell{display:block!important;min-height:100vh}
#app-shell>.sidebar{display:none!important}
#app-shell>main{
  width:100%!important;max-width:none!important;margin:0!important;
  box-sizing:border-box!important;
  padding:26px clamp(14px,3vw,42px) calc(132px + env(safe-area-inset-bottom))!important;
}
#app-shell>main>.liquid-glass-nav{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
  bottom:calc(16px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;z-index:3000!important;
  display:flex!important;align-items:center!important;
  width:max-content!important;max-width:calc(100vw - 28px)!important;
  margin:0!important;padding:9px 12px!important;gap:10px!important;
  overflow:visible!important;border-radius:25px!important;box-sizing:border-box!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand{display:flex!important;flex:0 0 auto!important;min-width:0!important}
#app-shell>main>.liquid-glass-nav .glass-brand-logo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:13px!important;padding:3px!important;background:rgba(255,255,255,.92)!important}
#app-shell>main>.liquid-glass-nav .glass-links{display:flex!important;flex:0 1 auto!important;min-width:0!important;justify-content:center!important;align-items:center!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
#app-shell>main>.liquid-glass-nav .glass-links::-webkit-scrollbar{display:none!important}
#app-shell>main>.liquid-glass-nav .glass-links button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:58px!important;padding:8px 9px!important;border-radius:15px!important;white-space:nowrap!important;font-size:10px!important}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:17px!important;line-height:1.1}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;line-height:1.15}
#app-shell>main>.liquid-glass-nav .glass-user{display:flex!important;flex:0 0 auto!important}
#app-shell>main>.mobile-tabbar{display:none!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 76%,white 24%),color-mix(in srgb,var(--accent) 72%,#10243a 28%))!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 18px 48px rgba(8,30,48,.30),inset 0 1px 0 rgba(255,255,255,.62)!important;backdrop-filter:blur(30px) saturate(190%)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav{background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 16px 42px rgba(31,65,92,.18),inset 0 1px 0 #fff!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-brand,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-user{color:#25465d!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-brand,html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-user{color:#fff!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-links button.active{background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.55)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;border:1px solid color-mix(in srgb,var(--accent) 34%,white)!important}
@media(max-width:1100px){
 #app-shell>main>.liquid-glass-nav{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;justify-content:space-between!important}
 #app-shell>main>.liquid-glass-nav .glass-brand{display:none!important}
 #app-shell>main>.liquid-glass-nav .glass-links{flex:1 1 auto!important;justify-content:space-around!important}
 #app-shell>main>.liquid-glass-nav .glass-user{display:none!important}
}
@media(max-width:760px){
 #app-shell>main{padding:14px 12px calc(116px + env(safe-area-inset-bottom))!important}
 #app-shell>main>.liquid-glass-nav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;padding:7px 6px!important;border-radius:22px!important;gap:2px!important}
 #app-shell>main>.liquid-glass-nav .glass-links{justify-content:flex-start!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:48px!important;padding:7px 5px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button b{font-size:8px!important}
}

/* ==========================================================
   MOI.AI — REDESIGN VISUAL 2026.11
   Camada visual complementar: preserva IDs e comportamentos.
   ========================================================== */
:root{
  --moi-ink:#142d46;
  --moi-muted:#71869a;
  --moi-line:#dce7f0;
  --moi-blue:#087cf0;
  --moi-gold:#d4a514;
}
html,body{background:#eef3f8!important}
body{
  background:
    radial-gradient(ellipse at 5% 0%,rgba(245,190,111,.20),transparent 34%),
    radial-gradient(ellipse at 100% 8%,rgba(92,169,220,.17),transparent 36%),
    linear-gradient(145deg,#f8f5ef 0%,#f1f5f8 48%,#eaf2f8 100%)!important;
  color:var(--moi-ink)!important;
}
#app-shell>main{
  padding:30px clamp(24px,3.2vw,62px) 150px!important;
}
#app-shell .topbar{
  min-height:72px!important;padding:0 0 20px!important;margin:0 0 24px!important;
  border-bottom:1px solid rgba(207,222,234,.8)!important;
}
#app-shell .topbar h1{font-size:30px!important;letter-spacing:-1px!important}
#app-shell .stats{gap:17px!important;margin-bottom:34px!important}
#app-shell .stat-card{
  min-height:94px!important;padding:20px 22px!important;border-radius:19px!important;
  box-shadow:0 10px 30px rgba(25,67,105,.065)!important;
}
#app-shell .stat-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:16px!important}
#app-shell .stat-card span{font-size:11px!important;margin-bottom:6px!important}
#app-shell .stat-card strong{font-size:30px!important}
#app-shell .section-heading{margin:30px 0 16px!important}
#app-shell .section-heading h2{font-size:22px!important}
#app-shell .section-heading p{font-size:12px!important}
#app-shell .vehicle-status-tabs{
  padding:8px!important;gap:8px!important;margin-bottom:20px!important;
  background:rgba(255,255,255,.72)!important;border-color:#d8e5ef!important;
  box-shadow:0 5px 18px rgba(23,67,105,.035)!important;
}
#app-shell .vehicle-status-tabs .vehicle-filter{padding:11px 17px!important;font-size:11px!important}
#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;
}
#app-shell .cards article.fleet-card{
  padding:15px!important;border-radius:21px!important;border:1px solid #dce7f0!important;
  box-shadow:0 9px 28px rgba(19,62,99,.065)!important;
}
#app-shell .cards article.fleet-card:hover{
  transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(19,62,99,.12)!important;
}
#app-shell .fleet-card-image-wrap{
  height:194px!important;min-height:194px!important;margin-bottom:12px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#edf5fb 0%,#f8fbfd 58%,#fff 100%)!important;
}
#app-shell .fleet-card-image{object-position:center center!important;padding:5px!important}
#app-shell .fleet-card-image-wrap .status{left:11px!important;top:11px!important;font-size:10px!important;padding:7px 11px!important}
#app-shell .cards article.fleet-card h3{font-size:16px!important;line-height:1.3!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:11px!important;margin:5px 0 12px!important}
#app-shell .fleet-card-details{gap:8px!important;margin-bottom:13px!important}
#app-shell .fleet-detail{padding:10px 12px!important;border-radius:11px!important;background:#f6f9fc!important}
#app-shell .fleet-detail span{font-size:10px!important}
#app-shell .fleet-detail strong{font-size:10px!important}
#app-shell .cards article.fleet-card button{font-size:11px!important;min-height:37px!important;padding:9px 11px!important}
#app-shell .cards article.fleet-card button.fleet-primary-action{min-height:43px!important;font-size:12px!important}
#app-shell .fleet-card-actions{gap:8px!important}
#app-shell .fleet-secondary-actions{gap:8px!important}
#app-shell .table-wrap{border-radius:18px!important;box-shadow:0 9px 26px rgba(22,69,111,.055)!important}
#app-shell .table-wrap table th{padding:15px 17px!important}
#app-shell .table-wrap table td{padding:15px 17px!important}
#app-shell>main>.liquid-glass-nav{
  width:min(1540px,calc(100vw - 80px))!important;max-width:calc(100vw - 80px)!important;
  min-height:78px!important;padding:11px 18px!important;gap:18px!important;
  border-radius:27px!important;background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 18px 55px rgba(21,55,83,.20),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand-logo{width:46px!important;height:46px!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span{font-size:13px!important;font-weight:850!important;letter-spacing:-.2px!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span small{font-size:8px!important;letter-spacing:.7px!important}
#app-shell>main>.liquid-glass-nav .glass-links{gap:5px!important}
#app-shell>main>.liquid-glass-nav .glass-links button{
  min-width:66px!important;padding:9px 11px!important;border-radius:16px!important;
  color:#355570!important;transition:background .2s ease,transform .2s ease!important;
}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:19px!important}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;font-weight:800!important}
#app-shell>main>.liquid-glass-nav .glass-links button:hover{background:#eaf3fb!important;transform:translateY(-2px)!important}
#app-shell>main>.liquid-glass-nav .glass-links button.active{
  background:linear-gradient(145deg,#fff2d6,#ffe7b5)!important;
  border:1px solid #f1d69a!important;color:#244664!important;
  box-shadow:0 5px 14px rgba(185,137,44,.12)!important;
}
#app-shell>main>.liquid-glass-nav .glass-user{color:#274963!important;font-size:11px!important;font-weight:800!important}
#app-shell>main>.liquid-glass-nav .glass-user button{background:#eaf2f8!important;color:#315a78!important;border-radius:12px!important}
#app-shell .page-intro{margin-bottom:25px!important}
#app-shell .page-intro h2{font-size:27px!important}
#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{
  border-radius:19px!important;box-shadow:0 10px 30px rgba(22,69,111,.065)!important;
}
@media(max-width:1450px){
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  #app-shell .fleet-card-image-wrap{height:170px!important;min-height:170px!important}
  #app-shell>main>.liquid-glass-nav{gap:9px!important}
  #app-shell>main>.liquid-glass-nav .glass-links button{min-width:58px!important;padding:8px!important}
}
@media(max-width:1050px){
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app-shell>main{padding:22px 20px 132px!important}
}
@media(max-width:760px){
  #app-shell>main{padding:15px 13px calc(120px + env(safe-area-inset-bottom))!important}
  #app-shell .topbar h1{font-size:25px!important}
  #app-shell .stats{gap:9px!important;margin-bottom:24px!important}
  #app-shell .stat-card{padding:12px!important;min-height:75px!important}
  #app-shell .stat-card strong{font-size:23px!important}
  #app-shell .section-heading h2{font-size:18px!important}
  #app-shell .vehicle-status-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}
  #app-shell .vehicle-status-tabs .vehicle-filter{white-space:nowrap!important}
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:1fr!important;gap:14px!important}
  #app-shell .fleet-card-image-wrap{height:190px!important;min-height:190px!important}
  #app-shell>main>.liquid-glass-nav{min-height:64px!important;width:auto!important;max-width:none!important;padding:7px 6px!important}
}


/* ================================================================
   MOI.AI / INTERFACE 2.0 — redesign estrutural visual
   Camada exclusivamente visual. Não altera IDs, eventos ou Firebase.
   ================================================================ */
:root{
 --moi-bg:#071525;--moi-panel:#10243a;--moi-panel-2:#132b43;
 --moi-border:rgba(160,193,220,.16);--moi-text:#edf6ff;--moi-muted:#91a9bf;
 --moi-blue:#1688f8;--moi-cyan:#49c4e8;--moi-gold:#e2b64d;
}
html,body{min-height:100%;background:var(--moi-bg)!important;color:var(--moi-text)!important}
body{
 background:radial-gradient(ellipse at 12% 0%,rgba(27,117,190,.22),transparent 32%),
 radial-gradient(ellipse at 92% 12%,rgba(34,183,202,.12),transparent 28%),
 linear-gradient(145deg,#071525 0%,#0b1d30 52%,#0a2034 100%)!important;
 background-attachment:fixed!important;color:var(--moi-text)!important;
}
#app-shell>main{padding:30px clamp(22px,3.2vw,64px) 160px!important;max-width:1920px!important;margin:0 auto!important}
#app-shell .topbar{
 position:relative;display:flex;align-items:center;min-height:94px;margin:0 0 28px!important;padding:0 0 22px!important;
 border-bottom:1px solid rgba(156,195,224,.16);gap:24px;
}
#app-shell .topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:112px;height:2px;background:linear-gradient(90deg,var(--moi-cyan),transparent)}
#app-shell .topbar .eyebrow{color:#78c9ec!important;font-size:9px!important;letter-spacing:2px!important;font-weight:900}
#app-shell .topbar h1{color:#f2f8ff!important;font-size:clamp(27px,2.1vw,38px)!important;letter-spacing:-1.3px!important;font-weight:850!important;margin-top:8px!important}
#app-shell .session-timer,#app-shell .date-chip{background:rgba(19,43,66,.78)!important;border:1px solid var(--moi-border)!important;color:#dceafa!important;border-radius:15px!important;box-shadow:0 8px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)}
#app-shell .session-timer small{color:#86a6c0!important}#app-shell .session-timer strong{color:#f4f9ff!important}#app-shell .date-chip{color:#b7cce0!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 36px!important}
#app-shell .stat-card{
 position:relative;overflow:hidden;min-height:116px!important;padding:22px 24px!important;gap:17px!important;
 background:linear-gradient(145deg,rgba(20,48,73,.94),rgba(13,34,54,.96))!important;
 border:1px solid rgba(139,186,221,.19)!important;border-radius:20px!important;
 box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
#app-shell .stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-44px;top:-65px;background:rgba(47,157,224,.08);filter:blur(2px)}
#app-shell .stat-card:hover{transform:translateY(-3px);border-color:rgba(78,183,235,.42)!important;box-shadow:0 20px 42px rgba(0,0,0,.22)!important}
#app-shell .stat-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:17px!important;font-size:22px!important;background:rgba(26,137,224,.15)!important;color:#64c8f4!important;border:1px solid rgba(87,184,239,.17)}
#app-shell .stat-icon.amber{background:rgba(226,182,77,.13)!important;color:#f0c86d!important}
#app-shell .stat-icon.violet{background:rgba(162,130,255,.14)!important;color:#b7a0ff!important}
#app-shell .stat-icon.green{background:rgba(45,198,147,.13)!important;color:#5de0b3!important}
#app-shell .stat-card span{font-size:11px!important;color:#9db5ca!important;letter-spacing:.15px}
#app-shell .stat-card strong{font-size:34px!important;line-height:1!important;color:#f3f8ff!important;letter-spacing:-1px!important;margin-top:8px!important}
#app-shell .section-heading,#app-shell .page-intro{margin:34px 0 18px!important;align-items:flex-end!important}
#app-shell .section-heading h2,#app-shell .page-intro h2{font-size:clamp(21px,1.7vw,29px)!important;color:#f1f7fd!important;letter-spacing:-.7px!important}
#app-shell .section-heading p,#app-shell .page-intro p{font-size:12px!important;color:#8fa9bf!important;margin-top:7px!important}
#app-shell .section-heading .secondary,#app-shell .page-intro .secondary{background:rgba(26,57,83,.82)!important;color:#d6e9f8!important;border:1px solid rgba(146,187,217,.22)!important;border-radius:12px!important}
#app-shell .vehicle-status-tabs{display:flex!important;gap:7px!important;padding:8px!important;margin:0 0 22px!important;background:rgba(14,34,54,.76)!important;border:1px solid rgba(146,187,217,.17)!important;border-radius:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
#app-shell .vehicle-status-tabs .vehicle-filter{padding:12px 18px!important;border-radius:11px!important;color:#a9bfd2!important;font-size:11px!important;font-weight:800!important;transition:all .18s ease}
#app-shell .vehicle-status-tabs .vehicle-filter.active{background:linear-gradient(135deg,#1688f8,#0870d8)!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,111,224,.28)!important}
/* Grade deliberadamente ampla: três veículos por linha no desktop. */
html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:18px 0 34px!important;align-items:stretch!important;
}
html body #app-shell main .cards article.fleet-card{
 display:flex!important;flex-direction:column!important;min-width:0!important;padding:15px!important;overflow:hidden!important;
 background:linear-gradient(155deg,rgba(20,45,68,.98),rgba(12,31,50,.99))!important;
 border:1px solid rgba(146,188,218,.18)!important;border-radius:22px!important;
 box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body #app-shell main .cards article.fleet-card:hover{transform:translateY(-5px)!important;border-color:rgba(71,183,239,.42)!important;box-shadow:0 23px 48px rgba(0,0,0,.28)!important}
#app-shell .fleet-card-image-wrap{
 position:relative!important;height:218px!important;min-height:218px!important;margin:-1px -1px 15px!important;overflow:hidden!important;border-radius:16px!important;
 background:radial-gradient(ellipse at 50% 70%,rgba(54,133,183,.18),transparent 65%),linear-gradient(145deg,#193a56,#102a43 72%,#0e243a)!important;
}
#app-shell .fleet-card-image-wrap:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(7,20,34,.28));pointer-events:none}
#app-shell .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:12px!important;filter:drop-shadow(0 13px 12px rgba(0,0,0,.25))!important;transition:transform .35s ease!important}
#app-shell .fleet-card:hover .fleet-card-image{transform:scale(1.045)!important}
#app-shell .fleet-card-image-wrap .status{position:absolute!important;z-index:2!important;top:12px!important;left:12px!important;padding:8px 12px!important;border-radius:999px!important;font-size:10px!important;font-weight:850!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.13)!important}
#app-shell .fleet-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
html body #app-shell main .cards article.fleet-card h3{font-size:18px!important;line-height:1.25!important;color:#f1f7ff!important;letter-spacing:-.35px!important;margin:0 0 5px!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:11px!important;color:#76bce6!important;font-weight:800!important;letter-spacing:.7px!important;margin:0 0 15px!important}
#app-shell .fleet-card-details{display:grid!important;gap:8px!important;margin:0 0 15px!important}
#app-shell .fleet-detail{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(5,20,35,.38)!important;border:1px solid rgba(140,181,211,.11)!important}
#app-shell .fleet-detail span{font-size:10px!important;color:#89a5bc!important;white-space:nowrap!important}
#app-shell .fleet-detail strong{font-size:10px!important;color:#e0edf8!important;text-align:right!important;font-weight:800!important}
#app-shell .fleet-card-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important}
#app-shell .fleet-secondary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body #app-shell main .cards article.fleet-card button{min-height:39px!important;margin:0!important;padding:10px 11px!important;border-radius:11px!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;background:rgba(28,59,85,.85)!important;color:#c4d9e9!important;border:1px solid rgba(137,181,211,.18)!important;transition:all .18s ease!important}
html body #app-shell main .cards article.fleet-card button:hover{background:rgba(39,83,117,.95)!important;border-color:rgba(83,181,232,.45)!important;color:#fff!important}
html body #app-shell main .cards article.fleet-card button.fleet-primary-action{min-height:48px!important;background:linear-gradient(120deg,#1688f8,#086bd0)!important;color:#fff!important;border:1px solid rgba(114,195,255,.5)!important;box-shadow:0 9px 22px rgba(0,105,218,.23)!important;font-size:12px!important;letter-spacing:.1px!important}
html body #app-shell main .cards article.fleet-card button.danger-button{background:rgba(126,39,48,.22)!important;color:#ff9b9b!important;border-color:rgba(239,112,112,.25)!important}
/* Tabelas, formulários e janelas seguem a mesma linguagem visual. */
#app-shell .table-wrap,#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{
 background:rgba(15,37,58,.94)!important;border:1px solid rgba(146,188,218,.17)!important;border-radius:20px!important;box-shadow:0 16px 38px rgba(0,0,0,.16)!important;color:#eaf4fc!important;
}
#app-shell input,#app-shell select,#app-shell textarea{background:rgba(5,20,35,.55)!important;color:#edf6ff!important;border:1px solid rgba(145,184,211,.24)!important;border-radius:11px!important}
#app-shell label{color:#b4c9da!important}
#app-shell .table-wrap th{color:#8fb1cb!important;background:rgba(5,20,35,.4)!important}
#app-shell .table-wrap td{color:#dceaf5!important;border-color:rgba(146,188,218,.11)!important}
/* Dock Liquid Glass mais presente e integrado à interface. */
#app-shell>main>.liquid-glass-nav{
 width:min(1500px,calc(100vw - 72px))!important;max-width:1500px!important;min-height:82px!important;
 padding:12px 18px!important;gap:18px!important;border-radius:26px!important;
 background:linear-gradient(120deg,rgba(22,49,74,.86),rgba(11,30,49,.82))!important;
 border:1px solid rgba(160,206,236,.27)!important;
 box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13)!important;
 backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand>span{color:#f1f8ff!important;font-size:13px!important;font-weight:900!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span small{color:#88a9c2!important;font-size:8px!important}
#app-shell>main>.liquid-glass-nav .glass-links button{color:#b8cde0!important;min-width:68px!important;padding:10px 11px!important;border-radius:15px!important}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:19px!important;color:#8fc9ed!important}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;font-weight:850!important}
#app-shell>main>.liquid-glass-nav .glass-links button.active{background:linear-gradient(145deg,rgba(36,143,224,.32),rgba(26,105,173,.22))!important;border:1px solid rgba(94,190,244,.34)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 18px rgba(0,0,0,.12)!important}
#app-shell>main>.liquid-glass-nav .glass-links .nav-record-button{background:linear-gradient(120deg,#1688f8,#0870d8)!important;color:white!important;border:1px solid rgba(130,205,255,.5)!important;box-shadow:0 8px 20px rgba(0,105,218,.25)!important}
#app-shell>main>.liquid-glass-nav .glass-user{color:#dceafa!important}
#app-shell>main>.liquid-glass-nav .glass-user button{background:rgba(255,255,255,.1)!important;color:#eaf6ff!important;border:1px solid rgba(255,255,255,.13)!important}
@media(max-width:1450px){
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 #app-shell .fleet-card-image-wrap{height:190px!important;min-height:190px!important}
 #app-shell>main>.liquid-glass-nav{gap:8px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:58px!important;padding:8px!important}
}
@media(max-width:1050px){
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell>main{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:760px){
 #app-shell>main{padding:16px 13px calc(124px + env(safe-area-inset-bottom))!important}
 #app-shell .topbar{min-height:72px!important;margin-bottom:20px!important}
 #app-shell .topbar h1{font-size:25px!important}
 #app-shell .stats{gap:9px!important;margin-bottom:23px!important}
 #app-shell .stat-card{min-height:82px!important;padding:13px!important;gap:10px!important;border-radius:15px!important}
 #app-shell .stat-icon{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}
 #app-shell .stat-card span{font-size:9px!important;white-space:normal!important}
 #app-shell .stat-card strong{font-size:25px!important}
 #app-shell .section-heading,#app-shell .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin:25px 0 15px!important}
 #app-shell .vehicle-status-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}
 #app-shell .vehicle-status-tabs .vehicle-filter{white-space:nowrap!important;padding:10px 13px!important}
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:1fr!important;gap:14px!important}
 #app-shell .fleet-card-image-wrap{height:205px!important;min-height:205px!important}
 #app-shell>main>.liquid-glass-nav{width:auto!important;max-width:none!important;min-height:64px!important;padding:7px 6px!important;gap:2px!important;border-radius:21px!important}
 #app-shell>main>.liquid-glass-nav .glass-brand{display:none!important}
 #app-shell>main>.liquid-glass-nav .glass-links{justify-content:flex-start!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:48px!important;padding:7px 5px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button b{font-size:8px!important}
}
/* Temas de alto contraste continuam legíveis; tema claro mantém opção própria. */
html[data-theme="light"] body,html[data-theme="glass-light"] body{background:linear-gradient(145deg,#edf4fa,#e6eff7)!important;color:#19334a!important}
html[data-theme="light"] #app-shell .topbar h1,html[data-theme="glass-light"] #app-shell .topbar h1,
html[data-theme="light"] #app-shell .section-heading h2,html[data-theme="glass-light"] #app-shell .section-heading h2,
html[data-theme="light"] #app-shell .page-intro h2,html[data-theme="glass-light"] #app-shell .page-intro h2{color:#17344e!important}
html[data-theme="light"] #app-shell .stat-card,html[data-theme="glass-light"] #app-shell .stat-card,
html[data-theme="light"] #app-shell main .cards article.fleet-card,html[data-theme="glass-light"] #app-shell main .cards article.fleet-card{background:linear-gradient(145deg,#fff,#f4f8fc)!important;border-color:#d6e3ed!important}
html[data-theme="light"] #app-shell .stat-card strong,html[data-theme="glass-light"] #app-shell .stat-card strong,
html[data-theme="light"] #app-shell main .cards article.fleet-card h3,html[data-theme="glass-light"] #app-shell main .cards article.fleet-card h3{color:#17344e!important}
html[data-theme="light"] #app-shell .fleet-detail,html[data-theme="glass-light"] #app-shell .fleet-detail{background:#edf3f8!important;border-color:#dce7ef!important}
html[data-theme="light"] #app-shell .fleet-detail span,html[data-theme="glass-light"] #app-shell .fleet-detail span{color:#71879b!important}
html[data-theme="light"] #app-shell .fleet-detail strong,html[data-theme="glass-light"] #app-shell .fleet-detail strong{color:#284963!important}
html[data-theme="light"] #app-shell>main>.liquid-glass-nav,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav{background:rgba(255,255,255,.84)!important;border-color:#fff!important}
html[data-theme="light"] #app-shell>main>.liquid-glass-nav .glass-brand>span,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-brand>span,
html[data-theme="light"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button{color:#284963!important}


/* MOI.AI 2.1 — ajuste fino de margens e alinhamento */
html,body{width:100%;min-width:320px;margin:0!important;overflow-x:hidden!important}
#app-shell{width:100%!important;max-width:none!important;margin:0 auto!important}
#app-shell>main{box-sizing:border-box!important;width:100%!important;max-width:1680px!important;margin:0 auto!important;padding:30px clamp(24px,2.6vw,46px) 154px!important}
#app-shell .topbar{width:100%!important;margin:0 0 30px!important;padding:0 0 22px!important}
#app-shell .stats{width:100%!important;margin:0 0 32px!important;gap:18px!important}
#app-shell .section-heading,#app-shell .page-intro{width:100%!important;margin:30px 0 17px!important}
#app-shell .vehicle-status-tabs{width:100%!important;box-sizing:border-box!important;margin:0 0 22px!important}
html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{width:100%!important;box-sizing:border-box!important;margin:0 0 34px!important;gap:20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #app-shell main .cards article.fleet-card{min-width:0!important;box-sizing:border-box!important}
#app-shell .table-wrap,#app-shell .panel,#app-shell .form-card{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important}
#app-shell>main>.liquid-glass-nav{left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important;width:min(1120px,calc(100% - 64px))!important;max-width:1120px!important;box-sizing:border-box!important}
@media(min-width:1681px){#app-shell>main{max-width:1760px!important}}
@media(max-width:1100px){#app-shell>main{padding:24px 26px 142px!important}html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}#app-shell>main>.liquid-glass-nav{width:calc(100% - 40px)!important}}
@media(max-width:680px){#app-shell>main{padding:18px 15px calc(124px + env(safe-area-inset-bottom))!important}#app-shell .topbar{margin-bottom:22px!important}#app-shell .stats{gap:10px!important;margin-bottom:24px!important}#app-shell .section-heading,#app-shell .page-intro{margin:24px 0 14px!important}html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}#app-shell>main>.liquid-glass-nav{width:calc(100% - 22px)!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}}

/* MOI.AI 2.2 — temas unificados: cores consistentes em todo o sistema */
html[data-theme="dark"]{color-scheme:dark;--theme-bg:#091725;--theme-surface:#122638;--theme-surface-2:#193247;--theme-text:#edf5fc;--theme-muted:#a9bfd1;--theme-border:#2b455b;--theme-input:#0d2030;--theme-nav:rgba(12,32,50,.94);--theme-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme="light"]{color-scheme:light;--theme-bg:#edf3f8;--theme-surface:#fff;--theme-surface-2:#f5f8fb;--theme-text:#18364d;--theme-muted:#5d7487;--theme-border:#d2dee8;--theme-input:#fff;--theme-nav:rgba(255,255,255,.94);--theme-shadow:0 10px 28px rgba(25,57,80,.09)}
html[data-theme="contrast"]{color-scheme:dark;--theme-bg:#000;--theme-surface:#000;--theme-surface-2:#080808;--theme-text:#fff;--theme-muted:#fff;--theme-border:#fff;--theme-input:#000;--theme-nav:#000;--theme-shadow:none}
html[data-theme="glass"]{color-scheme:dark;--theme-bg:#0a1830;--theme-surface:rgba(255,255,255,.105);--theme-surface-2:rgba(255,255,255,.16);--theme-text:#f3f8ff;--theme-muted:#c4d4e5;--theme-border:rgba(255,255,255,.27);--theme-input:rgba(255,255,255,.10);--theme-nav:rgba(18,39,65,.68);--theme-shadow:0 18px 44px rgba(2,12,28,.28)}
html[data-theme="glass-light"]{color-scheme:light;--theme-bg:#eaf1f7;--theme-surface:rgba(255,255,255,.68);--theme-surface-2:rgba(255,255,255,.82);--theme-text:#18364d;--theme-muted:#5d7487;--theme-border:rgba(255,255,255,.88);--theme-input:rgba(255,255,255,.78);--theme-nav:rgba(255,255,255,.76);--theme-shadow:0 16px 38px rgba(32,68,94,.13)}
html[data-theme] body,html[data-theme] #app-shell{background:var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme] #app-shell main,html[data-theme] #app-shell .view,html[data-theme] #app-shell .page-intro,html[data-theme] #app-shell .section-heading{color:var(--theme-text)!important}
html[data-theme] #app-shell :is(h1,h2,h3,h4,strong,label,dt,.stat-card strong,.fleet-detail strong){color:var(--theme-text)!important}
html[data-theme] #app-shell :is(p,small,.eyebrow,.muted,.subtitle,.fleet-detail span,dd){color:var(--theme-muted)!important}
html[data-theme] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.modal-card,.docs-form,.docs-list-panel,.reservation-form,.reservation-list-panel,.reservation-card,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,.access-block-card,.session-timer,.date-chip,.vehicle-status-tabs,.dashboard-status-tabs,dialog,.appearance-dialog){background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] #app-shell :is(input,select,textarea){background:var(--theme-input)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;color-scheme:inherit}
html[data-theme] #app-shell :is(input,textarea)::placeholder{color:var(--theme-muted)!important;opacity:.85}
html[data-theme] #app-shell option{background:var(--theme-surface);color:var(--theme-text)}
html[data-theme] #app-shell table,html[data-theme] #app-shell tbody{background:transparent!important;color:var(--theme-text)!important}
html[data-theme] #app-shell th{background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme] #app-shell td{background:transparent!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme] #app-shell tr:hover td{background:var(--theme-surface-2)!important}
html[data-theme] #app-shell :is(.liquid-glass-nav,.mobile-tabbar){background:var(--theme-nav)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] #app-shell :is(.liquid-glass-nav .glass-links button,.liquid-glass-nav .glass-brand,.liquid-glass-nav .glass-user,.mobile-tabbar button){color:var(--theme-text)!important}
html[data-theme] #app-shell :is(.fleet-detail,.filter-chip,.table-toolbar,.recipient-box){background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell,html[data-theme="contrast"] #app-shell main{background:#000!important;color:#fff!important}
html[data-theme="contrast"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,dialog,.form-card,.settings-system-info,.liquid-glass-nav,.mobile-tabbar,.session-timer,.date-chip){background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="contrast"] #app-shell :is(h1,h2,h3,h4,p,small,strong,label,span,td,th,dt,dd){color:#fff!important}
html[data-theme="contrast"] #app-shell :is(button.primary,.primary){background:#ff0!important;color:#000!important;border:2px solid #ff0!important}
html[data-theme="glass"] body,html[data-theme="glass"] #app-shell{background:radial-gradient(ellipse at 12% 8%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(120,90,220,.28),transparent 42%),linear-gradient(145deg,#08162d,#102b49 55%,#0b1c34) fixed!important}
html[data-theme="glass"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,dialog,.session-timer,.date-chip,.vehicle-status-tabs){background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.065))!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important}
html[data-theme="glass"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(255,255,255,.10)!important;color:#f3f8ff!important;border-color:rgba(255,255,255,.24)!important}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{background:radial-gradient(ellipse at 12% 8%,color-mix(in srgb,var(--accent) 18%,white),transparent 44%),radial-gradient(ellipse at 88% 15%,rgba(120,160,210,.18),transparent 42%),linear-gradient(145deg,#f8fbfe,#e6eff6 58%,#f9fbfd) fixed!important}
html[data-theme="glass-light"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,dialog,.session-timer,.date-chip,.vehicle-status-tabs,.liquid-glass-nav,.mobile-tabbar){background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48))!important;border:1px solid rgba(255,255,255,.92)!important;color:#18364d!important;box-shadow:0 16px 38px rgba(32,68,94,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important}
html[data-theme="glass-light"] #app-shell :is(h1,h2,h3,h4,strong,label,td,th,dt,dd,.glass-brand,.glass-user,.glass-links button){color:#18364d!important}
html[data-theme="glass-light"] #app-shell :is(p,small,.eyebrow,.muted,.subtitle,.fleet-detail span){color:#5d7487!important}
html[data-theme="glass-light"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(255,255,255,.78)!important;color:#18364d!important;border-color:rgba(145,170,190,.48)!important}
html[data-theme="glass-light"] #app-shell th{background:rgba(236,244,250,.86)!important;color:#18364d!important}
html[data-theme="glass-light"] #app-shell td{background:transparent!important;color:#18364d!important}
html[data-theme="glass-light"] #app-shell .liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;color:#18364d!important}


/* SIGA 3.1 | identidade visual consolidada */
:root{--siga-navy:#071a2b;--siga-deep:#0b2439;--siga-blue:#087db8;--siga-cyan:#25c5ed;--siga-ink:#eaf4fb;--siga-muted:#9bb2c5;--siga-edge:rgba(133,190,222,.20)}
html[data-theme="dark"] body,html[data-theme="dark"] #app-shell{background:radial-gradient(ellipse at 15% -5%,rgba(18,105,153,.28),transparent 38%),radial-gradient(ellipse at 90% 12%,rgba(18,74,120,.20),transparent 34%),linear-gradient(145deg,#071522 0%,#0a2033 52%,#0b1a2a 100%) fixed!important;color:#eaf4fb!important}
html[data-theme="dark"] #app-shell main{color:#eaf4fb!important}
html[data-theme="dark"] #app-shell .topbar h1,html[data-theme="dark"] #app-shell :is(.page-intro h2,.section-heading h2,.section-heading h3,.cards h3,.agenda-summary h3){color:#f2f8fd!important}
html[data-theme="dark"] #app-shell :is(.eyebrow,.page-intro p,.section-heading p,.cards p,.stat-card span,.session-timer small){color:#9db5c8!important}
html[data-theme="dark"] #app-shell :is(.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,.session-timer,.date-chip,.vehicle-status-tabs,.table-toolbar input,.search-wide){background:linear-gradient(145deg,rgba(20,48,70,.92),rgba(12,34,52,.94))!important;border:1px solid var(--siga-edge)!important;color:#eaf4fb!important;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important}
html[data-theme="dark"] #app-shell .welcome-panel{background:linear-gradient(115deg,#103b5b,#075d87 62%,#087eaa)!important;border:1px solid rgba(93,202,239,.26)!important;box-shadow:0 22px 48px rgba(0,0,0,.24)!important}
html[data-theme="dark"] #app-shell .table-wrap{overflow:auto;border-radius:17px!important}
html[data-theme="dark"] #app-shell th{background:rgba(31,67,91,.92)!important;color:#c5d9e8!important;border-color:rgba(133,190,222,.17)!important}
html[data-theme="dark"] #app-shell td{background:transparent!important;color:#dceaf4!important;border-color:rgba(133,190,222,.14)!important}
html[data-theme="dark"] #app-shell tr:hover td{background:rgba(47,119,157,.13)!important}
html[data-theme="dark"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(5,23,37,.76)!important;color:#eaf4fb!important;border:1px solid rgba(133,190,222,.25)!important}
html[data-theme="dark"] #app-shell input::placeholder{color:#7894aa!important}
html[data-theme="dark"] #app-shell .liquid-glass-nav{background:linear-gradient(120deg,rgba(17,43,64,.94),rgba(12,31,49,.94))!important;border:1px solid rgba(117,190,225,.30)!important;box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(26px) saturate(160%)!important}
html[data-theme="dark"] #app-shell .glass-links button{color:#c5d9e8!important;border-radius:13px!important}
html[data-theme="dark"] #app-shell .glass-links button.active{background:linear-gradient(135deg,rgba(17,126,181,.34),rgba(27,78,112,.55))!important;border:1px solid rgba(72,190,236,.38)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.16)!important}
html[data-theme="dark"] #app-shell .glass-links button:hover{background:rgba(63,145,184,.18)!important}
html[data-theme="dark"] #app-shell .glass-brand,html[data-theme="dark"] #app-shell .glass-user{color:#f1f8fd!important}
html[data-theme="dark"] #app-shell .glass-brand small{color:#8fb6ce!important}
html[data-theme="dark"] #app-shell .date-chip{color:#d5e8f4!important}
html[data-theme="dark"] #app-shell .stat-card{border-radius:19px!important;min-height:104px}
html[data-theme="dark"] #app-shell .stat-icon.blue{background:rgba(28,139,193,.18)!important;color:#64d5ff!important}
html[data-theme="dark"] #app-shell .stat-icon.green{background:rgba(38,164,117,.18)!important;color:#6de0b1!important}
html[data-theme="dark"] #app-shell .stat-icon.amber{background:rgba(202,143,43,.18)!important;color:#ffd17a!important}
html[data-theme="dark"] #app-shell .stat-icon.violet{background:rgba(135,111,220,.18)!important;color:#c4b4ff!important}
html[data-theme="dark"] #app-shell button.secondary,html[data-theme="dark"] #app-shell td button,html[data-theme="dark"] #app-shell .cards article button{background:rgba(36,82,111,.56)!important;color:#d9effb!important;border:1px solid rgba(126,191,221,.22)!important}
html[data-theme="dark"] #app-shell button.primary,html[data-theme="dark"] #app-shell .primary{background:linear-gradient(135deg,#087fb9,#0b9bd0)!important;color:#fff!important;border:1px solid rgba(108,218,255,.36)!important;box-shadow:0 8px 22px rgba(0,119,177,.25)!important}
html[data-theme="dark"] #app-shell .status{background:rgba(32,154,112,.18)!important;color:#82e4b9!important}
html[data-theme="dark"] #app-shell .status.busy{background:rgba(197,139,40,.18)!important;color:#ffd17a!important}
html[data-theme="dark"] #app-shell .sidebar{background:linear-gradient(180deg,rgba(8,27,43,.98),rgba(10,37,57,.96))!important;border-right:1px solid rgba(119,183,214,.17)!important}
html[data-theme="dark"] #app-shell .sidebar-brand strong{color:#f2f8fd!important}
html[data-theme="dark"] #app-shell .sidebar-brand small{color:#91b0c5!important}
/* A marca usa a arte original sem filtros que apaguem o contraste. */
#app-shell .glass-brand-logo,#app-shell .showcase-logo,#app-shell .mobile-brand img,#app-shell .logo-mark img,.login-showcase .showcase-logo{filter:none!important;object-fit:contain!important}
#app-shell .glass-brand-logo{width:46px!important;height:46px!important;border-radius:11px!important;box-shadow:0 4px 16px rgba(0,0,0,.22)}
#app-shell .logo-mark{background:transparent!important;border:0!important;box-shadow:none!important}
#app-shell .sidebar-brand .logo-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
#app-shell .liquid-glass-nav{min-height:82px!important;padding:10px 18px!important;border-radius:23px!important}
#app-shell .glass-brand{gap:11px!important;min-width:205px}
#app-shell .glass-brand>span{font-size:18px!important;font-weight:850!important;letter-spacing:.2px}
#app-shell .glass-brand small{display:block;font-size:7px!important;letter-spacing:.55px!important;margin-top:3px;white-space:nowrap}
#app-shell .glass-links{gap:4px!important}
#app-shell .glass-links button{min-width:66px!important;padding:10px 9px!important;gap:5px!important}
#app-shell .glass-links button span{font-size:17px!important}
#app-shell .glass-links button b{font-size:9px!important;white-space:nowrap}
#app-shell .glass-user{font-size:10px!important;white-space:nowrap}
#app-shell .topbar{padding:9px 2px 22px!important;border-bottom:1px solid rgba(125,180,208,.13);margin-bottom:24px}
#app-shell .topbar h1{font-size:30px!important;letter-spacing:-.8px!important}
#app-shell .page-intro h2{font-size:27px!important;letter-spacing:-.55px!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{font-size:18px!important}
#app-shell .cards article,#app-shell .stat-card{transition:transform .22s ease,box-shadow .22s ease!important}
#app-shell .cards article:hover,#app-shell .stat-card:hover{transform:translateY(-3px)!important}
.login-screen{background:#071a2b!important}
.login-showcase{background:radial-gradient(ellipse at 75% 12%,rgba(0,167,220,.30),transparent 38%),linear-gradient(145deg,#071a2b,#0b3453 60%,#075b83)!important}
.login-showcase .showcase-logo{width:min(560px,88%);height:auto;max-height:170px;object-fit:contain;object-position:left center;border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.login-showcase .showcase-tag{border:1px solid rgba(130,205,237,.28);background:rgba(7,29,46,.40);padding:9px 12px;border-radius:30px;color:#c4e5f4!important}
.login-side{background:radial-gradient(ellipse at 50% 15%,#e5f4fb,#f6f9fc 60%)!important}
.login-card{padding:34px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(12,43,65,.12)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important}
@media(max-width:1100px){#app-shell .liquid-glass-nav{min-height:72px!important;padding:8px 10px!important}#app-shell .glass-brand{min-width:130px}#app-shell .glass-brand small{display:none!important}#app-shell .glass-links button{min-width:54px!important;padding:8px 6px!important}}
@media(max-width:760px){#app-shell .liquid-glass-nav{min-height:64px!important;padding:7px!important;border-radius:18px!important}#app-shell .glass-brand{min-width:auto!important}#app-shell .glass-brand>span{font-size:14px!important}#app-shell .glass-brand-logo{width:36px!important;height:36px!important}#app-shell .glass-links{max-width:calc(100vw - 150px);overflow-x:auto}#app-shell .glass-links button{min-width:50px!important}#app-shell .glass-links button b{font-size:8px!important}#app-shell .glass-user{display:none!important}.login-card{padding:25px!important}}


/* SIGA 3.3 — Liquid Glass real: vidro translúcido, reflexos e profundidade */
:root{
  color-scheme:dark;
  --siga-glass:rgba(18,31,49,.42);
  --siga-glass-strong:rgba(19,34,54,.62);
  --siga-glass-border:rgba(224,242,255,.24);
  --siga-glass-highlight:rgba(255,255,255,.38);
  --siga-glass-shadow:0 18px 55px rgba(0,8,22,.28),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.045);
  --siga-cyan:#72ddff;
}
html,body{
  background:#071426!important;
  color:#edf6ff!important;
}
body{
  background:
    radial-gradient(ellipse at 12% 8%,rgba(0,177,205,.22),transparent 35%),
    radial-gradient(ellipse at 88% 14%,rgba(81,105,210,.25),transparent 36%),
    radial-gradient(ellipse at 52% 100%,rgba(13,91,142,.24),transparent 42%),
    linear-gradient(135deg,#071522 0%,#0b1c32 48%,#111d3b 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 20% 28%,rgba(255,255,255,.055) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 62%,rgba(255,255,255,.04) 0 1px,transparent 2px);
  background-size:31px 31px,43px 43px;opacity:.24;
}
#app-shell,main{background:transparent!important;color:#edf6ff!important}
.topbar h1,.page-intro h2,.section-heading h2,.welcome-panel h2,
.settings-info-heading h3{color:#f4f9ff!important}
.eyebrow,.topbar .eyebrow{color:#a9c5dc!important}
p,.page-intro p,.section-heading p,.stat-card span,.cards p{color:#bfd0e1!important}

/* Barra de navegação: vidro fumê com reflexo superior e borda refratada */
.liquid-glass-nav{
  position:sticky!important;top:12px!important;isolation:isolate;
  background:linear-gradient(112deg,rgba(222,243,255,.16),rgba(128,174,215,.075) 42%,rgba(94,137,199,.12))!important;
  border:1px solid rgba(225,244,255,.32)!important;
  border-radius:25px!important;
  box-shadow:0 22px 65px rgba(0,7,20,.34),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(115,190,232,.07)!important;
  backdrop-filter:blur(34px) saturate(190%) brightness(1.12)!important;
  -webkit-backdrop-filter:blur(34px) saturate(190%) brightness(1.12)!important;
}
.liquid-glass-nav:before{
  content:""!important;position:absolute;inset:1px!important;border-radius:inherit!important;
  background:linear-gradient(118deg,rgba(255,255,255,.20),transparent 23%,transparent 68%,rgba(141,195,255,.10))!important;
  border-top:1px solid rgba(255,255,255,.26);pointer-events:none;z-index:-1;
}
.liquid-glass-nav:after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  opacity:.7;pointer-events:none;
}
.glass-brand,.glass-brand>span,.glass-brand small{color:#f2f8ff!important}
.glass-brand-logo{filter:drop-shadow(0 3px 8px rgba(0,0,0,.38))!important}
.glass-links button{
  color:rgba(231,243,255,.82)!important;text-shadow:0 1px 4px rgba(0,0,0,.2);
  background:transparent!important;border:1px solid transparent!important;
  border-radius:14px!important;transition:all .22s ease!important;
}
.glass-links button:hover{
  background:rgba(255,255,255,.105)!important;border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 18px rgba(0,0,0,.12)!important;
}
.glass-links button.active{
  color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.16)!important;
}
.glass-user{color:#dceafa!important;border-left-color:rgba(255,255,255,.2)!important}
.glass-user button{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}

/* Superfícies: transparência real, desfoque do fundo e borda de vidro */
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,
.modal-card,.session-timer,.date-chip,.maintenance-alert,#driver-track-status,
.welcome-panel,.view .panel,.view .card{
  background:linear-gradient(135deg,rgba(225,241,255,.115),rgba(143,181,222,.045) 52%,rgba(255,255,255,.075))!important;
  border:1px solid var(--siga-glass-border)!important;
  border-radius:20px!important;
  box-shadow:var(--siga-glass-shadow)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
  color:#f1f7ff!important;
}
.stat-card,.cards article{position:relative;overflow:hidden}
.stat-card:before,.cards article:before{
  content:"";position:absolute;inset:0 0 auto;height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,.085),transparent);
  pointer-events:none;
}
.stat-card strong,.cards h3,.settings-system-info dd,td{color:#f3f8ff!important}
.stat-icon{background:rgba(208,233,255,.12)!important;color:#a8e5ff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.welcome-panel{
  background:linear-gradient(115deg,rgba(61,161,204,.18),rgba(81,111,185,.12))!important;
}
.welcome-panel:after{opacity:.5}
.table-wrap{overflow:auto}
table{background:transparent!important;color:#edf6ff!important}
table th,th{
  background:rgba(223,240,255,.105)!important;color:#dff2ff!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
}
table td,td{
  background:rgba(8,20,38,.13)!important;color:#e7f1fb!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
tr:hover td{background:rgba(160,211,255,.10)!important}
input,select,textarea,.search-wide,.table-toolbar input,
.login-card input,dialog input,dialog select{
  background:rgba(5,17,32,.34)!important;color:#f4f8ff!important;
  border:1px solid rgba(220,240,255,.22)!important;border-radius:13px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
input::placeholder,textarea::placeholder{color:#a8bdd1!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(111,213,255,.68)!important;
  box-shadow:0 0 0 3px rgba(66,181,230,.13),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
button.primary,.primary{
  background:linear-gradient(135deg,rgba(91,196,245,.92),rgba(45,128,207,.92))!important;
  color:#06182b!important;border:1px solid rgba(224,247,255,.55)!important;
  box-shadow:0 8px 24px rgba(26,132,207,.24),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
button.secondary,.secondary{
  background:rgba(223,239,255,.105)!important;color:#eaf5ff!important;
  border:1px solid rgba(220,240,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.status{background:rgba(74,197,151,.17)!important;color:#a8f1d0!important;border:1px solid rgba(125,236,194,.25)}
.busy{background:rgba(239,178,81,.16)!important;color:#ffdc9c!important;border-color:rgba(255,211,135,.25)}
.login-screen{background:transparent!important}
.login-showcase{background:linear-gradient(145deg,rgba(20,73,110,.68),rgba(9,29,53,.52))!important;backdrop-filter:blur(28px)!important}
.login-side{background:transparent!important}
.login-card{background:rgba(12,27,46,.48)!important;border:1px solid rgba(226,243,255,.22)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important}
.login-card h2,.login-card label{color:#f4f8ff!important}
.login-subtitle,.login-security,.login-footer{color:#b9cde0!important}
.maintenance-alert{background:linear-gradient(120deg,rgba(130,91,31,.20),rgba(19,31,48,.48))!important}
dialog{background:rgba(14,27,44,.82)!important;color:#f4f8ff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;backdrop-filter:blur(30px) saturate(160%)!important}
dialog::backdrop{background:rgba(3,9,19,.48)!important;backdrop-filter:blur(8px)!important}
@media(max-width:900px){
  .liquid-glass-nav{background:rgba(20,37,58,.60)!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important}
}
@media(prefers-reduced-transparency:reduce){
  .liquid-glass-nav,.stat-card,.cards article,.table-wrap,.login-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(17,31,49,.94)!important}
}


/* SIGA 3.5 — aviso obrigatório de manutenção */
.urgent-notice-overlay{
  position:fixed!important;inset:0!important;z-index:20000!important;
  display:grid!important;place-items:center!important;padding:24px!important;
  background:rgba(3,10,22,.72)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.urgent-notice-overlay.hidden{display:none!important}
.urgent-notice-modal{
  width:min(560px,calc(100vw - 36px))!important;padding:30px!important;
  border-radius:26px!important;
  color:#f3f8ff!important;
  background:linear-gradient(145deg,rgba(38,67,96,.91),rgba(11,27,47,.94))!important;
  border:1px solid rgba(221,242,255,.34)!important;
  border-top:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(34px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(175%)!important;
}
.urgent-notice-top{color:#9ce8ff!important;letter-spacing:1.4px!important}
.urgent-notice-top b{
  color:#fff!important;background:rgba(221,83,83,.85)!important;
  border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;
  padding:7px 12px!important;
}
.urgent-notice-modal h2{color:#fff!important;font-size:27px!important;margin:20px 0 12px!important}
.urgent-notice-modal p{color:#d8e8f7!important;font-size:15px!important;line-height:1.65!important}
.urgent-notice-modal small{color:#a9c3d9!important;display:block!important;margin:20px 0!important}
.urgent-notice-modal button{
  width:100%!important;border-radius:13px!important;padding:13px 18px!important;
  color:#07192c!important;background:linear-gradient(135deg,#9be9ff,#54b9ed)!important;
  border:1px solid rgba(255,255,255,.55)!important;font-weight:850!important;
  box-shadow:0 10px 28px rgba(45,166,226,.22),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body.maintenance-locked{overflow:hidden!important}

/* SIGA 3.6: camada de manutenção sempre acima do sistema */
#maintenance-notice-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid;place-items:center}
#maintenance-notice-overlay.hidden{display:none!important}
#maintenance-notice-overlay:not(.hidden){visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#maintenance-notice-overlay .urgent-notice-modal{position:relative;z-index:1;max-height:calc(100vh - 40px);overflow:auto}
#app-shell[inert]{pointer-events:none!important;user-select:none!important}
.access-block-screen:not(.hidden){position:fixed!important;inset:0!important;z-index:2147483001!important;display:grid!important;place-items:center!important;background:rgba(3,10,22,.88)!important;backdrop-filter:blur(18px)!important}

/* Autorização administrativa por NFC */
.admin-approval-dialog{width:min(440px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:26px;background:var(--panel,#151c28);color:var(--text,#f4f7fb);box-shadow:0 28px 90px rgba(0,0,0,.48)}
.admin-approval-dialog::backdrop{background:rgba(3,8,18,.72);backdrop-filter:blur(8px)}
.approval-head{display:flex;align-items:center;justify-content:space-between}
.approval-symbol{width:68px;height:68px;border-radius:22px;margin:22px auto 14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(79,157,235,.24),rgba(79,157,235,.06));border:1px solid rgba(125,184,245,.3)}
.approval-nfc{font-size:42px;color:var(--blue,#4c9be8)}
.admin-approval-dialog h2{text-align:center;margin:8px 0}
.admin-approval-dialog>p{text-align:center;color:var(--muted,#9aa9bb)}
.approval-scan{width:100%;margin:14px 0 4px;min-height:48px}
.approval-scan span{font-size:22px;margin-right:8px}
.approval-status,.approval-error{font-size:12px;min-height:18px}
.approval-or{display:flex;align-items:center;gap:12px;margin:15px 0;color:var(--muted,#9aa9bb);font-size:11px}
.approval-or:before,.approval-or:after{content:"";height:1px;flex:1;background:rgba(150,165,185,.25)}
.admin-approval-dialog label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.admin-approval-dialog input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(150,165,185,.3);background:rgba(120,140,165,.08);color:inherit;font:inherit}
.approval-error{color:#f87171!important}
.approval-footnote{display:block;text-align:center;color:var(--muted,#9aa9bb);font-size:11px;margin-top:14px;line-height:1.5}
.admin-approval-dialog .actions{display:flex;gap:10px;margin-top:16px}
.admin-approval-dialog .actions button{flex:1}


/* SIGA 4.3/4.4 - refinamento do tema claro */
html[data-theme="light"]{
  color-scheme:light;
  --navy:#173b55;--muted:#62788a;--line:#d5e0e9;--white:#ffffff;
  --text-main:#1b3347;--glass-bg:#ffffff;--glass-bg-strong:#ffffff;
  --glass-border:#d7e2eb;--glass-shadow:0 8px 24px rgba(27,55,78,.08);
}
html[data-theme="light"] body,
html[data-theme="light"] #app-shell,
html[data-theme="light"] main{
  background:#f1f5f9!important;color:#1b3347!important;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .liquid-glass-nav{
  background:#ffffff!important;color:#1b3347!important;
  border:1px solid #dce5ed!important;box-shadow:0 8px 24px rgba(28,55,77,.08)!important;
}
html[data-theme="light"] .sidebar :is(a,button,.user-info,strong),
html[data-theme="light"] .liquid-glass-nav .glass-links button:not(.nav-record-button){
  color:#29465c!important;
}
html[data-theme="light"] .page-intro h2,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] h1,html[data-theme="light"] h2,
html[data-theme="light"] h3,html[data-theme="light"] h4{
  color:#173b55!important;
}
html[data-theme="light"] p,
html[data-theme="light"] label,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .eyebrow{color:#5d7487!important}
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .cards article,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .form-card,
html[data-theme="light"] .reservation-form,
html[data-theme="light"] .reservation-list-panel,
html[data-theme="light"] .reservation-card,
html[data-theme="light"] .notice-card,
html[data-theme="light"] .notice-form,
html[data-theme="light"] .maintenance-admin-panel,
html[data-theme="light"] .recipient-box,
html[data-theme="light"] .agenda-table-panel,
html[data-theme="light"] .agenda-summary,
html[data-theme="light"] .settings-system-info,
html[data-theme="light"] .vehicle-document-card,
html[data-theme="light"] .docs-form,
html[data-theme="light"] .docs-list-panel{
  background:#ffffff!important;color:#20384c!important;
  border:1px solid #dbe5ed!important;box-shadow:0 5px 18px rgba(30,60,84,.055)!important;
}
html[data-theme="light"] th{background:#e8eff5!important;color:#29465c!important}
html[data-theme="light"] td{background:#ffffff!important;color:#29465c!important;border-color:#e3eaf0!important}
html[data-theme="light"] tr:nth-child(even) td{background:#f7f9fb!important}
html[data-theme="light"] tr:hover td{background:#edf5fa!important}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;color:#20384c!important;border:1px solid #cbd8e3!important;
  box-shadow:none!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8295a5!important}
html[data-theme="light"] button.secondary,
html[data-theme="light"] .secondary{
  background:#e8f0f6!important;color:#24445c!important;border:1px solid #cbdce8!important;
}
html[data-theme="light"] button.primary,
html[data-theme="light"] .primary,
html[data-theme="light"] .nav-record-button{
  background:#087dbb!important;color:#ffffff!important;border:1px solid #087dbb!important;
}
html[data-theme="light"] .session-timer,
html[data-theme="light"] .date-chip{background:#ffffff!important;color:#29465c!important;border:1px solid #dbe5ed!important}
html[data-theme="light"] .appearance-panel{background:#ffffff!important}
html[data-theme="light"] .status{filter:saturate(.9)}

.approval-mobile-address{padding:10px 12px;border:1px solid rgba(85,160,205,.28);border-radius:10px;background:rgba(30,90,125,.12);overflow-wrap:anywhere}
.approval-mobile-address strong{color:var(--accent,#4c9be8)}


/* SIGA 4.7 — janela de autorização reorganizada */
.admin-approval-dialog{
 width:min(500px,calc(100vw - 30px))!important;
 max-height:min(90vh,760px);overflow-y:auto;
 padding:24px!important;border-radius:22px!important;
 background:linear-gradient(155deg,#142d42 0%,#0b2032 100%)!important;
 border:1px solid rgba(105,174,215,.34)!important;
 box-shadow:0 30px 100px rgba(0,0,0,.58)!important
}
.admin-approval-dialog .approval-head{gap:12px}
.approval-kicker{font-size:10px;letter-spacing:.16em;color:#8caec4;font-weight:800;margin-top:5px}
.admin-approval-dialog .approval-symbol{width:58px;height:58px;margin:18px auto 10px;border-radius:18px}
.admin-approval-dialog h2{font-size:23px;letter-spacing:-.03em;margin:8px 0 6px}
.admin-approval-dialog .approval-description{font-size:13px;line-height:1.5;margin:0 auto 18px;max-width:390px}
.approval-methods{display:grid;gap:12px}
.approval-method{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(103,157,190,.26);border-radius:15px;background:rgba(34,75,103,.28)}
.approval-method-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(43,153,214,.16);color:#68c9f4;font-size:27px}
.approval-method-copy strong,.approval-method-copy small{display:block;text-align:left}
.approval-method-copy strong{font-size:14px;color:#eef7ff}
.approval-method-copy small{font-size:11px;line-height:1.4;color:#9db8ca;margin-top:4px}
.approval-method-button{border:1px solid rgba(77,174,224,.55);border-radius:10px;padding:10px 13px;background:linear-gradient(135deg,#168dcb,#0872b3);color:#fff;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}
.approval-divider{display:flex;align-items:center;gap:12px;color:#7899b0;font-size:10px;font-weight:800;letter-spacing:.14em}
.approval-divider:before,.approval-divider:after{content:"";height:1px;flex:1;background:rgba(130,170,198,.2)}
.approval-code-panel{padding:15px;border:1px solid rgba(103,157,190,.26);border-radius:15px;background:rgba(34,75,103,.18)}
.approval-code-panel label{display:block;font-size:13px;font-weight:800;margin-bottom:4px;color:#edf7ff}
.approval-code-panel p{font-size:11px;margin:0 0 10px;color:#9db8ca;text-align:left}
.approval-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.admin-approval-dialog .approval-code-row input{min-width:0;letter-spacing:.22em;font-weight:800;text-align:center;background:#081a29;border-color:#345a73}
.approval-code-hint{display:block;margin-top:9px;font-size:10px;line-height:1.4;color:#d6b779}
.admin-approval-dialog .approval-mobile-address{font-size:11px;text-align:center;margin:12px 0 6px}
.admin-approval-dialog .approval-status{padding:10px 12px;border-radius:10px;background:rgba(5,18,30,.45);border:1px solid rgba(100,150,180,.18);text-align:center;line-height:1.4}
.admin-approval-dialog .approval-error{text-align:center;line-height:1.4}
.admin-approval-dialog .actions{margin-top:12px}
.admin-approval-dialog .actions button{width:100%;min-height:42px}
@media(max-width:420px){
 .admin-approval-dialog{padding:18px!important}
 .approval-method{grid-template-columns:36px 1fr;gap:9px}
 .approval-method-icon{width:36px;height:36px}
 .approval-method-button{grid-column:1/-1;width:100%}
 .approval-code-row{grid-template-columns:1fr}
 .approval-code-row button{width:100%}
}

/* SIGA 4.8 — símbolo NFC contactless */
.approval-symbol{width:76px!important;height:76px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(24,154,218,.22),rgba(19,84,125,.12))!important;border:1px solid rgba(92,190,235,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.16)}
.approval-nfc-svg{width:48px;height:48px;color:#55c8f5;filter:drop-shadow(0 2px 8px rgba(30,164,225,.28))}
.approval-code-hint{color:#9fc4da!important}


/* SIGA 5.0 — alerta lateral de reserva com horário ultrapassado */
.reservation-late-alert{
 position:fixed;right:22px;top:118px;z-index:1200;
 width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;
 padding:17px 18px;border-radius:16px;
 background:linear-gradient(145deg,#3a2d17 0%,#211f1b 100%);
 border:1px solid rgba(255,190,75,.58);
 box-shadow:0 18px 55px rgba(0,0,0,.42);
 color:#fff4dc;animation:reservationAlertIn .28s ease-out;
}
.reservation-late-head{display:flex;align-items:center;gap:11px}
.reservation-late-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#f2b94b;color:#30230d;font-weight:900;font-size:21px}
.reservation-late-head strong,.reservation-late-head small{display:block}
.reservation-late-head strong{font-size:14px}
.reservation-late-head small{font-size:11px;color:#f1d49b;margin-top:3px}
.reservation-late-alert>p{font-size:12px;line-height:1.5;color:#f3e4c7;margin:12px 0}
.reservation-late-items{display:grid;gap:8px}
.reservation-late-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;background:rgba(0,0,0,.2);border:1px solid rgba(255,220,160,.13)}
.reservation-late-item span{min-width:0}
.reservation-late-item b,.reservation-late-item small{display:block;overflow-wrap:anywhere}
.reservation-late-item b{font-size:12px}
.reservation-late-item small{font-size:10px;color:#d8c5a4;margin-top:3px}
.reservation-late-item button{flex:0 0 auto;border:0;border-radius:8px;padding:9px 11px;background:#f0b84a;color:#2b210f;font-weight:800;font-size:11px;cursor:pointer}
.reservation-late-more{display:block;margin-top:10px;color:#e5c991;font-size:10px}
.reservation-card-late{border-color:rgba(242,185,75,.55)!important}
.reservation-late-note{padding:9px 11px;border-radius:9px;background:rgba(190,126,28,.13);border-left:3px solid #eab54c;color:#f2d69e!important;font-size:12px}
@keyframes reservationAlertIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){
 .reservation-late-alert{right:12px;top:auto;bottom:18px;width:calc(100vw - 24px);max-height:55vh}
 .reservation-late-item{align-items:flex-start;flex-direction:column}
 .reservation-late-item button{width:100%}
}


/* SIGA 5.1 — agendamento de revisões da frota */
.vehicle-revision-panel{margin:22px 0;padding:22px;border:1px solid rgba(80,163,207,.28)}
.vehicle-revision-panel .section-heading{margin-bottom:16px}
.vehicle-revision-panel .notice-form{display:grid;gap:14px}
.revision-event{border-color:rgba(78,164,210,.24)}
.revision-blocked-label{padding:9px 11px;border-radius:9px;background:rgba(224,165,58,.12);border-left:3px solid #e1ad4d;color:#f0cf8d!important;font-size:12px}
.revision-event [data-complete-revision]{margin-top:12px}


/* SIGA 5.2 — central de atualizações */
.settings-updates-panel{margin:22px 0;padding:22px;border-radius:18px;border:1px solid rgba(75,164,211,.32);background:linear-gradient(145deg,rgba(24,57,80,.82),rgba(10,31,48,.9))}
.settings-updates-panel .settings-info-heading p{color:var(--muted,#a8bfd0);font-size:13px}
.updates-status-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px;margin:16px 0;border-radius:13px;background:rgba(4,19,31,.35);border:1px solid rgba(120,170,200,.15)}
.updates-status-row>div{display:grid;gap:5px;min-width:125px}
.updates-status-row small{font-size:9px;letter-spacing:.12em;color:#8eabc0;font-weight:800}
.updates-status-row strong{font-size:20px;color:#e9f5ff}
.updates-description{font-size:13px;line-height:1.5;color:#b5c9d8}
.updates-release-notes{display:grid;gap:7px;margin:12px 0}
.updates-note-item{font-size:12px;line-height:1.5;color:#c4d6e4;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.035)}
.updates-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.updates-footnote{display:block;margin-top:12px;color:#819eb3;font-size:10px;line-height:1.5}
.siga-update-notice{position:fixed;z-index:3000;right:22px;top:22px;width:min(370px,calc(100vw - 28px));padding:16px;border-radius:15px;background:linear-gradient(145deg,#183c56,#0c263a);border:1px solid rgba(81,181,229,.55);box-shadow:0 18px 55px rgba(0,0,0,.42);color:#edf7ff;animation:reservationAlertIn .25s ease-out}
.siga-update-notice[hidden]{display:none}
.siga-update-notice-head{display:flex;align-items:center;gap:9px}
.siga-update-notice-head strong{font-size:13px;flex:1}
.siga-update-dot{width:9px;height:9px;border-radius:50%;background:#45c99a;box-shadow:0 0 0 4px rgba(69,201,154,.13)}
.siga-update-notice-head button{border:0;background:transparent;color:#a9c5d8;font-size:22px;cursor:pointer}
.siga-update-notice p{font-size:12px;line-height:1.5;color:#b9cede;margin:10px 0 14px}
.siga-update-notice-actions{display:flex;gap:8px}
.siga-update-notice-actions button{flex:1;font-size:11px;padding:9px 10px}
@media(max-width:600px){.siga-update-notice{right:14px;top:14px;width:calc(100vw - 28px)}.updates-actions button{width:100%}}


/* SIGA 5.4.6 — Redesign institucional */
:root{
 --navy:#071d31;--blue:#087fb5;--blue-strong:#0798d0;--muted:#66798d;
 --line:#dbe5ee;--white:#fff;--surface:#f5f8fb;--surface-2:#edf3f8;
 --ink:#142b40;--shadow:0 14px 38px rgba(12,37,59,.09);
}
body{background:#f3f7fb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
button{border-radius:11px;font-weight:700;letter-spacing:.005em}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #42b9eb66;outline-offset:2px}
#app-shell{background:#f3f7fb}
.sidebar{background:linear-gradient(180deg,#09263e 0%,#061a2d 100%);border-right:1px solid #ffffff12;box-shadow:8px 0 28px #061a2d12}
.sidebar-brand{padding:24px 20px 28px}
.sidebar-brand strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:.08em}
.sidebar-brand small{color:#a9c0d2;line-height:1.45}
.nav-label{color:#6f91aa;letter-spacing:.16em;font-size:9px;padding:8px 22px}
.sidebar nav button{margin:3px 12px;width:calc(100% - 24px);border-radius:10px;color:#c2d3e0;padding:12px 14px;transition:background .18s,color .18s,transform .18s}
.sidebar nav button:hover{background:#ffffff12;color:#fff;transform:translateX(2px)}
.sidebar nav button.active{background:linear-gradient(100deg,#087fb5,#08638f);color:#fff;box-shadow:0 8px 20px #007eaf33}
.sidebar nav button span{width:22px;display:inline-grid;place-items:center;color:#8fc8e5}
.sidebar nav button.active span{color:#fff}
.sidebar-bottom{border-top:1px solid #ffffff16;padding:16px}
.user-chip{background:#ffffff0d;border:1px solid #ffffff12;border-radius:13px;padding:10px}
.user-info strong{color:#fff}.user-info small{color:#9db4c6}
.logout-button{color:#c3d3df}
main{background:#f3f7fb;min-width:0}
.liquid-glass-nav{position:sticky;top:0;z-index:30;margin:14px 22px 0;border:1px solid #dce7ef;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 8px 26px #0a294012;padding:9px 14px;min-height:68px}
.glass-brand span{color:#102d45;font-weight:900;letter-spacing:.09em}
.glass-brand small{color:#7a8fa2}
.glass-links{gap:4px}
.glass-links button{color:#526a7e;border-radius:10px;padding:10px 11px;font-size:12px}
.glass-links button:hover{background:#edf5fa;color:#0a719f}
.glass-links button.active{background:#e5f4fb;color:#0879a9}
.glass-links button.active span{color:#0879a9}
.glass-links .nav-record-button{background:#087fb5;color:#fff;box-shadow:0 6px 14px #087fb533}
.glass-links .nav-record-button:hover{background:#066a98;color:#fff}
.glass-user{color:#39566d}
.glass-user button{background:#eaf2f7;color:#35536b;border-radius:9px}
.topbar{margin:24px 28px 18px;padding:0 0 18px;border-bottom:1px solid #dbe5ed}
.topbar h1{font-family:Manrope,sans-serif;font-size:clamp(25px,2.2vw,32px);font-weight:800;letter-spacing:-.04em;color:#102b42}
.topbar .eyebrow{color:#087ba9}
.session-timer,.date-chip{background:#fff;border:1px solid #dce7ef;box-shadow:0 4px 12px #0b29400a;border-radius:12px}
.session-timer{padding:9px 13px}.date-chip{padding:10px 13px;color:#60778a}
.view{padding:0 28px 34px}
.page-intro{margin:12px 0 22px}
.page-intro h2,.section-heading h2,.section-heading h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;color:#14334c}
.page-intro p,.section-heading p{color:#6c8092;line-height:1.6}
.card,.panel,.stat-card,.welcome-panel,.settings-panel,.dashboard-card,.table-card{border:1px solid #dce6ee!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px #102d4508!important}
.card:hover,.dashboard-card:hover{box-shadow:0 14px 32px #102d4512!important}
.stat-card{padding:19px!important}
.stat-card strong,.stat-card .value{font-family:Manrope,sans-serif;letter-spacing:-.04em}
.primary,.login-submit{background:linear-gradient(110deg,#087fb5,#079bd0);box-shadow:0 8px 18px #087fb52b}
.primary:hover,.login-submit:hover{background:linear-gradient(110deg,#066c9d,#0785b7)}
.secondary{background:#eef4f8;color:#2b506a;border:1px solid #dbe6ee}
.danger{border-radius:10px}
input,select,textarea{border-radius:10px!important;border:1px solid #cfdae4!important;background:#fbfdff!important;color:#18354c!important}
input:focus,select:focus,textarea:focus{border-color:#39a5d1!important;box-shadow:0 0 0 3px #39a5d11c!important}
label{color:#38566d}
table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid #e0e8ef;border-radius:13px;background:#fff}
thead th{background:#eff5f9;color:#48657b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
th,td{padding:12px 14px;border-bottom:1px solid #e9eff4}
tbody tr:hover{background:#f7fbfd}
tbody tr:last-child td{border-bottom:0}
.status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}
.login-screen{background:#f6f9fc}
.login-showcase{background:linear-gradient(145deg,#071d31,#0b3d5d 58%,#087fb5);padding:clamp(28px,4vw,64px)}
.login-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,#3eb9e633,transparent 30%),linear-gradient(180deg,#04162622,#04162666);pointer-events:none}
.login-city-photo{filter:saturate(.82) contrast(1.04);opacity:.48}
.showcase-logo{max-width:min(520px,80%);filter:drop-shadow(0 16px 30px #00172c66)}
.showcase-tag{background:#0b2b43cc;border:1px solid #72c6e866;color:#c9e9f7;border-radius:999px;padding:9px 13px;letter-spacing:.13em}
.showcase-copy h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.055em;max-width:620px;text-shadow:0 8px 28px #00142655}
.login-side{background:linear-gradient(135deg,#f8fbfd,#edf4f8);padding:32px}
.login-card{width:min(100%,470px);border:1px solid #dce6ee;border-radius:22px;background:#fff;box-shadow:0 24px 70px #0b2a421c;padding:clamp(28px,4vw,46px)}
.login-card h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,40px);letter-spacing:-.05em;color:#102d45}
.login-subtitle{color:#73879a;line-height:1.6}
.login-card label{font-weight:700;color:#3c5870}
.login-card input{height:52px;background:#f8fbfd!important}
.login-submit{height:54px;font-size:14px;border-radius:12px}
.login-security{color:#71889a}
#siga-update-notice{border:1px solid #a9d8eb;background:linear-gradient(110deg,#effaff,#fff);border-radius:14px;box-shadow:0 12px 28px #0a385014}
@media(max-width:1100px){.liquid-glass-nav{margin:10px 12px 0}.glass-links button{padding:9px 8px}.glass-links button b{font-size:11px}}
@media(max-width:760px){.liquid-glass-nav{position:relative;overflow-x:auto;align-items:flex-start}.glass-links{min-width:max-content}.glass-user{display:none}.topbar{margin:18px 16px 14px}.view{padding:0 16px 26px}.login-screen{grid-template-columns:1fr}.login-showcase{min-height:290px;padding:26px}.showcase-copy h1{font-size:34px}.login-side{padding:22px 16px}.login-card{padding:26px;border-radius:18px}.topbar-right{gap:7px}}



/* ==========================================================
   SIGA 5.4.7 — REDESIGN INSTITUCIONAL
   Camada visual: não altera regras de negócio nem integrações.
   ========================================================== */
:root{
  --siga-ink:#10283f;
  --siga-muted:#657b8e;
  --siga-line:#dce6ee;
  --siga-paper:#ffffff;
  --siga-bg:#f2f6fa;
  --siga-blue:#087eae;
  --siga-blue-dark:#075d83;
  --siga-cyan:#20b8d5;
  --siga-shadow:0 12px 34px rgba(16,40,63,.075);
}
html{scroll-behavior:smooth}
body{
  color:var(--siga-ink);
  background:
    radial-gradient(ellipse at 85% 0%,rgba(32,184,213,.075),transparent 34rem),
    linear-gradient(180deg,#f7fafc 0%,#f0f5f9 100%);
  font-family:'DM Sans',Inter,Arial,sans-serif;
}
button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(8,126,174,.22);outline-offset:2px
}

/* A navegação principal fica em uma única coluna lateral, sem duplicidade. */
.liquid-glass-nav{display:none!important}
.sidebar{
  width:264px!important;
  padding:25px 17px 18px!important;
  background:linear-gradient(180deg,#102d47 0%,#0b2238 100%)!important;
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:12px 0 38px rgba(8,30,48,.10);
}
.sidebar-brand{padding:3px 7px 25px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.sidebar-brand .brand-mark{width:46px!important;height:46px!important;border-radius:14px!important}
.sidebar-brand strong{font-size:16px!important;letter-spacing:.06em}
.sidebar-brand small{font-size:8px!important;line-height:1.5;letter-spacing:.09em;color:#9db8ca!important}
.nav-label{margin:25px 11px 11px!important;color:#7898af!important;font-size:9px!important;letter-spacing:.16em!important}
.sidebar nav{display:grid;gap:5px!important;overflow-y:auto;overflow-x:hidden;padding:0 1px 12px;scrollbar-width:thin;scrollbar-color:#36566d transparent}
.sidebar nav button{
  min-height:43px;padding:10px 12px!important;border-radius:10px!important;
  color:#c1d1dc!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.005em;background:transparent!important;
}
.sidebar nav button span{width:20px!important;font-size:16px!important;color:#91b3c8}
.sidebar nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(2px)}
.sidebar nav button.active{
  color:#fff!important;
  background:linear-gradient(100deg,rgba(25,157,201,.28),rgba(25,157,201,.09))!important;
  box-shadow:inset 3px 0 #35c4df,0 5px 15px rgba(0,0,0,.08)!important;
}
.sidebar nav button.active span{color:#56d2e6!important}
.sidebar-bottom{padding-top:14px}
.user-chip{border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:0!important;padding:13px 7px!important}
.avatar{background:linear-gradient(145deg,#1d9fc2,#17658e)!important;color:white;border-radius:12px!important}
.user-info strong{color:#fff!important;font-size:11px!important}
.user-info small{color:#9db5c6!important}
.logout-button{border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:11px 12px!important;color:#c5d5df!important}
.logout-button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* Área de trabalho */
main{
  margin-left:264px!important;
  width:calc(100% - 264px);
  max-width:none!important;
  padding:28px clamp(22px,3vw,48px) 42px!important;
}
.topbar{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin:0 0 29px!important;padding:0 0 22px!important;
  border-bottom:1px solid #dce6ee!important;
}
.topbar h1{font-size:clamp(25px,2.1vw,34px)!important;line-height:1.15!important;margin:6px 0 0!important;color:#102d45!important}
.topbar .eyebrow,.page-intro .eyebrow{color:#0783ad!important;letter-spacing:.15em!important}
.topbar-right{gap:10px!important}
.session-timer,.date-chip{
  min-height:48px;background:#fff!important;border:1px solid #e0e8ef!important;
  border-radius:13px!important;box-shadow:0 5px 16px rgba(16,40,63,.045)!important;
}
.session-timer{padding:8px 13px!important}
.session-timer small{color:#7d91a1!important;font-size:8px!important;letter-spacing:.12em}
.session-timer strong{color:#173b55!important;font-size:13px!important}
.date-chip{display:flex;align-items:center;padding:10px 14px!important;color:#536e82!important;font-weight:600}
.view{padding:0 0 35px!important;animation:sigaFadeIn .28s ease both}
@keyframes sigaFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px!important}
.page-intro h2{font-size:clamp(24px,2vw,31px)!important;font-weight:800!important;letter-spacing:-.045em!important;margin:6px 0 5px!important;color:#15364f!important}
.page-intro p,.section-heading p{font-size:13px!important;color:#6b8193!important;line-height:1.65!important;max-width:760px}
.section-heading{margin:28px 0 15px!important;display:flex;align-items:center;justify-content:space-between;gap:16px}
.section-heading h2,.section-heading h3{font-size:19px!important;font-weight:800!important;letter-spacing:-.035em!important;margin:0 0 4px!important;color:#173a54!important}
.section-heading p{margin:0!important;font-size:12px!important}
.eyebrow{font-size:9px!important;letter-spacing:.15em!important;font-weight:800!important}

/* Painel e indicadores */
.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px!important;margin:0 0 30px!important}
.stat-card{
  position:relative;display:flex;align-items:center;gap:15px;min-height:112px;
  padding:20px!important;border:1px solid #e0e8ef!important;border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 8px 25px rgba(16,40,63,.055)!important;overflow:hidden;
}
.stat-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-40px;top:-42px;background:rgba(8,126,174,.045)}
.stat-card>div:last-child span{display:block;color:#708598;font-size:11px;font-weight:700;line-height:1.4}
.stat-card strong{display:block;margin-top:6px;color:#153a55;font:800 30px/1 Manrope,sans-serif;letter-spacing:-.05em}
.stat-icon{width:45px!important;height:45px!important;display:grid;place-items:center;border-radius:14px!important;font-size:19px!important;flex:0 0 45px}
.stat-icon.blue{background:#e6f5fb!important;color:#087eae!important}
.stat-icon.amber{background:#fff4df!important;color:#b7791f!important}
.stat-icon.violet{background:#f0edff!important;color:#7161bd!important}
.stat-icon.green{background:#e6f7ef!important;color:#19845b!important}
.cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px!important}
.card,.panel,.dashboard-card,.table-card,.welcome-panel,.settings-panel{
  border:1px solid #dfe8ef!important;border-radius:17px!important;
  background:#fff!important;box-shadow:var(--siga-shadow)!important;
}
.card,.dashboard-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover,.dashboard-card:hover{transform:translateY(-3px);border-color:#c5dce9!important;box-shadow:0 16px 36px rgba(16,40,63,.10)!important}
.welcome-panel{
  padding:25px 28px!important;
  background:linear-gradient(115deg,#103b59 0%,#0b739b 72%,#159fba 100%)!important;
  color:#fff!important;border:0!important;position:relative;overflow:hidden;
}
.welcome-panel:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff20;border-radius:50%;right:-60px;top:-145px;box-shadow:0 0 0 32px #ffffff0a,0 0 0 66px #ffffff08}
.welcome-panel h2,.welcome-panel h3,.welcome-panel p{color:#fff!important;position:relative;z-index:1}
.welcome-panel p{color:#d4e9f2!important}
.welcome-panel button{position:relative;z-index:2}

/* Filtros, tabelas e formulários */
.vehicle-status-tabs{display:flex;flex-wrap:wrap;gap:7px!important;margin:0 0 17px!important}
.vehicle-filter{
  padding:9px 13px!important;border:1px solid #dce6ee!important;border-radius:999px!important;
  background:#fff!important;color:#5a7184!important;font-size:11px!important;font-weight:700!important;
}
.vehicle-filter:hover{border-color:#9ccddd!important;color:#087eae!important;background:#f4fbfe!important}
.vehicle-filter.active{background:#e7f5fa!important;border-color:#a8d9e8!important;color:#08739d!important;box-shadow:inset 0 0 0 1px #c8e8f1}
.table-wrap{
  overflow:auto;border:1px solid #dfe8ef!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 8px 25px rgba(16,40,63,.045)!important;
}
table{border:0!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0!important;min-width:680px}
thead th{
  padding:14px 15px!important;background:#f2f7fa!important;color:#567186!important;
  font-size:9px!important;letter-spacing:.12em!important;font-weight:800!important;
  border-bottom:1px solid #e2ebf1!important;white-space:nowrap
}
tbody td{padding:13px 15px!important;color:#405b70!important;font-size:12px!important;border-bottom:1px solid #edf2f6!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover{background:#f7fbfd!important}
input,select,textarea{
  min-height:42px;border:1px solid #d5e1e9!important;border-radius:10px!important;
  background:#fff!important;color:#17364e!important;padding:10px 12px!important;
  box-shadow:0 1px 2px rgba(16,40,63,.025)!important
}
input::placeholder,textarea::placeholder{color:#9aabba!important}
input:focus,select:focus,textarea:focus{border-color:#43a8c9!important;box-shadow:0 0 0 3px rgba(8,126,174,.12)!important;outline:0}
label{color:#36546b!important;font-size:11px!important;font-weight:700!important}
.primary,.login-submit{
  border:0!important;border-radius:11px!important;
  background:linear-gradient(110deg,#087eae,#159fc2)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(8,126,174,.22)!important
}
.primary:hover,.login-submit:hover{background:linear-gradient(110deg,#07658d,#087eae)!important;box-shadow:0 10px 22px rgba(8,126,174,.28)!important;transform:translateY(-1px)}
.secondary{border:1px solid #dce6ee!important;border-radius:10px!important;background:#f6f9fb!important;color:#36576f!important}
.secondary:hover{background:#eaf4f8!important;border-color:#c8dce7!important;color:#08739d!important}
.danger-button,.danger{border-radius:10px!important}
.status{border-radius:999px!important}

/* Tela de acesso: mais leve, legível e com identidade própria */
.login-screen{
  min-height:100vh!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  background:#f4f8fb!important;
}
.login-showcase{
  min-height:100vh!important;padding:clamp(30px,4.2vw,68px)!important;
  background:linear-gradient(145deg,#09243a 0%,#104765 58%,#087eae 100%)!important;
}
.login-city-photo{opacity:.40!important;filter:saturate(.72) contrast(1.08)!important}
.showcase-overlay{background:linear-gradient(180deg,rgba(5,23,38,.20),rgba(5,23,38,.72))!important}
.showcase-top{position:relative;z-index:2;align-items:center;flex-wrap:wrap}
.showcase-logo{width:min(430px,72%)!important;max-height:125px;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))}
.showcase-tag{
  border:1px solid rgba(153,220,240,.35)!important;border-radius:999px!important;
  background:rgba(7,37,58,.58)!important;color:#d8f2fb!important;
  padding:9px 13px!important;font-size:9px!important;letter-spacing:.14em!important
}
.showcase-copy{margin:45px 0 10px!important;max-width:650px!important}
.showcase-copy h1{
  max-width:610px!important;font-size:clamp(36px,4.1vw,59px)!important;
  line-height:1.04!important;letter-spacing:-.055em!important;font-weight:800!important
}
.login-side{
  background:radial-gradient(circle at 50% 40%,#fff 0%,#f4f8fb 68%,#eaf2f7 100%)!important;
  padding:clamp(22px,4vw,60px)!important
}
.login-card{
  width:min(100%,460px)!important;display:grid!important;gap:16px!important;
  padding:clamp(28px,3.2vw,43px)!important;border:1px solid #e0e9ef!important;
  border-radius:22px!important;background:#fff!important;
  box-shadow:0 24px 70px rgba(16,40,63,.13)!important
}
.login-card .eyebrow{color:#0783ad!important}
.login-card h2{font-size:clamp(29px,3vw,38px)!important;line-height:1.1!important;color:#12334d!important;margin:0!important}
.login-card .login-subtitle{margin:-5px 0 7px!important;color:#75899a!important;font-size:12px!important}
.login-card label{gap:8px!important;color:#38576d!important;font-size:11px!important}
.login-card input{height:52px!important;background:#f8fbfd!important;border-color:#d9e4eb!important}
.login-submit{height:52px!important;margin-top:5px!important;font-size:13px!important}
.login-security{border-top:1px solid #edf1f4!important;padding-top:15px!important;color:#8395a3!important;font-size:10px!important}
.mobile-brand{display:none!important}

/* Diálogos e mensagens */
dialog{border:1px solid #dce6ee!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(10,35,55,.25)!important}
dialog::backdrop{background:rgba(8,25,40,.48)!important;backdrop-filter:blur(3px)}
#toast{border-radius:12px!important;box-shadow:0 12px 35px rgba(10,35,55,.18)!important}
#siga-update-notice{border-radius:14px!important;box-shadow:0 10px 28px rgba(10,35,55,.08)!important}

/* Responsividade */
@media(max-width:1100px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main{padding:24px 22px 34px!important}
  .sidebar{width:238px!important}
  main{margin-left:238px!important;width:calc(100% - 238px)}
}
@media(max-width:760px){
  .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:12px!important}
  .sidebar-brand{padding:4px 6px 12px!important}
  .sidebar .nav-label,.sidebar-bottom{display:none!important}
  .sidebar nav{display:flex!important;overflow-x:auto!important;gap:5px!important;padding:10px 0 2px!important}
  .sidebar nav button{flex:0 0 auto;min-height:39px!important;padding:8px 11px!important}
  .sidebar nav button span{width:auto!important}
  main{margin:0!important;width:100%!important;padding:19px 15px 30px!important}
  .topbar{align-items:flex-start!important;flex-direction:column!important;margin-bottom:20px!important;padding-bottom:16px!important}
  .topbar-right{width:100%;flex-wrap:wrap}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .stat-card{min-height:92px;padding:13px!important;gap:10px!important}
  .stat-icon{width:37px!important;height:37px!important;flex-basis:37px}
  .stat-card strong{font-size:24px!important}
  .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .section-heading{align-items:flex-start!important;flex-direction:column!important}
  .cards{grid-template-columns:1fr!important}
  .login-screen{grid-template-columns:1fr!important}
  .login-showcase{min-height:265px!important;padding:25px!important}
  .showcase-logo{width:min(280px,72%)!important;max-height:78px}
  .showcase-tag{font-size:8px!important}
  .showcase-copy{margin:28px 0 0!important}
  .showcase-copy h1{font-size:34px!important}
  .login-side{padding:22px 15px!important}
  .login-card{padding:25px!important;border-radius:18px!important}
}
@media(max-width:420px){
  .stats{grid-template-columns:1fr!important}
  .showcase-top{gap:10px}
  .showcase-logo{width:100%!important;max-width:250px}
}



/* =========================================================
   SIGA 5.4.8 | REFORMULAÇÃO TOTAL DA INTERFACE
   Camada visual global, com seletores ancorados nos IDs reais
   do index.html. Não altera autenticação, Firestore ou regras.
   ========================================================= */
:root{
 --siga-navy:#10283f;--siga-navy-2:#173d59;--siga-blue:#087eae;
 --siga-cyan:#23b7d1;--siga-ice:#eef5f9;--siga-white:#fff;
 --siga-text:#18364d;--siga-muted:#708598;--siga-border:#dce7ee;
 --siga-shadow:0 16px 42px rgba(16,40,63,.085);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 color:var(--siga-text)!important;
 background:#f2f6f9!important;
 font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
button{font-family:inherit;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #25a9d055!important;outline-offset:2px}
.hidden{display:none!important}

/* LOGIN: composição visual nova, com contraste limpo e hierarquia forte */
#login-screen.login-screen{
 display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr)!important;
 min-height:100vh!important;background:#f5f8fb!important;overflow:hidden;
}
#login-screen .login-showcase{
 position:relative!important;isolation:isolate;display:flex!important;flex-direction:column!important;
 justify-content:space-between!important;min-height:100vh!important;
 padding:clamp(32px,5vw,76px)!important;color:#fff!important;
 background:linear-gradient(135deg,#09263d 0%,#104a68 55%,#087eae 100%)!important;
 overflow:hidden;
}
#login-screen .login-showcase:before{
 content:"";position:absolute;z-index:-1;inset:0;
 background:radial-gradient(circle at 78% 18%,#42c5dc45,transparent 28%),
 radial-gradient(circle at 12% 88%,#0b8bb544,transparent 35%),
 linear-gradient(145deg,#071e31aa,#0c3857aa);
}
#login-screen .login-city-photo{
 position:absolute!important;z-index:-2!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:cover!important;opacity:.27!important;filter:grayscale(.25) saturate(.7) contrast(1.1)!important;
}
#login-screen .showcase-overlay{position:absolute!important;z-index:-1!important;inset:0!important;background:linear-gradient(180deg,#071d3022 0%,#061c30a8 100%)!important}
#login-screen .showcase-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;flex-wrap:wrap;position:relative;z-index:2}
#login-screen .showcase-logo{width:min(440px,76%)!important;max-height:118px!important;object-fit:contain!important;filter:drop-shadow(0 14px 26px #00152255)}
#login-screen .showcase-tag{
 display:inline-flex!important;align-items:center!important;padding:10px 14px!important;
 border:1px solid #b8e8f455!important;border-radius:999px!important;
 background:#092a43a8!important;color:#d8f6ff!important;
 font-size:9px!important;font-weight:800!important;letter-spacing:.16em!important;
 backdrop-filter:blur(12px)
}
#login-screen .showcase-copy{position:relative;z-index:2;max-width:650px!important;margin:40px 0 0!important}
#login-screen .showcase-copy:before{content:"";display:block;width:58px;height:4px;margin-bottom:24px;border-radius:4px;background:var(--siga-cyan)}
#login-screen .showcase-copy h1{
 max-width:650px!important;margin:0!important;color:#fff!important;
 font-size:clamp(38px,4.4vw,66px)!important;line-height:1.02!important;
 letter-spacing:-.055em!important;font-weight:850!important;
}
#login-screen .login-side{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:100vh!important;padding:clamp(24px,5vw,76px)!important;
 background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f5f8fb 68%,#eaf1f6 100%)!important;
}
#login-screen .login-card{
 width:min(100%,470px)!important;display:grid!important;gap:17px!important;
 padding:clamp(28px,3.4vw,46px)!important;margin:0!important;
 border:1px solid #e0e9ef!important;border-radius:24px!important;
 background:#fff!important;color:#19384f!important;
 box-shadow:0 28px 80px #0c2d451c,0 4px 14px #0c2d4508!important;
}
#login-screen .mobile-brand{display:none!important}
#login-screen .login-card .eyebrow{color:#0785ad!important;font-size:9px!important;letter-spacing:.18em!important;font-weight:850!important}
#login-screen .login-card h2{
 margin:0!important;color:#12334b!important;font-size:clamp(30px,3vw,39px)!important;
 line-height:1.08!important;letter-spacing:-.045em!important;font-weight:850!important;
}
#login-screen .login-card .login-subtitle{margin:-7px 0 7px!important;color:#788d9d!important;font-size:12px!important;line-height:1.6!important}
#login-screen .login-card label{
 display:grid!important;gap:8px!important;color:#38566b!important;
 font-size:11px!important;font-weight:750!important;
}
#login-screen .login-card input{
 width:100%!important;min-height:52px!important;padding:0 15px!important;
 border:1px solid #d9e4eb!important;border-radius:11px!important;
 background:#f8fbfd!important;color:#18364d!important;font-size:13px!important;
 box-shadow:inset 0 1px 2px #17354b08!important;
}
#login-screen .login-card input::placeholder{color:#9aabb8!important}
#login-screen .login-card input:focus{border-color:#24a5c9!important;background:#fff!important;box-shadow:0 0 0 4px #149bc21a!important}
#login-screen .login-submit{
 width:100%!important;min-height:52px!important;margin-top:4px!important;
 border:0!important;border-radius:11px!important;color:#fff!important;
 background:linear-gradient(105deg,#087eae,#16a4c4)!important;
 box-shadow:0 10px 22px #087eae35!important;font-size:13px!important;font-weight:800!important;
}
#login-screen .login-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px #087eae40!important}
#login-screen .login-security{
 margin-top:2px!important;padding-top:16px!important;border-top:1px solid #edf2f5!important;
 color:#8294a2!important;font-size:10px!important;letter-spacing:.01em!important;
}

/* APP SHELL: layout editorial, navegação escura e área de trabalho clara */
#app-shell:not(.hidden){min-height:100vh!important;background:#f2f6f9!important}
#app-shell>.sidebar{
 position:fixed!important;inset:0 auto 0 0!important;width:274px!important;height:100vh!important;
 display:flex!important;flex-direction:column!important;padding:25px 17px 18px!important;
 color:#eaf4f9!important;background:linear-gradient(180deg,#102f49 0%,#0b2237 100%)!important;
 border-right:1px solid #ffffff10!important;box-shadow:14px 0 42px #0b223712!important;
 z-index:30!important;overflow:hidden!important;
}
#app-shell .sidebar-brand{
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:4px 7px 24px!important;border-bottom:1px solid #ffffff18!important;
}
#app-shell .sidebar-brand .brand-mark{
 width:46px!important;height:46px!important;flex:0 0 46px!important;
 border-radius:14px!important;overflow:hidden!important;background:#fff!important;
 box-shadow:0 6px 18px #0003!important;
}
#app-shell .sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
#app-shell .sidebar-brand strong{display:block;color:#fff!important;font-size:17px!important;letter-spacing:.08em!important;font-weight:900!important}
#app-shell .sidebar-brand small{display:block;max-width:165px;color:#9db9ca!important;font-size:8px!important;line-height:1.5!important;letter-spacing:.09em!important}
#app-shell .nav-label{margin:25px 10px 11px!important;color:#7898ad!important;font-size:9px!important;font-weight:850!important;letter-spacing:.17em!important}
#app-shell>.sidebar>nav{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding:0 1px 14px!important;scrollbar-width:thin;scrollbar-color:#365970 transparent;
}
#app-shell>.sidebar>nav button{
 display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;
 min-height:43px!important;padding:10px 12px!important;border:1px solid transparent!important;
 border-radius:10px!important;background:transparent!important;color:#bfd0dc!important;
 text-align:left!important;font-size:11px!important;font-weight:650!important;
}
#app-shell>.sidebar>nav button span{display:inline-grid!important;place-items:center!important;width:20px!important;color:#8fb1c6!important;font-size:16px!important}
#app-shell>.sidebar>nav button:hover{background:#ffffff0e!important;color:#fff!important;transform:translateX(2px)}
#app-shell>.sidebar>nav button.active{
 color:#fff!important;border-color:#52c7e31e!important;
 background:linear-gradient(100deg,#168eb54a,#168eb511)!important;
 box-shadow:inset 3px 0 #36c5df,0 6px 16px #0002!important;
}
#app-shell>.sidebar>nav button.active span{color:#5dd7eb!important}
#app-shell .sidebar-bottom{flex:0 0 auto!important;padding-top:13px!important;border-top:1px solid #ffffff16!important}
#app-shell .user-chip{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 5px 13px!important;border:0!important}
#app-shell .avatar{width:36px!important;height:36px!important;border-radius:11px!important;background:linear-gradient(140deg,#20b6d0,#0876a4)!important;color:#fff!important}
#app-shell .user-info strong{color:#fff!important;font-size:11px!important}
#app-shell .user-info small{color:#94afc1!important;font-size:9px!important}
#app-shell .logout-button{width:100%!important;min-height:40px!important;padding:9px 12px!important;border:1px solid #ffffff20!important;border-radius:10px!important;background:#ffffff08!important;color:#c6d8e3!important;text-align:left!important;font-size:11px!important}
#app-shell .logout-button:hover{background:#ffffff14!important;color:#fff!important}
#app-shell>main{
 display:block!important;width:auto!important;max-width:none!important;
 min-height:100vh!important;margin:0 0 0 274px!important;
 padding:29px clamp(22px,3vw,48px) 48px!important;
 background:linear-gradient(180deg,#f7fafc 0%,#f0f5f8 100%)!important;
}
#app-shell .liquid-glass-nav{display:none!important}
#app-shell .topbar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:20px!important;margin:0 0 30px!important;padding:0 0 21px!important;
 border-bottom:1px solid #dce6ed!important;
}
#app-shell .topbar .eyebrow{color:#0783ad!important;font-size:9px!important;letter-spacing:.16em!important;font-weight:850!important}
#app-shell .topbar h1{margin:6px 0 0!important;color:#12354e!important;font-size:clamp(25px,2.1vw,34px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:850!important}
#app-shell .topbar-right{display:flex!important;align-items:center!important;gap:10px!important}
#app-shell .session-timer,#app-shell .date-chip{
 min-height:47px!important;padding:8px 13px!important;border:1px solid #e0e8ee!important;
 border-radius:12px!important;background:#fff!important;box-shadow:0 5px 16px #10283f08!important;
}
#app-shell .session-timer small{color:#8194a2!important;font-size:8px!important;letter-spacing:.13em!important}
#app-shell .session-timer strong{color:#173c56!important;font-size:13px!important}
#app-shell .date-chip{color:#526e82!important;font-size:11px!important;font-weight:700!important}
#app-shell .view{padding:0 0 34px!important;animation:siga548in .25s ease both}
@keyframes siga548in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#app-shell .page-intro{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 24px!important}
#app-shell .page-intro .eyebrow{color:#0783ad!important;font-size:9px!important;font-weight:850!important;letter-spacing:.16em!important}
#app-shell .page-intro h2{margin:6px 0 5px!important;color:#153a54!important;font-size:clamp(24px,2vw,32px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:850!important}
#app-shell .page-intro p{max-width:780px!important;margin:0!important;color:#6d8292!important;font-size:12px!important;line-height:1.7!important}
#app-shell .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:28px 0 15px!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{margin:0 0 5px!important;color:#173b55!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.035em!important}
#app-shell .section-heading p{margin:0!important;color:#738899!important;font-size:11px!important;line-height:1.6!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin:0 0 28px!important}
#app-shell .stat-card{
 position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;
 min-height:112px!important;padding:19px!important;border:1px solid #e0e8ef!important;
 border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px #10283f0b!important;overflow:hidden!important;
}
#app-shell .stat-card:after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-48px;border-radius:50%;background:#0b91bb0a}
#app-shell .stat-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border-radius:13px!important}
#app-shell .stat-icon.blue{background:#e5f4fa!important;color:#087eae!important}
#app-shell .stat-icon.amber{background:#fff4df!important;color:#b7791f!important}
#app-shell .stat-icon.violet{background:#f0edff!important;color:#7161bd!important}
#app-shell .stat-icon.green{background:#e6f7ef!important;color:#19845b!important}
#app-shell .stat-card span{color:#708697!important;font-size:10px!important;font-weight:700!important}
#app-shell .stat-card strong{display:block;margin-top:7px!important;color:#153a55!important;font-size:29px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important}
#app-shell .cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:15px!important}
#app-shell .card,#app-shell .panel,#app-shell .dashboard-card,#app-shell .table-card,#app-shell .settings-panel{
 border:1px solid #dfe8ef!important;border-radius:16px!important;background:#fff!important;
 box-shadow:0 8px 26px #10283f0a!important;
}
#app-shell .card,#app-shell .dashboard-card{transition:transform .2s ease,box-shadow .2s ease!important}
#app-shell .card:hover,#app-shell .dashboard-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px #10283f15!important}
#app-shell .welcome-panel{
 position:relative!important;overflow:hidden!important;padding:25px 28px!important;
 border:0!important;border-radius:18px!important;
 background:linear-gradient(115deg,#103b59 0%,#087eae 72%,#19a6c0 100%)!important;
 box-shadow:0 15px 35px #087eae24!important;color:#fff!important;
}
#app-shell .welcome-panel h2,#app-shell .welcome-panel h3,#app-shell .welcome-panel p{position:relative;z-index:1;color:#fff!important}
#app-shell .welcome-panel p{color:#d7edf5!important}
#app-shell .table-wrap{
 overflow:auto!important;border:1px solid #dfe8ef!important;border-radius:15px!important;
 background:#fff!important;box-shadow:0 8px 24px #10283f08!important;
}
#app-shell table{width:100%;border:0!important;border-collapse:separate!important;border-spacing:0!important;min-width:660px}
#app-shell thead th{
 padding:14px 15px!important;background:#f1f6f9!important;color:#587286!important;
 border-bottom:1px solid #e1eaf0!important;font-size:9px!important;font-weight:850!important;
 letter-spacing:.12em!important;white-space:nowrap!important;
}
#app-shell tbody td{padding:13px 15px!important;color:#405c70!important;border-bottom:1px solid #edf2f5!important;font-size:11px!important}
#app-shell tbody tr:last-child td{border-bottom:0!important}
#app-shell tbody tr:hover{background:#f7fbfd!important}
#app-shell input,#app-shell select,#app-shell textarea,#login-screen input{
 border:1px solid #d7e2e9!important;border-radius:10px!important;
 background:#fff!important;color:#19384e!important;box-shadow:none!important;
}
#app-shell input,#app-shell select,#app-shell textarea{min-height:41px!important;padding:9px 12px!important}
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus{border-color:#32a8c9!important;box-shadow:0 0 0 3px #0c8db51a!important}
#app-shell label{color:#38566b!important;font-size:11px!important;font-weight:750!important}
#app-shell button.primary,#app-shell .primary{
 border:0!important;border-radius:10px!important;color:#fff!important;
 background:linear-gradient(105deg,#087eae,#159fc0)!important;
 box-shadow:0 7px 17px #087eae25!important;font-weight:750!important;
}
#app-shell button.primary:hover,#app-shell .primary:hover{transform:translateY(-1px);box-shadow:0 11px 23px #087eae35!important}
#app-shell button.secondary,#app-shell .secondary{
 border:1px solid #dce6ed!important;border-radius:10px!important;
 background:#f7fafc!important;color:#365970!important;
}
#app-shell .status{border-radius:999px!important}
#app-shell dialog{border:1px solid #dce6ed!important;border-radius:18px!important;box-shadow:0 25px 80px #0b263f40!important}
#app-shell dialog::backdrop{background:#071c2d88!important;backdrop-filter:blur(4px)}
#toast{border-radius:12px!important;box-shadow:0 12px 35px #0b263f30!important}

/* Telas menores */
@media(max-width:1120px){
 #app-shell>.sidebar{width:244px!important}
 #app-shell>main{margin-left:244px!important;padding:24px 22px 38px!important}
 #app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #login-screen.login-screen{grid-template-columns:1fr!important}
 #login-screen .login-showcase{min-height:270px!important;padding:25px!important}
 #login-screen .showcase-logo{width:min(290px,76%)!important;max-height:78px!important}
 #login-screen .showcase-copy{margin:26px 0 0!important}
 #login-screen .showcase-copy h1{font-size:35px!important}
 #login-screen .login-side{min-height:auto!important;padding:24px 15px 35px!important}
 #login-screen .login-card{padding:25px!important;border-radius:18px!important}
 #app-shell>.sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:12px!important}
 #app-shell .sidebar-brand{padding:2px 6px 12px!important}
 #app-shell .nav-label,#app-shell .sidebar-bottom{display:none!important}
 #app-shell>.sidebar>nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:5px!important;padding:10px 0 2px!important}
 #app-shell>.sidebar>nav button{flex:0 0 auto!important;width:auto!important;min-height:39px!important;padding:8px 11px!important}
 #app-shell>main{width:100%!important;margin:0!important;padding:18px 14px 30px!important}
 #app-shell .topbar{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;padding-bottom:16px!important}
 #app-shell .topbar-right{width:100%;flex-wrap:wrap}
 #app-shell .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
 #app-shell .section-heading{align-items:flex-start!important;flex-direction:column!important}
 #app-shell .cards{grid-template-columns:1fr!important}
}
@media(max-width:430px){
 #app-shell .stats{grid-template-columns:1fr!important;gap:10px!important}
 #app-shell .stat-card{min-height:88px!important}
 #login-screen .showcase-top{gap:12px!important}
 #login-screen .showcase-logo{width:100%!important;max-width:250px!important}
}



/* SIGA 5.4.8 — CORREÇÃO ESTRUTURAL DA INTERFACE
   Uma única navegação (sidebar). Login cobre integralmente o app enquanto
   o estado de autenticação/perfil estiver sendo verificado. */
#app-shell.hidden,
#app-shell[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#login-screen.hidden,
#login-screen[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#login-screen.login-screen:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:2147482000!important;
  display:grid!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow:auto!important;
  isolation:isolate!important;
}
#login-screen.login-screen:not(.hidden) ~ #app-shell{
  display:none!important;
}
#app-shell:not(.hidden){
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
  min-height:100vh!important;
}
#app-shell .liquid-glass-nav,
.liquid-glass-nav{
  display:none!important;
  visibility:hidden!important;
}
#app-shell>main{
  margin-left:274px!important;
  width:auto!important;
  min-width:0!important;
}
@media(max-width:760px){
  #app-shell>main{margin-left:0!important;width:100%!important}
  #login-screen.login-screen:not(.hidden){
    grid-template-columns:1fr!important;
    overflow-y:auto!important;
  }
}



/* SIGA 5.5.0 — PREMIUM FLEET OPERATIONS CONSOLE */
:root{
 --fleet-bg:#101722;--fleet-shell:#151f2c;--fleet-panel:#1b2735;--fleet-panel-hi:#202f40;
 --fleet-border:#2d3d4f;--fleet-muted:#8fa2b6;--fleet-text:#edf4fa;
 --fleet-blue:#3999ed;--fleet-cyan:#26c1d7;--fleet-green:#31c58d;
}
html,body{background:var(--fleet-bg)!important;color:var(--fleet-text)!important}
#app-shell:not(.hidden){grid-template-columns:218px minmax(0,1fr)!important;background:var(--fleet-bg)!important}
#app-shell>.sidebar{width:218px!important;padding:18px 12px 14px!important;background:#131e2b!important;border-right:1px solid #29394a!important}
#app-shell .sidebar-brand{padding:3px 8px 18px!important;margin-bottom:18px!important;border-bottom:1px solid #2a3a4c!important}
#app-shell .sidebar-brand .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:#0d1824!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.06em!important}
#app-shell .sidebar-brand small{font-size:7px!important;letter-spacing:.09em!important}
#app-shell .nav-label{margin:0 10px 11px!important;color:#68829b!important;font-size:8px!important;letter-spacing:.18em!important}
#app-shell>.sidebar>nav{gap:4px!important}
#app-shell>.sidebar>nav button{min-height:39px!important;padding:9px 11px!important;border-radius:8px!important;font-size:10px!important;color:#a8b8c8!important}
#app-shell>.sidebar>nav button span{font-size:14px!important;color:#8ea7bf!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#1d4968,#21384d)!important;border-color:#315674!important;box-shadow:inset 3px 0 #29b9db!important;color:#fff!important}
#app-shell>main{padding:0 25px 38px!important;background:radial-gradient(ellipse at 70% -20%,#1d3044 0,transparent 42%),#101722!important}
#app-shell .topbar{min-height:68px!important;margin:0 -25px 24px!important;padding:0 25px!important;background:#151f2c!important;border-bottom:1px solid #2b3b4d!important}
#app-shell .topbar h1{font-size:17px!important;letter-spacing:-.02em!important}
#app-shell .topbar .eyebrow{display:block!important;color:#6d91ad!important;font-size:7px!important;letter-spacing:.17em!important}
#app-shell .session-timer,#app-shell .date-chip{background:#1c2937!important;border-color:#34485d!important}
#app-shell .dashboard-view{max-width:1680px!important;margin:0 auto!important}
#app-shell .dashboard-welcome{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:20px!important;min-height:145px!important;overflow:hidden!important;margin:0 0 16px!important;padding:25px 28px!important;
 border:1px solid #31516b!important;border-radius:14px!important;
 background:linear-gradient(112deg,#1b3851 0%,#1c4966 52%,#126b83 100%)!important;
 box-shadow:0 14px 34px #06101d66,inset 0 1px #ffffff0d!important;
}
#app-shell .dashboard-welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11283a33,transparent 75%),radial-gradient(circle at 83% 50%,#40c4db28,transparent 30%);pointer-events:none}
#app-shell .dashboard-welcome-copy{position:relative;z-index:2;max-width:700px}
#app-shell .dashboard-kicker{display:flex;align-items:center;gap:8px;color:#9edcf0;font-size:8px;font-weight:800;letter-spacing:.17em}
#app-shell .dashboard-kicker i,#app-shell .panel-live i{width:6px;height:6px;border-radius:50%;background:#37d6a1;box-shadow:0 0 10px #37d6a188}
#app-shell .dashboard-welcome h2{margin:10px 0 6px!important;color:#f5fbff!important;font-size:27px!important;line-height:1.1!important;letter-spacing:-.045em!important;font-weight:800!important}
#app-shell .dashboard-welcome p{max-width:560px;margin:0!important;color:#c0d5e5!important;font-size:10px!important;line-height:1.6!important}
#app-shell .dashboard-welcome-actions{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
#app-shell .dashboard-action-primary,#app-shell .dashboard-action-secondary{
 min-height:38px!important;padding:9px 13px!important;border-radius:7px!important;font-size:9px!important;font-weight:750!important
}
#app-shell .dashboard-action-primary{border:1px solid #5ab9f3!important;background:#278ee0!important;color:#fff!important;box-shadow:0 7px 18px #061c3066!important}
#app-shell .dashboard-action-secondary{border:1px solid #7094ad77!important;background:#16334b99!important;color:#e0eff8!important}
#app-shell .dashboard-orbit{position:absolute;border:1px solid #b4e7f51a;border-radius:50%;pointer-events:none}
#app-shell .orbit-one{width:250px;height:250px;right:8%;top:-155px}
#app-shell .orbit-two{width:360px;height:360px;right:3%;top:-205px}
#app-shell .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 24px!important}
#app-shell .dashboard-stats .stat-card{
 display:block!important;min-height:119px!important;padding:14px 16px!important;
 border:1px solid #2c3d50!important;border-radius:10px!important;
 background:linear-gradient(145deg,#1e2b3a,#192432)!important;box-shadow:0 8px 22px #050c1466!important;
}
#app-shell .dashboard-stats .stat-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#3198e8,#25bfd3);opacity:.85}
#app-shell .dashboard-stats .stat-card-top{display:flex;align-items:center;justify-content:space-between;color:#91a7bb;font-size:7px;font-weight:800;letter-spacing:.13em}
#app-shell .dashboard-stats .stat-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#2c4964;color:#66baf4;font-size:12px}
#app-shell .dashboard-stats .stat-value-row{display:flex;align-items:baseline;gap:7px;margin-top:10px}
#app-shell .dashboard-stats .stat-value-row strong{margin:0!important;color:#f2f7fc!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.05em!important}
#app-shell .dashboard-stats .stat-value-row small{color:#91a4b7;font-size:8px}
#app-shell .dashboard-stats .stat-foot{margin-top:7px;color:#70869b;font-size:8px}
#app-shell .dashboard-stats .stat-active .stat-symbol{background:#21443e;color:#4dd5a0}
#app-shell .dashboard-stats .stat-drivers .stat-symbol{background:#3b3454;color:#b7a4ff}
#app-shell .dashboard-stats .stat-today .stat-symbol{background:#4a3b2b;color:#f2bc68}
#app-shell .dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:2px 0 13px}
#app-shell .dashboard-section-kicker,.panel-overline{color:#5b9bc8;font-size:7px;font-weight:850;letter-spacing:.16em}
#app-shell .dashboard-section-head h3{margin:5px 0 4px;color:#edf4fa;font-size:16px;font-weight:750;letter-spacing:-.025em}
#app-shell .dashboard-section-head p{margin:0;color:#879caf;font-size:9px}
#app-shell .dashboard-link,#app-shell .dashboard-full-link{border:0!important;background:transparent!important;color:#64b7f2!important;font-size:9px!important;font-weight:700!important}
#app-shell .dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.78fr);gap:13px;align-items:start}
#app-shell .dashboard-panel{min-width:0;padding:15px!important;border:1px solid #2c3d50!important;border-radius:10px!important;background:linear-gradient(150deg,#1d2937,#192431)!important;box-shadow:0 8px 22px #050c1455!important}
#app-shell .dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .dashboard-panel-head h3{margin:4px 0 0;color:#edf4fa;font-size:13px;font-weight:750}
#app-shell .dashboard-panel-head p{margin:4px 0 0;color:#8296aa;font-size:8px}
#app-shell .panel-live{display:flex;align-items:center;gap:6px;color:#7f9bb1;font-size:7px;font-weight:800;letter-spacing:.1em}
#app-shell .panel-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#253d54;color:#62b8f3}
#app-shell .dashboard-status-tabs{display:flex;flex-wrap:wrap;gap:5px!important;margin:0 0 12px!important}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 10px!important;border:1px solid #34485b!important;border-radius:5px!important;background:#202d3b!important;color:#91a5b8!important;font-size:8px!important}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#327bb0!important;background:#1f405b!important;color:#7bc6fa!important}
#app-shell .dashboard-vehicle-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{
 overflow:hidden!important;border:1px solid #314458!important;border-radius:9px!important;
 background:#202c3a!important;box-shadow:none!important;
}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{position:relative!important;height:112px!important;overflow:hidden!important;background:radial-gradient(ellipse at center,#33485d,#1a2634)!important}
#app-shell .dashboard-vehicle-cards .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px 18px!important;filter:drop-shadow(0 10px 10px #0006)!important}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#172331bb);pointer-events:none}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap .status{position:absolute!important;z-index:2!important;left:9px!important;top:9px!important;max-width:calc(100% - 18px);padding:5px 7px!important;border:1px solid #ffffff20!important;border-radius:4px!important;background:#172635dd!important;color:#b8d3e7!important;font-size:7px!important}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 11px 0!important}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{margin:0!important;color:#edf4fa!important;font-size:11px!important;font-weight:750!important}
#app-shell .dashboard-vehicle-cards .fleet-plate{margin:3px 0 0!important;color:#8096aa!important;font-size:8px!important;letter-spacing:.1em!important}
#app-shell .dashboard-vehicle-cards .fleet-card-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px 11px!important}
#app-shell .dashboard-vehicle-cards .fleet-detail{padding:6px 7px!important;border:1px solid #2d3e50!important;border-radius:5px!important;background:#1b2734!important}
#app-shell .dashboard-vehicle-cards .fleet-detail span{display:block!important;color:#7890a5!important;font-size:7px!important}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{display:block!important;margin-top:3px!important;color:#dbe7f0!important;font-size:8px!important}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 11px 11px!important}
#app-shell .dashboard-vehicle-cards .fleet-primary-action{width:100%!important;min-height:29px!important;border:1px solid #328dd0!important;border-radius:5px!important;background:#247fc4!important;color:#fff!important;font-size:8px!important;font-weight:700!important}
#app-shell .dashboard-vehicle-cards .fleet-secondary-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
#app-shell .dashboard-vehicle-cards .fleet-secondary-actions button{min-height:25px!important;padding:4px 6px!important;font-size:7px!important}
#app-shell .dashboard-side-column{display:grid;gap:12px}
#app-shell .operations-panel{min-height:260px}
#app-shell .dashboard-activity-list{display:grid;gap:7px;min-height:125px}
#app-shell .activity-empty-note{margin:0;padding:18px 10px;border:1px dashed #3a4d60;border-radius:7px;color:#7f94a8;font-size:9px;text-align:center}
#app-shell .dashboard-activity-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #2d3d4e}
#app-shell .dashboard-activity-item:last-child{border-bottom:0}
#app-shell .activity-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#263e55;color:#6ebcf0}
#app-shell .activity-main strong{display:block;color:#e5edf5;font-size:8px}
#app-shell .activity-main small{display:block;margin-top:3px;color:#8095a9;font-size:7px}
#app-shell .activity-time{color:#7f94a8;font-size:7px}
#app-shell .dashboard-full-link{width:100%;padding:10px 0 0!important;border-top:1px solid #2d3d4e!important;text-align:left!important}
#app-shell .quick-access-panel h3{margin:5px 0 12px;color:#edf4fa;font-size:13px}
#app-shell .quick-access-panel>button{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;padding:9px 0!important;border:0!important;border-top:1px solid #2c3b4c!important;background:transparent!important;text-align:left!important}
#app-shell .quick-access-panel>button .quick-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#293e53;color:#65b8ee;font-size:12px}
#app-shell .quick-access-panel>button span:nth-child(2){display:grid;gap:3px;flex:1}
#app-shell .quick-access-panel>button strong{color:#dce7f0;font-size:8px}
#app-shell .quick-access-panel>button small{color:#7e93a7;font-size:7px}
#app-shell .quick-access-panel>button b{color:#6daedc;font-size:12px}
#app-shell .dashboard-history-panel{margin-top:13px}
#app-shell .dashboard-history-panel .table-wrap{border:1px solid #2e4052;border-radius:7px}
#app-shell .dashboard-history-panel .table-wrap thead th{background:#223142!important}
#app-shell .dashboard-history-panel .table-wrap tbody td{background:#1b2734!important}
#app-shell .dashboard-history-panel .table-wrap tbody tr:hover td{background:#243648!important}

/* Vehicle management page receives the same premium card language */
#app-shell #vehicles .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:13px!important}
#app-shell #vehicles .fleet-card{overflow:hidden!important;border:1px solid #304357!important;border-radius:10px!important;background:#1d2937!important;box-shadow:0 8px 22px #050c1455!important}
#app-shell #vehicles .fleet-card-image-wrap{height:145px!important;background:radial-gradient(ellipse at center,#344b60,#1a2634)!important}
#app-shell #vehicles .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:10px 20px!important;filter:drop-shadow(0 12px 12px #0006)!important}
#app-shell #vehicles .fleet-card-head{padding:12px 13px 0!important}
#app-shell #vehicles .fleet-card-title h3{color:#edf4fa!important;font-size:13px!important}
#app-shell #vehicles .fleet-plate{color:#8197aa!important;font-size:9px!important}
#app-shell #vehicles .fleet-card-details{padding:10px 13px!important}
#app-shell #vehicles .fleet-detail{padding:7px 8px!important;border:1px solid #2d3e50!important;border-radius:6px!important;background:#1a2633!important}
#app-shell #vehicles .fleet-detail span{color:#7e94a8!important;font-size:8px!important}
#app-shell #vehicles .fleet-detail strong{color:#dce7ef!important;font-size:9px!important}
#app-shell #vehicles .fleet-card-actions{padding:0 13px 13px!important}

/* Shared component polish across every module */
#app-shell .panel,#app-shell .card,#app-shell .table-card,#app-shell .settings-panel{background:#1c2937!important;border-color:#2e4052!important;color:#dce7ef!important}
#app-shell .page-intro h2{color:#f0f5fa!important;font-size:23px!important}
#app-shell .page-intro p{color:#8da1b5!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{color:#edf4fa!important}
#app-shell .table-wrap{border-color:#2e4052!important;background:#1b2735!important}
#app-shell thead th{background:#223142!important;color:#90a6ba!important;border-color:#304357!important}
#app-shell tbody td{color:#c3d0dc!important;border-color:#2b3b4c!important}
#app-shell input,#app-shell select,#app-shell textarea{background:#172331!important;border-color:#35485c!important;color:#e3edf5!important}
#app-shell button.secondary,#app-shell .secondary{background:#243344!important;border-color:#3a5065!important;color:#c5d5e3!important}
#app-shell .primary{background:#278de0!important;border-color:#399be9!important}
#app-shell dialog{background:#1c2937!important;border-color:#3b5064!important;color:#e8f0f7!important}
@media(max-width:1050px){
 #app-shell .dashboard-content-grid{grid-template-columns:minmax(0,1fr)!important}
 #app-shell .dashboard-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #app-shell:not(.hidden){grid-template-columns:1fr!important}
 #app-shell>.sidebar{width:100%!important}
 #app-shell>main{padding:0 12px 28px!important}
 #app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}
 #app-shell .dashboard-welcome{align-items:flex-start!important;flex-direction:column!important;padding:20px!important}
 #app-shell .dashboard-welcome h2{font-size:23px!important}
 #app-shell .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}
 #app-shell .dashboard-side-column{grid-template-columns:1fr!important}
 #app-shell .dashboard-section-head{align-items:flex-start!important;flex-direction:column!important}
}



/* SIGA 5.5.1 — DESIGN TOKENS + THEMES CONSISTENCY FIX
   The active theme controls every redesigned surface, not only legacy components. */
html[data-theme="dark"]{
 --fleet-bg:#101722;--fleet-panel:#1b2735;--fleet-panel-hi:#202f40;
 --fleet-border:#2d3d4f;--fleet-text:#edf4fa;--fleet-muted:#8fa2b6;
 color-scheme:dark;
}
html[data-theme="light"]{
 --fleet-bg:#edf2f7;--fleet-panel:#ffffff;--fleet-panel-hi:#f5f8fb;
 --fleet-border:#d7e1eb;--fleet-text:#19354c;--fleet-muted:#647c91;
 color-scheme:light;
}
html[data-theme="contrast"]{
 --fleet-bg:#05080d;--fleet-panel:#101722;--fleet-panel-hi:#182435;
 --fleet-border:#71849a;--fleet-text:#ffffff;--fleet-muted:#d4e0eb;
 color-scheme:dark;
}
html[data-theme="glass"]{
 --fleet-bg:#0b1727;--fleet-panel:rgba(28,48,72,.78);--fleet-panel-hi:rgba(39,65,94,.84);
 --fleet-border:rgba(134,190,228,.28);--fleet-text:#f2f8ff;--fleet-muted:#b2c6d8;
 color-scheme:dark;
}
html[data-theme="glass-light"]{
 --fleet-bg:#eaf1f7;--fleet-panel:rgba(255,255,255,.78);--fleet-panel-hi:rgba(255,255,255,.9);
 --fleet-border:rgba(137,166,190,.34);--fleet-text:#18364d;--fleet-muted:#60788d;
 color-scheme:light;
}
html[data-theme="dark"] body,html[data-theme="dark"] #app-shell,
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell{
 background:var(--fleet-bg)!important;color:var(--fleet-text)!important;
}
html[data-theme="light"] body,html[data-theme="light"] #app-shell{
 background:linear-gradient(145deg,#edf3f8,#e4edf5)!important;color:#19354c!important;
}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell{
 background:#05080d!important;color:#fff!important;
}
html[data-theme="glass"] body,html[data-theme="glass"] #app-shell{
 background:radial-gradient(ellipse at 15% 0%,#1b4b6a 0,transparent 40%),linear-gradient(145deg,#0b1727,#132b43)!important;
 color:#f2f8ff!important;
}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{
 background:radial-gradient(ellipse at 12% 8%,#cce6f5 0,transparent 42%),linear-gradient(145deg,#f8fbfe,#e5eff6)!important;
 color:#18364d!important;
}

/* Sidebar and topbar */
html[data-theme="light"] #app-shell>.sidebar{background:#e4edf5!important;border-color:#d1deea!important}
html[data-theme="light"] #app-shell .sidebar-brand,
html[data-theme="light"] #app-shell .sidebar-bottom{border-color:#cfdae5!important}
html[data-theme="light"] #app-shell .sidebar-brand strong,
html[data-theme="light"] #app-shell .user-info strong{color:#18364d!important}
html[data-theme="light"] #app-shell .sidebar-brand small,
html[data-theme="light"] #app-shell .nav-label,
html[data-theme="light"] #app-shell .user-info small{color:#647d92!important}
html[data-theme="light"] #app-shell>.sidebar>nav button{color:#405b72!important}
html[data-theme="light"] #app-shell>.sidebar>nav button span{color:#52758f!important}
html[data-theme="light"] #app-shell>.sidebar>nav button.active{background:#d1e7f5!important;color:#16466b!important;border-color:#b6d4e7!important}
html[data-theme="light"] #app-shell>main{background:radial-gradient(ellipse at 70% -20%,#d6e8f4 0,transparent 42%),#edf2f7!important}
html[data-theme="light"] #app-shell .topbar{background:#f8fbfd!important;border-color:#d7e1eb!important}
html[data-theme="light"] #app-shell .topbar h1{color:#19354c!important}
html[data-theme="light"] #app-shell .topbar .eyebrow{color:#527f9f!important}
html[data-theme="light"] #app-shell .session-timer,
html[data-theme="light"] #app-shell .date-chip{background:#fff!important;border-color:#d5e0e9!important;color:#48647b!important}

/* Dashboard hero, metric cards and workspace surfaces */
html[data-theme="light"] #app-shell .dashboard-welcome{
 background:linear-gradient(112deg,#d8eaf5,#c5e2f0 52%,#b4dce9)!important;border-color:#b4d1e1!important;
 box-shadow:0 12px 28px #5b78901c!important;
}
html[data-theme="light"] #app-shell .dashboard-welcome h2{color:#143650!important}
html[data-theme="light"] #app-shell .dashboard-welcome p{color:#46677f!important}
html[data-theme="light"] #app-shell .dashboard-kicker{color:#286a91!important}
html[data-theme="light"] #app-shell .dashboard-action-secondary{background:#ffffffa8!important;color:#214e6b!important;border-color:#9bbfd3!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-card,
html[data-theme="light"] #app-shell .dashboard-panel,
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card,
html[data-theme="light"] #app-shell #vehicles .fleet-card{
 background:#fff!important;border-color:#d6e1eb!important;box-shadow:0 7px 20px #304c6410!important;
}
html[data-theme="light"] #app-shell .dashboard-stats .stat-card-top,
html[data-theme="light"] #app-shell .panel-overline{color:#5b7890!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-value-row strong,
html[data-theme="light"] #app-shell .dashboard-panel-head h3,
html[data-theme="light"] #app-shell .quick-access-panel h3,
html[data-theme="light"] #app-shell .dashboard-section-head h3{color:#19354c!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-foot,
html[data-theme="light"] #app-shell .dashboard-section-head p,
html[data-theme="light"] #app-shell .dashboard-panel-head p{color:#647d92!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap,
html[data-theme="light"] #app-shell #vehicles .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e7eff5,#dce7ef)!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3,
html[data-theme="light"] #app-shell #vehicles .fleet-card-title h3{color:#19354c!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate,
html[data-theme="light"] #app-shell #vehicles .fleet-plate{color:#668096!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail,
html[data-theme="light"] #app-shell #vehicles .fleet-detail{background:#f2f6f9!important;border-color:#dce5ed!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail span,
html[data-theme="light"] #app-shell #vehicles .fleet-detail span{color:#6b8194!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong,
html[data-theme="light"] #app-shell #vehicles .fleet-detail strong{color:#27475f!important}
html[data-theme="light"] #app-shell .quick-access-panel>button strong,
html[data-theme="light"] #app-shell .activity-main strong{color:#24445c!important}
html[data-theme="light"] #app-shell .quick-access-panel>button small,
html[data-theme="light"] #app-shell .activity-main small,
html[data-theme="light"] #app-shell .activity-time{color:#6d8498!important}
html[data-theme="light"] #app-shell .activity-empty-note{color:#647d92!important;border-color:#c7d6e2!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody td{background:#fff!important;color:#28465e!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap thead th{background:#edf3f7!important;color:#547086!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody tr:hover td{background:#f1f7fb!important}

/* All themes consistently recolor the other modules and controls. */
html[data-theme="light"] #app-shell .panel,
html[data-theme="light"] #app-shell .card,
html[data-theme="light"] #app-shell .table-card,
html[data-theme="light"] #app-shell .settings-panel,
html[data-theme="light"] #app-shell .table-wrap{background:#fff!important;border-color:#d7e1eb!important;color:#19354c!important}
html[data-theme="light"] #app-shell .page-intro h2,
html[data-theme="light"] #app-shell .section-heading h2,
html[data-theme="light"] #app-shell .section-heading h3{color:#19354c!important}
html[data-theme="light"] #app-shell .page-intro p{color:#60798e!important}
html[data-theme="light"] #app-shell thead th{background:#edf3f7!important;color:#557086!important;border-color:#d9e3eb!important}
html[data-theme="light"] #app-shell tbody td{color:#294960!important;border-color:#e2e9ef!important}
html[data-theme="light"] #app-shell input,
html[data-theme="light"] #app-shell select,
html[data-theme="light"] #app-shell textarea{background:#fff!important;border-color:#ccd9e4!important;color:#19354c!important}
html[data-theme="light"] #app-shell button.secondary,
html[data-theme="light"] #app-shell .secondary{background:#edf3f7!important;border-color:#ccd9e4!important;color:#31536d!important}
html[data-theme="light"] #app-shell dialog{background:#fff!important;color:#19354c!important;border-color:#d4e0e9!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap{background:#fff!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody td{background:#fff!important}

/* Contrast is deliberately high-contrast, not a recolored dark theme. */
html[data-theme="contrast"] #app-shell>.sidebar{background:#000!important;border-color:#8292a3!important}
html[data-theme="contrast"] #app-shell>main{background:#05080d!important}
html[data-theme="contrast"] #app-shell .topbar,
html[data-theme="contrast"] #app-shell .dashboard-panel,
html[data-theme="contrast"] #app-shell .dashboard-stats .stat-card,
html[data-theme="contrast"] #app-shell .dashboard-vehicle-cards .fleet-card,
html[data-theme="contrast"] #app-shell #vehicles .fleet-card{background:#101722!important;border-color:#8194a7!important}
html[data-theme="contrast"] #app-shell .dashboard-welcome{background:#002d52!important;border:2px solid #7bc9ff!important}
html[data-theme="contrast"] #app-shell :is(h1,h2,h3,strong,td,th,label,p,small,span){text-shadow:none!important}
html[data-theme="contrast"] #app-shell :is(.page-intro p,.dashboard-section-head p,.dashboard-panel-head p,.stat-foot){color:#d1dfeb!important}
html[data-theme="contrast"] #app-shell button,html[data-theme="contrast"] #app-shell input,html[data-theme="contrast"] #app-shell select{border-width:2px!important}

/* Glass modes retain the new dashboard composition while applying real translucency. */
html[data-theme="glass"] #app-shell :is(.sidebar,.topbar,.dashboard-panel,.dashboard-stats .stat-card,.dashboard-vehicle-cards .fleet-card,#vehicles .fleet-card,.table-wrap,.panel){
 background:rgba(23,43,64,.78)!important;border-color:rgba(130,190,225,.28)!important;
 backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
html[data-theme="glass"] #app-shell .dashboard-welcome{background:linear-gradient(115deg,#143650d9,#176582c9)!important;border-color:#5bb4d066!important}
html[data-theme="glass-light"] #app-shell :is(.sidebar,.topbar,.dashboard-panel,.dashboard-stats .stat-card,.dashboard-vehicle-cards .fleet-card,#vehicles .fleet-card,.table-wrap,.panel){
 background:rgba(255,255,255,.76)!important;border-color:rgba(137,166,190,.38)!important;
 backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
html[data-theme="glass-light"] #app-shell .dashboard-welcome{background:linear-gradient(115deg,#d5eaf5e8,#b9dcebe0)!important;border-color:#9fc9dd!important}
html[data-theme="glass-light"] #app-shell :is(.dashboard-welcome h2,.dashboard-panel-head h3,.dashboard-section-head h3,.dashboard-stats .stat-value-row strong,.fleet-card-title h3,.quick-access-panel h3){color:#18364d!important}
html[data-theme="glass-light"] #app-shell :is(.dashboard-welcome p,.dashboard-section-head p,.dashboard-panel-head p,.dashboard-stats .stat-foot,.fleet-plate){color:#5d7487!important}
html[data-theme="glass-light"] #app-shell .fleet-detail{background:rgba(242,247,251,.88)!important;border-color:#d5e1ea!important}
html[data-theme="glass-light"] #app-shell .fleet-detail strong{color:#24445c!important}
html[data-theme="glass-light"] #app-shell .topbar h1{color:#18364d!important}
html[data-theme="glass-light"] #app-shell>.sidebar{background:rgba(232,241,247,.88)!important}
html[data-theme="glass-light"] #app-shell>.sidebar>nav button{color:#36566f!important}
html[data-theme="glass-light"] #app-shell>.sidebar>nav button.active{background:#d2e8f5!important;color:#174a6d!important}


/* SIGA 5.6.0 — TECHNOLOGICAL OPERATIONS CENTER */
:root{--siga-ink:#080f19;--siga-shell:#0d1724;--siga-panel:#111f2e;--siga-panel2:#17283a;--siga-line:#263c50;--siga-text:#eaf4fb;--siga-muted:#8199ad;--siga-cyan:#26c8df;--siga-blue:#328fe5;--siga-green:#35d49a;--siga-amber:#eeb35d}
html,body{background:var(--siga-ink)!important;color:var(--siga-text)!important}
#app-shell:not(.hidden){grid-template-columns:236px minmax(0,1fr)!important;background:var(--siga-ink)!important}
#app-shell>.sidebar{width:236px!important;background:linear-gradient(180deg,#0d1a29,#0a1420)!important;border-right:1px solid #20364a!important;padding:19px 13px 15px!important}
#app-shell .sidebar-brand{padding:2px 8px 20px!important;border-bottom:1px solid #21364a!important}
#app-shell .sidebar-brand .brand-mark{width:43px!important;height:43px!important;flex-basis:43px!important;border:1px solid #28506b!important;box-shadow:0 0 22px #19a9d522!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.08em!important}
#app-shell .sidebar-brand small{color:#6f91a9!important;font-size:7px!important;letter-spacing:.12em!important}
#app-shell .nav-label{color:#54758f!important;font-size:8px!important;letter-spacing:.2em!important}
#app-shell>.sidebar>nav button{min-height:40px!important;border-radius:7px!important;color:#91a8bb!important;font-size:10px!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#123c55,#16334a)!important;border:1px solid #24526d!important;box-shadow:inset 3px 0 var(--siga-cyan),0 5px 16px #0003!important;color:#f4fbff!important}
#app-shell>.sidebar>nav button.active span{color:var(--siga-cyan)!important}
#app-shell>main{padding:0 27px 40px!important;background:radial-gradient(ellipse at 78% -12%,#16324b55,transparent 42%),#080f19!important}
#app-shell .topbar{min-height:68px!important;margin:0 -27px 24px!important;padding:0 27px!important;background:#0d1825ee!important;border-bottom:1px solid #20364a!important;backdrop-filter:blur(16px)!important}
#app-shell .topbar h1{color:#eff8ff!important;font-size:17px!important}
#app-shell .topbar .eyebrow{display:block!important;color:#5b91b3!important;font-size:7px!important;letter-spacing:.2em!important}
#app-shell .dashboard-view{max-width:1700px!important;margin:0 auto!important}
#app-shell .ops-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:206px;overflow:hidden;margin:0 0 17px;padding:28px 32px;border:1px solid #24516c;border-radius:13px;background:linear-gradient(108deg,#102a40 0%,#123c58 50%,#07536b 100%);box-shadow:0 18px 45px #0005,inset 0 1px #ffffff13}
#app-shell .ops-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 45%,#25c9e22b,transparent 28%),linear-gradient(90deg,#07162444,transparent 65%)}
#app-shell .ops-hero:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:52%;height:100%;opacity:.18;background-image:linear-gradient(#9be5f4 1px,transparent 1px),linear-gradient(90deg,#9be5f4 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
#app-shell .ops-hero-main{max-width:650px;z-index:2}
#app-shell .ops-eyebrow{display:flex;align-items:center;gap:8px;color:#8bdcf0;font-size:8px;font-weight:850;letter-spacing:.22em}
#app-shell .ops-pulse{width:7px;height:7px;border-radius:50%;background:#39e2b0;box-shadow:0 0 0 4px #39e2b022,0 0 13px #39e2b0}
#app-shell .ops-hero h2{margin:13px 0 8px;color:#f5fbff;font-size:clamp(25px,3vw,37px);line-height:1.03;letter-spacing:-.05em;font-weight:850}
#app-shell .ops-hero h2 span{color:#35c9e2}
#app-shell .ops-hero p{max-width:570px;margin:0;color:#b1cbdc;font-size:10px;line-height:1.7}
#app-shell .ops-hero-actions{display:flex;gap:8px;margin-top:18px}
#app-shell .ops-btn-primary,#app-shell .ops-btn-ghost{min-height:36px;padding:9px 13px;border-radius:6px;font-size:9px;font-weight:800}
#app-shell .ops-btn-primary{border:1px solid #45b9ef;background:linear-gradient(110deg,#2589d9,#16a9c1);color:white;box-shadow:0 7px 20px #087ba344}
#app-shell .ops-btn-ghost{border:1px solid #7cb7d455;background:#09283c88;color:#d7effa}
#app-shell .ops-hero-art{position:absolute;right:6%;top:50%;width:240px;height:240px;transform:translateY(-50%);display:grid;place-items:center}
#app-shell .ops-ring{position:absolute;border:1px solid #7adcf344;border-radius:50%;box-shadow:inset 0 0 32px #24c5e10b,0 0 30px #21c3dd0b}
#app-shell .ops-ring-a{width:155px;height:155px}
#app-shell .ops-ring-b{width:225px;height:225px;border-style:dashed;animation:sigaOrbit 35s linear infinite}
#app-shell .ops-car-glyph{display:grid;place-items:center;width:82px;height:82px;border:1px solid #5ac9e566;border-radius:24px;background:linear-gradient(145deg,#1c607a,#12314b);color:#b4effa;font-size:57px;line-height:1;box-shadow:0 0 45px #1bb8d333}
#app-shell .ops-art-label{position:absolute;bottom:12px;color:#83b9d0;font-size:7px;letter-spacing:.18em}
#app-shell .ops-art-label b{margin-left:6px;color:#39cce3}
@keyframes sigaOrbit{to{transform:rotate(360deg)}}
#app-shell .ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}
#app-shell .ops-kpi{position:relative;overflow:hidden;min-height:120px;padding:14px 16px;border:1px solid #253a4e;border-radius:9px;background:linear-gradient(145deg,#142538,#101c2a);box-shadow:0 9px 26px #0003}
#app-shell .ops-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#249cdb,#25c6d9);opacity:.9}
#app-shell .ops-kpi-label{display:flex;justify-content:space-between;color:#8da9bf;font-size:7px;font-weight:850;letter-spacing:.14em}
#app-shell .ops-kpi-label span{color:#466780}
#app-shell .ops-kpi-value{display:flex;align-items:baseline;gap:8px;margin-top:13px}
#app-shell .ops-kpi-value strong{color:#f0f7fc;font-size:31px;font-weight:850;letter-spacing:-.06em}
#app-shell .ops-kpi-value small{color:#8ca4b8;font-size:8px}
#app-shell .ops-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:6px;color:#718da4;font-size:8px}
#app-shell .ops-kpi-foot i{width:5px;height:5px;border-radius:50%;background:#39c99b}
#app-shell .ops-kpi-running:before{background:linear-gradient(90deg,#2c8fe5,#38c4ec)}
#app-shell .ops-kpi-drivers:before{background:linear-gradient(90deg,#8b79e8,#44a4dc)}
#app-shell .ops-kpi-today:before{background:linear-gradient(90deg,#d79a4b,#f0c36a)}
#app-shell .ops-kpi-spark{position:absolute;right:12px;bottom:10px;width:68px;height:25px;opacity:.5;clip-path:polygon(0 70%,15% 45%,28% 58%,42% 18%,58% 35%,73% 5%,100% 22%,100% 100%,0 100%);background:linear-gradient(0deg,#209cc533,#209cc500)}
#app-shell .spark-b{background:linear-gradient(0deg,#268fe555,#268fe500)}
#app-shell .spark-c{background:linear-gradient(0deg,#9577e855,#9577e800)}
#app-shell .spark-d{background:linear-gradient(0deg,#e6ad5555,#e6ad5500)}
#app-shell .ops-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
#app-shell .ops-section-title>div>span,#app-shell .ops-panel-kicker{color:#4e9ec8;font-size:7px;font-weight:850;letter-spacing:.2em}
#app-shell .ops-section-title h3{margin:5px 0 3px;color:#edf6fc;font-size:17px;font-weight:800;letter-spacing:-.025em}
#app-shell .ops-section-title p{margin:0;color:#7f98ad;font-size:9px}
#app-shell .ops-live-status{display:flex;align-items:center;gap:7px;color:#72b7d4;font-size:7px;font-weight:800;letter-spacing:.12em}
#app-shell .ops-live-status i{width:6px;height:6px;border-radius:50%;background:#38d39f;box-shadow:0 0 10px #38d39f}
#app-shell .ops-monitor-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.82fr);gap:13px;align-items:stretch}
#app-shell .ops-map-panel,#app-shell .ops-rail-panel,#app-shell .ops-history-panel{min-width:0;padding:15px;border:1px solid #263c50;border-radius:10px;background:linear-gradient(145deg,#122234,#0e1b29);box-shadow:0 10px 28px #0003}
#app-shell .ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .ops-panel-head h3{margin:4px 0 0;color:#edf6fc;font-size:13px;font-weight:800}
#app-shell .ops-panel-head p{margin:4px 0 0;color:#7f96aa;font-size:8px}
#app-shell .ops-map-expand,#app-shell .ops-text-link{border:0;background:transparent;color:#61b8e7;font-size:8px;font-weight:800}
#app-shell .ops-live-map{position:relative;min-height:335px;height:clamp(335px,38vw,475px);overflow:hidden;border:1px solid #2b455d;border-radius:7px;background:radial-gradient(ellipse at center,#1d3b54,#102235 70%,#0d1b29)}
#app-shell .ops-live-map .leaflet-container{height:100%;width:100%;background:#11263a;font:inherit}
#app-shell .ops-live-map .leaflet-tile{filter:brightness(.72) saturate(.78) hue-rotate(165deg) contrast(1.08)}
#app-shell .ops-live-map .leaflet-control-zoom a{background:#14283b;color:#d8effa;border-color:#3b5a72}
#app-shell .ops-map-empty{position:absolute;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#183c55aa,#0d1b2bd9)}
#app-shell .ops-map-empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #4aa6ca66;border-radius:50%;color:#71c8e8;font-size:28px;box-shadow:0 0 30px #23b5d522}
#app-shell .ops-map-empty strong{color:#dcecf6;font-size:11px}
#app-shell .ops-map-empty small{max-width:340px;color:#829db2;font-size:8px;line-height:1.6}
#app-shell .ops-map-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 2px 0;color:#8299ac;font-size:8px}
#app-shell .ops-map-legend span{display:flex;align-items:center;gap:6px}
#app-shell .ops-map-legend i,#app-shell .status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
#app-shell .legend-active,.dot-green{background:#35d49a;box-shadow:0 0 8px #35d49a77}
#app-shell .legend-alert,.dot-amber{background:#ef6a70;box-shadow:0 0 8px #ef6a7077}
#app-shell .dot-blue{background:#399ced;box-shadow:0 0 8px #399ced77}
#app-shell .ops-map-legend small{margin-left:auto;color:#5e8099}
#app-shell .ops-right-rail{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
#app-shell .ops-rail-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b526c;border-radius:7px;background:#15364d;color:#5fc7e5}
#app-shell .ops-status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #25394c;color:#a5b9ca;font-size:9px}
#app-shell .ops-status-row span{display:flex;align-items:center;gap:8px}
#app-shell .ops-status-row strong{color:#edf6fc;font-size:12px}
#app-shell .ops-status-track{height:5px;margin-top:14px;overflow:hidden;border-radius:10px;background:#293b4d}
#app-shell .ops-status-track span{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#26a9d5,#36d3a0);transition:width .5s ease}
#app-shell .ops-status-caption{display:flex;justify-content:space-between;margin-top:7px;color:#7992a8;font-size:8px}
#app-shell .ops-status-caption strong{color:#5bd3ad}
#app-shell .ops-activity-list{display:grid;gap:0}
#app-shell .ops-activity-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #25394c}
#app-shell .ops-activity-item:last-child{border-bottom:0}
#app-shell .ops-activity-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #2a526b;border-radius:7px;background:#17364d;color:#5bc1e5}
#app-shell .ops-activity-item strong{display:block;overflow:hidden;color:#dceaf4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item small{display:block;overflow:hidden;margin-top:3px;color:#7f96aa;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item time{color:#66849b;font-size:7px;white-space:nowrap}
#app-shell .ops-empty-activity{padding:24px 8px;text-align:center;color:#8198ac;font-size:8px}
#app-shell .ops-fleet-title{margin-top:27px}
#app-shell .dashboard-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 11px;border:1px solid #2d465c;border-radius:5px;background:#132538;color:#91a9bd;font-size:8px}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#288dbb;background:#143c54;color:#83d8f0}
#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{overflow:hidden;border:1px solid #294158;border-radius:9px;background:linear-gradient(145deg,#172a3d,#101d2a);box-shadow:0 8px 22px #0003}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{height:125px;background:radial-gradient(ellipse at center,#2a455c,#142537)}
#app-shell .dashboard-vehicle-cards .fleet-card-image{object-fit:contain;padding:8px 18px;filter:drop-shadow(0 12px 10px #0008)}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 12px 0}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#edf6fc;font-size:11px}
#app-shell .dashboard-vehicle-cards .fleet-plate{color:#7391a8;font-size:8px;letter-spacing:.1em}
#app-shell .dashboard-vehicle-cards .fleet-detail{background:#122235;border:1px solid #294158;border-radius:5px}
#app-shell .dashboard-vehicle-cards .fleet-detail span{color:#7894aa}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#dceaf4}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 12px 12px}
#app-shell .ops-history-panel{margin-top:14px}
#app-shell .ops-history-panel .table-wrap{border-color:#294158;background:#0f1c29}
#app-shell .ops-history-panel thead th{background:#182b3e;color:#8ba7bc}
#app-shell .ops-history-panel tbody td{background:#122132;color:#c6d5e1}
.siga-map-marker-wrap{background:transparent;border:0}
.siga-map-marker{display:block;width:20px;height:20px;border:2px solid #d9f7ff;border-radius:50%;background:color-mix(in srgb,var(--marker-color) 35%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--marker-color) 18%,transparent),0 0 18px var(--marker-color);position:relative}
.siga-map-marker i{position:absolute;inset:5px;border-radius:50%;background:var(--marker-color)}
/* Theme harmonization for the new operational center */
html[data-theme="light"] #app-shell .ops-hero{background:linear-gradient(110deg,#d9edf7,#b8deeb 55%,#a6d8e5);border-color:#a7ccdc}
html[data-theme="light"] #app-shell .ops-hero h2{color:#153d56}
html[data-theme="light"] #app-shell .ops-hero p{color:#45677e}
html[data-theme="light"] #app-shell .ops-eyebrow{color:#246d8e}
html[data-theme="light"] #app-shell .ops-btn-ghost{background:#ffffff99;color:#214e68;border-color:#8cb8cc}
html[data-theme="light"] #app-shell .ops-kpi{background:linear-gradient(145deg,#fff,#f1f6fa);border-color:#d5e1e9}
html[data-theme="light"] #app-shell .ops-kpi-label{color:#57758c}
html[data-theme="light"] #app-shell .ops-kpi-value strong{color:#173a53}
html[data-theme="light"] #app-shell .ops-kpi-foot{color:#678196}
html[data-theme="light"] #app-shell .ops-section-title h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-section-title p{color:#627d91}
html[data-theme="light"] #app-shell .ops-map-panel,html[data-theme="light"] #app-shell .ops-rail-panel,html[data-theme="light"] #app-shell .ops-history-panel{background:#fff;border-color:#d6e2eb;box-shadow:0 8px 22px #314c6012}
html[data-theme="light"] #app-shell .ops-panel-head h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-panel-head p{color:#688197}
html[data-theme="light"] #app-shell .ops-status-row{color:#46647a;border-color:#e0e8ef}
html[data-theme="light"] #app-shell .ops-status-row strong{color:#193b54}
html[data-theme="light"] #app-shell .ops-status-track{background:#e1eaf0}
html[data-theme="light"] #app-shell .ops-status-caption{color:#688197}
html[data-theme="light"] #app-shell .ops-activity-item{border-color:#e1e9ef}
html[data-theme="light"] #app-shell .ops-activity-item strong{color:#23465f}
html[data-theme="light"] #app-shell .ops-activity-item small{color:#71899b}
html[data-theme="light"] #app-shell .ops-activity-item time{color:#6f879a}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card{background:#fff;border-color:#d7e2ea}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e8f0f5,#dce8ef)}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#1b3d55}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate{color:#688197}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail{background:#f3f7fa;border-color:#dce6ed}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#25465e}
html[data-theme="contrast"] #app-shell .ops-hero{background:#002c4d;border:2px solid #79d4ff}
html[data-theme="contrast"] #app-shell .ops-kpi,html[data-theme="contrast"] #app-shell .ops-map-panel,html[data-theme="contrast"] #app-shell .ops-rail-panel,html[data-theme="contrast"] #app-shell .ops-history-panel{background:#050b12;border:1px solid #8da4b8}
html[data-theme="glass"] #app-shell .ops-kpi,html[data-theme="glass"] #app-shell .ops-map-panel,html[data-theme="glass"] #app-shell .ops-rail-panel,html[data-theme="glass"] #app-shell .ops-history-panel{background:#142b40cc;backdrop-filter:blur(18px) saturate(150%);border-color:#8acbe044}
html[data-theme="glass-light"] #app-shell .ops-kpi,html[data-theme="glass-light"] #app-shell .ops-map-panel,html[data-theme="glass-light"] #app-shell .ops-rail-panel,html[data-theme="glass-light"] #app-shell .ops-history-panel{background:#ffffffc9;backdrop-filter:blur(18px) saturate(150%);border-color:#aac8da}
html[data-theme="glass-light"] #app-shell .ops-section-title h3,html[data-theme="glass-light"] #app-shell .ops-panel-head h3,html[data-theme="glass-light"] #app-shell .ops-kpi-value strong{color:#183c55}
html[data-theme="glass-light"] #app-shell .ops-section-title p,html[data-theme="glass-light"] #app-shell .ops-panel-head p,html[data-theme="glass-light"] #app-shell .ops-kpi-foot{color:#5d778b}
html[data-theme="glass-light"] #app-shell .ops-kpi-label{color:#57758b}
html[data-theme="glass-light"] #app-shell .ops-activity-item strong,html[data-theme="glass-light"] #app-shell .ops-status-row strong{color:#1c425d}
@media(max-width:1200px){#app-shell .ops-monitor-grid{grid-template-columns:1fr}#app-shell .ops-right-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:900px){#app-shell .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .ops-hero-art{right:2%;opacity:.5}}
@media(max-width:650px){#app-shell:not(.hidden){grid-template-columns:1fr!important}#app-shell>.sidebar{width:100%!important}#app-shell>main{padding:0 12px 30px!important}#app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}#app-shell .ops-hero{padding:21px;min-height:190px}#app-shell .ops-hero-art{right:-65px;opacity:.25}#app-shell .ops-hero h2{font-size:25px}#app-shell .ops-kpi-grid{gap:8px}#app-shell .ops-kpi{min-height:106px;padding:11px}#app-shell .ops-kpi-value strong{font-size:25px}#app-shell .ops-right-rail{grid-template-columns:1fr}#app-shell .ops-section-title{align-items:flex-start;flex-direction:column}#app-shell .ops-live-map{height:320px;min-height:320px}#app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}}


/* SIGA 5.6.0 — TECHNOLOGICAL OPERATIONS CENTER */
:root{--siga-ink:#080f19;--siga-shell:#0d1724;--siga-panel:#111f2e;--siga-panel2:#17283a;--siga-line:#263c50;--siga-text:#eaf4fb;--siga-muted:#8199ad;--siga-cyan:#26c8df;--siga-blue:#328fe5;--siga-green:#35d49a;--siga-amber:#eeb35d}
html,body{background:var(--siga-ink)!important;color:var(--siga-text)!important}
#app-shell:not(.hidden){grid-template-columns:236px minmax(0,1fr)!important;background:var(--siga-ink)!important}
#app-shell>.sidebar{width:236px!important;background:linear-gradient(180deg,#0d1a29,#0a1420)!important;border-right:1px solid #20364a!important;padding:19px 13px 15px!important}
#app-shell .sidebar-brand{padding:2px 8px 20px!important;border-bottom:1px solid #21364a!important}
#app-shell .sidebar-brand .brand-mark{width:43px!important;height:43px!important;flex-basis:43px!important;border:1px solid #28506b!important;box-shadow:0 0 22px #19a9d522!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.08em!important}
#app-shell .sidebar-brand small{color:#6f91a9!important;font-size:7px!important;letter-spacing:.12em!important}
#app-shell .nav-label{color:#54758f!important;font-size:8px!important;letter-spacing:.2em!important}
#app-shell>.sidebar>nav button{min-height:40px!important;border-radius:7px!important;color:#91a8bb!important;font-size:10px!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#123c55,#16334a)!important;border:1px solid #24526d!important;box-shadow:inset 3px 0 var(--siga-cyan),0 5px 16px #0003!important;color:#f4fbff!important}
#app-shell>.sidebar>nav button.active span{color:var(--siga-cyan)!important}
#app-shell>main{padding:0 27px 40px!important;background:radial-gradient(ellipse at 78% -12%,#16324b55,transparent 42%),#080f19!important}
#app-shell .topbar{min-height:68px!important;margin:0 -27px 24px!important;padding:0 27px!important;background:#0d1825ee!important;border-bottom:1px solid #20364a!important;backdrop-filter:blur(16px)!important}
#app-shell .topbar h1{color:#eff8ff!important;font-size:17px!important}
#app-shell .topbar .eyebrow{display:block!important;color:#5b91b3!important;font-size:7px!important;letter-spacing:.2em!important}
#app-shell .dashboard-view{max-width:1700px!important;margin:0 auto!important}
#app-shell .ops-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:206px;overflow:hidden;margin:0 0 17px;padding:28px 32px;border:1px solid #24516c;border-radius:13px;background:linear-gradient(108deg,#102a40 0%,#123c58 50%,#07536b 100%);box-shadow:0 18px 45px #0005,inset 0 1px #ffffff13}
#app-shell .ops-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 45%,#25c9e22b,transparent 28%),linear-gradient(90deg,#07162444,transparent 65%)}
#app-shell .ops-hero:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:52%;height:100%;opacity:.18;background-image:linear-gradient(#9be5f4 1px,transparent 1px),linear-gradient(90deg,#9be5f4 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
#app-shell .ops-hero-main{max-width:650px;z-index:2}
#app-shell .ops-eyebrow{display:flex;align-items:center;gap:8px;color:#8bdcf0;font-size:8px;font-weight:850;letter-spacing:.22em}
#app-shell .ops-pulse{width:7px;height:7px;border-radius:50%;background:#39e2b0;box-shadow:0 0 0 4px #39e2b022,0 0 13px #39e2b0}
#app-shell .ops-hero h2{margin:13px 0 8px;color:#f5fbff;font-size:clamp(25px,3vw,37px);line-height:1.03;letter-spacing:-.05em;font-weight:850}
#app-shell .ops-hero h2 span{color:#35c9e2}
#app-shell .ops-hero p{max-width:570px;margin:0;color:#b1cbdc;font-size:10px;line-height:1.7}
#app-shell .ops-hero-actions{display:flex;gap:8px;margin-top:18px}
#app-shell .ops-btn-primary,#app-shell .ops-btn-ghost{min-height:36px;padding:9px 13px;border-radius:6px;font-size:9px;font-weight:800}
#app-shell .ops-btn-primary{border:1px solid #45b9ef;background:linear-gradient(110deg,#2589d9,#16a9c1);color:white;box-shadow:0 7px 20px #087ba344}
#app-shell .ops-btn-ghost{border:1px solid #7cb7d455;background:#09283c88;color:#d7effa}
#app-shell .ops-hero-art{position:absolute;right:6%;top:50%;width:240px;height:240px;transform:translateY(-50%);display:grid;place-items:center}
#app-shell .ops-ring{position:absolute;border:1px solid #7adcf344;border-radius:50%;box-shadow:inset 0 0 32px #24c5e10b,0 0 30px #21c3dd0b}
#app-shell .ops-ring-a{width:155px;height:155px}
#app-shell .ops-ring-b{width:225px;height:225px;border-style:dashed;animation:sigaOrbit 35s linear infinite}
#app-shell .ops-car-glyph{display:grid;place-items:center;width:82px;height:82px;border:1px solid #5ac9e566;border-radius:24px;background:linear-gradient(145deg,#1c607a,#12314b);color:#b4effa;font-size:57px;line-height:1;box-shadow:0 0 45px #1bb8d333}
#app-shell .ops-art-label{position:absolute;bottom:12px;color:#83b9d0;font-size:7px;letter-spacing:.18em}
#app-shell .ops-art-label b{margin-left:6px;color:#39cce3}
@keyframes sigaOrbit{to{transform:rotate(360deg)}}
#app-shell .ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}
#app-shell .ops-kpi{position:relative;overflow:hidden;min-height:120px;padding:14px 16px;border:1px solid #253a4e;border-radius:9px;background:linear-gradient(145deg,#142538,#101c2a);box-shadow:0 9px 26px #0003}
#app-shell .ops-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#249cdb,#25c6d9);opacity:.9}
#app-shell .ops-kpi-label{display:flex;justify-content:space-between;color:#8da9bf;font-size:7px;font-weight:850;letter-spacing:.14em}
#app-shell .ops-kpi-label span{color:#466780}
#app-shell .ops-kpi-value{display:flex;align-items:baseline;gap:8px;margin-top:13px}
#app-shell .ops-kpi-value strong{color:#f0f7fc;font-size:31px;font-weight:850;letter-spacing:-.06em}
#app-shell .ops-kpi-value small{color:#8ca4b8;font-size:8px}
#app-shell .ops-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:6px;color:#718da4;font-size:8px}
#app-shell .ops-kpi-foot i{width:5px;height:5px;border-radius:50%;background:#39c99b}
#app-shell .ops-kpi-running:before{background:linear-gradient(90deg,#2c8fe5,#38c4ec)}
#app-shell .ops-kpi-drivers:before{background:linear-gradient(90deg,#8b79e8,#44a4dc)}
#app-shell .ops-kpi-today:before{background:linear-gradient(90deg,#d79a4b,#f0c36a)}
#app-shell .ops-kpi-spark{position:absolute;right:12px;bottom:10px;width:68px;height:25px;opacity:.5;clip-path:polygon(0 70%,15% 45%,28% 58%,42% 18%,58% 35%,73% 5%,100% 22%,100% 100%,0 100%);background:linear-gradient(0deg,#209cc533,#209cc500)}
#app-shell .spark-b{background:linear-gradient(0deg,#268fe555,#268fe500)}
#app-shell .spark-c{background:linear-gradient(0deg,#9577e855,#9577e800)}
#app-shell .spark-d{background:linear-gradient(0deg,#e6ad5555,#e6ad5500)}
#app-shell .ops-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
#app-shell .ops-section-title>div>span,#app-shell .ops-panel-kicker{color:#4e9ec8;font-size:7px;font-weight:850;letter-spacing:.2em}
#app-shell .ops-section-title h3{margin:5px 0 3px;color:#edf6fc;font-size:17px;font-weight:800;letter-spacing:-.025em}
#app-shell .ops-section-title p{margin:0;color:#7f98ad;font-size:9px}
#app-shell .ops-live-status{display:flex;align-items:center;gap:7px;color:#72b7d4;font-size:7px;font-weight:800;letter-spacing:.12em}
#app-shell .ops-live-status i{width:6px;height:6px;border-radius:50%;background:#38d39f;box-shadow:0 0 10px #38d39f}
#app-shell .ops-monitor-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.82fr);gap:13px;align-items:stretch}
#app-shell .ops-map-panel,#app-shell .ops-rail-panel,#app-shell .ops-history-panel{min-width:0;padding:15px;border:1px solid #263c50;border-radius:10px;background:linear-gradient(145deg,#122234,#0e1b29);box-shadow:0 10px 28px #0003}
#app-shell .ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .ops-panel-head h3{margin:4px 0 0;color:#edf6fc;font-size:13px;font-weight:800}
#app-shell .ops-panel-head p{margin:4px 0 0;color:#7f96aa;font-size:8px}
#app-shell .ops-map-expand,#app-shell .ops-text-link{border:0;background:transparent;color:#61b8e7;font-size:8px;font-weight:800}
#app-shell .ops-live-map{position:relative;min-height:335px;height:clamp(335px,38vw,475px);overflow:hidden;border:1px solid #2b455d;border-radius:7px;background:radial-gradient(ellipse at center,#1d3b54,#102235 70%,#0d1b29)}
#app-shell .ops-live-map .leaflet-container{height:100%;width:100%;background:#11263a;font:inherit}
#app-shell .ops-live-map .leaflet-tile{filter:brightness(.72) saturate(.78) hue-rotate(165deg) contrast(1.08)}
#app-shell .ops-live-map .leaflet-control-zoom a{background:#14283b;color:#d8effa;border-color:#3b5a72}
#app-shell .ops-map-empty{position:absolute;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#183c55aa,#0d1b2bd9)}
#app-shell .ops-map-empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #4aa6ca66;border-radius:50%;color:#71c8e8;font-size:28px;box-shadow:0 0 30px #23b5d522}
#app-shell .ops-map-empty strong{color:#dcecf6;font-size:11px}
#app-shell .ops-map-empty small{max-width:340px;color:#829db2;font-size:8px;line-height:1.6}
#app-shell .ops-map-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 2px 0;color:#8299ac;font-size:8px}
#app-shell .ops-map-legend span{display:flex;align-items:center;gap:6px}
#app-shell .ops-map-legend i,#app-shell .status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
#app-shell .legend-active,.dot-green{background:#35d49a;box-shadow:0 0 8px #35d49a77}
#app-shell .legend-alert,.dot-amber{background:#ef6a70;box-shadow:0 0 8px #ef6a7077}
#app-shell .dot-blue{background:#399ced;box-shadow:0 0 8px #399ced77}
#app-shell .ops-map-legend small{margin-left:auto;color:#5e8099}
#app-shell .ops-right-rail{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
#app-shell .ops-rail-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b526c;border-radius:7px;background:#15364d;color:#5fc7e5}
#app-shell .ops-status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #25394c;color:#a5b9ca;font-size:9px}
#app-shell .ops-status-row span{display:flex;align-items:center;gap:8px}
#app-shell .ops-status-row strong{color:#edf6fc;font-size:12px}
#app-shell .ops-status-track{height:5px;margin-top:14px;overflow:hidden;border-radius:10px;background:#293b4d}
#app-shell .ops-status-track span{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#26a9d5,#36d3a0);transition:width .5s ease}
#app-shell .ops-status-caption{display:flex;justify-content:space-between;margin-top:7px;color:#7992a8;font-size:8px}
#app-shell .ops-status-caption strong{color:#5bd3ad}
#app-shell .ops-activity-list{display:grid;gap:0}
#app-shell .ops-activity-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #25394c}
#app-shell .ops-activity-item:last-child{border-bottom:0}
#app-shell .ops-activity-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #2a526b;border-radius:7px;background:#17364d;color:#5bc1e5}
#app-shell .ops-activity-item strong{display:block;overflow:hidden;color:#dceaf4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item small{display:block;overflow:hidden;margin-top:3px;color:#7f96aa;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item time{color:#66849b;font-size:7px;white-space:nowrap}
#app-shell .ops-empty-activity{padding:24px 8px;text-align:center;color:#8198ac;font-size:8px}
#app-shell .ops-fleet-title{margin-top:27px}
#app-shell .dashboard-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 11px;border:1px solid #2d465c;border-radius:5px;background:#132538;color:#91a9bd;font-size:8px}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#288dbb;background:#143c54;color:#83d8f0}
#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{overflow:hidden;border:1px solid #294158;border-radius:9px;background:linear-gradient(145deg,#172a3d,#101d2a);box-shadow:0 8px 22px #0003}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{height:125px;background:radial-gradient(ellipse at center,#2a455c,#142537)}
#app-shell .dashboard-vehicle-cards .fleet-card-image{object-fit:contain;padding:8px 18px;filter:drop-shadow(0 12px 10px #0008)}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 12px 0}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#edf6fc;font-size:11px}
#app-shell .dashboard-vehicle-cards .fleet-plate{color:#7391a8;font-size:8px;letter-spacing:.1em}
#app-shell .dashboard-vehicle-cards .fleet-detail{background:#122235;border:1px solid #294158;border-radius:5px}
#app-shell .dashboard-vehicle-cards .fleet-detail span{color:#7894aa}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#dceaf4}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 12px 12px}
#app-shell .ops-history-panel{margin-top:14px}
#app-shell .ops-history-panel .table-wrap{border-color:#294158;background:#0f1c29}
#app-shell .ops-history-panel thead th{background:#182b3e;color:#8ba7bc}
#app-shell .ops-history-panel tbody td{background:#122132;color:#c6d5e1}
.siga-map-marker-wrap{background:transparent;border:0}
.siga-map-marker{display:block;width:20px;height:20px;border:2px solid #d9f7ff;border-radius:50%;background:color-mix(in srgb,var(--marker-color) 35%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--marker-color) 18%,transparent),0 0 18px var(--marker-color);position:relative}
.siga-map-marker i{position:absolute;inset:5px;border-radius:50%;background:var(--marker-color)}
/* Theme harmonization for the new operational center */
html[data-theme="light"] #app-shell .ops-hero{background:linear-gradient(110deg,#d9edf7,#b8deeb 55%,#a6d8e5);border-color:#a7ccdc}
html[data-theme="light"] #app-shell .ops-hero h2{color:#153d56}
html[data-theme="light"] #app-shell .ops-hero p{color:#45677e}
html[data-theme="light"] #app-shell .ops-eyebrow{color:#246d8e}
html[data-theme="light"] #app-shell .ops-btn-ghost{background:#ffffff99;color:#214e68;border-color:#8cb8cc}
html[data-theme="light"] #app-shell .ops-kpi{background:linear-gradient(145deg,#fff,#f1f6fa);border-color:#d5e1e9}
html[data-theme="light"] #app-shell .ops-kpi-label{color:#57758c}
html[data-theme="light"] #app-shell .ops-kpi-value strong{color:#173a53}
html[data-theme="light"] #app-shell .ops-kpi-foot{color:#678196}
html[data-theme="light"] #app-shell .ops-section-title h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-section-title p{color:#627d91}
html[data-theme="light"] #app-shell .ops-map-panel,html[data-theme="light"] #app-shell .ops-rail-panel,html[data-theme="light"] #app-shell .ops-history-panel{background:#fff;border-color:#d6e2eb;box-shadow:0 8px 22px #314c6012}
html[data-theme="light"] #app-shell .ops-panel-head h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-panel-head p{color:#688197}
html[data-theme="light"] #app-shell .ops-status-row{color:#46647a;border-color:#e0e8ef}
html[data-theme="light"] #app-shell .ops-status-row strong{color:#193b54}
html[data-theme="light"] #app-shell .ops-status-track{background:#e1eaf0}
html[data-theme="light"] #app-shell .ops-status-caption{color:#688197}
html[data-theme="light"] #app-shell .ops-activity-item{border-color:#e1e9ef}
html[data-theme="light"] #app-shell .ops-activity-item strong{color:#23465f}
html[data-theme="light"] #app-shell .ops-activity-item small{color:#71899b}
html[data-theme="light"] #app-shell .ops-activity-item time{color:#6f879a}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card{background:#fff;border-color:#d7e2ea}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e8f0f5,#dce8ef)}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#1b3d55}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate{color:#688197}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail{background:#f3f7fa;border-color:#dce6ed}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#25465e}
html[data-theme="contrast"] #app-shell .ops-hero{background:#002c4d;border:2px solid #79d4ff}
html[data-theme="contrast"] #app-shell .ops-kpi,html[data-theme="contrast"] #app-shell .ops-map-panel,html[data-theme="contrast"] #app-shell .ops-rail-panel,html[data-theme="contrast"] #app-shell .ops-history-panel{background:#050b12;border:1px solid #8da4b8}
html[data-theme="glass"] #app-shell .ops-kpi,html[data-theme="glass"] #app-shell .ops-map-panel,html[data-theme="glass"] #app-shell .ops-rail-panel,html[data-theme="glass"] #app-shell .ops-history-panel{background:#142b40cc;backdrop-filter:blur(18px) saturate(150%);border-color:#8acbe044}
html[data-theme="glass-light"] #app-shell .ops-kpi,html[data-theme="glass-light"] #app-shell .ops-map-panel,html[data-theme="glass-light"] #app-shell .ops-rail-panel,html[data-theme="glass-light"] #app-shell .ops-history-panel{background:#ffffffc9;backdrop-filter:blur(18px) saturate(150%);border-color:#aac8da}
html[data-theme="glass-light"] #app-shell .ops-section-title h3,html[data-theme="glass-light"] #app-shell .ops-panel-head h3,html[data-theme="glass-light"] #app-shell .ops-kpi-value strong{color:#183c55}
html[data-theme="glass-light"] #app-shell .ops-section-title p,html[data-theme="glass-light"] #app-shell .ops-panel-head p,html[data-theme="glass-light"] #app-shell .ops-kpi-foot{color:#5d778b}
html[data-theme="glass-light"] #app-shell .ops-kpi-label{color:#57758b}
html[data-theme="glass-light"] #app-shell .ops-activity-item strong,html[data-theme="glass-light"] #app-shell .ops-status-row strong{color:#1c425d}
@media(max-width:1200px){#app-shell .ops-monitor-grid{grid-template-columns:1fr}#app-shell .ops-right-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:900px){#app-shell .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .ops-hero-art{right:2%;opacity:.5}}
@media(max-width:650px){#app-shell:not(.hidden){grid-template-columns:1fr!important}#app-shell>.sidebar{width:100%!important}#app-shell>main{padding:0 12px 30px!important}#app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}#app-shell .ops-hero{padding:21px;min-height:190px}#app-shell .ops-hero-art{right:-65px;opacity:.25}#app-shell .ops-hero h2{font-size:25px}#app-shell .ops-kpi-grid{gap:8px}#app-shell .ops-kpi{min-height:106px;padding:11px}#app-shell .ops-kpi-value strong{font-size:25px}#app-shell .ops-right-rail{grid-template-columns:1fr}#app-shell .ops-section-title{align-items:flex-start;flex-direction:column}#app-shell .ops-live-map{height:320px;min-height:320px}#app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}}


/* SIGA 5.6.1 — LAYOUT RESET: FIX SIDEBAR OVERLAP / CONTENT CLIPPING */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
#app-shell:not(.hidden){
 display:block!important;position:relative!important;width:100%!important;max-width:100%!important;
 min-height:100vh!important;overflow-x:clip!important;background:#080f19!important;
}
#app-shell>.sidebar{
 position:fixed!important;inset:0 auto 0 0!important;z-index:1200!important;
 display:flex!important;flex-direction:column!important;width:250px!important;
 min-width:250px!important;max-width:250px!important;height:100vh!important;
 box-sizing:border-box!important;overflow:hidden!important;
}
#app-shell>.sidebar>nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
#app-shell>.sidebar>.sidebar-bottom{flex:0 0 auto!important}
#app-shell>main{
 display:block!important;position:relative!important;
 margin:0 0 0 250px!important;left:auto!important;right:auto!important;
 width:calc(100% - 250px)!important;min-width:0!important;max-width:none!important;
 box-sizing:border-box!important;overflow-x:clip!important;
 padding:0 30px 48px!important;
}
#app-shell>main>.topbar{
 position:relative!important;left:auto!important;right:auto!important;
 width:auto!important;max-width:none!important;margin:0 -30px 25px!important;
 box-sizing:border-box!important;padding:0 30px!important;
}
#app-shell>main>.view{display:block;position:relative;width:100%;max-width:none;min-width:0;box-sizing:border-box}
#app-shell>main>.view.hidden{display:none!important}
#app-shell>main .page-intro{width:100%;min-width:0;box-sizing:border-box;margin:0 0 20px}
#app-shell>main .settings-system-info,
#app-shell>main .settings-updates-panel{
 display:block!important;position:relative!important;width:100%!important;max-width:none!important;
 min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;
 margin:0 0 18px!important;padding:24px!important;border-radius:16px!important;
 border:1px solid #29475f!important;
 background:linear-gradient(145deg,#142a3e 0%,#102132 60%,#0e1d2b 100%)!important;
 box-shadow:0 16px 38px #0003,inset 0 1px #ffffff0b!important;
}
#app-shell>main .settings-system-info .settings-info-heading,
#app-shell>main .settings-updates-panel .settings-info-heading{margin:0 0 16px!important}
#app-shell>main .settings-system-info .settings-info-heading h3,
#app-shell>main .settings-updates-panel .settings-info-heading h3{
 margin:5px 0 5px!important;color:#f1f8fd!important;font-size:19px!important;letter-spacing:-.025em!important
}
#app-shell>main .settings-updates-panel .settings-info-heading p{margin:5px 0 0!important;color:#a4bbce!important;font-size:11px!important;line-height:1.6}
#app-shell>main .settings-system-info dl{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:0 24px!important;width:100%!important;min-width:0!important;margin:0!important
}
#app-shell>main .settings-system-info dl>div{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;min-width:0!important;max-width:100%!important;
 padding:16px 0!important;border-top:1px solid #ffffff18!important
}
#app-shell>main .settings-system-info dt{flex:0 0 34%!important;color:#8da9bf!important;font-size:10px!important}
#app-shell>main .settings-system-info dd{
 flex:1 1 auto!important;min-width:0!important;max-width:66%!important;
 text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;
 color:#eaf5fc!important;font-size:11px!important
}
#app-shell>main .settings-system-info dd small{
 display:block!important;max-width:100%!important;margin-top:4px!important;
 color:#8ea9bd!important;font-size:9px!important;line-height:1.5!important;overflow-wrap:anywhere!important
}
#app-shell>main .settings-credit{
 display:flex!important;align-items:center!important;gap:14px!important;
 margin-top:18px!important;padding:17px!important;border:1px solid #d3e7f3!important;
 border-radius:12px!important;background:linear-gradient(110deg,#f8fcff,#e9f4fb)!important;
 box-shadow:0 8px 22px #0002!important;min-width:0!important
}
#app-shell>main .settings-credit-mark{
 display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;
 border-radius:12px!important;background:linear-gradient(145deg,#0b8fc0,#18c4d7)!important;
 color:#fff!important;font-weight:900!important;box-shadow:0 6px 15px #087fa544!important
}
#app-shell>main .settings-credit>div{min-width:0!important}
#app-shell>main .settings-credit strong{display:block!important;color:#145079!important;font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
#app-shell>main .settings-credit small{display:block!important;margin-top:4px!important;color:#6b8ba2!important;font-size:9px!important}
#app-shell>main .updates-status-row{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;
 align-items:center!important;gap:12px!important;margin:15px 0!important;padding:16px!important;
 border:1px solid #29485f!important;border-radius:11px!important;background:#0b1b2a!important
}
#app-shell>main .updates-status-row>div{min-width:0!important;display:grid!important;gap:7px!important}
#app-shell>main .updates-status-row small{color:#7797ae!important;font-size:8px!important;letter-spacing:.12em!important}
#app-shell>main .updates-status-row strong{color:#f0f8fd!important;font-size:17px!important}
#app-shell>main .updates-description,#app-shell>main .updates-footnote{
 display:block!important;color:#9bb2c5!important;font-size:10px!important;line-height:1.65!important
}
#app-shell>main .updates-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:15px!important}
#app-shell>main .updates-actions button,#app-shell>main .settings-resource-cards button{
 min-height:37px!important;border-radius:7px!important;padding:9px 14px!important;font-size:9px!important;font-weight:800!important
}
#app-shell>main .settings-updates-panel .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app-shell>main .settings-updates-panel label{min-width:0!important;color:#9cb5c8!important;font-size:10px!important}
#app-shell>main .settings-updates-panel input,
#app-shell>main .settings-updates-panel textarea{
 width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 border:1px solid #35536b!important;border-radius:7px!important;background:#0a1927!important;
 color:#e9f4fb!important;padding:11px!important;font-size:10px!important
}
#app-shell>main .settings-updates-panel .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
#app-shell>main .settings-resource-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app-shell>main .settings-resource-cards article{
 min-width:0!important;padding:18px!important;border:1px solid #29475f!important;border-radius:12px!important;
 background:linear-gradient(145deg,#152c40,#102031)!important;box-shadow:0 9px 24px #0002!important
}
#app-shell>main .settings-resource-cards article h3{color:#eff7fc!important;font-size:13px!important}
#app-shell>main .settings-resource-cards article p{color:#9bb2c5!important;font-size:10px!important;line-height:1.6!important}
#app-shell>main .settings-resource-cards article .status{font-size:8px!important}
#app-shell>main .settings-resource-cards article button{background:linear-gradient(100deg,#168bc2,#16a9bd)!important;color:white!important;border:0!important}
#app-shell>main .section-heading{margin-top:25px!important}
#app-shell>main .table-wrap,#app-shell>main .selective-users-list,#app-shell>main #selective-status-list{max-width:100%!important;min-width:0!important;overflow-x:auto!important}
@media(max-width:1100px){
 #app-shell>main .settings-system-info dl{grid-template-columns:1fr!important}
 #app-shell>main .settings-system-info dl>div{gap:14px!important}
}
@media(max-width:760px){
 #app-shell>.sidebar{display:none!important}
 #app-shell>main{margin:0!important;width:100%!important;padding:0 14px 34px!important}
 #app-shell>main>.topbar{margin:0 -14px 18px!important;padding:0 14px!important}
 #app-shell>main .settings-system-info,#app-shell>main .settings-updates-panel{padding:17px!important}
 #app-shell>main .settings-updates-panel .form-grid,
 #app-shell>main .settings-resource-cards{grid-template-columns:1fr!important}
 #app-shell>main .updates-status-row{grid-template-columns:1fr 1fr!important}
 #app-shell>main .settings-system-info dl>div{align-items:flex-start!important}
 #app-shell>main .settings-system-info dt{flex-basis:31%!important}
 #app-shell>main .settings-system-info dd{max-width:69%!important}
}


/* SIGA 5.6.2 — NOVA ESTRUTURA DE NAVEGAÇÃO
   Grid real no desktop: elimina margens e larguras conflitantes acumuladas. */
html,body{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}
#app-shell:not(.hidden){
 display:grid!important;
 grid-template-columns:264px minmax(0,1fr)!important;
 align-items:stretch!important;
 position:relative!important;
 width:100%!important;max-width:100%!important;min-height:100vh!important;
 margin:0!important;padding:0!important;
 overflow:clip!important;
 background:
  radial-gradient(ellipse at 82% 0%,rgba(22,91,133,.15),transparent 34%),
  linear-gradient(180deg,#080f18 0%,#0b1420 100%)!important;
}
/* Sidebar: rail editorial, com marca, navegação espaçada e rodapé ancorado. */
#app-shell:not(.hidden)>.sidebar{
 position:sticky!important;inset:auto!important;top:0!important;
 grid-column:1!important;grid-row:1!important;
 display:flex!important;flex-direction:column!important;
 width:264px!important;min-width:264px!important;max-width:264px!important;
 height:100vh!important;min-height:100vh!important;max-height:100vh!important;
 box-sizing:border-box!important;overflow:hidden!important;
 padding:22px 16px 17px!important;
 background:
  radial-gradient(ellipse at 10% 0%,rgba(29,177,211,.14),transparent 40%),
  linear-gradient(180deg,#10283b 0%,#0c2031 52%,#0a1a29 100%)!important;
 border-right:1px solid rgba(102,180,213,.19)!important;
 box-shadow:12px 0 34px rgba(0,0,0,.22),inset -1px 0 rgba(255,255,255,.025)!important;
 z-index:20!important;
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand{
 display:flex!important;align-items:center!important;gap:13px!important;
 min-height:68px!important;padding:0 8px 18px!important;margin:0 0 21px!important;
 border-bottom:1px solid rgba(166,211,233,.14)!important;
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand .brand-mark{
 display:grid!important;place-items:center!important;flex:0 0 46px!important;
 width:46px!important;height:46px!important;border-radius:14px!important;
 overflow:hidden!important;background:linear-gradient(145deg,#123b57,#0a2033)!important;
 border:1px solid rgba(75,210,238,.42)!important;
 box-shadow:0 0 0 4px rgba(28,173,211,.07),0 8px 22px rgba(0,0,0,.22)!important;
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand .brand-mark img{
 display:block!important;width:100%!important;height:100%!important;object-fit:contain!important
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand strong{
 display:block!important;color:#f2f8fc!important;font-size:20px!important;
 font-weight:900!important;letter-spacing:.04em!important;line-height:1.1!important
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand small{
 display:block!important;max-width:150px!important;margin-top:5px!important;
 color:#8caec3!important;font-size:7px!important;line-height:1.5!important;
 letter-spacing:.12em!important;font-weight:800!important
}
#app-shell:not(.hidden)>.sidebar .nav-label{
 margin:0 0 12px!important;padding:0 10px!important;
 color:#6f91a9!important;font-size:8px!important;font-weight:900!important;
 letter-spacing:.2em!important
}
#app-shell:not(.hidden)>.sidebar>nav{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 gap:5px!important;min-height:0!important;width:100%!important;
 padding:0 0 12px!important;margin:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 scrollbar-width:thin!important;scrollbar-color:#315d76 transparent!important;
}
#app-shell:not(.hidden)>.sidebar>nav button{
 position:relative!important;display:flex!important;align-items:center!important;
 gap:13px!important;width:100%!important;min-width:0!important;min-height:43px!important;
 box-sizing:border-box!important;margin:0!important;padding:0 12px!important;
 border:1px solid transparent!important;border-radius:10px!important;
 background:transparent!important;color:#a9bfd0!important;
 text-align:left!important;font-size:10px!important;font-weight:700!important;
 letter-spacing:.005em!important;white-space:nowrap!important;
 transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
#app-shell:not(.hidden)>.sidebar>nav button>span{
 display:grid!important;place-items:center!important;flex:0 0 22px!important;
 width:22px!important;height:22px!important;border-radius:7px!important;
 background:rgba(135,183,210,.09)!important;color:#8eb7cf!important;
 font-size:12px!important;font-weight:900!important
}
#app-shell:not(.hidden)>.sidebar>nav button:hover{
 transform:translateX(2px)!important;background:rgba(54,139,177,.13)!important;
 border-color:rgba(91,182,218,.16)!important;color:#f1f8fc!important
}
#app-shell:not(.hidden)>.sidebar>nav button.active{
 color:#f4fbff!important;
 background:linear-gradient(100deg,rgba(14,155,196,.23),rgba(27,91,129,.22))!important;
 border-color:rgba(61,197,226,.28)!important;
 box-shadow:inset 3px 0 0 #25c5df,0 5px 14px rgba(0,0,0,.13)!important
}
#app-shell:not(.hidden)>.sidebar>nav button.active>span{
 color:#6ce7f4!important;background:rgba(31,190,218,.16)!important
}
#app-shell:not(.hidden)>.sidebar .sidebar-bottom{
 flex:0 0 auto!important;display:grid!important;gap:9px!important;
 margin-top:auto!important;padding:13px 2px 0!important;
 border-top:1px solid rgba(166,211,233,.14)!important;
 background:linear-gradient(180deg,transparent,rgba(5,16,26,.14))!important
}
#app-shell:not(.hidden)>.sidebar .user-chip{
 display:flex!important;align-items:center!important;gap:10px!important;
 min-width:0!important;padding:10px!important;border-radius:11px!important;
 background:rgba(211,236,248,.07)!important;
 border:1px solid rgba(159,205,228,.14)!important
}
#app-shell:not(.hidden)>.sidebar .user-chip .avatar{
 flex:0 0 34px!important;width:34px!important;height:34px!important;
 border-radius:10px!important;background:linear-gradient(145deg,#0da8c6,#0878a9)!important;
 color:white!important;font-size:10px!important;font-weight:900!important
}
#app-shell:not(.hidden)>.sidebar .user-info{min-width:0!important}
#app-shell:not(.hidden)>.sidebar .user-info strong{
 display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;color:#e5f1f8!important;font-size:9px!important
}
#app-shell:not(.hidden)>.sidebar .user-info small{
 display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;margin-top:4px!important;color:#87a9bf!important;font-size:8px!important
}
#app-shell:not(.hidden)>.sidebar .logout-button{
 display:flex!important;align-items:center!important;gap:9px!important;
 width:100%!important;min-height:39px!important;padding:0 11px!important;
 border:1px solid rgba(153,190,212,.18)!important;border-radius:9px!important;
 background:rgba(194,225,242,.055)!important;color:#b9cbd8!important;
 font-size:9px!important;font-weight:800!important
}
#app-shell:not(.hidden)>.sidebar .logout-button:hover{
 border-color:rgba(65,199,224,.42)!important;background:rgba(23,139,174,.14)!important;color:#fff!important
}
/* Main: second grid column, no negative offsets, no fixed margins. */
#app-shell:not(.hidden)>main{
 grid-column:2!important;grid-row:1!important;
 display:block!important;position:relative!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 height:auto!important;min-height:100vh!important;
 margin:0!important;left:auto!important;right:auto!important;
 padding:0 30px 48px!important;box-sizing:border-box!important;
 overflow-x:hidden!important;
 background:radial-gradient(ellipse at 70% -15%,rgba(25,74,109,.17),transparent 40%),#0a111b!important
}
#app-shell:not(.hidden)>main>.topbar{
 position:relative!important;width:auto!important;max-width:none!important;
 margin:0 -30px 27px!important;padding:0 30px!important;
 box-sizing:border-box!important
}
#app-shell:not(.hidden)>main>.view{
 display:block;position:relative!important;width:100%!important;max-width:none!important;
 min-width:0!important;margin:0!important;padding:0!important;
 box-sizing:border-box!important;overflow:visible!important
}
#app-shell:not(.hidden)>main>.view.hidden{display:none!important}
#app-shell:not(.hidden)>main .page-intro,
#app-shell:not(.hidden)>main .section-heading,
#app-shell:not(.hidden)>main .panel,
#app-shell:not(.hidden)>main .table-wrap{
 max-width:100%!important;min-width:0!important;box-sizing:border-box!important
}
#app-shell:not(.hidden)>main .table-wrap{overflow-x:auto!important}
@media(max-width:900px){
 #app-shell:not(.hidden){grid-template-columns:220px minmax(0,1fr)!important}
 #app-shell:not(.hidden)>.sidebar{width:220px!important;min-width:220px!important;max-width:220px!important;padding:18px 12px 14px!important}
 #app-shell:not(.hidden)>main{padding:0 18px 36px!important}
 #app-shell:not(.hidden)>main>.topbar{margin:0 -18px 20px!important;padding:0 18px!important}
}
@media(max-width:760px){
 #app-shell:not(.hidden){display:block!important;min-height:100vh!important}
 #app-shell:not(.hidden)>.sidebar{display:none!important}
 #app-shell:not(.hidden)>main{display:block!important;width:100%!important;margin:0!important;padding:0 14px 34px!important}
 #app-shell:not(.hidden)>main>.topbar{margin:0 -14px 18px!important;padding:0 14px!important}
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#192d40;background:#f4f7fa;font-synthesis:none;--navy:#102a43;--blue:#1d5a83;--muted:#748497;--line:#e1e8ef;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:11px 15px;cursor:pointer;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{background:var(--blue);color:white;box-shadow:0 5px 12px #1d5a831c}.primary:hover{background:#164b70}.secondary{background:#f0f4f8;color:#29465f;border:1px solid #e0e8ef}.hidden{display:none!important}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#71869a}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:#fff;color:#153c5a;border-radius:14px;font:800 17px Manrope,sans-serif;box-shadow:0 6px 18px #061a2b25}.logo-mark{background:linear-gradient(145deg,#174b70,#0e304b)!important;border:1px solid rgba(126,198,232,.55);box-shadow:0 6px 18px #061a2b35,inset 0 1px 0 rgba(255,255,255,.16)}.logo-mark img{display:block;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(400px,.9fr);background:#fff}.login-showcase{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;color:white;background:radial-gradient(circle at 75% 15%,#2b6689 0,transparent 32%),linear-gradient(145deg,#0d253a 0%,#163e5d 55%,#1d5a83 100%);position:relative;overflow:hidden}.login-showcase:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff1a;border-radius:50%;right:-150px;bottom:-180px;box-shadow:0 0 0 42px #ffffff08,0 0 0 88px #ffffff05}.showcase-top{display:flex;align-items:center;gap:15px}.showcase-top>span{font-size:10px;letter-spacing:2px;font-weight:700;color:#c7d9e7}.showcase-copy{max-width:570px;position:relative;z-index:1;margin:60px 0}.showcase-copy .eyebrow{color:#b7d5e8}.showcase-copy h1{font:800 clamp(34px,4vw,57px)/1.12 Manrope,sans-serif;letter-spacing:-1.7px;margin:20px 0}.showcase-copy p{font-size:15px;line-height:1.8;color:#d1e0eb;max-width:430px}.showcase-foot{display:flex;align-items:center;gap:10px;color:#d1e0eb;font-size:12px;position:relative;z-index:1}.live-dot,.timer-dot{width:8px;height:8px;background:#58c7a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #58c7a01a}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;background:#f7f9fb}.login-card{width:min(390px,100%);display:grid;gap:17px}.login-card h2{font:800 30px Manrope,sans-serif;letter-spacing:-.8px;margin:0;color:#172e43}.login-subtitle{font-size:13px;color:var(--muted);margin:-8px 0 8px;line-height:1.6}.login-card label,dialog label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#31475b}.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{width:100%;padding:13px 14px;border:1px solid #d6e0e9;border-radius:9px;background:#fff;outline:none;transition:border .15s,box-shadow .15s;color:#20364a}.login-card input:focus,dialog input:focus,dialog select:focus,.search-wide:focus,.table-toolbar input:focus{border-color:#4b8bb4;box-shadow:0 0 0 3px #4b8bb41c}.login-submit{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:3px;padding:14px}.login-submit span{font-size:18px}.error{color:#b42318;font-size:12px;min-height:15px;line-height:1.4}.login-security{display:flex;gap:8px;align-items:center;color:#7a8a99;font-size:11px;border-top:1px solid #e6ebf0;padding-top:16px}.login-footer{font-size:10px;color:#8a98a6;margin-top:42px}.login-footer span{padding:0 6px}.mobile-brand{display:none}
#app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:white;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:5}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 5px 28px;border-bottom:1px solid #ffffff18}.sidebar-brand .brand-mark{width:40px;height:40px;border-radius:12px;font-size:14px}.sidebar-brand strong{display:block;font:700 14px Manrope,sans-serif}.sidebar-brand small{display:block;color:#9fb3c4;font-size:8px;letter-spacing:1px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#8199ad;margin:27px 11px 10px}nav{display:grid;gap:6px}nav button{background:transparent;color:#b9c9d6;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 13px;font-size:12px}nav button span{width:18px;text-align:center;font-size:17px}nav button:hover,nav button.active{background:#ffffff14;color:#fff}nav button.active{box-shadow:inset 3px 0 #74b7dd}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:13px 8px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#2d5878;font-weight:800;font-size:11px}.user-info{min-width:0}.user-info strong,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.user-info strong{font-size:11px}.user-info small{font-size:9px;color:#a9bdcd;margin-top:4px}.logout-button{width:100%;background:transparent;color:#c3d1dc;text-align:left;margin-top:9px;font-size:11px}.logout-button span{font-size:17px;margin-right:7px}main{margin-left:252px;padding:30px clamp(20px,3vw,46px);max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.topbar h1{font:800 28px Manrope,sans-serif;letter-spacing:-.7px;margin:5px 0 0}.topbar-right{display:flex;align-items:center;gap:12px}.session-timer{display:flex;align-items:center;gap:10px;padding:10px 13px;background:white;border:1px solid var(--line);border-radius:11px}.session-timer small{display:block;font-size:8px;letter-spacing:1px;color:#8091a1;font-weight:800}.session-timer strong{display:block;font:700 13px Manrope,sans-serif;margin-top:3px;font-variant-numeric:tabular-nums}.date-chip{font-size:11px;color:#52697e;background:#eaf0f5;padding:12px;border-radius:9px;white-space:nowrap}.welcome-panel{background:linear-gradient(115deg,#143c59,#205e84);color:white;border-radius:16px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.welcome-panel:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #ffffff17;border-radius:50%;right:15%;top:-135px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}.welcome-panel>div,.welcome-panel button{position:relative;z-index:1}.welcome-panel .eyebrow{color:#b9d7e9}.welcome-panel h2{font:700 23px Manrope,sans-serif;margin:10px 0 7px}.welcome-panel p{color:#d1e1eb;margin:0;font-size:12px}.welcome-panel .primary{background:white;color:#164566;box-shadow:none;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0 30px}.stat-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:19px}.stat-icon.blue{background:#e6f1f9;color:#2c709e}.stat-icon.amber{background:#fff3dd;color:#aa741f}.stat-icon.violet{background:#f0ebff;color:#7253ad}.stat-icon.green{background:#e2f5ec;color:#27845d}.stat-card span{display:block;font-size:10px;color:#718396;white-space:nowrap}.stat-card strong{display:block;font:800 26px Manrope,sans-serif;margin-top:6px}.section-heading,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 14px}.section-heading h2,.page-intro h2{font:700 18px Manrope,sans-serif;margin:0}.section-heading p,.page-intro p{font-size:11px;color:var(--muted);margin:6px 0 0}.section-heading .secondary{font-size:10px;padding:9px 12px}.section-heading .secondary span{margin-left:8px}.page-intro{margin-top:0;margin-bottom:22px}.page-intro h2{font-size:25px;margin-top:7px}.page-intro .primary,.page-intro .secondary{white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 30px}.cards article{background:white;border:1px solid var(--line);border-radius:13px;padding:19px;min-width:0;transition:box-shadow .15s,transform .15s}.cards article:hover{box-shadow:0 10px 24px #18344b0a;transform:translateY(-2px)}.cards h3{font:700 15px Manrope,sans-serif;margin:13px 0 7px}.cards p{margin:6px 0;font-size:11px;color:#718396}.cards article button{margin-top:13px;width:100%;font-size:11px;background:#edf4f8;color:#1e587e}.status{display:inline-flex;align-items:center;gap:6px;background:#e4f5ec;color:#267a53;border-radius:30px;padding:6px 9px;font-size:9px;font-weight:700}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.busy{background:#fff1dc;color:#94651b}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;margin:14px 0 28px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid #edf1f5}th{background:#f8fafc;color:#76899a;font-size:9px;letter-spacing:.6px;text-transform:uppercase}td{color:#3e5366}tr:last-child td{border-bottom:0}td button{font-size:10px;padding:8px 10px;background:#edf3f7;color:#245777;margin-right:5px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.table-toolbar input{max-width:450px;font-size:12px}.result-count{font-size:11px;color:#7a8b99}.search-wide{margin:0 0 10px;font-size:12px}.empty-state{padding:24px;color:#7c8b98}.status.inactive{background:#edf0f3;color:#778492}.row-actions{display:flex;gap:5px}.danger-button{background:#fff0ef;color:#a7352e}dialog{border:1px solid #e0e7ed;border-radius:17px;width:min(480px,calc(100% - 24px));padding:25px;box-shadow:0 24px 70px #102a4340;color:#1d3448}dialog::backdrop{background:#102a4380;backdrop-filter:blur(4px)}dialog form{display:grid;gap:14px}dialog h2{font:800 23px Manrope,sans-serif;margin:0}dialog p{font-size:12px;color:#7b8b99;margin:-8px 0 5px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.icon-close{font-size:23px;background:transparent;color:#6e7f8d;padding:0 7px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}#toast{display:none;position:fixed;bottom:22px;right:22px;max-width:min(430px,calc(100% - 44px));background:#102a43;color:white;padding:14px 17px;border-radius:11px;font-size:12px;line-height:1.5;box-shadow:0 12px 32px #102a4330;z-index:20}#toast.show{display:block}.hidden{display:none!important}button:focus-visible{outline:3px solid #8fc8ed;outline-offset:2px}
@media(max-width:1120px){.sidebar{width:220px}main{margin-left:220px;padding:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start}.date-chip{display:none}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-showcase{display:none}.login-side{min-height:100vh;padding:25px}.mobile-brand{display:grid;margin-bottom:5px}.login-card h2{font-size:27px}.sidebar{position:static;width:auto;padding:14px 13px}.sidebar-brand{padding-bottom:13px}.sidebar-brand .brand-mark{width:34px;height:34px}.nav-label{display:none}nav{display:flex;overflow-x:auto;margin-top:12px}nav button{white-space:nowrap;padding:10px;font-size:10px;gap:6px}.sidebar-bottom{margin-top:12px}.user-chip{display:none}.logout-button{margin-top:0;padding:7px 10px}main{margin:0;padding:18px 14px}.topbar{align-items:center}.topbar h1{font-size:23px}.topbar-right{gap:0}.session-timer{padding:8px}.session-timer small{font-size:7px}.welcome-panel{padding:22px;align-items:flex-start;flex-direction:column}.welcome-panel h2{font-size:20px}.stats{gap:9px;margin:14px 0 24px}.stat-card{padding:13px;gap:10px}.stat-icon{width:34px;height:34px;font-size:16px}.stat-card span{font-size:9px;white-space:normal}.stat-card strong{font-size:22px}.cards{grid-template-columns:1fr}.section-heading,.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:22px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar input{max-width:none}.login-footer{margin-top:30px}}
@media print{.sidebar,button,.session-timer{display:none!important}main{margin:0;padding:0}}
#live-map{z-index:1;min-height:320px}.live-address{white-space:normal;min-width:220px;max-width:360px}#driver-track-status{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:14px}

/* LIQUID GLASS: camada visual consistente em todo o painel */
:root{--glass-bg:rgba(255,255,255,.64);--glass-bg-strong:rgba(255,255,255,.78);--glass-border:rgba(255,255,255,.72);--glass-shadow:0 14px 38px rgba(31,65,92,.10),inset 0 1px 0 rgba(255,255,255,.85);--glass-blur:blur(18px) saturate(155%)}
body{background:radial-gradient(ellipse at 15% 0%,rgba(180,218,240,.44),transparent 38%),radial-gradient(ellipse at 90% 12%,rgba(202,220,245,.36),transparent 34%),linear-gradient(135deg,#edf4f8,#f6f8fb 55%,#eaf1f6);background-attachment:fixed}
#app-shell{background:transparent}
.sidebar{background:linear-gradient(160deg,rgba(13,42,66,.91),rgba(25,72,101,.82));border-right:1px solid rgba(255,255,255,.22);box-shadow:12px 0 36px rgba(17,43,65,.10);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.sidebar-brand,.user-chip{border-color:rgba(255,255,255,.20)}
nav button{border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s,transform .2s}
nav button:hover,nav button.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 6px 20px rgba(4,20,35,.12)}
main{position:relative}
.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,.table-toolbar input,.search-wide,.login-card,dialog,#driver-track-status{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
.session-timer,.date-chip{border-radius:15px}
.welcome-panel{background:linear-gradient(120deg,rgba(18,58,86,.91),rgba(35,105,145,.82));border:1px solid rgba(255,255,255,.26);box-shadow:0 18px 42px rgba(18,59,87,.17),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.stat-card{border-radius:18px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(31,65,92,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.cards article{border-radius:18px}.cards article:hover{box-shadow:0 18px 40px rgba(31,65,92,.15),inset 0 1px 0 rgba(255,255,255,.9)}
.table-wrap{border-radius:17px;overflow:auto}table{background:transparent}th{background:rgba(230,239,246,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}td{background:rgba(255,255,255,.16)}tr:hover td{background:rgba(216,235,247,.30)}th,td{border-bottom-color:rgba(164,188,206,.30)}
button{border:1px solid rgba(255,255,255,.32);box-shadow:0 5px 14px rgba(23,55,79,.07),inset 0 1px 0 rgba(255,255,255,.28)}button:hover{box-shadow:0 8px 20px rgba(23,55,79,.12),inset 0 1px 0 rgba(255,255,255,.35)}button.secondary,td button,.cards article button{background:rgba(239,247,252,.72);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.danger-button{background:rgba(255,237,235,.82)!important;border-color:rgba(255,255,255,.9)}
input,select{background:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#live-map{border:1px solid rgba(255,255,255,.75)!important;border-radius:20px!important;box-shadow:var(--glass-shadow);background:rgba(218,231,239,.72)!important}
.leaflet-control-zoom a,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
dialog{background:rgba(247,251,254,.88);border:1px solid rgba(255,255,255,.86);border-radius:22px;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
dialog::backdrop{background:rgba(15,39,59,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#toast{background:rgba(14,42,65,.88);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(10,30,46,.24)}
.login-screen{background:linear-gradient(135deg,#eaf2f7,#f6f8fb)}.login-showcase{background:linear-gradient(145deg,rgba(13,43,67,.96),rgba(31,91,126,.88));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card{border-radius:24px;padding:clamp(24px,3vw,38px)}
@media(max-width:760px){.sidebar{background:linear-gradient(160deg,rgba(13,42,66,.96),rgba(25,72,101,.92));border-radius:0 0 20px 20px}.nav-label{display:none}nav{padding-bottom:4px}.session-timer{background:rgba(255,255,255,.72)}}
@media(prefers-reduced-transparency:reduce){.sidebar,.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,dialog,#driver-track-status{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.96)}}

/* TEMA ESCURO — interface sóbria para operação de frota */
:root{
  color-scheme:dark;
  --navy:#111821;--blue:#4c9be8;--muted:#94a3b8;--line:#2a3543;--white:#171f2a;
  --glass-bg:rgba(23,31,42,.94);--glass-bg-strong:rgba(28,38,51,.98);
  --glass-border:rgba(148,163,184,.15);--glass-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  --glass-blur:blur(16px) saturate(120%);
}
html,body{background:#0c1118;color:#e5edf6}
body{background:radial-gradient(ellipse at 78% -10%,rgba(43,93,139,.16),transparent 34%),#0c1118;background-attachment:fixed}
#app-shell{background:transparent}
.sidebar{background:#111821;border-right:1px solid #27313e;box-shadow:12px 0 32px rgba(0,0,0,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar-brand,.user-chip{border-color:#293442}
.brand-mark{background:#1c2b3c;color:#91c9ff;box-shadow:none;border:1px solid #33465b}
.sidebar-brand .brand-mark{background:#1b2b3b;color:#9acfff}
.sidebar-brand strong{color:#f1f5f9}
.sidebar-brand small,.user-info small{color:#8999ac}
.nav-label{color:#718399}
nav button{color:#a8b6c8;border-color:transparent;box-shadow:none}
nav button:hover{background:#1b2735;color:#f1f6fc;border-color:#2d3c4e;box-shadow:none}
nav button.active{background:#1c2d40;color:#e9f4ff;border-color:#30485f;box-shadow:inset 3px 0 #58a6ef}
.avatar{background:#25435f;color:#d7ecff}
.logout-button{color:#a9b7c8}
main{color:#e5edf6}
.eyebrow{color:#8da2b8}
.topbar h1,.section-heading h2,.page-intro h2,.stat-card strong,.cards h3{color:#edf3fa}
.topbar h1{letter-spacing:-.9px}
.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,.table-toolbar input,.search-wide,#driver-track-status{background:#151e29!important;border:1px solid #2a3543!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#e4edf7}
.session-timer{border-radius:12px}.session-timer small,.stat-card span{color:#93a3b7}
.session-timer strong{color:#f2f6fb}
.date-chip{color:#c1ccda;background:#192331!important}
.welcome-panel{background:linear-gradient(115deg,#172b3e,#1b3852);border:1px solid #304b64;box-shadow:0 12px 30px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}
.welcome-panel:after{opacity:.5}.welcome-panel .eyebrow{color:#9fc9ee}.welcome-panel h2{color:#f3f7fb}.welcome-panel p{color:#bac9d9}
.welcome-panel .primary{background:#dceeff;color:#163653;border:1px solid #dceeff}
.stat-card{border-radius:13px}.stat-card:hover,.cards article:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(0,0,0,.22)!important;border-color:#3a4a5e!important}
.stat-icon.blue{background:#1b344a;color:#80c2ff}.stat-icon.amber{background:#3a2e1c;color:#f0bd69}.stat-icon.violet{background:#302747;color:#c0a8ff}.stat-icon.green{background:#1b382e;color:#7bd6ac}
.section-heading p,.page-intro p,.cards p{color:#91a0b3}
.cards article{border-radius:14px}.cards article button{background:#1c2c3c!important;color:#c5e2ff!important;border:1px solid #30465b!important;box-shadow:none!important}
.status{background:#18382d;color:#81d9ae}.status.busy,.busy{background:#3a2e1c;color:#f2c16d}.status.inactive{background:#242d38;color:#9aa8b8}
.table-wrap{border-radius:13px;overflow:auto}table{background:transparent;color:#dce5ef}th{background:#1b2532!important;color:#94a6ba!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}td{background:#151e29!important;color:#c8d4e2!important}tr:hover td{background:#1b2938!important}th,td{border-bottom-color:#2a3543!important}
td button,.secondary,button.secondary{background:#202b39!important;color:#c9d7e6!important;border:1px solid #354354!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.primary{background:#347fc2;color:#fff;border:1px solid #4b96d8;box-shadow:0 5px 15px rgba(0,0,0,.16)}.primary:hover{background:#4191d5;box-shadow:0 8px 18px rgba(0,0,0,.2)}
button{box-shadow:none;border:1px solid rgba(148,163,184,.16);transition:background .15s,border-color .15s,transform .15s}button:hover{box-shadow:none;border-color:#52657a}button:focus-visible{outline:2px solid #70baff;outline-offset:2px}
.danger-button{background:#3a2226!important;color:#ffaaa7!important;border-color:#603238!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{background:#101720!important;color:#e5edf6!important;border:1px solid #344151!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
input::placeholder,textarea::placeholder{color:#738399}input:focus,select:focus,textarea:focus,.login-card input:focus,dialog input:focus,dialog select:focus,.search-wide:focus,.table-toolbar input:focus{border-color:#4d91c8!important;box-shadow:0 0 0 3px rgba(77,145,200,.16)!important;outline:none}
.login-screen{background:#0c1118}.login-showcase{background:radial-gradient(circle at 75% 15%,rgba(48,104,153,.24),transparent 34%),linear-gradient(145deg,#101a26,#142638 58%,#18344a);border-right:1px solid #263647;backdrop-filter:none;-webkit-backdrop-filter:none}.showcase-top>span{color:#c1d1e0}.showcase-copy .eyebrow{color:#9fcaf0}.showcase-copy h1{color:#f4f7fb}.showcase-copy p,.showcase-foot{color:#b7c7d8}.login-side{background:#0c1118}.login-card{background:#141c27!important;border:1px solid #2a3543!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;border-radius:18px!important}.login-card h2{color:#f1f5f9}.login-subtitle{color:#9aaabd}.login-card label,dialog label{color:#c2cedb}.login-security{border-color:#2b3542;color:#91a0b2}.login-footer{color:#75869a}.error{color:#ff9b96}
dialog{background:#171f2a!important;color:#e5edf6!important;border:1px solid #364354!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}dialog h2{color:#f1f5f9}dialog p{color:#9baabc}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.icon-close{color:#9caec1}
#toast{background:#1a2938;color:#f1f6fc;border:1px solid #3a536b;box-shadow:0 18px 42px rgba(0,0,0,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
#live-map{border:1px solid #344354!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;background:#151e29!important}.leaflet-control-zoom a,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#17212d!important;color:#e5edf6!important;border-color:#344354!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.leaflet-control-attribution{background:rgba(15,22,31,.85)!important;color:#a6b5c6!important}.leaflet-control-attribution a{color:#7cbcf3!important}
#driver-track-status{color:#d9e5f2!important}.live-address{color:#bdcbd9}.empty-state,.result-count{color:#8e9db0}
@media(max-width:760px){.sidebar{background:#111821;border-radius:0 0 16px 16px;border-bottom:1px solid #293442}.session-timer{background:#151e29!important}.login-side{background:#0c1118}.login-card{padding:24px!important}}
@media(prefers-reduced-transparency:reduce){.sidebar,.session-timer,.date-chip,.stat-card,.cards article,.table-wrap,dialog,#driver-track-status{backdrop-filter:none;-webkit-backdrop-filter:none;background:#151e29!important}}
@media print{html,body,main{background:#fff!important;color:#111!important}.stat-card,.cards article,.table-wrap,td,th{background:#fff!important;color:#111!important;box-shadow:none!important}}

/* Identidade visual NGC preservada no tema escuro */
.brand-mark.ngc-mark{font-size:11px;font-weight:900;letter-spacing:-.6px;white-space:nowrap;display:grid;place-items:center;border-radius:10px;background:#182433;color:#b9d8f4;border:1px solid #3b5068;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.login-showcase .brand-mark.ngc-mark{width:44px;height:44px;font-size:12px}
.sidebar-brand .brand-mark.ngc-mark{width:40px;height:40px;font-size:11px}
.mobile-brand.ngc-mark{width:44px;height:44px;font-size:12px}

.reset-km-note{font-size:11px;color:#91a0b3;margin:-12px 0 16px}.danger-button:disabled{opacity:.55;cursor:wait}

/* Login institucional com fotografia oficial enviada pelo usuário */
.login-screen{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);background:#0c1118}
.login-showcase{isolation:isolate;min-height:100vh;padding:clamp(30px,5vw,76px);background:#101a26;justify-content:space-between}
.login-city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.showcase-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,17,28,.86) 0%,rgba(7,17,28,.64) 52%,rgba(7,17,28,.28) 100%),linear-gradient(0deg,rgba(7,17,28,.7),transparent 48%)}
.showcase-top{position:relative;z-index:1}.showcase-tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 13px;background:rgba(9,20,31,.28);color:#fff!important;font-size:10px;letter-spacing:1.6px;font-weight:800;backdrop-filter:blur(8px)}
.showcase-copy{max-width:610px;margin:50px 0;z-index:1}.showcase-copy h1{max-width:590px;font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-1.5px;text-wrap:balance}.showcase-copy p{max-width:470px;font-size:15px;line-height:1.8;color:#edf4fa}.showcase-copy .eyebrow{color:#d1e8ff}.showcase-foot{z-index:1;color:#edf4fa}
.login-side{background:#0c1118}.login-card{width:min(410px,100%);padding:clamp(24px,3vw,38px);border-radius:18px!important}.login-card .eyebrow{color:#8eb9e2}.login-card h2{font-size:30px}.login-submit{min-height:48px}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-showcase{min-height:320px;height:38vh;padding:24px;display:flex}.login-city-photo{object-position:center 45%}.showcase-copy{margin:24px 0 14px}.showcase-copy h1{font-size:clamp(27px,7vw,38px);margin:12px 0}.showcase-copy p{font-size:12px;line-height:1.5;margin:0}.showcase-foot{font-size:10px}.login-side{min-height:62vh;padding:22px}.login-card{padding:24px!important}.mobile-brand{display:none!important}.login-footer{margin-top:20px}}

/* Logo oficial do Sistema de Frota: PNG com fundo transparente */
.logo-mark{padding:3px!important;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.sidebar-brand .logo-mark{width:46px;height:46px;flex:0 0 46px}
.mobile-brand.logo-mark{width:64px;height:64px;margin:0 auto 12px}
.showcase-top{display:flex;align-items:center;gap:16px}
.showcase-logo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
@media(max-width:760px){.showcase-logo{width:54px;height:54px}.sidebar-brand .logo-mark{width:36px;height:36px;flex-basis:36px}}

/* Ajuste final: tela de bloqueio/login maior e mais direta */
.login-screen{grid-template-columns:minmax(0,1fr) minmax(520px,0.95fr)!important}
.login-side{padding:clamp(28px,5vw,72px)!important}
.login-card{width:min(560px,100%)!important;padding:clamp(36px,4vw,58px)!important;gap:24px!important}
.login-card .eyebrow,.login-card .login-subtitle,.login-card .login-security{display:none!important}
.login-card h2{font-size:clamp(36px,3.2vw,46px)!important;line-height:1.12!important;letter-spacing:-1.2px!important;margin:0 0 8px!important}
.login-card label{font-size:15px!important;gap:10px!important}
.login-card input{min-height:60px!important;padding:17px 18px!important;font-size:16px!important;border-radius:11px!important}
.login-submit{min-height:62px!important;font-size:17px!important;border-radius:11px!important;margin-top:8px!important}
.login-card .error{min-height:0!important}
@media(max-width:900px){.login-screen{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr)!important}.login-card{padding:34px!important}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr!important}.login-showcase{min-height:280px!important;height:34vh!important}.login-side{min-height:66vh!important;padding:24px!important}.login-card{width:min(560px,100%)!important;padding:30px 26px!important;gap:20px!important}.login-card h2{font-size:34px!important}.login-card input{min-height:56px!important}}


/* Layout Liquid Glass: uma única navegação no topo, sem sidebar duplicada */
@media(min-width:761px){
 #app-shell{display:block!important;min-height:100vh}
 #app-shell>.sidebar{display:none!important}
 #app-shell>main{margin-left:0!important;max-width:none;width:100%;padding:22px clamp(18px,3vw,48px) 40px}
}
.liquid-glass-nav{position:sticky;top:12px;z-index:1000;display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:0 auto 28px;padding:9px 11px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.055) 48%,rgba(104,164,225,.10));border:1px solid rgba(220,237,255,.25);box-shadow:0 12px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.06);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
.liquid-glass-nav:before{content:"";position:absolute;inset:1px;border-radius:22px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 28%,transparent 70%,rgba(143,193,245,.08))}
.glass-brand,.glass-links,.glass-user{position:relative;z-index:1;display:flex;align-items:center}
.glass-brand{gap:9px;padding:0 10px 0 3px;color:#f1f6fd;font-size:12px;font-weight:800;white-space:nowrap}.glass-brand small{display:block;color:#a2b2c5;font-size:7px;letter-spacing:1px;margin-top:3px}.glass-brand-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(110,172,231,.12));border:1px solid rgba(255,255,255,.2);font-size:18px;color:#d8eeff}
.glass-links{gap:4px}.glass-links button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:10px 12px;border:1px solid transparent;border-radius:15px;background:transparent!important;color:#c0ccdc!important;font-size:11px;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}.glass-links button span{font-size:15px}.glass-links button:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.glass-links button.active{color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(173,207,244,.10))!important;border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 15px rgba(0,0,0,.12)!important}
.glass-user{gap:8px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16);color:#c5d2e2;font-size:10px;white-space:nowrap}.glass-user button{width:31px;height:31px;padding:0;border-radius:12px;background:rgba(255,255,255,.09)!important;color:#f2f7ff!important;border:1px solid rgba(255,255,255,.15);font-size:17px}
@media(max-width:1120px){.liquid-glass-nav{width:100%;gap:5px;padding:7px}.glass-brand{display:none}.glass-links{flex:1;justify-content:space-around}.glass-links button{padding:10px 8px}.glass-user{padding-left:7px}}
@media(max-width:760px){#app-shell>.sidebar{display:none!important}#app-shell{display:block!important}#app-shell>main{margin:0!important;padding:16px 12px 30px}.liquid-glass-nav{position:sticky;top:5px;margin-bottom:20px;overflow-x:auto;justify-content:flex-start;border-radius:19px}.glass-links{justify-content:flex-start;flex:0 0 auto}.glass-links button{flex:0 0 auto;padding:10px}.glass-links button b{font-size:10px}.glass-user{position:sticky;right:0;background:rgba(24,34,48,.78);border-radius:13px;padding:4px}.glass-user span{display:none}}
@media(prefers-reduced-transparency:reduce){.liquid-glass-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#202b39}}

/* Correção crítica: estados ocultos precisam prevalecer sobre regras de layout */
.login-screen.hidden,
#app-shell.hidden {
  display: none !important;
}
#app-shell:not(.hidden) {
  display: block !important;
}

/* Logo institucional na barra Liquid Glass */
.glass-brand-logo{width:36px;height:36px;object-fit:contain;display:block;flex:0 0 36px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));}
.glass-brand-icon{display:none!important;}


/* Modal central de autorização de exclusão, integrado ao tema Liquid Glass */
.glass-delete-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(28,33,43,.97),rgba(12,15,22,.98));color:#f4f6fb;box-shadow:0 28px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.glass-delete-dialog::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.delete-auth-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.07);font-size:27px;color:#e8edf7}.delete-auth-eyebrow{margin:18px 0 6px;color:#9ba8bd;font-size:10px;font-weight:800;letter-spacing:.18em}.glass-delete-dialog h2{margin:0;font-size:21px;letter-spacing:-.03em}.delete-auth-description{margin:10px 0 20px;color:#aeb8c8;font-size:13px;line-height:1.55}.glass-delete-dialog label{display:block;margin-bottom:8px;color:#dbe2ee;font-size:12px;font-weight:650}.glass-delete-dialog input{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:13px;outline:none;background:rgba(255,255,255,.055);color:#fff;font:inherit;letter-spacing:.12em}.glass-delete-dialog input:focus{border-color:rgba(130,170,255,.75);box-shadow:0 0 0 3px rgba(100,145,255,.14)}.glass-delete-dialog input::placeholder{color:#748095;letter-spacing:normal}.delete-auth-message{min-height:18px;margin:8px 0 0;color:#ff9b9b;font-size:12px}.delete-auth-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.delete-auth-actions button{min-height:40px;padding:0 16px;border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.delete-auth-cancel{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#e3e8f1}.delete-auth-confirm{border:1px solid rgba(255,255,255,.18);background:#e8edf7;color:#151923}.delete-auth-actions button:hover{filter:brightness(1.08)}@media(max-width:480px){.glass-delete-dialog{padding:22px;border-radius:20px}.glass-delete-dialog h2{font-size:19px}}

/* Ajustes da barra superior e histórico */
.liquid-glass-nav{max-width:calc(100% - 32px);flex-wrap:wrap}.glass-links{flex-wrap:wrap}.glass-links button{white-space:nowrap}#search{autocomplete:off}
@media(max-width:1100px){.liquid-glass-nav{align-items:flex-start}.glass-links{justify-content:center}.glass-user{margin-left:auto}}


/* Aviso institucional de manutenção programada */
.maintenance-alert{display:flex;align-items:flex-start;gap:14px;margin:12px 28px 20px;padding:15px 18px;border:1px solid rgba(245,177,66,.48);border-radius:16px;background:linear-gradient(115deg,rgba(104,72,24,.38),rgba(24,35,49,.92));box-shadow:0 10px 30px rgba(0,0,0,.18);color:#f4f7fb}
.maintenance-alert-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e7a93c;color:#17202b;font-weight:900;font-size:18px}
.maintenance-alert strong{font-weight:800}.maintenance-alert p{margin:4px 0 0;color:#d4deea;line-height:1.5;font-size:13px}.maintenance-alert button{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:inherit;border-radius:9px;width:30px;height:30px;font-size:22px;cursor:pointer}
.settings-resource-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:700px){.maintenance-alert{margin:10px 12px 16px;padding:12px;gap:10px}.maintenance-alert p{font-size:12px}}

/* Ajustes: informações técnicas em lista compacta */
.settings-system-info{border:1px solid rgba(145,170,199,.2);background:linear-gradient(135deg,rgba(24,34,47,.88),rgba(15,23,34,.94));border-radius:18px;padding:22px 24px;margin:18px 0 28px}
.settings-info-heading h3{font-size:18px;margin:6px 0 18px;color:#e8eef7}
.settings-system-info dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.settings-system-info dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(148,169,193,.13)}
.settings-system-info dt{font-size:12px;color:#91a3b8;font-weight:700}
.settings-system-info dd{margin:0;text-align:right;color:#e7edf6;font-weight:700;font-size:13px}
.settings-system-info dd small{display:block;margin-top:4px;color:#8fa1b6;font-size:11px;font-weight:400}
@media(max-width:650px){.settings-system-info dl{grid-template-columns:1fr}.settings-system-info dl>div{align-items:flex-start}.settings-system-info dd{max-width:65%}}
/* Modal de manutenção centralizado e destacado */
.maintenance-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,13,.78);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.maintenance-modal{position:relative;width:min(650px,100%);padding:42px 44px 36px;text-align:center;border:1px solid rgba(232,178,82,.52);border-radius:28px;background:radial-gradient(ellipse at top,rgba(76,59,35,.5),transparent 55%),linear-gradient(145deg,rgba(29,41,56,.98),rgba(11,17,26,.99));box-shadow:0 30px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.1);color:#f4f7fb;animation:maintenance-appear .24s ease-out}
.maintenance-modal-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:rgba(231,169,60,.16);border:1px solid rgba(231,169,60,.38);color:#f1bd58;font-size:36px;font-weight:900}
.maintenance-kicker{font-size:10px;letter-spacing:2px;color:#e8b65d;font-weight:800}
.maintenance-modal h2{font-size:clamp(25px,4vw,34px);margin:10px 0 12px;letter-spacing:-.7px}
.maintenance-modal>p{max-width:490px;margin:0 auto;color:#c1ccda;line-height:1.7;font-size:14px}
.maintenance-date{display:flex;flex-direction:column;align-items:center;gap:7px;margin:26px 0 24px;padding:22px 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045)}
.maintenance-date span{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#9eafc4}
.maintenance-date strong{font-size:clamp(18px,3vw,23px)}
.maintenance-date b{font-size:30px;color:#f0bb58;letter-spacing:.5px}
.maintenance-dismiss{min-width:150px;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 25px;background:linear-gradient(135deg,#e7b34f,#c98b2d);color:#1a2028;font-weight:800;cursor:pointer}
.maintenance-dismiss:hover{filter:brightness(1.08)}
@keyframes maintenance-appear{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.maintenance-modal{padding:30px 22px 24px;border-radius:22px}.maintenance-overlay{padding:14px}}


/* MOI.AI pós-manutenção: identidade ciano e navegação Liquid Glass */
:root{font-family:'DM Sans',Arial,sans-serif;color:#f5fbff;background:#009bb0;--navy:#006d85;--blue:#087f9d;--muted:#d4f2f6;--line:rgba(255,255,255,.24);--white:#fff}
html,body{min-height:100%;background:#009bb0;color:#f7fdff}
body{background:linear-gradient(135deg,#079eb4 0%,#008da6 55%,#009db2 100%);background-attachment:fixed}
#app-shell{min-height:100vh}
.sidebar{display:none!important}
main{margin:0 auto!important;padding:20px clamp(14px,3vw,42px) 40px!important;max-width:1900px!important;width:100%}
.liquid-glass-nav{position:sticky;top:16px;z-index:1000;display:flex;align-items:center;gap:18px;width:min(100%,1200px);max-width:1200px;margin:0 auto 30px;padding:10px 18px;border-radius:48px;background:linear-gradient(110deg,rgba(119,239,255,.55),rgba(32,192,212,.46) 52%,rgba(93,224,238,.54));border:2px solid rgba(207,250,255,.7);box-shadow:0 5px 18px rgba(0,75,96,.22),inset 0 2px 4px rgba(255,255,255,.6),inset 0 -2px 5px rgba(0,76,97,.18);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);color:#fff}
.liquid-glass-nav:before{content:"";position:absolute;inset:2px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.36);pointer-events:none}
.glass-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:90px;color:#fff}
.glass-brand-logo{width:54px;height:42px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,50,75,.12))}
.glass-brand>span{font:800 15px Manrope,sans-serif;letter-spacing:-.4px;white-space:nowrap}
.glass-brand small{display:block;font:700 7px 'DM Sans',sans-serif;letter-spacing:.7px;margin-top:2px}
.glass-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}
.glass-links button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:11px 13px;border-radius:28px;background:transparent;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;box-shadow:none;border:1px solid transparent}
.glass-links button span{display:none}
.glass-links button:hover,.glass-links button.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 2px rgba(255,255,255,.25)}
.glass-user{display:flex;align-items:center;gap:7px;max-width:160px;border-left:1px solid rgba(255,255,255,.3);padding-left:12px;color:white}
#glass-user-name{font-size:8px;font-weight:800;text-transform:uppercase;line-height:1.2;text-align:right;max-width:105px;overflow-wrap:anywhere}
#glass-logout{width:29px;height:29px;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;border-radius:50%}
.topbar{color:white}.topbar .eyebrow,.eyebrow{color:#e2f9fc}.topbar h1,.page-intro h2,.section-heading h2,.welcome-panel h2{color:#fff}
p,.login-subtitle{color:#e1f7fa}
.view .table-wrap,.stat-card,.welcome-panel,.settings-system-info,.cards>article,.form-card,.modal-card{background:rgba(0,67,85,.18)!important;border-color:rgba(218,250,255,.28)!important;color:#f7fdff}
.stat-card span,.settings-system-info dt,.settings-system-info dd small,.section-heading p,.page-intro p{color:#d1f0f4}
table th{background:rgba(0,69,87,.22)!important;color:#e4faff!important}table td{color:#f6fdff!important;border-color:rgba(220,250,255,.18)!important}
input,select,textarea{background:rgba(255,255,255,.92)!important;color:#123747!important;border-color:rgba(255,255,255,.55)!important}
.secondary{background:rgba(255,255,255,.84)!important;color:#07566b!important;border-color:rgba(255,255,255,.5)!important}
.primary{background:#075d79!important;color:white!important}
.settings-resource-cards article{background:rgba(0,68,85,.2)!important;border:1px solid rgba(230,253,255,.28)!important;border-radius:16px}
.maintenance-overlay{z-index:3000}
@media(max-width:900px){main{padding:12px 12px 30px!important}.liquid-glass-nav{top:8px;gap:8px;padding:8px 10px;flex-wrap:wrap;border-radius:28px}.glass-brand{min-width:0}.glass-brand-logo{width:42px;height:34px}.glass-brand>span{font-size:12px}.glass-brand small{font-size:6px}.glass-links{order:3;flex-basis:100%;justify-content:space-around;overflow-x:auto}.glass-links button{font-size:11px;padding:9px 11px}.glass-user{margin-left:auto}#glass-user-name{max-width:80px}}
@media(max-width:480px){.glass-brand>span{display:none}.glass-user{padding-left:6px}#glass-user-name{max-width:76px}.glass-links button{padding:8px 9px;font-size:10px}}


/* MOI.AI visual correction: cyan glass with high-contrast text and white logo */
:root{--navy:#063f50;--blue:#007f9d;--muted:#d9f5fa;--line:rgba(255,255,255,.25)}
body,#app-shell{background:#079bb0!important;color:#073848!important}
main{color:#073848!important}
.topbar h1,.page-intro h2,.section-heading h2,.page-intro h2,.settings-info-heading h3{color:#073848!important}
.eyebrow,.page-intro p,.section-heading p{color:#e9fbff!important}
/* Make content areas readable over the cyan page */
.stat-card,.cards article,.table-wrap,.settings-system-info,.login-card,.session-timer,.date-chip{background:rgba(8,52,70,.92)!important;border:1px solid rgba(220,250,255,.35)!important;color:#f7fdff!important;box-shadow:0 8px 24px rgba(0,48,65,.18)!important}
.stat-card span,.cards p,.settings-system-info dt,.settings-system-info dd small,.result-count{color:#c8e9f0!important}
.stat-card strong,.cards h3,.settings-system-info dd,td{color:#f6fdff!important}
.table-wrap table,table{background:transparent!important;color:#f6fdff!important}
th{background:#07566b!important;color:#c9f4ff!important;border-bottom-color:rgba(255,255,255,.18)!important}
td{background:#0b5267!important;color:#f5fcff!important;border-bottom-color:rgba(255,255,255,.15)!important}
tr:hover td{background:#0c6075!important}
.secondary,button.secondary,td button{background:#d9f7fc!important;color:#075064!important;border:1px solid #a7e9f2!important}
.primary,.welcome-panel .primary{background:#064d64!important;color:#fff!important;border:1px solid #80dce9!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{background:#063d50!important;color:#fff!important;border:1px solid rgba(215,248,255,.4)!important}
input::placeholder,textarea::placeholder{color:#b9e4eb!important}
.liquid-glass-nav{background:linear-gradient(120deg,rgba(113,237,249,.72),rgba(0,139,164,.82) 52%,rgba(49,190,205,.72))!important;border:1px solid rgba(236,255,255,.72)!important;box-shadow:0 10px 32px rgba(0,55,75,.28),inset 0 1px 2px rgba(255,255,255,.8),inset 0 -2px 0 rgba(0,68,90,.15)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important}
.liquid-glass-nav:before{background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%,rgba(255,255,255,.06))!important}
.glass-brand,.glass-brand small{color:#fff!important}.glass-links button{color:#fff!important;text-shadow:0 1px 2px rgba(0,44,59,.24)}
.glass-links button:hover,.glass-links button.active{background:rgba(0,61,80,.28)!important;border-color:rgba(255,255,255,.52)!important;color:#fff!important}
.glass-user{color:#fff!important;border-left-color:rgba(255,255,255,.45)!important}.glass-user button{background:rgba(0,60,78,.25)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.glass-brand-logo,.showcase-logo,.mobile-brand img,.logo-mark img{filter:brightness(0) invert(1)!important}
.logo-mark{background:transparent!important;border:0!important;box-shadow:none!important}
.login-screen{background:#079bb0!important}.login-showcase{background:linear-gradient(145deg,#057e98,#079bb0 55%,#28b9c8)!important}.login-side{background:#078ba2!important}.login-card h2,.login-card label{color:#fff!important}.login-subtitle,.login-security,.login-footer{color:#d8f7fc!important}.login-card{background:rgba(5,57,75,.94)!important;border-color:rgba(255,255,255,.28)!important}.showcase-copy h1{color:#fff!important}.showcase-copy p,.showcase-foot{color:#e8fbff!important}
.welcome-panel{background:linear-gradient(120deg,#075168,#087d93)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}.welcome-panel h2,.welcome-panel p{color:#fff!important}
.settings-system-info{background:rgba(5,59,77,.9)!important}.settings-system-info dl>div{border-top-color:rgba(255,255,255,.18)!important}
@media(max-width:760px){.liquid-glass-nav{background:rgba(0,124,148,.97)!important}.glass-user{background:rgba(0,57,75,.75)!important}}



/* MOI.AI balanced visual palette */
:root{
  --moi-bg:#eaf4f7;
  --moi-ink:#123748;
  --moi-muted:#587483;
  --moi-cyan:#079bb0;
  --moi-deep:#083f52;
  --moi-card:#ffffff;
  --moi-border:#c7dce3;
}
html,body,#app-shell{background:var(--moi-bg)!important;color:var(--moi-ink)!important}
main{background:transparent!important;color:var(--moi-ink)!important}
.topbar h1,.page-intro h2,.section-heading h2,.settings-info-heading h3{color:var(--moi-ink)!important}
.eyebrow{color:#087f96!important}
.page-intro p,.section-heading p,p{color:var(--moi-muted)}
.liquid-glass-nav{
  background:linear-gradient(115deg,rgba(28,184,204,.94),rgba(0,139,164,.96) 55%,rgba(16,166,184,.94))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 8px 24px rgba(10,83,103,.18),inset 0 1px 2px rgba(255,255,255,.65)!important;
}
.glass-brand-logo,.showcase-logo,.mobile-brand img,.logo-mark img{filter:brightness(0) invert(1)!important}
.glass-brand,.glass-brand>span,.glass-brand small,.glass-links button,.glass-user,#glass-user-name{color:#fff!important}
.glass-links button:hover,.glass-links button.active{background:rgba(3,72,91,.34)!important;border-color:rgba(255,255,255,.65)!important}
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,.modal-card,.session-timer,.date-chip{
  background:#fff!important;color:var(--moi-ink)!important;border:1px solid var(--moi-border)!important;
  box-shadow:0 5px 16px rgba(14,68,84,.07)!important
}
.stat-card span,.cards p,.settings-system-info dt,.settings-system-info dd small,.result-count{color:var(--moi-muted)!important}
.stat-card strong,.cards h3,.settings-system-info dd,.settings-system-info h3,.table-wrap td,td{color:var(--moi-ink)!important}
.table-wrap table,table{background:#fff!important;color:var(--moi-ink)!important}
th,table th{background:#d9edf2!important;color:#174b5d!important;border-bottom:1px solid #c5dfe6!important}
td,table td{background:#fff!important;color:#173c4b!important;border-bottom:1px solid #e0ebef!important}
tr:hover td{background:#f0fafc!important}
input,select,textarea,.login-card input,dialog input,dialog select,.search-wide,.table-toolbar input{
  background:#fff!important;color:#153d4c!important;border:1px solid #b7d3dc!important
}
input::placeholder,textarea::placeholder{color:#718d99!important}
.secondary,button.secondary,td button{background:#e2f5f8!important;color:#07566b!important;border:1px solid #b6e3eb!important}
.primary,.welcome-panel .primary{background:#07566b!important;color:#fff!important;border:1px solid #0b6e83!important}
.welcome-panel{background:linear-gradient(120deg,#07566b,#087f93)!important;border:1px solid #2aa4b7!important;color:#fff!important}
.welcome-panel h2,.welcome-panel p{color:#fff!important}
.settings-system-info{background:#fff!important}
.settings-system-info dl>div{border-top-color:#d9e7ec!important}
.login-screen{background:linear-gradient(135deg,#eaf4f7,#d8eef2)!important}
.login-showcase{background:linear-gradient(145deg,#057e98,#079bb0 55%,#28b9c8)!important}
.login-side{background:#f4fafb!important}
.login-card{background:#fff!important;border-color:#c7dce3!important;color:#123748!important}
.login-card h2,.login-card label{color:#123748!important}
.login-subtitle,.login-security,.login-footer{color:#587483!important}
.showcase-copy h1{color:#fff!important}.showcase-copy p,.showcase-foot{color:#e8fbff!important}
.maintenance-overlay{z-index:3000}
@media(max-width:760px){
 .liquid-glass-nav{background:linear-gradient(115deg,#1cb8cc,#008ba4 55%,#10a6b8)!important}
 .glass-user{background:rgba(3,72,91,.2)!important}
}


/* Primary action in MOI.AI navigation */
.liquid-glass-nav .glass-links{align-items:center;gap:5px}
.liquid-glass-nav .glass-links .nav-record-button{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:7px;padding:11px 17px;border-radius:999px;background:linear-gradient(135deg,#ffffff,#dffaff)!important;color:#07566b!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 4px 14px rgba(0,55,75,.2),inset 0 1px 0 #fff;font-weight:900;white-space:nowrap;text-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease}
.liquid-glass-nav .glass-links .nav-record-button span{font-size:19px;font-weight:900;line-height:1}
.liquid-glass-nav .glass-links .nav-record-button b{font-size:11px;letter-spacing:.15px}
.liquid-glass-nav .glass-links .nav-record-button:hover{background:#fff!important;color:#043f52!important;transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,55,75,.28),inset 0 1px 0 #fff!important}
@media(max-width:1120px){.liquid-glass-nav .glass-links .nav-record-button{margin:4px 0;padding:10px 13px}}
@media(max-width:760px){.liquid-glass-nav .glass-links .nav-record-button{flex:0 0 auto;margin:0 0 0 5px}.liquid-glass-nav .glass-links .nav-record-button b{font-size:10px}}

/* Vinculação contínua do veículo a um setor */
.vehicle-sector-note{padding:8px 10px;border-radius:9px;background:#e5f5f8;border:1px solid #b9e2e9;color:#15566a;font-size:13px}
#service-dialog{max-width:520px;width:calc(100% - 28px)}
#service-dialog form{display:flex;flex-direction:column;gap:12px}
#service-dialog p{line-height:1.55;color:var(--muted)}
#service-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

.vehicle-status-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px;padding:8px;background:#e7f2f6;border:1px solid #d0e4ec;border-radius:16px}
.vehicle-status-tabs .vehicle-filter{background:transparent;color:#23445b;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:700}
.vehicle-status-tabs .vehicle-filter:hover{background:#d5eaf1}
.vehicle-status-tabs .vehicle-filter.active{background:#087f9b;color:#fff;box-shadow:0 4px 12px #087f9b30}
.status.inactive{background:#fce8cf;color:#87520c}

/* Filtros de situação diretamente no painel inicial */
.dashboard-status-tabs{margin-top:12px;margin-bottom:18px}
#vehicle-cards:empty::after{content:"Nenhum veículo nesta situação.";display:block;padding:22px;border:1px dashed var(--border,#cbd5e1);border-radius:14px;color:var(--muted,#64748b);text-align:center}

/* Personalização de aparência: tema, contraste e cor de destaque */
:root{--blue:#4c9be8;--accent:#4c9be8}
.primary{background:var(--accent,var(--blue))!important}
.appearance-button{display:flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(255,255,255,.12)!important;color:inherit!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px;padding:10px 13px}
.appearance-dialog{width:min(440px,calc(100% - 28px));padding:25px;color:var(--text-main,#e5edf6)}
.appearance-dialog h2{margin:5px 0 8px}.appearance-dialog>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}.appearance-dialog label,.appearance-label{display:block;font-size:12px;font-weight:800;margin:13px 0 8px}.appearance-dialog select{width:100%;padding:12px;border-radius:10px}.accent-options{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}.accent-choice{width:35px;height:35px;border-radius:50%;padding:0;background:var(--swatch)!important;border:3px solid rgba(255,255,255,.65)!important;box-shadow:0 0 0 1px #64748b55!important}.accent-choice.selected{outline:3px solid var(--swatch);outline-offset:3px}.appearance-dialog .actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.appearance-dialog .actions button{flex:1}
html[data-theme="light"]{color-scheme:light;--navy:#163a55;--muted:#64748b;--line:#d9e2eb;--white:#fff;--glass-bg:rgba(255,255,255,.88);--glass-bg-strong:rgba(255,255,255,.97);--glass-border:rgba(148,163,184,.32);--glass-shadow:0 10px 30px rgba(31,65,92,.09);--glass-blur:blur(14px);--text-main:#192d40}
html[data-theme="light"] body{background:linear-gradient(135deg,#f4f8fb,#eaf2f8 55%,#f8fafc);color:#192d40}
html[data-theme="light"] .sidebar{background:linear-gradient(160deg,#153b56,#205878);color:#fff}
html[data-theme="light"] main{color:#192d40}
html[data-theme="light"] .topbar h1,html[data-theme="light"] .page-intro h2,html[data-theme="light"] .section-heading h2,html[data-theme="light"] .cards article h3{color:#192d40}
html[data-theme="light"] .session-timer,html[data-theme="light"] .date-chip,html[data-theme="light"] .stat-card,html[data-theme="light"] .cards article,html[data-theme="light"] .table-wrap,html[data-theme="light"] dialog,html[data-theme="light"] #driver-track-status{background:rgba(255,255,255,.88);color:#192d40;border-color:#dbe5ed}
html[data-theme="light"] th{background:#eaf1f6;color:#263f54}html[data-theme="light"] td{background:rgba(255,255,255,.75);color:#263f54}html[data-theme="light"] tr:hover td{background:#edf6fb}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#20364a!important;border-color:#cbd8e4!important}
html[data-theme="light"] .liquid-glass-nav{background:rgba(255,255,255,.78);color:#20364a;border-color:rgba(255,255,255,.95)}
html[data-theme="light"] .liquid-glass-nav .glass-links button:not(.nav-record-button){color:#28465d}
html[data-theme="light"] .appearance-button{color:#23445b!important;background:#edf4f8!important;border-color:#d5e2ec!important}
html[data-theme="light"] .appearance-dialog{background:#fff;color:#192d40}
html[data-theme="contrast"]{color-scheme:dark;--navy:#000;--muted:#fff;--line:#fff;--white:#000;--glass-bg:#000;--glass-bg-strong:#000;--glass-border:#fff;--glass-shadow:none;--glass-blur:none;--text-main:#fff}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell,html[data-theme="contrast"] main{background:#000!important;color:#fff!important}
html[data-theme="contrast"] .sidebar,html[data-theme="contrast"] .liquid-glass-nav,html[data-theme="contrast"] .session-timer,html[data-theme="contrast"] .date-chip,html[data-theme="contrast"] .stat-card,html[data-theme="contrast"] .cards article,html[data-theme="contrast"] .table-wrap,html[data-theme="contrast"] dialog,html[data-theme="contrast"] #driver-track-status{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="contrast"] h1,html[data-theme="contrast"] h2,html[data-theme="contrast"] h3,html[data-theme="contrast"] p,html[data-theme="contrast"] small,html[data-theme="contrast"] label,html[data-theme="contrast"] span,html[data-theme="contrast"] td,html[data-theme="contrast"] th,html[data-theme="contrast"] dd,html[data-theme="contrast"] dt{color:#fff!important}
html[data-theme="contrast"] button{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button.primary{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html[data-theme="contrast"] input,html[data-theme="contrast"] select,html[data-theme="contrast"] textarea{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html[data-theme="contrast"] a,html[data-theme="contrast"] .eyebrow{color:#ff0!important}
@media(max-width:760px){.appearance-button{padding:8px 10px}.appearance-button b{font-size:10px}.appearance-dialog{padding:20px}}

/* Agendamento de veículos */
.reservation-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px;align-items:start}.reservation-form,.reservation-list-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 8px 24px #102a4310}.reservation-form{display:flex;flex-direction:column;gap:10px}.reservation-form h3,.reservation-list-panel h3{margin:0 0 8px}.reservation-form label{font-size:13px;font-weight:700;color:var(--muted);margin-top:5px}.reservation-form input,.reservation-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:inherit}.reservation-help,.reservation-muted{font-size:12px;line-height:1.5;color:var(--muted)}.reservation-list{display:grid;gap:12px}.reservation-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.reservation-card h4{margin:12px 0 8px;font-size:17px}.reservation-card p{margin:5px 0;font-size:13px}.reservation-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.reservation-card-top>strong{font-size:13px}.reservation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reservation-card .status.confirmed{background:#d9f5e5;color:#17663c}.reservation-card .status.pending{background:#fff0c2;color:#865600}.reservation-card .status.cancelled{background:#fce4e4;color:#9b2424}.reservation-warning{margin:12px 0;padding:14px;border:1px solid #e9a23b;border-radius:12px;background:#fff4d9;color:#6d4100}.reservation-warning p{margin:6px 0 10px}.reservation-warning button{background:#9a5b00;color:#fff}@media(max-width:900px){.reservation-layout{grid-template-columns:1fr}}


/* MOI.AI - camada única e consistente de temas (corrige regras antigas conflitantes) */
html{color-scheme:dark;--ui-bg:#0b1724;--ui-surface:#132638;--ui-surface-2:#193247;--ui-ink:#eef6fc;--ui-muted:#b2c5d5;--ui-border:#30495e;--ui-input:#102333;--ui-nav:rgba(9,91,112,.94);--ui-shadow:0 8px 24px rgba(0,0,0,.18)}
html[data-theme="dark"]{color-scheme:dark;--ui-bg:#0b1724;--ui-surface:#132638;--ui-surface-2:#193247;--ui-ink:#eef6fc;--ui-muted:#b2c5d5;--ui-border:#30495e;--ui-input:#102333;--ui-nav:rgba(9,91,112,.94);--ui-shadow:0 8px 24px rgba(0,0,0,.18)}
html[data-theme="light"]{color-scheme:light;--ui-bg:#edf4f8;--ui-surface:#fff;--ui-surface-2:#f5f9fb;--ui-ink:#183447;--ui-muted:#526b7b;--ui-border:#cbdbe4;--ui-input:#fff;--ui-nav:rgba(0,119,143,.96);--ui-shadow:0 8px 24px rgba(20,60,80,.09)}
html[data-theme="contrast"]{color-scheme:dark;--ui-bg:#000;--ui-surface:#000;--ui-surface-2:#000;--ui-ink:#fff;--ui-muted:#fff;--ui-border:#fff;--ui-input:#000;--ui-nav:#000;--ui-shadow:none}
html,html body,html #app-shell{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
html main{background:transparent!important;color:var(--ui-ink)!important}
html .topbar h1,html .page-intro h2,html .section-heading h2,html .settings-info-heading h3,html .cards article h3,html .stat-card strong,html .settings-system-info dd,html .settings-system-info h3{color:var(--ui-ink)!important}
html p,html .page-intro p,html .section-heading p,html .stat-card span,html .cards p,html .settings-system-info dt,html .settings-system-info dd small,html .result-count,html .reservation-help,html .reservation-muted{color:var(--ui-muted)!important}
html .eyebrow{color:var(--accent,#4c9be8)!important}
html .stat-card,html .cards article,html .table-wrap,html .settings-system-info,html .form-card,html .modal-card,html .session-timer,html .date-chip,html .reservation-form,html .reservation-list-panel,html .reservation-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
html table,html .table-wrap table{background:var(--ui-surface)!important;color:var(--ui-ink)!important}
html th,html table th{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html td,html table td{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html tr:hover td{background:var(--ui-surface-2)!important}
html input,html select,html textarea,html .login-card input,html dialog input,html dialog select,html .search-wide,html .table-toolbar input,html .reservation-form input,html .reservation-form select{background:var(--ui-input)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important}
html input::placeholder,html textarea::placeholder{color:var(--ui-muted)!important;opacity:1}
html button.primary,html .primary,html .welcome-panel .primary{background:var(--accent,#4c9be8)!important;color:#fff!important;border:1px solid var(--accent,#4c9be8)!important}
html button.secondary,html .secondary,html td button{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important}
html .liquid-glass-nav{background:var(--ui-nav)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important}
html .glass-brand,html .glass-brand>span,html .glass-brand small,html .glass-links button,html .glass-user,html #glass-user-name{color:#fff!important}
html .glass-links button:hover,html .glass-links button.active{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important}
html .liquid-glass-nav .glass-links .nav-record-button{background:#fff!important;color:#07566b!important;border:1px solid #fff!important;text-shadow:none!important}
html .appearance-button{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important}
html dialog,html .appearance-dialog{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
html .appearance-dialog h2,html .appearance-dialog label,html .appearance-label{color:var(--ui-ink)!important}
html .appearance-dialog>p{color:var(--ui-muted)!important}
html .login-screen{background:var(--ui-bg)!important}
html[data-theme="light"] .login-side{background:#f4fafb!important}
html[data-theme="light"] .login-card{background:#fff!important;color:#183447!important;border-color:#cbdbe4!important}
html[data-theme="light"] .login-card h2,html[data-theme="light"] .login-card label{color:#183447!important}
html[data-theme="light"] .login-subtitle,html[data-theme="light"] .login-security,html[data-theme="light"] .login-footer{color:#526b7b!important}
html[data-theme="light"] .liquid-glass-nav{background:linear-gradient(115deg,#087f96,#006b83)!important}
html[data-theme="contrast"] .stat-card,html[data-theme="contrast"] .cards article,html[data-theme="contrast"] .table-wrap,html[data-theme="contrast"] .settings-system-info,html[data-theme="contrast"] .form-card,html[data-theme="contrast"] .modal-card,html[data-theme="contrast"] .session-timer,html[data-theme="contrast"] .date-chip,html[data-theme="contrast"] .reservation-form,html[data-theme="contrast"] .reservation-list-panel,html[data-theme="contrast"] .reservation-card,html[data-theme="contrast"] dialog{border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}
html[data-theme="contrast"] button.primary,html[data-theme="contrast"] .primary{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html[data-theme="contrast"] a,html[data-theme="contrast"] .eyebrow{color:#ff0!important}
html[data-theme="contrast"] .liquid-glass-nav .glass-links .nav-record-button{background:#ff0!important;color:#000!important;border-color:#ff0!important}
html .welcome-panel{background:linear-gradient(120deg,#07566b,#087f93)!important;color:#fff!important;border:1px solid var(--ui-border)!important}
html .welcome-panel h2,html .welcome-panel p{color:#fff!important}
html .vehicle-status-tabs{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important}
html .vehicle-status-tabs .vehicle-filter{color:var(--ui-ink)!important}
html .vehicle-status-tabs .vehicle-filter.active{background:var(--accent,#4c9be8)!important;color:#fff!important}
html .reservation-warning{background:#fff4d9!important;color:#6d4100!important;border-color:#e9a23b!important}
html .reservation-warning p{color:#6d4100!important}
html .reservation-card .status.confirmed{background:#d9f5e5!important;color:#17663c!important}html .reservation-card .status.pending{background:#fff0c2!important;color:#865600!important}html .reservation-card .status.cancelled{background:#fce4e4!important;color:#9b2424!important}
@media(max-width:760px){html .appearance-button{padding:8px 10px}html .appearance-button b{font-size:10px}html .appearance-dialog{padding:20px}}

/* Documentação dos veículos */
.docs-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.docs-form,.docs-list-panel{padding:22px;min-width:0}.docs-form h3,.docs-list-panel h3{margin:0 0 16px}.docs-form label,.docs-filters label{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:var(--ui-ink);font-weight:650}.docs-form input,.docs-form select,.docs-form textarea,.docs-filters select{width:100%;min-width:0}.docs-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.vehicle-documents-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.vehicle-document-card{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface)}.vehicle-document-card h4{margin:12px 0 8px;overflow-wrap:anywhere}.vehicle-document-card p{overflow-wrap:anywhere;color:var(--ui-muted);font-size:13px}.vehicle-document-card small{color:var(--ui-muted);overflow-wrap:anywhere}.document-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.document-card-actions{margin-top:14px}.document-open-link{display:inline-flex;text-decoration:none;padding:9px 12px;border:1px solid var(--ui-border);border-radius:9px;color:var(--ui-ink)}.document-open-link[aria-disabled="true"]{pointer-events:none;opacity:.5}.status.pending{background:#fff0c2;color:#865600}.status.confirmed{background:#d9f5e5;color:#17663c}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}}@media(max-width:560px){.docs-filters{grid-template-columns:1fr}.docs-form,.docs-list-panel{padding:16px}}

/* Agenda semanal da frota */
.agenda-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.agenda-summary{padding:20px}
.agenda-summary>span{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--muted,#687b8b)}
.agenda-summary h3{margin:9px 0 6px}
.agenda-summary p{margin:0;color:var(--muted,#687b8b)}
.agenda-table-panel{padding:20px;margin-bottom:16px}
.fleet-agenda-table{min-width:850px}
.fleet-agenda-table th{white-space:nowrap}
.fleet-agenda-table td{vertical-align:top;min-width:105px}
.fleet-agenda-table tbody tr:nth-child(odd){background:var(--surface-soft,rgba(120,140,160,.06))}
.agenda-note{padding:16px 20px;color:var(--muted,#687b8b);line-height:1.55}
.agenda-note strong{color:var(--text,#183247)}
@media(max-width:850px){.agenda-summary-grid{grid-template-columns:1fr}.agenda-table-panel{padding:14px}.agenda-table-panel .section-heading{align-items:flex-start;flex-direction:column}}


/* Redesign dos cartões da frota: hierarquia visual, metadados e ações agrupadas */
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;align-items:stretch}
.cards article.fleet-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid #d5e2eb;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 5px 18px rgba(20,48,70,.045);min-height:100%;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cards article.fleet-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:18px 0 0 18px;background:#16859a}
.cards article.fleet-card:hover{transform:translateY(-2px);border-color:#b8d4e2;box-shadow:0 12px 28px rgba(20,48,70,.09)}
.cards article.fleet-card-busy::before{background:#d88714}
.cards article.fleet-card-inactive::before{background:#b85b52}
.fleet-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}
.fleet-card-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e4f2f6;color:#087e96;font-size:20px;font-weight:800}
.fleet-card-title{min-width:0}
.cards article.fleet-card h3{font-size:16px;line-height:1.35;margin:0;color:#1b3548;overflow-wrap:anywhere}
.cards article.fleet-card .fleet-plate{font-size:12px;margin:5px 0 0;color:#71879a;font-weight:600;letter-spacing:.025em}
.fleet-card-head .status{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal;line-height:1.35;padding:6px 10px;border-radius:999px;font-size:10px}
.fleet-card-details{display:grid;gap:8px;margin-top:-2px}
.fleet-detail{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;background:#f2f7fa;border:1px solid #e4edf2;border-radius:11px;min-width:0}
.fleet-detail span{font-size:11px;color:#627b8d;flex:0 0 auto}
.fleet-detail strong{font-size:11px;line-height:1.4;text-align:right;color:#29475b;overflow-wrap:anywhere}
.fleet-card-actions{margin-top:auto;display:grid;gap:9px}
.cards article.fleet-card button{margin:0;width:100%;min-height:39px;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.3;white-space:normal}
.cards article.fleet-card button.fleet-primary-action{background:#1d3346;color:#fff;border:1px solid #1d3346;font-weight:800;box-shadow:0 3px 8px rgba(29,51,70,.12)}
.cards article.fleet-card button.fleet-primary-action:hover{background:#284b63}
.fleet-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fleet-secondary-actions button:only-child{grid-column:1/-1}
.fleet-secondary-actions button.danger-button{background:#fff3f1;color:#9c3932;border-color:#f0c9c4}
.fleet-secondary-actions button.danger-button:hover{background:#fce5e2}
@media(max-width:700px){.cards{grid-template-columns:1fr}.cards article.fleet-card{padding:16px}.fleet-secondary-actions{grid-template-columns:1fr}.fleet-detail{gap:8px}.fleet-detail span{flex-basis:42%}}


/* Refinamento visual dos cards: cartões compactos e ações mais fáceis de tocar */
#vehicle-cards.cards, #vehicle-list.cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 265px), 1fr));
  gap: 12px;
  align-items: stretch;
}
.cards article.fleet-card {
  gap: 11px;
  padding: 14px;
  border-radius: 16px;
  min-height: 0;
  box-shadow: 0 3px 12px rgba(20,48,70,.045);
}
.cards article.fleet-card::before { width: 3px; }
.fleet-card-head {
  grid-template-columns: 36px minmax(0,1fr);
  gap: 9px;
  align-items: center;
}
.fleet-card-icon { width:36px;height:36px;border-radius:11px;font-size:18px; }
.cards article.fleet-card h3 { font-size:14px; line-height:1.3; }
.cards article.fleet-card .fleet-plate { margin-top:3px;font-size:11px; }
.fleet-card-head .status { font-size:10px; padding:5px 8px; }
.fleet-card-details { gap:6px; }
.fleet-detail { padding:7px 9px; border-radius:9px; gap:8px; }
.fleet-detail span { font-size:10px; }
.fleet-detail strong { font-size:10px; }
.fleet-card-actions { gap:9px; margin-top:3px; }
.cards article.fleet-card button {
  min-height:46px;
  padding:12px 10px;
  border-radius:11px;
  font-size:12px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:.005em;
  box-shadow:0 2px 5px rgba(20,48,70,.035);
}
.cards article.fleet-card button.fleet-primary-action {
  min-height:50px;
  font-size:13px;
  letter-spacing:.01em;
  background:#087f98;
  border-color:#087f98;
  box-shadow:0 5px 12px rgba(8,127,152,.18);
}
.cards article.fleet-card button.fleet-primary-action:hover { background:#06677b; border-color:#06677b; }
.fleet-secondary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.cards article.fleet-card .fleet-secondary-actions button {
  min-height:48px;
  background:#f3f8fb;
  color:#1d3b50;
  border:1px solid #cbdde7;
  box-shadow:none;
}
.cards article.fleet-card .fleet-secondary-actions button:hover { background:#e4f1f6;border-color:#a9cedd; }
.cards article.fleet-card .fleet-secondary-actions button.danger-button {
  background:#fff2f0;color:#9c3932;border-color:#efc7c1;
}
.cards article.fleet-card .fleet-secondary-actions button.danger-button:hover { background:#ffe5e1; }
.fleet-secondary-actions button:only-child { grid-column:1/-1; }
@media(min-width:1450px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1100px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
}
@media(max-width:560px) {
  #vehicle-cards.cards, #vehicle-list.cards { grid-template-columns:1fr;gap:10px; }
  .cards article.fleet-card { padding:13px; }
  .fleet-secondary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cards article.fleet-card .fleet-secondary-actions button { font-size:11px; }
}

/* Imagens ilustrativas da frota em perspectiva */
.fleet-card-image-wrap{position:relative;overflow:hidden;height:150px;margin:-1px -1px 12px;border-radius:16px 16px 10px 10px;background:linear-gradient(135deg,#eaf3f8,#dce8f0)}
.fleet-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .35s ease,filter .35s ease;transform:scale(1.015)}
.fleet-card:hover .fleet-card-image{transform:scale(1.07) translateY(-2px);filter:saturate(1.05)}
.fleet-card-image-wrap .status{position:absolute;left:12px;top:12px;z-index:2;box-shadow:0 3px 10px #14283b22}
.fleet-card .fleet-card-head{padding-top:0}
@media(max-width:640px){.fleet-card-image-wrap{height:125px}}
@media(prefers-reduced-motion:reduce){.fleet-card-image{transition:none}.fleet-card:hover .fleet-card-image{transform:none}}


/* Correção dos cards: o título ocupa toda a largura disponível, sem coluna vazia. */
.cards article.fleet-card .fleet-card-head{display:block!important;grid-template-columns:minmax(0,1fr)!important;min-width:0;width:100%;}
.cards article.fleet-card .fleet-card-title{display:block!important;width:100%;min-width:0;max-width:100%;}
.cards article.fleet-card .fleet-card-title h3{display:block;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.35;}
.cards article.fleet-card .fleet-plate{display:block;width:100%;overflow-wrap:anywhere;word-break:normal;}
.cards article.fleet-card .fleet-card-details,.cards article.fleet-card .fleet-card-actions{min-width:0;width:100%;}
.cards article.fleet-card .fleet-detail strong{min-width:0;overflow-wrap:anywhere;text-align:right;}


/* Ajustes de legibilidade dos cards da frota */
.fleet-card{min-width:0;overflow:hidden}
.fleet-card-head,.fleet-card-title{min-width:0;width:100%}
.fleet-card-title h3{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.25;max-width:100%}
.fleet-card-title .fleet-plate{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.fleet-card-image{display:block;width:100%;height:150px;object-fit:contain;background:#f3f6f8}
.fleet-card-image-wrap{overflow:hidden}

/* Tema institucional minimalista: azul, turquesa e amarelo da identidade SFDS */
:root{
  --navy:#123b70;
  --blue:#1677d2;
  --muted:#637b94;
  --line:#dce7f0;
  --moi-blue:#174a87;
  --moi-cyan:#16a6c2;
  --moi-yellow:#ffd84d;
  --ui-bg:#f4f8fc;
  --ui-surface:#ffffff;
  --ui-ink:#15365b;
  --ui-muted:#66809b;
  --ui-border:#dce7f0;
  --ui-shadow:0 4px 16px rgba(25,68,112,.055);
}
body,#app-shell{background:var(--ui-bg)!important;color:var(--ui-ink)}
.sidebar{background:#fff!important;color:var(--ui-ink)!important;border-right:1px solid var(--ui-border);box-shadow:2px 0 12px rgba(23,74,135,.025)}
.sidebar-brand{border-bottom-color:var(--ui-border)!important}
.sidebar-brand strong,.user-info strong{color:var(--ui-ink)!important}
.sidebar-brand small,.nav-label,.user-info small{color:var(--ui-muted)!important}
nav button{color:#486987!important;border-radius:10px}
nav button:hover,nav button.active{background:#e8f3fc!important;color:var(--moi-blue)!important}
nav button.active{box-shadow:inset 3px 0 var(--moi-cyan)!important}
.avatar{background:#e5f3fb!important;color:var(--moi-blue)!important}
.logout-button{color:#486987!important}
main{background:transparent!important}
.primary,.login-submit{background:var(--moi-blue)!important;color:#fff!important;box-shadow:0 3px 9px rgba(23,74,135,.12)!important}
.primary:hover,.cards article.fleet-card button.fleet-primary-action:hover{background:#0f65b5!important}
.welcome-panel{background:linear-gradient(110deg,#174a87,#148fa9)!important}
.welcome-panel:before{content:"";position:absolute;width:6px;inset:0 auto 0 0;background:var(--moi-yellow)}
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,.modal-card,.session-timer,.date-chip,.reservation-form,.reservation-list-panel,.reservation-card{border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
.stat-card{border-radius:14px!important}
.stat-icon.blue{background:#e5f2ff!important;color:#1677d2!important}
.stat-icon.amber{background:#fff6cf!important;color:#987300!important}
.section-heading h2,.page-intro h2,.topbar h1,.settings-info-heading h3{color:var(--moi-blue)!important}
.cards article.fleet-card{border:1px solid #dce7f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 16px rgba(25,68,112,.055)!important;gap:12px!important;padding:14px!important}
.cards article.fleet-card::before{width:3px!important;background:var(--moi-cyan)!important}
.cards article.fleet-card.fleet-card-busy::before{background:var(--moi-yellow)!important}
.cards article.fleet-card.fleet-card-inactive::before{background:#e36b6b!important}
.fleet-card-image-wrap{height:142px!important;margin:-1px -1px 4px!important;border-radius:11px!important;background:linear-gradient(135deg,#eef6fb,#e4f0f7)!important}
.fleet-card-image{height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important}
.cards article.fleet-card h3{color:var(--moi-blue)!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.2px}
.cards article.fleet-card .fleet-plate{color:#66809b!important}
.fleet-card-icon{background:#e8f5f8!important;color:#138ca4!important}
.fleet-detail{border-color:#e7eef4!important;background:#f8fbfe!important}
.cards article.fleet-card button.fleet-primary-action{background:var(--moi-blue)!important;border-color:var(--moi-blue)!important;border-radius:9px!important;box-shadow:none!important}
.cards article.fleet-card .fleet-secondary-actions button{background:#f7fbfe!important;color:#315878!important;border-color:#d6e4ef!important;border-radius:9px!important}
.cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff5f3!important;color:#a63d37!important;border-color:#f1d5d1!important}
.settings-system-info{border:1px solid var(--ui-border)!important;border-radius:16px!important;padding:24px!important;background:#fff!important}
.settings-credit{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border-radius:12px;background:linear-gradient(100deg,#edf7fc,#f8fbfe);border:1px solid #dbeaf2}
.settings-credit-mark{display:grid;place-items:center;flex:0 0 58px;height:42px;border-radius:10px;background:var(--moi-blue);color:#fff;font-size:11px;font-weight:900;letter-spacing:.3px;box-shadow:inset 0 -3px 0 var(--moi-yellow)}
.settings-credit strong{display:block;color:var(--moi-blue);font-size:13px;line-height:1.5;font-weight:750}
.settings-credit small{display:block;color:var(--ui-muted);font-size:11px;line-height:1.5;margin-top:4px}
@media(max-width:650px){.settings-credit{align-items:flex-start;padding:13px}.settings-credit-mark{flex-basis:50px;height:38px}.settings-credit strong{font-size:12px}}

/* MOI.AI — redesenho alinhado ao layout aprovado em 29/10/2026 */
:root{--navy:#123a70;--blue:#087cf0;--muted:#66809b;--line:#dce8f2;--ui-bg:#f3f8fc;--ui-surface:#fff;--ui-ink:#102e59;--ui-muted:#66809b;--ui-border:#dce8f2;--ui-shadow:0 5px 18px rgba(20,65,110,.055);--moi-blue:#123a70;--moi-cyan:#13a6c1;--moi-yellow:#ffd94a}
html,body{min-height:100%;background:#f3f8fc!important;color:#102e59!important}
#app-shell:not(.hidden){display:block!important;background:linear-gradient(145deg,#f7fbff 0%,#edf5fb 100%)!important}
/* Use o menu lateral do sistema e remover a barra horizontal antiga */
.sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:220px!important;padding:22px 13px 16px!important;background:rgba(255,255,255,.94)!important;color:#123a70!important;border-right:1px solid #dce8f2!important;box-shadow:4px 0 22px rgba(26,71,116,.035)!important;backdrop-filter:blur(16px)!important;z-index:100!important}
.liquid-glass-nav{display:none!important}
.sidebar-brand{gap:10px!important;padding:0 8px 22px!important;border-bottom:1px solid #e1ebf4!important}
.sidebar-brand .brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;background:#edf6fc!important;border-radius:13px!important;overflow:hidden!important}
.sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.sidebar-brand strong{font-size:17px!important;color:#123a70!important;letter-spacing:-.4px!important}
.sidebar-brand small{font-size:8px!important;letter-spacing:.35px!important;color:#66809b!important}
.nav-label{color:#8297ad!important;margin:24px 10px 9px!important}
.sidebar nav{display:grid!important;gap:5px!important;margin-top:10px!important}
.sidebar nav button{min-height:42px!important;padding:10px 12px!important;border-radius:10px!important;color:#496987!important;font-size:12px!important;background:transparent!important;box-shadow:none!important}
.sidebar nav button:hover,.sidebar nav button.active{background:#e3f1ff!important;color:#087cf0!important}
.sidebar nav button.active{box-shadow:inset 3px 0 #13a6c1!important}
.sidebar .sidebar-bottom{margin-top:auto!important}
.sidebar .user-chip{border-color:#e1ebf4!important}
.sidebar .user-info strong{color:#123a70!important}.sidebar .user-info small{color:#7188a0!important}
.sidebar .logout-button{color:#496987!important}
main{margin-left:220px!important;padding:26px clamp(18px,2vw,34px)!important;max-width:none!important;min-width:0!important}
.topbar{align-items:center!important;margin-bottom:22px!important;padding:0 0 16px!important;border-bottom:1px solid #e0eaf3!important;color:#123a70!important}
.topbar .eyebrow{color:#9a7a0b!important;letter-spacing:1.2px!important}
.topbar h1{font-size:25px!important;letter-spacing:-.7px!important;color:#123a70!important}
.topbar-right{gap:10px!important}
.session-timer,.date-chip{background:#fff!important;border:1px solid #dce8f2!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(20,65,110,.04)!important;color:#526f8d!important}
.stats{gap:14px!important;margin:18px 0 28px!important}
.stat-card{min-height:78px!important;padding:16px!important;border:1px solid #e0eaf3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 15px rgba(20,65,110,.04)!important}
.stat-card strong{font-size:25px!important;color:#123a70!important}
.stat-card span{font-size:10px!important;color:#66809b!important}
.stat-icon{border-radius:12px!important}
.stat-icon.blue{background:#e3f1ff!important;color:#087cf0!important}.stat-icon.green{background:#e4f8ee!important;color:#07945d!important}.stat-icon.violet{background:#f0eaff!important;color:#7548dd!important}.stat-icon.amber{background:#fff8df!important;color:#d99b00!important}
.section-heading,.page-intro{margin:24px 0 13px!important}
.section-heading h2,.page-intro h2{font-size:23px!important;letter-spacing:-.45px!important;color:#123a70!important}
.section-heading p,.page-intro p{font-size:12px!important;color:#66809b!important}
.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin:14px 0 28px!important}
.cards article.fleet-card{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important;min-height:0!important;padding:12px!important;border:1px solid #e0eaf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 16px rgba(20,65,110,.045)!important;overflow:hidden!important}
.cards article.fleet-card::before{width:3px!important;background:#13a6c1!important}
.cards article.fleet-card.fleet-card-busy::before{background:#ffd94a!important}.cards article.fleet-card.fleet-card-inactive::before{background:#ed6b73!important}
.cards article.fleet-card:hover{transform:translateY(-2px)!important;box-shadow:0 9px 24px rgba(20,65,110,.085)!important;border-color:#c9ddec!important}
.fleet-card-image-wrap{height:132px!important;min-height:132px!important;margin:-2px -2px 2px!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;mix-blend-mode:multiply!important;transform:none!important;filter:none!important}
.fleet-card:hover .fleet-card-image{transform:scale(1.025)!important}
.fleet-card .fleet-card-head{display:block!important;min-width:0!important;width:100%!important}
.fleet-card .fleet-card-title,.fleet-card .fleet-card-title h3,.fleet-card .fleet-plate{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.cards article.fleet-card h3{margin:0!important;font-size:15px!important;line-height:1.28!important;letter-spacing:-.2px!important;font-weight:750!important;color:#102e59!important}
.cards article.fleet-card .fleet-plate{margin:4px 0 0!important;font-size:11px!important;letter-spacing:.2px!important;color:#57789c!important}
.fleet-card-head .status,.fleet-card-image-wrap .status{font-size:10px!important;padding:5px 9px!important;line-height:1.2!important}
.fleet-card-details{display:grid!important;gap:6px!important;margin-top:3px!important}
.fleet-detail{padding:7px 8px!important;border:0!important;border-radius:8px!important;background:#f5f9fd!important;min-width:0!important}
.fleet-detail span{font-size:9px!important;color:#7089a2!important}.fleet-detail strong{font-size:10px!important;color:#173b63!important;overflow-wrap:anywhere!important}
.fleet-card-actions{margin-top:auto!important;display:grid!important;gap:7px!important}
.cards article.fleet-card button{min-height:34px!important;padding:8px 9px!important;border-radius:8px!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important}
.cards article.fleet-card button.fleet-primary-action{background:#087cf0!important;border:1px solid #087cf0!important;color:#fff!important;box-shadow:none!important;font-weight:750!important}
.cards article.fleet-card button.fleet-primary-action:hover{background:#0868cb!important}
.fleet-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.cards article.fleet-card .fleet-secondary-actions button{min-height:32px!important;background:#f7fbff!important;color:#315878!important;border:1px solid #d6e5f1!important;box-shadow:none!important}
.cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff5f3!important;color:#a63d37!important;border-color:#f1d5d1!important}
.settings-system-info,.table-wrap,.form-card,.modal-card,.reservation-form,.reservation-list-panel{background:#fff!important;border:1px solid #dce8f2!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(20,65,110,.045)!important}
.settings-credit{background:linear-gradient(100deg,#edf7fc,#fff)!important;border-color:#dce8f2!important}
.settings-credit-mark{background:#123a70!important;box-shadow:inset 0 -3px #ffd94a!important}
.primary,.login-submit{background:#087cf0!important;border-color:#087cf0!important;border-radius:9px!important;box-shadow:none!important}
.secondary{background:#f7fbff!important;color:#315878!important;border:1px solid #d6e5f1!important;border-radius:9px!important}
input,select,textarea{border-color:#d7e5f0!important;border-radius:9px!important;background:#fff!important;color:#123a70!important}
th{background:#f5f9fd!important;color:#66809b!important}td{color:#315878!important}
@media(max-width:1250px){.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sidebar{width:190px!important}main{margin-left:190px!important;padding:20px 16px!important}.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.sidebar{position:relative!important;width:100%!important;height:auto!important;inset:auto!important;padding:10px!important}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar .sidebar-bottom{display:none!important}main{margin-left:0!important;padding:14px!important}.topbar{align-items:flex-start!important;flex-direction:column!important}.cards,#vehicle-cards.cards,#vehicle-list.cards{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}.fleet-card-image-wrap{height:150px!important}}


/* CORREÇÃO DE NAVEGAÇÃO MOI.AI: a regra anterior escondia o menu superior. */
#app-shell > main > .liquid-glass-nav {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: sticky !important;
  top: 10px !important;
  z-index: 1000 !important;
  width: min(100%, 1200px) !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
#app-shell > main > .liquid-glass-nav .glass-links {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
}
#app-shell > main > .liquid-glass-nav .glass-links button {
  display: inline-flex !important;
  visibility: visible !important;
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  #app-shell > main > .liquid-glass-nav { top: 4px !important; gap: 6px !important; }
  #app-shell > main > .liquid-glass-nav .glass-links { flex-basis: 100% !important; }
}


/* MOI.AI PREMIUM REDESIGN - visual layer only; preserves existing app logic */
:root{--moi-navy:#092a52;--moi-blue:#087cf0;--moi-teal:#00a6a6;--moi-yellow:#ffd84d;--moi-ink:#102f52;--moi-muted:#64809e;--moi-line:#dce8f3;--moi-bg:#f2f7fb;--moi-card:#fff}
html,body{background:var(--moi-bg)!important;color:var(--moi-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
#app-shell{min-height:100vh!important;background:linear-gradient(145deg,#f7fbfe 0%,#edf5fa 100%)!important}
/* Use one clear navigation system, like the approved mockup */
#app-shell > main > .liquid-glass-nav{display:none!important}
#app-shell .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:220px!important;height:100vh!important;overflow-y:auto!important;padding:20px 12px 16px!important;background:rgba(255,255,255,.96)!important;color:var(--moi-ink)!important;border-right:1px solid #dce8f2!important;box-shadow:5px 0 28px rgba(23,66,107,.045)!important;backdrop-filter:blur(18px)!important;z-index:120!important}
#app-shell .sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:4px 8px 22px!important;margin-bottom:16px!important;border-bottom:1px solid #e8eff6!important}
#app-shell .sidebar-brand .brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;background:#e9f5ff!important;overflow:hidden!important}
#app-shell .sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
#app-shell .sidebar-brand strong{font-size:20px!important;letter-spacing:-.6px!important;color:var(--moi-navy)!important;font-weight:850!important}
#app-shell .sidebar-brand small{display:block!important;font-size:8px!important;letter-spacing:.55px!important;color:#6b85a0!important;margin-top:3px!important}
#app-shell .nav-label{font-size:9px!important;font-weight:800!important;letter-spacing:1.1px!important;color:#9aafc2!important;padding:8px 12px 10px!important}
#app-shell .sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}
#app-shell .sidebar nav button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:43px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#47698d!important;text-align:left!important;font-size:12px!important;font-weight:650!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
#app-shell .sidebar nav button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;min-width:23px!important;font-size:17px!important;color:#4d7199!important}
#app-shell .sidebar nav button:hover{background:#f2f8fd!important;border-color:#e2edf7!important;transform:translateX(2px)!important}
#app-shell .sidebar nav button.active{background:linear-gradient(100deg,#e2f1ff,#edf7ff)!important;border-color:#d6eaff!important;color:#006ce0!important;box-shadow:inset 3px 0 #087cf0!important}
#app-shell .sidebar nav button.active span{color:#087cf0!important}
#app-shell .sidebar-bottom{margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e8eff6!important}
#app-shell .user-chip{border:1px solid #e2edf6!important;border-radius:13px!important;background:#f7fbfe!important;padding:10px!important}
#app-shell .avatar{background:#dff0ff!important;color:#087cf0!important;font-weight:800!important}
#app-shell .user-info strong{color:var(--moi-navy)!important;font-size:11px!important}
#app-shell .user-info small{color:#7890a8!important;font-size:10px!important;overflow-wrap:anywhere!important}
#app-shell .logout-button{margin-top:8px!important;width:100%!important;border-radius:10px!important;color:#54718f!important;background:transparent!important}
#app-shell > main{margin-left:220px!important;padding:22px 26px 36px!important;min-width:0!important;width:calc(100% - 220px)!important;box-sizing:border-box!important}
#app-shell .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 24px!important;padding:0 0 18px!important;border-bottom:1px solid #dce8f2!important;background:transparent!important}
#app-shell .topbar .eyebrow{color:#b28a00!important;font-size:9px!important;letter-spacing:1.25px!important;font-weight:850!important}
#app-shell .topbar h1{margin:5px 0 0!important;font-size:27px!important;line-height:1.12!important;letter-spacing:-.8px!important;font-weight:850!important;color:var(--moi-navy)!important}
#app-shell .topbar-right{display:flex!important;align-items:center!important;gap:10px!important}
#app-shell .session-timer,#app-shell .date-chip{border:1px solid #dce8f2!important;border-radius:13px!important;background:rgba(255,255,255,.9)!important;padding:10px 13px!important;box-shadow:0 5px 16px rgba(25,66,105,.045)!important;color:#436584!important}
#app-shell .session-timer small{font-size:8px!important;letter-spacing:.8px!important;color:#829ab1!important}
#app-shell .session-timer strong{font-size:12px!important;color:var(--moi-navy)!important}
#app-shell .date-chip{font-size:10px!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 28px!important}
#app-shell .stat-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:82px!important;padding:17px!important;border:1px solid #e1ebf4!important;border-radius:16px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 7px 24px rgba(18,65,110,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important}
#app-shell .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 11px 28px rgba(18,65,110,.09)!important}
#app-shell .stat-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;font-size:20px!important}
#app-shell .stat-icon.blue{background:#e2f1ff!important;color:#087cf0!important}#app-shell .stat-icon.amber{background:#fff5d9!important;color:#c08b00!important}#app-shell .stat-icon.violet{background:#f0eaff!important;color:#7b50e8!important}#app-shell .stat-icon.green{background:#e2f8ef!important;color:#0b9d69!important}
#app-shell .stat-card span{display:block!important;font-size:10px!important;color:#6c86a0!important;margin-bottom:4px!important}
#app-shell .stat-card strong{font-size:26px!important;line-height:1!important;color:var(--moi-navy)!important;font-weight:850!important;letter-spacing:-.7px!important}
#app-shell .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:24px 0 14px!important}
#app-shell .section-heading h2{margin:0!important;font-size:20px!important;letter-spacing:-.45px!important;font-weight:820!important;color:var(--moi-navy)!important}
#app-shell .section-heading p{margin:5px 0 0!important;color:#718ba5!important;font-size:11px!important}
#app-shell .section-heading .secondary{font-size:10px!important;padding:10px 13px!important;border-radius:10px!important}
#app-shell .vehicle-status-tabs{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;padding:7px!important;margin:0 0 16px!important;border:1px solid #dce8f2!important;border-radius:14px!important;background:rgba(255,255,255,.58)!important}
#app-shell .vehicle-status-tabs .vehicle-filter{border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#426587!important;font-size:11px!important;font-weight:700!important;padding:10px 14px!important;min-height:38px!important}
#app-shell .vehicle-status-tabs .vehicle-filter.active{background:#087cf0!important;color:#fff!important;box-shadow:0 4px 10px rgba(8,124,240,.2)!important}
#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important}
#app-shell .cards article.fleet-card{display:flex!important;flex-direction:column!important;min-width:0!important;padding:11px!important;gap:0!important;border:1px solid #e0eaf3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 20px rgba(22,69,111,.05)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
#app-shell .cards article.fleet-card:hover{transform:translateY(-3px)!important;border-color:#c8dff2!important;box-shadow:0 13px 28px rgba(22,69,111,.10)!important}
#app-shell .fleet-card-image-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:138px!important;min-height:138px!important;margin:0 0 7px!important;border-radius:12px!important;background:linear-gradient(180deg,#f4f9fd 0%,#fff 100%)!important;overflow:hidden!important}
#app-shell .fleet-card-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;mix-blend-mode:multiply!important;filter:saturate(1.04) contrast(1.02)!important;transition:transform .25s ease!important}
#app-shell .fleet-card:hover .fleet-card-image{transform:scale(1.045)!important}
#app-shell .fleet-card-image-wrap .status{position:absolute!important;left:8px!important;top:8px!important;max-width:calc(100% - 16px)!important;border-radius:999px!important;font-size:9px!important;font-weight:750!important;padding:6px 9px!important;box-shadow:0 3px 9px rgba(20,40,60,.08)!important}
#app-shell .cards article.fleet-card .fleet-card-head{padding:2px 2px 0!important;margin:0!important;min-height:0!important}
#app-shell .cards article.fleet-card h3{font-size:14px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.25px!important;color:var(--moi-navy)!important;overflow-wrap:anywhere!important;margin:0!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:10px!important;margin:4px 0 9px!important;color:#6785a4!important;letter-spacing:.35px!important}
#app-shell .fleet-card-details{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 10px!important}
#app-shell .fleet-detail{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 9px!important;border:1px solid #edf3f8!important;border-radius:9px!important;background:#f7fafc!important;min-width:0!important}
#app-shell .fleet-detail span{font-size:9px!important;color:#7a92a9!important;white-space:nowrap!important}
#app-shell .fleet-detail strong{font-size:9px!important;color:#294d70!important;text-align:right!important;overflow-wrap:anywhere!important;min-width:0!important}
#app-shell .fleet-card-actions{display:grid!important;gap:6px!important;margin-top:auto!important}
#app-shell .cards article.fleet-card button{font-size:10px!important;min-height:32px!important;padding:8px 9px!important;border-radius:9px!important;font-weight:700!important}
#app-shell .cards article.fleet-card button.fleet-primary-action{min-height:38px!important;background:linear-gradient(100deg,#087cf0,#168df5)!important;border:0!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,124,240,.16)!important}
#app-shell .cards article.fleet-card .fleet-secondary-actions button{background:#f7fbff!important;border:1px solid #dce8f2!important;color:#426383!important}
#app-shell .cards article.fleet-card .fleet-secondary-actions button.danger-button{background:#fff6f5!important;border-color:#f5d8d5!important;color:#b1443c!important}
#app-shell .table-wrap{border:1px solid #e0eaf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 20px rgba(22,69,111,.04)!important;overflow:auto!important}
#app-shell table th{background:#f4f8fc!important;color:#718aa3!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.55px!important}
#app-shell table td{font-size:11px!important;color:#345675!important}
#app-shell .page-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:4px 0 20px!important}
#app-shell .page-intro h2{font-size:24px!important;letter-spacing:-.65px!important;color:var(--moi-navy)!important}
#app-shell .page-intro p{font-size:12px!important;color:#718ba5!important}
#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{background:#fff!important;border:1px solid #e0eaf3!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(22,69,111,.055)!important}
#app-shell input,#app-shell select,#app-shell textarea{border:1px solid #d9e6f1!important;border-radius:10px!important;background:#fff!important;color:var(--moi-navy)!important;min-height:42px!important}
#app-shell button.primary,#app-shell .primary{background:linear-gradient(100deg,#087cf0,#168df5)!important;border:0!important;color:#fff!important;border-radius:10px!important;box-shadow:0 5px 13px rgba(8,124,240,.15)!important;font-weight:750!important}
#app-shell button.secondary,#app-shell .secondary{background:#fff!important;border:1px solid #d7e5f0!important;color:#426383!important;border-radius:10px!important}
#app-shell .settings-credit{background:linear-gradient(110deg,#edf7ff,#faffff)!important;border:1px solid #dceaf4!important;border-radius:13px!important}
#app-shell .settings-credit-mark{background:#087cf0!important;box-shadow:inset 0 -3px var(--moi-yellow)!important}
#app-shell .hidden{display:none!important}
@media(max-width:1450px){#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1050px){#app-shell .sidebar{width:200px!important}#app-shell > main{margin-left:200px!important;width:calc(100% - 200px)!important;padding:18px!important}#app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#app-shell .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;padding:10px!important}#app-shell .sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .sidebar-bottom{display:none!important}#app-shell > main{margin-left:0!important;width:100%!important;padding:14px!important}#app-shell .topbar{align-items:flex-start!important;flex-direction:column!important}#app-shell .topbar-right{flex-wrap:wrap!important}#app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#app-shell .stat-card{padding:12px!important;min-height:72px!important}#app-shell .stat-icon{width:38px!important;height:38px!important;min-width:38px!important}#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:1fr!important}#app-shell .fleet-card-image-wrap{height:170px!important;min-height:170px!important}#app-shell .reservation-layout{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#app-shell *{transition:none!important;scroll-behavior:auto!important}}


/* Mural de avisos e controle de manutenção */
.notice-list{display:grid;gap:14px;margin-top:18px}.notice-card{border-left:4px solid #7b91a5;padding:20px}.notice-card.priority-urgent{border-left-color:#c62828}.notice-card.priority-important{border-left-color:#d28a18}.notice-card h3,.maintenance-event h3{margin:12px 0 7px}.notice-card p,.maintenance-event p{white-space:pre-wrap;color:#52677a;line-height:1.55}.notice-card-top,.notice-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice-priority{font-size:10px;font-weight:900;letter-spacing:1px;color:#65798b}.priority-urgent .notice-priority{color:#bd2525}.priority-important .notice-priority{color:#a86b0c}.notice-card-footer{border-top:1px solid #e7edf2;padding-top:12px;margin-top:14px}.notice-form{display:grid;gap:15px}.notice-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#40566b}.notice-form input,.notice-form select,.notice-form textarea{width:100%;border:1px solid #d9e2ea;border-radius:9px;padding:11px 12px;background:#fff;color:#1d3448;font:inherit}.notice-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipient-box{border:1px solid #e0e8ef;border-radius:12px;padding:14px;display:grid;gap:12px}.recipient-actions{display:flex;gap:8px;flex-wrap:wrap}.recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto}.recipient-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;padding:9px;border:1px solid #e7edf2;border-radius:9px}.recipient-option input{width:auto!important}.recipient-option span{display:grid;gap:2px}.recipient-option small{font-weight:400;color:#748497}.maintenance-admin-panel{padding:22px}.maintenance-event{display:grid;gap:8px}.maintenance-event button{justify-self:start}.urgent-notice-overlay{position:fixed;inset:0;z-index:10000;background:#071a2dcc;display:grid;place-items:center;padding:20px}.urgent-notice-modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 80px #0005;border-top:7px solid #c62828}.urgent-notice-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a51f1f;font-size:11px;font-weight:900;letter-spacing:1px}.urgent-notice-top b{background:#c62828;color:white;padding:6px 9px;border-radius:5px}.urgent-notice-modal h2{font-size:24px;color:#26394b;margin:18px 0 10px}.urgent-notice-modal p{white-space:pre-wrap;line-height:1.6;color:#52677a}.urgent-notice-modal small{display:block;color:#8190a0;margin:18px 0}.urgent-notice-modal button{width:100%;background:#b92525}.access-block-screen{position:fixed;inset:0;z-index:11000;background:#f1f5f8;display:grid;place-items:center;padding:22px}.access-block-card{width:min(540px,100%);background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:34px;box-shadow:0 18px 55px #19364e18}.access-block-card h2{font-size:26px;color:#173b57;margin:14px 0}.access-block-card p{color:#536a7d;line-height:1.6}.access-block-card strong{display:block;margin:18px 0;color:#173b57}.access-block-card button{margin-top:12px}
@media(max-width:700px){.form-grid,.recipient-list{grid-template-columns:1fr}.notice-card-top,.notice-card-footer{align-items:flex-start;flex-direction:column}.maintenance-admin-panel{padding:15px}}


/* ==========================================================================
   TEMA LIQUID GLASS (opcional)
   Ativado em Aparência > Tema > "Liquid Glass" (html[data-theme="glass"]).
   Todas as regras abaixo ficam restritas a esse tema: os temas Escuro, Claro
   e Alto contraste, o layout e o comportamento do sistema não são alterados.
   ========================================================================== */
html[data-theme="glass"]{
  color-scheme:dark;
  --lg-fill:rgba(255,255,255,.10);
  --lg-fill-strong:rgba(255,255,255,.17);
  --lg-fill-input:rgba(255,255,255,.10);
  --lg-edge:rgba(255,255,255,.30);
  --lg-edge-soft:rgba(255,255,255,.14);
  --lg-ink:#f4f9ff;
  --lg-muted:rgba(232,242,252,.74);
  --lg-blur:blur(26px) saturate(185%) brightness(1.04);
  --lg-spec:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.10),inset 1px 0 0 rgba(255,255,255,.16),inset -1px 0 0 rgba(255,255,255,.08);
  --lg-shadow:0 18px 44px rgba(3,12,30,.34),0 2px 8px rgba(3,12,30,.18);
  --ui-bg:transparent;--ui-surface:var(--lg-fill);--ui-surface-2:var(--lg-fill-strong);
  --ui-ink:var(--lg-ink);--ui-muted:var(--lg-muted);--ui-border:var(--lg-edge);
  --ui-input:var(--lg-fill-input);--ui-nav:var(--lg-fill-strong);
  --ui-shadow:var(--lg-shadow),var(--lg-spec);
  background:
    radial-gradient(60vmax 46vmax at 8% 6%,rgba(56,189,248,.62),transparent 62%),
    radial-gradient(52vmax 44vmax at 94% 12%,rgba(168,85,247,.55),transparent 60%),
    radial-gradient(58vmax 50vmax at 82% 96%,rgba(20,184,166,.52),transparent 62%),
    radial-gradient(46vmax 40vmax at 6% 92%,rgba(236,72,153,.42),transparent 60%),
    linear-gradient(135deg,#0a1530,#10264a 50%,#0b1c3a) fixed!important;
  background-attachment:fixed!important;
}
html[data-theme="glass"] body,
html[data-theme="glass"] #app-shell,
html[data-theme="glass"] main{background:transparent!important;color:var(--lg-ink)!important}

/* Superfícies: vidro translúcido com desfoque, brilho especular e borda de luz */
html[data-theme="glass"] :is(#app-shell,body) .stat-card,
html[data-theme="glass"] :is(#app-shell,body) .cards article,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card,
html[data-theme="glass"] :is(#app-shell,body) .table-wrap,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info,
html[data-theme="glass"] :is(#app-shell,body) .form-card,
html[data-theme="glass"] :is(#app-shell,body) .modal-card,
html[data-theme="glass"] :is(#app-shell,body) .session-timer,
html[data-theme="glass"] :is(#app-shell,body) .date-chip,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form,
html[data-theme="glass"] :is(#app-shell,body) .reservation-list-panel,
html[data-theme="glass"] :is(#app-shell,body) .reservation-card,
html[data-theme="glass"] :is(#app-shell,body) .docs-form,
html[data-theme="glass"] :is(#app-shell,body) .docs-list-panel,
html[data-theme="glass"] :is(#app-shell,body) .vehicle-document-card,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary,
html[data-theme="glass"] :is(#app-shell,body) .agenda-table-panel,
html[data-theme="glass"] :is(#app-shell,body) .agenda-note,
html[data-theme="glass"] :is(#app-shell,body) .notice-card,
html[data-theme="glass"] :is(#app-shell,body) .notice-form,
html[data-theme="glass"] :is(#app-shell,body) .maintenance-admin-panel,
html[data-theme="glass"] :is(#app-shell,body) .recipient-box,
html[data-theme="glass"] :is(#app-shell,body) .access-block-card,
html[data-theme="glass"] :is(#app-shell,body) .panel,
html[data-theme="glass"] :is(#app-shell,body) #driver-track-status,
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs,
html[data-theme="glass"] :is(#app-shell,body) .dashboard-status-tabs{
  position:relative;
  background:linear-gradient(155deg,rgba(255,255,255,.19),rgba(255,255,255,.07) 46%,rgba(255,255,255,.12))!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:var(--lg-shadow),var(--lg-spec)!important;
  backdrop-filter:var(--lg-blur)!important;-webkit-backdrop-filter:var(--lg-blur)!important;
  color:var(--lg-ink)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card{border-radius:20px}
html[data-theme="glass"] :is(#app-shell,body) .cards article:hover{box-shadow:0 22px 50px rgba(3,12,30,.42),var(--lg-spec)!important}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card::before{background:linear-gradient(180deg,rgba(125,238,255,.95),rgba(125,238,255,.35))}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card-busy::before{background:linear-gradient(180deg,#ffc15a,rgba(255,193,90,.35))}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card-inactive::before{background:linear-gradient(180deg,#ff8f86,rgba(255,143,134,.35))}
html[data-theme="glass"] :is(#app-shell,body) .fleet-card-image-wrap{background:rgba(255,255,255,.08)}
html[data-theme="glass"] :is(#app-shell,body) .fleet-card-icon{background:rgba(255,255,255,.16);color:#fff}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail{background:rgba(255,255,255,.09)!important;border:1px solid var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail span{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-detail strong,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card h3,
html[data-theme="glass"] :is(#app-shell,body) .agenda-note strong{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-plate{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel{
  background:linear-gradient(125deg,rgba(56,189,248,.34),rgba(99,102,241,.26) 55%,rgba(20,184,166,.30))!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:var(--lg-shadow),var(--lg-spec)!important;
  backdrop-filter:var(--lg-blur)!important;-webkit-backdrop-filter:var(--lg-blur)!important;
}

/* Tabelas */
html[data-theme="glass"] :is(#app-shell,body) table,
html[data-theme="glass"] :is(#app-shell,body) .table-wrap table{background:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) th,
html[data-theme="glass"] :is(#app-shell,body) table th{background:rgba(255,255,255,.13)!important;color:var(--lg-ink)!important;border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) td,
html[data-theme="glass"] :is(#app-shell,body) table td{background:transparent!important;color:var(--lg-ink)!important;border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) tr:hover td{background:rgba(255,255,255,.10)!important}
html[data-theme="glass"] :is(#app-shell,body) .fleet-agenda-table tbody tr:nth-child(odd){background:rgba(255,255,255,.05)}

/* Textos */
html[data-theme="glass"] :is(#app-shell,body) .topbar h1,
html[data-theme="glass"] :is(#app-shell,body) .page-intro h2,
html[data-theme="glass"] :is(#app-shell,body) .section-heading h2,
html[data-theme="glass"] :is(#app-shell,body) .cards article h3,
html[data-theme="glass"] :is(#app-shell,body) .stat-card strong,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info dd,
html[data-theme="glass"] :is(#app-shell,body) .settings-system-info h3,
html[data-theme="glass"] :is(#app-shell,body) .reservation-card h4{color:var(--lg-ink)!important;text-shadow:0 1px 10px rgba(3,12,30,.28)}
html[data-theme="glass"] :is(#app-shell,body) p,
html[data-theme="glass"] :is(#app-shell,body) .page-intro p,
html[data-theme="glass"] :is(#app-shell,body) .section-heading p,
html[data-theme="glass"] :is(#app-shell,body) .stat-card span,
html[data-theme="glass"] :is(#app-shell,body) .cards p,
html[data-theme="glass"] :is(#app-shell,body) .result-count,
html[data-theme="glass"] :is(#app-shell,body) .empty-state,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary>span,
html[data-theme="glass"] :is(#app-shell,body) .agenda-summary p,
html[data-theme="glass"] :is(#app-shell,body) .reservation-help,
html[data-theme="glass"] :is(#app-shell,body) .reservation-muted,
html[data-theme="glass"] :is(#app-shell,body) label{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .eyebrow{color:#9ee7ff!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid var(--lg-edge-soft)}
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel h2,
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel p{color:#fff!important}

/* Campos */
html[data-theme="glass"] :is(#app-shell,body) input,
html[data-theme="glass"] :is(#app-shell,body) select,
html[data-theme="glass"] :is(#app-shell,body) textarea,
html[data-theme="glass"] :is(#app-shell,body) .login-card input,
html[data-theme="glass"] :is(#app-shell,body) dialog input,
html[data-theme="glass"] :is(#app-shell,body) dialog select,
html[data-theme="glass"] :is(#app-shell,body) .search-wide,
html[data-theme="glass"] :is(#app-shell,body) .table-toolbar input,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form input,
html[data-theme="glass"] :is(#app-shell,body) .reservation-form select{
  background:rgba(255,255,255,.09)!important;color:var(--lg-ink)!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:inset 0 2px 6px rgba(3,12,30,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
html[data-theme="glass"] :is(#app-shell,body) input:focus,
html[data-theme="glass"] :is(#app-shell,body) select:focus,
html[data-theme="glass"] :is(#app-shell,body) textarea:focus{outline:none;border-color:rgba(158,231,255,.85)!important;box-shadow:0 0 0 3px rgba(125,238,255,.22),inset 0 2px 6px rgba(3,12,30,.2)!important}
html[data-theme="glass"] :is(#app-shell,body) input::placeholder,
html[data-theme="glass"] :is(#app-shell,body) textarea::placeholder{color:rgba(232,242,252,.55)!important}
html[data-theme="glass"] :is(#app-shell,body) select option{background:#10264a;color:#f4f9ff}

/* Botões */
html[data-theme="glass"] :is(#app-shell,body) button.primary,
html[data-theme="glass"] :is(#app-shell,body) .primary,
html[data-theme="glass"] :is(#app-shell,body) .welcome-panel .primary{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),color-mix(in srgb,var(--accent,#4c9be8) 78%,transparent)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#4c9be8) 38%,transparent),var(--lg-spec)!important;
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  text-shadow:0 1px 2px rgba(3,12,30,.35);
}
html[data-theme="glass"] :is(#app-shell,body) button.secondary,
html[data-theme="glass"] :is(#app-shell,body) .secondary,
html[data-theme="glass"] :is(#app-shell,body) td button,
html[data-theme="glass"] :is(#app-shell,body) .cards article button,
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-secondary-actions button,
html[data-theme="glass"] :is(#app-shell,body) .icon-close{
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06))!important;
  color:var(--lg-ink)!important;border:1px solid var(--lg-edge)!important;
  box-shadow:0 4px 14px rgba(3,12,30,.18),var(--lg-spec)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card button.fleet-primary-action{
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08)),color-mix(in srgb,var(--accent,#4c9be8) 78%,transparent)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#4c9be8) 36%,transparent),var(--lg-spec)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .cards article.fleet-card .fleet-secondary-actions button.danger-button,
html[data-theme="glass"] :is(#app-shell,body) .danger-button{background:linear-gradient(180deg,rgba(255,120,110,.34),rgba(255,120,110,.12))!important;color:#ffe3e0!important;border-color:rgba(255,160,150,.55)!important}
html[data-theme="glass"] :is(#app-shell,body) button:hover{filter:brightness(1.1)}
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs .vehicle-filter,
html[data-theme="glass"] :is(#app-shell,body) .dashboard-status-tabs button{color:var(--lg-ink)!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) .vehicle-status-tabs .vehicle-filter.active{background:rgba(255,255,255,.24)!important;border:1px solid var(--lg-edge)!important;box-shadow:var(--lg-spec)!important}

/* Barra de navegação: pílula de vidro líquido */
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav{
  background:linear-gradient(120deg,rgba(255,255,255,.26),rgba(255,255,255,.08) 45%,rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 20px 48px rgba(3,12,30,.40),inset 0 2px 1px rgba(255,255,255,.6),inset 0 -2px 6px rgba(255,255,255,.10)!important;
  backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav:before{background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 30%,transparent 70%,rgba(255,255,255,.10))!important;border-top:1px solid rgba(255,255,255,.5)}
html[data-theme="glass"] :is(#app-shell,body) .glass-links button:hover,
html[data-theme="glass"] :is(#app-shell,body) .glass-links button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(3,12,30,.20)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .liquid-glass-nav .glass-links .nav-record-button{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(225,242,255,.78))!important;
  color:#0b3b57!important;border:1px solid #fff!important;
  box-shadow:0 6px 18px rgba(3,12,30,.28),inset 0 1px 0 #fff!important;
}
html[data-theme="glass"] :is(#app-shell,body) .appearance-button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.40)!important}

/* Diálogos, avisos e mapa */
html[data-theme="glass"] :is(#app-shell,body) dialog,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog,
html[data-theme="glass"] :is(#app-shell,body) .glass-delete-dialog,
html[data-theme="glass"] :is(#app-shell,body) .urgent-notice-modal,
html[data-theme="glass"] :is(#app-shell,body) .maintenance-alert{
  background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 50%,rgba(255,255,255,.16))!important;
  color:var(--lg-ink)!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:26px!important;
  box-shadow:0 30px 80px rgba(2,8,22,.55),var(--lg-spec)!important;
  backdrop-filter:blur(34px) saturate(190%)!important;-webkit-backdrop-filter:blur(34px) saturate(190%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) dialog h2,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog h2,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog label,
html[data-theme="glass"] :is(#app-shell,body) .appearance-label,
html[data-theme="glass"] :is(#app-shell,body) .glass-delete-dialog h2{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) dialog p,
html[data-theme="glass"] :is(#app-shell,body) .appearance-dialog>p{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) dialog::backdrop{background:rgba(4,12,32,.46);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}
html[data-theme="glass"] :is(#app-shell,body) #toast{
  background:linear-gradient(155deg,rgba(255,255,255,.26),rgba(255,255,255,.10))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;box-shadow:0 18px 44px rgba(3,12,30,.45),var(--lg-spec)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;-webkit-backdrop-filter:blur(26px) saturate(180%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) #live-map{border:1px solid var(--lg-edge)!important;border-radius:22px!important;box-shadow:var(--lg-shadow),var(--lg-spec)!important;background:rgba(255,255,255,.10)!important}
html[data-theme="glass"] :is(#app-shell,body) .leaflet-control-zoom a,
html[data-theme="glass"] :is(#app-shell,body) .leaflet-popup-content-wrapper,
html[data-theme="glass"] :is(#app-shell,body) .leaflet-popup-tip{background:rgba(18,36,66,.72)!important;color:var(--lg-ink)!important;border-color:var(--lg-edge)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}

/* Tela de login */
html[data-theme="glass"] :is(#app-shell,body) .login-screen,
html[data-theme="glass"] :is(#app-shell,body) .login-side{background:transparent!important}
html[data-theme="glass"] :is(#app-shell,body) .login-card{
  background:linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 50%,rgba(255,255,255,.14))!important;
  border:1px solid rgba(255,255,255,.42)!important;border-radius:28px!important;
  box-shadow:0 30px 80px rgba(2,8,22,.5),var(--lg-spec)!important;
  backdrop-filter:blur(32px) saturate(190%)!important;-webkit-backdrop-filter:blur(32px) saturate(190%)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .login-card h2,
html[data-theme="glass"] :is(#app-shell,body) .login-card label{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .login-subtitle,
html[data-theme="glass"] :is(#app-shell,body) .login-security,
html[data-theme="glass"] :is(#app-shell,body) .login-footer{color:var(--lg-muted)!important;border-color:var(--lg-edge-soft)!important}

/* Status e rolagem */
html[data-theme="glass"] :is(#app-shell,body) .status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28)}
html[data-theme="glass"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="glass"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
html[data-theme="glass"] ::-webkit-scrollbar-track{background:transparent}

/* Acessibilidade: sem transparência / sem animação quando o usuário pedir */
@media(prefers-reduced-transparency:reduce){
  html[data-theme="glass"] :is(#app-shell,body) *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html[data-theme="glass"] :is(#app-shell,body) :is(#app-shell,body) .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,
  html[data-theme="glass"] :is(#app-shell,body) dialog,html[data-theme="glass"] .liquid-glass-nav,html[data-theme="glass"] .session-timer,
  html[data-theme="glass"] :is(#app-shell,body) .date-chip,html[data-theme="glass"] .login-card{background:#12264a!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="glass"] :is(#app-shell,body) .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,
  html[data-theme="glass"] :is(#app-shell,body) dialog,html[data-theme="glass"] .liquid-glass-nav,html[data-theme="glass"] .login-card{background:rgba(18,38,74,.92)!important}
}


/* Barra lateral (layout desktop) em vidro líquido */
html[data-theme="glass"] :is(#app-shell,body) .sidebar{
  background:linear-gradient(170deg,rgba(255,255,255,.20),rgba(255,255,255,.06) 55%,rgba(255,255,255,.12))!important;
  border-right:1px solid rgba(255,255,255,.34)!important;
  box-shadow:14px 0 44px rgba(3,12,30,.32),inset -1px 0 0 rgba(255,255,255,.12),inset 0 1.5px 0 rgba(255,255,255,.5)!important;
  backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(190%) brightness(1.05)!important;
  color:var(--lg-ink)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand,html[data-theme="glass"] :is(#app-shell,body) .user-chip{border-color:var(--lg-edge-soft)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand strong,html[data-theme="glass"] :is(#app-shell,body) .user-info strong{color:#fff!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar-brand small,html[data-theme="glass"] :is(#app-shell,body) .nav-label,html[data-theme="glass"] :is(#app-shell,body) .user-info small{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button,html[data-theme="glass"] :is(#app-shell,body) .logout-button{color:var(--lg-ink)!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:14px!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button:hover,html[data-theme="glass"] :is(#app-shell,body) .logout-button:hover{background:rgba(255,255,255,.12)!important;border-color:var(--lg-edge-soft)!important;color:#fff!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.10))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 16px rgba(3,12,30,.22)!important;
}
html[data-theme="glass"] :is(#app-shell,body) .avatar{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)}
html[data-theme="glass"] :is(#app-shell,body) .session-timer small,html[data-theme="glass"] :is(#app-shell,body) .date-chip{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-card strong,html[data-theme="glass"] :is(#app-shell,body) .stat-card span{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .stat-card span{color:var(--lg-muted)!important}
html[data-theme="glass"] :is(#app-shell,body) .user-chip{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07))!important;border:1px solid var(--lg-edge)!important;box-shadow:var(--lg-spec)!important}
html[data-theme="glass"] :is(#app-shell,body) .sidebar nav button span{color:rgba(255,255,255,.88)!important}
html[data-theme="glass"] :is(#app-shell,body) .session-timer strong,
html[data-theme="glass"] :is(#app-shell,body) .session-timer small{color:var(--lg-ink)!important}
html[data-theme="glass"] :is(#app-shell,body) .empty-state{color:var(--lg-muted)!important;border-color:var(--lg-edge)!important;background:rgba(255,255,255,.06)!important;border-radius:18px}
html[data-theme="glass"] :is(#app-shell,body) .topbar{border-color:var(--lg-edge-soft)!important}

/* Aba Temas */
.appearance-panel{max-width:760px;padding:26px;display:grid;gap:18px}
.appearance-panel select{max-width:360px}
.appearance-panel .accent-options{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 12px}
.access-block-screen{background:rgba(8,24,39,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.access-block-card{border-radius:22px;border-top:5px solid #d84b4b;box-shadow:0 24px 80px rgba(0,0,0,.32);animation:maintenancePopupIn .22s ease-out}
.access-block-card .eyebrow{color:#c43e3e;font-weight:800;letter-spacing:.08em}
@keyframes maintenancePopupIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* MOI.AI: navegação inferior estilo iPhone e Liquid Glass adaptável */
.mobile-tabbar{display:none}
html[data-theme="glass"] .liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 78%,white 22%),color-mix(in srgb,var(--accent) 70%,#10243a 30%))!important;border-color:color-mix(in srgb,var(--accent) 52%,white 48%)!important}
html[data-theme="glass"] .liquid-glass-nav .glass-links button.active{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.42)!important}
html[data-theme="glass-light"]{color-scheme:light;--ui-bg:#edf3f8;--ui-surface:rgba(255,255,255,.72);--ui-surface-2:rgba(255,255,255,.54);--ui-ink:#193449;--ui-muted:#587083;--ui-border:rgba(255,255,255,.8);--ui-input:rgba(255,255,255,.78);--ui-nav:rgba(255,255,255,.58);--ui-shadow:0 12px 36px rgba(36,76,105,.12)}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{background:radial-gradient(ellipse at 12% 5%,color-mix(in srgb,var(--accent) 17%,white),transparent 42%),linear-gradient(145deg,#f7fafc,#e7f0f6 58%,#f9fbfd)!important;color:#193449!important}
html[data-theme="glass-light"] .sidebar,html[data-theme="glass-light"] .liquid-glass-nav,html[data-theme="glass-light"] .session-timer,html[data-theme="glass-light"] .date-chip,html[data-theme="glass-light"] .stat-card,html[data-theme="glass-light"] .cards article,html[data-theme="glass-light"] .table-wrap,html[data-theme="glass-light"] .panel,html[data-theme="glass-light"] dialog{background:rgba(255,255,255,.54)!important;color:#193449!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 12px 34px rgba(38,75,102,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important}
html[data-theme="glass-light"] .liquid-glass-nav{background:linear-gradient(115deg,rgba(255,255,255,.78),color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7)))!important}
html[data-theme="glass-light"] .liquid-glass-nav .glass-links button{color:#23465d!important}
html[data-theme="glass-light"] .liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 17%,white)!important;color:#16384d!important;border-color:color-mix(in srgb,var(--accent) 34%,white)!important}
html[data-theme="glass-light"] input,html[data-theme="glass-light"] select,html[data-theme="glass-light"] textarea{background:rgba(255,255,255,.72)!important;color:#193449!important;border-color:rgba(145,170,190,.45)!important}
html[data-theme="glass-light"] .topbar h1,html[data-theme="glass-light"] .page-intro h2,html[data-theme="glass-light"] .section-heading h2,html[data-theme="glass-light"] h3{color:#193449}
html[data-theme="glass-light"] .eyebrow,html[data-theme="glass-light"] p,html[data-theme="glass-light"] small{color:#587083}
.access-block-screen{background:rgba(9,22,36,.72)!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}
.access-block-card{width:min(470px,calc(100vw - 36px));padding:32px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);border-top:7px solid #c62828;box-shadow:0 28px 90px rgba(0,0,0,.36);animation:maintenance-pop .22s ease-out}
.access-block-card .eyebrow{color:#b42323;font-weight:900;letter-spacing:1px}.access-block-card h2{color:#7f1d1d}.access-block-card p{color:#475569}.access-block-card strong{color:#7f1d1d}
@keyframes maintenance-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){
 #app-shell>main{padding:12px 12px calc(100px + env(safe-area-inset-bottom))!important}
 #app-shell>.sidebar{display:none!important}
 .mobile-tabbar{position:fixed;display:flex;left:12px;right:12px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:1200;justify-content:space-around;align-items:center;gap:3px;padding:9px 7px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.48);border-radius:23px;background:rgba(17,43,63,.78);box-shadow:0 12px 35px rgba(5,24,39,.28),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%)}
 .mobile-tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border:0!important;border-radius:14px;background:transparent!important;color:#dcecf7!important;box-shadow:none!important}
 .mobile-tabbar button span{font-size:20px;line-height:1.1}.mobile-tabbar button small{font-size:9px;font-weight:700;color:inherit!important;white-space:nowrap}.mobile-tabbar button.active{background:color-mix(in srgb,var(--accent) 48%,transparent)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important}
 html[data-theme="glass-light"] .mobile-tabbar{background:rgba(255,255,255,.66);border-color:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(31,65,92,.15),inset 0 1px 0 #fff}
 html[data-theme="glass-light"] .mobile-tabbar button{color:#36566d!important}html[data-theme="glass-light"] .mobile-tabbar button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;color:#173b54!important}
 html[data-theme="light"] .mobile-tabbar{background:rgba(255,255,255,.86);border-color:#fff}html[data-theme="light"] .mobile-tabbar button{color:#35536a!important}
 html[data-theme="contrast"] .mobile-tabbar{background:#000;border:2px solid #fff}html[data-theme="contrast"] .mobile-tabbar button{color:#fff!important}
}

/* MOI.AI — dock inferior flutuante em todas as resoluções */
.sidebar{display:none!important}
#app-shell>main{margin:0!important;padding:28px clamp(18px,3vw,48px) 124px!important;max-width:none!important;width:100%;box-sizing:border-box}
.liquid-glass-nav{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:1500!important;width:min( min(1460px, calc(100vw - 44px)), 1460px)!important;max-width:calc(100vw - 44px)!important;margin:0!important;padding:10px 18px!important;border-radius:28px!important;display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:nowrap!important;box-sizing:border-box!important;box-shadow:0 18px 48px rgba(8,30,48,.28),inset 0 1px 0 rgba(255,255,255,.62)!important}
.glass-brand{min-width:150px!important;gap:10px!important}
.glass-brand-logo{width:48px!important;height:42px!important;object-fit:contain!important;filter:none!important;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:13px;padding:3px;box-sizing:border-box}
.glass-brand>span{font-size:14px!important}.glass-brand small{font-size:7px!important;letter-spacing:.6px!important}
.glass-links{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important;justify-content:space-evenly!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}
.glass-links::-webkit-scrollbar{display:none}
.glass-links button{flex:0 0 auto!important;padding:11px 12px!important;border-radius:18px!important;font-size:11px!important;white-space:nowrap!important}
.glass-links button span{display:inline!important;font-size:15px!important}
.glass-user{flex:0 0 auto!important}
.mobile-tabbar{display:none!important}
html[data-theme="glass"] .liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 76%,white 24%),color-mix(in srgb,var(--accent) 72%,#10243a 28%))!important;border:1px solid rgba(255,255,255,.58)!important;backdrop-filter:blur(30px) saturate(190%)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important}
html[data-theme="glass"] .glass-links button,html[data-theme="glass"] .glass-brand,html[data-theme="glass"] .glass-user{color:#fff!important}
html[data-theme="glass-light"] .liquid-glass-nav{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.92)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;box-shadow:0 18px 48px rgba(31,65,92,.16),inset 0 1px 0 #fff!important}
/* Superfícies, campos, abas e cartões recebem vidro quando Liquid Glass está ativo */
html[data-theme="glass"] .stat-card,html[data-theme="glass"] .cards article,html[data-theme="glass"] .table-wrap,html[data-theme="glass"] .panel,html[data-theme="glass"] .welcome-panel,html[data-theme="glass"] .session-timer,html[data-theme="glass"] .date-chip,html[data-theme="glass"] .filter-bar,html[data-theme="glass"] .tabs,html[data-theme="glass"] dialog,html[data-theme="glass"] .appearance-panel,html[data-theme="glass"] .vehicle-card,html[data-theme="glass"] .form-card,
html[data-theme="glass-light"] .stat-card,html[data-theme="glass-light"] .cards article,html[data-theme="glass-light"] .table-wrap,html[data-theme="glass-light"] .panel,html[data-theme="glass-light"] .welcome-panel,html[data-theme="glass-light"] .session-timer,html[data-theme="glass-light"] .date-chip,html[data-theme="glass-light"] .filter-bar,html[data-theme="glass-light"] .tabs,html[data-theme="glass-light"] dialog,html[data-theme="glass-light"] .appearance-panel,html[data-theme="glass-light"] .vehicle-card,html[data-theme="glass-light"] .form-card{border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 12px 34px rgba(12,38,62,.12),inset 0 1px 0 rgba(255,255,255,.62)!important;backdrop-filter:blur(22px) saturate(165%)!important;-webkit-backdrop-filter:blur(22px) saturate(165%)!important}
html[data-theme="glass"] input,html[data-theme="glass"] select,html[data-theme="glass"] textarea,html[data-theme="glass-light"] input,html[data-theme="glass-light"] select,html[data-theme="glass-light"] textarea{border-radius:12px!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(20,50,75,.07)!important}
html[data-theme="glass"] button:not(.nav-record-button),html[data-theme="glass-light"] button:not(.nav-record-button){backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
html[data-theme="glass"] .glass-links button.active{background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 16px rgba(0,0,0,.1)!important}
html[data-theme="glass-light"] .glass-links button.active{background:color-mix(in srgb,var(--accent) 16%,white)!important;border:1px solid color-mix(in srgb,var(--accent) 34%,white)!important;box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(30,65,90,.1)!important}
@media(max-width:1050px){.glass-brand{min-width:100px!important}.glass-brand>span{display:none!important}.glass-links button{padding:10px 9px!important}.glass-links button b{font-size:10px!important}.glass-user{display:none!important}}
@media(max-width:760px){#app-shell>main{padding:14px 12px calc(112px + env(safe-area-inset-bottom))!important}.liquid-glass-nav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;padding:8px 9px!important;border-radius:24px!important;gap:6px!important}.glass-brand{min-width:0!important;flex:0 0 auto!important}.glass-brand-logo{width:36px!important;height:36px!important}.glass-brand>span{display:none!important}.glass-links{justify-content:space-around!important;overflow-x:auto!important}.glass-links button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding:6px 8px!important;min-width:46px!important}.glass-links button span{font-size:17px!important}.glass-links button b{font-size:8px!important}.glass-user{display:none!important}}


/* MOI.AI | Dock inferior unificado (desktop e mobile) */
#app-shell{display:block!important;min-height:100vh}
#app-shell>.sidebar{display:none!important}
#app-shell>main{
  width:100%!important;max-width:none!important;margin:0!important;
  box-sizing:border-box!important;
  padding:26px clamp(14px,3vw,42px) calc(132px + env(safe-area-inset-bottom))!important;
}
#app-shell>main>.liquid-glass-nav{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
  bottom:calc(16px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;z-index:3000!important;
  display:flex!important;align-items:center!important;
  width:max-content!important;max-width:calc(100vw - 28px)!important;
  margin:0!important;padding:9px 12px!important;gap:10px!important;
  overflow:visible!important;border-radius:25px!important;box-sizing:border-box!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand{display:flex!important;flex:0 0 auto!important;min-width:0!important}
#app-shell>main>.liquid-glass-nav .glass-brand-logo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:13px!important;padding:3px!important;background:rgba(255,255,255,.92)!important}
#app-shell>main>.liquid-glass-nav .glass-links{display:flex!important;flex:0 1 auto!important;min-width:0!important;justify-content:center!important;align-items:center!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
#app-shell>main>.liquid-glass-nav .glass-links::-webkit-scrollbar{display:none!important}
#app-shell>main>.liquid-glass-nav .glass-links button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:58px!important;padding:8px 9px!important;border-radius:15px!important;white-space:nowrap!important;font-size:10px!important}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:17px!important;line-height:1.1}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;line-height:1.15}
#app-shell>main>.liquid-glass-nav .glass-user{display:flex!important;flex:0 0 auto!important}
#app-shell>main>.mobile-tabbar{display:none!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 76%,white 24%),color-mix(in srgb,var(--accent) 72%,#10243a 28%))!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 18px 48px rgba(8,30,48,.30),inset 0 1px 0 rgba(255,255,255,.62)!important;backdrop-filter:blur(30px) saturate(190%)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav{background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 16px 42px rgba(31,65,92,.18),inset 0 1px 0 #fff!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-brand,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-user{color:#25465d!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-brand,html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-user{color:#fff!important}
html[data-theme="glass"] #app-shell>main>.liquid-glass-nav .glass-links button.active{background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.55)!important}
html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;border:1px solid color-mix(in srgb,var(--accent) 34%,white)!important}
@media(max-width:1100px){
 #app-shell>main>.liquid-glass-nav{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;justify-content:space-between!important}
 #app-shell>main>.liquid-glass-nav .glass-brand{display:none!important}
 #app-shell>main>.liquid-glass-nav .glass-links{flex:1 1 auto!important;justify-content:space-around!important}
 #app-shell>main>.liquid-glass-nav .glass-user{display:none!important}
}
@media(max-width:760px){
 #app-shell>main{padding:14px 12px calc(116px + env(safe-area-inset-bottom))!important}
 #app-shell>main>.liquid-glass-nav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;padding:7px 6px!important;border-radius:22px!important;gap:2px!important}
 #app-shell>main>.liquid-glass-nav .glass-links{justify-content:flex-start!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:48px!important;padding:7px 5px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button b{font-size:8px!important}
}

/* ==========================================================
   MOI.AI — REDESIGN VISUAL 2026.11
   Camada visual complementar: preserva IDs e comportamentos.
   ========================================================== */
:root{
  --moi-ink:#142d46;
  --moi-muted:#71869a;
  --moi-line:#dce7f0;
  --moi-blue:#087cf0;
  --moi-gold:#d4a514;
}
html,body{background:#eef3f8!important}
body{
  background:
    radial-gradient(ellipse at 5% 0%,rgba(245,190,111,.20),transparent 34%),
    radial-gradient(ellipse at 100% 8%,rgba(92,169,220,.17),transparent 36%),
    linear-gradient(145deg,#f8f5ef 0%,#f1f5f8 48%,#eaf2f8 100%)!important;
  color:var(--moi-ink)!important;
}
#app-shell>main{
  padding:30px clamp(24px,3.2vw,62px) 150px!important;
}
#app-shell .topbar{
  min-height:72px!important;padding:0 0 20px!important;margin:0 0 24px!important;
  border-bottom:1px solid rgba(207,222,234,.8)!important;
}
#app-shell .topbar h1{font-size:30px!important;letter-spacing:-1px!important}
#app-shell .stats{gap:17px!important;margin-bottom:34px!important}
#app-shell .stat-card{
  min-height:94px!important;padding:20px 22px!important;border-radius:19px!important;
  box-shadow:0 10px 30px rgba(25,67,105,.065)!important;
}
#app-shell .stat-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:16px!important}
#app-shell .stat-card span{font-size:11px!important;margin-bottom:6px!important}
#app-shell .stat-card strong{font-size:30px!important}
#app-shell .section-heading{margin:30px 0 16px!important}
#app-shell .section-heading h2{font-size:22px!important}
#app-shell .section-heading p{font-size:12px!important}
#app-shell .vehicle-status-tabs{
  padding:8px!important;gap:8px!important;margin-bottom:20px!important;
  background:rgba(255,255,255,.72)!important;border-color:#d8e5ef!important;
  box-shadow:0 5px 18px rgba(23,67,105,.035)!important;
}
#app-shell .vehicle-status-tabs .vehicle-filter{padding:11px 17px!important;font-size:11px!important}
#app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;
}
#app-shell .cards article.fleet-card{
  padding:15px!important;border-radius:21px!important;border:1px solid #dce7f0!important;
  box-shadow:0 9px 28px rgba(19,62,99,.065)!important;
}
#app-shell .cards article.fleet-card:hover{
  transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(19,62,99,.12)!important;
}
#app-shell .fleet-card-image-wrap{
  height:194px!important;min-height:194px!important;margin-bottom:12px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#edf5fb 0%,#f8fbfd 58%,#fff 100%)!important;
}
#app-shell .fleet-card-image{object-position:center center!important;padding:5px!important}
#app-shell .fleet-card-image-wrap .status{left:11px!important;top:11px!important;font-size:10px!important;padding:7px 11px!important}
#app-shell .cards article.fleet-card h3{font-size:16px!important;line-height:1.3!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:11px!important;margin:5px 0 12px!important}
#app-shell .fleet-card-details{gap:8px!important;margin-bottom:13px!important}
#app-shell .fleet-detail{padding:10px 12px!important;border-radius:11px!important;background:#f6f9fc!important}
#app-shell .fleet-detail span{font-size:10px!important}
#app-shell .fleet-detail strong{font-size:10px!important}
#app-shell .cards article.fleet-card button{font-size:11px!important;min-height:37px!important;padding:9px 11px!important}
#app-shell .cards article.fleet-card button.fleet-primary-action{min-height:43px!important;font-size:12px!important}
#app-shell .fleet-card-actions{gap:8px!important}
#app-shell .fleet-secondary-actions{gap:8px!important}
#app-shell .table-wrap{border-radius:18px!important;box-shadow:0 9px 26px rgba(22,69,111,.055)!important}
#app-shell .table-wrap table th{padding:15px 17px!important}
#app-shell .table-wrap table td{padding:15px 17px!important}
#app-shell>main>.liquid-glass-nav{
  width:min(1540px,calc(100vw - 80px))!important;max-width:calc(100vw - 80px)!important;
  min-height:78px!important;padding:11px 18px!important;gap:18px!important;
  border-radius:27px!important;background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 18px 55px rgba(21,55,83,.20),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand-logo{width:46px!important;height:46px!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span{font-size:13px!important;font-weight:850!important;letter-spacing:-.2px!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span small{font-size:8px!important;letter-spacing:.7px!important}
#app-shell>main>.liquid-glass-nav .glass-links{gap:5px!important}
#app-shell>main>.liquid-glass-nav .glass-links button{
  min-width:66px!important;padding:9px 11px!important;border-radius:16px!important;
  color:#355570!important;transition:background .2s ease,transform .2s ease!important;
}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:19px!important}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;font-weight:800!important}
#app-shell>main>.liquid-glass-nav .glass-links button:hover{background:#eaf3fb!important;transform:translateY(-2px)!important}
#app-shell>main>.liquid-glass-nav .glass-links button.active{
  background:linear-gradient(145deg,#fff2d6,#ffe7b5)!important;
  border:1px solid #f1d69a!important;color:#244664!important;
  box-shadow:0 5px 14px rgba(185,137,44,.12)!important;
}
#app-shell>main>.liquid-glass-nav .glass-user{color:#274963!important;font-size:11px!important;font-weight:800!important}
#app-shell>main>.liquid-glass-nav .glass-user button{background:#eaf2f8!important;color:#315a78!important;border-radius:12px!important}
#app-shell .page-intro{margin-bottom:25px!important}
#app-shell .page-intro h2{font-size:27px!important}
#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{
  border-radius:19px!important;box-shadow:0 10px 30px rgba(22,69,111,.065)!important;
}
@media(max-width:1450px){
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  #app-shell .fleet-card-image-wrap{height:170px!important;min-height:170px!important}
  #app-shell>main>.liquid-glass-nav{gap:9px!important}
  #app-shell>main>.liquid-glass-nav .glass-links button{min-width:58px!important;padding:8px!important}
}
@media(max-width:1050px){
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app-shell>main{padding:22px 20px 132px!important}
}
@media(max-width:760px){
  #app-shell>main{padding:15px 13px calc(120px + env(safe-area-inset-bottom))!important}
  #app-shell .topbar h1{font-size:25px!important}
  #app-shell .stats{gap:9px!important;margin-bottom:24px!important}
  #app-shell .stat-card{padding:12px!important;min-height:75px!important}
  #app-shell .stat-card strong{font-size:23px!important}
  #app-shell .section-heading h2{font-size:18px!important}
  #app-shell .vehicle-status-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}
  #app-shell .vehicle-status-tabs .vehicle-filter{white-space:nowrap!important}
  #app-shell .cards,#app-shell #vehicle-cards.cards,#app-shell #vehicle-list.cards{grid-template-columns:1fr!important;gap:14px!important}
  #app-shell .fleet-card-image-wrap{height:190px!important;min-height:190px!important}
  #app-shell>main>.liquid-glass-nav{min-height:64px!important;width:auto!important;max-width:none!important;padding:7px 6px!important}
}


/* ================================================================
   MOI.AI / INTERFACE 2.0 — redesign estrutural visual
   Camada exclusivamente visual. Não altera IDs, eventos ou Firebase.
   ================================================================ */
:root{
 --moi-bg:#071525;--moi-panel:#10243a;--moi-panel-2:#132b43;
 --moi-border:rgba(160,193,220,.16);--moi-text:#edf6ff;--moi-muted:#91a9bf;
 --moi-blue:#1688f8;--moi-cyan:#49c4e8;--moi-gold:#e2b64d;
}
html,body{min-height:100%;background:var(--moi-bg)!important;color:var(--moi-text)!important}
body{
 background:radial-gradient(ellipse at 12% 0%,rgba(27,117,190,.22),transparent 32%),
 radial-gradient(ellipse at 92% 12%,rgba(34,183,202,.12),transparent 28%),
 linear-gradient(145deg,#071525 0%,#0b1d30 52%,#0a2034 100%)!important;
 background-attachment:fixed!important;color:var(--moi-text)!important;
}
#app-shell>main{padding:30px clamp(22px,3.2vw,64px) 160px!important;max-width:1920px!important;margin:0 auto!important}
#app-shell .topbar{
 position:relative;display:flex;align-items:center;min-height:94px;margin:0 0 28px!important;padding:0 0 22px!important;
 border-bottom:1px solid rgba(156,195,224,.16);gap:24px;
}
#app-shell .topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:112px;height:2px;background:linear-gradient(90deg,var(--moi-cyan),transparent)}
#app-shell .topbar .eyebrow{color:#78c9ec!important;font-size:9px!important;letter-spacing:2px!important;font-weight:900}
#app-shell .topbar h1{color:#f2f8ff!important;font-size:clamp(27px,2.1vw,38px)!important;letter-spacing:-1.3px!important;font-weight:850!important;margin-top:8px!important}
#app-shell .session-timer,#app-shell .date-chip{background:rgba(19,43,66,.78)!important;border:1px solid var(--moi-border)!important;color:#dceafa!important;border-radius:15px!important;box-shadow:0 8px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)}
#app-shell .session-timer small{color:#86a6c0!important}#app-shell .session-timer strong{color:#f4f9ff!important}#app-shell .date-chip{color:#b7cce0!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 36px!important}
#app-shell .stat-card{
 position:relative;overflow:hidden;min-height:116px!important;padding:22px 24px!important;gap:17px!important;
 background:linear-gradient(145deg,rgba(20,48,73,.94),rgba(13,34,54,.96))!important;
 border:1px solid rgba(139,186,221,.19)!important;border-radius:20px!important;
 box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
#app-shell .stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-44px;top:-65px;background:rgba(47,157,224,.08);filter:blur(2px)}
#app-shell .stat-card:hover{transform:translateY(-3px);border-color:rgba(78,183,235,.42)!important;box-shadow:0 20px 42px rgba(0,0,0,.22)!important}
#app-shell .stat-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:17px!important;font-size:22px!important;background:rgba(26,137,224,.15)!important;color:#64c8f4!important;border:1px solid rgba(87,184,239,.17)}
#app-shell .stat-icon.amber{background:rgba(226,182,77,.13)!important;color:#f0c86d!important}
#app-shell .stat-icon.violet{background:rgba(162,130,255,.14)!important;color:#b7a0ff!important}
#app-shell .stat-icon.green{background:rgba(45,198,147,.13)!important;color:#5de0b3!important}
#app-shell .stat-card span{font-size:11px!important;color:#9db5ca!important;letter-spacing:.15px}
#app-shell .stat-card strong{font-size:34px!important;line-height:1!important;color:#f3f8ff!important;letter-spacing:-1px!important;margin-top:8px!important}
#app-shell .section-heading,#app-shell .page-intro{margin:34px 0 18px!important;align-items:flex-end!important}
#app-shell .section-heading h2,#app-shell .page-intro h2{font-size:clamp(21px,1.7vw,29px)!important;color:#f1f7fd!important;letter-spacing:-.7px!important}
#app-shell .section-heading p,#app-shell .page-intro p{font-size:12px!important;color:#8fa9bf!important;margin-top:7px!important}
#app-shell .section-heading .secondary,#app-shell .page-intro .secondary{background:rgba(26,57,83,.82)!important;color:#d6e9f8!important;border:1px solid rgba(146,187,217,.22)!important;border-radius:12px!important}
#app-shell .vehicle-status-tabs{display:flex!important;gap:7px!important;padding:8px!important;margin:0 0 22px!important;background:rgba(14,34,54,.76)!important;border:1px solid rgba(146,187,217,.17)!important;border-radius:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
#app-shell .vehicle-status-tabs .vehicle-filter{padding:12px 18px!important;border-radius:11px!important;color:#a9bfd2!important;font-size:11px!important;font-weight:800!important;transition:all .18s ease}
#app-shell .vehicle-status-tabs .vehicle-filter.active{background:linear-gradient(135deg,#1688f8,#0870d8)!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,111,224,.28)!important}
/* Grade deliberadamente ampla: três veículos por linha no desktop. */
html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:18px 0 34px!important;align-items:stretch!important;
}
html body #app-shell main .cards article.fleet-card{
 display:flex!important;flex-direction:column!important;min-width:0!important;padding:15px!important;overflow:hidden!important;
 background:linear-gradient(155deg,rgba(20,45,68,.98),rgba(12,31,50,.99))!important;
 border:1px solid rgba(146,188,218,.18)!important;border-radius:22px!important;
 box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body #app-shell main .cards article.fleet-card:hover{transform:translateY(-5px)!important;border-color:rgba(71,183,239,.42)!important;box-shadow:0 23px 48px rgba(0,0,0,.28)!important}
#app-shell .fleet-card-image-wrap{
 position:relative!important;height:218px!important;min-height:218px!important;margin:-1px -1px 15px!important;overflow:hidden!important;border-radius:16px!important;
 background:radial-gradient(ellipse at 50% 70%,rgba(54,133,183,.18),transparent 65%),linear-gradient(145deg,#193a56,#102a43 72%,#0e243a)!important;
}
#app-shell .fleet-card-image-wrap:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(7,20,34,.28));pointer-events:none}
#app-shell .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:12px!important;filter:drop-shadow(0 13px 12px rgba(0,0,0,.25))!important;transition:transform .35s ease!important}
#app-shell .fleet-card:hover .fleet-card-image{transform:scale(1.045)!important}
#app-shell .fleet-card-image-wrap .status{position:absolute!important;z-index:2!important;top:12px!important;left:12px!important;padding:8px 12px!important;border-radius:999px!important;font-size:10px!important;font-weight:850!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.13)!important}
#app-shell .fleet-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
html body #app-shell main .cards article.fleet-card h3{font-size:18px!important;line-height:1.25!important;color:#f1f7ff!important;letter-spacing:-.35px!important;margin:0 0 5px!important}
#app-shell .cards article.fleet-card .fleet-plate{font-size:11px!important;color:#76bce6!important;font-weight:800!important;letter-spacing:.7px!important;margin:0 0 15px!important}
#app-shell .fleet-card-details{display:grid!important;gap:8px!important;margin:0 0 15px!important}
#app-shell .fleet-detail{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(5,20,35,.38)!important;border:1px solid rgba(140,181,211,.11)!important}
#app-shell .fleet-detail span{font-size:10px!important;color:#89a5bc!important;white-space:nowrap!important}
#app-shell .fleet-detail strong{font-size:10px!important;color:#e0edf8!important;text-align:right!important;font-weight:800!important}
#app-shell .fleet-card-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important}
#app-shell .fleet-secondary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body #app-shell main .cards article.fleet-card button{min-height:39px!important;margin:0!important;padding:10px 11px!important;border-radius:11px!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;background:rgba(28,59,85,.85)!important;color:#c4d9e9!important;border:1px solid rgba(137,181,211,.18)!important;transition:all .18s ease!important}
html body #app-shell main .cards article.fleet-card button:hover{background:rgba(39,83,117,.95)!important;border-color:rgba(83,181,232,.45)!important;color:#fff!important}
html body #app-shell main .cards article.fleet-card button.fleet-primary-action{min-height:48px!important;background:linear-gradient(120deg,#1688f8,#086bd0)!important;color:#fff!important;border:1px solid rgba(114,195,255,.5)!important;box-shadow:0 9px 22px rgba(0,105,218,.23)!important;font-size:12px!important;letter-spacing:.1px!important}
html body #app-shell main .cards article.fleet-card button.danger-button{background:rgba(126,39,48,.22)!important;color:#ff9b9b!important;border-color:rgba(239,112,112,.25)!important}
/* Tabelas, formulários e janelas seguem a mesma linguagem visual. */
#app-shell .table-wrap,#app-shell .panel,#app-shell .form-card,#app-shell .modal-card,#app-shell .settings-system-info,#app-shell .reservation-form,#app-shell .reservation-list-panel{
 background:rgba(15,37,58,.94)!important;border:1px solid rgba(146,188,218,.17)!important;border-radius:20px!important;box-shadow:0 16px 38px rgba(0,0,0,.16)!important;color:#eaf4fc!important;
}
#app-shell input,#app-shell select,#app-shell textarea{background:rgba(5,20,35,.55)!important;color:#edf6ff!important;border:1px solid rgba(145,184,211,.24)!important;border-radius:11px!important}
#app-shell label{color:#b4c9da!important}
#app-shell .table-wrap th{color:#8fb1cb!important;background:rgba(5,20,35,.4)!important}
#app-shell .table-wrap td{color:#dceaf5!important;border-color:rgba(146,188,218,.11)!important}
/* Dock Liquid Glass mais presente e integrado à interface. */
#app-shell>main>.liquid-glass-nav{
 width:min(1500px,calc(100vw - 72px))!important;max-width:1500px!important;min-height:82px!important;
 padding:12px 18px!important;gap:18px!important;border-radius:26px!important;
 background:linear-gradient(120deg,rgba(22,49,74,.86),rgba(11,30,49,.82))!important;
 border:1px solid rgba(160,206,236,.27)!important;
 box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13)!important;
 backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;
}
#app-shell>main>.liquid-glass-nav .glass-brand>span{color:#f1f8ff!important;font-size:13px!important;font-weight:900!important}
#app-shell>main>.liquid-glass-nav .glass-brand>span small{color:#88a9c2!important;font-size:8px!important}
#app-shell>main>.liquid-glass-nav .glass-links button{color:#b8cde0!important;min-width:68px!important;padding:10px 11px!important;border-radius:15px!important}
#app-shell>main>.liquid-glass-nav .glass-links button span{font-size:19px!important;color:#8fc9ed!important}
#app-shell>main>.liquid-glass-nav .glass-links button b{font-size:9px!important;font-weight:850!important}
#app-shell>main>.liquid-glass-nav .glass-links button.active{background:linear-gradient(145deg,rgba(36,143,224,.32),rgba(26,105,173,.22))!important;border:1px solid rgba(94,190,244,.34)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 18px rgba(0,0,0,.12)!important}
#app-shell>main>.liquid-glass-nav .glass-links .nav-record-button{background:linear-gradient(120deg,#1688f8,#0870d8)!important;color:white!important;border:1px solid rgba(130,205,255,.5)!important;box-shadow:0 8px 20px rgba(0,105,218,.25)!important}
#app-shell>main>.liquid-glass-nav .glass-user{color:#dceafa!important}
#app-shell>main>.liquid-glass-nav .glass-user button{background:rgba(255,255,255,.1)!important;color:#eaf6ff!important;border:1px solid rgba(255,255,255,.13)!important}
@media(max-width:1450px){
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 #app-shell .fleet-card-image-wrap{height:190px!important;min-height:190px!important}
 #app-shell>main>.liquid-glass-nav{gap:8px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:58px!important;padding:8px!important}
}
@media(max-width:1050px){
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell>main{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:760px){
 #app-shell>main{padding:16px 13px calc(124px + env(safe-area-inset-bottom))!important}
 #app-shell .topbar{min-height:72px!important;margin-bottom:20px!important}
 #app-shell .topbar h1{font-size:25px!important}
 #app-shell .stats{gap:9px!important;margin-bottom:23px!important}
 #app-shell .stat-card{min-height:82px!important;padding:13px!important;gap:10px!important;border-radius:15px!important}
 #app-shell .stat-icon{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}
 #app-shell .stat-card span{font-size:9px!important;white-space:normal!important}
 #app-shell .stat-card strong{font-size:25px!important}
 #app-shell .section-heading,#app-shell .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin:25px 0 15px!important}
 #app-shell .vehicle-status-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}
 #app-shell .vehicle-status-tabs .vehicle-filter{white-space:nowrap!important;padding:10px 13px!important}
 html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:1fr!important;gap:14px!important}
 #app-shell .fleet-card-image-wrap{height:205px!important;min-height:205px!important}
 #app-shell>main>.liquid-glass-nav{width:auto!important;max-width:none!important;min-height:64px!important;padding:7px 6px!important;gap:2px!important;border-radius:21px!important}
 #app-shell>main>.liquid-glass-nav .glass-brand{display:none!important}
 #app-shell>main>.liquid-glass-nav .glass-links{justify-content:flex-start!important}
 #app-shell>main>.liquid-glass-nav .glass-links button{min-width:48px!important;padding:7px 5px!important}
 #app-shell>main>.liquid-glass-nav .glass-links button b{font-size:8px!important}
}
/* Temas de alto contraste continuam legíveis; tema claro mantém opção própria. */
html[data-theme="light"] body,html[data-theme="glass-light"] body{background:linear-gradient(145deg,#edf4fa,#e6eff7)!important;color:#19334a!important}
html[data-theme="light"] #app-shell .topbar h1,html[data-theme="glass-light"] #app-shell .topbar h1,
html[data-theme="light"] #app-shell .section-heading h2,html[data-theme="glass-light"] #app-shell .section-heading h2,
html[data-theme="light"] #app-shell .page-intro h2,html[data-theme="glass-light"] #app-shell .page-intro h2{color:#17344e!important}
html[data-theme="light"] #app-shell .stat-card,html[data-theme="glass-light"] #app-shell .stat-card,
html[data-theme="light"] #app-shell main .cards article.fleet-card,html[data-theme="glass-light"] #app-shell main .cards article.fleet-card{background:linear-gradient(145deg,#fff,#f4f8fc)!important;border-color:#d6e3ed!important}
html[data-theme="light"] #app-shell .stat-card strong,html[data-theme="glass-light"] #app-shell .stat-card strong,
html[data-theme="light"] #app-shell main .cards article.fleet-card h3,html[data-theme="glass-light"] #app-shell main .cards article.fleet-card h3{color:#17344e!important}
html[data-theme="light"] #app-shell .fleet-detail,html[data-theme="glass-light"] #app-shell .fleet-detail{background:#edf3f8!important;border-color:#dce7ef!important}
html[data-theme="light"] #app-shell .fleet-detail span,html[data-theme="glass-light"] #app-shell .fleet-detail span{color:#71879b!important}
html[data-theme="light"] #app-shell .fleet-detail strong,html[data-theme="glass-light"] #app-shell .fleet-detail strong{color:#284963!important}
html[data-theme="light"] #app-shell>main>.liquid-glass-nav,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav{background:rgba(255,255,255,.84)!important;border-color:#fff!important}
html[data-theme="light"] #app-shell>main>.liquid-glass-nav .glass-brand>span,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-brand>span,
html[data-theme="light"] #app-shell>main>.liquid-glass-nav .glass-links button,html[data-theme="glass-light"] #app-shell>main>.liquid-glass-nav .glass-links button{color:#284963!important}


/* MOI.AI 2.1 — ajuste fino de margens e alinhamento */
html,body{width:100%;min-width:320px;margin:0!important;overflow-x:hidden!important}
#app-shell{width:100%!important;max-width:none!important;margin:0 auto!important}
#app-shell>main{box-sizing:border-box!important;width:100%!important;max-width:1680px!important;margin:0 auto!important;padding:30px clamp(24px,2.6vw,46px) 154px!important}
#app-shell .topbar{width:100%!important;margin:0 0 30px!important;padding:0 0 22px!important}
#app-shell .stats{width:100%!important;margin:0 0 32px!important;gap:18px!important}
#app-shell .section-heading,#app-shell .page-intro{width:100%!important;margin:30px 0 17px!important}
#app-shell .vehicle-status-tabs{width:100%!important;box-sizing:border-box!important;margin:0 0 22px!important}
html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{width:100%!important;box-sizing:border-box!important;margin:0 0 34px!important;gap:20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #app-shell main .cards article.fleet-card{min-width:0!important;box-sizing:border-box!important}
#app-shell .table-wrap,#app-shell .panel,#app-shell .form-card{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important}
#app-shell>main>.liquid-glass-nav{left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important;width:min(1120px,calc(100% - 64px))!important;max-width:1120px!important;box-sizing:border-box!important}
@media(min-width:1681px){#app-shell>main{max-width:1760px!important}}
@media(max-width:1100px){#app-shell>main{padding:24px 26px 142px!important}html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}#app-shell>main>.liquid-glass-nav{width:calc(100% - 40px)!important}}
@media(max-width:680px){#app-shell>main{padding:18px 15px calc(124px + env(safe-area-inset-bottom))!important}#app-shell .topbar{margin-bottom:22px!important}#app-shell .stats{gap:10px!important;margin-bottom:24px!important}#app-shell .section-heading,#app-shell .page-intro{margin:24px 0 14px!important}html body #app-shell main .cards,html body #app-shell main #vehicle-cards.cards,html body #app-shell main #vehicle-list.cards{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}#app-shell>main>.liquid-glass-nav{width:calc(100% - 22px)!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}}

/* MOI.AI 2.2 — temas unificados: cores consistentes em todo o sistema */
html[data-theme="dark"]{color-scheme:dark;--theme-bg:#091725;--theme-surface:#122638;--theme-surface-2:#193247;--theme-text:#edf5fc;--theme-muted:#a9bfd1;--theme-border:#2b455b;--theme-input:#0d2030;--theme-nav:rgba(12,32,50,.94);--theme-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme="light"]{color-scheme:light;--theme-bg:#edf3f8;--theme-surface:#fff;--theme-surface-2:#f5f8fb;--theme-text:#18364d;--theme-muted:#5d7487;--theme-border:#d2dee8;--theme-input:#fff;--theme-nav:rgba(255,255,255,.94);--theme-shadow:0 10px 28px rgba(25,57,80,.09)}
html[data-theme="contrast"]{color-scheme:dark;--theme-bg:#000;--theme-surface:#000;--theme-surface-2:#080808;--theme-text:#fff;--theme-muted:#fff;--theme-border:#fff;--theme-input:#000;--theme-nav:#000;--theme-shadow:none}
html[data-theme="glass"]{color-scheme:dark;--theme-bg:#0a1830;--theme-surface:rgba(255,255,255,.105);--theme-surface-2:rgba(255,255,255,.16);--theme-text:#f3f8ff;--theme-muted:#c4d4e5;--theme-border:rgba(255,255,255,.27);--theme-input:rgba(255,255,255,.10);--theme-nav:rgba(18,39,65,.68);--theme-shadow:0 18px 44px rgba(2,12,28,.28)}
html[data-theme="glass-light"]{color-scheme:light;--theme-bg:#eaf1f7;--theme-surface:rgba(255,255,255,.68);--theme-surface-2:rgba(255,255,255,.82);--theme-text:#18364d;--theme-muted:#5d7487;--theme-border:rgba(255,255,255,.88);--theme-input:rgba(255,255,255,.78);--theme-nav:rgba(255,255,255,.76);--theme-shadow:0 16px 38px rgba(32,68,94,.13)}
html[data-theme] body,html[data-theme] #app-shell{background:var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme] #app-shell main,html[data-theme] #app-shell .view,html[data-theme] #app-shell .page-intro,html[data-theme] #app-shell .section-heading{color:var(--theme-text)!important}
html[data-theme] #app-shell :is(h1,h2,h3,h4,strong,label,dt,.stat-card strong,.fleet-detail strong){color:var(--theme-text)!important}
html[data-theme] #app-shell :is(p,small,.eyebrow,.muted,.subtitle,.fleet-detail span,dd){color:var(--theme-muted)!important}
html[data-theme] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.modal-card,.docs-form,.docs-list-panel,.reservation-form,.reservation-list-panel,.reservation-card,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,.access-block-card,.session-timer,.date-chip,.vehicle-status-tabs,.dashboard-status-tabs,dialog,.appearance-dialog){background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] #app-shell :is(input,select,textarea){background:var(--theme-input)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;color-scheme:inherit}
html[data-theme] #app-shell :is(input,textarea)::placeholder{color:var(--theme-muted)!important;opacity:.85}
html[data-theme] #app-shell option{background:var(--theme-surface);color:var(--theme-text)}
html[data-theme] #app-shell table,html[data-theme] #app-shell tbody{background:transparent!important;color:var(--theme-text)!important}
html[data-theme] #app-shell th{background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme] #app-shell td{background:transparent!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme] #app-shell tr:hover td{background:var(--theme-surface-2)!important}
html[data-theme] #app-shell :is(.liquid-glass-nav,.mobile-tabbar){background:var(--theme-nav)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] #app-shell :is(.liquid-glass-nav .glass-links button,.liquid-glass-nav .glass-brand,.liquid-glass-nav .glass-user,.mobile-tabbar button){color:var(--theme-text)!important}
html[data-theme] #app-shell :is(.fleet-detail,.filter-chip,.table-toolbar,.recipient-box){background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell,html[data-theme="contrast"] #app-shell main{background:#000!important;color:#fff!important}
html[data-theme="contrast"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,dialog,.form-card,.settings-system-info,.liquid-glass-nav,.mobile-tabbar,.session-timer,.date-chip){background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="contrast"] #app-shell :is(h1,h2,h3,h4,p,small,strong,label,span,td,th,dt,dd){color:#fff!important}
html[data-theme="contrast"] #app-shell :is(button.primary,.primary){background:#ff0!important;color:#000!important;border:2px solid #ff0!important}
html[data-theme="glass"] body,html[data-theme="glass"] #app-shell{background:radial-gradient(ellipse at 12% 8%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(120,90,220,.28),transparent 42%),linear-gradient(145deg,#08162d,#102b49 55%,#0b1c34) fixed!important}
html[data-theme="glass"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,dialog,.session-timer,.date-chip,.vehicle-status-tabs){background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.065))!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important}
html[data-theme="glass"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(255,255,255,.10)!important;color:#f3f8ff!important;border-color:rgba(255,255,255,.24)!important}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{background:radial-gradient(ellipse at 12% 8%,color-mix(in srgb,var(--accent) 18%,white),transparent 44%),radial-gradient(ellipse at 88% 15%,rgba(120,160,210,.18),transparent 42%),linear-gradient(145deg,#f8fbfe,#e6eff6 58%,#f9fbfd) fixed!important}
html[data-theme="glass-light"] #app-shell :is(.sidebar,.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,dialog,.session-timer,.date-chip,.vehicle-status-tabs,.liquid-glass-nav,.mobile-tabbar){background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48))!important;border:1px solid rgba(255,255,255,.92)!important;color:#18364d!important;box-shadow:0 16px 38px rgba(32,68,94,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important}
html[data-theme="glass-light"] #app-shell :is(h1,h2,h3,h4,strong,label,td,th,dt,dd,.glass-brand,.glass-user,.glass-links button){color:#18364d!important}
html[data-theme="glass-light"] #app-shell :is(p,small,.eyebrow,.muted,.subtitle,.fleet-detail span){color:#5d7487!important}
html[data-theme="glass-light"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(255,255,255,.78)!important;color:#18364d!important;border-color:rgba(145,170,190,.48)!important}
html[data-theme="glass-light"] #app-shell th{background:rgba(236,244,250,.86)!important;color:#18364d!important}
html[data-theme="glass-light"] #app-shell td{background:transparent!important;color:#18364d!important}
html[data-theme="glass-light"] #app-shell .liquid-glass-nav .glass-links button.active{background:color-mix(in srgb,var(--accent) 18%,white)!important;color:#18364d!important}


/* SIGA 3.1 | identidade visual consolidada */
:root{--siga-navy:#071a2b;--siga-deep:#0b2439;--siga-blue:#087db8;--siga-cyan:#25c5ed;--siga-ink:#eaf4fb;--siga-muted:#9bb2c5;--siga-edge:rgba(133,190,222,.20)}
html[data-theme="dark"] body,html[data-theme="dark"] #app-shell{background:radial-gradient(ellipse at 15% -5%,rgba(18,105,153,.28),transparent 38%),radial-gradient(ellipse at 90% 12%,rgba(18,74,120,.20),transparent 34%),linear-gradient(145deg,#071522 0%,#0a2033 52%,#0b1a2a 100%) fixed!important;color:#eaf4fb!important}
html[data-theme="dark"] #app-shell main{color:#eaf4fb!important}
html[data-theme="dark"] #app-shell .topbar h1,html[data-theme="dark"] #app-shell :is(.page-intro h2,.section-heading h2,.section-heading h3,.cards h3,.agenda-summary h3){color:#f2f8fd!important}
html[data-theme="dark"] #app-shell :is(.eyebrow,.page-intro p,.section-heading p,.cards p,.stat-card span,.session-timer small){color:#9db5c8!important}
html[data-theme="dark"] #app-shell :is(.stat-card,.cards article,.table-wrap,.panel,.settings-system-info,.form-card,.docs-form,.docs-list-panel,.reservation-card,.reservation-form,.reservation-list-panel,.agenda-summary,.agenda-table-panel,.notice-card,.notice-form,.maintenance-admin-panel,.vehicle-document-card,.session-timer,.date-chip,.vehicle-status-tabs,.table-toolbar input,.search-wide){background:linear-gradient(145deg,rgba(20,48,70,.92),rgba(12,34,52,.94))!important;border:1px solid var(--siga-edge)!important;color:#eaf4fb!important;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important}
html[data-theme="dark"] #app-shell .welcome-panel{background:linear-gradient(115deg,#103b5b,#075d87 62%,#087eaa)!important;border:1px solid rgba(93,202,239,.26)!important;box-shadow:0 22px 48px rgba(0,0,0,.24)!important}
html[data-theme="dark"] #app-shell .table-wrap{overflow:auto;border-radius:17px!important}
html[data-theme="dark"] #app-shell th{background:rgba(31,67,91,.92)!important;color:#c5d9e8!important;border-color:rgba(133,190,222,.17)!important}
html[data-theme="dark"] #app-shell td{background:transparent!important;color:#dceaf4!important;border-color:rgba(133,190,222,.14)!important}
html[data-theme="dark"] #app-shell tr:hover td{background:rgba(47,119,157,.13)!important}
html[data-theme="dark"] #app-shell :is(input,select,textarea,.fleet-detail){background:rgba(5,23,37,.76)!important;color:#eaf4fb!important;border:1px solid rgba(133,190,222,.25)!important}
html[data-theme="dark"] #app-shell input::placeholder{color:#7894aa!important}
html[data-theme="dark"] #app-shell .liquid-glass-nav{background:linear-gradient(120deg,rgba(17,43,64,.94),rgba(12,31,49,.94))!important;border:1px solid rgba(117,190,225,.30)!important;box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(26px) saturate(160%)!important}
html[data-theme="dark"] #app-shell .glass-links button{color:#c5d9e8!important;border-radius:13px!important}
html[data-theme="dark"] #app-shell .glass-links button.active{background:linear-gradient(135deg,rgba(17,126,181,.34),rgba(27,78,112,.55))!important;border:1px solid rgba(72,190,236,.38)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.16)!important}
html[data-theme="dark"] #app-shell .glass-links button:hover{background:rgba(63,145,184,.18)!important}
html[data-theme="dark"] #app-shell .glass-brand,html[data-theme="dark"] #app-shell .glass-user{color:#f1f8fd!important}
html[data-theme="dark"] #app-shell .glass-brand small{color:#8fb6ce!important}
html[data-theme="dark"] #app-shell .date-chip{color:#d5e8f4!important}
html[data-theme="dark"] #app-shell .stat-card{border-radius:19px!important;min-height:104px}
html[data-theme="dark"] #app-shell .stat-icon.blue{background:rgba(28,139,193,.18)!important;color:#64d5ff!important}
html[data-theme="dark"] #app-shell .stat-icon.green{background:rgba(38,164,117,.18)!important;color:#6de0b1!important}
html[data-theme="dark"] #app-shell .stat-icon.amber{background:rgba(202,143,43,.18)!important;color:#ffd17a!important}
html[data-theme="dark"] #app-shell .stat-icon.violet{background:rgba(135,111,220,.18)!important;color:#c4b4ff!important}
html[data-theme="dark"] #app-shell button.secondary,html[data-theme="dark"] #app-shell td button,html[data-theme="dark"] #app-shell .cards article button{background:rgba(36,82,111,.56)!important;color:#d9effb!important;border:1px solid rgba(126,191,221,.22)!important}
html[data-theme="dark"] #app-shell button.primary,html[data-theme="dark"] #app-shell .primary{background:linear-gradient(135deg,#087fb9,#0b9bd0)!important;color:#fff!important;border:1px solid rgba(108,218,255,.36)!important;box-shadow:0 8px 22px rgba(0,119,177,.25)!important}
html[data-theme="dark"] #app-shell .status{background:rgba(32,154,112,.18)!important;color:#82e4b9!important}
html[data-theme="dark"] #app-shell .status.busy{background:rgba(197,139,40,.18)!important;color:#ffd17a!important}
html[data-theme="dark"] #app-shell .sidebar{background:linear-gradient(180deg,rgba(8,27,43,.98),rgba(10,37,57,.96))!important;border-right:1px solid rgba(119,183,214,.17)!important}
html[data-theme="dark"] #app-shell .sidebar-brand strong{color:#f2f8fd!important}
html[data-theme="dark"] #app-shell .sidebar-brand small{color:#91b0c5!important}
/* A marca usa a arte original sem filtros que apaguem o contraste. */
#app-shell .glass-brand-logo,#app-shell .showcase-logo,#app-shell .mobile-brand img,#app-shell .logo-mark img,.login-showcase .showcase-logo{filter:none!important;object-fit:contain!important}
#app-shell .glass-brand-logo{width:46px!important;height:46px!important;border-radius:11px!important;box-shadow:0 4px 16px rgba(0,0,0,.22)}
#app-shell .logo-mark{background:transparent!important;border:0!important;box-shadow:none!important}
#app-shell .sidebar-brand .logo-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
#app-shell .liquid-glass-nav{min-height:82px!important;padding:10px 18px!important;border-radius:23px!important}
#app-shell .glass-brand{gap:11px!important;min-width:205px}
#app-shell .glass-brand>span{font-size:18px!important;font-weight:850!important;letter-spacing:.2px}
#app-shell .glass-brand small{display:block;font-size:7px!important;letter-spacing:.55px!important;margin-top:3px;white-space:nowrap}
#app-shell .glass-links{gap:4px!important}
#app-shell .glass-links button{min-width:66px!important;padding:10px 9px!important;gap:5px!important}
#app-shell .glass-links button span{font-size:17px!important}
#app-shell .glass-links button b{font-size:9px!important;white-space:nowrap}
#app-shell .glass-user{font-size:10px!important;white-space:nowrap}
#app-shell .topbar{padding:9px 2px 22px!important;border-bottom:1px solid rgba(125,180,208,.13);margin-bottom:24px}
#app-shell .topbar h1{font-size:30px!important;letter-spacing:-.8px!important}
#app-shell .page-intro h2{font-size:27px!important;letter-spacing:-.55px!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{font-size:18px!important}
#app-shell .cards article,#app-shell .stat-card{transition:transform .22s ease,box-shadow .22s ease!important}
#app-shell .cards article:hover,#app-shell .stat-card:hover{transform:translateY(-3px)!important}
.login-screen{background:#071a2b!important}
.login-showcase{background:radial-gradient(ellipse at 75% 12%,rgba(0,167,220,.30),transparent 38%),linear-gradient(145deg,#071a2b,#0b3453 60%,#075b83)!important}
.login-showcase .showcase-logo{width:min(560px,88%);height:auto;max-height:170px;object-fit:contain;object-position:left center;border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.login-showcase .showcase-tag{border:1px solid rgba(130,205,237,.28);background:rgba(7,29,46,.40);padding:9px 12px;border-radius:30px;color:#c4e5f4!important}
.login-side{background:radial-gradient(ellipse at 50% 15%,#e5f4fb,#f6f9fc 60%)!important}
.login-card{padding:34px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(12,43,65,.12)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important}
@media(max-width:1100px){#app-shell .liquid-glass-nav{min-height:72px!important;padding:8px 10px!important}#app-shell .glass-brand{min-width:130px}#app-shell .glass-brand small{display:none!important}#app-shell .glass-links button{min-width:54px!important;padding:8px 6px!important}}
@media(max-width:760px){#app-shell .liquid-glass-nav{min-height:64px!important;padding:7px!important;border-radius:18px!important}#app-shell .glass-brand{min-width:auto!important}#app-shell .glass-brand>span{font-size:14px!important}#app-shell .glass-brand-logo{width:36px!important;height:36px!important}#app-shell .glass-links{max-width:calc(100vw - 150px);overflow-x:auto}#app-shell .glass-links button{min-width:50px!important}#app-shell .glass-links button b{font-size:8px!important}#app-shell .glass-user{display:none!important}.login-card{padding:25px!important}}


/* SIGA 3.3 — Liquid Glass real: vidro translúcido, reflexos e profundidade */
:root{
  color-scheme:dark;
  --siga-glass:rgba(18,31,49,.42);
  --siga-glass-strong:rgba(19,34,54,.62);
  --siga-glass-border:rgba(224,242,255,.24);
  --siga-glass-highlight:rgba(255,255,255,.38);
  --siga-glass-shadow:0 18px 55px rgba(0,8,22,.28),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.045);
  --siga-cyan:#72ddff;
}
html,body{
  background:#071426!important;
  color:#edf6ff!important;
}
body{
  background:
    radial-gradient(ellipse at 12% 8%,rgba(0,177,205,.22),transparent 35%),
    radial-gradient(ellipse at 88% 14%,rgba(81,105,210,.25),transparent 36%),
    radial-gradient(ellipse at 52% 100%,rgba(13,91,142,.24),transparent 42%),
    linear-gradient(135deg,#071522 0%,#0b1c32 48%,#111d3b 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 20% 28%,rgba(255,255,255,.055) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 62%,rgba(255,255,255,.04) 0 1px,transparent 2px);
  background-size:31px 31px,43px 43px;opacity:.24;
}
#app-shell,main{background:transparent!important;color:#edf6ff!important}
.topbar h1,.page-intro h2,.section-heading h2,.welcome-panel h2,
.settings-info-heading h3{color:#f4f9ff!important}
.eyebrow,.topbar .eyebrow{color:#a9c5dc!important}
p,.page-intro p,.section-heading p,.stat-card span,.cards p{color:#bfd0e1!important}

/* Barra de navegação: vidro fumê com reflexo superior e borda refratada */
.liquid-glass-nav{
  position:sticky!important;top:12px!important;isolation:isolate;
  background:linear-gradient(112deg,rgba(222,243,255,.16),rgba(128,174,215,.075) 42%,rgba(94,137,199,.12))!important;
  border:1px solid rgba(225,244,255,.32)!important;
  border-radius:25px!important;
  box-shadow:0 22px 65px rgba(0,7,20,.34),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(115,190,232,.07)!important;
  backdrop-filter:blur(34px) saturate(190%) brightness(1.12)!important;
  -webkit-backdrop-filter:blur(34px) saturate(190%) brightness(1.12)!important;
}
.liquid-glass-nav:before{
  content:""!important;position:absolute;inset:1px!important;border-radius:inherit!important;
  background:linear-gradient(118deg,rgba(255,255,255,.20),transparent 23%,transparent 68%,rgba(141,195,255,.10))!important;
  border-top:1px solid rgba(255,255,255,.26);pointer-events:none;z-index:-1;
}
.liquid-glass-nav:after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  opacity:.7;pointer-events:none;
}
.glass-brand,.glass-brand>span,.glass-brand small{color:#f2f8ff!important}
.glass-brand-logo{filter:drop-shadow(0 3px 8px rgba(0,0,0,.38))!important}
.glass-links button{
  color:rgba(231,243,255,.82)!important;text-shadow:0 1px 4px rgba(0,0,0,.2);
  background:transparent!important;border:1px solid transparent!important;
  border-radius:14px!important;transition:all .22s ease!important;
}
.glass-links button:hover{
  background:rgba(255,255,255,.105)!important;border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 18px rgba(0,0,0,.12)!important;
}
.glass-links button.active{
  color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.16)!important;
}
.glass-user{color:#dceafa!important;border-left-color:rgba(255,255,255,.2)!important}
.glass-user button{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}

/* Superfícies: transparência real, desfoque do fundo e borda de vidro */
.stat-card,.cards article,.table-wrap,.settings-system-info,.form-card,
.modal-card,.session-timer,.date-chip,.maintenance-alert,#driver-track-status,
.welcome-panel,.view .panel,.view .card{
  background:linear-gradient(135deg,rgba(225,241,255,.115),rgba(143,181,222,.045) 52%,rgba(255,255,255,.075))!important;
  border:1px solid var(--siga-glass-border)!important;
  border-radius:20px!important;
  box-shadow:var(--siga-glass-shadow)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
  color:#f1f7ff!important;
}
.stat-card,.cards article{position:relative;overflow:hidden}
.stat-card:before,.cards article:before{
  content:"";position:absolute;inset:0 0 auto;height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,.085),transparent);
  pointer-events:none;
}
.stat-card strong,.cards h3,.settings-system-info dd,td{color:#f3f8ff!important}
.stat-icon{background:rgba(208,233,255,.12)!important;color:#a8e5ff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.welcome-panel{
  background:linear-gradient(115deg,rgba(61,161,204,.18),rgba(81,111,185,.12))!important;
}
.welcome-panel:after{opacity:.5}
.table-wrap{overflow:auto}
table{background:transparent!important;color:#edf6ff!important}
table th,th{
  background:rgba(223,240,255,.105)!important;color:#dff2ff!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
}
table td,td{
  background:rgba(8,20,38,.13)!important;color:#e7f1fb!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
tr:hover td{background:rgba(160,211,255,.10)!important}
input,select,textarea,.search-wide,.table-toolbar input,
.login-card input,dialog input,dialog select{
  background:rgba(5,17,32,.34)!important;color:#f4f8ff!important;
  border:1px solid rgba(220,240,255,.22)!important;border-radius:13px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
input::placeholder,textarea::placeholder{color:#a8bdd1!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(111,213,255,.68)!important;
  box-shadow:0 0 0 3px rgba(66,181,230,.13),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
button.primary,.primary{
  background:linear-gradient(135deg,rgba(91,196,245,.92),rgba(45,128,207,.92))!important;
  color:#06182b!important;border:1px solid rgba(224,247,255,.55)!important;
  box-shadow:0 8px 24px rgba(26,132,207,.24),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
button.secondary,.secondary{
  background:rgba(223,239,255,.105)!important;color:#eaf5ff!important;
  border:1px solid rgba(220,240,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.status{background:rgba(74,197,151,.17)!important;color:#a8f1d0!important;border:1px solid rgba(125,236,194,.25)}
.busy{background:rgba(239,178,81,.16)!important;color:#ffdc9c!important;border-color:rgba(255,211,135,.25)}
.login-screen{background:transparent!important}
.login-showcase{background:linear-gradient(145deg,rgba(20,73,110,.68),rgba(9,29,53,.52))!important;backdrop-filter:blur(28px)!important}
.login-side{background:transparent!important}
.login-card{background:rgba(12,27,46,.48)!important;border:1px solid rgba(226,243,255,.22)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important}
.login-card h2,.login-card label{color:#f4f8ff!important}
.login-subtitle,.login-security,.login-footer{color:#b9cde0!important}
.maintenance-alert{background:linear-gradient(120deg,rgba(130,91,31,.20),rgba(19,31,48,.48))!important}
dialog{background:rgba(14,27,44,.82)!important;color:#f4f8ff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;backdrop-filter:blur(30px) saturate(160%)!important}
dialog::backdrop{background:rgba(3,9,19,.48)!important;backdrop-filter:blur(8px)!important}
@media(max-width:900px){
  .liquid-glass-nav{background:rgba(20,37,58,.60)!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important}
}
@media(prefers-reduced-transparency:reduce){
  .liquid-glass-nav,.stat-card,.cards article,.table-wrap,.login-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(17,31,49,.94)!important}
}


/* SIGA 3.5 — aviso obrigatório de manutenção */
.urgent-notice-overlay{
  position:fixed!important;inset:0!important;z-index:20000!important;
  display:grid!important;place-items:center!important;padding:24px!important;
  background:rgba(3,10,22,.72)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.urgent-notice-overlay.hidden{display:none!important}
.urgent-notice-modal{
  width:min(560px,calc(100vw - 36px))!important;padding:30px!important;
  border-radius:26px!important;
  color:#f3f8ff!important;
  background:linear-gradient(145deg,rgba(38,67,96,.91),rgba(11,27,47,.94))!important;
  border:1px solid rgba(221,242,255,.34)!important;
  border-top:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(34px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(175%)!important;
}
.urgent-notice-top{color:#9ce8ff!important;letter-spacing:1.4px!important}
.urgent-notice-top b{
  color:#fff!important;background:rgba(221,83,83,.85)!important;
  border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;
  padding:7px 12px!important;
}
.urgent-notice-modal h2{color:#fff!important;font-size:27px!important;margin:20px 0 12px!important}
.urgent-notice-modal p{color:#d8e8f7!important;font-size:15px!important;line-height:1.65!important}
.urgent-notice-modal small{color:#a9c3d9!important;display:block!important;margin:20px 0!important}
.urgent-notice-modal button{
  width:100%!important;border-radius:13px!important;padding:13px 18px!important;
  color:#07192c!important;background:linear-gradient(135deg,#9be9ff,#54b9ed)!important;
  border:1px solid rgba(255,255,255,.55)!important;font-weight:850!important;
  box-shadow:0 10px 28px rgba(45,166,226,.22),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body.maintenance-locked{overflow:hidden!important}

/* SIGA 3.6: camada de manutenção sempre acima do sistema */
#maintenance-notice-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid;place-items:center}
#maintenance-notice-overlay.hidden{display:none!important}
#maintenance-notice-overlay:not(.hidden){visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#maintenance-notice-overlay .urgent-notice-modal{position:relative;z-index:1;max-height:calc(100vh - 40px);overflow:auto}
#app-shell[inert]{pointer-events:none!important;user-select:none!important}
.access-block-screen:not(.hidden){position:fixed!important;inset:0!important;z-index:2147483001!important;display:grid!important;place-items:center!important;background:rgba(3,10,22,.88)!important;backdrop-filter:blur(18px)!important}

/* Autorização administrativa por NFC */
.admin-approval-dialog{width:min(440px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:26px;background:var(--panel,#151c28);color:var(--text,#f4f7fb);box-shadow:0 28px 90px rgba(0,0,0,.48)}
.admin-approval-dialog::backdrop{background:rgba(3,8,18,.72);backdrop-filter:blur(8px)}
.approval-head{display:flex;align-items:center;justify-content:space-between}
.approval-symbol{width:68px;height:68px;border-radius:22px;margin:22px auto 14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(79,157,235,.24),rgba(79,157,235,.06));border:1px solid rgba(125,184,245,.3)}
.approval-nfc{font-size:42px;color:var(--blue,#4c9be8)}
.admin-approval-dialog h2{text-align:center;margin:8px 0}
.admin-approval-dialog>p{text-align:center;color:var(--muted,#9aa9bb)}
.approval-scan{width:100%;margin:14px 0 4px;min-height:48px}
.approval-scan span{font-size:22px;margin-right:8px}
.approval-status,.approval-error{font-size:12px;min-height:18px}
.approval-or{display:flex;align-items:center;gap:12px;margin:15px 0;color:var(--muted,#9aa9bb);font-size:11px}
.approval-or:before,.approval-or:after{content:"";height:1px;flex:1;background:rgba(150,165,185,.25)}
.admin-approval-dialog label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.admin-approval-dialog input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(150,165,185,.3);background:rgba(120,140,165,.08);color:inherit;font:inherit}
.approval-error{color:#f87171!important}
.approval-footnote{display:block;text-align:center;color:var(--muted,#9aa9bb);font-size:11px;margin-top:14px;line-height:1.5}
.admin-approval-dialog .actions{display:flex;gap:10px;margin-top:16px}
.admin-approval-dialog .actions button{flex:1}


/* SIGA 4.3/4.4 - refinamento do tema claro */
html[data-theme="light"]{
  color-scheme:light;
  --navy:#173b55;--muted:#62788a;--line:#d5e0e9;--white:#ffffff;
  --text-main:#1b3347;--glass-bg:#ffffff;--glass-bg-strong:#ffffff;
  --glass-border:#d7e2eb;--glass-shadow:0 8px 24px rgba(27,55,78,.08);
}
html[data-theme="light"] body,
html[data-theme="light"] #app-shell,
html[data-theme="light"] main{
  background:#f1f5f9!important;color:#1b3347!important;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .liquid-glass-nav{
  background:#ffffff!important;color:#1b3347!important;
  border:1px solid #dce5ed!important;box-shadow:0 8px 24px rgba(28,55,77,.08)!important;
}
html[data-theme="light"] .sidebar :is(a,button,.user-info,strong),
html[data-theme="light"] .liquid-glass-nav .glass-links button:not(.nav-record-button){
  color:#29465c!important;
}
html[data-theme="light"] .page-intro h2,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] h1,html[data-theme="light"] h2,
html[data-theme="light"] h3,html[data-theme="light"] h4{
  color:#173b55!important;
}
html[data-theme="light"] p,
html[data-theme="light"] label,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .eyebrow{color:#5d7487!important}
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .cards article,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .form-card,
html[data-theme="light"] .reservation-form,
html[data-theme="light"] .reservation-list-panel,
html[data-theme="light"] .reservation-card,
html[data-theme="light"] .notice-card,
html[data-theme="light"] .notice-form,
html[data-theme="light"] .maintenance-admin-panel,
html[data-theme="light"] .recipient-box,
html[data-theme="light"] .agenda-table-panel,
html[data-theme="light"] .agenda-summary,
html[data-theme="light"] .settings-system-info,
html[data-theme="light"] .vehicle-document-card,
html[data-theme="light"] .docs-form,
html[data-theme="light"] .docs-list-panel{
  background:#ffffff!important;color:#20384c!important;
  border:1px solid #dbe5ed!important;box-shadow:0 5px 18px rgba(30,60,84,.055)!important;
}
html[data-theme="light"] th{background:#e8eff5!important;color:#29465c!important}
html[data-theme="light"] td{background:#ffffff!important;color:#29465c!important;border-color:#e3eaf0!important}
html[data-theme="light"] tr:nth-child(even) td{background:#f7f9fb!important}
html[data-theme="light"] tr:hover td{background:#edf5fa!important}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;color:#20384c!important;border:1px solid #cbd8e3!important;
  box-shadow:none!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8295a5!important}
html[data-theme="light"] button.secondary,
html[data-theme="light"] .secondary{
  background:#e8f0f6!important;color:#24445c!important;border:1px solid #cbdce8!important;
}
html[data-theme="light"] button.primary,
html[data-theme="light"] .primary,
html[data-theme="light"] .nav-record-button{
  background:#087dbb!important;color:#ffffff!important;border:1px solid #087dbb!important;
}
html[data-theme="light"] .session-timer,
html[data-theme="light"] .date-chip{background:#ffffff!important;color:#29465c!important;border:1px solid #dbe5ed!important}
html[data-theme="light"] .appearance-panel{background:#ffffff!important}
html[data-theme="light"] .status{filter:saturate(.9)}

.approval-mobile-address{padding:10px 12px;border:1px solid rgba(85,160,205,.28);border-radius:10px;background:rgba(30,90,125,.12);overflow-wrap:anywhere}
.approval-mobile-address strong{color:var(--accent,#4c9be8)}


/* SIGA 4.7 — janela de autorização reorganizada */
.admin-approval-dialog{
 width:min(500px,calc(100vw - 30px))!important;
 max-height:min(90vh,760px);overflow-y:auto;
 padding:24px!important;border-radius:22px!important;
 background:linear-gradient(155deg,#142d42 0%,#0b2032 100%)!important;
 border:1px solid rgba(105,174,215,.34)!important;
 box-shadow:0 30px 100px rgba(0,0,0,.58)!important
}
.admin-approval-dialog .approval-head{gap:12px}
.approval-kicker{font-size:10px;letter-spacing:.16em;color:#8caec4;font-weight:800;margin-top:5px}
.admin-approval-dialog .approval-symbol{width:58px;height:58px;margin:18px auto 10px;border-radius:18px}
.admin-approval-dialog h2{font-size:23px;letter-spacing:-.03em;margin:8px 0 6px}
.admin-approval-dialog .approval-description{font-size:13px;line-height:1.5;margin:0 auto 18px;max-width:390px}
.approval-methods{display:grid;gap:12px}
.approval-method{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(103,157,190,.26);border-radius:15px;background:rgba(34,75,103,.28)}
.approval-method-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(43,153,214,.16);color:#68c9f4;font-size:27px}
.approval-method-copy strong,.approval-method-copy small{display:block;text-align:left}
.approval-method-copy strong{font-size:14px;color:#eef7ff}
.approval-method-copy small{font-size:11px;line-height:1.4;color:#9db8ca;margin-top:4px}
.approval-method-button{border:1px solid rgba(77,174,224,.55);border-radius:10px;padding:10px 13px;background:linear-gradient(135deg,#168dcb,#0872b3);color:#fff;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}
.approval-divider{display:flex;align-items:center;gap:12px;color:#7899b0;font-size:10px;font-weight:800;letter-spacing:.14em}
.approval-divider:before,.approval-divider:after{content:"";height:1px;flex:1;background:rgba(130,170,198,.2)}
.approval-code-panel{padding:15px;border:1px solid rgba(103,157,190,.26);border-radius:15px;background:rgba(34,75,103,.18)}
.approval-code-panel label{display:block;font-size:13px;font-weight:800;margin-bottom:4px;color:#edf7ff}
.approval-code-panel p{font-size:11px;margin:0 0 10px;color:#9db8ca;text-align:left}
.approval-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.admin-approval-dialog .approval-code-row input{min-width:0;letter-spacing:.22em;font-weight:800;text-align:center;background:#081a29;border-color:#345a73}
.approval-code-hint{display:block;margin-top:9px;font-size:10px;line-height:1.4;color:#d6b779}
.admin-approval-dialog .approval-mobile-address{font-size:11px;text-align:center;margin:12px 0 6px}
.admin-approval-dialog .approval-status{padding:10px 12px;border-radius:10px;background:rgba(5,18,30,.45);border:1px solid rgba(100,150,180,.18);text-align:center;line-height:1.4}
.admin-approval-dialog .approval-error{text-align:center;line-height:1.4}
.admin-approval-dialog .actions{margin-top:12px}
.admin-approval-dialog .actions button{width:100%;min-height:42px}
@media(max-width:420px){
 .admin-approval-dialog{padding:18px!important}
 .approval-method{grid-template-columns:36px 1fr;gap:9px}
 .approval-method-icon{width:36px;height:36px}
 .approval-method-button{grid-column:1/-1;width:100%}
 .approval-code-row{grid-template-columns:1fr}
 .approval-code-row button{width:100%}
}

/* SIGA 4.8 — símbolo NFC contactless */
.approval-symbol{width:76px!important;height:76px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(24,154,218,.22),rgba(19,84,125,.12))!important;border:1px solid rgba(92,190,235,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.16)}
.approval-nfc-svg{width:48px;height:48px;color:#55c8f5;filter:drop-shadow(0 2px 8px rgba(30,164,225,.28))}
.approval-code-hint{color:#9fc4da!important}


/* SIGA 5.0 — alerta lateral de reserva com horário ultrapassado */
.reservation-late-alert{
 position:fixed;right:22px;top:118px;z-index:1200;
 width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;
 padding:17px 18px;border-radius:16px;
 background:linear-gradient(145deg,#3a2d17 0%,#211f1b 100%);
 border:1px solid rgba(255,190,75,.58);
 box-shadow:0 18px 55px rgba(0,0,0,.42);
 color:#fff4dc;animation:reservationAlertIn .28s ease-out;
}
.reservation-late-head{display:flex;align-items:center;gap:11px}
.reservation-late-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#f2b94b;color:#30230d;font-weight:900;font-size:21px}
.reservation-late-head strong,.reservation-late-head small{display:block}
.reservation-late-head strong{font-size:14px}
.reservation-late-head small{font-size:11px;color:#f1d49b;margin-top:3px}
.reservation-late-alert>p{font-size:12px;line-height:1.5;color:#f3e4c7;margin:12px 0}
.reservation-late-items{display:grid;gap:8px}
.reservation-late-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;background:rgba(0,0,0,.2);border:1px solid rgba(255,220,160,.13)}
.reservation-late-item span{min-width:0}
.reservation-late-item b,.reservation-late-item small{display:block;overflow-wrap:anywhere}
.reservation-late-item b{font-size:12px}
.reservation-late-item small{font-size:10px;color:#d8c5a4;margin-top:3px}
.reservation-late-item button{flex:0 0 auto;border:0;border-radius:8px;padding:9px 11px;background:#f0b84a;color:#2b210f;font-weight:800;font-size:11px;cursor:pointer}
.reservation-late-more{display:block;margin-top:10px;color:#e5c991;font-size:10px}
.reservation-card-late{border-color:rgba(242,185,75,.55)!important}
.reservation-late-note{padding:9px 11px;border-radius:9px;background:rgba(190,126,28,.13);border-left:3px solid #eab54c;color:#f2d69e!important;font-size:12px}
@keyframes reservationAlertIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){
 .reservation-late-alert{right:12px;top:auto;bottom:18px;width:calc(100vw - 24px);max-height:55vh}
 .reservation-late-item{align-items:flex-start;flex-direction:column}
 .reservation-late-item button{width:100%}
}


/* SIGA 5.1 — agendamento de revisões da frota */
.vehicle-revision-panel{margin:22px 0;padding:22px;border:1px solid rgba(80,163,207,.28)}
.vehicle-revision-panel .section-heading{margin-bottom:16px}
.vehicle-revision-panel .notice-form{display:grid;gap:14px}
.revision-event{border-color:rgba(78,164,210,.24)}
.revision-blocked-label{padding:9px 11px;border-radius:9px;background:rgba(224,165,58,.12);border-left:3px solid #e1ad4d;color:#f0cf8d!important;font-size:12px}
.revision-event [data-complete-revision]{margin-top:12px}


/* SIGA 5.2 — central de atualizações */
.settings-updates-panel{margin:22px 0;padding:22px;border-radius:18px;border:1px solid rgba(75,164,211,.32);background:linear-gradient(145deg,rgba(24,57,80,.82),rgba(10,31,48,.9))}
.settings-updates-panel .settings-info-heading p{color:var(--muted,#a8bfd0);font-size:13px}
.updates-status-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px;margin:16px 0;border-radius:13px;background:rgba(4,19,31,.35);border:1px solid rgba(120,170,200,.15)}
.updates-status-row>div{display:grid;gap:5px;min-width:125px}
.updates-status-row small{font-size:9px;letter-spacing:.12em;color:#8eabc0;font-weight:800}
.updates-status-row strong{font-size:20px;color:#e9f5ff}
.updates-description{font-size:13px;line-height:1.5;color:#b5c9d8}
.updates-release-notes{display:grid;gap:7px;margin:12px 0}
.updates-note-item{font-size:12px;line-height:1.5;color:#c4d6e4;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.035)}
.updates-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.updates-footnote{display:block;margin-top:12px;color:#819eb3;font-size:10px;line-height:1.5}
.siga-update-notice{position:fixed;z-index:3000;right:22px;top:22px;width:min(370px,calc(100vw - 28px));padding:16px;border-radius:15px;background:linear-gradient(145deg,#183c56,#0c263a);border:1px solid rgba(81,181,229,.55);box-shadow:0 18px 55px rgba(0,0,0,.42);color:#edf7ff;animation:reservationAlertIn .25s ease-out}
.siga-update-notice[hidden]{display:none}
.siga-update-notice-head{display:flex;align-items:center;gap:9px}
.siga-update-notice-head strong{font-size:13px;flex:1}
.siga-update-dot{width:9px;height:9px;border-radius:50%;background:#45c99a;box-shadow:0 0 0 4px rgba(69,201,154,.13)}
.siga-update-notice-head button{border:0;background:transparent;color:#a9c5d8;font-size:22px;cursor:pointer}
.siga-update-notice p{font-size:12px;line-height:1.5;color:#b9cede;margin:10px 0 14px}
.siga-update-notice-actions{display:flex;gap:8px}
.siga-update-notice-actions button{flex:1;font-size:11px;padding:9px 10px}
@media(max-width:600px){.siga-update-notice{right:14px;top:14px;width:calc(100vw - 28px)}.updates-actions button{width:100%}}


/* SIGA 5.4.6 — Redesign institucional */
:root{
 --navy:#071d31;--blue:#087fb5;--blue-strong:#0798d0;--muted:#66798d;
 --line:#dbe5ee;--white:#fff;--surface:#f5f8fb;--surface-2:#edf3f8;
 --ink:#142b40;--shadow:0 14px 38px rgba(12,37,59,.09);
}
body{background:#f3f7fb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
button{border-radius:11px;font-weight:700;letter-spacing:.005em}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #42b9eb66;outline-offset:2px}
#app-shell{background:#f3f7fb}
.sidebar{background:linear-gradient(180deg,#09263e 0%,#061a2d 100%);border-right:1px solid #ffffff12;box-shadow:8px 0 28px #061a2d12}
.sidebar-brand{padding:24px 20px 28px}
.sidebar-brand strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:.08em}
.sidebar-brand small{color:#a9c0d2;line-height:1.45}
.nav-label{color:#6f91aa;letter-spacing:.16em;font-size:9px;padding:8px 22px}
.sidebar nav button{margin:3px 12px;width:calc(100% - 24px);border-radius:10px;color:#c2d3e0;padding:12px 14px;transition:background .18s,color .18s,transform .18s}
.sidebar nav button:hover{background:#ffffff12;color:#fff;transform:translateX(2px)}
.sidebar nav button.active{background:linear-gradient(100deg,#087fb5,#08638f);color:#fff;box-shadow:0 8px 20px #007eaf33}
.sidebar nav button span{width:22px;display:inline-grid;place-items:center;color:#8fc8e5}
.sidebar nav button.active span{color:#fff}
.sidebar-bottom{border-top:1px solid #ffffff16;padding:16px}
.user-chip{background:#ffffff0d;border:1px solid #ffffff12;border-radius:13px;padding:10px}
.user-info strong{color:#fff}.user-info small{color:#9db4c6}
.logout-button{color:#c3d3df}
main{background:#f3f7fb;min-width:0}
.liquid-glass-nav{position:sticky;top:0;z-index:30;margin:14px 22px 0;border:1px solid #dce7ef;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 8px 26px #0a294012;padding:9px 14px;min-height:68px}
.glass-brand span{color:#102d45;font-weight:900;letter-spacing:.09em}
.glass-brand small{color:#7a8fa2}
.glass-links{gap:4px}
.glass-links button{color:#526a7e;border-radius:10px;padding:10px 11px;font-size:12px}
.glass-links button:hover{background:#edf5fa;color:#0a719f}
.glass-links button.active{background:#e5f4fb;color:#0879a9}
.glass-links button.active span{color:#0879a9}
.glass-links .nav-record-button{background:#087fb5;color:#fff;box-shadow:0 6px 14px #087fb533}
.glass-links .nav-record-button:hover{background:#066a98;color:#fff}
.glass-user{color:#39566d}
.glass-user button{background:#eaf2f7;color:#35536b;border-radius:9px}
.topbar{margin:24px 28px 18px;padding:0 0 18px;border-bottom:1px solid #dbe5ed}
.topbar h1{font-family:Manrope,sans-serif;font-size:clamp(25px,2.2vw,32px);font-weight:800;letter-spacing:-.04em;color:#102b42}
.topbar .eyebrow{color:#087ba9}
.session-timer,.date-chip{background:#fff;border:1px solid #dce7ef;box-shadow:0 4px 12px #0b29400a;border-radius:12px}
.session-timer{padding:9px 13px}.date-chip{padding:10px 13px;color:#60778a}
.view{padding:0 28px 34px}
.page-intro{margin:12px 0 22px}
.page-intro h2,.section-heading h2,.section-heading h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;color:#14334c}
.page-intro p,.section-heading p{color:#6c8092;line-height:1.6}
.card,.panel,.stat-card,.welcome-panel,.settings-panel,.dashboard-card,.table-card{border:1px solid #dce6ee!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px #102d4508!important}
.card:hover,.dashboard-card:hover{box-shadow:0 14px 32px #102d4512!important}
.stat-card{padding:19px!important}
.stat-card strong,.stat-card .value{font-family:Manrope,sans-serif;letter-spacing:-.04em}
.primary,.login-submit{background:linear-gradient(110deg,#087fb5,#079bd0);box-shadow:0 8px 18px #087fb52b}
.primary:hover,.login-submit:hover{background:linear-gradient(110deg,#066c9d,#0785b7)}
.secondary{background:#eef4f8;color:#2b506a;border:1px solid #dbe6ee}
.danger{border-radius:10px}
input,select,textarea{border-radius:10px!important;border:1px solid #cfdae4!important;background:#fbfdff!important;color:#18354c!important}
input:focus,select:focus,textarea:focus{border-color:#39a5d1!important;box-shadow:0 0 0 3px #39a5d11c!important}
label{color:#38566d}
table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid #e0e8ef;border-radius:13px;background:#fff}
thead th{background:#eff5f9;color:#48657b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
th,td{padding:12px 14px;border-bottom:1px solid #e9eff4}
tbody tr:hover{background:#f7fbfd}
tbody tr:last-child td{border-bottom:0}
.status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}
.login-screen{background:#f6f9fc}
.login-showcase{background:linear-gradient(145deg,#071d31,#0b3d5d 58%,#087fb5);padding:clamp(28px,4vw,64px)}
.login-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,#3eb9e633,transparent 30%),linear-gradient(180deg,#04162622,#04162666);pointer-events:none}
.login-city-photo{filter:saturate(.82) contrast(1.04);opacity:.48}
.showcase-logo{max-width:min(520px,80%);filter:drop-shadow(0 16px 30px #00172c66)}
.showcase-tag{background:#0b2b43cc;border:1px solid #72c6e866;color:#c9e9f7;border-radius:999px;padding:9px 13px;letter-spacing:.13em}
.showcase-copy h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.055em;max-width:620px;text-shadow:0 8px 28px #00142655}
.login-side{background:linear-gradient(135deg,#f8fbfd,#edf4f8);padding:32px}
.login-card{width:min(100%,470px);border:1px solid #dce6ee;border-radius:22px;background:#fff;box-shadow:0 24px 70px #0b2a421c;padding:clamp(28px,4vw,46px)}
.login-card h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,40px);letter-spacing:-.05em;color:#102d45}
.login-subtitle{color:#73879a;line-height:1.6}
.login-card label{font-weight:700;color:#3c5870}
.login-card input{height:52px;background:#f8fbfd!important}
.login-submit{height:54px;font-size:14px;border-radius:12px}
.login-security{color:#71889a}
#siga-update-notice{border:1px solid #a9d8eb;background:linear-gradient(110deg,#effaff,#fff);border-radius:14px;box-shadow:0 12px 28px #0a385014}
@media(max-width:1100px){.liquid-glass-nav{margin:10px 12px 0}.glass-links button{padding:9px 8px}.glass-links button b{font-size:11px}}
@media(max-width:760px){.liquid-glass-nav{position:relative;overflow-x:auto;align-items:flex-start}.glass-links{min-width:max-content}.glass-user{display:none}.topbar{margin:18px 16px 14px}.view{padding:0 16px 26px}.login-screen{grid-template-columns:1fr}.login-showcase{min-height:290px;padding:26px}.showcase-copy h1{font-size:34px}.login-side{padding:22px 16px}.login-card{padding:26px;border-radius:18px}.topbar-right{gap:7px}}



/* ==========================================================
   SIGA 5.4.7 — REDESIGN INSTITUCIONAL
   Camada visual: não altera regras de negócio nem integrações.
   ========================================================== */
:root{
  --siga-ink:#10283f;
  --siga-muted:#657b8e;
  --siga-line:#dce6ee;
  --siga-paper:#ffffff;
  --siga-bg:#f2f6fa;
  --siga-blue:#087eae;
  --siga-blue-dark:#075d83;
  --siga-cyan:#20b8d5;
  --siga-shadow:0 12px 34px rgba(16,40,63,.075);
}
html{scroll-behavior:smooth}
body{
  color:var(--siga-ink);
  background:
    radial-gradient(ellipse at 85% 0%,rgba(32,184,213,.075),transparent 34rem),
    linear-gradient(180deg,#f7fafc 0%,#f0f5f9 100%);
  font-family:'DM Sans',Inter,Arial,sans-serif;
}
button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(8,126,174,.22);outline-offset:2px
}

/* A navegação principal fica em uma única coluna lateral, sem duplicidade. */
.liquid-glass-nav{display:none!important}
.sidebar{
  width:264px!important;
  padding:25px 17px 18px!important;
  background:linear-gradient(180deg,#102d47 0%,#0b2238 100%)!important;
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:12px 0 38px rgba(8,30,48,.10);
}
.sidebar-brand{padding:3px 7px 25px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.sidebar-brand .brand-mark{width:46px!important;height:46px!important;border-radius:14px!important}
.sidebar-brand strong{font-size:16px!important;letter-spacing:.06em}
.sidebar-brand small{font-size:8px!important;line-height:1.5;letter-spacing:.09em;color:#9db8ca!important}
.nav-label{margin:25px 11px 11px!important;color:#7898af!important;font-size:9px!important;letter-spacing:.16em!important}
.sidebar nav{display:grid;gap:5px!important;overflow-y:auto;overflow-x:hidden;padding:0 1px 12px;scrollbar-width:thin;scrollbar-color:#36566d transparent}
.sidebar nav button{
  min-height:43px;padding:10px 12px!important;border-radius:10px!important;
  color:#c1d1dc!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.005em;background:transparent!important;
}
.sidebar nav button span{width:20px!important;font-size:16px!important;color:#91b3c8}
.sidebar nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(2px)}
.sidebar nav button.active{
  color:#fff!important;
  background:linear-gradient(100deg,rgba(25,157,201,.28),rgba(25,157,201,.09))!important;
  box-shadow:inset 3px 0 #35c4df,0 5px 15px rgba(0,0,0,.08)!important;
}
.sidebar nav button.active span{color:#56d2e6!important}
.sidebar-bottom{padding-top:14px}
.user-chip{border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:0!important;padding:13px 7px!important}
.avatar{background:linear-gradient(145deg,#1d9fc2,#17658e)!important;color:white;border-radius:12px!important}
.user-info strong{color:#fff!important;font-size:11px!important}
.user-info small{color:#9db5c6!important}
.logout-button{border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:11px 12px!important;color:#c5d5df!important}
.logout-button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* Área de trabalho */
main{
  margin-left:264px!important;
  width:calc(100% - 264px);
  max-width:none!important;
  padding:28px clamp(22px,3vw,48px) 42px!important;
}
.topbar{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin:0 0 29px!important;padding:0 0 22px!important;
  border-bottom:1px solid #dce6ee!important;
}
.topbar h1{font-size:clamp(25px,2.1vw,34px)!important;line-height:1.15!important;margin:6px 0 0!important;color:#102d45!important}
.topbar .eyebrow,.page-intro .eyebrow{color:#0783ad!important;letter-spacing:.15em!important}
.topbar-right{gap:10px!important}
.session-timer,.date-chip{
  min-height:48px;background:#fff!important;border:1px solid #e0e8ef!important;
  border-radius:13px!important;box-shadow:0 5px 16px rgba(16,40,63,.045)!important;
}
.session-timer{padding:8px 13px!important}
.session-timer small{color:#7d91a1!important;font-size:8px!important;letter-spacing:.12em}
.session-timer strong{color:#173b55!important;font-size:13px!important}
.date-chip{display:flex;align-items:center;padding:10px 14px!important;color:#536e82!important;font-weight:600}
.view{padding:0 0 35px!important;animation:sigaFadeIn .28s ease both}
@keyframes sigaFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px!important}
.page-intro h2{font-size:clamp(24px,2vw,31px)!important;font-weight:800!important;letter-spacing:-.045em!important;margin:6px 0 5px!important;color:#15364f!important}
.page-intro p,.section-heading p{font-size:13px!important;color:#6b8193!important;line-height:1.65!important;max-width:760px}
.section-heading{margin:28px 0 15px!important;display:flex;align-items:center;justify-content:space-between;gap:16px}
.section-heading h2,.section-heading h3{font-size:19px!important;font-weight:800!important;letter-spacing:-.035em!important;margin:0 0 4px!important;color:#173a54!important}
.section-heading p{margin:0!important;font-size:12px!important}
.eyebrow{font-size:9px!important;letter-spacing:.15em!important;font-weight:800!important}

/* Painel e indicadores */
.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px!important;margin:0 0 30px!important}
.stat-card{
  position:relative;display:flex;align-items:center;gap:15px;min-height:112px;
  padding:20px!important;border:1px solid #e0e8ef!important;border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 8px 25px rgba(16,40,63,.055)!important;overflow:hidden;
}
.stat-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-40px;top:-42px;background:rgba(8,126,174,.045)}
.stat-card>div:last-child span{display:block;color:#708598;font-size:11px;font-weight:700;line-height:1.4}
.stat-card strong{display:block;margin-top:6px;color:#153a55;font:800 30px/1 Manrope,sans-serif;letter-spacing:-.05em}
.stat-icon{width:45px!important;height:45px!important;display:grid;place-items:center;border-radius:14px!important;font-size:19px!important;flex:0 0 45px}
.stat-icon.blue{background:#e6f5fb!important;color:#087eae!important}
.stat-icon.amber{background:#fff4df!important;color:#b7791f!important}
.stat-icon.violet{background:#f0edff!important;color:#7161bd!important}
.stat-icon.green{background:#e6f7ef!important;color:#19845b!important}
.cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px!important}
.card,.panel,.dashboard-card,.table-card,.welcome-panel,.settings-panel{
  border:1px solid #dfe8ef!important;border-radius:17px!important;
  background:#fff!important;box-shadow:var(--siga-shadow)!important;
}
.card,.dashboard-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover,.dashboard-card:hover{transform:translateY(-3px);border-color:#c5dce9!important;box-shadow:0 16px 36px rgba(16,40,63,.10)!important}
.welcome-panel{
  padding:25px 28px!important;
  background:linear-gradient(115deg,#103b59 0%,#0b739b 72%,#159fba 100%)!important;
  color:#fff!important;border:0!important;position:relative;overflow:hidden;
}
.welcome-panel:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff20;border-radius:50%;right:-60px;top:-145px;box-shadow:0 0 0 32px #ffffff0a,0 0 0 66px #ffffff08}
.welcome-panel h2,.welcome-panel h3,.welcome-panel p{color:#fff!important;position:relative;z-index:1}
.welcome-panel p{color:#d4e9f2!important}
.welcome-panel button{position:relative;z-index:2}

/* Filtros, tabelas e formulários */
.vehicle-status-tabs{display:flex;flex-wrap:wrap;gap:7px!important;margin:0 0 17px!important}
.vehicle-filter{
  padding:9px 13px!important;border:1px solid #dce6ee!important;border-radius:999px!important;
  background:#fff!important;color:#5a7184!important;font-size:11px!important;font-weight:700!important;
}
.vehicle-filter:hover{border-color:#9ccddd!important;color:#087eae!important;background:#f4fbfe!important}
.vehicle-filter.active{background:#e7f5fa!important;border-color:#a8d9e8!important;color:#08739d!important;box-shadow:inset 0 0 0 1px #c8e8f1}
.table-wrap{
  overflow:auto;border:1px solid #dfe8ef!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 8px 25px rgba(16,40,63,.045)!important;
}
table{border:0!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0!important;min-width:680px}
thead th{
  padding:14px 15px!important;background:#f2f7fa!important;color:#567186!important;
  font-size:9px!important;letter-spacing:.12em!important;font-weight:800!important;
  border-bottom:1px solid #e2ebf1!important;white-space:nowrap
}
tbody td{padding:13px 15px!important;color:#405b70!important;font-size:12px!important;border-bottom:1px solid #edf2f6!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover{background:#f7fbfd!important}
input,select,textarea{
  min-height:42px;border:1px solid #d5e1e9!important;border-radius:10px!important;
  background:#fff!important;color:#17364e!important;padding:10px 12px!important;
  box-shadow:0 1px 2px rgba(16,40,63,.025)!important
}
input::placeholder,textarea::placeholder{color:#9aabba!important}
input:focus,select:focus,textarea:focus{border-color:#43a8c9!important;box-shadow:0 0 0 3px rgba(8,126,174,.12)!important;outline:0}
label{color:#36546b!important;font-size:11px!important;font-weight:700!important}
.primary,.login-submit{
  border:0!important;border-radius:11px!important;
  background:linear-gradient(110deg,#087eae,#159fc2)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(8,126,174,.22)!important
}
.primary:hover,.login-submit:hover{background:linear-gradient(110deg,#07658d,#087eae)!important;box-shadow:0 10px 22px rgba(8,126,174,.28)!important;transform:translateY(-1px)}
.secondary{border:1px solid #dce6ee!important;border-radius:10px!important;background:#f6f9fb!important;color:#36576f!important}
.secondary:hover{background:#eaf4f8!important;border-color:#c8dce7!important;color:#08739d!important}
.danger-button,.danger{border-radius:10px!important}
.status{border-radius:999px!important}

/* Tela de acesso: mais leve, legível e com identidade própria */
.login-screen{
  min-height:100vh!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  background:#f4f8fb!important;
}
.login-showcase{
  min-height:100vh!important;padding:clamp(30px,4.2vw,68px)!important;
  background:linear-gradient(145deg,#09243a 0%,#104765 58%,#087eae 100%)!important;
}
.login-city-photo{opacity:.40!important;filter:saturate(.72) contrast(1.08)!important}
.showcase-overlay{background:linear-gradient(180deg,rgba(5,23,38,.20),rgba(5,23,38,.72))!important}
.showcase-top{position:relative;z-index:2;align-items:center;flex-wrap:wrap}
.showcase-logo{width:min(430px,72%)!important;max-height:125px;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))}
.showcase-tag{
  border:1px solid rgba(153,220,240,.35)!important;border-radius:999px!important;
  background:rgba(7,37,58,.58)!important;color:#d8f2fb!important;
  padding:9px 13px!important;font-size:9px!important;letter-spacing:.14em!important
}
.showcase-copy{margin:45px 0 10px!important;max-width:650px!important}
.showcase-copy h1{
  max-width:610px!important;font-size:clamp(36px,4.1vw,59px)!important;
  line-height:1.04!important;letter-spacing:-.055em!important;font-weight:800!important
}
.login-side{
  background:radial-gradient(circle at 50% 40%,#fff 0%,#f4f8fb 68%,#eaf2f7 100%)!important;
  padding:clamp(22px,4vw,60px)!important
}
.login-card{
  width:min(100%,460px)!important;display:grid!important;gap:16px!important;
  padding:clamp(28px,3.2vw,43px)!important;border:1px solid #e0e9ef!important;
  border-radius:22px!important;background:#fff!important;
  box-shadow:0 24px 70px rgba(16,40,63,.13)!important
}
.login-card .eyebrow{color:#0783ad!important}
.login-card h2{font-size:clamp(29px,3vw,38px)!important;line-height:1.1!important;color:#12334d!important;margin:0!important}
.login-card .login-subtitle{margin:-5px 0 7px!important;color:#75899a!important;font-size:12px!important}
.login-card label{gap:8px!important;color:#38576d!important;font-size:11px!important}
.login-card input{height:52px!important;background:#f8fbfd!important;border-color:#d9e4eb!important}
.login-submit{height:52px!important;margin-top:5px!important;font-size:13px!important}
.login-security{border-top:1px solid #edf1f4!important;padding-top:15px!important;color:#8395a3!important;font-size:10px!important}
.mobile-brand{display:none!important}

/* Diálogos e mensagens */
dialog{border:1px solid #dce6ee!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(10,35,55,.25)!important}
dialog::backdrop{background:rgba(8,25,40,.48)!important;backdrop-filter:blur(3px)}
#toast{border-radius:12px!important;box-shadow:0 12px 35px rgba(10,35,55,.18)!important}
#siga-update-notice{border-radius:14px!important;box-shadow:0 10px 28px rgba(10,35,55,.08)!important}

/* Responsividade */
@media(max-width:1100px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main{padding:24px 22px 34px!important}
  .sidebar{width:238px!important}
  main{margin-left:238px!important;width:calc(100% - 238px)}
}
@media(max-width:760px){
  .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:12px!important}
  .sidebar-brand{padding:4px 6px 12px!important}
  .sidebar .nav-label,.sidebar-bottom{display:none!important}
  .sidebar nav{display:flex!important;overflow-x:auto!important;gap:5px!important;padding:10px 0 2px!important}
  .sidebar nav button{flex:0 0 auto;min-height:39px!important;padding:8px 11px!important}
  .sidebar nav button span{width:auto!important}
  main{margin:0!important;width:100%!important;padding:19px 15px 30px!important}
  .topbar{align-items:flex-start!important;flex-direction:column!important;margin-bottom:20px!important;padding-bottom:16px!important}
  .topbar-right{width:100%;flex-wrap:wrap}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .stat-card{min-height:92px;padding:13px!important;gap:10px!important}
  .stat-icon{width:37px!important;height:37px!important;flex-basis:37px}
  .stat-card strong{font-size:24px!important}
  .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .section-heading{align-items:flex-start!important;flex-direction:column!important}
  .cards{grid-template-columns:1fr!important}
  .login-screen{grid-template-columns:1fr!important}
  .login-showcase{min-height:265px!important;padding:25px!important}
  .showcase-logo{width:min(280px,72%)!important;max-height:78px}
  .showcase-tag{font-size:8px!important}
  .showcase-copy{margin:28px 0 0!important}
  .showcase-copy h1{font-size:34px!important}
  .login-side{padding:22px 15px!important}
  .login-card{padding:25px!important;border-radius:18px!important}
}
@media(max-width:420px){
  .stats{grid-template-columns:1fr!important}
  .showcase-top{gap:10px}
  .showcase-logo{width:100%!important;max-width:250px}
}



/* =========================================================
   SIGA 5.4.8 | REFORMULAÇÃO TOTAL DA INTERFACE
   Camada visual global, com seletores ancorados nos IDs reais
   do index.html. Não altera autenticação, Firestore ou regras.
   ========================================================= */
:root{
 --siga-navy:#10283f;--siga-navy-2:#173d59;--siga-blue:#087eae;
 --siga-cyan:#23b7d1;--siga-ice:#eef5f9;--siga-white:#fff;
 --siga-text:#18364d;--siga-muted:#708598;--siga-border:#dce7ee;
 --siga-shadow:0 16px 42px rgba(16,40,63,.085);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 color:var(--siga-text)!important;
 background:#f2f6f9!important;
 font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
button{font-family:inherit;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #25a9d055!important;outline-offset:2px}
.hidden{display:none!important}

/* LOGIN: composição visual nova, com contraste limpo e hierarquia forte */
#login-screen.login-screen{
 display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr)!important;
 min-height:100vh!important;background:#f5f8fb!important;overflow:hidden;
}
#login-screen .login-showcase{
 position:relative!important;isolation:isolate;display:flex!important;flex-direction:column!important;
 justify-content:space-between!important;min-height:100vh!important;
 padding:clamp(32px,5vw,76px)!important;color:#fff!important;
 background:linear-gradient(135deg,#09263d 0%,#104a68 55%,#087eae 100%)!important;
 overflow:hidden;
}
#login-screen .login-showcase:before{
 content:"";position:absolute;z-index:-1;inset:0;
 background:radial-gradient(circle at 78% 18%,#42c5dc45,transparent 28%),
 radial-gradient(circle at 12% 88%,#0b8bb544,transparent 35%),
 linear-gradient(145deg,#071e31aa,#0c3857aa);
}
#login-screen .login-city-photo{
 position:absolute!important;z-index:-2!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:cover!important;opacity:.27!important;filter:grayscale(.25) saturate(.7) contrast(1.1)!important;
}
#login-screen .showcase-overlay{position:absolute!important;z-index:-1!important;inset:0!important;background:linear-gradient(180deg,#071d3022 0%,#061c30a8 100%)!important}
#login-screen .showcase-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;flex-wrap:wrap;position:relative;z-index:2}
#login-screen .showcase-logo{width:min(440px,76%)!important;max-height:118px!important;object-fit:contain!important;filter:drop-shadow(0 14px 26px #00152255)}
#login-screen .showcase-tag{
 display:inline-flex!important;align-items:center!important;padding:10px 14px!important;
 border:1px solid #b8e8f455!important;border-radius:999px!important;
 background:#092a43a8!important;color:#d8f6ff!important;
 font-size:9px!important;font-weight:800!important;letter-spacing:.16em!important;
 backdrop-filter:blur(12px)
}
#login-screen .showcase-copy{position:relative;z-index:2;max-width:650px!important;margin:40px 0 0!important}
#login-screen .showcase-copy:before{content:"";display:block;width:58px;height:4px;margin-bottom:24px;border-radius:4px;background:var(--siga-cyan)}
#login-screen .showcase-copy h1{
 max-width:650px!important;margin:0!important;color:#fff!important;
 font-size:clamp(38px,4.4vw,66px)!important;line-height:1.02!important;
 letter-spacing:-.055em!important;font-weight:850!important;
}
#login-screen .login-side{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:100vh!important;padding:clamp(24px,5vw,76px)!important;
 background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f5f8fb 68%,#eaf1f6 100%)!important;
}
#login-screen .login-card{
 width:min(100%,470px)!important;display:grid!important;gap:17px!important;
 padding:clamp(28px,3.4vw,46px)!important;margin:0!important;
 border:1px solid #e0e9ef!important;border-radius:24px!important;
 background:#fff!important;color:#19384f!important;
 box-shadow:0 28px 80px #0c2d451c,0 4px 14px #0c2d4508!important;
}
#login-screen .mobile-brand{display:none!important}
#login-screen .login-card .eyebrow{color:#0785ad!important;font-size:9px!important;letter-spacing:.18em!important;font-weight:850!important}
#login-screen .login-card h2{
 margin:0!important;color:#12334b!important;font-size:clamp(30px,3vw,39px)!important;
 line-height:1.08!important;letter-spacing:-.045em!important;font-weight:850!important;
}
#login-screen .login-card .login-subtitle{margin:-7px 0 7px!important;color:#788d9d!important;font-size:12px!important;line-height:1.6!important}
#login-screen .login-card label{
 display:grid!important;gap:8px!important;color:#38566b!important;
 font-size:11px!important;font-weight:750!important;
}
#login-screen .login-card input{
 width:100%!important;min-height:52px!important;padding:0 15px!important;
 border:1px solid #d9e4eb!important;border-radius:11px!important;
 background:#f8fbfd!important;color:#18364d!important;font-size:13px!important;
 box-shadow:inset 0 1px 2px #17354b08!important;
}
#login-screen .login-card input::placeholder{color:#9aabb8!important}
#login-screen .login-card input:focus{border-color:#24a5c9!important;background:#fff!important;box-shadow:0 0 0 4px #149bc21a!important}
#login-screen .login-submit{
 width:100%!important;min-height:52px!important;margin-top:4px!important;
 border:0!important;border-radius:11px!important;color:#fff!important;
 background:linear-gradient(105deg,#087eae,#16a4c4)!important;
 box-shadow:0 10px 22px #087eae35!important;font-size:13px!important;font-weight:800!important;
}
#login-screen .login-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px #087eae40!important}
#login-screen .login-security{
 margin-top:2px!important;padding-top:16px!important;border-top:1px solid #edf2f5!important;
 color:#8294a2!important;font-size:10px!important;letter-spacing:.01em!important;
}

/* APP SHELL: layout editorial, navegação escura e área de trabalho clara */
#app-shell:not(.hidden){min-height:100vh!important;background:#f2f6f9!important}
#app-shell>.sidebar{
 position:fixed!important;inset:0 auto 0 0!important;width:274px!important;height:100vh!important;
 display:flex!important;flex-direction:column!important;padding:25px 17px 18px!important;
 color:#eaf4f9!important;background:linear-gradient(180deg,#102f49 0%,#0b2237 100%)!important;
 border-right:1px solid #ffffff10!important;box-shadow:14px 0 42px #0b223712!important;
 z-index:30!important;overflow:hidden!important;
}
#app-shell .sidebar-brand{
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:4px 7px 24px!important;border-bottom:1px solid #ffffff18!important;
}
#app-shell .sidebar-brand .brand-mark{
 width:46px!important;height:46px!important;flex:0 0 46px!important;
 border-radius:14px!important;overflow:hidden!important;background:#fff!important;
 box-shadow:0 6px 18px #0003!important;
}
#app-shell .sidebar-brand .brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
#app-shell .sidebar-brand strong{display:block;color:#fff!important;font-size:17px!important;letter-spacing:.08em!important;font-weight:900!important}
#app-shell .sidebar-brand small{display:block;max-width:165px;color:#9db9ca!important;font-size:8px!important;line-height:1.5!important;letter-spacing:.09em!important}
#app-shell .nav-label{margin:25px 10px 11px!important;color:#7898ad!important;font-size:9px!important;font-weight:850!important;letter-spacing:.17em!important}
#app-shell>.sidebar>nav{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding:0 1px 14px!important;scrollbar-width:thin;scrollbar-color:#365970 transparent;
}
#app-shell>.sidebar>nav button{
 display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;
 min-height:43px!important;padding:10px 12px!important;border:1px solid transparent!important;
 border-radius:10px!important;background:transparent!important;color:#bfd0dc!important;
 text-align:left!important;font-size:11px!important;font-weight:650!important;
}
#app-shell>.sidebar>nav button span{display:inline-grid!important;place-items:center!important;width:20px!important;color:#8fb1c6!important;font-size:16px!important}
#app-shell>.sidebar>nav button:hover{background:#ffffff0e!important;color:#fff!important;transform:translateX(2px)}
#app-shell>.sidebar>nav button.active{
 color:#fff!important;border-color:#52c7e31e!important;
 background:linear-gradient(100deg,#168eb54a,#168eb511)!important;
 box-shadow:inset 3px 0 #36c5df,0 6px 16px #0002!important;
}
#app-shell>.sidebar>nav button.active span{color:#5dd7eb!important}
#app-shell .sidebar-bottom{flex:0 0 auto!important;padding-top:13px!important;border-top:1px solid #ffffff16!important}
#app-shell .user-chip{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 5px 13px!important;border:0!important}
#app-shell .avatar{width:36px!important;height:36px!important;border-radius:11px!important;background:linear-gradient(140deg,#20b6d0,#0876a4)!important;color:#fff!important}
#app-shell .user-info strong{color:#fff!important;font-size:11px!important}
#app-shell .user-info small{color:#94afc1!important;font-size:9px!important}
#app-shell .logout-button{width:100%!important;min-height:40px!important;padding:9px 12px!important;border:1px solid #ffffff20!important;border-radius:10px!important;background:#ffffff08!important;color:#c6d8e3!important;text-align:left!important;font-size:11px!important}
#app-shell .logout-button:hover{background:#ffffff14!important;color:#fff!important}
#app-shell>main{
 display:block!important;width:auto!important;max-width:none!important;
 min-height:100vh!important;margin:0 0 0 274px!important;
 padding:29px clamp(22px,3vw,48px) 48px!important;
 background:linear-gradient(180deg,#f7fafc 0%,#f0f5f8 100%)!important;
}
#app-shell .liquid-glass-nav{display:none!important}
#app-shell .topbar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:20px!important;margin:0 0 30px!important;padding:0 0 21px!important;
 border-bottom:1px solid #dce6ed!important;
}
#app-shell .topbar .eyebrow{color:#0783ad!important;font-size:9px!important;letter-spacing:.16em!important;font-weight:850!important}
#app-shell .topbar h1{margin:6px 0 0!important;color:#12354e!important;font-size:clamp(25px,2.1vw,34px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:850!important}
#app-shell .topbar-right{display:flex!important;align-items:center!important;gap:10px!important}
#app-shell .session-timer,#app-shell .date-chip{
 min-height:47px!important;padding:8px 13px!important;border:1px solid #e0e8ee!important;
 border-radius:12px!important;background:#fff!important;box-shadow:0 5px 16px #10283f08!important;
}
#app-shell .session-timer small{color:#8194a2!important;font-size:8px!important;letter-spacing:.13em!important}
#app-shell .session-timer strong{color:#173c56!important;font-size:13px!important}
#app-shell .date-chip{color:#526e82!important;font-size:11px!important;font-weight:700!important}
#app-shell .view{padding:0 0 34px!important;animation:siga548in .25s ease both}
@keyframes siga548in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#app-shell .page-intro{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 24px!important}
#app-shell .page-intro .eyebrow{color:#0783ad!important;font-size:9px!important;font-weight:850!important;letter-spacing:.16em!important}
#app-shell .page-intro h2{margin:6px 0 5px!important;color:#153a54!important;font-size:clamp(24px,2vw,32px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:850!important}
#app-shell .page-intro p{max-width:780px!important;margin:0!important;color:#6d8292!important;font-size:12px!important;line-height:1.7!important}
#app-shell .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:28px 0 15px!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{margin:0 0 5px!important;color:#173b55!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.035em!important}
#app-shell .section-heading p{margin:0!important;color:#738899!important;font-size:11px!important;line-height:1.6!important}
#app-shell .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin:0 0 28px!important}
#app-shell .stat-card{
 position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;
 min-height:112px!important;padding:19px!important;border:1px solid #e0e8ef!important;
 border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px #10283f0b!important;overflow:hidden!important;
}
#app-shell .stat-card:after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-48px;border-radius:50%;background:#0b91bb0a}
#app-shell .stat-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border-radius:13px!important}
#app-shell .stat-icon.blue{background:#e5f4fa!important;color:#087eae!important}
#app-shell .stat-icon.amber{background:#fff4df!important;color:#b7791f!important}
#app-shell .stat-icon.violet{background:#f0edff!important;color:#7161bd!important}
#app-shell .stat-icon.green{background:#e6f7ef!important;color:#19845b!important}
#app-shell .stat-card span{color:#708697!important;font-size:10px!important;font-weight:700!important}
#app-shell .stat-card strong{display:block;margin-top:7px!important;color:#153a55!important;font-size:29px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important}
#app-shell .cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:15px!important}
#app-shell .card,#app-shell .panel,#app-shell .dashboard-card,#app-shell .table-card,#app-shell .settings-panel{
 border:1px solid #dfe8ef!important;border-radius:16px!important;background:#fff!important;
 box-shadow:0 8px 26px #10283f0a!important;
}
#app-shell .card,#app-shell .dashboard-card{transition:transform .2s ease,box-shadow .2s ease!important}
#app-shell .card:hover,#app-shell .dashboard-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px #10283f15!important}
#app-shell .welcome-panel{
 position:relative!important;overflow:hidden!important;padding:25px 28px!important;
 border:0!important;border-radius:18px!important;
 background:linear-gradient(115deg,#103b59 0%,#087eae 72%,#19a6c0 100%)!important;
 box-shadow:0 15px 35px #087eae24!important;color:#fff!important;
}
#app-shell .welcome-panel h2,#app-shell .welcome-panel h3,#app-shell .welcome-panel p{position:relative;z-index:1;color:#fff!important}
#app-shell .welcome-panel p{color:#d7edf5!important}
#app-shell .table-wrap{
 overflow:auto!important;border:1px solid #dfe8ef!important;border-radius:15px!important;
 background:#fff!important;box-shadow:0 8px 24px #10283f08!important;
}
#app-shell table{width:100%;border:0!important;border-collapse:separate!important;border-spacing:0!important;min-width:660px}
#app-shell thead th{
 padding:14px 15px!important;background:#f1f6f9!important;color:#587286!important;
 border-bottom:1px solid #e1eaf0!important;font-size:9px!important;font-weight:850!important;
 letter-spacing:.12em!important;white-space:nowrap!important;
}
#app-shell tbody td{padding:13px 15px!important;color:#405c70!important;border-bottom:1px solid #edf2f5!important;font-size:11px!important}
#app-shell tbody tr:last-child td{border-bottom:0!important}
#app-shell tbody tr:hover{background:#f7fbfd!important}
#app-shell input,#app-shell select,#app-shell textarea,#login-screen input{
 border:1px solid #d7e2e9!important;border-radius:10px!important;
 background:#fff!important;color:#19384e!important;box-shadow:none!important;
}
#app-shell input,#app-shell select,#app-shell textarea{min-height:41px!important;padding:9px 12px!important}
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus{border-color:#32a8c9!important;box-shadow:0 0 0 3px #0c8db51a!important}
#app-shell label{color:#38566b!important;font-size:11px!important;font-weight:750!important}
#app-shell button.primary,#app-shell .primary{
 border:0!important;border-radius:10px!important;color:#fff!important;
 background:linear-gradient(105deg,#087eae,#159fc0)!important;
 box-shadow:0 7px 17px #087eae25!important;font-weight:750!important;
}
#app-shell button.primary:hover,#app-shell .primary:hover{transform:translateY(-1px);box-shadow:0 11px 23px #087eae35!important}
#app-shell button.secondary,#app-shell .secondary{
 border:1px solid #dce6ed!important;border-radius:10px!important;
 background:#f7fafc!important;color:#365970!important;
}
#app-shell .status{border-radius:999px!important}
#app-shell dialog{border:1px solid #dce6ed!important;border-radius:18px!important;box-shadow:0 25px 80px #0b263f40!important}
#app-shell dialog::backdrop{background:#071c2d88!important;backdrop-filter:blur(4px)}
#toast{border-radius:12px!important;box-shadow:0 12px 35px #0b263f30!important}

/* Telas menores */
@media(max-width:1120px){
 #app-shell>.sidebar{width:244px!important}
 #app-shell>main{margin-left:244px!important;padding:24px 22px 38px!important}
 #app-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #login-screen.login-screen{grid-template-columns:1fr!important}
 #login-screen .login-showcase{min-height:270px!important;padding:25px!important}
 #login-screen .showcase-logo{width:min(290px,76%)!important;max-height:78px!important}
 #login-screen .showcase-copy{margin:26px 0 0!important}
 #login-screen .showcase-copy h1{font-size:35px!important}
 #login-screen .login-side{min-height:auto!important;padding:24px 15px 35px!important}
 #login-screen .login-card{padding:25px!important;border-radius:18px!important}
 #app-shell>.sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:12px!important}
 #app-shell .sidebar-brand{padding:2px 6px 12px!important}
 #app-shell .nav-label,#app-shell .sidebar-bottom{display:none!important}
 #app-shell>.sidebar>nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:5px!important;padding:10px 0 2px!important}
 #app-shell>.sidebar>nav button{flex:0 0 auto!important;width:auto!important;min-height:39px!important;padding:8px 11px!important}
 #app-shell>main{width:100%!important;margin:0!important;padding:18px 14px 30px!important}
 #app-shell .topbar{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;padding-bottom:16px!important}
 #app-shell .topbar-right{width:100%;flex-wrap:wrap}
 #app-shell .page-intro{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
 #app-shell .section-heading{align-items:flex-start!important;flex-direction:column!important}
 #app-shell .cards{grid-template-columns:1fr!important}
}
@media(max-width:430px){
 #app-shell .stats{grid-template-columns:1fr!important;gap:10px!important}
 #app-shell .stat-card{min-height:88px!important}
 #login-screen .showcase-top{gap:12px!important}
 #login-screen .showcase-logo{width:100%!important;max-width:250px!important}
}



/* SIGA 5.4.8 — CORREÇÃO ESTRUTURAL DA INTERFACE
   Uma única navegação (sidebar). Login cobre integralmente o app enquanto
   o estado de autenticação/perfil estiver sendo verificado. */
#app-shell.hidden,
#app-shell[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#login-screen.hidden,
#login-screen[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#login-screen.login-screen:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:2147482000!important;
  display:grid!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow:auto!important;
  isolation:isolate!important;
}
#login-screen.login-screen:not(.hidden) ~ #app-shell{
  display:none!important;
}
#app-shell:not(.hidden){
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
  min-height:100vh!important;
}
#app-shell .liquid-glass-nav,
.liquid-glass-nav{
  display:none!important;
  visibility:hidden!important;
}
#app-shell>main{
  margin-left:274px!important;
  width:auto!important;
  min-width:0!important;
}
@media(max-width:760px){
  #app-shell>main{margin-left:0!important;width:100%!important}
  #login-screen.login-screen:not(.hidden){
    grid-template-columns:1fr!important;
    overflow-y:auto!important;
  }
}



/* SIGA 5.5.0 — PREMIUM FLEET OPERATIONS CONSOLE */
:root{
 --fleet-bg:#101722;--fleet-shell:#151f2c;--fleet-panel:#1b2735;--fleet-panel-hi:#202f40;
 --fleet-border:#2d3d4f;--fleet-muted:#8fa2b6;--fleet-text:#edf4fa;
 --fleet-blue:#3999ed;--fleet-cyan:#26c1d7;--fleet-green:#31c58d;
}
html,body{background:var(--fleet-bg)!important;color:var(--fleet-text)!important}
#app-shell:not(.hidden){grid-template-columns:218px minmax(0,1fr)!important;background:var(--fleet-bg)!important}
#app-shell>.sidebar{width:218px!important;padding:18px 12px 14px!important;background:#131e2b!important;border-right:1px solid #29394a!important}
#app-shell .sidebar-brand{padding:3px 8px 18px!important;margin-bottom:18px!important;border-bottom:1px solid #2a3a4c!important}
#app-shell .sidebar-brand .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:#0d1824!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.06em!important}
#app-shell .sidebar-brand small{font-size:7px!important;letter-spacing:.09em!important}
#app-shell .nav-label{margin:0 10px 11px!important;color:#68829b!important;font-size:8px!important;letter-spacing:.18em!important}
#app-shell>.sidebar>nav{gap:4px!important}
#app-shell>.sidebar>nav button{min-height:39px!important;padding:9px 11px!important;border-radius:8px!important;font-size:10px!important;color:#a8b8c8!important}
#app-shell>.sidebar>nav button span{font-size:14px!important;color:#8ea7bf!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#1d4968,#21384d)!important;border-color:#315674!important;box-shadow:inset 3px 0 #29b9db!important;color:#fff!important}
#app-shell>main{padding:0 25px 38px!important;background:radial-gradient(ellipse at 70% -20%,#1d3044 0,transparent 42%),#101722!important}
#app-shell .topbar{min-height:68px!important;margin:0 -25px 24px!important;padding:0 25px!important;background:#151f2c!important;border-bottom:1px solid #2b3b4d!important}
#app-shell .topbar h1{font-size:17px!important;letter-spacing:-.02em!important}
#app-shell .topbar .eyebrow{display:block!important;color:#6d91ad!important;font-size:7px!important;letter-spacing:.17em!important}
#app-shell .session-timer,#app-shell .date-chip{background:#1c2937!important;border-color:#34485d!important}
#app-shell .dashboard-view{max-width:1680px!important;margin:0 auto!important}
#app-shell .dashboard-welcome{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:20px!important;min-height:145px!important;overflow:hidden!important;margin:0 0 16px!important;padding:25px 28px!important;
 border:1px solid #31516b!important;border-radius:14px!important;
 background:linear-gradient(112deg,#1b3851 0%,#1c4966 52%,#126b83 100%)!important;
 box-shadow:0 14px 34px #06101d66,inset 0 1px #ffffff0d!important;
}
#app-shell .dashboard-welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11283a33,transparent 75%),radial-gradient(circle at 83% 50%,#40c4db28,transparent 30%);pointer-events:none}
#app-shell .dashboard-welcome-copy{position:relative;z-index:2;max-width:700px}
#app-shell .dashboard-kicker{display:flex;align-items:center;gap:8px;color:#9edcf0;font-size:8px;font-weight:800;letter-spacing:.17em}
#app-shell .dashboard-kicker i,#app-shell .panel-live i{width:6px;height:6px;border-radius:50%;background:#37d6a1;box-shadow:0 0 10px #37d6a188}
#app-shell .dashboard-welcome h2{margin:10px 0 6px!important;color:#f5fbff!important;font-size:27px!important;line-height:1.1!important;letter-spacing:-.045em!important;font-weight:800!important}
#app-shell .dashboard-welcome p{max-width:560px;margin:0!important;color:#c0d5e5!important;font-size:10px!important;line-height:1.6!important}
#app-shell .dashboard-welcome-actions{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
#app-shell .dashboard-action-primary,#app-shell .dashboard-action-secondary{
 min-height:38px!important;padding:9px 13px!important;border-radius:7px!important;font-size:9px!important;font-weight:750!important
}
#app-shell .dashboard-action-primary{border:1px solid #5ab9f3!important;background:#278ee0!important;color:#fff!important;box-shadow:0 7px 18px #061c3066!important}
#app-shell .dashboard-action-secondary{border:1px solid #7094ad77!important;background:#16334b99!important;color:#e0eff8!important}
#app-shell .dashboard-orbit{position:absolute;border:1px solid #b4e7f51a;border-radius:50%;pointer-events:none}
#app-shell .orbit-one{width:250px;height:250px;right:8%;top:-155px}
#app-shell .orbit-two{width:360px;height:360px;right:3%;top:-205px}
#app-shell .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 24px!important}
#app-shell .dashboard-stats .stat-card{
 display:block!important;min-height:119px!important;padding:14px 16px!important;
 border:1px solid #2c3d50!important;border-radius:10px!important;
 background:linear-gradient(145deg,#1e2b3a,#192432)!important;box-shadow:0 8px 22px #050c1466!important;
}
#app-shell .dashboard-stats .stat-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#3198e8,#25bfd3);opacity:.85}
#app-shell .dashboard-stats .stat-card-top{display:flex;align-items:center;justify-content:space-between;color:#91a7bb;font-size:7px;font-weight:800;letter-spacing:.13em}
#app-shell .dashboard-stats .stat-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#2c4964;color:#66baf4;font-size:12px}
#app-shell .dashboard-stats .stat-value-row{display:flex;align-items:baseline;gap:7px;margin-top:10px}
#app-shell .dashboard-stats .stat-value-row strong{margin:0!important;color:#f2f7fc!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.05em!important}
#app-shell .dashboard-stats .stat-value-row small{color:#91a4b7;font-size:8px}
#app-shell .dashboard-stats .stat-foot{margin-top:7px;color:#70869b;font-size:8px}
#app-shell .dashboard-stats .stat-active .stat-symbol{background:#21443e;color:#4dd5a0}
#app-shell .dashboard-stats .stat-drivers .stat-symbol{background:#3b3454;color:#b7a4ff}
#app-shell .dashboard-stats .stat-today .stat-symbol{background:#4a3b2b;color:#f2bc68}
#app-shell .dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:2px 0 13px}
#app-shell .dashboard-section-kicker,.panel-overline{color:#5b9bc8;font-size:7px;font-weight:850;letter-spacing:.16em}
#app-shell .dashboard-section-head h3{margin:5px 0 4px;color:#edf4fa;font-size:16px;font-weight:750;letter-spacing:-.025em}
#app-shell .dashboard-section-head p{margin:0;color:#879caf;font-size:9px}
#app-shell .dashboard-link,#app-shell .dashboard-full-link{border:0!important;background:transparent!important;color:#64b7f2!important;font-size:9px!important;font-weight:700!important}
#app-shell .dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.78fr);gap:13px;align-items:start}
#app-shell .dashboard-panel{min-width:0;padding:15px!important;border:1px solid #2c3d50!important;border-radius:10px!important;background:linear-gradient(150deg,#1d2937,#192431)!important;box-shadow:0 8px 22px #050c1455!important}
#app-shell .dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .dashboard-panel-head h3{margin:4px 0 0;color:#edf4fa;font-size:13px;font-weight:750}
#app-shell .dashboard-panel-head p{margin:4px 0 0;color:#8296aa;font-size:8px}
#app-shell .panel-live{display:flex;align-items:center;gap:6px;color:#7f9bb1;font-size:7px;font-weight:800;letter-spacing:.1em}
#app-shell .panel-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#253d54;color:#62b8f3}
#app-shell .dashboard-status-tabs{display:flex;flex-wrap:wrap;gap:5px!important;margin:0 0 12px!important}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 10px!important;border:1px solid #34485b!important;border-radius:5px!important;background:#202d3b!important;color:#91a5b8!important;font-size:8px!important}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#327bb0!important;background:#1f405b!important;color:#7bc6fa!important}
#app-shell .dashboard-vehicle-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{
 overflow:hidden!important;border:1px solid #314458!important;border-radius:9px!important;
 background:#202c3a!important;box-shadow:none!important;
}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{position:relative!important;height:112px!important;overflow:hidden!important;background:radial-gradient(ellipse at center,#33485d,#1a2634)!important}
#app-shell .dashboard-vehicle-cards .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px 18px!important;filter:drop-shadow(0 10px 10px #0006)!important}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#172331bb);pointer-events:none}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap .status{position:absolute!important;z-index:2!important;left:9px!important;top:9px!important;max-width:calc(100% - 18px);padding:5px 7px!important;border:1px solid #ffffff20!important;border-radius:4px!important;background:#172635dd!important;color:#b8d3e7!important;font-size:7px!important}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 11px 0!important}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{margin:0!important;color:#edf4fa!important;font-size:11px!important;font-weight:750!important}
#app-shell .dashboard-vehicle-cards .fleet-plate{margin:3px 0 0!important;color:#8096aa!important;font-size:8px!important;letter-spacing:.1em!important}
#app-shell .dashboard-vehicle-cards .fleet-card-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px 11px!important}
#app-shell .dashboard-vehicle-cards .fleet-detail{padding:6px 7px!important;border:1px solid #2d3e50!important;border-radius:5px!important;background:#1b2734!important}
#app-shell .dashboard-vehicle-cards .fleet-detail span{display:block!important;color:#7890a5!important;font-size:7px!important}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{display:block!important;margin-top:3px!important;color:#dbe7f0!important;font-size:8px!important}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 11px 11px!important}
#app-shell .dashboard-vehicle-cards .fleet-primary-action{width:100%!important;min-height:29px!important;border:1px solid #328dd0!important;border-radius:5px!important;background:#247fc4!important;color:#fff!important;font-size:8px!important;font-weight:700!important}
#app-shell .dashboard-vehicle-cards .fleet-secondary-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
#app-shell .dashboard-vehicle-cards .fleet-secondary-actions button{min-height:25px!important;padding:4px 6px!important;font-size:7px!important}
#app-shell .dashboard-side-column{display:grid;gap:12px}
#app-shell .operations-panel{min-height:260px}
#app-shell .dashboard-activity-list{display:grid;gap:7px;min-height:125px}
#app-shell .activity-empty-note{margin:0;padding:18px 10px;border:1px dashed #3a4d60;border-radius:7px;color:#7f94a8;font-size:9px;text-align:center}
#app-shell .dashboard-activity-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #2d3d4e}
#app-shell .dashboard-activity-item:last-child{border-bottom:0}
#app-shell .activity-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#263e55;color:#6ebcf0}
#app-shell .activity-main strong{display:block;color:#e5edf5;font-size:8px}
#app-shell .activity-main small{display:block;margin-top:3px;color:#8095a9;font-size:7px}
#app-shell .activity-time{color:#7f94a8;font-size:7px}
#app-shell .dashboard-full-link{width:100%;padding:10px 0 0!important;border-top:1px solid #2d3d4e!important;text-align:left!important}
#app-shell .quick-access-panel h3{margin:5px 0 12px;color:#edf4fa;font-size:13px}
#app-shell .quick-access-panel>button{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;padding:9px 0!important;border:0!important;border-top:1px solid #2c3b4c!important;background:transparent!important;text-align:left!important}
#app-shell .quick-access-panel>button .quick-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#293e53;color:#65b8ee;font-size:12px}
#app-shell .quick-access-panel>button span:nth-child(2){display:grid;gap:3px;flex:1}
#app-shell .quick-access-panel>button strong{color:#dce7f0;font-size:8px}
#app-shell .quick-access-panel>button small{color:#7e93a7;font-size:7px}
#app-shell .quick-access-panel>button b{color:#6daedc;font-size:12px}
#app-shell .dashboard-history-panel{margin-top:13px}
#app-shell .dashboard-history-panel .table-wrap{border:1px solid #2e4052;border-radius:7px}
#app-shell .dashboard-history-panel .table-wrap thead th{background:#223142!important}
#app-shell .dashboard-history-panel .table-wrap tbody td{background:#1b2734!important}
#app-shell .dashboard-history-panel .table-wrap tbody tr:hover td{background:#243648!important}

/* Vehicle management page receives the same premium card language */
#app-shell #vehicles .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:13px!important}
#app-shell #vehicles .fleet-card{overflow:hidden!important;border:1px solid #304357!important;border-radius:10px!important;background:#1d2937!important;box-shadow:0 8px 22px #050c1455!important}
#app-shell #vehicles .fleet-card-image-wrap{height:145px!important;background:radial-gradient(ellipse at center,#344b60,#1a2634)!important}
#app-shell #vehicles .fleet-card-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:10px 20px!important;filter:drop-shadow(0 12px 12px #0006)!important}
#app-shell #vehicles .fleet-card-head{padding:12px 13px 0!important}
#app-shell #vehicles .fleet-card-title h3{color:#edf4fa!important;font-size:13px!important}
#app-shell #vehicles .fleet-plate{color:#8197aa!important;font-size:9px!important}
#app-shell #vehicles .fleet-card-details{padding:10px 13px!important}
#app-shell #vehicles .fleet-detail{padding:7px 8px!important;border:1px solid #2d3e50!important;border-radius:6px!important;background:#1a2633!important}
#app-shell #vehicles .fleet-detail span{color:#7e94a8!important;font-size:8px!important}
#app-shell #vehicles .fleet-detail strong{color:#dce7ef!important;font-size:9px!important}
#app-shell #vehicles .fleet-card-actions{padding:0 13px 13px!important}

/* Shared component polish across every module */
#app-shell .panel,#app-shell .card,#app-shell .table-card,#app-shell .settings-panel{background:#1c2937!important;border-color:#2e4052!important;color:#dce7ef!important}
#app-shell .page-intro h2{color:#f0f5fa!important;font-size:23px!important}
#app-shell .page-intro p{color:#8da1b5!important}
#app-shell .section-heading h2,#app-shell .section-heading h3{color:#edf4fa!important}
#app-shell .table-wrap{border-color:#2e4052!important;background:#1b2735!important}
#app-shell thead th{background:#223142!important;color:#90a6ba!important;border-color:#304357!important}
#app-shell tbody td{color:#c3d0dc!important;border-color:#2b3b4c!important}
#app-shell input,#app-shell select,#app-shell textarea{background:#172331!important;border-color:#35485c!important;color:#e3edf5!important}
#app-shell button.secondary,#app-shell .secondary{background:#243344!important;border-color:#3a5065!important;color:#c5d5e3!important}
#app-shell .primary{background:#278de0!important;border-color:#399be9!important}
#app-shell dialog{background:#1c2937!important;border-color:#3b5064!important;color:#e8f0f7!important}
@media(max-width:1050px){
 #app-shell .dashboard-content-grid{grid-template-columns:minmax(0,1fr)!important}
 #app-shell .dashboard-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #app-shell:not(.hidden){grid-template-columns:1fr!important}
 #app-shell>.sidebar{width:100%!important}
 #app-shell>main{padding:0 12px 28px!important}
 #app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}
 #app-shell .dashboard-welcome{align-items:flex-start!important;flex-direction:column!important;padding:20px!important}
 #app-shell .dashboard-welcome h2{font-size:23px!important}
 #app-shell .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}
 #app-shell .dashboard-side-column{grid-template-columns:1fr!important}
 #app-shell .dashboard-section-head{align-items:flex-start!important;flex-direction:column!important}
}



/* SIGA 5.5.1 — DESIGN TOKENS + THEMES CONSISTENCY FIX
   The active theme controls every redesigned surface, not only legacy components. */
html[data-theme="dark"]{
 --fleet-bg:#101722;--fleet-panel:#1b2735;--fleet-panel-hi:#202f40;
 --fleet-border:#2d3d4f;--fleet-text:#edf4fa;--fleet-muted:#8fa2b6;
 color-scheme:dark;
}
html[data-theme="light"]{
 --fleet-bg:#edf2f7;--fleet-panel:#ffffff;--fleet-panel-hi:#f5f8fb;
 --fleet-border:#d7e1eb;--fleet-text:#19354c;--fleet-muted:#647c91;
 color-scheme:light;
}
html[data-theme="contrast"]{
 --fleet-bg:#05080d;--fleet-panel:#101722;--fleet-panel-hi:#182435;
 --fleet-border:#71849a;--fleet-text:#ffffff;--fleet-muted:#d4e0eb;
 color-scheme:dark;
}
html[data-theme="glass"]{
 --fleet-bg:#0b1727;--fleet-panel:rgba(28,48,72,.78);--fleet-panel-hi:rgba(39,65,94,.84);
 --fleet-border:rgba(134,190,228,.28);--fleet-text:#f2f8ff;--fleet-muted:#b2c6d8;
 color-scheme:dark;
}
html[data-theme="glass-light"]{
 --fleet-bg:#eaf1f7;--fleet-panel:rgba(255,255,255,.78);--fleet-panel-hi:rgba(255,255,255,.9);
 --fleet-border:rgba(137,166,190,.34);--fleet-text:#18364d;--fleet-muted:#60788d;
 color-scheme:light;
}
html[data-theme="dark"] body,html[data-theme="dark"] #app-shell,
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell{
 background:var(--fleet-bg)!important;color:var(--fleet-text)!important;
}
html[data-theme="light"] body,html[data-theme="light"] #app-shell{
 background:linear-gradient(145deg,#edf3f8,#e4edf5)!important;color:#19354c!important;
}
html[data-theme="contrast"] body,html[data-theme="contrast"] #app-shell{
 background:#05080d!important;color:#fff!important;
}
html[data-theme="glass"] body,html[data-theme="glass"] #app-shell{
 background:radial-gradient(ellipse at 15% 0%,#1b4b6a 0,transparent 40%),linear-gradient(145deg,#0b1727,#132b43)!important;
 color:#f2f8ff!important;
}
html[data-theme="glass-light"] body,html[data-theme="glass-light"] #app-shell{
 background:radial-gradient(ellipse at 12% 8%,#cce6f5 0,transparent 42%),linear-gradient(145deg,#f8fbfe,#e5eff6)!important;
 color:#18364d!important;
}

/* Sidebar and topbar */
html[data-theme="light"] #app-shell>.sidebar{background:#e4edf5!important;border-color:#d1deea!important}
html[data-theme="light"] #app-shell .sidebar-brand,
html[data-theme="light"] #app-shell .sidebar-bottom{border-color:#cfdae5!important}
html[data-theme="light"] #app-shell .sidebar-brand strong,
html[data-theme="light"] #app-shell .user-info strong{color:#18364d!important}
html[data-theme="light"] #app-shell .sidebar-brand small,
html[data-theme="light"] #app-shell .nav-label,
html[data-theme="light"] #app-shell .user-info small{color:#647d92!important}
html[data-theme="light"] #app-shell>.sidebar>nav button{color:#405b72!important}
html[data-theme="light"] #app-shell>.sidebar>nav button span{color:#52758f!important}
html[data-theme="light"] #app-shell>.sidebar>nav button.active{background:#d1e7f5!important;color:#16466b!important;border-color:#b6d4e7!important}
html[data-theme="light"] #app-shell>main{background:radial-gradient(ellipse at 70% -20%,#d6e8f4 0,transparent 42%),#edf2f7!important}
html[data-theme="light"] #app-shell .topbar{background:#f8fbfd!important;border-color:#d7e1eb!important}
html[data-theme="light"] #app-shell .topbar h1{color:#19354c!important}
html[data-theme="light"] #app-shell .topbar .eyebrow{color:#527f9f!important}
html[data-theme="light"] #app-shell .session-timer,
html[data-theme="light"] #app-shell .date-chip{background:#fff!important;border-color:#d5e0e9!important;color:#48647b!important}

/* Dashboard hero, metric cards and workspace surfaces */
html[data-theme="light"] #app-shell .dashboard-welcome{
 background:linear-gradient(112deg,#d8eaf5,#c5e2f0 52%,#b4dce9)!important;border-color:#b4d1e1!important;
 box-shadow:0 12px 28px #5b78901c!important;
}
html[data-theme="light"] #app-shell .dashboard-welcome h2{color:#143650!important}
html[data-theme="light"] #app-shell .dashboard-welcome p{color:#46677f!important}
html[data-theme="light"] #app-shell .dashboard-kicker{color:#286a91!important}
html[data-theme="light"] #app-shell .dashboard-action-secondary{background:#ffffffa8!important;color:#214e6b!important;border-color:#9bbfd3!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-card,
html[data-theme="light"] #app-shell .dashboard-panel,
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card,
html[data-theme="light"] #app-shell #vehicles .fleet-card{
 background:#fff!important;border-color:#d6e1eb!important;box-shadow:0 7px 20px #304c6410!important;
}
html[data-theme="light"] #app-shell .dashboard-stats .stat-card-top,
html[data-theme="light"] #app-shell .panel-overline{color:#5b7890!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-value-row strong,
html[data-theme="light"] #app-shell .dashboard-panel-head h3,
html[data-theme="light"] #app-shell .quick-access-panel h3,
html[data-theme="light"] #app-shell .dashboard-section-head h3{color:#19354c!important}
html[data-theme="light"] #app-shell .dashboard-stats .stat-foot,
html[data-theme="light"] #app-shell .dashboard-section-head p,
html[data-theme="light"] #app-shell .dashboard-panel-head p{color:#647d92!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap,
html[data-theme="light"] #app-shell #vehicles .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e7eff5,#dce7ef)!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3,
html[data-theme="light"] #app-shell #vehicles .fleet-card-title h3{color:#19354c!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate,
html[data-theme="light"] #app-shell #vehicles .fleet-plate{color:#668096!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail,
html[data-theme="light"] #app-shell #vehicles .fleet-detail{background:#f2f6f9!important;border-color:#dce5ed!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail span,
html[data-theme="light"] #app-shell #vehicles .fleet-detail span{color:#6b8194!important}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong,
html[data-theme="light"] #app-shell #vehicles .fleet-detail strong{color:#27475f!important}
html[data-theme="light"] #app-shell .quick-access-panel>button strong,
html[data-theme="light"] #app-shell .activity-main strong{color:#24445c!important}
html[data-theme="light"] #app-shell .quick-access-panel>button small,
html[data-theme="light"] #app-shell .activity-main small,
html[data-theme="light"] #app-shell .activity-time{color:#6d8498!important}
html[data-theme="light"] #app-shell .activity-empty-note{color:#647d92!important;border-color:#c7d6e2!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody td{background:#fff!important;color:#28465e!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap thead th{background:#edf3f7!important;color:#547086!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody tr:hover td{background:#f1f7fb!important}

/* All themes consistently recolor the other modules and controls. */
html[data-theme="light"] #app-shell .panel,
html[data-theme="light"] #app-shell .card,
html[data-theme="light"] #app-shell .table-card,
html[data-theme="light"] #app-shell .settings-panel,
html[data-theme="light"] #app-shell .table-wrap{background:#fff!important;border-color:#d7e1eb!important;color:#19354c!important}
html[data-theme="light"] #app-shell .page-intro h2,
html[data-theme="light"] #app-shell .section-heading h2,
html[data-theme="light"] #app-shell .section-heading h3{color:#19354c!important}
html[data-theme="light"] #app-shell .page-intro p{color:#60798e!important}
html[data-theme="light"] #app-shell thead th{background:#edf3f7!important;color:#557086!important;border-color:#d9e3eb!important}
html[data-theme="light"] #app-shell tbody td{color:#294960!important;border-color:#e2e9ef!important}
html[data-theme="light"] #app-shell input,
html[data-theme="light"] #app-shell select,
html[data-theme="light"] #app-shell textarea{background:#fff!important;border-color:#ccd9e4!important;color:#19354c!important}
html[data-theme="light"] #app-shell button.secondary,
html[data-theme="light"] #app-shell .secondary{background:#edf3f7!important;border-color:#ccd9e4!important;color:#31536d!important}
html[data-theme="light"] #app-shell dialog{background:#fff!important;color:#19354c!important;border-color:#d4e0e9!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap{background:#fff!important}
html[data-theme="light"] #app-shell .dashboard-history-panel .table-wrap tbody td{background:#fff!important}

/* Contrast is deliberately high-contrast, not a recolored dark theme. */
html[data-theme="contrast"] #app-shell>.sidebar{background:#000!important;border-color:#8292a3!important}
html[data-theme="contrast"] #app-shell>main{background:#05080d!important}
html[data-theme="contrast"] #app-shell .topbar,
html[data-theme="contrast"] #app-shell .dashboard-panel,
html[data-theme="contrast"] #app-shell .dashboard-stats .stat-card,
html[data-theme="contrast"] #app-shell .dashboard-vehicle-cards .fleet-card,
html[data-theme="contrast"] #app-shell #vehicles .fleet-card{background:#101722!important;border-color:#8194a7!important}
html[data-theme="contrast"] #app-shell .dashboard-welcome{background:#002d52!important;border:2px solid #7bc9ff!important}
html[data-theme="contrast"] #app-shell :is(h1,h2,h3,strong,td,th,label,p,small,span){text-shadow:none!important}
html[data-theme="contrast"] #app-shell :is(.page-intro p,.dashboard-section-head p,.dashboard-panel-head p,.stat-foot){color:#d1dfeb!important}
html[data-theme="contrast"] #app-shell button,html[data-theme="contrast"] #app-shell input,html[data-theme="contrast"] #app-shell select{border-width:2px!important}

/* Glass modes retain the new dashboard composition while applying real translucency. */
html[data-theme="glass"] #app-shell :is(.sidebar,.topbar,.dashboard-panel,.dashboard-stats .stat-card,.dashboard-vehicle-cards .fleet-card,#vehicles .fleet-card,.table-wrap,.panel){
 background:rgba(23,43,64,.78)!important;border-color:rgba(130,190,225,.28)!important;
 backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
html[data-theme="glass"] #app-shell .dashboard-welcome{background:linear-gradient(115deg,#143650d9,#176582c9)!important;border-color:#5bb4d066!important}
html[data-theme="glass-light"] #app-shell :is(.sidebar,.topbar,.dashboard-panel,.dashboard-stats .stat-card,.dashboard-vehicle-cards .fleet-card,#vehicles .fleet-card,.table-wrap,.panel){
 background:rgba(255,255,255,.76)!important;border-color:rgba(137,166,190,.38)!important;
 backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
html[data-theme="glass-light"] #app-shell .dashboard-welcome{background:linear-gradient(115deg,#d5eaf5e8,#b9dcebe0)!important;border-color:#9fc9dd!important}
html[data-theme="glass-light"] #app-shell :is(.dashboard-welcome h2,.dashboard-panel-head h3,.dashboard-section-head h3,.dashboard-stats .stat-value-row strong,.fleet-card-title h3,.quick-access-panel h3){color:#18364d!important}
html[data-theme="glass-light"] #app-shell :is(.dashboard-welcome p,.dashboard-section-head p,.dashboard-panel-head p,.dashboard-stats .stat-foot,.fleet-plate){color:#5d7487!important}
html[data-theme="glass-light"] #app-shell .fleet-detail{background:rgba(242,247,251,.88)!important;border-color:#d5e1ea!important}
html[data-theme="glass-light"] #app-shell .fleet-detail strong{color:#24445c!important}
html[data-theme="glass-light"] #app-shell .topbar h1{color:#18364d!important}
html[data-theme="glass-light"] #app-shell>.sidebar{background:rgba(232,241,247,.88)!important}
html[data-theme="glass-light"] #app-shell>.sidebar>nav button{color:#36566f!important}
html[data-theme="glass-light"] #app-shell>.sidebar>nav button.active{background:#d2e8f5!important;color:#174a6d!important}


/* SIGA 5.6.0 — TECHNOLOGICAL OPERATIONS CENTER */
:root{--siga-ink:#080f19;--siga-shell:#0d1724;--siga-panel:#111f2e;--siga-panel2:#17283a;--siga-line:#263c50;--siga-text:#eaf4fb;--siga-muted:#8199ad;--siga-cyan:#26c8df;--siga-blue:#328fe5;--siga-green:#35d49a;--siga-amber:#eeb35d}
html,body{background:var(--siga-ink)!important;color:var(--siga-text)!important}
#app-shell:not(.hidden){grid-template-columns:236px minmax(0,1fr)!important;background:var(--siga-ink)!important}
#app-shell>.sidebar{width:236px!important;background:linear-gradient(180deg,#0d1a29,#0a1420)!important;border-right:1px solid #20364a!important;padding:19px 13px 15px!important}
#app-shell .sidebar-brand{padding:2px 8px 20px!important;border-bottom:1px solid #21364a!important}
#app-shell .sidebar-brand .brand-mark{width:43px!important;height:43px!important;flex-basis:43px!important;border:1px solid #28506b!important;box-shadow:0 0 22px #19a9d522!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.08em!important}
#app-shell .sidebar-brand small{color:#6f91a9!important;font-size:7px!important;letter-spacing:.12em!important}
#app-shell .nav-label{color:#54758f!important;font-size:8px!important;letter-spacing:.2em!important}
#app-shell>.sidebar>nav button{min-height:40px!important;border-radius:7px!important;color:#91a8bb!important;font-size:10px!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#123c55,#16334a)!important;border:1px solid #24526d!important;box-shadow:inset 3px 0 var(--siga-cyan),0 5px 16px #0003!important;color:#f4fbff!important}
#app-shell>.sidebar>nav button.active span{color:var(--siga-cyan)!important}
#app-shell>main{padding:0 27px 40px!important;background:radial-gradient(ellipse at 78% -12%,#16324b55,transparent 42%),#080f19!important}
#app-shell .topbar{min-height:68px!important;margin:0 -27px 24px!important;padding:0 27px!important;background:#0d1825ee!important;border-bottom:1px solid #20364a!important;backdrop-filter:blur(16px)!important}
#app-shell .topbar h1{color:#eff8ff!important;font-size:17px!important}
#app-shell .topbar .eyebrow{display:block!important;color:#5b91b3!important;font-size:7px!important;letter-spacing:.2em!important}
#app-shell .dashboard-view{max-width:1700px!important;margin:0 auto!important}
#app-shell .ops-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:206px;overflow:hidden;margin:0 0 17px;padding:28px 32px;border:1px solid #24516c;border-radius:13px;background:linear-gradient(108deg,#102a40 0%,#123c58 50%,#07536b 100%);box-shadow:0 18px 45px #0005,inset 0 1px #ffffff13}
#app-shell .ops-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 45%,#25c9e22b,transparent 28%),linear-gradient(90deg,#07162444,transparent 65%)}
#app-shell .ops-hero:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:52%;height:100%;opacity:.18;background-image:linear-gradient(#9be5f4 1px,transparent 1px),linear-gradient(90deg,#9be5f4 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
#app-shell .ops-hero-main{max-width:650px;z-index:2}
#app-shell .ops-eyebrow{display:flex;align-items:center;gap:8px;color:#8bdcf0;font-size:8px;font-weight:850;letter-spacing:.22em}
#app-shell .ops-pulse{width:7px;height:7px;border-radius:50%;background:#39e2b0;box-shadow:0 0 0 4px #39e2b022,0 0 13px #39e2b0}
#app-shell .ops-hero h2{margin:13px 0 8px;color:#f5fbff;font-size:clamp(25px,3vw,37px);line-height:1.03;letter-spacing:-.05em;font-weight:850}
#app-shell .ops-hero h2 span{color:#35c9e2}
#app-shell .ops-hero p{max-width:570px;margin:0;color:#b1cbdc;font-size:10px;line-height:1.7}
#app-shell .ops-hero-actions{display:flex;gap:8px;margin-top:18px}
#app-shell .ops-btn-primary,#app-shell .ops-btn-ghost{min-height:36px;padding:9px 13px;border-radius:6px;font-size:9px;font-weight:800}
#app-shell .ops-btn-primary{border:1px solid #45b9ef;background:linear-gradient(110deg,#2589d9,#16a9c1);color:white;box-shadow:0 7px 20px #087ba344}
#app-shell .ops-btn-ghost{border:1px solid #7cb7d455;background:#09283c88;color:#d7effa}
#app-shell .ops-hero-art{position:absolute;right:6%;top:50%;width:240px;height:240px;transform:translateY(-50%);display:grid;place-items:center}
#app-shell .ops-ring{position:absolute;border:1px solid #7adcf344;border-radius:50%;box-shadow:inset 0 0 32px #24c5e10b,0 0 30px #21c3dd0b}
#app-shell .ops-ring-a{width:155px;height:155px}
#app-shell .ops-ring-b{width:225px;height:225px;border-style:dashed;animation:sigaOrbit 35s linear infinite}
#app-shell .ops-car-glyph{display:grid;place-items:center;width:82px;height:82px;border:1px solid #5ac9e566;border-radius:24px;background:linear-gradient(145deg,#1c607a,#12314b);color:#b4effa;font-size:57px;line-height:1;box-shadow:0 0 45px #1bb8d333}
#app-shell .ops-art-label{position:absolute;bottom:12px;color:#83b9d0;font-size:7px;letter-spacing:.18em}
#app-shell .ops-art-label b{margin-left:6px;color:#39cce3}
@keyframes sigaOrbit{to{transform:rotate(360deg)}}
#app-shell .ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}
#app-shell .ops-kpi{position:relative;overflow:hidden;min-height:120px;padding:14px 16px;border:1px solid #253a4e;border-radius:9px;background:linear-gradient(145deg,#142538,#101c2a);box-shadow:0 9px 26px #0003}
#app-shell .ops-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#249cdb,#25c6d9);opacity:.9}
#app-shell .ops-kpi-label{display:flex;justify-content:space-between;color:#8da9bf;font-size:7px;font-weight:850;letter-spacing:.14em}
#app-shell .ops-kpi-label span{color:#466780}
#app-shell .ops-kpi-value{display:flex;align-items:baseline;gap:8px;margin-top:13px}
#app-shell .ops-kpi-value strong{color:#f0f7fc;font-size:31px;font-weight:850;letter-spacing:-.06em}
#app-shell .ops-kpi-value small{color:#8ca4b8;font-size:8px}
#app-shell .ops-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:6px;color:#718da4;font-size:8px}
#app-shell .ops-kpi-foot i{width:5px;height:5px;border-radius:50%;background:#39c99b}
#app-shell .ops-kpi-running:before{background:linear-gradient(90deg,#2c8fe5,#38c4ec)}
#app-shell .ops-kpi-drivers:before{background:linear-gradient(90deg,#8b79e8,#44a4dc)}
#app-shell .ops-kpi-today:before{background:linear-gradient(90deg,#d79a4b,#f0c36a)}
#app-shell .ops-kpi-spark{position:absolute;right:12px;bottom:10px;width:68px;height:25px;opacity:.5;clip-path:polygon(0 70%,15% 45%,28% 58%,42% 18%,58% 35%,73% 5%,100% 22%,100% 100%,0 100%);background:linear-gradient(0deg,#209cc533,#209cc500)}
#app-shell .spark-b{background:linear-gradient(0deg,#268fe555,#268fe500)}
#app-shell .spark-c{background:linear-gradient(0deg,#9577e855,#9577e800)}
#app-shell .spark-d{background:linear-gradient(0deg,#e6ad5555,#e6ad5500)}
#app-shell .ops-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
#app-shell .ops-section-title>div>span,#app-shell .ops-panel-kicker{color:#4e9ec8;font-size:7px;font-weight:850;letter-spacing:.2em}
#app-shell .ops-section-title h3{margin:5px 0 3px;color:#edf6fc;font-size:17px;font-weight:800;letter-spacing:-.025em}
#app-shell .ops-section-title p{margin:0;color:#7f98ad;font-size:9px}
#app-shell .ops-live-status{display:flex;align-items:center;gap:7px;color:#72b7d4;font-size:7px;font-weight:800;letter-spacing:.12em}
#app-shell .ops-live-status i{width:6px;height:6px;border-radius:50%;background:#38d39f;box-shadow:0 0 10px #38d39f}
#app-shell .ops-monitor-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.82fr);gap:13px;align-items:stretch}
#app-shell .ops-map-panel,#app-shell .ops-rail-panel,#app-shell .ops-history-panel{min-width:0;padding:15px;border:1px solid #263c50;border-radius:10px;background:linear-gradient(145deg,#122234,#0e1b29);box-shadow:0 10px 28px #0003}
#app-shell .ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .ops-panel-head h3{margin:4px 0 0;color:#edf6fc;font-size:13px;font-weight:800}
#app-shell .ops-panel-head p{margin:4px 0 0;color:#7f96aa;font-size:8px}
#app-shell .ops-map-expand,#app-shell .ops-text-link{border:0;background:transparent;color:#61b8e7;font-size:8px;font-weight:800}
#app-shell .ops-live-map{position:relative;min-height:335px;height:clamp(335px,38vw,475px);overflow:hidden;border:1px solid #2b455d;border-radius:7px;background:radial-gradient(ellipse at center,#1d3b54,#102235 70%,#0d1b29)}
#app-shell .ops-live-map .leaflet-container{height:100%;width:100%;background:#11263a;font:inherit}
#app-shell .ops-live-map .leaflet-tile{filter:brightness(.72) saturate(.78) hue-rotate(165deg) contrast(1.08)}
#app-shell .ops-live-map .leaflet-control-zoom a{background:#14283b;color:#d8effa;border-color:#3b5a72}
#app-shell .ops-map-empty{position:absolute;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#183c55aa,#0d1b2bd9)}
#app-shell .ops-map-empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #4aa6ca66;border-radius:50%;color:#71c8e8;font-size:28px;box-shadow:0 0 30px #23b5d522}
#app-shell .ops-map-empty strong{color:#dcecf6;font-size:11px}
#app-shell .ops-map-empty small{max-width:340px;color:#829db2;font-size:8px;line-height:1.6}
#app-shell .ops-map-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 2px 0;color:#8299ac;font-size:8px}
#app-shell .ops-map-legend span{display:flex;align-items:center;gap:6px}
#app-shell .ops-map-legend i,#app-shell .status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
#app-shell .legend-active,.dot-green{background:#35d49a;box-shadow:0 0 8px #35d49a77}
#app-shell .legend-alert,.dot-amber{background:#ef6a70;box-shadow:0 0 8px #ef6a7077}
#app-shell .dot-blue{background:#399ced;box-shadow:0 0 8px #399ced77}
#app-shell .ops-map-legend small{margin-left:auto;color:#5e8099}
#app-shell .ops-right-rail{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
#app-shell .ops-rail-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b526c;border-radius:7px;background:#15364d;color:#5fc7e5}
#app-shell .ops-status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #25394c;color:#a5b9ca;font-size:9px}
#app-shell .ops-status-row span{display:flex;align-items:center;gap:8px}
#app-shell .ops-status-row strong{color:#edf6fc;font-size:12px}
#app-shell .ops-status-track{height:5px;margin-top:14px;overflow:hidden;border-radius:10px;background:#293b4d}
#app-shell .ops-status-track span{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#26a9d5,#36d3a0);transition:width .5s ease}
#app-shell .ops-status-caption{display:flex;justify-content:space-between;margin-top:7px;color:#7992a8;font-size:8px}
#app-shell .ops-status-caption strong{color:#5bd3ad}
#app-shell .ops-activity-list{display:grid;gap:0}
#app-shell .ops-activity-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #25394c}
#app-shell .ops-activity-item:last-child{border-bottom:0}
#app-shell .ops-activity-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #2a526b;border-radius:7px;background:#17364d;color:#5bc1e5}
#app-shell .ops-activity-item strong{display:block;overflow:hidden;color:#dceaf4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item small{display:block;overflow:hidden;margin-top:3px;color:#7f96aa;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item time{color:#66849b;font-size:7px;white-space:nowrap}
#app-shell .ops-empty-activity{padding:24px 8px;text-align:center;color:#8198ac;font-size:8px}
#app-shell .ops-fleet-title{margin-top:27px}
#app-shell .dashboard-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 11px;border:1px solid #2d465c;border-radius:5px;background:#132538;color:#91a9bd;font-size:8px}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#288dbb;background:#143c54;color:#83d8f0}
#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{overflow:hidden;border:1px solid #294158;border-radius:9px;background:linear-gradient(145deg,#172a3d,#101d2a);box-shadow:0 8px 22px #0003}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{height:125px;background:radial-gradient(ellipse at center,#2a455c,#142537)}
#app-shell .dashboard-vehicle-cards .fleet-card-image{object-fit:contain;padding:8px 18px;filter:drop-shadow(0 12px 10px #0008)}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 12px 0}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#edf6fc;font-size:11px}
#app-shell .dashboard-vehicle-cards .fleet-plate{color:#7391a8;font-size:8px;letter-spacing:.1em}
#app-shell .dashboard-vehicle-cards .fleet-detail{background:#122235;border:1px solid #294158;border-radius:5px}
#app-shell .dashboard-vehicle-cards .fleet-detail span{color:#7894aa}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#dceaf4}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 12px 12px}
#app-shell .ops-history-panel{margin-top:14px}
#app-shell .ops-history-panel .table-wrap{border-color:#294158;background:#0f1c29}
#app-shell .ops-history-panel thead th{background:#182b3e;color:#8ba7bc}
#app-shell .ops-history-panel tbody td{background:#122132;color:#c6d5e1}
.siga-map-marker-wrap{background:transparent;border:0}
.siga-map-marker{display:block;width:20px;height:20px;border:2px solid #d9f7ff;border-radius:50%;background:color-mix(in srgb,var(--marker-color) 35%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--marker-color) 18%,transparent),0 0 18px var(--marker-color);position:relative}
.siga-map-marker i{position:absolute;inset:5px;border-radius:50%;background:var(--marker-color)}
/* Theme harmonization for the new operational center */
html[data-theme="light"] #app-shell .ops-hero{background:linear-gradient(110deg,#d9edf7,#b8deeb 55%,#a6d8e5);border-color:#a7ccdc}
html[data-theme="light"] #app-shell .ops-hero h2{color:#153d56}
html[data-theme="light"] #app-shell .ops-hero p{color:#45677e}
html[data-theme="light"] #app-shell .ops-eyebrow{color:#246d8e}
html[data-theme="light"] #app-shell .ops-btn-ghost{background:#ffffff99;color:#214e68;border-color:#8cb8cc}
html[data-theme="light"] #app-shell .ops-kpi{background:linear-gradient(145deg,#fff,#f1f6fa);border-color:#d5e1e9}
html[data-theme="light"] #app-shell .ops-kpi-label{color:#57758c}
html[data-theme="light"] #app-shell .ops-kpi-value strong{color:#173a53}
html[data-theme="light"] #app-shell .ops-kpi-foot{color:#678196}
html[data-theme="light"] #app-shell .ops-section-title h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-section-title p{color:#627d91}
html[data-theme="light"] #app-shell .ops-map-panel,html[data-theme="light"] #app-shell .ops-rail-panel,html[data-theme="light"] #app-shell .ops-history-panel{background:#fff;border-color:#d6e2eb;box-shadow:0 8px 22px #314c6012}
html[data-theme="light"] #app-shell .ops-panel-head h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-panel-head p{color:#688197}
html[data-theme="light"] #app-shell .ops-status-row{color:#46647a;border-color:#e0e8ef}
html[data-theme="light"] #app-shell .ops-status-row strong{color:#193b54}
html[data-theme="light"] #app-shell .ops-status-track{background:#e1eaf0}
html[data-theme="light"] #app-shell .ops-status-caption{color:#688197}
html[data-theme="light"] #app-shell .ops-activity-item{border-color:#e1e9ef}
html[data-theme="light"] #app-shell .ops-activity-item strong{color:#23465f}
html[data-theme="light"] #app-shell .ops-activity-item small{color:#71899b}
html[data-theme="light"] #app-shell .ops-activity-item time{color:#6f879a}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card{background:#fff;border-color:#d7e2ea}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e8f0f5,#dce8ef)}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#1b3d55}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate{color:#688197}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail{background:#f3f7fa;border-color:#dce6ed}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#25465e}
html[data-theme="contrast"] #app-shell .ops-hero{background:#002c4d;border:2px solid #79d4ff}
html[data-theme="contrast"] #app-shell .ops-kpi,html[data-theme="contrast"] #app-shell .ops-map-panel,html[data-theme="contrast"] #app-shell .ops-rail-panel,html[data-theme="contrast"] #app-shell .ops-history-panel{background:#050b12;border:1px solid #8da4b8}
html[data-theme="glass"] #app-shell .ops-kpi,html[data-theme="glass"] #app-shell .ops-map-panel,html[data-theme="glass"] #app-shell .ops-rail-panel,html[data-theme="glass"] #app-shell .ops-history-panel{background:#142b40cc;backdrop-filter:blur(18px) saturate(150%);border-color:#8acbe044}
html[data-theme="glass-light"] #app-shell .ops-kpi,html[data-theme="glass-light"] #app-shell .ops-map-panel,html[data-theme="glass-light"] #app-shell .ops-rail-panel,html[data-theme="glass-light"] #app-shell .ops-history-panel{background:#ffffffc9;backdrop-filter:blur(18px) saturate(150%);border-color:#aac8da}
html[data-theme="glass-light"] #app-shell .ops-section-title h3,html[data-theme="glass-light"] #app-shell .ops-panel-head h3,html[data-theme="glass-light"] #app-shell .ops-kpi-value strong{color:#183c55}
html[data-theme="glass-light"] #app-shell .ops-section-title p,html[data-theme="glass-light"] #app-shell .ops-panel-head p,html[data-theme="glass-light"] #app-shell .ops-kpi-foot{color:#5d778b}
html[data-theme="glass-light"] #app-shell .ops-kpi-label{color:#57758b}
html[data-theme="glass-light"] #app-shell .ops-activity-item strong,html[data-theme="glass-light"] #app-shell .ops-status-row strong{color:#1c425d}
@media(max-width:1200px){#app-shell .ops-monitor-grid{grid-template-columns:1fr}#app-shell .ops-right-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:900px){#app-shell .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .ops-hero-art{right:2%;opacity:.5}}
@media(max-width:650px){#app-shell:not(.hidden){grid-template-columns:1fr!important}#app-shell>.sidebar{width:100%!important}#app-shell>main{padding:0 12px 30px!important}#app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}#app-shell .ops-hero{padding:21px;min-height:190px}#app-shell .ops-hero-art{right:-65px;opacity:.25}#app-shell .ops-hero h2{font-size:25px}#app-shell .ops-kpi-grid{gap:8px}#app-shell .ops-kpi{min-height:106px;padding:11px}#app-shell .ops-kpi-value strong{font-size:25px}#app-shell .ops-right-rail{grid-template-columns:1fr}#app-shell .ops-section-title{align-items:flex-start;flex-direction:column}#app-shell .ops-live-map{height:320px;min-height:320px}#app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}}


/* SIGA 5.6.0 — TECHNOLOGICAL OPERATIONS CENTER */
:root{--siga-ink:#080f19;--siga-shell:#0d1724;--siga-panel:#111f2e;--siga-panel2:#17283a;--siga-line:#263c50;--siga-text:#eaf4fb;--siga-muted:#8199ad;--siga-cyan:#26c8df;--siga-blue:#328fe5;--siga-green:#35d49a;--siga-amber:#eeb35d}
html,body{background:var(--siga-ink)!important;color:var(--siga-text)!important}
#app-shell:not(.hidden){grid-template-columns:236px minmax(0,1fr)!important;background:var(--siga-ink)!important}
#app-shell>.sidebar{width:236px!important;background:linear-gradient(180deg,#0d1a29,#0a1420)!important;border-right:1px solid #20364a!important;padding:19px 13px 15px!important}
#app-shell .sidebar-brand{padding:2px 8px 20px!important;border-bottom:1px solid #21364a!important}
#app-shell .sidebar-brand .brand-mark{width:43px!important;height:43px!important;flex-basis:43px!important;border:1px solid #28506b!important;box-shadow:0 0 22px #19a9d522!important}
#app-shell .sidebar-brand strong{font-size:17px!important;letter-spacing:.08em!important}
#app-shell .sidebar-brand small{color:#6f91a9!important;font-size:7px!important;letter-spacing:.12em!important}
#app-shell .nav-label{color:#54758f!important;font-size:8px!important;letter-spacing:.2em!important}
#app-shell>.sidebar>nav button{min-height:40px!important;border-radius:7px!important;color:#91a8bb!important;font-size:10px!important}
#app-shell>.sidebar>nav button.active{background:linear-gradient(100deg,#123c55,#16334a)!important;border:1px solid #24526d!important;box-shadow:inset 3px 0 var(--siga-cyan),0 5px 16px #0003!important;color:#f4fbff!important}
#app-shell>.sidebar>nav button.active span{color:var(--siga-cyan)!important}
#app-shell>main{padding:0 27px 40px!important;background:radial-gradient(ellipse at 78% -12%,#16324b55,transparent 42%),#080f19!important}
#app-shell .topbar{min-height:68px!important;margin:0 -27px 24px!important;padding:0 27px!important;background:#0d1825ee!important;border-bottom:1px solid #20364a!important;backdrop-filter:blur(16px)!important}
#app-shell .topbar h1{color:#eff8ff!important;font-size:17px!important}
#app-shell .topbar .eyebrow{display:block!important;color:#5b91b3!important;font-size:7px!important;letter-spacing:.2em!important}
#app-shell .dashboard-view{max-width:1700px!important;margin:0 auto!important}
#app-shell .ops-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:206px;overflow:hidden;margin:0 0 17px;padding:28px 32px;border:1px solid #24516c;border-radius:13px;background:linear-gradient(108deg,#102a40 0%,#123c58 50%,#07536b 100%);box-shadow:0 18px 45px #0005,inset 0 1px #ffffff13}
#app-shell .ops-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 45%,#25c9e22b,transparent 28%),linear-gradient(90deg,#07162444,transparent 65%)}
#app-shell .ops-hero:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:52%;height:100%;opacity:.18;background-image:linear-gradient(#9be5f4 1px,transparent 1px),linear-gradient(90deg,#9be5f4 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
#app-shell .ops-hero-main{max-width:650px;z-index:2}
#app-shell .ops-eyebrow{display:flex;align-items:center;gap:8px;color:#8bdcf0;font-size:8px;font-weight:850;letter-spacing:.22em}
#app-shell .ops-pulse{width:7px;height:7px;border-radius:50%;background:#39e2b0;box-shadow:0 0 0 4px #39e2b022,0 0 13px #39e2b0}
#app-shell .ops-hero h2{margin:13px 0 8px;color:#f5fbff;font-size:clamp(25px,3vw,37px);line-height:1.03;letter-spacing:-.05em;font-weight:850}
#app-shell .ops-hero h2 span{color:#35c9e2}
#app-shell .ops-hero p{max-width:570px;margin:0;color:#b1cbdc;font-size:10px;line-height:1.7}
#app-shell .ops-hero-actions{display:flex;gap:8px;margin-top:18px}
#app-shell .ops-btn-primary,#app-shell .ops-btn-ghost{min-height:36px;padding:9px 13px;border-radius:6px;font-size:9px;font-weight:800}
#app-shell .ops-btn-primary{border:1px solid #45b9ef;background:linear-gradient(110deg,#2589d9,#16a9c1);color:white;box-shadow:0 7px 20px #087ba344}
#app-shell .ops-btn-ghost{border:1px solid #7cb7d455;background:#09283c88;color:#d7effa}
#app-shell .ops-hero-art{position:absolute;right:6%;top:50%;width:240px;height:240px;transform:translateY(-50%);display:grid;place-items:center}
#app-shell .ops-ring{position:absolute;border:1px solid #7adcf344;border-radius:50%;box-shadow:inset 0 0 32px #24c5e10b,0 0 30px #21c3dd0b}
#app-shell .ops-ring-a{width:155px;height:155px}
#app-shell .ops-ring-b{width:225px;height:225px;border-style:dashed;animation:sigaOrbit 35s linear infinite}
#app-shell .ops-car-glyph{display:grid;place-items:center;width:82px;height:82px;border:1px solid #5ac9e566;border-radius:24px;background:linear-gradient(145deg,#1c607a,#12314b);color:#b4effa;font-size:57px;line-height:1;box-shadow:0 0 45px #1bb8d333}
#app-shell .ops-art-label{position:absolute;bottom:12px;color:#83b9d0;font-size:7px;letter-spacing:.18em}
#app-shell .ops-art-label b{margin-left:6px;color:#39cce3}
@keyframes sigaOrbit{to{transform:rotate(360deg)}}
#app-shell .ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}
#app-shell .ops-kpi{position:relative;overflow:hidden;min-height:120px;padding:14px 16px;border:1px solid #253a4e;border-radius:9px;background:linear-gradient(145deg,#142538,#101c2a);box-shadow:0 9px 26px #0003}
#app-shell .ops-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#249cdb,#25c6d9);opacity:.9}
#app-shell .ops-kpi-label{display:flex;justify-content:space-between;color:#8da9bf;font-size:7px;font-weight:850;letter-spacing:.14em}
#app-shell .ops-kpi-label span{color:#466780}
#app-shell .ops-kpi-value{display:flex;align-items:baseline;gap:8px;margin-top:13px}
#app-shell .ops-kpi-value strong{color:#f0f7fc;font-size:31px;font-weight:850;letter-spacing:-.06em}
#app-shell .ops-kpi-value small{color:#8ca4b8;font-size:8px}
#app-shell .ops-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:6px;color:#718da4;font-size:8px}
#app-shell .ops-kpi-foot i{width:5px;height:5px;border-radius:50%;background:#39c99b}
#app-shell .ops-kpi-running:before{background:linear-gradient(90deg,#2c8fe5,#38c4ec)}
#app-shell .ops-kpi-drivers:before{background:linear-gradient(90deg,#8b79e8,#44a4dc)}
#app-shell .ops-kpi-today:before{background:linear-gradient(90deg,#d79a4b,#f0c36a)}
#app-shell .ops-kpi-spark{position:absolute;right:12px;bottom:10px;width:68px;height:25px;opacity:.5;clip-path:polygon(0 70%,15% 45%,28% 58%,42% 18%,58% 35%,73% 5%,100% 22%,100% 100%,0 100%);background:linear-gradient(0deg,#209cc533,#209cc500)}
#app-shell .spark-b{background:linear-gradient(0deg,#268fe555,#268fe500)}
#app-shell .spark-c{background:linear-gradient(0deg,#9577e855,#9577e800)}
#app-shell .spark-d{background:linear-gradient(0deg,#e6ad5555,#e6ad5500)}
#app-shell .ops-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
#app-shell .ops-section-title>div>span,#app-shell .ops-panel-kicker{color:#4e9ec8;font-size:7px;font-weight:850;letter-spacing:.2em}
#app-shell .ops-section-title h3{margin:5px 0 3px;color:#edf6fc;font-size:17px;font-weight:800;letter-spacing:-.025em}
#app-shell .ops-section-title p{margin:0;color:#7f98ad;font-size:9px}
#app-shell .ops-live-status{display:flex;align-items:center;gap:7px;color:#72b7d4;font-size:7px;font-weight:800;letter-spacing:.12em}
#app-shell .ops-live-status i{width:6px;height:6px;border-radius:50%;background:#38d39f;box-shadow:0 0 10px #38d39f}
#app-shell .ops-monitor-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.82fr);gap:13px;align-items:stretch}
#app-shell .ops-map-panel,#app-shell .ops-rail-panel,#app-shell .ops-history-panel{min-width:0;padding:15px;border:1px solid #263c50;border-radius:10px;background:linear-gradient(145deg,#122234,#0e1b29);box-shadow:0 10px 28px #0003}
#app-shell .ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app-shell .ops-panel-head h3{margin:4px 0 0;color:#edf6fc;font-size:13px;font-weight:800}
#app-shell .ops-panel-head p{margin:4px 0 0;color:#7f96aa;font-size:8px}
#app-shell .ops-map-expand,#app-shell .ops-text-link{border:0;background:transparent;color:#61b8e7;font-size:8px;font-weight:800}
#app-shell .ops-live-map{position:relative;min-height:335px;height:clamp(335px,38vw,475px);overflow:hidden;border:1px solid #2b455d;border-radius:7px;background:radial-gradient(ellipse at center,#1d3b54,#102235 70%,#0d1b29)}
#app-shell .ops-live-map .leaflet-container{height:100%;width:100%;background:#11263a;font:inherit}
#app-shell .ops-live-map .leaflet-tile{filter:brightness(.72) saturate(.78) hue-rotate(165deg) contrast(1.08)}
#app-shell .ops-live-map .leaflet-control-zoom a{background:#14283b;color:#d8effa;border-color:#3b5a72}
#app-shell .ops-map-empty{position:absolute;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#183c55aa,#0d1b2bd9)}
#app-shell .ops-map-empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #4aa6ca66;border-radius:50%;color:#71c8e8;font-size:28px;box-shadow:0 0 30px #23b5d522}
#app-shell .ops-map-empty strong{color:#dcecf6;font-size:11px}
#app-shell .ops-map-empty small{max-width:340px;color:#829db2;font-size:8px;line-height:1.6}
#app-shell .ops-map-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 2px 0;color:#8299ac;font-size:8px}
#app-shell .ops-map-legend span{display:flex;align-items:center;gap:6px}
#app-shell .ops-map-legend i,#app-shell .status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
#app-shell .legend-active,.dot-green{background:#35d49a;box-shadow:0 0 8px #35d49a77}
#app-shell .legend-alert,.dot-amber{background:#ef6a70;box-shadow:0 0 8px #ef6a7077}
#app-shell .dot-blue{background:#399ced;box-shadow:0 0 8px #399ced77}
#app-shell .ops-map-legend small{margin-left:auto;color:#5e8099}
#app-shell .ops-right-rail{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
#app-shell .ops-rail-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b526c;border-radius:7px;background:#15364d;color:#5fc7e5}
#app-shell .ops-status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #25394c;color:#a5b9ca;font-size:9px}
#app-shell .ops-status-row span{display:flex;align-items:center;gap:8px}
#app-shell .ops-status-row strong{color:#edf6fc;font-size:12px}
#app-shell .ops-status-track{height:5px;margin-top:14px;overflow:hidden;border-radius:10px;background:#293b4d}
#app-shell .ops-status-track span{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#26a9d5,#36d3a0);transition:width .5s ease}
#app-shell .ops-status-caption{display:flex;justify-content:space-between;margin-top:7px;color:#7992a8;font-size:8px}
#app-shell .ops-status-caption strong{color:#5bd3ad}
#app-shell .ops-activity-list{display:grid;gap:0}
#app-shell .ops-activity-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #25394c}
#app-shell .ops-activity-item:last-child{border-bottom:0}
#app-shell .ops-activity-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #2a526b;border-radius:7px;background:#17364d;color:#5bc1e5}
#app-shell .ops-activity-item strong{display:block;overflow:hidden;color:#dceaf4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item small{display:block;overflow:hidden;margin-top:3px;color:#7f96aa;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
#app-shell .ops-activity-item time{color:#66849b;font-size:7px;white-space:nowrap}
#app-shell .ops-empty-activity{padding:24px 8px;text-align:center;color:#8198ac;font-size:8px}
#app-shell .ops-fleet-title{margin-top:27px}
#app-shell .dashboard-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
#app-shell .dashboard-status-tabs .vehicle-filter{padding:7px 11px;border:1px solid #2d465c;border-radius:5px;background:#132538;color:#91a9bd;font-size:8px}
#app-shell .dashboard-status-tabs .vehicle-filter.active{border-color:#288dbb;background:#143c54;color:#83d8f0}
#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#app-shell .dashboard-vehicle-cards .fleet-card{overflow:hidden;border:1px solid #294158;border-radius:9px;background:linear-gradient(145deg,#172a3d,#101d2a);box-shadow:0 8px 22px #0003}
#app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{height:125px;background:radial-gradient(ellipse at center,#2a455c,#142537)}
#app-shell .dashboard-vehicle-cards .fleet-card-image{object-fit:contain;padding:8px 18px;filter:drop-shadow(0 12px 10px #0008)}
#app-shell .dashboard-vehicle-cards .fleet-card-head{padding:10px 12px 0}
#app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#edf6fc;font-size:11px}
#app-shell .dashboard-vehicle-cards .fleet-plate{color:#7391a8;font-size:8px;letter-spacing:.1em}
#app-shell .dashboard-vehicle-cards .fleet-detail{background:#122235;border:1px solid #294158;border-radius:5px}
#app-shell .dashboard-vehicle-cards .fleet-detail span{color:#7894aa}
#app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#dceaf4}
#app-shell .dashboard-vehicle-cards .fleet-card-actions{padding:0 12px 12px}
#app-shell .ops-history-panel{margin-top:14px}
#app-shell .ops-history-panel .table-wrap{border-color:#294158;background:#0f1c29}
#app-shell .ops-history-panel thead th{background:#182b3e;color:#8ba7bc}
#app-shell .ops-history-panel tbody td{background:#122132;color:#c6d5e1}
.siga-map-marker-wrap{background:transparent;border:0}
.siga-map-marker{display:block;width:20px;height:20px;border:2px solid #d9f7ff;border-radius:50%;background:color-mix(in srgb,var(--marker-color) 35%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--marker-color) 18%,transparent),0 0 18px var(--marker-color);position:relative}
.siga-map-marker i{position:absolute;inset:5px;border-radius:50%;background:var(--marker-color)}
/* Theme harmonization for the new operational center */
html[data-theme="light"] #app-shell .ops-hero{background:linear-gradient(110deg,#d9edf7,#b8deeb 55%,#a6d8e5);border-color:#a7ccdc}
html[data-theme="light"] #app-shell .ops-hero h2{color:#153d56}
html[data-theme="light"] #app-shell .ops-hero p{color:#45677e}
html[data-theme="light"] #app-shell .ops-eyebrow{color:#246d8e}
html[data-theme="light"] #app-shell .ops-btn-ghost{background:#ffffff99;color:#214e68;border-color:#8cb8cc}
html[data-theme="light"] #app-shell .ops-kpi{background:linear-gradient(145deg,#fff,#f1f6fa);border-color:#d5e1e9}
html[data-theme="light"] #app-shell .ops-kpi-label{color:#57758c}
html[data-theme="light"] #app-shell .ops-kpi-value strong{color:#173a53}
html[data-theme="light"] #app-shell .ops-kpi-foot{color:#678196}
html[data-theme="light"] #app-shell .ops-section-title h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-section-title p{color:#627d91}
html[data-theme="light"] #app-shell .ops-map-panel,html[data-theme="light"] #app-shell .ops-rail-panel,html[data-theme="light"] #app-shell .ops-history-panel{background:#fff;border-color:#d6e2eb;box-shadow:0 8px 22px #314c6012}
html[data-theme="light"] #app-shell .ops-panel-head h3{color:#193b54}
html[data-theme="light"] #app-shell .ops-panel-head p{color:#688197}
html[data-theme="light"] #app-shell .ops-status-row{color:#46647a;border-color:#e0e8ef}
html[data-theme="light"] #app-shell .ops-status-row strong{color:#193b54}
html[data-theme="light"] #app-shell .ops-status-track{background:#e1eaf0}
html[data-theme="light"] #app-shell .ops-status-caption{color:#688197}
html[data-theme="light"] #app-shell .ops-activity-item{border-color:#e1e9ef}
html[data-theme="light"] #app-shell .ops-activity-item strong{color:#23465f}
html[data-theme="light"] #app-shell .ops-activity-item small{color:#71899b}
html[data-theme="light"] #app-shell .ops-activity-item time{color:#6f879a}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card{background:#fff;border-color:#d7e2ea}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-image-wrap{background:radial-gradient(ellipse at center,#e8f0f5,#dce8ef)}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-card-title h3{color:#1b3d55}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-plate{color:#688197}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail{background:#f3f7fa;border-color:#dce6ed}
html[data-theme="light"] #app-shell .dashboard-vehicle-cards .fleet-detail strong{color:#25465e}
html[data-theme="contrast"] #app-shell .ops-hero{background:#002c4d;border:2px solid #79d4ff}
html[data-theme="contrast"] #app-shell .ops-kpi,html[data-theme="contrast"] #app-shell .ops-map-panel,html[data-theme="contrast"] #app-shell .ops-rail-panel,html[data-theme="contrast"] #app-shell .ops-history-panel{background:#050b12;border:1px solid #8da4b8}
html[data-theme="glass"] #app-shell .ops-kpi,html[data-theme="glass"] #app-shell .ops-map-panel,html[data-theme="glass"] #app-shell .ops-rail-panel,html[data-theme="glass"] #app-shell .ops-history-panel{background:#142b40cc;backdrop-filter:blur(18px) saturate(150%);border-color:#8acbe044}
html[data-theme="glass-light"] #app-shell .ops-kpi,html[data-theme="glass-light"] #app-shell .ops-map-panel,html[data-theme="glass-light"] #app-shell .ops-rail-panel,html[data-theme="glass-light"] #app-shell .ops-history-panel{background:#ffffffc9;backdrop-filter:blur(18px) saturate(150%);border-color:#aac8da}
html[data-theme="glass-light"] #app-shell .ops-section-title h3,html[data-theme="glass-light"] #app-shell .ops-panel-head h3,html[data-theme="glass-light"] #app-shell .ops-kpi-value strong{color:#183c55}
html[data-theme="glass-light"] #app-shell .ops-section-title p,html[data-theme="glass-light"] #app-shell .ops-panel-head p,html[data-theme="glass-light"] #app-shell .ops-kpi-foot{color:#5d778b}
html[data-theme="glass-light"] #app-shell .ops-kpi-label{color:#57758b}
html[data-theme="glass-light"] #app-shell .ops-activity-item strong,html[data-theme="glass-light"] #app-shell .ops-status-row strong{color:#1c425d}
@media(max-width:1200px){#app-shell .ops-monitor-grid{grid-template-columns:1fr}#app-shell .ops-right-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:900px){#app-shell .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell .dashboard-vehicle-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell .ops-hero-art{right:2%;opacity:.5}}
@media(max-width:650px){#app-shell:not(.hidden){grid-template-columns:1fr!important}#app-shell>.sidebar{width:100%!important}#app-shell>main{padding:0 12px 30px!important}#app-shell .topbar{margin:0 -12px 15px!important;padding:0 12px!important}#app-shell .ops-hero{padding:21px;min-height:190px}#app-shell .ops-hero-art{right:-65px;opacity:.25}#app-shell .ops-hero h2{font-size:25px}#app-shell .ops-kpi-grid{gap:8px}#app-shell .ops-kpi{min-height:106px;padding:11px}#app-shell .ops-kpi-value strong{font-size:25px}#app-shell .ops-right-rail{grid-template-columns:1fr}#app-shell .ops-section-title{align-items:flex-start;flex-direction:column}#app-shell .ops-live-map{height:320px;min-height:320px}#app-shell .dashboard-vehicle-cards{grid-template-columns:1fr!important}}


/* SIGA 5.6.1 — LAYOUT RESET: FIX SIDEBAR OVERLAP / CONTENT CLIPPING */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
#app-shell:not(.hidden){
 display:block!important;position:relative!important;width:100%!important;max-width:100%!important;
 min-height:100vh!important;overflow-x:clip!important;background:#080f19!important;
}
#app-shell>.sidebar{
 position:fixed!important;inset:0 auto 0 0!important;z-index:1200!important;
 display:flex!important;flex-direction:column!important;width:250px!important;
 min-width:250px!important;max-width:250px!important;height:100vh!important;
 box-sizing:border-box!important;overflow:hidden!important;
}
#app-shell>.sidebar>nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
#app-shell>.sidebar>.sidebar-bottom{flex:0 0 auto!important}
#app-shell>main{
 display:block!important;position:relative!important;
 margin:0 0 0 250px!important;left:auto!important;right:auto!important;
 width:calc(100% - 250px)!important;min-width:0!important;max-width:none!important;
 box-sizing:border-box!important;overflow-x:clip!important;
 padding:0 30px 48px!important;
}
#app-shell>main>.topbar{
 position:relative!important;left:auto!important;right:auto!important;
 width:auto!important;max-width:none!important;margin:0 -30px 25px!important;
 box-sizing:border-box!important;padding:0 30px!important;
}
#app-shell>main>.view{display:block;position:relative;width:100%;max-width:none;min-width:0;box-sizing:border-box}
#app-shell>main>.view.hidden{display:none!important}
#app-shell>main .page-intro{width:100%;min-width:0;box-sizing:border-box;margin:0 0 20px}
#app-shell>main .settings-system-info,
#app-shell>main .settings-updates-panel{
 display:block!important;position:relative!important;width:100%!important;max-width:none!important;
 min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;
 margin:0 0 18px!important;padding:24px!important;border-radius:16px!important;
 border:1px solid #29475f!important;
 background:linear-gradient(145deg,#142a3e 0%,#102132 60%,#0e1d2b 100%)!important;
 box-shadow:0 16px 38px #0003,inset 0 1px #ffffff0b!important;
}
#app-shell>main .settings-system-info .settings-info-heading,
#app-shell>main .settings-updates-panel .settings-info-heading{margin:0 0 16px!important}
#app-shell>main .settings-system-info .settings-info-heading h3,
#app-shell>main .settings-updates-panel .settings-info-heading h3{
 margin:5px 0 5px!important;color:#f1f8fd!important;font-size:19px!important;letter-spacing:-.025em!important
}
#app-shell>main .settings-updates-panel .settings-info-heading p{margin:5px 0 0!important;color:#a4bbce!important;font-size:11px!important;line-height:1.6}
#app-shell>main .settings-system-info dl{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:0 24px!important;width:100%!important;min-width:0!important;margin:0!important
}
#app-shell>main .settings-system-info dl>div{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;min-width:0!important;max-width:100%!important;
 padding:16px 0!important;border-top:1px solid #ffffff18!important
}
#app-shell>main .settings-system-info dt{flex:0 0 34%!important;color:#8da9bf!important;font-size:10px!important}
#app-shell>main .settings-system-info dd{
 flex:1 1 auto!important;min-width:0!important;max-width:66%!important;
 text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;
 color:#eaf5fc!important;font-size:11px!important
}
#app-shell>main .settings-system-info dd small{
 display:block!important;max-width:100%!important;margin-top:4px!important;
 color:#8ea9bd!important;font-size:9px!important;line-height:1.5!important;overflow-wrap:anywhere!important
}
#app-shell>main .settings-credit{
 display:flex!important;align-items:center!important;gap:14px!important;
 margin-top:18px!important;padding:17px!important;border:1px solid #d3e7f3!important;
 border-radius:12px!important;background:linear-gradient(110deg,#f8fcff,#e9f4fb)!important;
 box-shadow:0 8px 22px #0002!important;min-width:0!important
}
#app-shell>main .settings-credit-mark{
 display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;
 border-radius:12px!important;background:linear-gradient(145deg,#0b8fc0,#18c4d7)!important;
 color:#fff!important;font-weight:900!important;box-shadow:0 6px 15px #087fa544!important
}
#app-shell>main .settings-credit>div{min-width:0!important}
#app-shell>main .settings-credit strong{display:block!important;color:#145079!important;font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
#app-shell>main .settings-credit small{display:block!important;margin-top:4px!important;color:#6b8ba2!important;font-size:9px!important}
#app-shell>main .updates-status-row{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;
 align-items:center!important;gap:12px!important;margin:15px 0!important;padding:16px!important;
 border:1px solid #29485f!important;border-radius:11px!important;background:#0b1b2a!important
}
#app-shell>main .updates-status-row>div{min-width:0!important;display:grid!important;gap:7px!important}
#app-shell>main .updates-status-row small{color:#7797ae!important;font-size:8px!important;letter-spacing:.12em!important}
#app-shell>main .updates-status-row strong{color:#f0f8fd!important;font-size:17px!important}
#app-shell>main .updates-description,#app-shell>main .updates-footnote{
 display:block!important;color:#9bb2c5!important;font-size:10px!important;line-height:1.65!important
}
#app-shell>main .updates-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:15px!important}
#app-shell>main .updates-actions button,#app-shell>main .settings-resource-cards button{
 min-height:37px!important;border-radius:7px!important;padding:9px 14px!important;font-size:9px!important;font-weight:800!important
}
#app-shell>main .settings-updates-panel .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app-shell>main .settings-updates-panel label{min-width:0!important;color:#9cb5c8!important;font-size:10px!important}
#app-shell>main .settings-updates-panel input,
#app-shell>main .settings-updates-panel textarea{
 width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 border:1px solid #35536b!important;border-radius:7px!important;background:#0a1927!important;
 color:#e9f4fb!important;padding:11px!important;font-size:10px!important
}
#app-shell>main .settings-updates-panel .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
#app-shell>main .settings-resource-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app-shell>main .settings-resource-cards article{
 min-width:0!important;padding:18px!important;border:1px solid #29475f!important;border-radius:12px!important;
 background:linear-gradient(145deg,#152c40,#102031)!important;box-shadow:0 9px 24px #0002!important
}
#app-shell>main .settings-resource-cards article h3{color:#eff7fc!important;font-size:13px!important}
#app-shell>main .settings-resource-cards article p{color:#9bb2c5!important;font-size:10px!important;line-height:1.6!important}
#app-shell>main .settings-resource-cards article .status{font-size:8px!important}
#app-shell>main .settings-resource-cards article button{background:linear-gradient(100deg,#168bc2,#16a9bd)!important;color:white!important;border:0!important}
#app-shell>main .section-heading{margin-top:25px!important}
#app-shell>main .table-wrap,#app-shell>main .selective-users-list,#app-shell>main #selective-status-list{max-width:100%!important;min-width:0!important;overflow-x:auto!important}
@media(max-width:1100px){
 #app-shell>main .settings-system-info dl{grid-template-columns:1fr!important}
 #app-shell>main .settings-system-info dl>div{gap:14px!important}
}
@media(max-width:760px){
 #app-shell>.sidebar{display:none!important}
 #app-shell>main{margin:0!important;width:100%!important;padding:0 14px 34px!important}
 #app-shell>main>.topbar{margin:0 -14px 18px!important;padding:0 14px!important}
 #app-shell>main .settings-system-info,#app-shell>main .settings-updates-panel{padding:17px!important}
 #app-shell>main .settings-updates-panel .form-grid,
 #app-shell>main .settings-resource-cards{grid-template-columns:1fr!important}
 #app-shell>main .updates-status-row{grid-template-columns:1fr 1fr!important}
 #app-shell>main .settings-system-info dl>div{align-items:flex-start!important}
 #app-shell>main .settings-system-info dt{flex-basis:31%!important}
 #app-shell>main .settings-system-info dd{max-width:69%!important}
}


/* SIGA 5.6.4 — RECUPERAÇÃO DO PAINEL PRINCIPAL */
#app-shell:not(.hidden){display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;align-items:stretch!important;min-height:100vh!important}
#app-shell:not(.hidden)>aside.sidebar{grid-column:1!important;grid-row:1!important;position:sticky!important;top:0!important;left:auto!important;width:236px!important;min-width:236px!important;height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important}
#app-shell:not(.hidden)>main{grid-column:2!important;grid-row:1!important;display:block!important;position:relative!important;width:100%!important;min-width:0!important;min-height:100vh!important;margin:0!important;padding:0 28px 40px!important;overflow:visible!important;box-sizing:border-box!important}
#app-shell:not(.hidden)>main>.view{display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:200px!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important}
#app-shell:not(.hidden)>main>.view.hidden{display:none!important}
#app-shell:not(.hidden)>main>#dashboard:not(.hidden){display:block!important;visibility:visible!important;opacity:1!important;animation:none!important}
#app-shell:not(.hidden)>main>#dashboard:not(.hidden)>*{visibility:visible!important;opacity:1!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero,
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-grid,
#app-shell:not(.hidden)>main>#dashboard .siga-analytics,
#app-shell:not(.hidden)>main>#dashboard .ops-section-title,
#app-shell:not(.hidden)>main>#dashboard .ops-map-layout,
#app-shell:not(.hidden)>main>#dashboard .ops-history-panel{display:block;visibility:visible!important;opacity:1!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-grid{display:grid!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero{display:flex!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics{display:block!important}
#app-shell:not(.hidden)>main>#dashboard .ops-map-layout{display:grid!important}
#app-shell:not(.hidden)>main>#dashboard .ops-right-rail{display:grid!important}
#app-shell:not(.hidden)>main>#dashboard .ops-history-panel{display:block!important}
html[data-theme="light"] #app-shell:not(.hidden)>main{background:#f0f5f9!important;color:#18364d!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>.topbar{background:#fff!important;color:#18364d!important;border-bottom:1px solid #dce7ee!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>.topbar h1{color:#18364d!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .ops-hero{background:linear-gradient(110deg,#12344e,#075b78)!important;color:#fff!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .ops-kpi{background:#fff!important;border-color:#d7e3eb!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .ops-kpi-label,
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .ops-kpi-foot{color:#688398!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .ops-kpi-value strong{color:#173a54!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .siga-analytics{background:linear-gradient(145deg,#fff,#edf5fa)!important;border-color:#d4e2eb!important;color:#173a54!important}
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .siga-analytics h3,
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .siga-chart-title h4,
html[data-theme="light"] #app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis article>strong{color:#173a54!important}
@media(max-width:760px){
 #app-shell:not(.hidden){display:block!important}
 #app-shell:not(.hidden)>aside.sidebar{display:none!important}
 #app-shell:not(.hidden)>main{width:100%!important;padding:0 14px 30px!important}
}


/* SIGA 5.6.5 — DASHBOARD POLISH + FIXED SIDEBAR */
html,body{min-height:100%;width:100%;margin:0;overflow-x:hidden!important}
#app-shell:not(.hidden){display:block!important;position:relative!important;min-height:100vh!important;width:100%!important;overflow:visible!important}
#app-shell:not(.hidden)>.sidebar{
 position:fixed!important;z-index:1000!important;top:0!important;left:0!important;bottom:0!important;
 display:flex!important;flex-direction:column!important;width:236px!important;min-width:236px!important;
 height:100vh!important;max-height:100vh!important;box-sizing:border-box!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
 background:linear-gradient(180deg,#fdfefe 0%,#f4f8fb 100%)!important;
 border-right:1px solid #d9e5ed!important;box-shadow:8px 0 26px rgba(22,54,78,.07)!important;
 scrollbar-width:thin!important;scrollbar-color:#c3d5e1 transparent!important
}
#app-shell:not(.hidden)>.sidebar .sidebar-brand{flex:0 0 auto!important;margin:0 15px 17px!important;padding:18px 5px 16px!important;border-bottom:1px solid #e6eef3!important}
#app-shell:not(.hidden)>.sidebar .nav-label{flex:0 0 auto!important;margin:0 15px 11px!important;color:#7894a8!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important}
#app-shell:not(.hidden)>.sidebar>nav{flex:1 0 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;padding:0 12px 14px!important;overflow:visible!important}
#app-shell:not(.hidden)>.sidebar>nav button{min-height:42px!important;width:100%!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 10px!important;border-radius:9px!important;border:1px solid transparent!important;background:transparent!important;color:#506b80!important;font-size:10px!important;font-weight:750!important;text-align:left!important;transition:all .18s ease!important}
#app-shell:not(.hidden)>.sidebar>nav button>span{width:22px!important;height:22px!important;flex:0 0 22px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#edf4f8!important;color:#6288a2!important}
#app-shell:not(.hidden)>.sidebar>nav button:hover{background:#edf6fb!important;color:#164b6c!important;border-color:#d7e9f3!important}
#app-shell:not(.hidden)>.sidebar>nav button.active{background:#dceef8!important;color:#124d70!important;border-color:#b8d9eb!important;box-shadow:inset 3px 0 #16b8d3,0 5px 14px rgba(19,73,105,.08)!important}
#app-shell:not(.hidden)>.sidebar .sidebar-bottom{position:sticky!important;bottom:0!important;flex:0 0 auto!important;margin-top:auto!important;padding:12px 12px 14px!important;background:linear-gradient(180deg,rgba(250,253,255,.92),#f3f7fa 24%)!important;border-top:1px solid #dce7ee!important}
#app-shell:not(.hidden)>main{display:block!important;position:relative!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:100vh!important;margin:0 0 0 236px!important;padding:0 28px 44px!important;left:auto!important;right:auto!important;box-sizing:border-box!important;overflow:visible!important;background:#edf3f7!important}
#app-shell:not(.hidden)>main>.topbar{position:sticky!important;top:0!important;z-index:500!important;margin:0 -28px 24px!important;padding:0 28px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid #dce6ed!important;box-shadow:0 4px 18px rgba(28,61,83,.04)!important}
#app-shell:not(.hidden)>main>.view{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;overflow:visible!important}
#app-shell:not(.hidden)>main>.view.hidden{display:none!important}
#app-shell:not(.hidden)>main>#dashboard:not(.hidden){display:block!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero{
 position:relative!important;min-height:174px!important;display:flex!important;align-items:center!important;
 padding:28px 32px!important;margin:0 0 17px!important;box-sizing:border-box!important;
 border:1px solid rgba(53,183,216,.26)!important;border-radius:15px!important;
 background:radial-gradient(circle at 88% 40%,rgba(39,194,219,.18),transparent 23%),linear-gradient(110deg,#10334b 0%,#0d4965 55%,#08627a 100%)!important;
 box-shadow:0 13px 28px rgba(15,50,72,.16)!important;overflow:hidden!important
}
#app-shell:not(.hidden)>main>#dashboard .ops-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(157,225,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(157,225,239,.07) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);pointer-events:none}
#app-shell:not(.hidden)>main>#dashboard .ops-hero-main{position:relative!important;z-index:2!important;max-width:72%!important}
#app-shell:not(.hidden)>main>#dashboard .ops-eyebrow{color:#65d5e6!important;font-size:8px!important;letter-spacing:.19em!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero h2{margin:11px 0 7px!important;color:#f6fcff!important;font-size:clamp(22px,2.3vw,32px)!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:1.1!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero p{color:#b2d0df!important;font-size:10px!important;line-height:1.6!important}
#app-shell:not(.hidden)>main>#dashboard .ops-hero-art{z-index:1!important;opacity:.95!important}
#app-shell:not(.hidden)>main>#dashboard .ops-btn-primary{background:linear-gradient(100deg,#17a9cf,#17c1ce)!important;border:1px solid rgba(153,239,246,.35)!important;box-shadow:0 6px 16px rgba(0,0,0,.13)!important}
#app-shell:not(.hidden)>main>#dashboard .ops-btn-ghost{background:rgba(239,250,255,.88)!important;color:#174963!important;border:1px solid rgba(255,255,255,.3)!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi{min-width:0!important;padding:16px!important;border:1px solid #dce7ee!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#f9fcfe)!important;box-shadow:0 8px 20px rgba(25,60,82,.08)!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-label{color:#64839a!important;font-size:8px!important;letter-spacing:.13em!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-value strong{color:#173e59!important;font-size:27px!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .ops-kpi-value small,#app-shell:not(.hidden)>main>#dashboard .ops-kpi-foot{color:#7894a8!important;font-size:8px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics{
 display:block!important;position:relative!important;width:100%!important;min-width:0!important;
 margin:0 0 20px!important;padding:23px!important;box-sizing:border-box!important;
 border:1px solid #d7e4ec!important;border-radius:14px!important;
 background:linear-gradient(145deg,#fff 0%,#f7fbfd 100%)!important;
 box-shadow:0 9px 25px rgba(22,57,79,.07)!important;color:#183b55!important;overflow:hidden!important
}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#12b9d4,#438ff0 55%,#9278e9)}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-bottom:18px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kicker{display:block!important;color:#178cae!important;font-size:8px!important;font-weight:900!important;letter-spacing:.17em!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-head h3{margin:6px 0 5px!important;color:#173d58!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.03em!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-head p{margin:0!important;color:#718da2!important;font-size:10px!important;line-height:1.6!important}
#app-shell:not(.hidden)>main>#dashboard .siga-month-filter{display:grid!important;gap:6px!important;flex:0 0 180px!important;color:#68879d!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important}
#app-shell:not(.hidden)>main>#dashboard .siga-month-filter input{width:100%!important;box-sizing:border-box!important;padding:10px!important;border:1px solid #d4e2eb!important;border-radius:8px!important;background:#fff!important;color:#244b66!important;font-size:10px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis article{position:relative!important;min-width:0!important;padding:14px!important;border:1px solid #e0eaf0!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#f4f9fc)!important;overflow:hidden!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis article>span{display:block!important;color:#7792a6!important;font-size:7px!important;font-weight:900!important;letter-spacing:.1em!important;line-height:1.5!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis article>strong{display:block!important;margin:8px 0 4px!important;color:#173f5a!important;font-size:clamp(18px,2vw,25px)!important;font-weight:900!important;line-height:1.2!important;overflow-wrap:anywhere!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis article>small{display:block!important;color:#7d96a9!important;font-size:8px!important;line-height:1.5!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-card{display:block!important;min-width:0!important;padding:17px!important;border:1px solid #dfe9ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 5px 15px rgba(26,63,86,.04)!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 15px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-title>div>span{display:block!important;color:#168ead!important;font-size:7px!important;font-weight:900!important;letter-spacing:.15em!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-title h4{margin:5px 0 0!important;color:#1b425d!important;font-size:13px!important;font-weight:850!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-period,#app-shell:not(.hidden)>main>#dashboard .siga-ranking-badge{padding:6px 8px!important;border:1px solid #d5eaf1!important;border-radius:6px!important;background:#eef9fc!important;color:#218ba8!important;font-size:7px!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut-layout{display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:15px!important;min-height:175px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut{display:grid!important;place-items:center!important;width:min(100%,164px)!important;aspect-ratio:1!important;margin:auto!important;border-radius:50%!important;position:relative!important;box-shadow:0 0 0 7px #f2f7fa!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut:before{content:"";position:absolute;inset:18%;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 1px #e3edf2!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut>div{position:relative!important;z-index:1!important;display:grid!important;text-align:center!important;gap:3px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut>div strong{color:#183f5b!important;font-size:24px!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .siga-donut>div small{color:#7e98aa!important;font-size:7px!important;font-weight:900!important;letter-spacing:.1em!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-legend{display:grid!important;gap:10px!important;min-width:0!important}
#app-shell:not(.hidden)>main>#dashboard .siga-legend-row{display:grid!important;grid-template-columns:8px minmax(0,1fr) auto auto!important;align-items:center!important;gap:7px!important;min-width:0!important}
#app-shell:not(.hidden)>main>#dashboard .siga-legend-row>i{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--legend-color)!important}
#app-shell:not(.hidden)>main>#dashboard .siga-legend-row>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#627f94!important;font-size:8px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-legend-row>strong{color:#1c435e!important;font-size:9px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-legend-row>small{color:#8aa0b0!important;font-size:8px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-ranking{display:grid!important;gap:13px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-position{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:7px!important;background:#eaf6fa!important;color:#198eac!important;font-size:9px!important;font-weight:900!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta>div{display:grid!important;gap:3px!important;min-width:0!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta>div strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#254b65!important;font-size:9px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta>div small{color:#8199aa!important;font-size:7px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta>b{color:#1e4661!important;font-size:10px!important;white-space:nowrap!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-meta>b small{color:#849cad!important;font-size:7px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-track{height:7px!important;margin:7px 0 4px 35px!important;border-radius:20px!important;background:#e8f0f5!important;overflow:hidden!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-track i{display:block!important;height:100%!important;min-width:2px!important;border-radius:20px!important;background:linear-gradient(90deg,var(--rank-color),color-mix(in srgb,var(--rank-color),white 25%))!important}
#app-shell:not(.hidden)>main>#dashboard .siga-rank-percent{margin-left:35px!important;color:#8299aa!important;font-size:7px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-chart-empty{margin:0!important;padding:20px 8px!important;text-align:center!important;color:#7c94a6!important;font-size:9px!important;line-height:1.6!important}
#app-shell:not(.hidden)>main>#dashboard .siga-analytics-foot{display:flex!important;align-items:center!important;gap:8px!important;margin-top:13px!important;padding-top:11px!important;border-top:1px solid #e8eff3!important;color:#8299aa!important;font-size:8px!important}
#app-shell:not(.hidden)>main>#dashboard .siga-live-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#31bd91!important}
@media(max-width:1150px){
 #app-shell:not(.hidden)>main>#dashboard .ops-kpi-grid,#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-analytics-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 #app-shell:not(.hidden)>.sidebar{width:0!important;min-width:0!important;display:none!important}
 #app-shell:not(.hidden)>main{margin-left:0!important;padding:0 14px 30px!important}
 #app-shell:not(.hidden)>main>.topbar{margin:0 -14px 18px!important;padding:0 14px!important}
 #app-shell:not(.hidden)>main>#dashboard .ops-hero{padding:22px!important}
 #app-shell:not(.hidden)>main>#dashboard .ops-hero-main{max-width:100%!important}
 #app-shell:not(.hidden)>main>#dashboard .ops-kpi-grid,#app-shell:not(.hidden)>main>#dashboard .siga-analytics-kpis{grid-template-columns:1fr 1fr!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-analytics{padding:15px!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-analytics-head{align-items:stretch!important;flex-direction:column!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-month-filter{flex-basis:auto!important;width:100%!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-donut-layout{grid-template-columns:1fr!important}
 #app-shell:not(.hidden)>main>#dashboard .siga-donut{width:145px!important}
}


/* SIGA 5.6.7 — remove espaço fantasma e normalizar a área de trabalho */
html,body{margin:0!important;min-height:100%!important;overflow-x:hidden!important}
#app-shell:not(.hidden){display:block!important;position:relative!important;min-height:100vh!important;width:100%!important;padding:0!important;margin:0!important}
#app-shell:not(.hidden)>.sidebar{
 position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;
 width:236px!important;min-width:236px!important;max-width:236px!important;height:100vh!important;
 min-height:100vh!important;max-height:100vh!important;transform:none!important;margin:0!important;
 display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;
}
#app-shell:not(.hidden)>main{
 position:relative!important;top:0!important;left:auto!important;right:auto!important;
 width:auto!important;min-width:0!important;max-width:none!important;min-height:100vh!important;
 margin:0 0 0 236px!important;padding:0 26px 40px!important;
 padding-top:0!important;transform:none!important;translate:none!important;
 box-sizing:border-box!important;overflow:visible!important;
}
#app-shell:not(.hidden)>main>.topbar{
 position:sticky!important;top:0!important;z-index:900!important;
 margin:0 -26px 22px!important;padding:0 26px!important;
 min-height:58px!important;transform:none!important;
}
#app-shell:not(.hidden)>main>.view{margin-top:0!important;transform:none!important}
#app-shell:not(.hidden)>main>#dashboard{margin-top:0!important;padding-top:0!important}
@media(max-width:760px){
 #app-shell:not(.hidden)>.sidebar{display:none!important}
 #app-shell:not(.hidden)>main{margin:0!important;padding:0 13px 28px!important;padding-top:0!important}
 #app-shell:not(.hidden)>main>.topbar{margin:0 -13px 18px!important;padding:0 13px!important}
}


/* SIGA 5.6.8 — LAYOUT ESTRUTURAL: sidebar fora do fluxo e conteúdo no topo */
html,body{margin:0!important;padding:0!important;min-height:100%!important;overflow-x:hidden!important}
#app-shell:not(.hidden){
 display:block!important;position:relative!important;
 width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;
}
#app-shell:not(.hidden)>aside.sidebar{
 position:fixed!important;inset:0 auto 0 0!important;
 display:flex!important;flex-direction:column!important;
 width:236px!important;min-width:236px!important;max-width:236px!important;
 height:100vh!important;min-height:100vh!important;max-height:100vh!important;
 margin:0!important;transform:none!important;z-index:1500!important;
 overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;
}
#app-shell:not(.hidden)>main{
 display:block!important;position:relative!important;
 top:0!important;left:236px!important;right:auto!important;
 width:calc(100% - 236px)!important;min-width:0!important;max-width:none!important;
 min-height:100vh!important;height:auto!important;
 margin:0!important;padding:0 26px 40px!important;
 transform:none!important;translate:none!important;
 box-sizing:border-box!important;overflow:visible!important;
}
#app-shell:not(.hidden)>main>.topbar{
 position:sticky!important;top:0!important;z-index:1400!important;
 width:auto!important;min-height:58px!important;
 margin:0 -26px 22px!important;padding:0 26px!important;
 transform:none!important;box-sizing:border-box!important;
}
#app-shell:not(.hidden)>main>.view{
 display:block!important;position:relative!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 margin:0!important;transform:none!important;box-sizing:border-box!important;
}
#app-shell:not(.hidden)>main>#dashboard{margin:0!important;padding-top:0!important}
@media(max-width:760px){
 #app-shell:not(.hidden)>aside.sidebar{display:none!important}
 #app-shell:not(.hidden)>main{
  left:0!important;width:100%!important;margin:0!important;
  padding:0 13px 28px!important;
 }
 #app-shell:not(.hidden)>main>.topbar{margin:0 -13px 18px!important;padding:0 13px!important}
}