/* EarthRoute2Scanner V12.6 — Premium SaaS Theme Only
   Visual overrides only. No workflow, OCR, route, driver or navigation logic changed. */
:root{
  --er-primary:#0F172A;
  --er-primary-2:#111C33;
  --er-accent:#10B981;
  --er-accent-dark:#059669;
  --er-indigo:#4F46E5;
  --er-bg:#F8FAFC;
  --er-surface:#FFFFFF;
  --er-surface-soft:#F1F5F9;
  --er-border:#E2E8F0;
  --er-text:#0F172A;
  --er-muted:#64748B;
  --er-danger:#DC2626;
  --er-warning:#D97706;
  --er-radius-xl:20px;
  --er-radius-2xl:26px;
  --er-shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --er-shadow-md:0 12px 30px rgba(15,23,42,.09);
  --er-shadow-nav:0 -10px 30px rgba(15,23,42,.10);
}

html{background:var(--er-bg);}
body{
  background:var(--er-bg)!important;
  color:var(--er-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{display:none!important;}
main{background:var(--er-bg)!important;padding-bottom:calc(102px + env(safe-area-inset-bottom))!important;}

/* Premium fixed brand header */
.v66-appbar{
  position:sticky!important;top:0!important;z-index:1200!important;
  min-height:76px!important;padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;
  background:rgba(15,23,42,.96)!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.v66-brand{gap:12px!important;min-width:0!important;align-items:center!important;}
.v66-logo{
  width:48px!important;height:48px!important;min-width:48px!important;
  padding:5px!important;border-radius:15px!important;
  background:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20)!important;overflow:hidden!important;
}
.v66-logo img,.earthroute2-header-mark{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important;}
.earthroute2-wordmark{line-height:.96!important;letter-spacing:.01em!important;}
.earthroute2-wordmark-top{font-size:15px!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important;}
.earthroute2-wordmark-bottom{font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;color:#94A3B8!important;}
.earthroute2-wordmark-green{color:var(--er-accent)!important;}
.v66-brand-sub{font-size:10px!important;color:#94A3B8!important;margin-top:4px!important;white-space:nowrap!important;}
#v68ThemeButton{
  min-width:48px!important;width:48px!important;height:48px!important;padding:0!important;
  border-radius:15px!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;
  font-size:0!important;box-shadow:none!important;
}
#v68ThemeButton::after{content:"◐";font-size:21px!important;}
body>header{display:none!important;}

/* Page hierarchy */
.v91-home-shell,.v67-page,.v65-home{background:transparent!important;}
.v91-home-shell{padding:14px 14px 28px!important;max-width:760px!important;margin:0 auto!important;}
.v91-weather,.v91-welcome,.v91-card,.card,.v112-assistant-card,.v114-scan-assistant,.v110-driver-shell,.v115-performance-card{
  border-radius:var(--er-radius-xl)!important;
  border:1px solid var(--er-border)!important;
  background:var(--er-surface)!important;
  box-shadow:var(--er-shadow-sm)!important;
}
.v91-weather{padding:14px!important;margin:0 0 14px!important;}
.v91-welcome{
  padding:22px!important;margin-bottom:14px!important;
  background:linear-gradient(145deg,#0F172A 0%,#172554 100%)!important;
  border-color:rgba(255,255,255,.08)!important;box-shadow:var(--er-shadow-md)!important;
}
.v91-welcome h2{color:#fff!important;font-size:25px!important;letter-spacing:-.035em!important;}
.v91-welcome p{color:#CBD5E1!important;line-height:1.55!important;}
.v91-eyebrow{color:var(--er-accent)!important;font-weight:800!important;letter-spacing:.12em!important;}
.v91-live{background:rgba(16,185,129,.13)!important;color:#A7F3D0!important;border:1px solid rgba(16,185,129,.30)!important;}
.v91-live span{background:var(--er-accent)!important;box-shadow:0 0 0 4px rgba(16,185,129,.14)!important;}
.v91-card,.card{padding:18px!important;margin-bottom:14px!important;}
h1,h2,h3,.v65-title,.v110-address{color:var(--er-text)!important;letter-spacing:-.025em!important;}
p,.small,.v65-sub,.v91-field-copy small,.v91-method small{color:var(--er-muted)!important;}

/* Inputs */
input,textarea,select{
  min-height:54px!important;padding:13px 14px!important;
  border-radius:14px!important;border:1px solid var(--er-border)!important;
  background:#fff!important;color:var(--er-text)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.03)!important;
  font-size:16px!important;outline:none!important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--er-accent)!important;
  box-shadow:0 0 0 4px rgba(16,185,129,.12)!important;
}
.v91-location-field{
  min-height:70px!important;padding:9px 10px!important;border-radius:16px!important;
  border:1px solid var(--er-border)!important;background:#fff!important;
  box-shadow:none!important;
}
.v91-location-field:focus-within{border-color:var(--er-accent)!important;box-shadow:0 0 0 4px rgba(16,185,129,.10)!important;}
.v91-location-field input{border:0!important;box-shadow:none!important;min-height:36px!important;padding:2px 0!important;background:transparent!important;}
.v91-location-icon{width:38px!important;height:38px!important;border-radius:12px!important;}
.v91-location-icon.start{background:rgba(16,185,129,.12)!important;color:var(--er-accent-dark)!important;}
.v91-location-icon.end{background:rgba(79,70,229,.10)!important;color:var(--er-indigo)!important;}
.v91-inline-action,.v91-icon-button{width:44px!important;height:44px!important;border-radius:13px!important;background:var(--er-surface-soft)!important;color:var(--er-primary)!important;border:1px solid var(--er-border)!important;}

/* Import action cards */
.v91-input-grid{gap:11px!important;}
.v91-method{
  min-height:82px!important;padding:14px!important;border-radius:17px!important;
  border:1px solid var(--er-border)!important;background:#fff!important;
  box-shadow:0 2px 5px rgba(15,23,42,.04)!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
.v91-method:active{transform:scale(.985)!important;border-color:var(--er-accent)!important;}
.v91-method-icon{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:rgba(16,185,129,.11)!important;color:var(--er-accent-dark)!important;
  display:grid!important;place-items:center!important;font-size:22px!important;
}
.v91-method b{color:var(--er-text)!important;font-size:15px!important;}
.v91-method i{color:#94A3B8!important;font-size:23px!important;}
.v91-upload-status{border-radius:15px!important;background:var(--er-surface-soft)!important;border:1px dashed #CBD5E1!important;}

/* Stats and route controls */
.v91-stats{gap:10px!important;}
.v91-stats>div,.metric,.v65-metric,.analytics-grid>div{
  border-radius:16px!important;background:#fff!important;border:1px solid var(--er-border)!important;box-shadow:none!important;
}
.v91-stats strong,.metric strong,.v65-metric strong{color:var(--er-primary)!important;}
.v91-options summary{min-height:52px!important;}

button,.primary,.soft,.danger,.v91-create,.v110-action,.v112-primary-action,.v112-secondary-action,.v114-rescan,.v100-action{
  min-height:52px!important;border-radius:15px!important;font-weight:750!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
button.primary,.primary,.v91-create,.v110-navigate,.v112-primary-action,.v100-action.primary{
  background:linear-gradient(135deg,var(--er-accent),var(--er-accent-dark))!important;
  color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(16,185,129,.22)!important;
}
.soft,.v112-secondary-action,.v100-action.secondary{
  background:var(--er-surface-soft)!important;color:var(--er-primary)!important;border:1px solid var(--er-border)!important;box-shadow:none!important;
}
.danger{background:#FEF2F2!important;color:var(--er-danger)!important;border:1px solid #FECACA!important;}
.v91-create{min-height:68px!important;padding:13px 18px!important;margin-top:14px!important;}
.v91-create small{color:#D1FAE5!important;}

/* Route rows, scanned addresses and tables */
.tablewrap,.batch,.sticky-nav,.privacy-box,.status,.warn,.update-banner{
  border-radius:16px!important;border-color:var(--er-border)!important;
}
table{border-collapse:separate!important;border-spacing:0 8px!important;}
th{background:transparent!important;color:var(--er-muted)!important;border:0!important;}
td{background:#fff!important;border-top:1px solid var(--er-border)!important;border-bottom:1px solid var(--er-border)!important;}
td:first-child{border-left:1px solid var(--er-border)!important;border-radius:13px 0 0 13px!important;}
td:last-child{border-right:1px solid var(--er-border)!important;border-radius:0 13px 13px 0!important;}

/* Scanner */
.v85-scanner-modal,.scanner-modal,.v84-scanner-modal{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
.v85-scanner-card,.scanner-card,.v84-scanner-card,.v114-scan-assistant{
  border-radius:24px!important;background:var(--er-surface)!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
video,.scanner-video,.v85-video{border-radius:18px!important;background:#020617!important;}
.v85-mode-tabs{background:var(--er-surface-soft)!important;border-radius:15px!important;padding:4px!important;}
.v85-mode-tabs button.active{background:var(--er-primary)!important;color:#fff!important;box-shadow:var(--er-shadow-sm)!important;}

/* Driver mode */
.v110-driver-screen,.v110-driver-page{background:var(--er-bg)!important;}
.v110-driver-shell{padding:18px!important;}
.v110-stop-badge,.v110-progress-pill,.v112-gps-pill,.v113-network-pill{border-radius:999px!important;}
.v110-stop-badge{background:var(--er-primary)!important;color:#fff!important;}
.v110-action{border:1px solid var(--er-border)!important;background:#fff!important;box-shadow:var(--er-shadow-sm)!important;}
.v112-metric{border-radius:16px!important;background:var(--er-surface-soft)!important;border:1px solid var(--er-border)!important;}

/* Premium thumb-reach bottom navigation */
.v6-bottom-nav{
  position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;
  width:auto!important;z-index:1600!important;padding:7px!important;gap:3px!important;
  background:rgba(255,255,255,.94)!important;border:1px solid rgba(226,232,240,.95)!important;
  border-radius:22px!important;box-shadow:var(--er-shadow-nav)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
.v6-bottom-nav button{
  min-width:0!important;min-height:58px!important;padding:6px 2px!important;border-radius:15px!important;
  color:#64748B!important;background:transparent!important;border:0!important;box-shadow:none!important;
  font-size:10px!important;gap:3px!important;
}
.v6-bottom-nav button>span:first-child{font-size:19px!important;line-height:1!important;}
.v6-bottom-nav button.active{
  background:var(--er-primary)!important;color:#fff!important;
  box-shadow:0 8px 16px rgba(15,23,42,.18)!important;
}

/* Navigation screen visual polish only */
.v100-nav-screen{background:#020617!important;}
.v100-nav-header,.v100-bottom-sheet{border-radius:0 0 22px 22px!important;}
.v100-bottom-sheet{border-radius:24px 24px 0 0!important;box-shadow:0 -14px 35px rgba(2,6,23,.22)!important;}
.v100-round-btn,#v1032CloseMap,.v103-nav-controls button{border-radius:15px!important;box-shadow:0 8px 20px rgba(2,6,23,.22)!important;}

/* Dark mode remains available */
body.dark{
  --er-bg:#070B14;--er-surface:#111827;--er-surface-soft:#172033;--er-border:#263247;--er-text:#F8FAFC;--er-muted:#94A3B8;
  background:var(--er-bg)!important;color:var(--er-text)!important;
}
body.dark main,body.dark .v110-driver-screen,body.dark .v110-driver-page{background:var(--er-bg)!important;}
body.dark .v91-weather,body.dark .v91-card,body.dark .card,body.dark .v112-assistant-card,body.dark .v114-scan-assistant,body.dark .v110-driver-shell,body.dark .v115-performance-card,body.dark .v91-method,body.dark .v91-location-field,body.dark .metric,body.dark .v65-metric,body.dark .v91-stats>div{background:var(--er-surface)!important;border-color:var(--er-border)!important;}
body.dark input,body.dark textarea,body.dark select{background:#0F172A!important;color:#fff!important;border-color:var(--er-border)!important;}
body.dark h1,body.dark h2,body.dark h3,body.dark .v65-title,body.dark .v110-address,body.dark .v91-method b{color:#F8FAFC!important;}
body.dark .v6-bottom-nav{background:rgba(15,23,42,.94)!important;border-color:#263247!important;}
body.dark td{background:var(--er-surface)!important;border-color:var(--er-border)!important;}

@media(max-width:430px){
  .v66-appbar{padding-left:12px!important;padding-right:12px!important;}
  .v66-logo{width:44px!important;height:44px!important;min-width:44px!important;}
  .v66-brand-sub{display:none!important;}
  .earthroute2-wordmark-top{font-size:14px!important;}
  .v91-home-shell{padding-left:11px!important;padding-right:11px!important;}
  .v91-welcome{padding:19px!important;}
  .v91-welcome h2{font-size:23px!important;}
  .v91-input-grid{grid-template-columns:1fr 1fr!important;}
  .v91-method{min-height:104px!important;align-items:flex-start!important;}
  .v91-method i{display:none!important;}
  .v6-bottom-nav button{font-size:9px!important;}
}
