.attendance-management .attendance-grid-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:14px}.attendance-management .ag-table{min-width:900px;width:100%;table-layout:fixed;border-collapse:collapse}.attendance-management .ag-table th,.attendance-management .ag-table td{border:1px solid #cad7e4;padding:4px;vertical-align:top;overflow-wrap:anywhere}.attendance-management .ag-table th{background:#e5e7eb;color:#132b48;font-size:11px}.attendance-management .ag-job-heading{text-align:center;vertical-align:middle}.attendance-management .ag-table .aq-filter{float:right}.attendance-management .ag-row-pick{display:flex;align-items:center;gap:7px;font-weight:normal}.attendance-management .ag-row-pick input{height:16px;min-height:0;width:16px;margin:0;flex-shrink:0}.attendance-management .ag-table input:not([type=checkbox]),.attendance-management .ag-table select,.attendance-management .ag-table textarea{width:100%;min-width:0;box-sizing:border-box}.attendance-management .ag-editing,.attendance-management .ag-editing input,.attendance-management .ag-editing select,.attendance-management .ag-editing textarea{background:#e8f4ff}.attendance-management .ag-station-label{display:block;font-size:11px;margin-top:7px;font-weight:normal}.attendance-management .ag-station-label select{font-size:12px;min-height:28px}.attendance-management .ag-table td{font-size:12px;line-height:1.25}

h1.attendance-records-title{font-size:22px;color:#000000;letter-spacing:0}

.attendance-management .ag-table .aq-filter{width:18px;min-width:18px;height:22px;min-height:22px;padding:0;margin:0 0 0 2px;font-size:10px}.attendance-management .ag-table th{line-height:1.2}.attendance-management .ag-row-pick{gap:4px;white-space:normal}.attendance-management .ag-table input:not([type=checkbox]),.attendance-management .ag-table select,.attendance-management .ag-table textarea{font-size:12px;min-height:28px;padding:3px}.attendance-management .ag-table textarea{resize:vertical}

.main .attendance-management table.ag-table{width:100%;min-width:900px;table-layout:fixed}.main .attendance-management table.ag-table th{white-space:normal;padding:4px;font-size:11px}.main .attendance-management table.ag-table td{padding:3px 4px;font-size:12px;height:28px}

.attendance-management .ag-row-pick span{min-width:0;overflow-wrap:anywhere}

.attendance-management .ag-row-pick input[type=checkbox]{width:14px;min-width:14px;max-width:14px;flex:0 0 14px;height:14px;padding:0}

.attendance-management .ag-row-pick span{white-space:nowrap;overflow-wrap:normal}

/* Keep the same compact geometry while entering attendance. */
.main .attendance-management table.ag-table td{height:34px;padding:2px 4px;vertical-align:middle;white-space:nowrap;overflow:hidden}
.attendance-management .ag-table input:not([type=checkbox]),.attendance-management .ag-table select,.attendance-management .ag-table textarea{height:28px;min-height:28px;max-height:28px;margin:0;padding:3px;line-height:20px;border-radius:3px}
.attendance-management .ag-table textarea{resize:none;overflow:auto;white-space:nowrap}
.attendance-management .ag-auto-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:28px}
.attendance-management .ag-table [data-ag-field]:focus{outline:2px solid #4c9de8;outline-offset:-2px}

/* Compact attendance list: shared count/column toolbar, fixed header, fitting cells. */
.attendance-management #ag-table-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin:4px 0}
.attendance-management #ag-status{margin:0;font-size:11px}
.attendance-management #ag-table-meta .ui-table-visibility{margin:0;gap:4px}
.attendance-management #ag-table-meta .ui-table-visibility button{font-size:11px;padding:4px 7px}
.attendance-management .attendance-grid-toolbar{margin-bottom:4px}
.attendance-management .ag-instructions{font-size:11px;margin:2px 0 4px}
.attendance-management .ag-instructions summary{cursor:pointer;color:#0869ef}
.attendance-management #ag-grid>.table-wrap{max-height:65vh;overflow:auto;position:relative}
.main .attendance-management table.ag-table{min-width:0;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.main .attendance-management table.ag-table th{position:sticky;top:0;z-index:3;background:#e5e7eb;padding:4px;font-size:10px;border-top:1px solid #cad7e4;white-space:normal}
.main .attendance-management table.ag-table td{font-size:11px;white-space:normal;overflow-wrap:anywhere;height:auto;min-height:28px;padding:3px 4px;line-height:1.25}
.attendance-management .ag-auto-name{white-space:normal;overflow-wrap:anywhere;line-height:1.25;overflow:visible;text-overflow:clip}
.attendance-management .ag-table input:not([type=checkbox]),.attendance-management .ag-table select,.attendance-management .ag-table textarea{font-size:11px;max-width:100%;min-width:0}
.attendance-management .ag-table textarea{white-space:normal}
@media(max-width:800px){.main .attendance-management table.ag-table{min-width:900px}}

.attendance-management .attendance-grid-toolbar{align-items:end}.attendance-management .ag-period{display:flex;flex-direction:column;gap:3px;font-size:8pt;min-width:100px}.attendance-management .ag-period select{font-size:8pt;min-height:30px;padding:4px;max-width:140px}