@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap");

/* WeatherPulse 100x design layer
   Shared visual polish for Home, Forecast, WarnPins, and Radar. */

:root {
  --wp100-font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --wp100-ink: #071426;
  --wp100-muted: rgba(86, 103, 130, 0.88);
  --wp100-line: rgba(111, 140, 178, 0.22);
  --wp100-line-strong: rgba(90, 135, 196, 0.34);
  --wp100-surface: rgba(247, 251, 255, 0.78);
  --wp100-surface-strong: rgba(255, 255, 255, 0.9);
  --wp100-field: rgba(255, 255, 255, 0.56);
  --wp100-deep: #07111f;
  --wp100-blue: #2f78d4;
  --wp100-cyan: #21a8d8;
  --wp100-gold: #f3b53f;
  --wp100-red: #d83b4b;
  --wp100-green: #35a66d;
  --wp100-shadow: 0 18px 52px rgba(20, 38, 72, 0.16);
  --wp100-shadow-tight: 0 10px 28px rgba(20, 38, 72, 0.12);
  --wp100-inner: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -1px 0 rgba(47, 120, 212, 0.08);
}

[data-theme="night"] {
  --wp100-ink: #f4f8ff;
  --wp100-muted: rgba(204, 217, 235, 0.76);
  --wp100-line: rgba(173, 206, 255, 0.16);
  --wp100-line-strong: rgba(96, 165, 250, 0.28);
  --wp100-surface: rgba(11, 20, 34, 0.7);
  --wp100-surface-strong: rgba(13, 24, 40, 0.84);
  --wp100-field: rgba(255, 255, 255, 0.08);
  --wp100-shadow: 0 22px 58px rgba(0, 0, 0, 0.36);
  --wp100-shadow-tight: 0 12px 30px rgba(0, 0, 0, 0.26);
  --wp100-inner: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(64, 196, 255, 0.06);
}

body.wp-design-100x {
  font-family: var(--wp100-font) !important;
  color: var(--wp100-ink);
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.wp-design-100x button,
body.wp-design-100x input,
body.wp-design-100x textarea,
body.wp-design-100x select {
  font-family: var(--wp100-font) !important;
}

/* Hero video condition fallback
   Keeps the top banner weather-themed when a video is slow, blocked, or missing. */
body.wp-page-home #video-viewport.hero-video-fallback,
body.wp-page-forecast .sticky-hero-block #video-viewport.hero-video-fallback {
  background:
    radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.28), transparent 26%),
    linear-gradient(180deg, #5a9edb 0%, #7fb8e8 54%, #b8d9f3 100%) !important;
}

body.wp-page-home #video-viewport.hero-video-fallback #android-hero-fx,
body.wp-page-forecast .sticky-hero-block #video-viewport.hero-video-fallback #android-hero-fx {
  opacity: 1 !important;
}

body.wp-page-home #video-viewport.hero-video-fallback #bg-video:not(.loaded),
body.wp-page-forecast .sticky-hero-block #video-viewport.hero-video-fallback #bg-video:not(.loaded) {
  opacity: 0 !important;
}

body.wp-design-100x .card-title,
body.wp-design-100x .hero-title,
body.wp-design-100x .forecast-detail-title,
body.wp-design-100x .wp-section-title,
body.wp-design-100x .submit-btn {
  font-family: var(--wp100-font) !important;
  font-weight: 800 !important;
}

body.wp-design-100x .card-kicker,
body.wp-design-100x .hero-kicker,
body.wp-design-100x .wp-section-kicker,
body.wp-design-100x .section-status,
body.wp-design-100x .action-title,
body.wp-design-100x .media-btn-title,
body.wp-design-100x .bottom-nav-label {
  font-family: var(--wp100-font) !important;
  font-weight: 700 !important;
}

body.wp-page-home,
body.wp-page-forecast,
body.wp-page-warnpins {
  background:
    linear-gradient(180deg, rgba(242, 248, 255, 0.94), rgba(235, 243, 251, 0.98) 38%, rgba(242, 247, 252, 1)),
    #eef5fb !important;
}

[data-theme="night"] body.wp-page-home,
[data-theme="night"] body.wp-page-forecast,
[data-theme="night"] body.wp-page-warnpins {
  background:
    linear-gradient(180deg, rgba(4, 10, 20, 0.98), rgba(8, 17, 31, 0.98) 42%, rgba(10, 17, 28, 1)),
    #07111f !important;
}

body.wp-page-home .content-backdrop,
body.wp-page-forecast .content-backdrop,
body.wp-page-warnpins .content-backdrop {
  background:
    linear-gradient(180deg, rgba(235, 244, 252, 0.7), rgba(241, 247, 252, 0.96)) !important;
}

[data-theme="night"] body.wp-page-home .content-backdrop,
[data-theme="night"] body.wp-page-forecast .content-backdrop,
[data-theme="night"] body.wp-page-warnpins .content-backdrop {
  background:
    linear-gradient(180deg, rgba(4, 10, 20, 0.62), rgba(8, 14, 24, 0.96)) !important;
}

body.wp-design-100x .card,
body.wp-design-100x .hero-card,
body.wp-design-100x .alert-summary-card,
body.wp-design-100x .sponsor-spot,
body.wp-design-100x .live-stream-card,
body.wp-design-100x .modal-content,
body.wp-design-100x .forecast-detail-sheet {
  border: 1px solid var(--wp100-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42) 54%, rgba(47, 120, 212, 0.08)) !important;
  box-shadow: var(--wp100-inner), var(--wp100-shadow) !important;
  border-radius: 20px !important;
  backdrop-filter: saturate(138%) blur(8px);
  -webkit-backdrop-filter: saturate(138%) blur(8px);
}

[data-theme="night"] body.wp-design-100x .card,
[data-theme="night"] body.wp-design-100x .hero-card,
[data-theme="night"] body.wp-design-100x .alert-summary-card,
[data-theme="night"] body.wp-design-100x .sponsor-spot,
[data-theme="night"] body.wp-design-100x .live-stream-card,
[data-theme="night"] body.wp-design-100x .modal-content,
[data-theme="night"] body.wp-design-100x .forecast-detail-sheet {
  background:
    linear-gradient(145deg, rgba(24, 38, 58, 0.82), rgba(8, 15, 26, 0.56) 56%, rgba(64, 196, 255, 0.08)) !important;
}

body.wp-design-100x .card::after,
body.wp-design-100x .hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255,255,255,0.26), transparent 30%, transparent 72%, rgba(47,120,212,0.08));
  opacity: 0.74;
}

body.wp-design-100x .card > *,
body.wp-design-100x .hero-card > * {
  position: relative;
  z-index: 1;
}

body.wp-design-100x .card-title,
body.wp-design-100x .hero-title,
body.wp-design-100x .forecast-detail-title {
  letter-spacing: 0 !important;
}

body.wp-design-100x .card-title {
  font-size: clamp(1rem, 3.4vw, 1.18rem) !important;
  text-transform: none !important;
}

body.wp-design-100x .card-kicker,
body.wp-design-100x .hero-kicker,
body.wp-design-100x .wp-section-kicker {
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--wp100-muted) !important;
}

body.wp-design-100x .sticky-location-bar .search-pill,
body.wp-design-100x .wp-embedded-search-pill,
body.wp-design-100x .header-action-btn,
body.wp-design-100x .app-topbar-pill,
body.wp-design-100x .app-topbar-logo,
body.wp-design-100x .btn-circle,
body.wp-design-100x .pill-btn,
body.wp-design-100x .mode-pill,
body.wp-design-100x .layout-btn {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.78), rgba(255,255,255,0.32)) !important;
  border: 1px solid var(--wp100-line) !important;
  box-shadow: var(--wp100-inner), var(--wp100-shadow-tight) !important;
  border-radius: 999px !important;
  backdrop-filter: saturate(150%) blur(7px);
  -webkit-backdrop-filter: saturate(150%) blur(7px);
}

[data-theme="night"] body.wp-design-100x .sticky-location-bar .search-pill,
[data-theme="night"] body.wp-design-100x .wp-embedded-search-pill,
[data-theme="night"] body.wp-design-100x .header-action-btn,
[data-theme="night"] body.wp-design-100x .app-topbar-pill,
[data-theme="night"] body.wp-design-100x .app-topbar-logo,
[data-theme="night"] body.wp-design-100x .btn-circle,
[data-theme="night"] body.wp-design-100x .pill-btn,
[data-theme="night"] body.wp-design-100x .mode-pill,
[data-theme="night"] body.wp-design-100x .layout-btn {
  background:
    linear-gradient(145deg, rgba(24,38,58,0.84), rgba(8,15,26,0.5)) !important;
}

body.wp-design-100x .bottom-nav,
body.wp-design-100x .wp-shell-dock,
body.wp-design-100x .bottom-controls {
  border: 1px solid var(--wp100-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.74), rgba(236,246,255,0.48)) !important;
  box-shadow: var(--wp100-inner), 0 20px 46px rgba(12, 29, 52, 0.2) !important;
  backdrop-filter: saturate(150%) blur(9px);
  -webkit-backdrop-filter: saturate(150%) blur(9px);
}

[data-theme="night"] body.wp-design-100x .bottom-nav,
[data-theme="night"] body.wp-design-100x .wp-shell-dock,
[data-theme="night"] body.wp-design-100x .bottom-controls {
  background:
    linear-gradient(145deg, rgba(16,27,45,0.86), rgba(6,12,22,0.62)) !important;
}

body.wp-design-100x .nav-item.active,
body.wp-design-100x .wp-shell-dock-item.is-active {
  color: var(--wp100-blue) !important;
}

body.wp-design-100x .nav-item.active,
body.wp-design-100x .wp-shell-dock-item.is-active,
body.wp-design-100x .btn-circle.active,
body.wp-design-100x .mode-pill.active,
body.wp-design-100x .layout-btn.active {
  background:
    linear-gradient(145deg, rgba(47,120,212,0.22), rgba(33,168,216,0.13)) !important;
  border-color: var(--wp100-line-strong) !important;
}

body.wp-design-100x .alert-strip {
  border-radius: 18px !important;
  box-shadow: var(--wp100-shadow-tight) !important;
}

body.wp-design-100x .retry-btn,
body.wp-design-100x .btn-primary,
body.wp-design-100x .submit-btn,
body.wp-design-100x .waze-submit-btn,
body.wp-design-100x .sponsor-spot-cta,
body.wp-design-100x .promo-cta {
  border: 0 !important;
  background:
    linear-gradient(135deg, #2f78d4, #21a8d8 56%, #35a66d) !important;
  color: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(47, 120, 212, 0.26) !important;
}

/* Home */
body.wp-page-home .wp-daily-planner {
  padding: clamp(16px, 4vw, 22px) !important;
  gap: 12px !important;
  overflow: hidden;
}

body.wp-page-home .wp-daily-planner::before,
body.wp-page-forecast .wp-daily-planner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--wp100-blue), var(--wp100-cyan), var(--wp100-gold), var(--wp100-red));
}

body.wp-page-home .wp-planner-title,
body.wp-page-forecast .wp-planner-title {
  font-size: clamp(1.26rem, 5vw, 1.9rem) !important;
}

body.wp-page-home .wp-day-snapshot,
body.wp-page-home .wp-quick-meaning,
body.wp-page-home .wp-timeline-grid {
  gap: 9px !important;
}

body.wp-page-home .wp-snapshot-main,
body.wp-page-home .wp-snapshot-wear,
body.wp-page-home .wp-meaning-chip,
body.wp-page-home .wp-timeline-card,
body.wp-page-home .wp-personal-panel .wp-panel-head,
body.wp-page-forecast .wp-timeline-card,
body.wp-page-forecast .wp-decision-card,
body.wp-page-forecast .wp-personal-panel .wp-panel-head {
  border: 1px solid var(--wp100-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.62), rgba(255,255,255,0.25) 58%, rgba(33,168,216,0.07)) !important;
  box-shadow: var(--wp100-inner), 0 8px 22px rgba(20, 38, 72, 0.08) !important;
}

[data-theme="night"] body.wp-page-home .wp-snapshot-main,
[data-theme="night"] body.wp-page-home .wp-snapshot-wear,
[data-theme="night"] body.wp-page-home .wp-meaning-chip,
[data-theme="night"] body.wp-page-home .wp-timeline-card,
[data-theme="night"] body.wp-page-home .wp-personal-panel .wp-panel-head,
[data-theme="night"] body.wp-page-forecast .wp-timeline-card,
[data-theme="night"] body.wp-page-forecast .wp-decision-card,
[data-theme="night"] body.wp-page-forecast .wp-personal-panel .wp-panel-head {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035) 58%, rgba(64,196,255,0.06)) !important;
}

body.wp-page-home .wp-snapshot-main .narrative-title {
  font-size: clamp(1.12rem, 4.5vw, 1.35rem) !important;
}

body.wp-page-home .comfort-badge {
  color: var(--wp100-blue) !important;
  background: rgba(47, 120, 212, 0.13) !important;
}

body.wp-page-home .wp-timeline-card.is-primary {
  border-color: rgba(243, 181, 63, 0.42) !important;
  background:
    linear-gradient(145deg, rgba(47,120,212,0.17), rgba(243,181,63,0.15)) !important;
}

body.wp-page-home .home-radar-shell {
  border-radius: 18px !important;
  border: 1px solid var(--wp100-line) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), var(--wp100-shadow-tight) !important;
}

body.wp-page-home .condition-tile,
body.wp-page-home .daily-row,
body.wp-page-home .activity-card,
body.wp-page-home .hourly-dropdown,
body.wp-page-forecast .forecast-day-item,
body.wp-page-forecast .activity-card,
body.wp-page-forecast .hourly-dropdown {
  border: 1px solid var(--wp100-line) !important;
  background: var(--wp100-field) !important;
  border-radius: 16px !important;
}

/* Forecast */
body.wp-page-forecast .forecast-day-item,
body.wp-page-forecast .hour-row,
body.wp-page-home .daily-row,
body.wp-page-home .hour-row {
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

@media (hover: hover) {
  body.wp-page-forecast .forecast-day-item:hover,
  body.wp-page-home .daily-row:hover {
    transform: translateY(-1px);
    border-color: var(--wp100-line-strong) !important;
  }
}

body.wp-page-forecast .daily-list,
body.wp-page-home .daily-list {
  gap: 8px;
}

body.wp-page-forecast .hourly-pill,
body.wp-page-home .hourly-pill,
body.wp-page-forecast .wp-mode-chip,
body.wp-page-forecast .wp-profile-chip,
body.wp-page-forecast .wp-routine-chip,
body.wp-page-home .wp-mode-chip,
body.wp-page-home .wp-profile-chip,
body.wp-page-home .wp-routine-chip {
  border-radius: 999px !important;
  border-color: var(--wp100-line) !important;
  background: var(--wp100-field) !important;
}

body.wp-page-forecast .hourly-pill.active,
body.wp-page-home .hourly-pill.active,
body.wp-page-forecast .wp-mode-chip.is-active,
body.wp-page-home .wp-mode-chip.is-active {
  border-color: var(--wp100-line-strong) !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.2), rgba(33,168,216,0.1)) !important;
}

/* WarnPins */
body.wp-page-warnpins .content-container {
  padding-top: max(14px, var(--safe-top, 0px)) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
}

html:has(body.wp-page-warnpins),
body.wp-page-warnpins {
  overflow-x: hidden !important;
}

body.wp-page-warnpins .main-wrapper,
body.wp-page-warnpins .content-backdrop,
body.wp-page-warnpins .app-topbar,
body.wp-page-warnpins .app-topbar-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
}

body.wp-page-warnpins .content-container {
  width: auto !important;
}

body.wp-page-warnpins .card,
body.wp-page-warnpins .hero-card {
  width: 100% !important;
  max-width: 100% !important;
}

body.wp-page-warnpins *,
body.wp-page-warnpins *::before,
body.wp-page-warnpins *::after {
  box-sizing: border-box;
}

body.wp-page-warnpins .card,
body.wp-page-warnpins .hero-card,
body.wp-page-warnpins .warnpins-main-stack,
body.wp-page-warnpins .condition-grid,
body.wp-page-warnpins .location-status,
body.wp-page-warnpins .hero-copy {
  box-sizing: border-box !important;
  min-width: 0;
  max-width: 100% !important;
}

body.wp-page-warnpins .card,
body.wp-page-warnpins .hero-card {
  width: auto !important;
  max-width: calc(100vw - 24px) !important;
}

body.wp-page-warnpins .location-status,
body.wp-page-warnpins .hero-copy,
body.wp-page-warnpins .card-subtitle {
  overflow-wrap: anywhere;
  white-space: normal !important;
}

body.wp-page-warnpins .hero-card {
  overflow: hidden;
}

body.wp-page-warnpins .hero-title {
  font-size: clamp(1.55rem, 6vw, 2.4rem) !important;
}

body.wp-page-warnpins .hero-copy,
body.wp-page-warnpins .card-subtitle,
body.wp-page-warnpins .flow-summary-title {
  max-width: 58ch;
}

body.wp-page-warnpins .flow-summary-card {
  display: none !important;
}

body.wp-page-warnpins .hero-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.wp-page-warnpins .hero-step {
  justify-content: center;
  min-width: 0 !important;
  padding: 8px 10px !important;
}

body.wp-page-warnpins .hero-step,
body.wp-page-warnpins .condition-btn,
body.wp-page-warnpins .profile-segment-btn,
body.wp-page-warnpins .emoji-btn,
body.wp-page-warnpins .saved-place-chip,
body.wp-page-warnpins .community-show-as-btn,
body.wp-page-warnpins .community-profile-edit-btn,
body.wp-page-warnpins .media-btn,
body.wp-page-warnpins .action-btn {
  border: 1px solid var(--wp100-line) !important;
  background: var(--wp100-field) !important;
  border-radius: 16px !important;
  box-shadow: var(--wp100-inner) !important;
}

body.wp-page-warnpins .condition-btn.selected,
body.wp-page-warnpins .profile-segment-btn.active,
body.wp-page-warnpins .emoji-btn.active,
body.wp-page-warnpins .hero-step.complete {
  border-color: var(--wp100-line-strong) !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.18), rgba(53,166,109,0.12)) !important;
}

body.wp-page-warnpins .input,
body.wp-page-warnpins .textarea,
body.wp-page-warnpins .waze-input,
body.wp-page-warnpins .waze-textarea {
  border: 1px solid var(--wp100-line) !important;
  background: var(--wp100-field) !important;
  border-radius: 14px !important;
}

body.wp-page-warnpins .optional-extras-card {
  opacity: 0.96;
}

body.wp-page-warnpins .condition-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.wp-page-warnpins .condition-btn {
  min-width: 0 !important;
}

/* Radar */
body.wp-page-radar {
  background: #030813 !important;
  --wp-radar-tools-surface: linear-gradient(145deg, rgba(7, 17, 31, 0.98), rgba(10, 25, 42, 0.94) 60%, rgba(47, 120, 212, 0.16));
  --wp-radar-tools-surface-soft: linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.045));
  --wp-radar-tools-border: rgba(173, 206, 255, 0.26);
  --wp-radar-tools-border-soft: rgba(217, 232, 255, 0.18);
  --wp-radar-tools-text: #f7fbff;
  --wp-radar-tools-muted: rgba(222, 235, 255, 0.72);
  --wp-radar-tools-blue: #7fc7ff;
  --wp-radar-tools-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 26px 58px rgba(0,0,0,0.42);
  --wp-radar-tools-shadow-tight: inset 0 1px 0 rgba(255,255,255,0.15), 0 16px 36px rgba(0,0,0,0.36);
}

body.wp-page-radar #map {
  background: #050b15 !important;
}

body.wp-page-radar .app-header {
  pointer-events: none;
}

body.wp-page-radar .app-header > *,
body.wp-page-radar .header-actions,
body.wp-page-radar .location-pill,
body.wp-page-radar .btn-circle,
body.wp-page-radar .pill-btn,
body.wp-page-radar .mode-pill,
body.wp-page-radar .bottom-controls,
body.wp-page-radar .map-layer-sheet,
body.wp-page-radar .tools-panel,
body.wp-page-radar #legend-container,
body.wp-page-radar .legend-card,
body.wp-page-radar .wp-tools-popup {
  pointer-events: auto;
}

body.wp-page-radar .app-header,
body.wp-page-radar #legend-container,
body.wp-page-radar .bottom-controls,
body.wp-page-radar .map-layer-sheet,
body.wp-page-radar .wp-tools-popup,
body.wp-page-radar .tools-panel,
body.wp-page-radar .modal-content {
  border: 1px solid var(--wp100-line) !important;
  background:
    linear-gradient(145deg, rgba(10,18,30,0.78), rgba(8,14,24,0.48) 58%, rgba(47,120,212,0.12)) !important;
  box-shadow: var(--wp100-inner), 0 18px 48px rgba(0,0,0,0.28) !important;
  backdrop-filter: saturate(150%) blur(8px);
  -webkit-backdrop-filter: saturate(150%) blur(8px);
}

body.wp-page-radar .app-header {
  border-radius: 0 0 22px 22px !important;
}

body.wp-page-radar .location-pill,
body.wp-page-radar .btn-circle,
body.wp-page-radar .pill-btn,
body.wp-page-radar .mode-pill {
  color: #f4f8ff !important;
}

body.wp-page-radar .bottom-controls {
  border-radius: 24px !important;
}

body.wp-page-radar .mapboxgl-ctrl-group,
body.wp-page-home .mapboxgl-ctrl-group {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--wp100-shadow-tight) !important;
}

@media (max-width: 640px) {
  body.wp-design-100x .card,
  body.wp-design-100x .hero-card {
    border-radius: 18px !important;
  }

  body.wp-page-home .content-container,
  body.wp-page-forecast .content-container,
  body.wp-page-warnpins .content-container {
    gap: 12px !important;
  }

  body.wp-page-home .wp-quick-meaning {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.wp-page-warnpins .hero-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.wp-page-warnpins .hero-step {
    gap: 6px !important;
    font-size: 0.72rem !important;
    padding-inline: 6px !important;
  }

  body.wp-page-warnpins .condition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 900px) {
  body.wp-page-home .content-container,
  body.wp-page-forecast .content-container:not(.reorder-active),
  body.wp-page-warnpins .content-container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }

  body.wp-page-warnpins .warnpins-main-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 16px;
    align-items: start;
  }

  body.wp-page-warnpins .submit-card,
  body.wp-page-warnpins .optional-extras-card {
    grid-column: 2;
  }
}

/* Clearer liquid pass: glossy, less frosted, still readable. */
body.wp-design-100x .card,
body.wp-design-100x .hero-card,
body.wp-design-100x .alert-summary-card,
body.wp-design-100x .sponsor-spot,
body.wp-design-100x .live-stream-card,
body.wp-design-100x .modal-content,
body.wp-design-100x .forecast-detail-sheet {
  background:
    linear-gradient(142deg, rgba(255,255,255,0.64), rgba(255,255,255,0.26) 48%, rgba(33,168,216,0.1)) !important;
  border-color: rgba(86, 130, 184, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.92),
    inset 0 -1px 0 rgba(47,120,212,0.12),
    0 18px 48px rgba(18, 38, 72, 0.14) !important;
  backdrop-filter: saturate(150%) blur(4px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(4px) !important;
}

[data-theme="night"] body.wp-design-100x .card,
[data-theme="night"] body.wp-design-100x .hero-card,
[data-theme="night"] body.wp-design-100x .alert-summary-card,
[data-theme="night"] body.wp-design-100x .sponsor-spot,
[data-theme="night"] body.wp-design-100x .live-stream-card,
[data-theme="night"] body.wp-design-100x .modal-content,
[data-theme="night"] body.wp-design-100x .forecast-detail-sheet {
  background:
    linear-gradient(142deg, rgba(28, 45, 68, 0.68), rgba(8, 15, 26, 0.36) 52%, rgba(33,168,216,0.12)) !important;
}

body.wp-design-100x .card::after,
body.wp-design-100x .hero-card::after {
  background:
    linear-gradient(112deg, rgba(255,255,255,0.34), transparent 24%, transparent 70%, rgba(33,168,216,0.12)),
    radial-gradient(circle at 16% 0%, rgba(255,255,255,0.32), transparent 26%) !important;
  opacity: 0.88 !important;
}

body.wp-design-100x .sticky-location-bar .search-pill,
body.wp-design-100x .wp-embedded-search-pill,
body.wp-design-100x .header-action-btn,
body.wp-design-100x .app-topbar-pill,
body.wp-design-100x .app-topbar-logo,
body.wp-design-100x .btn-circle,
body.wp-design-100x .pill-btn,
body.wp-design-100x .mode-pill,
body.wp-design-100x .layout-btn {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.66), rgba(255,255,255,0.22)) !important;
  backdrop-filter: saturate(155%) blur(3px) !important;
  -webkit-backdrop-filter: saturate(155%) blur(3px) !important;
}

/* WarnPins: proof-first reporting flow. */
body.wp-page-warnpins .app-topbar {
  display: none !important;
}

body.wp-page-warnpins .content-backdrop {
  padding-inline: 0 !important;
  overflow-x: hidden !important;
}

body.wp-page-warnpins .content-container {
  width: 100% !important;
  max-width: min(100vw, 1180px) !important;
  padding-left: clamp(10px, 3vw, 18px) !important;
  padding-right: clamp(10px, 3vw, 18px) !important;
  padding-bottom: calc(var(--safe-bottom, 0px) + var(--tab-offset, 72px) + 72px) !important;
  margin-inline: auto !important;
}

body.wp-page-warnpins .content-container > *,
body.wp-page-warnpins .warnpins-main-stack > * {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.wp-page-warnpins .card,
body.wp-page-warnpins .hero-card {
  width: 100% !important;
  max-width: 100% !important;
}

body.wp-page-warnpins .hero-card {
  padding: 18px !important;
}

body.wp-page-warnpins .hero-copy {
  font-size: clamp(0.96rem, 3.5vw, 1.08rem) !important;
  line-height: 1.45 !important;
}

body.wp-page-warnpins .hero-step {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.wp-page-warnpins .warnpins-main-stack {
  display: flex !important;
  flex-direction: column;
  gap: 12px !important;
}

body.wp-page-warnpins .location-card { order: 1; }
body.wp-page-warnpins .profile-card { order: 2; }
body.wp-page-warnpins .optional-extras-card { order: 3; }
body.wp-page-warnpins .conditions-card { order: 4; }
body.wp-page-warnpins .submit-card { order: 5; }

body.wp-page-warnpins #use-device-location {
  order: 1;
  border-color: rgba(47,120,212,0.42) !important;
  background:
    linear-gradient(135deg, rgba(47,120,212,0.18), rgba(53,166,109,0.12)),
    var(--wp100-field) !important;
}

body.wp-page-warnpins #use-app-location {
  order: 2;
  border-color: var(--wp100-line) !important;
  background: var(--wp100-field) !important;
}

body.wp-page-warnpins #pick-on-map {
  order: 3;
}

body.wp-page-warnpins .action-grid,
body.wp-page-warnpins .media-action-grid {
  gap: 9px !important;
}

body.wp-page-warnpins .action-btn,
body.wp-page-warnpins .media-btn,
body.wp-page-warnpins .saved-profile-summary {
  padding: 13px !important;
}

body.wp-page-warnpins .action-icon {
  width: 38px !important;
  height: 38px !important;
}

body.wp-page-warnpins .action-title,
body.wp-page-warnpins .media-btn-title {
  font-size: 0.96rem !important;
}

body.wp-page-warnpins .action-sub,
body.wp-page-warnpins .media-btn-sub {
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
}

body.wp-page-warnpins .profile-style-panel,
body.wp-page-warnpins .profile-card .field-note {
  display: block !important;
}

body.wp-page-warnpins #save-profile-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body.wp-page-warnpins .profile-phone-input {
  display: none !important;
}

body.wp-page-warnpins .profile-basics-grid {
  grid-template-columns: 1fr !important;
}

body.wp-page-warnpins .profile-style-panel:nth-of-type(2) {
  display: none !important;
}

body.wp-page-warnpins .optional-extras-card:not(.expanded) .optional-extras-body,
body.wp-page-warnpins .optional-extras-body {
  display: block !important;
  margin-top: 14px !important;
}

body.wp-page-warnpins .optional-extras-toggle {
  display: none !important;
}

body.wp-page-warnpins .details-media-grid {
  display: flex !important;
  flex-direction: column;
  gap: 10px !important;
}

body.wp-page-warnpins .media-card { order: 1; }
body.wp-page-warnpins .details-card { order: 2; }

body.wp-page-warnpins .optional-pane {
  padding: 14px !important;
  border: 1px solid var(--wp100-line) !important;
  background: rgba(255,255,255,0.28) !important;
  border-radius: 18px !important;
}

body.wp-page-warnpins .condition-btn {
  min-height: 88px !important;
  padding: 12px 8px !important;
}

body.wp-page-warnpins .condition-helper {
  line-height: 1.35 !important;
}

@media (max-width: 640px) {
  html:has(body.wp-page-warnpins),
  body.wp-page-warnpins {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.wp-page-warnpins .main-wrapper,
  body.wp-page-warnpins .content-backdrop,
  body.wp-page-warnpins .content-container,
  body.wp-page-warnpins .app-topbar,
  body.wp-page-warnpins .app-topbar-inner {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  body.wp-page-warnpins .app-topbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.wp-page-warnpins .content-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.wp-page-warnpins .content-container > *,
  body.wp-page-warnpins .warnpins-main-stack > *,
  body.wp-page-warnpins .card,
  body.wp-page-warnpins .hero-card {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  body.wp-page-warnpins .card-title-group,
  body.wp-page-warnpins .optional-extras-copy,
  body.wp-page-warnpins .saved-profile-copy,
  body.wp-page-warnpins .action-copy,
  body.wp-page-warnpins .media-btn-copy,
  body.wp-page-warnpins .hero-shell > div,
  body.wp-page-warnpins .hero-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.wp-page-warnpins .card-header,
  body.wp-page-warnpins .submit-shell-header {
    gap: 10px !important;
  }

  body.wp-page-warnpins .location-card-actions {
    flex-shrink: 0;
    max-width: 42%;
  }

  body.wp-page-warnpins .location-card-actions .section-status {
    padding-inline: 9px !important;
  }

  body.wp-page-warnpins #change-location-button {
    display: none !important;
  }

  body.wp-page-warnpins .action-sub,
  body.wp-page-warnpins .media-btn-sub,
  body.wp-page-warnpins .card-subtitle {
    display: none !important;
  }

  body.wp-page-warnpins .hero-copy,
  body.wp-page-warnpins .optional-extras-subtitle,
  body.wp-page-warnpins .condition-helper,
  body.wp-page-warnpins .sticky-submit-hint {
    display: block !important;
  }

  body.wp-page-warnpins .hero-steps {
    gap: 6px !important;
  }

  body.wp-page-warnpins .hero-step {
    padding: 8px 5px !important;
    font-size: 0.68rem !important;
  }

  body.wp-page-warnpins .condition-grid {
    gap: 7px !important;
  }
}

@media (min-width: 900px) {
  body.wp-page-warnpins .content-container {
    max-width: 1180px !important;
  }

  body.wp-page-warnpins .warnpins-main-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: start;
    gap: 16px !important;
  }

  body.wp-page-warnpins .location-card {
    grid-column: 1;
    grid-row: 1;
  }

  body.wp-page-warnpins .profile-card {
    grid-column: 1;
    grid-row: 2;
  }

  body.wp-page-warnpins .conditions-card {
    grid-column: 1;
    grid-row: 3;
  }

body.wp-page-warnpins .optional-extras-card {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  body.wp-page-warnpins .submit-card {
    grid-column: 2;
    grid-row: 3;
  }
}

/* 2026-06-11 readability and interaction repair layer. */
body.wp-page-radar .bottom-controls {
  pointer-events: auto !important;
  z-index: 1450 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.wp-page-radar .bottom-toolbar,
body.wp-page-radar .bottom-toolbar *,
body.wp-page-radar .scrubber-row,
body.wp-page-radar .toolbar-actions,
body.wp-page-radar .toolbar-action-wrap,
body.wp-page-radar .toolbar-mode-nav,
body.wp-page-radar .mode-more,
body.wp-page-radar .mode-more-menu,
body.wp-page-radar .btn-circle,
body.wp-page-radar .pill-btn,
body.wp-page-radar .mode-pill {
  pointer-events: auto !important;
}

body.wp-page-radar .bottom-toolbar {
  border: 1px solid var(--wp-radar-tools-border) !important;
  border-radius: 18px !important;
  background: var(--wp-radar-tools-surface) !important;
  box-shadow: var(--wp-radar-tools-shadow-tight) !important;
  color: var(--wp-radar-tools-text) !important;
  backdrop-filter: saturate(145%) blur(2px) !important;
  -webkit-backdrop-filter: saturate(145%) blur(2px) !important;
}

body.wp-page-radar .toolbar-action-wrap .btn-circle,
body.wp-page-radar .toolbar-actions .btn-circle,
body.wp-page-radar .mode-more-toggle,
body.wp-page-radar .mode-pill,
body.wp-page-radar .pill-btn {
  color: var(--wp-radar-tools-text) !important;
  background: var(--wp-radar-tools-surface-soft) !important;
  border: 1px solid var(--wp-radar-tools-border-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 8px 18px rgba(0,0,0,0.2) !important;
}

body.wp-page-radar .toolbar-action-wrap .btn-circle .material-icons-round,
body.wp-page-radar .toolbar-actions .btn-circle .material-icons-round,
body.wp-page-radar .mode-more-toggle .material-icons-round {
  color: inherit !important;
}

body.wp-page-radar .pill-btn.active,
body.wp-page-radar .mode-pill.active,
body.wp-page-radar .mode-more.open .mode-more-toggle,
body.wp-page-radar #btn-radar-tools[aria-pressed="true"],
body.wp-page-radar .btn-circle.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.72), rgba(33,168,216,0.28)) !important;
  border-color: rgba(96,165,250,0.56) !important;
}

body.wp-page-radar .toolbar-action-label {
  color: var(--wp-radar-tools-muted) !important;
}

body.wp-page-radar .wp-tools-popup,
body.wp-page-radar .radar-quick-popover,
body.wp-page-radar .mode-more-menu,
body.wp-page-radar #layers-modal .modal-content {
  z-index: 1700 !important;
  color: var(--wp-radar-tools-text) !important;
  background: var(--wp-radar-tools-surface) !important;
  border: 1px solid var(--wp-radar-tools-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--wp-radar-tools-shadow) !important;
  text-shadow: none !important;
  backdrop-filter: saturate(145%) blur(2px) !important;
  -webkit-backdrop-filter: saturate(145%) blur(2px) !important;
}

body.wp-page-radar .wp-tools-popup-arrow {
  background: #0a192a !important;
  border-color: rgba(173, 206, 255, 0.26) !important;
}

body.wp-page-radar .wp-tools-popup *,
body.wp-page-radar .wp-tools-popup-row,
body.wp-page-radar .wp-tools-popup-row-label,
body.wp-page-radar .wp-tools-popup-header,
body.wp-page-radar .radar-quick-popover *,
body.wp-page-radar .mode-more-menu *,
body.wp-page-radar #layers-modal .modal-content * {
  color: inherit;
  text-shadow: none !important;
}

body.wp-page-radar .wp-tools-popup small,
body.wp-page-radar .wp-tools-popup [style*="opacity"],
body.wp-page-radar #wp-tools-popup-sails-cadence,
body.wp-page-radar .radar-quick-label,
body.wp-page-radar .layers-section-help,
body.wp-page-radar .layers-subtitle,
body.wp-page-radar .radar-source-subtitle,
body.wp-page-radar .layers-hint,
body.wp-page-radar .opacity-row label,
body.wp-page-radar .opacity-val {
  color: var(--wp-radar-tools-muted) !important;
  opacity: 1 !important;
}

body.wp-page-radar #wp-tools-popup-dbz-val,
body.wp-page-radar .radar-quick-title,
body.wp-page-radar .layers-section-title,
body.wp-page-radar .radar-source-title,
body.wp-page-radar .wp-tools-popup-toggle[data-wp-inspector="true"] .wp-tools-popup-toggle-icon {
  color: var(--wp-radar-tools-blue) !important;
}

body.wp-page-radar .radar-quick-close,
body.wp-page-radar .modal-close-btn,
body.wp-page-radar .wp-tools-popup-close {
  color: var(--wp-radar-tools-text) !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid var(--wp-radar-tools-border-soft) !important;
}

body.wp-page-radar .radar-quick-btn,
body.wp-page-radar .layers-nav-chip,
body.wp-page-radar .layers-segment-btn,
body.wp-page-radar .layer-option,
body.wp-page-radar .alert-toggle-row,
body.wp-page-radar .radar-source-row {
  color: var(--wp-radar-tools-text) !important;
  background: var(--wp-radar-tools-surface-soft) !important;
  border: 1px solid var(--wp-radar-tools-border-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

body.wp-page-radar .radar-quick-btn.active,
body.wp-page-radar .layers-nav-chip.active,
body.wp-page-radar .layers-segment-btn.active,
body.wp-page-radar .layer-option.selected,
body.wp-page-radar .radar-source-row.selected {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.68), rgba(33,168,216,0.28)) !important;
  border-color: rgba(96,165,250,0.54) !important;
}

body.wp-page-radar .layers-subsection {
  border-top-color: rgba(173,206,255,0.16) !important;
}

body.wp-page-radar .opacity-row input[type="range"],
body.wp-page-radar #wp-tools-popup-dbz-slider {
  accent-color: var(--wp-radar-tools-blue);
}

body.wp-page-radar .mapboxgl-popup-content,
body.wp-page-radar .community-popup,
body.wp-page-radar .community-popup-card,
body.wp-page-radar .ryan-jessop-popup {
  color: #071426 !important;
  background: rgba(249, 252, 255, 0.98) !important;
  text-shadow: none !important;
}

body.wp-page-radar .mapboxgl-popup-content *,
body.wp-page-radar .community-popup *,
body.wp-page-radar .community-popup-card *,
body.wp-page-radar .ryan-jessop-popup * {
  color: inherit;
}

body.wp-page-home .modal-content,
body.wp-page-forecast .modal-content,
body.wp-page-home .forecast-detail-sheet,
body.wp-page-forecast .forecast-detail-sheet,
body.wp-page-home #alert-modal .modal-content.alert-sheet,
body.wp-page-forecast #alert-modal .modal-content.alert-sheet {
  color: #071426 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(243,248,255,0.95) 62%, rgba(226,241,255,0.94)) !important;
  border: 1px solid rgba(86, 130, 184, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 26px 60px rgba(14, 30, 58, 0.24) !important;
  text-shadow: none !important;
  backdrop-filter: saturate(130%) blur(2px) !important;
  -webkit-backdrop-filter: saturate(130%) blur(2px) !important;
}

[data-theme="night"] body.wp-page-home .modal-content,
[data-theme="night"] body.wp-page-forecast .modal-content,
[data-theme="night"] body.wp-page-home .forecast-detail-sheet,
[data-theme="night"] body.wp-page-forecast .forecast-detail-sheet,
[data-theme="night"] body.wp-page-home #alert-modal .modal-content.alert-sheet,
[data-theme="night"] body.wp-page-forecast #alert-modal .modal-content.alert-sheet {
  color: #f6f9ff !important;
  background:
    linear-gradient(145deg, rgba(13, 24, 40, 0.98), rgba(7, 15, 27, 0.96) 64%, rgba(14, 40, 66, 0.92)) !important;
  border-color: rgba(173, 206, 255, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 28px 66px rgba(0,0,0,0.5) !important;
}

body.wp-page-home .modal-content *,
body.wp-page-forecast .modal-content *,
body.wp-page-home .forecast-detail-sheet *,
body.wp-page-forecast .forecast-detail-sheet * {
  text-shadow: none !important;
}

body.wp-page-home .alert-body,
body.wp-page-forecast .alert-body,
body.wp-page-home .forecast-detail-body,
body.wp-page-forecast .forecast-detail-body {
  color: inherit !important;
}

body.wp-page-home .alert-chip,
body.wp-page-forecast .alert-chip,
body.wp-page-home .alert-section-instruction,
body.wp-page-forecast .alert-section-instruction,
body.wp-page-home .forecast-detail-item,
body.wp-page-forecast .forecast-detail-item,
body.wp-page-home .forecast-detail-summary,
body.wp-page-forecast .forecast-detail-summary {
  color: inherit !important;
  background: rgba(255,255,255,0.68) !important;
  border: 1px solid rgba(86, 130, 184, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

[data-theme="night"] body.wp-page-home .alert-chip,
[data-theme="night"] body.wp-page-forecast .alert-chip,
[data-theme="night"] body.wp-page-home .alert-section-instruction,
[data-theme="night"] body.wp-page-forecast .alert-section-instruction,
[data-theme="night"] body.wp-page-home .forecast-detail-item,
[data-theme="night"] body.wp-page-forecast .forecast-detail-item,
[data-theme="night"] body.wp-page-home .forecast-detail-summary,
[data-theme="night"] body.wp-page-forecast .forecast-detail-summary {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(173,206,255,0.16) !important;
}

body.wp-page-forecast .daily-list {
  gap: 10px !important;
}

body.wp-page-forecast .forecast-day-item {
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(86, 130, 184, 0.24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.78), rgba(255,255,255,0.38) 60%, rgba(47,120,212,0.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    0 10px 24px rgba(18, 38, 72, 0.09) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-day-item {
  background:
    linear-gradient(145deg, rgba(24, 38, 58, 0.74), rgba(8,15,26,0.48) 62%, rgba(64,196,255,0.08)) !important;
  border-color: rgba(173,206,255,0.15) !important;
}

body.wp-page-forecast .forecast-day-item .day-row,
body.wp-page-forecast .forecast-day-item .day-row.day-row-button {
  grid-template-columns: minmax(58px, 0.7fr) 42px minmax(0, 1.8fr) 24px !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 12px 12px !important;
  border: 0 !important;
  background: transparent !important;
}

body.wp-page-forecast .forecast-day-item .day-name {
  min-width: 0 !important;
  color: var(--wp100-ink) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.wp-page-forecast .day-icon {
  width: 38px !important;
  height: 38px !important;
}

body.wp-page-forecast .day-range-container {
  min-width: 0 !important;
  gap: 6px !important;
}

body.wp-page-forecast .range-track {
  height: 9px !important;
  background: rgba(74, 101, 135, 0.16) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body.wp-page-forecast .range-bar {
  border-radius: 999px !important;
  background: linear-gradient(90deg, #21a8d8, #f3b53f, #ef6b55) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 5px 14px rgba(239,107,85,0.18) !important;
}

body.wp-page-forecast .range-temp-text,
body.wp-page-forecast .forecast-day-item .day-expand-icon {
  color: var(--wp100-ink) !important;
  font-weight: 800 !important;
}

body.wp-page-forecast .forecast-day-item .day-row.bad-weather {
  background:
    linear-gradient(145deg, rgba(216,59,75,0.15), rgba(243,181,63,0.1)) !important;
  box-shadow: inset 4px 0 0 rgba(216,59,75,0.86) !important;
}

body.wp-page-home .home-current-card {
  padding: 16px !important;
}

body.wp-page-home .home-current-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(86, 130, 184, 0.24);
  background:
    linear-gradient(145deg, rgba(47,120,212,0.22), rgba(33,168,216,0.11) 46%, rgba(243,181,63,0.14)),
    rgba(255,255,255,0.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    0 14px 34px rgba(18, 38, 72, 0.12);
  overflow: hidden;
}

[data-theme="night"] body.wp-page-home .home-current-hero {
  background:
    linear-gradient(145deg, rgba(47,120,212,0.24), rgba(8,15,26,0.76) 50%, rgba(243,181,63,0.1)),
    rgba(9,17,30,0.82);
  border-color: rgba(173,206,255,0.18);
}

body.wp-page-home .home-current-main {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

body.wp-page-home .home-current-temp {
  flex: 0 0 auto;
  color: var(--wp100-ink);
  font-size: clamp(3rem, 16vw, 4.9rem);
  line-height: 0.86;
  font-weight: 900;
  letter-spacing: 0 !important;
}

body.wp-page-home .home-current-copy {
  min-width: 0;
}

body.wp-page-home .home-current-condition {
  color: var(--wp100-ink);
  font-size: clamp(1rem, 4vw, 1.22rem);
  line-height: 1.05;
  font-weight: 800;
}

body.wp-page-home .home-current-feels {
  margin-top: 4px;
  color: var(--wp100-muted);
  font-size: 0.88rem;
  font-weight: 700;
}

body.wp-page-home .home-current-icon {
  width: clamp(64px, 18vw, 88px);
  height: clamp(64px, 18vw, 88px);
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(13, 30, 55, 0.22));
}

body.wp-page-home .home-current-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.wp-page-home .home-current-strip > div {
  min-width: 0;
  border-radius: 15px;
  padding: 10px;
  background: rgba(255,255,255,0.54);
  border: 1px solid rgba(86,130,184,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.74);
}

[data-theme="night"] body.wp-page-home .home-current-strip > div {
  background: rgba(255,255,255,0.08);
  border-color: rgba(173,206,255,0.14);
}

body.wp-page-home .home-current-strip span {
  display: block;
  color: var(--wp100-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.wp-page-home .home-current-strip strong {
  display: block;
  color: var(--wp100-ink);
  font-size: 1.16rem;
  line-height: 1;
  font-weight: 900;
}

body.wp-page-home .home-current-card .conditions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

body.wp-page-home .home-current-card .condition-tile {
  min-width: 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,0.5) !important;
}

body.wp-page-home .home-current-card .cond-label,
body.wp-page-home .home-current-card .cond-value {
  overflow-wrap: anywhere;
}

body.wp-page-home .wp-daily-planner {
  padding: clamp(18px, 4.8vw, 26px) !important;
  color: #f6f9ff !important;
  border-radius: 26px !important;
  border-color: rgba(173,206,255,0.22) !important;
  background:
    linear-gradient(145deg, rgba(7,17,31,0.96), rgba(12,31,52,0.92) 54%, rgba(31,101,164,0.62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(64,196,255,0.1),
    0 24px 58px rgba(8, 18, 36, 0.28) !important;
  backdrop-filter: saturate(142%) blur(2px) !important;
  -webkit-backdrop-filter: saturate(142%) blur(2px) !important;
}

body.wp-page-home .wp-daily-planner::after {
  background:
    linear-gradient(112deg, rgba(255,255,255,0.18), transparent 28%, transparent 70%, rgba(33,168,216,0.16)),
    radial-gradient(circle at 14% 0%, rgba(127,199,255,0.18), transparent 28%) !important;
}

body.wp-page-home .wp-daily-planner .wp-section-kicker,
body.wp-page-home .wp-daily-planner .wp-planner-summary,
body.wp-page-home .wp-daily-planner .narrative-sub,
body.wp-page-home .wp-daily-planner .wp-timeline-sub,
body.wp-page-home .wp-daily-planner .wp-panel-sub,
body.wp-page-home .wp-daily-planner .wp-confidence-note,
body.wp-page-home .wp-daily-planner .meaning-label {
  color: rgba(231, 240, 255, 0.74) !important;
}

body.wp-page-home .wp-daily-planner .wp-planner-title {
  color: #fff !important;
  max-width: 11ch;
  font-size: clamp(2.15rem, 10vw, 3.65rem) !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
}

body.wp-page-home .wp-daily-planner .wp-planner-summary {
  max-width: 42rem;
  margin-top: 6px !important;
  font-size: clamp(1rem, 3.8vw, 1.16rem) !important;
  line-height: 1.28 !important;
}

body.wp-page-home .wp-day-snapshot {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr) !important;
  gap: 12px !important;
}

body.wp-page-home .wp-snapshot-main,
body.wp-page-home .wp-snapshot-wear,
body.wp-page-home .wp-meaning-chip,
body.wp-page-home .wp-timeline-card,
body.wp-page-home .wp-personal-panel,
body.wp-page-home .wp-decision-card,
body.wp-page-home .wp-daypart {
  color: #f6f9ff !important;
  border-color: rgba(173,206,255,0.18) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055) 58%, rgba(64,196,255,0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 10px 24px rgba(0,0,0,0.18) !important;
}

body.wp-page-home .wp-snapshot-main {
  min-height: 144px;
  padding: 17px !important;
  border-radius: 23px !important;
}

body.wp-page-home .wp-snapshot-wear {
  min-height: 144px;
  border-radius: 23px !important;
  align-items: center;
}

body.wp-page-home .wp-snapshot-main .narrative-title,
body.wp-page-home .wp-daily-planner .meaning-main,
body.wp-page-home .wp-daily-planner .clothing-rec,
body.wp-page-home .wp-daily-planner .wp-timeline-main,
body.wp-page-home .wp-daily-planner .wp-decision-value,
body.wp-page-home .wp-daily-planner .wp-daypart-main {
  color: #fff !important;
}

body.wp-page-home .wp-snapshot-main .narrative-title {
  font-size: clamp(1.45rem, 6vw, 2rem) !important;
  line-height: 1.02 !important;
}

body.wp-page-home .wp-quick-meaning {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.wp-page-home .wp-meaning-chip {
  min-height: 76px;
  padding: 12px !important;
  border-radius: 18px !important;
}

body.wp-page-home .wp-personal-panel {
  border-radius: 20px !important;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

body.wp-page-home .wp-personal-panel > summary,
body.wp-page-home .wp-personal-panel .wp-panel-head {
  cursor: pointer !important;
  list-style: none;
  pointer-events: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wp-page-home .wp-personal-panel > summary::-webkit-details-marker {
  display: none;
}

body.wp-page-home .wp-personal-panel .wp-panel-head::after {
  content: "expand_more";
  flex: 0 0 auto;
  margin-left: 8px;
  color: rgba(231,240,255,0.82);
  font-family: "Material Icons Round";
  font-size: 24px;
  transition: transform 0.16s ease;
}

body.wp-page-home .wp-personal-panel[open] .wp-panel-head::after {
  transform: rotate(180deg);
}

body.wp-page-home .wp-mode-tabs,
body.wp-page-home .wp-profile-grid,
body.wp-page-home .wp-routine-grid {
  padding: 0 12px 12px !important;
  gap: 8px !important;
}

body.wp-page-home .wp-mode-chip,
body.wp-page-home .wp-profile-chip,
body.wp-page-home .wp-routine-chip {
  min-height: 40px;
  color: #f6f9ff !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(173,206,255,0.18) !important;
  pointer-events: auto !important;
}

body.wp-page-home .wp-mode-chip.is-active,
body.wp-page-home .wp-profile-chip.is-active,
body.wp-page-home .wp-routine-chip.is-active {
  color: #071426 !important;
  background: linear-gradient(135deg, #f6f9ff, #d7ecff) !important;
  border-color: rgba(255,255,255,0.7) !important;
}

body.wp-page-home .wp-alert-context,
body.wp-page-home .wp-confidence-row {
  color: #f6f9ff !important;
  border-color: rgba(173,206,255,0.18) !important;
  background: rgba(255,255,255,0.08) !important;
}

body.wp-page-home .wp-timeline-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.wp-page-home .wp-timeline-grid.is-single-focus {
  grid-template-columns: 1fr !important;
}

body.wp-page-home .wp-timeline-card {
  min-height: 116px;
  padding: 16px !important;
  border-radius: 22px !important;
}

body.wp-page-home .wp-timeline-card.is-primary {
  min-height: 132px;
  border-color: rgba(243,181,63,0.45) !important;
  background:
    linear-gradient(145deg, rgba(47,120,212,0.38), rgba(243,181,63,0.17) 68%, rgba(216,59,75,0.13)) !important;
}

body.wp-page-home .wp-timeline-grid.is-single-focus .wp-timeline-card:not(.is-hidden) {
  min-height: 162px;
}

body.wp-page-home .wp-timeline-card.is-hidden,
body.wp-page-home .wp-daypart.is-hidden {
  display: none !important;
}

@media (max-width: 640px) {
  body.wp-page-forecast .forecast-day-item .day-row,
  body.wp-page-forecast .forecast-day-item .day-row.day-row-button {
    grid-template-columns: minmax(50px, 0.62fr) 36px minmax(0, 1.5fr) 20px !important;
    gap: 8px !important;
    padding: 11px 10px !important;
  }

  body.wp-page-forecast .forecast-day-item .day-name {
    font-size: 0.9rem !important;
  }

  body.wp-page-forecast .day-icon {
    width: 34px !important;
    height: 34px !important;
  }

  body.wp-page-home .wp-day-snapshot,
  body.wp-page-home .wp-quick-meaning,
  body.wp-page-home .wp-timeline-grid {
    grid-template-columns: 1fr !important;
  }

  body.wp-page-home .wp-quick-meaning {
    display: grid !important;
  }

  body.wp-page-home .wp-daily-planner .wp-planner-title {
    max-width: 10ch;
  }

  body.wp-page-home .wp-snapshot-main,
  body.wp-page-home .wp-snapshot-wear {
    min-height: auto;
  }

  body.wp-page-home .home-current-main {
    gap: 10px;
  }

  body.wp-page-home .home-current-card .conditions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-06-11 follow-up: fix Home contrast, Forecast detail polish, and radar toolbar hit targets. */
body.wp-page-radar .mode-more:not(.open) .mode-more-menu,
body.wp-page-radar .mode-more:not(.open) .mode-more-menu * {
  pointer-events: none !important;
  visibility: hidden !important;
}

body.wp-page-radar .mode-more.open,
body.wp-page-radar .mode-more.open .mode-more-menu {
  z-index: 1800 !important;
}

body.wp-page-radar .mode-more.open .mode-more-menu,
body.wp-page-radar .mode-more.open .mode-more-menu * {
  pointer-events: auto !important;
  visibility: visible !important;
}

body.wp-page-radar .mode-more.open .mode-more-menu {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

body.wp-page-radar .bottom-controls.mode-more-open {
  z-index: 1750 !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 {
  gap: 5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-mode-nav {
  flex: 0 0 auto !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-spacer {
  flex: 1 1 0 !important;
  min-width: 2px !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-actions {
  gap: 4px !important;
  margin-left: 0 !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-action-wrap {
  width: 32px !important;
  min-width: 32px !important;
}

body.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-action-label {
  display: none !important;
}

body.wp-page-radar .wp-tools-popup:not(.open),
body.wp-page-radar .wp-tools-popup:not(.open) * {
  pointer-events: none !important;
  visibility: hidden !important;
}

body.wp-page-radar .wp-tools-popup.open,
body.wp-page-radar .wp-tools-popup.open * {
  visibility: visible !important;
}

body.wp-page-radar .wp-tools-popup.open {
  pointer-events: auto !important;
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

body.wp-page-home .wp-daily-planner .wp-plan-chip,
body.wp-page-home .wp-daily-planner .wp-variable-count {
  color: #f7fbff !important;
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(231,240,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

body.wp-page-home .wp-daily-planner .wp-panel-title,
body.wp-page-home .wp-daily-planner .wp-confidence-label,
body.wp-page-home .wp-daily-planner .wp-decision-top,
body.wp-page-home .wp-daily-planner .wp-daypart-time,
body.wp-page-home .wp-daily-planner .wp-timeline-label,
body.wp-page-home .wp-daily-planner .clothing-label {
  color: rgba(246,249,255,0.86) !important;
}

body.wp-page-home .wp-daily-planner .wp-panel-sub,
body.wp-page-home .wp-daily-planner .wp-daypart-sub {
  color: rgba(231,240,255,0.7) !important;
}

body.wp-page-home .wp-daily-planner .wp-decision-top .material-icons-round,
body.wp-page-home .wp-daily-planner .wp-timeline-label .material-icons-round,
body.wp-page-home .wp-daily-planner .wp-daypart-time .material-icons-round {
  color: #7fc7ff !important;
}

body.wp-page-home .wp-daily-planner .comfort-badge,
body.wp-page-home .wp-daily-planner .clothing-icon-circle {
  color: #071426 !important;
  background: linear-gradient(135deg, #f7fbff, #d8edff) !important;
  border: 1px solid rgba(255,255,255,0.7) !important;
}

body.wp-page-home .wp-daily-planner .wp-mode-chip:not(.is-active),
body.wp-page-home .wp-daily-planner .wp-profile-chip:not(.is-active),
body.wp-page-home .wp-daily-planner .wp-routine-chip:not(.is-active) {
  color: #f7fbff !important;
}

body.wp-page-home .wp-daily-planner .wp-confidence-meter {
  background: rgba(255,255,255,0.14) !important;
}

body.wp-page-home .home-current-card .cond-label {
  color: rgba(52, 66, 88, 0.88) !important;
}

body.wp-page-home .home-current-card .cond-value,
body.wp-page-home .home-current-card .card-title {
  color: #071426 !important;
}

[data-theme="night"] body.wp-page-home .home-current-card .cond-label {
  color: rgba(214,226,245,0.78) !important;
}

[data-theme="night"] body.wp-page-home .home-current-card .cond-value,
[data-theme="night"] body.wp-page-home .home-current-card .card-title {
  color: #f7fbff !important;
}

body.wp-page-forecast .forecast-detail-sheet {
  max-width: 680px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #071426 !important;
  border-radius: 28px !important;
  border: 1px solid rgba(86,130,184,0.28) !important;
  background: linear-gradient(180deg, #f8fbff, #eef6ff) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 28px 70px rgba(10, 30, 58, 0.3) !important;
  backdrop-filter: saturate(120%) blur(1px) !important;
  -webkit-backdrop-filter: saturate(120%) blur(1px) !important;
}

body.wp-page-forecast .forecast-detail-head {
  position: relative;
  padding: 24px 22px 20px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(7,17,31,0.98), rgba(23,83,150,0.94) 58%, rgba(33,168,216,0.74)) !important;
  border-bottom: 0 !important;
  overflow: hidden;
}

body.wp-page-forecast .forecast-detail-head::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, rgba(255,255,255,0.2), transparent 30%, transparent 72%, rgba(243,181,63,0.16)),
    radial-gradient(circle at 12% 0%, rgba(127,199,255,0.24), transparent 32%);
}

body.wp-page-forecast .forecast-detail-head > * {
  position: relative;
  z-index: 1;
}

body.wp-page-forecast .forecast-detail-kicker,
body.wp-page-forecast .forecast-detail-title,
body.wp-page-forecast .forecast-detail-sub {
  color: #fff !important;
}

body.wp-page-forecast .forecast-detail-kicker {
  opacity: 0.82;
  letter-spacing: 0.1em !important;
}

body.wp-page-forecast .forecast-detail-title {
  font-size: clamp(1.45rem, 6vw, 2rem) !important;
}

body.wp-page-forecast .forecast-detail-sub {
  color: rgba(235,244,255,0.82) !important;
}

body.wp-page-forecast .forecast-detail-close {
  color: #fff !important;
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

body.wp-page-forecast .forecast-detail-body {
  padding: 18px 18px 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,248,255,0.94)) !important;
}

body.wp-page-forecast .forecast-detail-meta {
  margin: -2px 0 16px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(86,130,184,0.18) !important;
  background: rgba(255,255,255,0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
}

body.wp-page-forecast .forecast-detail-icon {
  width: 58px !important;
  height: 58px !important;
}

body.wp-page-forecast .forecast-detail-temp-main {
  color: #071426 !important;
  font-size: 2.2rem !important;
}

body.wp-page-forecast .forecast-detail-temp-low {
  color: rgba(73,88,111,0.88) !important;
}

body.wp-page-forecast .forecast-detail-grid {
  gap: 10px !important;
}

body.wp-page-forecast .forecast-detail-item {
  padding: 12px !important;
  border-radius: 16px !important;
  color: #071426 !important;
  background: rgba(255,255,255,0.74) !important;
  border: 1px solid rgba(86,130,184,0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.76) !important;
}

body.wp-page-forecast .forecast-detail-label {
  color: rgba(73,88,111,0.8) !important;
  letter-spacing: 0.06em !important;
}

body.wp-page-forecast .forecast-detail-value {
  color: #071426 !important;
}

body.wp-page-forecast .forecast-detail-summary {
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  color: #071426 !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.12), rgba(243,181,63,0.12)) !important;
  border: 1px solid rgba(86,130,184,0.18) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-sheet {
  color: #f7fbff !important;
  background: linear-gradient(180deg, #0b1422, #101d30) !important;
  border-color: rgba(173,206,255,0.2) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-body {
  background: linear-gradient(180deg, rgba(11,20,34,0.98), rgba(15,30,49,0.96)) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-meta,
[data-theme="night"] body.wp-page-forecast .forecast-detail-item {
  color: #f7fbff !important;
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(173,206,255,0.15) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-temp-main,
[data-theme="night"] body.wp-page-forecast .forecast-detail-value {
  color: #f7fbff !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-temp-low,
[data-theme="night"] body.wp-page-forecast .forecast-detail-label {
  color: rgba(214,226,245,0.72) !important;
}

[data-theme="night"] body.wp-page-forecast .forecast-detail-summary {
  color: #f7fbff !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.24), rgba(243,181,63,0.14)) !important;
  border-color: rgba(173,206,255,0.16) !important;
}

/* 2026-06-11 mobile app shell repair: keep the web polish, fix the embedded iOS chrome. */
body.wp-shell-embedded-nav.wp-shell-radar .layers-pref-hint {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .bottom-controls {
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
}

html.ios-device body.wp-shell-embedded-nav.wp-shell-radar {
  --wp-ios-nav-extra: 0px;
  --wp-radar-ios-nav-clearance: max(var(--wp-native-tab-bar-offset, 0px), var(--safe-bottom, env(safe-area-inset-bottom, 0px)), 52px);
  --wp-embedded-bottom-boundary: var(--wp-radar-ios-nav-clearance);
}

html.ios-device body.wp-shell-embedded-nav.wp-shell-radar .bottom-controls {
  bottom: 0 !important;
  padding-bottom: calc(var(--wp-radar-ios-nav-clearance) + 8px) !important;
}

html.ios-device body.wp-shell-embedded-nav.wp-shell-radar .mapboxgl-ctrl-bottom-right,
html.ios-device body.wp-shell-embedded-nav.wp-shell-radar .mapboxgl-ctrl-bottom-left {
  bottom: calc(var(--wp-radar-ios-nav-clearance) + 70px) !important;
}

body.wp-shell-embedded-nav.wp-shell-radar.wp-radar-modal-open .bottom-controls {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(18px) !important;
}

body.wp-shell-embedded-nav.wp-shell-radar.wp-radar-modal-open .bottom-controls * {
  pointer-events: none !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .bottom-toolbar {
  gap: 6px !important;
  width: min(100%, calc(100vw - 18px)) !important;
  padding: 8px 9px !important;
  border-radius: 18px !important;
  background: var(--wp-radar-tools-surface) !important;
  border-color: var(--wp-radar-tools-border) !important;
  box-shadow: var(--wp-radar-tools-shadow-tight) !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .toolbar-actions {
  gap: 5px !important;
  margin-left: 0 !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .toolbar-action-wrap {
  width: 36px !important;
  min-width: 36px !important;
  gap: 0 !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .toolbar-action-label {
  display: none !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .toolbar-action-wrap .btn-circle,
body.wp-shell-embedded-nav.wp-shell-radar .toolbar-actions .btn-circle {
  width: 36px !important;
  height: 36px !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .toolbar-mode-nav {
  gap: 5px !important;
  flex: 0 1 auto !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .pill-btn,
body.wp-shell-embedded-nav.wp-shell-radar .mode-pill {
  min-height: 36px !important;
  padding: 7px 10px !important;
  font-size: 0.8rem !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .mode-more-toggle {
  width: 32px !important;
  height: 32px !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .mode-more-menu {
  min-width: 150px !important;
  padding: 9px !important;
  color: var(--wp-radar-tools-text) !important;
  border-color: var(--wp-radar-tools-border) !important;
  background: var(--wp-radar-tools-surface) !important;
  box-shadow: var(--wp-radar-tools-shadow) !important;
  backdrop-filter: saturate(135%) blur(2px) !important;
  -webkit-backdrop-filter: saturate(135%) blur(2px) !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .mode-more-menu .mode-pill {
  justify-content: flex-start !important;
  width: 100% !important;
  color: var(--wp-radar-tools-text) !important;
  border-color: var(--wp-radar-tools-border-soft) !important;
  background: var(--wp-radar-tools-surface-soft) !important;
}

body.wp-shell-embedded-nav.wp-shell-radar .mode-more-menu .mode-pill.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(47,120,212,0.62), rgba(33,168,216,0.28)) !important;
  border-color: rgba(96,165,250,0.54) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner {
  color: #071426 !important;
  border-color: rgba(86,130,184,0.22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.86), rgba(236,247,255,0.66) 58%, rgba(47,120,212,0.1)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.88),
    0 20px 44px rgba(18,38,72,0.14) !important;
  backdrop-filter: saturate(142%) blur(1px) !important;
  -webkit-backdrop-filter: saturate(142%) blur(1px) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner::after {
  opacity: 0.38 !important;
  background:
    linear-gradient(112deg, rgba(255,255,255,0.58), transparent 30%, transparent 72%, rgba(33,168,216,0.14)),
    radial-gradient(circle at 12% 0%, rgba(47,120,212,0.16), transparent 30%) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-planner-title,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-snapshot-main .narrative-title,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .meaning-main,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .clothing-rec,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-timeline-main,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-decision-value,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-daypart-main,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-panel-title,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-confidence-label {
  color: #071426 !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-section-kicker,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-planner-summary,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .narrative-sub,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-timeline-sub,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-panel-sub,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-confidence-note,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .meaning-label,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .clothing-label,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-decision-top,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-daypart-time,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-daypart-sub,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-timeline-label {
  color: rgba(52,66,88,0.82) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-snapshot-main,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-snapshot-wear,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-meaning-chip,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-timeline-card,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-personal-panel,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-decision-card,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daypart {
  color: #071426 !important;
  border-color: rgba(86,130,184,0.18) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.76), rgba(236,247,255,0.5) 62%, rgba(33,168,216,0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 10px 24px rgba(18,38,72,0.09) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-plan-chip,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-variable-count,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-mode-chip:not(.is-active),
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-profile-chip:not(.is-active),
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-routine-chip:not(.is-active) {
  color: #071426 !important;
  border-color: rgba(86,130,184,0.18) !important;
  background: rgba(255,255,255,0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-decision-top .material-icons-round,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-timeline-label .material-icons-round,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-daypart-time .material-icons-round {
  color: #2f78d4 !important;
}

/* ====================================================================
   2026-06-11 iOS LIQUID GLASS PASS — final word in the cascade.
   San Francisco type, iOS system colors, real materials, calm shadows.
   Everything below intentionally overrides earlier sections.
   ==================================================================== */

:root {
  --wp100-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* iOS system palette */
  --ios-blue: #007AFF;
  --ios-blue-deep: #0062CC;
  --ios-green: #34C759;
  --ios-orange: #FF9500;
  --ios-red: #FF3B30;
  --ios-label: #000000;
  --ios-label-2: rgba(60, 60, 67, 0.6);
  --ios-label-3: rgba(60, 60, 67, 0.3);
  --ios-separator: rgba(60, 60, 67, 0.18);
  --ios-fill: rgba(120, 120, 128, 0.12);
  --ios-fill-2: rgba(120, 120, 128, 0.08);
  --ios-material: rgba(255, 255, 255, 0.72);
  --ios-material-thick: rgba(249, 249, 251, 0.86);
  --ios-grouped-bg: #F2F2F7;
  --ios-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 10px 30px rgba(0, 0, 0, 0.08);
  --ios-shadow-float: 0 2px 8px rgba(0, 0, 0, 0.06), 0 18px 50px rgba(0, 0, 0, 0.14);
  /* Re-aim the legacy tokens at iOS values so every earlier rule follows */
  --wp100-ink: #0B0B0F;
  --wp100-muted: rgba(60, 60, 67, 0.62);
  --wp100-line: rgba(60, 60, 67, 0.14);
  --wp100-line-strong: rgba(0, 122, 255, 0.35);
  --wp100-surface: var(--ios-material);
  --wp100-surface-strong: var(--ios-material-thick);
  --wp100-field: rgba(120, 120, 128, 0.10);
  --wp100-blue: var(--ios-blue);
  --wp100-cyan: #32ADE6;
  --wp100-gold: var(--ios-orange);
  --wp100-red: var(--ios-red);
  --wp100-green: var(--ios-green);
  --wp100-shadow: var(--ios-shadow);
  --wp100-shadow-tight: 0 1px 2px rgba(0,0,0,0.04), 0 6px 18px rgba(0,0,0,0.07);
  --wp100-inner: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --brand-primary: var(--ios-blue);
  --brand-dark: var(--ios-blue-deep);
}

[data-theme="night"] {
  --ios-blue: #0A84FF;
  --ios-blue-deep: #409CFF;
  --ios-green: #30D158;
  --ios-orange: #FF9F0A;
  --ios-red: #FF453A;
  --ios-label: #FFFFFF;
  --ios-label-2: rgba(235, 235, 245, 0.6);
  --ios-label-3: rgba(235, 235, 245, 0.3);
  --ios-separator: rgba(84, 84, 88, 0.5);
  --ios-fill: rgba(118, 118, 128, 0.24);
  --ios-fill-2: rgba(118, 118, 128, 0.16);
  --ios-material: rgba(30, 30, 32, 0.72);
  --ios-material-thick: rgba(28, 28, 30, 0.88);
  --ios-grouped-bg: #000000;
  --ios-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 36px rgba(0, 0, 0, 0.45);
  --ios-shadow-float: 0 2px 8px rgba(0,0,0,0.4), 0 22px 60px rgba(0,0,0,0.6);
  --wp100-ink: #FFFFFF;
  --wp100-muted: rgba(235, 235, 245, 0.6);
  --wp100-line: rgba(255, 255, 255, 0.1);
  --wp100-line-strong: rgba(10, 132, 255, 0.45);
  --wp100-surface: var(--ios-material);
  --wp100-surface-strong: var(--ios-material-thick);
  --wp100-field: rgba(118, 118, 128, 0.2);
  --wp100-shadow: var(--ios-shadow);
  --wp100-shadow-tight: 0 1px 2px rgba(0,0,0,0.3), 0 8px 22px rgba(0,0,0,0.4);
  --wp100-inner: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* --- Typography: SF rhythm --- */
body.wp-design-100x {
  font-family: var(--wp100-font) !important;
  letter-spacing: -0.01em;
}
body.wp-design-100x .card-title,
body.wp-design-100x .hero-title,
body.wp-design-100x .forecast-detail-title {
  font-size: 1.0625rem !important;       /* iOS headline 17pt */
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
}
body.wp-design-100x .card-kicker,
body.wp-design-100x .hero-kicker,
body.wp-design-100x .wp-section-kicker {
  font-size: 0.8125rem !important;       /* iOS footnote 13pt */
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--ios-label-2) !important;
}

/* --- Grouped page background, iOS settings style --- */
body.wp-page-home,
body.wp-page-forecast,
body.wp-page-warnpins {
  background: var(--ios-grouped-bg) !important;
}
[data-theme="night"] body.wp-page-home,
[data-theme="night"] body.wp-page-forecast,
[data-theme="night"] body.wp-page-warnpins {
  background: var(--ios-grouped-bg) !important;
}
body.wp-page-home .content-backdrop,
body.wp-page-forecast .content-backdrop,
body.wp-page-warnpins .content-backdrop {
  background: transparent !important;
}
[data-theme="night"] body.wp-page-home .content-backdrop,
[data-theme="night"] body.wp-page-forecast .content-backdrop,
[data-theme="night"] body.wp-page-warnpins .content-backdrop {
  background: transparent !important;
}

/* --- Cards: flat iOS material, no gloss --- */
body.wp-design-100x .card,
body.wp-design-100x .hero-card,
body.wp-design-100x .alert-summary-card,
body.wp-design-100x .sponsor-spot,
body.wp-design-100x .live-stream-card,
body.wp-design-100x .modal-content,
body.wp-design-100x .forecast-detail-sheet {
  background: var(--ios-material) !important;
  border: 0.5px solid var(--ios-separator) !important;
  border-radius: 20px !important;
  box-shadow: var(--ios-shadow) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
}
[data-theme="night"] body.wp-design-100x .card,
[data-theme="night"] body.wp-design-100x .hero-card,
[data-theme="night"] body.wp-design-100x .alert-summary-card,
[data-theme="night"] body.wp-design-100x .sponsor-spot,
[data-theme="night"] body.wp-design-100x .live-stream-card,
[data-theme="night"] body.wp-design-100x .modal-content,
[data-theme="night"] body.wp-design-100x .forecast-detail-sheet {
  background: var(--ios-material) !important;
}
body.wp-design-100x .card::after,
body.wp-design-100x .hero-card::after {
  content: none !important;
}

/* --- Header pills & round buttons: clear glass capsules --- */
body.wp-design-100x .sticky-location-bar .search-pill,
body.wp-design-100x .wp-embedded-search-pill,
body.wp-design-100x .header-action-btn,
body.wp-design-100x .app-topbar-pill,
body.wp-design-100x .app-topbar-logo,
body.wp-design-100x .btn-circle,
body.wp-design-100x .pill-btn,
body.wp-design-100x .mode-pill,
body.wp-design-100x .layout-btn {
  background: var(--ios-material) !important;
  border: 0.5px solid var(--ios-separator) !important;
  border-radius: 999px !important;
  box-shadow: var(--wp100-shadow-tight) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
}
[data-theme="night"] body.wp-design-100x .sticky-location-bar .search-pill,
[data-theme="night"] body.wp-design-100x .wp-embedded-search-pill,
[data-theme="night"] body.wp-design-100x .header-action-btn,
[data-theme="night"] body.wp-design-100x .app-topbar-pill,
[data-theme="night"] body.wp-design-100x .app-topbar-logo,
[data-theme="night"] body.wp-design-100x .btn-circle,
[data-theme="night"] body.wp-design-100x .pill-btn,
[data-theme="night"] body.wp-design-100x .mode-pill,
[data-theme="night"] body.wp-design-100x .layout-btn {
  background: var(--ios-material) !important;
}

/* Active states: iOS tint fills */
body.wp-design-100x .nav-item.active,
body.wp-design-100x .wp-shell-dock-item.is-active,
body.wp-design-100x .btn-circle.active,
body.wp-design-100x .mode-pill.active,
body.wp-design-100x .layout-btn.active {
  color: var(--ios-blue) !important;
  background: rgba(0, 122, 255, 0.14) !important;
  border-color: rgba(0, 122, 255, 0.3) !important;
}
[data-theme="night"] body.wp-design-100x .nav-item.active,
[data-theme="night"] body.wp-design-100x .wp-shell-dock-item.is-active,
[data-theme="night"] body.wp-design-100x .btn-circle.active,
[data-theme="night"] body.wp-design-100x .mode-pill.active,
[data-theme="night"] body.wp-design-100x .layout-btn.active {
  color: var(--ios-blue) !important;
  background: rgba(10, 132, 255, 0.22) !important;
  border-color: rgba(10, 132, 255, 0.4) !important;
}

/* Primary CTAs: solid iOS blue capsule, no gradient */
body.wp-design-100x .retry-btn,
body.wp-design-100x .btn-primary,
body.wp-design-100x .submit-btn,
body.wp-design-100x .waze-submit-btn,
body.wp-design-100x .sponsor-spot-cta,
body.wp-design-100x .promo-cta {
  background: var(--ios-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 4px 14px rgba(0, 122, 255, 0.32) !important;
  transition: transform 0.18s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.18s ease;
}
body.wp-design-100x .retry-btn:active,
body.wp-design-100x .btn-primary:active,
body.wp-design-100x .submit-btn:active,
body.wp-design-100x .sponsor-spot-cta:active,
body.wp-design-100x .promo-cta:active {
  transform: scale(0.97);
  opacity: 0.85;
}

/* Docks & bottom bars: iOS tab-bar material */
body.wp-design-100x .bottom-nav,
body.wp-design-100x .wp-shell-dock {
  background: var(--ios-material-thick) !important;
  border: 0.5px solid var(--ios-separator) !important;
  box-shadow: var(--ios-shadow-float) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}
[data-theme="night"] body.wp-design-100x .bottom-nav,
[data-theme="night"] body.wp-design-100x .wp-shell-dock {
  background: var(--ios-material-thick) !important;
}

/* Inner tiles & list fills */
body.wp-page-home .condition-tile,
body.wp-page-home .daily-row,
body.wp-page-home .activity-card,
body.wp-page-home .hourly-dropdown,
body.wp-page-forecast .forecast-day-item,
body.wp-page-forecast .activity-card,
body.wp-page-forecast .hourly-dropdown {
  background: var(--ios-fill) !important;
  border: 0 !important;
  border-radius: 14px !important;
}
body.wp-page-home .hourly-dropdown,
body.wp-page-forecast .hourly-dropdown {
  background: var(--ios-material-thick) !important;
  border: 0.5px solid var(--ios-separator) !important;
  border-radius: 16px !important;
  box-shadow: var(--ios-shadow-float) !important;
  backdrop-filter: blur(34px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(34px) saturate(180%) !important;
}

/* Forecast day rows: grouped-list style */
body.wp-page-forecast .forecast-day-item {
  background: var(--ios-material) !important;
  border: 0.5px solid var(--ios-separator) !important;
  border-radius: 16px !important;
  box-shadow: var(--wp100-shadow-tight) !important;
}
[data-theme="night"] body.wp-page-forecast .forecast-day-item {
  background: var(--ios-material) !important;
  border-color: var(--ios-separator) !important;
}
body.wp-page-forecast .range-track {
  background: var(--ios-fill) !important;
  height: 5px !important;
}
body.wp-page-forecast .range-bar {
  background: linear-gradient(90deg, #32ADE6, #FF9500) !important;
  box-shadow: none !important;
}
body.wp-page-forecast .forecast-day-item .day-row.bad-weather {
  background: rgba(255, 59, 48, 0.08) !important;
  box-shadow: inset 3px 0 0 var(--ios-red) !important;
}

/* Chips: iOS filter-chip behavior */
body.wp-page-forecast .hourly-pill,
body.wp-page-home .hourly-pill,
body.wp-page-forecast .wp-mode-chip,
body.wp-page-forecast .wp-profile-chip,
body.wp-page-forecast .wp-routine-chip,
body.wp-page-home .wp-mode-chip,
body.wp-page-home .wp-profile-chip,
body.wp-page-home .wp-routine-chip {
  background: var(--ios-fill) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  transition: transform 0.18s cubic-bezier(0.32, 0.72, 0, 1), background 0.18s ease;
}
body.wp-page-forecast .hourly-pill.active,
body.wp-page-home .hourly-pill.active,
body.wp-page-forecast .wp-mode-chip.is-active,
body.wp-page-home .wp-mode-chip.is-active,
body.wp-page-home .wp-profile-chip.is-active,
body.wp-page-home .wp-routine-chip.is-active {
  background: var(--ios-blue) !important;
  border: 0 !important;
  color: #fff !important;
}
body.wp-page-home .wp-mode-chip.is-active .material-icons-round,
body.wp-page-home .wp-profile-chip.is-active .material-icons-round,
body.wp-page-home .wp-routine-chip.is-active .material-icons-round {
  color: #fff !important;
}

/* --- Daily planner: assistant card --- */
body.wp-page-home .wp-daily-planner::before,
body.wp-page-forecast .wp-daily-planner::before {
  content: none !important;
}
body.wp-page-home .wp-planner-title,
body.wp-page-forecast .wp-planner-title {
  font-size: clamp(1.45rem, 5.6vw, 1.75rem) !important;  /* iOS title1 */
  font-weight: 700 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.15 !important;
}
body.wp-page-home .wp-planner-summary {
  font-size: 0.9375rem !important;   /* subheadline 15pt */
  line-height: 1.45 !important;
  color: var(--ios-label-2) !important;
}
body.wp-page-home .wp-plan-chip {
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(0, 122, 255, 0.14) !important;
  color: var(--ios-blue) !important;
  font-weight: 600 !important;
}
body.wp-page-home .wp-daily-planner.tone-watch .wp-plan-chip {
  background: rgba(255, 149, 0, 0.16) !important;
  color: #C76B00 !important;
}
body.wp-page-home .wp-daily-planner.tone-alert .wp-plan-chip {
  background: rgba(255, 59, 48, 0.14) !important;
  color: var(--ios-red) !important;
}
[data-theme="night"] body.wp-page-home .wp-daily-planner.tone-watch .wp-plan-chip { color: var(--ios-orange) !important; }
[data-theme="night"] body.wp-page-home .wp-daily-planner.tone-alert .wp-plan-chip { color: var(--ios-red) !important; }

body.wp-page-home .wp-snapshot-main,
body.wp-page-home .wp-snapshot-wear,
body.wp-page-home .wp-meaning-chip,
body.wp-page-home .wp-timeline-card,
body.wp-page-home .wp-personal-panel .wp-panel-head,
body.wp-page-forecast .wp-timeline-card,
body.wp-page-forecast .wp-decision-card,
body.wp-page-forecast .wp-personal-panel .wp-panel-head {
  background: var(--ios-fill-2) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
[data-theme="night"] body.wp-page-home .wp-snapshot-main,
[data-theme="night"] body.wp-page-home .wp-snapshot-wear,
[data-theme="night"] body.wp-page-home .wp-meaning-chip,
[data-theme="night"] body.wp-page-home .wp-timeline-card,
[data-theme="night"] body.wp-page-home .wp-personal-panel .wp-panel-head,
[data-theme="night"] body.wp-page-forecast .wp-timeline-card,
[data-theme="night"] body.wp-page-forecast .wp-decision-card,
[data-theme="night"] body.wp-page-forecast .wp-personal-panel .wp-panel-head {
  background: var(--ios-fill-2) !important;
}
body.wp-page-home .wp-timeline-card.is-primary {
  background: rgba(0, 122, 255, 0.12) !important;
  border: 0.5px solid rgba(0, 122, 255, 0.35) !important;
}
[data-theme="night"] body.wp-page-home .wp-timeline-card.is-primary {
  background: rgba(10, 132, 255, 0.18) !important;
  border-color: rgba(10, 132, 255, 0.45) !important;
}
body.wp-page-home .wp-timeline-card.is-dim { opacity: 0.78; }
body.wp-page-home .comfort-badge {
  color: var(--ios-blue) !important;
  background: rgba(0, 122, 255, 0.12) !important;
  border-radius: 999px !important;
}
body.wp-page-home .wp-confidence-fill { background: var(--ios-blue) !important; }
body.wp-page-home .wp-decision-card,
body.wp-page-home .wp-daypart {
  border-color: var(--ios-separator) !important;
}
body.wp-page-home .wp-decision-card {
  background: var(--ios-fill-2) !important;
  border: 0 !important;
  border-radius: 14px !important;
}
body.wp-page-home .wp-decision-top .material-icons-round {
  color: var(--ios-blue) !important;
  background: rgba(0, 122, 255, 0.12) !important;
  border-radius: 8px !important;
}

/* Embedded-shell planner overrides from earlier section → flat iOS */
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner {
  background: var(--ios-material) !important;
  border-color: var(--ios-separator) !important;
  box-shadow: var(--ios-shadow) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
}
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner::after {
  content: none !important;
}
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-snapshot-main,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-snapshot-wear,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-meaning-chip,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-timeline-card,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-personal-panel,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-decision-card,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daypart {
  background: var(--ios-fill-2) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-timeline-card.is-primary {
  background: rgba(0, 122, 255, 0.12) !important;
  border: 0.5px solid rgba(0, 122, 255, 0.35) !important;
}
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-plan-chip {
  background: rgba(0, 122, 255, 0.14) !important;
  color: #007AFF !important;
  border-color: transparent !important;
}
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-decision-top .material-icons-round,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner .wp-timeline-label .material-icons-round {
  color: #007AFF !important;
}

/* --- Modals & sheets: iOS sheet material --- */
body.wp-page-home .modal-content,
body.wp-page-forecast .modal-content,
body.wp-page-home .forecast-detail-sheet,
body.wp-page-forecast .forecast-detail-sheet,
body.wp-page-home #alert-modal .modal-content.alert-sheet,
body.wp-page-forecast #alert-modal .modal-content.alert-sheet {
  background: var(--ios-material-thick) !important;
  border: 0.5px solid var(--ios-separator) !important;
  box-shadow: var(--ios-shadow-float) !important;
  backdrop-filter: blur(40px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
}
[data-theme="night"] body.wp-page-home .modal-content,
[data-theme="night"] body.wp-page-forecast .modal-content,
[data-theme="night"] body.wp-page-home .forecast-detail-sheet,
[data-theme="night"] body.wp-page-forecast .forecast-detail-sheet,
[data-theme="night"] body.wp-page-home #alert-modal .modal-content.alert-sheet,
[data-theme="night"] body.wp-page-forecast #alert-modal .modal-content.alert-sheet {
  background: var(--ios-material-thick) !important;
}
body.wp-page-home .alert-chip,
body.wp-page-forecast .alert-chip,
body.wp-page-home .forecast-detail-item,
body.wp-page-forecast .forecast-detail-item,
body.wp-page-home .forecast-detail-summary,
body.wp-page-forecast .forecast-detail-summary {
  background: var(--ios-fill) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* --- WarnPins: grouped form, iOS inputs --- */
body.wp-page-warnpins .hero-step,
body.wp-page-warnpins .condition-btn,
body.wp-page-warnpins .profile-segment-btn,
body.wp-page-warnpins .emoji-btn,
body.wp-page-warnpins .saved-place-chip,
body.wp-page-warnpins .community-show-as-btn,
body.wp-page-warnpins .community-profile-edit-btn,
body.wp-page-warnpins .media-btn,
body.wp-page-warnpins .action-btn {
  background: var(--ios-fill-2) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
body.wp-page-warnpins .condition-btn.selected,
body.wp-page-warnpins .profile-segment-btn.active,
body.wp-page-warnpins .emoji-btn.active,
body.wp-page-warnpins .hero-step.complete {
  background: rgba(0, 122, 255, 0.14) !important;
  border: 0.5px solid rgba(0, 122, 255, 0.4) !important;
  color: var(--ios-blue) !important;
}
body.wp-page-warnpins .input,
body.wp-page-warnpins .textarea,
body.wp-page-warnpins .waze-input,
body.wp-page-warnpins .waze-textarea {
  background: var(--ios-fill) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 1.0625rem !important;
}
body.wp-page-warnpins .input:focus,
body.wp-page-warnpins .textarea:focus {
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.35) !important;
}
body.wp-page-warnpins .optional-pane {
  background: var(--ios-fill-2) !important;
  border: 0 !important;
  border-radius: 16px !important;
}
body.wp-page-warnpins .action-icon {
  background: rgba(0, 122, 255, 0.12) !important;
  color: var(--ios-blue) !important;
}

/* --- Radar: iOS dark glass HUD --- */
body.wp-page-radar {
  --wp-radar-tools-surface: rgba(28, 28, 30, 0.78);
  --wp-radar-tools-surface-soft: rgba(118, 118, 128, 0.22);
  --wp-radar-tools-border: rgba(255, 255, 255, 0.12);
  --wp-radar-tools-border-soft: rgba(255, 255, 255, 0.08);
  --wp-radar-tools-text: #FFFFFF;
  --wp-radar-tools-muted: rgba(235, 235, 245, 0.6);
  --wp-radar-tools-blue: #0A84FF;
  --wp-radar-tools-shadow: 0 2px 8px rgba(0,0,0,0.4), 0 22px 60px rgba(0,0,0,0.55);
  --wp-radar-tools-shadow-tight: 0 1px 3px rgba(0,0,0,0.35), 0 12px 32px rgba(0,0,0,0.45);
}
body.wp-page-radar .bottom-toolbar,
body.wp-page-radar .wp-tools-popup,
body.wp-page-radar .radar-quick-popover,
body.wp-page-radar .mode-more-menu,
body.wp-page-radar #layers-modal .modal-content,
body.wp-page-radar .app-header,
body.wp-page-radar #legend-container,
body.wp-page-radar .map-layer-sheet,
body.wp-page-radar .tools-panel,
body.wp-page-radar .modal-content {
  backdrop-filter: blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}
body.wp-page-radar .app-header,
body.wp-page-radar #legend-container,
body.wp-page-radar .map-layer-sheet,
body.wp-page-radar .tools-panel,
body.wp-page-radar .modal-content {
  background: var(--wp-radar-tools-surface) !important;
  border: 0.5px solid var(--wp-radar-tools-border) !important;
  box-shadow: var(--wp-radar-tools-shadow-tight) !important;
}
body.wp-page-radar .pill-btn.active,
body.wp-page-radar .mode-pill.active,
body.wp-page-radar .mode-more.open .mode-more-toggle,
body.wp-page-radar #btn-radar-tools[aria-pressed="true"],
body.wp-page-radar .btn-circle.active {
  background: var(--wp-radar-tools-blue) !important;
  border-color: transparent !important;
  color: #fff !important;
}
body.wp-page-radar .radar-quick-btn.active,
body.wp-page-radar .layers-nav-chip.active,
body.wp-page-radar .layers-segment-btn.active,
body.wp-page-radar .layer-option.selected,
body.wp-page-radar .radar-source-row.selected {
  background: var(--wp-radar-tools-blue) !important;
  border-color: transparent !important;
  color: #fff !important;
}
body.wp-shell-embedded-nav.wp-shell-radar .mode-more-menu .mode-pill.active {
  background: var(--wp-radar-tools-blue) !important;
  border-color: transparent !important;
}

/* Daypart cards (Tonight / Tomorrow AM): proper inset padding */
body.wp-page-home .wp-daypart,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daypart {
  background: var(--ios-fill-2) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}

/* --- Springy, deliberate interactions everywhere --- */
body.wp-design-100x .card { transition: transform 0.22s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.22s ease; }
body.wp-design-100x button:active,
body.wp-design-100x [role="button"]:active { transform: scale(0.97); }
@media (prefers-reduced-motion: reduce) {
  body.wp-design-100x .card,
  body.wp-design-100x button { transition: none !important; }
  body.wp-design-100x button:active,
  body.wp-design-100x [role="button"]:active { transform: none !important; }
}

/* --- Home: quick visual weather dashboard --- */
body.wp-page-home .home-current-card,
body.wp-page-home .wp-conditions-dashboard .wp-day-snapshot,
body.wp-page-home .wp-conditions-dashboard .wp-quick-meaning,
body.wp-page-home .wp-conditions-dashboard .wp-personal-panel,
body.wp-page-home .wp-conditions-dashboard .wp-alert-context,
body.wp-page-home .wp-conditions-dashboard .wp-confidence-row,
body.wp-page-home .wp-conditions-dashboard .wp-timeline-grid,
body.wp-page-home .wp-conditions-dashboard .wp-decision-grid,
body.wp-page-home .wp-conditions-dashboard .wp-daypart-strip {
  display: none !important;
}

body.wp-page-home .wp-daily-planner.wp-conditions-dashboard,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-daily-planner.wp-conditions-dashboard {
  --wp-home-dash-ink: #111827;
  --wp-home-dash-muted: #5f6878;
  --wp-home-dash-line: rgba(17, 24, 39, 0.12);
  --wp-home-dash-card: #ffffff;
  --wp-home-dash-soft: #f3f7fb;
  --wp-home-dash-blue: #2f7de1;
  --wp-home-dash-green: #19a974;
  --wp-home-dash-yellow: #f3bd32;
  --wp-home-dash-orange: #f59e0b;
  --wp-home-dash-red: #ef4444;
  order: 1 !important;
  gap: 14px !important;
  padding: clamp(16px, 4.2vw, 24px) !important;
  color: var(--wp-home-dash-ink) !important;
  border: 1px solid var(--wp-home-dash-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="night"] body.wp-page-home .wp-daily-planner.wp-conditions-dashboard {
  --wp-home-dash-ink: #f8fafc;
  --wp-home-dash-muted: rgba(226, 232, 240, 0.72);
  --wp-home-dash-line: rgba(255, 255, 255, 0.14);
  --wp-home-dash-card: #101827;
  --wp-home-dash-soft: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, #111827 0%, #0b1220 100%) !important;
  border-color: var(--wp-home-dash-line) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
}

body.wp-page-home .wp-daily-planner.wp-conditions-dashboard::before,
body.wp-page-home .wp-daily-planner.wp-conditions-dashboard::after {
  display: none !important;
}

body.wp-page-home .wp-conditions-dashboard .wp-planner-header {
  align-items: flex-start !important;
  gap: 10px !important;
}

body.wp-page-home .wp-conditions-dashboard .wp-section-kicker,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-conditions-dashboard .wp-section-kicker {
  color: var(--wp-home-dash-muted) !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.wp-page-home .wp-conditions-dashboard .wp-planner-title,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-conditions-dashboard .wp-planner-title {
  max-width: none !important;
  color: var(--wp-home-dash-ink) !important;
  font-size: clamp(1.55rem, 5vw, 2.35rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

body.wp-page-home .wp-conditions-dashboard .wp-planner-summary,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-conditions-dashboard .wp-planner-summary {
  max-width: none !important;
  margin: -4px 0 0 !important;
  color: var(--wp-home-dash-muted) !important;
  font-size: 1rem !important;
  line-height: 1.28 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.wp-page-home .wp-conditions-dashboard .wp-plan-chip,
html:not([data-theme="night"]) body.wp-shell-embedded-nav.wp-shell-home.wp-page-home .wp-conditions-dashboard .wp-plan-chip {
  flex-shrink: 0 !important;
  min-height: 38px !important;
  color: var(--wp-home-dash-ink) !important;
  background: var(--wp-home-dash-soft) !important;
  border: 1px solid var(--wp-home-dash-line) !important;
  box-shadow: none !important;
}

body.wp-page-home .wp-outlook-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--wp-home-dash-line);
  border-radius: 20px;
  background: var(--wp-home-dash-card);
}

body.wp-page-home .wp-outlook-copy {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: baseline;
  color: var(--wp-home-dash-ink);
}

body.wp-page-home .wp-outlook-label {
  color: var(--wp-home-dash-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

body.wp-page-home .wp-outlook-copy strong {
  font-size: clamp(1.02rem, 4vw, 1.2rem);
  line-height: 1.2;
}

body.wp-page-home .wp-outlook-bars {
  height: 78px;
  display: grid;
  grid-template-columns: repeat(18, minmax(5px, 1fr));
  align-items: end;
  gap: clamp(4px, 1.2vw, 9px);
  border-bottom: 1px solid rgba(95, 104, 120, 0.22);
}

body.wp-page-home .wp-outlook-bars span {
  justify-self: center;
  width: min(10px, 100%);
  min-height: 12px;
  border-radius: 999px;
  background: #e6ebf2;
}

body.wp-page-home .wp-outlook-bars span.is-focus {
  background: var(--wp-home-dash-green);
  box-shadow: 0 0 0 6px rgba(25, 169, 116, 0.12);
}

[data-theme="night"] body.wp-page-home .wp-outlook-bars span {
  background: rgba(255, 255, 255, 0.18);
}

body.wp-page-home .spc-risk-banner-container {
  margin-top: 10px;
}

body.wp-page-home .spc-risk-banner-container:empty {
  display: none;
}

body.wp-page-home .spc-risk-card {
  position: relative;
  align-items: center;
  gap: 13px;
  overflow: hidden;
  cursor: default;
  touch-action: auto;
  text-decoration: none;
  border-left: 5px solid var(--spc-risk-color, var(--ios-orange)) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.88)),
    linear-gradient(90deg, var(--spc-risk-fill, rgba(255, 149, 0, 0.18)), transparent 62%) !important;
  box-shadow: 0 14px 34px rgba(15, 35, 65, 0.12) !important;
}

body.wp-page-home .spc-risk-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  pointer-events: none;
  background: linear-gradient(90deg, var(--spc-risk-fill, #FFE066), transparent);
  opacity: 0.34;
}

body.wp-page-home .spc-risk-card > * {
  position: relative;
  z-index: 1;
}

body.wp-page-home .spc-risk-icon {
  display: inline-grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  color: #07111f;
  background: var(--spc-risk-fill, rgba(255, 149, 0, 0.18));
  border: 1px solid rgba(7, 17, 31, 0.12);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.wp-page-home .spc-risk-icon .material-icons-round {
  color: #07111f;
  font-size: 27px;
}

body.wp-page-home .spc-risk-text {
  display: grid;
  gap: 3px;
}

body.wp-page-home .spc-risk-kicker {
  color: var(--spc-risk-color, var(--ios-orange));
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.wp-page-home .spc-risk-title-line {
  color: var(--ios-label);
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.08;
}

body.wp-page-home .spc-risk-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

body.wp-page-home .spc-risk-pills span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 9px;
  color: var(--ios-label);
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(90, 115, 145, 0.18);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 750;
}

[data-theme="night"] body.wp-page-home .spc-risk-card,
body.wp-page-home[data-theme="night"] .spc-risk-card {
  background:
    linear-gradient(135deg, rgba(17, 27, 44, 0.98), rgba(8, 15, 28, 0.92)),
    linear-gradient(90deg, rgba(255, 149, 0, 0.18), transparent 68%) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34) !important;
}

[data-theme="night"] body.wp-page-home .spc-risk-title-line,
body.wp-page-home[data-theme="night"] .spc-risk-title-line,
[data-theme="night"] body.wp-page-home .spc-risk-pills span,
body.wp-page-home[data-theme="night"] .spc-risk-pills span {
  color: #f7fbff;
}

[data-theme="night"] body.wp-page-home .spc-risk-pills span,
body.wp-page-home[data-theme="night"] .spc-risk-pills span {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.12);
}

body.wp-page-home .wp-hour-ribbon {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(76px, 1fr);
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  padding: 3px 1px 8px;
  scrollbar-width: none;
}

body.wp-page-home .wp-hour-ribbon::-webkit-scrollbar {
  display: none;
}

body.wp-page-home .wp-hour-chip {
  min-height: 126px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 6px;
  scroll-snap-align: start;
  color: var(--wp-home-dash-ink);
  background: var(--wp-home-dash-card);
  border: 1px solid var(--wp-home-dash-line);
  border-radius: 18px;
}

body.wp-page-home .wp-hour-chip.is-now {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 10px 24px rgba(47, 125, 225, 0.12);
}

[data-theme="night"] body.wp-page-home .wp-hour-chip.is-now {
  background: rgba(47, 125, 225, 0.16);
}

body.wp-page-home .wp-hour-chip span:first-child {
  color: var(--wp-home-dash-muted);
  font-size: 0.8rem;
  font-weight: 800;
}

body.wp-page-home .wp-hour-chip img {
  width: 38px;
  height: 38px;
}

body.wp-page-home .wp-hour-chip em {
  min-height: 17px;
  color: #1590c7;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 800;
}

body.wp-page-home .wp-hour-chip strong {
  font-size: 1.35rem;
  line-height: 1;
}

body.wp-page-home .wp-hour-event {
  color: #a53d68;
  background: linear-gradient(180deg, #fff 0%, #fff7fb 100%);
}

body.wp-page-home .wp-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
}

body.wp-page-home .wp-metric-card {
  --metric-accent: var(--wp-home-dash-blue);
  min-height: 184px;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: 8px;
  padding: 16px;
  color: var(--wp-home-dash-ink);
  text-align: left;
  background: var(--wp-home-dash-card);
  border: 1px solid var(--wp-home-dash-line);
  border-radius: 20px;
  box-shadow: none;
  cursor: pointer;
}

body.wp-page-home .wp-metric-card.tone-warm,
body.wp-page-home .wp-metric-card.tone-temp { --metric-accent: var(--wp-home-dash-yellow); }
body.wp-page-home .wp-metric-card.tone-rain,
body.wp-page-home .wp-metric-card.tone-water,
body.wp-page-home .wp-metric-card.tone-dew { --metric-accent: var(--wp-home-dash-blue); }
body.wp-page-home .wp-metric-card.tone-wind,
body.wp-page-home .wp-metric-card.tone-air,
body.wp-page-home .wp-metric-card.tone-visibility { --metric-accent: #17a2d6; }
body.wp-page-home .wp-metric-card.tone-sun { --metric-accent: var(--wp-home-dash-orange); }
body.wp-page-home .wp-metric-card.tone-pressure { --metric-accent: #6d5dfc; }

body.wp-page-home .wp-metric-card.is-selected {
  border-color: color-mix(in srgb, var(--metric-accent) 62%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--metric-accent) 16%, transparent);
}

body.wp-page-home .wp-metric-title {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--wp-home-dash-muted);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.1;
}

body.wp-page-home .wp-metric-title .material-icons-round {
  color: #6b7280;
  font-size: 1.15rem;
}

body.wp-page-home .wp-metric-card strong {
  color: var(--wp-home-dash-ink);
  font-size: clamp(1.55rem, 7vw, 2.25rem);
  line-height: 1;
}

body.wp-page-home .wp-metric-card small {
  min-height: 32px;
  color: var(--wp-home-dash-muted);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.18;
}

body.wp-page-home .wp-mini-bars {
  height: 62px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: end;
  gap: 4px;
  margin-top: 4px;
}

body.wp-page-home .wp-mini-bars span {
  min-height: 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--metric-accent) 80%, white), var(--metric-accent));
}

body.wp-page-home .wp-gauge {
  width: min(116px, 80%);
  aspect-ratio: 1;
  place-self: center;
  display: grid;
  place-items: center;
  position: relative;
  border-radius: 999px;
  background: conic-gradient(var(--metric-accent) calc(var(--p) * 1%), #e8edf3 0);
}

body.wp-page-home .wp-gauge::before {
  content: "";
  position: absolute;
  inset: 13px;
  border-radius: inherit;
  background: var(--wp-home-dash-card);
}

body.wp-page-home .wp-gauge span {
  position: relative;
  z-index: 1;
  color: var(--wp-home-dash-ink);
  font-size: 1.15rem;
  font-weight: 850;
}

body.wp-page-home .wp-compass {
  width: 86px;
  aspect-ratio: 1;
  place-self: center;
  position: relative;
  border: 2px dashed #d7dee8;
  border-radius: 50%;
}

body.wp-page-home .wp-compass span {
  position: absolute;
  inset: 8px 0 auto;
  color: var(--wp-home-dash-muted);
  text-align: center;
  font-size: 0.72rem;
  font-weight: 850;
}

body.wp-page-home .wp-compass i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 3px;
  transform-origin: 0 50%;
  border-radius: 999px;
  background: #1f2937;
}

body.wp-page-home .wp-compass i::after {
  content: "";
  position: absolute;
  right: -2px;
  top: -4px;
  border-left: 9px solid #1f2937;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

[data-theme="night"] body.wp-page-home .wp-compass i,
[data-theme="night"] body.wp-page-home .wp-compass i::after {
  filter: invert(1);
}

body.wp-page-home .wp-sun-arc {
  display: grid;
  grid-template-columns: auto minmax(64px, 1fr) auto;
  align-items: end;
  gap: 8px;
  margin-top: 12px;
  color: var(--wp-home-dash-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

body.wp-page-home .wp-sun-arc i {
  height: 38px;
  border-top: 4px solid var(--metric-accent);
  border-radius: 999px 999px 0 0;
}

body.wp-page-home .wp-metric-detail {
  position: fixed;
  inset: 0;
  z-index: 2600;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding:
    max(76px, calc(env(safe-area-inset-top) + 62px))
    16px
    max(118px, calc(env(safe-area-inset-bottom) + 106px));
  color: var(--wp-home-dash-ink);
  background: rgba(4, 10, 22, 0.46);
}

body.wp-page-home .wp-metric-detail[hidden] {
  display: none !important;
}

body.wp-page-home .wp-metric-detail-card {
  display: grid;
  width: min(100%, 660px);
  max-height: min(64dvh, 560px);
  gap: 13px;
  overflow: auto;
  padding: 18px;
  color: var(--wp-home-dash-ink);
  background: linear-gradient(180deg, rgba(250, 253, 255, 0.99), rgba(236, 244, 255, 0.99));
  border: 1px solid rgba(111, 135, 165, 0.34);
  border-radius: 26px 26px 22px 22px;
  box-shadow: 0 34px 90px rgba(3, 10, 22, 0.36), 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

[data-theme="night"] body.wp-page-home .wp-metric-detail-card,
body.wp-page-home[data-theme="night"] .wp-metric-detail-card {
  color: #eef5ff;
  background: linear-gradient(180deg, rgba(17, 27, 44, 0.99), rgba(9, 17, 30, 0.99));
  border-color: rgba(141, 172, 214, 0.32);
  box-shadow: 0 34px 92px rgba(0, 0, 0, 0.54), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

body.wp-page-home .wp-metric-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.wp-page-home .wp-metric-detail-head strong {
  display: block;
  color: var(--wp-home-dash-ink);
  font-size: 1.15rem;
  line-height: 1.1;
}

body.wp-page-home .wp-metric-detail-close {
  display: inline-grid;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  place-items: center;
  color: var(--wp-home-dash-ink);
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(111, 135, 165, 0.24);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(20, 35, 58, 0.13);
}

body.wp-page-home .wp-metric-detail-close .material-icons-round {
  font-size: 22px;
}

[data-theme="night"] body.wp-page-home .wp-metric-detail-close,
body.wp-page-home[data-theme="night"] .wp-metric-detail-close {
  color: #f4f8ff;
  background: rgba(30, 46, 70, 0.98);
  border-color: rgba(147, 177, 220, 0.28);
}

body.wp-page-home .wp-metric-tabs {
  display: inline-flex;
  justify-self: start;
  padding: 4px;
  background: var(--wp-home-dash-soft);
  border-radius: 999px;
}

body.wp-page-home .wp-metric-tab {
  min-height: 34px;
  padding: 0 12px;
  color: var(--wp-home-dash-muted);
  background: transparent;
  border: 0;
  border-radius: 999px;
  font-weight: 850;
}

body.wp-page-home .wp-metric-tab.is-active {
  color: #fff;
  background: var(--wp-home-dash-blue);
}

body.wp-page-home .wp-detail-series {
  display: grid;
  gap: 9px;
}

body.wp-page-home .wp-detail-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 10px;
}

body.wp-page-home .wp-detail-row span,
body.wp-page-home .wp-detail-row strong {
  color: var(--wp-home-dash-ink);
  font-size: 0.84rem;
  font-weight: 850;
}

body.wp-page-home .wp-detail-bar {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--wp-home-dash-soft);
}

body.wp-page-home .wp-detail-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--wp-home-dash-blue), var(--wp-home-dash-yellow));
}

body.wp-page-home .wp-detail-empty {
  color: var(--wp-home-dash-muted);
  font-weight: 800;
}

body.wp-page-home .wp-detail-hero {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 15px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.95), transparent 42%),
    linear-gradient(135deg, rgba(225, 239, 255, 0.98), rgba(255, 247, 216, 0.94));
  border: 1px solid rgba(89, 126, 180, 0.22);
  box-shadow: 0 18px 36px rgba(13, 32, 62, 0.14);
}

body.wp-page-home .wp-detail-hero.tone-watch {
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.98), transparent 42%),
    linear-gradient(135deg, rgba(255, 231, 207, 0.98), rgba(255, 245, 184, 0.94));
}

body.wp-page-home .wp-detail-hero.tone-good {
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.98), transparent 42%),
    linear-gradient(135deg, rgba(219, 247, 234, 0.98), rgba(220, 238, 255, 0.94));
}

body.wp-page-home .wp-detail-hero .material-icons-round {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #1D6FEA, #15A8A8);
  box-shadow: 0 16px 28px rgba(29, 111, 234, 0.22);
}

body.wp-page-home .wp-detail-hero strong {
  display: block;
  color: var(--wp-home-dash-ink);
  font-size: clamp(1.75rem, 7vw, 2.45rem);
  line-height: 1;
  letter-spacing: 0;
}

body.wp-page-home .wp-detail-hero small {
  display: block;
  margin-top: 6px;
  color: #334155;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
}

body.wp-page-home .wp-detail-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.wp-page-home .wp-detail-chips span {
  min-width: 0;
  padding: 10px 9px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(101, 122, 153, 0.2);
  box-shadow: 0 10px 22px rgba(20, 35, 58, 0.08);
}

body.wp-page-home .wp-detail-chips em {
  display: block;
  color: var(--wp-home-dash-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.wp-page-home .wp-detail-chips strong {
  display: block;
  margin-top: 4px;
  color: var(--wp-home-dash-ink);
  font-size: 0.9rem;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.wp-page-home .wp-detail-timeline {
  min-height: 154px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(58px, 1fr);
  gap: 8px;
  overflow-x: auto;
  padding: 4px 2px 8px;
  scrollbar-width: thin;
}

body.wp-page-home .wp-detail-tick {
  min-width: 58px;
  height: 148px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  align-items: end;
  gap: 7px;
  padding: 9px 6px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(111, 135, 165, 0.2);
}

body.wp-page-home .wp-detail-tick.is-now {
  background: #ffffff;
  border-color: rgba(29, 111, 234, 0.35);
  box-shadow: 0 14px 32px rgba(29, 111, 234, 0.13);
}

body.wp-page-home .wp-detail-tick span,
body.wp-page-home .wp-detail-tick strong {
  color: var(--wp-home-dash-ink);
  font-size: 0.76rem;
  font-weight: 950;
  line-height: 1;
}

body.wp-page-home .wp-detail-tick i {
  width: 14px;
  height: var(--tick-height, 50%);
  max-height: 92px;
  align-self: end;
  border-radius: 999px;
  background: var(--tick-color, linear-gradient(180deg, #1D6FEA, #F7C843));
  box-shadow: 0 8px 18px rgba(29, 111, 234, 0.2);
}

body.wp-page-home .wp-detail-tick.tone-good i {
  background: var(--tick-color, linear-gradient(180deg, #20C997, #8FD24A));
}

body.wp-page-home .wp-detail-tick.tone-fair i {
  background: var(--tick-color, linear-gradient(180deg, #F7C843, #F39C12));
}

body.wp-page-home .wp-detail-tick.tone-watch i {
  background: var(--tick-color, linear-gradient(180deg, #FF8A3D, #E53935));
}

body.wp-page-home.wp-metric-modal-open {
  overflow: hidden;
}

@media (min-width: 720px) {
  body.wp-page-home .wp-metric-detail {
    align-items: center;
    padding: 24px;
  }

  body.wp-page-home .wp-metric-detail-card {
    max-height: min(76vh, 680px);
    border-radius: 24px;
  }
}

@media (min-width: 860px) {
  body.wp-page-home .wp-metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.wp-page-home .wp-metric-detail {
    padding:
      max(56px, calc(env(safe-area-inset-top) + 44px))
      12px
      max(104px, calc(env(safe-area-inset-bottom) + 94px));
  }
  body.wp-page-home .wp-metric-detail-card {
    max-height: min(72dvh, 560px);
    gap: 10px;
    padding: 14px;
    border-radius: 22px;
  }
  body.wp-page-home .wp-metric-detail-head strong {
    font-size: 1rem;
  }
  body.wp-page-home .wp-metric-detail-close {
    width: 38px;
    height: 38px;
  }
  body.wp-page-home .wp-detail-hero {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
  }
  body.wp-page-home .wp-detail-hero .material-icons-round {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }
  body.wp-page-home .wp-detail-hero strong {
    font-size: clamp(1.45rem, 8vw, 2rem);
  }
  body.wp-page-home .wp-detail-hero small {
    font-size: 0.84rem;
    line-height: 1.28;
  }
  body.wp-page-home .wp-conditions-dashboard .wp-planner-header {
    flex-direction: column;
  }
  body.wp-page-home .wp-conditions-dashboard .wp-plan-chip {
    align-self: flex-start;
  }
  body.wp-page-home .wp-metric-card {
    min-height: 164px;
    padding: 14px;
  }
  body.wp-page-home .wp-detail-row {
    grid-template-columns: 46px minmax(0, 1fr) 52px;
    gap: 7px;
  }
  body.wp-page-home .wp-detail-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.wp-page-home .wp-detail-chips span {
    padding: 9px 8px;
  }
  body.wp-page-home .wp-detail-timeline {
    min-height: 136px;
    grid-auto-columns: minmax(52px, 1fr);
  }
  body.wp-page-home .wp-detail-tick {
    min-width: 52px;
    height: 130px;
    padding: 8px 5px;
    border-radius: 16px;
  }
  body.wp-page-home .wp-detail-tick i {
    width: 13px;
    max-height: 78px;
  }
}

body.wp-page-home .wp-activity-forecast,
body.wp-page-forecast .wp-activity-forecast-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 24px;
  color: #081528;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.96), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(224, 240, 255, 0.94) 55%, rgba(255, 248, 219, 0.9));
  border: 1px solid rgba(91, 117, 150, 0.24);
  box-shadow: 0 22px 52px rgba(8, 21, 40, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

body.wp-page-forecast .wp-activity-forecast-card {
  margin: 0;
}

body.wp-page-home .wp-activity-forecast-head,
body.wp-page-forecast .wp-activity-forecast-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.wp-page-home .wp-activity-forecast-title,
body.wp-page-forecast .wp-activity-forecast-title {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.wp-page-home .wp-activity-forecast-title strong,
body.wp-page-forecast .wp-activity-forecast-title strong {
  color: #07172D;
  font-size: clamp(1.35rem, 5vw, 2rem);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: 0;
}

body.wp-page-home .wp-activity-manage-btn,
body.wp-page-forecast .wp-activity-manage-btn {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #081528;
  background: #fff;
  border: 1px solid rgba(91, 117, 150, 0.25);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(8, 21, 40, 0.12);
}

body.wp-page-home .wp-activity-tabs,
body.wp-page-forecast .wp-activity-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 6px;
  scrollbar-width: thin;
}

body.wp-page-home .wp-activity-tab,
body.wp-page-forecast .wp-activity-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  flex: 0 0 auto;
  padding: 0 13px;
  color: #334155;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(91, 117, 150, 0.2);
  border-radius: 999px;
  font-size: 0.94rem;
  font-weight: 900;
  white-space: nowrap;
}

body.wp-page-home .wp-activity-tab .material-icons-round,
body.wp-page-forecast .wp-activity-tab .material-icons-round {
  font-size: 20px;
}

body.wp-page-home .wp-activity-tab.is-active,
body.wp-page-forecast .wp-activity-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, #111827, #1D6FEA);
  border-color: rgba(29, 111, 234, 0.42);
  box-shadow: 0 12px 26px rgba(29, 111, 234, 0.22);
}

body.wp-page-home .wp-activity-summary,
body.wp-page-forecast .wp-activity-summary {
  margin: 0;
  color: #07172D;
  font-size: clamp(1rem, 4.4vw, 1.35rem);
  font-weight: 850;
  line-height: 1.32;
}

body.wp-page-home .wp-activity-chart,
body.wp-page-forecast .wp-activity-chart {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  min-height: 178px;
  overflow: hidden;
}

body.wp-page-home .wp-activity-scale,
body.wp-page-forecast .wp-activity-scale {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  align-items: center;
  color: #64748B;
  font-size: 0.82rem;
  font-weight: 850;
}

body.wp-page-home .wp-activity-bars,
body.wp-page-forecast .wp-activity-bars {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(54px, 1fr);
  gap: 8px;
  overflow-x: auto;
  padding: 0 2px 8px;
  border-bottom: 1px solid rgba(100, 116, 139, 0.22);
  scrollbar-width: thin;
}

body.wp-page-home .wp-activity-hour,
body.wp-page-forecast .wp-activity-hour {
  height: 164px;
  min-width: 54px;
  display: grid;
  grid-template-rows: 1fr auto auto auto;
  justify-items: center;
  align-items: end;
  gap: 5px;
  padding: 8px 5px 9px;
  color: #07172D;
  background: transparent;
  border: 0;
  border-radius: 20px;
}

body.wp-page-home .wp-activity-hour.is-now,
body.wp-page-forecast .wp-activity-hour.is-now {
  background: #fff;
  box-shadow: 0 14px 30px rgba(8, 21, 40, 0.1);
}

body.wp-page-home .wp-activity-bar-track,
body.wp-page-forecast .wp-activity-bar-track {
  width: 16px;
  height: 104px;
  display: flex;
  align-items: flex-end;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.18);
  overflow: hidden;
}

body.wp-page-home .wp-activity-bar-track i,
body.wp-page-forecast .wp-activity-bar-track i {
  width: 100%;
  height: calc(var(--activity-score, 50) * 1%);
  min-height: 12px;
  border-radius: inherit;
  background: linear-gradient(180deg, #A8C64F, #7EAD3A);
}

body.wp-page-home .wp-activity-hour.is-fair .wp-activity-bar-track i,
body.wp-page-forecast .wp-activity-hour.is-fair .wp-activity-bar-track i {
  background: linear-gradient(180deg, #F7C843, #E29A12);
}

body.wp-page-home .wp-activity-hour.is-poor .wp-activity-bar-track i,
body.wp-page-forecast .wp-activity-hour.is-poor .wp-activity-bar-track i {
  background: linear-gradient(180deg, #FF8A3D, #E53935);
}

body.wp-page-home .wp-activity-hour-label,
body.wp-page-forecast .wp-activity-hour-label,
body.wp-page-home .wp-activity-hour strong,
body.wp-page-forecast .wp-activity-hour strong,
body.wp-page-home .wp-activity-hour em,
body.wp-page-forecast .wp-activity-hour em {
  max-width: 100%;
  color: #07172D;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

body.wp-page-home .wp-activity-hour-label,
body.wp-page-forecast .wp-activity-hour-label {
  font-size: 0.78rem;
  font-weight: 950;
}

body.wp-page-home .wp-activity-hour strong,
body.wp-page-forecast .wp-activity-hour strong {
  font-size: 0.88rem;
  font-weight: 950;
}

body.wp-page-home .wp-activity-hour em,
body.wp-page-forecast .wp-activity-hour em {
  color: #64748B;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

body.wp-page-home .wp-activity-factors,
body.wp-page-forecast .wp-activity-factors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.wp-page-home .wp-activity-factors > span,
body.wp-page-forecast .wp-activity-factors > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 10px;
  color: #334155;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(91, 117, 150, 0.18);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 900;
}

body.wp-page-home .wp-activity-factors .material-icons-round,
body.wp-page-forecast .wp-activity-factors .material-icons-round {
  font-size: 17px;
  color: #1D6FEA;
}

body.wp-page-home .wp-activity-empty,
body.wp-page-forecast .wp-activity-empty {
  grid-column: 1 / -1;
  align-self: center;
  padding: 18px;
  color: #64748B;
  font-weight: 850;
}

/* 2026-06-16: Home mobile visual repair for dashboard modal, activity card, and dock clearance. */
body.wp-page-home .content-container {
  padding-bottom: calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 132px) !important;
}

body.wp-page-home .wp-metric-detail {
  --wp-home-dash-ink: #111827;
  --wp-home-dash-muted: #5f6878;
  --wp-home-dash-line: rgba(17, 24, 39, 0.12);
  --wp-home-dash-card: #ffffff;
  --wp-home-dash-soft: #f3f7fb;
  --wp-home-dash-blue: #2f7de1;
  --wp-home-dash-green: #19a974;
  --wp-home-dash-yellow: #f3bd32;
  --wp-home-dash-orange: #f59e0b;
  --wp-home-dash-red: #ef4444;
  padding:
    max(76px, calc(env(safe-area-inset-top, 0px) + 60px))
    max(12px, env(safe-area-inset-right, 0px))
    max(126px, calc(env(safe-area-inset-bottom, 0px) + 112px))
    max(12px, env(safe-area-inset-left, 0px));
  background: rgba(3, 8, 18, 0.58);
  backdrop-filter: blur(8px) saturate(130%);
  -webkit-backdrop-filter: blur(8px) saturate(130%);
}

body.wp-page-home .wp-metric-detail-card {
  width: min(100%, 560px);
  max-height: calc(100dvh - max(76px, calc(env(safe-area-inset-top, 0px) + 60px)) - max(126px, calc(env(safe-area-inset-bottom, 0px) + 112px)));
  min-width: 0;
  max-width: 100%;
  gap: 12px;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

body.wp-page-home .wp-metric-detail-body {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

body.wp-page-home .wp-metric-detail-head {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: -2px -2px 0;
  padding: 2px;
  background: inherit;
}

body.wp-page-home .wp-metric-detail-head > div,
body.wp-page-home .wp-detail-hero > div {
  min-width: 0;
}

body.wp-page-home .wp-metric-detail-close {
  color: #0b1628;
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(81, 104, 135, 0.32);
}

body.wp-page-home .wp-detail-hero {
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  color: #111827;
  overflow: hidden;
}

body.wp-page-home .wp-detail-hero .material-icons-round {
  width: 50px;
  height: 50px;
  border-radius: 17px;
}

body.wp-page-home .wp-detail-hero strong {
  max-width: 100%;
  color: #0f172a !important;
  overflow-wrap: anywhere;
}

body.wp-page-home .wp-detail-hero small {
  max-width: 100%;
  color: #1f2d42 !important;
  overflow-wrap: anywhere;
}

body.wp-page-home .wp-detail-chips {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.wp-page-home .wp-detail-chips span {
  background: rgba(255, 255, 255, 0.9);
}

body.wp-page-home .wp-detail-timeline {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-auto-columns: minmax(58px, 64px);
  justify-content: start;
  padding: 4px 12px 10px 2px;
  margin-right: -8px;
  overflow-y: hidden;
}

body.wp-page-home .wp-detail-tick {
  min-width: 58px;
  background: rgba(255, 255, 255, 0.78);
}

body.wp-page-home .wp-detail-tick span,
body.wp-page-home .wp-detail-tick strong {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.05;
}

[data-theme="night"] body.wp-page-home .wp-metric-detail-card,
body.wp-page-home[data-theme="night"] .wp-metric-detail-card {
  background: linear-gradient(180deg, rgba(18, 29, 48, 0.99), rgba(9, 16, 29, 0.99));
}

[data-theme="night"] body.wp-page-home .wp-detail-hero,
body.wp-page-home[data-theme="night"] .wp-detail-hero,
[data-theme="night"] body.wp-page-home .wp-detail-hero.tone-good,
body.wp-page-home[data-theme="night"] .wp-detail-hero.tone-good,
[data-theme="night"] body.wp-page-home .wp-detail-hero.tone-watch,
body.wp-page-home[data-theme="night"] .wp-detail-hero.tone-watch {
  background:
    radial-gradient(circle at 12% 0%, rgba(83, 157, 255, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(28, 44, 68, 0.98), rgba(16, 27, 46, 0.96));
  border-color: rgba(138, 176, 230, 0.24);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}

[data-theme="night"] body.wp-page-home .wp-detail-hero strong,
body.wp-page-home[data-theme="night"] .wp-detail-hero strong {
  color: #f8fafc !important;
}

[data-theme="night"] body.wp-page-home .wp-metric-detail,
body.wp-page-home[data-theme="night"] .wp-metric-detail {
  --wp-home-dash-ink: #f8fafc;
  --wp-home-dash-muted: rgba(226, 232, 240, 0.72);
  --wp-home-dash-line: rgba(255, 255, 255, 0.14);
  --wp-home-dash-card: #101827;
  --wp-home-dash-soft: rgba(255, 255, 255, 0.08);
}

body.wp-page-home.wp-metric-modal-open .wp-shell-dock,
body.wp-page-home.wp-metric-modal-open .sticky-location-bar {
  opacity: 0.32;
  pointer-events: none;
}

[data-theme="night"] body.wp-page-home .wp-detail-hero small,
body.wp-page-home[data-theme="night"] .wp-detail-hero small {
  color: rgba(226, 235, 248, 0.9) !important;
}

[data-theme="night"] body.wp-page-home .wp-detail-chips span,
body.wp-page-home[data-theme="night"] .wp-detail-chips span,
[data-theme="night"] body.wp-page-home .wp-detail-tick,
body.wp-page-home[data-theme="night"] .wp-detail-tick {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
}

body.wp-page-home .wp-activity-forecast {
  gap: 12px;
  padding: clamp(14px, 4vw, 18px);
  color: #071426;
  background:
    linear-gradient(180deg, rgba(249, 252, 255, 0.98), rgba(232, 242, 253, 0.96) 58%, rgba(249, 246, 230, 0.92));
  border-color: rgba(80, 107, 140, 0.28);
  box-shadow: 0 16px 38px rgba(8, 21, 40, 0.12), 0 1px 0 rgba(255, 255, 255, 0.88) inset;
}

body.wp-page-home .wp-activity-forecast .wp-section-kicker {
  color: #59677a !important;
  font-size: 0.74rem;
  font-weight: 900 !important;
}

body.wp-page-home .wp-activity-forecast-title strong {
  font-size: clamp(1.25rem, 4.8vw, 1.65rem);
}

body.wp-page-home .wp-activity-manage-btn {
  width: 40px;
  height: 40px;
  color: #071426;
  background: rgba(255, 255, 255, 0.94);
}

body.wp-page-home .wp-activity-tabs {
  gap: 7px;
  padding: 1px 2px 6px;
  scrollbar-width: none;
}

body.wp-page-home .wp-activity-tabs::-webkit-scrollbar,
body.wp-page-home .wp-activity-bars::-webkit-scrollbar,
body.wp-page-home .wp-detail-timeline::-webkit-scrollbar {
  display: none;
}

body.wp-page-home .wp-activity-tab {
  min-height: 38px;
  gap: 6px;
  padding: 0 12px;
  font-size: 0.88rem;
  background: rgba(255, 255, 255, 0.78);
}

body.wp-page-home .wp-activity-summary {
  font-size: clamp(1rem, 4.1vw, 1.2rem);
  line-height: 1.3;
}

body.wp-page-home .wp-activity-chart {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  min-height: 164px;
  overflow: visible;
}

body.wp-page-home .wp-activity-bars {
  grid-auto-columns: minmax(56px, 62px);
  justify-content: start;
  gap: 7px;
  padding: 0 12px 9px 0;
  margin-right: -8px;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.wp-page-home .wp-activity-hour {
  min-width: 56px;
  height: 150px;
  padding: 7px 5px 8px;
  border-radius: 18px;
}

body.wp-page-home .wp-activity-bar-track {
  width: 15px;
  height: 90px;
}

body.wp-page-home .wp-activity-hour-label {
  font-size: 0.74rem;
}

body.wp-page-home .wp-activity-hour strong {
  font-size: 0.84rem;
}

body.wp-page-home .wp-activity-hour em {
  font-size: 0.66rem;
}

body.wp-page-home .wp-activity-factors {
  gap: 7px;
}

body.wp-page-home .wp-activity-factors > span {
  min-height: 30px;
  padding: 0 9px;
  color: #243246;
  font-size: 0.76rem;
  background: rgba(255, 255, 255, 0.78);
}

@media (max-width: 640px) {
  body.wp-page-home .wp-metric-detail {
    padding:
      max(62px, calc(env(safe-area-inset-top, 0px) + 48px))
      10px
      max(118px, calc(env(safe-area-inset-bottom, 0px) + 104px));
  }

  body.wp-page-home .wp-metric-detail-card {
    max-height: calc(100dvh - max(62px, calc(env(safe-area-inset-top, 0px) + 48px)) - max(118px, calc(env(safe-area-inset-bottom, 0px) + 104px)));
    padding: 12px;
    border-radius: 20px;
  }

  body.wp-page-home .wp-metric-tabs {
    padding: 3px;
  }

  body.wp-page-home .wp-metric-tab {
    min-height: 32px;
  }

  body.wp-page-home .wp-detail-hero {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 10px;
  }

  body.wp-page-home .wp-detail-hero .material-icons-round {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }

  body.wp-page-home .wp-detail-hero strong {
    font-size: clamp(1.25rem, 7vw, 1.85rem);
  }

  body.wp-page-home .wp-detail-hero small {
    font-size: 0.8rem;
  }

  body.wp-page-home .wp-detail-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.wp-page-home .wp-detail-timeline {
    min-height: 130px;
    grid-auto-columns: minmax(52px, 58px);
  }

  body.wp-page-home .wp-detail-tick {
    min-width: 52px;
    height: 124px;
  }

  body.wp-page-home .wp-activity-forecast {
    border-radius: 22px;
  }

  body.wp-page-home .wp-activity-tab {
    min-height: 36px;
    padding: 0 10px;
    font-size: 0.82rem;
  }

  body.wp-page-home .wp-activity-chart {
    grid-template-columns: 39px minmax(0, 1fr);
    min-height: 154px;
  }

  body.wp-page-home .wp-activity-scale {
    font-size: 0.76rem;
  }

  body.wp-page-home .wp-activity-bars {
    grid-auto-columns: minmax(52px, 56px);
  }

  body.wp-page-home .wp-activity-hour {
    min-width: 52px;
    height: 140px;
  }

  body.wp-page-home .wp-activity-bar-track {
    height: 82px;
  }
}

/* 2026-06-17: Detail popup spacing and Forecast activity readability pass. */
body.wp-page-home .wp-metric-detail {
  padding:
    max(66px, calc(env(safe-area-inset-top, 0px) + 52px))
    max(12px, env(safe-area-inset-right, 0px))
    max(112px, calc(env(safe-area-inset-bottom, 0px) + 98px))
    max(12px, env(safe-area-inset-left, 0px));
}

body.wp-page-home .wp-metric-detail-card {
  max-height: calc(100dvh - max(66px, calc(env(safe-area-inset-top, 0px) + 52px)) - max(112px, calc(env(safe-area-inset-bottom, 0px) + 98px)));
  gap: 10px;
  padding: clamp(13px, 3.4vw, 16px);
}

body.wp-page-home .wp-metric-tabs {
  margin-top: -2px;
}

body.wp-page-home .wp-metric-detail-body {
  display: grid;
  gap: 10px;
}

body.wp-page-home .wp-detail-hero {
  min-height: 74px;
  padding: 11px;
}

body.wp-page-home .wp-detail-chips {
  gap: 7px;
}

body.wp-page-home .wp-detail-chips span {
  min-height: 54px;
  display: grid;
  align-content: center;
  padding: 9px 10px;
}

body.wp-page-home .wp-detail-timeline {
  min-height: 136px;
  padding: 2px 10px 8px 0;
  margin-right: -6px;
}

body.wp-page-home .wp-detail-tick {
  height: 130px;
  border-radius: 16px;
}

body.wp-page-home .wp-detail-tick i {
  max-height: 78px;
}

body.wp-page-home #alert-modal {
  --wp-alert-sheet-top-gap: max(12px, calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 10px));
  --wp-alert-sheet-bottom-gap: max(18px, calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 18px));
  align-items: flex-start !important;
  padding: var(--wp-alert-sheet-top-gap) 12px var(--wp-alert-sheet-bottom-gap) !important;
}

body.wp-page-home #alert-modal .modal-content.alert-sheet {
  height: min(82vh, calc(100dvh - var(--wp-alert-sheet-top-gap) - var(--wp-alert-sheet-bottom-gap))) !important;
  max-height: min(82vh, calc(100dvh - var(--wp-alert-sheet-top-gap) - var(--wp-alert-sheet-bottom-gap))) !important;
  border-radius: 22px !important;
}

body.wp-page-home #alert-modal .alert-topbar {
  gap: 14px;
  padding: 18px 18px 16px;
}

body.wp-page-home #alert-modal .alert-topbar-left {
  gap: 14px;
}

body.wp-page-home #alert-modal .alert-top-ico {
  font-size: 34px;
}

body.wp-page-home #alert-modal .alert-headline {
  font-size: clamp(1.18rem, 5.4vw, 1.42rem);
  letter-spacing: 0;
}

body.wp-page-home #alert-modal .alert-area-until {
  font-size: 0.96rem;
}

body.wp-page-home #alert-modal .alert-close-btn {
  width: 40px;
  height: 40px;
}

body.wp-page-home #alert-modal .alert-chips {
  gap: 8px;
  padding: 12px 16px;
}

body.wp-page-home #alert-modal .alert-chip {
  gap: 8px;
  padding: 8px 11px;
}

body.wp-page-home #alert-modal .alert-body {
  padding: 18px;
  font-size: 1rem;
  line-height: 1.55;
}

body.wp-page-home #alert-modal .alert-footer {
  gap: 10px;
  padding: 12px 16px 14px;
}

body.wp-page-forecast .wp-activity-forecast-card {
  color: #071426 !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(255, 255, 255, 0.98), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(231, 242, 255, 0.96) 52%, rgba(250, 247, 230, 0.94)) !important;
  border-color: rgba(80, 107, 140, 0.28) !important;
  box-shadow: 0 18px 42px rgba(8, 21, 40, 0.13), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

body.wp-page-forecast .wp-activity-forecast-card .wp-section-kicker {
  color: #56657a !important;
  font-weight: 900 !important;
}

body.wp-page-forecast .wp-activity-forecast-title strong,
body.wp-page-forecast .wp-activity-summary {
  color: #071426 !important;
}

body.wp-page-forecast .wp-activity-manage-btn {
  color: #071426 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(80, 107, 140, 0.24) !important;
}

body.wp-page-forecast .wp-activity-tab {
  color: #27354a !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(80, 107, 140, 0.2) !important;
}

body.wp-page-forecast .wp-activity-tab .material-icons-round {
  color: #2f78d4 !important;
}

body.wp-page-forecast .wp-activity-tab.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #173f77, #256fc8) !important;
  border-color: rgba(37, 111, 200, 0.46) !important;
}

body.wp-page-forecast .wp-activity-tab.is-active .material-icons-round {
  color: #fff !important;
}

body.wp-page-forecast .wp-activity-chart {
  padding: 10px 0 8px 10px;
  color: #071426 !important;
  background: rgba(255, 255, 255, 0.44);
  border: 1px solid rgba(80, 107, 140, 0.16);
  border-radius: 18px;
}

body.wp-page-forecast .wp-activity-scale {
  color: #56657a !important;
}

body.wp-page-forecast .wp-activity-bars {
  border-bottom-color: rgba(80, 107, 140, 0.22);
}

body.wp-page-forecast .wp-activity-hour {
  color: #071426 !important;
}

body.wp-page-forecast .wp-activity-hour.is-now {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 12px 26px rgba(8, 21, 40, 0.1);
}

body.wp-page-forecast .wp-activity-hour-label,
body.wp-page-forecast .wp-activity-hour strong {
  color: #071426 !important;
}

body.wp-page-forecast .wp-activity-hour em {
  color: #56657a !important;
}

body.wp-page-forecast .wp-activity-factors > span {
  color: #243246 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(80, 107, 140, 0.2) !important;
}

body.wp-page-forecast .wp-activity-factors .material-icons-round {
  color: #2f78d4 !important;
}

@media (max-width: 640px) {
  body.wp-page-home .wp-metric-detail {
    padding:
      max(58px, calc(env(safe-area-inset-top, 0px) + 44px))
      10px
      max(110px, calc(env(safe-area-inset-bottom, 0px) + 96px));
  }

  body.wp-page-home .wp-metric-detail-card {
    max-height: calc(100dvh - max(58px, calc(env(safe-area-inset-top, 0px) + 44px)) - max(110px, calc(env(safe-area-inset-bottom, 0px) + 96px)));
    gap: 9px;
    padding: 12px;
  }

  body.wp-page-home .wp-detail-chips span {
    min-height: 50px;
  }

  body.wp-page-home .wp-detail-timeline {
    min-height: 124px;
    grid-auto-columns: minmax(52px, 56px);
  }

  body.wp-page-home .wp-detail-tick {
    height: 118px;
  }

  body.wp-page-home .wp-detail-tick i {
    max-height: 72px;
  }

  body.wp-page-home #alert-modal {
    --wp-alert-sheet-top-gap: max(10px, calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 8px));
    --wp-alert-sheet-bottom-gap: max(16px, calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 16px));
    padding-inline: 10px !important;
  }

  body.wp-page-home #alert-modal .modal-content.alert-sheet {
    border-radius: 20px !important;
  }

  body.wp-page-home #alert-modal .alert-topbar {
    padding: 16px 14px 14px;
  }

  body.wp-page-home #alert-modal .alert-chips {
    padding: 10px 12px;
  }

  body.wp-page-home #alert-modal .alert-body {
    padding: 14px;
    font-size: 0.96rem;
  }

  body.wp-page-home #alert-modal .alert-footer {
    padding: 10px 12px 12px;
  }

  body.wp-page-forecast .wp-activity-forecast-card {
    padding: 14px;
    border-radius: 22px;
  }

  body.wp-page-forecast .wp-activity-chart {
    grid-template-columns: 38px minmax(0, 1fr);
    padding-left: 8px;
  }
}

/* 2026-06-17 Radar: map-first HUD, single tools panel, readable menus. */
html body.wp-design-100x.wp-page-radar {
  --wp-radar-hud-bg: #101318;
  --wp-radar-hud-bg-2: #171c23;
  --wp-radar-hud-raised: #20262f;
  --wp-radar-hud-line: rgba(255, 255, 255, 0.15);
  --wp-radar-hud-line-soft: rgba(255, 255, 255, 0.09);
  --wp-radar-hud-text: #f8fbff;
  --wp-radar-hud-muted: #b9c2cf;
  --wp-radar-hud-blue: #4da3ff;
  --wp-radar-hud-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
  --wp-radar-hud-bottom-clearance: max(var(--safe-bottom, env(safe-area-inset-bottom, 0px)), 0px);
  --wp-radar-hud-tray-height: 154px;
  --wp-radar-tools-surface: linear-gradient(180deg, var(--wp-radar-hud-bg-2), var(--wp-radar-hud-bg));
  --wp-radar-tools-surface-soft: rgba(255, 255, 255, 0.08);
  --wp-radar-tools-border: var(--wp-radar-hud-line);
  --wp-radar-tools-border-soft: var(--wp-radar-hud-line-soft);
  --wp-radar-tools-text: var(--wp-radar-hud-text);
  --wp-radar-tools-muted: var(--wp-radar-hud-muted);
  --wp-radar-tools-blue: var(--wp-radar-hud-blue);
  --wp-radar-tools-shadow: var(--wp-radar-hud-shadow);
  --wp-radar-tools-shadow-tight: 0 12px 30px rgba(0, 0, 0, 0.34);
}

html body.wp-design-100x.wp-page-radar .app-header {
  min-height: 58px !important;
  padding: calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 8px) 12px 14px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.08) 72%, transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .search-pill {
  min-height: 38px !important;
  max-width: min(290px, calc(100vw - 120px)) !important;
  padding: 7px 12px !important;
  color: #ffffff !important;
  background: rgba(16, 19, 24, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .search-text {
  color: #ffffff !important;
  font-size: 0.9rem !important;
  line-height: 1.1 !important;
}

html body.wp-design-100x.wp-page-radar .location-pill-icon,
html body.wp-design-100x.wp-page-radar .location-pill-chevron {
  color: rgba(255, 255, 255, 0.88) !important;
}

html body.wp-design-100x.wp-page-radar .bottom-controls {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px calc(var(--wp-radar-hud-bottom-clearance) + 10px) !important;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.44) 18%, rgba(0, 0, 0, 0.84) 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 1450 !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .bottom-toolbar,
html body.wp-design-100x.wp-page-radar .scrubber-row {
  width: min(720px, calc(100vw - 24px)) !important;
  color: var(--wp-radar-hud-text) !important;
  background: var(--wp-radar-tools-surface) !important;
  border: 1px solid var(--wp-radar-hud-line) !important;
  box-shadow: var(--wp-radar-tools-shadow-tight) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .bottom-toolbar {
  min-height: 50px !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 8px 10px !important;
  border-radius: 22px !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-spacer {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-mode-nav {
  width: 100% !important;
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 0 !important;
}

html body.wp-design-100x.wp-page-radar .pill-btn,
html body.wp-design-100x.wp-page-radar .mode-pill,
html body.wp-design-100x.wp-page-radar .mode-more-toggle {
  min-height: 36px !important;
  border-radius: 999px !important;
  color: var(--wp-radar-hud-text) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .pill-btn {
  padding: 0 18px !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
}

html body.wp-design-100x.wp-page-radar .pill-btn.active,
html body.wp-design-100x.wp-page-radar .mode-pill.active {
  color: #101318 !important;
  background: #f8fbff !important;
  border-color: #f8fbff !important;
}

html body.wp-design-100x.wp-page-radar .mode-more {
  flex: 0 0 auto !important;
}

html body.wp-design-100x.wp-page-radar .mode-more-toggle {
  width: 36px !important;
  height: 36px !important;
}

html body.wp-design-100x.wp-page-radar .mode-more.open .mode-more-toggle,
html body.wp-design-100x.wp-page-radar #btn-radar-tools[aria-pressed="true"],
html body.wp-design-100x.wp-page-radar .toolbar-action-wrap .btn-circle.active {
  color: #ffffff !important;
  background: var(--wp-radar-hud-blue) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html body.wp-design-100x.wp-page-radar .scrubber-row {
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border-radius: 22px 22px 8px 8px !important;
}

html body.wp-design-100x.wp-page-radar .scrubber-container {
  width: 100% !important;
  gap: 9px !important;
  color: var(--wp-radar-hud-text) !important;
}

html body.wp-design-100x.wp-page-radar #play-pause-btn {
  width: 40px !important;
  height: 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
}

html body.wp-design-100x.wp-page-radar .scrubber-start-time,
html body.wp-design-100x.wp-page-radar .scrubber-end-time {
  min-width: 44px !important;
  color: var(--wp-radar-hud-muted) !important;
  font-weight: 800 !important;
}

html body.wp-design-100x.wp-page-radar #frame-scrubber {
  accent-color: #ffffff !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-actions {
  position: fixed !important;
  right: max(10px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(var(--wp-radar-hud-bottom-clearance) + var(--wp-radar-hud-tray-height) + 18px) !important;
  z-index: 1650 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  width: 48px !important;
  margin: 0 !important;
  padding: 7px !important;
  background: rgba(16, 19, 24, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: var(--wp-radar-hud-shadow) !important;
  pointer-events: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-1 .toolbar-mode-nav,
html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-mode-nav {
  width: 100% !important;
  flex: 1 1 auto !important;
}

html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-1 .toolbar-actions,
html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-actions {
  position: fixed !important;
  right: max(10px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(var(--wp-radar-hud-bottom-clearance) + var(--wp-radar-hud-tray-height) + 18px) !important;
  width: 48px !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-1 .toolbar-action-wrap,
html body.wp-design-100x.wp-page-radar .bottom-toolbar.toolbar-fit-2 .toolbar-action-wrap {
  width: 38px !important;
  min-width: 38px !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-action-wrap {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-action-label {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-action-wrap .btn-circle,
html body.wp-design-100x.wp-page-radar .toolbar-actions .btn-circle {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  color: #f8fbff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-action-wrap .btn-circle:active,
html body.wp-design-100x.wp-page-radar .toolbar-actions .btn-circle:active {
  background: rgba(255, 255, 255, 0.12) !important;
}

html body.wp-design-100x.wp-page-radar .toolbar-action-wrap .btn-circle .material-icons-round,
html body.wp-design-100x.wp-page-radar .toolbar-actions .btn-circle .material-icons-round {
  color: inherit !important;
  font-size: 23px !important;
}

html body.wp-design-100x.wp-page-radar .layers-pref-hint {
  right: 58px !important;
  bottom: 4px !important;
  color: #101318 !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup,
html body.wp-design-100x.wp-page-radar .radar-quick-popover,
html body.wp-design-100x.wp-page-radar .mode-more-menu,
html body.wp-design-100x.wp-page-radar #layers-modal .modal-content,
html body.wp-design-100x.wp-page-radar #search-modal .modal-content {
  color: var(--wp-radar-hud-text) !important;
  background: linear-gradient(180deg, #171c23, #101318) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: var(--wp-radar-hud-shadow) !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .modal-overlay.active {
  z-index: 1900 !important;
}

html body.wp-design-100x.wp-page-radar.wp-radar-modal-open .bottom-controls,
html body.wp-design-100x.wp-page-radar.wp-radar-modal-open .toolbar-actions,
html body.wp-design-100x.wp-page-radar.wp-radar-modal-open .wp-tools-popup,
html body.wp-design-100x.wp-page-radar.wp-radar-modal-open .radar-quick-popover {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup {
  right: calc(max(10px, env(safe-area-inset-right, 0px)) + 60px) !important;
  bottom: calc(var(--wp-radar-hud-bottom-clearance) + var(--wp-radar-hud-tray-height) + 18px) !important;
  width: min(318px, calc(100vw - 84px)) !important;
  padding: 14px !important;
  border-radius: 20px !important;
  z-index: 1720 !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup-arrow {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar .radar-quick-popover {
  right: calc(max(10px, env(safe-area-inset-right, 0px)) + 60px) !important;
  bottom: calc(var(--wp-radar-hud-bottom-clearance) + var(--wp-radar-hud-tray-height) + 18px) !important;
  width: min(318px, calc(100vw - 84px)) !important;
  max-height: min(430px, calc(100dvh - var(--wp-radar-hud-bottom-clearance) - 130px)) !important;
  padding: 14px !important;
  border-radius: 20px !important;
  z-index: 1720 !important;
}

html body.wp-design-100x.wp-page-radar .mode-more-menu {
  bottom: calc(100% + 10px) !important;
  left: auto !important;
  right: 0 !important;
  min-width: 160px !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  transform: translateY(6px) !important;
}

html body.wp-design-100x.wp-page-radar .mode-more.open .mode-more-menu {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body.wp-design-100x.wp-page-radar .mode-more-menu .mode-pill {
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 0 14px !important;
  color: var(--wp-radar-hud-text) !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup-header,
html body.wp-design-100x.wp-page-radar .wp-tools-popup-row {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup-row,
html body.wp-design-100x.wp-page-radar .wp-tools-popup-row-label,
html body.wp-design-100x.wp-page-radar .radar-quick-popover,
html body.wp-design-100x.wp-page-radar #layers-modal .modal-content,
html body.wp-design-100x.wp-page-radar #search-modal .modal-content {
  color: var(--wp-radar-hud-text) !important;
}

html body.wp-design-100x.wp-page-radar .wp-tools-popup [style*="opacity"],
html body.wp-design-100x.wp-page-radar #wp-tools-popup-sails-cadence,
html body.wp-design-100x.wp-page-radar .radar-quick-label,
html body.wp-design-100x.wp-page-radar .layers-section-help,
html body.wp-design-100x.wp-page-radar .layers-subtitle,
html body.wp-design-100x.wp-page-radar .radar-source-subtitle,
html body.wp-design-100x.wp-page-radar .layers-hint,
html body.wp-design-100x.wp-page-radar .opacity-row label,
html body.wp-design-100x.wp-page-radar .opacity-val,
html body.wp-design-100x.wp-page-radar .search-input::placeholder {
  color: var(--wp-radar-hud-muted) !important;
  opacity: 1 !important;
}

html body.wp-design-100x.wp-page-radar .radar-quick-title,
html body.wp-design-100x.wp-page-radar .layers-section-title,
html body.wp-design-100x.wp-page-radar .radar-source-title,
html body.wp-design-100x.wp-page-radar #wp-tools-popup-dbz-val,
html body.wp-design-100x.wp-page-radar .wp-tools-popup-toggle[data-wp-inspector="true"] .wp-tools-popup-toggle-icon {
  color: var(--wp-radar-hud-text) !important;
}

html body.wp-design-100x.wp-page-radar .radar-quick-close,
html body.wp-design-100x.wp-page-radar .modal-close-btn,
html body.wp-design-100x.wp-page-radar .wp-tools-popup-close,
html body.wp-design-100x.wp-page-radar .close-search-btn {
  color: var(--wp-radar-hud-text) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body.wp-design-100x.wp-page-radar .radar-quick-btn,
html body.wp-design-100x.wp-page-radar .layers-nav-chip,
html body.wp-design-100x.wp-page-radar .layers-segment-btn,
html body.wp-design-100x.wp-page-radar .layer-option,
html body.wp-design-100x.wp-page-radar .alert-toggle-row,
html body.wp-design-100x.wp-page-radar .radar-source-row,
html body.wp-design-100x.wp-page-radar .search-input {
  color: var(--wp-radar-hud-text) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  box-shadow: none !important;
}

html body.wp-design-100x.wp-page-radar .radar-quick-btn.active,
html body.wp-design-100x.wp-page-radar .layers-nav-chip.active,
html body.wp-design-100x.wp-page-radar .layers-segment-btn.active,
html body.wp-design-100x.wp-page-radar .layer-option.selected,
html body.wp-design-100x.wp-page-radar .radar-source-row.selected {
  color: #101318 !important;
  background: #f8fbff !important;
  border-color: #f8fbff !important;
}

html body.wp-design-100x.wp-page-radar #layers-modal .modal-content {
  width: min(680px, 100vw) !important;
  max-height: min(82dvh, 760px) !important;
  border-radius: 24px 24px 0 0 !important;
}

html body.wp-design-100x.wp-page-radar #layers-modal .layers-quick-nav {
  gap: 8px !important;
  overflow-x: auto !important;
}

html body.wp-design-100x.wp-page-radar #layers-modal .layers-modal-body {
  padding-bottom: calc(var(--wp-radar-hud-bottom-clearance) + 18px) !important;
}

html body.wp-design-100x.wp-page-radar .mapboxgl-popup-content {
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.25) !important;
}

html body.wp-design-100x.wp-page-radar .mapboxgl-popup-content * {
  color: inherit;
}

html body.wp-design-100x.wp-page-radar .radar-pro-desk {
  top: calc(max(8px, var(--safe-top, env(safe-area-inset-top, 0px))) + 58px) !important;
  left: max(10px, env(safe-area-inset-left, 0px)) !important;
  width: min(320px, calc(100vw - 88px)) !important;
  color: var(--wp-radar-hud-text) !important;
  background: rgba(16, 19, 24, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-desk::before {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-inner {
  padding: 10px !important;
  gap: 8px !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-kicker,
html body.wp-design-100x.wp-page-radar .radar-pro-metric-label {
  color: var(--wp-radar-hud-muted) !important;
  letter-spacing: 0 !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-site {
  color: var(--wp-radar-hud-text) !important;
  font-size: 0.96rem !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-collapse {
  width: 30px !important;
  height: 30px !important;
  color: var(--wp-radar-hud-text) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-readout {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-metric {
  padding: 7px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-metric-value {
  color: var(--wp-radar-hud-text) !important;
  font-size: 0.76rem !important;
}

html body.wp-design-100x.wp-page-radar .radar-pro-products,
html body.wp-design-100x.wp-page-radar .radar-pro-actions {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar.wp-shell-page.wp-shell-radar:not(.wp-shell-embedded-nav) {
  --wp-radar-hud-bottom-clearance: calc(92px + max(var(--safe-bottom, env(safe-area-inset-bottom, 0px)), 0px));
}

html body.wp-design-100x.wp-page-radar.wp-shell-page.wp-shell-radar:not(.wp-shell-embedded-nav) .wp-shell-dock {
  bottom: calc(max(var(--safe-bottom, env(safe-area-inset-bottom, 0px)), 0px) + 8px) !important;
  z-index: 1560 !important;
}

html body.wp-design-100x.wp-page-radar.wp-shell-embedded-nav.wp-shell-radar {
  --wp-radar-hud-bottom-clearance: max(var(--wp-embedded-bottom-boundary, 0px), var(--safe-bottom, env(safe-area-inset-bottom, 0px)));
}

html body.wp-design-100x.wp-page-radar.wp-shell-embedded-nav.wp-shell-radar .bottom-controls {
  padding-bottom: calc(var(--wp-radar-hud-bottom-clearance) + 10px) !important;
}

html body.wp-design-100x.wp-page-radar.wp-shell-embedded-nav.wp-shell-radar .mapboxgl-ctrl-bottom-right,
html body.wp-design-100x.wp-page-radar.wp-shell-embedded-nav.wp-shell-radar .mapboxgl-ctrl-bottom-left {
  bottom: calc(var(--wp-radar-hud-bottom-clearance) + var(--wp-radar-hud-tray-height) + 16px) !important;
}

@media (max-width: 460px) {
  html body.wp-design-100x.wp-page-radar {
    --wp-radar-hud-tray-height: 150px;
  }

  html body.wp-design-100x.wp-page-radar .bottom-controls {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body.wp-design-100x.wp-page-radar .bottom-toolbar,
  html body.wp-design-100x.wp-page-radar .scrubber-row {
    width: calc(100vw - 20px) !important;
  }

  html body.wp-design-100x.wp-page-radar .pill-btn {
    padding: 0 15px !important;
  }

  html body.wp-design-100x.wp-page-radar .toolbar-actions {
    right: max(8px, env(safe-area-inset-right, 0px)) !important;
    width: 46px !important;
    padding: 6px !important;
    gap: 7px !important;
  }

  html body.wp-design-100x.wp-page-radar .wp-tools-popup,
  html body.wp-design-100x.wp-page-radar .radar-quick-popover {
    left: 12px !important;
    right: 66px !important;
    width: auto !important;
  }

  html body.wp-design-100x.wp-page-radar .search-pill {
    max-width: min(250px, calc(100vw - 116px)) !important;
  }
}

/* 2026-06-17 Radar cleanup: remove duplicate readouts and tighten report sheet. */
html body.wp-design-100x.wp-page-radar .radar-pro-desk {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar:not(:has(.scrubber-container.show)) {
  --wp-radar-hud-tray-height: 76px;
}

@media (max-width: 460px) {
  html body.wp-design-100x.wp-page-radar:not(:has(.scrubber-container.show)) {
    --wp-radar-hud-tray-height: 74px;
  }
}

html body.wp-design-100x.wp-page-radar .scrubber-row:not(:has(.scrubber-container.show)),
html body.wp-design-100x.wp-page-radar:not(:has(.scrubber-container.show)) .scrubber-row {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal.active {
  align-items: flex-end !important;
  padding: 0 10px calc(var(--wp-radar-hud-bottom-clearance) + 10px) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .modal-content.waze-report-sheet {
  width: min(520px, calc(100vw - 20px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(68dvh, 620px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border-radius: 24px !important;
  color: #f8fafc !important;
  background: linear-gradient(180deg, #171c23 0%, #101318 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wp-design-100x.wp-page-radar.wp-shell-embedded-nav:not(.warnpins-quick-report) #community-spot-modal .modal-content.waze-report-sheet {
  max-height: min(64dvh, 580px) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  padding: 12px 14px 10px !important;
  background: #171c23 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-title {
  color: #ffffff !important;
  font-size: 1.12rem !important;
  letter-spacing: 0 !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-close {
  width: 34px !important;
  height: 34px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-subtitle,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .warnpins-page-hero {
  display: none !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-section {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-row-label {
  margin-bottom: 7px !important;
  color: rgba(226, 232, 240, 0.78) !important;
  letter-spacing: 0.03em !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-row-value,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-profile-saved-name,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-preview-title,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option .waze-report-label,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option .waze-report-icon {
  color: #f8fafc !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-input,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-textarea,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-action-btn,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-btn,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-profile-edit-btn,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-show-as-btn,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-profile-saved {
  color: #f8fafc !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-input,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-textarea {
  min-height: 44px !important;
  border-radius: 12px !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-textarea {
  min-height: 68px !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-action-btn,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-btn {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-btn-sub,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-hint,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-avatar-hint,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-profile-saved-badge,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-media-preview-meta,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-optional {
  color: rgba(226, 232, 240, 0.7) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option {
  min-height: 58px !important;
  padding: 8px 5px !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option .waze-report-label {
  font-size: 0.64rem !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-option.selected,
html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .community-show-as-btn.active {
  background: rgba(10, 132, 255, 0.28) !important;
  border-color: rgba(10, 132, 255, 0.72) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-sheet-footer {
  position: sticky !important;
  bottom: 0 !important;
  padding: 10px 14px 14px !important;
  background: linear-gradient(180deg, rgba(16, 19, 24, 0), #101318 34%) !important;
}

html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-submit-btn {
  min-height: 48px !important;
  padding: 12px !important;
  border-radius: 15px !important;
  background: #0a84ff !important;
}

@media (max-width: 420px) {
  html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .modal-content.waze-report-sheet {
    max-height: min(62dvh, 520px) !important;
  }

  html body.wp-design-100x.wp-page-radar:not(.warnpins-quick-report) #community-spot-modal .waze-report-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 2026-06-17 Radar layers: selected source/product rows need dark text on the light active fill. */
html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-source-title,
html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-source-title *,
html body.wp-design-100x.wp-page-radar .radar-source-row.selected .palette-check,
html body.wp-design-100x.wp-page-radar .layer-option.selected span,
html body.wp-design-100x.wp-page-radar .layer-option.selected .material-icons-round {
  color: #101318 !important;
}

html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-source-subtitle {
  color: #4b5563 !important;
}

html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-level2-site-pill {
  color: #101318 !important;
  background: rgba(16, 19, 24, 0.08) !important;
  border-color: rgba(16, 19, 24, 0.14) !important;
  box-shadow: none !important;
}

html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-level2-site-pill .material-icons-round,
html body.wp-design-100x.wp-page-radar .radar-source-row.selected .radar-level2-site-pill span {
  color: #101318 !important;
}

/* 2026-06-17 Alert sheets: keep detailed alert text readable in day mode. */
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .modal-content.alert-sheet {
  color: #071426 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
  border-color: rgba(82, 103, 132, 0.2) !important;
  text-shadow: none !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-chips,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-footer {
  color: #071426 !important;
  background: #f3f6fa !important;
  border-color: rgba(82, 103, 132, 0.16) !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-body {
  color: #071426 !important;
  background: #ffffff !important;
  text-shadow: none !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-body *,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-footer *,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-chip *,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-nav-count,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-footer-note {
  color: inherit !important;
  text-shadow: none !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-paragraph,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-section-label {
  color: #071426 !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-section-heading,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-chip-k,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-footer-note {
  color: #5b677a !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-chip,
html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-section-instruction {
  color: #071426 !important;
  background: #f3f6fa !important;
  border-color: rgba(82, 103, 132, 0.18) !important;
  box-shadow: none !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-section-instruction {
  border-left-color: #c41e3a !important;
}

html:not([data-theme="night"]) body.wp-design-100x #alert-modal .alert-nav-btn {
  color: #071426 !important;
  background: #ffffff !important;
  border-color: rgba(82, 103, 132, 0.18) !important;
}

/* 2026-06-17 Native shell header, alert reminder, and activity day/night repair. */
body.wp-design-100x .wp-alert-coverage-reminder {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin-top: 10px;
  padding: 12px;
  color: #071426;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.96));
  border: 1px solid rgba(82, 103, 132, 0.18);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(8, 21, 40, 0.1);
}

body.wp-design-100x .wp-alert-coverage-icon {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  color: #174b8e;
  background: rgba(29, 111, 234, 0.12);
  border-radius: 15px;
}

body.wp-design-100x .wp-alert-coverage-icon .material-icons-round {
  color: inherit;
  font-size: 23px;
}

body.wp-design-100x .wp-alert-coverage-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.wp-design-100x .wp-alert-coverage-copy strong {
  color: #071426;
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1.05;
}

body.wp-design-100x .wp-alert-coverage-copy span {
  color: #4b5870;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
}

body.wp-design-100x .wp-alert-coverage-btn {
  min-height: 38px;
  padding: 0 12px;
  color: #ffffff;
  background: #1d6fea;
  border: 1px solid rgba(29, 111, 234, 0.36);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(29, 111, 234, 0.18);
  font: 900 0.78rem/1 "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

[data-theme="night"] body.wp-design-100x .wp-alert-coverage-reminder,
body.wp-design-100x[data-theme="night"] .wp-alert-coverage-reminder {
  color: #f8fbff;
  background: linear-gradient(135deg, rgba(18, 29, 48, 0.98), rgba(9, 16, 29, 0.96));
  border-color: rgba(196, 220, 255, 0.16);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32);
}

[data-theme="night"] body.wp-design-100x .wp-alert-coverage-copy strong,
body.wp-design-100x[data-theme="night"] .wp-alert-coverage-copy strong {
  color: #f8fbff;
}

[data-theme="night"] body.wp-design-100x .wp-alert-coverage-copy span,
body.wp-design-100x[data-theme="night"] .wp-alert-coverage-copy span {
  color: rgba(223, 242, 255, 0.78);
}

[data-theme="night"] body.wp-design-100x .wp-alert-coverage-icon,
body.wp-design-100x[data-theme="night"] .wp-alert-coverage-icon {
  color: #8fc5ff;
  background: rgba(143, 197, 255, 0.14);
}

body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-brand,
body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-search-pill,
body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-icon-btn {
  color: #071426 !important;
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(69, 88, 118, 0.24) !important;
  box-shadow: 0 12px 28px rgba(8, 21, 40, 0.18), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

[data-theme="night"] body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-brand,
[data-theme="night"] body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-search-pill,
[data-theme="night"] body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-icon-btn,
body.wp-design-100x.wp-shell-embedded-nav[data-theme="night"] .wp-embedded-brand,
body.wp-design-100x.wp-shell-embedded-nav[data-theme="night"] .wp-embedded-search-pill,
body.wp-design-100x.wp-shell-embedded-nav[data-theme="night"] .wp-embedded-icon-btn {
  color: #f8fbff !important;
  background: rgba(12, 20, 34, 0.97) !important;
  border-color: rgba(196, 220, 255, 0.2) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
}

body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-brand img {
  filter: none !important;
  opacity: 1 !important;
}

body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-brand {
  width: clamp(128px, 35vw, 154px) !important;
  height: 52px !important;
  padding: 4px 6px !important;
  border-radius: 16px !important;
  color: #f8fbff !important;
  background: #050608 !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.16) inset !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

@media (max-width: 560px) {
  body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-brand {
    width: clamp(124px, 34vw, 142px) !important;
    height: 50px !important;
    padding: 4px 5px !important;
  }
}

body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-search-pill .material-icons-round,
body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-location-name,
body.wp-design-100x.wp-shell-embedded-nav .wp-embedded-icon-btn .material-icons-round {
  color: inherit !important;
  text-shadow: none !important;
}

body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .search-pill,
body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .header-action-btn,
html body.wp-design-100x.wp-page-radar:not(.wp-shell-embedded-nav) .app-header .search-pill {
  color: #071426 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(69, 88, 118, 0.22) !important;
  box-shadow: 0 10px 24px rgba(8, 21, 40, 0.16) !important;
  text-shadow: none !important;
}

body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .search-pill *,
body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .header-action-btn,
html body.wp-design-100x.wp-page-radar:not(.wp-shell-embedded-nav) .app-header .search-pill * {
  color: inherit !important;
  text-shadow: none !important;
}

[data-theme="night"] body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .search-pill,
[data-theme="night"] body.wp-design-100x:not(.wp-shell-embedded-nav) .sticky-location-bar .header-action-btn,
html[data-theme="night"] body.wp-design-100x.wp-page-radar:not(.wp-shell-embedded-nav) .app-header .search-pill {
  color: #f8fbff !important;
  background: rgba(12, 20, 34, 0.95) !important;
  border-color: rgba(196, 220, 255, 0.18) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-forecast,
body.wp-page-home[data-theme="night"] .wp-activity-forecast,
[data-theme="night"] body.wp-page-forecast .wp-activity-forecast-card,
body.wp-page-forecast[data-theme="night"] .wp-activity-forecast-card {
  color: #f8fbff !important;
  background: linear-gradient(145deg, rgba(18, 29, 48, 0.98), rgba(9, 16, 29, 0.96) 58%, rgba(20, 36, 58, 0.96)) !important;
  border-color: rgba(196, 220, 255, 0.16) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-forecast .wp-section-kicker,
body.wp-page-home[data-theme="night"] .wp-activity-forecast .wp-section-kicker,
[data-theme="night"] body.wp-page-forecast .wp-activity-forecast-card .wp-section-kicker,
body.wp-page-forecast[data-theme="night"] .wp-activity-forecast-card .wp-section-kicker {
  color: rgba(223, 242, 255, 0.72) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-forecast-title strong,
[data-theme="night"] body.wp-page-home .wp-activity-summary,
[data-theme="night"] body.wp-page-forecast .wp-activity-forecast-title strong,
[data-theme="night"] body.wp-page-forecast .wp-activity-summary,
body.wp-page-home[data-theme="night"] .wp-activity-forecast-title strong,
body.wp-page-home[data-theme="night"] .wp-activity-summary,
body.wp-page-forecast[data-theme="night"] .wp-activity-forecast-title strong,
body.wp-page-forecast[data-theme="night"] .wp-activity-summary {
  color: #f8fbff !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-manage-btn,
body.wp-page-home[data-theme="night"] .wp-activity-manage-btn,
[data-theme="night"] body.wp-page-forecast .wp-activity-manage-btn,
body.wp-page-forecast[data-theme="night"] .wp-activity-manage-btn,
[data-theme="night"] body.wp-page-home .wp-activity-tab,
body.wp-page-home[data-theme="night"] .wp-activity-tab,
[data-theme="night"] body.wp-page-forecast .wp-activity-tab,
body.wp-page-forecast[data-theme="night"] .wp-activity-tab,
[data-theme="night"] body.wp-page-home .wp-activity-factors > span,
body.wp-page-home[data-theme="night"] .wp-activity-factors > span,
[data-theme="night"] body.wp-page-forecast .wp-activity-factors > span,
body.wp-page-forecast[data-theme="night"] .wp-activity-factors > span {
  color: #eaf4ff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-tab.is-active,
body.wp-page-home[data-theme="night"] .wp-activity-tab.is-active,
[data-theme="night"] body.wp-page-forecast .wp-activity-tab.is-active,
body.wp-page-forecast[data-theme="night"] .wp-activity-tab.is-active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1d6fea, #4a90e2) !important;
  border-color: rgba(143, 197, 255, 0.34) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-chart,
body.wp-page-home[data-theme="night"] .wp-activity-chart,
[data-theme="night"] body.wp-page-forecast .wp-activity-chart,
body.wp-page-forecast[data-theme="night"] .wp-activity-chart {
  color: #f8fbff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-scale,
body.wp-page-home[data-theme="night"] .wp-activity-scale,
[data-theme="night"] body.wp-page-forecast .wp-activity-scale,
body.wp-page-forecast[data-theme="night"] .wp-activity-scale,
[data-theme="night"] body.wp-page-home .wp-activity-hour em,
body.wp-page-home[data-theme="night"] .wp-activity-hour em,
[data-theme="night"] body.wp-page-forecast .wp-activity-hour em,
body.wp-page-forecast[data-theme="night"] .wp-activity-hour em {
  color: rgba(223, 242, 255, 0.68) !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-hour,
body.wp-page-home[data-theme="night"] .wp-activity-hour,
[data-theme="night"] body.wp-page-forecast .wp-activity-hour,
body.wp-page-forecast[data-theme="night"] .wp-activity-hour,
[data-theme="night"] body.wp-page-home .wp-activity-hour-label,
[data-theme="night"] body.wp-page-home .wp-activity-hour strong,
[data-theme="night"] body.wp-page-forecast .wp-activity-hour-label,
[data-theme="night"] body.wp-page-forecast .wp-activity-hour strong,
body.wp-page-home[data-theme="night"] .wp-activity-hour-label,
body.wp-page-home[data-theme="night"] .wp-activity-hour strong,
body.wp-page-forecast[data-theme="night"] .wp-activity-hour-label,
body.wp-page-forecast[data-theme="night"] .wp-activity-hour strong {
  color: #f8fbff !important;
}

[data-theme="night"] body.wp-page-home .wp-activity-hour.is-now,
body.wp-page-home[data-theme="night"] .wp-activity-hour.is-now,
[data-theme="night"] body.wp-page-forecast .wp-activity-hour.is-now,
body.wp-page-forecast[data-theme="night"] .wp-activity-hour.is-now {
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.26) !important;
}

@media (max-width: 560px) {
  body.wp-design-100x .wp-alert-coverage-reminder {
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    padding: 11px;
  }

  body.wp-design-100x .wp-alert-coverage-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  body.wp-design-100x .wp-alert-coverage-btn {
    grid-column: 2;
    justify-self: start;
    min-height: 34px;
    margin-top: 4px;
  }
}