/* Dark attendance presentation only; configured symbol colors and calculations stay unchanged. */
@media screen{
 html[data-theme=dark] .workspace-ui{
  --attendance-glass:color-mix(in srgb,var(--apple-surface) 66%,transparent);
  --attendance-glass-edge:color-mix(in srgb,var(--apple-white) 11%,transparent);
  --attendance-night-rule:color-mix(in srgb,var(--apple-white) 8%,transparent);
  --attendance-night-raised:color-mix(in srgb,var(--apple-surface) 94%,var(--apple-white));
 }
 html[data-theme=dark] .workspace-ui:not(.attendance-focus) main:has(.workspace-sheet){
  background:radial-gradient(ellipse at 12% 25%,color-mix(in srgb,var(--apple-white) 5%,transparent),transparent 60%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--apple-white) 3%,transparent),transparent 55%),var(--apple-canvas);
  background-attachment:fixed;
 }
 html[data-theme=dark] .workspace-ui .workspace-sheet{
  --grid-border:var(--attendance-night-rule);
  --custom-symbol-display-ink:var(--text);
  --custom-symbol-display-bg:var(--attendance-night-raised);
  backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);
 }
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid :is(th,td){border-color:var(--attendance-night-rule)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .sunday{--attendance-day-bg:color-mix(in srgb,var(--apple-white) 2%,transparent);background:var(--attendance-day-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .holiday-day{--attendance-day-bg:color-mix(in srgb,var(--apple-white) 2%,transparent);background:var(--attendance-day-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .makeup-day{--attendance-day-bg:color-mix(in srgb,var(--apple-white) 2%,transparent);background:var(--attendance-day-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .proposed-day{--attendance-day-bg:color-mix(in srgb,var(--apple-white) 2%,transparent);background:var(--attendance-day-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .day-cell.marked[style*="--attendance-cell-color"]{
  background:var(--attendance-day-bg);
  color:var(--text);
 }
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid :is(th.total-col,td.total-col){background:var(--attendance-night-raised)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid td.total-col{color:var(--accent)}
 /* Sticky headers remain opaque so scrolled text cannot show through them. */
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid thead th{background-color:var(--bg-alt)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid thead :is(.sunday,.holiday-day){background-color:var(--bg-alt)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid thead th.workspace-today{background:var(--info-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .workspace-controls .workspace-code{filter:none;background:var(--attendance-night-raised);color:var(--text)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .workspace-controls .symbol.selected{--custom-symbol-display-ink:var(--accent);--custom-symbol-display-bg:var(--info-bg)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .workspace-controls .symbol.selected .workspace-code{background:var(--info-bg);color:var(--accent)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid :is(.sunday,.holiday-day,.makeup-day,.proposed-day) :is(.attendance-day-number,.attendance-day-weekday){color:var(--text-2)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .month-grid .workspace-today :is(.attendance-day-number,.attendance-day-weekday){color:var(--accent)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .staff-role-tag{background:transparent;color:var(--text-2);border-color:transparent}
 html[data-theme=dark] .workspace-ui .workspace-sheet .mobile-staff .workspace-avatar{background:var(--attendance-night-raised);color:var(--text-2)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .mobile-staff.is-recorded{border-left-color:var(--line)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .mobile-staff-status .workspace-cell-code{background:var(--attendance-night-raised);color:var(--text)}
 html[data-theme=dark] .workspace-ui .workspace-sheet .mobile-holiday-note{background:var(--bg-alt);color:var(--text-2)}
}

/* Weekly day tags share the same monochrome material, including drag previews. */
@media screen{
 html[data-theme=dark] .workspace-ui .duty-calendar-day,
 html[data-theme=dark] .workspace-ui .duty-calendar-day:is(.is-weekend,.is-today){
  --day-tag-start:var(--bg-alt);--day-tag-end:var(--bg-alt);--day-tag-ink:var(--text);
  border-color:var(--attendance-night-rule);background:var(--attendance-glass);
  box-shadow:inset 0 1px 0 var(--attendance-glass-sheen);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
 html[data-theme=dark] .workspace-ui .duty-calendar .duty-calendar-day .duty-calendar-day-heading{
  background:color-mix(in srgb,var(--bg-alt) 72%,transparent);border-color:var(--attendance-night-rule);
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-day-heading::before{
  border-color:var(--attendance-night-rule);background:var(--attendance-night-raised);box-shadow:none;
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-day .duty-calendar-day-heading time{color:var(--text-2);font-weight:400}
 html[data-theme=dark] .workspace-ui .duty-calendar-day .duty-weekend-badge{
  background:transparent;border-color:var(--attendance-night-rule);color:var(--text-2);font-size:9px;font-weight:400;padding-inline:3px;
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-day.is-today{--day-tag-ink:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--attendance-night-rule))}
 html[data-theme=dark] .workspace-ui .duty-calendar-day .duty-today-badge{
  background:var(--info-bg);border-color:transparent;color:var(--accent);font-size:9px;font-weight:500;padding-inline:3px;
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-person{
  border-color:var(--attendance-night-rule);background:color-mix(in srgb,var(--apple-surface) 70%,transparent);box-shadow:none;
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-name{color:var(--text);font-weight:500}
 html[data-theme=dark] .workspace-ui .duty-calendar-day:hover{border-color:color-mix(in srgb,var(--apple-white) 22%,transparent);box-shadow:inset 0 1px 0 var(--attendance-glass-sheen)}
 html[data-theme=dark] .workspace-ui .duty-calendar-day:is(.is-picking,.duty-drop-target),
 html[data-theme=dark] .workspace-ui .duty-calendar-person.duty-drop-person{
  border-color:var(--accent);background:var(--info-bg);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent);
 }
 html[data-theme=dark] .workspace-ui .duty-calendar-day.duty-drop-invalid{border-color:var(--red-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--red-text) 18%,transparent)}
}