/* ============================================================
   باش‌تاپ ۰۰۱ — لایهٔ گوشی و صفحه‌های لمسی
   روی kashi-base.css و student.css / panel.css بار می‌شود.

   اصل‌ها:
   ۱) چیدمانِ گوشی فقط به «پهنا» بسته است، نه ارتفاع. (حالتِ فشردهٔ قبلی
      با ارتفاعِ کم روشن می‌شد و روی بیشترِ گوشی‌ها صفحه را به هم می‌ریخت.)
   ۲) هیچ کادرِ ورودی‌ای روی صفحهٔ لمسی زیرِ ۱۶ پیکسل نیست (آیفون بزرگ‌نمایی نکند).
   ۳) کارِ اصلیِ هر صفحه زیرِ انگشت است: نوارِ پایین، دکمهٔ ثابتِ جلسه.
   ۴) محدودهٔ امنِ ناچ و نوارِ خانهٔ آیفون رعایت می‌شود.

   نقطه‌های شکست: گوشی ≤ ۷۶۰ · فهرستِ کشوییِ پنل ≤ ۹۰۰
   ============================================================ */

:root {
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --bnav-h: 62px;
}

/* ── اجزایی که فقط در گوشی پیدا می‌شوند ── */
.bnav, .nav-toggle, .side-drawer-head, .side-only-drawer { display: none; }
.side-bg[hidden] { display: none; }

/* ── منوی حساب: دایرهٔ حرفِ اول + نام ── */
.user-menu > summary.bar-user { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem;
  padding: 3px 4px 3px 10px; border-radius: 999px; }
.user-menu > summary.bar-user:hover { background: var(--paper); }
.avatar { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 50%;
  background: var(--lapis-soft); color: var(--lapis); font-weight: 800; font-size: .9rem; line-height: 1; }
.um-name { max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-menu[open] > summary .avatar { background: var(--lapis); color: #fff; }
@media (prefers-color-scheme: dark) { .user-menu[open] > summary .avatar { color: #0F1729; } }
.user-menu-pop { box-shadow: 0 14px 36px rgba(15, 23, 41, .18); }

/* آیکونِ «تغییرِ دوره» و «پایانِ جلسه»: در رایانه متن، در گوشی آیکون */
.bar-course a svg, .run-quit svg { display: none; fill: none; stroke: currentColor; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; }
.run-quit { display: inline-flex; align-items: center; gap: 4px; }

/* ── صفحه‌های لمسی (هر اندازه‌ای، از جمله تبلت) ── */
@media (pointer: coarse), (max-width: 760px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),
  select, textarea, select.rx-sym { font-size: 16px !important; }
  .kbd, .kbd-hint { display: none !important; }
  button, a, summary, label { -webkit-tap-highlight-color: rgba(29, 60, 120, .12); }
}

/* ============================================================
   بخشِ دانشجو — گوشی
   ============================================================ */
@media (max-width: 760px) {
  body { font-size: 16px; line-height: 1.8; }
  .page { padding: 16px 14px calc(var(--bnav-h) + var(--safe-b) + 28px); }
  .flashes { padding: 0 14px; margin-top: 10px; }

  /* سربرگِ باریک و چسبان: کاشیِ لوگو · نامِ دوره · حساب */
  .topbar { position: sticky; top: 0; z-index: 30; background: var(--card);
    box-shadow: 0 1px 0 var(--line); }
  .topbar .bar { flex-wrap: nowrap; gap: 10px; padding: calc(8px + var(--safe-t)) 12px 8px; border-bottom: 0; }
  .bar .brand-tile { height: 36px; padding: 0 10px; border-radius: 10px; }
  .bar .brand-tile img { height: 23px; }
  .bar:has(.bar-course) .brand-sep, .bar:has(.bar-course) .brand-name { display: none; }
  .bar .mode { display: none; }          /* بخش‌های مدیریت در «بیشتر» هستند */
  .bar-course { flex: 1; min-width: 0; max-width: none; margin: 0; padding: 4px 4px 4px 12px;
    font-size: .86rem; justify-content: space-between; }
  .bar-course b { min-width: 0; }
  .bar-course a { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; flex: none; }
  .bar-course a span { display: none; }
  .bar-course a svg { display: block; }
  .bar-end { margin-inline-start: auto; gap: 6px; }
  .user-menu > summary.bar-user { padding: 2px; }
  .user-menu > summary.bar-user::after, .um-name { display: none; }
  .avatar { width: 36px; height: 36px; font-size: 1rem; }
  .user-menu-pop { min-width: 236px; padding: 8px; }
  .user-menu-pop a, .user-menu-pop button { padding: 11px 12px; font-size: .95rem; }

  /* یادآور بالای نوارِ پایین */
  .toast { inset-inline: 12px; bottom: calc(var(--bnav-h) + var(--safe-b) + 12px); max-width: none; }

  /* ── سرصفحه‌ها، فیلترها، کارت‌ها ── */
  .list-head { margin-bottom: 14px; gap: 10px; }
  .list-head h1 { font-size: 1.4rem; }
  .search { max-width: none; flex-basis: 100%; }
  .search input { padding: 10px 16px; }
  .chip-link { padding: 7px 14px; font-size: .86rem; }
  .panel { padding: 16px; border-radius: 18px; }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .kpis div { padding: 10px 12px; }
  .kpis b { font-size: 1.3rem; }
  .crow { padding: 12px 4px; }

  /* ── خانه ── */
  .today { padding: 18px 16px; gap: 14px; border-inline-start-width: 5px; border-radius: 18px; }
  .today-h { font-size: 1.3rem; }
  .today-go, .today-go form { width: 100%; }
  .today .start { width: 100%; align-items: center; text-align: center; padding: 14px 20px 13px; }
  .today-side { justify-content: space-around; gap: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
  .ring { width: 104px; height: 104px; }
  .ring-n b { font-size: 1.4rem; }
  .cards3 { gap: 12px; margin-top: 12px; }
  .card { padding: 14px 16px; border-radius: 18px; }
  .attn-acts { flex-wrap: wrap; }

  /* نمودارها اندازهٔ گوشی را می‌گیرند، نه پیمایشِ افقی */
  .hm-wrap .heatmap, .heat-mini .heatmap { width: 100%; height: auto; max-width: 100%; }
  .hm-wrap { justify-content: center; }
  .heatmap .ch-tick { font-size: 20px; }
  .chart:not(.heatmap) .ch-tick { font-size: 24px; }

  /* ── نقشهٔ راه و تقویمِ مرور ── */
  .rm-legend { min-width: 0; }
  .rv-day { min-height: 58px; border-radius: 10px; }

  /* ── ورود ── */
  .auth-wrap { padding: calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b)); align-items: start; }
  .auth-card { padding-top: 6vh; }
  .brand-tile-lg { padding: 14px 20px; }
  .brand-tile-lg img { height: 62px; }
}

/* نوارِ پایین و برگهٔ «بیشتر»: گوشیِ عمودی و افقی */
@media (max-width: 760px), (max-width: 960px) and (max-height: 500px) and (pointer: coarse) {
  /* زبانه‌های بالا جایشان را به نوارِ پایین می‌دهند */
  .tabs-nav { display: none !important; }

  /* ── نوارِ پایین ── */
  .bnav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; inset-inline: 0; bottom: 0;
    z-index: 40; height: calc(var(--bnav-h) + var(--safe-b)); padding: 0 4px var(--safe-b);
    background: var(--card); border-top: 1px solid var(--line); box-shadow: 0 -6px 20px rgba(23, 33, 51, .06); }
  .bnav > a, .bnav-more > summary { position: relative; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 2px; height: var(--bnav-h); color: var(--ink-soft); font-size: .72rem; font-weight: 700;
    text-decoration: none; list-style: none; cursor: pointer; }
  .bnav-more > summary::-webkit-details-marker { display: none; }
  .bnav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round;
    stroke-linejoin: round; }
  .bnav-more > summary svg circle { fill: currentColor; stroke: none; }
  .bnav > a:hover { text-decoration: none; }
  .bnav > a.on, .bnav-more > summary.on, .bnav-more[open] > summary { color: var(--lapis); }
  .bnav > a.on::before, .bnav-more > summary.on::before { content: ""; position: absolute; top: 0; width: 28px; height: 3px;
    border-radius: 0 0 3px 3px; background: var(--saffron); }
  .bnav > a.on svg, .bnav-more > summary.on svg { stroke-width: 2.2; }
  .bnav > a:active, .bnav-more > summary:active { background: var(--paper); }

  /* برگهٔ «بیشتر» از پایین بالا می‌آید */
  .msheet-bg { position: fixed; inset: 0; z-index: 60; background: rgba(15, 23, 41, .45); }
  .msheet { position: fixed; inset-inline: 0; bottom: 0; z-index: 61; max-height: 82dvh; overflow-y: auto;
    padding: 8px 16px calc(16px + var(--safe-b)); border-radius: 22px 22px 0 0; background: var(--card);
    box-shadow: 0 -12px 40px rgba(15, 23, 41, .25); display: flex; flex-direction: column; gap: 12px; }
  .msheet-grip { width: 40px; height: 4px; border-radius: 4px; background: var(--line); margin: 2px auto 4px; }
  .msheet-goal { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px;
    padding: 10px 14px; border-radius: 14px; background: var(--paper); color: var(--ink); font-size: .88rem; }
  .msheet-goal:hover { text-decoration: none; }
  .msheet-goal .goal-track { width: auto; height: 8px; }
  .msheet-goal.met b { color: var(--turquoise); }
  .msheet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .msheet-grid a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 6px 12px;
    border-radius: 14px; background: var(--paper); border: 1.5px solid transparent; color: var(--ink);
    font-size: .8rem; font-weight: 700; text-align: center; line-height: 1.5; }
  .msheet-grid a:hover { text-decoration: none; }
  .msheet-grid a.on { border-color: var(--lapis); background: var(--lapis-soft); color: var(--lapis); }
  .msheet-grid svg { width: 26px; height: 26px; fill: none; stroke: var(--lapis); stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round; }
  .msheet-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); padding-top: 6px; }
  .msheet-list a, .msheet-list button { display: block; width: 100%; text-align: start; padding: 12px 6px; font: inherit;
    font-size: .95rem; color: var(--ink); background: none; border: 0; border-bottom: 1px solid var(--line); cursor: pointer; }
  .msheet-list a:hover { text-decoration: none; }
  .msheet-list form { margin: 0; }
  .msheet-list .msheet-out { color: var(--pomegranate); border-bottom: 0; }
  @media (prefers-reduced-motion: no-preference) {
    .bnav-more[open] .msheet { animation: sheet-up .22s ease-out; }
    .bnav-more[open] .msheet-bg { animation: fade-in .2s ease-out; }
  }

}

/* ============================================================
   جلسهٔ یادگیری و آزمون — حالتِ تمرکز در گوشی
   بی‌سربرگ و بی‌نوارِ پایین؛ بالا: بستن + پیشرفت؛ پایین: دکمهٔ اصلی.
   ============================================================ */
@media (max-width: 760px) {
  body.in-run { background: var(--card); }
  body.in-run .topbar { display: none; }
  body.in-run .page { padding: 0 16px calc(104px + var(--safe-b)); }
  body.in-run .flashes { margin-top: calc(8px + var(--safe-t)); }

  .run-head { position: sticky; top: 0; z-index: 20; gap: 12px; margin: 0 -16px 8px;
    padding: calc(10px + var(--safe-t)) 16px 10px; background: var(--card); }
  .run-head form { order: -1; }
  .run-quit { width: 40px; height: 40px; justify-content: center; border-radius: 50%; color: var(--ink-soft); }
  .run-quit:hover, .run-quit:active { background: var(--paper); color: var(--pomegranate); text-decoration: none; }
  .run-quit span { display: none; }
  .run-quit svg { display: block; }
  .segs i { height: 8px; }
  .run-count { font-size: .8rem; }

  body.in-run .sheet { border: 0; box-shadow: none; background: transparent; padding: 6px 0 0; border-radius: 0; }
  .sheet-kind { flex-wrap: wrap; gap: 2px 10px; }
  .sheet h1 { font-size: 1.35rem; }
  .stem { font-size: 1.18rem; line-height: 2; margin: 10px 0 18px; }
  .reading { font-size: 1.1rem; line-height: 2.15; }
  .note div { font-size: 1.04rem; }

  /* دکمهٔ اصلی همیشه پایینِ صفحه، زیرِ انگشت */
  body.in-run .sheet-foot { position: fixed; inset-inline: 0; bottom: 0; z-index: 25; margin: 0;
    padding: 10px 16px calc(10px + var(--safe-b)); border-radius: 0; background: var(--card);
    border-top: 1px solid var(--line); box-shadow: 0 -6px 20px rgba(23, 33, 51, .06); }
  body.in-run .sheet-foot.foot-hint { display: none; }
  body.in-run .sheet-foot > form, body.in-run .sheet-foot > .btn { flex: 1; width: 100%; }
  body.in-run .sheet-foot .btn { width: 100%; padding: 14px 20px; font-size: 1.05rem; border-radius: 14px; }

  /* گزینه‌ها: کارت‌های بزرگِ تمام‌عرض */
  .options { gap: 10px; }
  .opt { min-height: 60px; padding: 12px 14px; border-radius: 14px; gap: 12px; grid-template-columns: 34px 1fr auto; }
  .opt .key { width: 32px; height: 32px; }
  button.opt:active { border-color: var(--lapis); background: var(--lapis-soft); }
  .options-tf .opt { min-height: 64px; grid-template-columns: 30px 1fr auto; gap: 8px; padding: 10px; }
  .options-tf .opt .key { width: 28px; height: 28px; }
  .opt .tag { white-space: nowrap; font-size: .72rem; }

  /* پاسخِ کوتاه: کادر و دکمه زیرِ هم */
  .text-answer { flex-direction: column; gap: 10px; }
  .text-answer input { min-width: 0; width: 100%; padding: 14px 16px; border-radius: 14px; }
  .text-answer .btn { width: 100%; padding: 14px; font-size: 1.05rem; border-radius: 14px; }

  /* فلش‌کارت */
  .card-face { padding: 26px 16px; font-size: 1.2rem; border-radius: 16px; }
  .reveal .btn { width: 100%; padding: 14px; font-size: 1.05rem; border-radius: 14px; }
  .grades { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .grade { min-height: 62px; border-radius: 14px; font-size: 1rem; }

  /* بازخورد */
  .verdict { padding: 14px 16px; border-radius: 14px; font-size: 1.05rem; }
  .explain { padding: 14px 16px; border-radius: 14px; }
  .tr-row { flex-wrap: wrap; gap: 4px 12px; }

  /* آزمونِ پایانی: هر پرسش یک کارت؛ دکمهٔ پایان تمام‌عرض */
  body.in-run .exam-q { border: 1px solid var(--line); border-radius: 18px; padding: 16px; background: var(--card); }
  .exam-submit .start { width: 100%; align-items: center; text-align: center; }

  /* «نشان» و «یادداشت» */
  .mark-btn { padding: 9px 16px; }
  .mynote summary { padding: 6px 0; }
}

/* گوشیِ افقی: نوارِ پایین کوتاه‌تر، بی‌برچسب */
@media (max-width: 960px) and (max-height: 500px) and (pointer: coarse) {
  :root { --bnav-h: 50px; }
  .bnav { padding-inline: calc(8px + env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-left, 0px)); }
  .bnav > a span, .bnav-more > summary span { display: none; }
  .page { padding-bottom: calc(var(--bnav-h) + var(--safe-b) + 20px); }
  .toast { bottom: calc(var(--bnav-h) + var(--safe-b) + 12px); }
  .msheet-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .msheet { max-height: 92dvh; }
}

/* ============================================================
   پنلِ مدیریت — فهرستِ کشویی (≤ ۹۰۰) و گوشی (≤ ۷۶۰)
   ============================================================ */
@media (max-width: 900px) {
  .panel-app .nav-toggle { display: inline-grid; place-items: center; width: 40px; height: 40px; flex: none;
    border-radius: 12px; border: 1px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; }
  .panel-app .nav-toggle svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
  .panel-app .nav-toggle:hover { background: var(--paper); }
  .panel-app .bar { position: sticky; top: 0; z-index: 30; flex-wrap: nowrap; gap: 10px;
    padding: calc(8px + var(--safe-t)) 12px 8px; }
  .panel-app .bar-end { margin-inline-start: auto; }

  .shell { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 16px 14px calc(40px + var(--safe-b)); }

  /* فهرستِ کناری ← کشوی سمتِ راست */
  .side { position: fixed; top: 0; bottom: 0; inset-inline-start: 0; z-index: 71; width: min(310px, 86vw);
    display: flex; flex-direction: column; gap: 16px; overflow-y: auto; overscroll-behavior: contain;
    padding: calc(12px + var(--safe-t)) 12px calc(24px + var(--safe-b)); background: var(--card);
    box-shadow: -16px 0 40px rgba(15, 23, 41, .2); transform: translateX(110%); visibility: hidden;
    transition: transform .24s ease, visibility 0s linear .24s; }
  body.nav-open .side { transform: none; visibility: visible; transition: transform .24s ease; }
  body.nav-open { overflow: hidden; }
  .side-bg { position: fixed; inset: 0; z-index: 70; background: rgba(15, 23, 41, .45); }
  .side-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 2px 4px 6px;
    border-bottom: 1px solid var(--line); }
  .side-drawer-title { font-weight: 800; }
  .side-close { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 0;
    background: var(--paper); color: var(--ink); cursor: pointer; }
  .side-close svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
  .side-only-drawer { display: flex; }
  .side-only-drawer a { background: var(--lapis-soft); color: var(--lapis); font-weight: 700; }
  .side-group { flex-direction: column; }
  .side-title { padding: 0 12px 4px; }
  .side a { padding: 11px 12px; font-size: .98rem; border-radius: 12px; }
  .side a.active { box-shadow: none; background: var(--lapis-soft); }
}

@media (max-width: 760px) {
  body.panel-app { font-size: 15.5px; }
  .panel-app .bar .mode { display: none; }       /* همه در کشو هست */
  .panel-app .brand-sep, .panel-app .brand-name { display: none; }
  .panel-app .brand-tile { height: 36px; padding: 0 10px; border-radius: 10px; }
  .panel-app .brand-tile img { height: 23px; }
  .panel-app .user-menu > summary.bar-user { padding: 2px; }
  .panel-app .user-menu > summary.bar-user::after, .panel-app .um-name { display: none; }
  .panel-app .avatar { width: 36px; height: 36px; font-size: 1rem; }
  .panel-app .user-menu-pop { min-width: 236px; }
  .panel-app .user-menu-pop a, .panel-app .user-menu-pop button { padding: 11px 12px; font-size: .95rem; }

  .mgr-head, .toolbar h2 { font-size: 1.25rem; }
  .card, .box { padding: 16px; border-radius: 18px; }
  .boxes { gap: 12px; }
  .toolbar { gap: 8px; }
  .toolbar .btn { flex: 1 1 auto; }
  .stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .main .tag { white-space: normal; max-width: 100%; }
  .main pre { overflow-x: auto; max-width: 100%; }
  .main code { overflow-wrap: anywhere; }
  .inline-form > select, .inline-form > input:not([type=checkbox]) { flex: 1 1 140px; }
  .report-filters { gap: 10px; }
  .report-filters label { flex: 1 1 100%; justify-content: space-between; }
  .report-filters select { flex: 1; }
  .rx-btn { min-width: 38px; height: 38px; }
  #graph-canvas { height: 68dvh; }
  .sort-btns .btn { padding: 6px 12px; }
  .main .hm-wrap .heatmap, .main .heatmap { width: 100%; height: auto; max-width: 100%; }

  /* ── جدول‌های فهرستی ← کارت ── */
  .card:has(.tbl-cards) { overflow: visible; }
  .tbl.tbl-cards, .tbl-cards tbody { display: block; min-width: 0 !important; width: 100%; }
  .tbl-cards tr.tbl-head { display: none; }
  .tbl-cards tr { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;
    padding: 14px 16px; padding-inline-end: 96px; border-bottom: 1px solid var(--line); }
  .tbl-cards tr:last-child { border-bottom: 0; }
  .tbl-cards tr:has(.c-pick) { padding-inline-start: 50px; }
  .tbl-cards tr:hover td { background: none; }
  .tbl-cards td { display: block; padding: 0; border: 0; font-size: .86rem; color: var(--ink-soft); }
  .tbl-cards td.c-name { flex-basis: 100%; font-size: 1rem; color: var(--ink); }
  .tbl-cards td.c-sub, .tbl-cards td.c-wide { flex-basis: 100%; }
  .tbl-cards td.c-sub { text-align: right !important; font-size: .82rem; }
  .tbl-cards td[data-label]::before { content: attr(data-label) ": "; font-size: .78rem; color: var(--ink-soft);
    font-weight: 600; }
  .tbl-cards td[data-label] { color: var(--ink); }
  .tbl-cards td.c-pick { position: absolute; inset-inline-start: 16px; top: 16px; }
  .tbl-cards td.c-pick input { width: 20px; height: 20px; }
  .tbl-cards td.c-act { position: absolute; inset-inline-end: 12px; top: 12px; }
  .tbl-cards tr.tbl-empty { padding: 0; }
  .tbl-cards tr.tbl-empty td { flex-basis: 100%; }
  .bulk-bar { flex-wrap: wrap; }
  .bulk-row { gap: 10px; }
  .bulk-row select { flex: 1 1 100%; }
}

@keyframes sheet-up { from { transform: translateY(100%); } to { transform: none; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }

/* ── تقویمِ مرور در گوشی: شماره، «امروز» و تعداد زیرِ هم (نه روی هم) ── */
@media (max-width: 760px) {
  .rv-cal { gap: 4px; }
  .rv-row { gap: 4px; }
  .rv-day { min-height: 62px; padding: 5px 2px 4px; align-items: center; gap: 2px; border-radius: 10px; }
  .rv-num { display: flex; flex-direction: column; align-items: center; text-align: center;
    font-size: .84rem; line-height: 1.25; }
  .rv-num small { margin: 0; font-size: .58rem; white-space: nowrap; color: var(--ink-soft); }
  .rv-today { position: static; font-size: .58rem; line-height: 1.6; padding: 0 5px; }
  .rv-day.today { border-width: 2px; }
  .rv-day.today .rv-num { color: var(--ink); font-weight: 800; }
  .rv-day.today .rv-num small { display: none; }       /* «امروز» جای نامِ ماه را می‌گیرد */
  .rv-count { position: static; margin-top: auto; min-width: 22px; padding: 0 6px; border-radius: 999px;
    font-size: .8rem; line-height: 1.55; text-align: center; background: color-mix(in srgb, var(--card) 70%, transparent); }
  .rv-items { display: none; }
}