/* 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;
}