/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.reset-password-container[b-a9ydlc4osp] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background, #FAFAFC);
    padding: var(--spacing-md, 1rem);
}

.reset-password-card[b-a9ydlc4osp] {
    background: var(--color-surface, #FFFFFF);
    border-radius: var(--radius-xl, 1.25rem);
    box-shadow: 0 4px 24px var(--color-shadow-md, rgba(0, 0, 0, 0.08));
    padding: var(--spacing-xl, 2rem);
    width: 100%;
    max-width: 420px;
}

.card-header[b-a9ydlc4osp] {
    text-align: center;
    margin-bottom: var(--spacing-xl, 2rem);
}

.card-header .logo[b-a9ydlc4osp] {
    width: 64px;
    height: 64px;
    margin-bottom: var(--spacing-md, 1rem);
}

.card-header h1[b-a9ydlc4osp] {
    font-family: var(--font-family, 'Poppins', sans-serif);
    font-size: var(--text-2xl, 1.375rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text, #1F2937);
    margin: 0;
}

.form-group[b-a9ydlc4osp] {
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.form-group label[b-a9ydlc4osp] {
    display: block;
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1F2937);
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.form-group .form-control[b-a9ydlc4osp],
.form-group input.form-control[b-a9ydlc4osp] {
    width: 100%;
    padding: var(--spacing-md, 1rem);
    font-size: var(--text-base, 0.9375rem);
    border: 1px solid var(--color-input-border, #E5E7EB);
    border-radius: var(--radius-md, 0.75rem);
    background: var(--color-input-fill, #F9FAFB);
    color: var(--color-text, #1F2937);
    transition: border-color var(--transition-fast, 150ms ease-out), box-shadow var(--transition-fast, 150ms ease-out);
    box-sizing: border-box;
}

.form-group .form-control:focus[b-a9ydlc4osp],
.form-group input.form-control:focus[b-a9ydlc4osp] {
    outline: none;
    border-color: var(--color-primary, #6366F1);
    box-shadow: 0 0 0 3px var(--color-input-focus-ring, rgba(99, 102, 241, 0.2));
}

.form-group .form-control[b-a9ydlc4osp]::placeholder,
.form-group input.form-control[b-a9ydlc4osp]::placeholder {
    color: var(--color-text-tertiary, #9CA3AF);
}

.form-group[b-a9ydlc4osp]  .validation-message {
    color: var(--color-error, #EF4444);
    font-size: var(--text-sm, 0.875rem);
    margin-top: var(--spacing-xs, 0.25rem);
}

.btn-primary[b-a9ydlc4osp] {
    width: 100%;
    padding: var(--spacing-md, 1rem);
    font-size: var(--text-md, 1rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text-inverse, #FFFFFF);
    background: var(--color-primary, #6366F1);
    border: none;
    border-radius: var(--radius-md, 0.75rem);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms ease-out);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm, 0.5rem);
}

.btn-primary:hover:not(:disabled)[b-a9ydlc4osp] {
    background: var(--color-primary-hover, #5558E3);
}

.btn-primary:disabled[b-a9ydlc4osp] {
    opacity: 0.6;
    cursor: not-allowed;
}

.alert[b-a9ydlc4osp] {
    padding: var(--spacing-md, 1rem);
    border-radius: var(--radius-md, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-sm, 0.5rem);
}

.alert i[b-a9ydlc4osp] {
    font-size: var(--text-lg, 1.125rem);
    flex-shrink: 0;
}

.alert-success[b-a9ydlc4osp] {
    background: var(--color-success-light, #D1FAE5);
    color: var(--color-success, #10B981);
}

.alert-danger[b-a9ydlc4osp] {
    background: var(--color-error-light, #FEE2E2);
    color: var(--color-error, #EF4444);
    margin-bottom: var(--spacing-md, 1rem);
}

.spinner-border-sm[b-a9ydlc4osp] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}
/* /Components/Pages/VerifyEmail.razor.rz.scp.css */
.verify-email-container[b-tgxxn9aoao] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background, #FAFAFC);
    padding: var(--spacing-md, 1rem);
}

.verify-email-card[b-tgxxn9aoao] {
    background: var(--color-surface, #FFFFFF);
    border-radius: var(--radius-xl, 1.25rem);
    box-shadow: 0 4px 24px var(--color-shadow-md, rgba(0, 0, 0, 0.08));
    padding: var(--spacing-xl, 2rem);
    width: 100%;
    max-width: 420px;
    text-align: center;
}

.card-header[b-tgxxn9aoao] {
    margin-bottom: var(--spacing-xl, 2rem);
}

.card-header .logo[b-tgxxn9aoao] {
    width: 64px;
    height: 64px;
    margin-bottom: var(--spacing-md, 1rem);
}

.card-header h1[b-tgxxn9aoao] {
    font-family: var(--font-family, 'Poppins', sans-serif);
    font-size: var(--text-2xl, 1.375rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text, #1F2937);
    margin: 0;
}

.loading-state[b-tgxxn9aoao] {
    padding: var(--spacing-xl, 2rem) 0;
}

.loading-state .spinner-border[b-tgxxn9aoao] {
    width: 3rem;
    height: 3rem;
    margin-bottom: var(--spacing-md, 1rem);
}

.loading-state p[b-tgxxn9aoao] {
    color: var(--color-text-secondary, #6B7280);
    font-size: var(--text-base, 0.9375rem);
    margin: 0;
}

.alert[b-tgxxn9aoao] {
    padding: var(--spacing-md, 1rem);
    border-radius: var(--radius-md, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-sm, 0.5rem);
    text-align: left;
}

.alert i[b-tgxxn9aoao] {
    font-size: var(--text-lg, 1.125rem);
    flex-shrink: 0;
}

.alert-success[b-tgxxn9aoao] {
    background: var(--color-success-light, #D1FAE5);
    color: var(--color-success, #10B981);
}

.alert-danger[b-tgxxn9aoao] {
    background: var(--color-error-light, #FEE2E2);
    color: var(--color-error, #EF4444);
}

.retry-text[b-tgxxn9aoao] {
    color: var(--color-text-secondary, #6B7280);
    font-size: var(--text-sm, 0.875rem);
    margin-top: var(--spacing-md, 1rem);
    margin-bottom: 0;
}

.text-primary[b-tgxxn9aoao] {
    color: var(--color-primary, #6366F1) !important;
}