
:root{--bg:#050b16;--s1:rgba(9,18,37,.96);--s2:rgba(16,32,60,.90);--border:rgba(255,255,255,.08);--text:#eef4ff;--muted:#b5c2d6;--cyan:#14d7ff;--green:#10b981;--amber:#f59e0b}
body{background:var(--bg);color:var(--text)}
.v63-shell{display:grid;gap:1rem}.v63-hero,.v63-card{background:linear-gradient(135deg,var(--s1),var(--s2));border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.v63-hero{padding:18px}.v63-card{padding:16px}.v63-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.v63-mini{background:rgba(255,255,255,.05);border-radius:16px;padding:10px 12px}.v63-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.v63-value{font-size:20px;font-weight:800}.v63-actions{display:flex;gap:10px;flex-wrap:wrap}.v63-map{height:48vh;min-height:320px;border-radius:18px;overflow:hidden;background:#0b1220}.v63-list{display:flex;flex-direction:column;gap:.8rem}.v63-item{padding:1rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.v63-btn{appearance:none;border:none;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.v63-btn-primary{background:var(--cyan);color:#03111a}.v63-btn-success{background:var(--green);color:#fff}.v63-btn-light{background:#fff;color:#111827}.v63-btn-warn{background:var(--amber);color:#111827}.v63-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px}.v63-kpi{font-size:28px;font-weight:900}.v63-sub{color:#cbd5e1}.vehicle-icon{font-size:30px;transform-origin:center center}
@media(max-width:767px){.v63-actions .v63-btn{width:100%}.v63-map{height:42vh}}


/* V75 RESPONSIVE TABLES */
@media (max-width:768px){
table thead{display:none}
table tr{
display:block;
margin-bottom:12px;
background:#111827;
border-radius:12px;
padding:12px;
border:1px solid rgba(255,255,255,.05)
}
table td{
display:flex;
justify-content:space-between;
padding:6px 0;
font-size:14px
}
table td:before{
content:attr(data-label);
font-weight:600;
opacity:.7
}
}


/* V76 UNIFIED STABLE READY */
:root{--v76-cyan:#14d7ff;--v76-green:#10b981}
.card,.small-box,.info-box,.modal-content{border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}
.card-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.content-wrapper{background:#0b1321!important;overflow-x:hidden}
.btn-primary{background:var(--v76-cyan)!important;border-color:var(--v76-cyan)!important;color:#03111a!important;font-weight:700}
.btn-success{background:var(--v76-green)!important;border-color:var(--v76-green)!important}
@media (max-width:768px){
.table-mobile-cards thead{display:none!important}
.table-mobile-cards tbody tr{display:block;margin-bottom:12px;background:#111827;border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:12px}
.table-mobile-cards tbody td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:none!important}
.table-mobile-cards tbody td:before{content:attr(data-label);font-weight:700;opacity:.72;min-width:96px}
.content-header h1{font-size:1.8rem!important}
}



/* V90 Voice Toggle UI */
#navVoiceBtn{
 position:absolute;
 top:14px;
 right:14px;
 z-index:9999;
 background:rgba(15,23,42,0.85);
 backdrop-filter:blur(6px);
 border:1px solid rgba(255,255,255,0.1);
 color:#fff;
 padding:8px 14px;
 border-radius:12px;
 font-size:13px;
 cursor:pointer;
 transition:all .2s ease;
}
#navVoiceBtn:hover{
 background:#1e293b;
}



/* V91 Elegant Voice Button */
.nav-voice-btn{
 position:absolute;
 top:14px;
 right:14px;
 z-index:9999;
 padding:10px 16px;
 border-radius:14px;
 border:1px solid rgba(255,255,255,0.12);
 backdrop-filter:blur(8px);
 font-size:13px;
 cursor:pointer;
 transition:all .2s ease;
}

.nav-voice-btn.on{
 background:rgba(16,185,129,0.15);
 color:#10b981;
}

.nav-voice-btn.off{
 background:rgba(239,68,68,0.15);
 color:#ef4444;
}

.nav-voice-btn:hover{
 transform:scale(1.05);
}
