/* Shared Portal V2 primitives. Surface bundles provide route-specific composition. */
:where(body.customer-ui-new, body.new-auth-v2)
    :where(.btn-wrap, .new-action-btn, .new-op-btn, .btn) {
    min-block-size: var(--pv2-control-h);
    align-items: center;
    justify-content: center;
    font-family: var(--pv2-font-body);
    font-weight: 700;
    text-transform: none;
    border-radius: var(--pv2-radius-sm);
}

:where(body.customer-ui-new, body.new-auth-v2)
    :where(.btn--icon, .new-icon-btn, [data-icon-button]) {
    min-inline-size: var(--pv2-icon-target);
    min-block-size: var(--pv2-icon-target);
}

:where(body.customer-ui-new, body.new-auth-v2)
    :where(.form-control, .custom-select, .new-field input, .new-field select, .new-field textarea) {
    min-block-size: var(--pv2-control-h);
    font-family: var(--pv2-font-body);
    border-radius: var(--pv2-radius-sm);
}

:where(body.customer-ui-new, body.new-auth-v2)
    :where(.new-form-panel, .new-data-panel, .cp-panel, .db-panel, .card) {
    border-radius: var(--pv2-radius-md);
}

:where(body.customer-ui-new, body.new-auth-v2)
    :where(.new-badge, .new-chip, .badge-wrap) {
    font-family: var(--pv2-font-body);
    font-weight: 700;
}

:where(body.customer-ui-new, body.new-auth-v2)
    :where(.btn-wrap, .new-action-btn, .new-op-btn, .form-control, .custom-select, .new-form-panel, .new-data-panel, .card) {
    transition-duration: var(--pv2-motion-fast);
    transition-timing-function: var(--pv2-ease);
}