/* 619: load LAST. One host-light palette, independent of the OS color scheme.
   Appearance only: no layout, visibility, data, map/mascot painting or radar-overlay rules.
   Status/rank colors and the arrival frame preferences remain owned by their components. */
:root {
  color-scheme: light !important;
  --pp-bg: #f2f3f5 !important;
  --pp-surface: #fffefa !important;
  --pp-soft: #eef0f3 !important;
  --pp-ink: #2b3039 !important;
  --pp-muted: #606773 !important;
  --pp-line: #d9dde3 !important;
  --pp-control-line: #9da7b4 !important;
  --pp-primary: #4b5c72 !important;
  --pp-primary-pressed: #38485d !important;
  --pp-primary-soft: #e8edf4 !important;
  --pp-on-primary: #fffefa !important;
  --pp-success: #49604d !important;
  --pp-success-soft: #e9eee5 !important;
  --pp-shadow: 0 8px 22px #29354a12 !important;
  --bg: var(--pp-bg) !important;
  --bg-grad-1: var(--pp-bg) !important;
  --bg-grad-2: var(--pp-bg) !important;
  --panel: var(--pp-surface) !important;
  --panel-soft: var(--pp-soft) !important;
  --ink: var(--pp-ink) !important;
  --ink-soft: var(--pp-muted) !important;
  --ink-faint: var(--pp-muted) !important;
  --line: var(--pp-line) !important;
  --accent-1: var(--pp-primary) !important;
  --accent-2: var(--pp-primary-pressed) !important;
  --accent-grad: linear-gradient(135deg, #4b5c72, #38485d) !important;
  --accent-soft: var(--pp-primary-soft) !important;
  --pk-navy: var(--pp-ink) !important;
  --pk-blue: var(--pp-primary) !important;
  --pk-sky: var(--pp-soft) !important;
  --pk-bg: var(--pp-bg) !important;
  --pk-text: var(--pp-ink) !important;
  --pk-muted: var(--pp-muted) !important;
  --pk-line: var(--pp-line) !important;
  --parking-shell-ink: var(--pp-ink) !important;
  --parking-shell-muted: var(--pp-muted) !important;
  --parking-shell-line: var(--pp-line) !important;
  --parking-shell-panel: var(--pp-surface) !important;
  --parking-shell-soft: var(--pp-soft) !important;
  --shadow: var(--pp-shadow) !important;
  --shadow-sm: var(--pp-shadow) !important;
  --shadow-hero: var(--pp-shadow) !important;
}

html, body, body #app {
  background: var(--pp-bg) !important;
  color: var(--pp-ink) !important;
}
body .app-header, .parking-primary-nav.tabbar {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
.parking-destination-home .home-hub-head {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
.parking-journey-steps, .parking-eyebrow {
  color: var(--pp-muted) !important;
}
body .app-header .brand-name, .parking-destination-home .home-hub-head h1,
.parking-destination-home .home-hub-head > span {
  color: var(--pp-ink) !important;
  text-shadow: none !important;
}
body .app-header .brand-sub, body .app-header .anon-notice,
body .header-actions .notify-btn .hb-label, .parking-destination-home .home-hub-head p {
  color: var(--pp-muted) !important;
  text-shadow: none !important;
}
body .app-header .notify-btn {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
.parking-primary-nav .tab-btn {
  --tab-accent: var(--pp-primary) !important;
  --tab-soft: var(--pp-primary-soft) !important;
  --tab-edge: var(--pp-line) !important;
  color: var(--pp-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body .parking-primary-nav .tab-btn:not(.tab-btn-main).on,
body .parking-primary-nav .tab-btn[aria-selected="true"],
body .parking-primary-nav .tab-btn-main {
  color: var(--pp-primary) !important;
  background: var(--pp-primary-soft) !important;
  border-color: var(--pp-line) !important;
}
body .parking-primary-nav .tab-btn-main .tab-txt {
  color: var(--pp-primary) !important;
}
body .parking-primary-nav .tab-btn:not(.tab-btn-main) .tab-icon-tile,
body .parking-primary-nav .tab-main-orb,
body .parking-primary-nav .tab-btn-main.on .tab-main-orb {
  background: var(--pp-surface) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
.parking-journey-steps b, .parking-destination-home .destination-finder-entry,
.parking-back, .parking-secondary, .parking-more-links {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
}
.parking-destination-home .destination-finder-entry small {
  color: var(--pp-muted) !important;
}

/* Destination: pair text with each surface so legacy OS-dark rules cannot split them. */
#destinationParking, #destinationParking .pk-parking-facts,
#destinationParking [data-destination-choices] button {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#destinationParking h2, #destinationParking .destination-search-label,
#destinationParking .pk-parking-facts caption {
  color: var(--pp-ink) !important;
}
#destinationParking .destination-intro, #destinationParking [data-destination-nav-help],
#destinationParking .pk-parking-facts small, #destinationParking .pk-fact-note,
#destinationParking .pk-fact-grid span {
  color: var(--pp-muted) !important;
}
#destinationParking input, #destinationParking select, #destinationParking button,
#destinationParking .destination-locate, #destinationParking .destination-connection,
#destinationParking .destination-result:not(.needs-check),
#destinationParking .destination-result:first-child:not(.needs-check),
#destinationParking .pk-fact-height, #destinationParking .destination-history-group button,
#destinationParking .destination-site, .parking-quick-disclosure > summary {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
#destinationParking input, #destinationParking select,
#view-finder .pf-search-row input, #profileSetupSheet .pset-input {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-control-line) !important;
  caret-color: var(--pp-primary) !important;
}
#destinationParking input::placeholder, #view-finder .pf-search-row input::placeholder,
#profileSetupSheet .pset-input::placeholder {
  color: var(--pp-muted) !important;
  opacity: 1 !important;
}
#destinationParking .pk-fact-source, #destinationParking .destination-site h3 {
  color: var(--pp-primary) !important;
}
#destinationParking .destination-site p, #destinationParking .destination-site small {
  color: var(--pp-muted) !important;
}

/* Finder token overrides also cover its road-view dialog, without styling map content. */
.parking-finder, .pf-road-dialog {
  --pf-ink: var(--pp-ink) !important;
  --pf-muted: var(--pp-muted) !important;
  --pf-bg: var(--pp-surface) !important;
  --pf-soft: var(--pp-soft) !important;
  --pf-line: var(--pp-line) !important;
  color-scheme: light !important;
}
#view-finder .pf-card, #view-finder .pf-search-panel, #view-finder .pf-map-panel,
#view-finder .pf-detail, #view-finder .pf-selected, .pf-road-dialog {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#view-finder .pf-recommend-cta, #view-finder .pf-more > summary,
#view-finder .pf-facts > div, #view-finder .pf-evidence {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
#view-finder .pf-recommend-cta strong, #view-finder .pf-eyebrow,
#view-finder .pf-price, #view-finder .pf-card .pf-price, #view-finder .pf-phone {
  color: var(--pp-primary) !important;
}
#view-finder .pf-recommend-cta small, #view-finder .pf-compact-note,
#view-finder .pf-quick-facts, #view-finder .pf-card-open {
  color: var(--pp-muted) !important;
}

/* Radar tab/card surfaces only; the approved translucent driving overlay is independent. */
#parkingRadar, #streetRadar, #streetRadar .sr-card, #streetRadar .sr-fallback,
#streetRadar .sr-sources, #streetRadar .sr-trust > div,
#streetRadar .pi-card, #streetRadar .pi-geometry {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#parkingRadar .pr-basis, #parkingRadar .pr-reco, #parkingRadar .pr-map-toggle,
#parkingRadar .pr-card:not(.green):not(.yellow):not(.red),
#streetRadar .sr-data-status, #streetRadar .sr-map-choice,
#streetRadar .sr-card-links .sr-map-choice, #streetRadar .pi-search,
#streetRadar .pi-recommendations, #streetRadar .sr-fallback-links a,
#streetRadar .sr-source-links a {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
#parkingRadar .pr-head h2, #parkingRadar .pr-reco b, #streetRadar h2,
#streetRadar .sr-card-copy b, #streetRadar .sr-trust b:not(.good):not(.caution),
#streetRadar .pi-card > b, #streetRadar .pi-recommendations h3,
#streetRadar .pi-recommend {
  color: var(--pp-ink) !important;
}
#parkingRadar .pr-card small, #streetRadar .sr-lead, #streetRadar .sr-card-copy small,
#streetRadar .sr-trust span, #streetRadar .sr-trust small, #streetRadar .sr-map-choice small,
#streetRadar .sr-auto-heading p, #streetRadar .pi-card small,
#streetRadar .pi-search small, #streetRadar .pi-geometry small,
#streetRadar .pi-recommend small, #streetRadar .sr-sources p {
  color: var(--pp-muted) !important;
}
#parkingRadar .pr-kicker, #streetRadar .sr-kicker, #streetRadar .sr-auto-heading > span,
#streetRadar .sr-card-links a, #streetRadar .sr-data-status a {
  color: var(--pp-primary) !important;
}

/* Home/work and community share neutral cards; selected place uses a quiet slate tint. */
#view-more .residence-card, #view-more .home-auto-details,
#view-more .home-contact-details, #view-more .residence-community,
#view-more .arrival-preferences, #view-community .community-empty,
#view-community .community-place-change {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#view-more #residenceName, #view-community .community-header h2 {
  color: var(--pp-ink) !important;
}
#view-more .residence-label, #view-more #residenceHome, #view-more #residenceTripNote,
#view-community .community-kicker, #view-community .community-scope,
#view-community .community-note, #view-community .community-empty small {
  color: var(--pp-muted) !important;
}
#view-more .residence-main-entry button, #view-more .arrival-preferences button,
#view-more .arrival-preferences select, #view-more .parking-secondary,
#view-more .residence-main-entry, #view-more .residence-auto,
#view-more .residence-actions button,
#view-more .home-auto-details .radar-auto-guide,
.community-actions .community-action, .community-actions .community-parking,
.community-all, .community-settings {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
.community-actions .community-action small, .community-actions .community-arrow {
  color: var(--pp-muted) !important;
}
#view-more .residence-main-entry > span, #view-more .residence-main-entry p,
#view-more .residence-steps, #view-more .residence-community > p,
#view-more .residence-community small {
  color: var(--pp-muted) !important;
}
#view-more .residence-auto b, #view-more .residence-community h2 {
  color: var(--pp-ink) !important;
}
#view-more .residence-auto.is-action p b {
  color: var(--pp-success) !important;
}
#view-more #residenceTripNote, #view-more .residence-community .parking-more-links > a,
#view-more .residence-community .parking-more-links > button {
  background: var(--pp-soft) !important;
  color: var(--pp-muted) !important;
  border-color: var(--pp-line) !important;
}
#view-more .residence-settings > summary, #view-more .arrival-preferences details > summary {
  color: var(--pp-primary) !important;
}
body.area-mode-street #streetHomeCard {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
body.area-mode-street #streetHomeCard .shc-addr {
  color: var(--pp-muted) !important;
  font-weight: 400 !important;
}
.saved-places, .sp-dialog {
  --sp-bg: var(--pp-surface) !important;
  --sp-card: var(--pp-surface) !important;
  --sp-ink: var(--pp-ink) !important;
  --sp-muted: var(--pp-muted) !important;
  --sp-line: var(--pp-line) !important;
  --sp-accent: var(--pp-primary) !important;
  color-scheme: light !important;
}
.saved-places .sp-card.is-active, #homeSlots .sp-card.is-active {
  background: var(--pp-primary-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-primary) !important;
}
.saved-places button:disabled {
  background: var(--pp-soft) !important;
  color: var(--pp-muted) !important;
  border-color: var(--pp-line) !important;
  opacity: 1 !important;
}

/* Profile/settings: leave error, completion and enabled-switch semantics intact. */
#profileSetupSheet, .pk-reading-settings {
  background: var(--pp-bg) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
}
#profileSetupSheet .pset-step:not(.is-missing), #profileSetupSheet .pset-current,
#profileSetupSheet .pset-switch, #profileSetupSheet .pset-switch-sub,
#profileSetupSheet .pset-manual-help, #profileSetupSheet .pset-car-anchor,
#profileSetupSheet .pset-address-suggestions {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#profileSetupSheet .pset-head h2, #profileSetupSheet .pset-step-head b,
#profileSetupSheet .pset-label {
  color: var(--pp-ink) !important;
}
#profileSetupSheet .pset-head span, #profileSetupSheet .pset-step-head small,
#profileSetupSheet .pset-note, #profileSetupSheet .pset-privacy,
#profileSetupSheet .pset-radius-options button small,
#profileSetupSheet .pset-radius-options button.on small,
#profileSetupSheet .pset-address-suggestions small {
  color: var(--pp-muted) !important;
}
#profileSetupSheet .pset-radius-explain, #profileSetupSheet .pset-radius-explain > b {
  background: var(--pp-soft) !important;
  color: var(--pp-muted) !important;
  border-color: var(--pp-line) !important;
}
#profileSetupSheet .pset-wide-btn:not(.ok), #profileSetupSheet .pset-inline-actions button,
#profileSetupSheet .pset-radius-options button, #profileSetupSheet .pset-dong-grid button,
#profileSetupSheet .pset-types button, #profileSetupSheet .pset-connection button,
#profileSetupSheet .pset-picker-btn, #profileSetupSheet .pset-fav-suggest button,
#profileSetupSheet .pset-address-suggestions button, #profileSetupSheet .pset-optional,
#profileSetupSheet .pset-optional > summary, .pk-reading-settings button {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
#profileSetupSheet .pset-radius-options button.on, #profileSetupSheet .pset-dong-grid button.on,
#profileSetupSheet .pset-types button.on, #profileSetupSheet .pset-connection button.on,
#profileSetupSheet .pset-optional[open] > summary::after,
#view-finder .pf-map-modes button[aria-pressed="true"],
#view-finder .pf-arrival button[aria-pressed="true"] {
  background: var(--pp-primary-soft) !important;
  color: var(--pp-primary) !important;
  border-color: var(--pp-primary) !important;
  box-shadow: none !important;
}
#profileSetupSheet .pset-optional > summary::before {
  color: var(--pp-primary) !important;
}
#profileSetupSheet .pset-progress, #profileSetupSheet .pset-wide-btn.ok {
  background: var(--pp-success-soft) !important;
  color: var(--pp-success) !important;
  border-color: var(--pp-success) !important;
}
#profileSetupSheet .pset-input:focus, #destinationParking input:focus,
#view-finder .pf-search-row input:focus {
  border-color: var(--pp-primary) !important;
  outline-color: var(--pp-primary) !important;
  box-shadow: 0 0 0 2px var(--pp-primary-soft) !important;
}

/* Parking/history surfaces, without changing saved records or recommendation badges. */
#view-car .car-command, #view-car .last-parking-summary, #view-car .park-idle,
#view-car .car-saved, #view-car .car-spot, #view-car .recent-parking,
#view-parking .recent-parking, #view-parking .resident-history {
  background: var(--pp-surface) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: var(--pp-shadow) !important;
}
#view-car .car-command-grid button, #view-car .car-find,
.recent-parking .rp-actions button, .resident-history .rh-row {
  background: var(--pp-soft) !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-line) !important;
  box-shadow: none !important;
}
.recent-parking .rp-sub, .recent-parking .rp-row small, .recent-parking .rp-row time,
.recent-parking .rp-empty, .resident-history .rh-copy small, .resident-history .rh-empty,
#view-parking .tab-p {
  color: var(--pp-muted) !important;
}
#view-parking .tab-h {
  color: var(--pp-ink) !important;
}

/* Explicit action roles, not every button: keep warning/destructive/status controls distinct. */
body .btn-primary, #destinationParking .destination-search-row button,
#destinationParking [data-destination-navigate], #destinationParking .destination-rescan,
#destinationParking button[data-destination-auto],
#view-finder .pf-search-row button, #view-finder .pf-primary,
#view-finder .pf-selected-go, #view-finder .pf-cta-arrow,
#streetRadar .sr-locate, #streetRadar .pi-query button, #streetRadar .pi-actions button,
#streetRadar .sr-white-eval, #streetRadar .sr-exhausted button[data-street-official],
#view-more .residence-main-entry [data-home-residence], #view-more .residence-card #homeAptBtn,
#profileSetupSheet .pset-save, #profileSetupSheet .pset-optional > summary::after,
#view-car .cs-save, .sp-dialog .sp-primary {
  background: var(--pp-primary) !important;
  color: var(--pp-on-primary) !important;
  border-color: var(--pp-primary) !important;
  box-shadow: 0 3px 8px #2b303914 !important;
  text-shadow: none !important;
}
#streetRadar .sr-locate small {
  color: var(--pp-on-primary) !important;
}
body .btn-primary:active, #destinationParking [data-destination-navigate]:active, #destinationParking button[data-destination-auto]:active,
#view-finder .pf-primary:active, #profileSetupSheet .pset-save:active {
  background: var(--pp-primary-pressed) !important;
  color: var(--pp-on-primary) !important;
}

/* Required business details stay legible and secondary, without changing their content. */
.app-footer, .app-footer p, .app-footer .foot-legal {
  background: var(--pp-bg) !important;
  color: var(--pp-muted) !important;
}
.app-footer .foot-business.foot-business-min {
  background: var(--pp-bg) !important;
  color: var(--pp-muted) !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}
.app-footer .foot-business.foot-business-min strong,
.app-footer .foot-business.foot-business-min span,
.app-footer .foot-business.foot-business-min a {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
}
.app-footer .foot-link {
  color: var(--pp-primary) !important;
}