/* _content/SoftMax.Core.Authentication/Components/Pages/ForgotPassword.razor.rz.scp.css */
/* ── Mobile logo (visible only when brand panel hides ≤768 px) ─────────────── */
.fp-mobile-header[b-n35om7lxdg] {
    display: none;
    align-items: center;
}

.fp-mobile-logo[b-n35om7lxdg] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 10px;
}

/* ── Brand panel: animated mail icon ──────────────────────────────────────── */
.fp-brand-icon-wrap[b-n35om7lxdg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.fp-brand-icon[b-n35om7lxdg] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: fp-icon-float-b-n35om7lxdg 5s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.fp-brand-icon-wrap[b-n35om7lxdg]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: fp-ring-pulse-b-n35om7lxdg 5s ease-in-out infinite;
}

.fp-brand-icon-wrap[b-n35om7lxdg]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: fp-ring-pulse-b-n35om7lxdg 5s ease-in-out infinite 0.65s;
}

@keyframes fp-icon-float-b-n35om7lxdg {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes fp-ring-pulse-b-n35om7lxdg {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Back link ────────────────────────────────────────────────────────────── */
.fp-back-link[b-n35om7lxdg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-back-icon[b-n35om7lxdg] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.fp-back-link:hover .fp-back-icon[b-n35om7lxdg] {
    transform: translateX(-3px);
}

[dir="rtl"] .fp-back-icon[b-n35om7lxdg]                     { transform: scaleX(-1); }
[dir="rtl"] .fp-back-link:hover .fp-back-icon[b-n35om7lxdg] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .fp-mobile-header[b-n35om7lxdg] {
        display: flex;
    }
}
/* _content/SoftMax.Core.Authentication/Components/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.fpc-mobile-header[b-09um7zvmkk] {
    display: none;
    align-items: center;
}

.fpc-mobile-logo[b-09um7zvmkk] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 10px;
}

/* ── Brand panel: animated mail icon ──────────────────────────────────────── */
.fpc-brand-icon-wrap[b-09um7zvmkk] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.fpc-brand-icon[b-09um7zvmkk] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: fpc-icon-float-b-09um7zvmkk 5s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.fpc-brand-icon-wrap[b-09um7zvmkk]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: fpc-ring-pulse-b-09um7zvmkk 5s ease-in-out infinite;
}

.fpc-brand-icon-wrap[b-09um7zvmkk]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: fpc-ring-pulse-b-09um7zvmkk 5s ease-in-out infinite 0.65s;
}

@keyframes fpc-icon-float-b-09um7zvmkk {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes fpc-ring-pulse-b-09um7zvmkk {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form panel: flex column so success content fills and centers ──────────── */
.lp-form-panel[b-09um7zvmkk] {
    display: flex;
    flex-direction: column;
}

/* ── Success content area ─────────────────────────────────────────────────── */
.fpc-success-content[b-09um7zvmkk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem 0;
}

/* ── Success icon circle ──────────────────────────────────────────────────── */
.fpc-success-icon[b-09um7zvmkk] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--login-surface-alt);
    border: 1.5px solid var(--login-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--login-primary);
    animation: fpc-icon-pop-b-09um7zvmkk 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@keyframes fpc-icon-pop-b-09um7zvmkk {
    0%   { transform: scale(0.4); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1);   opacity: 1; }
}

.fpc-success-title[b-09um7zvmkk] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--login-text);
    margin: 0 0 0.25rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.fpc-success-sub[b-09um7zvmkk] {
    font-size: 0.875rem;
    color: var(--login-text-muted);
    line-height: 1.65;
    margin: 0 0 1.25rem;
    max-width: 310px;
}

.fpc-cta[b-09um7zvmkk] {
    width: 100%;
    justify-content: center;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .fpc-mobile-header[b-09um7zvmkk] {
        display: flex;
    }
}
/* _content/SoftMax.Core.Authentication/Components/Pages/LoginWith2FA.razor.rz.scp.css */
/* ── 2FA card: slightly narrower than the login card ──────────────────────── */
.twofa-card[b-7zkjq201v9] {
    width: 800px;
}

/* ── Mobile logo (visible only when brand panel is hidden ≤768 px) ─────────── */
.twofa-mobile-header[b-7zkjq201v9] {
    display: none;
    align-items: center;
    margin-bottom: 0.25rem;
}

.twofa-mobile-logo[b-7zkjq201v9] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 10px;
}

/* ── Brand panel: animated shield icon ────────────────────────────────────── */
.twofa-brand-icon-wrap[b-7zkjq201v9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.twofa-brand-shield[b-7zkjq201v9] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: twofa-shield-float-b-7zkjq201v9 5s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.twofa-brand-icon-wrap[b-7zkjq201v9]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: twofa-ring-pulse-b-7zkjq201v9 5s ease-in-out infinite;
}

.twofa-brand-icon-wrap[b-7zkjq201v9]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: twofa-ring-pulse-b-7zkjq201v9 5s ease-in-out infinite 0.65s;
}

@keyframes twofa-shield-float-b-7zkjq201v9 {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes twofa-ring-pulse-b-7zkjq201v9 {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form layout ─────────────────────────────────────────────────────────── */
.twofa-form[b-7zkjq201v9] {
    display: flex;
    flex-direction: column;
}

/* ── OTP digit group ─────────────────────────────────────────────────────── */
.otp-group[b-7zkjq201v9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
}

/* ── Individual OTP digit box ────────────────────────────────────────────── */
.otp-input[b-7zkjq201v9] {
    width: 52px;
    height: 62px;
    border: 1.5px solid var(--login-input-border);
    border-radius: var(--md3-border-radius-sm);
    background: var(--login-input-bg);
    color: var(--login-text);
    font-size: 1.625rem;
    font-weight: 700;
    font-family: inherit;
    text-align: center;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.15s ease;
    caret-color: transparent;
    -moz-appearance: textfield;
    letter-spacing: 0;
}

.otp-input[b-7zkjq201v9]::-webkit-outer-spin-button,
.otp-input[b-7zkjq201v9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-input:hover[b-7zkjq201v9] {
    border-color: var(--login-primary-light);
}

.otp-input:focus[b-7zkjq201v9] {
    border-color: var(--login-primary);
    box-shadow: 0 0 0 3px var(--login-primary-glow);
    background: var(--login-input-focus-bg);
    transform: translateY(-2px);
}

.otp-input.otp-filled[b-7zkjq201v9] {
    border-color: var(--login-primary);
    color: var(--login-text);
}

/* ── Dash separator between digit groups ─────────────────────────────────── */
.otp-separator[b-7zkjq201v9] {
    width: 16px;
    height: 2px;
    background: var(--login-input-border);
    border-radius: 2px;
    flex-shrink: 0;
}

/* ── Remember machine option ─────────────────────────────────────────────── */
.twofa-options[b-7zkjq201v9] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

/* ── Back-to-signin link ─────────────────────────────────────────────────── */
.twofa-back-link[b-7zkjq201v9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.twofa-back-icon[b-7zkjq201v9] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.twofa-back-link:hover .twofa-back-icon[b-7zkjq201v9] {
    transform: translateX(-3px);
}

[dir="rtl"] .twofa-back-icon[b-7zkjq201v9]           { transform: scaleX(-1); }
[dir="rtl"] .twofa-back-link:hover .twofa-back-icon[b-7zkjq201v9] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive: show mobile logo, hide brand panel ─────────────────────── */
@media (max-width: 768px) {
    .twofa-mobile-header[b-7zkjq201v9] {
        display: flex;
    }

    .twofa-card[b-7zkjq201v9] {
        width: 480px;
    }
}

@media (max-width: 480px) {
    .otp-input[b-7zkjq201v9] {
        width: 42px;
        height: 50px;
        font-size: 1.375rem;
    }

    .otp-group[b-7zkjq201v9] {
        gap: 0.4rem;
    }
}

@media (max-width: 360px) {
    .otp-input[b-7zkjq201v9] {
        width: 36px;
        height: 44px;
        font-size: 1.2rem;
    }

    .otp-group[b-7zkjq201v9] {
        gap: 0.3rem;
    }

    .otp-separator[b-7zkjq201v9] {
        width: 10px;
    }
}
/* _content/SoftMax.Core.Authentication/Components/Pages/ResetPassword.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.rp-mobile-header[b-ofvrfsjrrr] {
    display: none;
    align-items: center;
}

.rp-mobile-logo[b-ofvrfsjrrr] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 10px;
}

/* ── Brand panel: animated lock icon ──────────────────────────────────────── */
.rp-brand-icon-wrap[b-ofvrfsjrrr] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.rp-brand-icon[b-ofvrfsjrrr] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: rp-icon-float-b-ofvrfsjrrr 5s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.rp-brand-icon-wrap[b-ofvrfsjrrr]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: rp-ring-pulse-b-ofvrfsjrrr 5s ease-in-out infinite;
}

.rp-brand-icon-wrap[b-ofvrfsjrrr]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: rp-ring-pulse-b-ofvrfsjrrr 5s ease-in-out infinite 0.65s;
}

@keyframes rp-icon-float-b-ofvrfsjrrr {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes rp-ring-pulse-b-ofvrfsjrrr {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Back link ────────────────────────────────────────────────────────────── */
.rp-back-link[b-ofvrfsjrrr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rp-back-icon[b-ofvrfsjrrr] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.rp-back-link:hover .rp-back-icon[b-ofvrfsjrrr] {
    transform: translateX(-3px);
}

[dir="rtl"] .rp-back-icon[b-ofvrfsjrrr]                     { transform: scaleX(-1); }
[dir="rtl"] .rp-back-link:hover .rp-back-icon[b-ofvrfsjrrr] { transform: scaleX(-1) translateX(3px); }

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rp-mobile-header[b-ofvrfsjrrr] {
        display: flex;
    }
}
/* _content/SoftMax.Core.Authentication/Components/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
/* ── Mobile logo ───────────────────────────────────────────────────────────── */
.rpc-mobile-header[b-9j7z2tg5tg] {
    display: none;
    align-items: center;
}

.rpc-mobile-logo[b-9j7z2tg5tg] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 10px;
}

/* ── Brand panel: animated check-circle icon ──────────────────────────────── */
.rpc-brand-icon-wrap[b-9j7z2tg5tg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 0 auto 1.75rem;
}

.rpc-brand-icon[b-9j7z2tg5tg] {
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.30)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
    animation: rpc-icon-float-b-9j7z2tg5tg 5s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.rpc-brand-icon-wrap[b-9j7z2tg5tg]::before {
    content: '';
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    animation: rpc-ring-pulse-b-9j7z2tg5tg 5s ease-in-out infinite;
}

.rpc-brand-icon-wrap[b-9j7z2tg5tg]::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    animation: rpc-ring-pulse-b-9j7z2tg5tg 5s ease-in-out infinite 0.65s;
}

@keyframes rpc-icon-float-b-9j7z2tg5tg {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-7px) scale(1.04); }
}

@keyframes rpc-ring-pulse-b-9j7z2tg5tg {
    0%, 100% { transform: scale(1);    opacity: 0.55; }
    50%       { transform: scale(1.10); opacity: 1; }
}

/* ── Form panel: flex column so success content fills and centers ──────────── */
.lp-form-panel[b-9j7z2tg5tg] {
    display: flex;
    flex-direction: column;
}

/* ── Success content area ─────────────────────────────────────────────────── */
.rpc-success-content[b-9j7z2tg5tg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem 0;
}

/* ── Success icon circle ──────────────────────────────────────────────────── */
.rpc-success-icon[b-9j7z2tg5tg] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--login-surface-alt);
    border: 1.5px solid var(--login-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--login-primary);
    animation: rpc-icon-pop-b-9j7z2tg5tg 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@keyframes rpc-icon-pop-b-9j7z2tg5tg {
    0%   { transform: scale(0.4); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1);   opacity: 1; }
}

.rpc-success-title[b-9j7z2tg5tg] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--login-text);
    margin: 0 0 0.25rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.rpc-success-sub[b-9j7z2tg5tg] {
    font-size: 0.875rem;
    color: var(--login-text-muted);
    line-height: 1.65;
    margin: 0 0 1.25rem;
    max-width: 310px;
}

.rpc-cta[b-9j7z2tg5tg] {
    width: 100%;
    justify-content: center;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rpc-mobile-header[b-9j7z2tg5tg] {
        display: flex;
    }
}