.sidebarCollapseButton{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 14px 18px;padding:9px 10px;border:1px solid #ffffff24;background:#ffffff0a;color:#cbd5e1;font-size:11px;font-weight:700;cursor:pointer}
.sidebarCollapseButton:hover{background:#ffffff16;color:#fff}
.sidebarCollapseButton>span:first-child{font-size:20px;line-height:12px}
.navcollapsed .sidebarCollapseButton{width:42px;margin-left:auto;margin-right:auto}
.navcollapsed .sidebarCollapseLabel{display:none}
@media(max-width:600px){.sidebarCollapseButton{margin-top:8px}}
/* Keep the daily attendance table compact while preserving readable controls. */
.attendanceDailyTable table{min-width:860px!important;table-layout:fixed}
.attendanceDailyTable th:nth-child(1),.attendanceDailyTable td:nth-child(1){width:82px;min-width:82px}
.attendanceDailyTable th:nth-child(2),.attendanceDailyTable td:nth-child(2){width:190px;min-width:190px}
.attendanceDailyTable th:nth-child(3),.attendanceDailyTable td:nth-child(3){width:110px;min-width:110px}
.attendanceDailyTable th:nth-child(4),.attendanceDailyTable td:nth-child(4){width:105px;min-width:105px}
.attendanceDailyTable th:nth-child(5),.attendanceDailyTable td:nth-child(5){width:255px;min-width:255px}
.attendanceDailyTable th:nth-child(6),.attendanceDailyTable td:nth-child(6){width:180px;min-width:180px}
.attendanceDailyTable .attendancePerson{min-width:0}
.attendanceDailyTable .attendancePerson strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attendanceDailyTable .attendanceChoices{flex-wrap:wrap}
.attendanceDailyTable .attendanceNote{max-width:180px}
/* Keep the attendance controls compact instead of stretching across the pane. */
#content .attendanceDateRow input[type="date"]{width:260px!important;max-width:260px!important;flex:0 0 260px}
#content .attendanceActionsRow input[type="search"]{width:260px!important;max-width:260px!important;flex:0 0 260px}
/* The estimated salary column follows the monthly table horizontally. */
#content .attendanceMatrix th:last-child,
#content .attendanceMatrix td:last-child,
#content .attendanceMatrixPay{position:static!important;left:auto!important;right:auto!important;z-index:auto!important}
/* Table action columns follow the horizontal scrollbar in every module. */
#content .reminderActionCell,
#content .amcVisibleActionCell,
#content td:has(> .rowactions),
#content td:has([data-action]),
#content td:has([data-edit]),
#content td:has([data-delete]){position:static!important;left:auto!important;right:auto!important;box-shadow:none!important}
#content .attendanceChoice.selected.paidleave{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
#content .attendanceChoice.selected.weeklyoff{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}
#content .attendanceDailyTable .attendanceChoices{flex-wrap:nowrap!important;white-space:nowrap;min-width:430px}
