html body .page .content.content .employee-leave-ledger-page .ledger-year-picker button {
    font-family: inherit; outline: none !important; box-shadow: none !important;
}
.ledger-year-picker .ep-filter-border-label {
    position: absolute; top: -6px; left: 9px; z-index: 4; padding: 0 4px;
    font-size: 10px; line-height: 12px; color: var(--ledger-muted); background: var(--ledger-surface); pointer-events: none;
}
html body .page .content.content .employee-leave-ledger-page .ledger-year-picker .ep-filter-trigger {
    position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between;
    width: 100%; height: 40px; min-height: 40px; padding: 8px 10px;
    border: 1px solid var(--ledger-border) !important; border-radius: 9px;
    background: var(--ledger-surface) !important; color: var(--ep-brand, #0f766e); font-size: 12px; font-weight: 600;
}
html body .page .content.content .employee-leave-ledger-page .ledger-year-picker .ep-filter-trigger:is([aria-expanded="true"], :focus-visible) {
    border-color: color-mix(in srgb, var(--ep-brand, #0f766e) 55%, var(--ledger-border)) !important;
}
.ledger-year-picker .ep-filter-options {
    left: auto; right: 0; top: calc(100% + 6px); width: 108px; min-width: 108px;
    border-color: var(--ledger-border); background: var(--ledger-surface); box-shadow: 0 6px 18px #163b4c1a;
}
html body .page .content.content .employee-leave-ledger-page .ledger-year-picker .ep-filter-dismiss {
    position: fixed; inset: 0; z-index: 1; width: 100%; height: 100%; padding: 0;
    border: 0 !important; background: transparent !important; cursor: default;
}
html body .page .content.content .employee-leave-ledger-page .ledger-year-picker .ep-filter-options button {
    display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 38px;
    padding: 8px 10px; border: 0 !important; border-radius: 7px; text-align: left;
    background: transparent; color: var(--ledger-text); font-size: 12px; font-weight: 500;
}
html body .page .content.content .employee-leave-ledger-page .ledger-year-picker .ep-filter-options button:is(.is-selected, :hover, :focus-visible) {
    background: var(--ep-soft, #e8f5f2) !important; color: var(--ep-brand, #0f766e) !important;
}
.ledger-year-picker .ep-filter-options svg { width: 15px; height: 15px; }
@media screen and (max-width: 760px) {
    body .page:has(.employee-leave-ledger-page) {
        --ep-brand: #00877d; --ep-soft: #e2f5f0; --ep-bg: #f3f9fb;
        --ep-surface: #fff; --ep-text: #103a43; --ep-muted: #637e91; --ep-border: #dfeaf0;
    }
    html[data-theme="dark"] body .page:has(.employee-leave-ledger-page) {
        --ep-brand: #7ddfc9; --ep-soft: #1b423f; --ep-bg: #12232b;
        --ep-surface: #1b303b; --ep-text: #edf6ff; --ep-muted: #b4c8d7; --ep-border: #354d58;
    }
    html body .page:not(.login-only-layout):has(.employee-leave-ledger-page) > .sidebar,
    html body .page:not(.login-only-layout):has(.employee-leave-ledger-page) > .sidebar .brand-panel {
        background: var(--ep-surface) !important; border-bottom-color: var(--ep-border) !important;
    }
    body .page:has(.employee-leave-ledger-page) .sidebar .brand-panel .employee-mobile-header-actions > .theme-toggle,
    body .page:has(.employee-leave-ledger-page) .sidebar .brand-panel .employee-mobile-header-actions > .notification-menu > summary {
        border-radius: 50% !important; color: var(--ep-muted) !important; background: var(--ep-surface) !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-leave-ledger-page .employee-unified-heading h1 {
        font-size: 28px !important; letter-spacing: -.035em !important; color: var(--ep-text) !important;
    }
    body .page:has(.employee-leave-ledger-page) .ledger-balance-card.is-primary {
        background: linear-gradient(130deg, var(--ep-surface) 45%, color-mix(in srgb, var(--balance-accent) 6%, var(--ep-surface)));
    }
    html[data-theme="dark"] .ledger-balance-card.vacation { --balance-accent: #7db7ff; }
    html[data-theme="dark"] .ledger-balance-card.sick { --balance-accent: #63cda0; }
    html[data-theme="dark"] .ledger-balance-card.special { --balance-accent: #eac16d; }
    html[data-theme="dark"] .ledger-balance-card.wellness { --balance-accent: #c29be9; }
    html[data-theme="dark"] .ledger-balance-card.cto { --balance-accent: #66cbd2; }
    html[data-theme="dark"] .ledger-history-card { --history-accent: #eac16d; }
    html[data-theme="dark"] .ledger-history-card.is-vacation { --history-accent: #7db7ff; }
    html[data-theme="dark"] .ledger-history-card.is-sick { --history-accent: #63cda0; }
    html[data-theme="dark"] .ledger-history-card.is-wellness { --history-accent: #c29be9; }
}