/* WWS RE Leuchtet · 3.19.1 DAY CONTRAST HOTFIX
   Dedicated LIGHT theme correction, loaded after Aurora. Do not touch the
   intentionally dark chat, the red dashboard hero, or dark action cards.
   Scope: explicit html[data-theme="light"] prevents day overrides in night mode.
*/
html[data-theme="light"] { color-scheme:light; --ops-ink:#182c3e; --ops-sub:#486175; --ops-stroke:#cadce6; --ops-cyan:#08677e; }
html[data-theme="light"] body,
html[data-theme="light"] .app-shell { color:#182c3e; }

/* Bright large surfaces + readable section headings */
html[data-theme="light"] .app-shell .topbar,
html[data-theme="light"] .app-shell .admin-tabs { background:#f9fdff!important; color:#182c3e!important; border-color:#cbdce6!important; }
html[data-theme="light"] .app-shell .brand-copy strong,
html[data-theme="light"] .app-shell .user-chip b,
html[data-theme="light"] .app-shell .hero h1,
html[data-theme="light"] .app-shell .container .hero h1,
html[data-theme="light"] .app-shell .section-title h2,
html[data-theme="light"] .app-shell .staff-panel-heading h2,
html[data-theme="light"] .app-shell .card > h2,
html[data-theme="light"] .app-shell .card > h3 { color:#14283a!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .brand-copy small,
html[data-theme="light"] .app-shell .user-chip,
html[data-theme="light"] .app-shell .hero p,
html[data-theme="light"] .app-shell .hint,
html[data-theme="light"] .app-shell .muted,
html[data-theme="light"] .app-shell .section-title p { color:#4a6074!important; }
html[data-theme="light"] .app-shell .container .hero,
html[data-theme="light"] .app-shell .hero-stat,
html[data-theme="light"] .app-shell .stat-card,
html[data-theme="light"] .app-shell .route-option,
html[data-theme="light"] .app-shell .card:not(.document-hero):not(.staff-dashboard-hero),
html[data-theme="light"] .app-shell .user-chip { color:#182c3e; }

/* Day welcome: Aurora puts a very light photographic wash under the greeting. */
html[data-theme="light"] .app-shell .worker-layout .welcome-mini { color:#142a3b!important; }
html[data-theme="light"] .app-shell .worker-layout .welcome-mini h1,
html[data-theme="light"] .app-shell .worker-layout .welcome-mini h1 span { color:#102638!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .welcome-mini .eyebrow,
html[data-theme="light"] .app-shell .worker-layout .welcome-mini .ops-hud-marker { color:#365c72!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .welcome-mini .night-welcome-sub { color:#3f5b70!important; }
html[data-theme="light"] .app-shell .worker-layout .night-live-pill { background:#def7ed!important; border:1px solid #96d6bd!important; color:#14583d!important; text-shadow:none!important; box-shadow:none!important; }

/* Light-mode mission/focus panels: never leave white headline on pale cards. */
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card,
html[data-theme="light"] .app-shell .worker-layout .ops-route-prepare,
html[data-theme="light"] .app-shell .worker-layout .route-auto-card,
html[data-theme="light"] .app-shell .worker-layout .staff-day-route,
html[data-theme="light"] .app-shell .worker-layout .staff-dashboard-active { color:#172c3e!important; }
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card { background:linear-gradient(140deg,#fafdff,#e9f6fc)!important; border:1px solid #bbdce8!important; box-shadow:0 10px 28px #28678214!important; }
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card h3,
html[data-theme="light"] .app-shell .worker-layout .route-auto-card h3,
html[data-theme="light"] .app-shell .worker-layout .ops-route-prepare h2,
html[data-theme="light"] .app-shell .worker-layout .staff-day-route strong,
html[data-theme="light"] .app-shell .worker-layout .staff-dashboard-active strong { color:#14293c!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card .ops-focus-facts,
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card .ops-focus-top .eyebrow,
html[data-theme="light"] .app-shell .worker-layout .route-auto-card p,
html[data-theme="light"] .app-shell .worker-layout .staff-day-route-head span,
html[data-theme="light"] .app-shell .worker-layout .staff-dashboard-active p,
html[data-theme="light"] .app-shell .worker-layout .staff-estimate-footnote { color:#405d71!important; }
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card .ops-focus-status { color:#294c62!important; background:#e1eef5!important; border:1px solid #b7d3e2!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .ops-focus-card .ops-focus-status.is-live { color:#135f46!important; background:#dbf4e8!important; border-color:#83c6ac!important; }
html[data-theme="light"] .app-shell .worker-layout .staff-dashboard-active { background:#ebf9f2!important; border-color:#b4ddc8!important; }

/* Day navigation: calm and readable even on the bright background. */
html[data-theme="light"] .app-shell .worker-layout .capture-nav { background:#edf4f9!important; border:1px solid #c9dbe7!important; box-shadow:0 7px 23px #2447631c!important; }
html[data-theme="light"] .app-shell .worker-layout .capture-nav button,
html[data-theme="light"] .app-shell .worker-layout .capture-nav button .ops-nav-icon,
html[data-theme="light"] .app-shell .admin-tabs button { color:#355267!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .capture-nav button.active,
html[data-theme="light"] .app-shell .admin-tabs button.active { color:#0b536c!important; background:#d8f1f7!important; box-shadow:inset 0 0 0 1px #87cddb!important; }
html[data-theme="light"] .app-shell .worker-layout .capture-nav button.active .ops-nav-icon {color:#087f98!important;}

/* Route, location, navigation, controls, and instructions. Preserve the dark photo banner. */
html[data-theme="light"] .app-shell .worker-layout .staff-journey-intro,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-next,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-info,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-on-map,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-destination,
html[data-theme="light"] .app-shell .worker-layout .staff-map-panel,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-tag,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-photo-caption,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-photo-empty,
html[data-theme="light"] .app-shell .worker-layout .guided-question,
html[data-theme="light"] .app-shell .worker-layout .guided-object,
html[data-theme="light"] .app-shell .worker-layout .site-object-card,
html[data-theme="light"] .app-shell .worker-layout .check-card,
html[data-theme="light"] .app-shell .worker-layout .meta { color:#1c2e3f!important; }
html[data-theme="light"] .app-shell .worker-layout .staff-journey-intro h3,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-next h3,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-info h3,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-on-map h3,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-destination strong,
html[data-theme="light"] .app-shell .worker-layout .guided-question>span,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-photo-empty strong { color:#132a3e!important; text-shadow:none!important; }
html[data-theme="light"] .app-shell .worker-layout .staff-journey-intro p,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-next p,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-info p,
html[data-theme="light"] .app-shell .worker-layout .staff-map-caption,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-photo-caption span,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-photo-empty small,
html[data-theme="light"] .app-shell .worker-layout .guided-instruction { color:#41596d!important; }
html[data-theme="light"] .app-shell .worker-layout .staff-journey-intro p strong,
html[data-theme="light"] .app-shell .worker-layout .staff-arrival-info p strong,
html[data-theme="light"] .app-shell .worker-layout .staff-journey-next p b {color:#1b3347!important;}

/* All bright form controls and admin tables. Never alter the dark Support modal. */
html[data-theme="light"] .app-shell :is(input.field,select.field,textarea.field,.field),
html[data-theme="light"] .app-shell .object-line input,
html[data-theme="light"] .app-shell .object-line textarea { background:#fff!important; color:#14283a!important; border-color:#a8c1cf!important; opacity:1!important; }
html[data-theme="light"] .app-shell input::placeholder,
html[data-theme="light"] .app-shell textarea::placeholder { color:#5c7080!important; opacity:1; }
html[data-theme="light"] .app-shell .label,
html[data-theme="light"] .app-shell .object-switch,
html[data-theme="light"] .app-shell .document-meta,
html[data-theme="light"] .app-shell .staff-faq-item summary { color:#294357!important; }
html[data-theme="light"] .app-shell .btn.outline {background:#f8fcff!important;color:#1a4256!important;border:1px solid #a9cad8!important;}
html[data-theme="light"] .app-shell .btn.ok {background:#e1f6ea!important;color:#11613c!important;border-color:#8acdaa!important;}
html[data-theme="light"] .app-shell .btn.danger {background:#fff0f2!important;color:#912c41!important;border-color:#e9b9c5!important;}
html[data-theme="light"] .app-shell .btn.primary,
html[data-theme="light"] .app-shell .btn.black {color:#fff!important;}
html[data-theme="light"] .app-shell .pill.gray {background:#e7edf2!important;color:#43596a!important;}
html[data-theme="light"] .app-shell .pill.green {background:#e2f7e9!important;color:#0b6740!important;}
html[data-theme="light"] .app-shell .site-tile,
html[data-theme="light"] .app-shell .object-editor-section,
html[data-theme="light"] .app-shell .object-line,
html[data-theme="light"] .app-shell .tt-card,
html[data-theme="light"] .app-shell .staff-faq-item,
html[data-theme="light"] .app-shell .staff-dashboard-empty {background:#f8fcff!important;color:#193246!important;border-color:#ccdce7!important;}

/* The new readiness / issue queue already defines its own dark-on-light colors.
   Reinforce the essential heading and status contrast to match those surfaces. */
html[data-theme="light"] .app-shell :is(.ops-readiness-card,.ops-problem-widget,.ops-issues-panel,.ops-issue-card,.ops-issue-detail) { color:#192f41!important; }
html[data-theme="light"] .app-shell :is(.ops-readiness-card,.ops-problem-widget,.ops-issues-panel) :is(h2,h3,b,strong) {color:#182c3e;}
html[data-theme="light"] .app-shell .ops-check-item {background:#eaf4f9!important;color:#1a3447!important;}
html[data-theme="light"] .app-shell .ops-issue-card p,
html[data-theme="light"] .app-shell .ops-issue-card small,
html[data-theme="light"] .app-shell .ops-check-item small {color:#455f73!important;}

/* Support center is intentionally charcoal in BOTH modes. Make status readable there. */
#rel-support-layer .rel-sup-online { color:#e4f1fa!important; background:#101926!important; }
#rel-support-layer .rel-sup-dot.available {background:#36d7a6;}
#rel-support-layer .rel-sup-dot.away {background:#a5b5c7;}

/* Preserve distinct dark surfaces and their text while correcting surrounding day UI. */
html[data-theme="light"] .app-shell .staff-dashboard-hero h2,
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats strong {color:#fff!important;}
html[data-theme="light"] .app-shell .staff-dashboard-hero>p,
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats span {color:#ffeff2!important;}
html[data-theme="light"] .app-shell .document-hero,
html[data-theme="light"] .app-shell .document-hero h2,
html[data-theme="light"] .app-shell .document-hero p,
html[data-theme="light"] .app-shell .progress-card {color:#f5f9ff!important;}
/* The admin message-center has a separate charcoal surface even in day mode. */
html[data-theme="light"] .app-shell .rel-sup-admin-panel :is(.rel-sup-inbox,.rel-sup-admin-thread,.rel-sup-enroll) .btn.outline {
  background:#263849!important;color:#edf7ff!important;border-color:#557185!important;
}
html[data-theme="light"] .app-shell .rel-sup-admin-panel .rel-sup-provision-grid .field {
  background:#182637!important;color:#fff!important;border-color:#486072!important;
}

/* v3.19.2 – hotfix for hero stat cards in day mode */
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats>div{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(136,166,184,.45)!important;
  box-shadow:0 10px 24px rgba(61,97,118,.16)!important;
}
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats>div strong{
  color:#1e2f3e!important;
  text-shadow:none!important;
}
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats>div span{
  color:#586b7a!important;
}
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats>div:nth-child(3) strong,
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-stats>div:nth-child(3) span{
  color:#334555!important;
}
/* keep the red hero itself high-contrast */
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-hero-kicker,
html[data-theme="light"] .app-shell .staff-dashboard-hero .staff-dashboard-count-note{
  color:#ffe9ed!important;
}