/* Shift details: pair dark text colors with dark nested surfaces. */
html[data-theme="dark"] .app-shell .shift-detail-grid :is(.detail-grid > div, .shift-billing-item) {
  background: var(--admin-elevated, #243149);
  color: var(--admin-ink, #d9e2f1);
  border-color: #43536b;
}
html[data-theme="dark"] .app-shell .shift-detail-grid .detail-grid .MuiTypography-root {
  color: var(--admin-ink, #d9e2f1);
}
html[data-theme="dark"] .app-shell .shift-detail-grid :is(.detail-grid, .shift-billing-item) .MuiTypography-body2,
html[data-theme="dark"] .app-shell .shift-detail-grid .detail-meta {
  color: #bdcbdc;
}
html[data-theme="dark"] .app-shell .shift-detail-grid .shift-billing-item .MuiTypography-h3,
html[data-theme="dark"] .app-shell .shift-detail-grid .detail-meta svg {
  color: var(--admin-accent, #78d9b0);
}
html[data-theme="dark"] .app-shell .shift-detail-grid .detail-meta {
  border-top-color: #43536b;
}