.presential-group-records{display:grid;gap:1rem;min-width:0;margin:0 0 1rem}
.presential-card{border:1px solid #dce6eb;border-radius:1rem;padding:1rem;background:#fff;color:#153542;min-width:0}
.presential-card h3{font-weight:750;font-size:1.15rem;margin:0}
.presential-card p{font-size:.84rem;color:#49616e;margin:.3rem 0 .8rem}
.presential-scroll{overflow-x:auto;border:1px solid #dce6eb;border-radius:.6rem}
.presential-card table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums}
.presential-card th,.presential-card td{padding:.5rem .65rem;white-space:nowrap;border-bottom:1px solid #e6eef1}
.presential-card thead{background:#ecf5f5}.presential-card th[scope=colgroup]{border-inline-end:1px solid #d8e6e8}
.presential-card th:first-child[scope=row],.presential-card th.presential-student{min-width:10rem;text-align:left;position:sticky;left:0;z-index:1;background:#fff;border-inline-end:1px solid #dce6eb}
.presential-card th.presential-student{background:#ecf5f5}.presential-card tr:last-child td,.presential-card tbody tr:last-child th{border-bottom:none}
.presential-check{color:#13734e;font-weight:800}.presential-average{font-weight:750}
.presential-attendance-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:.35rem 0 .85rem;color:#49616e;font-size:.84rem}
.presential-attendance-legend{display:flex;flex-wrap:wrap;gap:.25rem .8rem;margin:0;padding:0;list-style:none}
.presential-attendance-legend li{white-space:nowrap}.presential-attendance-legend li span{display:inline-block;min-width:.85rem;text-align:center;font-weight:800}
.presential-card th.presential-date{min-width:5.5rem;padding-inline:.4rem}.presential-date time{display:block;font-size:.8rem;font-weight:700}
.presential-weekday{display:block;color:#49616e;font-size:.73rem;font-weight:650;text-transform:capitalize;margin-bottom:.15rem}
.presential-month-start{border-inline-start:1px solid #c5dadf}
.presential-attendance-table tbody td.presential-average{background:#f1f8f7;color:#195448}
.presential-card p.presential-scale-note{margin:.65rem 0 0;font-size:.78rem}
.assessment-grade{white-space:nowrap;font-variant-numeric:tabular-nums}.assessment-grade-mark{font-weight:750}.assessment-grade-percent{color:inherit;font-size:.83em;font-weight:500}
@media(max-width:600px){.presential-card th:first-child[scope=row],.presential-card th.presential-student{min-width:7rem;max-width:8.5rem;white-space:normal}}
.presential-load-error{font-size:.85rem;margin:.7rem 0}.presential-load-error button{text-decoration:underline;margin-left:.3rem}