.attendance-card{margin-bottom:16px}.attendance-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:end}.attendance-field{display:grid;gap:7px}.attendance-field label{font-size:13px;font-weight:700;color:var(--ink)}.attendance-save{min-height:42px}.attendance-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px;padding:12px 14px;border-radius:12px;background:var(--surface-2,#f5f2ed);font-size:13px}.attendance-summary span{padding-inline:4px}.sum-present{color:var(--green)}.sum-absent{color:var(--rose)}.sum-late{color:var(--gold)}.attendance-student-list{display:grid;gap:8px}.attendance-student{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line,#e9e3dc);border-radius:13px;background:var(--card,#fff)}.attendance-student-name{display:flex;align-items:center;gap:10px;min-width:0}.attendance-student-name b{font-size:14px;overflow-wrap:anywhere}.student-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:var(--surface-2,#f5f2ed);font-size:12px;color:var(--muted)}.attendance-options{display:flex;gap:6px;flex-wrap:wrap}.attendance-choice{cursor:pointer}.attendance-choice input{position:absolute;opacity:0;pointer-events:none}.attendance-choice span{display:block;padding:7px 11px;border:1px solid var(--line,#e9e3dc);border-radius:9px;font-size:12px;color:var(--muted);white-space:nowrap}.choice-present input:checked+span{background:#e9f3e9;border-color:#a9c9a8;color:#37663c}.choice-absent input:checked+span{background:#faeceb;border-color:#e6b6b2;color:#a4433c}.choice-late input:checked+span{background:#fbf3e3;border-color:#e7d19d;color:#91691e}.attendance-choice input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.attendance-history{margin-top:16px}.attendance-status{display:inline-block;padding:4px 9px;border-radius:8px;font-size:12px}.status-present{background:#e9f3e9;color:#37663c}.status-absent{background:#faeceb;color:#a4433c}.status-late{background:#fbf3e3;color:#91691e}@media(max-width:650px){.attendance-toolbar{grid-template-columns:1fr 1fr}.attendance-save{grid-column:1/-1;width:100%}.attendance-student{align-items:flex-start;flex-direction:column;gap:10px}.attendance-options{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-choice span{text-align:center;padding:8px 4px}}
.attendance-student-name{width:100%;gap:10px}
.attendance-note-action{margin-inline-start:auto;flex:none;border:1px solid #d8e3e8;border-radius:10px;padding:6px 12px;background:#f4f8fa;color:#527181;font:800 12px Tajawal,Arial,sans-serif;min-width:66px}
.attendance-note-action.note-positive{background:#e6f3e8;border-color:#b5d9bb;color:#28743b}
.attendance-note-action.note-negative{background:#fae9e8;border-color:#e9b9b5;color:#b0443d}
.attendance-note-values{display:flex;gap:10px;flex-wrap:wrap}
.attendance-note-values label{cursor:pointer}
.attendance-note-values input{position:absolute;opacity:0;pointer-events:none}
.attendance-note-values span{display:block;padding:10px 18px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:800;color:var(--muted)}
.attendance-note-values input:checked+span{background:#e7f0f2;border-color:#9bbac5;color:#365f70}
@media(max-width:650px){.attendance-student-name{width:100%;align-items:center}.attendance-note-action{margin-inline-start:auto}}

.attendance-note-action{min-width:66px;font-variant-numeric:tabular-nums}
.attendance-note-action.note-positive{background:#e6f3e8;border-color:#b5d9bb;color:#28743b}
.attendance-note-action.note-negative{background:#fae9e8;border-color:#e9b9b5;color:#b0443d}