/* OTP modal */
#waotp-modal-v2{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center}
#waotp-modal-v2 .waotp-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
#waotp-modal-v2 .waotp-dialog{position:relative;z-index:1;background:#fff;border-radius:10px;padding:18px;max-width:420px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.2)}
#waotp-modal-v2 input{width:100%;padding:10px;font-size:18px;letter-spacing:3px;text-align:center;border:1px solid #d1d5db;border-radius:6px;margin-top:8px}
#waotp-modal-v2 .waotp-meta{margin-top:6px;font-size:12px;color:#555;display:flex;justify-content:space-between}
#waotp-modal-v2 .waotp-actions-modal{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}
#waotp-modal-v2 .button{-webkit-appearance:none;appearance:none;border-radius:4px;border:1px solid #c3c4c7;background:#f6f7f7;color:#1d2327;padding:8px 14px;font-size:14px;line-height:1.2;cursor:pointer}
#waotp-modal-v2 .button:hover{background:#f0f0f1}
#waotp-modal-v2 .button:disabled{opacity:.55;cursor:not-allowed}
#waotp-modal-v2 .button-primary{background:#2271b1;border-color:#2271b1;color:#fff}
#waotp-modal-v2 .button-primary:hover{background:#135e96;border-color:#135e96}
.waotp-status{margin-top:8px;min-height:20px}
.waotp-status.error{color:#dc2626}
.waotp-status.ok{color:#16a34a}

/* Login toggle + panel */
.waotp-auth{position:relative;display:inline-block;font-family:inherit}
.waotp-auth::after{content:'';position:absolute;top:100%;left:0;width:100%;height:30px;}
.waotp-toggle{border:1px solid #d1d5db;background:#fff;padding:10px 12px;border-radius:8px;cursor:pointer;min-width:140px}
.waotp-toggle:hover{background:#f8fafc}
.waotp-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:2147483001;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 30px rgba(0,0,0,0.12);border-radius:10px;padding:14px;width:320px;max-width:90vw}
.waotp-field label{display:block;font-weight:600;margin-bottom:4px;font-size:14px}
.waotp-field input[type="tel"]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px}
.waotp-error{color:#dc2626;font-size:13px;margin-top:4px;min-height:16px}
.waotp-actions{display:flex;gap:8px;margin-top:12px}
.waotp-help{margin-top:10px;font-size:13px;color:#4b5563}
.waotp-help a{color:#0f6abf;text-decoration:underline}

/* Logout confirm modal */
.waotp-logout-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:2147483002}
.waotp-logout-card{background:#fff;border-radius:10px;padding:18px 16px;min-width:260px;box-shadow:0 10px 30px rgba(0,0,0,0.18);text-align:center}
.waotp-logout-actions{margin-top:12px;display:flex;gap:8px;justify-content:center}

/* Register exists modal */
.waotp-reg-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:2147483004}
.waotp-reg-dialog{background:#fff;border-radius:10px;padding:18px 16px;min-width:260px;max-width:360px;box-shadow:0 10px 30px rgba(0,0,0,0.18);text-align:center}
.waotp-reg-actions{margin-top:12px;display:flex;gap:8px;justify-content:center}

/* Success overlay */
#waotp-success.waotp-success-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:2147483010}
.waotp-success-dialog{background:#fff;border-radius:12px;padding:18px 16px;min-width:240px;max-width:320px;box-shadow:0 10px 30px rgba(0,0,0,0.2);text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.waotp-spinner{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#2271b1;border-radius:50%;animation:waotp-spin 1s linear infinite}
.waotp-success-text{margin:0;font-weight:600;color:#111827}
.waotp-success-link{color:#2271b1;text-decoration:underline;font-size:14px}
@keyframes waotp-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}