.attendance-panel{margin:18px 0;padding:20px;background:#fff;border:1px solid #dce5f1;border-radius:18px;color:#26364d}
.attendance-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.attendance-heading h3{margin:0 0 6px}.attendance-heading>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.attendance-panel button,.attendance-panel input,.attendance-panel select{padding:8px 12px;border:1px solid #d5deeb;border-radius:9px;background:#fff;color:inherit}.attendance-panel small{display:block;color:#67788f;font-size:12px;line-height:1.6}.attendance-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.attendance-filters [aria-pressed=true]{background:#e8f0ff;border-color:#6192e8;color:#174eaa}.attendance-row{display:grid;grid-template-columns:1.3fr .65fr .65fr 1.5fr;gap:12px;padding:12px;border-top:1px solid #edf0f5;align-items:center}.attendance-row.attention{background:#fff7ef}.attendance-row span{display:inline-block;font-size:12px;padding:3px 7px;margin:2px;background:#edf2f8;border-radius:6px}.attendance-row.attention span{color:#9a4315;background:#ffebd7}.attendance-list{margin-bottom:10px}.attendance-error{color:#b42318}.attendance-panel button{cursor:pointer}@media(max-width:600px){.attendance-panel{padding:12px}.attendance-row{grid-template-columns:1fr 1fr}.attendance-row>div:first-child,.attendance-row>div:last-child{grid-column:1/-1}.attendance-heading input{max-width:160px}}

.attendance-summary{border-bottom:1px solid #dce5f1}.attendance-summary>details{padding:8px 12px 12px}.attendance-summary>details>summary{cursor:pointer;color:#315d9a;font-size:12px}.attendance-summary>details[open]{background:#f8fafc}.attendance-summary>details .attendance-row{margin-top:8px}