/* Document picker: shared SVG icons, with the phone layout scoped below. */
.employee-request-menu-page .ep-request-icon::before { display: none !important; }
.employee-request-menu-page .ep-request-icon svg { width: 28px; height: 28px; }
.employee-request-menu-page .ep-request-chevron { display: none; }
.employee-request-menu-page .ep-request-search {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0 16px;
    min-height: 46px;
    border: 1px solid var(--ep-border, #dce7ec);
    border-radius: 18px;
    background: var(--ep-surface, #fff);
    color: var(--ep-muted, #617a8b);
}
.ep-request-search > svg { width: 21px; height: 21px; flex: 0 0 21px; }
html body .page .content.content .employee-request-menu-page .ep-request-search input {
    width: 100%; min-width: 0; min-height: 44px; padding: 0;
    border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important;
    color: var(--ep-text, #103a43) !important; font: inherit; font-size: 14px;
}
html body .page .content.content .employee-request-menu-page .ep-request-search input::placeholder { color: var(--ep-muted, #617a8b) !important; opacity: 1 !important; }
.employee-request-menu-page .ep-request-search:focus-within {
    border-color: var(--ep-brand, #00877d);
    outline: 1px solid var(--ep-brand, #00877d); outline-offset: 0;
}
.employee-request-menu-page .ep-request-empty {
    padding: 20px; border-radius: 16px; line-height: 1.6;
    color: var(--ep-muted, #617a8b); background: var(--ep-surface, #fff);
}
@media screen and (max-width: 760px) {
    body .page:has(.employee-request-menu-page) {
        --ep-brand: #00877d; --ep-soft: #e2f5f0; --ep-bg: #f3f9fb;
        --ep-surface: #fff; --ep-text: #103a43; --ep-muted: #637e91; --ep-border: #e1ecf0;
    }
    html[data-theme="dark"] body .page:has(.employee-request-menu-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-request-menu-page) > .sidebar,
    html body .page:not(.login-only-layout):has(.employee-request-menu-page) > .sidebar .brand-panel {
        background: var(--ep-surface) !important; border-bottom-color: var(--ep-border) !important;
    }
    body .page:has(.employee-request-menu-page) .sidebar .brand-panel .employee-mobile-header-actions > .theme-toggle,
    body .page:has(.employee-request-menu-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-request-menu-page .employee-unified-heading h1 {
        font-size: 28px !important; letter-spacing: -.035em !important; color: var(--ep-text) !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-card-grid {
        display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-panel {
        gap: 14px !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr) 16px !important;
        grid-template-rows: auto auto;
        column-gap: 16px !important; row-gap: 4px !important;
        align-content: center !important; align-items: center !important;
        min-height: 92px !important; height: auto !important; padding: 14px 12px !important;
        border: 1px solid var(--ep-border) !important; border-radius: 17px !important;
        background: var(--ep-surface) !important; text-align: left !important;
        box-shadow: 0 4px 14px #234c5e03 !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card > .ep-request-icon {
        display: grid !important; place-items: center; grid-column: 1; grid-row: 1 / 3;
        width: 56px !important; height: 56px !important; border: 0 !important; border-radius: 13px !important;
        color: var(--request-icon-color) !important; background: var(--request-icon-bg) !important;
        box-shadow: none !important; margin: 0 !important;
    }
    .employee-request-menu-page .is-service-record { --request-icon-color: #008b77; --request-icon-bg: #e4f5f0; }
    .employee-request-menu-page .is-coe { --request-icon-color: #3178ce; --request-icon-bg: #e8f1ff; }
    .employee-request-menu-page .is-leave { --request-icon-color: #af670b; --request-icon-bg: #fff3e3; }
    .employee-request-menu-page .is-clearance { --request-icon-color: #7543be; --request-icon-bg: #f0eaff; }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card strong {
        grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important;
        font-size: 15px !important; line-height: 1.3 !important; color: var(--ep-text) !important;
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card small {
        grid-column: 2; grid-row: 2; align-self: start; margin: 0 !important;
        font-size: 12px !important; line-height: 1.5 !important; color: var(--ep-muted) !important;
    }
    .employee-request-menu-page .employee-request-menu-card .ep-request-chevron {
        display: block; grid-column: 3; grid-row: 1 / 3; width: 16px; height: 20px; color: var(--ep-muted);
    }
    body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card:focus-visible {
        outline: 2px solid var(--ep-brand) !important; outline-offset: 3px;
    }
    @media (max-width: 359px) {
        body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card {
            grid-template-columns: 46px minmax(0, 1fr) 14px !important; column-gap: 11px !important;
        }
        body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card > .ep-request-icon {
            width: 46px !important; height: 50px !important;
        }
        body .page:has(.employee-mobile-tabbar) .content.content .employee-request-menu-page .employee-request-menu-card strong { font-size: 14px !important; }
    }
}