#main-content,.workspace-page,.attendance-module-content,.ess-content,.workspace-card,.settings-panel,.attendance-operations-layout,.settings-content,.employee-record-grid,.admin-grid,.ess-register-workspace,.report-results-stage,.report-detail-shell{min-width:0}.transaction-register{width:100%;min-width:0;max-width:100%}.register-scroll-grid .ag-body-vertical-scroll,.register-scroll-grid .ag-body-horizontal-scroll{opacity:1!important;visibility:visible!important}.register-scroll-grid .ag-body-vertical-scroll-viewport,.register-scroll-grid .ag-body-horizontal-scroll-viewport{scrollbar-width:auto;scrollbar-color:#788780 #eeeae3;overscroll-behavior:contain}.register-scroll-grid ::-webkit-scrollbar{width:14px;height:14px}.register-scroll-grid ::-webkit-scrollbar-track{background:#eeeae3}.register-scroll-grid ::-webkit-scrollbar-thumb{background:#788780;border:3px solid #eeeae3;border-radius:8px}.register-scroll-grid ::-webkit-scrollbar-thumb:hover{background:#405c50}@supports selector(::-webkit-scrollbar){.register-scroll-grid .ag-body-vertical-scroll-viewport,.register-scroll-grid .ag-body-horizontal-scroll-viewport{scrollbar-color:auto}}.transaction-table-tools,.transaction-pagination{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.transaction-table-tools{color:#687676;border-bottom:1px solid #e4dfd7;font-size:13px}.transaction-export-actions{gap:8px;margin-left:auto;display:flex}.transaction-export-actions button{justify-content:center;align-items:center;width:42px;height:42px;padding:10px;display:inline-flex}.transaction-page-size{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.transaction-page-size select,.transaction-page-jump input{min-height:36px;color:inherit;font:inherit;background:#fffdfa;border:1px solid #d8d3c9;border-radius:9px;padding:6px 10px}.transaction-pagination{justify-content:flex-end}.transaction-pagination>span:first-child{margin-right:auto}.transaction-pagination>span:nth-child(3){color:#687676;text-align:center;min-width:76px}.transaction-table-scroll{overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:55dvh;overflow:auto}.transaction-table-scroll table{width:100%;margin:0}.transaction-table-scroll thead th{z-index:2;background:#f3f0ea;position:sticky;top:0}.transaction-pagination{background:#fffdfa;border-top:1px solid #e4dfd7;font-size:13px}:is(.admin-table-wrap:has(>.transaction-register),.table-scroll:has(>.transaction-register),.ess-table-scroll:has(>.transaction-register),.settings-table-wrap:has(>.transaction-register)){min-width:0;max-width:100%;max-height:none;overflow:visible}.attendance-period-bar,.ess-register-toolbar,.transaction-toolbar{flex-wrap:wrap;align-items:end;gap:12px;min-width:0;display:flex}.attendance-period-bar>label,.transaction-toolbar>label{flex:0 230px;min-width:160px}.attendance-period-bar>.primary-action,.transaction-toolbar>.primary-action,.ess-register-toolbar>.primary-action{margin-left:auto}.module-icon-action{justify-content:center;align-items:center;gap:8px;width:auto;min-width:44px;display:inline-flex}.compact-module-toolbar:empty{display:none}.workspace-header.transaction-toolbar .module-header-actions{display:contents}.workspace-header.transaction-toolbar .tenant-select{flex:0 260px;gap:6px;min-width:160px;display:grid}.workspace-header.transaction-toolbar .module-header-actions>button{margin-left:auto}.transaction-toolbar select,.transaction-toolbar input{max-width:100%}.transaction-toolbar.leave-register-filters,.transaction-toolbar.weekly-off-filters{display:flex}.transaction-toolbar.leave-register-filters>label,.transaction-toolbar.weekly-off-filters>label{flex:160px;min-width:0}.transaction-register .transaction-table-scroll{min-width:0}.transaction-register .transaction-table-scroll td,.transaction-register .transaction-table-scroll th{vertical-align:top}.attendance-admin-page .transaction-table-scroll .admin-table{table-layout:auto}.attendance-admin-page .transaction-table-scroll .daily-attendance-table{min-width:1540px}.attendance-admin-page .transaction-table-scroll .daily-attendance-table th,.attendance-admin-page .transaction-table-scroll .daily-attendance-table td{white-space:nowrap}.attendance-admin-page .transaction-table-scroll .daily-attendance-table th:first-child,.attendance-admin-page .transaction-table-scroll .daily-attendance-table td:first-child{min-width:190px}.attendance-admin-page .transaction-table-scroll .daily-attendance-table th:nth-child(4),.attendance-admin-page .transaction-table-scroll .daily-attendance-table td:nth-child(4){min-width:145px}.attendance-admin-page .transaction-table-scroll .daily-attendance-table td:first-child strong,.attendance-admin-page .transaction-table-scroll .daily-attendance-table td:first-child small{white-space:normal}.attendance-admin-page .attendance-evidence-actions{white-space:nowrap;flex-wrap:nowrap}@media (prefers-reduced-motion:reduce){.transaction-table-scroll{scroll-behavior:auto}}@media (max-width:680px){.attendance-period-bar>label,.transaction-toolbar>label{flex:160px}.transaction-pagination{gap:8px;padding:10px}}@media print{.transaction-table-tools,.transaction-pagination{display:none!important}.transaction-table-scroll{max-height:none;overflow:visible}.transaction-table-scroll thead th{position:static}}
.smart-select{text-transform:none;letter-spacing:normal;width:100%;min-width:0;font-weight:400;display:block;position:relative}.smart-select-native{opacity:0;pointer-events:none;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.smart-select-control{background:#fff;border:1px solid #d8dcd9;border-radius:8px;align-items:center;width:100%;display:flex}.smart-select-control:focus-within{outline-offset:2px;outline:2px solid #176e67}.smart-select-control input{width:100%;min-width:0;font:inherit;color:inherit;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:10px 12px!important}.smart-select-control button{color:#52625c;background:0 0;border:0;flex:none;padding:10px;display:flex}.smart-select-control:has(input:disabled){opacity:.6;background:#f1f3f2}.smart-select-positioner{z-index:11000}.smart-select-popup{width:var(--anchor-width);max-height:min(320px,var(--available-height));color:#26332f;background:#fff;border:1px solid #d8dcd9;border-radius:10px;padding:5px;overflow:auto;box-shadow:0 12px 36px #142b2426}.smart-select-option{cursor:pointer;border-radius:6px;justify-content:space-between;gap:12px;padding:10px;font-size:14px;display:flex}.smart-select-option[data-highlighted]{color:#125f52;background:#e2f2ed}.smart-select-option[data-disabled]{opacity:.45;cursor:not-allowed}.smart-select-empty{color:#66706d;padding:14px;font-size:14px}.ui-tabbar{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.ui-tabbar button[aria-pressed=true]{color:#fff;background:#176e67}.bulk-update-summary{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0;display:flex}.ui-field-note{color:#66706d;font-size:13px}.ui-calendar{background:#fffdfa;border:1px solid #e5dfd5;border-radius:12px;margin:16px 0;padding:16px}.ui-calendar .fc{--fc-button-bg-color:#176e67;--fc-button-border-color:#176e67;--fc-button-hover-bg-color:#12594f;--fc-button-active-bg-color:#104d44;font-size:14px}.ui-calendar .fc-event{cursor:pointer}.ui-calendar .fc-event-title{white-space:normal}.ui-calendar .fc-toolbar{flex-wrap:wrap;gap:12px}@media (max-width:640px){.ui-calendar{padding:8px}.ui-calendar .fc-toolbar-title{font-size:18px}}.ui-calendar-legend{text-transform:capitalize;flex-wrap:wrap;gap:12px;margin:14px 0;font-size:13px;display:flex}.ui-calendar-legend span{align-items:center;gap:5px;display:flex}.ui-calendar-legend i{border-radius:50%;width:10px;height:10px}.ui-confirmation{max-width:600px}.ui-confirmation>svg{color:#176e67}.ui-confirmation p{white-space:pre-wrap;line-height:1.6}.ui-report-designer{background:#fff;border:1px solid #d8dcd9;border-radius:10px;margin:14px 0;padding:16px}.ui-report-designer summary{cursor:pointer;padding:6px;font-weight:600}.ui-column-options{flex-wrap:wrap;gap:12px 20px;display:flex}.ui-column-options label{align-items:center;gap:6px;display:flex}.ui-column-options input{width:auto!important}.ui-column-order{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.ui-column-order li{cursor:grab;background:#edf4f1;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.ui-column-order button{background:#fff;border:1px solid #bdccc5;border-radius:4px;padding:3px 8px}.ui-report-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ui-nav-search-button{white-space:nowrap;align-items:center;gap:8px;display:flex}.ui-page-results{gap:6px;max-height:55vh;margin-top:12px;display:grid;overflow:auto}.ui-page-results button{text-align:left;justify-content:space-between;display:flex}.ui-document-frame{border:1px solid #d8dcd9;width:100%;min-height:65vh}.ui-image-preview{background:#f5f6f4;max-height:65vh;overflow:auto}.transaction-export-actions .quiet-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.transaction-export-actions button.quiet-button{width:auto;min-width:0;height:auto;min-height:40px;padding:8px 12px}.transaction-export-actions .quiet-button svg{width:17px;height:17px}.transaction-page-size .smart-select{width:90px}.app-tenant-select .smart-select{width:auto;min-width:160px}.ui-calendar .card-heading h2,.ui-bulk-update h2{letter-spacing:normal;text-transform:none;margin:0 0 12px;font-size:20px;font-weight:650;line-height:1.3}.ui-calendar .fc thead,.ui-calendar .fc th{z-index:auto;position:static;top:auto}.search-choice-field label small{margin:4px 0;font-size:12px;display:block}.ui-file-drop{background:#f0f7f4;border:1px dashed #73958b;border-radius:8px;gap:8px;padding:16px;display:grid}.ui-file-drop input{max-width:100%}.ui-app-footer{color:#5b6863;border-top:1px solid #deded7;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 32px 20px 290px;padding:16px;font-size:12px;display:flex}html[data-nav-collapsed=true] .ui-app-footer{margin-left:90px}.ui-app-footer nav{flex-wrap:wrap;gap:16px;display:flex}.ui-app-footer a{color:inherit;text-underline-offset:3px;text-decoration:underline}.ui-ess-bottom-nav{display:none}@media (max-width:800px){.ui-app-footer,html[data-nav-collapsed=true] .ui-app-footer{margin:16px}.ui-ess-bottom-nav{z-index:90;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffdfa;border-top:1px solid #d8dcd9;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.ui-ess-bottom-nav a,.ui-ess-bottom-nav button{color:#40534a;background:0 0;border:0;align-content:center;justify-items:center;gap:4px;min-width:60px;min-height:44px;font-size:12px;text-decoration:none;display:grid}.ui-ess-bottom-nav svg{width:20px;height:20px}.ui-ess-bottom-nav a[aria-current]{color:#176e67;font-weight:700}body:has(.ui-ess-bottom-nav){padding-bottom:90px}body:has(.ui-ess-bottom-nav) .global-request-loader{bottom:90px}}@media (max-width:700px){.ui-report-controls{grid-template-columns:1fr}.ui-nav-search-button span{display:none}.transaction-table-tools{flex-wrap:wrap}.transaction-export-actions{margin-left:0}}@media (prefers-reduced-motion:reduce){.ui-calendar *,.smart-select *,.global-request-loader *{transition:none!important;animation:none!important}}
:root{--state-positive-ink:#12643c;--state-positive-fill:#e7f6ec;--state-positive-line:#92caa7;--state-warning-ink:#854800;--state-warning-fill:#fff3d6;--state-warning-line:#e0b861;--state-danger-ink:#a12636;--state-danger-fill:#ffedf0;--state-danger-line:#e3a0aa;--state-info-ink:#20559b;--state-info-fill:#ebf3ff;--state-info-line:#a3bfdf}.status[class],.status-pill[class],.ess-access-pill[class]{--badge-ink:#49576b;--badge-fill:#eef1f5;--badge-line:#bfc8d5;border:1px solid var(--badge-line);background:var(--badge-fill);color:var(--badge-ink);letter-spacing:.025em;white-space:normal;box-sizing:border-box;vertical-align:middle;border-radius:7px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:750;line-height:1.4;display:inline-flex}.status:before,.status-pill:before,.ess-access-pill:before{content:"";width:12px;height:12px;-webkit-mask:var(--badge-symbol,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4'/%3E%3C/svg%3E")) center / contain no-repeat;mask:var(--badge-symbol,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4'/%3E%3C/svg%3E")) center / contain no-repeat;background:currentColor;flex:0 0 12px}.status:is(.status-active,.status-approved,.status-checker_approved,.status-completed,.status-passed,.status-accepted,.status-rejoined,.status-current),.status-pill.approved,.ess-access-pill.is-enabled{--badge-ink:var(--state-positive-ink);--badge-fill:var(--state-positive-fill);--badge-line:var(--state-positive-line);--badge-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.status:is(.status-pending,.status-submitted,.status-maker_submitted,.status-open,.status-notice,.status-temporarily_inactive,.status-missing_punch),.status-pill:is(.pending,.submitted){--badge-ink:var(--state-warning-ink);--badge-fill:var(--state-warning-fill);--badge-line:var(--state-warning-line);--badge-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 4v4l3 2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.status:is(.status-rejected,.status-failed,.status-blocked,.status-terminated,.status-absent,.status-coverage_gap,.status-conflict),.status-pill.rejected{--badge-ink:var(--state-danger-ink);--badge-fill:var(--state-danger-fill);--badge-line:var(--state-danger-line);--badge-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.status:is(.status-ready_for_review,.status-in_progress,.status-absence_submitted,.status-rejoin_submitted,.status-on_leave,.status-future_only,.status-holiday,.status-weekly_off){--badge-ink:var(--state-info-ink);--badge-fill:var(--state-info-fill);--badge-line:var(--state-info-line)}.status.status-locked,.ess-access-pill.is-disabled{--badge-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3.5' y='7' width='9' height='7' rx='1' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M5.5 7V4a2.5 2.5 0 0 1 5 0v3M8 10v1.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E")}.row-icon-action[data-action]{--action-ink:#36566f;--action-fill:#eef4f8;--action-line:#b8cbd9;background:var(--action-fill);border-color:var(--action-line);color:var(--action-ink);box-shadow:0 1px 2px #172b2610}.row-icon-action[data-action=eye]{--action-ink:#20559b;--action-fill:#ebf3ff;--action-line:#adc6e7}.row-icon-action[data-action=edit]{--action-ink:#854800;--action-fill:#fff3d6;--action-line:#dfbd7b}.row-icon-action:is([data-action=upload],[data-action=document]){--action-ink:#146859;--action-fill:#e5f5f1;--action-line:#99ccbf}.row-icon-action:is([data-action=key],[data-action=password-reset],[data-action=lock],[data-action=unlock]){--action-ink:#6842a1;--action-fill:#f2ecff;--action-line:#c4afe5}.row-icon-action:is([data-action=approval],.is-success){--action-ink:var(--state-positive-ink);--action-fill:var(--state-positive-fill);--action-line:var(--state-positive-line)}.row-icon-action:is([data-action=trash],.is-danger){--action-ink:var(--state-danger-ink);--action-fill:var(--state-danger-fill);--action-line:var(--state-danger-line)}.row-icon-action[data-action]:hover:not(:disabled){background:var(--action-fill);border-color:var(--action-ink);color:var(--action-ink);box-shadow:0 0 0 1px var(--action-line)}.row-icon-action[data-action]:active:not(:disabled){box-shadow:inset 0 1px 3px #172b2626}.row-icon-action[data-action]:disabled{color:#788391;box-shadow:none;opacity:.6;background:#f0f2f5;border-color:#cbd2db}.row-icon-action:focus-visible,.decision-approve:focus-visible,.decision-reject:focus-visible{outline-offset:3px;outline:3px solid #245ba5}.quiet-button.decision-approve{color:#fff;background:#12643c;border-color:#12643c;font-weight:700}.quiet-button.decision-reject{background:var(--state-danger-fill);border-color:var(--state-danger-line);color:var(--state-danger-ink);font-weight:700}.quiet-button.decision-approve:hover:not(:disabled){color:#fff;background:#0c4c2c}.quiet-button.decision-reject:hover:not(:disabled){color:#871d2b;background:#fbd9df}.quiet-button:is(.decision-approve,.decision-reject):disabled{color:#687484;cursor:not-allowed;opacity:.65;background:#eef1f5;border-color:#cbd2db}.workspace-error,.workspace-notice{border:1px solid;border-inline-start-width:4px;border-radius:8px;padding:12px 16px;line-height:1.5}.workspace-error{background:var(--state-danger-fill);color:var(--state-danger-ink);border-color:var(--state-danger-line);border-inline-start-color:var(--state-danger-ink)}.workspace-notice{background:var(--state-info-fill);color:var(--state-info-ink);border-color:var(--state-info-line);border-inline-start-color:var(--state-info-ink)}@media (pointer:coarse){.table-actions .row-icon-action,.row-actions .row-icon-action,.admin-table td>.row-icon-action{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.row-icon-action[data-action]{transition:none}}@media (forced-colors:active){.status,.status-pill,.ess-access-pill,.row-icon-action[data-action]{border-color:buttontext}.status:before,.status-pill:before,.ess-access-pill:before{forced-color-adjust:none;background:canvastext}}