/* All employee menu headings share the same mobile geometry and type scale.
   Layered important rules supersede the older route-specific heading styles. */
@layer employee-page-headings {
    @media screen and (max-width: 760px) {
        .page:has(.employee-mobile-tabbar) .employee-unified-heading {
            display: grid !important; gap: 4px !important;
            grid-template-columns: minmax(0, 1fr) !important;
            position: static !important; width: 100% !important; min-width: 0 !important;
            height: auto !important; min-height: 0 !important;
            margin: 0 !important; padding: 0 !important;
            border: 0 !important; border-radius: 0 !important;
            background: transparent !important; box-shadow: none !important;
            text-align: left !important;
        }
        .page:has(.employee-mobile-tabbar) .employee-heading-content {
            display: grid !important; gap: 4px !important; min-width: 0 !important; width: 100% !important;
            grid-template-columns: minmax(0, 1fr) !important;
        }
        .page:has(.employee-mobile-tabbar) .employee-heading-title-row,
        .page:has(.employee-mobile-tabbar) .employee-heading-helper-row {
            display: flex !important; justify-content: space-between !important;
            align-items: center !important; gap: 12px !important;
            width: 100% !important; min-width: 0 !important;
            margin: 0 !important; padding: 0 !important;
        }
        .page:has(.employee-mobile-tabbar) .employee-heading-title-row { min-height: 44px !important; }
        .page:has(.employee-mobile-tabbar) .employee-heading-helper-row { align-items: baseline !important; }
        .page:has(.employee-mobile-tabbar) .employee-unified-heading h1 {
            margin: 0 !important; padding: 0 !important;
            font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
            font-size: 20px !important; font-weight: 600 !important;
            line-height: 1.25 !important; letter-spacing: -.025em !important;
            color: var(--ep-text) !important; text-align: left !important;
        }
        .page:has(.employee-mobile-tabbar) .employee-unified-heading p {
            display: block !important; margin: 0 !important; padding: 0 !important;
            min-width: 0 !important; font-size: 12px !important; font-weight: 400 !important;
            line-height: 1.5 !important; letter-spacing: normal !important;
            color: var(--ep-muted) !important;
        }
    }
}