/* Driver Bro v5 — светлая тема (по умолчанию).
   Тёмная живёт в app.css/v3.css/v4.css как раньше; здесь только переопределения под html[data-theme=light].
   Принципы: тёплый светло-серый фон + белые поверхности, графитовый текст, мягкие тени вместо свечений,
   «чернильные» (затемнённые) варианты смысловых цветов для текста — контраст AA на белом. */
html[data-theme=light]{
  color-scheme:light;
  --bg:#f4f5f7; --ink:#15171c; --muted:#5a606b; --faint:#646a75;
  --surface:rgba(255,255,255,.94); --surface-solid:#fff; --surface-2:#f1f2f5; --surface-3:#e4e7ec;
  --surface-hover:#f6f7f9; --lot-bg:#5a606b;
  --line:rgba(21,23,28,.10); --line-2:rgba(21,23,28,.18);
  --fg:21 23 28; --shk:.32;
  --ink-2:#3d424b; --off:#a3a8b1;
  /* заливки — яркие (на них тёмный текст), «чернила» — для текста и иконок на белом */
  --signal:#ffd60a; --on-signal:#15171c; --signal-ink:#8a6400; --signal-strong:#b88600;  /* strong — линии/иконки ≥3:1 */
  --aid:#2fcf78;    --aid-ink:#11753a;   --aid-bg:#e6f6ec; --aid-strong:#18904d;
  --evac:#d92d20;   --evac-ink:#c12a1f;  --evac-ink-2:#6e3c37;
  --pro:#2f6fe4;    --pro-ink:#1f5cc9;
  --cam:#14b8a6;    --cam-ink:#0b7a6e;
  --sign:#f08c00;   --sign-ink:#a35300;  --sign-ink-2:#7a4300;
  --gov:#c9d3ff;    --gov-ink:#3a4bb0;
  --sos:#e0244c;    --sos-ink:#c0183c;
}

/* ===== сцена на десктопе ===== */
html[data-theme=light] .stage{background:
   radial-gradient(900px 600px at 18% 20%,rgba(255,214,10,.16),transparent 60%),
   radial-gradient(700px 500px at 85% 80%,rgba(47,207,120,.10),transparent 60%),
   var(--bg)}
html[data-theme=light] .phone{box-shadow:0 0 0 1px rgba(21,23,28,.08),0 30px 80px rgba(21,23,28,.18),0 8px 24px rgba(21,23,28,.08)}
html[data-theme=light] .glass{box-shadow:0 1px 2px rgba(21,23,28,.08),0 4px 14px rgba(21,23,28,.10)}
html[data-theme=light] .maplibregl-ctrl-attrib{background:rgba(255,255,255,.85)!important;color:#4a4f57!important}
html[data-theme=light] .maplibregl-ctrl-attrib a{color:var(--ink-2)!important}
html[data-theme=light] .loading{background:var(--bg)}

/* ===== метки на карте: белые «пилюли» с цветным кантом вместо тёмных ===== */
html[data-theme=light] .tag{background:#fff;color:var(--ink);border-color:rgba(229,53,42,.55);box-shadow:0 2px 6px rgba(21,23,28,.12),0 6px 16px rgba(21,23,28,.10)}
html[data-theme=light] .tag .age{color:var(--evac-ink)}
html[data-theme=light] .tag.stale{background:#f4f5f7;border-color:var(--line-2);color:var(--muted)}
html[data-theme=light] .tag.stale .ic{background:#8b9099}
html[data-theme=light] .tag.aidt{background:#fff;border-color:rgba(17,117,58,.45)}
html[data-theme=light] .tag.aidt .age{color:var(--aid-ink)}
html[data-theme=light] .mk{border-color:#fff;box-shadow:0 2px 6px rgba(21,23,28,.18),0 6px 14px rgba(21,23,28,.12)}
html[data-theme=light] .mk.cam{background:#fff;border-color:var(--cam)}
html[data-theme=light] .mk.road{background:#fff;border-color:var(--sign)}
html[data-theme=light] .mk.lot{background:#3d424b;border-color:#fff}
html[data-theme=light] .mk.med{border:2px solid var(--sos)}
html[data-theme=light] .car{box-shadow:0 0 0 4px var(--signal),0 0 0 5px rgba(21,23,28,.25),0 8px 18px rgba(21,23,28,.25)}
html[data-theme=light] .truck{box-shadow:0 0 0 4px rgba(47,111,228,.25),0 8px 18px rgba(21,23,28,.25)}

/* ===== алерты: светло-красная плашка, тёмный текст ===== */
html[data-theme=light] .alert,
html[data-theme=light] .h-alert{background:#fff1ef;border-color:rgba(229,53,42,.35);box-shadow:0 6px 18px rgba(229,53,42,.12)}
html[data-theme=light] .car-hero .zone-alert{color:var(--evac-ink-2);background:#fff1ef;border-top-color:rgba(229,53,42,.3)}
html[data-theme=light] .sos-card{background:linear-gradient(135deg,#ffe8ed,#fff5f7);border-color:rgba(224,36,76,.35)}
html[data-theme=light] .sos-card span{color:#7a2c3c}
html[data-theme=light] .st.b{color:var(--pro-ink)}
html[data-theme=light] .st.o{color:var(--sign-ink)}

/* ===== тост, голос, авария, загрузка ===== */
html[data-theme=light] .toast{background:#fff;box-shadow:0 2px 6px rgba(21,23,28,.08),0 14px 34px rgba(21,23,28,.16)}
html[data-theme=light] .voice{background:radial-gradient(120% 70% at 50% 100%,rgba(255,214,10,.28),transparent 60%),rgba(248,249,251,.97)}
html[data-theme=light] .crash{background:radial-gradient(100% 60% at 50% 30%,rgba(224,36,76,.16),transparent 70%),#fff6f7}
html[data-theme=light] .crash .ring b{background:#fff6f7;color:var(--sos-ink)}
html[data-theme=light] .loading i{background:repeating-linear-gradient(-45deg,var(--signal) 0 8px,#15171c 8px 16px)}

/* ===== карта банка, white-label, CarPlay (экран машины остаётся тёмным — это экран авто) ===== */
html[data-theme=light] .bank-card{background:linear-gradient(135deg,#ffffff,#e9ecf1);box-shadow:0 2px 6px rgba(21,23,28,.08),0 10px 24px rgba(21,23,28,.10)}
html[data-theme=light] .wl{background:linear-gradient(160deg,var(--aid-bg),#f5fbf7);border-color:rgba(17,117,58,.25)}
html[data-theme=light] .wl-sub{color:#2d5c41}
html[data-theme=light] .wl .wlb{background:var(--aid-ink);color:#fff}
/* тёмные «экраны устройств» (CarPlay) — возвращаем им тёмные значения токенов текста */
html[data-theme=light] .cp{color:#f3f2ec;--ink:#f3f2ec;--muted:#9a9da5;--evac-ink:#ff8a7f;--sign-ink:#ff9f1c;--aid-ink:#3ddc84;--signal-ink:#ffd60a}

/* ===== мини-карта маршрута в заказе ===== */
html[data-theme=light] .route-mini{background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(21,23,28,.05) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(21,23,28,.05) 23px 24px),#eef1ec}
html[data-theme=light] .route-mini path[stroke="#3ddc84"]{stroke:var(--aid-strong)}
html[data-theme=light] .route-mini path[stroke="#ffd60a"]{stroke:var(--signal-strong)}
html[data-theme=light] .route-mini circle{stroke:#fff;stroke-width:3}

/* ===== сегменты и «инверсные» элементы: белая плашка с тенью, как в iOS ===== */
html[data-theme=light] .seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(21,23,28,.10),0 2px 8px rgba(21,23,28,.08)}
html[data-theme=light] .tab.help .hb{color:#fff}
html[data-theme=light] .h4-car:hover .h4-car-m b{color:var(--ink)}

/* ===== точечные правки контраста (AA) ===== */
html[data-theme=light] .big.evac{background:var(--evac)}
html[data-theme=light] .st-l .logo{color:var(--signal)}
html[data-theme=light] .c3 .was > .lbl{color:var(--signal-ink)}
html[data-theme=light] .pro-c .btn.pro{color:#fff}
html[data-theme=light] .sos-card .sb{color:#fff}

/* ===== превью камеры (ANPR, регистратор, приборная панель): светлая штриховка вместо тёмной ===== */
html[data-theme=light] .cam-prev{background:repeating-linear-gradient(-45deg,#eceef2 0 12px,#e3e6eb 12px 24px)}
html[data-theme=light] .dash-prev{background:radial-gradient(circle at 50% 60%,#fff6e0,#eceef2 70%)}
html[data-theme=light] .dash-prev-t{color:var(--sign-ink)}

/* ===== фокус, переключатели, голос — видимы на светлом (≥3:1) ===== */
html[data-theme=light] :focus-visible{outline-color:#15171c}
html[data-theme=light] .input:focus,html[data-theme=light] .sinput:focus{outline-color:#15171c}
html[data-theme=light] .tgl{background:#8b9099}
html[data-theme=light] .tgl.on{background:var(--aid-strong)}
html[data-theme=light] .wave i{background:var(--signal-strong)}

/* ===== кнопка СБП и жёлтые CTA: на светлом — рамка/мягкая тень вместо ореола ===== */
html[data-theme=light] .btn.sbp-btn{border:1px solid var(--line-2);box-shadow:0 1px 2px rgba(21,23,28,.08),0 4px 12px rgba(21,23,28,.08)}
html[data-theme=light] .chg-bright{box-shadow:0 1px 2px rgba(21,23,28,.10),0 6px 16px rgba(184,134,0,.18)}