/* ABS OTP Form — Form styles */
.fvr-wrap { max-width: 760px; margin: 30px auto; padding: 25px; background: #fff;
    border: 1px solid #e3e6ea; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,.04);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }


.fvr-wrap h2 { margin: 0 0 8px; color: #0a2540; font-size: 24px; }
.fvr-intro   { color: #64748b; margin-bottom: 22px; }
.fvr-wrap-border{ border: 1px solid #ddd !important; border-radius: 8px; padding: 20px; }

.fvr-row { margin-bottom: 16px; display: flex; flex-direction: column; }

/* Two fields per row (stacks to one column on small screens) */
.fvr-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
.fvr-grid .fvr-row { min-width: 0; }
.fvr-grid .fvr-row-full { grid-column: 1 / -1; }
@media (max-width: 600px) {
    .fvr-grid { grid-template-columns: 1fr; }
}
.fvr-row label { font-weight: 600; color: #0f172a; margin-bottom: 6px; font-size: 14px; }
.fvr-row .req  { color: #d4002d; }
.fvr-row input, .fvr-row select, .fvr-row textarea {
    width: 100%; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 6px;
    font-size: 14px; box-sizing: border-box; transition: border-color .15s; background: #fff;
    font-family: inherit;
}
.fvr-row input:focus, .fvr-row select:focus, .fvr-row textarea:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15,118,110,.12); }
.fvr-row input:disabled, .fvr-row textarea:disabled { background: #f1f5f9; color: #64748b; }

.fvr-mobile-wrap { display: flex; gap: 8px; }
.fvr-mobile-wrap input { flex: 1; }

.fvr-btn { padding: 10px 16px; border: none; border-radius: 6px; cursor: pointer;
    font-size: 14px; font-weight: 600; transition: background .15s, opacity .15s; white-space: nowrap; }
.fvr-btn:disabled { opacity: .6; cursor: not-allowed; }
.fvr-btn-primary    { background: #0f766e; color: #fff; }
.fvr-btn-primary:hover:not(:disabled)   { background: #0a5a54; }
.fvr-btn-secondary  { background: #d4a017; color: #fff; }
.fvr-btn-secondary:hover:not(:disabled) { background: #b8890e; }

.fvr-actions { margin-top: 24px; }
.fvr-actions .fvr-btn { width: 100%; padding: 12px; font-size: 15px; }

.fvr-error { color: #d4002d; font-size: 12px; margin-top: 5px; min-height: 14px; }
.fvr-help  { font-size: 12px; margin-top: 5px; }
.fvr-help.ok   { color: #0f766e; font-weight: 600; }
.fvr-help.err  { color: #d4002d; }
.fvr-help.info { color: #64748b; }

.fvr-message { padding: 12px 14px; border-radius: 6px; margin-top: 18px; font-size: 14px; }
.fvr-message.ok  { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.fvr-message.err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }