:root{
  --er-bg:#020810;--er-card:#071728;--er-card2:#0a1d31;
  --er-cyan:#26d9ff;--er-blue:#2f7cff;--er-green:#37f39a;
  --er-text:#f4fbff;--er-muted:#9eb3c8;--er-line:rgba(73,224,255,.22);
}
html,body{
  background:
    radial-gradient(circle at 12% -5%,rgba(38,217,255,.10),transparent 28%),
    radial-gradient(circle at 95% 18%,rgba(55,243,154,.09),transparent 30%),
    linear-gradient(180deg,#020810,#04101d)!important;
  color:var(--er-text)!important;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(38,217,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(55,243,154,.035) 1px,transparent 1px);
  background-size:34px 34px;
}
.card,.panel,.section-card,.v6-card,.v6-panel,.settings-card,.route-card,
.dashboard-card,.weather-card,#allStops,#updateBanner,#whatsNewPanel{
  background:linear-gradient(145deg,rgba(8,25,42,.96),rgba(3,13,25,.98))!important;
  border:1px solid var(--er-line)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
header,.app-header,.v6-header,.top-header{
  background:linear-gradient(180deg,rgba(2,8,16,.96),rgba(4,15,28,.94))!important;
  border-bottom:1px solid rgba(38,217,255,.30)!important;
}
.earthroute2-header-mark{
  width:66px!important;height:66px!important;object-fit:cover!important;border-radius:20px!important;
  border:1px solid rgba(55,243,154,.46)!important;
  box-shadow:0 0 0 4px rgba(38,217,255,.06),0 12px 28px rgba(0,0,0,.42),0 0 24px rgba(55,243,154,.16)!important;
}
h1,h2,h3,.app-title,.brand-title{color:var(--er-text)!important}
.subtitle,.muted,small,.helper-text,.description{color:var(--er-muted)!important}
button.primary,.btn-primary,.v6-primary,#startNavigation,#optimizeRoute,#scanToLoad,#deliveredNext{
  color:#fff!important;
  background:linear-gradient(135deg,#245bff 0%,#1e95ed 52%,#16c989 100%)!important;
  border:1px solid rgba(100,215,255,.55)!important;
}
button.soft,.btn-secondary,.v6-soft{
  background:linear-gradient(145deg,rgba(14,34,54,.98),rgba(7,21,37,.98))!important;
  color:#e7f6ff!important;border:1px solid rgba(86,164,220,.25)!important;
}
input,textarea,select{
  color:#edfaff!important;background:rgba(2,10,19,.92)!important;
  border:1px solid rgba(38,217,255,.24)!important;
}
.bottom-nav,.v6-bottom-nav,nav[aria-label="Primary"],.mobile-tab-bar{
  background:linear-gradient(180deg,rgba(3,11,21,.94),rgba(1,7,14,.98))!important;
  border:1px solid rgba(72,147,204,.24)!important;
}
.bottom-nav .active,.v6-bottom-nav .active,.mobile-tab-bar .active{
  background:linear-gradient(145deg,rgba(28,96,215,.75),rgba(10,61,119,.82))!important;
  border:1px solid rgba(65,164,255,.65)!important;
}
.ok,.success,.completed,[data-v1052-status="delivered"] .v1052-status-cell{color:var(--er-green)!important}
#allStops{scrollbar-color:rgba(55,243,154,.55) rgba(2,10,19,.55)!important}
.earthroute2-splash{
  position:fixed;inset:0;z-index:2147483646;background:#01060d;
  opacity:1;visibility:visible;transition:opacity .22s ease,visibility .22s ease;
  overflow:hidden;pointer-events:none;
}
.earthroute2-splash.is-hidden{opacity:0;visibility:hidden}
.earthroute2-splash-image{
  position:absolute;inset:-2%;
  background:url("../assets/earthroute2/splash.jpg") center/cover no-repeat;
  filter:saturate(1.08) contrast(1.04);transform:scale(1.02);
}
@media(max-width:700px){.earthroute2-header-mark{width:58px!important;height:58px!important;border-radius:18px!important}}


/* =========================================================
   V10.6.0 clean splash + logo slot fix
   ========================================================= */

.earthroute2-splash{
  background:#020810!important;
}

.earthroute2-splash-image{
  inset:0!important;
  background-image:url("../assets/earthroute2/splash.jpg")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transform:none!important;
  filter:none!important;
}

.earthroute2-header-mark{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  opacity:1!important;
  visibility:visible!important;
}

.v66-logo,
.app-logo,
.brand-logo,
.logo-box,
.logo-slot,
.earthroute2-logo-slot{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#020810!important;
  border:1px solid rgba(55,243,154,.46)!important;
  box-shadow:
    0 0 0 4px rgba(38,217,255,.06),
    0 12px 28px rgba(0,0,0,.42),
    0 0 24px rgba(55,243,154,.22)!important;
}

@media(max-width:700px){
  .v66-logo,
  .app-logo,
  .brand-logo,
  .logo-box,
  .logo-slot,
  .earthroute2-logo-slot{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    border-radius:18px!important;
  }

  .earthroute2-splash-image{
    background-size:cover!important;
    background-position:center center!important;
  }
}