/* LECH TRACK GPS - NEON THEME V2 - FORCE ALL PAGES */
:root{
  --lech-bg:#03040a;
  --lech-bg2:#07111f;
  --lech-card:rgba(8,13,28,.82);
  --lech-card2:rgba(14,22,42,.92);
  --lech-text:#f8fafc;
  --lech-muted:#9ca3af;
  --lech-cyan:#22d3ee;
  --lech-blue:#2563eb;
  --lech-fuchsia:#d946ef;
  --lech-lime:#a3e635;
  --lech-red:#ef4444;
  --lech-border:rgba(34,211,238,.22);
}

html,body{
  background:
    radial-gradient(circle at 10% 0%, rgba(34,211,238,.18), transparent 34%),
    radial-gradient(circle at 95% 20%, rgba(217,70,239,.18), transparent 36%),
    radial-gradient(circle at 50% 100%, rgba(37,99,235,.16), transparent 40%),
    var(--lech-bg) !important;
  color:var(--lech-text) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(34,211,238,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217,70,239,.035) 1px, transparent 1px);
  background-size:42px 42px;
}

header,.header,.top-header,.page-header{
  background:rgba(3,4,10,.92) !important;
  color:white !important;
  border-bottom:1px solid rgba(34,211,238,.25) !important;
  box-shadow:0 0 35px rgba(34,211,238,.12) !important;
  backdrop-filter:blur(14px) !important;
}

h1,h2,h3{
  color:#fff !important;
  letter-spacing:-.03em;
  text-shadow:0 0 22px rgba(34,211,238,.16) !important;
}

main,.main,.container{
  background:transparent !important;
}

.card,.panel,.filters,.column-filter,.summary,section,main>div:not(.nav):not(.top):not(.buttons):not(.quick-row){
  background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(3,7,18,.88)) !important;
  color:var(--lech-text) !important;
  border:1px solid rgba(34,211,238,.20) !important;
  box-shadow:0 0 35px rgba(34,211,238,.10), 0 16px 44px rgba(0,0,0,.45) !important;
}

.nav,.top,.buttons,.actions{
  background:transparent !important;
}

a.button,button,.btn,input[type="button"],input[type="submit"]{
  background:linear-gradient(135deg, var(--lech-blue), #7c3aed) !important;
  color:#fff !important;
  border:1px solid rgba(34,211,238,.35) !important;
  box-shadow:0 0 22px rgba(37,99,235,.32) !important;
  font-weight:800 !important;
  transition:.18s ease !important;
}

a.button:hover,button:hover,.btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(34,211,238,.8) !important;
  box-shadow:0 0 32px rgba(34,211,238,.45) !important;
}

button.save,.btn.green,.save{
  background:linear-gradient(135deg,#16a34a,var(--lech-lime)) !important;
  color:#06130a !important;
  border-color:rgba(163,230,53,.45) !important;
  box-shadow:0 0 25px rgba(163,230,53,.25) !important;
}

button.finish,button.delete,.btn.red,.delete,.finish{
  background:linear-gradient(135deg,#dc2626,#991b1b) !important;
  color:white !important;
  border-color:rgba(248,113,113,.45) !important;
  box-shadow:0 0 25px rgba(239,68,68,.25) !important;
}

button.finalize,.finalize{
  background:linear-gradient(135deg,#9333ea,var(--lech-fuchsia)) !important;
  color:white !important;
  border-color:rgba(217,70,239,.5) !important;
  box-shadow:0 0 25px rgba(217,70,239,.28) !important;
}

table{
  background:rgba(2,6,23,.88) !important;
  color:var(--lech-text) !important;
  border:1px solid rgba(34,211,238,.18) !important;
  box-shadow:0 0 35px rgba(34,211,238,.08) !important;
}

th{
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(217,70,239,.12)) !important;
  color:#e0faff !important;
  border-color:rgba(34,211,238,.18) !important;
}

td{
  background:rgba(15,23,42,.52) !important;
  color:var(--lech-text) !important;
  border-color:rgba(148,163,184,.14) !important;
}

tr:nth-child(even) td{
  background:rgba(30,41,59,.50) !important;
}

input,select,textarea{
  background:rgba(2,6,23,.72) !important;
  color:white !important;
  border:1px solid rgba(34,211,238,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 0 18px rgba(34,211,238,.05) !important;
}

input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:var(--lech-cyan) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.16), 0 0 28px rgba(34,211,238,.20) !important;
}

option{
  background:#020617 !important;
  color:white !important;
}

.small,p,label,.stat-label,.desc{
  color:var(--lech-muted) !important;
}

.status-open,.status-online{
  color:#86efac !important;
  text-shadow:0 0 15px rgba(134,239,172,.55) !important;
}
.status-draft{color:#facc15 !important;text-shadow:0 0 15px rgba(250,204,21,.35) !important;}
.status-final{color:#67e8f9 !important;text-shadow:0 0 15px rgba(103,232,249,.55) !important;}

/* vehicle.html specific */
.odo,input[id^="odo"],input[id*="odometer"],input[id*="current_odometer"]{
  border-color:rgba(163,230,53,.35) !important;
  box-shadow:0 0 18px rgba(163,230,53,.10) !important;
}

/* service/STK page specific */
.alerts-card,.alert-item,.alert-warn,.alert-bad{
  border:1px solid rgba(217,70,239,.22) !important;
  background:rgba(15,23,42,.85) !important;
  color:white !important;
}
.alert-warn{box-shadow:0 0 24px rgba(250,204,21,.16) !important;}
.alert-bad{box-shadow:0 0 24px rgba(239,68,68,.20) !important;}

/* Leaflet panels */
.leaflet-control,.leaflet-popup-content-wrapper,.leaflet-popup-tip{
  background:rgba(2,6,23,.92) !important;
  color:white !important;
  border:1px solid rgba(34,211,238,.25) !important;
}

@media(max-width:700px){
  body{background-color:var(--lech-bg) !important;}
  .card,.panel,.filters,.column-filter,.summary,section{border-radius:18px !important;}
  a.button,button,.btn{border-radius:12px !important;}
}