.attendance-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-bottom:1rem}.attendance-summary span{padding:.8rem;border-radius:.7rem;background:#fff;border:1px solid #dce5ee}.attendance-summary b{float:right;font-size:1.15rem}.attendance-summary .present{border-left:5px solid #18864b}.attendance-summary .absent{border-left:5px solid #cf2e2e}.attendance-summary .late{border-left:5px solid #d99500}.attendance-summary .asynchronous{border-left:5px solid #6f4ea1}.attendance-summary .excused{border-left:5px solid #2176b9}.status-present{background:#e7f6ee}.status-absent{background:#feeceb}.status-late{background:#fff5d6}.status-asynchronous{background:#f2edfa}.status-excused{background:#eaf3fb}.attendance-table td:first-child{width:55px}@media(max-width:900px){.attendance-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.attendance-summary{grid-template-columns:1fr}}
.attendance-mode-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e2eaf0}.attendance-mode-row:last-child{border-bottom:0}.attendance-table select,.attendance-table input{min-width:150px}.attendance-table small{display:block;color:#607381;margin-top:4px}@media(max-width:700px){.attendance-mode-row{grid-template-columns:1fr}.attendance-table select,.attendance-table input{width:100%;min-width:0}}