/* PZ-Med schedules/timesheets dark-theme compatibility, 2026-08-30. */
html[data-theme="dark"] .schedule-page,
html[data-theme="dark"] .schedule-settings-page,
html[data-theme="dark"] .receiving-page,
html[data-theme="dark"] .timesheet-page {
  color: var(--theme-text, #effff9);
}

html[data-theme="dark"] .schedule-tabs,
html[data-theme="dark"] .schedule-matrix-card,
html[data-theme="dark"] .schedule-empty,
html[data-theme="dark"] .schedule-settings-intro,
html[data-theme="dark"] .schedule-settings-empty,
html[data-theme="dark"] .schedule-policy-card,
html[data-theme="dark"] .receiving-card,
html[data-theme="dark"] .receiving-empty,
html[data-theme="dark"] .schedule-dialog__panel {
  color: var(--theme-text, #effff9) !important;
  background: var(--theme-surface, #0d1915) !important;
  border-color: color-mix(in srgb, var(--theme-primary, #49ddb1) 18%, transparent) !important;
}

html[data-theme="dark"] .schedule-matrix thead th,
html[data-theme="dark"] .schedule-matrix__employee {
  color: var(--theme-text, #effff9) !important;
  background: var(--theme-surface, #0d1915) !important;
}

html[data-theme="dark"] .schedule-matrix-wrap,
html[data-theme="dark"] .schedule-policy-form,
html[data-theme="dark"] .schedule-shifts__table th,
html[data-theme="dark"] .schedule-shifts__table td,
html[data-theme="dark"] .schedule-matrix th,
html[data-theme="dark"] .schedule-matrix td {
  border-color: color-mix(in srgb, var(--theme-primary, #49ddb1) 12%, transparent) !important;
}

html[data-theme="dark"] .schedule-pattern-rules,
html[data-theme="dark"] .schedule-dialog__current,
html[data-theme="dark"] .schedule-cell.is-working {
  background: color-mix(in srgb, var(--theme-primary, #49ddb1) 7%, transparent) !important;
}

html[data-theme="dark"] .schedule-cell.is-unavailable {
  background: rgba(229, 132, 80, 0.12) !important;
}

html[data-theme="dark"] .schedule-cell__button {
  color: var(--theme-text, #effff9) !important;
}

html[data-theme="dark"] .schedule-cell__button:hover {
  background: color-mix(in srgb, var(--theme-primary, #49ddb1) 10%, transparent) !important;
}

html[data-theme="dark"] .schedule-tabs a,
html[data-theme="dark"] .schedule-policy-card > summary,
html[data-theme="dark"] .receiving-card__person h2,
html[data-theme="dark"] .receiving-card__person p,
html[data-theme="dark"] .receiving-card__time strong,
html[data-theme="dark"] .schedule-dialog__heading strong,
html[data-theme="dark"] .schedule-dialog label > span,
html[data-theme="dark"] .schedule-policy-grid label > span,
html[data-theme="dark"] .schedule-filters label > span,
html[data-theme="dark"] .receiving-filters label > span {
  color: var(--theme-text, #effff9) !important;
}

html[data-theme="dark"] .schedule-tabs a.is-active,
html[data-theme="dark"] .schedule-cell__button strong,
html[data-theme="dark"] .schedule-page__eyebrow,
html[data-theme="dark"] .schedule-settings-header > p,
html[data-theme="dark"] .receiving-header > p,
html[data-theme="dark"] .receiving-card.is-now .receiving-card__state {
  color: var(--theme-primary, #49ddb1) !important;
}

html[data-theme="dark"] .schedule-tabs a.is-active {
  background: color-mix(in srgb, var(--theme-primary, #49ddb1) 14%, transparent) !important;
}

html[data-theme="dark"] .schedule-page__header p,
html[data-theme="dark"] .schedule-matrix-card__heading span,
html[data-theme="dark"] .schedule-matrix-card__hint,
html[data-theme="dark"] .schedule-matrix thead th small,
html[data-theme="dark"] .schedule-matrix__employee small,
html[data-theme="dark"] .schedule-cell__no-reception,
html[data-theme="dark"] .schedule-cell__empty,
html[data-theme="dark"] .schedule-empty,
html[data-theme="dark"] .schedule-dialog__heading span,
html[data-theme="dark"] .schedule-dialog__current span,
html[data-theme="dark"] .schedule-dialog__help,
html[data-theme="dark"] .schedule-settings-header > span,
html[data-theme="dark"] .schedule-settings-intro span,
html[data-theme="dark"] .schedule-settings-intro p,
html[data-theme="dark"] .schedule-settings-empty,
html[data-theme="dark"] .schedule-policy-card > summary small,
html[data-theme="dark"] .schedule-shifts__heading span,
html[data-theme="dark"] .schedule-shifts__table th,
html[data-theme="dark"] .schedule-pattern-rules section > p,
html[data-theme="dark"] .receiving-header > span,
html[data-theme="dark"] .receiving-card__person span,
html[data-theme="dark"] .receiving-card__time span,
html[data-theme="dark"] .receiving-card__time small,
html[data-theme="dark"] .receiving-empty {
  color: var(--theme-text-muted, #a9beb7) !important;
}

html[data-theme="dark"] .schedule-page input,
html[data-theme="dark"] .schedule-page select,
html[data-theme="dark"] .schedule-settings-page input,
html[data-theme="dark"] .schedule-settings-page select,
html[data-theme="dark"] .receiving-page input,
html[data-theme="dark"] .receiving-page select,
html[data-theme="dark"] .schedule-dialog input,
html[data-theme="dark"] .schedule-dialog select,
html[data-theme="dark"] .timesheet-page input,
html[data-theme="dark"] .timesheet-page select,
html[data-theme="dark"] .timesheet-page textarea,
html[data-theme="dark"] .schedule-page .remote-select__input,
html[data-theme="dark"] .schedule-settings-page .remote-select__input,
html[data-theme="dark"] .receiving-page .remote-select__input {
  color: var(--theme-text, #effff9) !important;
  background: var(--theme-input-bg, #10221c) !important;
  border-color: color-mix(in srgb, var(--theme-primary, #49ddb1) 20%, transparent) !important;
  color-scheme: dark;
}

html[data-theme="dark"] .schedule-page input::placeholder,
html[data-theme="dark"] .schedule-settings-page input::placeholder,
html[data-theme="dark"] .receiving-page input::placeholder,
html[data-theme="dark"] .schedule-dialog input::placeholder,
html[data-theme="dark"] .timesheet-page input::placeholder {
  color: var(--theme-text-muted, #93aaa2) !important;
}

html[data-theme="dark"] .schedule-page option,
html[data-theme="dark"] .schedule-settings-page option,
html[data-theme="dark"] .receiving-page option,
html[data-theme="dark"] .schedule-dialog option,
html[data-theme="dark"] .timesheet-page option {
  color: var(--theme-text, #effff9);
  background: var(--theme-surface, #0d1915);
}

html[data-theme="dark"] .schedule-page .remote-select__dropdown,
html[data-theme="dark"] .schedule-settings-page .remote-select__dropdown,
html[data-theme="dark"] .receiving-page .remote-select__dropdown,
html[data-theme="dark"] .timesheet-page .remote-select__dropdown {
  color: var(--theme-text, #effff9) !important;
  background: var(--theme-surface, #0d1915) !important;
  border-color: color-mix(in srgb, var(--theme-primary, #49ddb1) 22%, transparent) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .schedule-page .remote-select__option,
html[data-theme="dark"] .schedule-settings-page .remote-select__option,
html[data-theme="dark"] .receiving-page .remote-select__option,
html[data-theme="dark"] .timesheet-page .remote-select__option {
  color: var(--theme-text, #effff9) !important;
  background: transparent !important;
}

html[data-theme="dark"] .schedule-page .remote-select__option:hover,
html[data-theme="dark"] .schedule-page .remote-select__option--active,
html[data-theme="dark"] .schedule-settings-page .remote-select__option:hover,
html[data-theme="dark"] .schedule-settings-page .remote-select__option--active,
html[data-theme="dark"] .receiving-page .remote-select__option:hover,
html[data-theme="dark"] .receiving-page .remote-select__option--active,
html[data-theme="dark"] .timesheet-page .remote-select__option:hover,
html[data-theme="dark"] .timesheet-page .remote-select__option--active {
  background: color-mix(in srgb, var(--theme-primary, #49ddb1) 12%, transparent) !important;
}

html[data-theme="dark"] .schedule-page .remote-select__empty,
html[data-theme="dark"] .schedule-settings-page .remote-select__empty,
html[data-theme="dark"] .receiving-page .remote-select__empty,
html[data-theme="dark"] .timesheet-page .remote-select__empty,
html[data-theme="dark"] .remote-select__option small {
  color: var(--theme-text-muted, #a9beb7) !important;
}

html[data-theme="dark"] .schedule-dialog {
  color-scheme: dark;
}

html[data-theme="dark"] .schedule-dialog::backdrop {
  background: rgba(0, 0, 0, 0.68) !important;
}

/* The old timesheet page remains visually part of the new Schedules section. */
html[data-theme="dark"] .timesheet-page .schedule-tabs {
  color: var(--theme-text, #effff9) !important;
  background: var(--theme-surface, #0d1915) !important;
  border-color: color-mix(in srgb, var(--theme-primary, #49ddb1) 18%, transparent) !important;
}