.attendance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.attendance-summary article{background:var(--surface,#fff);border:1px solid var(--border,#dbe3ec);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.attendance-summary strong{font-size:1.7rem;color:var(--primary,#167f78)}.attendance-summary span,.role-context{color:var(--muted,#607080);font-size:.9rem}.attendance-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.attendance-tab{border:1px solid var(--border,#dbe3ec);background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}.attendance-tab.active{background:var(--primary,#167f78);color:#fff;border-color:var(--primary,#167f78)}.attendance-section{display:none}.attendance-section.active{display:block}.attendance-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);gap:18px}.attendance-list{display:grid;gap:10px}.student-attendance-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(150px,.7fr) minmax(180px,1fr);gap:12px;align-items:center;border:1px solid var(--border,#dbe3ec);border-radius:14px;padding:12px;background:#fff}.student-attendance-row select,.student-attendance-row input{width:100%}.attendance-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.attendance-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-save,.attendance-search{margin-top:16px}.attendance-empty{padding:16px}.estado-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-weight:700;font-size:.78rem}.estado-presente{background:#dcfce7;color:#166534}.estado-ausente{background:#fee2e2;color:#991b1b}.estado-tarde{background:#fef3c7;color:#92400e}.estado-justificado{background:#dbeafe;color:#1e40af}.follow-card,.alert-box{border:1px solid var(--border,#dbe3ec);border-radius:14px;padding:14px;margin-top:10px;background:#fff}.alert-green{border-left:5px solid #22c55e}.alert-yellow{border-left:5px solid #eab308}.alert-red{border-left:5px solid #ef4444}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf6f5;color:#166a65;font-size:.78rem;font-weight:700}@media(max-width:900px){.attendance-layout{grid-template-columns:1fr}.student-attendance-row{grid-template-columns:1fr}.attendance-summary{grid-template-columns:1fr}}