/* /Components/Layout/AdministrativeFormsLayout.razor.rz.scp.css */
.forms-workspace-layout[b-r2k4ozgb8g]{display:block;width:100%;height:auto;min-height:100dvh;overflow:visible;background:var(--hris-page-bg,#f3f8fa);color:var(--hris-text,#243d50);font-family:"Microsoft New Tai Lue","Segoe UI",Arial,sans-serif}
.forms-workspace-topbar[b-r2k4ozgb8g]{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:9px 24px;border-bottom:1px solid var(--hris-border,#d8e2ea);background:var(--hris-surface,#fff);box-shadow:0 8px 24px #0f172a09}
.forms-workspace-brand[b-r2k4ozgb8g]{display:flex;align-items:center;gap:12px;min-width:0}
.forms-workspace-brand img[b-r2k4ozgb8g]{width:44px;height:44px;flex:0 0 44px}
.forms-workspace-brand span[b-r2k4ozgb8g]{display:block;color:var(--hris-text-muted,#64748b);font-size:12px;font-weight:500;line-height:1.3}
.forms-workspace-brand strong[b-r2k4ozgb8g]{display:block;margin-top:3px;font-size:15px;font-weight:650;line-height:1.25;color:var(--hris-text,#374151)}
.forms-workspace-controls[b-r2k4ozgb8g]{display:flex;align-items:center;gap:10px;min-width:0}
.forms-workspace-icon[b-r2k4ozgb8g],.forms-workspace-controls[b-r2k4ozgb8g]  .theme-toggle{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid var(--hris-border,#d8e2ea);border-radius:50%;background:var(--hris-surface,#fff);color:var(--hris-text-muted,#64748b)}
.forms-workspace-icon:disabled[b-r2k4ozgb8g]{opacity:.5;cursor:not-allowed}
.forms-workspace-icon svg[b-r2k4ozgb8g],.forms-workspace-avatar svg[b-r2k4ozgb8g]{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.forms-workspace-department[b-r2k4ozgb8g]{display:flex;align-items:center;gap:10px;min-height:54px;padding:5px 16px 5px 6px;border:1px solid var(--hris-border,#d8e2ea);border-radius:30px;background:var(--hris-surface,#fff);min-width:0}
.forms-workspace-avatar[b-r2k4ozgb8g]{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--teal-soft,#eaf6f3);color:var(--primary,#0f766e)}
.forms-workspace-department strong[b-r2k4ozgb8g]{display:block;font-size:13px;line-height:1.3;font-weight:750;overflow-wrap:anywhere}
.forms-workspace-department small[b-r2k4ozgb8g]{display:block;margin-top:2px;font-size:11px;color:var(--hris-text-muted,#64748b)}
.forms-workspace-main[b-r2k4ozgb8g]{width:100%;max-width:1400px;min-width:0;margin:0 auto;padding:32px 24px 48px}
@media(max-width:1000px){.forms-workspace-topbar[b-r2k4ozgb8g]{flex-wrap:wrap;gap:12px}.forms-workspace-controls[b-r2k4ozgb8g]{margin-left:auto}}
@media(max-width:600px){.forms-workspace-topbar[b-r2k4ozgb8g]{padding:12px 16px}.forms-workspace-brand[b-r2k4ozgb8g]{gap:9px}.forms-workspace-brand img[b-r2k4ozgb8g]{width:38px;height:38px;flex-basis:38px}.forms-workspace-brand span[b-r2k4ozgb8g]{font-size:11px}.forms-workspace-brand strong[b-r2k4ozgb8g]{font-size:14px}.forms-workspace-controls[b-r2k4ozgb8g]{width:100%;gap:8px}.forms-workspace-icon[b-r2k4ozgb8g],.forms-workspace-controls[b-r2k4ozgb8g]  .theme-toggle{width:38px;height:38px;flex-basis:38px}.forms-workspace-department[b-r2k4ozgb8g]{flex:1;padding-right:10px;min-height:46px}.forms-workspace-department strong[b-r2k4ozgb8g]{font-size:12px}.forms-workspace-avatar[b-r2k4ozgb8g]{width:34px;height:34px;flex-basis:34px}.forms-workspace-main[b-r2k4ozgb8g]{padding:24px 16px}}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ol3pt8sfw8] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #F5F7FA;
}

main[b-ol3pt8sfw8] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-ol3pt8sfw8] {
    background: #F3F5F8;
    border-right: 1px solid #D9DEE7;
    box-shadow: 8px 0 22px rgba(39, 49, 66, .05);
}

.top-row[b-ol3pt8sfw8] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1.15rem;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid rgba(203, 213, 225, .82);
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035);
    backdrop-filter: blur(14px);
}

.top-row strong[b-ol3pt8sfw8] {
    display: block;
    color: #374151;
    font-size: .95rem;
    font-weight: 650;
    line-height: 1.2;
}

.top-row span[b-ol3pt8sfw8] {
    display: block;
    color: #64748B;
    font-size: .78rem;
}

.user-chip[b-ol3pt8sfw8] {
    min-height: 36px;
    display: flex;
    align-items: center;
    padding: 0 .85rem;
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    background: #F8FAFC;
}

.user-chip span[b-ol3pt8sfw8] {
    color: #374151;
    font-weight: 600;
    font-size: .82rem;
}

.content[b-ol3pt8sfw8] {
    padding: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 220px),
        #F5F7FA;
}

@media (min-width: 641px) {
    .page[b-ol3pt8sfw8] {
        flex-direction: row;
    }

    .sidebar[b-ol3pt8sfw8] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ol3pt8sfw8] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .content[b-ol3pt8sfw8] {
        padding: 1.35rem 1.5rem 2rem;
    }
}

#blazor-error-ui[b-ol3pt8sfw8] {
    background: #FEF3C7;
    border-top: 1px solid #F59E0B;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(15, 23, 42, .12);
    display: none !important;
    left: 0;
    padding: .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ol3pt8sfw8] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-panel[b-1mi5hzqn0f] {
    min-height: 158px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.15rem 1rem;
    border-bottom: 1px solid #DDE2EA;
}

.brand-link[b-1mi5hzqn0f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    color: #374151;
    text-align: center;
    text-decoration: none;
    cursor: default;
}

.brand-name[b-1mi5hzqn0f] {
    display: none;
}

.brand-logo[b-1mi5hzqn0f] {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    flex: 0 0 112px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #E4E8EF;
    box-shadow: 0 10px 22px rgba(39, 49, 66, .08);
}

.brand-logo img[b-1mi5hzqn0f] {
    width: 104px;
    height: 104px;
    object-fit: contain;
}

.brand-link strong[b-1mi5hzqn0f] {
    display: block;
    color: #374151;
    font-size: .9rem;
    font-weight: 650;
    letter-spacing: .02em;
    line-height: 1;
    text-transform: uppercase;
}

.brand-link small[b-1mi5hzqn0f] {
    display: block;
    margin-top: .25rem;
    color: #6B7280;
    font-size: .78rem;
    font-weight: 500;
}

.navbar-toggler[b-1mi5hzqn0f] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.35rem;
    color: #4B5563;
    position: absolute;
    top: 1.35rem;
    right: 1rem;
    border: 1px solid #D5DBE5;
    border-radius: 12px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2875,85,99,.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.1' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.55rem #FFFFFF;
}

.navbar-toggler:checked[b-1mi5hzqn0f] {
    background-color: rgba(15, 23, 42, .08);
}

.nav-scrollable[b-1mi5hzqn0f] {
    display: none;
    padding: .75rem .8rem 1rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-1mi5hzqn0f] {
    display: block;
}

.nav-section-title[b-1mi5hzqn0f] {
    margin: .8rem .75rem .45rem;
    color: #A3AAB6;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.nav-section-header[b-1mi5hzqn0f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-right: .2rem;
}

.nav-section-header .nav-section-title[b-1mi5hzqn0f] {
    flex: 1 1 auto;
}

.nav-section-header-lock-only[b-1mi5hzqn0f] {
    justify-content: flex-end;
    min-height: 38px;
}

.sidebar-lock-button[b-1mi5hzqn0f] {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 30px;
    padding: 0;
    color: #64748b;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.sidebar-lock-button:hover[b-1mi5hzqn0f],
.sidebar-lock-button:focus-visible[b-1mi5hzqn0f] {
    color: #0f766e;
    background: #e8f7f4;
    border-color: #c7e8e1;
    outline: none;
}

.sidebar-lock-button:focus-visible[b-1mi5hzqn0f] {
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .14);
}

.sidebar-lock-button.is-active[b-1mi5hzqn0f] {
    color: #0f766e;
    background: #e8f7f4;
    border-color: #b9ded7;
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, .06);
}

.sidebar-lock-button .lucide-icon[b-1mi5hzqn0f] {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}

@media (max-width: 640px) {
    .sidebar-lock-button[b-1mi5hzqn0f] {
        display: none;
    }
}

.nav-item[b-1mi5hzqn0f] {
    margin-bottom: .25rem;
}

.nav-item[b-1mi5hzqn0f]  .nav-link {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .68rem .78rem;
    color: #454B5B;
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid transparent;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.nav-item[b-1mi5hzqn0f]  a.active {
    color: #FFFFFF;
    background: #0F766E;
    border-color: #0F766E;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(9, 168, 182, .24);
}

.nav-item[b-1mi5hzqn0f]  .nav-link:hover {
    color: #0B615B;
    background: #E9F4F2;
    border-color: #CDE3DF;
    transform: translateX(2px);
}

.nav-item[b-1mi5hzqn0f]  a.active:hover {
    color: #FFFFFF;
    background: #0795A3;
    border-color: #0795A3;
    transform: none;
}

.nav-item[b-1mi5hzqn0f]  .nav-link:focus-visible {
    outline: 3px solid rgba(15, 118, 110, .22);
    outline-offset: 2px;
}

.nav-icon[b-1mi5hzqn0f] {
    --nav-icon-color: #526173;
    --nav-icon-bg: #E9EEF5;
    --nav-icon-border: rgba(100, 116, 139, .14);
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    color: var(--nav-icon-color);
    background: var(--nav-icon-bg);
    border: 1px solid var(--nav-icon-border);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .78);
    mask-image: none;
    opacity: 1;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nav-icon[b-1mi5hzqn0f]::before {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.nav-link:hover .nav-icon[b-1mi5hzqn0f],
.nav-reports-toggle:hover .nav-icon[b-1mi5hzqn0f],
.nav-reports-toggle:focus-visible .nav-icon[b-1mi5hzqn0f] {
    transform: translateY(-1px) scale(1.035);
    box-shadow: 0 6px 14px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .86);
}

.nav-item[b-1mi5hzqn0f]  a.active .nav-icon,
.nav-reports-group[open] > .nav-reports-toggle .nav-icon[b-1mi5hzqn0f] {
    color: #FFFFFF;
    background: #0F766E;
    border-color: #0F766E;
    box-shadow: 0 5px 12px rgba(15, 118, 110, .22), inset 0 1px 0 rgba(255, 255, 255, .22);
}

.dashboard[b-1mi5hzqn0f] { --nav-icon-color: #2563EB; --nav-icon-bg: #EAF2FF; --nav-icon-border: #D6E5FF; }
.employees[b-1mi5hzqn0f] { --nav-icon-color: #0F766E; --nav-icon-bg: #E6F7F4; --nav-icon-border: #CDECE6; }
.departments[b-1mi5hzqn0f] { --nav-icon-color: #0E7490; --nav-icon-bg: #E7F7FA; --nav-icon-border: #CDEBF0; }
.positions[b-1mi5hzqn0f] { --nav-icon-color: #B45309; --nav-icon-bg: #FFF5E5; --nav-icon-border: #F8E2BC; }
.salary[b-1mi5hzqn0f] { --nav-icon-color: #7C3AED; --nav-icon-bg: #F2ECFF; --nav-icon-border: #E3D8FB; }
.organizational-structure[b-1mi5hzqn0f] { --nav-icon-color: #0369A1; --nav-icon-bg: #E8F5FC; --nav-icon-border: #CDE8F5; }
.leave[b-1mi5hzqn0f] { --nav-icon-color: #B45309; --nav-icon-bg: #FFF5E5; --nav-icon-border: #F8E2BC; }
.reports[b-1mi5hzqn0f] { --nav-icon-color: #7C3AED; --nav-icon-bg: #F2ECFF; --nav-icon-border: #E3D8FB; }
.leave-request[b-1mi5hzqn0f] { --nav-icon-color: #B45309; --nav-icon-bg: #FFF5E5; --nav-icon-border: #F8E2BC; }
.leave-ledger[b-1mi5hzqn0f] { --nav-icon-color: #2563EB; --nav-icon-bg: #EAF2FF; --nav-icon-border: #D6E5FF; }
.coc-cto[b-1mi5hzqn0f] { --nav-icon-color: #0F766E; --nav-icon-bg: #E6F7F4; --nav-icon-border: #CDECE6; }
.personnel-records[b-1mi5hzqn0f] { --nav-icon-color: #4F46E5; --nav-icon-bg: #EEEDFF; --nav-icon-border: #DCDAFA; }
.loyalty-pay[b-1mi5hzqn0f] { --nav-icon-color: #B45309; --nav-icon-bg: #FFF5E5; --nav-icon-border: #F8E2BC; }
.retirement[b-1mi5hzqn0f] { --nav-icon-color: #047857; --nav-icon-bg: #E7F8F0; --nav-icon-border: #CEECDF; }
.step-increment[b-1mi5hzqn0f] { --nav-icon-color: #0E7490; --nav-icon-bg: #E7F7FA; --nav-icon-border: #CDEBF0; }
.salary-adjustment[b-1mi5hzqn0f] { --nav-icon-color: #7C3AED; --nav-icon-bg: #F2ECFF; --nav-icon-border: #E3D8FB; }
.contract-staff[b-1mi5hzqn0f] { --nav-icon-color: #0E7490; --nav-icon-bg: #E7F7FA; --nav-icon-border: #CDEBF0; }
.contract-reports[b-1mi5hzqn0f] { --nav-icon-color: #4F46E5; --nav-icon-bg: #EEEDFF; --nav-icon-border: #DCDAFA; }
.announcements[b-1mi5hzqn0f] { --nav-icon-color: #C2415C; --nav-icon-bg: #FFF0F3; --nav-icon-border: #F8DCE3; }
.users[b-1mi5hzqn0f] { --nav-icon-color: #1D4ED8; --nav-icon-bg: #EAF1FF; --nav-icon-border: #D3E1FC; }
.activity-logs[b-1mi5hzqn0f] { --nav-icon-color: #536579; --nav-icon-bg: #EDF1F5; --nav-icon-border: #DCE3EA; }
.devices[b-1mi5hzqn0f] { --nav-icon-color: #047857; --nav-icon-bg: #E7F8F0; --nav-icon-border: #CEECDF; }
.signin[b-1mi5hzqn0f] { --nav-icon-color: #0F766E; --nav-icon-bg: #E6F7F4; --nav-icon-border: #CDECE6; }
.signout[b-1mi5hzqn0f] { --nav-icon-color: #BE123C; --nav-icon-bg: #FFF0F3; --nav-icon-border: #F8D7E0; }

.dashboard[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
}

.employees[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.users[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M15 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8' cy='7' r='4'/%3E%3Cpath d='m19 8 .7.7M19 4v1M22 7h-1M17 7h-1M21.1 4.9l-.7.7'/%3E%3Ccircle cx='19' cy='7' r='3'/%3E%3C/svg%3E");
}

.departments[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2'/%3E%3C/svg%3E");
}

.positions[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E");
}

.salary[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M16 15h2'/%3E%3C/svg%3E");
}

.organizational-structure[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='9' y='2' width='6' height='5' rx='1'/%3E%3Crect x='2' y='17' width='6' height='5' rx='1'/%3E%3Crect x='16' y='17' width='6' height='5' rx='1'/%3E%3Cpath d='M12 7v5M5 17v-2a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2'/%3E%3C/svg%3E");
}

.leave[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E");
}

.leave-request[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8.5 16l2 2 5-5'/%3E%3C/svg%3E");
}

.leave-ledger[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cpath d='M8 7h8M8 11h8'/%3E%3C/svg%3E");
}

.coc-cto[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2M5 4v4h4'/%3E%3C/svg%3E");
}

.personnel-records[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Ccircle cx='10' cy='13' r='2'/%3E%3Cpath d='M7 19a3 3 0 0 1 6 0'/%3E%3C/svg%3E");
}

.loyalty-pay[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='m8.5 12-2 9 5.5-3 5.5 3-2-9'/%3E%3Cpath d='m10 8 1.3 1.3L14 6.5'/%3E%3C/svg%3E");
}

.retirement[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

.step-increment[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 20h5v-5h5v-5h5V5h3'/%3E%3Cpath d='m17 3 4 2-2 4'/%3E%3C/svg%3E");
}

.salary-adjustment[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M6 9h.01M18 15h.01M9 12h6M12 9v6'/%3E%3C/svg%3E");
}

.reports[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 16 4-5 4 3 5-7'/%3E%3C/svg%3E");
}

.contract-staff[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='m17 11 2 2 4-4'/%3E%3C/svg%3E");
}

.contract-reports[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 13h6M9 17h6'/%3E%3C/svg%3E");
}

.announcements[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 18-5v12L3 14zM11.6 16.4 13 21H8l-1.2-5.6M21 11v2'/%3E%3C/svg%3E");
}

.activity-logs[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E");
}

.devices[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect width='14' height='10' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h2M9 13v8'/%3E%3Crect width='6' height='10' x='16' y='11' rx='2'/%3E%3C/svg%3E");
}

.signin[b-1mi5hzqn0f]::before,
.signout[b-1mi5hzqn0f]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E");
}

@media (min-width: 641px) {
    .navbar-toggler[b-1mi5hzqn0f] {
        display: none;
    }

    .nav-scrollable[b-1mi5hzqn0f] {
        display: block;
        height: calc(100vh - 158px);
        overflow-y: auto;
        scrollbar-color: rgba(148, 163, 184, .45) transparent;
    }
}

.nav-cos-break[b-1mi5hzqn0f] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 1.05rem .75rem .48rem;
    color: #A3AAB6;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.nav-cos-break[b-1mi5hzqn0f]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #D5DBE5;
}

/* Category labels use the system theme while each destination keeps a
   distinct icon colour for faster visual recognition. */
.nav-cos-break[b-1mi5hzqn0f] {
    font-weight: 600;
}

.nav-organization-category[b-1mi5hzqn0f],
.nav-recruitment-category[b-1mi5hzqn0f],
.nav-leave-category[b-1mi5hzqn0f],
.nav-reports-category[b-1mi5hzqn0f],
.nav-cos-category[b-1mi5hzqn0f],
.nav-system-category[b-1mi5hzqn0f] {
    color: #0f766e;
}

.nav-cos-break[b-1mi5hzqn0f]::after {
    background: currentColor;
    opacity: .22;
}

.nav-reports-group[b-1mi5hzqn0f] {
    margin-bottom: .3rem;
}

.nav-reports-toggle[b-1mi5hzqn0f] {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .68rem 2.1rem .68rem .78rem;
    color: #454B5B;
    border: 0;
    border-radius: 12px;
    background: transparent;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    list-style: none;
    cursor: pointer;
}

.nav-reports-toggle[b-1mi5hzqn0f]::after {
    content: "";
    position: absolute;
    right: .85rem;
    width: .42rem;
    height: .42rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: .78;
    transform: rotate(45deg);
    transition: transform .28s cubic-bezier(.22, 1, .36, 1);
}

.nav-reports-toggle[b-1mi5hzqn0f]::-webkit-details-marker {
    display: none;
}

.nav-reports-toggle:hover[b-1mi5hzqn0f],
.nav-reports-toggle:focus[b-1mi5hzqn0f] {
    color: #303747;
    background: #E8EDF3;
    outline: none;
}

.nav-reports-group[open] .nav-reports-toggle[b-1mi5hzqn0f] {
    color: #303747;
    background: #E8EDF3;
    box-shadow: inset 3px 0 0 #0F766E;
}

.nav-reports-group[open] .nav-reports-toggle[b-1mi5hzqn0f]::after {
    transform: rotate(225deg);
}

.nav-submenu[b-1mi5hzqn0f] {
    display: grid;
    gap: .18rem;
    max-height: 0;
    margin: 0 0 0 1.18rem;
    padding-left: .9rem;
    overflow: hidden;
    border-left: 1px solid transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-7px);
    transform-origin: top;
    transition:
        max-height .36s cubic-bezier(.22, 1, .36, 1),
        margin .32s cubic-bezier(.22, 1, .36, 1),
        border-color .2s ease,
        opacity .22s ease,
        transform .32s cubic-bezier(.22, 1, .36, 1),
        visibility 0s linear .36s;
}

.nav-reports-group[open] .nav-submenu[b-1mi5hzqn0f] {
    max-height: 320px;
    margin: .38rem 0 .72rem 1.18rem;
    border-left-color: #D5DBE5;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition:
        max-height .42s cubic-bezier(.22, 1, .36, 1),
        margin .36s cubic-bezier(.22, 1, .36, 1),
        border-color .2s ease,
        opacity .26s ease .04s,
        transform .38s cubic-bezier(.22, 1, .36, 1),
        visibility 0s linear 0s;
}

html.sidebar-menu-animated .nav-submenu[b-1mi5hzqn0f] {
    transition: none;
}

.nav-reports-group[data-menu-animating] .nav-submenu[b-1mi5hzqn0f] {
    overflow: hidden;
}

.nav-submenu-link[b-1mi5hzqn0f] {
    opacity: 0;
    transform: translateX(-5px);
    transition:
        background-color .18s ease,
        color .18s ease,
        opacity .2s ease,
        transform .3s cubic-bezier(.22, 1, .36, 1);
}

.nav-reports-group[open] .nav-submenu-link[b-1mi5hzqn0f] {
    opacity: 1;
    transform: translateX(0);
}

.nav-reports-group[open] .nav-submenu-link:nth-child(1)[b-1mi5hzqn0f] {
    transition-delay: 0s, 0s, .05s, .05s;
}

.nav-reports-group[open] .nav-submenu-link:nth-child(2)[b-1mi5hzqn0f] {
    transition-delay: 0s, 0s, .085s, .085s;
}

.nav-reports-group[open] .nav-submenu-link:nth-child(3)[b-1mi5hzqn0f] {
    transition-delay: 0s, 0s, .12s, .12s;
}

.nav-reports-group[open] .nav-submenu-link:nth-child(4)[b-1mi5hzqn0f] {
    transition-delay: 0s, 0s, .155s, .155s;
}

.nav-reports-group[open] .nav-submenu-link:nth-child(5)[b-1mi5hzqn0f] {
    transition-delay: 0s, 0s, .19s, .19s;
}

.nav-submenu-link[b-1mi5hzqn0f] {
    min-height: 34px;
    display: flex;
    align-items: center;
    width: calc(100% - .2rem);
    padding: .44rem .68rem;
    color: #606878;
    border-radius: 10px;
    font-size: .81rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    .nav-reports-toggle[b-1mi5hzqn0f]::after,
    .nav-submenu[b-1mi5hzqn0f],
    .nav-submenu-link[b-1mi5hzqn0f] {
        transition-duration: .01ms !important;
        transition-delay: 0s !important;
    }
}

.nav-submenu-link:hover[b-1mi5hzqn0f],
.nav-submenu-link.active[b-1mi5hzqn0f] {
    color: #087E8C;
    background: #E7F8FA;
}

@media (max-width: 640px) {
    .brand-panel[b-1mi5hzqn0f] {
        min-height: 72px;
        justify-content: flex-start;
        padding: .75rem 1rem;
        background: #F3F5F8;
    }

    .brand-link[b-1mi5hzqn0f] {
        width: auto;
        flex-direction: row;
        justify-content: flex-start;
        gap: .72rem;
        text-align: left;
    }

    .brand-logo[b-1mi5hzqn0f] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        box-shadow: none;
    }

    .brand-logo img[b-1mi5hzqn0f] {
        width: 36px;
        height: 36px;
    }

    .brand-name[b-1mi5hzqn0f] {
        display: inline-block;
        max-width: 210px;
        color: #087E8C;
        font-size: .84rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .brand-link strong[b-1mi5hzqn0f],
    .brand-link small[b-1mi5hzqn0f] {
        max-width: 210px;
        font-size: .66rem;
    }
}

/* Side menu: hide scrollbar when submenus expand while keeping mouse-wheel scrolling. */
.sidebar .nav-scrollable[b-1mi5hzqn0f],
.nav-scrollable[b-1mi5hzqn0f] {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-color: transparent transparent !important;
}

.sidebar .nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar,
.nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.sidebar .nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar-track,
.nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar-track,
.sidebar .nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar-thumb,
.nav-scrollable[b-1mi5hzqn0f]::-webkit-scrollbar-thumb {
    background: transparent !important;
}
/* /Components/Pages/AdministrativeForms.razor.rz.scp.css */
.forms-workspace-entry[b-qva909dmll]{width:100%;max-width:520px;margin:0 auto;padding:28px;border:1px solid var(--hris-border,#d8e2ea);border-radius:15px;background:var(--hris-surface,#fff);box-shadow:0 4px 15px #243d5005}
.forms-workspace-entry h1[b-qva909dmll]{font-size:22px;font-weight:650;line-height:1.35;margin:0 0 12px;text-align:center;color:var(--hris-text,#164f51)}
.forms-workspace-entry p[b-qva909dmll]{font-size:14px;line-height:1.65;color:var(--hris-text-muted,#64748b);margin:0 0 22px}
.forms-workspace-entry label[b-qva909dmll]{font-size:13px;font-weight:600}
.forms-workspace-entry input[b-qva909dmll]{min-height:46px;border-radius:12px;border-color:var(--hris-border,#cbd9e2);background:var(--hris-surface,#fff);color:var(--hris-text,#253d4c)}
.forms-workspace-entry input:focus[b-qva909dmll]{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e22}
.forms-workspace-entry button[b-qva909dmll]{min-height:44px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:650;background:#0f766e;border-color:#0f766e;color:#fff}
.forms-workspace-entry button:hover[b-qva909dmll]{background:#0d665f;border-color:#0d665f}
@media(max-width:600px){.forms-workspace-entry[b-qva909dmll]{padding:24px 20px}.forms-workspace-entry h1[b-qva909dmll]{font-size:20px}}
/* /Components/Pages/EmployeeDataExporter.razor.rz.scp.css */
.exporter-heading[b-ionmv6h0nq] {
    align-items: flex-end;
}

.exporter-heading h1[b-ionmv6h0nq] {
    margin: .15rem 0 .25rem;
}

.exporter-heading p[b-ionmv6h0nq] {
    margin: 0;
    color: #64748b;
}

.exporter-eyebrow[b-ionmv6h0nq] {
    color: #0f766e;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.employee-exporter-form[b-ionmv6h0nq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.exporter-card[b-ionmv6h0nq] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dbe5ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.exporter-body[b-ionmv6h0nq] {
    display: grid;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 1rem;
    min-width: 0;
}

.exporter-body > .alert[b-ionmv6h0nq] {
    margin: 0;
}

.employee-selection-card[b-ionmv6h0nq] {
    position: relative;
    z-index: 6;
    overflow: visible;
}

.field-selection-card[b-ionmv6h0nq] {
    position: relative;
    z-index: 1;
}

.exporter-card-header[b-ionmv6h0nq] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #e5edf3;
}

.exporter-card-header > div:first-child[b-ionmv6h0nq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.exporter-card-header h2[b-ionmv6h0nq] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.exporter-card-header p[b-ionmv6h0nq] {
    margin: .15rem 0 0;
    color: #64748b;
    font-size: .78rem;
}

.exporter-step[b-ionmv6h0nq] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0f766e;
    font-size: .8rem;
    font-weight: 800;
}

.exporter-header-actions[b-ionmv6h0nq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.exporter-selection-toggle[b-ionmv6h0nq] {
    width: 72px;
    flex: 0 0 72px;
    white-space: nowrap;
}

.exporter-collapse-toggle[b-ionmv6h0nq] {
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #cbd8e2;
    color: #475569;
    background: #fff;
    cursor: pointer;
}

.exporter-collapse-toggle[b-ionmv6h0nq] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
}

.exporter-collapse-toggle .lucide-icon[b-ionmv6h0nq],
.export-group-heading-toggle .lucide-icon[b-ionmv6h0nq] {
    width: 16px;
    height: 16px;
    transition: transform .18s ease;
}

.exporter-card.is-collapsed .exporter-collapse-toggle .lucide-icon[b-ionmv6h0nq],
.export-field-group.is-collapsed .export-group-heading-toggle .lucide-icon[b-ionmv6h0nq] {
    transform: rotate(-90deg);
}

.exporter-collapse-toggle:hover[b-ionmv6h0nq],
.exporter-collapse-toggle:focus-visible[b-ionmv6h0nq] {
    border-color: #0f8b84;
    color: #0f766e;
    background: #f0fdfa;
    outline: none;
}

.exporter-card.is-collapsed .exporter-card-header[b-ionmv6h0nq] {
    border-bottom-color: transparent;
}

.exporter-filters[b-ionmv6h0nq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    padding: .8rem 1rem;
    background: #f8fafc;
}

.exporter-filter-field[b-ionmv6h0nq] {
    min-width: 0;
    display: grid;
    gap: .35rem;
}

.exporter-filter-field > span[b-ionmv6h0nq] {
    color: #475569;
    font-size: .74rem;
    font-weight: 400;
}

.exporter-multiselect[b-ionmv6h0nq] {
    position: relative;
    width: 100%;
}

.exporter-multiselect-button[b-ionmv6h0nq] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .5rem .75rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #fff;
    font: inherit;
    font-size: .82rem;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.exporter-multiselect-button > span:first-child[b-ionmv6h0nq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exporter-multiselect-button .lucide-icon[b-ionmv6h0nq] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    transition: transform .18s ease;
}

.exporter-multiselect.is-open .exporter-multiselect-button[b-ionmv6h0nq] {
    border-color: #0f8b84;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .12);
}

.exporter-multiselect.is-open .exporter-multiselect-button .lucide-icon[b-ionmv6h0nq] {
    transform: rotate(180deg);
}

.exporter-multiselect-menu[b-ionmv6h0nq] {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    left: 0;
    z-index: 20;
    max-height: 260px;
    overflow-y: auto;
    padding: .35rem;
    border: 1px solid #dbe5ec;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .16);
}

.exporter-multiselect-option[b-ionmv6h0nq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 38px;
    margin: 0;
    padding: .4rem .45rem;
    border-radius: 6px;
    color: #334155;
    font-size: .79rem;
    font-weight: 400;
    cursor: pointer;
}

.exporter-multiselect-option:hover[b-ionmv6h0nq] {
    color: #0f766e;
    background: #f0fdfa;
}

.exporter-multiselect-option > span:last-child[b-ionmv6h0nq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.exporter-search[b-ionmv6h0nq] {
    position: relative;
}

.exporter-search .lucide-icon[b-ionmv6h0nq] {
    position: absolute;
    top: 50%;
    left: .7rem;
    width: 1rem;
    height: 1rem;
    color: #64748b;
    transform: translateY(-50%);
    pointer-events: none;
}

.exporter-search .form-control[b-ionmv6h0nq] {
    padding-left: 2.15rem;
}

.employee-export-list[b-ionmv6h0nq] {
    max-height: 535px;
    overflow: auto;
}

.employee-export-row[b-ionmv6h0nq] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    min-height: 68px;
    padding: .65rem 1rem;
    border-bottom: 1px solid #edf2f6;
    cursor: pointer;
}

.employee-export-row:hover[b-ionmv6h0nq] {
    background: #f4fbfa;
}

.employee-export-row input[b-ionmv6h0nq] {
    width: 17px;
    height: 17px;
    accent-color: #0f766e;
}

.employee-export-copy[b-ionmv6h0nq] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.employee-export-copy strong[b-ionmv6h0nq],
.employee-export-copy small[b-ionmv6h0nq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-export-copy strong[b-ionmv6h0nq] {
    color: #172033;
    font-size: .86rem;
}

.employee-export-copy small[b-ionmv6h0nq],
.employee-export-meta[b-ionmv6h0nq] {
    color: #64748b;
    font-size: .74rem;
}

.employee-export-meta[b-ionmv6h0nq] {
    display: grid;
    justify-items: end;
    gap: .15rem;
}

.employee-export-meta small[b-ionmv6h0nq] {
    padding: .12rem .4rem;
    border-radius: 999px;
    font-weight: 750;
}

.employee-export-meta .is-active[b-ionmv6h0nq] {
    color: #047857;
    background: #d1fae5;
}

.employee-export-meta .is-inactive[b-ionmv6h0nq] {
    color: #b45309;
    background: #fef3c7;
}

.export-field-groups[b-ionmv6h0nq] {
    max-height: 390px;
    overflow: auto;
    padding: .75rem;
    background: #f8fafc;
}

.export-field-group[b-ionmv6h0nq] {
    overflow: hidden;
    margin-bottom: .6rem;
    border: 1px solid #dbe5ec;
    border-radius: 8px;
    background: #fff;
}

.export-field-group:last-child[b-ionmv6h0nq] {
    margin-bottom: 0;
}

.export-field-group-header[b-ionmv6h0nq] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem .8rem;
    color: #243247;
    font-size: .8rem;
    font-weight: 400;
}

.exporter-switch[b-ionmv6h0nq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 36px;
    height: 22px;
    flex: 0 0 36px;
    margin: 0;
    cursor: pointer;
}

.exporter-switch input[b-ionmv6h0nq] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.exporter-switch-track[b-ionmv6h0nq] {
    position: relative;
    width: 36px;
    height: 20px;
    display: block;
    border: 1px solid #b6c2d1;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.exporter-switch-track[b-ionmv6h0nq]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .25);
    transform: translateY(-50%);
    transition: transform .18s cubic-bezier(.22, 1, .36, 1);
}

.exporter-switch input:checked + .exporter-switch-track[b-ionmv6h0nq] {
    border-color: #0f8b84;
    background: #14b8a6;
    box-shadow: inset 0 1px 2px rgba(15, 118, 110, .18);
}

.exporter-switch input:checked + .exporter-switch-track[b-ionmv6h0nq]::after {
    transform: translate(16px, -50%);
}

.exporter-switch input:focus-visible + .exporter-switch-track[b-ionmv6h0nq] {
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .18);
}

.exporter-group-switch[b-ionmv6h0nq] {
    align-self: center;
}

.export-group-heading-toggle[b-ionmv6h0nq] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.export-group-heading-toggle:hover[b-ionmv6h0nq],
.export-group-heading-toggle:focus-visible[b-ionmv6h0nq] {
    color: #0f766e;
    outline: none;
}

.export-field-group-header small[b-ionmv6h0nq] {
    color: #64748b;
}

.export-field-grid[b-ionmv6h0nq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .1rem .55rem;
    padding: .35rem .55rem .65rem;
    border-top: 1px solid #edf2f6;
}

.export-field-grid .export-field-option[b-ionmv6h0nq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    padding: .42rem;
    border-radius: 6px;
    color: #475569;
    font-size: .77rem;
    font-weight: 400;
    cursor: pointer;
}

.export-field-grid .export-field-option:hover[b-ionmv6h0nq] {
    color: #0f766e;
    background: #f0fdfa;
}

.export-field-label[b-ionmv6h0nq] {
    min-width: 0;
    line-height: 1.3;
}

.exporter-footer[b-ionmv6h0nq] {
    grid-column: 1;
    position: sticky;
    bottom: .75rem;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #cfdde6;
    border-radius: 10px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .14);
    backdrop-filter: blur(8px);
}

.exporter-footer > div[b-ionmv6h0nq] {
    display: flex;
    gap: .4rem;
    color: #64748b;
    font-size: .82rem;
}

.exporter-download[b-ionmv6h0nq] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.exporter-empty[b-ionmv6h0nq],
.exporter-loading[b-ionmv6h0nq] {
    padding: 2rem 1rem;
    color: #64748b;
    text-align: center;
}

.exporter-list-limit[b-ionmv6h0nq] {
    padding: .75rem 1rem;
    color: #64748b;
    background: #f8fafc;
    font-size: .75rem;
    line-height: 1.45;
}

html[data-theme="dark"] .exporter-heading p[b-ionmv6h0nq],
html[data-theme="dark"] .exporter-card-header p[b-ionmv6h0nq],
html[data-theme="dark"] .exporter-filter-field > span[b-ionmv6h0nq],
html[data-theme="dark"] .employee-export-copy small[b-ionmv6h0nq],
html[data-theme="dark"] .employee-export-meta[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-group-header small[b-ionmv6h0nq],
html[data-theme="dark"] .exporter-footer > div[b-ionmv6h0nq] {
    color: #94a3b8;
}

html[data-theme="dark"] .exporter-list-limit[b-ionmv6h0nq] {
    color: #94a3b8;
    background: #0b1a21;
}

html[data-theme="dark"] .exporter-card[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-group[b-ionmv6h0nq] {
    border-color: #29404b;
    background: #102129;
    box-shadow: none;
}

html[data-theme="dark"] .exporter-card-header[b-ionmv6h0nq],
html[data-theme="dark"] .employee-export-row[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-grid[b-ionmv6h0nq] {
    border-color: #29404b;
}

html[data-theme="dark"] .exporter-card-header h2[b-ionmv6h0nq],
html[data-theme="dark"] .employee-export-copy strong[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-group-header[b-ionmv6h0nq] {
    color: #e2e8f0;
}

html[data-theme="dark"] .exporter-collapse-toggle[b-ionmv6h0nq],
html[data-theme="dark"] .export-group-heading-toggle[b-ionmv6h0nq] {
    border-color: #37515d;
    color: #b7c5ce;
    background: #102129;
}

html[data-theme="dark"] .exporter-multiselect-button[b-ionmv6h0nq],
html[data-theme="dark"] .exporter-multiselect-menu[b-ionmv6h0nq] {
    border-color: #29404b;
    color: #d6e1e7;
    background: #102129;
}

html[data-theme="dark"] .exporter-multiselect-option[b-ionmv6h0nq] {
    color: #b7c5ce;
}

html[data-theme="dark"] .exporter-multiselect-option:hover[b-ionmv6h0nq] {
    color: #5eead4;
    background: #12312f;
}

html[data-theme="dark"] .exporter-collapse-toggle:hover[b-ionmv6h0nq],
html[data-theme="dark"] .exporter-collapse-toggle:focus-visible[b-ionmv6h0nq],
html[data-theme="dark"] .export-group-heading-toggle:hover[b-ionmv6h0nq],
html[data-theme="dark"] .export-group-heading-toggle:focus-visible[b-ionmv6h0nq] {
    border-color: #2dd4bf;
    color: #5eead4;
    background: #12312f;
}

html[data-theme="dark"] .exporter-filters[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-groups[b-ionmv6h0nq] {
    background: #0b1a21;
}

html[data-theme="dark"] .employee-export-row:hover[b-ionmv6h0nq],
html[data-theme="dark"] .export-field-grid label:hover[b-ionmv6h0nq] {
    background: #12312f;
}

html[data-theme="dark"] .export-field-grid label[b-ionmv6h0nq] {
    color: #b7c5ce;
}

html[data-theme="dark"] .exporter-switch-track[b-ionmv6h0nq] {
    border-color: #526571;
    background: #37515d;
}

html[data-theme="dark"] .exporter-switch input:checked + .exporter-switch-track[b-ionmv6h0nq] {
    border-color: #2dd4bf;
    background: #0f8b84;
}

html[data-theme="dark"] .exporter-footer[b-ionmv6h0nq] {
    border-color: #29404b;
    background: rgba(16, 33, 41, .96);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}

@media (max-width: 980px) {
    .employee-export-list[b-ionmv6h0nq],
    .export-field-groups[b-ionmv6h0nq] {
        max-height: 440px;
    }
}

@media (max-width: 640px) {
    .exporter-heading[b-ionmv6h0nq] {
        align-items: flex-start;
    }

    .exporter-card-header[b-ionmv6h0nq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .exporter-header-actions[b-ionmv6h0nq] {
        width: 100%;
    }

    .exporter-header-actions .btn[b-ionmv6h0nq] {
        flex: 1;
    }

    .exporter-filters[b-ionmv6h0nq],
    .export-field-grid[b-ionmv6h0nq] {
        grid-template-columns: 1fr;
    }

    .employee-export-row[b-ionmv6h0nq] {
        grid-template-columns: 20px minmax(0, 1fr);
    }

    .employee-export-meta[b-ionmv6h0nq] {
        grid-column: 2;
        justify-items: start;
        grid-auto-flow: column;
        justify-content: start;
    }

    .exporter-footer[b-ionmv6h0nq] {
        align-items: stretch;
        flex-direction: column;
        bottom: .35rem;
    }

    .exporter-download[b-ionmv6h0nq] {
        justify-content: center;
    }
}
/* /Components/Pages/EmployeeLeaveLedger.razor.rz.scp.css */
.employee-leave-ledger-page[b-i2graff52l] {
    --ledger-border: var(--ep-border, var(--border, #dce6e8));
    --ledger-text: var(--ep-text, var(--text, #183239));
    --ledger-muted: var(--ep-muted, var(--muted, #576d75));
    --ledger-surface: var(--ep-surface, var(--surface, #fff));
}
.ledger-balance-section[b-i2graff52l], .ledger-history-section[b-i2graff52l] { display: grid; gap: 12px; min-width: 0; color: var(--ledger-text); }
.ledger-as-of[b-i2graff52l] { flex-shrink: 0; text-align: right; white-space: nowrap; }
.ledger-section-heading[b-i2graff52l] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ledger-section-heading h2[b-i2graff52l] { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--ledger-text); }
.ledger-section-heading p[b-i2graff52l] { margin: 4px 0 0; font-size: 12px; line-height: 1.5; color: var(--ledger-muted); }
.ledger-privacy-button[b-i2graff52l] {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    flex-shrink: 0; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ledger-border);
    border-radius: 10px; background: var(--ledger-surface); color: var(--ep-brand, #0f766e);
    font-size: 12px; font-weight: 600; cursor: pointer;
}
.ledger-privacy-button svg[b-i2graff52l] { width: 16px; height: 16px; }
.ledger-balances[b-i2graff52l] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.ledger-balance-card[b-i2graff52l] {
    --balance-accent: #a77614;
    display: grid; grid-template-columns: 24px minmax(0, 1fr); align-content: start; align-items: center; gap: 4px;
    position: relative; grid-column: span 2; min-width: 0; padding: 10px;
    background: var(--ledger-surface); border: 1px solid var(--ledger-border); border-radius: 14px;
}
.ledger-balance-card.is-primary[b-i2graff52l] { grid-column: span 3; grid-template-columns: 26px minmax(0, 1fr); align-items: center; padding: 10px 12px; gap: 5px; }
.ledger-balance-icon[b-i2graff52l] { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--balance-accent); background: color-mix(in srgb, var(--balance-accent) 10%, var(--ledger-surface)); }
.ledger-balance-icon svg[b-i2graff52l] { width: 17px; height: 17px; }
.ledger-balance-card.is-primary .ledger-balance-icon[b-i2graff52l] { width: 26px; height: 26px; }
.ledger-balance-card :is(strong, small)[b-i2graff52l] { grid-column: 1 / -1; }
.ledger-balance-card.vacation[b-i2graff52l] { --balance-accent: #2876c7; }
.ledger-balance-card.sick[b-i2graff52l] { --balance-accent: #23885b; }
.ledger-balance-card.wellness[b-i2graff52l] { --balance-accent: #9763bb; }
.ledger-balance-card.cto[b-i2graff52l] { --balance-accent: #188d96; }
.ledger-balance-label[b-i2graff52l] { font-size: 11px; line-height: 1.4; font-weight: 600; color: var(--ledger-text); }
.ledger-balance-card strong[b-i2graff52l] { font-size: 22px; line-height: 1.2; font-weight: 750; letter-spacing: -.03em; color: var(--ledger-text); overflow-wrap: anywhere; }
.ledger-balance-card.is-primary strong[b-i2graff52l] { font-size: 24px; }
.ledger-balance-card small[b-i2graff52l] { font-size: 11px; line-height: 1.4; color: var(--ledger-muted); }
@media (max-width: 360px) {
    .ledger-balance-card:not(.is-primary)[b-i2graff52l] { grid-template-columns: 20px minmax(0, 1fr); padding: 10px 8px; }
    .ledger-balance-card:not(.is-primary) .ledger-balance-icon[b-i2graff52l] { width: 20px; height: 20px; }
    .ledger-balance-card:not(.is-primary) .ledger-balance-label[b-i2graff52l] { font-size: 10px; }
}
.ledger-history-section[b-i2graff52l] { margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--ledger-border); }
.ledger-year-picker[b-i2graff52l] { position: relative; flex-shrink: 0; width: 88px; margin: 0; }
/* Retain the selector's accessible label without showing a border caption. */
.ledger-year-picker[b-i2graff52l]  .ep-filter-border-label {
    position: absolute; width: 1px; height: 1px; padding: 0;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.ledger-filter-tabs[b-i2graff52l] { min-width: 0; }
.ledger-filter-tabs .ledger-motion-tabs[b-i2graff52l] { --coc-tabs-radius: 14px; --coc-tab-radius: 12px; width: 100%; }
.ledger-filter-tabs .coc-view-tabs[b-i2graff52l] { width: 100%; }
.ledger-filter-tabs .coc-view-tabs .employee-motion-tab[b-i2graff52l] { flex: 1 1 0; min-width: 0; padding-inline: 6px; }
.ledger-history-results[b-i2graff52l] { display: grid; gap: 8px; }
.ledger-pagination[b-i2graff52l] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; }
.ledger-pagination button[b-i2graff52l] {
    display: inline-flex; align-items: center; justify-content: center; gap: 4px;
    min-width: 0; min-height: 40px; padding: 8px 10px; border: 1px solid var(--ledger-border);
    border-radius: 10px; background: var(--ledger-surface); color: var(--ep-brand, #0f766e);
    font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; box-shadow: none; cursor: pointer;
}
.ledger-pagination button svg[b-i2graff52l] { width: 15px; height: 15px; flex-shrink: 0; }
.ledger-pagination > span[b-i2graff52l] { font-size: 11px; color: var(--ledger-muted); white-space: nowrap; }
.ledger-pagination button:disabled[b-i2graff52l] { opacity: .4; cursor: default; }
.ledger-pagination button:not(:disabled):hover[b-i2graff52l] { background: var(--ep-soft, #e8f5f2); }
.ledger-pagination button:focus-visible[b-i2graff52l] { outline: 1px solid var(--ep-brand, #0f766e); outline-offset: 2px; }
.ledger-history-card[b-i2graff52l] {
    --history-accent: #a77614;
    display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px;
    border: 1px solid var(--ledger-border);
    border-radius: 12px; background: var(--ledger-surface);
}
.ledger-history-icon[b-i2graff52l] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: var(--history-accent); background: color-mix(in srgb, var(--history-accent) 10%, var(--ledger-surface)); }
.ledger-history-icon svg[b-i2graff52l] { width: 20px; height: 20px; }
.ledger-history-card.is-vacation[b-i2graff52l] { --history-accent: #2876c7; }
.ledger-history-card.is-sick[b-i2graff52l] { --history-accent: #23885b; }
.ledger-history-card.is-wellness[b-i2graff52l] { --history-accent: #9763bb; }
.ledger-history-details[b-i2graff52l] { min-width: 0; }
.ledger-history-details h3[b-i2graff52l] { margin: 0; color: var(--ledger-text); font-size: 13px; line-height: 1.45; font-weight: 650; overflow-wrap: anywhere; }
.ledger-history-details p[b-i2graff52l] { margin: 4px 0 0; color: var(--ledger-muted); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.ledger-days[b-i2graff52l] { padding: 5px 8px; border-radius: 8px; background: var(--ep-bg, #f4f7f8); color: var(--ledger-text); font-size: 12px; line-height: 1.4; font-weight: 650; white-space: nowrap; }
.ledger-empty[b-i2graff52l] { padding: 28px 20px; border: 1px dashed var(--ledger-border); border-radius: 14px; text-align: center; background: var(--ledger-surface); }
.ledger-empty strong[b-i2graff52l] { color: var(--ledger-text); font-size: 14px; }
.ledger-empty p[b-i2graff52l] { margin: 8px 0; color: var(--ledger-muted); font-size: 13px; line-height: 1.6; }
button:focus-visible[b-i2graff52l] { outline: 3px solid var(--ep-brand, #0f766e); outline-offset: 3px; }
@media (max-width: 360px) {
    .ledger-section-heading[b-i2graff52l] { flex-wrap: wrap; gap: 8px; }
    .ledger-balance-card[b-i2graff52l] { padding: 10px 8px; }
    .ledger-balance-label[b-i2graff52l] { font-size: 11px; }
    .ledger-balance-card strong[b-i2graff52l] { font-size: 20px; }
    .ledger-balance-card.is-primary[b-i2graff52l] { padding: 10px; grid-template-columns: 24px minmax(0, 1fr); gap: 5px; }
    .ledger-balance-card.is-primary .ledger-balance-icon[b-i2graff52l] { width: 24px; height: 24px; }
    .ledger-history-card[b-i2graff52l] { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 7px; }
    .ledger-history-icon[b-i2graff52l] { width: 28px; }
    .ledger-days[b-i2graff52l] { font-size: 10px; padding: 5px 6px; }
}
/* /Components/Pages/EmployeeRecords.razor.rz.scp.css */
.employee-records-table .employee-photo-cell[b-uymczlx8ix] {
    width: 64px;
    min-width: 64px;
    text-align: center;
    vertical-align: middle;
}
.employee-mobile-name-row[b-uymczlx8ix] { display: flex; align-items: center; }
.employee-mobile-name[b-uymczlx8ix] { flex: 1; min-width: 0; }
.employee-name-text[b-uymczlx8ix],
.employee-name-text:hover[b-uymczlx8ix] {
    cursor: text;
    text-decoration: none;
    color: inherit;
}
/* /Components/Pages/HrChatbot.razor.rz.scp.css */
.hr-bot[b-3p3s0lw8z3]{--bot-bg:var(--surface,#fff);--bot-ink:var(--text,#24364b);--bot-muted:#65788c;--bot-line:#dce6eb;--bot-soft:#f5f9fa;--bot-accent:#0f766e;width:100%;max-width:none;padding:8px 0 20px;color:var(--bot-ink)}
.bot-page-header[b-3p3s0lw8z3],.bot-panel-header[b-3p3s0lw8z3],.bot-heading[b-3p3s0lw8z3],.bot-library-label[b-3p3s0lw8z3],.bot-form-title[b-3p3s0lw8z3],.bot-editor-footer[b-3p3s0lw8z3],.bot-composer-note[b-3p3s0lw8z3]{display:flex;align-items:center;justify-content:space-between;gap:14px}
.bot-page-header[b-3p3s0lw8z3]{margin-bottom:22px;flex-wrap:wrap}.bot-heading[b-3p3s0lw8z3]{justify-content:flex-start}.bot-mark[b-3p3s0lw8z3],.bot-avatar[b-3p3s0lw8z3],.bot-welcome-icon[b-3p3s0lw8z3]{display:grid;place-items:center;background:#e0f2ef;color:var(--bot-accent);border-radius:15px;font-size:28px;flex-shrink:0}.bot-mark[b-3p3s0lw8z3]{width:52px;height:52px}.bot-avatar[b-3p3s0lw8z3]{width:40px;height:40px;font-size:23px}
.hr-bot h1[b-3p3s0lw8z3]{font-size:25px;margin:0 0 4px;font-weight:750}.hr-bot h2[b-3p3s0lw8z3]{font-size:18px;margin:0;font-weight:700}.hr-bot h3[b-3p3s0lw8z3]{font-size:16px;margin:0}.bot-page-header p[b-3p3s0lw8z3]{margin:0;color:var(--bot-muted);font-size:14px}
.bot-workspace[b-3p3s0lw8z3]{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-height:calc(100dvh - 220px)}.bot-workspace.with-editor[b-3p3s0lw8z3]{grid-template-columns:minmax(0,1fr) minmax(330px,390px)}
.bot-chat-panel[b-3p3s0lw8z3],.bot-editor[b-3p3s0lw8z3]{min-width:0;background:var(--bot-bg);border:1px solid var(--bot-line);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #18354105}
.bot-chat-panel[b-3p3s0lw8z3]{display:flex;flex-direction:column}.bot-panel-header[b-3p3s0lw8z3]{padding:20px 24px;border-bottom:1px solid var(--bot-line)}.bot-status[b-3p3s0lw8z3]{font-size:12px;color:var(--bot-muted)}
.bot-conversation[b-3p3s0lw8z3]{flex:1;min-height:300px;max-height:65dvh;overflow-y:auto;padding:24px;background:var(--bot-soft);overscroll-behavior:contain}.bot-welcome[b-3p3s0lw8z3]{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.bot-welcome-icon[b-3p3s0lw8z3]{width:68px;height:68px;font-size:38px;margin-bottom:20px}.bot-welcome h2[b-3p3s0lw8z3]{font-size:25px;margin-top:10px}.bot-welcome p[b-3p3s0lw8z3]{color:var(--bot-muted);line-height:1.7;font-size:14px;margin:12px 0}
.bot-eyebrow[b-3p3s0lw8z3]{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--bot-muted)}.bot-message[b-3p3s0lw8z3]{max-width:88%;padding:15px 18px;margin:0 0 16px;background:var(--bot-bg);border:1px solid var(--bot-line);border-radius:4px 16px 16px 16px}.bot-message strong[b-3p3s0lw8z3]{font-size:12px;color:var(--bot-accent)}.bot-message p[b-3p3s0lw8z3]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;margin:7px 0 0}.bot-message.is-user[b-3p3s0lw8z3]{margin-left:auto;background:var(--bot-accent);color:#fff;border-color:transparent;border-radius:16px 4px 16px 16px}.bot-message.is-user strong[b-3p3s0lw8z3]{color:#d7fffa}
.bot-topics[b-3p3s0lw8z3]{padding:18px 24px 0}.bot-suggestions[b-3p3s0lw8z3]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bot-topic[b-3p3s0lw8z3]{display:flex;gap:18px;justify-content:space-between;border:1px solid var(--bot-line);background:var(--bot-bg);color:var(--bot-ink);border-radius:10px;padding:10px 13px;font-size:12px;font-weight:650}.bot-topic span[b-3p3s0lw8z3]{color:var(--bot-accent)}
.bot-composer[b-3p3s0lw8z3]{padding:20px 24px}.hr-bot label[b-3p3s0lw8z3]{font-size:12px;font-weight:700;display:block;margin:16px 0 8px}.bot-composer label[b-3p3s0lw8z3]{margin-top:0}.bot-compose[b-3p3s0lw8z3]{display:flex;align-items:center;gap:10px;border:1px solid var(--bot-line);border-radius:13px;padding:7px;background:var(--bot-bg)}.bot-compose input[b-3p3s0lw8z3]{flex:1;min-width:0;border:0;background:transparent;color:var(--bot-ink);padding:10px;outline:none;font-size:14px}.bot-compose:focus-within[b-3p3s0lw8z3]{outline:2px solid #0f766e55;outline-offset:2px}.bot-composer-note[b-3p3s0lw8z3]{margin-top:10px;align-items:flex-start}.bot-composer-note small[b-3p3s0lw8z3]{font-size:11px;color:var(--bot-muted)}
.bot-button[b-3p3s0lw8z3]{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.bot-button.primary[b-3p3s0lw8z3]{background:var(--bot-accent);color:white}.bot-button.secondary[b-3p3s0lw8z3]{background:var(--bot-bg);border-color:var(--bot-line);color:var(--bot-ink)}.bot-button.quiet[b-3p3s0lw8z3]{background:transparent;color:var(--bot-accent);padding:6px}.hr-bot button:hover:not(:disabled)[b-3p3s0lw8z3]{filter:brightness(.95)}.hr-bot button:disabled[b-3p3s0lw8z3]{opacity:.5;cursor:not-allowed}.hr-bot button:focus-visible[b-3p3s0lw8z3],.hr-bot select:focus-visible[b-3p3s0lw8z3],.bot-field:focus-visible[b-3p3s0lw8z3]{outline:2px solid var(--bot-accent);outline-offset:3px}
.bot-editor[b-3p3s0lw8z3]{align-self:start}.bot-editor .bot-panel-header[b-3p3s0lw8z3]{padding:20px}.bot-editor h2[b-3p3s0lw8z3]{margin-top:4px}.bot-count[b-3p3s0lw8z3],.bot-draft[b-3p3s0lw8z3]{font-size:10px;background:var(--bot-soft);color:var(--bot-muted);padding:5px 8px;border-radius:6px;white-space:nowrap}.bot-editor-body[b-3p3s0lw8z3]{padding:0 20px 20px}.bot-muted[b-3p3s0lw8z3]{color:var(--bot-muted);font-size:12px;line-height:1.6}.bot-editor-body>p[b-3p3s0lw8z3]{margin:18px 0}.bot-library-label label[b-3p3s0lw8z3]{margin:0}.bot-select-wrap[b-3p3s0lw8z3]{position:relative;margin-top:10px}.bot-select-wrap select[b-3p3s0lw8z3]{appearance:none;padding-right:35px;cursor:pointer;text-overflow:ellipsis}.bot-select-wrap>span[b-3p3s0lw8z3]{position:absolute;right:14px;top:12px;pointer-events:none;color:var(--bot-accent)}
.bot-field[b-3p3s0lw8z3]{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--bot-line);border-radius:10px;background:var(--bot-bg);color:var(--bot-ink);font:inherit;font-size:13px;line-height:1.5;box-shadow:none}.bot-field[b-3p3s0lw8z3]::placeholder{color:var(--bot-muted);opacity:.8}.hr-bot textarea[b-3p3s0lw8z3]{resize:vertical;min-height:72px}.hr-bot fieldset[b-3p3s0lw8z3]{border:0;padding:0;margin:0;min-width:0}.bot-form-title[b-3p3s0lw8z3]{margin:22px 0 8px;padding-top:20px;border-top:1px solid var(--bot-line)}.bot-editor small.bot-muted[b-3p3s0lw8z3]{display:block;margin-top:7px;font-size:11px}
.hr-bot .bot-switch-row[b-3p3s0lw8z3]{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--bot-soft);border-radius:12px;margin:18px 0;cursor:pointer}.bot-switch-row strong[b-3p3s0lw8z3]{font-size:12px}.bot-switch-row small[b-3p3s0lw8z3]{display:block;font-weight:400;font-size:11px;color:var(--bot-muted);margin-top:4px}.bot-switch[b-3p3s0lw8z3]{position:relative;display:block;width:42px;height:24px;flex-shrink:0}.bot-switch input[b-3p3s0lw8z3]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.bot-switch-track[b-3p3s0lw8z3]{position:absolute;inset:0;border-radius:20px;background:#8c9cab;transition:background .18s}.bot-switch-track[b-3p3s0lw8z3]:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .18s}.bot-switch input:checked+.bot-switch-track[b-3p3s0lw8z3]{background:var(--bot-accent)}.bot-switch input:checked+.bot-switch-track[b-3p3s0lw8z3]:after{transform:translateX(18px)}.bot-switch input:focus-visible+.bot-switch-track[b-3p3s0lw8z3]{outline:2px solid var(--bot-accent);outline-offset:3px}
.bot-editor-footer[b-3p3s0lw8z3]{justify-content:flex-end}.bot-tip[b-3p3s0lw8z3]{font-size:11px;color:var(--bot-muted);line-height:1.6;border-top:1px solid var(--bot-line);padding-top:16px;margin-bottom:0!important}.bot-error[b-3p3s0lw8z3],.bot-notice[b-3p3s0lw8z3]{padding:12px;border-radius:10px;font-size:13px}.bot-error[b-3p3s0lw8z3]{background:#fff0f1;color:#9f2340}.bot-notice[b-3p3s0lw8z3]{background:#e0f2ef;color:#0c655e}
html[data-theme="dark"] .hr-bot[b-3p3s0lw8z3],body.dark-mode .hr-bot[b-3p3s0lw8z3]{--bot-bg:#142b35;--bot-ink:#e2edf1;--bot-muted:#a3b8c3;--bot-line:#33505c;--bot-soft:#10232c;--bot-accent:#16877e}
@media(min-width:1600px){.bot-workspace.with-editor[b-3p3s0lw8z3]{grid-template-columns:minmax(0,1fr) 440px}}
@media(max-width:1050px){.bot-workspace.with-editor[b-3p3s0lw8z3]{grid-template-columns:1fr}.bot-editor[b-3p3s0lw8z3]{width:100%}.bot-conversation[b-3p3s0lw8z3]{max-height:55dvh}.bot-welcome[b-3p3s0lw8z3]{min-height:240px}}
@media(max-width:600px){.bot-page-header[b-3p3s0lw8z3]{gap:12px}.hr-bot h1[b-3p3s0lw8z3]{font-size:21px}.bot-mark[b-3p3s0lw8z3]{width:42px;height:42px}.bot-panel-header[b-3p3s0lw8z3],.bot-composer[b-3p3s0lw8z3]{padding:16px}.bot-conversation[b-3p3s0lw8z3]{padding:16px;min-height:260px}.bot-topics[b-3p3s0lw8z3]{padding:16px 16px 0}.bot-suggestions[b-3p3s0lw8z3]{display:grid;grid-template-columns:1fr 1fr}.bot-topic[b-3p3s0lw8z3]{gap:8px;font-size:11px;padding:9px}.bot-welcome[b-3p3s0lw8z3]{padding:10px;min-height:220px}.bot-welcome h2[b-3p3s0lw8z3]{font-size:22px}.bot-message[b-3p3s0lw8z3]{max-width:95%}.bot-composer-note[b-3p3s0lw8z3]{gap:8px}.bot-workspace[b-3p3s0lw8z3]{min-height:0}}
@media(prefers-reduced-motion:reduce){.bot-switch-track[b-3p3s0lw8z3],.bot-switch-track[b-3p3s0lw8z3]:after{transition:none}}
/* /Components/Pages/HrHelpAssistant.razor.rz.scp.css */
.hr-guide[b-27nn479igf]{max-width:960px;margin:0 auto;padding:12px 0 28px;color:var(--text,#24364b)}
.hr-guide header[b-27nn479igf]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.hr-guide h1[b-27nn479igf]{font-size:26px;margin:0 0 6px}.hr-guide h2[b-27nn479igf]{font-size:21px;margin:8px 0 12px}.hr-guide p[b-27nn479igf]{line-height:1.7;margin:10px 0 18px}.hr-guide a[b-27nn479igf]{color:var(--primary,#0f766e)}
.guide-card[b-27nn479igf]{background:var(--surface,#fff);border:1px solid var(--border,#dce6eb);border-radius:18px;padding:26px;margin-bottom:20px}
.guide-label[b-27nn479igf]{font-size:11px;font-weight:750;letter-spacing:1.2px;color:var(--primary,#0f766e)}
.guide-disclosure[b-27nn479igf]{border-left:3px solid #0f766e;padding:12px 16px;background:var(--surface-alt,#f1f8f6);border-radius:6px}
.hr-guide .guide-button[b-27nn479igf]{display:inline-block;background:#0f766e;color:#fff;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.guide-new-tab[b-27nn479igf]{font-size:12px;font-weight:400}
.hr-guide label[b-27nn479igf]{display:block;font-weight:650;margin:16px 0 8px}.hr-guide textarea[b-27nn479igf]{display:block;box-sizing:border-box;width:100%;resize:vertical;padding:12px;border-radius:10px;border:1px solid var(--border,#9eafb8);background:var(--surface,#fff);color:inherit;font:14px/1.6 ui-monospace,monospace}
.hr-guide small[b-27nn479igf],.guide-note[b-27nn479igf]{font-size:13px;line-height:1.6}.hr-guide fieldset[b-27nn479igf]{border:0;padding:0;margin:0;min-width:0}.hr-guide .guide-check[b-27nn479igf]{display:flex;align-items:center;gap:10px;margin:20px 0}.guide-check input[b-27nn479igf]{width:18px;height:18px;accent-color:#0f766e}
.guide-error[b-27nn479igf],.guide-notice[b-27nn479igf]{padding:14px;border-radius:10px}.guide-error[b-27nn479igf]{background:#fff0f1;color:#9f2340}.guide-notice[b-27nn479igf]{background:#e0f2ef;color:#0c655e}
.hr-guide :is(a,button,textarea,input):focus-visible[b-27nn479igf]{outline:3px solid #0f766e;outline-offset:3px}.hr-guide button:disabled[b-27nn479igf]{opacity:.6;cursor:wait}
@media(max-width:600px){.guide-card[b-27nn479igf]{padding:18px}.hr-guide h1[b-27nn479igf]{font-size:23px}.hr-guide header[b-27nn479igf]{gap:10px}}
/* /Components/Pages/Leave.razor.rz.scp.css */
.leave-results-host[b-wl3n9mahup] { position: relative; min-height: 260px; }
.leave-results-host.is-loading > :not(.leave-loading)[b-wl3n9mahup] { pointer-events: none; }

.leave-applications-shell .records-toolbar[b-wl3n9mahup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
}

.leave-applications-shell .records-search-form[b-wl3n9mahup] {
    display: contents;
}

.leave-applications-shell .records-result-count[b-wl3n9mahup] {
    grid-column: 1;
    grid-row: 1;
    font-weight: 600;
}

.leave-applications-shell .search-composer[b-wl3n9mahup] { grid-column: 2; grid-row: 1; justify-self: end; }
.leave-applications-shell .filter-actions[b-wl3n9mahup] { grid-column: 3; grid-row: 1; }

/* A percentage width in an auto-sized grid track collapses around the icon.
   Give the expanded search an intrinsic width before fitting smaller screens. */
.leave-applications-shell .records-toolbar .search-composer.animated-search.is-open[b-wl3n9mahup] {
    width: 360px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 540px) {
    .leave-applications-shell .records-toolbar:has(.search-composer.is-open) .records-result-count[b-wl3n9mahup] {
        grid-column: 1 / -1;
    }
    .leave-applications-shell .records-toolbar:has(.search-composer.is-open) .search-composer.animated-search.is-open[b-wl3n9mahup] {
        grid-column: 1 / 3;
        grid-row: 2;
        width: 100% !important;
    }
    .leave-applications-shell .records-toolbar:has(.search-composer.is-open) .filter-actions[b-wl3n9mahup] { grid-row: 2; }
}

.leave-applications-shell .filter-slide-panel[b-wl3n9mahup] {
    grid-column: 1 / -1;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leave-applications-shell .records-filter-menu[b-wl3n9mahup] { min-width: 0; width: 100%; }
.leave-applications-table .leave-actions-cell[b-wl3n9mahup] { text-align: left; }
@media (max-width: 900px) { .leave-applications-shell .filter-slide-panel[b-wl3n9mahup] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .leave-applications-shell .filter-slide-panel[b-wl3n9mahup] { grid-template-columns: 1fr; } }

.leave-applications-table tbody tr.is-travel-abroad > td:first-child[b-wl3n9mahup] {
    border-left: 3px solid #0d9488;
}

.leave-travel-destination[b-wl3n9mahup] {
    display: block;
    max-width: 16rem;
    overflow-wrap: anywhere;
    font-size: .8rem;
}

.leave-authority-button[b-wl3n9mahup] {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid #d7e1ec;
    border-radius: .65rem;
    color: #0f7f77;
    background: #fff;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

.leave-row-actions[b-wl3n9mahup] { display: flex; justify-content: flex-start; gap: .35rem; }
.leave-row-actions .action-button:disabled[b-wl3n9mahup] { opacity: .4; cursor: not-allowed; }
.leave-detail-grid[b-wl3n9mahup] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0; }
.leave-detail-grid > div[b-wl3n9mahup] { min-width: 0; }
.leave-detail-grid dt[b-wl3n9mahup] { font-size: .78rem; color: #64748b; font-weight: 500; }
.leave-detail-grid dd[b-wl3n9mahup] { margin: .25rem 0 0; overflow-wrap: anywhere; }
.leave-detail-wide[b-wl3n9mahup] { grid-column: 1 / -1; }
.leave-detail-actions[b-wl3n9mahup] { display: flex; justify-content: flex-end; gap: .6rem; padding: 1rem; border-top: 1px solid #d7e1ec; }
@media (max-width: 480px) { .leave-detail-grid[b-wl3n9mahup] { grid-template-columns: 1fr; } }

/* Reference-inspired details; header and actions stay visible as the body scrolls. */
.employee-edit-modal-panel.leave-details-dialog[b-wl3n9mahup] {
    --leave-detail-surface: #fff;
    --leave-detail-soft: #f6f9ff;
    --leave-detail-border: #dce7fb;
    --leave-detail-text: #141650;
    --leave-detail-muted: #647398;
    --leave-detail-accent: #008e78;
    --leave-detail-mint: #eaf8f4;
    --leave-detail-wave: #e1f5ef;
    display: flex;
    flex-direction: column;
    width: min(760px, calc(100vw - 32px));
    height: auto;
    min-height: 0;
    max-height: calc(100dvh - 40px);
    border-radius: 20px;
    background: var(--leave-detail-surface);
    color: var(--leave-detail-text);
    overflow: hidden;
}
.leave-details-dialog .employee-edit-modal-header[b-wl3n9mahup] {
    flex: 0 0 auto;
    position: relative;
    isolation: isolate;
    padding: 18px 24px;
    gap: 12px;
    border-bottom: 0;
    background: var(--leave-detail-surface);
}
.leave-detail-header-wave[b-wl3n9mahup] { position: absolute; z-index: -1; right: 0; bottom: 0; width: 44%; height: 100%; pointer-events: none; fill: var(--leave-detail-wave); }
.leave-detail-header-wave path:first-child[b-wl3n9mahup] { opacity: .42; }
.leave-detail-header-wave path:last-child[b-wl3n9mahup] { opacity: .65; }
.leave-detail-heading[b-wl3n9mahup] { display: flex; align-items: center; gap: 16px; min-width: 0; }
.leave-detail-heading > div[b-wl3n9mahup] { min-width: 0; }
.leave-detail-heading-icon[b-wl3n9mahup] { flex: 0 0 58px; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: #e7f5f2; color: var(--leave-detail-accent); }
.leave-detail-heading-icon[b-wl3n9mahup]  svg { width: 36px; height: 36px; }
.leave-details-dialog .employee-edit-modal-header h2[b-wl3n9mahup] { margin: 0; font-size: 1.5rem !important; font-weight: 600; line-height: 1.25; color: var(--leave-detail-text); }
.leave-details-dialog .employee-edit-modal-header p[b-wl3n9mahup] { margin: 8px 0 2px; font-size: 1rem; font-weight: 400; line-height: 1.4; overflow-wrap: anywhere; color: var(--leave-detail-text); }
.leave-detail-employee-id[b-wl3n9mahup] { font-size: .88rem; color: var(--leave-detail-muted); }
.leave-details-dialog .leave-authority-modal-body[b-wl3n9mahup] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 8px 24px 16px; gap: 10px; }
.leave-details-dialog .leave-authority-modal-body > *[b-wl3n9mahup] { flex-shrink: 0; }
.leave-detail-overview[b-wl3n9mahup] { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--leave-detail-border); border-radius: 12px; background: linear-gradient(110deg, var(--leave-detail-soft), var(--leave-detail-mint)); }
.leave-detail-specification[b-wl3n9mahup] { flex: 1; }
.leave-detail-overview > div[b-wl3n9mahup] { min-width: 0; }
.leave-detail-overview strong[b-wl3n9mahup] { display: block; margin-top: 6px; font-size: 1.15rem; font-weight: 400; line-height: 1.4; overflow-wrap: anywhere; }
.leave-detail-label[b-wl3n9mahup], .leave-details-dialog dt[b-wl3n9mahup] { display: block; margin: 0; font-size: .88rem; line-height: 1.4; font-weight: 500; color: var(--leave-detail-muted); }
.leave-detail-status[b-wl3n9mahup] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; font-size: .85rem; font-weight: 600; }
.leave-detail-status[b-wl3n9mahup]::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.leave-detail-status.is-posted[b-wl3n9mahup] { color: #00866e; background: #dcf4eb; }
.leave-detail-status.is-pending[b-wl3n9mahup] { color: #936514; background: #fff5d9; }
.leave-detail-dates[b-wl3n9mahup] { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid #d0ece5; border-radius: 12px; background: var(--leave-detail-mint); }
.leave-detail-date-value[b-wl3n9mahup] { flex: 1; min-width: 0; }
.leave-detail-date-value strong[b-wl3n9mahup] { display: block; margin-top: 6px; font-size: 1.25rem; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; color: var(--leave-detail-accent); }
.leave-detail-duration[b-wl3n9mahup] { display: grid; justify-items: center; gap: 6px; flex: 0 0 148px; padding-left: 18px; border-left: 1px solid #cfe5e2; color: var(--leave-detail-muted); font-size: .78rem; }
.leave-detail-duration[b-wl3n9mahup]  svg { width: 32px; height: 32px; color: var(--leave-detail-accent); }
.leave-detail-icon[b-wl3n9mahup] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #e7f5f2; color: var(--leave-detail-accent); }
.leave-detail-icon.is-specification[b-wl3n9mahup] { color: var(--leave-detail-muted); }
.leave-detail-icon.is-specification[b-wl3n9mahup], .leave-detail-icon.is-schedule[b-wl3n9mahup] { width: 54px; height: 54px; flex-basis: 54px; border-radius: 16px; }
.leave-detail-icon.is-schedule[b-wl3n9mahup] { background: #dff2ea; }
.leave-details-dialog dd[b-wl3n9mahup] { margin: 4px 0 0; font-size: .82rem; line-height: 1.45; color: var(--leave-detail-text); overflow-wrap: anywhere; }
.leave-detail-totals[b-wl3n9mahup] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0; }
.leave-detail-totals > div[b-wl3n9mahup] { position: relative; min-width: 0; padding: 10px 10px 10px 66px; border: 1px solid var(--leave-detail-border); border-radius: 12px; background: var(--leave-detail-soft); }
.leave-detail-totals .leave-detail-icon[b-wl3n9mahup] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }
.leave-detail-totals .is-total .leave-detail-icon[b-wl3n9mahup] { color: #2588bd; background: #e7f3fc; }
.leave-detail-totals .is-unpaid .leave-detail-icon[b-wl3n9mahup] { color: #d94b32; background: #fbe9e6; }
.leave-detail-totals dd[b-wl3n9mahup] { font-size: 1.3rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.leave-detail-record-heading[b-wl3n9mahup] { display: flex; align-items: center; gap: 10px; margin-top: 2px; padding-top: 10px; border-top: 1px solid var(--leave-detail-border); font-size: 1.04rem; font-weight: 500; color: var(--leave-detail-text); }
.leave-details-dialog .leave-detail-grid[b-wl3n9mahup] { position: relative; gap: 10px 32px; padding: 14px 18px; border: 1px solid var(--leave-detail-border); border-radius: 12px; background: var(--leave-detail-soft); }
.leave-detail-grid[b-wl3n9mahup]::after { content: ''; position: absolute; left: 50%; top: 18px; bottom: 18px; border-left: 1px solid var(--leave-detail-border); }
.leave-detail-grid dt[b-wl3n9mahup] { display: flex; align-items: center; gap: 14px; font-size: .8rem; }
.leave-detail-grid dt[b-wl3n9mahup]  svg { width: 18px; height: 18px; flex-shrink: 0; }
.leave-detail-grid dd[b-wl3n9mahup] { margin: 1px 0 0 32px; font-size: .9rem; }
.leave-details-dialog .leave-detail-actions[b-wl3n9mahup] { flex: 0 0 auto; padding: 10px 24px; border-color: var(--leave-detail-border); background: var(--leave-detail-soft); }
.leave-details-dialog .leave-detail-actions .btn[b-wl3n9mahup] { min-height: 44px; min-width: 96px; padding-inline: 22px; border-radius: 12px; font-size: .95rem; font-weight: 400; }
html[data-theme="dark"] .leave-details-dialog[b-wl3n9mahup] { --leave-detail-surface: #142630; --leave-detail-soft: #1b303c; --leave-detail-border: #324955; --leave-detail-text: #e3edf1; --leave-detail-muted: #a2b7c2; --leave-detail-accent: #79d5c8; --leave-detail-mint: #193b3b; --leave-detail-wave: #285c55; }
html[data-theme="dark"] .leave-detail-dates[b-wl3n9mahup], html[data-theme="dark"] .leave-detail-heading-icon[b-wl3n9mahup] { background: #193b3b; border-color: #305951; }
html[data-theme="dark"] .leave-detail-status.is-posted[b-wl3n9mahup] { background: #1a4034; color: #8adbb1; }
html[data-theme="dark"] .leave-detail-status.is-pending[b-wl3n9mahup] { background: #463a20; color: #f2cf7d; }
html[data-theme="dark"] .leave-detail-icon[b-wl3n9mahup] { background: #193b3b; }
html[data-theme="dark"] .leave-detail-totals .is-total .leave-detail-icon[b-wl3n9mahup] { background: #203b50; color: #83c8ef; }
html[data-theme="dark"] .leave-detail-totals .is-unpaid .leave-detail-icon[b-wl3n9mahup] { background: #482f32; color: #f3a393; }
@media (max-width: 680px) {
    .leave-detail-duration[b-wl3n9mahup] { display: none; }
    .leave-detail-totals > div[b-wl3n9mahup] { padding: 12px; }
    .leave-detail-totals .leave-detail-icon[b-wl3n9mahup] { position: static; transform: none; width: 32px; height: 32px; margin-bottom: 6px; }
    .leave-details-dialog .employee-edit-modal-header h2[b-wl3n9mahup] { font-size: 1.5rem !important; }
}
@media (max-width: 480px) {
    .employee-edit-modal-panel.leave-details-dialog[b-wl3n9mahup] { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 16px; }
    .leave-details-dialog .employee-edit-modal-header[b-wl3n9mahup], .leave-details-dialog .leave-authority-modal-body[b-wl3n9mahup] { padding: 12px 14px; }
    .leave-details-dialog .leave-detail-actions[b-wl3n9mahup] { padding: 10px 14px; }
    .leave-detail-heading[b-wl3n9mahup] { gap: 12px; }
    .leave-detail-heading-icon[b-wl3n9mahup] { width: 42px; height: 48px; flex-basis: 42px; border-radius: 12px; }
    .leave-detail-heading-icon[b-wl3n9mahup]  svg { width: 26px; height: 26px; }
    .leave-details-dialog .employee-edit-modal-header h2[b-wl3n9mahup] { font-size: 1.3rem !important; }
    .leave-details-dialog .employee-edit-modal-header p[b-wl3n9mahup] { font-size: .82rem; }
    .leave-detail-employee-id[b-wl3n9mahup] { font-size: .75rem; }
    .leave-detail-overview[b-wl3n9mahup], .leave-detail-dates[b-wl3n9mahup] { gap: 10px; padding: 12px; }
    .leave-detail-overview strong[b-wl3n9mahup] { font-size: 1.05rem; }
    .leave-detail-status[b-wl3n9mahup] { padding: 6px 9px; font-size: .72rem; }
    .leave-detail-date-value strong[b-wl3n9mahup] { font-size: 1.1rem; }
    .leave-detail-overview .is-specification[b-wl3n9mahup], .leave-detail-dates .is-schedule[b-wl3n9mahup] { width: 38px; height: 42px; flex-basis: 38px; }
    .leave-detail-totals[b-wl3n9mahup] { gap: 6px; }
    .leave-detail-totals > div[b-wl3n9mahup] { padding: 10px 8px; }
    .leave-detail-totals dd[b-wl3n9mahup] { font-size: 1.08rem; }
    .leave-detail-totals dt[b-wl3n9mahup] { font-size: .72rem; }
    .leave-details-dialog .leave-detail-grid[b-wl3n9mahup] { padding: 12px; gap: 10px; }
    .leave-detail-grid[b-wl3n9mahup]::after { display: none; }
}

.leave-authority-button:hover[b-wl3n9mahup],
.leave-authority-button:focus-visible[b-wl3n9mahup] {
    border-color: #83cfc7;
    color: #09675f;
    background: #edf9f7;
    transform: translateY(-1px);
}

.leave-authority-button svg[b-wl3n9mahup] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.leave-authority-modal-backdrop[b-wl3n9mahup] {
    z-index: 2200;
}

.leave-authority-modal[b-wl3n9mahup] {
    width: min(620px, calc(100vw - 2rem));
    max-height: min(760px, calc(100dvh - 2rem));
}

.leave-authority-modal-body[b-wl3n9mahup] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem 1.1rem;
    overflow-y: auto;
}

.leave-authority-context[b-wl3n9mahup] {
    display: grid;
    gap: .18rem;
    padding: .85rem 1rem;
    border: 1px solid #d8e5e3;
    border-radius: .75rem;
    background: #f5fbfa;
}

.leave-authority-context strong[b-wl3n9mahup] {
    color: #163047;
    font-size: .94rem;
}

.leave-authority-context span[b-wl3n9mahup] {
    color: #64748b;
    font-size: .8rem;
}

.leave-authority-list[b-wl3n9mahup] {
    display: grid;
    gap: .65rem;
}

.leave-authority-card[b-wl3n9mahup] {
    display: grid;
    grid-template-columns: minmax(150px, .78fr) minmax(0, 1.22fr);
    gap: 1rem;
    align-items: center;
    padding: .78rem .9rem;
    border: 1px solid #dce5ef;
    border-radius: .7rem;
    background: #fff;
}

.leave-authority-card.is-missing[b-wl3n9mahup] {
    border-color: #f0d5a5;
    background: #fffaf1;
}

.leave-authority-role[b-wl3n9mahup],
.leave-authority-person[b-wl3n9mahup] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.leave-authority-role span[b-wl3n9mahup] {
    color: #0f7f77;
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.leave-authority-role strong[b-wl3n9mahup],
.leave-authority-person strong[b-wl3n9mahup] {
    overflow-wrap: anywhere;
    color: #1e293b;
    font-size: .86rem;
}

.leave-authority-person span[b-wl3n9mahup] {
    overflow-wrap: anywhere;
    color: #64748b;
    font-size: .77rem;
}

.leave-authority-warning[b-wl3n9mahup] {
    padding: .78rem .9rem;
    border: 1px solid #f0d5a5;
    border-radius: .7rem;
    color: #8a5a0a;
    background: #fff8e8;
    font-size: .8rem;
    line-height: 1.45;
}

html[data-theme="dark"] .leave-authority-button[b-wl3n9mahup] {
    border-color: #334a57;
    color: #71d5ca;
    background: #10242d;
}

html[data-theme="dark"] .leave-authority-context[b-wl3n9mahup],
html[data-theme="dark"] .leave-authority-card[b-wl3n9mahup] {
    border-color: #29424d;
    background: #10242d;
}

html[data-theme="dark"] .leave-authority-context strong[b-wl3n9mahup],
html[data-theme="dark"] .leave-authority-role strong[b-wl3n9mahup],
html[data-theme="dark"] .leave-authority-person strong[b-wl3n9mahup] {
    color: #e7f2f5;
}

html[data-theme="dark"] .leave-authority-context span[b-wl3n9mahup],
html[data-theme="dark"] .leave-authority-person span[b-wl3n9mahup] {
    color: #9fb4c0;
}

html[data-theme="dark"] .leave-authority-card.is-missing[b-wl3n9mahup],
html[data-theme="dark"] .leave-authority-warning[b-wl3n9mahup] {
    border-color: #735c31;
    color: #f5cf83;
    background: #2d2518;
}

@media (max-width: 640px) {
    .leave-authority-card[b-wl3n9mahup] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }
}
/* /Components/Pages/OrganizationalStructure.razor.rz.scp.css */
.organization-structure-shell[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100dvh - 176px);
    min-height: 620px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(180deg, #f8fbfc 0%, #f4f8fa 100%);
}

.organization-structure-toolbar[b-s1q2dgf5gs] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
}

.organization-zoom-controls[b-s1q2dgf5gs] {
    position: static;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    padding: .2rem;
    background: #fff;
    border: 1px solid #d8e3e8;
    border-radius: 11px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.organization-zoom-controls button[b-s1q2dgf5gs] {
    min-width: 34px;
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0 .45rem;
    color: #0f766e;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 800;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.organization-zoom-controls button:hover[b-s1q2dgf5gs],
.organization-zoom-controls button:focus-visible[b-s1q2dgf5gs] {
    background: #e8f7f4;
    outline: none;
}

.organization-zoom-controls .organization-zoom-value[b-s1q2dgf5gs] {
    min-width: 56px;
    color: #475569;
    font-size: .72rem;
    border-inline: 1px solid #e2e8f0;
    border-radius: 0;
}

.organization-chart-viewport[b-s1q2dgf5gs] {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    overscroll-behavior: contain;
    background-color: #f8fbfc;
    background-image:
        linear-gradient(rgba(15, 118, 110, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 118, 110, .035) 1px, transparent 1px);
    background-size: 24px 24px;
    border: 0;
    border-radius: 15px;
    scrollbar-gutter: stable;
}

.organization-search-results[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    align-content: start;
    gap: 16px;
    padding: 20px;
}

.organization-search-results .organization-department-card[b-s1q2dgf5gs] {
    width: 100%;
    min-width: 0;
}

.organization-search-summary[b-s1q2dgf5gs] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--hris-text-muted, #64748b);
    font-size: .85rem;
}

.organization-chart-canvas[b-s1q2dgf5gs] {
    width: max-content;
    min-width: 3450px;
    padding: 4.5rem 2.4rem 3rem;
    transform-origin: top left;
}

.organization-leadership-row[b-s1q2dgf5gs] {
    position: relative;
    width: 3400px;
    height: 248px;
    margin: 0;
}

.organization-leadership-row[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 126px;
    bottom: 0;
    left: 1220px;
    width: 3px;
    background: #2a9d8f;
    transform: translateX(-50%);
}

.organization-leadership-card[b-s1q2dgf5gs] {
    position: absolute;
    top: 0;
    width: 430px;
    height: 126px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.1rem;
    color: inherit;
    font-family: inherit;
    text-align: left;
    background: #fff;
    border: 1px solid #bcded8;
    border-top: 5px solid #0f766e;
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(15, 118, 110, .11);
}

.organization-leadership-card.is-mayor[b-s1q2dgf5gs] {
    left: 1220px;
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    transform: translateX(-50%);
}

.organization-leadership-card.is-sanggunian[b-s1q2dgf5gs] {
    left: 2450px;
    width: 360px;
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
}

.organization-leadership-card.is-mayor > div[b-s1q2dgf5gs],
.organization-leadership-card.is-sanggunian > div[b-s1q2dgf5gs] {
    align-items: center;
}

.organization-leadership-card > div[b-s1q2dgf5gs] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

button.organization-leadership-card[b-s1q2dgf5gs] {
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

button.organization-leadership-card.is-mayor:hover[b-s1q2dgf5gs],
button.organization-leadership-card.is-mayor:focus-visible[b-s1q2dgf5gs] {
    border-color: #2a9d8f;
    box-shadow: 0 16px 32px rgba(15, 118, 110, .16);
    outline: none;
    transform: translate(-50%, -2px);
}

button.organization-leadership-card.is-sanggunian:hover[b-s1q2dgf5gs],
button.organization-leadership-card.is-sanggunian:focus-visible[b-s1q2dgf5gs] {
    border-color: #7894b8;
    box-shadow: 0 16px 32px rgba(52, 91, 140, .14);
    outline: none;
    transform: translateY(-2px);
}

.organization-leadership-card.is-sanggunian[b-s1q2dgf5gs] {
    border-color: #d4dce8;
    border-top-color: #345b8c;
}

.organization-leadership-card img[b-s1q2dgf5gs] {
    width: 66px;
    height: 66px;
    object-fit: contain;
}

.organization-leadership-card span[b-s1q2dgf5gs],
.organization-leadership-card p[b-s1q2dgf5gs] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.organization-leadership-card h3[b-s1q2dgf5gs],
.organization-leadership-card p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-leadership-card h3[b-s1q2dgf5gs] {
    margin: 0 0 .45rem;
    color: #10233f;
    font-size: 1.02rem;
}

.organization-leadership-card p[b-s1q2dgf5gs] {
    margin-bottom: .12rem;
    font-size: .6rem;
}

.organization-leadership-card strong[b-s1q2dgf5gs] {
    color: #334155;
    font-size: .78rem;
}

.organization-department-card.organization-secretary-card[b-s1q2dgf5gs] {
    position: absolute;
    top: 283px;
    left: 2641px;
    z-index: 1;
    width: 520px;
    height: 92px;
    border-top-color: #345b8c;
}

.organization-leadership-card.is-sanggunian[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 203px;
    top: 100%;
    background: #7894b8;
    transform: translateX(-50%);
}

.organization-secretary-connector[b-s1q2dgf5gs] {
    position: absolute;
    top: 328px;
    left: 2630px;
    width: 11px;
    height: 2px;
    background: #7894b8;
}

.organization-department-tree[b-s1q2dgf5gs] {
    position: relative;
    width: 2400px;
    margin: 0 0 0 20px;
    padding-top: 35px;
}

.organization-department-bus[b-s1q2dgf5gs] {
    position: absolute;
    top: 0;
    right: 460px;
    left: 4px;
    height: 3px;
    background: #2a9d8f;
}

.organization-tree-columns[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
}

.organization-tree-column[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-self: start;
    padding-left: 15px;
}

.organization-tree-column[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: -35px;
    bottom: 46px;
    left: 4px;
    width: 2px;
    background: #72bcb2;
}

.organization-tree-node[b-s1q2dgf5gs] {
    position: relative;
}

.organization-tree-node[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 11px;
    height: 2px;
    background: #72bcb2;
}

.organization-chart-summary[b-s1q2dgf5gs] {
    display: flex;
    justify-content: center;
    gap: .55rem;
    margin-top: 2rem;
}

.organization-chart-summary div[b-s1q2dgf5gs] {
    min-width: 98px;
    padding: .55rem .75rem;
    text-align: center;
    background: #fff;
    border: 1px solid #dce7ec;
    border-radius: 10px;
}

.organization-chart-summary strong[b-s1q2dgf5gs],
.organization-chart-summary span[b-s1q2dgf5gs] {
    display: block;
}

.organization-chart-summary strong[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .92rem;
}

.organization-chart-summary span[b-s1q2dgf5gs] {
    margin-top: .1rem;
    color: #475569;
    font-size: .62rem;
    font-weight: 700;
}

.organization-department-card[b-s1q2dgf5gs] {
    width: 100%;
    min-width: 0;
    display: block;
    height: 92px;
    padding: .65rem .75rem;
    color: inherit;
    font-family: inherit;
    text-align: left;
    background: #fff;
    border: 1px solid #dce7ec;
    border-top: 3px solid #2a9d8f;
    border-radius: 13px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.organization-department-card:hover[b-s1q2dgf5gs],
.organization-department-card:focus-visible[b-s1q2dgf5gs] {
    border-color: #87c8c0;
    box-shadow: 0 12px 24px rgba(15, 118, 110, .12);
    outline: none;
    transform: translateY(-2px);
}

.organization-department-title h3[b-s1q2dgf5gs] {
    min-height: 1.3em;
    display: block;
    overflow: hidden;
    margin: 0;
    color: #10233f;
    font-size: .92rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-department-title > span[b-s1q2dgf5gs] {
    display: block;
    margin-top: .18rem;
    color: #64748b;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .04em;
}

.organization-head[b-s1q2dgf5gs] {
    margin-top: .35rem;
    overflow: hidden;
    padding-top: .35rem;
    border-top: 1px solid #edf2f5;
}

.organization-detail-backdrop[b-s1q2dgf5gs] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .46);
    backdrop-filter: blur(3px);
}

.organization-detail-backdrop[hidden][b-s1q2dgf5gs] {
    display: none !important;
}

:global(body.organization-detail-modal-open)[b-s1q2dgf5gs] {
    overflow: hidden;
}

.organization-detail-panel[b-s1q2dgf5gs] {
    width: min(980px, calc(100vw - 2rem));
    max-height: min(820px, calc(100dvh - 2rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .3);
}

.organization-detail-header[b-s1q2dgf5gs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.organization-detail-header span[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.organization-detail-header h2[b-s1q2dgf5gs],
.organization-detail-header p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-detail-header h2[b-s1q2dgf5gs] {
    margin-top: .15rem;
    color: #10233f;
    font-size: 1.15rem;
}

.organization-detail-header p[b-s1q2dgf5gs] {
    margin-top: .12rem;
    color: #64748b;
    font-size: .75rem;
    font-weight: 650;
}

.organization-detail-close[b-s1q2dgf5gs] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    padding: 0;
    color: #475569;
    font-size: 1.35rem;
    line-height: 1;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
}

.organization-detail-body[b-s1q2dgf5gs] {
    min-height: 0;
    padding: 1rem;
    overflow-y: auto;
}

.organization-detail-head-card[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .9rem;
    padding: .9rem;
    background: linear-gradient(135deg, #e8f7f4, #f8fffd);
    border: 1px solid #bde3dc;
    border-radius: 15px;
}

.organization-detail-head-card > div:nth-child(2) > span[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.organization-detail-head-card h3[b-s1q2dgf5gs],
.organization-detail-head-card p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-detail-head-card h3[b-s1q2dgf5gs] {
    margin-top: .12rem;
    color: #10233f;
    font-size: 1rem;
}

.organization-detail-head-card p[b-s1q2dgf5gs] {
    margin-top: .12rem;
    color: #64748b;
    font-size: .74rem;
}

.organization-detail-metrics[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(76px, 1fr));
    gap: .45rem;
}

.organization-client-head-card .organization-detail-metrics[b-s1q2dgf5gs] {
    grid-template-columns: repeat(3, minmax(76px, 1fr));
}

.organization-client-head-icon[b-s1q2dgf5gs] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    background: linear-gradient(145deg, #2a9d8f, #0f766e);
    border-radius: 14px;
}

.organization-detail-metrics div[b-s1q2dgf5gs] {
    padding: .5rem .65rem;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #d8ebe7;
    border-radius: 10px;
}

.organization-detail-metrics strong[b-s1q2dgf5gs],
.organization-detail-metrics span[b-s1q2dgf5gs] {
    display: block;
}

.organization-detail-metrics strong[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .95rem;
}

.organization-detail-metrics span[b-s1q2dgf5gs] {
    margin-top: .08rem;
    color: #64748b;
    font-size: .62rem;
    font-weight: 700;
}

.organization-structure-section-heading[b-s1q2dgf5gs] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 .65rem;
}

.organization-structure-section-heading h3[b-s1q2dgf5gs],
.organization-structure-section-heading p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-structure-section-heading h3[b-s1q2dgf5gs] {
    color: #10233f;
    font-size: .95rem;
}

.organization-structure-section-heading p[b-s1q2dgf5gs] {
    margin-top: .12rem;
    color: #64748b;
    font-size: .72rem;
}

.organization-structure-section-heading > span[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .7rem;
    font-weight: 750;
    white-space: nowrap;
}

.organization-division-tree[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.organization-division-card[b-s1q2dgf5gs] {
    position: relative;
    min-width: 0;
    padding: .8rem;
    background: #fff;
    border: 1px solid #dce7eb;
    border-top: 3px solid #0f8b80;
    border-radius: 13px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
}

.organization-division-card header[b-s1q2dgf5gs] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .7rem;
}

.organization-division-card header span[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.organization-division-card h4[b-s1q2dgf5gs],
.organization-division-card p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-division-card h4[b-s1q2dgf5gs] {
    margin-top: .1rem;
    color: #203047;
    font-size: .82rem;
    line-height: 1.25;
}

.organization-division-card header > strong[b-s1q2dgf5gs] {
    flex: 0 0 auto;
    padding: .22rem .42rem;
    color: #0f766e;
    font-size: .62rem;
    background: #e9f8f5;
    border-radius: 999px;
}

.organization-division-card > p[b-s1q2dgf5gs] {
    margin-top: .45rem;
    color: #64748b;
    font-size: .67rem;
    line-height: 1.35;
}

.organization-section-list[b-s1q2dgf5gs] {
    display: grid;
    gap: .38rem;
    margin: .65rem 0 0;
    padding: .6rem 0 0;
    list-style: none;
    border-top: 1px solid #edf2f5;
}

.organization-section-list li[b-s1q2dgf5gs] {
    display: flex;
    align-items: center;
    gap: .48rem;
    min-width: 0;
    padding: .42rem .5rem;
    color: #425268;
    background: #f7fafb;
    border: 1px solid #e8eef1;
    border-radius: 8px;
}

.organization-section-list li > span[b-s1q2dgf5gs] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #2aa198;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ddf5f2;
}

.organization-section-list li > strong[b-s1q2dgf5gs] {
    overflow: hidden;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.organization-section-empty[b-s1q2dgf5gs],
.organization-structure-empty[b-s1q2dgf5gs] {
    color: #64748b;
    font-size: .7rem;
    text-align: center;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}

.organization-section-empty[b-s1q2dgf5gs] {
    margin-top: .65rem;
    padding: .65rem;
}

.organization-structure-empty[b-s1q2dgf5gs] {
    padding: 1.25rem;
}

.organization-employee-section-heading[b-s1q2dgf5gs] {
    margin: 1rem 0 .65rem;
}

.organization-employee-section-heading h3[b-s1q2dgf5gs],
.organization-employee-section-heading p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-employee-section-heading h3[b-s1q2dgf5gs] {
    color: #10233f;
    font-size: .95rem;
}

.organization-employee-section-heading p[b-s1q2dgf5gs] {
    margin-top: .12rem;
    color: #64748b;
    font-size: .72rem;
}

.organization-employee-grid[b-s1q2dgf5gs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.organization-employee-card[b-s1q2dgf5gs] {
    min-width: 0;
    display: grid;
    justify-items: center;
    padding: .8rem .65rem;
    color: inherit;
    text-align: center;
    text-decoration: none;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.organization-employee-card:hover[b-s1q2dgf5gs],
.organization-employee-card:focus-visible[b-s1q2dgf5gs] {
    color: inherit;
    border-color: #87c8c0;
    box-shadow: 0 10px 22px rgba(15, 118, 110, .1);
    outline: none;
    transform: translateY(-2px);
}

.organization-employee-photo[b-s1q2dgf5gs] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    background: linear-gradient(145deg, #2a9d8f, #0f766e);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #bde3dc;
}

.organization-employee-photo.is-head[b-s1q2dgf5gs] {
    width: 72px;
    height: 72px;
}

.organization-employee-photo img[b-s1q2dgf5gs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.organization-employee-card > strong[b-s1q2dgf5gs] {
    max-width: 100%;
    margin-top: .55rem;
    overflow: hidden;
    color: #10233f;
    font-size: .76rem;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.organization-employee-card > span[b-s1q2dgf5gs] {
    max-width: 100%;
    margin-top: .2rem;
    overflow: hidden;
    color: #0f766e;
    font-size: .67rem;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.organization-employee-card > small[b-s1q2dgf5gs] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .62rem;
}

.organization-employee-empty[b-s1q2dgf5gs] {
    padding: 2rem 1rem;
    color: #64748b;
    text-align: center;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 13px;
}

.organization-head > span[b-s1q2dgf5gs] {
    color: #64748b;
    font-size: .65rem;
    font-weight: 700;
}

.organization-head strong[b-s1q2dgf5gs] {
    display: block;
    overflow: hidden;
    color: #334155;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-head small[b-s1q2dgf5gs] {
    color: #64748b;
    font-size: .67rem;
}

.organization-position-summary[b-s1q2dgf5gs] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .7rem;
    color: #0f766e;
    font-size: .68rem;
    font-weight: 750;
}

.organization-position-list[b-s1q2dgf5gs] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .55rem;
}

.organization-position-list span[b-s1q2dgf5gs] {
    max-width: 100%;
    padding: .25rem .42rem;
    overflow: hidden;
    color: #475569;
    font-size: .64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f1f5f9;
    border-radius: 7px;
}

.organization-position-list .is-more[b-s1q2dgf5gs] {
    color: #0f766e;
    background: #e6f7f4;
}

.organization-structure-loading[b-s1q2dgf5gs] {
    min-height: 420px;
    display: grid;
    place-items: center;
}

.organization-structure-loading img[b-s1q2dgf5gs] {
    width: 76px;
    height: 76px;
    animation: organization-logo-pulse-b-s1q2dgf5gs 1.05s ease-in-out infinite;
}

@keyframes organization-logo-pulse-b-s1q2dgf5gs {
    0%, 100% { opacity: .82; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.04); }
}

@media (max-width: 1180px) {
    .organization-employee-grid[b-s1q2dgf5gs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 760px) {
    .organization-chart-viewport[b-s1q2dgf5gs] {
        min-height: 520px;
    }

    .organization-detail-panel[b-s1q2dgf5gs] {
        width: 100%;
        max-height: calc(100dvh - 1rem);
    }

    .organization-detail-head-card[b-s1q2dgf5gs] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .organization-detail-metrics[b-s1q2dgf5gs] {
        grid-column: 1 / -1;
    }

    .organization-employee-grid[b-s1q2dgf5gs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .organization-division-tree[b-s1q2dgf5gs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .organization-structure-section-heading[b-s1q2dgf5gs] {
        align-items: start;
        flex-direction: column;
        gap: .35rem;
    }

    .organization-employee-grid[b-s1q2dgf5gs] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .organization-structure-loading img[b-s1q2dgf5gs] {
        animation: none;
    }
}

/* Department organizational chart modal */
.organization-department-chart-panel[b-s1q2dgf5gs] {
    width: min(1500px, calc(100vw - 1.5rem));
    height: min(920px, calc(100dvh - 1.5rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 20px;
    box-shadow: 0 32px 90px rgba(15, 23, 42, .34);
}

.organization-department-chart-header[b-s1q2dgf5gs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    background: #fff;
    border-bottom: 1px solid #dbe5ea;
}

.organization-department-chart-heading[b-s1q2dgf5gs] {
    min-width: 0;
}

.organization-department-chart-heading > span[b-s1q2dgf5gs] {
    color: #0f766e;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.organization-department-chart-heading h2[b-s1q2dgf5gs],
.organization-department-chart-heading p[b-s1q2dgf5gs] {
    margin: 0;
}

.organization-department-chart-heading h2[b-s1q2dgf5gs] {
    margin-top: .14rem;
    overflow: hidden;
    color: #10233f;
    font-size: 1.08rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-department-chart-heading p[b-s1q2dgf5gs] {
    margin-top: .16rem;
    color: #64748b;
    font-size: .72rem;
    font-weight: 650;
}

.organization-department-chart-actions[b-s1q2dgf5gs] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.organization-department-zoom-controls[b-s1q2dgf5gs] {
    display: inline-flex;
    align-items: center;
    padding: .18rem;
    background: #f8fafc;
    border: 1px solid #d8e3e8;
    border-radius: 10px;
}

.organization-department-zoom-controls button[b-s1q2dgf5gs] {
    min-width: 34px;
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0 .45rem;
    color: #0f766e;
    font-family: inherit;
    font-size: .86rem;
    font-weight: 850;
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
}

.organization-department-zoom-controls button:hover[b-s1q2dgf5gs],
.organization-department-zoom-controls button:focus-visible[b-s1q2dgf5gs] {
    background: #e6f7f4;
    outline: none;
}

.organization-department-zoom-controls .organization-department-zoom-value[b-s1q2dgf5gs] {
    min-width: 56px;
    color: #475569;
    font-size: .69rem;
    border-inline: 1px solid #dce6ea;
    border-radius: 0;
}

.organization-department-zoom-controls .organization-department-fit-button[b-s1q2dgf5gs] {
    min-width: 45px;
    margin-left: .12rem;
    padding-inline: .55rem;
    color: #345b8c;
    font-size: .68rem;
}

.organization-department-chart-body[b-s1q2dgf5gs] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: .7rem;
    background: #edf3f6;
}

.organization-department-chart-help[b-s1q2dgf5gs] {
    padding: 0 .2rem .55rem;
    color: #64748b;
    font-size: .68rem;
    font-weight: 650;
}

.organization-department-chart-help kbd[b-s1q2dgf5gs] {
    padding: .08rem .28rem;
    color: #334155;
    font-family: inherit;
    font-size: .63rem;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-bottom-width: 2px;
    border-radius: 4px;
}

.organization-department-chart-viewport[b-s1q2dgf5gs] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background-color: #dfeaf0;
    background-image:
        linear-gradient(rgba(71, 85, 105, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 85, 105, .045) 1px, transparent 1px);
    background-size: 24px 24px;
    border: 1px solid #ccdbe2;
    border-radius: 14px;
    scrollbar-gutter: stable both-edges;
}

.organization-department-chart-viewport:focus-visible[b-s1q2dgf5gs] {
    outline: 2px solid rgba(15, 118, 110, .45);
    outline-offset: -2px;
}

.organization-department-chart-canvas[b-s1q2dgf5gs] {
    width: max-content;
    min-width: 100%;
    min-height: 100%;
    padding: 2rem 2.2rem 3rem;
    transform-origin: top left;
}

.organization-department-chart[b-s1q2dgf5gs],
.department-org-chart-inner[b-s1q2dgf5gs] {
    width: max-content;
    min-width: 100%;
}

.department-org-chart-inner[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1e293b;
    font-family: var(--bs-body-font-family, "Microsoft New Tai Lue", "Segoe UI", Arial, sans-serif);
}

.department-org-leadership[b-s1q2dgf5gs] {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
}

.department-org-head-row[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    justify-content: center;
}

.department-org-head-row[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 34px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-assistant-row[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 1.15rem;
    margin-top: 34px;
}

.department-org-assistant-row[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 42px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-person[b-s1q2dgf5gs] {
    width: 184px;
    display: grid;
    justify-items: center;
    align-content: start;
    color: #111827;
    text-align: center;
}

.department-org-person-photo[b-s1q2dgf5gs] {
    width: 76px;
    height: 88px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #64748b;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .04em;
    background: #eef2f5;
    border: 1px solid #7b8790;
}

.department-org-person-photo img[b-s1q2dgf5gs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.department-org-person-details[b-s1q2dgf5gs] {
    width: 100%;
    height: 48px;
    display: grid;
    align-content: center;
    justify-items: center;
    margin-top: 4px;
    padding: .24rem .36rem .2rem;
    overflow: hidden;
    background: rgba(246, 249, 250, .94);
    border: 1px solid #7b8790;
    box-sizing: border-box;
}

.department-org-person-name[b-s1q2dgf5gs],
.department-org-person-position[b-s1q2dgf5gs],
.department-org-person-item[b-s1q2dgf5gs] {
    display: block;
    overflow: hidden;
    line-height: 1.12;
    text-overflow: ellipsis;
}

.department-org-person-name[b-s1q2dgf5gs] {
    width: 100%;
    font-size: .64rem;
    font-weight: 650;
    text-transform: uppercase;
    white-space: nowrap;
}

.department-org-person-position[b-s1q2dgf5gs] {
    width: 100%;
    min-height: 2.24em;
    margin-top: .08rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .47rem;
    font-family: inherit;
    font-weight: 400;
    text-transform: none;
    white-space: normal;
}

.department-org-person-item[b-s1q2dgf5gs] {
    margin-top: .08rem;
    color: #64748b;
    font-size: .43rem;
    font-weight: 700;
}

.department-org-person.is-head[b-s1q2dgf5gs] {
    width: 220px;
}

.department-org-person.is-head .department-org-person-photo[b-s1q2dgf5gs] {
    width: 86px;
    height: 100px;
}

.department-org-person.is-head .department-org-person-name[b-s1q2dgf5gs] {
    font-size: .72rem;
}

.department-org-person.is-head .department-org-person-position[b-s1q2dgf5gs] {
    font-size: .5rem;
}

.department-org-person.is-assistant[b-s1q2dgf5gs] {
    width: 202px;
}

.department-org-person.is-leader[b-s1q2dgf5gs] {
    width: 198px;
}

.department-org-person.is-vacant .department-org-person-photo[b-s1q2dgf5gs] {
    color: #64748b;
    background:
        linear-gradient(135deg, transparent 48%, rgba(100, 116, 139, .14) 49%, rgba(100, 116, 139, .14) 51%, transparent 52%),
        #eef2f5;
}

.department-org-person.is-vacant .department-org-person-name[b-s1q2dgf5gs] {
    color: #475569;
    font-style: italic;
}

.department-org-units-area[b-s1q2dgf5gs] {
    position: relative;
    z-index: 1;
    margin-top: 42px;
    padding-top: 28px;
}

.department-org-units-area[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 50%;
    width: 2px;
    height: 42px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-units-row[b-s1q2dgf5gs] {
    position: relative;
    width: max-content;
    min-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 28px;
    padding: 28px 18px 0;
}

.department-org-units-row[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--department-edge-offset, 150px));
    left: calc(var(--department-edge-offset, 150px));
    height: 2px;
    background: #7b8790;
}

.department-org-unit[b-s1q2dgf5gs] {
    --department-unit-width: 270px;
    position: relative;
    width: var(--department-unit-width);
    min-width: var(--department-unit-width);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.department-org-unit[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50%;
    width: 2px;
    height: 28px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-unit-title[b-s1q2dgf5gs] {
    position: relative;
    width: 310px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: .5rem .72rem;
    color: #111827;
    font-size: .78rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.14;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    background: rgba(238, 244, 247, .96);
    border: 1px solid #7b8790;
    box-sizing: border-box;
}

.department-org-unit-title-text[b-s1q2dgf5gs],
.department-org-section-title-text[b-s1q2dgf5gs] {
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: anywhere;
    text-align: center;
}

.department-org-unit-title[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 22px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-unit-leaders[b-s1q2dgf5gs] {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 22px;
}

.department-org-unit-leaders[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 22px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-unit-staff[b-s1q2dgf5gs] {
    width: min(100%, 220px);
    margin-top: 22px;
}

.department-org-unit-leaders + .department-org-unit-staff[b-s1q2dgf5gs] {
    margin-top: 22px;
}

.department-org-group-label[b-s1q2dgf5gs] {
    display: block;
    margin-bottom: .42rem;
    color: #475569;
    font-size: .52rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
}

.department-org-position-stack[b-s1q2dgf5gs] {
    display: grid;
    justify-items: center;
    gap: 14px;
}

.department-org-position-stack .department-org-person[b-s1q2dgf5gs] {
    position: relative;
}

.department-org-position-stack .department-org-person + .department-org-person[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-sections[b-s1q2dgf5gs] {
    position: relative;
    width: max-content;
    min-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 18px;
    margin-top: 22px;
    padding-top: 24px;
}

.department-org-sections[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 108px;
    left: 108px;
    height: 2px;
    background: #7b8790;
}

.department-org-sections[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 2px;
    height: 22px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-section[b-s1q2dgf5gs] {
    position: relative;
    width: 216px;
    min-width: 216px;
    display: grid;
    justify-items: center;
}

.department-org-section[b-s1q2dgf5gs]::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 2px;
    height: 24px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-section-title[b-s1q2dgf5gs] {
    position: relative;
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 16px;
    padding: .4rem .55rem;
    color: #111827;
    font-size: .64rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.12;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    background: rgba(238, 244, 247, .96);
    border: 1px solid #7b8790;
    box-sizing: border-box;
}

.department-org-section-title[b-s1q2dgf5gs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 16px;
    background: #7b8790;
    transform: translateX(-50%);
}

.department-org-empty-position[b-s1q2dgf5gs] {
    width: 184px;
    min-height: 74px;
    display: grid;
    place-items: center;
    padding: .55rem;
    color: #64748b;
    font-size: .52rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    background: rgba(238, 242, 245, .82);
    border: 1px dashed #87939c;
}

.department-org-empty-unit[b-s1q2dgf5gs],
.department-org-chart-empty[b-s1q2dgf5gs] {
    padding: 1rem;
    color: #64748b;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
    background: rgba(255, 255, 255, .72);
    border: 1px dashed #94a3b8;
    border-radius: 10px;
}

.department-org-empty-unit[b-s1q2dgf5gs] {
    width: 220px;
    margin-top: 22px;
}

.department-org-chart-empty[b-s1q2dgf5gs] {
    width: min(560px, calc(100vw - 5rem));
    margin-top: 42px;
}

/* Department chart connector and unassigned-position layout refinements. */
.department-org-chart-inner[b-s1q2dgf5gs] {
    display: block;
    align-items: initial;
}

.department-org-chart-layout[b-s1q2dgf5gs] {
    position: relative;
    width: max-content;
    min-width: 100%;
    display: grid;
    grid-template-columns: max-content;
    align-items: start;
    justify-content: center;
    gap: 42px;
}

.department-org-chart-layout.has-unassigned[b-s1q2dgf5gs] {
    grid-template-columns: 220px max-content;
    justify-content: start;
}

.department-org-main[b-s1q2dgf5gs] {
    position: relative;
    width: max-content;
    min-width: 640px;
    display: flex;
    flex-direction: column;
    align-items: center;
    isolation: isolate;
}

.department-org-connectors[b-s1q2dgf5gs] {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 0;
    overflow: visible;
    pointer-events: none;
}

.department-org-connector-line[b-s1q2dgf5gs] {
    position: absolute;
    display: block;
    background: #7b8790;
    transform: translateZ(0);
}

.department-org-connector-line.is-vertical[b-s1q2dgf5gs] {
    width: 2px;
    margin-left: -1px;
}

.department-org-connector-line.is-horizontal[b-s1q2dgf5gs] {
    height: 2px;
    margin-top: -1px;
}

.department-org-leadership[b-s1q2dgf5gs],
.department-org-units-area[b-s1q2dgf5gs],
.department-org-unit[b-s1q2dgf5gs],
.department-org-person[b-s1q2dgf5gs],
.department-org-unit-title[b-s1q2dgf5gs],
.department-org-section-title[b-s1q2dgf5gs],
.department-org-empty-position[b-s1q2dgf5gs],
.department-org-empty-unit[b-s1q2dgf5gs],
.department-org-chart-empty[b-s1q2dgf5gs] {
    position: relative;
    z-index: 1;
}

.department-org-head-row[b-s1q2dgf5gs]::after,
.department-org-assistant-row[b-s1q2dgf5gs]::after,
.department-org-units-area[b-s1q2dgf5gs]::before,
.department-org-units-row[b-s1q2dgf5gs]::before,
.department-org-unit[b-s1q2dgf5gs]::before,
.department-org-unit-title[b-s1q2dgf5gs]::after,
.department-org-unit-leaders[b-s1q2dgf5gs]::after,
.department-org-position-stack .department-org-person + .department-org-person[b-s1q2dgf5gs]::before,
.department-org-sections[b-s1q2dgf5gs]::before,
.department-org-sections[b-s1q2dgf5gs]::after,
.department-org-section[b-s1q2dgf5gs]::before,
.department-org-section-title[b-s1q2dgf5gs]::after {
    content: none !important;
    display: none !important;
}

.department-org-units-area[b-s1q2dgf5gs] {
    margin-top: 38px;
    padding-top: 0;
}

.department-org-units-row[b-s1q2dgf5gs] {
    padding-top: 28px;
}

.department-org-unassigned[b-s1q2dgf5gs] {
    position: relative;
    z-index: 1;
    width: 220px;
    align-self: start;
    padding: 0 0 1rem;
}

.department-org-unassigned-title[b-s1q2dgf5gs] {
    width: 100%;
    min-height: 48px;
    display: grid;
    place-items: center;
    margin: 0 0 18px;
    padding: .48rem .62rem;
    color: #111827;
    font-size: .7rem;
    font-weight: 900;
    line-height: 1.12;
    text-align: center;
    text-transform: uppercase;
    background: rgba(238, 244, 247, .96);
    border: 1px solid #7b8790;
}

.department-org-unassigned-stack[b-s1q2dgf5gs] {
    width: 100%;
    justify-items: start;
}

.department-org-unassigned-stack .department-org-person[b-s1q2dgf5gs] {
    width: 100%;
}

.department-org-unassigned-stack .department-org-person-photo[b-s1q2dgf5gs] {
    width: 72px;
    height: 84px;
}

.department-org-person-details[b-s1q2dgf5gs],
.department-org-unit-title[b-s1q2dgf5gs],
.department-org-section-title[b-s1q2dgf5gs] {
    background-color: #f6f9fa;
}

.department-org-upper-structure[b-s1q2dgf5gs] {
    position: relative;
    width: max-content;
    display: grid;
    grid-template-columns: max-content;
    align-items: start;
    justify-items: center;
}

.department-org-upper-structure.has-administrative-services[b-s1q2dgf5gs] {
    grid-template-columns: max-content;
    min-height: 510px;
}

.department-org-upper-structure.has-administrative-services > .department-org-leadership[b-s1q2dgf5gs] {
    padding-top: 104px;
}

.department-org-administrative-section[b-s1q2dgf5gs] {
    position: absolute;
    top: 300px;
    left: calc(100% - 47px);
    width: max-content;
    min-width: 216px;
    margin-top: 0;
    display: grid !important;
    grid-template-columns: max-content;
    grid-template-rows: auto auto;
    justify-items: start;
}

.department-org-administrative-section > .department-org-section-title[b-s1q2dgf5gs] {
    width: 216px;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    margin: 0 0 16px !important;
}

.department-org-administrative-position-row[b-s1q2dgf5gs] {
    width: max-content;
    grid-column: 1;
    grid-row: 2;
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: 184px;
    align-items: center;
    justify-content: flex-start;
    column-gap: 28px;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
}

.department-org-administrative-position-row > .department-org-person[b-s1q2dgf5gs] {
    width: 184px;
    flex: 0 0 184px;
}

/* Modern department chart cards and connector polish. */
.department-org-person[b-s1q2dgf5gs],
.department-org-unit-title[b-s1q2dgf5gs],
.department-org-section-title[b-s1q2dgf5gs] {
    cursor: pointer;
    outline: none;
}

.department-org-person-photo[b-s1q2dgf5gs],
.department-org-person-details[b-s1q2dgf5gs],
.department-org-unit-title[b-s1q2dgf5gs],
.department-org-section-title[b-s1q2dgf5gs],
.department-org-empty-position[b-s1q2dgf5gs],
.department-org-empty-unit[b-s1q2dgf5gs],
.department-org-chart-empty[b-s1q2dgf5gs],
.department-org-unassigned-title[b-s1q2dgf5gs] {
    border-color: #94a9ae;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(30, 65, 70, .08);
    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

.department-org-person:hover .department-org-person-photo[b-s1q2dgf5gs],
.department-org-person:focus-visible .department-org-person-photo[b-s1q2dgf5gs],
.department-org-person:hover .department-org-person-details[b-s1q2dgf5gs],
.department-org-person:focus-visible .department-org-person-details[b-s1q2dgf5gs],
.department-org-unit-title:hover[b-s1q2dgf5gs],
.department-org-unit-title:focus-visible[b-s1q2dgf5gs],
.department-org-section-title:hover[b-s1q2dgf5gs],
.department-org-section-title:focus-visible[b-s1q2dgf5gs] {
    border-color: #2a9188;
    background-color: #e9f7f4;
    box-shadow: 0 6px 14px rgba(15, 118, 110, .11), 0 0 0 1px rgba(45, 167, 153, .08);
    filter: saturate(1.06);
}

.department-org-person.is-selected .department-org-person-photo[b-s1q2dgf5gs],
.department-org-person.is-selected .department-org-person-details[b-s1q2dgf5gs],
.department-org-unit-title.is-selected[b-s1q2dgf5gs],
.department-org-section-title.is-selected[b-s1q2dgf5gs],
.department-org-empty-position.is-selected[b-s1q2dgf5gs] {
    border-color: #0f766e;
    background: linear-gradient(145deg, #d9f3ee, #eefaf8);
    box-shadow: 0 6px 16px rgba(15, 118, 110, .14), 0 0 0 2px rgba(15, 118, 110, .08);
    animation: department-box-light-up-b-s1q2dgf5gs .48s cubic-bezier(.22, .8, .28, 1) var(--department-highlight-delay, 0ms) both;
}

.department-org-person:focus-visible[b-s1q2dgf5gs],
.department-org-unit-title:focus-visible[b-s1q2dgf5gs],
.department-org-section-title:focus-visible[b-s1q2dgf5gs] {
    outline: 2px solid rgba(15, 118, 110, .72);
    outline-offset: 3px;
}

.department-org-connector-line[b-s1q2dgf5gs] {
    background: #557f7d;
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .34), 0 1px 4px rgba(24, 73, 72, .24);
    opacity: .9;
    animation: department-connector-reveal-b-s1q2dgf5gs .32s ease-out both;
}

.department-org-main:has(.is-selected) .department-org-connector-line[b-s1q2dgf5gs] {
    background: #16877e;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .34), 0 1px 3px rgba(15, 118, 110, .18);
}

@keyframes department-connector-reveal-b-s1q2dgf5gs {
    from { opacity: 0; }
    to { opacity: .9; }
}

@keyframes department-box-light-up-b-s1q2dgf5gs {
    0% {
        border-color: #94a9ae;
        box-shadow: 0 4px 12px rgba(30, 65, 70, .08);
        filter: brightness(1);
    }
    55% {
        border-color: #19a294;
        box-shadow: 0 7px 18px rgba(15, 118, 110, .16), 0 0 0 3px rgba(35, 174, 158, .09);
        filter: brightness(1.04);
    }
    100% {
        border-color: #0f766e;
        box-shadow: 0 6px 16px rgba(15, 118, 110, .14), 0 0 0 2px rgba(15, 118, 110, .08);
        filter: brightness(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .department-org-person-photo[b-s1q2dgf5gs],
    .department-org-person-details[b-s1q2dgf5gs],
    .department-org-unit-title[b-s1q2dgf5gs],
    .department-org-section-title[b-s1q2dgf5gs],
    .department-org-empty-position[b-s1q2dgf5gs],
    .department-org-connector-line[b-s1q2dgf5gs] {
        transition: none;
        animation: none;
    }
}

@media (max-width: 760px) {
    .organization-department-chart-panel[b-s1q2dgf5gs] {
        width: calc(100vw - .5rem);
        height: calc(100dvh - .5rem);
        border-radius: 14px;
    }

    .organization-department-chart-header[b-s1q2dgf5gs] {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
        padding: .75rem;
    }

    .organization-department-chart-heading h2[b-s1q2dgf5gs] {
        max-width: calc(100vw - 2rem);
        white-space: normal;
    }

    .organization-department-chart-actions[b-s1q2dgf5gs] {
        width: 100%;
        justify-content: space-between;
    }

    .organization-department-chart-help[b-s1q2dgf5gs] {
        display: none;
    }

    .organization-department-chart-body[b-s1q2dgf5gs] {
        grid-template-rows: minmax(0, 1fr);
        padding: .4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .organization-department-chart-canvas[b-s1q2dgf5gs] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/PositionReferences.razor.rz.scp.css */
.responsive-records-positions .list-toolbar-actions > .reference-heading-action-button[b-4z0wy8y1j7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 800;
}

.position-vacancy-status[b-4z0wy8y1j7] {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 8px;
    border: 1px solid currentColor;
    border-radius: 12px;
    color: var(--hris-success);
    font-size: .75rem;
    font-weight: 600;
}
/* /Components/Pages/ReportPrint.razor.rz.scp.css */
.clearance-section > h2[b-ubilf13gog] {
    column-gap: 2mm;
    align-items: center;
    text-align: left;
    line-height: 1.2;
}

.clearance-section > h2 .clearance-section-title[b-ubilf13gog] {
    display: block;
    align-self: center;
    border-right: 0;
    /* Balance the visible capital letters, not only the font's line box. */
    padding: 4px 0 0;
}

.clearance-section > h2 > span:first-child[b-ubilf13gog] {
    box-sizing: border-box;
    padding-top: 4px;
}

.clearance-purpose-grid .clearance-box[b-ubilf13gog] {
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: -2px;
}

.clearance-purpose-grid .clearance-box.is-checked[b-ubilf13gog] {
    background: transparent;
}

.clearance-purpose-grid .clearance-box.is-checked[b-ubilf13gog]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: -5px;
    width: 7px;
    height: 13px;
    border: solid #000;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
}

.leave-linked-clearance .clearance-effectivity strong[b-ubilf13gog] {
    overflow-wrap: anywhere;
}

/* Reserve room for wrapped assignment/position fields without shrinking text.
   Keep preview and print spacing identical. */
.clearance-main-page .clearance-employee-grid p[b-ubilf13gog] {
    margin: 0 0 4px;
}

.clearance-main-page .clearance-employee-grid p:last-child[b-ubilf13gog] {
    margin-bottom: 0;
}

.clearance-main-page .clearance-purpose-body[b-ubilf13gog] {
    min-height: 1.12in;
}

.clearance-main-page .clearance-section > h2 > span[b-ubilf13gog] {
    padding-top: 2px;
}

.clearance-main-page .clearance-table td[b-ubilf13gog] {
    padding-top: .5px;
    padding-bottom: .5px;
}

.clearance-main-page .clearance-supervisor-grid[b-ubilf13gog] {
    min-height: .42in;
    margin-top: 7pt;
}

.clearance-main-page .clearance-supervisor-grid strong.clearance-supervisor-name[b-ubilf13gog] {
    border-bottom: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.clearance-main-page .clearance-case-options[b-ubilf13gog] {
    min-height: .36in;
}

.clearance-main-page .clearance-mayor-signature[b-ubilf13gog] {
    min-height: .56in;
    margin-top: 4pt;
    margin-bottom: 0;
}

@media print {
    /* Allow exceptionally long content to flow rather than silently clipping it.
       The compact layout above leaves headroom for the normal two-line fields. */
    .clearance-page.clearance-main-page[b-ubilf13gog] {
        height: auto !important;
        overflow: visible !important;
    }

    .clearance-main-page .clearance-section[b-ubilf13gog] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/Signatories.razor.rz.scp.css */
.signatory-toolbar[b-qc374uet91] { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
.signatory-toolbar input[b-qc374uet91] { max-width:450px; margin-left:auto; }
.signatory-group[b-qc374uet91] { margin-bottom:1rem; padding:0; overflow:visible; }
.signatory-group summary[b-qc374uet91] { display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:1rem; color:var(--primary); font-weight:600; }
.signatory-group summary small[b-qc374uet91] { font-weight:400; color:var(--muted); }
.signatory-group summary > span[b-qc374uet91]::before { content:"▸"; display:inline-block; width:1rem; margin-right:.4rem; }
.signatory-group[open] summary > span[b-qc374uet91]::before { content:"▾"; }
.signatory-group td[b-qc374uet91] { vertical-align:middle; white-space:normal; }
.signatory-group td:first-child[b-qc374uet91] { width:24%; }
.signatory-group td:nth-child(2)[b-qc374uet91] { width:29%; }
.signatory-group td small[b-qc374uet91] { display:block; margin-top:.25rem; color:var(--muted); }
.signatory-group td strong[b-qc374uet91] { font-weight:600; }
.signatory-group .signatory-alternate-row td:first-child[b-qc374uet91] { padding-left:28px; color:var(--primary); }
.signatory-source[b-qc374uet91] { color:var(--primary); font-size:.8rem; }
.employee-edit-modal.signatory-backdrop[b-qc374uet91] { --signatory-top:clamp(16px, 14dvh, 120px); z-index:2200; align-items:start; padding:var(--signatory-top) 16px 16px; }
.employee-edit-modal-panel.signatory-editor[b-qc374uet91] { width:min(600px, calc(100vw - 32px)); max-width:600px; height:auto; min-height:0; max-height:calc(100dvh - var(--signatory-top) - 16px); display:flex; flex-direction:column; animation:signatoryModalAppear-b-qc374uet91 160ms ease-out; }
.signatory-editor .employee-edit-modal-header[b-qc374uet91], .signatory-editor .employee-edit-modal-footer[b-qc374uet91] { flex-shrink:0; }
.signatory-editor .employee-edit-modal-header[b-qc374uet91] { padding:14px 18px; }
.signatory-editor .employee-edit-modal-header h2[b-qc374uet91] { margin:0; font-size:18px; font-weight:600; color:var(--primary); }
.signatory-editor .employee-edit-modal-header p[b-qc374uet91] { margin:4px 0 0; font-size:12px; color:var(--muted); }
.signatory-editor .employee-edit-modal-body[b-qc374uet91] { padding:0; overflow:auto; min-height:0; flex:0 1 auto; scrollbar-gutter:stable; }
.signatory-body-content[b-qc374uet91] { padding:16px 18px; display:flow-root; }
.signatory-editor .employee-edit-modal-footer[b-qc374uet91] { padding:12px 18px; gap:8px; }
.signatory-editor .employee-edit-modal-footer .btn[b-qc374uet91] { min-width:0; font-size:12px; padding:9px 12px; }
.signatory-editor label[b-qc374uet91] { display:block; margin:0; font-size:12px; }
.signatory-employee-field[b-qc374uet91] { margin-top:20px; }
.signatory-floating-field[b-qc374uet91] { position:relative; min-width:0; }
.signatory-floating-field > .signatory-field-label[b-qc374uet91] { position:absolute; top:0; left:12px; z-index:2; transform:translateY(-50%); padding:0 4px; background:var(--surface); color:var(--primary); font-size:11px; line-height:1.2; pointer-events:none; }
.signatory-editor label input[b-qc374uet91] { margin-top:.35rem; }
.signatory-options-row[b-qc374uet91] { display:grid; grid-template-columns:175px minmax(0,1fr); gap:12px; align-items:center; }
.signatory-editor .signatory-current-user[b-qc374uet91] { position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:8px 10px; border:1px solid var(--border-strong); border-radius:10px; background:var(--surface); cursor:pointer; transition:border-color .18s ease, background-color .18s ease; }
.signatory-editor .signatory-current-user:has(input:checked)[b-qc374uet91] { border-color:var(--primary); background:var(--teal-soft); }
.signatory-current-user input[b-qc374uet91], .signatory-entry-selector input[b-qc374uet91] { position:absolute; width:1px; height:1px; opacity:0; }
.signatory-switch-track[b-qc374uet91] { flex-shrink:0; position:relative; width:34px; height:20px; border-radius:20px; background:#94a3b8; transition:background .18s ease; }
.signatory-switch-track[b-qc374uet91]::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:white; transition:transform .18s ease; }
.signatory-current-user input:checked + .signatory-switch-track[b-qc374uet91] { background:var(--primary); }
.signatory-current-user input:checked + .signatory-switch-track[b-qc374uet91]::after { transform:translateX(14px); }
.signatory-current-user input:focus-visible + .signatory-switch-track[b-qc374uet91] { outline:2px solid var(--primary); outline-offset:3px; }
.signatory-entry-selector[b-qc374uet91] { position:relative; display:grid; grid-template-columns:1fr 1fr; padding:3px; background:var(--teal-soft); border:1px solid var(--border); border-radius:10px; }
.signatory-entry-selector label[b-qc374uet91] { position:relative; padding:8px 4px; text-align:center; cursor:pointer; z-index:1; white-space:nowrap; }
.signatory-entry-thumb[b-qc374uet91] { position:absolute; top:3px; bottom:3px; left:3px; width:calc((100% - 6px) / 2); background:var(--primary); border-radius:7px; transition:transform .2s ease; }
.signatory-entry-selector.is-manual .signatory-entry-thumb[b-qc374uet91] { transform:translateX(100%); }
.signatory-entry-selector input:checked + span[b-qc374uet91] { color:white; }
.signatory-entry-selector label:has(input:focus-visible)[b-qc374uet91] { outline:2px solid var(--primary); outline-offset:2px; border-radius:7px; }
.signatory-entry-selector.is-disabled[b-qc374uet91] { opacity:.45; }
.signatory-entry-selector.is-disabled label[b-qc374uet91] { cursor:default; }
.signatory-manual-row[b-qc374uet91] { display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(0,1fr); gap:20px 12px; margin-top:20px; }
.signatory-editor .signatory-manual-row input[b-qc374uet91] { box-sizing:border-box; width:100%; height:44px; min-height:44px; margin:0; padding:0 12px; line-height:42px; border-radius:12px; font-size:.84rem; }
.signatory-hint[b-qc374uet91] { display:block; margin:8px 0 0; color:var(--muted); font-size:12px; }
.signatory-rule[b-qc374uet91] { margin-top:12px; font-size:12px; color:var(--muted); }
.signatory-rule summary[b-qc374uet91] { cursor:pointer; }
@media(max-width:480px) { .signatory-options-row[b-qc374uet91] { grid-template-columns:1fr; gap:8px; } .signatory-manual-row[b-qc374uet91] { grid-template-columns:1fr; } }
@keyframes signatoryModalAppear-b-qc374uet91 { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .signatory-switch-track[b-qc374uet91], .signatory-switch-track[b-qc374uet91]::after, .signatory-entry-thumb[b-qc374uet91], .signatory-editor .signatory-current-user[b-qc374uet91] { transition:none; } .employee-edit-modal-panel.signatory-editor[b-qc374uet91] { animation:none; } }
@media(max-width:600px) { .signatory-toolbar[b-qc374uet91] { flex-wrap:wrap; } .signatory-toolbar input[b-qc374uet91] { width:100%; max-width:none; order:3; } }
/* /Components/Pages/VacantPositions.razor.rz.scp.css */
.vacancy-table small[b-1aststbbyo] {
    display: block;
    margin-top: 4px;
    color: var(--hris-text-muted);
}

.vacancy-money[b-1aststbbyo] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.vacancy-panel .vacancy-publication-button[b-1aststbbyo] { min-width: 212px; min-height: 44px; padding: 0 16px; font-size: 1rem; font-weight: 800; }
.vacancy-panel .vacancy-cancel-selection[b-1aststbbyo] { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; padding: 0; }
.vacancy-selection-count[b-1aststbbyo] { align-self: center; color: var(--hris-text-muted); white-space: nowrap; }
.vacancy-selection-cell[b-1aststbbyo] { width: 80px; text-align: center; }
.vacancy-publication-checkbox[b-1aststbbyo] { width: 18px; height: 18px; vertical-align: middle; accent-color: var(--hris-accent); cursor: pointer; }
.vacancy-publication-checkbox:focus-visible[b-1aststbbyo] { outline: 2px solid var(--hris-accent); outline-offset: 3px; }

.vacancy-empty[b-1aststbbyo] {
    grid-column: 1 / -1;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--hris-text-muted);
}

.vacancy-editor .vacancy-editor-body[b-1aststbbyo] {
    min-height: 0;
    overflow-y: auto;
}

.reference-popup-panel.vacancy-editor[b-1aststbbyo] {
    width: min(960px, 100%);
    max-width: 100%;
}

.vacancy-editor-heading > div:first-child[b-1aststbbyo] {
    flex: 1 1 0;
    min-width: 0;
}

.vacancy-editor-heading .vacancy-occupied-warning[b-1aststbbyo] {
    flex: 0 1 auto;
    width: max-content;
    max-width: 52%;
    min-width: 0;
    margin: 0;
    padding: .65rem .85rem;
    font-size: .8rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.vacancy-occupied-warning strong[b-1aststbbyo] { display: block; }
.vacancy-editor-heading .vacancy-occupied-warning[b-1aststbbyo] { position: relative; isolation: isolate; border-radius: 12px; }
.vacancy-warning-content[b-1aststbbyo] { position: relative; z-index: 1; }
.vacancy-warning-content strong[b-1aststbbyo] { color: inherit; }
.vacancy-warning-border[b-1aststbbyo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    z-index: 2;
    animation: vacancy-warning-pulse-b-1aststbbyo 2.4s ease-in-out infinite;
}
.vacancy-warning-border rect[b-1aststbbyo] {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    fill: none;
}
.vacancy-warning-glow[b-1aststbbyo] { stroke: #f97316; stroke-width: 5px; opacity: .4; filter: blur(2px); }
.vacancy-warning-beam[b-1aststbbyo] { stroke: #f59e0b; stroke-width: 2px; }
.vacancy-retirement-status[b-1aststbbyo] { display: block; margin-top: .4rem; }
@keyframes vacancy-warning-pulse-b-1aststbbyo {
    0%, 100% { opacity: .25; }
    50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .vacancy-warning-border[b-1aststbbyo] { animation: none; opacity: .6; } }

.vacancy-fields[b-1aststbbyo] {
    min-width: 0;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
}

.vacancy-editor-body > .alert[b-1aststbbyo] { margin: 1rem 0 0; }

.vacancy-item-picker[b-1aststbbyo] { position: relative; min-width: 0; }
.vacancy-item-picker input.form-control[b-1aststbbyo] { padding-right: 38px; }
.vacancy-item-toggle[b-1aststbbyo] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 34px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    color: var(--hris-text-muted);
    border: 0;
    border-radius: var(--hris-radius-sm);
    background: transparent;
}
.vacancy-item-toggle:focus-visible[b-1aststbbyo] { outline: 2px solid var(--hris-accent); }
.vacancy-item-toggle .smooth-select-chevron[b-1aststbbyo] { position: static; justify-self: center; margin: 0; }
.vacancy-item-suggestions[b-1aststbbyo] {
    position: fixed;
    inset: auto;
    box-sizing: border-box;
    margin: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.vacancy-item-suggestions:not(:popover-open)[b-1aststbbyo] { display: none; }
.vacancy-item-suggestions .search-suggestion[b-1aststbbyo] { white-space: normal; overflow-wrap: anywhere; }
.vacancy-item-suggestions .search-suggestion.is-active[b-1aststbbyo] { background: var(--teal-soft); }
.vacancy-item-suggestions small[b-1aststbbyo] { display: block; color: var(--hris-text-muted); font-weight: 400; }
.vacancy-item-empty[b-1aststbbyo] { padding: .75rem; color: var(--hris-text-muted); }

@media (max-width: 760px) {
    .vacancy-editor-heading[b-1aststbbyo] { flex-wrap: wrap; }
    .vacancy-editor-heading > div:first-child[b-1aststbbyo] { flex-basis: 100%; }
    .vacancy-editor-heading .vacancy-occupied-warning[b-1aststbbyo] { max-width: 100%; }
}

.vacancy-fields .reference-position-sg-field[b-1aststbbyo],
.vacancy-fields .reference-position-step-field[b-1aststbbyo],
.vacancy-fields .reference-position-basic-field[b-1aststbbyo] { grid-column: span 4; }
@media (max-width: 760px) {
    .vacancy-fields .reference-position-sg-field[b-1aststbbyo],
    .vacancy-fields .reference-position-step-field[b-1aststbbyo],
    .vacancy-fields .reference-position-basic-field[b-1aststbbyo] { grid-column: 1 / -1; }
}
/* /Components/Shared/EmployeeRecordPhoto.razor.rz.scp.css */
.employee-record-photo[b-hx10pepj84] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid var(--hris-border, #dce6ed);
    border-radius: 10px;
    background: var(--hris-surface, #f0f7f7);
    color: var(--primary, #0f766e);
}
.employee-record-photo img[b-hx10pepj84] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.employee-photo-zoom-trigger[b-hx10pepj84] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
    transform: none !important;
    box-shadow: none;
}
.employee-photo-zoom-trigger[aria-expanded="true"][b-hx10pepj84] { cursor: zoom-out; }
.employee-photo-zoom-trigger:focus-visible[b-hx10pepj84] { outline: 2px solid #0f766e; outline-offset: -2px; }
.employee-record-photo-placeholder[b-hx10pepj84] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}
.employee-record-photo-placeholder svg[b-hx10pepj84] { width: 24px; height: 24px; }
/* /Components/Shared/EmployeeRequestAuditPanel.razor.rz.scp.css */
.request-audit-panel[b-l48n4yr2pa] { overflow:visible; }
.request-audit-panel .records-toolbar[b-l48n4yr2pa] { flex-wrap:wrap; gap:12px; }
.request-audit-tools[b-l48n4yr2pa] { position:relative; display:block; flex:0 0 auto; width:356px; max-width:100%; height:38px; margin-left:auto; }
/* Reserve the expanded width in both states. Anchor the controls on the right
   so only the input's left edge moves during the shared search animation. */
.request-audit-panel .request-audit-tools .search-composer[b-l48n4yr2pa] { position:absolute !important; top:0; right:46px; margin:0; }
.request-audit-panel .request-audit-tools .search-composer.is-open[b-l48n4yr2pa] { width:calc(100% - 46px) !important; min-width:0 !important; }
.request-audit-tools > .filter-toggle-button[b-l48n4yr2pa] { position:absolute; top:0; right:0; width:38px; min-width:38px; height:38px; }
.request-audit-filters[b-l48n4yr2pa] { width:calc(100% - 36px); margin-inline:18px; }
.request-audit-clear[b-l48n4yr2pa] { white-space:nowrap; }
.request-audit-panel .pagination-size-form[b-l48n4yr2pa] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
@media(max-width:700px) {
 .request-audit-filters[b-l48n4yr2pa] { width:calc(100% - 24px); margin-inline:12px; }
 .request-audit-tools[b-l48n4yr2pa] { max-width:100%; }
}
/* /Components/Shared/LeaveLoadingIndicator.razor.rz.scp.css */
.leave-loading-status[b-ea7a8e69uk] {
    margin: 1rem 0;
    color: var(--muted, #64748b);
}
/* /Components/Shared/QualificationStandardEditor.razor.rz.scp.css */
.qualification-editor:not([open])[b-3ead46fayt] { display: none; }
.qualification-editor[open][b-3ead46fayt] {
    display: flex;
    flex-direction: column;
    width: min(960px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    margin: auto;
    overflow: hidden;
}
.qualification-editor[b-3ead46fayt]::backdrop { background: rgba(15, 23, 42, .32); backdrop-filter: blur(3px); }
.qualification-editor[b-3ead46fayt]  form { display: flex; flex-direction: column; min-height: 0; min-width: 0; max-width: 100%; width: 100%; margin: 0; }
.qualification-editor-body[b-3ead46fayt] { min-height: 0; overflow-y: auto; padding: 4px 2px 16px; }
.qualification-editor .reference-popup-heading[b-3ead46fayt] { flex-shrink: 0; }
.qualification-editor-fields[b-3ead46fayt] { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.qualification-fields[b-3ead46fayt] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 16px; }
.qualification-fields label[b-3ead46fayt] { grid-column: auto; }
.qualification-fields[b-3ead46fayt]  textarea.form-control { min-height: 96px; height: auto; resize: vertical; }
.qualification-departments h3[b-3ead46fayt] { font-size: 1rem; margin: 0 0 12px; }
.qualification-departments h3 span[b-3ead46fayt] { color: var(--hris-text-muted); font-weight: 400; }
.qualification-department-scroll[b-3ead46fayt] {
    min-width: 0;
    max-width: 100%;
    max-height: 264px; /* 42px heading + five 44px department rows + borders. */
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hris-border, #dbe3ec);
    border-radius: 10px;
}
.qualification-department-scroll:focus-visible[b-3ead46fayt] { outline: 2px solid var(--hris-accent, #0f766e); outline-offset: 2px; }
.qualification-department-table[b-3ead46fayt] { width: max-content; table-layout: auto; margin: 0; }
.qualification-editor .qualification-department-scroll .table.qualification-department-table[b-3ead46fayt] { min-width: 100%; }
.qualification-department-table thead[b-3ead46fayt] { position: sticky; top: 0; z-index: 1; }
.qualification-department-table th[b-3ead46fayt] { height: 42px; padding: 0 14px; background: var(--hris-surface, #f8fafc); }
.qualification-department-table th:first-child[b-3ead46fayt] { width: 56px; }
.qualification-department-table th:nth-child(2)[b-3ead46fayt] { min-width: 300px; }
.qualification-department-table th:nth-child(3)[b-3ead46fayt] { width: 190px; white-space: nowrap; }
.qualification-department-table td[b-3ead46fayt] { height: 44px; padding: 0 14px; vertical-align: middle; }
.qualification-department-table td span[b-3ead46fayt] { display: block; max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qualification-item-numbers[b-3ead46fayt] { white-space: nowrap; }
.qualification-editor-actions[b-3ead46fayt] { margin-top: 0; flex-shrink: 0; }
@media (max-width: 720px) {
    .qualification-editor .qualification-department-scroll .table.qualification-department-table[b-3ead46fayt] { min-width: 700px; }
    .qualification-fields[b-3ead46fayt] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Shared/QualificationStandardsTable.razor.rz.scp.css */
.qualification-standards-panel th:first-child[b-r5505er05f] { width: 56px; }
.qualification-standards-panel th:nth-child(2)[b-r5505er05f] { width: 28%; }
.qualification-standards-panel th:nth-child(3)[b-r5505er05f] { width: 80px; }
.qualification-standards-panel th:nth-child(7)[b-r5505er05f] { min-width: 150px; }
.qualification-standards-panel th:last-child[b-r5505er05f] { width: 80px; }
.qualification-text[b-r5505er05f] { white-space: pre-line; overflow-wrap: anywhere; }
.qualification-standards-empty[b-r5505er05f] { grid-column: 1 / -1; padding: 2rem 1rem; text-align: center; }
.qualification-standards-footer > div:last-child[b-r5505er05f] { display: flex; gap: .5rem; }
.qualification-standards-footer > div:last-child .btn[b-r5505er05f] { width: auto; flex: 1; }
.qualification-filter-panel.is-open[b-r5505er05f] { overflow: visible; }
.qualification-filter-panel .dashboard-filter-panel[b-r5505er05f] { max-width: min(360px, calc(100vw - 48px)); }
.qualification-filter-panel .dashboard-filter-option[b-r5505er05f] { white-space: normal; overflow-wrap: anywhere; text-align: left; }
@media (max-width: 640px) {
    .qualification-filter-panel[data-filter-panel][b-r5505er05f] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; }
    .qualification-filter-panel[data-filter-panel] > .records-filter-menu[b-r5505er05f] { width: 100% !important; }
    .qualification-filter-panel .records-filter-menu:nth-child(even) .dashboard-filter-panel[b-r5505er05f] { left: auto; right: 0; }
}
/* /Components/Shared/SignatoryEmployeeSearch.razor.rz.scp.css */
.signatory-employee-search[b-u87n6vwudy] { position:relative; width:100%; margin-top:0; }
.signatory-employee-search > input[b-u87n6vwudy] { padding-right:76px; }
.signatory-employee-search > .leave-ledger-search-clear[b-u87n6vwudy] { top:8px; right:31px; }
.signatory-search-toggle[b-u87n6vwudy] { position:absolute; top:2px; right:2px; width:30px; height:40px; padding:0; border:0; border-radius:9px; background:transparent; cursor:pointer; }
.signatory-search-toggle:hover:not(:disabled)[b-u87n6vwudy], .signatory-search-toggle:active:not(:disabled)[b-u87n6vwudy] { background:var(--teal-soft); cursor:pointer; }
.signatory-search-toggle:focus-visible[b-u87n6vwudy] { outline:2px solid var(--primary); outline-offset:-2px; }
.signatory-search-toggle:disabled[b-u87n6vwudy] { cursor:not-allowed; }
.signatory-search-toggle .leave-ledger-search-chevron[b-u87n6vwudy] { top:50%; right:11px; }
/* The native popover layer escapes the modal's clipping without moving the
   Blazor-owned options or increasing the form's height. */
.signatory-employee-search > .search-suggestions[b-u87n6vwudy] { position:fixed; inset:auto; box-sizing:border-box; margin:0; max-height:268px; overflow-y:auto; overscroll-behavior:contain; z-index:2300; }
.signatory-employee-search > .search-suggestions:not(:popover-open)[b-u87n6vwudy] { display:none; }
.search-empty[b-u87n6vwudy] { padding:1rem; color:var(--muted); }
.search-suggestion.is-active[b-u87n6vwudy] { background:var(--teal-soft); color:var(--primary); }
/* /Components/Shared/VacancyPublicationPreview.razor.rz.scp.css */
.reference-popup-panel.universal-entry-modal.publication-preview[b-l1aexe582p] { width: min(1440px, 96vw); max-width: 96vw; max-height: 94vh; }
.publication-preview-body[b-l1aexe582p] { overflow: auto; min-height: 0; padding: 1rem; }
.publication-paper[b-l1aexe582p] { padding: 2rem; color: #111; background: #fff; font: 13px/1.4 Arial, sans-serif; border: 1px solid #cbd5e1; }
.publication-paper .publication-letterhead[b-l1aexe582p] { width: min(650px, 100%); margin: -1.25rem auto 0; }
.publication-document-title[b-l1aexe582p] { text-align: center; color: #000; font: 700 18px/1.35 "Microsoft New Tai Lue", Arial, sans-serif; margin: 0 0 2rem; }
.publication-form-caption[b-l1aexe582p] { display: flex; justify-content: space-between; font-size: 11px; }
.publication-form-caption > span[b-l1aexe582p] { max-width: 300px; border: 1px solid; text-align: center; padding: .25rem; }
.publication-signatory[b-l1aexe582p] { margin: 1rem 0 1rem auto; width: 35%; text-align: center; }
.publication-signatory-name[b-l1aexe582p] { text-decoration: underline; text-underline-offset: 2px; }
.publication-table-scroll[b-l1aexe582p] { overflow-x: auto; margin-bottom: 1rem; }
.publication-paper table[b-l1aexe582p] { border-collapse: collapse; width: 100%; min-width: 1000px; table-layout: fixed; }
.publication-paper th[b-l1aexe582p], .publication-paper td[b-l1aexe582p] { border: 1px solid #111; padding: .5rem; text-align: center; overflow-wrap: anywhere; white-space: pre-wrap; }
.publication-paper th[b-l1aexe582p] { font-weight: normal; text-transform: none; letter-spacing: normal; color: #111; background: #fff; font-family: Arial, sans-serif; font-size: 13px; }
.publication-paper tbody td[b-l1aexe582p] { min-height: 100px; vertical-align: middle; }
.publication-footer[b-l1aexe582p] { display: flex; justify-content: space-between; gap: 2rem; text-align: center; margin: 1rem 0; }
.publication-stamp[b-l1aexe582p] { border: 1px solid; padding: 1rem 3rem; }
@media(max-width: 760px) { .publication-paper[b-l1aexe582p] { padding: 1rem; } .publication-paper .publication-letterhead[b-l1aexe582p] { margin-top: .5rem; } .publication-footer[b-l1aexe582p] { flex-direction: column; } .publication-signatory[b-l1aexe582p] { width: 60%; } }