#lateTable{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
#lateTable th,#lateTable td{min-width:64px;text-align:center}
#lateTable th:first-child{position:sticky;left:0;z-index:2;min-width:180px;max-width:240px;background:#fff;text-align:left}
#lateTable thead th:first-child{z-index:4}
#lateTable tbody td{padding:0}
#lateTable tbody th{padding:10px 16px}
#lateTable td button{border:0;background:transparent;color:inherit;width:100%;min-height:40px;cursor:pointer;font-weight:600}
#lateTable td.lateness-red{background:#dc2626;color:white}
#page-staff-attendance .table-wrap{max-height:clamp(220px,calc(100dvh - 350px),680px)}