/* ==========================================================================
   Multi-stop W2: the Trip Studio panel, white (owner decision D3)
   GENERATED by scripts/gen_panel_light.py from the dark panel's own rules:
   python3 scripts/gen_panel_light.py . --write  (never hand-edit this file;
   apps/globe/tests/test_panel_light_generated.py fails when it drifts).
   Loaded only when globe_multistop_v2 is on; every rule is scoped to
   #ag-dir.bm-light, the class the panel wears only under that flag.
   static/css/design-tokens.css is not touched: the panel's own --bm-* tokens
   are redefined here, on the panel, never on :root.
   ========================================================================== */

#ag-dir.bm-light {
  --bm-panel: #ffffff;
  --bm-line: rgba(15, 23, 42, 0.14);
  --bm-line-soft: rgba(15, 23, 42, 0.07);
  --bm-text: #202124;
  --bm-dim: #5f6368;
  --bm-faint: #80868b;
  --ag-color-text-on-dark: #202124;
  color-scheme: light;
}
#ag-dir.bm-light.bm-trip-on,
.bm-first-light #ag-dir.bm-light.bm-trip {
  background: #ffffff;
  color: #202124;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 6px 0 22px rgba(15, 23, 42, 0.08), 0 24px 60px rgba(15, 23, 42, 0.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#ag-dir.bm-light input:not(.ag-itin__acinput),
#ag-dir.bm-light select,
#ag-dir.bm-light textarea {
  background: #ffffff;
  color: #202124;
  border-color: #dadce0;
}
#ag-dir.bm-light input:not(.ag-itin__acinput)::placeholder {
  color: #70757a;
}

/* ---- from templates/globe/index.html <style> ---- */
#ag-dir.bm-light .ag-export__menu {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.108);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.165);
}
#ag-dir.bm-light .ag-export__opt {
  color: #282c33;
}
#ag-dir.bm-light .ag-export__opt:hover,
#ag-dir.bm-light .ag-export__opt:focus-visible {
  background: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light .ag-export__note {
  color: #586170;
}

/* ---- from templates/globe/index.html <style> ---- */
#ag-dir.bm-light .ag-filter-pill {
  border-color: rgba(15, 23, 42, 0.162);
  background: rgba(15, 23, 42, 0.072);
  color: rgba(33, 33, 33, 0.9);
}
#ag-dir.bm-light .ag-service-filters-modal .ag-filter-pill {
  background: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.09);
  color: #2c3038;
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.12);
}
#ag-dir.bm-light .ag-dir__grabber {
  background: rgba(15, 23, 42, 0.162);
}
#ag-dir.bm-light .ag-dir__title {
  color: #202529;
}
#ag-dir.bm-light .ag-mode-badge {
  border-color: rgba(15, 23, 42, 0.144);
  background: rgba(15, 23, 42, 0.072);
  color: rgba(33, 33, 33, 0.9);
}
#ag-dir.bm-light .ag-dir__toggle {
  color: rgba(33, 33, 33, 0.85);
}
#ag-dir.bm-light .ag-dir__toggle:hover {
  background: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light .ag-dir__footer {
  border-block-start-color: rgba(15, 23, 42, 0.072);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04), #ffffff);
}
#ag-dir.bm-light .bm-elevhero {
  border-color: rgba(15, 23, 42, 0.072);
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .bm-elevhero__spark {
  background: #ffffff;
}
#ag-dir.bm-light .bm-elevhero__hoverline {
  stroke: #142e70;
}
#ag-dir.bm-light .bm-elevhero__hovertip {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.144);
  color: #142e70;
}
#ag-dir.bm-light .bm-search {
  background: rgba(15, 23, 42, 0.07);
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light .bm-search__label {
  color: #142e70;
}
#ag-dir.bm-light .bm-search__hint {
  color: #5b688a;
}
#ag-dir.bm-light .bm-fromrow {
  color: #565d6d;
}
#ag-dir.bm-light .bm-fromrow b {
  color: #051f9a;
}
#ag-dir.bm-light .bm-fromrow__swap {
  border-color: rgba(15, 23, 42, 0.108);
}
#ag-dir.bm-light .bm-looprow {
  color: #565d6d;
}
#ag-dir.bm-light .bm-looprow__pill {
  border-color: rgba(15, 23, 42, 0.126);
  color: #031f8f;
  background: rgba(15, 23, 42, 0.045);
}
#ag-dir.bm-light .bm-looprow input:checked ~ .bm-looprow__pill {
  background: linear-gradient(135deg,#059669,#10b981);
  color: #fff;
  border-color: transparent;
}
#ag-dir.bm-light .bm-looprow input:focus-visible ~ .bm-looprow__pill {
  outline-color: #a5b4fc;
}
#ag-dir.bm-light .bm-looprow__hint {
  color: #5b688a;
}
#ag-dir.bm-light .bm-looprow input:checked ~ .bm-looprow__hint {
  color: #168358;
}
#ag-dir.bm-light .bm-elevhero__head b {
  color: #142e70;
}
#ag-dir.bm-light .bm-elevhero__head small {
  color: #565d6d;
}
#ag-dir.bm-light .bm-elevhero__axis {
  color: #5b688a;
}
#ag-dir.bm-light .bm-elevhero__chips span {
  border-color: rgba(15, 23, 42, 0.126);
  color: #4b5260;
  background: rgba(15, 23, 42, 0.045);
}
#ag-dir.bm-light .bm-elevhero__line {
  color: #4e5664;
}
#ag-dir.bm-light .bm-daylight {
  border-color: rgba(15, 23, 42, 0.072);
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .bm-daylight__labels {
  color: #5b688a;
}
#ag-dir.bm-light .bm-daylight__verdict {
  color: #202529;
}
#ag-dir.bm-light .bm-daylight--safe .bm-daylight__verdict {
  color: #1d845f;
}
#ag-dir.bm-light .bm-daylight--tight .bm-daylight__verdict {
  color: #b45304;
}
#ag-dir.bm-light .bm-daylight--after-dark .bm-daylight__verdict {
  color: #ad0909;
}
#ag-dir.bm-light .bm-daylight__bar {
  background: rgba(15, 23, 42, 0.108);
}
#ag-dir.bm-light .bm-daylight__flag {
  background: #f9fafb;
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18);
}
#ag-dir.bm-light .bm-daylight__turnback {
  color: #4e5664;
}
#ag-dir.bm-light .bm-notice--danger {
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.12);
  color: #ad0909;
}
#ag-dir.bm-light .bm-notice--info {
  border-color: rgba(96, 165, 250, 0.3);
  background: rgba(96, 165, 250, 0.1);
  color: #034fa3;
}
#ag-dir.bm-light .bm-hikenav,
#ag-dir.bm-light .bm-hikenav-form {
  border-color: rgba(15, 23, 42, 0.072);
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .bm-hikenav__label {
  color: #4e5664;
}
#ag-dir.bm-light .bm-hikenav__val {
  color: #142e70;
}
#ag-dir.bm-light .bm-hikenav__status {
  color: #4e5664;
}
#ag-dir.bm-light .bm-hikenav-form__head {
  color: #142e70;
}
#ag-dir.bm-light .bm-hikenav-form__kind.ag-chip--active {
  background: rgba(96, 165, 250, 0.22);
  border-color: rgba(96, 165, 250, 0.5);
}
#ag-dir.bm-light .bm-hikenav-form__error {
  color: #ad0909;
}
#ag-dir.bm-light.bm-trip-on {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.144);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(15, 23, 42, 0.048);
}
#ag-dir.bm-light .bm-seg {
  background: rgba(15, 23, 42, 0.06);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light .bm-seg__b {
  color: #565d6d;
}
#ag-dir.bm-light .bm-seg__b.bm-on {
  background: linear-gradient(135deg,#059669,#10b981) !important;
  color: #fff;
  box-shadow: 0 5px 16px rgba(16,185,129,.35);
}
#ag-dir.bm-light.bm-trip-on .bm-secT,
#ag-dir.bm-light.bm-trip-on .bm-nearby__title {
  color: #5b688a;
}
#ag-dir.bm-light.bm-trip-on .bm-nearby__row {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light.bm-trip-on .bm-nearby__row:hover {
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light.bm-trip-on .bm-nearby__ic {
  background: linear-gradient(135deg,#ffffff,#ffffff);
}
#ag-dir.bm-light.bm-trip-on .bm-nearby__row b {
  color: #142e70;
}
#ag-dir.bm-light.bm-trip-on .bm-nearby__sub {
  color: #565d6d;
}
#ag-dir.bm-light.bm-trip-on .bm-chip--ok {
  background: rgba(16, 185, 129, 0.14);
  color: #147b52;
  border-color: rgba(16, 185, 129, 0.35);
}
#ag-dir.bm-light.bm-trip-on .bm-chip--warn {
  background: rgba(245, 158, 11, 0.13);
  color: #826402;
  border-color: rgba(245, 158, 11, 0.35);
}
#ag-dir.bm-light.bm-trip-on .bm-elevhero,
#ag-dir.bm-light.bm-trip-on .bm-daylight,
#ag-dir.bm-light.bm-trip-on .bm-hikenav,
#ag-dir.bm-light.bm-trip-on .bm-hikenav-form {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light.bm-trip-on .bm-stats__cell {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light.bm-trip-on .bm-stats__cell b {
  color: #142e70;
}
#ag-dir.bm-light.bm-trip-on .bm-stats__cell small {
  color: #5b688a;
}
#ag-dir.bm-light.bm-trip-on .bm-cond__row {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.081);
  color: #142e70;
}
#ag-dir.bm-light.bm-trip-on .bm-cond__age {
  color: #5b688a;
}
#ag-dir.bm-light.bm-trip-on .bm-byg__b {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
  color: #565d6d;
}
#ag-dir.bm-light.bm-trip-on #bm-dir-routes .ag-chip {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
  color: #142e70;
}
#ag-dir.bm-light.bm-trip-on #bm-dir-footer .ag-btn {
  background: linear-gradient(135deg,#3b82f6,#6366f1);
  color: #fff;
  box-shadow: 0 10px 26px rgba(80,100,246,.4), inset 0 1px 0 rgba(255,255,255,.25);
}
#ag-dir.bm-light.bm-trip-on .bm-quiet {
  color: #565d6d;
}
#ag-dir.bm-light.bm-trip-on .bm-quiet span,
#ag-dir.bm-light.bm-trip-on .bm-quiet button {
  border-block-end-color: #5b688a;
}
#ag-dir.bm-light .bm-state-badge {
  background: rgba(99, 102, 241, 0.16);
  color: #001b98;
  border-color: rgba(99, 102, 241, 0.35);
}
#ag-dir.bm-light .bm-state-badge.bm-live {
  background: rgba(16, 185, 129, 0.14);
  color: #147b52;
  border-color: rgba(16, 185, 129, 0.4);
}
#ag-dir.bm-light .bm-nearby__heading {
  color: #65749d;
}
#ag-dir.bm-light .bm-nearby__row {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light .bm-nearby__row:hover,
#ag-dir.bm-light .bm-nearby__row:focus-visible {
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light .bm-nearby__icon {
  background: linear-gradient(135deg,#ffffff,#ffffff);
}
#ag-dir.bm-light .bm-nearby__name {
  color: #202529;
}
#ag-dir.bm-light .bm-nearby__sub {
  color: #4e5664;
}
#ag-dir.bm-light .bm-nearby__chip--ok {
  background: rgba(16, 185, 129, 0.14);
  color: #147b52;
  border-color: rgba(16, 185, 129, 0.35);
}
#ag-dir.bm-light .bm-nearby__chip--warn {
  background: rgba(245, 158, 11, 0.13);
  color: #826402;
  border-color: rgba(245, 158, 11, 0.35);
}
#ag-dir.bm-light #bm-quiet.bm-shown {
  color: #4e5664;
}
#ag-dir.bm-light .bm-quiet__item {
  border-block-end-color: #5b688a;
}
#ag-dir.bm-light .bm-quiet__item:hover,
#ag-dir.bm-light .bm-quiet__item:focus-visible {
  color: #202529;
}
#ag-dir.bm-light .ag-btn.bm-cta-ghost {
  background: rgba(15, 23, 42, 0.063);
  color: #4e5664;
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light.bm-trip-on #bm-dir-footer .ag-btn.bm-cta.bm-cta--secondary {
  background: rgba(15, 23, 42, 0.063);
  color: #4e5664;
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light .bm-corridor-save {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.08);
}
#ag-dir.bm-light .bm-corridor-save__label {
  color: #4e5664;
}
#ag-dir.bm-light .bm-corridor-save__input {
  background: rgba(15, 23, 42, 0.07);
  border-color: rgba(15, 23, 42, 0.144);
  color: #2c3038;
}
#ag-dir.bm-light .bm-corridor-save__input:focus-visible {
  outline-color: rgba(245, 158, 11, 0.7);
}
#ag-dir.bm-light .bm-corridor-note {
  color: #ad0909;
}
#ag-dir.bm-light .bm-corridor-note--ok {
  color: #168358;
}
#ag-dir.bm-light .rc3__badge {
  background: rgba(245, 158, 11, 0.16);
  color: #826402;
}
#ag-dir.bm-light .rc3__custom-btn {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.14);
  color: #826402;
}
#ag-dir.bm-light .rc3__custom-btn[data-action="reset-custom"] {
  border-color: rgba(15, 23, 42, 0.144);
  background: rgba(15, 23, 42, 0.063);
  color: #4e5664;
}
#ag-dir.bm-light.bm-trip-on #bm-dir-footer .ag-btn.bm-start-confirm {
  color: #147b52;
  background: rgba(16, 185, 129, 0.16);
  border-color: rgba(16, 185, 129, 0.5);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.08);
}
#ag-dir.bm-light.bm-trip-on #bm-dir-footer .ag-btn.bm-start-confirm:hover {
  background: rgba(16, 185, 129, 0.26);
  color: #13724c;
}
#ag-dir.bm-light #bm-preview-overlay {
  background: rgba(15, 23, 42, 0.045);
  border-color: rgba(15, 23, 42, 0.09);
}
#ag-dir.bm-light .bm-preview__km {
  color: #4e5664;
}
#ag-dir.bm-light .bm-stats__cell {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light .bm-stats__cell b {
  color: #202529;
}
#ag-dir.bm-light .bm-stats__cell small {
  color: #65749d;
}
#ag-dir.bm-light .bm-cond__head {
  color: #65749d;
}
#ag-dir.bm-light .bm-cond__livetag {
  color: #168358;
}
#ag-dir.bm-light .bm-cond__livetag i {
  background: #10b981;
}
#ag-dir.bm-light .bm-cond__row {
  color: #2c3038;
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light .bm-cond__row small {
  color: #65749d;
}
#ag-dir.bm-light .bm-byg__head {
  color: #65749d;
}
#ag-dir.bm-light .bm-byg__item {
  background: rgba(15, 23, 42, 0.041);
  border-color: rgba(15, 23, 42, 0.081);
  color: #4e5664;
}
#ag-dir.bm-light .bm-byg__item:hover,
#ag-dir.bm-light .bm-byg__item:focus-visible {
  border-color: rgba(15, 23, 42, 0.144);
  color: #202529;
}
#ag-dir.bm-light #bm-report-open {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.1);
  color: #8c6c02;
}
#ag-dir.bm-light #bm-report-open:hover,
#ag-dir.bm-light #bm-report-open:focus-visible {
  background: rgba(245, 158, 11, 0.16);
  color: #826402;
}
#ag-dir.bm-light .bm-report__head {
  color: #202529;
}
#ag-dir.bm-light .bm-report__cancel {
  color: #4e5664;
  border-color: rgba(15, 23, 42, 0.081);
}
#ag-dir.bm-light .bm-report__cancel:hover,
#ag-dir.bm-light .bm-report__cancel:focus-visible {
  color: #202529;
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light .bm-report__sec {
  color: #65749d;
}
#ag-dir.bm-light .bm-report__type {
  border-color: rgba(15, 23, 42, 0.144);
  color: #4e5664;
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .bm-report__type--on {
  background: linear-gradient(135deg,#d97706,#f59e0b);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 16px rgba(245,158,11,.35);
}
#ag-dir.bm-light .bm-report__note {
  background: rgba(15, 23, 42, 0.07);
  border-color: rgba(15, 23, 42, 0.081);
  color: #2c3038;
}
#ag-dir.bm-light .bm-report__bit {
  color: #4e5664;
  border-color: rgba(15, 23, 42, 0.144);
}
#ag-dir.bm-light .bm-report__bit--on {
  color: #8c6c02;
  border-color: rgba(245, 158, 11, 0.45);
}
#ag-dir.bm-light .bm-report__error {
  color: #ad0909;
}
#ag-dir.bm-light .bm-notice--live {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.12);
  color: #147b52;
}
#ag-dir.bm-light .ag-dir__tab:hover {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #034fa3 !important;
}
#ag-dir.bm-light .ag-dir__results {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .ag-dir__results::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.144);
  border-color: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .ag-dir__results::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.198);
}
#ag-dir.bm-light .ag-label {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-toggle {
  color: rgba(33, 33, 33, 0.82);
}
#ag-dir.bm-light .ag-select {
  border-color: rgba(15, 23, 42, 0.108);
  background: rgba(15, 23, 42, 0.054);
  color: #212121;
}
#ag-dir.bm-light .ag-btn {
  border-color: rgba(15, 23, 42, 0.126);
  background: rgba(15, 23, 42, 0.054);
  color: #212121;
}
#ag-dir.bm-light .ag-btn:hover {
  background: rgba(15, 23, 42, 0.09);
}
#ag-dir.bm-light .ag-btn--primary {
  border-color: rgba(59, 130, 246, 0.45);
  background: rgba(59, 130, 246, 0.25);
}
#ag-dir.bm-light .ag-btn--primary:hover {
  background: rgba(59, 130, 246, 0.35);
}
#ag-dir.bm-light .ag-btn--start {
  border-color: rgba(16, 185, 129, 0.45);
  background: rgba(16, 185, 129, 0.22);
}
#ag-dir.bm-light .ag-btn--start:hover {
  background: rgba(16, 185, 129, 0.3);
}
#ag-dir.bm-light .ag-btn--danger {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.18);
}
#ag-dir.bm-light .ag-btn--danger:hover {
  background: rgba(239, 68, 68, 0.28);
}
#ag-dir.bm-light .ag-btn--active {
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06) inset;
}
#ag-dir.bm-light .ag-kv {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(15, 23, 42, 0.045);
  color: rgba(33, 33, 33, 0.88);
}
#ag-dir.bm-light .ag-kv b {
  color: #212121;
}
#ag-dir.bm-light .ag-subtle {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-geocoder input[type="text"] {
  border-color: rgba(15, 23, 42, 0.108);
  background: rgba(15, 23, 42, 0.054);
  color: #212121;
}
#ag-dir.bm-light .ag-geocoder input[type="text"]::placeholder {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-geo-ctl__list {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.09);
}
#ag-dir.bm-light .ag-geo-ctl__opt:hover,
#ag-dir.bm-light .ag-geo-ctl__opt--active {
  background: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light .ag-geo-ctl__opt--map {
  border-block-end-color: rgba(15, 23, 42, 0.126);
}
#ag-dir.bm-light .ag-chip {
  border-color: rgba(15, 23, 42, 0.126);
  background: rgba(15, 23, 42, 0.054);
  color: rgba(33, 33, 33, 0.92);
}
#ag-dir.bm-light .ag-chip:hover {
  background: rgba(15, 23, 42, 0.09);
}
#ag-dir.bm-light .ag-chip--active {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) inset;
  border-color: rgba(59, 130, 246, 0.35);
}
#ag-dir.bm-light .ag-route-hint {
  border-color: rgba(59, 130, 246, 0.35);
  background: rgba(59, 130, 246, 0.12);
}
#ag-dir.bm-light .ag-input {
  border-color: rgba(15, 23, 42, 0.108);
  background: rgba(15, 23, 42, 0.054);
  color: #212121;
}
#ag-dir.bm-light .ag-input::placeholder {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-geocoder .ag-sug__t {
  color: rgba(33, 33, 33, 0.95);
}
#ag-dir.bm-light .ag-geocoder .ag-sug__s {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-btn:focus-visible,
#ag-dir.bm-light .ag-filter-pill:focus-within,
#ag-dir.bm-light .ag-toggle:focus-within {
  outline-color: #60a5fa;
}
#ag-dir.bm-light .ag-dir__subpanel-back {
  color: #0653b2;
}
#ag-dir.bm-light .ag-dir__subpanel-back:hover {
  background: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light .ag-dir__subpanel-title {
  background: linear-gradient(135deg,#60a5fa,#a78bfa);
}
#ag-dir.bm-light .ag-dir__subpanel-subtitle {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-dir__subpanel-body::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.126);
}
#ag-dir.bm-light .ag-chip {
  border-color: rgba(15, 23, 42, 0.135);
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-chip:hover,
#ag-dir.bm-light .ag-chip.is-active {
  background: rgba(37, 99, 235, 0.2);
  border-color: #2563eb;
  color: #034fa3;
}

/* ---- from static/css/globe/trip.css ---- */
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general #ag-start-geocoder::before {
  background: #059669;
}
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general #ag-dest-geocoder::before {
  background: #dc2626;
}
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general .bm-mode-seg__btn--on {
  background: rgba(37, 99, 235, 0.22);
  border-color: rgba(96, 165, 250, 0.5);
  color: #212121;
}
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general .bm-mode-seg__btn--on .bm-mode-seg__eta {
  color: #0041a2;
}
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general .bm-mode-seg__btn:focus-visible {
  outline-color: #93c5fd;
}
.bm-first-light #ag-dir.bm-light.bm-trip #bm-safety .bm-safety__btn {
  background: rgba(154, 196, 255, 0.1);
}
.bm-first-light #ag-dir.bm-light.bm-trip #bm-safety .bm-safety__btn:focus-visible {
  outline-color: #93c5fd;
}
.bm-first-light #ag-dir.bm-light.bm-trip #bm-safety .bm-safety__btn--sos {
  border-color: var(--ag-color-error);
  background: var(--ag-color-error);
  color: #fff;
}
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general #bm-route-tools-btn:focus-visible,
.bm-first-light #ag-dir.bm-light.bm-trip #ag-panel-general #bm-route-tools-btn[aria-expanded="true"] {
  outline-color: #93c5fd;
}
#ag-dir.bm-light .bm-hud.ag-navbox {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.154);
}
#ag-dir.bm-light .bm-hud.ag-navbox .ag-navbox__pill#ag-nav-pill {
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.16);
  color: #1b7c59;
}
#ag-dir.bm-light .bm-hud.ag-navbox .ag-navbox__main#ag-nav-instruction {
  color: #15356f;
}
#ag-dir.bm-light .bm-hud.ag-navbox .ag-navbox__sub#ag-nav-sub {
  color: #4e5664;
}

/* ---- from static/css/globe/routecard-v3.css ---- */
#ag-dir.bm-light .rc3 {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.072);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.105);
  color: #282c33;
}
#ag-dir.bm-light .rc3:hover {
  border-color: rgba(15, 23, 42, 0.162);
}
#ag-dir.bm-light .rc3:focus-visible {
  outline-color: #60a5fa;
}
#ag-dir.bm-light .rc3--selected {
  border-color: rgba(96, 165, 250, 0.55);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.135), inset 0 0 0 1px rgba(96, 165, 250, 0.25);
}
#ag-dir.bm-light .rc3--band-danger {
  border-inline-start-color: #f87171;
}
#ag-dir.bm-light .rc3--band-caution {
  border-inline-start-color: #fbbf24;
}
#ag-dir.bm-light .rc3--band-clear {
  border-inline-start-color: #34d399;
}
#ag-dir.bm-light .rc3__title {
  color: #22252b;
}
#ag-dir.bm-light .rc3__subtitle {
  color: #545d6b;
}
#ag-dir.bm-light .rc3__stat {
  background: rgba(15, 23, 42, 0.045);
}
#ag-dir.bm-light .rc3__stat-value {
  color: #22252b;
}
#ag-dir.bm-light .rc3__stat-label {
  color: #5e6778;
}
#ag-dir.bm-light .rc3__legs {
  background: rgba(15, 23, 42, 0.054);
}
#ag-dir.bm-light .rc3__leg--trail {
  background: #10b981;
}
#ag-dir.bm-light .rc3__leg--track {
  background: #a3e635;
}
#ag-dir.bm-light .rc3__leg--road {
  background: #f59e0b;
}
#ag-dir.bm-light .rc3__leg--open_ground {
  background: #38bdf8;
}
#ag-dir.bm-light .rc3__profile {
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .rc3__profile polyline {
  stroke: #0653b2;
}
#ag-dir.bm-light .rc3__byg-heading {
  color: #5e6778;
}
#ag-dir.bm-light .rc3__byg-item {
  background: rgba(15, 23, 42, 0.04);
}
#ag-dir.bm-light .rc3__byg-item--danger {
  border-inline-start-color: #f87171;
  background: rgba(248, 113, 113, 0.08);
}
#ag-dir.bm-light .rc3__byg-item--caution {
  border-inline-start-color: #fbbf24;
  background: rgba(251, 191, 36, 0.07);
}
#ag-dir.bm-light .rc3__byg-item--info {
  border-inline-start-color: #60a5fa;
}
#ag-dir.bm-light .rc3__byg-item--danger .rc3__byg-icon {
  color: #ad0909;
}
#ag-dir.bm-light .rc3__byg-item--caution .rc3__byg-icon {
  color: #966d03;
}
#ag-dir.bm-light .rc3__byg-item--info .rc3__byg-icon {
  color: #0653b2;
}
#ag-dir.bm-light .rc3__byg-text {
  color: #31353e;
}
#ag-dir.bm-light .rc3__byg-meta {
  color: #5e6778;
}
#ag-dir.bm-light .rc3--refusal:hover {
  border-color: rgba(15, 23, 42, 0.072);
}
#ag-dir.bm-light .rc3__detail {
  color: #31353e;
}
#ag-dir.bm-light .rc3__byg-item--action:hover,
#ag-dir.bm-light .rc3__byg-item--action:focus-visible {
  background: rgba(15, 23, 42, 0.072);
  outline-color: #60a5fa;
}

/* ---- from static/css/globe_premium.css (.ag-upsell rules only) ---- */
#ag-dir.bm-light .ag-upsell {
  border-color: rgba(37, 99, 235, 0.35);
  background: rgba(37, 99, 235, 0.12);
}
#ag-dir.bm-light .ag-upsell__title {
  color: #212121;
}
#ag-dir.bm-light .ag-upsell__msg {
  color: rgba(33, 33, 33, 0.78);
}
#ag-dir.bm-light .ag-upsell__cta {
  background: var(--ag-gradient-button);
  color: #fff;
}
#ag-dir.bm-light .ag-upsell__cta:hover {
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
}
#ag-dir.bm-light .ag-upsell--flash {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
}