/* /Pages/Login.razor.rz.scp.css */
/* 验证码输入行：输入框 + 图片并排 */
.captcha-row[b-9zaz983s40] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

/* 验证码输入框：固定窄宽度，覆盖 form-control 的 100% */
.captcha[b-9zaz983s40] {
    flex: 0 0 160px;
}

/* 验证码图片：点击刷新 */
.captcha-img[b-9zaz983s40] {
    height: 38px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* —— 以下样式原内嵌于 Login.razor 的 <style>，
   移至 CSS 隔离文件可避免 Razor 编译器因大段样式块造成的 PDB 行号漂移。 —— */

.mfa-info[b-9zaz983s40] {
    background: linear-gradient(135deg, #eef2ff, #ede9fe);
    border-left: 3px solid #6366f1;
    padding: 12px 14px;
    border-radius: 8px;
    color: #334155;
}

.mfa-qr-wrapper[b-9zaz983s40] {
    text-align: center;
}

.mfa-qr[b-9zaz983s40] {
    width: 210px;
    height: 210px;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.15);
    display: inline-block;
    background: #fff;
    cursor: pointer;
}

.mfa-qr-loading[b-9zaz983s40] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 13px;
    gap: 8px;
}

.otp-input[b-9zaz983s40] {
    font-size: 28px !important;
    letter-spacing: 16px;
    text-align: center !important;
    padding-left: 16px;
    font-family: 'Courier New', monospace;
}