/* ═══ پیام‌های جنگو روی صفحه‌های طرح — صفحه‌ی اول و ورود (D-707) ══════════
   این صفحه‌ها از `base.html` نمی‌آیند و صفِ پیام را نمی‌خواندند، پس پیامِ
   «از حساب خود خارج شدید» تا ورودِ بعدی در کوکی می‌ماند و در پنل درمی‌آمد
   (و «کد دوباره ارسال شد»ِ صفحه‌ی تأییدِ کد هرگز دیده نمی‌شد).
   حالا همان‌جا خوانده می‌شود: شناور بالای صفحه (روی سرصفحه‌ی چسبان، که
   `z-40` است)، و پس از شش ثانیه بی جاوااسکریپت محو می‌شود و دیگر کلیکی را
   نمی‌گیرد. رنگ‌ها همان `.msg`ِ پوسته‌ی سایت (`riqx.css`)؛ این صفحه‌ها فقط
   پوسته‌ی روشن دارند، پس رنگ ثابت است نه توکن. فقط وقتی پیامی هست بار می‌شود. */

.rx-msgs {
  position: fixed;
  top: 16px;
  inset-inline: 16px;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  animation: rx-msg-out .4s ease 6s forwards;
}

.rx-msg {
  max-width: 560px;
  width: fit-content;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid #c7d2fe;
  background: #eef2ff;
  color: #3730a3;
  font-size: 14.5px;
  line-height: 1.8;
  box-shadow: 0 10px 30px -12px rgba(15, 23, 42, .35);
  pointer-events: auto;
}

.rx-msg.success { background: #ddf3e8; color: #1e7a55; border-color: #1e7a55; }
.rx-msg.error   { background: #fbe3e8; color: #b42346; border-color: #d8395b; }
.rx-msg.warning { background: #fdf1dc; color: #8a5a0b; border-color: #e0a84a; }

@keyframes rx-msg-out {
  to { opacity: 0; visibility: hidden; transform: translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
  .rx-msgs { animation-duration: .01s; }
}

/* ناحیه‌ی لمسِ کنترل‌های کوچکِ صفحه‌های ورود (D-758؛ probe-mobile-layout) — تنها برگه‌ی دست‌نویسی که این صفحه‌ها
   بار می‌کنند. آیکونِ «نمایشِ رمز» ۱۶ پیکسل بود: padding و margin‌ِ منفیِ هم‌اندازه آیکون را سرِ جایش نگه می‌دارد و
   ناحیه را ۴۰ می‌کند — درونِ همان pl-11ِ کادر، روی متن نمی‌افتد. «رمزم را فراموش کردم» ۱۷ ← ۳۷ */
[data-pw-toggle] { padding: 12px; margin-inline: -12px; line-height: 0; }
[data-reset-open] { padding-block: 10px; margin-block: -10px; }