*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:oklch(.13 .03 268);--navy-2:oklch(.19 .032 268);--navy-3:oklch(.26 .035 268);--amber:oklch(.62 .26 265);--amber-d:oklch(.52 .26 265);--teal:oklch(.68 .18 210);--green:oklch(.65 .14 145);--red:oklch(.6 .16 20);--white:oklch(.985 .008 85);--off:oklch(.94 .01 85);--muted:oklch(.55 .015 248);--border:oklch(.88 .01 248);--r:10px;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace;--bg: oklch(.985 .008 85);--surface: #ffffff;--surface-2: oklch(.94 .01 85);--surface-hover:oklch(.96 .01 85);--text: oklch(.13 .03 268);--text-soft: oklch(.55 .015 248);--shadow-strong: rgba(0,0,0,.18);--shadow-soft: rgba(0,0,0,.06);--overlay: rgba(15,17,30,.42);--select-tint: oklch(.62 .26 265 / .06)}:root[data-theme=dark]{--navy: oklch(.96 .008 248);--navy-2: oklch(.88 .01 248);--navy-3: oklch(.74 .014 248);--amber: oklch(.78 .2 265);--amber-d: oklch(.74 .2 70);--teal: oklch(.78 .16 200);--green: oklch(.78 .16 145);--red: oklch(.76 .18 22);--muted: oklch(.62 .022 248);--border: oklch(.36 .022 268);--bg: oklch(.18 .022 268);--surface: oklch(.24 .024 268);--surface-2: oklch(.21 .022 268);--surface-hover:oklch(.30 .026 268);--text: oklch(.96 .008 248);--text-soft: oklch(.82 .018 248);--shadow-strong: rgba(255,255,255,.08);--shadow-soft: rgba(255,255,255,.04);--overlay: rgba(0,0,0,.72);--select-tint: oklch(.62 .26 265 / .22);--white:var(--surface);color-scheme:dark}:root[data-theme=dark] body{background:var(--bg)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--navy: oklch(.96 .008 248);--navy-2: oklch(.88 .01 248);--navy-3: oklch(.74 .014 248);--amber: oklch(.78 .2 265);--amber-d: oklch(.74 .2 70);--teal: oklch(.78 .16 200);--green: oklch(.78 .16 145);--red: oklch(.76 .18 22);--muted: oklch(.62 .022 248);--border: oklch(.36 .022 268);--bg: oklch(.18 .022 268);--surface: oklch(.24 .024 268);--surface-2: oklch(.21 .022 268);--surface-hover:oklch(.30 .026 268);--text: oklch(.96 .008 248);--text-soft: oklch(.82 .018 248);--shadow-strong: rgba(255,255,255,.08);--shadow-soft: rgba(255,255,255,.04);--overlay: rgba(0,0,0,.72);--select-tint: oklch(.62 .26 265 / .22);--white:var(--surface);color-scheme:dark}:root[data-theme=auto] body{background:var(--bg)}}:root[data-theme=dark] [style*="background:white"],:root[data-theme=dark] [style*="background: white"],:root[data-theme=dark] [style*="background:'white'"],:root[data-theme=auto] [style*="background:white"],:root[data-theme=auto] [style*="background: white"],:root[data-theme=auto] [style*="background:'white'"]{background:var(--surface)!important}@media(prefers-color-scheme:light){:root[data-theme=auto] [style*="background:white"],:root[data-theme=auto] [style*="background: white"],:root[data-theme=auto] [style*="background:'white'"]{background:#fff!important}}:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}:root[data-theme=dark] input::-moz-placeholder,:root[data-theme=dark] textarea::-moz-placeholder{color:var(--text-soft)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--text-soft)!important}@media(prefers-color-scheme:dark){:root[data-theme=auto] input:not([type=checkbox]):not([type=radio]):not([type=file]),:root[data-theme=auto] textarea,:root[data-theme=auto] select{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}:root[data-theme=auto] input::-moz-placeholder,:root[data-theme=auto] textarea::-moz-placeholder{color:var(--text-soft)!important}:root[data-theme=auto] input::placeholder,:root[data-theme=auto] textarea::placeholder{color:var(--text-soft)!important}}:root[data-theme=dark] [style*="oklch(0.62 0.26 265 / 0.06)"],:root[data-theme=auto] [style*="oklch(0.62 0.26 265 / 0.06)"]{background:var(--select-tint)!important}@media(prefers-color-scheme:light){:root[data-theme=auto] [style*="oklch(0.62 0.26 265 / 0.06)"]{background:#487bff0f!important;background:oklch(.62 .26 265 / .06)!important}}:root[data-theme=dark] [style*="oklch(0.60 0.16 20 / 0.10)"]{background-color:#de3a4647!important}@media(prefers-color-scheme:dark){:root[data-theme=auto] [style*="oklch(0.60 0.16 20 / 0.10)"]{background-color:#de3a4647!important}}:root[data-theme=dark] [style*="oklch(0.65 0.14 145 / 0.10)"],:root[data-theme=dark] [style*="oklch(0.65 0.14 145/0.1)"]{background-color:#5bb6613d!important}:root[data-theme=dark] [style*="oklch(0.72 0.16 68 / 0.12)"],:root[data-theme=dark] [style*="oklch(0.72 0.16 68/0.1)"]{background-color:#ea960047!important;background-color:oklch(.74 .18 70 / .28)!important}:root[data-theme=dark] [style*="oklch(0.65 0.14 195 / 0.12)"],:root[data-theme=dark] [style*="oklch(0.65 0.14 248 / 0.12)"],:root[data-theme=dark] [style*="oklch(0.64 0.14 248 / 0.10)"]{background-color:#3ba4fc4d!important}:root[data-theme=dark] [style*="oklch(0.55 0.015 248 / 0.08)"],:root[data-theme=dark] [style*="oklch(0.94 0.010 85)"],:root[data-theme=dark] [style*="oklch(0.55 0.015 248 / 0.10)"]{background-color:#69737d4d!important}@media(prefers-color-scheme:dark){:root[data-theme=auto] [style*="oklch(0.65 0.14 145 / 0.10)"],:root[data-theme=auto] [style*="oklch(0.65 0.14 145/0.1)"]{background-color:#5bb6613d!important}:root[data-theme=auto] [style*="oklch(0.72 0.16 68 / 0.12)"],:root[data-theme=auto] [style*="oklch(0.72 0.16 68/0.1)"]{background-color:#ea960047!important;background-color:oklch(.74 .18 70 / .28)!important}:root[data-theme=auto] [style*="oklch(0.65 0.14 195 / 0.12)"],:root[data-theme=auto] [style*="oklch(0.65 0.14 248 / 0.12)"],:root[data-theme=auto] [style*="oklch(0.64 0.14 248 / 0.10)"]{background-color:#3ba4fc4d!important}:root[data-theme=auto] [style*="oklch(0.55 0.015 248 / 0.08)"],:root[data-theme=auto] [style*="oklch(0.94 0.010 85)"],:root[data-theme=auto] [style*="oklch(0.55 0.015 248 / 0.10)"]{background-color:#69737d4d!important}}:root[data-theme=dark] [style*="position:'sticky'"]{-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}:root[data-theme=dark] [style*="fontFamily:'var(--mono)'"][style*="color:'var(--muted)'"]{color:var(--text-soft)!important}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:var(--font)}a,button,input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--amber-d);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.login-topbar{padding:12px 16px!important}.login-body{padding:20px 16px!important;align-items:flex-start!important}.login-body>div{max-width:100%!important}.app-nav{padding:0 12px!important;height:auto!important;min-height:52px!important;flex-wrap:wrap!important;gap:6px!important}.app-nav>span:nth-of-type(2){display:none!important}.app-content{padding:12px!important;max-width:100%!important}[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}[style*="repeat(3"]{grid-template-columns:1fr!important}.table-card{overflow-x:auto!important}[style*="1.2fr 100px 120px 80px 60px"]{grid-template-columns:1fr 1fr!important;gap:4px!important;padding:8px!important;min-width:0!important}[style*="110px 1fr 1fr 80px 80px"],[style*="110px 1fr 1fr 1fr 100px"],[style*="1fr 1fr 100px 80px"],[style*="110px 1fr 80px 80px 70px"]{grid-template-columns:1fr 1fr!important;gap:4px!important;min-width:0!important}.admin-root{flex-direction:column!important;gap:12px!important}.admin-root>div:first-child{width:100%!important}.revisor-row{grid-template-columns:1fr!important}.booking-overlay{padding:0!important;align-items:flex-end!important}.booking-card{max-width:100%!important;max-height:100vh!important;border-radius:16px 16px 0 0!important}.booking-stepper{flex-wrap:wrap!important;gap:6px!important}.toast-confirm{bottom:12px!important;right:12px!important;left:12px!important;max-width:none!important}}@media(max-width:480px){[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}[style*="repeat(2"],[style*="1fr 1fr"],[style*="1.2fr 100px 120px 80px 60px"],[style*="110px 1fr 1fr 80px 80px"],[style*="110px 1fr 1fr 1fr 100px"],[style*="1fr 1fr 100px 80px"],[style*="110px 1fr 80px 80px 70px"]{grid-template-columns:1fr!important}.booking-card{border-radius:0!important}}.print-only{display:none}@media print{@page{size:A4;margin:14mm}html,body{background:#fff!important}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute!important;left:0;top:0;right:0;width:100%!important;border:none!important;box-shadow:none!important;padding:0!important;background:#fff!important}.no-print,.no-print *{display:none!important}.print-only{display:block!important}.print-area button{display:none!important}}@keyframes lo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.liveops-card{transition:transform .12s ease,box-shadow .18s ease}.liveops-card:hover{transform:translateY(-1px)}.liveops-card:active{transform:translateY(0)}.liveops-sheet{animation:lo-fade-in .22s ease-out}.liveops-sheet>div{animation:lo-slide-up .26s cubic-bezier(.22,1,.36,1)}@keyframes lo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lo-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:720px){.liveops-kpis{grid-template-columns:repeat(2,1fr)!important}.liveops-grid{grid-template-columns:1fr!important}}@media(min-width:721px)and (max-width:1100px){.liveops-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.liveops-sheet>div{max-width:100%!important;max-height:92vh!important}}@media(prefers-reduced-motion:reduce){.liveops-card,.liveops-sheet,.liveops-sheet>div{animation:none!important;transition:none!important}[style*=lo-pulse]{animation:none!important}}.fleet-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(0,.9fr);gap:16px;align-items:start}.fleet-list-pane{max-height:calc(100vh - 180px)}.fleet-row{transition:background .12s ease}.fleet-row:hover{background:#487bff0a!important;background:oklch(.62 .26 265 / .04)!important}.fleet-row:active{background:#487bff1a!important;background:oklch(.62 .26 265 / .1)!important}.fleet-chips::-webkit-scrollbar{height:4px}.fleet-chips::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}@media(max-width:1100px){.fleet-grid{grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:12px}}@media(max-width:760px){.fleet-grid{grid-template-columns:1fr!important;gap:0!important}.fleet-module[data-pane=list] .fleet-detail-wrap,.fleet-module[data-pane=detail] .fleet-list-wrap{display:none!important}.fleet-module[data-pane=detail] .fleet-mobile-back{display:flex!important}.fleet-chevron{display:none!important}.fleet-list-pane{max-height:calc(100vh - 130px)}.fleet-edit-grid{grid-template-columns:1fr!important}}@media(max-width:380px){.fleet-photo-grid{grid-template-columns:1fr!important}}.ctr-tabs::-webkit-scrollbar{height:0}@media(max-width:760px){.ctr-data-grid{grid-template-columns:1fr!important;gap:10px!important}}.au-row:hover{background:var(--surface-hover)!important;transition:background .12s ease}@media(max-width:760px){.au-filters-grid,.rp-two-cols{grid-template-columns:1fr!important}}@media print{.rp-kpis,.rp-two-cols{-moz-column-break-inside:avoid;break-inside:avoid}}.mob-module input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--surface-2);border-radius:3px;outline:none}.mob-module input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:99px;background:var(--navy);cursor:pointer;border:2px solid var(--surface);box-shadow:0 2px 6px var(--shadow-soft)}.mob-module input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:99px;background:var(--navy);cursor:pointer;border:2px solid var(--surface)}@media print{.mob-module .print-area{display:block!important}.mob-module>*:not(.print-area){display:none!important}}

/* ─── Dark mode fixes ─── */
:root[data-theme=dark] .btn-primary,
:root[data-theme=auto] .btn-primary { color: var(--navy) !important; }
:root[data-theme=dark] button[style*="background: white"],
:root[data-theme=dark] button[style*="background: white"],
:root[data-theme=dark] button[style*="background: rgb(255"],
:root[data-theme=dark] button[style*="background: #fff"],
:root[data-theme=auto] button[style*="background: white"],
:root[data-theme=auto] button[style*="background: white"],
:root[data-theme=auto] button[style*="background: rgb(255"],
:root[data-theme=auto] button[style*="background: #fff"] { color: var(--navy) !important; }
:root[data-theme=dark] span[style*="background: var(--green)"],
:root[data-theme=auto] span[style*="background: var(--green)"] { color: var(--navy) !important; font-weight:600 !important; }
:root[data-theme=dark] span[style*="background: var(--amber)"],
:root[data-theme=auto] span[style*="background: var(--amber)"] { color: var(--navy) !important; font-weight:600 !important; }
:root[data-theme=dark] span[style*="background: var(--teal)"],
:root[data-theme=auto] span[style*="background: var(--teal)"] { color: var(--navy) !important; font-weight:600 !important; }
:root[data-theme=dark] span[style*="background: var(--red)"],
:root[data-theme=auto] span[style*="background: var(--red)"] { color: var(--navy) !important; font-weight:600 !important; }
:root[data-theme=dark] div[style*="box-shadow: 0"],
:root[data-theme=auto] div[style*="box-shadow: 0"] { box-shadow: 0 2px 8px rgba(255,255,255,.06) !important; }
:root[data-theme=dark] input::placeholder,
:root[data-theme=auto] input::placeholder { color: var(--muted) !important; opacity: 1 !important; }
:root[data-theme=dark] textarea::placeholder,
:root[data-theme=auto] textarea::placeholder { color: var(--muted) !important; opacity: 1 !important; }

/* ─── Additional dark mode fixes ─── */
:root[data-theme=dark] button[style*="background:var(--white)"],
:root[data-theme=auto] button[style*="background:var(--white)"] { color: var(--navy) !important; }
:root[data-theme=dark] button[style*="background:var(--text)"],
:root[data-theme=auto] button[style*="background:var(--text)"] { color: var(--bg) !important; }
:root[data-theme=dark] span[style*="background: var(--green)"],
:root[data-theme=auto] span[style*="background: var(--green)"],
:root[data-theme=dark] span[style*="background: var(--teal)"],
:root[data-theme=auto] span[style*="background: var(--teal)"],
:root[data-theme=dark] span[style*="background: var(--amber)"],
:root[data-theme=auto] span[style*="background: var(--amber)"],
:root[data-theme=dark] span[style*="background: var(--red)"],
:root[data-theme=auto] span[style*="background: var(--red)"] { color: var(--navy) !important; font-weight: 600 !important; text-shadow: none !important; }
:root[data-theme=dark] span[style*="color: var(--green)"],
:root[data-theme=auto] span[style*="color: var(--green)"] { color: #a3e635 !important; }
:root[data-theme=dark] span[style*="color: var(--red)"],
:root[data-theme=auto] span[style*="color: var(--red)"] { color: #fca5a5 !important; }
:root[data-theme=dark] span[style*="color: var(--amber)"],
:root[data-theme=auto] span[style*="color: var(--amber)"] { color: #fcd34d !important; }
:root[data-theme=dark] span[style*="color: var(--teal)"],
:root[data-theme=auto] span[style*="color: var(--teal)"] { color: #5eead4 !important; }
:root[data-theme=dark] div[style*="color: var(--muted)"],
:root[data-theme=auto] div[style*="color: var(--muted)"] { color: var(--text-soft) !important; }
:root[data-theme=dark] label,
:root[data-theme=auto] label { color: var(--text-soft) !important; }
:root[data-theme=dark] .kpi-label,
:root[data-theme=auto] .kpi-label { color: var(--text-soft) !important; opacity: 1 !important; }
:root[data-theme=dark] input,
:root[data-theme=auto] input,
:root[data-theme=dark] select,
:root[data-theme=auto] select,
:root[data-theme=dark] textarea,
:root[data-theme=auto] textarea { background: var(--surface-2) !important; color: var(--text) !important; border-color: var(--border) !important; }
:root[data-theme=dark] input:focus,
:root[data-theme=auto] input:focus,
:root[data-theme=dark] select:focus,
:root[data-theme=auto] select:focus { outline: 2px solid var(--amber) !important; outline-offset: 1px !important; }

/* ─── Fix white-on-white buttons in dark mode ─── */
:root[data-theme=dark] button[style*="background: var(--navy)"],
:root[data-theme=auto] button[style*="background: var(--navy)"] { color: var(--bg) !important; }
:root[data-theme=dark] button[style*="background: white"][style*="color:white"],
:root[data-theme=auto] button[style*="background: white"][style*="color:white"] { color: var(--navy) !important; }
:root[data-theme=dark] button[style*="background: white"][style*="color: white"],
:root[data-theme=auto] button[style*="background: white"][style*="color: white"] { color: var(--navy) !important; }
:root[data-theme=dark] button[style*="background: rgb(255"][style*="color:white"],
:root[data-theme=auto] button[style*="background: rgb(255"][style*="color:white"] { color: var(--navy) !important; }
:root[data-theme=dark] button[style*="background: #fff"][style*="color:white"],
:root[data-theme=auto] button[style*="background: #fff"][style*="color:white"] { color: var(--navy) !important; }

/* ─── Ensure all white-background buttons have dark text in dark mode ─── */
:root[data-theme=dark] button[style*="background: white"],
:root[data-theme=auto] button[style*="background: white"],
:root[data-theme=dark] button[style*="background: white"],
:root[data-theme=auto] button[style*="background: white"] { color: var(--navy) !important; }

/* ─── Fix KPI cards and stat labels ─── */
:root[data-theme=dark] div[style*="color: var(--muted)"] div:first-child,
:root[data-theme=auto] div[style*="color: var(--muted)"] div:first-child { color: var(--text-soft) !important; }

/* ─── Fix selected vehicle row highlight ─── */
:root[data-theme=dark] div[style*="background: var(--select-tint)"],
:root[data-theme=auto] div[style*="background: var(--select-tint)"] { background: oklch(0.62 0.26 265 / 0.15) !important; }

/* ─── App nav shadow fix ─── */
.app-nav {
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}
:root[data-theme=dark] .app-nav,
:root[data-theme=auto] .app-nav {
  box-shadow: 0 2px 12px rgba(0,0,0,0.45) !important;
}