/* Global portal scrollbar policy — tenant primary across Admin and Customer. */
html,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
),
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) * {
    scrollbar-width: thin;
    scrollbar-color:
        var(--portal-primary, #0964f5)
        rgba(var(--portal-primary-rgb, 9, 100, 245), 0.08) !important;
}

html::-webkit-scrollbar,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar {
    width: var(--portal-scrollbar-size, var(--amc-scrollbar-size, 8px));
    height: var(--portal-scrollbar-size, var(--amc-scrollbar-size, 8px));
}

html::-webkit-scrollbar-track,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar-track,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar-track {
    background: rgba(var(--portal-primary-rgb, 9, 100, 245), 0.08) !important;
}

html::-webkit-scrollbar-thumb,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar-thumb,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar-thumb {
    background: var(--portal-primary, #0964f5) !important;
    border: 2px solid transparent !important;
    background-clip: padding-box !important;
    border-radius: 999px;
}

html::-webkit-scrollbar-thumb:hover,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar-thumb:hover,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar-thumb:hover {
    background: var(--portal-primary-bright, #1881ff) !important;
}

html::-webkit-scrollbar-thumb:active,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar-thumb:active,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar-thumb:active {
    background: var(--portal-primary-dark, #093fc8) !important;
}

html::-webkit-scrollbar-corner,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
)::-webkit-scrollbar-corner,
:where(
    body.customer-ui-new,
    body.customer-ui-classic,
    body.admin-ui-new,
    body.admin-ui-classic,
    body.admin-login-new
) *::-webkit-scrollbar-corner {
    background: rgba(var(--portal-primary-rgb, 9, 100, 245), 0.08) !important;
}

@media (forced-colors: active) {
    html,
    :where(
        body.customer-ui-new,
        body.customer-ui-classic,
        body.admin-ui-new,
        body.admin-ui-classic,
        body.admin-login-new
    ),
    :where(
        body.customer-ui-new,
        body.customer-ui-classic,
        body.admin-ui-new,
        body.admin-ui-classic,
        body.admin-login-new
    ) * {
        scrollbar-color: ButtonText Canvas !important;
    }

    html::-webkit-scrollbar-thumb,
    :where(
        body.customer-ui-new,
        body.customer-ui-classic,
        body.admin-ui-new,
        body.admin-ui-classic,
        body.admin-login-new
    )::-webkit-scrollbar-thumb,
    :where(
        body.customer-ui-new,
        body.customer-ui-classic,
        body.admin-ui-new,
        body.admin-ui-classic,
        body.admin-login-new
    ) *::-webkit-scrollbar-thumb {
        background: ButtonText !important;
        border-color: Canvas !important;
    }
}