/* =====================================================================
   gta-taste.css — پوسته‌ی سراسریِ «سلیقه‌ی ۲۰۲۶-۰۹» روی کلِ MudBlazor
   (شاخه‌ی redesign/taste-2026-09 · ۲۰۲۶-۰۹-۲۶)

   چرا فایلِ جدا؟ gta-theme.css پنج‌هزار خط تاریخچه است؛ این لایه آخرِ همه بار
   می‌شود و ظاهرِ همه‌ی صفحه‌ها و مودال‌ها را یک‌جا عوض می‌کند، بی‌آنکه منطق یا
   چیدمانِ هیچ صفحه‌ای دست بخورد. برگشت = برداشتنِ یک خطِ <link> در index.html.

   اصل‌ها (TASTE-full §۵٫۱ — «ظاهرِ اپل، باطنِ سامسونگ»):
     • محتوا مات؛ شیشه فقط روی نوارِ بالا، ریل، منو/پاپ‌اور، پیامِ کوتاه.
     • مرز = سایه‌ی نرم، نه خطِ دورِ کارت. تنها خط: نیم‌پیکسلِ بینِ ردیف‌ها.
     • گوشه‌ی خیلی گرد: کارت ۲۲، برگه ۲۸، منو ۱۸، دکمه کپسولی.
     • شب = سیاهِ واقعی #000 + ظرفِ #1c1c1e؛ روز = #f2f2f5 + ظرفِ سفید.
     • جدولِ متراکم ولی نرم: ردیف ~۳۶، نام ~۱۴٫۵، عدد ~۱۴، بی راه‌راه.
     • حرکتِ فنری؛ فوکوسِ کیبورد همیشه آشکار.
   همه‌ی رنگ‌ها از توکن‌های gta-theme.css (بخشِ «سلیقه‌ی ۲۰۲۶-۰۹») می‌آیند، پس هر
   قاعده یک‌بار نوشته شده و حالتِ شب خودکار است.

   ⚠️ هم‌وزنی: gta-theme.css پر از !important است. هر قاعده‌ی این‌جا با پیشوندِ
   `html:root:not(.gta-print-doc)` هم‌وزن یا سنگین‌ترِ همتایش نوشته شده و چون دیرتر بار می‌شود برنده است.
   قاعده‌ی ویژه‌ی یک صفحه که عمداً چیزی را عوض کرده، باید از این سنگین‌تر باشد.
   ===================================================================== */

/* همه‌ی پوسته فقط روی صفحه (screen) و بیرون از قابِ چاپ (html.gta-print-doc) — کاغذ دست‌نخورده می‌ماند */
@media screen {

/* ───────────── ۰ · کاهشِ جلوه (کامپیوترِ ضعیفِ کارمندها) ─────────────
   کلاسِ html.gta-lowfx (یا ترجیحِ سیستمیِ «کاهشِ شفافیت») تاری را خاموش می‌کند. */
@media (prefers-reduced-transparency: reduce) {
  html:root:not(.gta-print-doc) { --gta-blur: none; --gta-glass-bar: var(--gta-card); --gta-glass-menu: var(--gta-card); }
}
html:root:not(.gta-print-doc).gta-lowfx { --gta-blur: none; --gta-glass-bar: var(--gta-card); --gta-glass-menu: var(--gta-card); }

/* ───────────── ۱ · زمینه و تزئینِ محو ───────────── */
html:root:not(.gta-print-doc) body { color: var(--gta-text); }
/* ماندالا و آرمِ پس‌زمینه همان شدتِ تمِ قبلی (gta-theme.css) — علیرضا ۲۶ سپ: «قشنگ بود، بذارش» */
/* نوارِ مات‌کننده‌ی بالای صفحه — با زمینه‌ی تازه هم‌رنگ */
html:root:not(.gta-print-doc) .mud-layout::before { backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); }

/* ───────────── ۲ · نوارِ بالا + کارتِ برند (شیشه) ───────────── */
html:root:not(.gta-print-doc) .mud-appbar,
html:root:not(.gta-print-doc) .gta-brand-card {
  background: var(--gta-glass-bar) !important;
  backdrop-filter: var(--gta-blur) !important;
  -webkit-backdrop-filter: var(--gta-blur) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
  color: var(--gta-text) !important;
}
html:root:not(.gta-print-doc) .gta-brand-card b { font-weight: 600; color: var(--gta-text); }
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-button,
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-root,
html:root:not(.gta-print-doc) .mud-appbar .mud-typography { color: var(--gta-text-2) !important; }
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-button {
  border-radius: 50% !important;
  transition: background .2s var(--gta-ease), transform .12s var(--gta-ease-spring);
}
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-button:hover { background: var(--gta-tonal) !important; }
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-button:hover .mud-icon-root { color: var(--gta-text) !important; }
html:root:not(.gta-print-doc) .mud-appbar .mud-icon-button:active { transform: scale(.94); }

/* منوی بالا = بخش‌بندیِ کپسولی: تبِ فعال «ذره‌بینِ» روشن، بقیه بی‌قاب */
html:root:not(.gta-print-doc) .gta-top-link {
  border: 0 !important; background: transparent !important;
  border-radius: var(--gta-r-pill) !important;
  color: var(--gta-text-2) !important; font-weight: 400 !important; box-shadow: none !important;
  transition: background .25s var(--gta-ease), color .2s;
}
html:root:not(.gta-print-doc) .gta-top-link:hover { background: var(--gta-tonal) !important; color: var(--gta-text) !important; }
html:root:not(.gta-print-doc) .gta-top-link.active {
  background: var(--gta-card) !important; color: var(--gta-text) !important; font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 0 0 .5px rgba(0,0,0,.04) !important;
}
html:root:not(.gta-print-doc).gta-dark .gta-top-link.active { background: rgba(255,255,255,.14) !important; box-shadow: none !important; }
/* نامِ بخشِ فعال: مربعِ رنگیِ همان بخش + نامِ پررنگ (بی کپسولِ سبز) */
html:root:not(.gta-print-doc) .gta-top-cat {
  background: transparent !important; border: 0 !important; color: var(--gta-text) !important;
  font-weight: 600 !important; gap: var(--gta-space-2);
}
html:root:not(.gta-print-doc) .gta-top-cat .mud-icon-root {
  box-sizing: content-box; width: 16px; height: 16px; padding: 5px;
  border-radius: var(--gta-r-icon); color: #fff !important;
  background: var(--gta-cat, var(--gta-accent)) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
}
/* کرکره‌ی منوی بالا = منوی شیشه‌ای */
html:root:not(.gta-print-doc) .gta-top-dd,
html:root:not(.gta-print-doc) .gta-rail-flyout {
  background: var(--gta-glass-menu) !important;
  backdrop-filter: var(--gta-blur) !important; -webkit-backdrop-filter: var(--gta-blur) !important;
  border: 0 !important; border-radius: var(--gta-r-menu) !important;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
}
html:root:not(.gta-print-doc) .gta-fly-item {
  color: var(--gta-text) !important; font-weight: 400; border-radius: 10px;
  transition: background .18s var(--gta-ease);
}
html:root:not(.gta-print-doc) .gta-fly-item:hover { background: var(--gta-accent-soft) !important; color: var(--gta-text) !important; }
html:root:not(.gta-print-doc) .gta-fly-item .mud-icon-root { color: var(--gta-accent) !important; }
html:root:not(.gta-print-doc) .gta-top-dd .gta-fly-item.active { background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important; font-weight: 600; }
html:root:not(.gta-print-doc) .gta-flyout-h {
  color: var(--gta-text-2) !important; font-weight: 600; letter-spacing: 0; text-transform: none;
  border-bottom: 0 !important; font-size: var(--gta-fs-xs);
}
html:root:not(.gta-print-doc) .gta-fly-recent { border-bottom: 0 !important; }
html:root:not(.gta-print-doc) .gta-fly-recent a { background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important; font-weight: 500; }
html:root:not(.gta-print-doc) .gta-fly-recent-tag { color: var(--gta-gold-ink); font-weight: 600; }

/* ───────────── ۳ · ریلِ کناری = یک پنلِ شیشه‌ایِ شناور (سبکِ مک) ─────────────
   هر بخش دیگر جعبه‌ی جدا ندارد؛ آیکونش مربعِ رنگیِ پُر است (مثلِ تنظیماتِ آیفون).
   رنگِ هر بخش از data-cat (در _Sidebar.razor) می‌آید. */
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="dashboard"], html:root:not(.gta-print-doc) .gta-top-cat[data-cat="dashboard"] { --gta-cat: #0A6B41; }  /* brand-check-ignore: رنگِ دسته‌ی آیکونِ مربعی (سلیقه §۴) */
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="tasks"],       html:root:not(.gta-print-doc) .gta-top-cat[data-cat="tasks"]       { --gta-cat: var(--gta-s-orange); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="procurement"], html:root:not(.gta-print-doc) .gta-top-cat[data-cat="procurement"] { --gta-cat: var(--gta-s-teal); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="production"],  html:root:not(.gta-print-doc) .gta-top-cat[data-cat="production"]  { --gta-cat: #8e6e3a; }  /* brand-check-ignore: رنگِ دسته‌ی آیکونِ مربعی (سلیقه §۴) */
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="warehouse"],   html:root:not(.gta-print-doc) .gta-top-cat[data-cat="warehouse"]   { --gta-cat: var(--gta-s-brown); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="barcode"],     html:root:not(.gta-print-doc) .gta-top-cat[data-cat="barcode"]     { --gta-cat: var(--gta-s-purple); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="sales"],       html:root:not(.gta-print-doc) .gta-top-cat[data-cat="sales"]       { --gta-cat: var(--gta-s-green); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="eshop"],       html:root:not(.gta-print-doc) .gta-top-cat[data-cat="eshop"]       { --gta-cat: var(--gta-s-blue); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="silvertrade"], html:root:not(.gta-print-doc) .gta-top-cat[data-cat="silvertrade"] { --gta-cat: var(--gta-s-gray); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="accounting"],  html:root:not(.gta-print-doc) .gta-top-cat[data-cat="accounting"]  { --gta-cat: var(--gta-s-gold); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="hr"],          html:root:not(.gta-print-doc) .gta-top-cat[data-cat="hr"]          { --gta-cat: var(--gta-s-pink); }
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="archive"],     html:root:not(.gta-print-doc) .gta-top-cat[data-cat="archive"]     { --gta-cat: #af52de; }  /* brand-check-ignore: رنگِ دسته‌ی آیکونِ مربعی (سلیقه §۴) */
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="settings"],    html:root:not(.gta-print-doc) .gta-top-cat[data-cat="settings"]    { --gta-cat: #636366; }  /* brand-check-ignore: رنگِ دسته‌ی آیکونِ مربعی (سلیقه §۴) */
html:root:not(.gta-print-doc) .gta-rail-grp[data-cat="people"],      html:root:not(.gta-print-doc) .gta-top-cat[data-cat="people"]      { --gta-cat: #0a84ff; }  /* brand-check-ignore: رنگِ دسته‌ی آیکونِ مربعی (سلیقه §۴) */

@media (min-width: 961px) {
  /* پنلِ شیشه‌ای پشتِ همه‌ی بخش‌ها (هم حالتِ سنجاق‌شده، هم پنهان‌شونده) */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed::before {
    content: ''; position: absolute; inset: 8px 6px 8px 0; z-index: -1; pointer-events: none;
    background: var(--gta-glass-bar) !important;
    backdrop-filter: var(--gta-blur); -webkit-backdrop-filter: var(--gta-blur);
    border-radius: 24px !important;
    box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
  }
  html:root:not(.gta-print-doc).gta-dark.gta-rail-hide .mud-drawer-mini.mud-drawer--closed::before,
  html:root:not(.gta-print-doc).gta-rail-hide .mud-drawer-mini.mud-drawer--closed::before { background: var(--gta-glass-bar) !important; box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important; }
}
html:root:not(.gta-print-doc) .gta-rail-sq,
html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq,
html:root:not(.gta-print-doc).gta-rail-hide .mud-drawer--closed .gta-rail-sq:not(.active) {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border-radius: 16px !important; color: var(--gta-text-2) !important;
  transition: background .25s var(--gta-ease), transform .12s var(--gta-ease-spring) !important;
}
html:root:not(.gta-print-doc):not(.gta-touch) .gta-rail-grp:hover .gta-rail-sq,
html:root:not(.gta-print-doc).gta-rail-hide:not(.gta-touch) .mud-drawer--closed .gta-rail-grp:hover .gta-rail-sq:not(.active) {
  background: var(--gta-tonal) !important; transform: none !important; color: var(--gta-text) !important; box-shadow: none !important;
}
html:root:not(.gta-print-doc) .gta-rail-sq:active { transform: scale(.95) !important; }
html:root:not(.gta-print-doc) .gta-rail-sq.active,
html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq.active {
  background: var(--gta-accent-soft) !important; color: var(--gta-text) !important;
}
html:root:not(.gta-print-doc) .gta-rail-sq-label { font-weight: 400; color: inherit; }
html:root:not(.gta-print-doc) .gta-rail-sq.active .gta-rail-sq-label { font-weight: 600; }
/* خودِ آیکون = مربعِ رنگیِ پُر با نشانِ سفید */
html:root:not(.gta-print-doc) .gta-rail-sq > .mud-icon-root,
html:root:not(.gta-print-doc) .gta-rail-sq.active > .mud-icon-root {
  box-sizing: content-box; width: 18px; height: 18px; padding: 6px; flex: none; margin-bottom: 1px;
  font-size: 1.125rem !important; border-radius: var(--gta-r-icon);
  color: #fff !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 86%, #fff), var(--gta-cat, var(--gta-accent)));
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
}
@media (max-height: 820px) {
  html:root:not(.gta-print-doc) .gta-rail-sq > .mud-icon-root { width: 16px; height: 16px; padding: 5px; font-size: 16px !important; }
}
@media (max-height: 700px) {
  html:root:not(.gta-print-doc) .gta-rail-sq > .mud-icon-root { width: 14px; height: 14px; padding: 4px; font-size: 14px !important; }
}
html:root:not(.gta-print-doc) .gta-rail-sq:focus-visible { outline: 0 !important; box-shadow: var(--gta-focus) !important; }
/* نشانِ عددی = قرمزِ وضعیت با حلقه‌ی هم‌رنگِ زمینه (مثلِ iOS) */
html:root:not(.gta-print-doc) .gta-rail-badge {
  background: var(--gta-s-red) !important; border: 0 !important;
  box-shadow: 0 0 0 2px var(--gta-card) !important; font-weight: 600 !important;
}
/* سنجاق: دکمه‌ی گردِ کم‌صدا */
@media (min-width: 961px) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-pin,
  html:root:not(.gta-print-doc).gta-dark .mud-drawer-mini.mud-drawer--closed .gta-rail-pin {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    border-radius: var(--gta-r-pill) !important; color: var(--gta-text-3) !important;
  }
  html:root:not(.gta-print-doc) .gta-rail-pin:hover { background: var(--gta-tonal) !important; color: var(--gta-text) !important; }
  html:root:not(.gta-print-doc) .gta-rail-pin[aria-pressed="true"],
  html:root:not(.gta-print-doc).gta-dark .gta-rail-pin[aria-pressed="true"] { background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important; }
  html:root:not(.gta-print-doc).gta-rail-hide .gta-rail-edge::before { background: var(--gta-accent) !important; box-shadow: none !important; }
}
/* ───────────── ۳٫۵ · زیرمنوی ریل (فلایوت) — منوی شناورِ مک + پشتِ محو (۲۶ سپ ۲۰۲۶) ─────────────
   علیرضا: «نامرتب و بی‌کیفیت؛ قرار بود موس که روی هر بخش می‌رود پس‌زمینه کلاً محو شود».
   از سه طرح، «آیکونِ رنگیِ پُر» را انتخاب کرد (عکسِ مقایسه: maanfee-shots/out/flyout-v2/compare.png).
   • پرده‌ی محو: یک لایه‌ی ثابت (body::after) پشتِ ریل — به‌جای filter:blur روی کلِ صفحه که هم
     سنگین بود و هم با سایه‌ی پنل «دوبار مات» می‌شد. کامپیوترِ ضعیف (gta-lowfx) فقط کدر می‌شود.
   • فقط یک زیرمنو: فوکوسِ جامانده‌ی Ctrl+B زیرمنوی «داشبورد» را کنارِ بخشِ زیرِ موس باز نگه می‌داشت.
   • سرِ پنل = همان مربعِ رنگیِ بخش + نام؛ هر ردیف مربعِ رنگیِ پُر به رنگِ بخش؛ صفحه‌ی باز پررنگ.
   • لینک‌های بیرونی (سامانه‌ی دیگر) آخرِ پنل، جدا با خطِ نیم‌پیکسلی و کم‌رنگ‌تر.
   • پل‌ِ هاور با شبه‌عنصر است نه padding-right، پس پنل متقارن و ۱۰px جدا از ریل شناور است. */
html:root:not(.gta-print-doc) body::after {
  content: ''; position: fixed; inset: 0; z-index: 1401; pointer-events: none;
  background: rgba(24,32,28,.14);
  backdrop-filter: blur(12px) saturate(115%); -webkit-backdrop-filter: blur(12px) saturate(115%);
  opacity: 0; visibility: hidden;
  transition: opacity .24s var(--gta-ease) .16s, visibility 0s linear .42s;
}
html:root:not(.gta-print-doc).gta-dark body::after { background: rgba(0,0,0,.5); }
html:root:not(.gta-print-doc).gta-lowfx body::after { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(24,32,28,.3); }
html:root:not(.gta-print-doc).gta-lowfx.gta-dark body::after { background: rgba(0,0,0,.62); }
@media (min-width: 961px) {
  /* فقط وقتی ریل واقعاً دیده می‌شود: سنجاق‌شده (بی gta-rail-hide) یا بیرون‌لغزیده (gta-rail-peek).
     وگرنه فوکوسِ جامانده روی مربعی که ریلش پارک شده، صفحه را بی‌منو محو نگه می‌داشت. */
  html:root:not(.gta-print-doc):not(.gta-touch):not(.gta-rail-hide) body:has(.mud-drawer--closed .gta-rail-grp:hover > .gta-rail-flyout)::after,
  html:root:not(.gta-print-doc):not(.gta-touch).gta-rail-peek body:has(.mud-drawer--closed .gta-rail-grp:hover > .gta-rail-flyout)::after,
  html:root:not(.gta-print-doc):not(.gta-rail-hide) body:has(.mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout)::after,
  html:root:not(.gta-print-doc).gta-rail-peek body:has(.mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout)::after,
  /* راهِ اصلی از ۲۹ سپ: کلاسی که js/gta-rail-hide.js با رویدادِ موس/فوکوس می‌گذارد — روی Chromeِ لپ‌تاپِ
     علیرضا :has(:hover) هیچ‌وقت پرده را روشن نکرد. تپِ لمسی (fly-open) هم پرده می‌گیرد. */
  html:root:not(.gta-print-doc).gta-fly-on:not(.gta-rail-hide) body::after,
  html:root:not(.gta-print-doc).gta-fly-on.gta-rail-peek body::after,
  html:root:not(.gta-print-doc).gta-topdd-on body::after,
  html:root:not(.gta-print-doc).gta-touch:not(.gta-rail-hide) body:has(.mud-drawer--closed .gta-rail-grp.fly-open)::after,
  html:root:not(.gta-print-doc).gta-touch.gta-rail-peek body:has(.mud-drawer--closed .gta-rail-grp.fly-open)::after {
    opacity: 1; visibility: visible; transition-delay: 0s, 0s;
  }
  /* نشانگرِ «فا/EN» کنارِ فیلدِ فوکوس‌دار (z-index:2200 درون‌خطی) روی پرده شناور می‌ماند */
  html:root:not(.gta-print-doc).gta-fly-on #gta-kb-badge,
  html:root:not(.gta-print-doc).gta-topdd-on #gta-kb-badge { visibility: hidden !important; }
  /* کرکره‌ی منوی بالا: خودِ نوارِ بالا روی پرده بماند (کرکره فرزندِ آن است) */
  html:root:not(.gta-print-doc).gta-topdd-on .mud-appbar { z-index: 1402 !important; }
  html:root:not(.gta-print-doc).gta-fly-on .mud-drawer,
  html:root:not(.gta-print-doc).gta-touch body:has(.mud-drawer--closed .gta-rail-grp.fly-open) .mud-drawer { z-index: 1402 !important; }
  html:root:not(.gta-print-doc) body:has(.mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout) .mud-drawer { z-index: 1402 !important; }
  /* ریلِ پارک‌شده: زیرمنوی فوکوس‌دارش هم نباید نیمه‌پیدا لبِ صفحه بماند */
  html:root:not(.gta-print-doc).gta-rail-hide:not(.gta-rail-peek) .mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout { opacity: 0 !important; visibility: hidden !important; }
}
/* مات‌کردنِ قدیمی (filter روی محتوا) کنار رفت — پرده جایش را گرفت */
html:root:not(.gta-print-doc) body .mud-appbar,
html:root:not(.gta-print-doc) body .mud-main-content { filter: none !important; }
@media (any-hover: none) {
  html:root:not(.gta-print-doc) body::after { display: none; }
}

html:root:not(.gta-print-doc):not(.gta-touch) .mud-drawer--closed .gta-rail-groups:hover .gta-rail-grp:not(:hover) > .gta-rail-flyout {
  /* مهلتِ ۰٫۱۶ ثانیه‌ایِ بستن می‌ماند: حرکتِ مورّبِ موس از روی بخشِ همسایه به ردیفِ پایینی منو را نپراند */
  opacity: 0 !important; visibility: hidden !important;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-flyout {
  /* pointer-events:none (قاعده‌ی قدیمِ حالتِ بسته) فوری اثر می‌کرد و مهلتِ بستن فقط ظاهری بود: منو
     دیده می‌شد ولی موس را نمی‌گرفت ⇒ حرکتِ کج از روی بخشِ همسایه آن را می‌بست. حالا فقط visibility
     (که با تأخیر عوض می‌شود) جلوی کلیکِ منوی بسته را می‌گیرد. */
  pointer-events: auto;
  min-width: 264px !important; padding: 6px !important; margin-right: 10px;
  border-radius: 20px !important;
  box-shadow: var(--gta-glass-ring), 0 24px 60px -12px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.06) !important;
  transform: translateY(calc(-50% + var(--fly-shift, 0px))) translateX(6px) scale(.97);
  transform-origin: right center;
  transition: opacity .16s var(--gta-ease) .16s, visibility .16s var(--gta-ease) .16s, transform .32s var(--gta-ease-spring) .16s !important;
}
html:root:not(.gta-print-doc):not(.gta-touch) .mud-drawer--closed .gta-rail-grp:hover > .gta-rail-flyout,
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout,
html:root:not(.gta-print-doc).gta-touch .mud-drawer--closed .gta-rail-grp.fly-open > .gta-rail-flyout {
  transform: translateY(calc(-50% + var(--fly-shift, 0px))); transition-delay: 0s !important;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-flyout::before {
  content: ''; position: absolute; top: 0; bottom: 0; right: -18px; width: 18px;
}
/* ۲۷ سپ ۲۰۲۶ (پیگیریِ «ریلِ مرتب») — زیرمنو هم به همان نظمِ ریل رسید:
   • یک ستونِ آیکون برای همه: مربعِ سر ۲۸px ولی با حاشیه‌ی منفیِ ۲px همان ۲۴px جا می‌گیرد ⇒
     مرکزِ آیکونِ سر، ردیف‌ها و ساعتِ «اخیراً» روی یک خط و لبه‌ی متن‌ها هم یکی (قبلاً ۳ و ۵px کج بود).
   • ردیف‌ها ارتفاعِ ثابتِ ۳۶ (نه min-height) و سر ۴۰ با خطِ نیم‌پیکسلیِ تورفته زیرش ⇒ سر از ردیف جداست
     بی‌آن‌که جعبه‌ی رنگی بخورد.
   • «اخیراً» دیگر نوشته‌ی طلاییِ کوچک و کپسول‌های سبزِ ناهم‌رنگ نیست: ساعتِ خاکستری در ستونِ آیکون
     + کپسول‌های کم‌رنگِ هم‌رنگِ بخش که از لبه‌ی متنِ ردیف‌ها شروع می‌شوند.
   • صفحه‌ی باز: تهِ‌رنگِ پررنگ‌تر از «زیرِ موس» + نقطه‌ی رنگیِ کوچک تهِ ردیف (مثلِ نشانِ منوی مک). */
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-flyout-h {
  position: relative; display: flex; align-items: center; gap: 11px;
  height: 40px; box-sizing: border-box;
  padding: 0 10px !important; margin: 0 0 5px !important;
  font-size: 15px !important; font-weight: 600 !important; color: var(--gta-text) !important;
  white-space: nowrap;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-flyout-h::after {
  content: ''; position: absolute; right: 10px; left: 10px; bottom: -3px; height: 1px; background: var(--gta-sep);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-flyout-h > .mud-icon-root,
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item:not([target]) > .mud-icon-root:first-child {
  box-sizing: content-box; flex: none; color: #fff !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 84%, #fff), var(--gta-cat, var(--gta-accent)));
  box-shadow: 0 1px 2px rgba(0,0,0,.16);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-flyout-h > .mud-icon-root { width: 18px; height: 18px; padding: 5px; margin: 0 -2px; border-radius: 9px; font-size: 18px !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item {
  position: relative; box-sizing: border-box; height: 36px; min-height: 36px; padding: 0 10px !important; margin: 1px 0 !important; gap: 11px !important;
  font-size: 14.5px !important; font-weight: 400 !important; color: var(--gta-text) !important;
  border-radius: 12px !important; white-space: nowrap;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item > .mud-icon-root:first-child {
  box-sizing: content-box; width: 16px; height: 16px; padding: 4px; border-radius: var(--gta-r-icon); font-size: 16px !important;
  transition: transform .3s var(--gta-ease-spring);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item:hover > .mud-icon-root:first-child { transform: scale(1.08); }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item:hover { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 9%, transparent) !important; }
html:root:not(.gta-print-doc).gta-dark .mud-drawer--closed .gta-fly-item:hover { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 20%, transparent) !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item.current { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 17%, transparent) !important; font-weight: 600 !important; }
html:root:not(.gta-print-doc).gta-dark .mud-drawer--closed .gta-fly-item.current { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 30%, transparent) !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item.current::after {
  content: ''; flex: none; width: 6px; height: 6px; margin-inline-start: auto; border-radius: 50%;
  background: var(--gta-cat, var(--gta-accent));
}
html:root:not(.gta-print-doc).gta-dark .mud-drawer--closed .gta-fly-item.current::after { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 70%, #fff); }
/* عددِ کارِ منتظرِ همین صفحه (۱ اکتبر ۲۰۲۶): کپسولِ قرمزِ کوچک تهِ ردیف، مثلِ نشانِ مربعِ ریل؛
   ردیفِ فعالی که عدد دارد نقطه‌اش را نمی‌گیرد (دو نشانه کنارِ هم شلوغ است) */
html:root:not(.gta-print-doc) .gta-fly-badge {
  flex: none; margin-inline-start: auto; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--gta-r-pill); background: var(--gta-s-red); color: #fff;
  font-size: 11px; font-weight: 600; line-height: 1;
}
html:root:not(.gta-print-doc) .gta-fly-item.has-badge::after { display: none !important; }
/* «اخیراً»: ساعت در ستونِ آیکون، کپسول‌ها از لبه‌ی متن؛ بی خط‌چین و بی برچسبِ طلایی */
html:root:not(.gta-print-doc) .gta-fly-recent-ic { display: none !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent {
  display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px;
  box-sizing: border-box; min-height: 36px; padding: 5px 10px !important; margin: 1px 0 3px !important;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent-ic {
  display: block !important; box-sizing: content-box; flex: none; width: 16px; height: 16px; padding: 4px; margin-inline-end: 5px;
  border-radius: var(--gta-r-icon); font-size: 16px !important;
  color: var(--gta-text-2) !important; background: color-mix(in srgb, var(--gta-text-2) 14%, transparent);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent-tag {
  flex: none; width: 24px; margin-inline-end: 5px; text-align: center; font-size: 9.5px; color: var(--gta-text-2);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent:has(.gta-fly-recent-ic) .gta-fly-recent-tag {
  position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent a {
  display: inline-flex; align-items: center; height: 26px; padding: 0 10px;
  font-size: 13px; font-weight: 500 !important; color: var(--gta-text) !important;
  background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 10%, transparent) !important;
  border-radius: var(--gta-r-pill); white-space: nowrap; transition: background .18s var(--gta-ease);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-recent a:hover { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 18%, transparent) !important; }
html:root:not(.gta-print-doc).gta-dark .mud-drawer--closed .gta-fly-recent a { background: color-mix(in srgb, var(--gta-cat, var(--gta-accent)) 22%, transparent) !important; }
/* بخشِ بی‌صفحه («به‌زودی»): هم‌ستون و هم‌ارتفاعِ ردیف‌ها */
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-soon { box-sizing: border-box; height: 36px; padding: 0 10px; gap: 11px; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-soon > .mud-icon-root { box-sizing: content-box; width: 16px; height: 16px; padding: 4px; font-size: 16px !important; }
/* نشانِ عددیِ ریل: موس رویش ⇒ راهنمای «چه چیزی منتظر است» (قبلاً pointer-events:none راهنما را می‌کشت) */
@media (min-width: 961px) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-badge { pointer-events: auto; cursor: default; }
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item:not([target]) + .gta-fly-item[target] { margin-top: 11px !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item:not([target]) + .gta-fly-item[target]::before {
  content: ''; position: absolute; top: -6px; right: 10px; left: 10px; height: 1px; background: var(--gta-sep);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item[target] { color: var(--gta-text-2) !important; }
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item[target] > .mud-icon-root:first-child {
  color: var(--gta-text-2) !important; background: color-mix(in srgb, var(--gta-text-2) 14%, transparent);
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-item[target] > .mud-icon-root:last-child {
  width: 14px; height: 14px; font-size: 14px !important; opacity: .45 !important; color: var(--gta-text-2) !important;
}
html:root:not(.gta-print-doc) .mud-drawer--closed .gta-fly-planned > .mud-icon-root:first-child { filter: grayscale(1); }
@media (prefers-reduced-motion: reduce) {
  html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-flyout { transform: translateY(calc(-50% + var(--fly-shift, 0px))) !important; }
}
@media (prefers-reduced-motion: reduce) and (max-height: 760px) {
  html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-flyout { transform: none !important; }
}
/* صفحه‌ی کوتاه (≤۷۶۰، لپ‌تاپِ ارزان): زیرمنو fixed است و بالایش را JS با --fly-top می‌دهد
   (gta-theme.css) ⇒ جابه‌جاییِ عمودیِ بالا نباید رویش بیاید (۱۰۲۴×۶۴۰ منو ۵۳px از بالا بیرون زد).
   overflow:auto پلِ ::before را می‌بُرد ⇒ پنل بی‌فاصله کنارِ ریل می‌نشیند تا موس از شکاف نیفتد. */
@media (max-height: 760px) {
  html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-flyout { margin-right: 0; transform: translateX(6px) scale(.97); }
  /* پلِ هاور این‌جا لبه‌ی شفافِ ۱۸px خودِ پنل است (overflow آن را نمی‌بُرد) که تا کنارِ مربع‌ها می‌رسد؛
     بی‌شیشه (پشتش از قبل محو است و لبه‌ی شفاف ریل را تار نکند) و سایه به سمتِ صفحه، نه روی ریل. */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-flyout {
    right: calc(100vw - var(--fly-x, 90px) - 18px); min-width: 282px !important;
    border: 0 !important; border-right: 18px solid transparent !important; background-clip: padding-box !important;
    background-color: var(--gta-card) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    border-radius: 20px 38px 38px 20px / 20px 20px 20px 20px !important;
    box-shadow: var(--gta-glass-ring), -14px 24px 52px -16px rgba(0,0,0,.34) !important;
  }
  html:root:not(.gta-print-doc):not(.gta-touch) .mud-drawer--closed .gta-rail-grp:hover > .gta-rail-flyout,
  html:root:not(.gta-print-doc) .mud-drawer--closed .gta-rail-grp:focus-within > .gta-rail-flyout,
  html:root:not(.gta-print-doc).gta-touch .mud-drawer--closed .gta-rail-grp.fly-open > .gta-rail-flyout { transform: none; }
}

/* منوی کشوییِ گوشی / حالتِ باز = برگه‌ی شیشه‌ای */
html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open,
html:root:not(.gta-print-doc).gta-dark .mud-drawer-mini.mud-drawer--open {
  background: var(--gta-glass-menu) !important;
  backdrop-filter: var(--gta-blur) !important; -webkit-backdrop-filter: var(--gta-blur) !important;
  border: 0 !important; border-radius: 24px !important;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
}
html:root:not(.gta-print-doc) .gta-appmenu-head { background: linear-gradient(160deg, #0A6B41, #003B23) !important; }
html:root:not(.gta-print-doc) .mud-drawer { border: 0 !important; }

/* ───────────── ۴ · کارت‌ها و سطوح: مات + سایه‌ی نرم، بی خطِ دور ───────────── */
html:root:not(.gta-print-doc) .mud-paper,
html:root:not(.gta-print-doc) .mud-card,
html:root:not(.gta-print-doc).gta-dark .mud-paper,
html:root:not(.gta-print-doc).gta-dark .mud-card {
  background: var(--gta-card) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: var(--gta-r-card) !important;
  box-shadow: var(--gta-shadow-card) !important;
}
html:root:not(.gta-print-doc) .mud-card:hover,
html:root:not(.gta-print-doc).gta-dark .mud-card:hover { box-shadow: var(--gta-shadow-card) !important; }
html:root:not(.gta-print-doc) .mud-paper.mud-paper-outlined { box-shadow: var(--gta-shadow-card) !important; }
html:root:not(.gta-print-doc) .mud-paper.mud-elevation-0 { box-shadow: none !important; }
/* بی جعبه‌درجعبه: کارتِ داخلِ کارت/دیالوگ فقط یک تینتِ ملایم است، بی سایه */
html:root:not(.gta-print-doc) .mud-paper .mud-paper:not(.mud-table):not(.mud-popover),
html:root:not(.gta-print-doc) .mud-dialog .mud-paper:not(.mud-table):not(.mud-popover),
html:root:not(.gta-print-doc).gta-dark .mud-paper .mud-paper:not(.mud-table):not(.mud-popover),
html:root:not(.gta-print-doc).gta-dark .mud-dialog .mud-paper:not(.mud-table):not(.mud-popover) {
  background: var(--gta-glass-item) !important; box-shadow: none !important; border-radius: 16px !important;
}
/* کارتِ مشترکِ MaanfeeDashboardDialog: برگه‌ی دیالوگ خودش ظرف است ⇒ کارتِ داخلی کاملاً بی‌رنگ و بی‌سایه */
html:root:not(.gta-print-doc) .mud-dialog .mud-card.gta-dlg-card.mud-paper:not(.mud-table):not(.mud-popover),
html:root:not(.gta-print-doc).gta-dark .mud-dialog .mud-card.gta-dlg-card.mud-paper:not(.mud-table):not(.mud-popover) {
  background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
}
html:root:not(.gta-print-doc) .mud-paper .mud-table,
html:root:not(.gta-print-doc) .mud-dialog .mud-table { background: transparent !important; box-shadow: none !important; }
/* عمقِ MudBlazor (elevation-1..24) → یک سایه‌ی نرم؛ عمقِ بیشتر یعنی «شناور» */
html:root:not(.gta-print-doc) .mud-paper[class*="mud-elevation-"]:not(.mud-elevation-0) { box-shadow: var(--gta-shadow-card) !important; }
html:root:not(.gta-print-doc).gta-dark .mud-elevation-2 { box-shadow: var(--gta-shadow-card) !important; }
html:root:not(.gta-print-doc) .mud-card-header { padding: var(--gta-space-4) var(--gta-space-5) var(--gta-space-2); }
html:root:not(.gta-print-doc) .mud-card-actions { padding: var(--gta-space-2) var(--gta-space-4) var(--gta-space-4); gap: var(--gta-space-2); }
html:root:not(.gta-print-doc) .mud-divider { border-color: var(--gta-sep) !important; }

/* ───────────── ۵ · دکمه‌ها: کپسولی، فنری ───────────── */
html:root:not(.gta-print-doc) .mud-button-root.mud-button {
  border-radius: var(--gta-r-pill) !important;
  font-weight: 500; letter-spacing: 0;
  transition: transform .12s var(--gta-ease-spring), background .2s var(--gta-ease), box-shadow .2s var(--gta-ease), filter .2s !important;
}
html:root:not(.gta-print-doc) .mud-button-root:active:not(:disabled) { transform: scale(.96); }
html:root:not(.gta-print-doc) .mud-button-filled.mud-button-filled-primary {
  background: linear-gradient(180deg, #0A6B41, #005432) !important;
  box-shadow: 0 6px 16px -6px rgba(0,84,50,.6) !important;
  color: #fff !important;
}
html:root:not(.gta-print-doc) .mud-button-filled.mud-button-filled-primary:hover { filter: brightness(1.08); }
html:root:not(.gta-print-doc) .mud-button-filled:not(.mud-button-filled-primary) { box-shadow: none !important; }
/* «خط‌دار» → کپسولِ تُنالِ هم‌رنگِ خودش (خطِ دور نداریم) */
html:root:not(.gta-print-doc) .mud-button-outlined {
  border-color: transparent !important;
  background: color-mix(in srgb, currentColor 11%, transparent) !important;
}
html:root:not(.gta-print-doc) .mud-button-outlined:hover { background: color-mix(in srgb, currentColor 17%, transparent) !important; }
html:root:not(.gta-print-doc) .mud-button-outlined.mud-button-outlined-default,
html:root:not(.gta-print-doc) .mud-button-outlined.mud-button-outlined-inherit { background: var(--gta-tonal) !important; }
html:root:not(.gta-print-doc) .mud-button-text:hover { background: color-mix(in srgb, currentColor 9%, transparent) !important; }
html:root:not(.gta-print-doc) .mud-icon-button { border-radius: 50% !important; transition: background .2s var(--gta-ease), transform .12s var(--gta-ease-spring); }
html:root:not(.gta-print-doc) .mud-icon-button:active:not(:disabled) { transform: scale(.92); }
html:root:not(.gta-print-doc) .mud-fab { border-radius: var(--gta-r-pill) !important; box-shadow: var(--gta-shadow-float) !important; }
html:root:not(.gta-print-doc) .mud-button-group-root { border-radius: var(--gta-r-pill) !important; box-shadow: none !important; }
html:root:not(.gta-print-doc) .mud-button-group-root .mud-button-root { border-radius: 0 !important; }
html:root:not(.gta-print-doc) .mud-button-group-root .mud-button-root:first-child { border-start-start-radius: var(--gta-r-pill) !important; border-end-start-radius: var(--gta-r-pill) !important; }
html:root:not(.gta-print-doc) .mud-button-group-root .mud-button-root:last-child { border-start-end-radius: var(--gta-r-pill) !important; border-end-end-radius: var(--gta-r-pill) !important; }
html:root:not(.gta-print-doc) .mud-toggle-group { border-radius: var(--gta-r-pill) !important; }

/* ───────────── ۶ · فیلدها: گردِ ۱۲، خطِ نرم، هاله‌ی فوکوسِ برند ───────────── */
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined { border-radius: var(--gta-r-ctl) !important; }
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined .mud-input-outlined-border {
  border-radius: var(--gta-r-ctl) !important;
  border-color: var(--gta-field-border) !important;
  transition: border-color .2s var(--gta-ease), box-shadow .2s var(--gta-ease);
}
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: var(--gta-text-3) !important; }
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
  border-width: 1.5px !important; border-color: var(--gta-accent) !important;
  box-shadow: var(--gta-focus);
}
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined.mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
/* برچسبِ بالای خانه از قوسِ گوشه دور شود (۲۹ سپ ۲۰۲۶، صفحه‌ی شاخه): MudBlazor شکافِ خطِ دور و برچسبِ
   کوچک‌شده را ۱۴px از لبه می‌گذارد — برای گوشه‌ی ۴px. گوشه‌ی ما ۱۲px است ⇒ نوشته درست روی قوس می‌نشست
   و خطِ دور از وسطِ «وزن» رد می‌شد. هر دو (شکاف + برچسب) ۶px به داخل می‌آیند تا باز هم روی هم بمانند،
   و شکاف ۳px از هر طرف بازتر است تا خط به هیچ حرفی نچسبد (نوشته از ۲۴px لبه؛ شکاف از ۱۶px). */
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined > .mud-input-outlined-border legend { margin: 0 15px !important; }
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined.mud-shrink > .mud-input-outlined-border legend,
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border legend { padding: 0 8px !important; }
html:root:not(.gta-print-doc) .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
html:root:not(.gta-print-doc) .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(20px, -8px) scale(.75) !important; max-width: calc((100% - 20px) / .75) !important;
}
html:root:not(.gta-print-doc) .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
html:root:not(.gta-print-doc) .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(-20px, -8px) scale(.75) !important;
}
/* عدد کنارِ واحد (۲۹ سپ ۲۰۲۶): در راست‌به‌چپ واحدِ انتها («گرم»، «عدد») سمتِ چپِ خانه است و عدد
   پیش‌فرض راست‌چین ⇒ عدد و واحدش دو سرِ خانه می‌افتادند. GtaNumericField به هر خانه‌ی عددی که
   AdornmentText در انتها دارد کلاسِ gta-num-unit می‌دهد؛ عدد چپ‌چین کنارِ واحدش می‌نشیند.
   صفحه‌ای که عمداً تراز دیگری خواسته (مثلاً وسط‌چینِ امانتِ کارگاه‌ها) با گزینشگرِ دقیق‌تر برنده می‌ماند. */
html:root:not(.gta-print-doc) .gta-num-unit input { text-align: left; direction: ltr; }
/* «پُر» و «زیرخط‌دار» → کپسولِ تُنال، بی خطِ زیر */
html:root:not(.gta-print-doc) .mud-input.mud-input-filled {
  border-radius: var(--gta-r-ctl) !important; background: var(--gta-tonal) !important;
}
html:root:not(.gta-print-doc) .mud-input.mud-input-filled::before, html:root:not(.gta-print-doc) .mud-input.mud-input-filled::after { border-bottom: 0 !important; }
html:root:not(.gta-print-doc) .mud-input.mud-input-filled:focus-within { box-shadow: inset 0 0 0 1.5px var(--gta-accent), var(--gta-focus); }
html:root:not(.gta-print-doc) .mud-input-label { color: var(--gta-text-2); }
html:root:not(.gta-print-doc) .mud-input-helper-text { color: var(--gta-text-2); }
html:root:not(.gta-print-doc) .mud-input > input::placeholder, html:root:not(.gta-print-doc) .mud-input > textarea::placeholder { color: var(--gta-text-3); opacity: 1; }
html:root:not(.gta-print-doc) .mud-input-adornment .mud-icon-root { color: var(--gta-text-3); }

/* ───────────── ۷ · جدول‌ها (MudTable / MudDataGrid): متراکم ولی نرم ─────────────
   بی راه‌راه، بی ردیفِ گرد و جدا؛ خطِ نیم‌پیکسلی بینِ ردیف‌ها، سرستونِ آرامِ خاکستری. */
html:root:not(.gta-print-doc) .mud-table-root { border-spacing: 0 !important; }
html:root:not(.gta-print-doc) .mud-table-head .mud-table-row { background: transparent !important; }
html:root:not(.gta-print-doc) .mud-table-head .mud-table-cell,
html:root:not(.gta-print-doc).gta-dark .mud-table-head .mud-table-cell {
  background: var(--gta-card) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  color: var(--gta-text-2) !important;
  font-weight: 500 !important; font-size: var(--gta-fs-sm) !important;
  border: 0 !important; border-bottom: .5px solid var(--gta-sep) !important;
  box-shadow: none !important; border-radius: 0 !important;
  height: 40px; white-space: nowrap;
}
html:root:not(.gta-print-doc) .mud-table-body .mud-table-cell,
html:root:not(.gta-print-doc).gta-dark .mud-table-body .mud-table-cell {
  background: transparent !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  color: var(--gta-text) !important;
  font-size: var(--gta-fs-name);
  border: 0 !important; border-bottom: .5px solid var(--gta-sep) !important;
  border-radius: 0 !important;
  height: var(--gta-row-h);
  font-variant-numeric: tabular-nums;
}
html:root:not(.gta-print-doc) .mud-table-body .mud-table-row:last-child .mud-table-cell { border-bottom: 0 !important; }
html:root:not(.gta-print-doc) .mud-table-body .mud-table-row:nth-of-type(even) .mud-table-cell,
html:root:not(.gta-print-doc).gta-dark .mud-table-body .mud-table-row:nth-of-type(even) .mud-table-cell { background: transparent !important; }
html:root:not(.gta-print-doc) .mud-table-body .mud-table-row:hover .mud-table-cell,
html:root:not(.gta-print-doc).gta-dark .mud-table-body .mud-table-row:hover .mud-table-cell { background: var(--gta-accent-soft) !important; }
html:root:not(.gta-print-doc) .mud-table-body .mud-table-row.mud-selected-row .mud-table-cell,
html:root:not(.gta-print-doc) .mud-table-body .mud-table-row.selected .mud-table-cell { background: var(--gta-accent-soft) !important; }
html:root:not(.gta-print-doc).gta-dark .mud-table-body .mud-table-row { background: transparent !important; }
html:root:not(.gta-print-doc) .mud-table-foot .mud-table-cell { border-top: .5px solid var(--gta-sep) !important; border-bottom: 0 !important; font-weight: 600; background: transparent !important; }
html:root:not(.gta-print-doc) .mud-table-pagination {
  border-top: .5px solid var(--gta-sep) !important; color: var(--gta-text-2);
}
html:root:not(.gta-print-doc) .mud-table-pagination .mud-select .mud-input-outlined-border { border-color: transparent !important; }
html:root:not(.gta-print-doc) .mud-table-toolbar { background: transparent !important; }
/* ستونِ عددیِ صریح (صفحه‌ها کلاسِ gta-num را روی سلول می‌گذارند) */
html:root:not(.gta-print-doc) .mud-table-cell.gta-num, html:root:not(.gta-print-doc) td.gta-num { font-size: var(--gta-fs-num); text-align: end; direction: ltr; unicode-bidi: plaintext; }
/* گزینه‌های سرستونِ DataGrid: قرصِ شیشه‌ایِ کوچک */
html:root:not(.gta-print-doc) .mud-data-grid .column-options,
html:root:not(.gta-print-doc).gta-dark .mud-data-grid .column-options {
  background: var(--gta-glass-menu) !important; border-radius: var(--gta-r-pill) !important;
  box-shadow: var(--gta-shadow-card) !important;
}
html:root:not(.gta-print-doc) .mud-data-grid .mud-table-cell.filter-header-cell { border-bottom: .5px solid var(--gta-sep) !important; }
/* گوشی (ردیفِ پشته‌ای MudBlazor): هر ردیف یک خانه‌ی فهرست */
@media (max-width: 599.98px) {
  html:root:not(.gta-print-doc) .mud-xs-table .mud-table-body .mud-table-row { border-bottom: .5px solid var(--gta-sep); padding-block: var(--gta-space-2); }
  html:root:not(.gta-print-doc) .mud-xs-table .mud-table-body .mud-table-cell { border-bottom: 0 !important; height: auto; padding-block: var(--gta-space-1) !important; }
  html:root:not(.gta-print-doc) .mud-xs-table .mud-table-cell::before { color: var(--gta-text-2); font-weight: 400; }
}

/* ───────────── ۸ · دیالوگ‌ها / مودال‌ها: برگه‌ی مات، گوشه‌ی ۲۸، حرکتِ فنری ───────────── */
html:root:not(.gta-print-doc) .mud-overlay.mud-overlay-dialog .mud-overlay-scrim,
html:root:not(.gta-print-doc) .mud-overlay-dialog .mud-overlay-scrim {
  background-color: var(--gta-scrim) !important;
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
html:root:not(.gta-print-doc) .mud-dialog {
  background: var(--gta-card) !important;
  color: var(--gta-text);
  border: 0 !important;
  border-radius: var(--gta-r-sheet) !important;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
  animation: gtaSheetIn .42s var(--gta-ease) both !important;
}
@keyframes gtaSheetIn { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-title {
  padding: var(--gta-space-4) var(--gta-space-5) var(--gta-space-2) !important;
  border-radius: var(--gta-r-sheet) var(--gta-r-sheet) 0 0;
  background: transparent !important;
}
html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-title .mud-typography { font-weight: 600; font-size: 1.125rem; color: var(--gta-text); }
html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-content { padding: var(--gta-space-2) var(--gta-space-5) var(--gta-space-3); }
html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-actions {
  padding: var(--gta-space-3) var(--gta-space-5) var(--gta-space-5) !important;
  gap: var(--gta-space-2); border-radius: 0 0 var(--gta-r-sheet) var(--gta-r-sheet);
  background: transparent !important;
}
/* ✕ = دکمه‌ی گردِ تُنال */
html:root:not(.gta-print-doc) .mud-dialog .mud-button-close {
  width: 30px; height: 30px; padding: 0 !important; top: 14px;
  background: var(--gta-tonal) !important; color: var(--gta-text-2) !important;
}
html:root:not(.gta-print-doc) .mud-dialog .mud-button-close .mud-icon-root { font-size: 1.125rem; }
html:root:not(.gta-print-doc) .mud-dialog.mud-dialog-fullscreen { border-radius: 0 !important; }
/* گوشی: مودال = برگه‌ی پایین‌آمده با دستگیره (تمام‌صفحه‌ها دست‌نخورده) */
@media (max-width: 599.98px) {
  html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen) {
    position: fixed !important; inset: auto 0 0 0 !important;
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    max-height: 92vh !important; max-height: 92dvh !important;
    border-radius: var(--gta-r-sheet) var(--gta-r-sheet) 0 0 !important;
    padding-bottom: env(safe-area-inset-bottom);
    animation: gtaSheetUp .45s var(--gta-ease) both !important;
  }
  html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen)::before {
    content: ''; position: absolute; top: 7px; left: 50%; transform: translateX(-50%);
    width: 36px; height: 5px; border-radius: var(--gta-r-pill); background: var(--gta-text-3); z-index: 6;
  }
  html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-title { padding-top: var(--gta-space-5) !important; }
  html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-actions .mud-button-root { flex: 1 1 0; min-height: 46px; }
}
@keyframes gtaSheetUp { from { transform: translateY(100%); } to { transform: none; } }

/* ───────────── ۹ · منوها و پاپ‌اورها (Select/Autocomplete/Menu/DatePicker): شیشه ───────────── */
html:root:not(.gta-print-doc) .mud-popover:not(.mud-tooltip),
html:root:not(.gta-print-doc).gta-dark .mud-popover:not(.mud-tooltip),
html:root:not(.gta-print-doc) .mud-popover.mud-paper:not(.mud-tooltip) {
  background: var(--gta-glass-menu) !important;
  backdrop-filter: var(--gta-blur) !important; -webkit-backdrop-filter: var(--gta-blur) !important;
  border: 0 !important;
  border-radius: var(--gta-r-menu) !important;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
}
html:root:not(.gta-print-doc) .gta-user-menu.mud-popover,
html:root:not(.gta-print-doc).gta-dark .gta-user-menu.mud-popover { background: var(--gta-glass-menu) !important; }
html:root:not(.gta-print-doc) .mud-popover .mud-list { padding: 6px; background: transparent !important; }
html:root:not(.gta-print-doc) .mud-popover .mud-list-item,
html:root:not(.gta-print-doc) .mud-popover .mud-menu-item { border-radius: 10px !important; min-height: 36px; transition: background .15s var(--gta-ease); }
html:root:not(.gta-print-doc) .mud-popover .mud-list-item:hover,
html:root:not(.gta-print-doc).gta-dark .mud-popover .mud-list-item:hover,
html:root:not(.gta-print-doc) .mud-popover .mud-menu-item:hover { background: var(--gta-accent-soft) !important; }
html:root:not(.gta-print-doc) .mud-popover .mud-list-item.mud-selected-item,
html:root:not(.gta-print-doc).gta-dark .mud-popover .mud-list-item.mud-selected-item {
  background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important; font-weight: 600;
}
html:root:not(.gta-print-doc) .mud-popover .mud-list-item.mud-selected-item .mud-icon-root,
html:root:not(.gta-print-doc).gta-dark .mud-popover .mud-list-item.mud-selected-item .mud-icon-root { color: var(--gta-accent) !important; }
html:root:not(.gta-print-doc) .mud-popover .mud-divider { margin: 4px 0; border-color: var(--gta-sep) !important; }
/* تقویمِ DatePicker داخلِ پاپ‌اور: سطحِ خودش شفاف تا شیشه دیده شود */
html:root:not(.gta-print-doc) .mud-popover .mud-picker-paper,
html:root:not(.gta-print-doc) .mud-popover .mud-picker-content,
html:root:not(.gta-print-doc) .mud-popover .mud-picker-calendar-header { background: transparent !important; box-shadow: none !important; }
html:root:not(.gta-print-doc) .mud-picker-toolbar { background: linear-gradient(160deg, #0A6B41, #003B23) !important; border-radius: var(--gta-r-menu) var(--gta-r-menu) 0 0; }
/* تولتیپ: کپسولِ تیره‌ی کوچک */
html:root:not(.gta-print-doc) .mud-popover.mud-tooltip, html:root:not(.gta-print-doc) .mud-tooltip { border-radius: 10px !important; font-weight: 500 !important; }

/* ───────────── ۱۰ · پیامِ کوتاه (Snackbar): حبابِ شیشه‌ایِ بالا ───────────── */
html:root:not(.gta-print-doc) .mud-snackbar {
  background: var(--gta-glass-menu) !important;
  backdrop-filter: var(--gta-blur) !important; -webkit-backdrop-filter: var(--gta-blur) !important;
  color: var(--gta-text) !important;
  border: 0 !important; border-radius: 22px !important;
  min-height: 44px; padding: 6px 16px 6px 12px;
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float) !important;
  font-weight: 500;
  animation: gtaToastIn .5s var(--gta-ease-spring) both;
}
@keyframes gtaToastIn { from { opacity: 0; transform: translateY(-16px) scale(.94); } to { opacity: 1; transform: none; } }
html:root:not(.gta-print-doc) .mud-snackbar .mud-snackbar-content-message { color: var(--gta-text) !important; }
html:root:not(.gta-print-doc) .mud-snackbar .mud-snackbar-icon .mud-icon-root { color: var(--gta-s-blue) !important; }
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-filled-success .mud-snackbar-icon .mud-icon-root,
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-text-success .mud-snackbar-icon .mud-icon-root { color: var(--gta-s-green) !important; }
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-filled-warning .mud-snackbar-icon .mud-icon-root,
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-text-warning .mud-snackbar-icon .mud-icon-root { color: var(--gta-s-orange) !important; }
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-filled-error .mud-snackbar-icon .mud-icon-root,
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-text-error .mud-snackbar-icon .mud-icon-root { color: var(--gta-s-red) !important; }
/* خطا باید دیده شود: تینتِ قرمزِ ملایم روی همان شیشه */
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-filled-error,
html:root:not(.gta-print-doc) .mud-snackbar.mud-alert-text-error {
  background: color-mix(in srgb, var(--gta-s-red) 16%, var(--gta-glass-menu)) !important;
}
html:root:not(.gta-print-doc) .mud-snackbar .mud-snackbar-content-action .mud-button-root,
html:root:not(.gta-print-doc) .mud-snackbar .mud-icon-button { color: var(--gta-text-2) !important; }

/* ───────────── ۱۱ · تب‌ها: بخش‌بندیِ کپسولی با ذره‌بینِ روشن ───────────── */
html:root:not(.gta-print-doc) .mud-tabs .mud-tabs-tabbar,
html:root:not(.gta-print-doc).gta-dark .mud-tabs .mud-tabs-tabbar {
  background: var(--gta-tonal) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border: 0 !important; border-radius: var(--gta-r-pill) !important; box-shadow: none !important;
}
html:root:not(.gta-print-doc) .mud-tabs .mud-tabs-tabbar-content { padding: 3px; }
html:root:not(.gta-print-doc) .mud-tabs .mud-tab {
  border-radius: var(--gta-r-pill) !important; margin: 0; min-height: 34px;
  font-weight: 400; color: var(--gta-text-2);
  transition: background .28s var(--gta-ease), color .2s;
}
html:root:not(.gta-print-doc) .mud-tabs .mud-tab:hover,
html:root:not(.gta-print-doc).gta-dark .mud-tabs .mud-tab:hover { background: var(--gta-tonal) !important; color: var(--gta-text); }
html:root:not(.gta-print-doc) .mud-tabs .mud-tab.mud-tab-active {
  background: var(--gta-card) !important; color: var(--gta-text) !important; font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,.14), 0 0 0 .5px rgba(0,0,0,.04) !important;
}
html:root:not(.gta-print-doc).gta-dark .mud-tabs .mud-tab.mud-tab-active { background: var(--gta-card-3) !important; box-shadow: none !important; }
html:root:not(.gta-print-doc) .mud-tabs .mud-tab.mud-tab-active .mud-icon-root { color: var(--gta-accent) !important; }
html:root:not(.gta-print-doc) .mud-tabs-panels { background: transparent; }

/* ───────────── ۱۲ · چیپ، هشدار، نشان، کلید، تیک، پیشرفت، اسکلت ───────────── */
html:root:not(.gta-print-doc) .mud-chip { border-radius: var(--gta-r-pill) !important; font-weight: 500; }
html:root:not(.gta-print-doc) .mud-chip.mud-chip-outlined { border-color: transparent !important; background: var(--gta-tonal) !important; }
html:root:not(.gta-print-doc) .mud-chip.mud-chip-selected,
html:root:not(.gta-print-doc) .mud-chip.mud-chip-color-primary.mud-chip-text { background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important; }
html:root:not(.gta-print-doc) .mud-alert { border-radius: 16px !important; box-shadow: none !important; font-weight: 500; }
html:root:not(.gta-print-doc) .mud-alert-outlined-success, html:root:not(.gta-print-doc) .mud-alert-outlined-info,
html:root:not(.gta-print-doc) .mud-alert-outlined-warning, html:root:not(.gta-print-doc) .mud-alert-outlined-error,
html:root:not(.gta-print-doc) .mud-alert-outlined-normal { border-color: transparent !important; background: color-mix(in srgb, currentColor 10%, transparent) !important; }
html:root:not(.gta-print-doc) .mud-badge.mud-badge-default, html:root:not(.gta-print-doc) .mud-badge.mud-badge-error { box-shadow: 0 0 0 2px var(--gta-card); }
html:root:not(.gta-print-doc) .mud-badge { font-weight: 600; }
html:root:not(.gta-print-doc) .mud-switch:has(input:checked) .mud-switch-track,
html:root:not(.gta-print-doc).gta-dark .mud-switch:has(input:checked) .mud-switch-track { background-color: var(--gta-s-green) !important; }
html:root:not(.gta-print-doc) .mud-checkbox:has(input:checked) .mud-icon-root,
html:root:not(.gta-print-doc) .mud-radio:has(input:checked) .mud-icon-root,
html:root:not(.gta-print-doc).gta-dark .mud-checkbox:has(input:checked) .mud-icon-root,
html:root:not(.gta-print-doc).gta-dark .mud-radio:has(input:checked) .mud-icon-root { color: var(--gta-accent) !important; }
html:root:not(.gta-print-doc) .mud-progress-linear { border-radius: var(--gta-r-pill); overflow: hidden; }
html:root:not(.gta-print-doc) .mud-skeleton { background-color: var(--gta-tonal) !important; border-radius: 10px; }
html:root:not(.gta-print-doc) .mud-expand-panel { border-radius: var(--gta-r-card) !important; }
html:root:not(.gta-print-doc) .mud-expand-panel .mud-expand-panel-header { border-radius: inherit; }
html:root:not(.gta-print-doc) .mud-expansion-panels .mud-expand-panel.mud-panel-expanded { box-shadow: var(--gta-shadow-card) !important; }
html:root:not(.gta-print-doc) .mud-list-item.mud-selected-item { background-color: var(--gta-accent-soft); }

/* ───────────── ۱۳ · فوکوسِ کیبورد: هاله‌ی گردِ برند، همیشه آشکار ───────────── */
html:root:not(.gta-print-doc) .mud-button-root:focus-visible,
html:root:not(.gta-print-doc) .mud-icon-button:focus-visible,
html:root:not(.gta-print-doc) .mud-tab:focus-visible,
html:root:not(.gta-print-doc) .mud-chip:focus-visible,
html:root:not(.gta-print-doc) .gta-top-link:focus-visible,
html:root:not(.gta-print-doc) .gta-fly-item:focus-visible,
html:root:not(.gta-print-doc) .mud-list-item:focus-visible {
  outline: 0 !important; box-shadow: var(--gta-focus) !important;
}
/* پیوند/دکمه/نقش‌دار و کلیدهای سگمنت که هیچ قاعده‌ی فوکوسِ خودی ندارند: حلقه‌ی ۲px برند (خواسته‌ی ۳۰ سپ) */
html:root:not(.gta-print-doc) a[href]:focus-visible,
html:root:not(.gta-print-doc) button:focus-visible,
html:root:not(.gta-print-doc) [role="button"]:focus-visible,
html:root:not(.gta-print-doc) [role="link"]:focus-visible,
html:root:not(.gta-print-doc) .gta-seg > *:focus-visible {
  outline: 2px solid var(--gta-accent); outline-offset: 2px;
}

/* ───────────── ۱۴ · حرکت: احترام به «کاهشِ حرکت» ───────────── */
@media (prefers-reduced-motion: reduce) {
  html:root:not(.gta-print-doc) .mud-dialog, html:root:not(.gta-print-doc) .mud-snackbar { animation: none !important; }
  html:root:not(.gta-print-doc) .mud-button-root:active, html:root:not(.gta-print-doc) .mud-icon-button:active, html:root:not(.gta-print-doc) .gta-rail-sq:active { transform: none !important; }
}

} /* پایانِ @media screen */

/* =====================================================================
   ۱۵ · کلاس‌های آماده برای صفحه‌ها (صفحه‌ی تازه این‌ها را بردارد، نه هگز/عدد خام)
   ===================================================================== */
/* ظرفِ مات (همان ظاهرِ کارت، برای div ساده) */
.gta-card { background: var(--gta-card); border-radius: var(--gta-r-card); box-shadow: var(--gta-shadow-card); }
.gta-card-h { display: flex; align-items: center; gap: var(--gta-space-3); padding: var(--gta-space-4) var(--gta-space-4) var(--gta-space-2); }
.gta-card-h > h2, .gta-card-h > .gta-card-title { margin: 0; font-size: var(--gta-fs-lg); font-weight: 600; color: var(--gta-text); }
/* فهرستِ گروهی (سبکِ تنظیماتِ iOS): خطِ نیم‌پیکسلی از زیرِ متن شروع می‌شود، نه زیرِ آیکون */
.gta-list { padding: var(--gta-space-1) 0 var(--gta-space-2); }
.gta-row {
  display: flex; align-items: center; gap: var(--gta-space-3); min-height: 48px;
  padding: 0 var(--gta-space-4); color: var(--gta-text); text-decoration: none; cursor: pointer;
  transition: background .2s var(--gta-ease);
}
.gta-row:hover { background: var(--gta-accent-soft); }
.gta-row:focus-visible { outline: 0; box-shadow: inset var(--gta-focus); }
.gta-row-body {
  flex: 1; min-width: 0; align-self: stretch; display: flex; align-items: center; gap: var(--gta-space-3);
  border-bottom: .5px solid var(--gta-sep);
}
.gta-row:last-child .gta-row-body { border-bottom: 0; }
.gta-row-title { font-size: var(--gta-fs-name); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gta-row-meta { flex: 1; min-width: 0; font-size: var(--gta-fs-sm); color: var(--gta-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gta-row-tail { font-size: var(--gta-fs-sm); color: var(--gta-text-2); white-space: nowrap; }
/* مربعِ رنگیِ پُر (آیکونِ ردیف) — رنگ با --c یا یکی از کلاس‌های رنگ */
.gta-sq {
  --c: var(--gta-accent);
  width: 30px; height: 30px; flex: none; display: inline-grid; place-items: center;
  border-radius: var(--gta-r-icon); color: #fff;
  background: linear-gradient(180deg, color-mix(in srgb, var(--c) 86%, #fff), var(--c));
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
}
.gta-sq .mud-icon-root { color: #fff !important; font-size: 1.125rem; }
.gta-sq.is-green { --c: var(--gta-s-green); } .gta-sq.is-red { --c: var(--gta-s-red); }
.gta-sq.is-orange { --c: var(--gta-s-orange); } .gta-sq.is-blue { --c: var(--gta-s-blue); }
.gta-sq.is-purple { --c: var(--gta-s-purple); } .gta-sq.is-teal { --c: var(--gta-s-teal); }
.gta-sq.is-gray { --c: var(--gta-s-gray); } .gta-sq.is-gold { --c: var(--gta-s-gold); }
.gta-sq.is-brand { --c: #0A6B41; }
/* کپسولِ وضعیت — پُر، متنِ سفید، عرضِ ثابتِ اختیاری */
.gta-pill {
  display: inline-flex; align-items: center; justify-content: center; gap: 2px;
  height: 22px; padding: 0 var(--gta-space-2); border-radius: var(--gta-r-icon);
  font-size: var(--gta-fs-xs); font-weight: 600; color: #fff; background: var(--gta-s-gray);
  white-space: nowrap; font-variant-numeric: tabular-nums;
}
.gta-pill.ok { background: var(--gta-s-green); } .gta-pill.warn { background: var(--gta-s-orange); }
.gta-pill.bad { background: var(--gta-s-red); } .gta-pill.info { background: var(--gta-s-blue); }
.gta-pill.mute { background: var(--gta-tonal); color: var(--gta-text-2); font-weight: 400; }
.gta-pill.fixed { min-width: 66px; }
/* عدد: ارقامِ هم‌عرض */
.gta-num { font-variant-numeric: tabular-nums; }
/* بخش‌بندیِ کپسولی (سگمنت) برای div ساده */
.gta-seg { display: inline-flex; padding: 3px; border-radius: var(--gta-r-pill); background: var(--gta-tonal); }
.gta-seg > * {
  height: 32px; padding: 0 var(--gta-space-3); display: inline-grid; place-items: center;
  border-radius: var(--gta-r-pill); color: var(--gta-text-2); font-size: var(--gta-fs-sm); cursor: pointer;
  transition: background .28s var(--gta-ease), color .2s; border: 0; background: transparent; font: inherit;
}
.gta-seg > .on, .gta-seg > [aria-pressed="true"], .gta-seg > [aria-selected="true"] {
  background: var(--gta-card); color: var(--gta-text); font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,.14), 0 0 0 .5px rgba(0,0,0,.04);
}
html.gta-dark .gta-seg > .on, html.gta-dark .gta-seg > [aria-pressed="true"], html.gta-dark .gta-seg > [aria-selected="true"] { background: var(--gta-card-3); box-shadow: none; }
/* ردیفِ شاخص‌ها در یک ظرف (بی جعبه‌درجعبه) */
.gta-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.gta-kpi { position: relative; display: flex; align-items: center; gap: var(--gta-space-3); padding: var(--gta-space-4); }
.gta-kpi + .gta-kpi::before { content: ''; position: absolute; inset-block: 18px; inset-inline-start: 0; width: .5px; background: var(--gta-sep); }
.gta-kpi-v { font-size: var(--gta-fs-2xl); font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--gta-text); }
.gta-kpi-l { font-size: var(--gta-fs-xs); color: var(--gta-text-2); margin-top: 3px; }
/* نوارِ ابزارِ بالای جدول */
.gta-toolbar { display: flex; align-items: center; gap: var(--gta-space-2); flex-wrap: wrap; margin-bottom: var(--gta-space-3); }
/* صفحه‌ی خالی: آیکونِ بزرگِ محو + یک جمله + یک دکمه */
.gta-empty { display: grid; justify-items: center; gap: var(--gta-space-3); padding: var(--gta-space-7) var(--gta-space-4); color: var(--gta-text-2); text-align: center; }
.gta-empty .mud-icon-root { width: 48px; height: 48px; opacity: .35; color: var(--gta-text-2); }
/* اسکلتِ براق (بارگذاری) */
.gta-shimmer {
  border-radius: 10px;
  background: linear-gradient(90deg, var(--gta-tonal) 0%, color-mix(in srgb, var(--gta-tonal) 45%, transparent) 50%, var(--gta-tonal) 100%);
  background-size: 200% 100%; animation: gtaShimmer 1.4s linear infinite;
}
@keyframes gtaShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* =====================================================================
   دورِ ۱ (۲۶ سپ ۲۰۲۶) — رفعِ ایرادهای داور
   ===================================================================== */
@media screen {

/* ───── ۱ · منوی بالا در لپ‌تاپِ کوچک: هیچ‌چیز بیرونِ نوار نیفتد ─────
   نوار فضای باقی‌مانده را می‌گیرد و کوچک می‌شود؛ دکمه‌های سمتِ چپ (شب، زنگ، کاربر)
   هرگز جمع نمی‌شوند. گزینه‌ی جانشده را js/gta-topnav-fit.js به «⋯ بیشتر» می‌برد. */
html:root:not(.gta-print-doc) .mud-appbar .mud-toolbar-appbar > * { flex-shrink: 0; }
html:root:not(.gta-print-doc) .mud-appbar .mud-toolbar-appbar > .gta-topnav {
  flex: 1 1 auto; min-width: 0; margin: 0 8px; justify-content: center;
}
html:root:not(.gta-print-doc) .gta-topnav > [data-ovf] { display: none !important; }
html:root:not(.gta-print-doc) .gta-topnav > .gta-top-more { display: none; }
html:root:not(.gta-print-doc) .gta-topnav > .gta-top-more[data-on] { display: flex; }
html:root:not(.gta-print-doc) .gta-top-more .gta-more-sec { display: none; }
html:root:not(.gta-print-doc) .gta-top-more .gta-more-sec[data-on] { display: block; }
html:root:not(.gta-print-doc) .gta-top-more .gta-more-sec + .gta-more-sec[data-on] { margin-top: 4px; }
html:root:not(.gta-print-doc) .gta-top-more .gta-top-dd { inset-inline-start: auto; inset-inline-end: 0; max-height: 70vh; overflow-y: auto; }
html:root:not(.gta-print-doc) .gta-top-more .gta-flyout-h { padding: 6px 10px 2px; display: block; }
/* لپ‌تاپِ متوسط: کارتِ برند فقط آرم؛ برچسبِ بخش فقط مربعِ رنگی (نام در title)؛ تب‌ها فشرده‌تر */
@media (min-width: 961px) and (max-width: 1500px) {
  html:root:not(.gta-print-doc) .gta-brand-card { width: 62px !important; gap: 0 !important; }
  html:root:not(.gta-print-doc) .gta-brand-card b { display: none; }
  html:root:not(.gta-print-doc) .gta-brand-card img { height: 36px; }
  html:root:not(.gta-print-doc) body .mud-appbar { inset-inline-start: 92px !important; }
  html:root:not(.gta-print-doc) .gta-top-cat { font-size: 0 !important; padding: 4px !important; margin-inline-end: 2px !important; }
  html:root:not(.gta-print-doc) .gta-top-link { padding: 6px 11px !important; font-size: 14.5px !important; }
  html:root:not(.gta-print-doc) .gta-topnav { gap: 2px !important; }
}

/* ───── ۲ · دیالوگ‌ها: یک الگو، بی جعبه‌درجعبه ─────
   برگه‌ی دیالوگ خودش ظرف است ⇒ هر کاغذ/تبِ داخلش بی‌رنگ و بی‌قاب (فقط فاصله گروه‌بندی می‌کند).
   نوارِ سگمنتیِ تب‌ها تینتِ خودش را دارد و جداست. */
html:root:not(.gta-print-doc) .mud-dialog .mud-paper:not(.mud-table):not(.mud-popover):not(.mud-tabs-tabbar),
html:root:not(.gta-print-doc).gta-dark .mud-dialog .mud-paper:not(.mud-table):not(.mud-popover):not(.mud-tabs-tabbar),
html:root:not(.gta-print-doc) .mud-dialog .mud-tabs,
html:root:not(.gta-print-doc) .mud-dialog .mud-tabs-panels {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
html:root:not(.gta-print-doc) .mud-dialog .mud-paper.pa-3:not(.mud-table):not(.mud-popover):not(.mud-tabs-tabbar) { padding-inline: 0 !important; }
/* عنوانِ دیالوگ همه‌جا یکی: رنگِ متن، وزنِ ۶۰۰ (نه سبزِ پررنگ) */
html:root:not(.gta-print-doc) .mud-dialog .gta-dlg-title,
html:root:not(.gta-print-doc) .mud-dialog .mud-card-header .mud-typography-h6 { font-weight: 600 !important; font-size: 1.125rem !important; color: var(--gta-text) !important; }
html:root:not(.gta-print-doc) .mud-dialog .mud-dialog-title .mud-icon-root { color: var(--gta-text-2) !important; }
/* دکمه‌ی اصلی همیشه پایینِ برگه و چسبان — روی فرمِ بلند و برگه‌ی گوشی هم دیده می‌شود */
html:root:not(.gta-print-doc) .mud-dialog .gta-dlg-actions {
  position: sticky; bottom: 0; z-index: 3;
  background: var(--gta-card) !important;
  padding: var(--gta-space-3) var(--gta-space-4) var(--gta-space-4) !important;
  justify-content: flex-end;
}
/* اسکرول فقط روی خودِ برگه (.mud-dialog) — .mud-dialog-content با overflow:auto خودش «ظرفِ اسکرول»
   می‌شد ولی هیچ‌وقت اسکرول نمی‌خورد، پس نوارِ چسبانِ پایین هیچ‌وقت نمی‌چسبید و دکمه‌ی ذخیره زیرِ
   تاخوردگی گم می‌شد (داور: «پرسنلِ جدید روی گوشی دکمه ندارد»). دیالوگی که عمداً ارتفاع/اسکرولِ
   درونیِ خودش را دارد (style روی محتوا) دست نمی‌خورد. */
html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen) .mud-dialog-content:not([style*="overflow"]):not([style*="height"]) { overflow: visible !important; }
html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen) .mud-dialog-title {
  position: sticky; top: 0; z-index: 4; background: var(--gta-card) !important;
}
html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen) .mud-dialog-actions {
  position: sticky; bottom: 0; z-index: 4; background: var(--gta-card) !important;
}
@media (max-width: 599.98px) {
  html:root:not(.gta-print-doc) .mud-dialog:not(.mud-dialog-fullscreen) .mud-dialog-actions,
  html:root:not(.gta-print-doc) .mud-dialog .gta-dlg-actions {
    box-shadow: 0 -.5px 0 var(--gta-sep); padding-bottom: calc(var(--gta-space-4) + env(safe-area-inset-bottom)) !important;
  }
  /* تب‌های آیکون‌دارِ دیالوگ روی گوشی: فقط تبِ فعال نام دارد، بقیه فقط آیکون ⇒ همه جا می‌شوند، بی «ته…»
     (gta-theme.css آیکونِ تب را روی گوشی پنهان می‌کند؛ داخلِ دیالوگ برمی‌گردد) */
  html:root:not(.gta-print-doc) .mud-dialog .mud-tabs .mud-tab .mud-icon-root { display: inline-block !important; }
  html:root:not(.gta-print-doc) .mud-dialog .mud-tab:has(.mud-icon-root) { min-width: 0 !important; padding-inline: 12px !important; }
  html:root:not(.gta-print-doc) .mud-dialog .mud-tab:has(.mud-icon-root):not(.mud-tab-active) { font-size: 0 !important; gap: 0 !important; }
  html:root:not(.gta-print-doc) .mud-dialog .mud-tab:has(.mud-icon-root):not(.mud-tab-active) .mud-icon-root { font-size: 1.25rem !important; margin: 0 !important; }
}

/* منوی «کدام نوع‌ها ثبت شوند» (خطاها) روی گوشی از لبه‌ی راست بیرون می‌زد (سرریزِ ۴۲۳/۳۹۰) ⇒ داخلِ صفحه */
@media (max-width: 599.98px) {
  html:root:not(.gta-print-doc) .mud-popover.iss-tune-pop { left: 8px !important; right: 8px !important; max-width: none !important; }
}

/* ───── ۳ · فیلدِ فوکوس‌خورده آرام‌تر (جستجوی خودفوکوس «قابِ سبزِ همیشگی» نبود) ───── */
html:root:not(.gta-print-doc) .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
  border-width: 1px !important; border-color: color-mix(in srgb, var(--gta-accent) 70%, transparent) !important;
}

}


/* =====================================================================
   نوارِ بالا — جمع‌وجورتر (۲۶ سپتامبر ۲۰۲۶، نقدِ علیرضا روی «امانت بسته‌بندی»)
   ۱) ارتفاع ۶۲→۵۴ و فاصله‌ی بالا ۱۴→۱۲ ⇒ محتوا ۱۴ پیکسل بالاتر می‌آید (ریل و کارتِ برند هم‌راستا).
   ۲) برچسبِ بخش («تولید» + مربعِ رنگی) همیشه ابتدای نوار، کنارِ آرم؛ قبلاً وقتی بخش تبی نداشت
      تنها وسطِ نوار معلق می‌ماند. تب‌ها در فضای باقی‌مانده وسط‌چین می‌مانند (دو auto: برچسب + ::after).
   ۳) آواتار ۵۰→۴۰ تا در نوارِ کوتاه‌تر نفس بکشد؛ نشانِ زنگ داخلِ نوار، نه بیرون‌زده از بالا.
   ===================================================================== */
@media screen {
html:root:not(.gta-print-doc) .mud-appbar { top: 12px !important; height: 54px !important; }
html:root:not(.gta-print-doc) .gta-brand-card { top: 12px !important; height: 54px !important; }
html:root:not(.gta-print-doc) .gta-brand-card img { height: 36px; }
html:root:not(.gta-print-doc) .mud-main-content { padding-top: 78px !important; }
@media (min-width: 961px) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed { top: 78px !important; height: calc(100vh - 78px) !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open { top: 78px !important; max-height: calc(100vh - 94px) !important; }
}
/* ───── «جزیره‌ها» (۲۷ سپ، انتخابِ علیرضا از سه طرح: «همچنان اون نوار بالا زشته») ─────
   خودِ نوار بی‌رنگ و بی‌سایه است و کلیک را از خودش رد می‌کند؛ فقط سه تکه‌ی شیشه‌ای دیده می‌شود:
   آرم (مربعِ ۵۴)، منوی بخش (کپسولی به اندازه‌ی محتوایش، کنارِ آرم)، ابزارها (کپسول در لبه‌ی دیگر). */
html:root:not(.gta-print-doc) .mud-appbar {
  background: transparent !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  pointer-events: none;
}
html:root:not(.gta-print-doc) .mud-appbar .mud-toolbar-appbar { padding-inline: 0 !important; pointer-events: none; }
html:root:not(.gta-print-doc) .gta-tools-isl,
html:root:not(.gta-print-doc) .mud-appbar .mud-toolbar-appbar > .gta-topnav,
html:root:not(.gta-print-doc) .mud-appbar .gta-burger-bar {
  pointer-events: auto;
  background: var(--gta-glass-bar); backdrop-filter: var(--gta-blur); -webkit-backdrop-filter: var(--gta-blur);
  box-shadow: var(--gta-glass-ring), var(--gta-shadow-float);
  border-radius: var(--gta-r-pill);
}
html:root:not(.gta-print-doc) .gta-tools-isl { display: flex; align-items: center; gap: 2px; height: 46px; padding: 0 5px; }
html:root:not(.gta-print-doc) .mud-appbar .mud-toolbar-appbar > .gta-topnav {
  flex: 0 1 auto; justify-content: flex-start; margin: 0 !important;
  height: 46px !important; padding: 0 6px 0 14px;
}
/* فقط برچسبِ بخش (بی تب) ⇒ کپسولِ کوچکِ متقارن */
html:root:not(.gta-print-doc) .gta-topnav:not(:has(> .gta-top-link, > .gta-top-grp:not(.gta-top-more))) { padding-inline: 12px !important; }
html:root:not(.gta-print-doc) .gta-topnav > .gta-top-cat { margin-inline-end: 6px !important; }
html:root:not(.gta-print-doc) .gta-topnav:not(:has(> .gta-top-link, > .gta-top-grp:not(.gta-top-more))) > .gta-top-cat { margin-inline-end: 0 !important; }
html:root:not(.gta-print-doc) .gta-tools-isl .mud-menu { margin: 0 !important; }
@media (min-width: 961px) {
  html:root:not(.gta-print-doc) .gta-brand-card { width: 54px !important; gap: 0 !important; }
  html:root:not(.gta-print-doc) .gta-brand-card b { display: none !important; }
  html:root:not(.gta-print-doc) body .mud-appbar { inset-inline-start: 84px !important; }
}
/* گوشی: همبرگر یک دایره‌ی شیشه‌ای، ابزارها کپسولِ دیگر */
@media (max-width: 960px) {
  html:root:not(.gta-print-doc) .mud-appbar .gta-burger-bar { height: 46px !important; min-height: 0 !important; width: 46px; padding: 0 !important; justify-content: center; }
  html:root:not(.gta-print-doc) .mud-appbar .gta-burger-bar .mud-icon-button { margin: 0 !important; }
}
html:root:not(.gta-print-doc) .mud-appbar .gta-user-av { width: 36px !important; height: 36px !important; }
html:root:not(.gta-print-doc) .mud-appbar .gta-user-initials { font-size: 15px; font-weight: 600; letter-spacing: 0; }
html:root:not(.gta-print-doc) .gta-bell-badge .mud-badge {
  min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; line-height: 18px; direction: ltr;
  top: -6px !important; left: 13px !important; right: auto !important; bottom: auto !important;
}
}

/* ───────────── ۳٫۶ · ریلِ مرتب (۲۷ سپ ۲۰۲۶) ─────────────
   علیرضا: «این قسمت خیلی نامنظمه و دوسش ندارم». از سه طرح، «همان منو، مرتب» را زد
   (عکسِ مقایسه: maanfee-shots/out/rail-tidy/board.png). ریشه‌های نامنظمی:
   • قرص نامتقارن بود (فاصله‌ی ۶px از لبه‌ی صفحه، صفر از سمتِ محتوا) ⇒ ستونِ آیکون‌ها کج و
     جعبه‌ی انتخاب به لبه‌ی قرص می‌چسبید. حالا قرص دو طرف ۶px است و کارتِ آرم هم‌عرض و هم‌ستونِ آن.
   • جعبه‌ی کم‌رنگِ «انتخاب‌شده/زیرِ موس» از ستون پهن‌تر بود ⇒ حذف؛ انتخاب‌شده = حلقه‌ی دورِ
     مربعِ رنگی + نامِ پررنگ؛ زیرِ موس = کمی بزرگ‌شدنِ آیکون.
   • ارتفاعِ خانه‌ها با نامِ دوخطی («منابع انسانی») فرق می‌کرد ⇒ همه یک ارتفاع، نام یک‌خط.
   • روی ۸۸۰px تهِ فهرست («مشتریان») بیرون می‌زد ⇒ قرص به اندازه‌ی محتواست و سنجاق پایینِ آن. */
@media (min-width: 961px) {
  html:root:not(.gta-print-doc) { --gta-rail-cell: 52px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed::before { inset: 8px 6px; }
  html:root:not(.gta-print-doc) .gta-brand-card { width: 64px !important; inset-inline-start: 6px; }

  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .mud-drawer-content { display: flex; flex-direction: column; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-pin { order: 9; margin: 6px auto 20px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-groups { padding-top: 12px; gap: 2px; }

  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq {
    width: 64px; height: var(--gta-rail-cell); min-height: var(--gta-rail-cell);
    margin: 0 auto; padding: 0; gap: 5px; justify-content: center;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq.active,
  html:root:not(.gta-print-doc):not(.gta-touch) .mud-drawer-mini.mud-drawer--closed .gta-rail-groups .gta-rail-grp:hover .gta-rail-sq { background: transparent !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq > .mud-icon-root {
    transition: transform .2s var(--gta-ease-spring), box-shadow .2s var(--gta-ease);
  }
  html:root:not(.gta-print-doc):not(.gta-touch) .mud-drawer-mini.mud-drawer--closed .gta-rail-grp:hover .gta-rail-sq > .mud-icon-root { transform: scale(1.08); }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq.active > .mud-icon-root {
    box-shadow: 0 0 0 2px var(--gta-card), 0 0 0 4px var(--gta-cat, var(--gta-accent));
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq-label {
    display: block; white-space: nowrap; font-size: 10.5px; line-height: 13px;
  }
  /* نشانِ عددی روی گوشه‌ی خودِ مربعِ رنگی (مثلِ iOS)، نه لبه‌ی خانه */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-badge {
    top: 0; inset-inline-end: calc(50% - 26px); min-width: 17px; height: 17px; padding: 0 4px; font-size: 10.5px;
  }
}
/* قرص به اندازه‌ی محتوا — فقط وقتی همه جا می‌شوند (از ۶۶۱px؛ ۱۳۶۶×۷۶۸ِ کارمندها ≈ ۶۵۷ هم تست شد)؛ کوتاه‌تر همان قرصِ تمام‌قد + اسکرولِ قبلی */
@media (min-width: 961px) and (min-height: 661px) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed { height: auto !important; max-height: calc(100vh - 86px); }
}
@media (min-width: 961px) and (max-height: 860px) {
  html:root:not(.gta-print-doc) { --gta-rail-cell: 46px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq-label { font-size: 10px; line-height: 12px; }
}
@media (min-width: 961px) and (max-height: 760px) {
  html:root:not(.gta-print-doc) { --gta-rail-cell: 38px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-groups { padding-top: 8px; gap: 1px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq { gap: 4px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq > .mud-icon-root { width: 14px; height: 14px; padding: 4px; font-size: 14px !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq-label { font-size: 9.5px; line-height: 11px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-pin { margin: 4px auto 16px; }
  /* قرصِ تمام‌قد: اگر باز هم جا نشد فهرست خودش اسکرول بخورد و سنجاق رویش نیفتد */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-groups { flex: 1 1 auto; min-height: 0; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-pin { flex: none; }
}
/* ۱۳۶۶×۷۶۸ با بزرگ‌نماییِ ۱۲۵٪ ویندوز (≈ ۱۰۹۳×۶۱۴) — رایج‌ترین لپ‌تاپِ کارمندها: هر ۱۳ بخش بی‌اسکرول */
@media (min-width: 961px) and (max-height: 640px) {
  html:root:not(.gta-print-doc) { --gta-rail-cell: 36px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq { gap: 3px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq > .mud-icon-root { width: 13px; height: 13px; padding: 4px; font-size: 13px !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-sq-label { font-size: 9px; line-height: 10px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--closed .gta-rail-pin { margin: 2px auto 16px; }
}

/* عکسِ بزرگِ تمام‌صفحه — window.gtaPhotoZoom (index.html)؛ روی همه‌چیز حتی نوارهای بالا/پایین.
   پرده‌ی تیره‌ی تار، عکس کامل (contain) با گوشه‌ی گرد، ✕ شیشه‌ای؛ لمسِ هر جا می‌بندد. */
/* ۱ اکتبر ۲۰۲۶: زومِ نرم — پرده (::before) و ✕ با کلاسِ .open محو می‌شوند؛ خودِ عکس را JS از جای
   عکسِ کوچک بزرگ می‌کند و موقعِ بستن به همان‌جا برمی‌گرداند (FLIP). */
.gta-photo-zoom {
  position: fixed; inset: 0; z-index: 3000;
  display: grid; place-items: center;
  padding: calc(64px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));
  cursor: zoom-out;
}
.gta-photo-zoom::before {
  content: ""; position: absolute; inset: 0;
  background: rgba(0, 0, 0, .78);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  opacity: 0; transition: opacity .36s var(--gta-ease, cubic-bezier(.32,.72,0,1));
}
.gta-photo-zoom.open::before { opacity: 1; }
.gta-photo-zoom img {
  position: relative; z-index: 1;
  max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 22px;
  will-change: transform;
}
.gta-photo-zoom-x {
  position: absolute; z-index: 2; top: calc(14px + env(safe-area-inset-top)); left: 14px;
  width: 40px; height: 40px; border: 0; border-radius: 999px;
  display: grid; place-items: center; cursor: pointer;
  background: var(--gta-glass-menu); color: var(--gta-text);
  -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%);
  opacity: 0; transform: scale(.8);
  transition: opacity .3s var(--gta-ease, cubic-bezier(.32,.72,0,1)), transform .3s var(--gta-ease, cubic-bezier(.32,.72,0,1));
}
.gta-photo-zoom.open .gta-photo-zoom-x { opacity: 1; transform: none; transition-delay: .08s; }
.gta-photo-zoom-x:focus-visible { outline: none; box-shadow: var(--gta-focus); }
@media (prefers-reduced-motion: reduce) {
  .gta-photo-zoom::before, .gta-photo-zoom-x { transition: none; }
}

/* کرکره‌ی نرم (<GtaCollapse>): حاشیه‌ی بچه‌ی اول از قاب بیرون نزند تا وسطِ انیمیشن پرش نباشد */
.gta-collapse { display: flow-root; }

/* ۲۷ سپ ۲۰۲۶: صفحه‌ای که نوارِ کارِ چسبان به پایین دارد (مثلاً «چاپ / فایلِ ملت / واریز شد»ِ حقوق)
   با data-gta-bottom-bar خبر می‌دهد ⇒ کپسولِ «زنگِ سفارش» بالاتر می‌نشیند و روی دکمه‌ها نمی‌افتد. */
body:has([data-gta-bottom-bar]) .gta-oa-bar.gta-oa-consent { bottom: 84px; }
@media (max-width: 960px) {
  body:has([data-gta-bottom-bar]) .gta-oa-bar.gta-oa-consent { bottom: calc(150px + env(safe-area-inset-bottom)); }
}

/* =====================================================================
   📱 منوی کشوییِ گوشی — جمع‌وجور و آرام (۲۹ سپ ۲۰۲۶، نقدِ علیرضا روی عکسِ منو)
   ۱) زمینه‌ی مات (سفید / ظرفِ شب) به‌جای شیشه‌ی خاکستری روی پرده ⇒ دیگر «چرک» دیده نمی‌شود.
   ۲) کارتِ شناور به‌اندازه‌ی محتوا (نه تا ته صفحه)، باریک‌تر (۲۸۰ به‌جای ۳۱۲+).
   ۳) ردیف ۴۴ پیکسل (استانداردِ iOS)، آیکون ۲۸، هدرِ کوتاه‌تر ⇒ حاشیه‌ی خالی کم شد.
   ۴) فلش کوچک و کم‌رنگِ «‹» که با بازشدن رو به پایین می‌چرخد (نه ۱۱ فلشِ درشتِ تکراری).
   ۵) نشانِ عددی کپسولِ سبزِ کم‌رنگِ برند، کنارِ فلش — قرمز فقط برای خطر است.
   ۶) خطِ جداکننده از بعدِ آیکون شروع می‌شود (مثلِ فهرستِ آیفون)، نه تمام‌عرض.
   فقط گوشی/تبلت (≤۹۶۰) و فقط منوی کشویی؛ ریلِ دسکتاپ دست نمی‌خورد.
   لنگرها فیزیکی‌اند (right/left): <html> ltr است و منو rtl — خاصیتِ منطقی روی محورِ اشتباه می‌افتد.
   ===================================================================== */
@media (max-width: 960px) {
  html:root:not(.gta-print-doc) .mud-drawer.mud-drawer-mini,
  html:root:not(.gta-print-doc).gta-dark .mud-drawer.mud-drawer-mini {
    top: calc(8px + env(safe-area-inset-top, 0px)) !important;
    right: 8px !important; left: auto !important;
    width: min(76vw, 280px) !important; max-width: 280px !important;
    height: auto !important;
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 26px !important;
    background: var(--gta-card) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    box-shadow: 0 24px 60px -12px rgba(0,0,0,.34), 0 2px 8px rgba(0,0,0,.08) !important;
    transform: translateX(calc(100% + 24px));
  }
  html:root:not(.gta-print-doc) .mud-drawer.mud-drawer-mini.mud-drawer--open { transform: translateX(0); }
  html:root:not(.gta-print-doc) .mud-drawer.mud-drawer-mini .mud-drawer-content {
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    padding-top: 0 !important; padding-bottom: 4px !important;
  }
  html:root:not(.gta-print-doc) .gta-drawer-scrim { background: rgba(0,0,0,.38); }

  /* هدر: همان سبزِ برند، کوتاه‌تر */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-appmenu-head {
    gap: 10px; margin: 0 0 4px; padding: 12px 14px !important;
    border-radius: 0 0 20px 20px; box-shadow: 0 6px 16px -6px rgba(0,59,35,.35);
  }
  html:root:not(.gta-print-doc) .gta-appmenu-logo { width: 40px; height: 40px; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
  html:root:not(.gta-print-doc) .gta-appmenu-logo img { width: 28px; height: 28px; }
  html:root:not(.gta-print-doc) .gta-appmenu-name { font-size: 15px; font-weight: 700; }

  /* فهرست */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-groups { padding: 4px 8px 6px !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp { position: relative !important; border-bottom: 0 !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp:not(:last-child)::after {
    content: ''; position: absolute; bottom: 0; right: 50px; left: 8px; height: 0;
    border-bottom: .5px solid var(--gta-sep); pointer-events: none;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq {
    min-height: 44px !important; gap: 12px !important;
    padding: 7px 10px 7px 28px !important; margin: 0 !important;
    border-radius: 12px !important; color: var(--gta-text) !important;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq > .mud-icon-root {
    width: 16px; height: 16px; padding: 6px; font-size: 16px !important;
    border-radius: 8px; margin: 0 !important; color: #fff !important;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq-label {
    font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0 !important;
    color: var(--gta-text) !important; text-transform: none !important;
  }
  /* بخشِ فعال/باز: زمینه‌ی سبزِ ملایم + نامِ سبز و کمی پررنگ‌تر */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq.active,
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp.open .gta-rail-sq { background: var(--gta-accent-soft) !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq.active .gta-rail-sq-label,
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp.open .gta-rail-sq-label { color: var(--gta-accent-ink) !important; font-weight: 600 !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp.open .gta-rail-sq > .mud-icon-root { color: #fff !important; }
  /* ردیفِ فعال/باز خطِ جداکننده‌ی خودش و بالایی را نمی‌خواهد (زمینه‌ی سبز خودش جداست) */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp:has(> .gta-rail-sq.active)::after,
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp:has(+ .gta-rail-grp > .gta-rail-sq.active)::after,
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp.open::after,
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp:has(+ .gta-rail-grp.open)::after { display: none; }

  /* فلش: «‹» کوچک و کم‌رنگ؛ باز ⇒ رو به پایین */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq::after {
    left: 13px !important; width: 6px !important; height: 6px !important; margin-top: -4px !important;
    border-right: 1.5px solid var(--gta-text-3) !important; border-bottom: 1.5px solid var(--gta-text-3) !important;
    transform: rotate(135deg) !important; opacity: .75;
    transition: transform .28s var(--gta-ease-spring), opacity .2s ease !important;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-grp.open .gta-rail-sq::after {
    transform: rotate(45deg) !important; margin-top: -5px !important;
    border-color: var(--gta-accent-ink) !important; opacity: 1;
  }

  /* نشانِ عددی: کپسولِ سبزِ کم‌رنگ، کنارِ فلش */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-badge {
    position: static !important; margin-inline-start: auto !important;
    min-width: 22px; height: 20px; padding: 0 7px;
    background: var(--gta-accent-soft) !important; color: var(--gta-accent-ink) !important;
    box-shadow: none !important; border: 0 !important;
    font-size: 12px !important; font-weight: 600 !important;
  }

  /* زیرمنوی بازشده: هم‌لبه با نامِ بخش، بی خطِ عمودی */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-flyout {
    margin: 2px 0 6px !important; padding: 0 40px 0 0 !important;
    border: 0 !important; background: transparent !important; border-radius: 0 !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-fly-item {
    min-height: 38px; padding: 6px 10px !important; font-size: 14px !important;
    border-radius: 10px !important; color: var(--gta-text-2) !important;
  }
  /* عددِ ردیفِ زیرمنو در منوی گوشی: همان کپسولِ سبزِ کم‌رنگِ عددِ بخش‌ها، نه قرمزِ پُر */
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-fly-badge {
    min-width: 22px; height: 20px; padding: 0 7px;
    background: var(--gta-accent-soft); color: var(--gta-accent-ink); font-size: 12px;
  }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-fly-item.current {
    color: var(--gta-accent-ink) !important; font-weight: 600; background: var(--gta-accent-soft) !important;
  }
}
/* لمس: «هاورِ» چسبیده روی ردیفی که بعد از بازشدن زیرِ انگشت آمده، رنگی نماند */
@media (max-width: 960px) and (hover: none) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-fly-item:not(.current):hover { background: transparent !important; }
}
/* گوشیِ کوتاه (۶۴۰–۷۰۰): هر ۱۳ بخش بی‌اسکرول جا شود */
@media (max-width: 960px) and (max-height: 700px) {
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-appmenu-head { padding: 9px 14px !important; }
  html:root:not(.gta-print-doc) .gta-appmenu-logo { width: 36px; height: 36px; }
  html:root:not(.gta-print-doc) .gta-appmenu-logo img { width: 25px; height: 25px; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq { min-height: 40px !important; padding-block: 5px !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq > .mud-icon-root { width: 15px; height: 15px; padding: 5.5px; font-size: 15px !important; }
  html:root:not(.gta-print-doc) .mud-drawer-mini.mud-drawer--open .gta-rail-sq-label { font-size: 14.5px !important; }
}

/* ── فهرستِ کالا، طرحِ v2 (۳۰ سپ ۲۰۲۶): بخش‌هایی که بیرونِ اسکوپِ صفحه‌اند ──
   منوی «…» سرفصل در پاپ‌اور رسم می‌شود ⇒ «مانده‌ی مدل‌ها/چاپ لیبل» فقط روی گوشی در منو. */
@media (min-width: 600px) {
  .mud-menu-item.kala-mob-only { display: none !important; }
}
/* نشانِ زبانِ کیبورد (EN/فا) برای کیبوردِ فیزیکی است؛ روی گوشی معنی ندارد */
@media (max-width: 599.95px) {
  #gta-kb-badge { display: none !important; }
}
/* بنرِ «اپ را نصب کن» روی خودِ صفحه‌ی «آخرین نسخه‌ی اپ» (/Account/App) تکراری است — همان کار، دو بار */
body:has(.ad-page) .gta-app-ask { display: none !important; }