/* AWA Round7 (dual-write hotfix): auth pages (B2B/PF) visual refinement */

:is(body.b2b-auth-shell, body.b2b-account-login, body.b2b-account-forgotpassword, body.b2b-account-claim, body.b2b-register-index) {
    --awa-auth-primary: var(--awa-red, var(--primary-color));
    --awa-auth-primary-hover: var(--awa-red-dark, var(--primary-hover));
    --awa-auth-focus: 0 0 0 3px rgb(183 51 55 / 18%);
    --awa-auth-border: var(--awa-gray-65, #dfe5ee);
    --awa-auth-border-strong: var(--awa-gray-75, #c7d2e1);
    --awa-auth-text: var(--awa-gray-700);
    --awa-auth-muted: var(--awa-gray-450);
    --awa-auth-radius: 14px;
    --awa-auth-radius-lg: 18px;
    --awa-auth-shadow: 0 18px 44px rgb(15 23 42 / 10%);
    --awa-auth-soft: rgb(183 51 55 / 6%);
}

body.b2b-auth-shell .page_footer,
body.b2b-register-index.page-layout-empty .page_footer {
    display: none !important;
}

:is(body.b2b-auth-shell, body.b2b-register-index) .page.messages {
    position: relative;
    z-index: var(--awa-z-2, 2);
}

:is(body.b2b-auth-shell, body.b2b-register-index) .message {
    border-radius:var(--awa-radius-lg);
    border: var(--awa-border-width, 1px) solid var(--awa-auth-border);
}

.b2b-login-page {
    font-family: var(--awa-font, 'Rubik', Arial, sans-serif);
    color: var(--awa-auth-text);
    background:
        radial-gradient(circle at 8% -8%, rgb(183 51 55 / 12%), transparent 42%),
        radial-gradient(circle at 92% 8%, rgb(142 38 41 / 10%), transparent 38%),
        linear-gradient(180deg, #f7f8fa 0%, #eef1f5 100%);
}

.b2b-login-logo {
    backdrop-filter: var(--awa-blur-glass4, saturate(1.1) blur(2px));
    background: var(--awa-white-96, rgb(255 255 255 / 96%));
}

.b2b-login-card {
    border-radius: var(--awa-auth-radius-lg);
    border-color: var(--awa-auth-border);
}

.b2b-login-title {
    color: var(--awa-gray-920);
    letter-spacing: var(--awa-tracking-neg-2, -0.02em);
}

.b2b-login-subtitle {
    color: var(--awa-auth-muted);
}

.b2b-field-label {
    color: var(--awa-gray-700);
    font-weight: var(--awa-weight-bold);
}

.b2b-field input {
    min-height: var(--awa-space-9, 48px);
    border-radius:var(--awa-radius-lg);
    border: var(--awa-border-width, 1px) solid var(--awa-auth-border-strong);
    background: var(--awa-white);
    color: var(--awa-auth-text);
    padding-inline: var(--awa-space-3-5, 14px);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.b2b-field input::placeholder {
    color: var(--awa-gray-430);
}

.b2b-field input:hover {
    border-color: #b8c4d6;
}

.b2b-field input:focus,
.b2b-field input:focus-visible {
    border-color: var(--awa-auth-primary);
    outline: var(--awa-leading-zero, 0);
}

.b2b-field-note,
.b2b-login-forgot span {
    color: var(--awa-auth-muted);
}

.b2b-login-forgot a,
.b2b-login-footer a,
.b2b-register-page .terms-section .label a,
.b2b-register-page .actions-toolbar .secondary a,
.b2b-register-page a {
    color: var(--awa-auth-primary);
    text-decoration-thickness: var(--awa-text-decoration-thickness, 0.08em);
    text-underline-offset: var(--awa-text-underline-offset, 0.14em);
}

.b2b-login-forgot a:hover,
.b2b-login-footer a:hover,
.b2b-register-page .terms-section .label a:hover,
.b2b-register-page .actions-toolbar .secondary a:hover,
.b2b-register-page a:hover {
    color: var(--awa-auth-primary-hover);
}

.b2b-password-wrap,
.b2b-register-password-wrap {
    border-radius:var(--awa-radius-lg);
}

.b2b-password-toggle,
.b2b-register-page .b2b-register-password-toggle {
    min-width: var(--awa-space-8-5, 44px);
    min-height: var(--awa-space-8-5, 44px);
    border-radius:var(--awa-radius-pill);
    color: var(--awa-auth-primary);
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.b2b-password-toggle:hover,
.b2b-register-page .b2b-register-password-toggle:hover {
    background: var(--awa-auth-soft);
    color: var(--awa-auth-primary-hover);
}

.b2b-password-toggle:focus-visible,
.b2b-register-page .b2b-register-password-toggle:focus-visible {
    outline: var(--awa-leading-zero, 0);
}

.b2b-login-actions,
.b2b-login-ctas {
    width: 100%;
}

.b2b-btn-entrar,
.b2b-btn-register,
.b2b-btn-claim,
.b2b-register-page .action.submit.primary.create-b2b-account {
    min-height: var(--awa-space-9, 48px);
    border-radius:var(--awa-radius-lg);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.b2b-btn-entrar,
.b2b-register-page .action.submit.primary.create-b2b-account {
    background: var(--awa-auth-primary);
    border-color: var(--awa-auth-primary);
    color: var(--awa-white);
}

.b2b-btn-entrar:hover,
.b2b-register-page .action.submit.primary.create-b2b-account:hover {
    background: var(--awa-auth-primary-hover);
    border-color: var(--awa-auth-primary-hover);
    transform: translateY(var(--awa-neg-0-25, -1px));
}

.b2b-btn-register,
.b2b-btn-claim {
    border: var(--awa-border-width, 1px) solid var(--awa-auth-border);
    background: var(--awa-white);
}

.b2b-btn-register:hover,
.b2b-btn-claim:hover {
    border-color: rgb(183 51 55 / 36%);
    background: var(--awa-red-4, rgb(183 51 55 / 4%));
    transform: translateY(var(--awa-neg-0-25, -1px));
}

.b2b-btn-entrar:focus-visible,
.b2b-btn-register:focus-visible,
.b2b-btn-claim:focus-visible,
.b2b-login-whatsapp:focus-visible,
.b2b-register-page .action.submit.primary.create-b2b-account:focus-visible,
.b2b-register-page .b2b-benefits-toggle:focus-visible,
.b2b-register-page .progress-step:focus-visible,
.b2b-register-page .actions-toolbar .secondary a:focus-visible {
    outline: var(--awa-leading-zero, 0);
}

.b2b-login-whatsapp {
    border-radius:var(--awa-radius-lg);
    border: var(--awa-border-width, 1px) solid rgb(37 211 102 / 18%);
    background: var(--awa-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.b2b-login-whatsapp:hover {
    border-color: rgb(37 211 102 / 34%);
    transform: translateY(var(--awa-neg-0-25, -1px));
}

.b2b-register-page {
    font-family: var(--awa-font, 'Rubik', Arial, sans-serif);
}

html body .page-wrapper .b2b-register-page .b2b-register-container {
    border-radius: var(--awa-auth-radius-lg);
    border-color: var(--awa-auth-border);
}

html body .page-wrapper .b2b-register-page .register-header .register-title {
    color: var(--awa-gray-920);
    letter-spacing: var(--awa-tracking-neg-2, -0.02em);
}

html body .page-wrapper .b2b-register-page .register-header .subtitle,
html body .page-wrapper .b2b-register-page .register-header .register-trust-note {
    color: var(--awa-auth-muted);
}

.b2b-register-page .register-meta__item {
    border-color: var(--awa-auth-border);
    border-radius:var(--awa-radius-lg);
}

.b2b-register-page .register-meta__item:hover {
    border-color: var(--awa-red-22, rgb(183 51 55 / 22%));
}

.b2b-register-page .b2b-benefits-toggle {
    min-height: var(--awa-space-9, 48px);
    border-radius: var(--awa-radius-md-lg);
    border-color: var(--awa-red-18, rgb(183 51 55 / 18%));
}

.b2b-register-page .b2b-benefits-toggle[aria-expanded='true'] {
    border-color: var(--awa-red-28, rgb(183 51 55 / 28%));
    background: linear-gradient(180deg, var(--awa-white), rgb(183 51 55 / 3%));
}

.b2b-register-page .b2b-register-form .field .input-text,
.b2b-register-page .b2b-register-form select,
.b2b-register-page .b2b-register-form textarea {
    min-height: var(--awa-space-9, 48px);
    border-radius:var(--awa-radius-lg);
    border-color: var(--awa-auth-border-strong);
    transition: var(--awa-transition-border-sh-02, border-color 0.2s ease, box-shadow 0.2s ease);
}

.b2b-register-page .b2b-register-form textarea {
    min-height: var(--awa-size-104, 104px);
    padding-top: var(--awa-space-3, 12px);
    resize: vertical;
}

.b2b-register-page .b2b-register-form .field .input-text:focus,
.b2b-register-page .b2b-register-form .field .input-text:focus-visible,
.b2b-register-page .b2b-register-form select:focus,
.b2b-register-page .b2b-register-form select:focus-visible,
.b2b-register-page .b2b-register-form textarea:focus,
.b2b-register-page .b2b-register-form textarea:focus-visible {
    border-color: var(--awa-auth-primary);
    outline: var(--awa-leading-zero, 0);
}

.b2b-register-page .progress-step {
    min-height: var(--awa-space-8-5, 44px);
    border-radius:var(--awa-radius-full);
    transition: var(--awa-transition-bg-brd-sh-cbg-02, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease);
}

.b2b-register-page .progress-step:hover {
    border-color: var(--awa-red-22, rgb(183 51 55 / 22%));
}

.b2b-register-page .progress-step.is-active,
.b2b-register-page .progress-step[aria-current='step'] {
    border-color: var(--awa-red-34, rgb(183 51 55 / 34%));
}

.b2b-register-page .progress-step__num {
    background: var(--awa-auth-primary);
    color: var(--awa-white);
}

.b2b-register-page .actions-toolbar {
    gap: var(--awa-gap-lg);
}

.b2b-register-page .actions-toolbar .secondary {
    border-radius:var(--awa-radius-lg);
    border: var(--awa-border-width, 1px) solid var(--awa-auth-border);
    background: var(--awa-white);
    padding: var(--awa-space-3, 12px) var(--awa-space-3-5, 14px);
}

.b2b-register-page .actions-toolbar .secondary a {
    font-weight: var(--awa-weight-semibold);
}

.b2b-register-page .terms-section .label {
    line-height: var(--awa-leading-comfortable, 1.45);
}

.b2b-register-page .terms-section .checkbox {
    width: var(--awa-space-4-5, 18px);
    height: var(--awa-space-4-5, 18px);
    accent-color: var(--awa-auth-primary);
}

.b2b-register-page .actions-primary-note {
    color: var(--awa-auth-muted);
}

:is(body.b2b-auth-shell, body.b2b-register-index) a:focus-visible {
    outline: var(--awa-leading-zero, 0);
    border-radius:var(--awa-radius-md);
}

/* AWA Round12: login/register conversion structure refinement */
.b2b-login-page {
    min-height: var(--awa-svh-100, 100svh);
    display: grid;
    justify-items: center;
    align-content: start;
    gap: clamp(20px, 3vw, 32px);
    padding:
        clamp(20px, 4vw, 40px)
        var(--awa-container-padding, 24px)
        calc(clamp(28px, 4vw, 40px) + env(safe-area-inset-bottom));
}

.b2b-login-logo,
.b2b-login-card,
.b2b-login-footer,
.b2b-register-shell-content {
    width: min(100%, 560px);
    margin-inline: auto;
}

.b2b-login-form {
    display: grid;
    gap: clamp(18px, 2vw, 24px);
}

.b2b-field {
    display: grid;
    gap: var(--awa-gap-sm);
}

.b2b-field.b2b-field-password .b2b-password-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.b2b-field.b2b-field-password .b2b-password-wrap input {
    width: 100%;
    padding-inline-end: var(--awa-size-92, 92px) !important;
    padding-right: var(--awa-size-92, 92px) !important;
}

.b2b-field.b2b-field-password .b2b-password-wrap .b2b-password-toggle {
    position: absolute;
    inset-inline-end: 6px;
    top: var(--awa-pos-50, 50%);
    transform: var(--awa-transform-y-center, translateY(-50%));
    min-width: var(--awa-size-82, 82px);
    min-height: var(--awa-size-38, 38px);
    height: var(--awa-size-38, 38px);
    border-radius:var(--awa-radius-pill);
    font-size:var(--awa-font-size-12);
    font-weight: var(--awa-weight-bold);
}

.b2b-login-divider {
    display: flex;
    align-items: center;
    gap: var(--awa-gap-md);
    margin: var(--awa-space-3-5, 14px) 0;
    color: var(--awa-auth-muted);
    font-size:var(--awa-font-size-xs);
    font-weight: var(--awa-weight-bold);
    letter-spacing: var(--awa-tracking-caps, 0.08em);
    text-transform: uppercase;
}

.b2b-login-divider::before,
.b2b-login-divider::after {
    content: '';
    height: var(--awa-space-0-25, 1px);
    flex: var(--awa-flex-auto, 1 1 auto);
    background: var(--awa-auth-border);
}

.b2b-login-ctas {
    display: grid;
    gap: var(--awa-gap-md);
}

.b2b-login-ctas .b2b-btn-register,
.b2b-login-ctas .b2b-btn-claim {
    width: 100%;
    min-height: var(--awa-size-46, 46px);
    border-radius:var(--awa-radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: var(--awa-leading-base, 1.3);
    padding: var(--awa-space-2, 8px) var(--awa-space-3, 12px);
}

.b2b-login-ctas .b2b-btn-register strong,
.b2b-login-ctas .b2b-btn-claim strong {
    margin-inline-start: var(--awa-space-1, 4px);
}

.b2b-login-footer {
    display: grid;
    gap: var(--awa-gap-sm);
    justify-items: center;
    text-align: center;
}

.b2b-login-footer-brand {
    color: var(--awa-gray-920);
    font-weight: var(--awa-weight-bold);
}

.b2b-login-footer-contact {
    color: var(--awa-auth-muted);
}

.b2b-login-form .mage-error {
    display: block;
    margin-top: var(--awa-space-1, 4px);
    color: var(--awa-danger-mid, #b91c1c);
    font-size:var(--awa-font-size-12);
    line-height: var(--awa-leading-base, 1.3);
}

/* Keep auth conversion path clear: avoid floating chrome covering CTA/actions. */
:is(body.b2b-auth-shell, body.b2b-register-index) .awa-whatsapp-float,
:is(body.b2b-auth-shell, body.b2b-register-index) .awa-nav-overlay {
    display: none !important;
}

.b2b-login-card {
    padding: clamp(30px, 3.5vw, 40px) clamp(20px, 3.5vw, 32px) clamp(26px, 3vw, 34px);
    border-radius:var(--awa-ui-radius-card, 20px);
    box-shadow: var(--awa-ui-panel-shadow);
}

.b2b-login-actions .b2b-btn-entrar {
    width: 100%;
    letter-spacing: var(--awa-tracking-button, 0.06em);
}

.b2b-login-forgot {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    gap: var(--awa-gap-sm);
}

@media (max-width: 767px) {
    .b2b-login-page {
        padding:
            14px
            var(--awa-container-padding, 12px)
            calc(24px + env(safe-area-inset-bottom));
        gap: var(--awa-gap-md);
    }

    .b2b-login-logo,
    .b2b-login-card,
    .b2b-login-footer,
    .b2b-register-shell-content {
        width: min(100%, 100%);
    }

    .b2b-login-card {
        margin-top: var(--awa-space-4-5, 18px);
        border-radius: var(--awa-radius-lg, 16px);
        padding: var(--awa-space-6, 24px) var(--awa-space-4-5, 18px) var(--awa-space-5-5, 22px);
    }

    .b2b-login-logo {
        padding: var(--awa-space-3-5, 14px) 0 var(--awa-space-2-5, 10px);
    }

    .b2b-login-forgot {
        justify-content: flex-start;
        margin-top: var(--awa-space-0-5, 2px);
    }

    .b2b-login-divider {
        margin: var(--awa-space-3, 12px) 0;
    }

    .b2b-field.b2b-field-password .b2b-password-wrap .b2b-password-toggle {
        min-width: var(--awa-size-76, 76px);
        min-height: var(--awa-size-36, 36px);
        height: var(--awa-size-36, 36px);
        inset-inline-end: 4px;
    }

    .b2b-field.b2b-field-password .b2b-password-wrap input {
        padding-inline-end: 88px !important;
        padding-right: 88px !important;
    }

    .b2b-btn-register,
    .b2b-btn-claim,
    .b2b-btn-entrar,
    .b2b-register-page .action.submit.primary.create-b2b-account,
    .b2b-login-whatsapp,
    .b2b-register-page .b2b-benefits-toggle,
    .b2b-register-page .progress-step {
        min-height: var(--awa-space-8-5, 44px);
    }

    .b2b-register-page .register-meta {
        grid-template-columns: var(--awa-gtc-1, 1fr);
        gap: var(--awa-gap-sm);
    }

    .b2b-register-page .b2b-benefits {
        padding: var(--awa-space-3-5, 14px);
        border-radius: var(--awa-radius-md-lg);
        gap: var(--awa-gap-md);
    }

    html body .page-wrapper .b2b-register-page .b2b-register-container {
        border-radius: var(--awa-radius-lg, 16px);
    }

    .b2b-register-page .actions-toolbar .secondary {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-password-toggle,
    .b2b-register-page .b2b-register-password-toggle,
    .b2b-btn-entrar,
    .b2b-btn-register,
    .b2b-btn-claim,
    .b2b-login-whatsapp,
    .b2b-register-page .action.submit.primary.create-b2b-account,
    .b2b-register-page .progress-step,
    .b2b-register-page .benefit-item,
    .b2b-register-page .benefit-icon,
    .b2b-login-card,
    .b2b-register-page .register-meta__item {
        transition: var(--awa-none, none);
        animation: none;
    }
}

/* AWA-AUDIT:login-premium-2026-04-16:start */

/* Focus ring vermelho nos inputs */
.b2b-field input:focus,
.b2b-field input:focus-visible {
    box-shadow: var(--awa-auth-focus);
}

/* Card shell: sombra suave e borda mais visível */
.b2b-login-card {
    box-shadow: var(--awa-auth-shadow);
    border: var(--awa-border-width, 1px) solid var(--awa-auth-border);
}

/* Labels: tamanho e peso padronizados */
.b2b-field-label {
    font-size: var(--awa-text-sm, 13px);
    font-weight: var(--awa-weight-semibold, 600);
    margin-bottom: var(--awa-space-1, 4px);
}

/* Botão Entrar: width 100% e sombra vermelha */
.b2b-btn-entrar {
    width: 100%;
    box-shadow: var(--awa-ui-cta-shadow);
    font-size: var(--awa-text-md, 16px);
    font-weight: var(--awa-weight-bold, 700);
}

/* Links secundários: menor destaque visual */
.b2b-login-forgot {
    font-size: var(--awa-text-sm, 13px);
    color: var(--awa-auth-muted);
}

.b2b-login-ctas .b2b-btn-register,
.b2b-login-ctas .b2b-btn-claim {
    font-size: var(--awa-text-base, 14px);
}

/* Centralizar container com max-width */
.b2b-login-page {
    max-width: var(--awa-size-460, 460px);
    margin-inline: auto;
}

/* AWA-AUDIT:login-premium-2026-04-16:end */