/* ates-panel — صفحهٔ ورود/ثبت‌نام (هم‌ظاهر با لاگینِ Shahkar). سیستمِ یکدست. */
.atpl{--a:#6c3fd6;--ai:#5a31bd;--soft:#efe9fc;--ink:#232436;--muted:#6f7386;--faint:#a0a4b4;
  --line:#e3e1ee;--line-hover:#c7c3e0;--bad:#d33a4e;
  --r:14px;      /* رادیوسِ همهٔ کنترل‌ها */
  --h:52px;      /* ارتفاعِ همهٔ کنترل‌ها */
  --pad:0 16px;  /* پدینگِ افقیِ همهٔ کنترل‌ها */
  display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;direction:rtl;
  background:linear-gradient(165deg,#f6f3fd 0%,#eee8fb 55%,#e9e2f9 100%);
  font-family:Vazirmatn,Tahoma,'Segoe UI',sans-serif}
.atpl *{box-sizing:border-box}

.atpl__card{width:100%;max-width:400px;background:#fff;border:1px solid rgba(108,63,214,.18);border-radius:20px;
  padding:32px 28px;box-shadow:0 18px 50px rgba(60,40,120,.10)}
.atpl__logo{text-align:center;margin-bottom:14px}
.atpl__logo img{max-width:140px;height:auto;display:inline-block}
.atpl__title{text-align:center;font-size:19px;font-weight:800;color:#3a1d8c;margin:0 0 6px}
.atpl__sub{text-align:center;font-size:12.8px;color:var(--muted);margin:0 0 22px;line-height:1.7}

.atpl__step{display:flex;flex-direction:column;gap:14px}
.atpl__step[hidden]{display:none}
.atpl [hidden]{display:none}
.atpl__lbl{font-size:12.8px;font-weight:700;color:var(--muted);margin:0}

/* ——— پایهٔ مشترکِ همهٔ کنترل‌ها: هم‌ارتفاع، هم‌رادیوس ——— */
.atpl__social,.atpl__inp,.atpl__btn{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;margin:0;
  min-height:var(--h) !important;border-radius:var(--r) !important;padding:var(--pad);
  font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;
  border:1.6px solid var(--line) !important;transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease}

/* دکمه‌های روشِ ورود (گوگل/اثرانگشت) — شیشه‌ای */
.atpl__social{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;
  font-weight:500;color:var(--ink) !important;background:rgba(255,255,255,.45) !important;
  -webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);
  border-color:rgba(108,63,214,.20) !important;box-shadow:none !important}
.atpl__social:hover,.atpl__social:focus-visible{border-color:var(--a) !important;box-shadow:0 0 0 1px var(--a) !important;outline:none}
.atpl__ico{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 auto}

/* ردیفِ دو دکمهٔ شیشه‌ایِ کوچک (رمزِ یک‌بارمصرف + فراموشیِ رمز) */
.atpl__row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.atpl__social--sm{min-height:46px;font-size:11.7px;font-weight:600;padding:0 6px;gap:6px;white-space:nowrap}
.atpl__social--sm .atpl__ico{width:17px;height:17px}
.atpl__social--sm .atpl__ico svg{width:17px;height:17px}

/* ردیفِ گزینه‌های کد (ارسالِ دوباره + ایمیل) + یادداشتِ کانال */
.atpl__otprow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.atpl__otpnote{font-size:12px;font-weight:700;color:#12a150;text-align:center;min-height:16px}

/* دکمهٔ نمایش/مخفیِ رمز */
.atpl__inp--pw{padding-inline-end:46px}
.atpl__eye{position:absolute;inset-inline-end:14px;display:grid;place-items:center;width:32px;height:32px;
  -webkit-appearance:none;appearance:none;background:none !important;border:0 !important;box-shadow:none !important;min-height:0 !important;
  cursor:pointer;color:var(--faint) !important;border-radius:9px;transition:color .16s}
.atpl__eye:hover{color:var(--muted) !important}
.atpl__eye .eye{display:none}
.atpl__eye.on .eye{display:block}
.atpl__eye.on .eye-off{display:none}

/* جداکننده «یا ورود با» */
.atpl__or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px;margin:2px 0}
.atpl__or::before,.atpl__or::after{content:"";flex:1;height:1px;background:var(--line)}

/* فیلدِ ورودی با آیکون */
.atpl__field{position:relative;display:flex;align-items:center}
.atpl__fieldico{position:absolute;inset-inline-start:15px;display:grid;place-items:center;pointer-events:none;z-index:1}
.atpl__inp{color:var(--ink);background:#fbfbfe;font-weight:600}
.atpl__inp--icon{padding-inline-start:46px}
.atpl__inp::placeholder{color:var(--faint);font-weight:600}
.atpl__inp:hover{border-color:var(--line-hover) !important}
.atpl__inp:focus{outline:none;border-color:var(--a) !important;background:#fff;box-shadow:0 0 0 3px rgba(108,63,214,.16)}
.atpl__inp--code{text-align:center;letter-spacing:9px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}

/* دکمهٔ اصلی */
.atpl__btn{display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--a),var(--ai));border-color:transparent;
  box-shadow:0 8px 20px rgba(108,63,214,.26)}
.atpl__btn:hover{filter:brightness(1.07);box-shadow:0 10px 26px rgba(108,63,214,.34)}
.atpl__btn:active{filter:brightness(.97)}
.atpl__btn:disabled{opacity:.55;cursor:default;box-shadow:none;filter:none}

/* دکمه‌های متنی (ریستِ کاملِ استایلِ دکمهٔ قالب) */
.atpl__link,.atpl__back{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;
  background:none !important;border:0 !important;box-shadow:none !important;min-height:0 !important}
.atpl__link{font-size:12.8px;font-weight:700;color:var(--ai) !important;padding:5px;border-radius:8px}
.atpl__link:hover,.atpl__link:focus-visible{color:var(--a) !important;background:none !important;text-decoration:underline;outline:none}
.atpl__link:disabled{color:var(--faint) !important;cursor:default;text-decoration:none}
.atpl__back{font-size:12.3px;color:var(--faint) !important;padding:5px;border-radius:8px}
.atpl__back:hover,.atpl__back:focus-visible{color:var(--ai) !important;background:none !important;text-decoration:underline;outline:none}

/* باکس‌های اطلاع‌رسانی — هم‌رادیوسِ کنترل‌ها */
.atpl__phone{direction:ltr;text-align:center;font-weight:800;color:var(--ink);background:#f7f6fc;border:1px solid var(--line);
  border-radius:var(--r);padding:11px;font-size:14.5px}
.atpl__note{font-size:12.8px;color:var(--ai);background:var(--soft);border-radius:var(--r);padding:12px 14px;font-weight:700;line-height:1.7}
.atpl__err{font-size:13px;font-weight:700;color:var(--bad);background:#fbe9ec;border:1px solid rgba(211,58,78,.18);
  border-radius:var(--r);padding:12px 14px;margin-bottom:14px}
.atpl__spin{height:3px;border-radius:99px;margin-top:16px;overflow:hidden;background:var(--soft);position:relative}
.atpl__spin::after{content:"";position:absolute;inset:0;width:40%;border-radius:99px;background:var(--a);animation:atpl-load 1s infinite ease-in-out}
@keyframes atpl-load{0%{transform:translateX(120%)}100%{transform:translateX(-260%)}}

.atpl-done{max-width:420px;margin:40px auto;text-align:center;font-family:Vazirmatn,Tahoma,sans-serif;color:#3b3d52;
  background:#fff;border:1px solid var(--line,#e3e1ee);border-radius:16px;padding:22px}
.atpl-done a{color:#5a31bd;font-weight:800;text-decoration:none}
@media(prefers-reduced-motion:reduce){.atpl__spin::after{animation:none}}