.monthly-attendance-scroll{max-height:calc(100vh - 330px);overflow:auto}.monthly-attendance-scroll table{border-collapse:separate;border-spacing:0;min-width:max-content}.monthly-attendance-scroll th,.monthly-attendance-scroll td{white-space:nowrap}.monthly-attendance-scroll .sticky-identity{z-index:3;background:var(--surface,#fff);position:sticky}.monthly-attendance-scroll thead .sticky-identity{z-index:5;background:var(--ink,#0f3650)}.monthly-attendance-scroll .sticky-identity:first-child{width:230px;min-width:230px;right:0}.monthly-attendance-scroll .sticky-identity:nth-child(2){width:100px;min-width:100px;right:230px}.monthly-attendance-scroll .sticky-identity:nth-child(3){width:100px;min-width:100px;right:330px}.monthly-attendance-scroll .sticky-identity:nth-child(4){width:100px;min-width:100px;right:430px}.monthly-attendance-scroll .sticky-identity:nth-child(5){width:120px;min-width:120px;right:530px}.monthly-attendance-scroll .sticky-identity:nth-child(6){border-inline-end:1px solid #c9dfe3;width:110px;min-width:110px;right:650px;box-shadow:-4px 0 10px -2px #0f3c3f1f}.monthly-attendance-scroll .name-column{min-width:230px}.monthly-attendance-scroll .employee-attendance-details{flex-direction:column;gap:3px;min-width:0;display:flex}.monthly-attendance-scroll .employee-attendance-details small{color:#60777a;font-size:10px;font-weight:600}.monthly-attendance-scroll .vehicle-size-column{text-align:center;min-width:105px}.monthly-attendance-scroll .day-column{text-align:center;width:68px;min-width:68px;padding-inline:4px}.monthly-attendance-scroll .day-column span,.monthly-attendance-scroll .day-column small{display:block}.monthly-attendance-scroll .day-column small{opacity:.7;font-size:10px}.month-status-cell{text-align:center;white-space:nowrap;width:68px;min-width:68px;padding:3px 2px!important}.month-status-cell select{text-align:center;touch-action:manipulation;background:#fff;border:1px solid #d7e2ea;border-radius:7px;width:42px;min-width:42px;padding:5px 2px;font-size:11px;font-weight:700;transition:border-color .15s,box-shadow .15s}.attendance-note-button{color:#7b8b98;cursor:pointer;vertical-align:middle;touch-action:manipulation;background:#fff;border:1px solid #d7e2ea;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-inline-start:2px;padding:0;transition:all .15s;display:inline-flex;position:relative}.attendance-note-button:after{content:"";pointer-events:auto;position:absolute;inset:-5px}.attendance-note-button:hover:not(:disabled),.attendance-note-button.has-note{color:#078a98;background:#e9fbfd;border-color:#0ab4c6}.attendance-note-button:disabled{color:#a8b2ba;cursor:not-allowed;background:#edf1f3}.month-status-cell.locked select{color:#8a99a6;cursor:not-allowed;background:#f1f4f6}.month-status-cell.has-leave-overlay select{color:#b45309;background:#fffbeb;border-color:#f59e0b}.month-status-cell.has-leave-overlay.locked select{color:#92400e;cursor:not-allowed;background:#fef3c7;border-color:#fcd34d}.month-status-cell.editable select:focus{border-color:#0ab4c6;outline:none;box-shadow:0 0 0 3px #0ab4c624}.monthly-attendance-scroll tbody tr.archived-row td,.monthly-attendance-scroll tbody tr.archived-row .sticky-identity{border-top-color:#fecaca;background-color:#fff5f5!important}.monthly-attendance-scroll tbody tr.archived-row:hover td,.monthly-attendance-scroll tbody tr.archived-row:hover .sticky-identity{background-color:#fee2e2!important}.monthly-attendance-scroll tbody tr.archived-row td:first-child{border-inline-start:4px solid #ef4444}.monthly-attendance-scroll tbody tr.archived-row .mini-avatar{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.monthly-attendance-scroll tbody tr.archived-row td.day-weekend{background-color:#fdf0f0!important}.monthly-attendance-scroll tbody tr.archived-row td.day-today{background-color:#fee8e8!important}.employee-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.archived-tag{color:#b91c1c;white-space:nowrap;vertical-align:middle;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:4px;padding:1px 7px;font-size:10px;font-weight:800;line-height:1.4;display:inline-flex}.archived-dot{background-color:#ef4444;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 2px #ef444440}.archived-sub-info{color:#b91c1c!important;font-weight:700!important}.month-status-cell.after-last-work-date select{cursor:not-allowed;opacity:.8;color:#a37272!important;background:#fdf2f2!important;border-color:#fca5a5!important}.daily-emp-card.is-archived{border-color:#fca5a5;background:#fff8f8;border-inline-start:4px solid #ef4444;box-shadow:0 4px 14px #ef444414}.daily-emp-card.is-archived .daily-emp-head{border-bottom-color:#fee2e2}.daily-emp-card.is-archived .mini-avatar{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.daily-emp-card.is-archived:hover{background:#fff3f3;border-color:#f87171}.daily-archived-badge{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:1150px){.monthly-attendance-scroll .sticky-identity:not(.name-column){box-shadow:none!important;position:static!important}.monthly-attendance-scroll .sticky-identity.name-column{z-index:4!important;border-inline-end:2px solid #b7d7dc!important;position:sticky!important;right:0!important;box-shadow:-6px 0 14px -4px #153c3f38!important}}