
:root{
  --v67-bg:#07111f;
  --v67-glass:linear-gradient(135deg,rgba(7,17,31,.92),rgba(10,22,46,.86));
  --v67-border:rgba(255,255,255,.08);
  --v67-cyan:#14d7ff;
  --v67-green:#10b981;
  --v67-surface:rgba(255,255,255,.05);
}
.v67-top-card,.v67-sheet{
  background:var(--v67-glass);
  backdrop-filter:blur(12px);
  border:1px solid var(--v67-border);
  box-shadow:0 24px 48px rgba(0,0,0,.35);
}
.v67-top-card{
  position:fixed;left:14px;right:14px;top:14px;z-index:20;border-radius:24px;padding:16px 18px;
}
.v67-sheet{
  position:fixed;left:14px;right:14px;bottom:14px;z-index:20;border-radius:26px;
  overflow:hidden;transition:max-height .25s ease;
}
.v67-sheet.minimized{max-height:86px}
.v67-sheet.expanded{max-height:78vh}
.v67-sheet-handle{width:56px;height:6px;border-radius:999px;background:rgba(255,255,255,.25);margin:10px auto 8px;cursor:pointer}
.v67-sheet-body{padding:0 16px 16px}
.v67-collapse-btn{
  appearance:none;border:none;border-radius:999px;background:rgba(255,255,255,.08);
  color:#fff;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer
}
.v67-collapse-btn:hover{background:rgba(255,255,255,.14)}
.v67-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v67-item{background:var(--v67-surface);border-radius:18px;padding:12px}
.v67-label{font-size:12px;color:#b8c0cf}
.v67-value{font-size:20px;font-weight:800}
.v67-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.v67-btn{appearance:none;border:none;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.v67-btn-primary{background:var(--v67-cyan);color:#03111a}
.v67-btn-secondary{background:#fff;color:#0f172a}
.v67-btn-success{background:var(--v67-green);color:#fff}
.v67-fleet-shell{display:grid;gap:1rem}
.v67-fleet-card{background:linear-gradient(135deg,rgba(9,18,37,.96),rgba(16,32,60,.90));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:16px}
.v67-fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.v67-kpi{font-size:28px;font-weight:900}
.v67-mini-map{height:65vh}
@media(max-width:767px){
  .v67-stats{grid-template-columns:1fr}
  .v67-actions .v67-btn{width:100%}
}


/* 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);
}
