/* Fake Order Shield — checkout front-end */
.fos-otp-box { margin:14px 0; padding:14px 16px; border:1px solid #e2e8f5; border-radius:10px; background:#f8faff; }
.fos-otp-label { margin:0 0 8px; font-weight:600; color:#1e2761; font-size:14px; }
.fos-otp-row { display:flex; gap:8px; flex-wrap:wrap; }
.fos-otp-row input { flex:1; min-width:120px; padding:9px 12px; border:1px solid #cdd6e8; border-radius:8px; }
.fos-otp-row .button { border-radius:8px; }
.fos-otp-msg { margin-top:8px; font-size:13px; }
.fos-otp-msg.ok { color:#0e9f6e; }
.fos-otp-msg.err { color:#c0392b; }
.fos-history-badge { font-size:12px; }

/* Autofill detection hook (read by frontend.js) */
@keyframes fosAutofill { from { opacity: 1; } to { opacity: 1; } }
input:-webkit-autofill { animation-name: fosAutofill; animation-duration: 0.01s; }

/* Live phone validation */
#billing_phone.fos-phone-bad { border-color: #dc2626 !important; box-shadow: 0 0 0 1px #dc2626 !important; }
.fos-phone-live { color: #dc2626; font-size: 13px; margin-top: 4px; line-height: 1.4; }