/* =========================================================
   ظ¾ط±طھط§ظ„ ط§ظ…ط¯ط§ط¯ع¯ط± — ظ…ظˆط¨ط§غŒظ„‌ط§ظˆظ„
   ---------------------------------------------------------
   ط±ظ†ع¯â€Œظ‡ط§ ظˆ ط´ط¹ط§ط¹ ع¯ظˆط´ظ‡ ط§ط² ظ…طھط؛غŒط±ظ‡ط§غŒ ط®ظˆط¯ ظ‚ط§ظ„ط¨ ط®ظˆط§ظ†ط¯ظ‡ ظ…غŒâ€Œط´ظˆظ†ط¯ طھط§
   ظ¾ط±طھط§ظ„ ط¬ط²ط¦غŒ ط§ط² ط³ط§غŒطھ ط¨ظ‡ ظ†ط¸ط± ط¨ط±ط³ط¯طŒ ظ†ظ‡ غŒع© ظˆطµظ„ظ‡. ظ…ظ‚ط¯ط§ط± ط¬ط§غŒع¯ط²غŒظ†
   ظ‡ط± ظ…طھط؛غŒط± ظ†ظˆط´طھظ‡ ط´ط¯ظ‡ طھط§ ط§ع¯ط± ظ‚ط§ظ„ط¨ ط¹ظˆط¶ ط´ط¯طŒ طµظپط­ظ‡ ط¨غŒâ€Œط±ظ†ع¯ ظ†ط´ظˆط¯.

   ظ…ط®ط§ط·ط¨: ط±ط§ظ†ظ†ط¯ظ‡ظ” غŒط¯ع©â€Œع©ط´طŒ ط¨ط§ ع¯ظˆط´غŒطŒ ط§ط؛ظ„ط¨ ط±ظˆغŒ ط§غŒظ†طھط±ظ†طھ ط¶ط¹غŒظپ ظˆ
   ع¯ط§ظ‡غŒ ظˆط³ط· ط¬ط§ط¯ظ‡. ظ¾ط³: غŒع© ع©ط§ط± ط¯ط± ظ‡ط± طµظپط­ظ‡طŒ ظ‡ط¯ظپ‌ظ‡ط§غŒ ظ„ظ…ط³غŒ ط¨ط²ط±ع¯طŒ
   ظˆ ظ‡غŒع† ع†غŒط² طھط²ط¦غŒظ†غŒ ع©ظ‡ ط¨ط§ط± ط§ط¶ط§ظپظ‡ ع©ظ†ط¯.
   ========================================================= */

/* -------------------------------------------------------------
   ظ…ظ‚غŒط§ط³ ظ…ط´طھط±ع© — غŒع© ظ…ظ†ط¨ط¹ ظˆط§ط­ط¯ ط¨ط±ط§غŒ ط±ظ†ع¯ ظˆ ع¯ط±ط¯غŒ
   -------------------------------------------------------------
   ظ‚ط¨ظ„ط§ظ‹ ع¯ط±ط¯غŒâ€Œظ‡ط§ ظ¾ط±ط§ع©ظ†ط¯ظ‡ ط¨ظˆط¯: غ±غ²pxطŒ غ¸pxطŒ غ±غ°pxطŒ غ°.غµغµremطŒ غ°.غ¶غµremطŒ
   غ°.غ¸rem ظˆ غ±غ¶px ع©ظ†ط§ط± ظ‡ظ…. ط¨ط§ ط±غŒط´ظ‡ظ” غ±غ¶px ط§غŒظ†â€Œظ‡ط§ غŒط¹ظ†غŒ غ¹ طھط§ غ±غ³ ظ¾غŒع©ط³ظ„
   ط§ط®طھظ„ط§ظپ ظ†ط§ظ…ط±ط¦غŒ ط±ظˆغŒ ع©ط§ط±طھ‌ظ‡ط§غŒغŒ ع©ظ‡ ع©ظ†ط§ط± ظ‡ظ… ظ…غŒâ€Œظ†ط´غŒظ†ظ†ط¯ — ط¯ظ‚غŒظ‚ط§ظ‹ ظ‡ظ…ط§ظ†
   ع†غŒط²غŒ ع©ظ‡ آ«غŒع©ط¯ط³طھ ظ†غŒط³طھآ» ط±ط§ ظ…غŒâ€Œط³ط§ط²ط¯. ط­ط§ظ„ط§ ظپظ‚ط· ع†ظ‡ط§ط± ظ…ظ‚ط¯ط§ط± ط¯ط§ط±غŒظ…:

     --e365p-r-card   ط³ط·ط­ / ع©ط§ط±طھ      غ±غ¶px
     --e365p-r-input  ع©ظ†طھط±ظ„ / ط¯ع©ظ…ظ‡     غ±غ²px
     --e365p-r-pill   ظ†ط´ط§ظ† ظˆ ط¨ط±ع†ط³ط¨     غ¹غ¹غ¹px
     --e365p-r-bar    ظ†ظˆط§ط± ظ¾غŒط´ط±ظپطھ        غ´px

   ط¯ع©ظ…ظ‡ظ” ط§طµظ„غŒ (ط·ظ„ط§غŒغŒ) ط§ط³طھط«ظ†ط§ط³طھ ظˆ ظ‚ط±طµ ع©ط§ظ…ظ„ ظ…غŒâ€Œظ…ط§ظ†ط¯ ع†ظˆظ† آ«ع©ظ†ط´ ط§طµظ„غŒآ»
   طµظپط­ظ‡ ط§ط³طھ ظˆ ط¨ط§غŒط¯ ط§ط² ط¨ظ‚غŒظ‡ظ” ع©ظ†طھط±ظ„‌ظ‡ط§ ط¬ط¯ط§ ط¯غŒط¯ظ‡ ط´ظˆط¯.

   ط±ظ†ع¯ ع©ط§ط±طھ ظ‡ظ… غŒع©â€Œط¬ط§ طھط¹ط±غŒظپ ط´ط¯ظ‡ طھط§ ظ‡ظ…ظ‡ظ” ع©ط§ط±طھ‌ظ‡ط§غŒ ط§ظپط²ظˆظ†ظ‡ ط¯ظ‚غŒظ‚ط§ظ‹ ظ…ط«ظ„
   ع©ط§ط±طھ‌ظ‡ط§غŒ ط¯ط§ط´ط¨ظˆط±ط¯ ط¯ط±ط¨غŒط§غŒظ†ط¯: ط²ظ…غŒظ†ظ‡ظ” ط³ظپغŒط¯طŒ ط®ط· غ± ظ¾غŒع©ط³ظ„غŒطŒ ع¯ط±ط¯غŒ غ±غ¶.
   ط³ط§غŒظ‡ظ” ط³ظ†ع¯غŒظ† ظ‚ط¨ظ„غŒ (0 8px 24px ط¨ط§ طھظ‡â€Œط±ظ†ع¯ ط¨ظ†ظپط´) ط­ط°ظپ ط´ط¯ط› ط¨ط§ ط®ط·
  Border ع©ط§ط±طھ طھط¹ط±غŒظپ ظ…غŒâ€Œط´ظˆط¯طŒ ظ†ظ‡ ط¨ط§ ط³ط§غŒظ‡.
   ------------------------------------------------------------- */
body.e365p-portal-page {
  --e365p-r-card: 16px;
  --e365p-r-input: 12px;
  --e365p-r-pill: 999px;
  --e365p-r-bar: 4px;

  --e365p-card-border: #d8dee4;
  --e365p-card-bg: #fff;
  /* ظ‡ط§ظ„ظ‡ظ” ع¯ط±ظ… ع¯ظˆط´ظ‡ظ” ع©ط§ط±طھط› ظ‡ظ…ط§ظ† ط­ط³ ع©ط§ط±طھ‌ظ‡ط§غŒ ط¢ظ…ط§ط± ط¯ط§ط´ط¨ظˆط±ط¯. */
  --e365p-card-glow: radial-gradient(
    9rem 9rem at top left,
    rgba(245, 188, 56, 0.11),
    rgba(245, 188, 56, 0) 70%
  );
}

body.e365p-portal-page .e365p-portal {
  --e365p-r-card: 16px;
  --e365p-r-input: 12px;
  --e365p-r-pill: 999px;
  --e365p-r-bar: 4px;

  --e365p-card-border: #d8dee4;
  --e365p-card-bg: #fff;
  --e365p-card-glow: radial-gradient(
    9rem 9rem at top left,
    rgba(245, 188, 56, 0.11),
    rgba(245, 188, 56, 0) 70%
  );
}

.e365p-portal {
  max-width: 460px;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

/*
 * ظپط§طµظ„ظ‡ظ” ظ…ط­طھظˆط§ ط§ط² ظ†ظˆط§ط± ط¨ط§ظ„ط§.
 *
 * ظ‡ط¯ط± ظ¾ط±طھط§ظ„ sticky ط§ط³طھ ظˆ ط®ظˆط¯ط´ ط¯ط± ط¬ط±غŒط§ظ† ط¹ط§ط¯غŒ طµظپط­ظ‡ ظ…غŒâ€Œظ†ط´غŒظ†ط¯طŒ ظ¾ط³ ظ…ط­طھظˆط§
 * ط°ط§طھط§ظ‹ ط§ط² ط²غŒط±ط´ ط´ط±ظˆط¹ ظ…غŒâ€Œط´ظˆط¯. ط§غŒظ† padding ظپظ‚ط· ط¨ط±ط§غŒ ط­ط§ظ„طھغŒ ط§ط³طھ ع©ظ‡ ع©ط§ط±ط¨ط±
 * ظˆط³ط· طµظپط­ظ‡ ط§ط³ع©ط±ظˆظ„ ع©ط±ط¯ظ‡: ط¯ع©ظ…ظ‡ظ” ظ…ظ†ظˆ fixed ط§ط³طھ ظˆ ط±ظˆغŒ ظ…ط­طھظˆط§غŒغŒ ع©ظ‡ ط§ط² ط²غŒط±ط´
 * ط±ط¯ ظ…غŒâ€Œط´ظˆط¯ ظ…غŒâ€Œظ†ط´غŒظ†ط¯طŒ ظˆ آ«ط³ظ„ط§ظ…آ» ط§ظˆظ„غŒظ† ع†غŒط²غŒ ط§ط³طھ ع©ظ‡ ط²غŒط±ط´ ط±ط¯ ظ…غŒâ€Œط´ظˆط¯.
 *
 * غ².غ¶rem غŒط¹ظ†غŒ ط­ط¯ظˆط¯ غ°.غ¹rem ظپط§طµظ„ظ‡ظ” ط§ظ…ظ† beyond ط§ط±طھظپط§ط¹ ط¯ع©ظ…ظ‡ط› ظ‚ط¨ظ„ط§ظ‹ غ±.غ¶rem
 * ط¨ظˆط¯ ظˆ ط¹ظ†ظˆط§ظ† ط±ظˆغŒ ط¯ع©ظ…ظ‡ ظ…غŒâ€Œط§ظپطھط§ط¯.
 */
body.e365p-portal-page .e365p-portal {
  padding-top: 2.6rem;
}

/*
 * کارت — ظاهر مشترک همهٔ کارت‌های افزونه.
 *
 * عمداً شبیه کارت‌های آمار داشبورد شده: زمینهٔ سفید، خط ۱ پیکسلی
 * #D8DEE4، گردی ۱۶. قبلاً سایهٔ سنگین داشت و خط نداشت، برای همین
 * کنار کارت‌های داشبورد دو سبک متفاوت دیده می‌شد.
 *
 * هالهٔ گوشه از ‎--e365p-card-glow‎ می‌آید (gradient است نه شبه‌عنصر)،
 * چون شبه‌عنصر برای بریدنش به ‎overflow:hidden‎ نیاز دارد و آن روی
 * کارت‌هایی که امضا یا تصویر دارند خطرناک است.
 */
.e365p-card {
  position: relative;
  background: var(--e365p-card-glow, none), var(--e365p-card-bg, #fff);
  border: 1px solid var(--e365p-card-border, #d8dee4);
  border-radius: var(--e365p-r-card, 16px);
  box-shadow: none;
  padding: 1.5rem 1.25rem;
}

/*
 * کارت آمار داشبورد — همان زبان بصری، با دایرهٔ تزئینی که روی
 * hover بزرگ می‌شود. این گوشهٔ طلایی امضای بصری داشبورد است.
 */
.e365p-stat {
  position: relative;
  overflow: hidden;
  padding: 0.95rem 1.05rem;
  border: 1px solid var(--e365p-card-border, #d8dee4);
  border-radius: var(--e365p-r-card, 16px);
  background: var(--e365p-card-bg, #fff);
}

.e365p-portal h1 {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--dark, #223548);
  margin: 0 0 0.5rem;
}

.e365p-sub {
  margin: 0 0 1.5rem;
  font-size: 0.92rem;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  line-height: 1.9;
}

.e365p-login-head { margin-bottom: 1.25rem; }

/*
 * طµظپط­ظ‡â€Œظ‡ط§غŒ ظˆط±ظˆط¯ ظˆ ط¨ط§ط²غŒط§ط¨غŒ ط±ظ…ط².
 *
 * ط§غŒظ† ط¯ظˆ طµظپط­ظ‡ ع©ط´ظˆ ظ†ط¯ط§ط±ظ†ط¯ ظˆ ظ…ط­طھظˆط§غŒط´ط§ظ† غŒع© ظپط±ظ… ط§ط³طھطŒ ظ¾ط³ ط¹ط±ط¶ط´ط§ظ† ط±ط§ ط«ط§ط¨طھ
 * ظ…غŒâ€Œع©ظ†غŒظ… طھط§ ط±ظˆغŒ ظ‡ط± طµظپط­ظ‡â€Œط§غŒ غŒع©ط³ط§ظ† ط¨ط§ط´ظ†ط¯. ظ‚ط¨ظ„ط§ظ‹ ط¹ط±ط¶ ط§ط² ط±ظˆغŒ ظ…ط­طھظˆط§
 * ظ…غŒâ€Œط¢ظ…ط¯ ظˆ ظ…طھظ†ظگ ط¨ظ„ظ†ط¯طھط±ظگ طµظپط­ظ‡ظ” ط±ظ…ط² ع©ط§ط±طھ ط±ط§ ظ¾ظ‡ظ†â€Œطھط± ظ…غŒâ€Œع©ط±ط¯ — غŒط¹ظ†غŒ
 * ط¬ط§ط¨ظ‡â€Œط¬ط§غŒغŒ ط¨غŒظ† ط¯ظˆ طµظپط­ظ‡ظ” ظ¾ط´طھ‌ط³ط±ظ‡ظ….
 *
 * غ²غ¶rem (غ´غ±غ¶px) ط¨ط±ط§غŒ ظپط±ظ… ظˆط±ظˆط¯ ط¨ط§ غŒع© ظپغŒظ„ط¯ ط±ط§ط­طھ ط§ط³طھطŒ ظˆظ„غŒ ط±ظˆغŒ ط¯ط³ع©طھط§ظ¾
 * ط®غŒظ„غŒ ط¨ط§ط±غŒع© ط¨ظ‡ ظ†ط¸ط± ظ…غŒâ€Œط±ط³ط¯طŒ ظ¾ط³ ط¨ط§ظ„ط§طھط± ظ…غŒâ€Œط±ظˆط¯. ظپط±ظ… ع©ظˆطھط§ظ‡ ط§ط³طھ ظˆ ظ†ط¨ط§غŒط¯
 * طھظ…ط§ظ… ط¹ط±ط¶ طµظپط­ظ‡ ط±ط§ ط¨ع¯غŒط±ط¯.
 *
 * selector ط¹ظ…ط¯ط§ظ‹ ط¨ظ„ظ†ط¯ ظˆ ط¨ط§ specificity ط¨ط§ظ„ط§ ظ†ظˆط´طھظ‡ ط´ط¯ظ‡: ظ‚ط§ظ†ظˆظ† ع©ط´ظˆغŒ
 * ط¯ط³ع©طھط§ظ¾ (body.e365p-has-drawer .e365p-portal) ط¯ظˆ selector ط¯ط§ط´طھ ظˆ
 * specificity ط§ط´ ط§ط² ط§غŒظ† غŒع©غŒ ط¨غŒط´طھط± ط¨ظˆط¯. ظ†طھغŒط¬ظ‡ ط§غŒظ† ط¨ظˆط¯ ع©ظ‡ ط§ع¯ط± ع©ظ„ط§ط³
 * e365p-has-drawer ط±ظˆغŒ body ظ…غŒâ€Œط§ظپطھط§ط¯طŒ ظپط±ظ… ظˆط±ظˆط¯ غ±غ±غ°غ°px ظ…غŒâ€Œط´ط¯ ظˆ ط§ط²
 * طµظپط­ظ‡ظ” ط±ظ…ط² ظ¾ظ‡ظ†â€Œطھط± ط¯ط±ظ…غŒâ€Œط¢ظ…ط¯. ط¨ط§ ط§غŒظ† selectorطŒ ط¹ط±ط¶ ظپط±ظ… ط¯غŒع¯ط± ط¨ظ‡ ظ‡غŒع†
 * ع©ظ„ط§ط³غŒ ط±ظˆغŒ body ظˆط§ط¨ط³طھظ‡ ظ†غŒط³طھ ظˆ ط¯ظˆ طµظپط­ظ‡ ظ‡ظ…غŒط´ظ‡ ط¨ط±ط§ط¨ط±ظ†ط¯.
 */
body.e365p-portal-page .e365p-portal.e365p-login {
  max-width: 26rem;
  /* ط®ظ†ط«غŒâ€Œط³ط§ط²غŒ ظپط§طµظ„ظ‡ظ” ع©ظ†ط§ط±ظگ ع©ط´ظˆطŒ ط§ع¯ط± ط±ظˆط²غŒ ع©ظ„ط§ط³ط´ ط¨ظ‡ body ط§ط¶ط§ظپظ‡ ط´ط¯. */
  padding-inline: 1rem;
  /*
   * min-width طµظپط± ظˆ box-sizing طµط±غŒط­: ط¨ط¯ظˆظ† ط§غŒظ†â€Œظ‡ط§ ط§ع¯ط± غŒع©غŒ ط§ط² ظپغŒظ„ط¯ظ‡ط§
   * (ظ…ط«ظ„ط§ظ‹ ظˆط±ظˆط¯غŒ ع©ط¯ ط¨ط§ letter-spacing ط¨ط²ط±ع¯) ظ…ط­طھظˆط§غŒ ط¹ط±غŒط¶غŒ ط¯ط§ط´طھظ‡ ط¨ط§ط´ط¯طŒ
   * ع©ط§ط±طھ ط§ط² ع©ط§ط¯ط± ط¨غŒط±ظˆظ† ظ…غŒâ€Œط²ظ†ط¯ ظˆ ط¯ظˆ طµظپط­ظ‡ ظ†ط§ط®ظˆط§ط³طھظ‡ ظپط±ظ‚ ظ…غŒâ€Œع©ظ†ظ†ط¯.
   */
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 48rem) {
  /* ط¯ط³ع©طھط§ظ¾: ع©ظ…غŒ ظ¾ظ‡ظ†â€Œطھط± ظˆ ظ‡ظ…ع†ظ†ط§ظ† ط¬ظ…ط¹ ظˆظˆط¬ظˆط± ظˆ ظˆط³ط·â€Œع†غŒظ†. */
  body.e365p-portal-page .e365p-portal.e365p-login {
    max-width: 30rem;
  }
}

.e365p-portal.e365p-login .e365p-card {
  width: 100%;
}

/* ===== ظپط±ظ… ===== */

.e365p-label {
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--dark, #223548);
  margin-bottom: 0.5rem;
}

.e365p-input {
  display: block;
  width: 100%;
  /* غ±غ¶ ظ¾غŒع©ط³ظ„ ط­ط¯ط§ظ‚ظ„ ط§ط³طھ: ط²غŒط± ط¢ظ†طŒ iOS ظ‡ظ†ع¯ط§ظ… ظپظˆع©ظˆط³ طµظپط­ظ‡ ط±ط§ ط²ظˆظ…
     ظ…غŒâ€Œع©ظ†ط¯ ظˆ ع©ط§ط±ط¨ط± ط¨ط§غŒط¯ ط¯ط³طھغŒ ط¨ط±ع¯ط±ط¯ط¯. */
  font-size: 1rem;
  font-family: inherit;
  padding: 0.9rem 1rem;
  border: 1.5px solid rgba(34, 53, 72, 0.2);
  border-radius: var(--e365p-r-input);
  background: var(--bg, #F5F7FA);
  color: var(--dark, #223548);
  margin-bottom: 1.25rem;
}

.e365p-input:focus {
  outline: none;
  border-color: var(--primary, #F5BC38);
  box-shadow: 0 0 0 3px rgba(245, 188, 56, 0.25);
}

/* ع©ط¯ طھط£غŒغŒط¯: ط¨ط²ط±ع¯ ظˆ ط¨ط§ ظپط§طµظ„ظ‡طŒ طھط§ ط±ظ‚ظ…‌ظ‡ط§ ط§ط² ظ‡ظ… طھظپع©غŒع© ط´ظˆظ†ط¯ */
.e365p-input-code {
  font-size: 1.6rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.6em;
  /* letter-spacing ظپط§طµظ„ظ‡ ط±ط§ ط¨ط¹ط¯ ط§ط² ط¢ط®ط±غŒظ† ط±ظ‚ظ… ظ‡ظ… ظ…غŒâ€Œع¯ط°ط§ط±ط¯ ظˆ ظ…طھظ†
     ع©ظ…غŒ ع†ظ¾ ظ…غŒâ€Œط§ظپطھط¯ط› ط§غŒظ† ظ¾ط¯غŒظ†ع¯ ط¬ط¨ط±ط§ظ†ط´ ظ…غŒâ€Œع©ظ†ط¯. */
  padding-inline-start: calc(1rem + 0.6em);
}

.e365p-btn {
  display: block;
  width: 100%;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 800;
  /* ظ‡ط¯ظپ ظ„ظ…ط³غŒ ط¯ط±ط´طھ — ط¨ط§ ط¯ط³طھ ط³ط±ط¯ غŒط§ ط¯ط³طھع©ط´ ظ‡ظ… ط¨ط§غŒط¯ ط¨ط®ظˆط±ط¯. */
  padding: 1rem;
  border-radius: 999px;
  background: var(--primary, #F5BC38);
  color: var(--dark, #223548);
  text-align: center;
  text-decoration: none;
}

.e365p-btn:hover { filter: brightness(0.97); }

.e365p-btn-quiet {
  background: transparent;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  box-shadow: inset 0 0 0 1.5px rgba(34, 53, 72, 0.18);
  font-weight: 700;
  margin-top: 1.5rem;
}

.e365p-note {
  margin: 1rem 0 0;
  font-size: 0.82rem;
  line-height: 1.9;
  color: var(--muted, rgba(34, 53, 72, 0.55));
}

.e365p-link {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--blue, #223548);
  text-decoration: underline;
}

.e365p-error {
  background: #FCE8E6;
  color: #9B1C16;
  border-radius: var(--e365p-r-card);
  padding: 0.85rem 1rem;
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  line-height: 1.8;
}

/* ===== ظ‡ط§ظ†غŒâ€Œظ¾ط§طھ =====
   ط¨ط§ CSS ظ¾ظ†ظ‡ط§ظ† ظ…غŒâ€Œط´ظˆط¯ ظˆ ظ†ظ‡ ط¨ط§ type="hidden"طŒ ع†ظˆظ† ط±ط¨ط§طھ‌ظ‡ط§ ظپغŒظ„ط¯
   ظ…ط®ظپغŒ ط±ط§ ط±ط¯ ظ…غŒâ€Œع©ظ†ظ†ط¯ ط§ظ…ط§ غŒع© input ظ…ط¹ظ…ظˆظ„غŒ ط±ط§ ظ¾ط± ظ…غŒâ€Œع©ظ†ظ†ط¯.
   display:none ظ‡ظ… ط§ط³طھظپط§ط¯ظ‡ ظ†ظ…غŒâ€Œط´ظˆط¯ ع†ظˆظ† ط¨ط¹ط¶غŒ ط±ط¨ط§طھ‌ظ‡ط§ ظ‡ظ…ط§ظ† ط±ط§
   طھط´ط®غŒطµ ظ…غŒâ€Œط¯ظ‡ظ†ط¯. */
.e365p-hp {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  /* ط¹ظ…ط¯ط§ظ‹ ط¨غŒط±ظˆظ† طµظپط­ظ‡ (left:-9999px) ظ†ظ…غŒâ€Œط±ظˆط¯: ط¢ظ† ط±ظˆط´ ط­طھغŒ ط¨ط§
     overflow-x:hidden ظ‡ظ… ط±ظˆغŒ iOS/ط¨ط¹ط¶غŒ WebViewظ‡ط§ ظ¾ظ† ط§ظپظ‚غŒ ظ…غŒâ€Œط®ظˆط±ط¯ ظˆ
     ظپط¶ط§غŒ ط®ط§ظ„غŒ ظ†ط´ط§ظ† ظ…غŒâ€Œط¯ط§ط¯. ط§غŒظ† ط§ظ„ع¯ظˆ ط¹ظ†طµط± ط±ط§ ط¯ط± ظ‡ظ…ط§ظ† ط¬ط§غŒ ط®ظˆط¯ط´ ط¯ط±
     ط¬ط±غŒط§ظ† ظپط±ظ… (غ±أ—غ±) ظ†ع¯ظ‡ ظ…غŒâ€Œط¯ط§ط±ط¯ ظˆ ط¨ط§ ط¨ط±ط´ ع©ط§ظ…ظ„ط§ظ‹ ظ†ط§ظ…ط±ط¦غŒ ظ…غŒâ€Œع©ظ†ط¯ — ط¨ط¯ظˆظ†
     ط§غŒظ†ع©ظ‡ ط§ط² ط¹ط±ط¶ طµظپط­ظ‡ ط¨غŒط±ظˆظ† ط¨ط²ظ†ط¯. */
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.e365p-placeholder {
  background: var(--bg, #F5F7FA);
  border-radius: var(--e365p-r-card);
  padding: 1.1rem 1.25rem;
  font-size: 0.9rem;
  line-height: 1.9;
  color: var(--muted, rgba(34, 53, 72, 0.55));
}
.e365p-placeholder p { margin: 0; }

/* =========================================================
   ظ¾ظ†ظ„ — ع¯ط§ظ… B2
   ========================================================= */

.e365p-title {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--dark, #223548);
  margin: 0 0 1rem;
}

.e365p-h2 {
  font-size: 1rem;
  font-weight: 800;
  color: var(--blue, #223548);
  margin: 0 0 0.9rem;
}

.e365p-portal .e365p-card { margin-bottom: 1rem; }

.e365p-muted { color: var(--muted, rgba(34, 53, 72, 0.55)); }

/* ===== ظ†ط§ظˆط¨ط±غŒ ===== */

.e365p-nav {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 1.25rem;
  overflow-x: auto;
  /* ظ†ظˆط§ط± ظ¾غŒظ…ط§غŒط´ ط§ظپظ‚غŒ ط±ظˆغŒ ع¯ظˆط´غŒ ط²ط´طھ ط§ط³طھ ظˆ ظ„ط§ط²ظ… ظ‡ظ… ظ†غŒط³طھ */
  scrollbar-width: none;
}
.e365p-nav::-webkit-scrollbar { display: none; }

.e365p-nav-item {
  flex: 0 0 auto;
  /* غ´غ´ ظ¾غŒع©ط³ظ„ ط­ط¯ط§ظ‚ظ„ظگ ظ‡ط¯ظپ ظ„ظ…ط³غŒ ط§ط³طھط› ع©ظ…طھط± ط§ط² ط¢ظ† ط¨ط§ ط¯ط³طھ ظ„ط±ط²ط§ظ† غŒط§
     ط¯ط³طھع©ط´ ط®ط·ط§ ظ…غŒâ€Œط®ظˆط±ط¯. */
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
  border-radius: 999px;
  background: var(--white, #fff);
  color: var(--dark, #223548);
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(34, 53, 72, 0.08);
}

.e365p-nav-item.is-active {
  background: var(--primary, #F5BC38);
}

.e365p-nav-out {
  margin-inline-start: auto;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  box-shadow: none;
  background: transparent;
}

/* ===== ظ‡ط´ط¯ط§ط±ظ‡ط§غŒ ط¨ط§ظ„ط§غŒ طµظپط­ظ‡ ===== */

.e365p-alerts { margin-bottom: 1rem; }

.e365p-alert {
  margin: 0 0 0.6rem;
  padding: 0.9rem 1rem;
  border-radius: var(--e365p-r-card);
  font-size: 0.9rem;
  line-height: 1.8;
  border-inline-start: 4px solid transparent;
}

.e365p-alert-ok   { background: #E6F4EA; color: #1E7B34; border-color: #1E7B34; }
.e365p-alert-soon { background: #FFF4E0; color: #8A5A00; border-color: #F5BC38; }
.e365p-alert-warn { background: #FCE8E6; color: #9B1C16; border-color: #9B1C16; }

/*
 * ط¯ع©ظ…ظ‡ظ” ط¯ط§ط®ظ„ ظ‡ط´ط¯ط§ط±.
 *
 * ط±ظˆغŒ ط®ط· ط¨ط¹ط¯ ظ…غŒâ€Œظ†ط´غŒظ†ط¯ ظˆ ظ†ظ‡ ظˆط³ط· ظ…طھظ†: ط±ظˆغŒ ع¯ظˆط´غŒطŒ ظ„غŒظ†ع©غŒ ع©ظ‡ ظ…غŒط§ظ†
 * ط¬ظ…ظ„ظ‡ ط¨ط§ط´ط¯ ع©ظ†ط§ط± ط§ظ†ع¯ط´طھ ط´ط³طھ ع¯ظ… ظ…غŒâ€Œط´ظˆط¯. ط±ظ†ع¯ط´ ط±ط§ ط§ط² ط®ظˆط¯ ظ‡ط´ط¯ط§ط±
 * ظ…غŒâ€Œع¯غŒط±ط¯ طھط§ ط¨ط§ ظ‡ط± ط³ظ‡ ط³ط·ط­ (ok/soon/warn) ط¨ط®ظˆط§ظ†ط¯.
 */
.e365p-alert-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-block-start: 0.4rem;
  font-weight: 700;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.e365p-alert-cta .e365p-svg {
  width: 0.9rem;
  height: 0.9rem;
  flex: 0 0 auto;
}

.e365p-alert-cta:hover,
.e365p-alert-cta:focus { text-decoration: none; }

/*
 * ط¯ع©ظ…ظ‡â€Œط§غŒ ع©ظ‡ ظ…ط«ظ„ ظ„غŒظ†ع© ط¯غŒط¯ظ‡ ظ…غŒâ€Œط´ظˆط¯.
 *
 * آ«ط±ظ…ط²ظ… ط±ط§ ظپط±ط§ظ…ظˆط´ ع©ط±ط¯ظ‡â€Œط§ظ…آ» ط¨ط§غŒط¯ POST ط¨ط§ط´ط¯ ع†ظˆظ† ظ¾غŒط§ظ…ع© ظ…غŒâ€Œظپط±ط³طھط¯ ظˆ ظ¾ظˆظ„
 * ط®ط±ط¬ ظ…غŒâ€Œع©ظ†ط¯طŒ ظˆظ„غŒ ع©ط§ط±ط¨ط± ط§ظ†طھط¸ط§ط± ط¯ط§ط±ط¯ ظ„غŒظ†ع© ط¨ط§ط´ط¯. ظ¾ط³ ط±ظپطھط§ط±ط´ ط¯ع©ظ…ظ‡ ط§ط³طھ ظˆ
 * ط¸ط§ظ‡ط±ط´ ظ„غŒظ†ع©.
 */
.e365p-link-btn {
  display: inline-block;
  margin-block-start: 0.75rem;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--e365p-link, #1A5FB4);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.e365p-link-btn:hover,
.e365p-link-btn:focus { text-decoration: none; }

/* ===== ظپظ‡ط±ط³طھ ظ‚غŒظ…طھ ط¯ظˆط±ظ‡â€Œظ‡ط§ ===== */

/*
 * ط¬ط¯ظˆظ„ ظ‚غŒظ…طھ ط±ظˆغŒ ع©ط§ط±طھ ط´ظ‡ط±.
 *
 * ط±ظˆغŒ ع¯ظˆط´غŒ ظ‡ط± ط¯ظˆط±ظ‡ غŒع© ط®ط· ع©ط§ظ…ظ„ ظ…غŒâ€Œع¯غŒط±ط¯ — ظ†ط§ظ… ع†ظ¾طŒ ظ…ط¨ظ„ط؛ ط±ط§ط³طھ — طھط§
 * ع†ط´ظ… ط¨طھظˆط§ظ†ط¯ ط³طھظˆظ† ظ…ط¨ظ„ط؛‌ظ‡ط§ ط±ط§ ظ¾ط§غŒغŒظ† ط¨ط±ظˆط¯ ظˆ ظ…ظ‚ط§غŒط³ظ‡ ع©ظ†ط¯.
 */
.e365p-price-list {
  list-style: none;
  margin: 0.75rem 0;
  padding: 0;
  border: 1px solid var(--e365p-border, #D8DEE4);
  border-radius: var(--e365p-r-card);
  overflow: hidden;
}

.e365p-price-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  padding: 0.6rem 0.9rem;
}

.e365p-price-list li + li { border-block-start: 1px solid var(--e365p-border, #D8DEE4); }

.e365p-price-term { color: var(--e365p-muted, #5B6B7B); }

.e365p-price-amount {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ===== ط§ظ…ط¶ط§غŒ طھطµظˆغŒط±غŒ ===== */

.e365p-sign {
  margin-block: 1.25rem;
  padding: 1rem;
  border: 1px dashed var(--e365p-border, #D8DEE4);
  border-radius: var(--e365p-r-card);
}

/*
 * ط§ط±طھظپط§ط¹ ط«ط§ط¨طھ ظˆ ط¹ط±ط¶ ع©ط§ظ…ظ„.
 *
 * ط¨ظˆظ… ط¨ط§غŒط¯ ظ¾غŒط´ ط§ط² ع©ط´غŒط¯ظ† ظ‡ظ… ط§ظ†ط¯ط§ط²ظ‡ظ” ظˆط§ظ‚ط¹غŒ ط¯ط§ط´طھظ‡ ط¨ط§ط´ط¯طŒ ظˆع¯ط±ظ†ظ‡
 * getBoundingClientRect طµظپط± ظ…غŒâ€Œط¯ظ‡ط¯ ظˆ ط®ط·â€Œظ‡ط§ ط¬ط§غŒ ط§ط´طھط¨ط§ظ‡ ظ…غŒâ€Œط§ظپطھظ†ط¯.
 * touch-action: none ظ„ط§ط²ظ… ط§ط³طھ طھط§ ع©ط´غŒط¯ظ† ط§ظ†ع¯ط´طھ ط±ظˆغŒ ط¨ظˆظ…طŒ طµظپط­ظ‡ ط±ط§
 * ط§ط³ع©ط±ظˆظ„ ظ†ع©ظ†ط¯ — ط¨ط¯ظˆظ† ط¢ظ†طŒ ط§ظ…ط¶ط§ ع©ط±ط¯ظ† ط±ظˆغŒ ع¯ظˆط´غŒ ط¹ظ…ظ„ط§ظ‹ ظ†ط§ظ…ظ…ع©ظ† ط§ط³طھ.
 */
.e365p-sign-pad {
  display: block;
  width: 100%;
  height: 160px;
  margin-block: 0.75rem;
  border: 1px solid var(--e365p-border, #D8DEE4);
  border-radius: var(--e365p-r-input);
  background: #FFFFFF;
  touch-action: none;
  cursor: crosshair;
}

.e365p-sign-block {
  margin-block-start: 1.25rem;
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--e365p-border, #D8DEE4);
}

.e365p-sign-image {
  max-width: 320px;
  max-height: 160px;
  border: 1px solid var(--e365p-border, #D8DEE4);
  border-radius: var(--e365p-r-input);
  background: #FFFFFF;
}

/* ===== ظپظ‡ط±ط³طھ‌ظ‡ط§ ===== */

.e365p-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.e365p-list-item + .e365p-list-item {
  border-top: 1px solid rgba(34, 53, 72, 0.1);
}

.e365p-list-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  /* ط¨ظ„ظˆع© ع©ط§ظ…ظ„ ظ‚ط§ط¨ظ„ ظ„ظ…ط³طŒ ظ†ظ‡ ظپظ‚ط· ظ…طھظ† ظ„غŒظ†ع© */
  min-height: 56px;
  padding: 0.75rem 0;
  text-decoration: none;
  color: var(--dark, #223548);
}

.e365p-list-main {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.95rem;
}

.e365p-list-main .e365p-muted { font-size: 0.82rem; }

/* فلش «رفتن به صفحهٔ جزئیات» در انتهای هر ردیف. */
.e365p-list-go {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--muted, rgba(34, 53, 72, 0.55));
}

.e365p-list-go .e365p-svg {
  width: 1.1rem;
  height: 1.1rem;
}

.e365p-list-link:hover .e365p-list-go {
  color: var(--primary, #F5BC38);
}

/* ===== ظˆط¶ط¹غŒطھ ظˆط§ع¯ط°ط§ط±غŒ ===== */

.e365p-state {
  font-size: 0.82rem;
  font-weight: 700;
}
.e365p-state-live       { color: #1E7B34; }
.e365p-state-ending     { color: #8A5A00; }
.e365p-state-paused     { color: #9B1C16; }
.e365p-state-upcoming   { color: var(--muted, rgba(34, 53, 72, 0.55)); }
.e365p-state-expired,
.e365p-state-terminated { color: var(--muted, rgba(34, 53, 72, 0.55)); }

.e365p-state-block {
  display: block;
  padding: 0.8rem 1rem;
  border-radius: var(--e365p-r-card);
  background: var(--white, #fff);
  margin: 0 0 1rem;
}

/* ===== ط±ط¯غŒظپ‌ظ‡ط§غŒ ط§ط·ظ„ط§ط¹ط§طھ ===== */

.e365p-fields { margin: 0; }

.e365p-field {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0;
  font-size: 0.92rem;
}
.e365p-field + .e365p-field { border-top: 1px dashed rgba(34, 53, 72, 0.12); }

.e365p-field dt {
  color: var(--muted, rgba(34, 53, 72, 0.55));
  font-size: 0.85rem;
}

.e365p-field dd {
  margin: 0;
  font-weight: 700;
  text-align: end;
  /* ط´ظ…ط§ط±ظ‡ ظˆ ع©ط¯ ظ…ظ„غŒ ط¨ط§غŒط¯ ط¯ط± ظ…طھظ† ظپط§ط±ط³غŒ ظ‡ظ… ع†ظ¾â€Œط¨ظ‡â€Œط±ط§ط³طھ ط¨ظ…ط§ظ†ظ†ط¯ */
  unicode-bidi: isolate;
}

.e365p-exp-expired { color: #9B1C16; }
.e365p-exp-soon    { color: #8A5A00; }

/* ===== ط¹ط¯ط¯ ط¨ط²ط±ع¯ ===== */

.e365p-big-number {
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--blue, #223548);
  margin: 0 0 0.2rem;
  line-height: 1.2;
}

/* ===== ظ†ظ…ظˆط¯ط§ط± ظ…غŒظ„ظ‡â€Œط§غŒ (ظ…ط´طھط±ع© ط¨ط§ ظ¾غŒط´ط®ظˆط§ظ†) ===== */

.e365p-bars {
  display: grid;
  gap: 0.25rem;
  margin: 1rem 0 0;
}

.e365p-bar-row {
  display: grid;
  grid-template-columns: 5.5rem 1fr 2.5rem;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
}

.e365p-bar-label { color: var(--muted, rgba(34, 53, 72, 0.55)); }

.e365p-bar-track {
  background: var(--bg, #F5F7FA);
  border-radius: var(--e365p-r-bar);
  height: 12px;
  overflow: hidden;
}

.e365p-bar-fill {
  display: block;
  height: 100%;
  background: var(--primary, #F5BC38);
  border-radius: var(--e365p-r-bar);
}

.e365p-bar-value {
  font-weight: 700;
  text-align: start;
}

/* ===== طھط§ط±غŒط®ع†ظ‡ ===== */

.e365p-events {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.88rem;
  line-height: 1.9;
}
.e365p-events li + li { border-top: 1px dashed rgba(34, 53, 72, 0.12); padding-top: 0.4rem; margin-top: 0.4rem; }
.e365p-events .e365p-muted { display: block; font-size: 0.78rem; }

/*
 * دکمهٔ برگشت به بالای صفحه.
 *
 * دکمهٔ منو fixed است و در گوشهٔ بالا می‌نشیند. «برگشت» هم اولین
 * عنصر محتواست، پس بدون فاصله زیرِ دکمهٔ منو می‌افتاد. margin-top
 * قبلاً صفر بود.
 *
 * فلش کنارش SVG است (آیکون next)، نه کاراکتر متنی. کاراکترهای
 * ‹ › در راست‌به‌چپ آینه می‌شوند و شبیه «)» در جای اشتباه می‌افتادند.
 * به همین دلیل inline-flex و gap تا فلش و متن روی هم بنشینند.
 */
.e365p-back {
  margin: 0 0 0.75rem;
  padding-top: 0.9rem;
  font-size: 0.85rem;
}

.e365p-back a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--blue, #223548);
  text-decoration: none;
}

.e365p-back a:hover { color: var(--primary, #F5BC38); }

.e365p-back .e365p-svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}


/* ===== ط¨ط§ط±ع¯ط°ط§ط±غŒ ظ…ط¯ط±ع© (B3) ===== */

.e365p-upload {
  margin-top: 1rem;
  border-top: 1px solid rgba(34, 53, 72, 0.1);
  padding-top: 0.9rem;
}

.e365p-upload > summary {
  list-style: none;
  cursor: pointer;
  /* ظ‡ط¯ظپ ظ„ظ…ط³غŒ ع©ط§ظ…ظ„طŒ ظ†ظ‡ ظپظ‚ط· ظ…طھظ† */
  min-height: 44px;
  display: flex;
  align-items: center;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--blue, #223548);
}
.e365p-upload > summary::-webkit-details-marker { display: none; }

.e365p-upload > summary::before {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-inline-end: 0.6rem;
  border-radius: 50%;
  border: 1.5px solid var(--primary, #F5BC38);
  color: var(--primary, #F5BC38);
  font-weight: 700;
  line-height: 1;
}
.e365p-upload[open] > summary::before { content: "−"; }

.e365p-upload form { margin-top: 0.9rem; }

/* ظپط§غŒظ„‌ظ¾غŒع©ط± ظ¾غŒط´â€Œظپط±ط¶ ظ…ط±ظˆط±ع¯ط± ط±ظˆغŒ ظ…ظˆط¨ط§غŒظ„ ع©ظˆع†ع© ظˆ ط¨ط¯ظ‚ظˆط§ط±ظ‡ ط§ط³طھط›
   ط§غŒظ† ظپظ‚ط· ط¨ط²ط±ع¯ ظˆ ظ‚ط§ط¨ظ„ ظ„ظ…ط³ط´ ظ…غŒâ€Œع©ظ†ط¯طŒ ط¨ط¯ظˆظ† ط¬ط§غŒع¯ط²غŒظ†غŒ ط¨ط§ JS. */
.e365p-file {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-family: inherit;
  padding: 0.85rem;
  border: 1.5px dashed rgba(34, 53, 72, 0.28);
  border-radius: var(--e365p-r-card);
  background: var(--bg, #F5F7FA);
  margin-bottom: 0.75rem;
}

.e365p-upload-status {
  margin: 0 0 0.9rem;
  font-size: 0.82rem;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  min-height: 1.2em;
}

/* =========================================================
   ع†ط³ط¨ط§ظ†ط¯ظ† ظپظˆطھط± ط¨ظ‡ ظ¾ط§غŒغŒظ† طµظپط­ظ‡ — ظپظ‚ط· ط±ظˆغŒ طµظپط­ط§طھ ظ¾ط±طھط§ظ„
   ---------------------------------------------------------
   طµظپط­ظ‡ظ” ظˆط±ظˆط¯ ظ…ط­طھظˆط§غŒ ع©ظ…غŒ ط¯ط§ط±ط¯طŒ ظ¾ط³ ظپظˆطھط± ط¯ط±ط³طھ ط²غŒط± ظپط±ظ… ظ…غŒâ€Œظ†ط´ط³طھ ظˆ
   ظˆط³ط· طµظپط­ظ‡ ط±ظ‡ط§ ظ…غŒâ€Œط´ط¯. ط±ط§ظ‡â€Œط­ظ„ ط§ط³طھط§ظ†ط¯ط§ط±ط¯: ط¨ط¯ظ†ظ‡ ط³طھظˆظ† ظپظ„ع©ط³طŒ ظˆ
   ظ†ط§ط­غŒظ‡ظ” ط§طµظ„غŒ ظپط¶ط§غŒ ط¨ط§ظ‚غŒâ€Œظ…ط§ظ†ط¯ظ‡ ط±ط§ ط¨ع¯غŒط±ط¯.

   ع©ظ„ط§ط³ e365p-portal-page ط±ط§ Router ظپظ‚ط· ط¨ظ‡ ظ‡ظ…غŒظ† طµظپط­ظ‡â€Œظ‡ط§ ط§ط¶ط§ظپظ‡
   ظ…غŒâ€Œع©ظ†ط¯طŒ ظ¾ط³ ع†غŒط¯ظ…ط§ظ† ط¨ظ‚غŒظ‡ظ” ط³ط§غŒطھ ط§طµظ„ط§ظ‹ ظ„ظ…ط³ ظ†ظ…غŒâ€Œط´ظˆط¯.

   100dvh ط¨ظ‡â€Œط¬ط§غŒ 100vh: ط±ظˆغŒ ظ…ظˆط¨ط§غŒظ„طŒ ظ†ظˆط§ط± ط¢ط¯ط±ط³ ظ…ط±ظˆط±ع¯ط± ط§ط±طھظپط§ط¹
   ظˆط§ظ‚ط¹غŒ ط±ط§ ع©ظ… ظ…غŒâ€Œع©ظ†ط¯ ظˆ 100vh ط¨ط§ط¹ط« ظ…غŒâ€Œط´ظˆط¯ طµظپط­ظ‡ ع©ظ…غŒ ط¨ظ„ظ†ط¯طھط± ط§ط²
   ظ†ظ…ط§غŒط´ع¯ط± ط´ظˆط¯ ظˆ ط¨غŒâ€Œط¯ظ„غŒظ„ ط§ط³ع©ط±ظˆظ„ ط¨ط®ظˆط±ط¯. ظ…ط±ظˆط±ع¯ط±ظ‡ط§غŒ ظ‚ط¯غŒظ…غŒ dvh ط±ط§
   ظ†ظ…غŒâ€Œط´ظ†ط§ط³ظ†ط¯ ظˆ ظ‡ظ…ط§ظ† ط®ط· ظ‚ط¨ظ„غŒ (100vh) ط±ط§ ظ†ع¯ظ‡ ظ…غŒâ€Œط¯ط§ط±ظ†ط¯.
   ========================================================= */

body.e365p-portal-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

/* ظ‡ط¯ط± ظˆ ظپظˆطھط± ط§ظ†ط¯ط§ط²ظ‡ظ” ط·ط¨غŒط¹غŒ ط®ظˆط¯ط´ط§ظ†طŒ ظ…ط­طھظˆط§ ط¨ط§ظ‚غŒâ€Œظ…ط§ظ†ط¯ظ‡ ط±ط§ ظ…غŒâ€Œع¯غŒط±ط¯. */
body.e365p-portal-page > #site-header,
body.e365p-portal-page > #site-footer,
body.e365p-portal-page > .mobile-bottom-nav {
  display: none;
}

body.e365p-portal-page > .site-main {
  flex: 1 0 auto;
}

/*
 * ظ†ظˆط§ط± ظ¾ط§غŒغŒظ† ظ…ظˆط¨ط§غŒظ„ ط«ط§ط¨طھ ط§ط³طھ ظˆ ط±ظˆغŒ ظ…ط­طھظˆط§ ظ…غŒâ€Œط§ظپطھط¯ط› ط¨ط¯ظˆظ† ط§غŒظ† ظپط§طµظ„ظ‡طŒ
 * ط¯ع©ظ…ظ‡ظ” آ«ط®ط±ظˆط¬ ط§ط² ط­ط³ط§ط¨آ» ط²غŒط±ط´ ظ¾ظ†ظ‡ط§ظ† ظ…غŒâ€Œظ…ط§ظ†ط¯.
 */
@media (max-width: 767px) {
  body.e365p-portal-page > .site-main {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
  }

  /* ظپط§طµظ„ظ‡ظ” ظ†ظˆط§ط± ظ¾ط§غŒغŒظ† ظ…ظˆط¨ط§غŒظ„ ط±ط§ ظ‚ط§ظ„ط¨ ط±ظˆغŒ body ظ…غŒâ€Œع¯ط°ط§ط±ط¯
     (padding-bottom: 72px). طµظپط­ط§طھ ظ¾ط±طھط§ظ„ ظ‡ظ…ط§ظ† ظپط§طµظ„ظ‡ ط±ط§ ظ‚ط¨ظ„ط§ظ‹ ط¨ط§ padding
     ط®ظˆط¯ظگ .site-main طھط£ظ…غŒظ† ع©ط±ط¯ظ‡â€Œط§ظ†ط¯ط› طµظپط± ع©ط±ط¯ظ†ط´ ط±ظˆغŒ ط§غŒظ† طµظپط­ط§طھطŒ ظ…ط§ظ†ط¹ ط§ط²
     ط§ط³ع©ط±ظˆظ„ ط¹ظ…ظˆط¯غŒ آ«ط¨ط¹ط¯ ط§ط² ظپظˆطھط±آ» ظ…غŒâ€Œط´ظˆط¯. */
  body.e365p-portal-page {
    padding-bottom: 0;
  }
}

/* ===== ط¹ع©ط³ ظ†ظ…ط§غŒط´غŒ ط¯ط± ظ¾ط±ظˆظ†ط¯ظ‡ ===== */

.e365p-photo-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.e365p-photo-row p { margin: 0; font-size: 0.85rem; }

.e365p-photo-preview {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--bg, #F5F7FA);
  border: 2px solid var(--primary, #F5BC38);
}

.e365p-photo-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-style: dashed;
  border-color: rgba(34, 53, 72, 0.25);
  color: var(--muted, rgba(34, 53, 72, 0.55));
}

/* ===== ظ‚ط±ط§ط±ط¯ط§ط¯ ===== */

.e365p-contract-text {
  font-size: 0.92rem;
  line-height: 2;
  /* ظ…طھظ† ط­ظ‚ظˆظ‚غŒ ط¨ظ„ظ†ط¯ ط§ط³طھط› ط¯ظˆ ط·ط±ظپ طھط±ط§ط²طŒ ط®ظˆط§ظ†ط§طھط± ط§ط² ظ†ط§ظ‡ظ…ظˆط§ط±. */
  text-align: justify;
  /* ط³ظ‚ظپ ط§ط±طھظپط§ط¹ طھط§ ع©ط§ط±ط¨ط± ط¨ظپظ‡ظ…ط¯ ظ…طھظ† ط§ط¯ط§ظ…ظ‡ ط¯ط§ط±ط¯ ظˆ ط§ط³ع©ط±ظˆظ„ ع©ظ†ط¯طŒ
     ط¨ظ‡â€Œط¬ط§غŒ ط§غŒظ†ع©ظ‡ ط¨ط§ غŒع© طµظپط­ظ‡ظ” ط¨ط³غŒط§ط± ط¨ظ„ظ†ط¯ ط±ظˆط¨ظ‡â€Œط±ظˆ ط´ظˆط¯. */
  max-height: 60vh;
  overflow-y: auto;
  padding-inline-end: 0.5rem;
}

.e365p-contract-text p { margin: 0 0 0.9rem; }
.e365p-contract-text p:last-child { margin-bottom: 0; }

.e365p-agree {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  /* ظ‡ط¯ظپ ظ„ظ…ط³غŒ ع©ط§ظ…ظ„ ط±ظˆغŒ ع©ظ„ ط±ط¯غŒظپطŒ ظ†ظ‡ ظپظ‚ط· ظ…ط±ط¨ط¹ ع†ع©â€Œط¨ط§ع©ط³. */
  min-height: 44px;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.8;
  cursor: pointer;
}

.e365p-agree input {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 0.25rem;
  accent-color: var(--primary, #F5BC38);
}

/* ===== ط±ط²ط±ظˆ ط´ظ‡ط± ===== */

.e365p-price { font-size: 1.6rem; margin-bottom: 0.1rem; }

.e365p-hold {
  padding: 0.9rem 0;
  border-bottom: 1px solid rgba(34, 53, 72, 0.1);
}
.e365p-hold:last-child { border-bottom: 0; padding-bottom: 0; }

.e365p-hold-city {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.3rem;
}

.e365p-hold .e365p-muted { margin: 0 0 0.9rem; font-size: 0.85rem; }

.e365p-cancel-form { margin-top: 0.6rem; text-align: center; }

/* ط¯ع©ظ…ظ‡â€Œط§غŒ ع©ظ‡ ظ…ط«ظ„ ظ„غŒظ†ع© ط¯غŒط¯ظ‡ ظ…غŒâ€Œط´ظˆط¯ — ط¨ط±ط§غŒ ط¹ظ…ظ„‌ظ‡ط§غŒ ط«ط§ظ†ظˆغŒظ‡ ظˆ ط¨ط±ع¯ط´طھ‌ظ¾ط°غŒط± */
.e365p-link-btn {
  background: none;
  border: 0;
  font: inherit;
  font-size: 0.85rem;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  text-decoration: underline;
  cursor: pointer;
  /* ظ‡ط¯ظپ ظ„ظ…ط³غŒطŒ ط­طھغŒ ظˆظ‚طھغŒ ط´ط¨غŒظ‡ ظ„غŒظ†ع© ط§ط³طھ */
  min-height: 44px;
  padding: 0 0.5rem;
}

select.e365p-input {
  /* ظپظ„ط´ ظ¾غŒط´â€Œظپط±ط¶ ط¯ط± RTL ط³ظ…طھ ع†ظ¾ ظ…غŒâ€Œط§ظپطھط¯ط› ظپط¶ط§غŒ ع©ط§ظپغŒ ط¨ط±ط§غŒط´ ط¨ط§ط² ظ…غŒâ€Œع©ظ†غŒظ… */
  padding-inline-start: 2.5rem;
}

/* ===== ظ¾ط±ط¯ط§ط®طھ ===== */

.e365p-copy {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--bg, #F5F7FA);
  border: 1.5px solid rgba(34, 53, 72, 0.15);
  border-radius: var(--e365p-r-input);
  /* ظ‡ط¯ظپ ظ„ظ…ط³غŒ ع©ط§ظ…ظ„ */
  min-height: 44px;
  padding: 0.35rem 0.75rem;
  font: inherit;
  font-weight: 700;
  color: var(--dark, #223548);
  cursor: pointer;
  /* ط´ظ…ط§ط±ظ‡ظ” ع©ط§ط±طھ ط¨ط§غŒط¯ ظ‡ظ…غŒط´ظ‡ ع†ظ¾â€Œط¨ظ‡â€Œط±ط§ط³طھ ظˆ ط¨ط¯ظˆظ† ط´ع©ط³طھظ† ط¨ظ…ط§ظ†ط¯ */
  white-space: nowrap;
}

.e365p-copy small {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--blue, #223548);
  background: var(--primary, #F5BC38);
  border-radius: 6px;
  padding: 0.15rem 0.45rem;
}

.e365p-state-review   { color: #8A5A00; }
.e365p-state-approved { color: #1E7B34; }
.e365p-state-rejected { color: #9B1C16; }

/* =================================================================
   ط§ظ†طھط®ط§ط¨ع¯ط± طھط§ط±غŒط® ط´ظ…ط³غŒ (wheel)
   -----------------------------------------------------------------
   ط³ظ‡ select ع©ظ†ط§ط± ظ‡ظ…: ط±ظˆط²طŒ ظ…ط§ظ‡طŒ ط³ط§ظ„. ظ…ظˆط¨ط§غŒظ„ ط²غŒط± غ³غ°rem ظ…غŒâ€Œط´ع©ظ†ط¯ طھط§
   ط³ط§ظ„ ع©ظ„ ط¹ط±ط¶ ط±ط§ ط¨ع¯غŒط±ط¯ ظˆ ط±ظˆط² ظˆ ظ…ط§ظ‡ ع©ظ†ط§ط± ظ‡ظ… ط¨ظ…ط§ظ†ظ†ط¯.
   ================================================================= */

.e365p-wheel-date {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.e365p-wheel-date select {
  flex: 1 1 4.5rem;
  min-width: 0;
  padding: 0.45rem 0.3rem;
  border: 1px solid #d8dee4;
  border-radius: var(--e365p-r-input);
  background: #fff;
  color: var(--dark, #223548);
  font: inherit;
  font-size: 0.88rem;
}

.e365p-wheel-date select:nth-child(1) { flex: 0 0 4rem; }
.e365p-wheel-date select:nth-child(2) { flex: 2 1 8rem; }
.e365p-wheel-date select:nth-child(3) { flex: 0 1 6rem; }

.e365p-wheel-date select:focus {
  outline: 2px solid #1E5F8A;
  outline-offset: 1px;
}

@media (max-width: 30rem) {
  .e365p-wheel-date { flex-wrap: wrap; }
  .e365p-wheel-date select:nth-child(2) { flex: 1 1 100%; order: -1; }
}

/* =================================================================
   ظ†ط§ظˆط¨ط±غŒ ع©ط´ظˆغŒغŒ + ع©ط§ط±طھ‌ظ‡ط§غŒ ط¢ظ…ط§ط±
   -----------------------------------------------------------------
   ط±ظ†ع¯â€Œظ‡ط§ ط§ط² ظ‚ط§ظ„ط¨ ظپط±ط²ظ†ط¯ ظ‚ط±ط¶ ع¯ط±ظپطھظ‡ ط´ط¯ظ‡â€Œط§ظ†ط¯طŒ ظ†ظ‡ ط§ط² ظ…ط¯ظ„ ظ…ط±ط¬ط¹:
     --dark    #223548   ط³ط±ظ…ظ‡â€Œط§غŒ ظ…طھظ† ظˆ ع©ط´ظˆ
     --bg      #F5F7FA   ظ¾ط³â€Œط²ظ…غŒظ†ظ‡
     --primary #F5BC38   ط·ظ„ط§غŒغŒ (طھط£ع©غŒط¯ ظˆ ط­ط§ظ„طھ ظپط¹ط§ظ„)

   ط§غŒظ† ظ†ط³ط®ظ‡ ط§ط®طھطµط§طµغŒ ظ‡ظ…غŒظ† ط³ط§غŒطھ ط§ط³طھ ظˆ ط¨ظ‡ ع©ظ„ط§ط³â€Œظ‡ط§غŒ ظ‡ظ…غŒظ† ظ‚ط§ظ„ط¨ ع¯ط±ظ‡ ط®ظˆط±ط¯ظ‡
   (ظ¾ط§غŒغŒظ†â€Œطھط±طŒ ط¨ط®ط´ ط­ط°ظپ ظ‡ط¯ط± ظˆ ظپظˆطھط±). ط¨ط±ط§غŒ ط§ظ†طھظ‚ط§ظ„ ط¨ظ‡ ظ‚ط§ظ„ط¨ ط¯غŒع¯ط± ط¨ط§غŒط¯ ط¢ظ†
   ط¨ط®ط´ ط¨ط§ ظپغŒظ„طھط± e365p_hide_theme_chrome ط¬ط§غŒع¯ط²غŒظ† ط´ظˆط¯.
   ================================================================= */

/* ---------- ظ‡ط¯ط± ط§ط®طھطµط§طµغŒ ظ¾ط±طھط§ظ„ ---------- */

.e365p-app-head {
  position: sticky;
  top: 0;
  z-index: 300;
  background: #fff;
  border-bottom: 1px solid #d8dee4;
  box-shadow: 0 2px 10px rgba(34, 53, 72, 0.06);
}

.e365p-app-head-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.55rem 1rem;
}

.e365p-app-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* ظ„ظˆع¯ظˆغŒ ظˆط§ظ‚ط¹غŒ ط³ط§غŒطھ ط§ع¯ط± ط¢ظ¾ظ„ظˆط¯ ط´ط¯ظ‡ ط¨ط§ط´ط¯. */
.e365p-app-brand .custom-logo {
  max-height: 40px;
  width: auto;
  display: block;
}

.e365p-app-brand .custom-logo-link {
  display: block;
  line-height: 0;
}

.e365p-app-home {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--dark, #223548);
  text-decoration: none;
}

.e365p-app-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border-radius: var(--e365p-r-input);
  background: linear-gradient(150deg, #F5BC38, #d99b16);
  color: #223548;
}

.e365p-app-mark .e365p-svg { width: 1.15rem; height: 1.15rem; }

.e365p-app-name {
  font-size: 0.95rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ط¨ط±ع†ط³ط¨ آ«ظ¾ظ†ظ„ ط§ظ…ط¯ط§ط¯ع¯ط±آ» — ط±ظˆغŒ طµظپط­ظ‡ظ” ط¨ط§ط±غŒع© ط­ط°ظپ ظ…غŒâ€Œط´ظˆط¯ ع†ظˆظ† ط¬ط§ ظ†غŒط³طھ. */
.e365p-app-tag {
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: rgba(245, 188, 56, 0.16);
  color: #8A5A00;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}

.e365p-app-back {
  margin-right: auto;
  color: var(--muted, rgba(34, 53, 72, 0.55));
  font-size: 0.8rem;
  text-decoration: none;
  white-space: nowrap;
}

.e365p-app-back:hover { color: #223548; }

@media (max-width: 30rem) {
  /* ط¬ط§غŒ طھظ†ع¯ ط§ط³طھط› ط¨ط±ع†ط³ط¨ ظˆ ظ†ط§ظ… ط³ط§غŒطھ ظ…غŒâ€Œط±ظˆظ†ط¯طŒ ظپظ‚ط· ظ„ظˆع¯ظˆ ظˆ ط¨ط§ط²ع¯ط´طھ ظ…غŒâ€Œظ…ط§ظ†ط¯. */
  .e365p-app-tag { display: none; }
}

/* ---------- ظ¾ظˆط´ط´ ظˆ ط¯ع©ظ…ظ‡ظ” ط¨ط§ط²ع©ظ† ---------- */

.e365p-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: rgba(34, 53, 72, 0.5);
  opacity: 0;
  transition: opacity 0.22s ease-out;
}

.e365p-drawer-overlay.is-open { opacity: 1; }

body.e365p-nav-locked { overflow: hidden; }

/*
 * ط¯ع©ظ…ظ‡ظ” ط¨ط§ط²ع©ظ† ع©ط´ظˆ.
 *
 * ط±ظˆغŒ ظ†ظˆط§ط± ط¨ط§ظ„ط§ ط´ظ†ط§ظˆط± ط§ط³طھ (fixed). ظ‚ط¨ظ„ط§ظ‹ ظ‡ظ…غŒظ†â€Œط·ظˆط± ط¨ظˆط¯ ظˆ ط±ظˆغŒ ظ†ط§ظ…
 * ط§ظ…ط¯ط§ط¯ع¯ط± ظ…غŒâ€Œط§ظپطھط§ط¯ط› ط¯ط±ظ…ط§ظ†ط´ ط¬ط§ط¨ظ‡â€Œط¬ط§ ع©ط±ط¯ظ† markup ط¨ظˆط¯ ع©ظ‡ ظپط§غŒظ„‌ظ‡ط§غŒ ط¨غŒط´طھط±غŒ
 * ط±ط§ ط¯ط±ع¯غŒط± ظ…غŒâ€Œع©ط±ط¯. ط¨ظ‡â€Œط¬ط§غŒط´ ط§غŒظ†ط¬ط§ ط¬ط§غŒط´ ط±ط§ ط±ط²ط±ظˆ ظ…غŒâ€Œع©ظ†غŒظ…: ظ†ظˆط§ط± ط¨ط§ظ„ط§ ط¯ط±
 * طµظپط­ظ‡â€Œظ‡ط§غŒ ط¯ط§ط±ط§غŒ ع©ط´ظˆطŒ ط¨ظ‡ ط§ظ†ط¯ط§ط²ظ‡ظ” ط¯ع©ظ…ظ‡ ط§ط² ط³ظ…طھ ط´ط±ظˆط¹ ظپط§طµظ„ظ‡ ظ…غŒâ€Œع¯غŒط±ط¯.
 *
 * ع†ط±ط§ fixed ظˆ ظ†ظ‡ ط¹ط¶ظˆ ط¹ط§ط¯غŒ ظ†ظˆط§ط±: ط¯ع©ظ…ظ‡ ط¯ط± â€ژparts/nav.phpâ€ژ ع†ط§ظ¾ ظ…غŒâ€Œط´ظˆط¯ ع©ظ‡
 * ط¯ط§ط®ظ„ â€ژ<main>â€ژ ط§ط³طھ. ط¹ط¶ظˆ ط¹ط§ط¯غŒ ظ†ظˆط§ط± ظ†ط¨ظˆط¯طŒ ظ¾ط³ غŒط§ ط¨ط§ ط§ط³ع©ط±ظˆظ„ ظ…غŒâ€Œط±ظپطھ غŒط§
 * ظˆط³ط· طµظپط­ظ‡ ظ…غŒâ€Œط§ظپطھط§ط¯.
 *
 * flex-shrink طµظپط± ط§ط³طھ طھط§ ط¯ط± طµظپط­ظ‡â€Œظ‡ط§غŒ ط¨ط§ط±غŒع© ظپط´ط±ط¯ظ‡ ظ†ط´ظˆط¯.
 */
.e365p-burger {
  position: fixed;
  top: 0.62rem;
  right: 0.9rem;
  z-index: 320;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  width: 2.3rem;
  height: 2.3rem;
  padding: 0;
  border: 1px solid #d8dee4;
  border-radius: var(--e365p-r-input);
  background: #fff;
  box-shadow: 0 2px 8px rgba(34, 53, 72, 0.12);
  cursor: pointer;
}

/*
 * ط¬ط§غŒ ط±ط²ط±ظˆط´ط¯ظ‡ظ” ط¯ع©ظ…ظ‡ ط¯ط± ظ†ظˆط§ط± ط¨ط§ظ„ط§.
 *
 * ظپظ‚ط· طµظپط­ظ‡â€Œظ‡ط§غŒغŒ ع©ظ‡ ع©ط´ظˆ ط¯ط§ط±ظ†ط¯ (ع©ظ„ط§ط³ e365p-has-drawer ط±ظˆغŒ body) ظˆ ظپظ‚ط·
 * ط¯ط± ط¹ط±ط¶â€Œظ‡ط§غŒغŒ ع©ظ‡ ط¯ع©ظ…ظ‡ ط¯غŒط¯ظ‡ ظ…غŒâ€Œط´ظˆط¯. ط¯ع©ظ…ظ‡ غ².غ³rem ط¹ط±ط¶ ط¯ط§ط±ط¯ ظˆ غ°.غ¹rem
 * ط§ط² ظ„ط¨ظ‡ ظپط§طµظ„ظ‡ ط¯ط§ط±ط¯طŒ ظ¾ط³ غ³.غ²rem ظ„ط§ط²ظ… ط§ط³طھط› غ³.غ¶rem ط¨ط§ ع©ظ…غŒ ظپط§طµظ„ظ‡ظ” ط§ظ…ظ†.
 *
 * ط¯ط± RTL â€ژinline-startâ€ژ غŒط¹ظ†غŒ ط±ط§ط³طھطŒ غŒط¹ظ†غŒ ظ‡ظ…ط§ظ†â€Œط¬ط§ ع©ظ‡ ط¯ع©ظ…ظ‡ ظ…غŒâ€Œظ†ط´غŒظ†ط¯.
 * ط¯ط± طµظپط­ظ‡â€Œظ‡ط§غŒ ظˆط±ظˆط¯ ظˆ ط±ظ…ط² ع©ط´ظˆ ظ†غŒط³طھطŒ ظ¾ط³ ط§غŒظ† ظپط§طµظ„ظ‡ ط¯ط§ط¯ظ‡ ظ†ظ…غŒâ€Œط´ظˆط¯ ظˆ ظ‡ط¯ط±
 * ط¢ظ†â€Œظ‡ط§ ظ†ط§ظ…طھظ‚ط§ط±ظ† ظ†ظ…غŒâ€Œط´ظˆط¯.
 */
@media (max-width: 63.99rem) {
  body.e365p-has-drawer .e365p-app-head-inner {
    padding-inline-start: 3.6rem;
  }
}

.e365p-burger span {
  display: block;
  width: 1rem;
  height: 2px;
  margin: 0 auto;
  border-radius: 2px;
  background: #223548;
}

.e365p-burger:hover { border-color: #F5BC38; }

/* ---------- ع©ط´ظˆغŒ ع©ظ†ط§ط±غŒ ---------- */

.e365p-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 510;
  display: flex;
  flex-direction: column;
  width: 16.5rem;
  max-width: 82vw;
  background: #223548;
  color: #fff;
  transform: translateX(100%);
  transition: transform 0.24s ease-out;
  box-shadow: -8px 0 28px rgba(34, 53, 72, 0.3);
  visibility: hidden;
}

.e365p-drawer.is-open {
  transform: translateX(0);
  visibility: visible;
}

/* ---------- ط¯ط³ع©طھط§ظ¾: ع©ط´ظˆ ط«ط§ط¨طھ ع©ظ†ط§ط± ظ…ط­طھظˆط§ ---------- */

@media (min-width: 64rem) {
  .e365p-burger { display: none; }

  .e365p-drawer {
    top: 3.55rem;
    width: 16.5rem;
    max-width: none;
    transform: none;
    visibility: visible;
    box-shadow: none;
    border-left: 1px solid #d8dee4;
  }

  .e365p-drawer-overlay { display: none; }

  /*
   * ع©ظ†ط§ط± ع©ط´ظˆطŒ ظ¾ظ†ظ„ ط§ط² ط­ط§ظ„طھ ط¨ط§ط±غŒع©ظگ ظپط±ظ…‌ظ‡ط§ (غ´غ¶غ°px) ط¯ط±ظ…غŒâ€Œط¢غŒط¯ ظˆ طھط§ ط¹ط±ط¶
   * ع©ط§ظ†طھغŒظ†ط± ظ‡ط¯ط± ط¨ط§ط² ظ…غŒâ€Œط´ظˆط¯.
   *
   * ظپظ‚ط· ط±ظˆغŒ طµظپط­ظ‡â€Œظ‡ط§غŒغŒ ع©ظ‡ ع©ط´ظˆ ط¯ط§ط±ظ†ط¯ (ع©ظ„ط§ط³ e365p-has-drawer ط±ط§
   * Router::has_drawer ط±ظˆغŒ body ظ…غŒâ€Œع¯ط°ط§ط±ط¯). طµظپط­ظ‡â€Œظ‡ط§غŒ ظˆط±ظˆط¯ ظˆ ط¨ط§ط²غŒط§ط¨غŒ ط±ظ…ط²
   * ع©ط´ظˆ ظ†ط¯ط§ط±ظ†ط¯ ظˆ ط¨ط§غŒط¯ ظپط±ظ…‌ط´ط§ظ† ظˆط³ط· ط¨ظ…ط§ظ†ط¯ط› ط§ع¯ط± ط§غŒظ† ظ‚ط§ظ†ظˆظ† ط±ظˆغŒ ط¢ظ†â€Œظ‡ط§ ظ‡ظ…
   * ظ…غŒâ€Œظ†ط´ط³طھطŒ ط¹ط±ط¶ غ±غ±غ°غ°px ظ…غŒâ€Œع¯ط±ظپطھظ†ط¯ ظˆ ط§ط² ع©ط§ط¯ط± ظ…غŒâ€Œط§ظپطھط§ط¯ظ†ط¯.
   */
  body.e365p-has-drawer .e365p-portal {
    max-width: 1200px;
    padding-right: calc(16.5rem + 1.5rem);
  }
}

/* ---------- ط³ط± ع©ط´ظˆ ---------- */

.e365p-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/*
 * برند بالای کشو.
 *
 * هاور نداشت، پس رنگ پیش‌فرض لینک قالب را می‌گرفت که روی سرمه‌ای
 * کشو تقریباً ناخوانا بود. رنگ هاور عمداً روشن است (طلایی روشن)،
 * نه طلایی معمول: طلایی روی سرمه‌ای کم‌کنتراست است و کاربر گفت
 * با پس‌زمینهٔ منو نزدیک نباشد.
 */
.e365p-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #fff;
  text-decoration: none;
  min-width: 0;
  border-radius: var(--e365p-r-input);
  transition: background-color 0.2s ease-out;
}

.e365p-brand:hover,
.e365p-brand:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: #FFE9B0;
}

.e365p-brand:hover .e365p-brand-text small,
.e365p-brand:focus-visible .e365p-brand-text small {
  color: rgba(255, 255, 255, 0.85);
}

/* ---------- عکس و نام امدادگر، زیر برند ---------- */

/*
 * کارت کوچکی که با یک خط از برند جدا شده تا دو چیز در یک بلوک
 * قاطی نشوند: برند (پنل امدادگر) و هویت کاربر (عکس و نام او).
 *
 * این بلوک بیرون از ‎.e365p-drawer-head‎ است، پس در جریان عادی زیرِ
 * برند می‌نشیند. فاصلهٔ افقی‌اش با ‎padding-inline-start: 1rem‎ با خودِ
 * نوار برند هم‌تراز است — وگرنه کارت نسبت به بالای منو لبه‌به‌لبه
 * می‌چسبد و نامتقارن به نظر می‌رسد.
 */
.e365p-drawer-me {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0.8rem 1rem 0;
  padding: 0.6rem;
  border-radius: var(--e365p-r-input);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease-out;
}

.e365p-drawer-me:hover,
.e365p-drawer-me:focus-visible {
  background: rgba(255, 255, 255, 0.12);
}

.e365p-drawer-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(150deg, #F5BC38, #d99b16);
  color: #223548;
}

.e365p-drawer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.e365p-drawer-avatar .e365p-svg {
  width: 1.3rem;
  height: 1.3rem;
}

.e365p-drawer-me-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.4;
}

.e365p-drawer-me-text strong {
  font-size: 0.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e365p-drawer-me-text small {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
}

.e365p-drawer-me:hover .e365p-drawer-me-text small,
.e365p-drawer-me:focus-visible .e365p-drawer-me-text small {
  color: rgba(255, 255, 255, 0.85);
}

.e365p-brand-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  border-radius: var(--e365p-r-input);
  background: linear-gradient(150deg, #F5BC38, #d99b16);
  color: #223548;
}

.e365p-brand-mark .e365p-svg { width: 1.3rem; height: 1.3rem; }

.e365p-brand-text { display: flex; flex-direction: column; min-width: 0; }
.e365p-brand-text strong { font-size: 0.92rem; font-weight: 700; }
.e365p-brand-text small {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e365p-drawer-close {
  flex: 0 0 auto;
  width: 1.9rem;
  height: 1.9rem;
  border: 0;
  border-radius: var(--e365p-r-input);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
}

.e365p-drawer-close:hover { background: rgba(255, 255, 255, 0.18); }

@media (min-width: 64rem) {
  /* ط¯ط³ع©طھط§ظ¾ ع©ط´ظˆ ظ‡ظ…غŒط´ظ‡ ط¨ط§ط² ط§ط³طھطŒ ظ¾ط³ ط¯ع©ظ…ظ‡ظ” ط¨ط³طھظ† ط¨غŒâ€Œظ…ط¹ظ†غŒ ط§ط³طھ. */
  .e365p-drawer-close { display: none; }
}

/* ---------- ط¢غŒطھظ…‌ظ‡ط§غŒ ظ…ظ†ظˆ ---------- */

.e365p-drawer-nav {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0.8rem 0.65rem;
}

.e365p-drawer-label { flex: 1 1 auto; }

.e365p-drawer-link,
.e365p-drawer-parent {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.58rem 0.7rem;
  margin-bottom: 0.12rem;
  border: 0;
  border-radius: var(--e365p-r-input);
  background: transparent;
  color: rgba(255, 255, 255, 0.82);
  font: inherit;
  font-size: 0.88rem;
  text-align: right;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.e365p-drawer-link:hover,
.e365p-drawer-parent:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.e365p-drawer-link.is-active {
  background: #F5BC38;
  color: #223548;
  font-weight: 600;
}

/* ظˆط§ظ„ط¯ظگ ظ…ظ†ظˆغŒ طھظˆط¯ط±طھظˆ ط±ظˆط´ظ† ظ…غŒâ€Œط´ظˆط¯ ظˆظ„غŒ ظ†ظ‡ ظ¾ط±ط±ظ†ع¯ — ط®ظˆط¯ظگ ظپط±ط²ظ†ط¯ ظپط¹ط§ظ„ ط§ط³طھ. */
.e365p-drawer-parent.is-open { color: #F5BC38; background: rgba(245, 188, 56, 0.1); }

.e365p-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.4rem;
  height: 1.4rem;
}

.e365p-svg { width: 1.15rem; height: 1.15rem; }

/* ظپظ„ط´ ع©ظ†ط§ط± ظ…ظ†ظˆغŒ طھظˆط¯ط±طھظˆ. */
.e365p-caret {
  flex: 0 0 auto;
  width: 0.42rem;
  height: 0.42rem;
  margin-left: 0.3rem;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg) translateY(-0.15rem);
  transition: transform 0.2s ease;
}

.e365p-drawer-parent.is-open .e365p-caret { transform: rotate(-135deg) translateY(-0.1rem); }

/* ---------- ظ…ظ†ظˆغŒ طھظˆط¯ط±طھظˆ ---------- */

.e365p-drawer-submenu {
  margin: 0.12rem 0 0.45rem;
  padding-right: 0.7rem;
  border-right: 2px solid rgba(255, 255, 255, 0.16);
}

.e365p-drawer-sublink {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.46rem 0.65rem;
  margin-bottom: 0.08rem;
  border-radius: var(--e365p-r-input);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.83rem;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.e365p-drawer-sublink:hover { background: rgba(255, 255, 255, 0.07); color: #fff; }
.e365p-drawer-sublink.is-active { color: #F5BC38; font-weight: 600; }
.e365p-drawer-sublink .e365p-svg { width: 0.95rem; height: 0.95rem; opacity: 0.8; }

/* ---------- ظ¾ط§غŒغŒظ† ع©ط´ظˆ ---------- */

.e365p-drawer-foot {
  flex: 0 0 auto;
  padding: 0.65rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.e365p-drawer-out { color: rgba(255, 255, 255, 0.66); }
.e365p-drawer-out:hover { color: #F5BC38; }

/* ط¨ط§ط²ع¯ط´طھ ط¨ظ‡ ط³ط§غŒطھ: ط¨ط§ظ„ط§غŒ ط®ط±ظˆط¬طŒ ط¬ط¯ط§ ط´ط¯ظ‡ ط¨ط§ ط®ط·. */
.e365p-drawer-site {
  margin-bottom: 0.3rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
}

.e365p-drawer-site:hover { color: #F5BC38; }

/* =================================================================
   ط³ط±ط¨ط±ع¯ طµظپط­ظ‡
   ================================================================= */

.e365p-page-head { margin-bottom: 1.1rem; }
.e365p-page-head .e365p-title { margin: 0; }

/* =================================================================
   ع©ط§ط±طھ‌ظ‡ط§غŒ ط¢ظ…ط§ط±
   ================================================================= */

/*
 * ع©ط§ط±طھ‌ظ‡ط§غŒ ط¢ظ…ط§ط± ط¯ط§ط´ط¨ظˆط±ط¯.
 *
 * ع†غŒط¯ظ…ط§ظ† ط«ط§ط¨طھ ط§ط³طھطŒ ظ†ظ‡ auto-fit:
 *   ظ…ظˆط¨ط§غŒظ„  → ط¯ظˆ ط³طھظˆظ† ظˆ ط¯ظˆ ط±ط¯غŒظپ (غ²أ—غ²)
 *   ط¯ط³ع©طھط§ظ¾ → ع†ظ‡ط§ط± ع©ط§ط±طھ ع©ظ†ط§ط± ظ‡ظ…طŒ طھظ…ط§ظ… ط¹ط±ط¶
 *
 * ظ‚ط¨ظ„ط§ظ‹ auto-fit ط¨ط§ minmax(9.5rem) ط¨ظˆط¯ ع©ظ‡ طھط¹ط¯ط§ط¯ ط³طھظˆظ†â€Œظ‡ط§ ط±ط§ ط¨ظ‡ ط¹ط±ط¶
 * ع©ط§ظ†طھغŒظ†ط± ظ…غŒâ€Œط³ظ¾ط±ط¯: ط±ظˆغŒ ط¯ط³ع©طھط§ظ¾ ظ¾ظ‡ظ†طŒ ع©ط§ط±طھ‌ظ‡ط§ ط±غŒط² ظˆ ط¯ط± ع†ظ†ط¯ ط±ط¯غŒظپ
 * ظ…غŒâ€Œط§ظپطھط§ط¯ظ†ط¯ ظˆ ط±ظˆغŒ ظ…ظˆط¨ط§غŒظ„ ظ‡ظ… ط¨ط³طھظ‡ ط¨ظ‡ ط¹ط±ط¶ طµظپط­ظ‡ غ± طھط§ غ³ ط³طھظˆظ† ظ…غŒâ€Œط´ط¯.
 * ظ†طھغŒط¬ظ‡â€Œط§ط´ ع†غŒط¯ظ…ط§ظ†غŒ ط¨ظˆط¯ ع©ظ‡ ط¨ط§ طھط؛غŒغŒط± ط§ظ†ط¯ط§ط²ظ‡ظ” طµظپط­ظ‡ ط¹ظˆط¶ ظ…غŒâ€Œط´ط¯.
 */
.e365p-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  margin-bottom: 1.4rem;
}

@media (min-width: 64rem) {
  .e365p-stats {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}


/* رنگ تازه؛ کارت آمار در بالای فایل تعریف شده. */
.e365p-stat::after {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: -2.5rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: rgba(245, 188, 56, 0.16);
  transition: transform 0.5s ease;
}

.e365p-stat:hover::after { transform: scale(1.35); }

.e365p-stat-label {
  position: relative;
  margin: 0;
  font-size: 0.76rem;
  color: var(--muted, rgba(34, 53, 72, 0.55));
}

.e365p-stat-value {
  position: relative;
  margin: 0.25rem 0 0;
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--dark, #223548);
}

.e365p-stat-foot {
  position: relative;
  margin: 0.3rem 0 0;
  font-size: 0.7rem;
  color: var(--muted, rgba(34, 53, 72, 0.55));
}

/* ظ†ط´ط§ظ† ط±غŒط² ط²غŒط± ط¹ط¯ط¯. */
.e365p-stat-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  margin-top: 0.35rem;
  padding: 0.08rem 0.42rem;
  border-radius: 999px;
  background: rgba(30, 123, 52, 0.12);
  color: #1e7b34;
  font-size: 0.68rem;
  font-weight: 600;
  text-decoration: none;
}

.e365p-stat-badge .e365p-svg { width: 0.75rem; height: 0.75rem; }

.e365p-stat-badge.is-quiet {
  background: rgba(34, 53, 72, 0.08);
  color: var(--muted, rgba(34, 53, 72, 0.55));
}