.customer-portal-recovery {
    width: min(480px, 100%);
    margin: 32px auto;
    padding: 24px;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}
.customer-portal-recovery h1 { margin: 0 0 24px; font-size: 26px; line-height: 1.2; }
.customer-portal-recovery p { line-height: 1.5; }
.customer-portal-recovery .recovery-delivery-title { font-size: 22px; line-height: 1.3; margin: 0 0 16px; }
.customer-portal-recovery [data-status="sent"] .recovery-delivery-title { color: #08764e; }
.customer-portal-recovery [data-status="failed"] .recovery-delivery-title,
.customer-portal-recovery [data-status="expired"] .recovery-delivery-title { color: #b42318; }
.recovery-delivery-spam { color: #52647b; font-size: 14px; }
.customer-portal-recovery-error { color: #b42318; }
.customer-portal-recovery .customer-portal-form-row { min-width: 0; }
.customer-portal-recovery .customer-portal-btn { white-space: normal; }
.customer-portal-recovery-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.customer-portal-recovery .customer-portal-recovery-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px 22px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--customer-portal-primary, #2d7cf0);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(29, 85, 157, .16);
}
.customer-portal-recovery .customer-portal-recovery-back:hover { filter: brightness(.92); }
.customer-portal-recovery .customer-portal-recovery-back:focus-visible {
    outline: 2px solid var(--customer-portal-primary, #2d7cf0);
    outline-offset: 3px;
}
.customer-portal-recovery .customer-portal-recovery-back:active { box-shadow: none; }
@media (max-width: 480px) {
    .customer-portal-recovery { margin: 16px auto; padding: 20px 16px; }
}