html[data-charji-theme="dark"] #appPage #overlayMobileRoot.overlay-mobile-root {
  --wz-white: #222836;
  --wz-black: #e8ecf2;
  --wz-gray-700: #9aa3b2;
  --wz-gray-500: #7a8494;
  --wz-gray-400: #5c6574;
  --wz-search-bg: #1e2430;
  --wz-search-placeholder: #6b7485;
  --wz-border: #343d4f;
  --wz-blue: #38bdf8;
  --wz-shadow: 0 4px 16px rgba(0, 0, 0, 0.38);
  --om-vehicle-accent-ink: #6ee7b7;
  --om-vehicle-accent-soft: rgba(18, 185, 129, 0.14);
  --om-vehicle-accent-wash: rgba(18, 185, 129, 0.08);
  --om-vehicle-auto-bg: rgba(34, 211, 238, 0.12);
  --om-vehicle-auto-border: rgba(34, 211, 238, 0.28);
  --om-vehicle-auto-fg: #99f6e4;
  --om-vehicle-modified-bg: rgba(56, 189, 248, 0.12);
  --om-vehicle-modified-border: rgba(56, 189, 248, 0.28);
  --om-vehicle-modified-fg: #7dd3fc;
  --om-surface: #1a1f2b;
  --om-surface-2: #222836;
  --om-line: rgba(255, 255, 255, 0.08);
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-sheet {
  --om-panel-bg: #1a1f2b;
  --om-panel-border: #343d4f;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-backdrop {
  background: rgba(0, 0, 0, 0.52);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-sheet--pro {
  --om-dest-surface: #1a1f2b;
  --om-dest-surface-2: #222836;
  --om-dest-scroll-bg: #1a1f2b;
  --om-dest-elevated: #222836;
  --om-dest-muted: #939bab;
  --om-dest-muted-2: #7a8494;
  --om-dest-border: rgba(255, 255, 255, 0.08);
  --om-dest-border-strong: #343d4f;
  --om-dest-text: #e8ecf2;
  --om-dest-text-secondary: #b8c2d0;
  --om-dest-text-dim: #c5ccd6;
  --om-dest-chip-bg: #222836;
  --om-dest-btn-bg: #222836;
  --om-dest-seg-track: #222836;
  --om-dest-seg-active: #2a3140;
  --om-dest-footer-grad: #1a1f2b;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-pro__seg-btn.is-active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-google-btn {
  background: #222836;
  border-color: #343d4f;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-google-btn:active {
  background: #2a3140;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-google-btn__txt {
  color: #c5ccd6;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-skinny-btn.is-open .om-dest-skinny-btn__ic {
  background: #2a3140;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-timeline li {
  border-left-color: #343d4f;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-dest-sheet--pro .om-station-sheet__panel {
  box-shadow: var(--cj-shadow-panel);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet {
  --om-st-panel: #1a1f2b;
  --om-st-head: #1a1f2b;
  --om-st-chip: #222836;
  --om-st-thumb: rgba(255, 255, 255, 0.06);
  --om-st-text: #e8ecf2;
  --om-st-text-secondary: #b8c2d0;
  --om-st-text-muted: #939bab;
  --om-st-border: rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__panel {
  background: var(--om-st-panel);
  color: var(--om-st-text);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__head,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-routeBar {
  background: var(--om-st-head);
  border-color: var(--om-st-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-routeBar {
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.28);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-tabs__btn:not(.is-active) {
  color: var(--om-st-text-muted);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-amenity {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-conn-card__thumb {
  border: 1px solid var(--om-st-border);
  box-shadow: none;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-conn-card__lbl,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-section__title,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__addr,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__ratingMeta,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-summary__lbl,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-muted {
  color: var(--om-st-text-muted);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--out,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--currency {
  background: var(--om-st-chip);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--currency {
  color: var(--om-st-text-secondary);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--status.is-ok {
  color: #6ee7b7;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--status.is-warn {
  color: #fbbf24;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-badge--status.is-off {
  color: #f87171;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-summary__ic {
  background: linear-gradient(
    145deg,
    rgba(18, 185, 129, 0.16) 0%,
    rgba(255, 255, 255, 0.06) 100%
  );
  box-shadow:
    inset 0 0 0 1px rgba(18, 185, 129, 0.22),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-dash__num {
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-bar__track {
  background: rgba(255, 255, 255, 0.1);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-compose__inner,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-card {
  background: var(--om-st-chip);
  border-color: var(--om-st-border);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.22);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-compose__input {
  background: var(--om-st-panel);
  color: var(--om-st-text);
  border-color: var(--om-st-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-compose__input:focus {
  background: #222836;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-review-card__txt {
  color: var(--om-st-text-secondary);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-skel-line,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet.is-loading .om-st-block-load__bar {
  background: linear-gradient(90deg, #2a3140 0%, #343d4f 50%, #2a3140 100%);
}

html[data-charji-theme="dark"] #appPage .charji-app-toast {
  background: #222836;
  color: var(--om-st-text);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage .charji-app-toast__title {
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage .charji-app-toast__btn--ghost {
  background: #2a3140;
  color: #c5ccd6;
}

html[data-charji-theme="dark"] :root {
  --bg1: #13161d;
  --bg2: #1a1f2b;
  --line: #343d4f;
  --text: #e8ecf2;
  --muted: #939bab;
}

html[data-charji-theme="dark"] body.app-mode,
html[data-charji-theme="dark"] body.app-mode .page,
html[data-charji-theme="dark"] .app-page {
  background-color: #13161d;
}

html[data-charji-theme="dark"] .page,
html[data-charji-theme="dark"] html,
html[data-charji-theme="dark"] body {
  background-color: #13161d;
}

html[data-charji-theme="dark"] .auth-card {
  background: #1a1f2b;
  border-color: #343d4f;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35), 0 8px 16px rgba(0, 0, 0, 0.2);
}

html[data-charji-theme="dark"] .field label {
  background: #222836;
}

html[data-charji-theme="dark"] .field input {
  background: #222836;
}

html[data-charji-theme="dark"] .brand p {
  color: #939bab;
}

html[data-charji-theme="dark"] .social-btn.google {
  background: #222836;
  color: #c5ccd6;
}

html[data-charji-theme="dark"] .social-btn.google .social-icon {
  background: #222836;
}

html[data-charji-theme="dark"] .mode-switch-btn.register-accent {
  color: #6ee7b7;
  text-decoration-color: #6ee7b7;
}

html[data-charji-theme="dark"] #map.charji-map--fallback {
  background: linear-gradient(165deg, #1a1f2b 0%, #222836 45%, #2a3140 100%);
}

html[data-charji-theme="dark"] #map.charji-map--dev-off {
  background:
    radial-gradient(circle at 50% 38%, rgba(34, 211, 153, 0.1) 0, transparent 52%),
    linear-gradient(165deg, #13161d 0%, #1a1f2b 42%, #222836 100%);
}

html[data-charji-theme="dark"] #charjiMapStateOverlay .charji-map-state__icon--geo {
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
}

html[data-charji-theme="dark"] #appPage .charji-geo-hint__icon {
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
}

html[data-charji-theme="dark"] #appPage .charji-status-banner__chip--warn {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.28);
  color: #fcd34d;
}

html[data-charji-theme="dark"] #appPage .charji-apk-geo-banner__btn {
  border-color: rgba(1, 242, 124, 0.28);
  background: linear-gradient(135deg, rgba(1, 242, 124, 0.12), rgba(19, 22, 29, 0.96));
  color: #e5e7eb;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

html[data-charji-theme="dark"] #appPage .charji-apk-geo-banner__icon {
  background: rgba(1, 242, 124, 0.16);
  color: #6ee7b7;
}

html[data-charji-theme="dark"] #appPage .charji-status-banner__chip--offline {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

html[data-charji-theme="dark"] html.charji-splash-active,
html[data-charji-theme="dark"] html.charji-splash-active body,
html[data-charji-theme="dark"] #charjiSplash.charji-splash-sk {
  background-color: #13161d !important;
}

html[data-charji-theme="dark"] #charjiSplash.charji-splash-sk,
html[data-charji-theme="dark"] #charjiMapSkel.charji-map-sk {
  --charji-sk-map: #1a1f2b;
  --charji-sk-map-2: #222836;
  --charji-sk-road: rgba(52, 61, 79, 0.9);
  --charji-sk-block: rgba(34, 40, 54, 0.85);
  --charji-sk-surface: #1a1f2b;
  --charji-sk-border: rgba(255, 255, 255, 0.08);
  --charji-sk-chip: #222836;
  --charji-sk-shimmer-a: #2a3140;
  --charji-sk-shimmer-b: #3d4658;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__panel,
html[data-charji-theme="dark"] #appPage .charji-route-panel.charji-route-sheet__panel {
  box-shadow: var(--cj-shadow-panel);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-sheet__pill,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__pill {
  background: var(--cj-grab-pill);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot [class*="om-"],
html[data-charji-theme="dark"] #appPage [class*="charji-route"] {
  
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-station-sheet__panel,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-sheet.om-sheet--collapsed:not(.om-sheet--expanded):not(.om-sheet--dragging) .om-sheet__surface,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-sheet.om-sheet--collapsed:not(.om-sheet--expanded):not(.om-sheet--dragging) .om-sheet__grab,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-sheet.om-sheet--collapsed:not(.om-sheet--expanded):not(.om-sheet--dragging) .om-sheet__header {
  background: #1a1f2b;
  border-color: #343d4f;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel.charji-route-sheet__panel {
  background: transparent;
  border-color: transparent;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__sheet,
html[data-charji-theme="dark"] #appPage .charji-route-panel__grab--card {
  background: var(--cj-surface, #1a1f2b);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__sheet {
  box-shadow: var(--cj-shadow-panel, 0 -10px 36px rgba(0, 0, 0, 0.45));
}

html[data-charji-theme="dark"] #appPage .charji-route-skel-shimmer,
html[data-charji-theme="dark"] #appPage .charji-route-skel-line,
html[data-charji-theme="dark"] #appPage .charji-route-panel__heroSkel {
  background: linear-gradient(
    110deg,
    #2a3140 8%,
    #3d4658 18%,
    #2a3140 28%
  );
  background-size: 200% 100%;
}

html[data-charji-theme="dark"] #appPage .charji-route-skel__tripKm {
  background: linear-gradient(
    110deg,
    #2a3140 8%,
    #3d4658 18%,
    #2a3140 28%
  ) !important;
  background-size: 200% 100% !important;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__placeTitle,
html[data-charji-theme="dark"] #appPage .charji-route-metric__num,
html[data-charji-theme="dark"] #appPage .charji-route-ratingPill__score,
html[data-charji-theme="dark"] #appPage .charji-route-tripAlert__txt {
  color: var(--cj-text-strong, #e8ecf2);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__placeSub,
html[data-charji-theme="dark"] #appPage .charji-route-panel__summary,
html[data-charji-theme="dark"] #appPage .charji-route-metric__sub,
html[data-charji-theme="dark"] #appPage .charji-route-metric__unit {
  color: var(--cj-text-muted, #9aa3b2);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__tripLabel,
html[data-charji-theme="dark"] #appPage .charji-route-metric__name,
html[data-charji-theme="dark"] #appPage .charji-route-ratingPill__count,
html[data-charji-theme="dark"] #appPage .charji-route-panel__hint,
html[data-charji-theme="dark"] #appPage .charji-route-panel__legItem {
  color: var(--cj-text-dim, #7b8494);
}

html[data-charji-theme="dark"] #appPage .charji-route-telemetry {
  background: linear-gradient(160deg, #1e2433 0%, #1a1f2b 100%);
  border-color: var(--cj-border-subtle, rgba(255, 255, 255, 0.08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-charji-theme="dark"] #appPage .charji-route-metric:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage .charji-route-ratingPill {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.16), rgba(245, 158, 11, 0.06));
  border-color: rgba(251, 191, 36, 0.28);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel .om-station-stars.charji-route-stars {
  color: #fbbf24;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel .om-station-stars__star {
  opacity: 0.18;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel .om-station-stars__star.is-full {
  opacity: 1;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel .om-station-stars__star.is-half {
  opacity: 0.5;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__tripKm {
  color: #6ee7b7;
  background: rgba(34, 201, 138, 0.14);
  border-color: rgba(34, 201, 138, 0.32);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__dock {
  background: linear-gradient(180deg, rgba(26, 31, 43, 0) 0%, var(--cj-surface, #1a1f2b) 30%);
  border-top-color: var(--cj-border-subtle, rgba(255, 255, 255, 0.08));
  box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.35);
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__mapBtn {
  background: var(--cj-surface-2, #222836);
  border-color: var(--cj-border-subtle, rgba(255, 255, 255, 0.08));
  color: var(--cj-text-strong, #e8ecf2);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__hud,
html[data-charji-theme="dark"] #appPage .charji-route-peek__hud::after,
html[data-charji-theme="dark"] #appPage .charji-route-peek__stretch {
  background: var(--cj-surface, #1a1f2b);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__socTrack {
  stroke: rgba(255, 255, 255, 0.1);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__hud {
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__title {
  color: var(--cj-text-strong, #e8ecf2);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__meta {
  color: var(--cj-text-muted, #9aa3b2);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__waveSqInner {
  color: #fff;
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__chip {
  border-color: var(--cj-border-subtle, rgba(255, 255, 255, 0.12));
  color: var(--cj-text-muted, #9aa3b2);
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__chip--type {
  border-color: rgba(129, 140, 248, 0.45);
  color: #a5b4fc;
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__chip--status.is-ok {
  border-color: rgba(52, 211, 153, 0.45);
  color: #34d399;
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__chip--status.is-warn {
  border-color: rgba(251, 191, 36, 0.5);
  color: #fbbf24;
}

html[data-charji-theme="dark"] #appPage .charji-route-peek__chip--status.is-risk,
html[data-charji-theme="dark"] #appPage .charji-route-peek__chip--status.is-split {
  border-color: rgba(248, 113, 113, 0.45);
  color: #f87171;
}

html[data-charji-theme="dark"] #appPage .charji-route-panel__pill {
  background: var(--cj-grab-pill, rgba(255, 255, 255, 0.28));
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-map-rail-btn {
  background: var(--cj-rail-bg);
  border-color: var(--cj-rail-border);
  color: var(--cj-rail-text);
  box-shadow: var(--cj-rail-shadow);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-map-theme-btn.om-map-theme-btn--dark {
  border-color: rgba(251, 191, 36, 0.45);
  color: #fde68a;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-search__clear {
  background: rgba(255, 255, 255, 0.1);
  color: #c5ccd6;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-search__clear:active,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-search__clear.om-charji-press {
  background: rgba(255, 255, 255, 0.16);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-map-side-rail .om-map-filter-btn--float.om-map-filter-btn--active {
  color: #6ee7b7;
  box-shadow:
    0 0 0 3px rgba(46, 204, 154, 0.14),
    0 6px 18px rgba(46, 204, 154, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-map-side-rail--recenter-hint .om-map-recenter-btn {
  border-color: rgba(52, 211, 153, 0.45);
  color: #6ee7b7;
  box-shadow:
    0 0 0 3px rgba(46, 204, 154, 0.14),
    0 6px 18px rgba(46, 204, 154, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filter-sheet {
  --om-filt-panel: #1a1f2b;
  --om-filt-card: #222836;
  --om-filt-thumb: rgba(255, 255, 255, 0.06);
  --om-filt-border: rgba(255, 255, 255, 0.08);
  --om-filt-tick-inset: #222836;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filter-sheet__panel {
  background: var(--om-filt-panel);
  color: #e8ecf2;
  box-shadow: var(--cj-shadow-panel);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filter-sheet__headerSticky {
  background: var(--om-filt-panel);
  border-bottom-color: var(--om-filt-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filter-sheet__back:active {
  background: rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-reset {
  background: var(--om-filt-card);
  border-color: var(--om-filt-border);
  color: var(--wz-gray-500);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-section {
  border-color: rgba(18, 185, 129, 0.18);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-section--info {
  background: rgba(34, 40, 54, 0.72);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-chips button {
  background: var(--om-filt-card);
  border-color: var(--om-filt-border);
  color: var(--wz-gray-700);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-power-row {
  background: var(--om-filt-card);
  border-color: var(--om-filt-border);
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-power-row__tick {
  border-color: rgba(255, 255, 255, 0.22);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-svc-grid {
  border-color: var(--om-filt-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-cell {
  background: var(--om-filt-card);
  border-color: var(--om-filt-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-cell__thumb {
  background: var(--om-filt-thumb);
  border: 1px solid var(--om-filt-border);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-cell__thumb img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-cell__thumb img.om-charji-conn-img--fallback {
  filter: brightness(0) invert(1);
  opacity: 0.94;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-more {
  background: rgba(255, 255, 255, 0.08);
  color: #c5ccd6;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-conn-more:active {
  background: rgba(255, 255, 255, 0.12);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-switch {
  border-bottom-color: var(--om-filt-border);
  color: #b8c2d0;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-switch__btn {
  background: #3d4658;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-switch__btn span {
  background: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-filt-svc__tick {
  background: var(--om-filt-card);
  border-color: rgba(255, 255, 255, 0.28);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet {
  --om-vs-ok-idle-bg: #2a3140;
  --om-vs-ok-idle-fg: #7a8494;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__panel {
  background: #1a1f2b;
  color: #e8ecf2;
  box-shadow: var(--cj-shadow-panel);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__headerSticky,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__marque {
  background: #1a1f2b;
  border-bottom-color: var(--om-line);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__title {
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__lead {
  color: #939bab;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__back,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__back {
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__brand-hint {
  background: #222836;
  border-color: var(--om-line);
  color: #939bab;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-stack {
  background: #222836;
  border-color: rgba(18, 185, 129, 0.22);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__panel,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-proposal__panel {
  background: #1a1f2b;
  color: #e8ecf2;
  box-shadow: var(--cj-shadow-panel);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-brand-chip__logo {
  background: #2a3140;
  border-color: var(--om-line);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-brand-chip__logo--mono::before {
  display: none !important;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-brand-chip__logo img.om-vehicle-brand-chip__img--fallback {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-brand-chip__logo img.om-vehicle-brand-chip__img--brand {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 0.94 !important;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-brand-chip--none .om-vehicle-brand-chip__logo--none {
  background: rgba(255, 255, 255, 0.06);
  color: #c5ccd6;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vrow__pickerFace {
  background: #222836;
  border-color: rgba(18, 185, 129, 0.22);
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vrow__pickerFace:active {
  background: #2a3140;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vrow__pickerFace__chev {
  color: #9aa3b2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__main {
  background: #222836;
  border-color: var(--om-line);
  color: #e8ecf2;
  box-shadow: none;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__main:active {
  background: #2a3140;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row.is-delete-armed .om-connector-row__main {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.45);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__chev {
  color: #9aa3b2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face__lbl,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face-multi__lbl {
  color: #e8ecf2;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face-multi__chip {
  background: rgba(255, 255, 255, 0.06);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__connTile-img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-conn-cell__thumb > img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face__img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face-multi__img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-st-conn-card__thumb img {
  filter: brightness(0) invert(1);
  opacity: 0.94;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-charji-conn-img--fallback,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-conn-cell__thumb img.om-charji-conn-img--fallback,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__connTile-img.om-charji-conn-img--fallback,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face__img.om-charji-conn-img--fallback,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face-multi__img.om-charji-conn-img--fallback,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__img.om-charji-conn-img--fallback {
  filter: brightness(0) invert(1);
  opacity: 0.94;
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__connTile-thumb,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-conn-cell__thumb {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--om-line);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connect-face__img,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-connector-row__img {
  background: rgba(255, 255, 255, 0.06);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-subq__track::before {
  background: linear-gradient(
    to left,
    rgba(34, 40, 54, 0.95) 0%,
    rgba(26, 31, 43, 0.62) 30%,
    rgba(26, 31, 43, 0.34) 58%,
    rgba(26, 31, 43, 0) 92%
  );
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-subq__track:focus-within::before {
  background: linear-gradient(
    to left,
    rgba(42, 49, 64, 0.9) 0%,
    rgba(34, 40, 54, 0.68) 32%,
    rgba(26, 31, 43, 0.42) 60%,
    rgba(26, 31, 43, 0) 92%
  );
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-marque-search .om-subq__track::before,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-marque-search .om-subq__track:focus-within::before {
  background: linear-gradient(
    to left,
    rgba(18, 185, 129, 0.18) 0%,
    rgba(26, 31, 43, 0.72) 34%,
    rgba(26, 31, 43, 0.38) 62%,
    rgba(26, 31, 43, 0) 92%
  );
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet.om-vehicle-sheet--marque-none .om-vehicle-marque-search .om-subq__track::before,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet.om-vehicle-sheet--marque-none .om-vehicle-marque-search .om-subq__track:focus-within::before {
  background: linear-gradient(
    to left,
    rgba(34, 40, 54, 0.95) 0%,
    rgba(26, 31, 43, 0.62) 30%,
    rgba(26, 31, 43, 0.34) 58%,
    rgba(26, 31, 43, 0) 92%
  );
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-subq__input::placeholder {
  color: rgba(197, 205, 214, 0.45);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-marque-search .om-subq__input::placeholder {
  color: rgba(110, 231, 183, 0.42);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet.om-vehicle-sheet--marque-none .om-vehicle-marque-search .om-subq__input::placeholder {
  color: rgba(154, 163, 178, 0.5);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet__back:active,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__back:active {
  background: rgba(255, 255, 255, 0.08);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__list {
  border-top-color: var(--om-line);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__opt:active {
  background: rgba(255, 255, 255, 0.04);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__opt-icWrap {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wz-gray-500);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-subq__iconBox {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wz-gray-500);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-marque-search .om-subq__iconBox {
  background: rgba(18, 185, 129, 0.16);
  color: var(--om-vehicle-accent-ink);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vehicle-sheet.om-vehicle-sheet--marque-none .om-vehicle-marque-search .om-subq__iconBox {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wz-gray-500);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-badge--opt {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wz-gray-700);
  border-color: var(--om-line);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vs-picker__connTile {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-input,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-select,
html[data-charji-theme="dark"] #appPage #overlayMobileRoot .om-vp-textarea {
  border-color: var(--om-line);
}