/* راهنمای «؟» (کامپوننتِ HelpTip) برای هر جایی که استایلِ داخلیِ MainLayout را ندارد — صفحه‌های عمومی
   (لندینگ، ثبت‌نام، صفحه‌های محتوایی با EmptyLayout) و از ۱۴۰۵/۰۶/۲۰ پنلِ سوپرادمین (AdminLayout).
   چرا جدا (۱۴۰۵/۰۶/۲۰): استایلِ HelpTip داخلِ MainLayout.razor است و این چیدمان‌ها آن را ندارند؛ بدونِ این
   فایل «؟» به‌صورتِ یک details ی خام رندر می‌شد. قاعده‌ها **عیناً** همان MainLayout اند تا رفتار یک‌دست بماند؛
   توضیحِ کاملِ چراییِ هر قاعده در خودِ MainLayout.razor است؛ اینجا تکرار نشده.
   رنگ‌ها از متغیر می‌آیند تا هر میزبان رنگِ خودش را بدهد: لندینگ --accent-600/--navy-700 را تعریف می‌کند،
   قالبِ پنل --bs-primary/--bs-body-* را (و در تمِ شب خودش تیره می‌شود)؛ عددِ آخر فقط پشتیبانِ بدونِ‌متغیر است. */
.help-tip { display: inline-block; position: relative; vertical-align: middle; margin-inline-start: .25rem; }
.help-tip > summary {
  list-style: none; cursor: pointer; user-select: none; display: inline-block;
  width: 17px; height: 17px; line-height: 15px; text-align: center; font-size: .7rem; font-weight: 700;
  border-radius: 50%; color: #8592a3; border: 1px solid rgba(133,146,163,.55);
  transition: color .15s, background-color .15s, border-color .15s;
}
.help-tip > summary::-webkit-details-marker { display: none; }
.help-tip > summary:hover { color: var(--accent-600, var(--bs-primary, #0e8fa8)); border-color: var(--accent-600, var(--bs-primary, #0e8fa8)); }
.help-tip[open] > summary { color: #fff; background-color: var(--accent-600, var(--bs-primary, #0e8fa8)); border-color: var(--accent-600, var(--bs-primary, #0e8fa8)); }
.help-tip-body {
  position: fixed; z-index: 1080; inset-inline: 12px; bottom: 12px; margin-inline: auto;
  max-width: 420px; max-height: 45vh; overflow-y: auto; padding: .6rem .8rem;
  font-size: .8rem; font-weight: 400; line-height: 1.9; text-align: right; white-space: normal;
  border-radius: .5rem; color: var(--navy-700, var(--bs-body-color, #566a7f)); background-color: var(--bs-body-bg, #fff);
  border: 1px solid rgba(133,146,163,.35); box-shadow: 0 -4px 20px rgba(0,0,0,.18);
}
/* استثنای نوارِ بالا (پنلِ سوپرادمین، ۱۴۰۵/۰۶/۲۰) — عیناً همان قاعده‌ی MainLayout: nav.layout-navbar
   backdrop-filter دارد و حبابِ fixed را داخلِ خودش حبس می‌کند؛ پس حباب زیرِ نوار باز می‌شود نه پایینِ صفحه.
   چراییِ کامل در کامنتِ همان قاعده در MainLayout.razor است. */
nav.layout-navbar .help-tip-body {
  top: calc(100% + 10px); bottom: auto; box-shadow: 0 4px 20px rgba(0,0,0,.18);
}