.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0}
.attendance-toolbar-copy{font-size:12px;color:var(--muted);line-height:1.45}
.attendance-actions{display:flex;gap:8px;flex-wrap:wrap}
.attendance-btn{border:0;border-radius:9px;background:var(--green,#059669);color:#fff;font-family:inherit;font-size:12px;font-weight:800;padding:9px 12px;cursor:pointer}
.attendance-btn.secondary{background:#fff;color:var(--muted);border:1px solid var(--border)}
.attendance-btn:disabled{opacity:.55;cursor:not-allowed}
.attendance-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,190px);gap:12px;align-items:center}
.attendance-row select{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 10px;background:#fff;color:var(--fg);font-family:inherit;font-size:12px}
.attendance-row select:disabled{background:#f7f5ef;color:var(--muted)}
.attendance-lock{font-size:10px;color:var(--muted);line-height:1.35;margin-top:4px;text-align:right}
.attendance-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.attendance-status.present{background:#dcfce7;color:#166534}
.attendance-status.late{background:#ffedd5;color:#9a3412}
.attendance-status.absent{background:#fee2e2;color:#991b1b}
.attendance-status.excused{background:#dbeafe;color:#1d4ed8}
.attendance-summary{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.attendance-summary span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;color:var(--muted)}
.attendance-history{display:grid;gap:8px}
.attendance-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px 13px}
.attendance-history-date{font-size:13px;font-weight:700}
.attendance-history-note{font-size:11px;color:var(--muted);margin-top:3px}
.attendance-message{font-size:12px;font-weight:700;line-height:1.5;color:var(--muted);margin:8px 0}
.attendance-message.ok{color:#166534}.attendance-message.err{color:#991b1b}
@media(max-width:600px){.attendance-row{grid-template-columns:1fr}.attendance-lock{text-align:left}.attendance-row select{min-height:42px}}