/*
 * The live map and the route map, drawn by their own sheets and scripts, in the Crew Center's
 * colours: their tokens are pointed at the design's, so the cards, panels, chips and the
 * light/dark switch follow the rest of the page. The maps themselves keep the shared MapLibre
 * basemap and palette (frontend/js/shared/map-theme.js).
 */
#cc-root.cc-app .route-map-page,
#cc-root.cc-app .jl-crew {
  --app-bg: var(--bg);
  --app-surface-solid: var(--s1);
  --app-border: var(--bd);
  --app-border-hover: var(--bd2);
  --app-border-focus: var(--lk);
  --app-text: var(--tx);
  --app-muted: var(--mu);
  --app-subtle: var(--mu);
  --app-orange: var(--ac);
  --row-wash: var(--s2);
  --row-wash-strong: var(--s3);
  --accent-primary-tint-fg: var(--lk);
  --accent-primary-tint: var(--infb);
  --accent-success-tint-fg: var(--okt);
  --accent-success-tint: var(--okb);
  --accent-warning-tint-fg: var(--wnt);
  --accent-warning-tint: var(--wnb);
  --accent-danger-tint-fg: var(--badt);
  --accent-danger-tint: var(--badb);
  --shadow-pop: var(--sh);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

#cc-root.cc-app .jl-crew {
  --t-ink: var(--tx); --t-ink2: var(--tx2); --t-muted: var(--mu); --t-faint: var(--mu);
  --t-accent: var(--ac); --t-accent2: var(--ac);
  --t-panel: color-mix(in srgb, var(--s1) 90%, transparent); --t-panelsolid: var(--s1);
  --t-line: var(--bd2); --t-line2: var(--bd); --t-line3: var(--bd2);
  --t-tile: var(--s2); --t-tile2: var(--s3); --t-tileline: var(--bd);
  --t-track: var(--s3); --t-foot: var(--s2); --t-dash: var(--bd2); --t-dash2: var(--mu); --t-res: var(--bd2);
  --t-good: var(--okt); --t-warn: var(--wnt); --t-bad: var(--badt);
  --t-scroll: var(--bd2); --t-scroll-hover: var(--ac); --t-focus: var(--lk);
  border-radius: 24px;
  border-color: var(--bd);
  box-shadow: var(--sh);
}
#cc-root.cc-app .jl-crew-panel { border-radius: 18px; }

#cc-root.cc-app .route-map.dashboard-card {
  border-radius: 24px;
  border: 1px solid var(--bd);
  background: var(--s1);
  box-shadow: var(--sh);
  overflow: hidden;
}
#cc-root.cc-app .rm-map-wrap { background: var(--s3); }

#cc-root.cc-app .route-map-page { padding: 0; background: transparent; }
.cc-pagehead-t+.cc-pagehead-s{margin-top:10px}