/* LEOS dark palette, 2026-09-26. Loaded after the legacy light component styles.
   The light theme and colored calendar appointments remain untouched. */
html.leos-dark {
  --leos-night-bg:#111923;
  --leos-night-card:#1c2936;
  --leos-night-raised:#253544;
  --leos-night-hover:#304658;
  --leos-night-line:#405467;
  --leos-night-text:#e8f0f6;
  --leos-night-muted:#b7c7d3;
  --leos-night-info:#a9dce9;
  --leos-night-good:#b6e4c7;
  --leos-night-warn:#f5d39a;
  --leos-night-bad:#ffc6c2;
}

/* Preserve the existing detailed lion and chromed wordmark. The previous
   brightness/invert filter turned every opaque pixel into flat white. */
html.leos-dark #appShell .mobile-header img,
html.leos-dark #appShell .sidebar-brand img {filter:none!important}
html.leos-dark #appShell .mobile-header img {
  object-fit:contain!important;object-position:left center!important;
  filter:drop-shadow(0 1px 3px rgba(105,173,213,.16))!important;
}
html.leos-dark #appShell .sidebar-brand img {
  filter:drop-shadow(0 2px 8px rgba(91,162,209,.12))!important;
}

/* Covers neutral surfaces from the common stylesheet and from JS-rendered
   cards. Stronger status-specific rules below keep their meaning. */
html.leos-dark #mainContent :is(
  [class*="-card"],[class*="-row"],[class*="-panel"],
  [class*="-tile"],[class*="-source"],[class*="-item"],
  .day,.day.today,.day.ok,.day.warning,.day.critical,
  .data-center-tool-group,.data-center-tool-placeholder,
  .profile-metrics>div,.system-count-grid>div,.annual-month,
  .report-quality-grid>div,.simplybook-summary>div,
  .v26-checks .v26-pill,.v26-bank-row,
  .member-overview-strip>div,.dc-v2-audit>div,
  .simplybook-coverage-grid>div
){background:var(--leos-night-card)!important;border-color:var(--leos-night-line)!important;color:var(--leos-night-text)!important;box-shadow:none!important}
html.leos-dark #mainContent :is(
  .people-document-source,.people-workspace-row,.people-workspace-empty,
  .member-attention-list>div,.member-collapsible,.member-collapsible>summary,
  .member-directory>summary,.member-directory-results>summary,
  .member-toggle-panel.is-collapsed>.sectionhead,
  .contract-history-details,.contract-event-row,.r4-contract-history-row,
  .r4-contract-summary>div,.r4-digital-person-card>div,
  .document-candidate,.document-queue-row,.document-review-actions,
  .document-preview-shell,.document-preview-head,.document-preview-foot,
  .builder-evidence-item,.builder-architecture-kpis>div,
  .builder-spec-history>div,.builder-role-costs>div,
  .task-week-row,.task-week-row.planned,.task-overflow-menu,
  .simplybook-review-row,.simplybook-review-card,.simplybook-review-dates span,
  .simplybook-coverage-grid>div
){background:var(--leos-night-raised)!important;border-color:var(--leos-night-line)!important;color:var(--leos-night-text)!important;box-shadow:none!important}
html.leos-dark #mainContent :is(
  .profile-completeness,.data-center-audit-summary>div,.statusbox,
  .own-strip,.decision-summary,.notification,.recurrence-box,
  .annual-kpis .annual-free,.dashboard-system-notice,
  .leo-bubble,.leo-prompt-chip,.leo-catalog-dialog,
  .builder-artifact-link,.builder-sandbox-limits span,
  .r4-next-action,.r4-truth-conflict-cell,.r4-digital-blockers,
  .r4-digital-note,.r4-digital-sepa-hint>div,.r4-digital-horizon>div,
  .member-care-start,.contract-status-hero,.simplybook-review-launch,
  .team-tags span,.weekday-checks label,.weekday-chip span,.month-chip span,
  .feature-chip.off,.knowledge-status.status-draft
){background:var(--leos-night-raised)!important;border-color:var(--leos-night-line)!important;color:var(--leos-night-text)!important;box-shadow:none!important}
html.leos-dark #mainContent :is(.responsive-table tr,.member-directory-head,.member-results-rail,.member-filter-rail,.info-banner,.absence-icon,.dashboard-done-mini span,.leo-catalog-tags span,.leo-catalog-status.paused,.clean-level-legend span,.catalog-meta span,.foot){background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.clean-level.level-2,.clean-level.level-3,.leo-catalog-level.level-2,.leo-catalog-level.level-3){background:#354257!important;color:#d7c9eb!important;border-color:#58647a!important}
html.leos-dark #appShell .os-chip{background:#2b3c4b!important;color:#c3d7e7!important;border-color:#52677a!important}

/* Neutral controls, including cards and actions rendered at runtime. */
html.leos-dark #mainContent button:not(.primary):not(.active):not(.danger):not([class*="calendar-"]):not([class*="task-check"]),
html.leos-dark #mainContent :is(.button,.button-link):not(.primary),
html.leos-dark #mainContent :is(.simplybook-review-filters button,.builder-job-filters button,.member-panel-toggle),
html.leos-dark #mainContent :is(.report-view-toggle,.absence-employee-filter,.document-pdf-toolbar button),
html.leos-dark #mainContent .segmented button:not(.active) {
  background:var(--leos-night-raised)!important;
  color:var(--leos-night-text)!important;
  border-color:var(--leos-night-line)!important;
  box-shadow:none!important;
}
html.leos-dark #mainContent button:not(.primary):not(.active):not(.danger):not([class*="calendar-"]):not([class*="task-check"]):hover {
  background:var(--leos-night-hover)!important;
}
html.leos-dark #mainContent button:disabled{opacity:.55!important;cursor:not-allowed}
html.leos-dark #mainContent :is(.top-actions button,.member-panel-toggle,.member-collapsible>summary,.data-center-tool-group>summary,.task-overflow>summary):focus-visible {
  outline:2px solid #82cfe1!important;outline-offset:2px;
}

/* Headings in legacy rows sometimes specify a fixed dark foreground. */
html.leos-dark #mainContent :is(
  .people-document-source strong,.people-workspace-row strong,
  .member-panel strong,.member-collapsible strong,.contract-rule-card strong,
  .contract-event-row strong,.r4-contract-history-row strong,
  .document-candidate strong,.document-queue-row strong,
  .builder-evidence-item strong,.builder-question strong,
  .task-item-v24 .task-title-line b,.task-week-row b,
  .simplybook-review-row strong,.simplybook-review-card strong
){color:var(--leos-night-text)!important}
html.leos-dark #mainContent :is(
  .people-document-source small,.people-workspace-row small,
  .member-panel small,.member-collapsible small,.contract-event-row small,
  .r4-contract-history-row small,.document-candidate small,
  .builder-evidence-item small,.task-meta-line span,
  .simplybook-review-row small,.simplybook-review-card small,
  .dcv3-row small,.data-center-card p
){color:var(--leos-night-muted)!important}
html.leos-dark #mainContent :is(
  .people-document-source-list,.document-queue-row,.member-document-row,
  .member-directory-results,.member-collapsible,.data-center-tool-group,
  .contract-history-details,.task-details,.task-overflow
) summary{color:var(--leos-night-text)!important}

/* Important status backgrounds are darker than the neutral cards, and their
   labels retain visible success/warning/error colors. */
html.leos-dark #mainContent :is(
  .contract-rule-card.review,.contract-closeout-card.review,
  .contract-rule-note.warning,.contract-separation-note.warning,
  .r4-duplicate-warning,.r4-contract-warnings p,.document-warning,
  .builder-question.blocking,.builder-blocker-card,
  .task-item-v24.blocked,.member-overview-strip .needs-attention,
  .simplybook-history-note,.simplybook-overlap-overview,
  .coverage-day-cell.state-acknowledged,.coverage-week-calm.acknowledged
){background:#403626!important;border-color:#786440!important;color:var(--leos-night-warn)!important}
html.leos-dark #mainContent :is(
  .document-error,.builder-error,.builder-status.status-failed,
  .builder-status.status-blocked,.builder-check.status-fail,
  .coverage-day-cell.state-gap,.simplybook-review-card.status-failed
){background:#422e36!important;border-color:#885564!important;color:var(--leos-night-bad)!important}
html.leos-dark #mainContent :is(
  .contract-closeout-card.ready,.r4-duplicate-clear,
  .onboarding-check.ok,.document-candidate.committed,
  .builder-control-state.ok,.coverage-day-cell.state-ok
){background:#263e38!important;border-color:#427761!important;color:var(--leos-night-good)!important}
html.leos-dark #mainContent :is(
  .contract-rule-card.review,.contract-closeout-card.review,
  .contract-rule-note.warning,.contract-separation-note.warning,
  .document-warning,.builder-question.blocking
) :is(strong,small,span,p){color:var(--leos-night-warn)!important}
html.leos-dark #mainContent :is(.document-error,.builder-error) :is(strong,small,span,p){color:var(--leos-night-bad)!important}
html.leos-dark #mainContent :is(.member-alert.financial,.member-signal.finance,.r4-truth-conflict,.r4-digital-blockers,.leo-action-warning,.leo-action-failed,.leo-catalog-error,.simplybook-review-launch){background:#403626!important;color:var(--leos-night-warn)!important;border-color:#786440!important}
html.leos-dark #mainContent :is(.r4-truth-ok,.builder-none.success,.leo-action-cancel){background:#263e38!important;color:var(--leos-night-good)!important;border-color:#427761!important}
html.leos-dark #mainContent :is(.contract-status-hero.status-paused,.contract-status-hero.status-ending,.contract-status-hero.status-cancelled_ending,.contract-status-hero.status-ended,.contract-status-hero.status-cancelled){background:#403626!important;color:var(--leos-night-warn)!important;border-color:#786440!important}
html.leos-dark #mainContent :is(.contract-action-grid button.danger-soft,.contract-action-grid button.danger-soft>span){background:#422e36!important;color:var(--leos-night-bad)!important;border-color:#885564!important}

/* Separate and embedded data-centre screens. */
html.leos-dark #mainContent :is(
  .dcv3-empty,.dcv3-loading,.dcv3-file,.dcv3-progress,
  .dc-v2-state,.dc-v2-note,.dc-v2-safety,
  .data-center-state,.data-center-safety,
  .simplybook-preview,.simplybook-review-dates,
  .simplybook-review-summary span,.simplybook-coverage
){background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.dcv3-stat.warn,.dc-v2-safety-warn,.simplybook-coverage-warning){background:#403626!important;color:var(--leos-night-warn)!important}
html.leos-dark #mainContent :is(.dcv3-head p,.dcv3-section-head p,.dc-v2-card p,.dc-v2-hero p,.people-workspace-top p){color:var(--leos-night-muted)!important}

/* Builder, onboarding, studio operations and attachments outside .card. */
html.leos-dark #mainContent :is(
  .builder-governance-strip,.builder-test-group,.builder-question,
  .builder-trace-body,.builder-spec-invariants,.builder-spec-history-collapse>summary,
  .builder-static-boundary,.builder-budget-policy,.builder-resume-feedback,
  .onboarding-check,.absence-year-summary span,.annual-opening,
  .document-source-choice,.document-preview-frame,.document-preview-image,
  .document-preview-pdf-image,.simplybook-review-guard,
  .r4-digital-acceptances label,.r4-digital-template-approval
){background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.builder-job-filters button,.builder-floating-nav button,.builder-job-jumpnav button,.builder-spec-history-collapse>summary){color:var(--leos-night-text)!important}
html.leos-dark #mainContent :is(.builder-toast,.builder-governance-strip,.builder-timeline-step i,.builder-sandbox-limits span,.builder-dynamic-step.status-skip){background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.builder-toast.success,.builder-resume-feedback.is-success){background:#263e38!important;color:var(--leos-night-good)!important}
html.leos-dark #mainContent :is(.builder-toast.error,.builder-resume-feedback.is-error,.builder-finding.severity-critical,.builder-finding.severity-high){background:#422e36!important;color:var(--leos-night-bad)!important}
html.leos-dark #mainContent :is(.delay-presets button,.r4-digital-toggle,.r4-digital-steps button span){background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.builder-core-route-note,.r4-digital-template-approval){background:#403626!important;color:var(--leos-night-warn)!important}

/* Signature canvas intentionally stays light so dark signature strokes are
   legible and can be reviewed before saving; all surrounding controls are dark. */
html.leos-dark #mainContent .r4-digital-signature{background:var(--leos-night-raised)!important;color:var(--leos-night-text)!important}
html.leos-dark .r4-digital-actions{background:var(--leos-night-card)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.document-pdf-toolbar,.document-preview-head,.document-preview-foot){background:var(--leos-night-card)!important;color:var(--leos-night-text)!important}

/* The approved redrawn wordmarks retain their complete lower contours. The legacy
   stylesheet sets CSS content: url(...) on img; override it or it would silently
   display the old, cropped source despite a new HTML src. */
#appShell .mobile-header img{content:url("/static/brand/logos/leos-horizontal-v8.png")!important;object-fit:contain!important;object-position:left center!important}
#appShell .sidebar-brand img{content:url("/static/brand/logos/leos-stacked-v8.png")!important;object-fit:contain!important;max-height:95px!important;width:170px!important;height:auto!important}
.authbrand.brand-lockup img{content:url("/static/brand/logos/leos-stacked-v8.png")!important;object-fit:contain!important;height:auto!important;max-height:165px!important}

/* Remaining translucent light surfaces were absent from the original audit
   because they use rgba(255,255,255) rather than #fff. */
html.leos-dark #mainContent :is(
  .leo-catalog-toolbar,.leo-catalog-filter-panel,.leo-catalog-summary span,
  .leo-catalog-card,.leo-catalog-loading,.leo-catalog-error,
  .leo-catalog-empty,.leo-catalog-detail-grid>div,
  .leo-action-preview,.leo-action-snapshot,
  .builder-kpi,.builder-sandbox-card,.builder-build-metrics>div,
  .builder-build-summary,.builder-change-list>div,.builder-check,
  .builder-finding,.builder-control-card,.builder-ticket,
  .builder-usage-summary>div,.builder-trace-row,
  .builder-resume-confirmations,.builder-dynamic-card,
  .builder-dynamic-boundaries span,.builder-dynamic-meta>span,
  .builder-dynamic-step,.builder-dynamic-handoff,
  .builder-amend-tests,.builder-owner-cockpit,.builder-owner-kpis span,
  .builder-ux-collapse,.knowledge-list-item,.knowledge-revision-item,
  .knowledge-editor-actions,.document-drop,.member-r3-truth>div,
  .sepa-preview-row,.sepa-review-details,.sepa-review-row,
  .r4-note-preview,.r4-attendance-list>div,.r4-digital-subform,
  .v26-import-card,.data-center-member-workspace
){background:var(--leos-night-card)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important;box-shadow:none!important}
html.leos-dark :is(.modalactions,.knowledge-modal-bg .modal-head){background:var(--leos-night-card)!important;color:var(--leos-night-text)!important;border-color:var(--leos-night-line)!important}
html.leos-dark #mainContent :is(.builder-dynamic-card.status-failed,.builder-check.status-fail){background:#422e36!important;color:var(--leos-night-bad)!important;border-color:#885564!important}
html.leos-dark #mainContent :is(.builder-dynamic-card.status-ready,.builder-dynamic-card.status-passed){background:#263e38!important;color:var(--leos-night-good)!important;border-color:#427761!important}

/* Task catalog: neutral panels and content use the dark palette, while active
   actions, status badges and focus indicators retain meaning. */
html.leos-dark #page-tasks .task-tabs button.active{background:#496984!important;color:#f3f8fc!important;border-color:#617f95!important;box-shadow:none!important}
html.leos-dark #page-tasks :is(.leo-catalog-summary span,.leo-catalog-toolbar,.leo-catalog-filter-panel,.leo-catalog-card,.leo-catalog-detail-grid>div){background:#22303e!important;border-color:#45596b!important;color:#e9f1f7!important;box-shadow:none!important}
html.leos-dark #page-tasks :is(.leo-catalog-summary strong,.leo-catalog-title-row h3,.leo-catalog-result-head b){color:#ecf3f8!important}
html.leos-dark #page-tasks :is(.leo-catalog-search>span,.leo-catalog-filter-panel label,.leo-catalog-meta span,.leo-catalog-card p,.leo-catalog-result-head span){color:#bacad6!important}
html.leos-dark #page-tasks .leo-catalog-schedule{background:#2a4554!important;color:#acd9e9!important}
html.leos-dark #page-tasks .leo-catalog-status.active{background:#25493c!important;color:#b5e5c6!important}
html.leos-dark #page-tasks .leo-catalog-status.paused{background:#37414a!important;color:#c3cdd3!important}
html.leos-dark #page-tasks .leo-catalog-tags span{background:#324351!important;color:#cedce5!important}

/* Open calendar filter: tiles, labels and borders match the dark toolbar. */
html.leos-dark #page-calendar .calendar-filter-panel .calendar-quick-filters{background:#1d2c39!important;border-color:#3f5264!important;box-shadow:none!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-quick-filter{background:#253544!important;color:#c7d5e1!important;border:1px solid #3a4e5f!important;box-shadow:none!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-quick-filter.active{background:#314759!important;color:#ecf5fb!important;border-color:#678397!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-quick-filter:focus-visible{outline:2px solid #8dcde1!important;outline-offset:-2px}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-training.active{color:#ffaaa5!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-consultation.active{color:#f4d08a!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-nutrition.active{color:#a7e0c0!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-prevention.active{color:#dbbdf5!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-vacation.active{color:#f3cf97!important;background:#314759!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-education.active{color:#c9c1f4!important;background:#314759!important}
html.leos-dark #page-calendar .calendar-filter-panel .calendar-filter-shifts.active{color:#a8d8df!important;background:#314759!important}

/* Canonical pointed shield: replace both HTML src and the legacy CSS content
   substitution. These rules load after all previous light/dark styles. */
#appShell .mobile-header img{
  content:url("/static/brand/logos/leos-horizontal-v9.png")!important;
  object-fit:contain!important;object-position:left center!important;
}
#appShell .sidebar-brand img{
  content:url("/static/brand/logos/leos-stacked-v9.png")!important;
  object-fit:contain!important;width:160px!important;height:auto!important;
  max-height:130px!important;
}
.authbrand.brand-lockup img{
  content:url("/static/brand/logos/leos-stacked-v9.png")!important;
  object-fit:contain!important;height:auto!important;max-height:185px!important;
}

/* V11 restores the approved V8 image pixels, gives both wordmark layouts
   visible breathing room and keeps the repaired outline below the star. */
#appShell .mobile-header img{
  content:url("/static/brand/logos/leos-horizontal-v11.png")!important;
  object-fit:contain!important;object-position:left center!important;
}
#appShell .sidebar-brand img{
  content:url("/static/brand/logos/leos-stacked-tip-v12.png")!important;
  object-fit:contain!important;width:170px!important;height:auto!important;
  max-height:135px!important;
}
.authbrand.brand-lockup img{
  content:url("/static/brand/logos/leos-stacked-tip-v12.png")!important;
  object-fit:contain!important;height:auto!important;max-height:185px!important;
}
html.leos-dark #appShell .mobile-header img,
html.leos-dark #appShell .sidebar-brand img,
html.leos-dark .authbrand.brand-lockup img{filter:none!important}

/* Calendar grid finish V12. Inset each event by 1px on every side;
   the time grid and event data keep their positions. */
#page-calendar .calendar-time-view .calendar-event,
#page-calendar .calendar-mobile-timeline .calendar-event{
  min-height:0!important;
  box-shadow:inset 0 0 0 1px rgba(29,53,68,.12)!important;
}
#page-calendar .calendar-mobile-timeline .calendar-event{
  left:1px!important;right:1px!important;
}
html.leos-dark #page-calendar .calendar-time-view .calendar-event,
html.leos-dark #page-calendar .calendar-mobile-timeline .calendar-event{
  box-shadow:inset 0 0 0 1px rgba(232,242,251,.16)!important;
}
/* An older dark background shorthand removes both repeating gradients. The
   quarter/hour periods follow the same effective height used by pinch zoom. */
html.leos-dark #page-calendar .calendar-time-view .calendar-day-track{
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 0,
      transparent calc(var(--calendar-effective-quarter-height) - 1px),
      rgba(206,224,240,.16) calc(var(--calendar-effective-quarter-height) - 1px),
      rgba(206,224,240,.16) var(--calendar-effective-quarter-height)),
    repeating-linear-gradient(to bottom,
      transparent 0,
      transparent calc(var(--calendar-effective-hour-height) - 1px),
      rgba(206,224,240,.27) calc(var(--calendar-effective-hour-height) - 1px),
      rgba(206,224,240,.27) var(--calendar-effective-hour-height))!important;
}
html.leos-dark #page-calendar .calendar-mobile-timeline .calendar-day-track{
  background-image:
    repeating-linear-gradient(to bottom,transparent 0 14px,rgba(206,224,240,.16) 14px 15px),
    repeating-linear-gradient(to bottom,transparent 0 59px,rgba(206,224,240,.27) 59px 60px)!important;
}