.password-reset-card {
    min-height: 32rem;
}

.password-reset-identity {
    display: grid;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    border: 1px solid var(--elevation);
    border-radius: var(--radius-md);
    background: var(--bg);
}

.password-reset-identity span {
    color: var(--overlay);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.password-reset-identity strong {
    overflow-wrap: anywhere;
}

.password-reset-sign-in {
    box-sizing: border-box;
    text-decoration: none;
}

.password-reset-sign-in[hidden],
.password-reset-again[hidden] {
    display: none !important;
}

.password-reset-sign-in:hover {
    text-decoration: none;
}

.password-reset-again {
    display: block;
    margin: var(--spacing-md) auto 0;
    padding: var(--spacing-sm) var(--spacing-md);
    border: 0;
    color: var(--login-blue);
    background: transparent;
    font-weight: 750;
    cursor: pointer;
}

.password-reset-again:hover {
    text-decoration: underline;
}

/* Dealer recovery shares the Office layout with its own brand palette. */
.password-reset-page[data-password-reset-account="dealer"] {
    --login-blue: var(--color-orange);
    --login-page-bg: #fff7f0;
    --login-workspace-bg:
        radial-gradient(circle at 100% 0, var(--alpha-orange), transparent 30%),
        linear-gradient(180deg, #fffaf6 0%, #fff3e8 100%);
    --login-brand-bg: linear-gradient(145deg, #743400 0%, #b95100 48%, var(--color-orange) 100%);
}

[data-theme="dark"] .password-reset-page[data-password-reset-account="dealer"] {
    --login-page-bg: #100b07;
    --login-workspace-bg:
        radial-gradient(circle at 100% 0, var(--alpha-orange), transparent 32%),
        linear-gradient(180deg, #19110b 0%, #100b07 100%);
    --login-brand-bg: linear-gradient(145deg, #291305 0%, #582b10 48%, #8f4717 100%);
}

.password-reset-page[data-password-reset-account="dealer"] .login-control:focus-within {
    box-shadow: 0 0 0 4px var(--alpha-orange);
}

.password-reset-page[data-password-reset-account="dealer"] .login-submit {
    color: var(--color-black);
    box-shadow: 0 12px 24px var(--alpha-orange);
}

.password-reset-page[data-password-reset-account="dealer"] .login-support a:focus-visible {
    outline-color: var(--color-orange);
}