/* Attendance week/month/term views (js/attendance.js) */
.att-join { font-size: 10.5px; font-weight: 700; color: var(--brand); background: color-mix(in srgb, var(--brand) 12%, transparent); border-radius: 20px; padding: 1px 7px; margin-left: 6px; }
.att-off { text-align: center; color: var(--line-strong); }
.att-grid th, .att-grid td { text-align: center; padding: 3px 4px; }
.att-grid th.l, .att-grid td.l { text-align: left; white-space: nowrap; }
.att-seg.sm { width: 22px; height: 22px; font-size: 11px; padding: 0; }