/* Pair nested attendance surfaces with the professional dark theme. */
.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) :is(
  .professional-attendance-status-steps > span,
  .professional-attendance-journey-steps > span,
  .professional-attendance-patient__meta > span,
  .professional-evidence-actions > span,
  .professional-handoff-note.is-empty
) {
  color: #cbd5e1;
  background: #1f2937;
  border-color: #475569;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) :is(
  .professional-attendance-status-steps > span.active,
  .professional-attendance-journey-steps > span.done
) {
  color: #a7f3d0;
  background: #173d35;
  border-color: #4caa8d;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) :is(
  .professional-attendance-patient__meta strong,
  .professional-handoff-note.is-empty strong
) {
  color: #f1f5f9;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) :is(
  .professional-attendance-patient__meta svg,
  .professional-attendance-form__title svg
) {
  color: #8be0b4;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-operational-shortcuts--details .MuiButton-root:not(.Mui-disabled) {
  color: #a7f3d0;
  background: #1f2937;
  border-color: #64748b;
  box-shadow: none;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-operational-shortcuts--details .MuiButton-root:not(.Mui-disabled):hover {
  color: #d1fae5;
  background: #173d35;
  border-color: #8be0b4;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-operational-shortcuts--details .MuiButton-root.Mui-disabled {
  color: #94a3b8;
  background: #172033;
  border-color: #334155;
  box-shadow: none;
}

.professional-layout .professional-operational-shortcuts--details .MuiButton-root:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-handoff-note:not(.is-empty) {
  color: #fde68a;
  background: #382b16;
  border-color: #a78438;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-handoff-note:not(.is-empty) :is(strong, small) {
  color: #fef3c7;
}

/* Review the full detail page, including the lower clinical timeline. */
.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-page:has(> .professional-shift-detail-hero) .professional-care-timeline__item {
  color: #e5e7eb;
  background: #1f2937;
  border-color: #475569;
  box-shadow: none;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-page:has(> .professional-shift-detail-hero) :is(
  .professional-care-timeline__time,
  .professional-care-timeline__meta,
  .professional-care-timeline__meta span,
  .professional-progress-legend span
) {
  color: #b0bdd0;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-page:has(> .professional-shift-detail-hero) .professional-care-timeline__related {
  color: #cbd5e1;
  background: #334155;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-page:has(> .professional-shift-detail-hero) .professional-care-timeline__marker {
  color: #a7f3d0;
  background: #173d35;
  border-color: #4caa8d;
  box-shadow: none;
}

/* Disabled controls stay disabled, but their labels and values remain readable. */
.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-attendance-record-card .MuiInputBase-root.Mui-disabled {
  color: #b0bdd0;
  background: #172033;
  color-scheme: dark;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-attendance-record-card :is(
  .MuiInputLabel-root.Mui-disabled,
  .MuiFormHelperText-root.Mui-disabled,
  .MuiSelect-icon.Mui-disabled,
  .MuiInputBase-input.Mui-disabled,
  .MuiIconButton-root.Mui-disabled
) {
  color: #b0bdd0;
  -webkit-text-fill-color: #b0bdd0;
}

.professional-layout:is(.professional-theme-dark, [data-theme="dark"]) .professional-attendance-record-card .MuiInputBase-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  color: #b0bdd0;
  border-color: #475569;
}