.swa-otp-box{max-width:420px;margin:24px auto;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.06);font-family:inherit}
.swa-otp-title{margin:0 0 18px;font-size:19px;font-weight:700;color:#0f172a;text-align:center}
.swa-otp-box label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#334155}
.swa-otp-box input[type=tel],.swa-otp-box input[type=text]{width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:14px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px;background:#f8fafc;transition:border-color .15s,box-shadow .15s}
.swa-otp-box input:focus{outline:none;border-color:#118a5b;box-shadow:0 0 0 3px rgba(17,138,91,.15);background:#fff}
.swa-otp-box #swa-otp-code{letter-spacing:.5em;text-align:center;font-size:22px;font-weight:700}
.swa-otp-box .button{display:block;width:100%;padding:12px 16px;border:0;border-radius:10px;background:#118a5b;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}
.swa-otp-box .button:hover:not(:disabled){background:#0d7049}
.swa-otp-box .button:disabled{opacity:.55;cursor:not-allowed}
.swa-otp-resend{display:block;width:100%;margin-top:10px;padding:8px;border:0;background:none;color:#64748b;font-size:13px;cursor:pointer;text-decoration:underline}
.swa-otp-resend:disabled{cursor:default;text-decoration:none;opacity:.7}
.swa-otp-message{min-height:20px;margin:14px 0 0;font-size:14px;text-align:center}
.swa-otp-message.is-error{color:#b91c1c}
.swa-otp-message.is-success{color:#0d7049}
.swa-otp-message.is-info{color:#475569}
.swa-otp-disabled{max-width:420px;margin:24px auto;padding:16px;border-radius:12px;background:#fef3c7;color:#92400e;text-align:center}
@media (prefers-color-scheme:dark){
  .swa-otp-box{background:#0f172a;border-color:#1e293b;box-shadow:0 8px 28px rgba(0,0,0,.4)}
  .swa-otp-title{color:#e2e8f0}
  .swa-otp-box label{color:#cbd5e1}
  .swa-otp-box input[type=tel],.swa-otp-box input[type=text]{background:#020617;border-color:#334155;color:#e2e8f0}
  .swa-otp-box input:focus{background:#020617}
  .swa-otp-message.is-info{color:#94a3b8}
}