.attendance-roster { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.attendance-roster__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.attendance-roster__label, .attendance-roster__meta { color: var(--color-text-muted); font-size: var(--font-size-xs, 12px); }
.attendance-roster__table { display: grid; gap: var(--space-1); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-border); }
.attendance-roster__header, .attendance-roster__row { display: grid; grid-template-columns: minmax(0, 1fr) repeat(var(--roster-columns), minmax(0, 1fr)); align-items: center; gap: 0; background: var(--color-surface-card); }
.attendance-roster__header { padding: var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-xs, 12px); }
.attendance-roster__row { padding: var(--space-1) var(--space-2); }
.attendance-roster__column-heading { display: grid; justify-items: center; gap: var(--space-1); min-width: 0; }
.attendance-roster__emoji { font-size: 1.1rem; line-height: 1; }
.attendance-roster__bulk { min-height: var(--space-10); max-width: 100%; white-space: normal; }
.attendance-roster__bulk[aria-pressed="mixed"] { color: var(--color-text-muted); text-decoration: underline; text-decoration-style: dotted; }
.attendance-roster__bulk:disabled { color: var(--color-text-muted); cursor: not-allowed; opacity: .55; }
.attendance-roster__toggle { display: inline-grid; place-items: center; width: var(--space-10); min-width: var(--space-10); height: var(--space-10); min-height: var(--space-10); margin: 0 auto; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-primary); cursor: pointer; }
.attendance-roster__toggle[aria-pressed="true"] { background: transparent; color: var(--color-brand); }
.attendance-roster__toggle-emoji { display: inline-grid; place-items: center; width: var(--space-10); height: var(--space-10); border-radius: var(--radius-sm); font-size: var(--font-size-xl); line-height: 1; filter: grayscale(1); opacity: .55; }
.attendance-roster__toggle:hover,
.attendance-roster__toggle[aria-pressed="true"],
.attendance-roster__toggle[aria-pressed="true"] .attendance-roster__toggle-emoji { background: transparent; }
.attendance-roster__toggle[aria-pressed="true"] .attendance-roster__toggle-emoji { filter: none; opacity: 1; }
.attendance-roster__toggle:focus-visible { outline: var(--space-1) solid var(--color-focus-ring, var(--color-brand-soft)); outline-offset: var(--space-1); }
.attendance-roster__toggle:disabled { cursor: not-allowed; opacity: .45; }
@media (max-width: 599px) { .attendance-roster__header { padding: var(--space-1); } .attendance-roster__row { padding: var(--space-1); } .attendance-roster__toggle { margin: 0 auto; } .attendance-roster__bulk { padding-inline: var(--space-1); } }