/* Extracted from modules/shared/pages/frontend.view.php on 2026-06-24. Keep selector order unchanged. */
/* frontend.view.php style block #1 */
.senkra-busy-overlay{position:fixed;inset:0;z-index:2147482600;display:grid;place-items:center;padding:24px;background:rgba(8,21,39,.08);backdrop-filter:blur(6px) saturate(1.04);-webkit-backdrop-filter:blur(6px) saturate(1.04);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.document-upload-loading{z-index:2147482600!important}
.senkra-busy-overlay[hidden]{display:none!important}
.senkra-busy-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}
html.senkra-busy-immediate,
body.senkra-busy-immediate{overflow:hidden!important;overscroll-behavior:none!important}
html.senkra-busy-immediate .senkra-busy-overlay:not([hidden]),
body.senkra-busy-immediate .senkra-busy-overlay:not([hidden]){opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important;background:rgba(8,21,39,.10)!important;backdrop-filter:blur(8px) saturate(1.06)!important;-webkit-backdrop-filter:blur(8px) saturate(1.06)!important}
.senkra-busy-card{position:relative;display:grid;place-items:center;gap:7px;width:min(390px,74vw);padding:16px 36px 15px;border-radius:999px;background:linear-gradient(180deg,rgba(31,48,76,.84),rgba(18,34,58,.78));border:1px solid rgba(205,225,255,.26);box-shadow:0 18px 52px rgba(2,8,23,.26),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;color:#eaf4ff}
.senkra-busy-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-82%);animation:senkraBusySheen 2.2s ease-in-out infinite;pointer-events:none}
.senkra-busy-logo{position:relative;z-index:1;width:min(258px,54vw);height:auto;display:block;filter:drop-shadow(0 9px 17px rgba(0,0,0,.25))}
.senkra-busy-progress{position:relative;z-index:1;width:min(164px,40vw);height:2px;border-radius:999px;overflow:hidden;background:rgba(226,238,255,.18)}
.senkra-busy-progress span{display:block;width:44%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#60a5fa);animation:senkraBusyProgress 1.18s ease-in-out infinite}
.senkra-busy-text{position:relative;z-index:1;margin:0;color:#c9d8ea;font-size:11.5px;font-weight:850;line-height:1.28;text-align:center;letter-spacing:.01em}
body.senkra-busy-active{cursor:progress}
@keyframes senkraBusySheen{0%{transform:translateX(-82%)}52%,100%{transform:translateX(88%)}}
@keyframes senkraBusyProgress{0%{transform:translateX(-120%)}50%{transform:translateX(70%)}100%{transform:translateX(260%)}}
@media(max-width:640px){.senkra-busy-card{width:min(330px,86vw);padding:15px 24px 14px}.senkra-busy-logo{width:min(225px,62vw)}}

/* frontend.view.php style block #2 */
#ozlukBelgePreviewModal.ask-preview-modal{align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.46)}
        #ozlukBelgePreviewModal .ask-page{width:min(1220px,calc(100vw - 44px));max-width:calc(100vw - 44px);height:min(820px,calc(100vh - 44px));max-height:calc(100vh - 44px);border:1px solid rgba(203,213,225,.95);border-radius:12px;box-shadow:0 28px 70px rgba(15,23,42,.30);background:#f5f7fb;display:grid;grid-template-rows:62px minmax(0,1fr);overflow:hidden}
        #ozlukBelgePreviewModal .ask-topbar{min-height:62px;padding:10px 14px;border-bottom:1px solid #dbe3ee;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);display:flex;align-items:center;justify-content:space-between;gap:12px}
        #ozlukBelgePreviewModal .ask-topbar__left{display:flex;align-items:center;gap:10px;min-width:0}
        #ozlukBelgePreviewModal .ask-topbar__logo{width:34px;height:34px;border:1px solid #cfe1ee;border-radius:8px;background:#ecfdf5;display:grid;place-items:center;color:#0f766e;flex:0 0 auto}
        #ozlukBelgePreviewModal .ask-topbar__logo svg{width:18px;height:18px}
        #ozlukBelgePreviewModal .ask-topbar__copy{display:grid;gap:3px;min-width:0}
        #ozlukBelgePreviewModal .ask-topbar__title{font-size:15px;font-weight:950;color:#020617;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
        #ozlukBelgePreviewModal.is-archive-preview .ask-topbar__logo{border-color:#dbe3ee;background:#f1f5f9;color:#475569}
        #ozlukBelgePreviewModal .ask-topbar__title.is-status-title{display:inline-flex;align-items:center;min-height:32px;width:auto;max-width:100%;padding:7px 13px;border:1px solid #bfdbfe;border-radius:9px;background:linear-gradient(100deg,#eff6ff 0%,#ffffff 84%);color:#1d4ed8;font-size:17px;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.07)}
        #ozlukBelgePreviewModal .ask-topbar__title.is-status-title.is-approved{border-color:#bbf7d0;background:linear-gradient(100deg,#f0fdf4 0%,#ffffff 84%);color:#047857;box-shadow:0 10px 24px rgba(22,101,52,.07)}
        #ozlukBelgePreviewModal .ask-topbar__title.is-status-title.is-rejected{border-color:#fecdd3;background:linear-gradient(100deg,#fff1f2 0%,#ffffff 84%);color:#be123c;box-shadow:0 10px 24px rgba(190,18,60,.07)}
        #ozlukBelgePreviewModal .ask-topbar__title.is-status-title.is-archive{border-color:#dbe3ee;background:linear-gradient(100deg,#f8fafc 0%,#ffffff 84%);color:#475569;box-shadow:0 10px 24px rgba(71,85,105,.07)}
        #ozlukBelgePreviewModal .ask-topbar__subtitle{display:none}
        #ozlukBelgePreviewModal .ask-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
        #ozlukBelgePreviewModal .ask-btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer;line-height:1;letter-spacing:0}
        #ozlukBelgePreviewModal .ask-btn svg{width:15px;height:15px;margin-right:6px;flex:0 0 auto}
        #ozlukBelgePreviewModal .ask-icon-btn{position:relative;width:38px;min-width:38px;min-height:36px;padding:0;border-radius:9px}
        #ozlukBelgePreviewModal .ask-icon-btn svg{width:17px;height:17px;margin-right:0}
        #ozlukBelgePreviewModal .ask-icon-btn .ask-btn-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
        #ozlukBelgePreviewModal .ask-btn--soft{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
        #ozlukBelgePreviewModal .ask-btn:hover{background:#f1f5f9}
        #ozlukBelgePreviewModal .ask-btn--soft:hover{background:#dbeafe}
        #ozlukBelgePreviewModal .ask-btn--danger{border-color:#e2e8f0;background:#e9edf3;color:#0f172a}
        #ozlukBelgePreviewModal .ask-btn--danger:hover{background:#dde3ec}
        #ozlukBelgePreviewModal.is-preview-expanded{padding:12px}
        #ozlukBelgePreviewModal.is-preview-expanded .ask-page{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}
        #ozlukBelgePreviewModal.is-preview-expanded .ask-body{grid-template-columns:minmax(0,1fr)}
        #ozlukBelgePreviewModal.is-preview-expanded .ask-sidebar{display:none}
        #ozlukBelgePreviewModal.is-preview-expanded .ask-viewer{border-radius:8px}
        #ozlukBelgePreviewModal .ask-body{min-height:0;padding:10px;display:grid;grid-template-columns:minmax(292px,336px) minmax(0,1fr);gap:12px;align-items:stretch;overflow:hidden;background:#f5f7fb}
        #ozlukBelgePreviewModal .ask-sidebar{min-height:0;max-height:none;overflow:auto;padding-right:2px}
        #ozlukBelgePreviewModal .ask-sidebar .doc-preview-meta-side{display:grid;gap:10px;align-content:start}
        #ozlukBelgePreviewModal .doc-preview-profile-card{position:relative;display:grid;gap:7px;overflow:hidden;padding:14px 16px;border:1px solid #0f2a44;border-radius:10px;background:linear-gradient(135deg,#0f2a44 0%,#145f6a 100%);box-shadow:0 14px 30px rgba(15,42,68,.18)}
        #ozlukBelgePreviewModal .doc-preview-profile-card:after{content:'';position:absolute;right:-36px;top:-42px;width:128px;height:128px;border-radius:999px;border:22px solid rgba(255,255,255,.09)}
        #ozlukBelgePreviewModal .doc-preview-profile-eyebrow{position:relative;color:#c7f9f1;font-size:9px;font-weight:950;text-transform:uppercase;line-height:1.15}
        #ozlukBelgePreviewModal .doc-preview-profile-person{position:relative;display:flex;align-items:center;gap:7px;min-width:0}
        #ozlukBelgePreviewModal .doc-preview-profile-card strong{color:#fff;font-size:15px;font-weight:950;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
        #ozlukBelgePreviewModal .doc-preview-profile-badges{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
        #ozlukBelgePreviewModal .doc-preview-profile-badge{align-items:center;min-height:18px;padding:3px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.14);color:#ecfeff;font-size:9px;font-weight:950;line-height:1;white-space:nowrap}
        #ozlukBelgePreviewModal .doc-preview-profile-badge.is-gender-icon{width:22px;min-width:22px;height:22px;min-height:22px;padding:0;justify-content:center}
        #ozlukBelgePreviewModal .doc-preview-profile-badge.is-gender-icon svg{width:15px;height:15px;display:block}
        #ozlukBelgePreviewModal .doc-preview-profile-badge.is-gender-icon.male{background:#edf4ff;border-color:#d8e8ff;color:#2563eb}
        #ozlukBelgePreviewModal .doc-preview-profile-badge.is-gender-icon.female{background:#f5edff;border-color:#ead9ff;color:#7c3aed}
        #ozlukBelgePreviewModal .doc-preview-profile-line{position:relative;display:grid;min-width:0;padding-top:4px;border-top:1px solid rgba(255,255,255,.12)}
        #ozlukBelgePreviewModal .doc-preview-profile-line em{font-style:normal;color:#9fe7df;font-size:8px;font-weight:950;text-transform:uppercase;line-height:1}
        #ozlukBelgePreviewModal .doc-preview-profile-line b{display:block;min-width:0;color:#e0f2fe;font-size:12px;font-weight:950;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgePreviewModal .doc-preview-profile-line b#ozlukBelgePreviewProje{color:#a7f3d0}
        #ozlukBelgePreviewModal .doc-preview-profile-line b#ozlukBelgePreviewGorev{color:#e0f2fe}
        #ozlukBelgePreviewModal .doc-preview-profile-line b.is-fit-long{font-size:9.8px}
        #ozlukBelgePreviewModal .doc-preview-profile-line b.is-fit-xlong{font-size:8.7px}
        #ozlukBelgePreviewModal .doc-preview-status-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-height:74px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:10px;background:linear-gradient(100deg,#f0fdf4 0%,#ffffff 78%);box-shadow:0 12px 28px rgba(22,101,52,.07)}
        #ozlukBelgePreviewModal .doc-preview-status-card i{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:#dcfce7;color:#15803d}
        #ozlukBelgePreviewModal .doc-preview-status-card i svg{width:20px;height:20px}
        #ozlukBelgePreviewModal .doc-preview-status-card label{display:block;margin:0 0 4px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;line-height:1.1}
        #ozlukBelgePreviewModal .doc-preview-status-card strong{display:block;color:#047857;font-size:16px;font-weight:950;line-height:1.15}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-approved{border-color:#bbf7d0;background:linear-gradient(100deg,#f0fdf4 0%,#ffffff 78%)}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-approved i{background:#dcfce7;color:#15803d}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-approved strong{color:#047857}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-pending{border-color:#bfdbfe;background:linear-gradient(100deg,#eff6ff 0%,#ffffff 78%);box-shadow:0 12px 28px rgba(37,99,235,.07)}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-pending i{background:#dbeafe;color:#1d4ed8}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-pending strong{color:#1d4ed8}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-archive{border-color:#e2e8f0;background:linear-gradient(100deg,#f8fafc 0%,#ffffff 78%);box-shadow:0 12px 28px rgba(71,85,105,.06)}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-archive i{background:#e2e8f0;color:#475569}
        #ozlukBelgePreviewModal .doc-preview-status-card.is-archive strong{color:#475569}
        #ozlukBelgePreviewModal .doc-preview-info-group{display:grid;gap:7px;padding:10px;border:1px solid #dbe7f4;border-radius:10px;background:rgba(255,255,255,.86);box-shadow:0 10px 22px rgba(15,23,42,.04)}
        #ozlukBelgePreviewModal .doc-preview-group-title{display:flex;align-items:center;gap:7px;color:#475569;font-size:9px;font-weight:950;text-transform:uppercase;line-height:1.15}
        #ozlukBelgePreviewModal .doc-preview-group-title svg{width:14px;height:14px;color:#0f766e}
        #ozlukBelgePreviewModal .ask-sidebar .doc-preview-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center;min-height:31px;border:1px solid #e1e9f3;border-radius:8px;background:#f8fbff;padding:6px 8px;box-shadow:inset 3px 0 0 #d8f0ed}
        #ozlukBelgePreviewModal .ask-sidebar .doc-preview-card label{margin:0;color:#64748b;font-size:8.5px;font-weight:950;text-transform:uppercase;letter-spacing:0;line-height:1.15}
        #ozlukBelgePreviewModal .ask-sidebar .doc-preview-card strong,
        #ozlukBelgePreviewModal .ask-sidebar .doc-preview-card div{min-width:0;color:#0f172a;font-size:11.5px;font-weight:900;line-height:1.25;letter-spacing:0;word-break:break-word}
        #ozlukBelgePreviewModal .doc-preview-info-group-archive{border-color:#fed7aa;background:linear-gradient(180deg,#fff7ed 0%,#ffffff 100%)}
        #ozlukBelgePreviewModal .doc-preview-info-group-archive .doc-preview-group-title svg{color:#c2410c}
        #ozlukBelgePreviewModal .ask-viewer{min-height:0;overflow:hidden;border:1px solid #d8e2ef;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-framebox{position:relative;width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden;border:0;border-radius:0;background:#fff;display:grid;place-items:center}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);color:#475569}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-loading-mark{width:38px;height:38px;border:3px solid #dbeafe;border-top-color:#0f766e;border-radius:999px;animation:docPreviewSpin .85s linear infinite}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-loading strong{display:block;color:#0f172a;font-size:14px;font-weight:950;line-height:1.2}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-loading small{display:block;max-width:320px;color:#64748b;font-size:11px;font-weight:800;line-height:1.35}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-framebox:not(.is-loading):not(.is-error) .doc-preview-loading{display:none}
        @keyframes docPreviewSpin{to{transform:rotate(360deg)}}
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-framebox iframe,
        #ozlukBelgePreviewModal .ask-viewer .doc-preview-framebox img{width:100%;max-width:100%;height:100%;min-height:0;border:0;border-radius:0;display:block;background:#fff;object-fit:contain}
        #ozlukBelgePreviewModal .ask-body.doc-preview-body-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,480px)}
        #ozlukBelgePreviewModal .ask-body.doc-preview-body-workspace .ask-viewer{order:1}
        #ozlukBelgePreviewModal .ask-body.doc-preview-body-workspace .ask-sidebar{order:2}
        .doc-preview-body.doc-preview-body-workspace{grid-template-columns:minmax(560px,1fr) minmax(440px,480px);align-items:stretch}
        .doc-preview-body.doc-preview-body-workspace .doc-preview-main{order:1;min-height:0}
        .doc-preview-body.doc-preview-body-workspace .doc-preview-side{order:2;max-height:calc(94vh - 86px);padding-right:0}
        .doc-preview-body.doc-preview-body-workspace .doc-preview-framebox{min-height:calc(94vh - 116px)}
        .doc-preview-body.doc-preview-body-workspace .doc-preview-framebox iframe,
        .doc-preview-body.doc-preview-body-workspace .doc-preview-framebox img{height:calc(94vh - 116px)}
        #ozlukBelgePreviewModal{z-index:100120}
        .doc-preview-meta-side{display:grid;gap:10px}
        .ozluk-preview-workspace-side{display:grid;gap:14px;align-content:start;height:100%;padding:14px;border:1px solid #dbe7f4;border-radius:12px;background:#f8fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
        .ozluk-preview-workspace-head{display:grid;gap:5px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}
        .ozluk-preview-workspace-head span{color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
        .ozluk-preview-workspace-head h4{margin:0;color:#0f172a;font-size:20px}
        .ozluk-preview-workspace-head p{margin:0;color:#64748b;font-size:12px;font-weight:800;line-height:1.45;word-break:break-word}
        .ozluk-preview-field{display:grid;gap:7px;margin-top:0}
        .ozluk-preview-field label{color:#475569;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
        .ozluk-preview-extra-check{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid #dbe7f4;border-radius:10px;background:#fff;color:#334155;font-weight:800;line-height:1.35;cursor:pointer}
        .ozluk-preview-extra-check input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
        .ozluk-preview-extra-switch-ui{position:relative;width:66px;height:34px;border-radius:999px;border:1px solid #cbd5e1;background:#e2e8f0;box-shadow:inset 0 1px 2px rgba(15,23,42,.10);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
        .ozluk-preview-extra-switch-ui b{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:999px;background:#fff;box-shadow:0 3px 9px rgba(15,23,42,.22);transition:left .18s ease}
        .ozluk-preview-extra-switch-ui em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-size:9px;font-weight:950;line-height:1;letter-spacing:0;color:#64748b;transition:opacity .18s ease,color .18s ease}
        .ozluk-preview-extra-switch-ui .is-off{right:9px;opacity:1}
        .ozluk-preview-extra-switch-ui .is-on{left:9px;opacity:0;color:#fff}
        .ozluk-preview-extra-check input:checked + .ozluk-preview-extra-switch-ui{border-color:#1d4ed8;background:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.18)}
        .ozluk-preview-extra-check input:checked + .ozluk-preview-extra-switch-ui b{left:34px}
        .ozluk-preview-extra-check input:checked + .ozluk-preview-extra-switch-ui .is-off{opacity:0}
        .ozluk-preview-extra-check input:checked + .ozluk-preview-extra-switch-ui .is-on{opacity:1}
        .ozluk-preview-extra-check input:focus-visible + .ozluk-preview-extra-switch-ui{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}
        .ozluk-preview-extra-switch-copy{display:grid;gap:2px;min-width:0}
        .ozluk-preview-extra-switch-copy strong{font-size:12px;color:#0f172a}
        .ozluk-preview-extra-switch-copy small{font-size:11px;color:#64748b;font-weight:800}
        .ozluk-preview-employee-picker{display:grid;gap:8px;min-width:0}
        .ozluk-preview-employee-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
        .ozluk-preview-employee-search .btn-secondary{min-height:38px;white-space:nowrap}
        .ozluk-preview-employee-results{max-height:min(320px,38vh);overflow-y:auto;overflow-x:hidden;border:1px solid #dbe7f4;border-radius:10px;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.06)}
        .ozluk-preview-employee-empty{padding:12px;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}
        .ozluk-preview-employee-list{display:grid;gap:0;padding:4px}
        .ozluk-preview-employee-option{width:100%;min-width:0;display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);gap:10px;align-items:start;padding:10px;border:0;border-bottom:1px solid #eef2f7;border-radius:8px;background:#fff;text-align:left;cursor:pointer}
        .ozluk-preview-employee-option:last-child{border-bottom:0}
        .ozluk-preview-employee-option:hover,.ozluk-preview-employee-option:focus{background:#f8fbff;outline:2px solid rgba(37,99,235,.14);outline-offset:-2px}
        .ozluk-preview-employee-option-main,.ozluk-preview-employee-option-project{min-width:0;display:grid;gap:3px}
        .ozluk-preview-employee-name-line{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
        .ozluk-preview-employee-option strong{min-width:0;color:#0f172a;font-size:12px;line-height:1.25;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .ozluk-preview-employee-option em{flex:0 0 auto;padding:2px 7px;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-style:normal;font-size:10px;font-weight:950;line-height:1.15}
        .ozluk-preview-employee-option em.is-active{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
        .ozluk-preview-employee-option em.is-passive{border-color:#e2e8f0;background:#f1f5f9;color:#475569}
        .ozluk-preview-employee-option small,.ozluk-preview-employee-option-project{color:#64748b;font-size:11px;font-weight:850;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
        .ozluk-preview-employee-option-project{justify-self:stretch;color:#475569}
        .ozluk-preview-workspace-status{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #dbe7f4;color:#475569;font-size:12px;font-weight:800;line-height:1.45}
        .ozluk-preview-workspace-status.is-error{border-color:#fecaca;background:#fff1f2;color:#991b1b}
        .ozluk-preview-workspace-status.is-ok{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
        .ozluk-preview-workspace-actions{position:sticky;bottom:0;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:auto;padding-top:10px;background:#f8fbff}
        .ozluk-preview-workspace-actions>button:nth-child(2){margin-left:auto}
        .ozluk-workspace-native-input,.ozluk-workspace-dropzone>input[type=file]{display:none!important}
        .ozluk-workspace-dropzone.bulk-upload-dropzone-compact{min-height:190px;padding:20px;border:2px dashed #b9d4fb;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
        .ozluk-workspace-dropzone.bulk-upload-dropzone-compact:hover,.ozluk-workspace-dropzone.is-dragover{border-color:#2563eb;background:#eff6ff;box-shadow:0 14px 28px rgba(37,99,235,.08)}
        .ozluk-workspace-dropzone .bulk-upload-dropzone-body{grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;min-height:148px}
        .ozluk-workspace-dropzone .bulk-upload-dropzone-copy-compact{display:grid!important;gap:12px!important;align-content:center;width:100%}
        .ozluk-workspace-file-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
        .ozluk-workspace-file-label{min-width:150px;justify-content:center;cursor:pointer}
        .ozluk-workspace-dropzone-title{display:block;color:#0f172a;font-size:14px;font-weight:900}
        .ozluk-workspace-dropzone-text{display:block;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}
        .ozluk-qr-dialog{display:grid;gap:14px;color:#0f172a;text-align:left}
        .ozluk-qr-dialog-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}
        .ozluk-qr-preview{min-height:170px;border:1px solid #dbe7f4;border-radius:12px;background:#f8fbff;display:grid;place-items:center;overflow:hidden;color:#64748b;font-size:12px;font-weight:900;text-align:center}
        .ozluk-qr-preview.is-large{min-height:230px;background:#fff}
        .ozluk-qr-preview img{max-width:100%;max-height:260px;display:block}
        .ozluk-qr-dialog-copy{display:grid;gap:10px;min-width:0}
        .ozluk-qr-kicker{width:max-content;max-width:100%;padding:6px 10px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#047857;font-size:11px;font-weight:950;text-transform:uppercase}
        .ozluk-qr-dialog-copy h5{margin:0;color:#0f172a;font-size:20px;line-height:1.2;font-weight:950}
        .ozluk-qr-dialog-copy p{margin:0;color:#475569;font-size:13px;font-weight:800;line-height:1.5}
        .ozluk-qr-source{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid #dbe7f4;border-radius:10px;background:#fff}
        .ozluk-qr-source b{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase}
        .ozluk-qr-source span{font-size:12px;font-weight:900;color:#0f172a;overflow-wrap:anywhere}
        .ozluk-qr-source-link{padding:7px 10px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:950;text-decoration:none;white-space:nowrap}
        .ozluk-qr-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dbe7f4;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:900;cursor:pointer}
        .ozluk-qr-choice input{width:17px;height:17px;accent-color:#0f766e}
        .ozluk-qr-choice.is-danger{border-color:#fecaca;background:#fff7f7;color:#991b1b}
        .ozluk-qr-note{width:100%;min-height:82px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:800;color:#0f172a;resize:vertical}
        @media(max-width:760px){.ozluk-qr-dialog-grid{grid-template-columns:1fr}.ozluk-qr-source{grid-template-columns:1fr}.ozluk-qr-source-link{width:max-content}}
        @media(max-width:1120px){#ozlukBelgePreviewModal .ask-page{grid-template-rows:auto minmax(0,1fr)}#ozlukBelgePreviewModal .ask-topbar{align-items:flex-start;flex-direction:column;padding:12px 16px}#ozlukBelgePreviewModal .ask-topbar__actions{width:100%;justify-content:flex-end}#ozlukBelgePreviewModal .ask-body{grid-template-columns:1fr;overflow:auto;gap:12px}#ozlukBelgePreviewModal .ask-viewer{min-height:520px}#ozlukBelgePreviewModal .ask-sidebar{overflow:visible}.doc-preview-body.doc-preview-body-workspace{grid-template-columns:1fr;overflow:auto}.doc-preview-body.doc-preview-body-workspace .doc-preview-side{order:1;max-height:none}.doc-preview-body.doc-preview-body-workspace .doc-preview-main{order:2}.doc-preview-body.doc-preview-body-workspace .doc-preview-framebox{min-height:520px}.doc-preview-body.doc-preview-body-workspace .doc-preview-framebox iframe,.doc-preview-body.doc-preview-body-workspace .doc-preview-framebox img{height:520px}}
        @media(max-width:640px){#ozlukBelgePreviewModal .ask-topbar__left{width:100%}#ozlukBelgePreviewModal .ask-topbar__subtitle{max-width:100%}#ozlukBelgePreviewModal .ask-topbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end}#ozlukBelgePreviewModal .ask-btn{padding:8px 10px}#ozlukBelgePreviewModal .ask-icon-btn{width:38px;min-width:38px;padding:0}#ozlukBelgePreviewModal .ask-body{padding:10px}#ozlukBelgePreviewModal .ask-viewer{min-height:430px}}

/* frontend.view.php style block #3 */
#ozlukBelgeOnayModal.ozluk-document-action-modal{align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.46);z-index:100120}
        #ozlukBelgeOnayModal .ozluk-document-action-panel{width:min(1220px,calc(100vw - 44px));height:min(820px,calc(100vh - 44px));max-height:calc(100vh - 44px);display:grid;grid-template-rows:84px minmax(0,1fr);overflow:hidden;border:1px solid rgba(203,213,225,.95);border-radius:12px;background:#f5f7fb;box-shadow:0 28px 70px rgba(15,23,42,.30)}
        #ozlukBelgeOnayModal .ozluk-document-action-head{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #dbe3ee;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
        #ozlukBelgeOnayModal .ozluk-document-action-titlebar{display:flex;align-items:center;gap:10px;min-width:0}
        #ozlukBelgeOnayModal .ozluk-document-action-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
        #ozlukBelgeOnayModal .approval-review-delete-decision-card{grid-template-columns:1fr;gap:8px;align-items:stretch;border-left-color:#f8b4b4;background:linear-gradient(180deg,#ffffff 0%,#fffafa 100%);box-shadow:inset 3px 0 0 #fecaca,0 1px 0 rgba(15,23,42,.02)}
        #ozlukBelgeOnayModal .approval-review-delete-decision-card>label{color:#7f1d1d}
        #ozlukBelgeOnayModal .ozluk-delete-decision-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}
        #ozlukBelgeOnayModal .ozluk-delete-decision-actions .btn-secondary,#ozlukBelgeOnayModal .ozluk-delete-decision-actions .btn-small{width:100%;min-height:36px;justify-content:center;border-radius:8px;font-size:12px;font-weight:950;white-space:nowrap}
        #ozlukBelgeOnayModal .ozluk-delete-decision-actions .btn-small{box-shadow:0 8px 18px rgba(15,118,110,.16)}
        #ozlukBelgeOnayModal .ozluk-delete-decision-note{align-items:center;justify-content:center;min-height:36px;padding:7px 9px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:850;text-align:center}
        #ozlukBelgeOnayModal .ozluk-delete-decision-note strong{color:#0f172a}
        #ozlukBelgeOnayModal .ozluk-document-action-icon{width:34px;height:34px;border:1px solid #cfe1ee;border-radius:8px;background:#ecfdf5;display:grid;place-items:center;color:#0f766e;flex:0 0 auto}
        #ozlukBelgeOnayModal .ozluk-document-action-icon svg{width:18px;height:18px}
        #ozlukBelgeOnayModal .ozluk-document-action-copy{display:grid;gap:3px;min-width:0}
        #ozlukBelgeOnayModal .settings-badge{width:max-content;max-width:100%;padding:0;border:0;background:transparent;color:#64748b;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgeOnayModal .approval-review-head h4{margin:0;color:#020617;font-size:15px;line-height:1.2;font-weight:950;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgeOnayModal .approval-review-head p{max-width:min(640px,54vw);margin:0;color:#64748b;font-size:11px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgeOnayModal .ozluk-document-action-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .btn-secondary{min-height:34px;border-radius:8px;border-color:#d7e3f2;background:#f8fbff;color:#12315f;font-size:12px;font-weight:900;text-decoration:none}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .btn-secondary svg{width:16px;height:16px}
        #ozlukBelgeOnayModal .doc-preview-close{min-height:34px;min-width:92px;border:1px solid #e2e8f0;border-radius:8px;background:#e9edf3;color:#0f172a;font-size:12px;font-weight:900;box-shadow:none}
        #ozlukBelgeOnayModal .doc-preview-close:hover{background:#dde3ec}
        #ozlukBelgeOnayModal .approval-review-body{min-height:0;height:100%;display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:12px;padding:10px;background:#f5f7fb;overflow:hidden;align-items:stretch}
        #ozlukBelgeOnayModal .approval-review-side{min-height:0;overflow:auto;display:grid;align-content:start;gap:6px;padding:0 2px 2px 0}
        #ozlukBelgeOnayModal .approval-review-card{min-height:34px;padding:6px 8px;border:1px solid #dbe4ee;border-radius:7px;background:linear-gradient(90deg,#ffffff 0%,#ffffff 62%,#f8fbff 100%);box-shadow:inset 3px 0 0 #d8f0ed,0 1px 0 rgba(15,23,42,.02);display:grid;grid-template-columns:112px minmax(0,1fr);gap:7px;align-items:center}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayFirma){order:-4;position:relative;display:grid;grid-template-columns:1fr;gap:5px;align-items:start;overflow:hidden;padding:11px 12px;background:linear-gradient(135deg,#0f2a44 0%,#155e75 100%);border-color:#0f2a44;box-shadow:0 10px 22px rgba(15,42,68,.16)}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayFirma):after{content:'';position:absolute;right:-28px;top:-34px;width:92px;height:92px;border-radius:999px;border:18px solid rgba(255,255,255,.09)}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayFirma) label{color:#c7f9f1}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayFirma) div{position:relative;color:#fff;font-size:13px;line-height:1.3}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayProje){order:-3}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayCalisan){order:-2}
        #ozlukBelgeOnayModal .approval-review-card:has(#ozlukBelgeOnayBelge){order:-1}
        #ozlukBelgeOnayModal .approval-review-card label{margin:0;color:#475569;font-size:8.5px;line-height:1.15;font-weight:950;text-transform:uppercase;letter-spacing:0}
        #ozlukBelgeOnayModal .approval-review-card strong,#ozlukBelgeOnayModal .approval-review-card div{min-width:0;color:#0f172a;font-size:12px;line-height:1.3;font-weight:850;letter-spacing:0;overflow-wrap:anywhere}
        #ozlukBelgeOnayModal .approval-review-status{width:max-content;max-width:100%;min-height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950;line-height:1}
        #ozlukBelgeOnayModal .approval-review-status.is-wait{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
        #ozlukBelgeOnayModal .approval-review-status.is-ok{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}
        #ozlukBelgeOnayModal .approval-review-status.is-warn{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
        #ozlukBelgeOnayModal .approval-review-control-panel{grid-template-columns:1fr;gap:8px;align-items:stretch;border-left-color:#bfdcff;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);padding:8px;box-shadow:inset 3px 0 0 #bfdbfe,0 1px 0 rgba(15,23,42,.02)}
        #ozlukBelgeOnayModal .approval-review-control-panel>label{grid-column:1/-1;color:#475569;font-size:8.5px;font-weight:950;text-transform:uppercase}
        #ozlukBelgeOnayModal .approval-review-control-body{display:grid;gap:8px;min-width:0}
        #ozlukBelgeOnayModal .approval-review-inline-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
        #ozlukBelgeOnayModal .approval-review-inline-actions .btn-small,#ozlukBelgeOnayModal .approval-review-inline-actions .btn-secondary{width:100%;min-height:36px;justify-content:center;border-radius:8px;font-size:12px;font-weight:950;text-decoration:none;white-space:nowrap}
        #ozlukBelgeOnayModal .approval-review-inline-actions .btn-secondary{border:1px solid #a8e5dc;background:#f2fffc;color:#0f5f58}
        #ozlukBelgeOnayModal .approval-review-inline-actions .is-danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}
        #ozlukBelgeOnayModal .approval-review-inline-edit-form,#ozlukBelgeOnayModal .approval-review-hidden-form{display:none}
        #ozlukBelgeOnayModal .approval-review-inline-file{padding:7px 9px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900;line-height:1.3;overflow-wrap:anywhere}
        #ozlukBelgeOnayModal .approval-review-actions{display:flex;gap:7px;justify-content:flex-start;flex-wrap:wrap}
        #ozlukBelgeOnayModal .approval-review-actions-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}
        #ozlukBelgeOnayModal .approval-review-actions-unified .btn-secondary,#ozlukBelgeOnayModal .approval-review-actions-unified .btn-small{width:100%;min-height:36px;justify-content:center;border-radius:8px;font-size:12px;font-weight:950;white-space:nowrap}
        #ozlukBelgeOnayModal .approval-review-actions-unified .btn-small{box-shadow:0 8px 18px rgba(37,99,235,.16)}
        .ozluk-red-reason-dialog{display:grid;gap:10px;width:100%;max-width:100%;min-width:0}
        .ozluk-red-reason-dialog p{margin:0;max-width:100%;color:#475569;font-size:13px;font-weight:750;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
        .ozluk-red-reason-dialog textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:132px;resize:vertical;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;background:#f8fbff;color:#0f172a;font-size:13px;font-weight:800;line-height:1.45;box-sizing:border-box}
        .ozluk-red-reason-dialog textarea:focus{outline:2px solid rgba(37,99,235,.22);border-color:#2563eb}
        #ozlukBelgeOnayModal .approval-review-main{min-width:0;min-height:0;height:100%;display:grid;align-self:stretch}
        #ozlukBelgeOnayModal .approval-review-framebox{min-height:0;height:100%;overflow:hidden;border:1px solid #d8e2ef;border-radius:8px;background:#fff;padding:0;box-shadow:0 12px 28px rgba(15,23,42,.06)}
        #ozlukBelgeOnayModal .approval-review-framebox iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}
        #ozlukBelgeOnayModal #ozlukBelgeOnayIzinDetay{grid-column:1/-1;display:grid;gap:8px}
        #ozlukBelgeOnayModal .settings-badge{display:none}
        #ozlukBelgeOnayModal .approval-review-head p{display:none}
        #ozlukBelgeOnayModal .approval-review-title-status{flex:1 1 430px;width:min(430px,46vw);max-width:100%}
        #ozlukBelgeOnayModal .approval-review-head-status h4,#ozlukBelgeOnayModal .approval-review-head-status p{display:none!important}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer;line-height:1;letter-spacing:0}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn svg{width:15px;height:15px;margin-right:6px;flex:0 0 auto}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-icon-btn{position:relative;width:38px;min-width:38px;min-height:36px;padding:0;border-radius:9px}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-icon-btn svg{width:17px;height:17px;margin-right:0}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-icon-btn .ask-btn-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn--soft{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn:hover{background:#f1f5f9}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn--soft:hover{background:#dbeafe}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn--danger{border-color:#e2e8f0;background:#e9edf3;color:#0f172a}
        #ozlukBelgeOnayModal .ozluk-document-action-actions .ask-btn--danger:hover{background:#dde3ec}
        #ozlukBelgeOnayModal .approval-review-body{grid-template-columns:minmax(360px,400px) minmax(0,1fr)}
        #ozlukBelgeOnayModal .approval-review-side{gap:10px;padding:0 3px 2px 0}
        #ozlukBelgeOnayModal .approval-review-profile-card{position:relative;overflow:hidden;display:grid;gap:7px;min-height:104px;padding:13px 16px;border:1px solid #0f2a44;border-radius:9px;background:linear-gradient(135deg,#102842 0%,#155e75 100%);box-shadow:0 12px 24px rgba(15,42,68,.16)}
        #ozlukBelgeOnayModal .approval-review-profile-card:after{content:'';position:absolute;right:-34px;top:-40px;width:132px;height:132px;border-radius:999px;border:22px solid rgba(255,255,255,.09)}
        #ozlukBelgeOnayModal .approval-review-profile-main{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        #ozlukBelgeOnayModal .approval-review-profile-main strong{min-width:0;max-width:calc(100% - 68px);color:#fff;font-size:16px;line-height:1.2;font-weight:950;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgeOnayModal .approval-review-profile-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0;flex:0 0 auto}
        #ozlukBelgeOnayModal .approval-review-profile-badge{height:20px;align-items:center;justify-content:center;padding:3px 8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.13);color:#eafffb;font-size:9.5px;font-weight:950;line-height:1;white-space:nowrap}
        #ozlukBelgeOnayModal .approval-review-profile-badge.is-gender-icon{width:22px;min-width:22px;height:22px;min-height:22px;padding:0}
        #ozlukBelgeOnayModal .approval-review-profile-badge.is-gender-icon svg{width:15px;height:15px;display:block}
        #ozlukBelgeOnayModal .approval-review-profile-badge.is-gender-icon.male{background:#edf4ff;border-color:#d8e8ff;color:#2563eb}
        #ozlukBelgeOnayModal .approval-review-profile-badge.is-gender-icon.female{background:#f5edff;border-color:#ead9ff;color:#7c3aed}
        #ozlukBelgeOnayModal .approval-review-profile-line,#ozlukBelgeOnayModal .approval-review-profile-duty{position:relative;z-index:1;min-width:0;padding-top:5px;border-top:1px solid rgba(255,255,255,.14);color:#a7f3d0;font-size:12.5px;line-height:1.22;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        #ozlukBelgeOnayModal .approval-review-profile-duty{border-top:0;padding-top:0;color:#ffffff;font-size:12px;font-weight:900;opacity:.94}
        #ozlukBelgeOnayModal .approval-review-status-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:11px 12px;border:1px solid #bbf7d0;border-radius:10px;background:linear-gradient(120deg,#ecfdf5 0%,#ffffff 72%);box-shadow:0 8px 20px rgba(15,118,110,.08)}
        #ozlukBelgeOnayModal .approval-review-status-card.is-wait{border-color:#fed7aa;background:linear-gradient(120deg,#fff7ed 0%,#ffffff 72%)}
        #ozlukBelgeOnayModal .approval-review-status-card.is-warn{border-color:#fecdd3;background:linear-gradient(120deg,#fff1f2 0%,#ffffff 72%)}
        #ozlukBelgeOnayModal .approval-review-status-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dcfce7;color:#15803d}
        #ozlukBelgeOnayModal .approval-review-status-card.is-wait .approval-review-status-icon{background:#ffedd5;color:#c2410c}
        #ozlukBelgeOnayModal .approval-review-status-card.is-warn .approval-review-status-icon{background:#ffe4e6;color:#be123c}
        #ozlukBelgeOnayModal .approval-review-status-icon svg{width:18px;height:18px}
        #ozlukBelgeOnayModal .approval-review-status-card label{display:block;margin:0 0 3px;color:#64748b;font-size:10px;line-height:1.1;font-weight:950;text-transform:uppercase;letter-spacing:0}
        #ozlukBelgeOnayModal .approval-review-head-status{width:100%;min-height:58px;padding:8px 10px;grid-template-columns:38px minmax(0,1fr);gap:9px;border-radius:10px}
        #ozlukBelgeOnayModal .approval-review-head-status .approval-review-status-icon{width:34px;height:34px;border-radius:10px}
        #ozlukBelgeOnayModal .approval-review-head-status .approval-review-status-icon svg{width:17px;height:17px}
        #ozlukBelgeOnayModal .approval-review-head-status label{font-size:10px;margin-bottom:4px}
        #ozlukBelgeOnayModal .approval-review-head-status .approval-review-status{min-height:24px;padding:5px 10px;font-size:11px}
        #ozlukBelgeOnayModal .approval-review-group{display:grid;gap:7px;padding:8px;border:1px solid #d9e5f2;border-radius:10px;background:rgba(255,255,255,.86);box-shadow:0 10px 22px rgba(15,23,42,.04)}
        #ozlukBelgeOnayModal .approval-review-group-title{order:-1;display:flex;align-items:center;gap:8px;color:#475569;font-size:10px;line-height:1.1;font-weight:950;text-transform:uppercase;letter-spacing:0}
        #ozlukBelgeOnayModal .approval-review-group-title svg{width:15px;height:15px;color:#0f766e}
        #ozlukBelgeOnayModal .approval-review-group .approval-review-card{order:0;min-height:38px;padding:7px 9px;border-radius:8px;background:#f8fbff;box-shadow:inset 3px 0 0 #d8f0ed;grid-template-columns:114px minmax(0,1fr)}
        #ozlukBelgeOnayModal .approval-review-group .approval-review-card label{color:#64748b;font-size:9px}
        #ozlukBelgeOnayModal .approval-review-group .approval-review-card div,#ozlukBelgeOnayModal .approval-review-group .approval-review-card strong{font-size:12px;font-weight:900}
        #ozlukBelgeOnayModal .approval-review-control-panel{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;border-color:#bfdbfe;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);padding:8px;box-shadow:0 12px 24px rgba(37,99,235,.06)}
        #ozlukBelgeOnayModal .approval-review-delete-decision-card{padding:8px;border-radius:10px}
        @media(max-width:980px){#ozlukBelgeOnayModal .ozluk-document-action-panel{height:calc(100vh - 24px);width:calc(100vw - 24px)}#ozlukBelgeOnayModal .approval-review-body{grid-template-columns:1fr;overflow:auto}#ozlukBelgeOnayModal .approval-review-side{overflow:visible}#ozlukBelgeOnayModal .approval-review-main{min-height:520px}#ozlukBelgeOnayModal .approval-review-framebox iframe{min-height:520px}}
        @media(max-width:640px){#ozlukBelgeOnayModal.ozluk-document-action-modal{padding:10px}#ozlukBelgeOnayModal .ozluk-document-action-head{align-items:flex-start;flex-direction:column;padding:12px;min-height:0}#ozlukBelgeOnayModal .ozluk-document-action-titlebar{width:100%}#ozlukBelgeOnayModal .ozluk-document-action-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}#ozlukBelgeOnayModal .ozluk-document-action-actions .btn-secondary,#ozlukBelgeOnayModal .doc-preview-close{width:100%;justify-content:center}#ozlukBelgeOnayModal .approval-review-head p{max-width:100%}#ozlukBelgeOnayModal .approval-review-card{grid-template-columns:1fr}#ozlukBelgeOnayModal .approval-review-body{padding:10px;gap:10px}}

/* frontend.view.php style block #4 */
.app-dialog-modal {
            position: fixed;
            inset: 0;
            z-index: 2147483400;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            backdrop-filter: blur(6px) saturate(100%) !important;
            -webkit-backdrop-filter: blur(6px) saturate(100%) !important;
        }
        .app-dialog-modal.is-open {
            display: flex;
        }
        html.app-dialog-open,
        body.app-dialog-open {
            overflow: hidden !important;
            overscroll-behavior: none;
        }
        html.ibys-modal-scroll-locked,
        body.ibys-modal-scroll-locked {
            overflow: hidden !important;
            overscroll-behavior: none !important;
        }
        body.ibys-modal-scroll-locked .admin-layout .main-panel,
        body.ibys-modal-scroll-locked .admin-layout .content-area,
        body.ibys-modal-scroll-locked .ibys-v2-subnav,
        body.ibys-modal-scroll-locked .ibys-v2-rail-flyout-body,
        body.ibys-modal-scroll-locked .ibys-v2-module-rail,
        body.ibys-modal-scroll-locked .sidebar-menu,
        body.ibys-modal-scroll-locked [data-ibys-scroll-root] {
            overscroll-behavior: none !important;
        }
        .app-dialog-panel {
            width: min(560px, 100%);
            background: #fff;
            border: 1px solid #dbe7f5;
            border-radius: 12px;
            box-shadow: 0 22px 55px rgba(15, 35, 65, .24);
            padding: 22px;
            display: grid;
            grid-template-columns: 54px 1fr;
            gap: 16px;
            animation: appDialogIn .16s ease-out;
        }
        .app-dialog-icon {
            width: 54px;
            height: 54px;
            border-radius: 12px;
            background: #edf4ff;
            color: #005be8;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 900;
        }
        .app-dialog-icon.is-alert {
            background: #fff3df;
            color: #d98200;
        }
        .app-dialog-content h4 {
            margin: 0 0 8px;
            color: #0b1f3a;
            font-size: 20px;
            font-weight: 900;
        }
        .app-dialog-content p,
        .app-dialog-message {
            margin: 0;
            color: #52657d;
            font-size: 15px;
            line-height: 1.55;
            font-weight: 700;
            white-space: pre-line;
        }
        .app-dialog-panel.is-wide {
            width: min(1040px, 100%);
            max-height: calc(100vh - 36px);
            overflow: auto;
        }
        .app-dialog-panel.is-wide .app-dialog-icon {
            display: none;
        }
        .app-dialog-panel.is-wide .app-dialog-content {
            grid-column: 1 / -1;
        }
        .app-dialog-panel.is-wide .app-dialog-message {
            white-space: normal;
        }
        .app-dialog-actions {
            grid-column: 1 / -1;
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            padding-top: 4px;
        }
        .app-dialog-btn {
            height: 40px;
            min-width: 92px;
            border-radius: 8px;
            border: 1px solid #cbd9ea;
            padding: 0 18px;
            font-weight: 900;
            cursor: pointer;
            background: #fff;
            color: #0b1f3a;
        }
        .app-dialog-btn.primary {
            background: #0f8a7d;
            border-color: #0f8a7d;
            color: #fff;
            box-shadow: 0 10px 22px rgba(15, 138, 125, .22);
        }
        .app-dialog-btn.secondary {
            background: #fff;
            color: #0b1f3a;
        }
        .app-dialog-btn:focus {
            outline: 3px solid rgba(0, 91, 232, .18);
            outline-offset: 2px;
        }
        @keyframes appDialogIn {
            from {
                opacity: 0;
                transform: translateY(10px) scale(.98);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        @media (max-width: 640px) {
            .app-dialog-panel {
                grid-template-columns: 1fr;
            }
            .app-dialog-actions {
                flex-direction: column;
            }
            .app-dialog-btn {
                width: 100%;
            }
        }
        .app-dialog-modal {
            padding: 20px;
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            backdrop-filter: blur(6px) saturate(100%) !important;
            -webkit-backdrop-filter: blur(6px) saturate(100%) !important;
            z-index: 2147483400;
        }
        .app-dialog-panel {
            width: min(500px, calc(100vw - 40px));
            max-height: calc(100vh - 40px);
            overflow-x: hidden;
            overflow-y: auto;
            grid-template-columns: 42px minmax(0, 1fr);
            gap: 13px;
            padding: 18px;
            border: 1px solid #d7e3f1;
            border-radius: 10px;
            box-shadow: 0 24px 64px rgba(15, 23, 42, .28);
        }
        .app-dialog-icon {
            width: 42px;
            height: 42px;
            border-radius: 9px;
            font-size: 19px;
            flex: 0 0 auto;
        }
        .app-dialog-content {
            min-width: 0;
            display: grid;
            align-content: start;
            gap: 6px;
        }
        .app-dialog-content h4 {
            margin: 0;
            font-size: 17px;
            line-height: 1.22;
        }
        .app-dialog-message {
            font-size: 13px;
            line-height: 1.48;
            color: #52657d;
            font-weight: 750;
            max-width: 100%;
            overflow-wrap: anywhere;
        }
        .app-dialog-panel.is-wide {
            width: min(1040px, calc(100vw - 40px));
            padding: 18px;
        }
        .app-dialog-actions {
            justify-content: flex-end;
            gap: 8px;
            padding-top: 8px;
            border-top: 1px solid #edf2f7;
        }
        .app-dialog-btn {
            height: 36px;
            min-width: 92px;
            padding: 0 14px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 900;
        }
        .app-dialog-btn.primary {
            background: #005be8;
            border-color: #005be8;
            box-shadow: 0 8px 18px rgba(0, 91, 232, .18);
        }
        .app-dialog-btn.secondary {
            background: #f8fafc;
            border-color: #d8e3ef;
            color: #334155;
        }
        .app-dialog-btn:hover {
            transform: translateY(-1px);
        }
        @media (max-width: 640px) {
            .app-dialog-modal {
                padding: 12px;
            }
            .app-dialog-panel,
            .app-dialog-panel.is-wide {
                width: calc(100vw - 24px);
                max-height: calc(100vh - 24px);
                grid-template-columns: 1fr;
                padding: 16px;
            }
            .app-dialog-icon {
                width: 38px;
                height: 38px;
            }
        }
        .app-dialog-modal {
            background: radial-gradient(circle at 50% 34%, rgba(56, 189, 248, .20), transparent 32%), radial-gradient(circle at 82% 12%, rgba(45, 212, 191, .16), transparent 26%), rgba(5, 15, 31, .72);
            backdrop-filter: blur(11px) saturate(122%);
            -webkit-backdrop-filter: blur(11px) saturate(122%);
        }
        .app-dialog-panel {
            position: relative;
            width: min(660px, calc(100vw - 40px));
            grid-template-columns: 60px minmax(0, 1fr);
            gap: 18px;
            padding: 28px 30px 24px;
            border-radius: 22px;
            border: 1px solid rgba(216, 232, 255, .30);
            background: linear-gradient(145deg, rgba(255, 255, 255, .20) 0%, rgba(255, 255, 255, .105) 48%, rgba(255, 255, 255, .075) 100%);
            box-shadow: 0 34px 90px rgba(2, 8, 23, .46), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(255,255,255,.08);
            backdrop-filter: blur(22px) saturate(145%);
            -webkit-backdrop-filter: blur(22px) saturate(145%);
            overflow: hidden auto;
        }
        .app-dialog-panel::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: inherit;
            background: linear-gradient(112deg, transparent 0%, rgba(255,255,255,.08) 42%, rgba(125,211,252,.15) 50%, transparent 60%);
            transform: translateX(-8%);
            opacity: .85;
            pointer-events: none;
        }
        .app-dialog-panel::after {
            content: "";
            position: absolute;
            right: -92px;
            top: -104px;
            width: 260px;
            height: 260px;
            border-radius: 999px;
            border: 34px solid rgba(255,255,255,.09);
            background: radial-gradient(circle, rgba(96,165,250,.13), transparent 62%);
            pointer-events: none;
        }
        .app-dialog-panel > * {
            position: relative;
            z-index: 1;
        }
        .app-dialog-icon {
            width: 54px;
            height: 54px;
            border-radius: 18px;
            font-size: 23px;
            border: 1px solid rgba(255,255,255,.26);
            background: rgba(255,255,255,.13);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 16px 30px rgba(2,8,23,.18);
        }
        .app-dialog-icon.is-success {
            background: rgba(20, 184, 166, .16);
            color: #5eead4;
        }
        .app-dialog-icon.is-warning {
            background: rgba(245, 158, 11, .18);
            color: #fcd34d;
        }
        .app-dialog-icon.is-error {
            background: rgba(248, 113, 113, .18);
            color: #fca5a5;
        }
        .app-dialog-icon.is-info,
        .app-dialog-icon.is-confirm {
            background: rgba(96, 165, 250, .18);
            color: #bfdbfe;
        }
        .app-dialog-content {
            gap: 8px;
            padding-top: 1px;
        }
        .app-dialog-content h4 {
            color: #f8fbff;
            font-size: 24px;
            line-height: 1.18;
            text-shadow: 0 12px 30px rgba(2,8,23,.34);
        }
        .app-dialog-content h4::before {
            content: "SENKRA BÄ°LDÄ°RÄ°M";
            display: block;
            width: max-content;
            max-width: 100%;
            margin: 0 0 8px;
            padding: 6px 10px;
            border-radius: 8px;
            border: 1px solid #b9ded8;
            background: #e7f5f2;
            color: #0f766e;
            font-size: 11px;
            line-height: 1;
            font-weight: 900;
            text-transform: uppercase;
        }
        .app-dialog-message {
            color: rgba(226, 238, 255, .86);
            font-size: 15px;
            line-height: 1.55;
            font-weight: 800;
            text-shadow: 0 10px 24px rgba(2,8,23,.22);
        }
        .app-dialog-actions {
            margin-top: 4px;
            padding-top: 18px;
            border-top: 1px solid rgba(226, 238, 255, .20);
        }
        .app-dialog-btn {
            min-width: 120px;
            height: 48px;
            border-radius: 14px;
            font-size: 14px;
            box-shadow: none;
        }
        .app-dialog-btn.primary {
            background: linear-gradient(135deg, rgba(37, 99, 235, .92), rgba(14, 165, 233, .88));
            border-color: rgba(191, 219, 254, .38);
            color: #fff;
            box-shadow: 0 16px 34px rgba(14, 165, 233, .23), inset 0 1px 0 rgba(255,255,255,.22);
        }
        .app-dialog-panel.is-success .app-dialog-btn.primary {
            background: linear-gradient(135deg, rgba(15, 118, 110, .94), rgba(20, 184, 166, .84));
            border-color: rgba(153, 246, 228, .34);
            box-shadow: 0 16px 34px rgba(20, 184, 166, .22), inset 0 1px 0 rgba(255,255,255,.20);
        }
        .app-dialog-panel.is-warning .app-dialog-btn.primary {
            background: linear-gradient(135deg, rgba(180, 83, 9, .94), rgba(245, 158, 11, .84));
            border-color: rgba(253, 230, 138, .36);
            box-shadow: 0 16px 34px rgba(245, 158, 11, .20), inset 0 1px 0 rgba(255,255,255,.20);
        }
        .app-dialog-panel.is-error .app-dialog-btn.primary {
            background: linear-gradient(135deg, rgba(185, 28, 28, .94), rgba(248, 113, 113, .84));
            border-color: rgba(254, 202, 202, .34);
            box-shadow: 0 16px 34px rgba(248, 113, 113, .18), inset 0 1px 0 rgba(255,255,255,.20);
        }
        .app-dialog-content h4::before {
            content: "SENKRA";
            padding: 6px 11px;
            border-radius: 999px;
            border: 1px solid rgba(167, 243, 208, .34);
            background: rgba(13, 148, 136, .13);
            color: #99f6e4;
            letter-spacing: .08em;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
        }
        .app-dialog-btn.secondary {
            background: rgba(255,255,255,.10);
            border-color: rgba(226,238,255,.28);
            color: #eaf4ff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
        }
        .app-dialog-panel.is-wide {
            width: min(1040px, calc(100vw - 40px));
            border-radius: 14px;
            border-color: #d7e3f1;
            background: #ffffff;
            box-shadow: 0 24px 64px rgba(15, 23, 42, .28);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .app-dialog-panel.is-wide::before {
            display: none;
        }
        .app-dialog-panel.is-wide::after,
        .app-dialog-panel.is-wide .app-dialog-content h4::before {
            display: none;
        }
        .app-dialog-panel.is-wide .app-dialog-content h4 {
            color: #0f172a;
            text-shadow: none;
        }
        .app-dialog-panel.is-wide .app-dialog-message {
            color: #52657d;
            text-shadow: none;
        }
        .app-dialog-modal:not(.is-toast) {
            background: rgba(255, 255, 255, .01);
            backdrop-filter: blur(6px) saturate(106%);
            -webkit-backdrop-filter: blur(6px) saturate(106%);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) {
            width: min(460px, calc(100vw - 32px));
            grid-template-columns: 44px minmax(0, 1fr);
            gap: 12px;
            padding: 18px;
            border-radius: 16px;
            border: 1px solid rgba(203, 213, 225, .92);
            background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.96) 100%);
            box-shadow: 0 22px 54px rgba(15, 23, 42, .24);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            overflow: hidden auto;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide)::before {
            content: "";
            position: absolute;
            inset: 0 0 auto 0;
            height: 3px;
            border-radius: 16px 16px 0 0;
            background: linear-gradient(90deg, #0f766e, #2563eb);
            transform: none;
            opacity: .95;
            pointer-events: none;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-warning:not(.is-wide)::before {
            background: linear-gradient(90deg, #f59e0b, #fb923c);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-error:not(.is-wide)::before {
            background: linear-gradient(90deg, #dc2626, #f97316);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide)::after {
            display: none;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            border: 1px solid #dbeafe;
            background: #eff6ff;
            color: #2563eb;
            box-shadow: none;
            font-size: 20px;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-warning:not(.is-wide) .app-dialog-icon {
            border-color: #fde68a;
            background: #fffbeb;
            color: #b45309;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-error:not(.is-wide) .app-dialog-icon {
            border-color: #fecaca;
            background: #fef2f2;
            color: #b91c1c;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-content {
            gap: 5px;
            padding-top: 0;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-content h4 {
            color: #111827;
            font-size: 18px;
            line-height: 1.22;
            text-shadow: none;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-content h4::before {
            display: none;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-message {
            color: #475569;
            font-size: 13.5px;
            line-height: 1.48;
            font-weight: 750;
            text-shadow: none;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-actions {
            gap: 8px;
            padding-top: 14px;
            margin-top: 4px;
            border-top: 1px solid #e8eef6;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-btn {
            min-width: 96px;
            height: 40px;
            border-radius: 10px;
            font-size: 13px;
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-btn.primary {
            background: #2563eb;
            border-color: #2563eb;
            color: #ffffff;
            box-shadow: 0 10px 22px rgba(37, 99, 235, .20);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-warning:not(.is-wide) .app-dialog-btn.primary {
            background: #d97706;
            border-color: #d97706;
            box-shadow: 0 10px 22px rgba(217, 119, 6, .18);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel.is-error:not(.is-wide) .app-dialog-btn.primary {
            background: #dc2626;
            border-color: #dc2626;
            box-shadow: 0 10px 22px rgba(220, 38, 38, .18);
        }
        .app-dialog-modal:not(.is-toast) .app-dialog-panel:not(.is-wide) .app-dialog-btn.secondary {
            background: #ffffff;
            border-color: #d8e3ef;
            color: #334155;
            box-shadow: none;
        }
        .app-dialog-modal.is-toast {
            align-items: center;
            justify-content: center;
            padding: 16px;
            background: transparent;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            pointer-events: none;
        }
        .app-dialog-modal.is-toast .app-dialog-panel {
            pointer-events: auto;
            cursor: pointer;
            width: min(420px, calc(100vw - 24px));
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 11px;
            padding: 14px 17px 14px 18px;
            border-radius: 16px;
            border: 1px solid rgba(153, 246, 228, .48);
            background: linear-gradient(145deg, rgba(9, 24, 43, .96) 0%, rgba(14, 91, 96, .92) 100%);
            box-shadow: 0 22px 54px rgba(2, 8, 23, .32), 0 0 0 1px rgba(255,255,255,.08) inset, inset 0 1px 0 rgba(255,255,255,.18);
            overflow: hidden;
        }
        .app-dialog-modal.is-toast .app-dialog-panel::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 4px;
            border-radius: 16px 0 0 16px;
            background: linear-gradient(180deg, #2dd4bf, #38bdf8);
            transform: none;
            opacity: 1;
            pointer-events: none;
        }
        .app-dialog-modal.is-toast .app-dialog-panel.is-success::before {
            background: linear-gradient(180deg, #22c55e, #2dd4bf);
        }
        .app-dialog-modal.is-toast .app-dialog-panel.is-info::before {
            background: linear-gradient(180deg, #38bdf8, #2dd4bf);
        }
        .app-dialog-modal.is-toast .app-dialog-panel::after {
            width: 120px;
            height: 120px;
            right: -54px;
            top: -60px;
            border-width: 18px;
            opacity: .85;
        }
        .app-dialog-modal.is-toast .app-dialog-icon {
            width: 38px;
            height: 38px;
            border-radius: 13px;
            font-size: 18px;
            border-color: rgba(191, 219, 254, .38);
            background: rgba(224, 242, 254, .16);
            color: #bae6fd;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
        }
        .app-dialog-modal.is-toast .app-dialog-panel.is-success .app-dialog-icon {
            border-color: rgba(187, 247, 208, .42);
            background: rgba(34, 197, 94, .18);
            color: #bbf7d0;
        }
        .app-dialog-modal.is-toast .app-dialog-content {
            gap: 3px;
            justify-content: center;
        }
        .app-dialog-modal.is-toast .app-dialog-content h4 {
            font-size: 16px;
            line-height: 1.2;
            color: #ffffff;
            text-shadow: 0 8px 18px rgba(2, 8, 23, .28);
        }
        .app-dialog-modal.is-toast .app-dialog-content h4::before {
            display: none;
        }
        .app-dialog-modal.is-toast .app-dialog-message {
            color: #dbeafe;
            font-size: 13px;
            line-height: 1.35;
            font-weight: 820;
            text-shadow: 0 8px 18px rgba(2, 8, 23, .24);
        }
        .app-dialog-modal.is-toast .app-dialog-actions {
            display: none;
        }
        @media (max-width: 640px) {
            .app-dialog-panel,
            .app-dialog-panel.is-wide {
                width: calc(100vw - 24px);
                grid-template-columns: 1fr;
                padding: 20px;
            }
            .app-dialog-modal.is-toast {
                align-items: center;
                justify-content: center;
                padding: 12px;
            }
            .app-dialog-modal.is-toast .app-dialog-panel {
                width: 100%;
                grid-template-columns: 36px minmax(0, 1fr);
                padding: 13px 14px;
            }
            .app-dialog-content h4 {
                font-size: 21px;
            }
            .app-dialog-actions {
                gap: 10px;
            }
            .app-dialog-btn {
                width: 100%;
            }
        }
        .equipment-modal,
        .doc-preview-modal,
        .document-upload-modal,
        .approval-review-modal,
        .training-upload-modal,
        .employee-report-modal,
        .bulk-upload-approval-modal {
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }

.dofx-detail-shell .training-preview-grid,
.dofx-detail-shell .training-preview-notes,
.dofx-detail-shell .training-preview-body > .workplace-list-card,
.dofx-detail-shell .training-preview-body > .workplace-filter-form{display:none!important}
.dofx-detail-shell .workplace-form-card{box-shadow:0 12px 28px rgba(15,23,42,.06);border-color:#dbe4ee}
.dofx-detail-shell > .workplace-list-card{margin-top:12px;border-color:#dbe4ee;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.dofx-detail-shell > .workplace-list-card .workplace-list-head{padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #eef2f7}
.dofx-detail-shell > .workplace-list-card .workplace-list-head h3{font-size:16px;margin:0}
.dofx-detail-shell > .workplace-list-card .workplace-list-head p{display:none}
.dofx-detail-shell > .workplace-list-card table{font-size:12px}
.dofx-detail-shell > .workplace-list-card th,
.dofx-detail-shell > .workplace-list-card td{padding:10px 8px}
.dofx-detail-shell .dofx-card{margin-top:0!important;border-radius:14px}
.dofx-detail-shell .dofx-detail-header{padding:16px 18px}
.dofx-detail-shell .dofx-detail-title h3{font-size:22px}
.dofx-detail-shell .dofx-stepper{padding:12px 14px;gap:6px}
.dofx-detail-shell .dofx-tabs{padding:10px 14px;gap:5px}
.dofx-detail-shell .dofx-tabs a{font-size:11px;padding:7px 8px}
.dofx-detail-shell .dofx-section{padding:14px 16px}
.dofx-detail-shell .dofx-section-grid{gap:10px}
.dofx-detail-shell .dofx-field textarea{min-height:86px}
@media(max-width:900px){.dofx-detail-shell > .workplace-list-card{overflow:auto}.dofx-detail-shell > .workplace-list-card table{min-width:720px}}
.dofx-detail-shell .dofx-tabs{display:none!important}
.dofx-detail-shell .dofx-section.dofx-accordion{padding:0;border-top:1px solid #e2e8f0;background:#fff}
.dofx-accordion-toggle{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:0;background:#fff;color:#0f172a;text-align:left;cursor:pointer;font-size:15px;font-weight:900}
.dofx-accordion-toggle:hover{background:#f8fafc}
.dofx-accordion-toggle:after{content:'+';width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#eff6ff;color:#1d4ed8;font-size:18px;line-height:1;flex:0 0 auto}
.dofx-section.is-open .dofx-accordion-toggle{background:#f8fafc;border-bottom:1px solid #e2e8f0}
.dofx-section.is-open .dofx-accordion-toggle:after{content:'-';background:#dbeafe}
.dofx-accordion-body{padding:16px 18px}
.dofx-accordion-body[hidden]{display:none!important}
.dofx-detail-shell .dofx-section.dofx-accordion + .dofx-section.dofx-accordion{border-top:1px solid #e2e8f0}
.dofx-detail-shell .dofx-section.dofx-accordion .dofx-section-note{margin:0 0 12px}
.license-admin-shell{display:grid;gap:16px;margin-bottom:16px}.license-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 24px;background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.07)}.license-admin-eyebrow{display:inline-flex;width:max-content;padding:7px 10px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:11px;font-weight:900;text-transform:uppercase}.license-admin-copy h2{margin:12px 0 0;color:#0f172a;font-size:28px;line-height:1.16}.license-admin-copy p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.55}.license-admin-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.license-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.license-admin-metric{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05);display:grid;gap:8px}.license-admin-metric span{font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}.license-admin-metric strong{font-size:32px;line-height:1;color:#0f172a}.license-admin-metric small{font-size:12px;line-height:1.45;color:#64748b;font-weight:800}.license-admin-metric.is-ok{border-color:#bbf7d0;background:#f3fbf6}.license-admin-metric.is-warn{border-color:#fed7aa;background:#fffaf2}.license-admin-metric.is-danger{border-color:#fecaca;background:#fff7f7}.license-admin-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.license-admin-panel{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.license-admin-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.license-admin-panel-head strong{font-size:16px;color:#0f172a}.license-admin-panel-head span{font-size:12px;color:#64748b;font-weight:800}.license-admin-mini-list{display:grid;gap:8px}.license-admin-mini-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;text-decoration:none;color:#0f172a}.license-admin-mini-list a:hover{border-color:#94a3b8;background:#fff}.license-admin-mini-list span{display:grid;gap:3px;min-width:0;font-size:13px;font-weight:900}.license-admin-mini-list small{font-size:11px;color:#64748b;font-weight:800}.license-admin-mini-list strong{font-size:13px;color:#0f766e}.license-admin-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:800;text-align:center}.license-edit-backdrop{position:fixed;inset:72px 0 0 300px;z-index:10035;background:rgba(15,23,42,.18);backdrop-filter:blur(1px)}.license-edit-panel.workplace-form-card{position:fixed;inset:90px 28px 28px 328px;z-index:10040;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:1px solid #dbe4ee;border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.22)}.license-edit-panel .workplace-form-head{position:static;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;margin:0;padding:14px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.license-edit-panel .workplace-form-head h3{font-size:18px;margin:5px 0 0}.license-edit-panel .workplace-form-head p{margin:4px 0 0;font-size:12px;line-height:1.45}.license-edit-panel .settings-badge{padding:5px 8px;font-size:10px}.license-edit-panel .workplace-form-body{flex:1 1 auto;overflow:auto;padding:14px 18px 16px;background:#fff}.license-edit-panel .workplace-form-layout{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(260px,.9fr) minmax(300px,1.05fr);gap:12px;align-items:start}.license-edit-panel .workplace-form-layout>.workplace-basic-grid{display:contents}.license-edit-panel .workplace-form-section{margin:0;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:none}.license-edit-panel .workplace-form-section.full{grid-column:auto}.license-edit-panel .workplace-section-title{margin-bottom:8px;padding-bottom:8px}.license-edit-panel .workplace-section-title span{font-size:10px}.license-edit-panel .workplace-section-title h4{font-size:14px;margin-top:2px}.license-edit-panel .field{margin-top:8px;padding:0;background:transparent;border:0}.license-edit-panel .field label{font-size:10px;margin-bottom:5px}.license-edit-panel input,.license-edit-panel select{min-height:36px;padding:8px 10px;border-radius:8px;font-size:13px}.license-edit-panel textarea{min-height:70px;padding:8px 10px;border-radius:8px;font-size:13px}.license-edit-panel .permission-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:232px;overflow:auto;padding-right:4px}.license-edit-panel .permission-item{min-height:auto;margin-top:0;padding:8px 9px;border-radius:8px}.license-edit-panel .permission-item span{gap:2px}.license-edit-panel .permission-item strong{font-size:12px}.license-edit-panel .permission-item small{font-size:10px;line-height:1.35}.license-edit-panel .license-edit-modules{grid-row:span 2}.license-edit-panel .license-edit-manager{grid-column:1 / 3}.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.license-edit-panel .workplace-form-footer{position:sticky;bottom:-16px;grid-column:1 / -1;margin:0;padding:12px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 28%);display:flex;justify-content:flex-end;gap:8px}@media(max-width:1400px){.license-edit-panel .workplace-form-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.license-edit-panel .license-edit-modules{grid-row:auto}.license-edit-panel .license-edit-manager{grid-column:1 / -1}.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.license-admin-hero,.license-admin-insights{grid-template-columns:1fr}.license-admin-actions{justify-content:flex-start}.license-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.license-edit-backdrop{inset:72px 0 0 0}.license-edit-panel.workplace-form-card{inset:84px 14px 14px 14px}.license-edit-panel .workplace-form-layout{grid-template-columns:1fr}.license-edit-panel .license-edit-manager{grid-column:auto}.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:1fr}}@media(max-width:640px){.license-admin-metrics{grid-template-columns:1fr}.license-admin-hero{padding:18px}.license-admin-copy h2{font-size:23px}.license-admin-actions .btn-small,.license-admin-actions .btn-secondary{width:100%;justify-content:center}.license-edit-panel.workplace-form-card{inset:78px 8px 8px 8px}.license-edit-panel .workplace-form-head{align-items:flex-start;flex-direction:column}.license-edit-panel .training-form-actions,.license-edit-panel .training-form-actions .btn-secondary,.license-edit-panel .workplace-form-footer .btn-secondary,.license-edit-panel .workplace-form-footer .btn-small{width:100%;justify-content:center}.license-edit-panel .permission-grid.two-column{grid-template-columns:1fr;max-height:none}.license-edit-panel .workplace-form-footer{display:grid}}
.license-edit-backdrop{position:absolute!important;inset:0!important;z-index:20!important;background:rgba(15,23,42,.12)!important;backdrop-filter:blur(1px)}
.license-admin-hero{display:none!important}
.license-table .training-row-actions{display:flex;gap:6px;flex-wrap:nowrap}.license-table .training-row-actions .mini-btn{width:36px;min-width:36px;height:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.license-table .training-row-actions .mini-btn span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.system-topic-table{min-width:1120px;table-layout:fixed}.system-topic-table th,.system-topic-table td{padding:9px 12px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.system-topic-table th:nth-child(1),.system-topic-table td:nth-child(1){width:240px}.system-topic-table th:nth-child(2),.system-topic-table td:nth-child(2){width:100px}.system-topic-table th:nth-child(3),.system-topic-table td:nth-child(3){width:auto}.system-topic-table th:nth-child(4),.system-topic-table td:nth-child(4){width:78px}.system-topic-table th:nth-child(5),.system-topic-table td:nth-child(5){width:118px}.system-topic-table th:nth-child(6),.system-topic-table td:nth-child(6){width:82px}.system-topic-table th:nth-child(7),.system-topic-table td:nth-child(7){width:86px}.system-topic-table .training-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.system-topic-table .workplace-pill{max-width:100%;height:26px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-topic-table .workplace-status{height:26px;padding:0 8px}.system-topic-table .mini-btn.icon-only{width:32px;min-width:32px;height:32px;min-height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.system-topic-table .mini-btn.icon-only svg{width:15px;height:15px}
.system-topic-form-card{padding:14px 16px!important}.system-topic-form-card .workplace-list-head{align-items:center;margin-bottom:12px;padding-bottom:10px}.system-topic-form-card .workplace-list-head h3{font-size:18px;margin:0}.system-topic-form-card .workplace-list-head p{font-size:12px;margin:4px 0 0}.system-topic-form{display:grid;gap:10px}.system-topic-form-grid{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(360px,1.35fr) minmax(180px,.58fr) minmax(130px,.42fr);gap:10px;align-items:start}.system-topic-form .field{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.system-topic-form label{display:block;margin:0 0 5px!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase;color:#334155}.system-topic-form input,.system-topic-form select{min-height:36px!important;height:36px!important;padding:7px 10px!important;border-radius:8px!important;font-size:13px!important}.system-topic-form small{display:block;margin-top:5px;color:#64748b;font-size:10px;font-weight:800;line-height:1.35}.system-topic-policy-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fbff}.system-topic-form-card .finance-check-row{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;min-height:auto!important;font-size:12px!important;font-weight:900!important;color:#334155}.system-topic-form-card .finance-check-row input{width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;accent-color:#0f7bff}.system-topic-form-actions{padding-top:2px}.system-topic-form-actions .btn-secondary,.system-topic-form-actions .btn-small{min-height:36px!important;padding:8px 13px!important}@media(max-width:1300px){.system-topic-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-topic-field-topic{grid-column:1/-1}}@media(max-width:760px){.system-topic-form-grid{grid-template-columns:1fr}.system-topic-form-card .workplace-list-head{align-items:flex-start;flex-direction:column}.system-topic-form-actions{justify-content:stretch}.system-topic-form-actions .btn-secondary,.system-topic-form-actions .btn-small{width:100%;justify-content:center}}
.license-edit-panel.workplace-form-card{position:absolute!important;left:24px!important;right:24px!important;top:22px!important;bottom:auto!important;height:calc(100vh - 118px)!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;z-index:25!important}
@media(max-width:1200px){.license-edit-panel.workplace-form-card{left:14px!important;right:14px!important;top:14px!important;height:calc(100vh - 96px)!important}}
@media(max-width:640px){.license-edit-panel.workplace-form-card{left:8px!important;right:8px!important;top:10px!important;height:calc(100vh - 92px)!important}}
.license-edit-panel .license-edit-form{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(260px,.9fr) minmax(300px,1.05fr);gap:12px;align-items:start}.license-edit-tabs{grid-column:1/-1;display:flex;gap:8px;align-items:center;padding:4px;border:1px solid #dbe6f2;border-radius:10px;background:#f8fbff}.license-edit-tab{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#52657d;font-size:12px;font-weight:950;cursor:pointer}.license-edit-tab.is-active{background:#0f7bff;border-color:#0f7bff;color:#fff;box-shadow:0 8px 18px rgba(15,123,255,.20)}.license-edit-tab:not(.is-active):hover{background:#fff;border-color:#cbd9ec;color:#0b1f3a}.license-edit-form:not(.show-modules) .license-edit-modules{display:none!important}.license-edit-form.show-modules .license-edit-company,.license-edit-form.show-modules .license-edit-license,.license-edit-form.show-modules .license-edit-manager{display:none!important}.license-edit-form.show-modules .license-edit-modules{grid-column:1/-1;display:grid!important;gap:12px}.license-edit-form.show-modules .workplace-form-footer{grid-column:1/-1}.license-edit-panel .license-edit-modules{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.license-edit-panel .license-edit-modules .workplace-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.license-edit-panel .license-edit-modules .permission-grid.two-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;padding-right:0}.license-module-switch{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 78px;gap:12px;align-items:center;min-height:78px;padding:12px 14px!important;border:1px solid #dbe6f2!important;background:#fff!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(15,35,65,.045)}.license-module-switch:hover{border-color:#9dc7ff!important;background:#f8fbff!important}.license-module-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.license-module-switch span{min-width:0}.license-module-switch strong{font-size:13px!important;color:#0b1f3a}.license-module-switch small{font-size:11px!important;color:#64748b}.license-switch-ui{position:relative;width:76px;height:34px;border-radius:999px;background:#dbe5f1;border:1px solid #c9d6e5;display:flex;align-items:center;justify-content:space-between;padding:0 8px;box-sizing:border-box;color:#64748b;font-style:normal;font-size:10px;font-weight:950;line-height:1;transition:.18s ease}.license-switch-ui b{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(15,35,65,.20);transition:.18s ease}.license-switch-ui em{position:relative;z-index:1;font-style:normal;opacity:.55}.license-module-switch input:checked~.license-switch-ui{background:#0f7bff;border-color:#0f7bff;color:#fff;box-shadow:0 8px 18px rgba(15,123,255,.22)}.license-module-switch input:checked~.license-switch-ui b{left:43px}.license-module-switch input:checked~.license-switch-ui em:first-of-type{opacity:1}.license-module-switch input:checked~.license-switch-ui em:last-of-type{opacity:.25}.license-module-switch input:not(:checked)~.license-switch-ui em:first-of-type{opacity:.25}.license-module-switch input:not(:checked)~.license-switch-ui em:last-of-type{opacity:1}@media(max-width:1400px){.license-edit-panel .license-edit-modules .permission-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.license-edit-panel .license-edit-form{grid-template-columns:1fr}.license-edit-tabs{position:sticky;top:0;z-index:2}.license-edit-panel .license-edit-modules .permission-grid.two-column{grid-template-columns:1fr}}@media(max-width:640px){.license-edit-tabs{display:grid;grid-template-columns:1fr}.license-edit-tab{width:100%}.license-module-switch{grid-template-columns:1fr;gap:10px}.license-switch-ui{justify-self:start}}
.license-edit-form .license-edit-company,.license-edit-form .license-edit-license,.license-edit-form .license-edit-manager,.license-edit-form .license-edit-modules,.license-edit-form .license-edit-submodules{display:none!important}.license-edit-form.show-company .license-edit-company,.license-edit-form.show-license .license-edit-license,.license-edit-form.show-manager .license-edit-manager{grid-column:1/-1;display:grid!important}.license-edit-form.show-modules .license-edit-modules,.license-edit-form.show-modules .license-edit-submodules{grid-column:1/-1;display:grid!important;gap:12px}.license-edit-form.show-modules .workplace-form-footer,.license-edit-form.show-company .workplace-form-footer,.license-edit-form.show-license .workplace-form-footer,.license-edit-form.show-manager .workplace-form-footer{grid-column:1/-1}.license-edit-panel .license-edit-company,.license-edit-panel .license-edit-license{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.license-edit-panel .license-edit-company .workplace-section-title,.license-edit-panel .license-edit-license .workplace-section-title{grid-column:1/-1}.license-edit-panel .license-edit-company textarea{min-height:84px}.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}.license-edit-panel .license-edit-modules,.license-edit-panel .license-edit-submodules{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.license-edit-panel .license-edit-modules .workplace-section-title{display:none!important}.license-module-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dbe6f2;border-radius:12px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 12px 26px rgba(15,35,65,.07)}.license-module-hero span{display:block;color:#0f7bff;font-size:11px;font-weight:950;text-transform:uppercase}.license-module-hero h4{margin:4px 0 0;color:#0b1f3a;font-size:18px}.license-module-hero p{max-width:760px;margin:5px 0 0;color:#52657d;font-size:12px;line-height:1.5}.license-module-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px}.license-module-board-head strong{color:#0b1f3a;font-size:14px}.license-module-board-head small{color:#64748b;font-size:11px;font-weight:900}.license-edit-panel .license-edit-modules>.permission-grid.two-column,.license-submodule-grid{border:1px solid #dbe6f2;border-radius:12px;background:#fff;padding:12px;box-shadow:0 8px 20px rgba(15,35,65,.045)}.license-edit-panel .license-edit-modules>.permission-grid.two-column{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.license-module-switch{grid-template-columns:minmax(0,1fr) 72px!important;min-height:70px!important;border-radius:12px!important;box-shadow:none!important}.license-module-switch strong{text-transform:none!important;letter-spacing:0!important}.license-submodule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.license-submodule-card{display:grid;gap:8px;min-height:120px;padding:12px;border:1px solid #e1eaf5;border-radius:12px;background:#f8fbff}.license-submodule-card.is-disabled{opacity:.58;background:#f8fafc}.license-submodule-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.license-submodule-card-head span{color:#0b1f3a;font-size:12px;font-weight:950}.license-submodule-card-head b{white-space:nowrap;color:#0f7bff;font-size:10px;font-weight:950}.license-submodule-card.is-disabled .license-submodule-card-head b{color:#64748b}.license-submodule-count{color:#64748b;font-size:11px;font-weight:900}.license-submodule-chips{display:flex;flex-wrap:wrap;gap:6px}.license-submodule-chips em{padding:5px 7px;border:1px solid #dbe6f2;border-radius:999px;background:#fff;color:#52657d;font-size:10px;font-style:normal;font-weight:850;line-height:1.2}@media(max-width:1500px){.license-edit-panel .license-edit-modules>.permission-grid.two-column,.license-submodule-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.license-edit-panel .license-edit-company,.license-edit-panel .license-edit-license{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.license-module-hero{align-items:flex-start;flex-direction:column}.license-edit-panel .license-edit-modules>.permission-grid.two-column,.license-submodule-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.license-edit-panel .license-edit-company,.license-edit-panel .license-edit-license,.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){.license-edit-panel .license-edit-modules>.permission-grid.two-column,.license-submodule-grid,.license-edit-panel .license-edit-company,.license-edit-panel .license-edit-license,.license-edit-panel .license-edit-manager .workplace-basic-grid{grid-template-columns:1fr!important}.license-module-switch{grid-template-columns:1fr!important}.license-switch-ui{justify-self:start}}
.license-edit-form [hidden]{display:none!important}.license-payment-card{max-width:640px!important;align-self:start!important}.license-payment-card .workplace-basic-grid{grid-template-columns:1fr!important;gap:14px!important}.license-payment-card .field{display:grid!important;gap:8px!important;margin-top:0!important}.license-payment-card .field label{margin:0!important;line-height:1.2!important}.license-payment-card input,.license-payment-card select{width:100%!important;min-height:44px!important}.license-payment-card textarea{width:100%!important;min-height:92px!important}.license-payment-add-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:4px}.license-payment-add-actions span{color:#64748b;font-size:12px;font-weight:800}.license-payment-add-actions .btn-secondary{min-height:38px;padding:8px 14px}.license-edit-panel .workplace-form-footer .btn-small{min-width:112px}
.license-edit-form .license-edit-finance{display:none!important}.license-edit-form.show-finance .license-edit-finance{grid-column:1/-1;display:grid!important;gap:12px}.license-edit-form.show-finance .workplace-form-footer{grid-column:1/-1}.license-edit-panel .license-edit-finance{grid-template-columns:1fr;align-items:start}.license-edit-panel .license-edit-finance>.workplace-section-title{grid-column:1/-1}.license-edit-panel .license-accounting-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.license-edit-panel .license-finance-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr) minmax(360px,1.15fr);gap:12px;align-items:start}.license-edit-panel .license-finance-card.workplace-basic-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;min-width:0;padding:12px!important;border:1px solid #dbe6f2!important;border-radius:10px!important;background:#f8fbff!important}.license-edit-panel .license-finance-card .field{display:grid!important;gap:6px!important;margin-top:0!important}.license-edit-panel .license-finance-card .field.full,.license-edit-panel .license-finance-card .license-accounting-progress,.license-edit-panel .license-finance-card .license-accounting-note,.license-edit-panel .license-finance-card .license-file-chip{grid-column:1/-1}.license-edit-panel .license-finance-card input,.license-edit-panel .license-finance-card select,.license-edit-panel .license-finance-card textarea{width:100%;box-sizing:border-box}.license-edit-panel .license-contract-history,.license-edit-panel .license-payment-history{min-width:0}@media(max-width:1200px){.license-edit-panel .license-accounting-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.license-edit-panel .license-finance-grid{grid-template-columns:1fr}}@media(max-width:640px){.license-edit-panel .license-accounting-summary{grid-template-columns:1fr}}
.license-edit-form.show-modules .license-edit-submodules{display:none!important}.license-edit-form.show-modules .license-edit-modules{display:grid!important;grid-column:1/-1;gap:8px}.license-edit-panel .license-edit-modules>.permission-grid.two-column{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}.license-module-switch{grid-template-columns:minmax(0,1fr) 54px!important;min-height:50px!important;padding:8px 10px!important;border-radius:10px!important}.license-module-switch strong{font-size:12px!important}.license-module-switch small{font-size:10px!important;line-height:1.25!important}.license-switch-ui{width:52px!important;height:24px!important;padding:0 5px!important;font-size:8px!important}.license-switch-ui b{left:2px!important;top:2px!important;width:20px!important;height:20px!important}.license-module-switch input:checked~.license-switch-ui b{left:28px!important}.license-module-board-head{padding:0 2px 6px!important}.license-module-board-head strong{font-size:13px!important}.license-module-board-head small{font-size:10px!important}.license-edit-panel .license-edit-modules .workplace-section-title{display:flex!important;margin-bottom:6px!important;padding-bottom:6px!important}
.license-edit-panel .license-module-switch.license-module-switch-remote{grid-template-columns:minmax(240px,1fr) minmax(330px,.92fr) 54px!important;align-items:center!important;min-height:86px!important}.license-module-switch-copy{display:block;min-width:0;cursor:pointer}.license-module-switch-copy span{display:grid!important;gap:3px!important}.license-module-switch .license-remote-quota{display:grid;grid-template-columns:minmax(150px,1fr) 138px;gap:8px;align-items:end;min-width:0}.license-module-switch .license-remote-quota label{display:grid!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.license-module-switch .license-remote-quota label span{font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;color:#52657d!important;line-height:1.1!important}.license-module-switch .license-remote-quota select,.license-module-switch .license-remote-quota input{position:static!important;opacity:1!important;pointer-events:auto!important;width:100%!important;height:34px!important;min-height:34px!important;padding:6px 8px!important;border:1px solid #cbd9ec!important;border-radius:8px!important;background:#fff!important;color:#0b1f3a!important;font-size:12px!important;font-weight:850!important;box-sizing:border-box!important}.license-module-switch .license-remote-quota input:disabled{background:#edf3fa!important;color:#94a3b8!important;cursor:not-allowed!important}.license-module-switch .license-remote-quota small{grid-column:1/-1;color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1.35!important}.license-module-switch.license-module-switch-remote>input:not(:checked)~.license-remote-quota{display:none!important}.license-module-switch.license-module-switch-remote>input:not(:checked)~.license-switch-ui{justify-self:end}@media(max-width:980px){.license-edit-panel .license-module-switch.license-module-switch-remote{grid-template-columns:minmax(0,1fr) 54px!important}.license-module-switch.license-module-switch-remote .license-remote-quota{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.license-edit-panel .license-module-switch.license-module-switch-remote{grid-template-columns:1fr!important}.license-module-switch.license-module-switch-remote .license-remote-quota{grid-template-columns:1fr!important}.license-module-switch.license-module-switch-remote .license-switch-ui{justify-self:start!important}}
.license-module-row-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.license-module-row-main span{display:grid!important;gap:3px!important;min-width:0}.license-module-row-main em{justify-self:end;white-space:nowrap;padding:5px 8px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-style:normal;font-weight:950}.license-module-accordion{cursor:pointer}.license-module-accordion.is-open{border-color:#9dc7ff!important;background:#f8fbff!important}.license-module-accordion.is-open .license-module-row-main em{background:#0f7bff;border-color:#0f7bff;color:#fff}.license-module-page-panel{grid-column:1/-1!important;margin-top:2px;padding-top:10px;border-top:1px solid #edf2f7}.license-module-page-panel[hidden]{display:none!important}.license-module-page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.license-module-page-panel .license-menu-item{min-height:48px;padding:8px 10px;border-radius:9px;cursor:default}.license-module-page-panel .license-menu-item:hover{background:#fff;border-color:#e2e8f0}.license-module-page-panel .license-menu-item strong{font-size:11px}.license-module-page-panel .license-menu-item small{font-size:10px;margin-top:2px}.license-module-page-panel .license-menu-item .license-switch-ui{justify-self:end;cursor:pointer}.license-module-page-empty{padding:11px 12px;border:1px dashed #cbd5e1;border-radius:9px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:850}.license-module-utility{grid-template-columns:1fr!important}.license-module-utility .license-module-row-main{grid-column:1/-1}@media(max-width:980px){.license-module-page-list{grid-template-columns:1fr}.license-module-row-main{grid-template-columns:1fr}.license-module-row-main em{justify-self:start}}
.license-edit-backdrop{display:none!important}.admin-layout .license-edit-panel.workplace-form-card{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important}.admin-layout .license-edit-panel .workplace-form-body{flex:none!important;overflow:visible!important;max-height:none!important}.admin-layout .license-independent-grid.license-module-page-panel{height:auto!important;min-height:0!important}
.dofx-page{display:grid;gap:16px;color:#0f172a}.dofx-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border:1px solid #dbe4ee;border-radius:12px;background:linear-gradient(135deg,#ffffff 0%,#f6f9fc 62%,#edf5ff 100%);box-shadow:0 14px 32px rgba(15,23,42,.08)}.dofx-hero h2{margin:0;font-size:24px;letter-spacing:0}.dofx-hero p{margin:6px 0 0;color:#475569;line-height:1.55;font-size:13px}.dofx-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dofx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 14px;border-radius:9px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.06)}.dofx-btn.primary{background:#0f766e;border-color:#0f766e;color:#fff}.dofx-btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.dofx-btn:hover{filter:brightness(.98)}.dofx-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dofx-kpi{position:relative;overflow:hidden;min-height:132px;padding:14px;border:1px solid #dbe4ee;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.07);display:grid;align-content:space-between}.dofx-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#2563eb}.dofx-kpi.warn:before{background:#f59e0b}.dofx-kpi.danger:before{background:#dc2626}.dofx-kpi.good:before{background:#16a34a}.dofx-kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#1d4ed8;font-weight:900}.dofx-kpi-value{font-size:26px;font-weight:900;line-height:1;margin-top:10px}.dofx-kpi-label{font-size:12px;font-weight:900;text-transform:uppercase;color:#334155;line-height:1.35}.dofx-kpi-note{font-size:12px;color:#64748b;line-height:1.45}.dofx-card{border:1px solid #dbe4ee;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}.dofx-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.dofx-card-head h3{margin:0;font-size:18px}.dofx-card-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}.dofx-card-body{padding:16px 18px}.dofx-scope-tabs{display:flex;gap:8px;flex-wrap:wrap}.dofx-chip{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid #dbe4ee;background:#fff;color:#334155;text-decoration:none;font-weight:900;font-size:12px}.dofx-chip.active{background:#0f766e;border-color:#0f766e;color:#fff}.dofx-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dofx-field{display:grid;gap:6px;min-width:0}.dofx-field label{font-size:11px;font-weight:900;text-transform:uppercase;color:#334155}.dofx-field input,.dofx-field select,.dofx-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;background:#fff;min-height:42px;padding:10px 12px;color:#0f172a;font-size:13px;box-sizing:border-box}.dofx-field textarea{min-height:108px;resize:vertical}.dofx-filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.dofx-table-wrap{overflow:auto}.dofx-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1120px}.dofx-table th{position:sticky;top:0;z-index:1;text-align:left;padding:12px 14px;background:#f1f5f9;color:#334155;font-size:11px;text-transform:uppercase}.dofx-table td{padding:13px 14px;border-top:1px solid #e2e8f0;vertical-align:top;font-size:13px}.dofx-row-main{display:grid;gap:5px}.dofx-row-main strong{font-size:13px}.dofx-row-main span{color:#64748b;font-size:12px;line-height:1.45}.dofx-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid #dbe4ee;background:#f8fafc;color:#334155;white-space:nowrap}.dofx-badge.open,.dofx-badge.review,.dofx-badge.progress{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.dofx-badge.approval{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.dofx-badge.revision,.dofx-badge.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.dofx-badge.closed,.dofx-badge.low{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.dofx-badge.medium{background:#fefce8;border-color:#fde68a;color:#a16207}.dofx-badge.high{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.dofx-badge.critical{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.dofx-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border-bottom:1px solid #e2e8f0;background:#fff}.dofx-detail-title{display:grid;gap:8px}.dofx-detail-title h3{margin:0;font-size:24px}.dofx-meta-row{display:flex;gap:8px;flex-wrap:wrap}.dofx-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:16px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.dofx-step{display:grid;gap:7px;justify-items:center;text-align:center;color:#64748b;font-size:11px;font-weight:900}.dofx-step i{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#e2e8f0;color:#475569;font-style:normal}.dofx-step.done i{background:#dcfce7;color:#15803d}.dofx-step.active i{background:#dbeafe;color:#1d4ed8}.dofx-step.issue i{background:#ffedd5;color:#c2410c}.dofx-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #e2e8f0;background:#fff}.dofx-tabs a{padding:8px 10px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-size:12px;font-weight:900}.dofx-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dofx-section{display:grid;gap:12px;padding:16px 18px;border-top:1px solid #eef2f7}.dofx-section h4{margin:0;font-size:17px}.dofx-section-note{margin:0;color:#64748b;font-size:12px;line-height:1.5}.dofx-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dofx-info{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.dofx-info span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}.dofx-info strong{display:block;margin-top:5px;font-size:13px;color:#0f172a;line-height:1.45}.dofx-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dofx-file{padding:12px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;display:grid;gap:8px}.dofx-file a{font-weight:900;color:#1d4ed8;text-decoration:none;word-break:break-word}.dofx-preview{max-width:100%;max-height:180px;border:1px solid #e2e8f0;border-radius:8px;object-fit:contain;background:#f8fafc}.dofx-timeline{display:grid;gap:10px}.dofx-log{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.dofx-log time{font-size:12px;color:#64748b;font-weight:800}.dofx-log strong{display:block;font-size:13px}.dofx-log span{display:block;margin-top:4px;color:#64748b;font-size:12px}.dofx-warning{padding:12px 14px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;font-weight:800;line-height:1.5}.dofx-empty{padding:24px;text-align:center;color:#64748b;font-weight:800}.dofx-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:16px 18px;border-top:1px solid #e2e8f0;background:#f8fafc}@media(max-width:1400px){.dofx-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dofx-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.dofx-hero,.dofx-detail-header{grid-template-columns:1fr}.dofx-kpi-grid,.dofx-filter-grid,.dofx-section-grid,.dofx-info-grid,.dofx-file-grid,.dofx-stepper{grid-template-columns:1fr}.dofx-log{grid-template-columns:1fr}}

/* frontend.view.php style block #5 */
#attendanceBulkModal.ibys-attendance-force-modal,
        #attendanceBulkSettingsModal.ibys-attendance-force-modal,
        #attendanceSettingsEditorModal.ibys-attendance-force-modal,
        #attendanceRecordModal.ibys-attendance-force-modal,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal,
        #attendanceDailyDetailModal.ibys-attendance-force-modal,
        #attendanceDailyRejectModal.ibys-attendance-force-modal,
        #attendanceRejectModal.ibys-attendance-force-modal {
            position: fixed !important;
            inset: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 24px !important;
            background: rgba(15, 23, 42, .58) !important;
            z-index: 999999 !important;
            overflow: auto !important;
            backdrop-filter: blur(4px) !important;
            -webkit-backdrop-filter: blur(4px) !important;
        }
        body.modal-open .admin-layout .main-panel.is-attendance-page {
            z-index: 1000000 !important;
        }
        body.modal-open .admin-layout .sidebar,
        body.modal-open .admin-sidebar,
        body.modal-open .sidebar-menu {
            pointer-events: none !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceBulkSettingsModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceSettingsEditorModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceRecordModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-panel {
            width: min(1320px, calc(100vw - 48px)) !important;
            max-height: calc(100vh - 48px) !important;
            overflow: auto !important;
            background: #fff !important;
            border-radius: 12px !important;
            box-shadow: 0 28px 70px rgba(15, 23, 42, .26) !important;
        }
        #attendanceRecordModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-panel {
            width: min(920px, 96vw) !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .document-upload-panel {
            width: min(1280px, 97vw) !important;
        }
        .admin-layout .main-panel.is-attendance-page,
        .admin-layout .main-panel.is-attendance-page > .content-area {
            overflow-x: hidden !important;
        }
        .admin-layout .main-panel.is-attendance-page > .topbar,
        .admin-layout .main-panel.is-attendance-page .topbar-left,
        .admin-layout .main-panel.is-attendance-page .topbar-right {
            min-width: 0 !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page .topbar-right {
            flex: 0 0 auto !important;
            justify-content: flex-end !important;
            max-width: 52vw !important;
        }
        .admin-layout .main-panel.is-attendance-page .hr-v2-quick-wrap {
            position: relative !important;
            flex: 0 0 auto !important;
        }
        .admin-layout .main-panel.is-attendance-page .hr-v2-quick-menu {
            right: 0 !important;
            left: auto !important;
            width: min(260px, calc(100vw - 36px)) !important;
            max-width: calc(100vw - 36px) !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-command-panel {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 14px !important;
            align-items: stretch !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page [data-attendance-panel] {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-panel-hidden {
            display: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-card {
            grid-column: 1 / -1 !important;
            padding: 0 !important;
            overflow: hidden !important;
            border-radius: 10px !important;
            border: 1px solid #e1e8f0 !important;
            box-shadow: 0 4px 14px rgba(20,40,70,.06) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-card .list-head {
            padding: 18px 22px 12px !important;
            margin: 0 !important;
            border-bottom: 1px solid #edf2f7 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-collapsible-card {
            margin-bottom: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-collapsible-summary {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto !important;
            align-items: center !important;
            gap: 12px !important;
            cursor: pointer !important;
            list-style: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-collapsible-summary::-webkit-details-marker {
            display: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-collapsible-chip {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            min-height: 34px !important;
            padding: 0 12px !important;
            border: 1px solid #cbd9ee !important;
            border-radius: 8px !important;
            color: #0f365f !important;
            background: #f8fbff !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
            cursor: pointer !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-collapsible-chip svg {
            width: 15px !important;
            height: 15px !important;
            display: block !important;
        }
        .admin-layout .main-panel.is-attendance-page details[open] .attendance-collapsible-chip {
            background: #005be8 !important;
            border-color: #005be8 !important;
            color: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page details[open] .attendance-collapsible-chip::before {
            content: "Açık - " !important;
        }
        .admin-layout .main-panel.is-attendance-page details[open] .attendance-settings-close-chip::before {
            content: "" !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip {
            display: grid !important;
            grid-template-columns: minmax(220px,.9fr) minmax(0,2.4fr) !important;
            gap: 12px !important;
            align-items: center !important;
            margin: 10px 0 12px !important;
            padding: 12px 14px !important;
            border: 1px solid #e1e8f0 !important;
            border-radius: 10px !important;
            background: #fff !important;
            box-shadow: 0 4px 14px rgba(20,40,70,.05) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip-title {
            min-width: 0 !important;
            display: grid !important;
            gap: 3px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip-title strong {
            color: #0f243e !important;
            font-size: 14px !important;
            font-weight: 900 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip-title span {
            color: #64748b !important;
            font-size: 11px !important;
            font-weight: 800 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip-buttons {
            display: flex !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-action-strip .employee-header-outline {
            min-height: 34px !important;
            padding: 0 10px !important;
            border-radius: 8px !important;
            font-size: 11px !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-actions {
            position: relative !important;
            display: inline-flex !important;
            justify-content: flex-end !important;
            z-index: 80 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-actions.is-open .employee-quick-actions-toggle {
            background: #005be8 !important;
            border-color: #005be8 !important;
            color: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-actions.is-open .quick-caret {
            transform: rotate(90deg) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-menu {
            position: absolute !important;
            right: 0 !important;
            top: calc(100% + 8px) !important;
            width: min(318px, calc(100vw - 48px)) !important;
            padding: 6px !important;
            border: 1px solid #d9e3ef !important;
            border-radius: 12px !important;
            background: #fff !important;
            box-shadow: 0 22px 48px rgba(15, 35, 65, .20) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-menu:before {
            content: '' !important;
            position: absolute !important;
            top: -6px !important;
            right: 18px !important;
            width: 10px !important;
            height: 10px !important;
            background: #fff !important;
            border-left: 1px solid #d9e3ef !important;
            border-top: 1px solid #d9e3ef !important;
            transform: rotate(45deg) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-quick-menu .employee-quick-action-item {
            min-height: 48px !important;
            grid-template-columns: 30px minmax(0,1fr) 14px !important;
            padding: 7px 8px !important;
            border-radius: 9px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-directory {
            display: grid !important;
            gap: 12px !important;
            padding: 16px 22px 18px !important;
            border-bottom: 1px solid #edf2f7 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head {
            display: grid !important;
            grid-template-columns: minmax(260px,1fr) minmax(280px,.8fr) auto !important;
            align-items: flex-start !important;
            gap: 14px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head h4,
        .admin-layout .main-panel.is-attendance-page .attendance-settings-editor-head h4 {
            margin: 0 !important;
            color: #071426 !important;
            font-size: 18px !important;
            font-weight: 950 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head p,
        .admin-layout .main-panel.is-attendance-page .attendance-settings-editor-head p {
            margin: 5px 0 0 !important;
            color: #52637b !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            line-height: 1.45 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head>span {
            display: inline-flex !important;
            min-height: 32px !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 10px !important;
            border: 1px solid #d6e2f0 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
            color: #0f365f !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-filter {
            display: grid !important;
            gap: 6px !important;
            align-self: start !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-filter label {
            color: #334155 !important;
            font-size: 11px !important;
            font-weight: 950 !important;
            text-transform: uppercase !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-filter input {
            width: 100% !important;
            min-height: 38px !important;
            border: 1px solid #d6e2f0 !important;
            border-radius: 8px !important;
            padding: 0 12px !important;
            background: #fff !important;
            color: #12213a !important;
            font-size: 13px !important;
            font-weight: 750 !important;
            outline: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-filter input:focus {
            border-color: #0f766e !important;
            box-shadow: 0 0 0 3px rgba(15,118,110,.10) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-table-wrap {
            border: 1px solid #dfe8f3 !important;
            border-radius: 10px !important;
            overflow: visible !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table {
            width: 100% !important;
            min-width: 0 !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table td {
            padding: 10px 12px !important;
            vertical-align: middle !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table td:nth-child(1) { width: 24% !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table td:nth-child(2) { width: 14% !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page .attendance-settings-list-table td:nth-child(7) { width: 112px !important; text-align: right !important; overflow: visible !important; }
        .admin-layout .main-panel.is-attendance-page .status-badge.status-info {
            color: #075985 !important;
            background: #e0f2fe !important;
            border: 1px solid #bae6fd !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-direct-action {
            min-height: 34px !important;
            padding: 0 9px !important;
            font-size: 11px !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-editor[hidden] {
            display: none !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendanceSettingsEditorModal .attendance-settings-modal-panel {
            width: min(1180px, calc(100vw - 48px)) !important;
            max-height: calc(100vh - 48px) !important;
            overflow: auto !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendanceSettingsEditorModal .attendance-settings-form {
            padding: 0 !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendanceSettingsEditorModal .attendance-settings-grid {
            padding: 16px 18px 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendanceSettingsEditorModal .attendance-shift-grid {
            margin: 0 18px 14px !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendanceSettingsEditorModal .attendance-modal-actions {
            padding: 14px 18px 18px !important;
            border-top: 1px solid #edf2f7 !important;
            background: #fbfdff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-editor-head {
            display: grid !important;
            grid-template-columns: minmax(0,1fr) auto !important;
            gap: 12px !important;
            align-items: center !important;
            padding: 16px 18px !important;
            border: 0 !important;
            border-bottom: 1px solid #dfe8f3 !important;
            border-radius: 0 !important;
            background: linear-gradient(180deg,#f8fbff 0%,#fff 100%) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-form {
            display: grid !important;
            gap: 14px !important;
            padding: 16px 22px 18px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-grid {
            display: grid !important;
            grid-template-columns: minmax(220px,1.35fr) repeat(6,minmax(112px,1fr)) !important;
            gap: 12px !important;
            align-items: end !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .span-2 {
            grid-column: span 2 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .field {
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-form input,
        .admin-layout .main-panel.is-attendance-page .attendance-settings-form select {
            width: 100% !important;
            min-height: 38px !important;
            border: 1px solid #d6e2f0 !important;
            border-radius: 8px !important;
            padding: 0 10px !important;
            color: #12213a !important;
            background: #fff !important;
            font-weight: 700 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .field.is-disabled {
            opacity: .58 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .field.is-disabled select {
            cursor: not-allowed !important;
            background: #f1f5f9 !important;
            color: #94a3b8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-options-card {
            display: grid !important;
            gap: 12px !important;
            margin: 0 18px 14px !important;
            padding: 14px !important;
            border: 1px solid #dfe8f3 !important;
            border-radius: 10px !important;
            background: #f8fbff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-options-head {
            display: flex !important;
            align-items: flex-start !important;
            justify-content: space-between !important;
            gap: 14px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-options-head strong {
            color: #071426 !important;
            font-size: 14px !important;
            font-weight: 950 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-options-head span {
            color: #64748b !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            line-height: 1.4 !important;
            text-align: right !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-settings-options-grid {
            display: grid !important;
            grid-template-columns: repeat(5, minmax(0,1fr)) !important;
            gap: 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-check {
            min-height: 38px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 0 10px !important;
            border: 1px solid #d6e2f0 !important;
            border-radius: 8px !important;
            color: #1f2d43 !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-check input {
            width: 20px !important;
            min-height: 20px !important;
            padding: 0 !important;
            accent-color: #005be8 !important;
            cursor: pointer !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-check:has(input:checked) {
            border-color: #96c2ff !important;
            background: #edf6ff !important;
            color: #0046b8 !important;
            box-shadow: inset 0 0 0 1px rgba(0,91,232,.08) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-shift-grid {
            display: grid !important;
            grid-template-columns: minmax(180px,1.2fr) repeat(3,minmax(120px,.8fr)) !important;
            gap: 9px 10px !important;
            padding: 12px !important;
            border: 1px solid #edf2f7 !important;
            border-radius: 10px !important;
            background: #fbfdff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-shift-grid.is-disabled {
            opacity: .58 !important;
            background: #f8fafc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-shift-grid.is-disabled input {
            cursor: not-allowed !important;
            background: #f1f5f9 !important;
            color: #94a3b8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-shift-head {
            font-size: 11px !important;
            font-weight: 900 !important;
            color: #475569 !important;
            text-transform: uppercase !important;
        }
        @media (max-width:1180px) {
            .admin-layout .main-panel.is-attendance-page .attendance-action-strip {
                grid-template-columns: 1fr !important;
                align-items: stretch !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-action-strip-buttons {
                justify-content: flex-start !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-grid {
                grid-template-columns: repeat(2,minmax(0,1fr)) !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-options-grid {
                grid-template-columns: repeat(2,minmax(0,1fr)) !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head {
                grid-template-columns: minmax(0,1fr) minmax(240px,.8fr) auto !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .span-2 {
                grid-column: span 2 !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-shift-grid {
                grid-template-columns: repeat(4,minmax(120px,1fr)) !important;
                overflow-x: auto !important;
            }
        }
        @media (max-width:720px) {
            .admin-layout .main-panel.is-attendance-page .attendance-settings-grid {
                grid-template-columns: 1fr !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-options-grid {
                grid-template-columns: 1fr !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-options-head {
                display: grid !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-options-head span {
                text-align: left !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-directory-head {
                grid-template-columns: 1fr !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-settings-grid .span-2 {
                grid-column: auto !important;
            }
        }
        @media (min-width:1181px) {
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact>.content-area {
                padding: 18px 20px !important;
                overflow: hidden !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-list-headbar.employee-list-modern-head {
                padding: 16px 18px !important;
                gap: 14px !important;
                border-radius: 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-list-headbar-main {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                gap: 14px !important;
                align-items: start !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-list-breadcrumb {
                min-height: 36px !important;
                padding: 7px 10px !important;
                gap: 8px !important;
                font-size: 11px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-list-headbar-note {
                margin-top: 6px !important;
                font-size: 12px !important;
                line-height: 1.42 !important;
                max-width: 820px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-header-actions {
                display: flex !important;
                gap: 8px !important;
                flex-wrap: nowrap !important;
                justify-content: flex-end !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-header-outline {
                min-height: 38px !important;
                padding: 0 12px !important;
                border-radius: 8px !important;
                font-size: 12px !important;
                white-space: nowrap !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-kpi-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                gap: 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-kpi-card {
                min-height: 104px !important;
                padding: 12px !important;
                grid-template-columns: 46px minmax(0, 1fr) !important;
                gap: 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-stat-icon {
                width: 42px !important;
                height: 42px !important;
                border-radius: 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-stat-copy span,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-stat-copy small {
                font-size: 11px !important;
                line-height: 1.3 !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-stat-copy strong {
                font-size: 24px !important;
                line-height: 1.05 !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-command-panel {
                display: grid !important;
                gap: 12px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form {
                display: grid !important;
                grid-template-columns: 132px minmax(185px, 1.05fr) minmax(180px, .95fr) 132px 132px 152px auto auto !important;
                gap: 8px !important;
                align-items: end !important;
                padding: 12px !important;
                overflow: visible !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form .field {
                min-width: 0 !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form label {
                font-size: 10.5px !important;
                margin-bottom: 5px !important;
                white-space: nowrap !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form input,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form select {
                min-height: 38px !important;
                font-size: 12px !important;
                padding: 0 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form .outline-btn,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form .clear-btn {
                min-height: 38px !important;
                padding: 0 11px !important;
                font-size: 11.5px !important;
                white-space: nowrap !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card {
                padding: 14px 16px !important;
                margin-bottom: 12px !important;
                border-radius: 10px !important;
                overflow: hidden !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head {
                margin-bottom: 10px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head h3 {
                font-size: 18px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head p {
                font-size: 12px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .table-wrap {
                max-width: 100% !important;
                overflow: auto !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table {
                width: max-content !important;
                min-width: 1420px !important;
                table-layout: auto !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table {
                min-width: 1080px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table th,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table td,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table th,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table td {
                padding: 9px 10px !important;
                font-size: 12px !important;
                line-height: 1.28 !important;
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: clip !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table .row-title,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table .row-sub,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table .row-title,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table .row-sub {
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: clip !important;
            }
        }
        @media (min-width:1181px) and (max-width:1320px) {
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form {
                grid-template-columns: 128px minmax(170px, 1fr) minmax(165px, .9fr) 122px 126px 146px !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form .outline-btn,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form .clear-btn {
                width: 100% !important;
            }
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-header-actions {
                flex-wrap: wrap !important;
            }
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table-card {
            padding: 0 !important;
            overflow: hidden !important;
            border-radius: 10px !important;
            border: 1px solid #e1e8f0 !important;
            box-shadow: 0 4px 14px rgba(20,40,70,.06) !important;
        }
        .admin-layout .main-panel.is-attendance-page,
        .admin-layout .main-panel.is-attendance-page * {
            scroll-behavior: auto !important;
        }
        .admin-layout .main-panel.is-attendance-page {
            transition: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head {
            padding: 20px 22px 14px !important;
            margin: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head h3 {
            font-size: 22px !important;
            color: #0f243e !important;
            margin: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head p {
            margin: 6px 0 0 !important;
            color: #52657d !important;
            font-size: 14px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-card-actions {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            max-width: 100% !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-card-actions .btn-secondary,
        .admin-layout .main-panel.is-attendance-page .attendance-card-actions .attendance-month-form {
            margin: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-card-actions .attendance-month-form {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            flex-wrap: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-card-actions .attendance-workplace-month-form {
            flex-wrap: wrap !important;
            justify-content: flex-end !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-month-form .attendance-workplace-select {
            width: min(360px, 36vw) !important;
            min-width: 260px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-month-form .attendance-workplace-filter-select {
            width: 150px !important;
            min-width: 140px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-mini-summary-grid {
            display: grid !important;
            grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(110px, .7fr)) !important;
            gap: 10px !important;
            padding: 0 22px 14px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-mini-summary {
            min-width: 0 !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 8px !important;
            background: #f8fafc !important;
            padding: 10px 12px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-mini-summary span {
            display: block !important;
            color: #64748b !important;
            font-size: 10.5px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-mini-summary strong {
            display: block !important;
            margin-top: 4px !important;
            color: #0f243e !important;
            font-size: 14px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-detail-actions {
            justify-content: flex-end !important;
            gap: 5px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-detail-actions .mini-btn {
            min-height: 30px !important;
            padding: 5px 8px !important;
            font-size: 11px !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table-card .table-wrap {
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table {
            width: 100% !important;
            min-width: 0 !important;
            border-collapse: collapse !important;
            border-spacing: 0 !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-report-table {
            width: max-content !important;
            min-width: 1080px !important;
            border-collapse: collapse !important;
            border-spacing: 0 !important;
            table-layout: auto !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table thead,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table thead {
            background: #f5f8fc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table th {
            height: 42px !important;
            padding: 0 7px !important;
            font-size: 11.5px !important;
            color: #0f243e !important;
            font-weight: 800 !important;
            border-bottom: 1px solid #e2e8f0 !important;
            background: #f5f8fc !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table td,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table td {
            padding: 7px 7px !important;
            border-bottom: 1px solid #edf1f6 !important;
            font-size: 11.5px !important;
            line-height: 1.25 !important;
            color: #253b57 !important;
            background: #fff !important;
            vertical-align: middle !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-report-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table td {
            padding-left: 10px !important;
            padding-right: 10px !important;
            font-size: 12px !important;
            overflow: visible !important;
            text-overflow: clip !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-wrap {
            overflow-x: auto !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table {
            width: 100% !important;
            min-width: 920px !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td {
            padding-left: 7px !important;
            padding-right: 7px !important;
            font-size: 11.5px !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table .attendance-date-title {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            max-width: 100% !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table .attendance-weekday-badge {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 34px !important;
            height: 22px !important;
            padding: 0 8px !important;
            border-radius: 999px !important;
            background: #f1f5f9 !important;
            border: 1px solid #dbe4ee !important;
            color: #334155 !important;
            font-size: 10.5px !important;
            font-weight: 900 !important;
            line-height: 1 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-holiday-icon {
            width: 22px !important;
            height: 22px !important;
            min-width: 22px !important;
            border-radius: 7px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #fff7ed !important;
            border: 1px solid #fed7aa !important;
            color: #b45309 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-holiday-icon svg {
            width: 13px !important;
            height: 13px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-row-holiday td {
            background: #fffdf8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-actions {
            justify-content: flex-end !important;
            gap: 4px !important;
            flex-wrap: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-actions .employee-icon-btn {
            width: 30px !important;
            height: 30px !important;
            min-width: 30px !important;
            padding: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(1){width:17% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(2){width:20% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(3),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(3){width:14% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(4),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(4){width:14% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(5),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(5){width:14% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(6),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(6){width:14% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page .attendance-workplace-monthly-table td:nth-child(7){width:7% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(1){width:6.5% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(2){width:14.5% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(3),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(3){width:10.5% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(4),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(4){width:5.4% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(5),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(5){width:5.4% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(6),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(6){width:5.2% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(7){width:8% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(8),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(8){width:8% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(9),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(9){width:7.2% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(10),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(10){width:8.5% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(11),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(11){width:13.3% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table th:nth-child(12),
        .admin-layout .main-panel.is-attendance-page .attendance-table td:nth-child(12){width:8% !important}
        .admin-layout .main-panel.is-attendance-page .attendance-table tbody tr:nth-child(even) td,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table tbody tr:nth-child(even) td {
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table tbody tr:hover td,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table tbody tr:hover td {
            background: #f8fbff !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-name-cell {
            gap: 7px !important;
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-name-cell .row-title,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table .row-title {
            display: block !important;
            color: #0f243e !important;
            font-size: 11.5px !important;
            font-weight: 850 !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-name-cell .row-sub,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table .row-sub {
            display: block !important;
            margin-top: 3px !important;
            color: #52657d !important;
            font-size: 10px !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .employee-avatar-mini {
            width: 28px !important;
            height: 28px !important;
            border-radius: 50% !important;
            font-size: 11px !important;
            flex: 0 0 auto !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .status-badge,
        .admin-layout .main-panel.is-attendance-page .attendance-report-table .status-badge,
        .admin-layout .main-panel.is-attendance-page .attendance-overtime-pill {
            min-height: 22px !important;
            padding: 3px 6px !important;
            border-radius: 6px !important;
            font-size: 10px !important;
            line-height: 1 !important;
            max-width: 100% !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .project-pill-inline {
            max-width: 100% !important;
            padding: 3px 5px !important;
            border-radius: 7px !important;
            font-size: 10px !important;
            line-height: 1.15 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .table-actions {
            gap: 3px !important;
            flex-wrap: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .mini-btn {
            width: 26px !important;
            height: 26px !important;
            min-width: 26px !important;
            min-height: 26px !important;
            padding: 0 !important;
            border-radius: 7px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-table .mini-btn svg {
            width: 13px !important;
            height: 13px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-card {
            overflow: hidden !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-filter {
            grid-template-columns: 140px minmax(220px, .8fr) minmax(220px, 1fr) auto auto !important;
            border-top: 1px solid #e6edf5 !important;
            border-bottom: 1px solid #e6edf5 !important;
            border-radius: 0 !important;
            margin: 0 !important;
            box-shadow: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-legend {
            gap: 10px !important;
            align-items: center !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-legend span {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            color: #52657d !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-legend-rest-day {
            width: 14px !important;
            height: 14px !important;
            border-radius: 5px !important;
            border: 1px solid #bae6fd !important;
            background: #e0f2fe !important;
            display: inline-block !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-wrap {
            width: 100% !important;
            overflow: auto !important;
            background: #fff !important;
            border-bottom-left-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table {
            min-width: 0 !important;
            width: 100% !important;
            max-width: none !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table td {
            border-right: 1px solid #e6edf5 !important;
            border-bottom: 1px solid #e6edf5 !important;
            padding: 0 !important;
            height: 48px !important;
            background: #fff !important;
            text-align: center !important;
            vertical-align: middle !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table thead th {
            position: sticky !important;
            top: 0 !important;
            z-index: 5 !important;
            height: 56px !important;
            background: #f1f6fc !important;
            color: #0f243e !important;
            font-size: 12px !important;
            font-weight: 900 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-sticky {
            position: sticky !important;
            z-index: 4 !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-project-head,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-project-cell {
            left: 0 !important;
            width: 220px !important;
            min-width: 220px !important;
            max-width: 220px !important;
            text-align: left !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table thead .attendance-timeline-sticky {
            z-index: 7 !important;
            background: #f1f6fc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-project-cell {
            padding: 8px 10px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell {
            width: calc((100% - 220px) / 31) !important;
            min-width: 24px !important;
            max-width: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head span,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head small {
            display: block !important;
            line-height: 1.05 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head small {
            margin-top: 4px !important;
            color: #52657d !important;
            font-size: 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head.is-today {
            box-shadow: inset 0 -3px 0 #2563eb !important;
            color: #005be8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-table tbody tr:hover td {
            background: #f8fbff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell.has-record {
            background: #f8fbff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon {
            display: inline-flex !important;
            width: 20px !important;
            height: 20px !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 8px !important;
            border: 1px solid #cfe0ff !important;
            background: #edf4ff !important;
            color: #005be8 !important;
        }
        .admin-layout .main-panel.is-attendance-page button.attendance-day-icon {
            padding: 0 !important;
            cursor: pointer !important;
        }
        .admin-layout .main-panel.is-attendance-page button.attendance-day-icon:hover {
            transform: translateY(-1px) !important;
            box-shadow: 0 6px 12px rgba(15, 35, 65, .14) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon svg {
            width: 12px !important;
            height: 12px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon.is-approved {
            background: #e9f8f0 !important;
            border-color: #b7ebcb !important;
            color: #15803d !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon.is-progress {
            background: #fff7ed !important;
            border-color: #fed7aa !important;
            color: #c2410c !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon.is-pending {
            background: #eff6ff !important;
            border-color: #bfdbfe !important;
            color: #1d4ed8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-icon.is-rejected {
            background: #fff0f0 !important;
            border-color: #fecaca !important;
            color: #dc2626 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-day-empty {
            display: inline-block !important;
            width: 5px !important;
            height: 5px !important;
            border-radius: 50% !important;
            background: #d9e3ef !important;
        }
        .admin-layout .main-panel.is-attendance-page button.attendance-day-entry {
            display: inline-flex !important;
            width: 18px !important;
            height: 18px !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            border-radius: 7px !important;
            border: 1px dashed #bdd3ee !important;
            background: #f8fbff !important;
            color: #7b91ad !important;
            cursor: pointer !important;
            opacity: .72 !important;
        }
        .admin-layout .main-panel.is-attendance-page button.attendance-day-entry:hover {
            opacity: 1 !important;
            color: #005be8 !important;
            border-color: #9fc0ed !important;
            background: #edf4ff !important;
        }
        .admin-layout .main-panel.is-attendance-page button.attendance-day-entry svg {
            width: 10px !important;
            height: 10px !important;
            display: block !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-row-disabled {
            opacity: .62 !important;
            background: #f8fafc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-row-disabled input,
        .admin-layout .main-panel.is-attendance-page .attendance-row-disabled select {
            cursor: not-allowed !important;
            background: #f1f5f9 !important;
            color: #64748b !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-card {
            overflow: hidden !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-legend {
            gap: 9px !important;
            align-items: center !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-legend span {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            color: #52657d !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot {
            width: 10px !important;
            height: 10px !important;
            border-radius: 999px !important;
            display: inline-block !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-wrap {
            width: 100% !important;
            overflow: hidden !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table {
            min-width: 0 !important;
            width: 100% !important;
            max-width: none !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table th,
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table td {
            height: 50px !important;
            padding: 0 !important;
            border-right: 1px solid #e6edf5 !important;
            border-bottom: 1px solid #e6edf5 !important;
            background: #fff !important;
            text-align: center !important;
            vertical-align: middle !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table thead th {
            position: sticky !important;
            top: 0 !important;
            z-index: 6 !important;
            height: 54px !important;
            background: #f1f6fc !important;
            color: #0f243e !important;
            font-size: 12px !important;
            font-weight: 900 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-sticky {
            position: sticky !important;
            z-index: 5 !important;
            background: #fff !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-head,
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-cell {
            left: 0 !important;
            width: 190px !important;
            min-width: 190px !important;
            max-width: 190px !important;
            text-align: left !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-project-head,
        .admin-layout .main-panel.is-attendance-page .attendance-process-project-cell {
            left: 190px !important;
            width: 150px !important;
            min-width: 150px !important;
            max-width: 150px !important;
            text-align: left !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table thead .attendance-process-sticky {
            z-index: 8 !important;
            background: #f1f6fc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-cell {
            padding: 8px 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-project-cell {
            padding: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell {
            width: calc((100% - 340px) / 31) !important;
            min-width: 16px !important;
            max-width: none !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-cell .employee-person-cell {
            flex-wrap: nowrap !important;
            gap: 8px !important;
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-cell .employee-person-cell > span:last-child {
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-person-cell .row-title,
        .admin-layout .main-panel.is-attendance-page .attendance-process-project-cell .project-pill-inline {
            display: block !important;
            width: 100% !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head span,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head small {
            display: block !important;
            line-height: 1.05 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head span {
            font-size: 11px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head small {
            margin-top: 3px !important;
            color: #52657d !important;
            font-size: 9px !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head.is-today {
            box-shadow: inset 0 -3px 0 #2563eb !important;
            color: #005be8 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell {
            position: relative !important;
            background: linear-gradient(180deg, #fbfdff 0%, #f7fafe 100%) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell::before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            top: 9px !important;
            bottom: 9px !important;
            background: rgba(226, 232, 240, .42) !important;
            border-top: 1px solid rgba(203, 213, 225, .38) !important;
            border-bottom: 1px solid rgba(203, 213, 225, .28) !important;
            z-index: 1 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar {
            position: absolute !important;
            left: 4px !important;
            right: auto !important;
            width: 26px !important;
            top: 13px !important;
            bottom: auto !important;
            height: 24px !important;
            border-radius: 999px !important;
            background: transparent !important;
            color: #fff !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            border: 1px solid rgba(255, 255, 255, .26) !important;
            box-shadow: 0 5px 12px rgba(15, 35, 65, .10), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
            z-index: 4 !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            opacity: .74 !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-work,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-work { background: linear-gradient(135deg, #16a34a, #087b3f) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-weekly,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-weekly { background: linear-gradient(135deg, #64748b, #405166) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-annual,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-annual { background: linear-gradient(135deg, #14b8a6, #0f766e) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-admin,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-admin { background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-unpaid,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-unpaid { background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-sick,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-sick { background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-public,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-public { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-process-bar.is-absent,
        .admin-layout .main-panel.is-attendance-page .attendance-process-dot.is-absent { background: linear-gradient(135deg, #ef4444, #b91c1c) !important; }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head.is-weekend,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell.is-weekend,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head.is-weekend,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell.is-weekend {
            background: #f8fafc !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head.is-holiday,
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell.is-holiday,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head.is-holiday,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell.is-holiday {
            background: #fff7ed !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell.is-workplace-rest {
            background: #e0f2fe !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-cell.is-workplace-rest.is-holiday {
            background: linear-gradient(135deg, #fff7ed 0 50%, #e0f2fe 50% 100%) !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head.is-today,
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-head.is-today {
            box-shadow: inset 0 -3px 0 #2563eb !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-process-day-cell {
            overflow: visible !important;
        }
        .admin-layout .main-panel.is-attendance-page .attendance-employee-process-table {
            overflow: visible !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card {
            padding: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head {
            padding: 16px 18px 12px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head h3 {
            font-size: 20px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table {
            table-layout: auto !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table th,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table th {
            height: 42px !important;
            padding: 0 10px !important;
            font-size: 12px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table td,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table td {
            padding: 7px 10px !important;
            font-size: 12px !important;
            line-height: 1.2 !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .employee-name-cell {
            gap: 8px !important;
            min-width: 210px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table .employee-avatar-mini {
            width: 30px !important;
            height: 30px !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-list-modern-head .employee-list-headbar-main {
            padding-right: 12px !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page .employee-list-modern-head .employee-header-actions {
            margin-right: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page > .topbar {
            padding-right: 28px !important;
        }
        .admin-layout .main-panel.is-attendance-page > .topbar .topbar-right {
            margin-right: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .table-wrap,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .table-wrap {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: hidden !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .attendance-table {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            table-layout: fixed !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th,
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .attendance-table th,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .attendance-table td {
            padding-left: 6px !important;
            padding-right: 6px !important;
            font-size: 11.2px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(1){width:6.2% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(2){width:14% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(3),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(3){width:10% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(4),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(4){width:5.2% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(5),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(5){width:5.2% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(6),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(6){width:4.8% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(7){width:7.4% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(8),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(8){width:7.5% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(9),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(9){width:7.2% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(10),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(10){width:8.1% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(11),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(11){width:12.1% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table th:nth-child(12),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table td:nth-child(12){width:12.3% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-table .employee-name-cell,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .attendance-table .employee-name-cell {
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(1){width:10% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(2){width:20% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(3),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(3){width:8% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(4),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(4),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(5),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(5),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(6),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(6){width:7% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(7){width:11% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(8),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(8){width:12% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(9),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(9){width:10% !important}
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table th:nth-child(10),
        .admin-layout .main-panel.is-attendance-page #attendance-list-table .attendance-daily-table td:nth-child(10){width:11% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-headbar,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-card,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-card .list-head,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head {
            padding: 14px 16px 10px !important;
            min-width: 0 !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-card .list-head h3,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head h3 {
            font-size: 18px !important;
            line-height: 1.2 !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-card .list-head p,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .list-head p {
            font-size: 12px !important;
            line-height: 1.35 !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-form {
            padding: 12px 16px 14px !important;
            gap: 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-grid {
            grid-template-columns: minmax(160px,1.25fr) repeat(6,minmax(92px,1fr)) !important;
            gap: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-shift-grid {
            grid-template-columns: minmax(150px,1.15fr) repeat(3,minmax(96px,.85fr)) !important;
            gap: 7px !important;
            padding: 10px !important;
            overflow-x: hidden !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-form input,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-settings-form select,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-check {
            min-height: 34px !important;
            font-size: 11px !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-filter-form {
            grid-template-columns: 120px minmax(160px,1fr) minmax(170px,1fr) 118px 118px 138px auto auto !important;
            gap: 7px !important;
            padding: 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card {
            padding: 0 !important;
            margin-bottom: 10px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table-card .table-wrap,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .table-wrap {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-list-table .attendance-table {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            table-layout: fixed !important;
            border-collapse: collapse !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table th,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table td,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table th,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table td {
            padding: 7px 5px !important;
            font-size: 10.8px !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table .row-title,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-report-table .row-sub,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table .row-title,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-table .row-sub {
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(1){width:14% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(2),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(2){width:16% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(3),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(3){width:7% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(4),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(4){width:8% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(5),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(5),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(6),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(6),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(7),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(7),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(8),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(8),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(9),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(9){width:7.5% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(10),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(10){width:7% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table th:nth-child(11),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-weekly-work-list .attendance-report-table td:nth-child(11){width:11% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-monthly-report .attendance-report-table th:nth-child(1),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-monthly-report .attendance-report-table td:nth-child(1){width:18% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-monthly-report .attendance-report-table th:nth-child(n+2),
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-monthly-report .attendance-report-table td:nth-child(n+2){width:9.1% !important}
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-mini-summary-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            padding: 0 18px 12px !important;
        }
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact #attendance-workplace-monthly-control .attendance-report-table {
            min-width: 920px !important;
        }
        @media (max-width: 900px) {
            .admin-layout .main-panel.is-attendance-page .attendance-mini-summary-grid,
            .admin-layout .main-panel.is-attendance-page.is-resolution-compact .attendance-mini-summary-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-card-actions .attendance-month-form {
                flex-wrap: wrap !important;
                justify-content: flex-end !important;
            }
            .admin-layout .main-panel.is-attendance-page .attendance-workplace-month-form select,
            .admin-layout .main-panel.is-attendance-page .attendance-workplace-month-form .attendance-workplace-select,
            .admin-layout .main-panel.is-attendance-page .attendance-workplace-month-form .attendance-workplace-filter-select {
                width: 100% !important;
                min-width: 0 !important;
            }
        }
        .admin-layout .main-panel.is-attendance-page [data-attendance-panel].attendance-panel-hidden,
        .admin-layout .main-panel.is-attendance-page.is-resolution-compact [data-attendance-panel].attendance-panel-hidden {
            display: none !important;
        }
        html.attendance-booting .admin-layout .main-panel.is-attendance-page .employee-command-panel {
            visibility: hidden !important;
            opacity: 0 !important;
        }
        html.attendance-booting[data-attendance-initial-panel="timeline"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="timeline"],
        html.attendance-booting[data-attendance-initial-panel="employee_timeline"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="employee_timeline"],
        html.attendance-booting[data-attendance-initial-panel="daily"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="daily"],
        html.attendance-booting[data-attendance-initial-panel="settings"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="settings"],
        html.attendance-booting[data-attendance-initial-panel="weekly"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="weekly"],
        html.attendance-booting[data-attendance-initial-panel="workplace_monthly"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="workplace_monthly"],
        html.attendance-booting[data-attendance-initial-panel="monthly"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="monthly"],
        html.attendance-booting[data-attendance-initial-panel="bulk_entry"] .admin-layout .main-panel.is-attendance-page [data-attendance-panel="bulk_entry"] {
            display: block !important;
        }
        #attendanceBulkModal.attendance-modal,
        #attendanceBulkSettingsModal.attendance-modal,
        #attendanceSettingsEditorModal.attendance-modal,
        #attendanceRecordModal.attendance-modal,
        #attendanceEmployeePeriodModal.attendance-modal,
        #attendanceDailyDetailModal.attendance-modal,
        #attendanceDailyRejectModal.attendance-modal,
        #attendanceRejectModal.attendance-modal {
            display: none !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal,
        #attendanceBulkSettingsModal.ibys-attendance-force-modal,
        #attendanceSettingsEditorModal.ibys-attendance-force-modal,
        #attendanceRecordModal.ibys-attendance-force-modal,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal,
        #attendanceDailyDetailModal.ibys-attendance-force-modal,
        #attendanceDailyRejectModal.ibys-attendance-force-modal,
        #attendanceRejectModal.ibys-attendance-force-modal {
            display: flex !important;
        }
        body.modal-open .admin-layout .main-panel.is-attendance-page {
            z-index: 1000000 !important;
        }
        body.modal-open .admin-layout .sidebar,
        body.modal-open .admin-sidebar,
        body.modal-open .sidebar-menu {
            pointer-events: none !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceBulkSettingsModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceSettingsEditorModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceRecordModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-panel,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-panel {
            display: flex !important;
            flex-direction: column !important;
            border: 1px solid #dbe6f2 !important;
            overflow: hidden !important;
        }
        .ibys-attendance-force-modal .document-upload-head {
            flex: 0 0 auto !important;
            padding: 18px 24px !important;
            background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
            border-bottom: 1px solid #dbe6f2 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 18px !important;
        }
        .ibys-attendance-force-modal .document-upload-head h4 {
            margin: 0 !important;
            font-size: 22px !important;
            line-height: 1.2 !important;
        }
        .ibys-attendance-force-modal .document-upload-head p {
            margin: 5px 0 0 !important;
            font-size: 12px !important;
            line-height: 1.45 !important;
        }
        .ibys-attendance-force-modal .attendance-form {
            flex: 1 1 auto !important;
            min-height: 0 !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            background: #fff !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-toolbar {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            margin: 12px 14px 0 !important;
            padding: 10px 12px !important;
            border: 1px solid #dbe7f4 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-toolbar:empty {
            display: none !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-status {
            margin-right: auto !important;
            display: inline-flex !important;
            min-height: 30px !important;
            align-items: center !important;
            padding: 0 10px !important;
            border-radius: 999px !important;
            border: 1px solid #fed7aa !important;
            background: #fff7ed !important;
            color: #b45309 !important;
            font-size: 12px !important;
            font-weight: 900 !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-status.is-approved {
            border-color: #b7ebcb !important;
            background: #e9f8f0 !important;
            color: #15803d !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-status.is-rejected {
            border-color: #fecaca !important;
            background: #fff0f0 !important;
            color: #dc2626 !important;
        }
        .ibys-attendance-force-modal .attendance-daily-detail-status.is-draft {
            border-color: #bfdbfe !important;
            background: #eef6ff !important;
            color: #1d4ed8 !important;
        }
        .ibys-attendance-force-modal .attendance-form-grid {
            flex: 0 0 auto !important;
            display: grid !important;
            grid-template-columns: minmax(150px, .85fr) minmax(120px, .7fr) minmax(120px, .7fr) minmax(120px, .65fr) minmax(170px, 1fr) auto !important;
            gap: 10px !important;
            padding: 14px 16px !important;
            background: #f8fafc !important;
            border-bottom: 1px solid #e6edf5 !important;
            align-items: end !important;
        }
        .ibys-attendance-force-modal #attendanceRecordForm .attendance-form-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
        .ibys-attendance-force-modal .attendance-form-grid .span-2 {
            grid-column: span 2 !important;
        }
        .ibys-attendance-force-modal .attendance-form-grid .span-3 {
            grid-column: 1 / -1 !important;
        }
        .ibys-attendance-force-modal .field {
            min-width: 0 !important;
            display: grid !important;
            gap: 6px !important;
        }
        .ibys-attendance-force-modal .attendance-form-grid > .field {
            grid-column: auto !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .document-upload-panel {
            width: min(1320px, calc(100vw - 32px)) !important;
            max-height: calc(100vh - 30px) !important;
        }
        #attendance-bulk-entry.attendance-bulk-page-card {
            padding: 0 !important;
            overflow: hidden !important;
            background: #f8fafc !important;
            border-radius: 10px !important;
        }
        .attendance-process-wait-overlay {
            position: fixed !important;
            inset: 0 !important;
            z-index: 2147483001 !important;
            display: none !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 18px !important;
            background: rgba(11, 31, 58, .46) !important;
            backdrop-filter: blur(4px) !important;
        }
        .attendance-process-wait-overlay.is-open {
            display: flex !important;
        }
        .attendance-process-wait-panel {
            width: min(480px, 100%) !important;
            display: grid !important;
            grid-template-columns: 52px minmax(0, 1fr) !important;
            gap: 16px !important;
            align-items: center !important;
            padding: 22px !important;
            border: 1px solid #dbe7f5 !important;
            border-radius: 12px !important;
            background: #fff !important;
            box-shadow: 0 22px 55px rgba(15, 35, 65, .24) !important;
        }
        .attendance-process-spinner {
            width: 52px !important;
            height: 52px !important;
            border-radius: 14px !important;
            background: #e6fffb !important;
            border: 1px solid #b6eee7 !important;
            position: relative !important;
        }
        .attendance-process-spinner::after {
            content: "" !important;
            position: absolute !important;
            inset: 13px !important;
            border-radius: 999px !important;
            border: 3px solid rgba(15, 118, 110, .18) !important;
            border-top-color: #0f766e !important;
            animation: attendanceProcessSpin .75s linear infinite !important;
        }
        .attendance-process-wait-panel h4 {
            margin: 0 0 6px !important;
            color: #0b1f3a !important;
            font-size: 20px !important;
            font-weight: 900 !important;
            letter-spacing: 0 !important;
        }
        .attendance-process-wait-panel p {
            margin: 0 !important;
            color: #52657d !important;
            font-size: 14px !important;
            line-height: 1.45 !important;
            font-weight: 800 !important;
        }
        @keyframes attendanceProcessSpin {
            to { transform: rotate(360deg); }
        }
        html.attendance-booting[data-attendance-initial-panel="bulk_entry"] .admin-layout .main-panel.is-attendance-page .attendance-headbar,
        html.attendance-booting[data-attendance-initial-panel="bulk_entry"] .admin-layout .main-panel.is-attendance-page .employee-command-panel,
        .admin-layout .main-panel.is-attendance-page.attendance-bulk-active .attendance-headbar,
        .admin-layout .main-panel.is-attendance-page.attendance-bulk-active .employee-command-panel {
            display: none !important;
        }
        #attendance-bulk-entry .attendance-bulk-page-shell {
            display: flex !important;
            flex-direction: column !important;
            min-height: calc(100vh - 110px) !important;
        }
        #attendance-bulk-entry .attendance-bulk-head {
            padding: 13px 18px !important;
            background: #fff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            align-items: center !important;
        }
        #attendance-bulk-entry .attendance-bulk-heading {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            min-width: 0 !important;
        }
        #attendance-bulk-entry .attendance-bulk-head-icon {
            width: 38px !important;
            height: 38px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 10px !important;
            color: #0f766e !important;
            background: #e6fffb !important;
            border: 1px solid #b6eee7 !important;
            flex: 0 0 auto !important;
        }
        #attendance-bulk-entry .attendance-bulk-head h4 {
            margin: 0 !important;
            font-size: 20px !important;
            line-height: 1.2 !important;
            letter-spacing: 0 !important;
        }
        #attendance-bulk-entry .attendance-bulk-head p {
            margin: 3px 0 0 !important;
            color: #64748b !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            line-height: 1.25 !important;
        }
        #attendance-bulk-entry #attendanceBulkForm {
            display: flex !important;
            flex: 1 1 auto !important;
            min-height: 0 !important;
            flex-direction: column !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .attendance-bulk-panel {
            border-radius: 16px !important;
            overflow: hidden !important;
            background: #f8fafc !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .attendance-bulk-head {
            padding: 16px 20px !important;
            background: #fff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            align-items: center !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .attendance-bulk-heading {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            min-width: 0 !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .attendance-bulk-head-icon {
            width: 38px !important;
            height: 38px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 10px !important;
            color: #0f766e !important;
            background: #e6fffb !important;
            border: 1px solid #b6eee7 !important;
            flex: 0 0 auto !important;
        }
        #attendanceBulkModal.ibys-attendance-force-modal .attendance-bulk-head h4 {
            margin: 0 !important;
            font-size: 22px !important;
            line-height: 1.2 !important;
            letter-spacing: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar {
            display: grid !important;
            grid-template-columns: 180px minmax(420px, 1fr) !important;
            gap: 8px 10px !important;
            margin: 10px 16px 8px !important;
            padding: 10px !important;
            align-items: end !important;
            overflow: visible !important;
            background: #fff !important;
            border: 1px solid #dbe6f2 !important;
            border-bottom: 1px solid #dbe6f2 !important;
            border-radius: 12px !important;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar .span-2 {
            grid-column: auto !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar > .field {
            grid-column: auto !important;
            display: grid !important;
            gap: 2px !important;
            min-width: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar > .attendance-bulk-tools-field {
            gap: 3px !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar > .attendance-bulk-tools-field label {
            font-size: 10px !important;
            line-height: 1.1 !important;
            color: #475569 !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar > .attendance-bulk-tools-field button {
            min-height: 34px !important;
            height: 34px !important;
            padding: 5px 10px !important;
            font-size: 12px !important;
            border-radius: 8px !important;
            background: #f8fafc !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar .field label {
            margin: 0 0 2px !important;
            font-size: 10px !important;
            line-height: 1.1 !important;
            text-transform: uppercase !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar .attendance-filter-help {
            margin-top: 2px !important;
            min-height: 28px !important;
        }
        #attendanceBulkForm .attendance-bulk-hide-field {
            min-width: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-list-tools {
            display: grid !important;
            grid-template-columns: minmax(260px, 420px) 240px 1fr !important;
            gap: 10px !important;
            align-items: end !important;
            margin: 8px 16px 0 !important;
            padding: 10px !important;
            background: #f8fafc !important;
            border: 1px solid #dbe6f2 !important;
            border-bottom: 0 !important;
            border-radius: 12px 12px 0 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-list-tools > .field {
            display: grid !important;
            gap: 3px !important;
            min-width: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-list-tools .field label {
            margin: 0 0 2px !important;
            font-size: 10px !important;
            line-height: 1.1 !important;
            text-transform: uppercase !important;
        }
        #attendanceBulkForm .attendance-bulk-list-tools input[type="search"] {
            min-height: 34px !important;
            height: 34px !important;
            border-radius: 8px !important;
        }
        #attendanceBulkForm .attendance-bulk-toggle {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            width: 100% !important;
            min-height: 34px !important;
            margin: 0 !important;
            padding: 0 10px !important;
            border: 1px solid #cbd8e8 !important;
            border-radius: 8px !important;
            background: #fff !important;
            color: #10233f !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            cursor: pointer !important;
            text-transform: none !important;
        }
        #attendanceBulkForm .attendance-bulk-toggle input {
            width: 16px !important;
            height: 16px !important;
            min-height: 16px !important;
            margin: 0 !important;
            accent-color: #0f766e !important;
        }
        #attendanceBulkForm .attendance-bulk-toggle span {
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar input,
        #attendanceBulkForm .attendance-bulk-toolbar select,
        #attendanceBulkForm .attendance-bulk-toolbar button {
            min-height: 34px !important;
            height: 34px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            border-radius: 8px !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar .attendance-bulk-context-locked {
            background: #f1f5f9 !important;
            color: #475569 !important;
            border-color: #d6e2f0 !important;
            cursor: not-allowed !important;
            opacity: 1 !important;
        }
        #attendanceBulkForm .attendance-bulk-toolbar button {
            width: 100% !important;
            justify-content: center !important;
        }
        @media (max-width: 1200px) {
            #attendanceBulkForm .attendance-bulk-toolbar {
                grid-template-columns: 180px minmax(0, 1fr) !important;
            }
            #attendanceBulkForm .attendance-bulk-toolbar > .field {
                grid-column: auto !important;
            }
            #attendanceBulkForm .attendance-bulk-list-tools {
                grid-template-columns: minmax(220px, 1fr) 230px !important;
            }
        }
        @media (max-width: 760px) {
            #attendanceBulkForm .attendance-bulk-toolbar,
            #attendanceBulkForm .attendance-bulk-list-tools {
                grid-template-columns: 1fr !important;
            }
        }
        .ibys-attendance-force-modal .field label {
            display: block !important;
            margin-bottom: 6px !important;
            color: #334155 !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            text-transform: uppercase !important;
        }
        .ibys-attendance-force-modal input,
        .ibys-attendance-force-modal select,
        .ibys-attendance-force-modal textarea {
            width: 100% !important;
            min-height: 40px !important;
            border: 1px solid #cbd8e6 !important;
            border-radius: 8px !important;
            padding: 8px 10px !important;
            background: #fff !important;
            color: #0f172a !important;
            font-size: 13px !important;
            box-sizing: border-box !important;
        }
        .ibys-attendance-force-modal textarea {
            min-height: 82px !important;
            resize: vertical !important;
        }
        .attendance-status-admin_leave,
        .attendance-status-annual_leave,
        .attendance-status-unpaid_leave {
            background: #eff6ff !important;
            color: #1d4ed8 !important;
            border-color: #bfdbfe !important;
        }
        .ibys-attendance-force-modal .attendance-time-control {
            display: grid !important;
            grid-template-columns: 34px minmax(58px, 1fr) 34px !important;
            align-items: center !important;
            gap: 4px !important;
            width: 100% !important;
        }
        .ibys-attendance-force-modal .attendance-time-control input {
            min-width: 0 !important;
            text-align: center !important;
            font-weight: 800 !important;
            letter-spacing: 0 !important;
            padding-left: 6px !important;
            padding-right: 6px !important;
            font-variant-numeric: tabular-nums !important;
        }
        .ibys-attendance-force-modal .attendance-time-step {
            width: 34px !important;
            min-width: 34px !important;
            height: 40px !important;
            border: 1px solid #cbd8e6 !important;
            border-radius: 8px !important;
            background: #f8fafc !important;
            color: #0f172a !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            line-height: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            padding: 0 !important;
        }
        .ibys-attendance-force-modal .attendance-time-step:hover {
            border-color: #0ea5e9 !important;
            color: #0369a1 !important;
            background: #eef8ff !important;
        }
        .ibys-attendance-force-modal .attendance-time-step:disabled {
            opacity: .45 !important;
            cursor: not-allowed !important;
        }
        .ibys-attendance-force-modal .attendance-time-input {
            width: 100% !important;
            min-width: 76px !important;
            text-align: center !important;
            font-weight: 850 !important;
            letter-spacing: 0 !important;
            font-variant-numeric: tabular-nums !important;
        }
        .ibys-attendance-force-modal .attendance-time-field,
        #attendanceBulkForm .attendance-time-field {
            position: relative !important;
            display: block !important;
            width: 100% !important;
            min-width: 0 !important;
        }
        .ibys-attendance-force-modal .attendance-time-field::before,
        #attendanceBulkForm .attendance-time-field::before {
            content: '' !important;
            position: absolute !important;
            right: 10px !important;
            top: 50% !important;
            width: 13px !important;
            height: 13px !important;
            border: 1.8px solid #64748b !important;
            border-radius: 50% !important;
            transform: translateY(-50%) !important;
            pointer-events: none !important;
            opacity: .72 !important;
            box-sizing: border-box !important;
        }
        .ibys-attendance-force-modal .attendance-time-field::after,
        #attendanceBulkForm .attendance-time-field::after {
            content: '' !important;
            position: absolute !important;
            right: 16px !important;
            top: 50% !important;
            width: 4px !important;
            height: 5px !important;
            border-left: 1.8px solid #64748b !important;
            border-bottom: 1.8px solid #64748b !important;
            transform: translateY(-62%) !important;
            pointer-events: none !important;
            opacity: .72 !important;
            box-sizing: border-box !important;
        }
        .ibys-attendance-force-modal .attendance-time-field:focus-within .attendance-time-input,
        #attendanceBulkForm .attendance-time-field:focus-within .attendance-time-input {
            border-color: #0ea5e9 !important;
            box-shadow: 0 0 0 3px rgba(14, 165, 233, .13) !important;
            background: #fff !important;
        }
        .ibys-attendance-force-modal .attendance-time-field.is-disabled::before,
        .ibys-attendance-force-modal .attendance-time-field.is-disabled::after,
        #attendanceBulkForm .attendance-time-field.is-disabled::before,
        #attendanceBulkForm .attendance-time-field.is-disabled::after {
            opacity: .25 !important;
        }
        #attendanceBulkForm .attendance-time-input {
            width: 100% !important;
            min-width: 0 !important;
            text-align: center !important;
            font-weight: 900 !important;
            letter-spacing: 0 !important;
            font-variant-numeric: tabular-nums !important;
            padding-right: 30px !important;
            background: linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
        }
        .ibys-attendance-force-modal .attendance-bulk-entry-table {
            min-width: 820px !important;
            width: 100% !important;
            table-layout: fixed !important;
        }
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(1),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(1){width:42px !important}
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(2),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(2){width:28% !important}
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(3),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(3){width:17% !important}
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(4),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(4),
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(5),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(5){width:12% !important}
        .ibys-attendance-force-modal .attendance-bulk-entry-table th:nth-child(6),
        .ibys-attendance-force-modal .attendance-bulk-entry-table td:nth-child(6){width:auto !important}
        .ibys-attendance-force-modal select[multiple] {
            min-height: 86px !important;
            padding: 6px 8px !important;
        }
        .ibys-attendance-force-modal .attendance-filter-help {
            display: block !important;
            color: #64748b !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            line-height: 1.35 !important;
        }
        .ibys-attendance-force-modal .employee-secondary-actions {
            flex: 0 0 auto !important;
            display: flex !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            padding: 10px 16px !important;
            margin: 0 !important;
            border-bottom: 1px solid #e6edf5 !important;
            background: #fff !important;
            align-items: center !important;
        }
        #attendanceBulkForm .attendance-bulk-quick-actions {
            padding: 10px 16px !important;
            gap: 10px !important;
            align-items: stretch !important;
        }
        #attendanceBulkForm .attendance-bulk-quick-actions .btn-secondary {
            min-height: 34px !important;
            padding: 7px 10px !important;
        }
        #attendanceBulkForm .attendance-bulk-inline-settings {
            display: flex !important;
            align-items: end !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
            padding: 8px !important;
            border: 1px solid #dbe6f2 !important;
            border-radius: 10px !important;
            background: #f8fafc !important;
            flex: 1 1 100% !important;
            min-width: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field {
            display: grid !important;
            gap: 3px !important;
            min-width: 104px !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field.is-break {
            min-width: 86px !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field.is-status {
            min-width: 160px !important;
            flex: 1 1 170px !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field.is-description {
            min-width: 240px !important;
            flex: 1.4 1 260px !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field label {
            margin: 0 !important;
            font-size: 10px !important;
            line-height: 1.1 !important;
            font-weight: 900 !important;
            color: #334155 !important;
            text-transform: uppercase !important;
        }
        #attendanceBulkForm .attendance-bulk-mini-field input,
        #attendanceBulkForm .attendance-bulk-mini-field select {
            min-height: 34px !important;
            height: 34px !important;
            padding: 5px 8px !important;
            font-size: 12px !important;
            border-radius: 8px !important;
            background: #fff !important;
        }
        #attendanceBulkForm .attendance-bulk-apply-btn {
            align-self: end !important;
            white-space: nowrap !important;
        }
        #attendanceBulkForm .attendance-bulk-note-stack {
            flex: 0 0 auto !important;
            display: grid !important;
            gap: 6px !important;
            padding: 8px 20px !important;
            background: #fff !important;
            border-bottom: 1px solid #e6edf5 !important;
        }
        #attendanceBulkForm .attendance-bulk-note-stack .attendance-holiday-banner {
            margin: 0 !important;
            padding: 8px 10px !important;
            border-radius: 8px !important;
            font-size: 12px !important;
            line-height: 1.35 !important;
        }
        .attendance-bulk-submit-summary {
            display: grid !important;
            gap: 8px !important;
            padding: 12px 14px !important;
            border: 1px solid #dbe6f2 !important;
            border-radius: 8px !important;
            background: #f8fafc !important;
            color: #1e293b !important;
            font-size: 13px !important;
            line-height: 1.45 !important;
        }
        .attendance-bulk-submit-summary ul {
            margin: 0 !important;
            padding-left: 18px !important;
        }
        .attendance-bulk-submit-summary li {
            margin: 3px 0 !important;
        }
        .attendance-bulk-submit-actions {
            align-items: end !important;
        }
        .attendance-bulk-approver-inline {
            display: grid !important;
            gap: 4px !important;
            min-width: 260px !important;
            max-width: 360px !important;
        }
        .attendance-bulk-approver-inline label {
            margin: 0 !important;
            color: #334155 !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            text-transform: uppercase !important;
        }
        .attendance-bulk-approver-inline select {
            min-height: 38px !important;
            height: 38px !important;
        }
        .attendance-bulk-approver-inline.is-skip-approval {
            display: none !important;
        }
        @media (max-width: 760px) {
            .attendance-bulk-approver-inline {
                width: 100% !important;
                max-width: none !important;
            }
            .attendance-bulk-submit-actions .btn-small,
            .attendance-bulk-submit-actions .btn-secondary {
                width: 100% !important;
                justify-content: center !important;
            }
        }
        .ibys-attendance-force-modal .table-wrap {
            flex: 1 1 auto !important;
            min-height: 260px !important;
            max-height: none !important;
            overflow: auto !important;
            padding: 0 !important;
            border: 0 !important;
        }
        .ibys-attendance-force-modal .attendance-table {
            min-width: 1380px !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            table-layout: fixed !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(1),
        .ibys-attendance-force-modal .attendance-table td:nth-child(1) {
            width: 46px !important;
            text-align: center !important;
            position: sticky !important;
            left: 0 !important;
            z-index: 4 !important;
            background: #fff !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(1) {
            background: #eef4fb !important;
            z-index: 6 !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(2),
        .ibys-attendance-force-modal .attendance-table td:nth-child(2) {
            width: 220px !important;
            position: sticky !important;
            left: 46px !important;
            z-index: 3 !important;
            background: #fff !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(2) {
            background: #eef4fb !important;
            z-index: 6 !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(3),
        .ibys-attendance-force-modal .attendance-table td:nth-child(3) {
            width: 170px !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(4),
        .ibys-attendance-force-modal .attendance-table td:nth-child(4) {
            width: 150px !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(5),
        .ibys-attendance-force-modal .attendance-table td:nth-child(5),
        .ibys-attendance-force-modal .attendance-table th:nth-child(6),
        .ibys-attendance-force-modal .attendance-table td:nth-child(6) {
            width: 130px !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(7),
        .ibys-attendance-force-modal .attendance-table td:nth-child(7) {
            width: 92px !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(8),
        .ibys-attendance-force-modal .attendance-table td:nth-child(8),
        .ibys-attendance-force-modal .attendance-table th:nth-child(9),
        .ibys-attendance-force-modal .attendance-table td:nth-child(9) {
            width: 170px !important;
        }
        .ibys-attendance-force-modal .attendance-table th:nth-child(10),
        .ibys-attendance-force-modal .attendance-table td:nth-child(10) {
            width: 78px !important;
            text-align: center !important;
        }
        .ibys-attendance-force-modal .attendance-table thead th {
            position: sticky !important;
            top: 0 !important;
            z-index: 2 !important;
            padding: 11px 10px !important;
            background: #eef4fb !important;
            color: #10233f !important;
            font-size: 11px !important;
            white-space: nowrap !important;
            border-bottom: 1px solid #d8e3ef !important;
        }
        .ibys-attendance-force-modal .attendance-table td {
            padding: 9px 10px !important;
            vertical-align: middle !important;
            border-bottom: 1px solid #edf2f7 !important;
            font-size: 12px !important;
            background: #fff !important;
        }
        .ibys-attendance-force-modal .attendance-table .row-title {
            display: block !important;
            color: #0f172a !important;
            font-size: 13px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
        }
        .ibys-attendance-force-modal .attendance-table .row-sub {
            display: block !important;
            margin-top: 3px !important;
            color: #64748b !important;
            font-size: 11px !important;
        }
        .ibys-attendance-force-modal .attendance-table input,
        .ibys-attendance-force-modal .attendance-table select {
            min-height: 34px !important;
            padding: 6px 8px !important;
            font-size: 12px !important;
        }
        .ibys-attendance-force-modal .attendance-table input[type="checkbox"] {
            width: 18px !important;
            height: 18px !important;
            min-height: 18px !important;
            padding: 0 !important;
            accent-color: #0f8a7d !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .document-upload-panel {
            width: min(1120px, calc(100vw - 32px)) !important;
            max-height: calc(100vh - 28px) !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .document-upload-head {
            padding: 14px 18px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head {
            align-items: center !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head-actions {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex: 0 0 auto !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head-actions .btn-small,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head-actions .btn-secondary,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head-actions .doc-preview-close {
            min-height: 38px !important;
            height: 38px !important;
            padding: 8px 13px !important;
            border-radius: 8px !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            gap: 7px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-head-actions svg {
            width: 15px !important;
            height: 15px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-head-reject {
            color: #be123c !important;
            border-color: #fecdd3 !important;
            background: #fff1f2 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-form {
            padding: 0 !important;
            overflow: hidden !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-toolbar {
            margin: 10px 12px !important;
            padding: 8px 10px !important;
            min-height: 44px !important;
            background: #f8fafc !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-toolbar .btn-small,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-toolbar .btn-secondary {
            min-height: 34px !important;
            height: 34px !important;
            padding: 6px 12px !important;
            border-radius: 8px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-status {
            min-height: 28px !important;
            padding: 0 10px !important;
            font-size: 12px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal [hidden] {
            display: none !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-tabs {
            display: inline-flex !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
            align-items: center !important;
            margin: 0 12px 10px !important;
            padding: 4px !important;
            width: auto !important;
            max-width: calc(100% - 24px) !important;
            border: 1px solid #dbe7f5 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-tabs button {
            border: 0 !important;
            min-height: 32px !important;
            padding: 0 12px !important;
            border-radius: 7px !important;
            background: transparent !important;
            color: #475569 !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            cursor: pointer !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-tab-count {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 18px !important;
            height: 18px !important;
            margin-left: 5px !important;
            padding: 0 5px !important;
            border-radius: 999px !important;
            background: #e8f1fb !important;
            color: #10233f !important;
            font-size: 10px !important;
            font-weight: 950 !important;
            line-height: 1 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-tabs button.is-active {
            background: #0f766e !important;
            color: #fff !important;
            box-shadow: 0 6px 14px rgba(15,118,110,.18) !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-tabs button.is-active .attendance-daily-tab-count {
            background: rgba(255,255,255,.22) !important;
            color: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-summary-panel {
            margin: 0 12px 12px !important;
            max-height: calc(100vh - 210px) !important;
            overflow: auto !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-shell {
            display: block !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report {
            border: 1px solid #dbe7f5 !important;
            border-radius: 8px !important;
            background: #fff !important;
            box-shadow: 0 10px 22px rgba(15,23,42,.05) !important;
            overflow: hidden !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-head {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) 170px !important;
            gap: 12px !important;
            align-items: stretch !important;
            padding: 10px 14px !important;
            border-bottom: 1px solid #e2e8f0 !important;
            background: #f8fbff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-head small {
            display: block !important;
            color: #0f766e !important;
            font-size: 10px !important;
            font-weight: 950 !important;
            letter-spacing: 0 !important;
            text-transform: uppercase !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-head h5 {
            margin: 2px 0 3px !important;
            color: #0f172a !important;
            font-size: 16px !important;
            font-weight: 950 !important;
            line-height: 1.2 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-head p {
            margin: 0 !important;
            color: #52657f !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 1.35 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-stamp {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            gap: 3px !important;
            min-height: 46px !important;
            padding: 8px 12px !important;
            border: 1px solid #cfe0f4 !important;
            border-radius: 8px !important;
            background: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-stamp span,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta span {
            display: block !important;
            color: #64748b !important;
            font-size: 10px !important;
            font-weight: 950 !important;
            text-transform: uppercase !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-stamp strong {
            color: #0f172a !important;
            font-size: 14px !important;
            font-weight: 950 !important;
            line-height: 1.15 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta {
            display: grid !important;
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            border-bottom: 1px solid #e2e8f0 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta div {
            padding: 8px 12px !important;
            border-right: 1px solid #e2e8f0 !important;
            background: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta div:last-child {
            border-right: 0 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta strong {
            display: block !important;
            margin-top: 3px !important;
            color: #0f172a !important;
            font-size: 18px !important;
            font-weight: 950 !important;
            line-height: 1.05 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-body {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
            padding: 10px !important;
            background: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-section {
            border: 1px solid #e2e8f0 !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            background: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-section h6 {
            margin: 0 !important;
            padding: 8px 10px !important;
            border-bottom: 1px solid #e2e8f0 !important;
            background: #f8fafc !important;
            color: #0f172a !important;
            font-size: 11px !important;
            font-weight: 950 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-list {
            display: grid !important;
            grid-template-columns: 1fr !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(76px, max-content) !important;
            gap: 10px !important;
            align-items: center !important;
            min-height: 38px !important;
            padding: 7px 10px !important;
            border-bottom: 1px solid #edf2f7 !important;
            background: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row:last-child {
            border-bottom: 0 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row div {
            min-width: 0 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row div strong {
            display: block !important;
            color: #0f172a !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            line-height: 1.25 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row div span {
            display: block !important;
            margin-top: 1px !important;
            color: #64748b !important;
            font-size: 10px !important;
            font-weight: 700 !important;
            line-height: 1.18 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-value {
            display: inline-flex !important;
            justify-content: flex-end !important;
            color: #0f172a !important;
            font-size: 15px !important;
            font-weight: 950 !important;
            line-height: 1.1 !important;
            text-align: right !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table {
            width: 100% !important;
            border-collapse: collapse !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table td {
            padding: 10px 12px !important;
            border-bottom: 1px solid #edf2f7 !important;
            color: #10233f !important;
            font-size: 12px !important;
            vertical-align: top !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table tr:last-child td {
            border-bottom: 0 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table td:first-child strong {
            display: block !important;
            color: #0f172a !important;
            font-weight: 900 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table td:first-child span {
            display: block !important;
            margin-top: 2px !important;
            color: #64748b !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            line-height: 1.25 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-table td:last-child {
            width: 145px !important;
            text-align: right !important;
            color: #0f172a !important;
            font-weight: 950 !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-note {
            margin: 0 10px 10px !important;
            padding: 8px 10px !important;
            border: 1px dashed #cbd5e1 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
            color: #475569 !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            line-height: 1.4 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-note strong {
            color: #0f172a !important;
            font-weight: 950 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .table-wrap {
            flex: 1 1 auto !important;
            min-height: 220px !important;
            max-height: calc(100vh - 190px) !important;
            overflow: auto !important;
            border-top: 1px solid #e2e8f0 !important;
        }
        @media (max-width: 1100px) {
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-head,
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-body {
                grid-template-columns: 1fr !important;
            }
        }
        @media (max-width: 620px) {
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta {
                grid-template-columns: 1fr !important;
            }
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-row {
                grid-template-columns: 1fr !important;
            }
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-value {
                justify-content: flex-start !important;
                text-align: left !important;
            }
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta div {
                border-right: 0 !important;
                border-bottom: 1px solid #e2e8f0 !important;
            }
            #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-report-meta div:last-child {
                border-bottom: 0 !important;
            }
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table {
            width: 100% !important;
            min-width: 920px !important;
            table-layout: fixed !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th,
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td {
            position: static !important;
            left: auto !important;
            z-index: auto !important;
            padding: 8px 8px !important;
            font-size: 12px !important;
            line-height: 1.25 !important;
            white-space: normal !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table thead th {
            position: sticky !important;
            top: 0 !important;
            z-index: 2 !important;
            background: #eef4fb !important;
            font-size: 11px !important;
            white-space: nowrap !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(1),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(1){width:18% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(2),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(2),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(3),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(3){width:8% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(4),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(4){width:9% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(5),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(5){width:12% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(6),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(6){width:9% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(7),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(7){width:9% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(8),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(8){width:17% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table th:nth-child(9),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table td:nth-child(9){width:18% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table {
            min-width: 820px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(1),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(1){width:20% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(2),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(2){width:13% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(3),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(3),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(4),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(4){width:9% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(5),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(5){width:11% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(6),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(6),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(7),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(7){width:10% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table th:nth-child(8),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-category-table td:nth-child(8){width:19% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-name-table {
            min-width: 360px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-name-table th:nth-child(1),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-name-table td:nth-child(1) {
            width: 100% !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-overtime-table {
            min-width: 1120px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table {
            min-width: 1120px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(1),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(1) {width: 18% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(2),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(2),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(3),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(3) {width: 11% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(4),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(4) {width: 22% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(5),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(5) {width: 12% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(6),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(6) {width: 18% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table th:nth-child(7),
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table td:nth-child(7) {width: 8% !important}
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table .attendance-extra-description {
            max-width: 260px !important;
            color: #475569 !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table .attendance-extra-reason-input {
            width: 100% !important;
            min-height: 34px !important;
            padding: 7px 9px !important;
            border: 1px solid #cfe0f4 !important;
            border-radius: 7px !important;
            background: #fff !important;
            color: #0f172a !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            box-sizing: border-box !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-pay-table .attendance-extra-reason-input:disabled {
            background: #f8fafc !important;
            color: #64748b !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-detail-actions .mini-btn.is-active.toggle {
            background: #0f766e !important;
            border-color: #0f766e !important;
            color: #fff !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-detail-actions .mini-btn.is-active.delete {
            background: #fff1f2 !important;
            border-color: #fb7185 !important;
            color: #be123c !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table .row-title {
            font-size: 12px !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-daily-detail-table .row-sub {
            margin-top: 2px !important;
            font-size: 10px !important;
            line-height: 1.15 !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-detail-actions {
            display: flex !important;
            flex-wrap: nowrap !important;
            justify-content: flex-start !important;
            gap: 4px !important;
        }
        #attendanceDailyDetailModal.ibys-attendance-force-modal .attendance-detail-actions .mini-btn {
            min-height: 28px !important;
            height: 28px !important;
            padding: 4px 7px !important;
            font-size: 10px !important;
            border-radius: 7px !important;
        }
        #attendanceBulkForm .attendance-bulk-table-wrap {
            min-height: 220px !important;
            max-height: none !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table {
            min-width: 0 !important;
            width: 100% !important;
            table-layout: fixed !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(1),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(1) {
            width: 42px !important;
            left: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(2),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(2) {
            width: 240px !important;
            left: 42px !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(3),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(3) { width: 150px !important; }
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(4),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(4),
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(5),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(5) { width: 120px !important; }
        #attendanceBulkForm .attendance-bulk-entry-table th:nth-child(6),
        #attendanceBulkForm .attendance-bulk-entry-table td:nth-child(6) { width: auto !important; }
        #attendanceBulkForm .attendance-bulk-entry-table th,
        #attendanceBulkForm .attendance-bulk-entry-table td {
            padding: 5px 8px !important;
            vertical-align: middle !important;
            height: 42px !important;
            line-height: 1.2 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-processed td {
            background: #fff7cc !important;
            box-shadow: inset 0 1px 0 #fde68a, inset 0 -1px 0 #fde68a !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-processed td:first-child {
            box-shadow: inset 3px 0 0 #f59e0b, inset 0 1px 0 #fde68a, inset 0 -1px 0 #fde68a !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-leave-module-locked td {
            background: #eefdf8 !important;
            box-shadow: inset 0 1px 0 #b7f0df, inset 0 -1px 0 #b7f0df !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-leave-module-locked td:first-child {
            box-shadow: inset 3px 0 0 #0f766e, inset 0 1px 0 #b7f0df, inset 0 -1px 0 #b7f0df !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-leave-module-warning td {
            background: #fff7ed !important;
            box-shadow: inset 0 1px 0 #fed7aa, inset 0 -1px 0 #fed7aa !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-leave-module-warning td:first-child {
            box-shadow: inset 3px 0 0 #f97316, inset 0 1px 0 #fed7aa, inset 0 -1px 0 #fed7aa !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table select.is-leave-module-locked {
            pointer-events: none !important;
            background: #ecfdf5 !important;
            border-color: #99f6e4 !important;
            color: #0f5132 !important;
            font-weight: 900 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-note-required-missing td {
            background: #fff1f2 !important;
            box-shadow: inset 0 1px 0 #fecdd3, inset 0 -1px 0 #fecdd3 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table tr.is-note-required-missing td:first-child {
            box-shadow: inset 3px 0 0 #e11d48, inset 0 1px 0 #fecdd3, inset 0 -1px 0 #fecdd3 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table input.is-invalid {
            border-color: #e11d48 !important;
            box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.12) !important;
            background: #fffafa !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table thead th {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
            height: 34px !important;
            font-size: 12px !important;
            line-height: 1.15 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table input,
        #attendanceBulkForm .attendance-bulk-entry-table select {
            min-height: 32px !important;
            height: 32px !important;
            padding: 5px 8px !important;
            font-size: 12px !important;
            border-radius: 8px !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table .attendance-time-input,
        #attendanceBulkForm .attendance-bulk-mini-field .attendance-time-input {
            padding-right: 30px !important;
            text-align: center !important;
            font-weight: 900 !important;
            font-variant-numeric: tabular-nums !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table .attendance-bulk-row-check,
        #attendanceBulkForm .attendance-bulk-entry-table #attendance_bulk_select_all {
            width: 18px !important;
            height: 18px !important;
            min-height: 18px !important;
            padding: 0 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table .row-title {
            font-size: 12px !important;
            line-height: 1.1 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table .row-sub {
            margin-top: 2px !important;
            font-size: 10px !important;
            line-height: 1.1 !important;
        }
        #attendanceBulkForm .attendance-bulk-entry-table .row-title,
        #attendanceBulkForm .attendance-bulk-entry-table .row-sub {
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .ibys-attendance-force-modal .attendance-period-toolbar {
            display: grid !important;
            grid-template-columns: minmax(260px,1.2fr) 130px 150px 150px auto !important;
            gap: 10px !important;
            padding: 14px 16px !important;
            background: #f8fafc !important;
            border-bottom: 1px solid #e6edf5 !important;
            align-items: end !important;
        }
        .ibys-attendance-force-modal .attendance-period-table-wrap {
            max-height: 58vh !important;
            overflow: auto !important;
        }
        .ibys-attendance-force-modal .attendance-period-table {
            min-width: 1180px !important;
            table-layout: fixed !important;
        }
        .ibys-attendance-force-modal .attendance-period-table th,
        .ibys-attendance-force-modal .attendance-period-table td {
            position: static !important;
            left: auto !important;
            z-index: auto !important;
            height: auto !important;
            padding: 9px 10px !important;
            vertical-align: middle !important;
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: clip !important;
        }
        .ibys-attendance-force-modal .attendance-period-table th {
            background: #eef4fb !important;
            white-space: nowrap !important;
        }
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(1),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(1){width:135px!important;text-align:left!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(2),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(2){width:92px!important;text-align:center!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(3),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(3){width:74px!important;text-align:center!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(4),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(4){width:150px!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(5),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(5),
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(6),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(6){width:116px!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(7),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(7){width:92px!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(8),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(8){width:190px!important}
        .ibys-attendance-force-modal .attendance-period-table th:nth-child(9),
        .ibys-attendance-force-modal .attendance-period-table td:nth-child(9){width:210px!important}
        .ibys-attendance-force-modal .attendance-period-table input,
        .ibys-attendance-force-modal .attendance-period-table select {
            min-height: 38px !important;
            padding: 7px 10px !important;
            font-size: 13px !important;
        }
        .ibys-attendance-force-modal .attendance-period-table .status-badge {
            min-height: 30px !important;
            padding: 6px 10px !important;
            box-shadow: none !important;
            white-space: nowrap !important;
        }
        .ibys-attendance-force-modal .attendance-period-date-cell {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 6px !important;
            min-width: 0 !important;
        }
        .ibys-attendance-force-modal .attendance-period-date-cell .row-title {
            white-space: nowrap !important;
            font-size: 14px !important;
        }
        .ibys-attendance-force-modal .attendance-public-holiday-badge {
            display: inline-flex !important;
            align-items: center !important;
            width: max-content !important;
            max-width: 100% !important;
            min-height: 24px !important;
            padding: 4px 8px !important;
            border-radius: 7px !important;
            border: 1px solid #fed7aa !important;
            background: #fff7ed !important;
            color: #b45309 !important;
            font-size: 11px !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
        }
        .ibys-attendance-force-modal .attendance-modal-actions {
            flex: 0 0 auto !important;
            position: sticky !important;
            bottom: 0 !important;
            display: flex !important;
            justify-content: flex-end !important;
            gap: 10px !important;
            padding: 14px 16px !important;
            background: #fff !important;
            border-top: 1px solid #dbe6f2 !important;
            box-shadow: 0 -8px 18px rgba(15, 35, 65, .05) !important;
        }
        .ibys-attendance-force-modal .btn-secondary,
        .ibys-attendance-force-modal .btn-small,
        .ibys-attendance-force-modal .doc-preview-close {
            min-height: 38px !important;
            border-radius: 8px !important;
            white-space: nowrap !important;
            text-decoration: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
        }
        .ibys-attendance-force-modal .doc-preview-close {
            flex: 0 0 auto !important;
            padding: 0 14px !important;
            background: #eef2f7 !important;
            border: 1px solid #e2e8f0 !important;
            color: #0f172a !important;
            font-weight: 900 !important;
        }
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .attendance-period-modal-panel {
            width: min(1280px, calc(100vw - 48px)) !important;
            max-width: calc(100vw - 48px) !important;
            height: min(860px, calc(100vh - 48px)) !important;
            min-height: min(720px, calc(100vh - 48px)) !important;
            max-height: calc(100vh - 48px) !important;
        }
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal #attendanceEmployeePeriodForm {
            flex: 1 1 auto !important;
            min-height: 0 !important;
            display: flex !important;
            flex-direction: column !important;
        }
        #attendanceEmployeePeriodModal.ibys-attendance-force-modal .attendance-period-table-wrap {
            flex: 1 1 auto !important;
            min-height: 0 !important;
            max-height: none !important;
        }
        .ibys-attendance-force-modal .attendance-calculation-preview {
            padding: 11px 12px !important;
            border: 1px solid #bfdbfe !important;
            border-radius: 8px !important;
            background: #eff6ff !important;
            color: #1d4ed8 !important;
            font-size: 12px !important;
            font-weight: 900 !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal,
        #attendanceRejectModal.ibys-attendance-force-modal {
            align-items: center !important;
            justify-content: center !important;
            padding: 20px !important;
            background: rgba(15, 23, 42, .56) !important;
            backdrop-filter: blur(5px) !important;
            -webkit-backdrop-filter: blur(5px) !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .attendance-reject-panel,
        #attendanceRejectModal.ibys-attendance-force-modal .attendance-reject-panel {
            width: min(500px, calc(100vw - 40px)) !important;
            max-height: calc(100vh - 40px) !important;
            border-radius: 10px !important;
            overflow: hidden !important;
            box-shadow: 0 24px 64px rgba(15, 23, 42, .28) !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-head,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-head {
            padding: 16px 18px !important;
            gap: 12px !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-head h4,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-head h4 {
            font-size: 17px !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .document-upload-head p,
        #attendanceRejectModal.ibys-attendance-force-modal .document-upload-head p {
            font-size: 12px !important;
            line-height: 1.35 !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .attendance-form,
        #attendanceRejectModal.ibys-attendance-force-modal .attendance-form {
            padding: 16px !important;
            gap: 12px !important;
            display: grid !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal textarea,
        #attendanceRejectModal.ibys-attendance-force-modal textarea {
            min-height: 108px !important;
            border: 1px solid #d6e2f0 !important;
            border-radius: 8px !important;
            padding: 10px 12px !important;
            font-size: 13px !important;
            resize: vertical !important;
        }
        #attendanceDailyRejectModal.ibys-attendance-force-modal .attendance-modal-actions,
        #attendanceRejectModal.ibys-attendance-force-modal .attendance-modal-actions {
            position: static !important;
            margin: 0 -16px -16px !important;
            padding: 12px 16px !important;
            gap: 8px !important;
        }
        @media (max-width: 900px) {
            #attendanceBulkModal.ibys-attendance-force-modal,
            #attendanceRecordModal.ibys-attendance-force-modal,
            #attendanceEmployeePeriodModal.ibys-attendance-force-modal,
            #attendanceRejectModal.ibys-attendance-force-modal {
                padding: 10px !important;
                align-items: stretch !important;
            }
            #attendanceBulkModal.ibys-attendance-force-modal .document-upload-panel,
            #attendanceRecordModal.ibys-attendance-force-modal .document-upload-panel,
            #attendanceEmployeePeriodModal.ibys-attendance-force-modal .document-upload-panel,
            #attendanceRejectModal.ibys-attendance-force-modal .document-upload-panel {
                width: 100% !important;
                height: calc(100vh - 20px) !important;
                min-height: 0 !important;
                max-height: calc(100vh - 20px) !important;
            }
            .ibys-attendance-force-modal .attendance-form-grid,
            .ibys-attendance-force-modal #attendanceRecordForm .attendance-form-grid {
                grid-template-columns: 1fr !important;
            }
            .ibys-attendance-force-modal .attendance-form-grid .span-2,
            .ibys-attendance-force-modal .attendance-form-grid .span-3 {
                grid-column: 1 / -1 !important;
            }
        }

/* frontend.view.php style block #6 */
.lock-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a 0%,#1b2d4d 100%);display:none;align-items:center;justify-content:center;z-index:2147483000;padding:1rem;backdrop-filter:none;-webkit-backdrop-filter:none}
            .lock-overlay.is-active{display:flex}
            .lock-card{width:100%;max-width:360px;background:#fff;border:.5px solid #e2e5ea;border-radius:12px;overflow:hidden}
            .lock-header{background:#1a3a6b;padding:1.35rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:12px}
            .lock-header-left{display:flex;align-items:center;gap:10px;min-width:0}
            .lock-header-icon{width:36px;height:36px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;flex-shrink:0;overflow:hidden}
            .lock-header-icon img{display:block;width:27px;max-height:27px;object-fit:contain}
            .lock-header-title{font-size:14px;font-weight:500;color:#fff;line-height:1.3}
            .lock-header-sub{font-size:11.5px;color:rgba(255,255,255,.55);margin-top:1px}
            .lock-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
            .lock-body{padding:1.5rem 1.75rem}
            .lock-field{margin-bottom:1.4rem}
            .lock-field label{display:block;font-size:12px;font-weight:500;color:#5a6478;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}
            .lock-input-wrap{position:relative}
            .lock-input{width:100%;padding:.7rem 2.75rem .7rem 1rem;font-size:14px;font-family:inherit;border:.5px solid #cdd1d9;border-radius:8px;background:#fff;color:#0d1117;outline:none;transition:border-color .15s,box-shadow .15s}
            .lock-input:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.1)}
            .lock-user-box{display:grid;gap:4px;margin:0 0 1.15rem;padding:.85rem 1rem;border:1px solid #dbe5f2;border-radius:8px;background:#f8fbff}
            .lock-user-box span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
            .lock-user-box strong{font-size:14px;line-height:1.25;color:#0f172a;word-break:break-word}
            .lock-user-box small{font-size:12px;line-height:1.35;color:#536b8f;word-break:break-word}
            .lock-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:2px;color:#5a6478;display:flex;align-items:center;font-size:17px}
            .lock-eye-btn:hover{color:#2d3748}
            .lock-eye-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
            .lock-error{display:none;margin-top:.5rem;font-size:12px;color:#a32d2d;align-items:center;gap:4px}
            .lock-error.visible{display:flex}
            .lock-btn-primary{width:100%;padding:.8rem;background:#1a3a6b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .1s}
            .lock-btn-primary:hover{background:#245096}
            .lock-btn-primary:active{transform:scale(.98)}
            .lock-btn-primary:disabled{background:#cdd1d9;color:#8a93a2;cursor:not-allowed}
            .lock-footer{margin-top:1rem;padding-top:1rem;border-top:.5px solid #e2e5ea;display:flex;justify-content:center}
            .lock-btn-logout{background:none;border:none;cursor:pointer;font-size:13px;font-family:inherit;color:#5a6478;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;transition:color .15s;text-decoration:none}
            .lock-btn-logout:hover{color:#a32d2d}
            .lock-success{display:none;padding:.85rem 1.75rem;background:#f0faf3;border-top:.5px solid #9dd6b0}
            .lock-success.visible{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#1a5c2e;font-weight:500}
            @keyframes lock-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
            .lock-spinner{animation:lock-spin .8s linear infinite}
            .lock-action-icon{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}
            body.ibys-screen-locked{overflow:hidden}
            @media(max-width:420px){
                .lock-header{padding:1.15rem 1.2rem}
                .lock-body{padding:1.25rem 1.2rem}
                .lock-badge{display:none}
            }

/* Senkra global dialog backdrop standard: transparent blur, no gray/dark wash. */
.app-dialog-modal:not(.is-toast) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: blur(6px) saturate(100%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(100%) !important;
    isolation: isolate !important;
}
.app-dialog-modal:not(.is-toast)::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
}
.app-dialog-modal:not(.is-toast)::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
}
.app-dialog-modal:not(.is-toast) .app-dialog-panel {
    position: relative !important;
    z-index: 1 !important;
}
body.ibys-modal-scroll-locked .admin-layout .modal-backdrop,
body.ibys-modal-scroll-locked .admin-layout .modal-overlay::before,
body.ibys-modal-scroll-locked .admin-layout .modal-overlay::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
}
.modal-overlay,
.ozluk-document-action-modal,
.approval-review-modal,
.document-upload-modal,
.doc-preview-modal,
.annual-plan-modal,
.training-upload-modal,
.employee-report-modal,
.bulk-upload-approval-modal,
.equipment-modal,
.leave-upload-modal,
.attendance-modal:not(.attendance-inline-panel),
.permission-modal-backdrop,
.approval-assignee-modal,
.gsy-public-modal,
.ask-preview-modal,
.ozluk-document-action-modal,
.ibys-attendance-force-modal,
#ozlukBelgePreviewModal.ask-preview-modal,
#ozlukBelgeOnayModal.ozluk-document-action-modal,
#attendanceRejectModal.ibys-attendance-force-modal,
#attendanceDailyRejectModal.ibys-attendance-force-modal,
.senkra-transfer-file-modal,
.senkra-transfer-detail-modal,
.senkra-ftp-settings-overlay,
.senkra-ftp-progress-overlay,
[data-ibys-modal-backdrop="blur"],
[data-ibys-modal-lock="1"],
#attendanceDailyRejectModal.ibys-attendance-force-modal,
#attendanceRejectModal.ibys-attendance-force-modal {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: blur(6px) saturate(100%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(100%) !important;
    isolation: isolate !important;
}
.modal-overlay::before,
.ozluk-document-action-modal::before,
.approval-review-modal::before,
.document-upload-modal::before,
.doc-preview-modal::before,
.annual-plan-modal::before,
.training-upload-modal::before,
.employee-report-modal::before,
.bulk-upload-approval-modal::before,
.equipment-modal::before,
.leave-upload-modal::before,
.attendance-modal:not(.attendance-inline-panel)::before,
.permission-modal-backdrop::before,
.approval-assignee-modal::before,
.gsy-public-modal::before,
.ask-preview-modal::before,
.ozluk-document-action-modal::before,
.ibys-attendance-force-modal::before,
#ozlukBelgePreviewModal.ask-preview-modal::before,
#ozlukBelgeOnayModal.ozluk-document-action-modal::before,
#attendanceRejectModal.ibys-attendance-force-modal::before,
#attendanceDailyRejectModal.ibys-attendance-force-modal::before,
.senkra-transfer-file-modal::before,
.senkra-transfer-detail-modal::before,
.senkra-ftp-settings-overlay::before,
.senkra-ftp-progress-overlay::before,
[data-ibys-modal-backdrop="blur"]::before,
[data-ibys-modal-lock="1"]::before,
#attendanceDailyRejectModal.ibys-attendance-force-modal::before,
#attendanceRejectModal.ibys-attendance-force-modal::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
}
.modal-overlay::after,
.ozluk-document-action-modal::after,
.approval-review-modal::after,
.document-upload-modal::after,
.doc-preview-modal::after,
.annual-plan-modal::after,
.training-upload-modal::after,
.employee-report-modal::after,
.bulk-upload-approval-modal::after,
.equipment-modal::after,
.leave-upload-modal::after,
.attendance-modal:not(.attendance-inline-panel)::after,
.permission-modal-backdrop::after,
.approval-assignee-modal::after,
.gsy-public-modal::after,
.ask-preview-modal::after,
.ozluk-document-action-modal::after,
.ibys-attendance-force-modal::after,
#ozlukBelgePreviewModal.ask-preview-modal::after,
#ozlukBelgeOnayModal.ozluk-document-action-modal::after,
#attendanceRejectModal.ibys-attendance-force-modal::after,
#attendanceDailyRejectModal.ibys-attendance-force-modal::after,
.senkra-transfer-file-modal::after,
.senkra-transfer-detail-modal::after,
.senkra-ftp-settings-overlay::after,
.senkra-ftp-progress-overlay::after,
[data-ibys-modal-backdrop="blur"]::after,
[data-ibys-modal-lock="1"]::after,
#attendanceDailyRejectModal.ibys-attendance-force-modal::after,
#attendanceRejectModal.ibys-attendance-force-modal::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
}
.modal-overlay > *,
.ozluk-document-action-modal > *,
.approval-review-modal > *,
.document-upload-modal > *,
.doc-preview-modal > *,
.annual-plan-modal > *,
.training-upload-modal > *,
.employee-report-modal > *,
.bulk-upload-approval-modal > *,
.equipment-modal > *,
.leave-upload-modal > *,
.attendance-modal:not(.attendance-inline-panel) > *,
.permission-modal-backdrop > *,
.approval-assignee-modal > *,
.gsy-public-modal > *,
.ask-preview-modal > *,
.ozluk-document-action-modal > *,
.ibys-attendance-force-modal > *,
#ozlukBelgePreviewModal.ask-preview-modal > *,
#ozlukBelgeOnayModal.ozluk-document-action-modal > *,
#attendanceRejectModal.ibys-attendance-force-modal > *,
#attendanceDailyRejectModal.ibys-attendance-force-modal > *,
.senkra-transfer-file-modal > *,
.senkra-transfer-detail-modal > *,
.senkra-ftp-settings-overlay > *,
.senkra-ftp-progress-overlay > *,
[data-ibys-modal-backdrop="blur"] > *,
[data-ibys-modal-lock="1"] > *,
#attendanceDailyRejectModal.ibys-attendance-force-modal > *,
#attendanceRejectModal.ibys-attendance-force-modal > * {
    position: relative !important;
    z-index: 1 !important;
}
/* Notification detail dialog: medium, focused panel between compact confirm and wide preview. */
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail {
    width: min(640px, calc(100vw - 32px)) !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(191, 219, 254, .95) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .26) !important;
    overflow: hidden !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail::before {
    height: 4px !important;
    background: linear-gradient(90deg, #0f766e 0%, #2563eb 58%, #7c3aed 100%) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #e0f2fe 0%, #eef2ff 100%) !important;
    border: 1px solid rgba(147, 197, 253, .75) !important;
    color: #1d4ed8 !important;
    font-size: 23px !important;
    font-weight: 950 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 28px rgba(37, 99, 235, .14) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-content h4 {
    margin-bottom: 12px !important;
    color: #0f172a !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    text-shadow: none !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-message {
    color: #334155 !important;
    text-shadow: none !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-actions {
    grid-column: 2 !important;
    justify-content: flex-end !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(219, 231, 244, .95) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-btn.primary {
    min-width: 128px !important;
    min-height: 46px !important;
    border-radius: 12px !important;
}
@media (max-width: 640px) {
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail {
        width: min(100%, calc(100vw - 22px)) !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        padding: 18px !important;
    }
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
    }
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-actions {
        grid-column: 1 / -1 !important;
    }
}
/* Notification detail compact correction: keep it calm and proportional. */
#appDialogModal.app-dialog-modal.is-notification-detail-modal:not(.is-toast) {
    background: rgba(255, 255, 255, .01) !important;
    backdrop-filter: blur(2px) saturate(101%) !important;
    -webkit-backdrop-filter: blur(2px) saturate(101%) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail {
    width: min(520px, calc(100vw - 32px)) !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    border-color: rgba(203, 213, 225, .95) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .18) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail::before {
    height: 3px !important;
    background: linear-gradient(90deg, #0f766e 0%, #2563eb 100%) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    font-size: 17px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-content h4 {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-actions {
    padding-top: 10px !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-btn.primary {
    min-width: 104px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    padding: 0 18px !important;
}

/* 2026-07-01: Bildirim detayinda baslik boslugunu kaldir, simgeyi ust satirin soluna al. */
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-icon {
    position: absolute !important;
    left: 16px !important;
    top: 16px !important;
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    z-index: 3 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-content,
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-actions {
    grid-column: 1 / -1 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-content {
    gap: 0 !important;
    padding-top: 0 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .app-dialog-message {
    margin-top: 0 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-notification-detail .ibys-notification-detail-top {
    min-height: 38px !important;
    padding-left: 50px !important;
    align-items: center !important;
}

/* 2026-06-30: Toast bilgi karti manuel kapatma oku. */
.app-dialog-toast-close {
    display: none;
}
.app-dialog-modal.is-toast .app-dialog-toast-close {
    position: absolute;
    right: 10px;
    bottom: 8px;
    z-index: 3;
    display: inline-grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(191, 219, 254, .42);
    border-radius: 999px;
    background: rgba(15, 23, 42, .22);
    color: #e0f2fe;
    font-size: 15px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 16px rgba(2, 8, 23, .22);
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.app-dialog-modal.is-toast .app-dialog-toast-close:hover,
.app-dialog-modal.is-toast .app-dialog-toast-close:focus-visible {
    border-color: rgba(224, 242, 254, .82);
    background: rgba(37, 99, 235, .52);
    transform: translateX(1px);
    outline: none;
}
@media (max-width: 640px) {
    .app-dialog-modal.is-toast .app-dialog-toast-close {
        right: 8px;
        bottom: 7px;
        width: 24px;
        height: 24px;
    }
}

/* 2026-07-01: Attendance kurumsal kontrol merkezi tasarimi. */
.admin-layout .main-panel.is-attendance-page > .content-area {
    padding: 14px 18px 18px !important;
    background: #e9eef5 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(520px, .92fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin: 0 0 10px !important;
    padding: 14px !important;
    border: 1px solid #cfdced !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 55%, #edf7fb 100%) !important;
    box-shadow: 0 14px 30px rgba(15, 35, 65, .08) !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-headbar-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .44fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    min-width: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-headbar-copy {
    display: grid !important;
    align-content: center !important;
    min-width: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-breadcrumb {
    margin: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-breadcrumb h1,
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-breadcrumb .page-title {
    color: #071426 !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-headbar-note {
    max-width: 780px !important;
    margin: 7px 0 0 !important;
    color: #52657d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-control-rail {
    display: grid !important;
    gap: 8px !important;
    align-self: stretch !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-control-rail span {
    display: grid !important;
    gap: 3px !important;
    min-height: 50px !important;
    padding: 9px 11px !important;
    border: 1px solid #d8e4f2 !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .82) !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-control-rail b {
    color: #64758f !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-control-rail strong {
    color: #0b1f3a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-content: stretch !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 86px !important;
    padding: 12px !important;
    border: 1px solid #d6e2f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 35, 65, .06) !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card .employee-stat-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card .employee-stat-copy {
    min-width: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card .employee-stat-copy span {
    display: block !important;
    color: #314258 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card .employee-stat-copy strong {
    display: block !important;
    margin-top: 3px !important;
    color: #087f73 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}
.admin-layout .main-panel.is-attendance-page .employee-kpi-card .employee-stat-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #64758f !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-view-switch {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 7px !important;
    border: 1px solid #cfdced !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 35, 65, .06) !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-view-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #314258 !important;
    background: #f8fbff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-view-switch a svg {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-view-switch a.is-active {
    border-color: #92c5ff !important;
    color: #064a91 !important;
    background: #ecf6ff !important;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .08) !important;
}
.admin-layout .main-panel.is-attendance-page .employee-command-panel {
    gap: 10px !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-table-card {
    border: 1px solid #cfdced !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 12px 26px rgba(15, 35, 65, .07) !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head {
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid #e5edf6 !important;
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%) !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head h3 {
    color: #071426 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-table-card .list-head p {
    max-width: 760px !important;
    color: #64758f !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-card-actions,
.admin-layout .main-panel.is-attendance-page .attendance-timeline-legend {
    gap: 7px !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-card-actions span,
.admin-layout .main-panel.is-attendance-page .attendance-timeline-legend span {
    min-height: 30px !important;
    padding: 0 9px !important;
    border: 1px solid #d8e4f2 !important;
    border-radius: 999px !important;
    background: #f8fbff !important;
    color: #40516a !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-filter,
.admin-layout .main-panel.is-attendance-page .attendance-filter-form {
    margin: 0 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #e5edf6 !important;
    background: #fbfdff !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-filter {
    grid-template-columns: 190px minmax(260px, .9fr) minmax(240px, 1fr) auto auto !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-filter .field,
.admin-layout .main-panel.is-attendance-page .attendance-filter-form .field {
    margin: 0 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-filter input,
.admin-layout .main-panel.is-attendance-page .attendance-timeline-filter select,
.admin-layout .main-panel.is-attendance-page .attendance-filter-form input,
.admin-layout .main-panel.is-attendance-page .attendance-filter-form select {
    min-height: 38px !important;
    border-radius: 8px !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-wrap,
.admin-layout .main-panel.is-attendance-page .table-wrap {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px !important;
    background: #fff !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-table th,
.admin-layout .main-panel.is-attendance-page .attendance-table th {
    background: #f2f6fb !important;
    color: #40516a !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-timeline-project-cell,
.admin-layout .main-panel.is-attendance-page .attendance-table td {
    background: #fff !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-day-cell {
    background: #f8fbff !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-day-cell.has-record {
    background: #f4fbf8 !important;
}
.admin-layout .main-panel.is-attendance-page .attendance-day-cell.is-weekend,
.admin-layout .main-panel.is-attendance-page .attendance-timeline-day-head.is-weekend {
    background: #fff6f1 !important;
}
@media (max-width: 1320px) {
    .admin-layout .main-panel.is-attendance-page .attendance-headbar {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 980px) {
    .admin-layout .main-panel.is-attendance-page .attendance-headbar .employee-list-headbar-main,
    .admin-layout .main-panel.is-attendance-page .employee-kpi-grid,
    .admin-layout .main-panel.is-attendance-page .attendance-view-switch,
    .admin-layout .main-panel.is-attendance-page .attendance-timeline-filter {
        grid-template-columns: 1fr !important;
    }
    .admin-layout .main-panel.is-attendance-page .attendance-view-switch a {
        justify-content: flex-start !important;
    }
}

#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker {
    width: min(860px, calc(100vw - 36px)) !important;
    max-width: 860px !important;
    max-height: min(760px, calc(100dvh - 42px)) !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #cfe0f4 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(15, 35, 60, .25) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker::before,
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker::after {
    display: none !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-icon {
    display: none !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-content {
    min-width: 0 !important;
    padding: 22px 24px 0 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-content h4 {
    margin: 0 0 14px !important;
    color: #0d1b35 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-content h4::before {
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    margin-right: 10px !important;
    border: 1px solid #cfe0f4 !important;
    border-radius: 10px !important;
    background: #edf6ff !important;
    color: #1769d7 !important;
    content: "\2713" !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    vertical-align: 2px !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-message {
    max-height: calc(100dvh - 210px) !important;
    padding: 0 !important;
    overflow: hidden !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [id^="belgeConfirmPicker_"] {
    gap: 14px !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-filter] {
    width: 100% !important;
    height: 48px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbdcf0 !important;
    border-radius: 12px !important;
    background: #f7faff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 3px rgba(37,99,235,.05) !important;
    color: #0f172a !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-filter]:focus {
    border-color: #7caeff !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [id^="belgeConfirmPicker_"] > div {
    max-height: min(420px, calc(100dvh - 330px)) !important;
    padding: 2px 4px 2px 0 !important;
    scrollbar-gutter: stable !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-row] {
    min-height: 58px !important;
    padding: 12px 14px !important;
    border: 1px solid #d8e5f4 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fff, #fbfdff) !important;
    box-shadow: 0 8px 18px rgba(15, 35, 60, .045) !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-row]:hover {
    transform: translateY(-1px) !important;
    border-color: #9fc3f9 !important;
    background: #f8fbff !important;
    box-shadow: 0 12px 24px rgba(15, 35, 60, .075) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-row]:has([data-belge-confirm-value]:checked) {
    border-color: #74b6ff !important;
    background: linear-gradient(180deg, #eef7ff, #f8fcff) !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .12) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker [data-belge-confirm-value] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #1769d7 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .belge-confirm-item-copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .belge-confirm-item-copy strong {
    color: #10213b !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .belge-confirm-item-copy small {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 20px 0 0 !important;
    padding: 16px 24px 20px !important;
    border-top: 1px solid #e4edf7 !important;
    background: #fbfdff !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn {
    min-width: 128px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn.primary {
    border-color: #1769d7 !important;
    background: linear-gradient(135deg, #1f6fe5, #42a3e8) !important;
    color: #fff !important;
    box-shadow: 0 14px 26px rgba(31, 111, 229, .22) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn.secondary {
    border: 1px solid #cbd8e8 !important;
    background: #fff !important;
    color: #243348 !important;
    box-shadow: 0 8px 18px rgba(15, 35, 60, .06) !important;
}
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn.secondary:hover,
#appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn.secondary:focus-visible {
    border-color: #8fb5ec !important;
    background: #f3f8ff !important;
    color: #0f2a4d !important;
}
@media (max-width: 640px) {
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker {
        width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        border-radius: 14px !important;
    }
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-content {
        padding: 18px 16px 0 !important;
    }
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-actions {
        padding: 14px 16px 16px !important;
    }
    #appDialogModal.app-dialog-modal:not(.is-toast) .app-dialog-panel.is-belge-multi-picker .app-dialog-btn {
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }
}