/* VisitVakil Auth 1.5.3 - Persian Gulf turquoise identity. */
.vva-shell,.vva-shell *{box-sizing:border-box;font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.vva-shell{width:100%;min-height:460px;display:grid;place-items:center;padding:16px;direction:rtl}
.vva-card{position:relative;width:min(100%,460px);background:#fff;border:1px solid #e7ecef;border-radius:28px;padding:26px;box-shadow:0 30px 90px rgba(35,49,58,.12);color:#26343d}
.vva-close{position:absolute;left:15px;top:15px;width:36px;height:36px;border:1px solid #e7ecef;border-radius:50%;background:#fafbfc;color:#7b858d;font-size:24px;line-height:1;cursor:pointer}
.vva-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.vva-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#007c91;color:#fff;font-size:20px;font-weight:800}.vva-brand strong{display:block;font-size:14px}.vva-brand small{display:block;color:#8a949b;margin-top:2px;font-size:11px}
.vva-progress{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:28px}.vva-progress i{height:4px;border-radius:999px;background:#e9edef}.vva-progress i.active{background:#008fa6}
.vva-step{display:none}.vva-step.active{display:block}.vva-copy h2{font-size:23px;margin:0 0 7px}.vva-copy p{margin:0 0 24px;color:#7a858d;font-size:13px;line-height:1.9}
.vva-card label{display:block;margin-bottom:7px;color:#5f6b74;font-size:12px;font-weight:600}
.vva-phonebox{display:flex;align-items:center;direction:ltr;border:1px solid #dfe5e9;border-radius:16px;background:#fff;min-height:56px;overflow:hidden;transition:.18s}.vva-phonebox:focus-within{border-color:#70d5de;box-shadow:0 0 0 4px rgba(0,143,166,.09)}.vva-phonebox span{padding:0 13px;color:#7a858d;border-right:1px solid #edf0f2}.vva-phonebox input{flex:1;border:0;outline:0;padding:12px 14px;font:inherit;font-size:17px;direction:ltr;min-width:0}
.vva-primary{width:100%;min-height:54px;margin-top:18px;border:0;border-radius:16px;background:linear-gradient(180deg,#007c91,#056a7d);color:#fff;font:inherit;font-weight:700;font-size:15px;box-shadow:0 12px 24px rgba(0,124,145,.18);cursor:pointer}.vva-primary:disabled{opacity:.55;cursor:wait}
.vva-error{min-height:18px;margin-top:7px;color:#b65b55;font-size:12px}
.vva-trust{display:flex;justify-content:center;gap:16px;margin-top:18px;color:#929ba2;font-size:10.5px}
.vva-otp{display:grid;grid-template-columns:repeat(4,58px);justify-content:center;gap:11px;margin:6px 0 3px}.vva-digit{width:58px;height:62px;border:1px solid #dfe5e9;border-radius:17px;background:#fff;text-align:center;font-size:25px;font-weight:800;outline:0;direction:ltr}.vva-digit:focus{border-color:#008fa6;box-shadow:0 0 0 4px rgba(0,143,166,.1)}.vva-digit.filled{background:#eaf8fa;border-color:#b8e4e8}
.vva-otp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.vva-link{border:0;background:transparent;color:#056a7d;font:inherit;font-size:12px;cursor:pointer}.vva-link:disabled{color:#adb4b9;cursor:default}
.vva-success-icon{width:62px;height:62px;margin:4px auto 18px;display:grid;place-items:center;border-radius:20px;background:#effaf5;color:#3c986f;font-size:30px;font-weight:800}.vva-step[data-step=success]{text-align:center;padding:10px 0}
.vva-off{max-width:460px;margin:20px auto;padding:16px;border:1px solid #e7ecef;border-radius:16px;background:#fff;direction:rtl;text-align:center}
@media(max-width:520px){.vva-shell{padding:6px;min-height:100dvh}.vva-card{width:100%;min-height:calc(100dvh - 12px);border-radius:24px;padding:22px 16px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.vva-close{top:12px;left:12px}.vva-brand{position:absolute;top:18px;right:16px}.vva-progress{margin-top:54px}.vva-otp{grid-template-columns:repeat(4,minmax(48px,56px));gap:8px}.vva-digit{width:100%;height:60px}.vva-primary{min-height:56px}}

.vva-preview-banner{margin:-4px 0 18px;padding:8px 10px;border-radius:11px;background:#eef9fa;color:#4b6e76;font-size:11px;text-align:center;border:1px solid #d5ecef}