:root {
    --ek-primary: #3182ce;
    --ek-primary-dark: #2b6cb0;
    --ek-accent: #dd6b20;
    --ek-accent-dark: #c05621;
    --ek-border: #e2e8f0;
    --ek-font-main: 'iranyekan', 'iransans', Tahoma, sans-serif;
}

.ek-otp-box { width: 100%; max-width: 380px; margin: 15px auto; padding: 25px; border: 1px solid var(--ek-border); border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.03); direction: rtl; text-align: right; font-family: var(--ek-font-main); }
.ek-otp-inline { width: 100%; direction: rtl; text-align: right; font-family: var(--ek-font-main); border-top: 1px dashed var(--ek-border); margin-top: 25px; padding-top: 20px; }
.ek-otp-title { font-size: 15px; font-weight: bold; margin-bottom: 15px; color: #1a202c; text-align: center; padding: 10px 0; font-family: 'peyda', var(--ek-font-main); }
.ek-otp-input { width: 100% !important; padding: 10px 15px !important; border: 1px solid #cbd5e0 !important; border-radius: 8px !important; margin-bottom: 12px !important; outline: none !important; transition: 0.2s !important; font-size: 14px !important; text-align: center !important; height: auto !important; line-height: normal !important; text-shadow: none !important; box-shadow: none !important; font-family: var(--ek-font-main) !important; }
.ek-otp-input:focus { border-color: var(--ek-primary) !important; }
.ek-otp-btn { width: 100% !important; padding: 11px !important; background: var(--ek-primary) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: bold !important; cursor: pointer !important; transition: 0.2s !important; height: auto !important; line-height: normal !important; text-shadow: none !important; box-shadow: none !important; font-family: var(--ek-font-main) !important; }
.ek-otp-btn:hover { background: var(--ek-primary-dark) !important; color:#fff !important; }
.ek-otp-btn:disabled { background: #a0aec0 !important; cursor: not-allowed !important; }
.ek-otp-success { background: #f0fff4 !important; color: #38a169 !important; border: 1px solid #c6f6d5 !important; padding: 6px; border-radius: 6px; font-size: 12px; text-align: center; margin-top: 10px; }
.ek-otp-error { background: #fff5f5 !important; color: #e53e3e !important; border: 1px solid #fed7d7 !important; padding: 6px; border-radius: 6px; font-size: 12px; text-align: center; margin-top: 10px; }
.ek-timer { font-size: 11px; color: #718096; margin-top: 5px; text-align: center; display: none; font-family: var(--ek-font-main) !important; }