/* BJAS internal shell header final authority.
   Keep this file scoped to internal shell headers only; POS uses its own fullscreen topbar.
   Portal Home keeps a fixed-scoped sticky behavior with a matching content offset. */

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-app-topbar, .internal-shell-header, .site-header, .module-header.internal-shell-header, [data-internal-base-header]) {
    min-height: var(--shell-header-height, 82px) !important;
    height: auto !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 8px 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--shell-border, #dbe3ef) !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    color: var(--shell-text, #0f172a) !important;
    overflow: visible !important;
    isolation: isolate !important;
    z-index: var(--z-header, 90) !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-shell-brand, .internal-topbar-left, .brand) {
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--shell-text, #0f172a) !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-brand-chip, .internal-homebase-chip, .internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill) {
    min-height: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid var(--shell-border, #dbe3ef) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--shell-text, #0f172a) !important;
    -webkit-text-fill-color: var(--shell-text, #0f172a) !important;
    box-shadow: 0 8px 20px rgba(15, 39, 71, 0.05) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-brand-chip, .brand-logo) {
    flex: 0 0 auto !important;
    padding: 0 18px !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .internal-homebase-chip {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 220px !important;
    padding: 0 20px !important;
    overflow: hidden !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.brand-fallback, .full-label, .short-label, .profile-name) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .short-label {
    display: none !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-shell-logo, .header-center-logo, .internal-header-center) {
    min-width: 154px !important;
    width: auto !important;
    max-width: min(246px, 34vw) !important;
    min-height: 0 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img) {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 0 !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) :is(.internal-shell-header-actions, .internal-topbar-user) {
    min-width: 0 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    overflow: visible !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .notification-button.internal-icon-button {
    position: relative !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    padding: 0 !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .profile-button.internal-user-pill {
    flex: 0 1 auto !important;
    max-width: 180px !important;
    padding: 0 12px !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .avatar {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #0f2747 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .topbar-menu-shell {
    position: relative !important;
    z-index: calc(var(--z-header, 90) + 1) !important;
}

body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .report-module-shell
):not(.pos-shell) .topbar-dropdown {
    z-index: var(--z-dropdown, 120) !important;
    max-width: min(360px, calc(100vw - 24px)) !important;
}

body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
    --portal-header-offset-desktop: 82px;
    --portal-header-offset-mobile: 58px;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: var(--portal-header-offset-desktop, 82px) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

body.internal-portal-shell:not(.pos-shell) .page-content {
    padding-top: var(--portal-header-offset-desktop, 82px) !important;
}

body.pos-shell :is(.internal-app-topbar, .internal-shell-header, .site-header.internal-app-topbar, .module-header.internal-shell-header, [data-internal-base-header]) {
    display: none !important;
}

@media (min-width: 769px) and (max-width: 1024px) {
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-app-topbar, .internal-shell-header, .site-header, .module-header.internal-shell-header, [data-internal-base-header]) {
        grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important;
        gap: 12px !important;
        padding: 8px 14px !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img) {
        height: 44px !important;
        max-height: 50px !important;
    }
}

/* Portal Home header final tune: one visual label per control, compact mobile, larger desktop logo. */
html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
    position: sticky !important;
    top: 0 !important;
    min-height: 78px !important;
    height: auto !important;
    grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 8px 18px !important;
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid #dbe3ef !important;
    z-index: var(--z-header, 90) !important;
}

html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo img,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo img {
    width: auto !important;
    height: 52px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}

html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name {
    display: inline-flex !important;
}

html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label {
    display: none !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
        min-height: 70px !important;
        grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo img,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo img {
        height: 44px !important;
        max-height: 50px !important;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
        min-height: 62px !important;
        height: 62px !important;
        max-height: 62px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "brand actions" !important;
        padding: 8px 12px !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo {
        display: none !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .dropdown-icon,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .dropdown-icon {
        display: none !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label {
        display: inline-flex !important;
    }
}

@media (max-width: 640px) {
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
        position: sticky !important;
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "brand actions" !important;
        gap: 6px !important;
        padding: 8px 10px !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-shell-brand,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-shell-brand {
        grid-area: brand !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        max-width: calc(100vw - 164px) !important;
        overflow: hidden !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-shell-header-actions,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-shell-header-actions {
        grid-area: actions !important;
        justify-self: end !important;
        max-width: 146px !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .header-center-logo.internal-topbar-logo.internal-shell-logo {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] :is(.internal-brand-chip, .internal-homebase-chip, .internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill),
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] :is(.internal-brand-chip, .internal-homebase-chip, .internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill) {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 12px !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .dropdown-icon,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .full-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .full-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .profile-name,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .dropdown-icon {
        display: none !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-homebase-chip > .short-label,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button > .short-label {
        display: inline-flex !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        overflow: visible !important;
        color: #0f2747 !important;
        -webkit-text-fill-color: #0f2747 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header] .internal-ai-button {
        width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-app-topbar, .internal-shell-header, .site-header, .module-header.internal-shell-header, [data-internal-base-header]) {
        min-height: 58px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-shell-logo, .header-center-logo, .internal-header-center) {
        display: none !important;
    }

    body.internal-portal-shell:not(.pos-shell) .page-content {
        padding-top: var(--portal-header-offset-mobile, 58px) !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-brand-chip, .internal-homebase-chip, .internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill) {
        min-height: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        box-shadow: none !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon) {
        display: none !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label) {
        display: inline !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) .internal-shell-header-actions {
        max-width: 142px !important;
    }

    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .report-module-shell
    ):not(.pos-shell) :is(.internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill) {
        flex: 0 0 36px !important;
        width: 36px !important;
        max-width: 36px !important;
        padding: 0 !important;
    }
}

/* Mobile internal header authority: [CV BJAS] [Mataram] | [AI] [Notif] [Avatar]. */
html[data-theme] body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-refactor-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .hris-module-page-shell,
    .report-module-shell,
    .pos-sales-log-page
):not(.pos-shell) [data-internal-base-header],
body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-refactor-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .hris-module-page-shell,
    .report-module-shell,
    .pos-sales-log-page
):not(.pos-shell) [data-internal-base-header] {
    position: sticky !important;
    top: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
    position: fixed !important;
}

html[data-theme] body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-refactor-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .hris-module-page-shell,
    .report-module-shell,
    .pos-sales-log-page
):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-brand, .internal-shell-header-actions, .internal-topbar-user, .topbar-menu-shell),
body:is(
    .internal-portal-shell,
    .internal-module-shell,
    .internal-clean-page-shell,
    .wms-module-shell,
    .wms-refactor-shell,
    .wms-stock-reference-shell,
    .hris-module-shell,
    .hris-module-page-shell,
    .report-module-shell,
    .pos-sales-log-page
):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-brand, .internal-shell-header-actions, .internal-topbar-user, .topbar-menu-shell) {
    min-width: 0 !important;
}

@media (min-width: 1181px) {
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header],
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] {
        min-height: 76px !important;
        grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
        gap: 16px !important;
        padding: 8px 18px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center) {
        display: flex !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img) {
        height: 46px !important;
        max-height: 52px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon) {
        display: inline-flex !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label) {
        display: none !important;
    }
}

/* Tablet landscape internal header authority. */
@media (min-width: 901px) and (max-width: 1180px) {
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header],
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] {
        min-height: 68px !important;
        grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important;
        gap: 12px !important;
        padding: 8px 14px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo img, .header-center-logo img, .internal-header-center img) {
        height: 40px !important;
        max-height: 46px !important;
    }
}

/* Tablet portrait internal header authority. */
@media (min-width: 641px) and (max-width: 900px) {
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header],
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] {
        --portal-header-offset-mobile: 60px;
        min-height: 60px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        padding: 8px 12px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center) {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon, .shell-break-chip-label, .shell-break-chip-hint),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon, .shell-break-chip-label, .shell-break-chip-hint) {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label) {
        display: inline-flex !important;
    }
}

@media (max-width: 640px) {
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header],
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] {
        --portal-header-offset-mobile: 58px;
        min-height: 58px !important;
        height: 58px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) .page-content,
    body.internal-portal-shell:not(.pos-shell) .page-content {
        padding-top: var(--portal-header-offset-mobile, 58px) !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-shell-logo, .header-center-logo, .internal-header-center) {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-shell-brand,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-shell-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        max-width: 188px !important;
        overflow: hidden !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-topbar-separator,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-topbar-separator {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-brand-chip, .internal-homebase-chip),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-brand-chip, .internal-homebase-chip) {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-homebase-chip,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-homebase-chip {
        max-width: 86px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon, .shell-break-chip-label, .shell-break-chip-hint),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .full-label, .internal-ai-button .full-label, .profile-name, .dropdown-icon, .shell-break-chip-label, .shell-break-chip-hint) {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-homebase-chip .short-label, .internal-ai-button .short-label) {
        display: inline-flex !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-shell-header-actions,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-shell-header-actions {
        display: flex !important;
        justify-content: flex-end !important;
        max-width: 148px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-topbar-user,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-topbar-user {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill),
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] :is(.internal-ai-button, .notification-button.internal-icon-button, .profile-button.internal-user-pill) {
        flex: 0 0 36px !important;
        width: 36px !important;
        max-width: 36px !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        justify-content: center !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-ai-button,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .internal-ai-button {
        flex-basis: 38px !important;
        width: 38px !important;
        max-width: 38px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .avatar,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .profile-button.internal-user-pill .avatar {
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .topbar-dropdown,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header] .topbar-dropdown {
        position: fixed !important;
        top: calc(var(--portal-header-offset-mobile, 58px) + 8px) !important;
        right: 10px !important;
        left: auto !important;
        width: min(320px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 78px) !important;
        overflow-y: auto !important;
        z-index: var(--z-dropdown, 120) !important;
    }
}

/* Mobile header cascade lock: beats legacy exact-class selectors without touching POS. */
@media (max-width: 640px) {
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header {
        --portal-header-offset-mobile: 58px;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "brand actions" !important;
        grid-auto-columns: 0 !important;
        grid-auto-flow: column !important;
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
        padding: 8px 10px !important;
        gap: 8px !important;
        align-items: center !important;
        overflow: visible !important;
    }

    html[data-theme] body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header,
    body.internal-portal-shell:not(.pos-shell) [data-internal-base-header].site-header.internal-app-topbar.internal-shell-header {
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-shell-brand,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-shell-brand {
        grid-area: brand !important;
        align-self: center !important;
        min-width: 0 !important;
        max-width: min(190px, calc(100vw - 174px)) !important;
        overflow: hidden !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-shell-header-actions,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-shell-header-actions {
        grid-area: actions !important;
        align-self: center !important;
        justify-self: end !important;
        min-width: 0 !important;
        max-width: 146px !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .header-center-logo.internal-topbar-logo.internal-shell-logo,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .header-center-logo.internal-topbar-logo.internal-shell-logo {
        display: none !important;
        visibility: hidden !important;
        grid-area: auto !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-ai-button > .full-label,
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-homebase-chip > .full-label,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-ai-button > .full-label,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-homebase-chip > .full-label {
        display: none !important;
    }

    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-ai-button > .short-label,
    html[data-theme] body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-homebase-chip > .short-label,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-ai-button > .short-label,
    body:is(
        .internal-portal-shell,
        .internal-module-shell,
        .internal-clean-page-shell,
        .wms-module-shell,
        .wms-refactor-shell,
        .wms-stock-reference-shell,
        .hris-module-shell,
        .hris-module-page-shell,
        .report-module-shell,
        .pos-sales-log-page
    ):not(.pos-shell) [data-internal-base-header].internal-app-topbar.internal-shell-header .internal-homebase-chip > .short-label {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        opacity: 1 !important;
        color: #0f2747 !important;
        -webkit-text-fill-color: #0f2747 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .01em !important;
    }
}