/* verify-before-register 前端样式 */

/* ===== easy-login 字段集成（uvr_email_code 字段） =====
   注意：输入框/图标/边框/高度/宽度/颜色等样式，完全由 easy-login 的
   Styles + Fields 设置统一控制，这里不覆盖，只定制"获取验证码"按钮。 */

.uvr-code-field {
    position: relative;
}

/* 输入框 + 按钮同行布局 */
.uvr-code-row {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.uvr-code-row .xoo-aff-input-group {
    flex: 1 1 auto;
    min-width: 0;
}

/* "获取验证码"按钮：普通按钮，放输入框旁边 */
.uvr-code-field .uvr-get-code-btn {
    flex: 0 0 auto;
    min-width: 96px;                /* 固定最小宽度，防倒计时文字变化导致跳动 */
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: #9DB2BF;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;  /* 数字等宽，倒计时不跳动 */
    text-align: center;
    cursor: pointer;
    line-height: 1;
    box-sizing: border-box;
}
.uvr-code-field .uvr-get-code-btn:hover:not(:disabled) {
    background: #8ba1b0;
}
.uvr-code-field .uvr-get-code-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.uvr-code-status {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.5;
    padding: 6px 10px;
    border-radius: 3px;
}

.uvr-code-status.sending {
    color: #666;
    background: #f5f5f5;
}

.uvr-code-status.success {
    color: #2e7d32;
    background: #e8f5e9;
}

.uvr-code-status.error {
    color: #c62828;
    background: #ffebee;
}

/* ===== 短代码备用入口 [uvr_verify_form] ===== */

.uvr-sc-wrap {
    max-width: 420px;
    margin: 24px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}

.uvr-sc-wrap h3 {
    margin: 0 0 8px;
    font-size: 18px;
}

.uvr-sc-wrap .uvr-sc-desc {
    margin: 0 0 16px;
    color: #666;
    font-size: 13px;
}

.uvr-sc-wrap label {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
}

.uvr-sc-wrap input[type="email"],
.uvr-sc-wrap input[type="text"],
.uvr-sc-wrap input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}

.uvr-sc-wrap button.button {
    background: #4a90e2;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
}

.uvr-sc-wrap button.button:hover {
    background: #357abd;
}

.uvr-sc-info {
    padding: 12px;
    background: #e8f5e9;
    border-radius: 3px;
    color: #2e7d32;
}

.uvr-sc-notice {
    color: #27ae60;
    font-size: 13px;
}

.uvr-sc-msg,
.uvr-sc-msg2 {
    color: #c62828;
    font-size: 13px;
    min-height: 18px;
}