/* /Components/Layout/HallLayout.razor.rz.scp.css */
.hall-shell[b-icp1j9300i] {
    min-height: 100vh;
    background:
        radial-gradient(900px 420px at 100% 0%, rgba(37, 99, 235, 0.18), transparent 58%),
        radial-gradient(700px 380px at 0% 100%, rgba(14, 165, 233, 0.08), transparent 55%),
        #07101f;
    color: #f8fafc;
    font-family: IRANSansWeb, Tahoma, sans-serif;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-gulbqbhcvo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-gulbqbhcvo] {
    flex: 1;
    /* بدونِ این، min-width پیش‌فرضِ آیتمِ فلکس «auto» است و پهن‌ترین فرزند (مثلاً گریدی که جمعِ
       عرضِ ستون‌هایش از پهنای پنجره بیشتر است) main را باد می‌کند؛ نتیجه: سرریزِ محتوا و
       له‌شدنِ سایدبار. با 0 شدنِ آن، خودِ گرید اسکرولِ افقی می‌گیرد و چیدمان سالم می‌ماند. */
    min-width: 0;
}

.sidebar[b-gulbqbhcvo] {
    background-color: var(--side-bg);
}

.top-row[b-gulbqbhcvo] {
    background-color: var(--surface);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-gulbqbhcvo]  a, .top-row[b-gulbqbhcvo]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-gulbqbhcvo]  a:hover, .top-row[b-gulbqbhcvo]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-gulbqbhcvo]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* سمتِ راستِ نوار: مسیرِ صفحه. min-width:0 لازم است وگرنه متنِ بلند به‌جایِ کوتاه‌شدن،
   دکمه‌هایِ سمتِ چپ را از نوار بیرون می‌راند. */
.top-crumbs[b-gulbqbhcvo] {
    min-width: 0;
    overflow: hidden;
}

/* لینکِ نامِ برند فقط روی گوشی ساخته می‌شود؛ روی دسکتاپ همان نشانِ ثابت می‌ماند. */
.top-row[b-gulbqbhcvo]  a.top-brand-link {
    display: none;
}

/* دکمه‌هایِ آیکنیِ نوارِ بالا (جمع‌کردنِ نوارِ کناری، ذره‌بین). */
.top-icon-btn[b-gulbqbhcvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    line-height: 1;
}

@media (max-width: 1199.98px) {
    .top-row[b-gulbqbhcvo] {
        justify-content: space-between;
        height: auto;
        min-height: 3.5rem;
        flex-wrap: wrap;
        row-gap: 0.35rem;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
    }

    .top-row[b-gulbqbhcvo]  a, .top-row[b-gulbqbhcvo]  .btn-link {
        margin-left: 0;
    }

    /* زیرِ دسکتاپ، منو کشویی است؛ دکمهٔ جمع‌کردنِ ریلِ دسکتاپ معنی ندارد. */
    .top-sidebar-toggle[b-gulbqbhcvo] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .top-row[b-gulbqbhcvo],
    article.content[b-gulbqbhcvo] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .top-row > .d-flex[b-gulbqbhcvo] {
        min-width: 0;
        flex-wrap: wrap;
    }

    /* تاگلِ منو absolute و روی ردیفِ اول است؛ نامِ برند یک ردیف پایین‌تر می‌آید تا هم دیده شود هم کلیک شود. */
    .top-row[b-gulbqbhcvo] {
        padding-top: 3.45rem;
        align-items: center;
    }

    .top-brand-static[b-gulbqbhcvo] {
        display: none;
    }

    .top-row[b-gulbqbhcvo]  a.top-brand-link {
        display: inline-flex;
        align-items: center;
        margin-left: 0;
        width: auto;
        flex: none;
        overflow: visible;
        text-align: start;
        text-decoration: none;
        color: inherit;
        min-height: 2.5rem;
        padding: 0.2rem 0.1rem;
    }

    .top-row[b-gulbqbhcvo]  .sina-mark-name {
        max-width: none;
        overflow: visible;
        text-overflow: unset;
        white-space: nowrap;
    }

    .top-row[b-gulbqbhcvo]  .user-menu-name,
    .top-row[b-gulbqbhcvo]  .user-menu-chevron {
        display: none;
    }

    .top-row > .d-flex:last-child > a.btn[b-gulbqbhcvo] {
        font-size: 0;
        width: 2rem;
        height: 2rem;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .top-row > .d-flex:last-child > a.btn .bi[b-gulbqbhcvo] {
        font-size: 0.95rem;
    }
}

@media (min-width: 1200px) {
    .page[b-gulbqbhcvo] {
        flex-direction: row;
    }

    .sidebar[b-gulbqbhcvo] {
        /* ۲۹۰px و نه ۲۵۰px: بعدِ بخش‌بندیِ تازهٔ منو، عنوان‌ها و برچسب‌های بلندتری داریم
           («نرم‌افزار و کاتالوگِ دارو»، «گزارشاتِ پشتیبانی و تماس») که در ۲۵۰px تنگ می‌شدند. */
        width: 290px;
        transition: width 0.18s ease;
        /* سایدبار نباید زیرِ فشارِ محتوای پهن جمع شود */
        flex: 0 0 290px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    /* حالتِ جمع‌شده — فقط ستونِ آیکن‌ها. ۶۴px یعنی ۲۲۶px عرض به جدول‌ها برمی‌گردد.
       min/max-width لازم است: پیش‌فرضِ فلکس min-width:auto است و متنِ منو نوار را در ۲۹۰px نگه می‌داشت. */
    .sidebar.collapsed[b-gulbqbhcvo] {
        width: 64px;
        flex: 0 0 64px;
        min-width: 64px;
        max-width: 64px;
        overflow: hidden;
    }

    .top-row[b-gulbqbhcvo] {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .top-row.auth[b-gulbqbhcvo]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-gulbqbhcvo], article[b-gulbqbhcvo] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar[b-gulbqbhcvo] { transition: none; }
}

/* ── ریلِ دکمه‌هایِ کشوییِ لبهٔ چپ ──────────────────────────────────────────────────────────
   دو کشویِ لبهٔ چپ (اعلانِ وضعیتِ پشتیبان‌ها و نوبتِ صف) هر کدام دکمهٔ خودشان را داشتند و هر دو
   دقیقاً روی `position:fixed; left:0; top:42%` می‌نشستند. برایِ مدیر که هر دو مجوز را دارد، این
   یعنی دو دکمه رویِ یک نقطه — و چون z-indexشان هم برابر بود، هر کدام دیرتر در DOM می‌آمد
   (نوبتِ صف) دیگری را کامل می‌پوشاند و دکمهٔ اعلان اصلاً دیده نمی‌شد.

   حالا جایِ ثابت متعلق به همین ریل است و دکمه‌ها فقط آیتم‌هایِ عمودیِ آن‌اند؛ پس هر ترکیبی از
   مجوزها (یکی، هر دو، هیچ‌کدام) خودبه‌خود جمع می‌شود و دکمهٔ سومِ احتمالیِ آینده هم فقط باید
   داخلِ این ریل برود، بی هیچ عددِ جایگاهِ دستی.

   ⚠️ پایینِ صفحه، نه وسط (به خواستِ کاربر ۲۰۲۶-۰۹-۰۱): ریل رویِ کشویِ بازِ خودش می‌افتد، و در
   وسطِ ارتفاع درست وسطِ فهرستِ کشو می‌نشست. پایین که باشد فقط تهِ فهرست را می‌پوشاند — و آن
   را هم `--edge-rail-clear` جبران می‌کند: بدنهٔ هر دو کشو به همان اندازه ته‌فاصله دارد تا هیچ
   نوشته‌ای زیرِ دکمه‌ها پنهان نمانَد. هر دو عدد در app.css تعریف شده‌اند. */
.edge-rail[b-gulbqbhcvo] {
    position: fixed;
    left: 0;
    bottom: var(--edge-rail-gap);
    z-index: 1081;
    display: flex;
    flex-direction: column;
    align-items: stretch;   /* هم‌عرض شدنِ دکمه‌ها با پهن‌ترینشان، تا لبه‌شان یکدست باشد */
    gap: 6px;
    /* خودِ ریل (و فاصلهٔ بینِ دکمه‌ها) نباید کلیکِ صفحه را ببلعد؛ فقط فرزندانش کلیک‌پذیرند. */
    pointer-events: none;
}

    .edge-rail[b-gulbqbhcvo]  * {
        pointer-events: auto;
    }

    /* ── ظاهرِ مشترکِ دکمه‌هایِ ریل ──────────────────────────────────────────────────────
       پیش‌تر هر دکمه ظاهرِ خودش را داشت: «نوبتِ صف» یک تختهٔ تمام‌رنگِ `--primary` بود و
       «اعلان» یک `btn btn-dark`ِ بوت‌استرپ — یعنی سرمه‌ای کنارِ سیاه، و آن سیاه اصلاً از
       پالتِ سایت نبود و در تمِ تیره هم عوض نمی‌شد. حالا هر دو از یک قاعده می‌آیند.

       انتخابِ رنگ: دکمه رویِ لبهٔ صفحه می‌نشیند و همیشه دیده می‌شود، پس در حالتِ عادی
       «سطح»ِ سایت است (زمینهٔ `--surface`، قابِ `--border`) و رنگِ سرمه‌ایِ سایت فقط در
       نشانه و متن می‌آید؛ رویِ اشاره‌گر کاملاً پُر می‌شود. همه از توکن‌هایِ تم می‌خوانند، پس
       در روشن/تیره خودبه‌خود درست است.

       z-index: دکمه باید رویِ پنلِ بازِ خودش بماند، وگرنه کلیکِ دوم (بستن) به پنل می‌خورد نه
       به دکمه و کشو باز می‌مانَد. پیش‌تر دکمه‌ها `1081` داشتند و پنل‌ها `1080` — همین رابطه،
       ولی در بافتِ چیدمانِ ریشه. حالا که ریل خودش یک بافتِ چیدمان است، رابطه باید **داخلِ**
       آن دوباره برقرار شود. */
    .edge-rail[b-gulbqbhcvo]  .edge-rail-tab {
        position: relative;
        z-index: 1082;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 12px 9px;
        cursor: pointer;
        /* لبهٔ چپ به کنارهٔ پنجره می‌چسبد، پس نه قاب دارد نه گردی */
        border: 1px solid var(--border);
        border-left: 0;
        border-radius: 0 12px 12px 0;
        background: var(--surface);
        color: var(--primary);
        box-shadow: 2px 2px 10px color-mix(in srgb, var(--text) 14%, transparent);
        transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    .edge-rail[b-gulbqbhcvo]  .edge-rail-tab:hover {
        background: var(--primary);
        border-color: var(--primary);
        color: var(--primary-contrast);
    }

@media (prefers-reduced-motion: reduce) {
    .edge-rail[b-gulbqbhcvo]  .edge-rail-tab { transition: none; }
}

#blazor-error-ui[b-gulbqbhcvo] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gulbqbhcvo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────────────────────
   نوارِ کناری.

   دو تصمیمِ ساختاری که بقیهٔ فایل رویشان بنا شده:

   ۱) آیکن‌ها فونت‌اند، نه تصویرِ پس‌زمینه. پیش‌تر هر آیکن یک کلاسِ `.bi-*-nav-menu` با یک SVGِ
      سفیدِ base64 در همین فایل بود (~۲۰۰ خط برایِ ۴۱ آیکن). چون رنگِ SVG داخلش «سفید» پخته بود،
      تمِ روشن مجبور بود با `filter: brightness(0)` سیاهش کند. حالا از فونتِ Bootstrap Icons
      استفاده می‌شود که با `currentColor` می‌آید: هر آیکنِ دلخواه بدونِ یک خط CSS، و رنگ خودبه‌خود
      با تم می‌آید.

   ۲) اندازه‌ها فشرده‌تر از قبل‌اند (ردیف ۲٫۳۵rem به‌جای ۲٫۸۷rem، کارتِ کاربر ۴۰px به‌جای ۱۷۸px).
      دلیل عددی است: نقشِ «پشتیبانی» ۳۴ آیتم می‌دید و رویِ یک نمایشگرِ معمولی کمتر از ۴۰٪ از
      فهرست بدونِ اسکرول دیده می‌شد.
   ───────────────────────────────────────────────────────────────────────────────────────── */

/* ── دکمهٔ همبرگرِ موبایل ─────────────────────────── */
.navbar-toggler[b-lug781tudj] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    z-index: 1041;
}

.navbar-toggler:checked[b-lug781tudj] {
    background-color: rgba(255, 255, 255, 0.18);
}

/* تمِ روشن: تاگل روی نوارِ روشنِ صفحه است و خطِ سفید دیده نمی‌شود.
   وقتی منو باز است تاگل روی زمینهٔ تیرهٔ کشو می‌نشیند و دوباره روشن می‌شود.
   از ۱۲۰۰ به بالا این دکمه مخفی است؛ این قاعده فقط همان چیدمان را عوض می‌کند. */
@media (max-width: 1199.98px) {
    html[data-bs-theme="light"] .navbar-toggler[b-lug781tudj] {
        border-color: rgba(15, 31, 61, 0.28);
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815, 31, 61, 0.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem #ffffff;
        box-shadow: 0 1px 3px rgba(15, 31, 61, 0.12);
    }

    html[data-bs-theme="light"] .navbar-toggler:checked[b-lug781tudj] {
        border-color: rgba(255, 255, 255, 0.22);
        background-color: rgba(255, 255, 255, 0.14);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        box-shadow: none;
    }
}

/* ── کارتِ کاربر ──────────────────────────────────────
   چیدمان/عکس/حلقه در یک بلوکِ <style> درونِ خودِ NavMenu.razor است، نه این‌جا — تا هیچ‌وقت از
   مارک‌آپ جدا/کهنه نشود. دلیلِ کامل همان‌جا نوشته شده. */

/* ── آیکن‌ها (فونت) ──────────────────────────────── */
.bi[b-lug781tudj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    flex-shrink: 0;
    font-size: 0.95rem;
    line-height: 1;
    opacity: 0.75;
}

.nav-row[b-lug781tudj]  a.active .bi,
.nav-row:hover .bi[b-lug781tudj] {
    opacity: 1;
}

/* ── دکمهٔ جست‌وجو ────────────────────────────────── */
.side-search[b-lug781tudj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: calc(100% - 1.5rem);
    margin: 0.75rem 0.75rem 0.25rem;
    padding: 0 0.7rem;
    height: 2.3rem;
    font-size: 0.8rem;
    color: var(--side-muted);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--side-line);
    border-radius: 9px;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.side-search:hover[b-lug781tudj],
.side-search:focus-visible[b-lug781tudj] {
    background: var(--side-hover);
    border-color: rgba(var(--primary-rgb), 0.5);
    color: var(--side-strong);
}

.side-search-text[b-lug781tudj] {
    flex: 1;
    text-align: right;
}

.side-search-key[b-lug781tudj] {
    font-size: 0.62rem;
    font-family: inherit;
    letter-spacing: 0.04em;
    padding: 0.12rem 0.34rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid var(--side-line);
    color: var(--side-muted);
    direction: ltr;
}

/* ── سنجاق‌شده و اخیر ────────────────────────────── */
.nav-quick[b-lug781tudj] {
    padding-bottom: 0.35rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid var(--side-line);
}

.nav-quick-label[b-lug781tudj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.7rem 1rem 0.3rem;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--side-muted);
}

.nav-quick-label .bi[b-lug781tudj] {
    width: auto;
    font-size: 0.7rem;
    opacity: 0.6;
}

/* ── گروهِ جمع‌شونده ──────────────────────────────── */
.nav-home[b-lug781tudj] {
    margin-top: 0.35rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--side-line);
}

.nav-group[b-lug781tudj] {
    border-bottom: 1px solid transparent;
}

.nav-group.open[b-lug781tudj] {
    background: rgba(0, 0, 0, 0.12);
    border-bottom-color: var(--side-line);
}

.nav-group-head[b-lug781tudj] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0 1rem;
    height: 2.6rem;
    background: none;
    border: none;
    color: var(--side-text);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    text-align: right;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.nav-group-head:hover[b-lug781tudj],
.nav-group-head:focus-visible[b-lug781tudj] {
    background-color: var(--side-hover);
    color: var(--side-strong);
}

.nav-group.open .nav-group-head[b-lug781tudj] {
    color: var(--side-strong);
}

.nav-group-icon[b-lug781tudj] {
    font-size: 1rem;
    opacity: 0.85;
}

.nav-group-title[b-lug781tudj] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* شمارِ آیتم‌هایِ گروه — عددِ ریز و کم‌رنگ، فقط برای آنکه کاربر بداند پشتِ یک گروهِ بسته چقدر
   هست. عمداً فقط وقتی دیده می‌شود که گروه بسته باشد؛ باز که شد، خودِ فهرست جوابِ همان سؤال است. */
.nav-group-count[b-lug781tudj] {
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--side-muted);
    opacity: 0.75;
}

.nav-group.open .nav-group-count[b-lug781tudj] {
    visibility: hidden;
}

.nav-group-chevron[b-lug781tudj] {
    font-size: 0.7rem;
    opacity: 0.5;
    transition: transform 0.2s ease;
}

.nav-group.open .nav-group-chevron[b-lug781tudj] {
    transform: rotate(180deg);
}

.nav-group-body[b-lug781tudj] {
    padding-bottom: 0.4rem;
    animation: nav-group-in-b-lug781tudj 0.16s ease-out;
}

@keyframes nav-group-in-b-lug781tudj {
    from { opacity: 0; transform: translateY(-3px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .nav-group-body[b-lug781tudj] { animation: none; }
    .nav-group-chevron[b-lug781tudj] { transition: none; }
}

/* زیرعنوانِ درونِ گروه (مثلاً «کارِ من» زیرِ شیفت) */
.nav-subsection[b-lug781tudj] {
    padding: 0.55rem 1rem 0.2rem 1rem;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--side-muted);
    opacity: 0.85;
}

/* ── ردیفِ آیتم ───────────────────────────────────── */
.nav-row[b-lug781tudj] {
    display: flex;
    align-items: center;
    font-size: 0.84rem;
    padding-left: 0.4rem;
}

.nav-row[b-lug781tudj]  .nav-link {
    flex: 1;
    min-width: 0;
    color: var(--side-text);
    background: none;
    border: none;
    border-right: 3px solid transparent;
    border-radius: 0 9px 9px 0;
    height: 2.65rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1;
    padding: 0 1rem 0 0.5rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

/* rgba(var(--primary-rgb)) و نه color-mix(): color-mix در مرورگرهایِ پیش از Chrome 111 کلِ
   اعلان را بی‌اعتبار می‌کند و آن‌وقت آیتمِ فعال هیچ نشانه‌ای ندارد. --primary-rgb در app.css
   برایِ هر دو تم تعریف شده است. */
.nav-row[b-lug781tudj]  a.active {
    background-color: rgba(var(--primary-rgb), 0.2);
    color: var(--side-strong);
    border-right-color: var(--primary);
    font-weight: 500;
}

.nav-row[b-lug781tudj]  .nav-link:hover {
    background-color: var(--side-hover);
    color: var(--side-strong);
}

.nav-text[b-lug781tudj] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── دکمهٔ سنجاق ──────────────────────────────────── */
.pin-btn[b-lug781tudj] {
    flex-shrink: 0;
    width: 1.7rem;
    height: 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--side-muted);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.pin-btn .bi[b-lug781tudj] {
    width: auto;
    font-size: 0.78rem;
    opacity: 1;
}

.nav-row:hover .pin-btn[b-lug781tudj],
.pin-btn:focus-visible[b-lug781tudj] {
    opacity: 1;
}

/* سنجاقِ فعال همیشه دیده می‌شود، حتی بدونِ hover — وگرنه کاربر نمی‌فهمد کدام آیتم سنجاق است. */
.pin-btn.pinned[b-lug781tudj] {
    opacity: 1;
    color: var(--primary);
}

.pin-btn:hover[b-lug781tudj] {
    background-color: var(--side-hover);
    color: var(--side-strong);
}

/* ── ناحیهٔ پیمایش ────────────────────────────────── */
.nav-scrollable[b-lug781tudj] {
    display: none;
    flex-direction: column;
    /* موبایل: منو باید از زیرِ دکمهٔ همبرگرِ absolute شروع شود. */
    padding-top: 3.75rem;
}

.nav-backdrop[b-lug781tudj] {
    display: none;
}

.navbar-toggler:checked ~ .nav-backdrop[b-lug781tudj] {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1030;
    background: rgba(15, 23, 42, 0.46);
    cursor: pointer;
}

.navbar-toggler:checked ~ .nav-scrollable[b-lug781tudj] {
    display: flex;
    position: fixed;
    z-index: 1040;
    inset-inline-start: 0;
    top: 0;
    width: min(20rem, calc(100vw - 2.5rem));
    height: 100dvh;
    min-height: 0;
    background: var(--side-bg);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);
}

.nav-scroll-body[b-lug781tudj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* موبایل: نامِ برند درست زیرِ تاگل، نه ته فهرستِ بلند. */
@media (max-width: 767.98px) {
    .navbar-toggler:checked ~ .nav-scrollable[b-lug781tudj]  .side-brand {
        order: -1;
        border-top: none;
        border-bottom: 1px solid var(--side-line, rgba(255, 255, 255, 0.08));
    }
}

@media (min-width: 1200px) {
    .navbar-toggler[b-lug781tudj],
    .nav-backdrop[b-lug781tudj],
    .navbar-toggler:checked ~ .nav-backdrop[b-lug781tudj] {
        display: none;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-lug781tudj],
    .nav-scrollable[b-lug781tudj] {
        display: flex;
        position: static;
        width: auto;
        padding-top: 0;
        height: 100vh;
        min-height: 0;
        overflow: hidden;
        background: transparent;
        box-shadow: none;
    }

    .nav-scroll-body[b-lug781tudj] {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
    }
}

/* ══════════════════════════════════════════════════════════
   حالتِ جمع‌شده (۶۴px) — فقط آیکن
   ══════════════════════════════════════════════════════════
   چرا فقط آیکنِ **گروه‌ها** و نه تک‌تکِ آیتم‌ها: ۳۱ آیکنِ پشتِ‌سرِ هم بی‌متن از هم قابلِ تشخیص
   نیست. ۸ آیکنِ گروه هست، و کلیک روی هرکدام نوار را باز می‌کند و همان گروه را هم. سنجاق‌های
   کاربر استثنا هستند: خودش انتخابشان کرده، پس آیکنشان برایش معنا دارد. */

/* ⚠️ چرا آواتار ::deep می‌خواهد و دکمهٔ کنارش نه (رفعِ ۲۰۲۶-۰۹-۰۱):
   `.side-mini-btn` یک <button>ِ واقعی در همین فایل است، پس نشانِ scope (`b-…`) می‌گیرد؛ ولی
   `.side-mini-avatar` یک <NavLink> است و <a>یی که آن کامپوننت می‌سازد آن نشان را نمی‌گیرد،
   پس قاعدهٔ بی‌::deep هرگز به آن نمی‌رسید. نتیجه: آواتار نه display:flex می‌گرفت نه
   margin:auto، و به‌عنوانِ یک <a>ی inline در چیدمانِ راست‌به‌چپ می‌چسبید به لبهٔ راستِ ریل
   به‌جای وسط. (عکس گرد و ۳۲px دیده می‌شد چون `.side-mini-avatar img` رویِ <img>ِ واقعیِ همین
   فایل می‌نشیند — برای همین ظاهرش سالم بود و فقط جایش غلط.) هر لینکِ دیگرِ این فایل هم با
   ::deep استایل می‌شود؛ همین یکی جا مانده بود. */
.nav-scrollable[b-lug781tudj]  .side-mini-avatar,
.nav-scrollable[b-lug781tudj]  .side-mini-link,
.side-mini-btn[b-lug781tudj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0.25rem auto;
    padding: 0;
    background: none;
    border: none;
    border-radius: 10px;
    color: var(--side-text);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.side-mini-avatar img[b-lug781tudj] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.nav-scrollable[b-lug781tudj]  .side-mini-avatar,
.nav-scrollable[b-lug781tudj]  .side-mini-link {
    margin-top: 0.6rem;
    text-decoration: none;
}

.side-mini-btn .bi[b-lug781tudj],
.side-mini-avatar .bi[b-lug781tudj],
.side-mini-link .bi[b-lug781tudj] {
    width: auto;
    font-size: 1.05rem;
    opacity: 0.85;
}

.nav-scrollable[b-lug781tudj]  .side-mini-avatar:hover,
.nav-scrollable[b-lug781tudj]  .side-mini-link:hover,
.nav-scrollable[b-lug781tudj]  a.side-mini-link.active,
.side-mini-btn:hover[b-lug781tudj],
.side-mini-btn:focus-visible[b-lug781tudj] {
    background-color: var(--side-hover);
    color: var(--side-strong);
}

.nav-scrollable[b-lug781tudj]  a.side-mini-link.active {
    background-color: rgba(var(--primary-rgb), 0.22);
}

/* گروهی که کاربر همین حالا داخلش است — تنها نشانهٔ «کجا هستم» در حالتِ جمع‌شده. */
.side-mini-btn.current[b-lug781tudj] {
    background-color: rgba(var(--primary-rgb), 0.22);
    color: var(--side-strong);
}

.side-mini-btn.current .bi[b-lug781tudj] {
    opacity: 1;
}

.side-mini-sep[b-lug781tudj] {
    height: 1px;
    margin: 0.4rem 0.85rem;
    background: var(--side-line);
}

/* ردیفِ سنجاق‌شده در حالتِ جمع‌شده: بی‌متن، بی‌دکمهٔ سنجاق، وسط‌چین. */
.nav-row-mini[b-lug781tudj] {
    padding-left: 0;
    justify-content: center;
}

.nav-row-mini[b-lug781tudj]  .nav-link {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0.1rem auto;
    border-right: none;
    border-radius: 10px;
}

.nav-row-mini[b-lug781tudj]  a.active {
    border-right-color: transparent;
}
/* /Components/Layout/PageFinder.razor.rz.scp.css */
.palette-backdrop[b-aivx7369xk] {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 12vh 1rem 1rem;
    background: rgba(2, 6, 23, 0.45);
    backdrop-filter: blur(2px);
    animation: palette-fade-b-aivx7369xk 0.12s ease-out;
}

.palette[b-aivx7369xk] {
    width: min(620px, 100%);
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.3);
    animation: palette-in-b-aivx7369xk 0.14s ease-out;
}

@keyframes palette-fade-b-aivx7369xk {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes palette-in-b-aivx7369xk {
    from { opacity: 0; transform: translateY(-8px) scale(0.99); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .palette-backdrop[b-aivx7369xk],
    .palette[b-aivx7369xk] { animation: none; }
}

.palette-input-row[b-aivx7369xk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--border);
}

.palette-search-icon[b-aivx7369xk] {
    font-size: 1rem;
    color: var(--text-muted);
    flex-shrink: 0;
}

.palette-input[b-aivx7369xk] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text);
    font-size: 1rem;
    font-family: inherit;
}

.palette-input[b-aivx7369xk]::placeholder {
    color: var(--text-muted);
    opacity: 0.8;
}

.palette-close[b-aivx7369xk] {
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}

.palette-close:hover[b-aivx7369xk] {
    background: var(--muted-bg);
    color: var(--text);
}

.palette-results[b-aivx7369xk] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0.4rem;
    scrollbar-width: thin;
}

.palette-hint-label[b-aivx7369xk] {
    padding: 0.45rem 0.7rem 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}

.palette-item[b-aivx7369xk] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.5rem 0.7rem;
    border: none;
    border-inline-start: 2px solid transparent;
    padding-inline-start: calc(0.7rem - 2px);
    border-radius: 9px;
    background: transparent;
    color: var(--text);
    text-align: right;
    cursor: pointer;
}

.palette-item.selected[b-aivx7369xk] {
    background: rgba(var(--primary-rgb), 0.14);
    border-inline-start-color: var(--primary);
}

.palette-item-icon[b-aivx7369xk] {
    font-size: 1rem;
    color: var(--primary);
    flex-shrink: 0;
    opacity: 0.9;
}

.palette-item-text[b-aivx7369xk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.palette-item-title[b-aivx7369xk] {
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.palette-item-group[b-aivx7369xk] {
    font-size: 0.68rem;
    color: var(--text-muted);
}

.palette-empty[b-aivx7369xk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.palette-footer[b-aivx7369xk] {
    display: flex;
    gap: 1.1rem;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
    font-size: 0.7rem;
    color: var(--text-muted);
}

.palette-footer kbd[b-aivx7369xk] {
    font-family: inherit;
    font-size: 0.65rem;
    padding: 0.08rem 0.32rem;
    margin-inline-end: 0.2rem;
    border-radius: 4px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-muted);
}
/* /Components/Layout/RecentPagesMenu.razor.rz.scp.css */
.recent-pages[b-m1m65unv13] {
    position: relative;
    display: inline-flex;
}

.recent-pages-scrim[b-m1m65unv13] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.recent-pages-pop[b-m1m65unv13] {
    position: absolute;
    z-index: 1041;
    top: calc(100% + 0.4rem);
    inset-inline-end: 0;
    min-width: 15rem;
    max-width: calc(100vw - 1.5rem);
    padding: 0.35rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 11px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.recent-pages-label[b-m1m65unv13] {
    padding: 0.35rem 0.65rem 0.25rem;
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-muted);
}

.recent-pages-empty[b-m1m65unv13] {
    padding: 0.7rem 0.65rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.recent-pages-item[b-m1m65unv13] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.45rem 0.65rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    text-align: right;
    cursor: pointer;
}

.recent-pages-item:hover[b-m1m65unv13] {
    background: var(--muted-bg);
}

.recent-pages-item .bi[b-m1m65unv13] {
    color: var(--primary);
    font-size: 0.95rem;
}

.recent-pages-item span:last-child[b-m1m65unv13] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.recent-pages-title[b-m1m65unv13] {
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent-pages-group[b-m1m65unv13] {
    font-size: 0.65rem;
    color: var(--text-muted);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-lrik8tmotj],
.components-reconnect-repeated-attempt-visible[b-lrik8tmotj],
.components-reconnect-failed-visible[b-lrik8tmotj],
.components-pause-visible[b-lrik8tmotj],
.components-resume-failed-visible[b-lrik8tmotj],
.components-rejoining-animation[b-lrik8tmotj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-retrying[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-failed[b-lrik8tmotj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-lrik8tmotj] {
    display: block;
}


#components-reconnect-modal[b-lrik8tmotj] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-lrik8tmotj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-lrik8tmotj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-lrik8tmotj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-lrik8tmotj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-lrik8tmotj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-lrik8tmotj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-lrik8tmotj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-lrik8tmotj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-lrik8tmotj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-lrik8tmotj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-lrik8tmotj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-lrik8tmotj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-lrik8tmotj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-lrik8tmotj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-lrik8tmotj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-lrik8tmotj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-lrik8tmotj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-lrik8tmotj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-inj28iqgg4] {
    position: relative;
    display: inline-flex;
}

.user-menu-trigger[b-inj28iqgg4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.2rem 0.5rem 0.2rem 0.35rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--text);
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.user-menu-trigger:hover[b-inj28iqgg4],
.user-menu-trigger.open[b-inj28iqgg4] {
    background: var(--muted-bg);
    border-color: var(--border);
}

.user-menu-avatar[b-inj28iqgg4] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.user-menu-avatar-fallback[b-inj28iqgg4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--muted-bg);
    color: var(--text-muted);
    font-size: 0.85rem;
}

.user-menu-name[b-inj28iqgg4] {
    max-width: 11rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-menu-chevron[b-inj28iqgg4] {
    font-size: 0.62rem;
    color: var(--text-muted);
}

/* ── پاپ‌آپ ───────────────────────────────────────── */
.user-menu-scrim[b-inj28iqgg4] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.user-menu-pop[b-inj28iqgg4] {
    position: absolute;
    z-index: 1041;
    top: calc(100% + 0.4rem);
    /* ⚠️ inset-inline-end در چیدمانِ راست‌به‌چپ یعنی سمتِ **چپ** — پس لبهٔ چپِ پاپ‌آپ روی لبهٔ
       چپِ دکمه می‌نشیند و منو به سمتِ راست (به درونِ صفحه) باز می‌شود. اگر برعکسش
       (inset-inline-start) باشد، چون منویِ کاربر چپ‌ترین عنصرِ نوارِ بالاست، پاپ‌آپ از لبهٔ چپِ
       پنجره بیرون می‌زند و صفحه به چپ کشیده می‌شود. */
    inset-inline-end: 0;
    min-width: 13rem;
    max-width: calc(100vw - 1.5rem);
    padding: 0.35rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 11px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    animation: user-menu-in-b-inj28iqgg4 0.12s ease-out;
}

@keyframes user-menu-in-b-inj28iqgg4 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .user-menu-pop[b-inj28iqgg4] { animation: none; }
}

.user-menu-head[b-inj28iqgg4] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.5rem 0.65rem 0.6rem;
    border-bottom: 1px solid var(--border);
    margin-bottom: 0.3rem;
}

.user-menu-head-name[b-inj28iqgg4] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text);
}

.user-menu-head-role[b-inj28iqgg4],
.user-menu-head-ext[b-inj28iqgg4] {
    font-size: 0.68rem;
    color: var(--text-muted);
}

/* margin: 0 عمدی است: قاعدهٔ `.top-row ::deep a` در MainLayout به همهٔ لینک‌هایِ نوارِ بالا
   حاشیهٔ ۱٫۵rem می‌دهد و ردیف‌هایِ این منو هم فرزندِ همان نوارند. */
.user-menu-item[b-inj28iqgg4] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.45rem 0.65rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font-size: 0.82rem;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.user-menu-item:hover[b-inj28iqgg4] {
    background: var(--muted-bg);
    color: var(--text);
}

.user-menu-item .bi[b-inj28iqgg4] {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.user-menu-sep[b-inj28iqgg4] {
    height: 1px;
    margin: 0.3rem 0.2rem;
    background: var(--border);
}

.user-menu-logout[b-inj28iqgg4] {
    color: var(--danger-text);
}

.user-menu-logout:hover[b-inj28iqgg4] {
    background: rgba(220, 38, 38, 0.1);
    color: var(--danger-text);
}

.user-menu-logout .bi[b-inj28iqgg4] {
    color: var(--danger-text);
}
/* /Components/Pages/AccountingDocumentPrint.razor.rz.scp.css */
.invoice-toolbar[b-qr7ekqv2xd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.invoice-toolbar-actions[b-qr7ekqv2xd],
.invoice-toolbar-nav[b-qr7ekqv2xd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.7rem;
    align-items: center;
}

.invoice-toolbar-nav a[b-qr7ekqv2xd] {
    color: var(--text-muted, #64748b);
    text-decoration: none;
    font-size: 0.85rem;
}

.invoice-sheet[b-qr7ekqv2xd] {
    width: 210mm;
    max-width: 100%;
    margin: 0 auto 1.5rem;
    background: #fff;
    color: #111;
    border: 1px solid #bbb;
    padding: 12mm 12mm 10mm;
    font-size: 14px;
    line-height: 1.5;
    color-scheme: light;
    box-sizing: border-box;
}

.acc-doc-a5[b-qr7ekqv2xd] {
    width: 148mm;
    padding: 8mm 8mm 7mm;
    font-size: 12px;
}

.invoice-head[b-qr7ekqv2xd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 2px solid #222;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.invoice-brand[b-qr7ekqv2xd] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 4px;
    line-height: 1.35;
}

.acc-doc-a5 .invoice-brand[b-qr7ekqv2xd] { font-size: 16px; }

.invoice-sub[b-qr7ekqv2xd] { font-size: 13px; color: #333; }

.invoice-stamp[b-qr7ekqv2xd] {
    text-align: left;
    font-size: 13px;
    flex: 0 0 auto;
    min-width: 32mm;
    line-height: 1.55;
}

.invoice-stamp-title[b-qr7ekqv2xd] { font-weight: 700; font-size: 16px; }
.acc-doc-a5 .invoice-stamp-title[b-qr7ekqv2xd] { font-size: 14px; }

.invoice-meta[b-qr7ekqv2xd] { margin: 0 0 10px; font-size: 13px; }
.invoice-meta .sep[b-qr7ekqv2xd] { color: #999; padding: 0 4px; }
.acc-doc-a5 .invoice-meta[b-qr7ekqv2xd] { font-size: 12px; }

.invoice-table[b-qr7ekqv2xd] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

.acc-doc-compact-table[b-qr7ekqv2xd] { font-size: 12px; }

.invoice-table th[b-qr7ekqv2xd],
.invoice-table td[b-qr7ekqv2xd] {
    border: 1px solid #444;
    padding: 6px 8px;
    vertical-align: middle;
}

.acc-doc-a5 .invoice-table th[b-qr7ekqv2xd],
.acc-doc-a5 .invoice-table td[b-qr7ekqv2xd] {
    padding: 5px 6px;
}

.invoice-table th[b-qr7ekqv2xd] {
    background: #eee;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.invoice-table col.col-code[b-qr7ekqv2xd] { width: 16mm; }
.invoice-table col.col-tafsili[b-qr7ekqv2xd] { width: 34mm; }
.invoice-table col.col-desc[b-qr7ekqv2xd] { width: 32mm; }
.invoice-table col.col-amt[b-qr7ekqv2xd] { width: 28mm; }
.invoice-table col.col-side[b-qr7ekqv2xd] { width: 22mm; }

.acc-doc-a5 .invoice-table col.col-amt[b-qr7ekqv2xd] { width: 26mm; }
.acc-doc-a5 .invoice-table col.col-side[b-qr7ekqv2xd] { width: 18mm; }

.invoice-table td.col-code[b-qr7ekqv2xd] {
    text-align: center;
    font-variant-numeric: tabular-nums;
    unicode-bidi: isolate;
    white-space: nowrap;
}

.invoice-table td.col-title[b-qr7ekqv2xd] {
    text-align: right;
    overflow-wrap: anywhere;
}

.invoice-table td.col-amt[b-qr7ekqv2xd],
.invoice-table tfoot td.col-amt[b-qr7ekqv2xd] {
    text-align: left;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.invoice-table td.col-side[b-qr7ekqv2xd] {
    text-align: center;
    white-space: nowrap;
}

.invoice-table tfoot td[b-qr7ekqv2xd] {
    background: #eee;
    font-weight: 700;
}

.invoice-table tfoot td.col-label[b-qr7ekqv2xd] {
    text-align: right;
}

.acc-doc-article[b-qr7ekqv2xd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.4em;
}

.acc-doc-code[b-qr7ekqv2xd] {
    font-variant-numeric: tabular-nums;
    unicode-bidi: isolate;
    font-weight: 700;
}

.acc-doc-tafsili[b-qr7ekqv2xd] {
    display: block;
    color: #555;
    font-size: 11px;
    margin-top: 2px;
}

.acc-doc-signs[b-qr7ekqv2xd] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.acc-doc-signs > div[b-qr7ekqv2xd] {
    flex: 1;
    border: 1px dashed #888;
    min-height: 28mm;
    text-align: center;
    padding-top: 18mm;
    font-size: 12px;
    color: #333;
}

.acc-doc-signs-one > div[b-qr7ekqv2xd] { min-height: 22mm; padding-top: 14mm; }

.acc-doc-receipt-amount[b-qr7ekqv2xd] {
    text-align: center;
    font-size: 15px;
    margin: 8px 0 12px;
    padding: 8px;
    border: 1px solid #222;
}

.acc-doc-receipt-amount strong[b-qr7ekqv2xd] {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    min-width: 8em;
}

@media print {
    .invoice-sheet[b-qr7ekqv2xd] {
        border: none;
        margin: 0;
        width: 100%;
        max-width: none;
    }
}
/* /Components/Pages/Guide.razor.rz.scp.css */
.guide[b-qh1tynhzbx] {
    max-width: 1080px;
    margin: 0 auto 2.5rem;
}

.guide-hero[b-qh1tynhzbx],
.guide-doc-head[b-qh1tynhzbx] {
    padding: 1.4rem 1.5rem 1.25rem;
    border-radius: 22px;
    background:
        radial-gradient(1200px 220px at 100% 0%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 55%),
        var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.guide-kicker[b-qh1tynhzbx] {
    margin: 0 0 0.35rem;
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.guide h1[b-qh1tynhzbx] {
    margin: 0 0 0.45rem;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: 0;
}

.guide-hero p[b-qh1tynhzbx],
.guide-doc-head p[b-qh1tynhzbx] {
    margin: 0;
    max-width: 46rem;
    line-height: 1.9;
    color: var(--text-muted, #64748b);
}

.guide-search[b-qh1tynhzbx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.55rem 0.8rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--bg, #f8fafc);
    max-width: 28rem;
}

.guide-search input[b-qh1tynhzbx] {
    flex: 1;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    outline: none;
}

.guide-btn[b-qh1tynhzbx] {
    display: inline-flex;
    margin-top: 0.9rem;
    padding: 0.45rem 0.9rem;
    border-radius: 10px;
    background: var(--primary);
    color: var(--primary-contrast, #fff);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.86rem;
}

.guide-muted[b-qh1tynhzbx],
.guide-empty[b-qh1tynhzbx] {
    color: var(--text-muted, #64748b);
    line-height: 1.8;
}

.guide-paths[b-qh1tynhzbx],
.guide-group[b-qh1tynhzbx],
.guide-block[b-qh1tynhzbx] {
    margin-top: 1.4rem;
}

.guide h2[b-qh1tynhzbx] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.guide-path-grid[b-qh1tynhzbx],
.guide-cards[b-qh1tynhzbx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
    gap: 0.75rem;
}

.guide-path[b-qh1tynhzbx],
.guide-card[b-qh1tynhzbx] {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
    padding: 0.9rem 1rem;
}

.guide-path h3[b-qh1tynhzbx] {
    margin: 0 0 0.3rem;
    font-size: 0.95rem;
}

.guide-path p[b-qh1tynhzbx] {
    margin: 0 0 0.55rem;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
    line-height: 1.7;
}

.guide-path ol[b-qh1tynhzbx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.guide-path a[b-qh1tynhzbx] {
    display: flex;
    gap: 0.45rem;
    align-items: baseline;
    text-decoration: none;
    color: var(--text);
    font-size: 0.86rem;
    font-weight: 700;
}

.guide-path em[b-qh1tynhzbx],
.guide-steps em[b-qh1tynhzbx] {
    font-style: normal;
    font-variant-numeric: tabular-nums;
    color: var(--primary);
    font-weight: 800;
}

.guide-card[b-qh1tynhzbx] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    text-decoration: none;
    color: inherit;
    min-height: 9.5rem;
}

.guide-card:hover[b-qh1tynhzbx] {
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
}

.guide-card .bi[b-qh1tynhzbx] {
    color: var(--primary);
    font-size: 1.15rem;
}

.guide-card strong[b-qh1tynhzbx] {
    font-size: 0.98rem;
}

.guide-card em[b-qh1tynhzbx] {
    font-style: normal;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.guide-card small[b-qh1tynhzbx] {
    margin-top: auto;
    color: var(--primary);
    font-weight: 700;
}

.guide-back[b-qh1tynhzbx] {
    display: inline-block;
    margin-bottom: 0.7rem;
    font-weight: 700;
    font-size: 0.84rem;
}

.guide-doc-grid[b-qh1tynhzbx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14rem;
    gap: 1.25rem;
    align-items: start;
    margin-top: 1rem;
}

.guide-needs[b-qh1tynhzbx],
.guide-steps[b-qh1tynhzbx],
.guide-notes[b-qh1tynhzbx] {
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
}

.guide-needs li[b-qh1tynhzbx],
.guide-steps li[b-qh1tynhzbx] {
    padding: 0.85rem 0;
    border-top: 1px solid var(--border);
}

.guide-needs strong[b-qh1tynhzbx],
.guide-steps strong[b-qh1tynhzbx] {
    display: block;
    margin-bottom: 0.2rem;
}

.guide-needs p[b-qh1tynhzbx],
.guide-steps p[b-qh1tynhzbx] {
    margin: 0;
    line-height: 1.85;
    color: var(--text);
}

.guide-needs a[b-qh1tynhzbx],
.guide-foreign[b-qh1tynhzbx] {
    display: inline-block;
    margin-top: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.guide-foreign[b-qh1tynhzbx] {
    color: var(--text-muted, #64748b);
    font-weight: 600;
}

.guide-steps li[b-qh1tynhzbx] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.35rem;
}

.guide-steps em[b-qh1tynhzbx] {
    font-size: 1.05rem;
    padding-top: 0.1rem;
}

.guide-task[b-qh1tynhzbx] {
    padding: 1.1rem 1.2rem 0.4rem;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.guide-task-head[b-qh1tynhzbx] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.8rem;
}

.guide-task-head > .bi[b-qh1tynhzbx] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--primary) 13%, transparent);
    color: var(--primary);
    font-size: 1.15rem;
}

.guide-task-head > div[b-qh1tynhzbx] {
    flex: 1;
    min-width: 12rem;
}

.guide-task-head p[b-qh1tynhzbx] {
    margin: 0;
    color: var(--text-muted, #64748b);
    line-height: 1.85;
}

.guide-task-head .guide-btn[b-qh1tynhzbx] {
    margin-top: 0;
}

.guide-task-needs[b-qh1tynhzbx] {
    margin-top: 0.9rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--warning) 11%, transparent);
    line-height: 1.9;
}

.guide-task-needs ul[b-qh1tynhzbx] {
    margin: 0.3rem 0;
    padding-right: 1.2rem;
}

.guide-do[b-qh1tynhzbx],
.guide-dont[b-qh1tynhzbx],
.guide-outcome[b-qh1tynhzbx] {
    margin-top: 0.45rem !important;
    padding: 0.45rem 0.7rem;
    border-radius: 10px;
}

.guide-do[b-qh1tynhzbx] {
    background: color-mix(in srgb, var(--success) 11%, transparent);
}

.guide-do .bi[b-qh1tynhzbx] {
    color: var(--success);
}

.guide-dont[b-qh1tynhzbx] {
    background: color-mix(in srgb, var(--danger) 10%, transparent);
}

.guide-dont .bi[b-qh1tynhzbx] {
    color: var(--danger);
}

.guide-outcome[b-qh1tynhzbx] {
    margin: 0.4rem 0 0.9rem !important;
    background: color-mix(in srgb, var(--primary) 9%, transparent);
    line-height: 1.9;
}

.guide-outcome .bi[b-qh1tynhzbx] {
    color: var(--primary);
}

.guide-notes li[b-qh1tynhzbx] {
    padding: 0.45rem 0;
    border-top: 1px solid var(--border);
    line-height: 1.8;
}

.guide-toc[b-qh1tynhzbx] {
    position: sticky;
    top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.guide-toc h3[b-qh1tynhzbx] {
    margin: 0.45rem 0 0;
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
}

.guide-toc a[b-qh1tynhzbx] {
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text);
}

@media (max-width: 800px) {
    .guide-doc-grid[b-qh1tynhzbx] {
        grid-template-columns: 1fr;
    }

    .guide-toc[b-qh1tynhzbx] {
        position: static;
        order: -1;
    }
}
/* /Components/Pages/Hall.razor.rz.scp.css */
.hall[b-hwruqko7bc] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: clamp(1rem, 2.4vh, 2rem) clamp(1.2rem, 3vw, 3rem) clamp(1.4rem, 3vh, 2.4rem);
    box-sizing: border-box;
    color: #f8fafc;
}

.hall-top[b-hwruqko7bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid rgba(248, 250, 252, 0.1);
}

.hall-brand[b-hwruqko7bc] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.hall-mark[b-hwruqko7bc] {
    width: 2.7rem;
    height: 2.7rem;
    flex: none;
    border-radius: 0.75rem;
    background: linear-gradient(160deg, #60a5fa, #1d4ed8);
    position: relative;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}

.hall-mark[b-hwruqko7bc]::before,
.hall-mark[b-hwruqko7bc]::after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 2px;
}

.hall-mark[b-hwruqko7bc]::before {
    width: 46%;
    height: 14%;
    left: 27%;
    top: 43%;
}

.hall-mark[b-hwruqko7bc]::after {
    width: 14%;
    height: 46%;
    left: 43%;
    top: 27%;
}

.hall-kicker[b-hwruqko7bc] {
    color: #93c5fd;
    font-size: 0.95rem;
    letter-spacing: 0;
}

.hall-title[b-hwruqko7bc] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.6rem);
    font-weight: 800;
    line-height: 1.25;
}

.hall-sub[b-hwruqko7bc] {
    margin: 0.15rem 0 0;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.6vw, 1.35rem);
}

.hall-clock[b-hwruqko7bc] {
    text-align: left;
    font-weight: 800;
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.hall-clock small[b-hwruqko7bc] {
    display: block;
    margin-top: 0.35rem;
    color: #94a3b8;
    font-size: 0.95rem;
    font-weight: 500;
}

.hall-back[b-hwruqko7bc] {
    appearance: none;
    border: 1px solid rgba(248, 250, 252, 0.18);
    background: rgba(248, 250, 252, 0.06);
    color: #e2e8f0;
    border-radius: 999px;
    padding: 0.55rem 1rem;
    font: inherit;
    font-size: 1rem;
    cursor: pointer;
}

.hall-back:hover[b-hwruqko7bc],
.hall-back:focus-visible[b-hwruqko7bc] {
    background: rgba(248, 250, 252, 0.12);
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
}

.hall-state[b-hwruqko7bc] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    color: #cbd5e1;
    padding: 2rem;
}

.hall-lead[b-hwruqko7bc] {
    margin: 1.2rem 0 0.4rem;
    color: #cbd5e1;
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
}

.hall-dept[b-hwruqko7bc] {
    margin-top: 1.4rem;
}

.hall-dept h2[b-hwruqko7bc] {
    margin: 0 0 0.8rem;
    font-size: clamp(1.2rem, 2vw, 1.6rem);
    font-weight: 700;
    color: #e2e8f0;
}

.hall-grid[b-hwruqko7bc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.9rem;
}

.hall-card[b-hwruqko7bc] {
    appearance: none;
    text-align: right;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border: 1px solid rgba(248, 250, 252, 0.1);
    background: rgba(15, 23, 42, 0.55);
    border-radius: 1rem;
    padding: 1.15rem 1.2rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-height: 7.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.hall-card:hover[b-hwruqko7bc],
.hall-card:focus-visible[b-hwruqko7bc] {
    border-color: rgba(147, 197, 253, 0.7);
    background: rgba(30, 58, 138, 0.35);
    outline: none;
}

.hall-card-name[b-hwruqko7bc] {
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 800;
    line-height: 1.35;
}

.hall-card-meta[b-hwruqko7bc] {
    color: #94a3b8;
    font-size: 1rem;
}

.hall-card-room[b-hwruqko7bc] {
    margin-top: auto;
    color: #f6d58a;
    font-size: 0.95rem;
}

.hall-stage[b-hwruqko7bc] {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(240px, 34%) 1fr;
    gap: clamp(1rem, 2vw, 2rem);
    min-height: 0;
    padding-top: 1.2rem;
}

.hall-now[b-hwruqko7bc],
.hall-solo[b-hwruqko7bc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 50% 30%, rgba(246, 213, 138, 0.16), transparent 58%),
        rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(246, 213, 138, 0.35);
    padding: 1.5rem 1rem;
}

.hall-now.is-waiting[b-hwruqko7bc] {
    border-color: rgba(248, 250, 252, 0.12);
    background: rgba(15, 23, 42, 0.45);
}

.hall-now-label[b-hwruqko7bc] {
    color: #f6d58a;
    font-size: clamp(1.1rem, 1.8vw, 1.5rem);
    font-weight: 700;
}

.hall-now-number[b-hwruqko7bc] {
    font-size: clamp(4.5rem, 12vw, 9rem);
    font-weight: 800;
    line-height: 0.95;
    color: #f6d58a;
    text-shadow: 0 0 36px rgba(246, 213, 138, 0.35);
    font-variant-numeric: tabular-nums;
}

.hall-now.is-waiting .hall-now-wait[b-hwruqko7bc] {
    margin-top: 0.8rem;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    color: #e2e8f0;
}

.hall-solo[b-hwruqko7bc] {
    flex: 1;
    margin-top: 1.2rem;
}

.hall-solo .hall-now-number[b-hwruqko7bc] {
    font-size: clamp(7rem, 24vw, 18rem);
}

.hall-solo-hint[b-hwruqko7bc] {
    margin: 0.6rem 0 0;
    color: #e2e8f0;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
}

.hall-sheet[b-hwruqko7bc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-radius: 1.4rem;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(248, 250, 252, 0.08);
    overflow: hidden;
}

.hall-sheet-head[b-hwruqko7bc] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 1rem 1.2rem 0.7rem;
}

.hall-sheet-head h2[b-hwruqko7bc] {
    margin: 0;
    font-size: clamp(1.2rem, 1.8vw, 1.5rem);
}

.hall-sheet-head span[b-hwruqko7bc] {
    color: #94a3b8;
}

.hall-empty[b-hwruqko7bc] {
    margin: 0;
    padding: 2rem 1.2rem 2.4rem;
    color: #cbd5e1;
    font-size: 1.3rem;
}

.hall-table-wrap[b-hwruqko7bc] {
    overflow: auto;
}

.hall-table[b-hwruqko7bc] {
    width: 100%;
    border-collapse: collapse;
    font-size: clamp(1.2rem, 2vw, 1.85rem);
}

.hall-table th[b-hwruqko7bc] {
    position: sticky;
    top: 0;
    text-align: right;
    font-weight: 600;
    color: #94a3b8;
    background: #121a2b;
    padding: 0.7rem 1.1rem;
    border-bottom: 1px solid rgba(248, 250, 252, 0.1);
}

.hall-table td[b-hwruqko7bc] {
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid rgba(248, 250, 252, 0.06);
}

.hall-num[b-hwruqko7bc] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    width: 7rem;
}

.hall-table tr.is-called[b-hwruqko7bc] {
    background: #f6d58a;
    color: #1c1408;
}

.hall-table tr.is-called td[b-hwruqko7bc] {
    border-bottom-color: transparent;
    font-weight: 800;
}

@media (max-width: 860px) {
    .hall-stage[b-hwruqko7bc] {
        grid-template-columns: 1fr;
    }

    .hall-now-number[b-hwruqko7bc] {
        font-size: clamp(4rem, 22vw, 7rem);
    }
}
/* /Components/Pages/InvoicePrint.razor.rz.scp.css */
.invoice-toolbar[b-ejjxpj65au] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.invoice-toolbar-actions[b-ejjxpj65au],
.invoice-toolbar-nav[b-ejjxpj65au] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.7rem;
    align-items: center;
}

.invoice-toolbar-nav a[b-ejjxpj65au] {
    color: var(--text-muted, #64748b);
    text-decoration: none;
    font-size: 0.85rem;
}

.invoice-sheet[b-ejjxpj65au] {
    width: 210mm;
    max-width: 100%;
    margin: 0 auto 1.5rem;
    background: #fff;
    color: #111;
    border: 1px solid #bbb;
    padding: 12mm 12mm 10mm;
    font-size: 14px;
    line-height: 1.5;
    color-scheme: light;
    box-sizing: border-box;
}

.invoice-head[b-ejjxpj65au] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 2px solid #222;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.invoice-brand[b-ejjxpj65au] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 4px;
}

.invoice-sub[b-ejjxpj65au] {
    font-size: 13px;
    color: #333;
}

.invoice-stamp[b-ejjxpj65au] {
    text-align: left;
    font-size: 13px;
    white-space: nowrap;
}

.invoice-stamp-title[b-ejjxpj65au] {
    font-weight: 700;
    font-size: 16px;
}

.invoice-meta[b-ejjxpj65au] {
    margin: 0 0 12px;
    font-size: 13px;
}

.invoice-meta .sep[b-ejjxpj65au] {
    color: #999;
    padding: 0 4px;
}

.invoice-table[b-ejjxpj65au] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

.invoice-table th[b-ejjxpj65au],
.invoice-table td[b-ejjxpj65au] {
    border: 1px solid #444;
    padding: 6px 8px;
    vertical-align: middle;
}

.invoice-table th[b-ejjxpj65au] {
    background: #eee;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.invoice-table col.col-n[b-ejjxpj65au] { width: 14mm; }
.invoice-table col.col-amt[b-ejjxpj65au] { width: 32mm; }

.invoice-table td:first-child[b-ejjxpj65au] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.invoice-table td.col-title[b-ejjxpj65au] {
    text-align: right;
    overflow-wrap: anywhere;
}

.invoice-table td.col-amt[b-ejjxpj65au] {
    text-align: left;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.invoice-bottom[b-ejjxpj65au] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    align-items: flex-start;
}

.invoice-signs[b-ejjxpj65au] {
    display: flex;
    gap: 10px;
    flex: 1;
}

.invoice-signs > div[b-ejjxpj65au] {
    flex: 1;
    border: 1px dashed #888;
    min-height: 22mm;
    text-align: center;
    padding-top: 14mm;
    font-size: 12px;
    color: #333;
}

.invoice-totals[b-ejjxpj65au] {
    width: 68mm;
    border-collapse: collapse;
    font-size: 13px;
}

.invoice-totals td[b-ejjxpj65au] {
    border: 1px solid #444;
    padding: 4px 8px;
}

.invoice-totals td:last-child[b-ejjxpj65au] {
    text-align: left;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    width: 28mm;
    font-variant-numeric: tabular-nums;
}

.invoice-totals-main td[b-ejjxpj65au] {
    font-weight: 700;
}

.invoice-totals-remain td[b-ejjxpj65au] {
    font-weight: 700;
}
/* /Components/Pages/TradeInvoicePrint.razor.rz.scp.css */
.invoice-toolbar[b-nrt0iu0ik8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.invoice-toolbar-actions[b-nrt0iu0ik8],
.invoice-toolbar-nav[b-nrt0iu0ik8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.7rem;
    align-items: center;
}

.invoice-toolbar-nav a[b-nrt0iu0ik8] {
    color: var(--text-muted, #64748b);
    text-decoration: none;
    font-size: 0.85rem;
}

.invoice-sheet[b-nrt0iu0ik8] {
    width: 210mm;
    max-width: 100%;
    margin: 0 auto 1.5rem;
    background: #fff;
    color: #111;
    border: 1px solid #bbb;
    padding: 12mm 12mm 10mm;
    font-size: 13px;
    line-height: 1.55;
    color-scheme: light;
    box-sizing: border-box;
}

.invoice-head[b-nrt0iu0ik8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 2px solid #222;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.invoice-brand[b-nrt0iu0ik8] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 4px;
}

.invoice-sub[b-nrt0iu0ik8] { font-size: 12px; color: #333; }

.invoice-stamp[b-nrt0iu0ik8] {
    min-width: 48mm;
    border: 1px solid #222;
    padding: 6px 10px;
    text-align: center;
}

.invoice-stamp-title[b-nrt0iu0ik8] { font-weight: 800; font-size: 16px; }
.invoice-stamp-no[b-nrt0iu0ik8] { font-size: 18px; font-weight: 800; letter-spacing: 0.04em; margin-top: 2px; }

.invoice-facts[b-nrt0iu0ik8] {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 10px;
    font-size: 13px;
}

.invoice-facts th[b-nrt0iu0ik8],
.invoice-facts td[b-nrt0iu0ik8] {
    border: 1px solid #444;
    padding: 5px 8px;
    text-align: right;
    vertical-align: top;
}

.invoice-facts th[b-nrt0iu0ik8] {
    width: 28mm;
    background: #f3f3f3;
    color: #111;
    font-weight: 700;
    white-space: nowrap;
}

.invoice-table[b-nrt0iu0ik8] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
}

.invoice-table th[b-nrt0iu0ik8],
.invoice-table td[b-nrt0iu0ik8] {
    border: 1px solid #444;
    padding: 5px 6px;
    vertical-align: middle;
}

.invoice-table th[b-nrt0iu0ik8] {
    background: #eee;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.invoice-table col.col-n[b-nrt0iu0ik8] { width: 12mm; }
.invoice-table col.col-wh[b-nrt0iu0ik8] { width: 28mm; }
.invoice-table col.col-qty[b-nrt0iu0ik8] { width: 16mm; }
.invoice-table col.col-amt[b-nrt0iu0ik8] { width: 24mm; }

.invoice-table td.col-n[b-nrt0iu0ik8],
.invoice-table td.col-qty[b-nrt0iu0ik8] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.invoice-table td.col-title[b-nrt0iu0ik8] {
    text-align: right;
    overflow-wrap: anywhere;
    white-space: normal;
}

.invoice-table td.col-amt[b-nrt0iu0ik8],
.invoice-table tfoot td.col-amt[b-nrt0iu0ik8] {
    text-align: left;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.invoice-table tfoot td[b-nrt0iu0ik8] {
    font-weight: 700;
    background: #f7f7f7;
}

.invoice-bottom[b-nrt0iu0ik8] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    align-items: flex-start;
}

.invoice-side[b-nrt0iu0ik8] { flex: 1; min-width: 0; }

.invoice-side h2[b-nrt0iu0ik8] {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 6px;
}

.invoice-signs[b-nrt0iu0ik8] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.invoice-signs > div[b-nrt0iu0ik8] {
    flex: 1;
    border: 1px dashed #888;
    min-height: 22mm;
    text-align: center;
    padding-top: 14mm;
    font-size: 12px;
    color: #333;
}

.invoice-totals[b-nrt0iu0ik8] {
    width: 72mm;
    border-collapse: collapse;
    font-size: 13px;
}

.invoice-totals td[b-nrt0iu0ik8] {
    border: 1px solid #444;
    padding: 5px 8px;
}

.invoice-totals td:last-child[b-nrt0iu0ik8] {
    text-align: left;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    width: 32mm;
    font-variant-numeric: tabular-nums;
}

.invoice-totals-main td[b-nrt0iu0ik8] { font-weight: 800; background: #f3f3f3; }

.pay-wait[b-nrt0iu0ik8] { font-size: 11px; color: #9a3412; }
/* /Components/Shared/GuideLessonView.razor.rz.scp.css */
.guide-story[b-6l6kwjuvk5],
.guide-block[b-6l6kwjuvk5] {
    margin-top: 1.15rem;
}

.guide-story[b-6l6kwjuvk5] {
    padding: 1.05rem 1.15rem 1.1rem;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 70%),
        var(--surface);
}

.guide-kicker[b-6l6kwjuvk5] {
    margin: 0 0 0.3rem;
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 800;
}

h2[b-6l6kwjuvk5] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.guide-story p[b-6l6kwjuvk5],
.guide-muted[b-6l6kwjuvk5],
.guide-fig-foot[b-6l6kwjuvk5] {
    margin: 0.35rem 0 0;
    line-height: 1.95;
    color: var(--text);
}

.guide-muted[b-6l6kwjuvk5],
.guide-fig-foot[b-6l6kwjuvk5] {
    color: var(--text-muted, #64748b);
}

.guide-fig[b-6l6kwjuvk5],
.guide-flow[b-6l6kwjuvk5] {
    margin: 0.9rem 0 0;
    padding: 0;
}

.guide-fig figcaption[b-6l6kwjuvk5],
.guide-flow figcaption[b-6l6kwjuvk5] {
    margin-bottom: 0.55rem;
    font-weight: 700;
    line-height: 1.8;
}

.guide-screen[b-6l6kwjuvk5] {
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    background: var(--surface);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.guide-screen-bar[b-6l6kwjuvk5] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    background: color-mix(in srgb, var(--primary) 12%, var(--surface-2, #f1f5f9));
    border-bottom: 1px solid var(--border);
}

.guide-screen-bar strong[b-6l6kwjuvk5] {
    font-size: 0.86rem;
}

.guide-dots[b-6l6kwjuvk5] {
    display: inline-flex;
    gap: 0.28rem;
}

.guide-dots i[b-6l6kwjuvk5] {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary) 55%, var(--border));
    display: block;
}

.guide-marks[b-6l6kwjuvk5] {
    list-style: none;
    margin: 0;
    padding: 0.35rem 0.7rem 0.7rem;
    display: grid;
    gap: 0.45rem;
}

.guide-marks li[b-6l6kwjuvk5] {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
}

.guide-marks em[b-6l6kwjuvk5],
.guide-callouts em[b-6l6kwjuvk5],
.guide-flow em[b-6l6kwjuvk5],
.guide-steps em[b-6l6kwjuvk5] {
    font-style: normal;
    font-weight: 800;
    color: var(--primary-contrast, #fff);
    background: var(--primary);
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.guide-marks div[b-6l6kwjuvk5] {
    display: grid;
    gap: 0.12rem;
    padding: 0.38rem 0.6rem;
    border-radius: 10px;
    border: 1px dashed color-mix(in srgb, var(--primary) 35%, var(--border));
    background: var(--bg, #f8fafc);
}

.guide-marks span[b-6l6kwjuvk5] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
    font-weight: 700;
}

.guide-marks strong[b-6l6kwjuvk5] {
    font-size: 0.92rem;
    font-weight: 800;
}

.guide-star[b-6l6kwjuvk5] {
    color: var(--danger, #b91c1c);
}

.guide-sample-table[b-6l6kwjuvk5] {
    padding: 0 0.7rem 0.8rem;
    overflow-x: auto;
}

.guide-sample-table table[b-6l6kwjuvk5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.guide-sample-table th[b-6l6kwjuvk5],
.guide-sample-table td[b-6l6kwjuvk5] {
    border: 1px solid var(--border);
    padding: 0.35rem 0.5rem;
    text-align: right;
}

.guide-sample-table th[b-6l6kwjuvk5] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.guide-callouts[b-6l6kwjuvk5],
.guide-flow ol[b-6l6kwjuvk5],
.guide-steps[b-6l6kwjuvk5] {
    list-style: none;
    margin: 0.55rem 0 0;
    padding: 0;
}

.guide-callouts li[b-6l6kwjuvk5],
.guide-flow li[b-6l6kwjuvk5],
.guide-steps li[b-6l6kwjuvk5] {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr);
    gap: 0.45rem;
    padding: 0.55rem 0;
    border-top: 1px solid var(--border);
}

.guide-callouts p[b-6l6kwjuvk5],
.guide-flow p[b-6l6kwjuvk5],
.guide-steps p[b-6l6kwjuvk5] {
    margin: 0;
    line-height: 1.9;
}

.guide-flow[b-6l6kwjuvk5] {
    margin-top: 0.8rem;
    padding: 0.8rem 0.9rem;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.guide-flow ol[b-6l6kwjuvk5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.6rem;
}

.guide-flow li[b-6l6kwjuvk5] {
    position: relative;
    flex: 1 1 9.5rem;
    grid-template-columns: 1fr;
    align-content: start;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg, #f8fafc);
}

/* پیکان بین دو خانه؛ صفحه راست‌به‌چپ است، پس قدم بعدی سمت چپ می‌نشیند. */
.guide-flow li:not(:last-child)[b-6l6kwjuvk5]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.15rem;
    width: 0.55rem;
    height: 0.55rem;
    border-left: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    transform: translateY(-50%) rotate(45deg);
}

.guide-flow strong[b-6l6kwjuvk5] {
    display: block;
    margin-bottom: 0.15rem;
}

.guide-do[b-6l6kwjuvk5],
.guide-dont[b-6l6kwjuvk5],
.guide-see[b-6l6kwjuvk5],
.guide-outcome[b-6l6kwjuvk5] {
    margin-top: 0.45rem !important;
    padding: 0.45rem 0.7rem;
    border-radius: 10px;
}

.guide-do[b-6l6kwjuvk5] {
    background: color-mix(in srgb, var(--success, #15803d) 11%, transparent);
}

.guide-see[b-6l6kwjuvk5] {
    background: color-mix(in srgb, var(--primary) 9%, transparent);
}

.guide-dont[b-6l6kwjuvk5] {
    background: color-mix(in srgb, var(--danger, #b91c1c) 10%, transparent);
}

.guide-outcome[b-6l6kwjuvk5] {
    margin: 1rem 0 0.4rem !important;
    background: color-mix(in srgb, var(--primary) 9%, transparent);
    line-height: 1.9;
}

.guide-outcome .bi[b-6l6kwjuvk5] {
    color: var(--primary);
}

/* ── شکل با چیدمان خود صفحه ───────────────────────────────────────────── */

.guide-shot[b-6l6kwjuvk5] {
    overflow-x: auto;
    background: var(--bg, #f1f5f9);
    user-select: none;
}

/* صفحهٔ واقعی پهن‌تر از ستون راهنماست؛ همان چیدمان با اندازهٔ کوچک‌تر جا می‌شود. */
.guide-shot-canvas[b-6l6kwjuvk5] {
    zoom: 0.78;
    min-width: 56rem;
    padding: 1.4rem 1.5rem 1.3rem;
}

.guide-shot[b-6l6kwjuvk5]  .gs-wide {
    width: 100%;
}

.guide-shot[b-6l6kwjuvk5]  .gs-caret {
    font-size: 0.6rem;
}

.guide-shot[b-6l6kwjuvk5]  .k-grid-header {
    padding: 0 !important;
}

.guide-shot[b-6l6kwjuvk5]  .k-grid,
.guide-shot[b-6l6kwjuvk5]  .k-grid-content,
.guide-shot[b-6l6kwjuvk5]  .inv-table-wrap {
    overflow: visible;
}

.guide-shot[b-6l6kwjuvk5]  .inv-table {
    min-width: 0;
}

.guide-shot[b-6l6kwjuvk5]  .gs-dim {
    display: flex;
    justify-content: center;
    padding: 1.6rem 1rem;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.38);
}

.guide-shot[b-6l6kwjuvk5]  .gs-dim > .k-window {
    position: relative;
    max-width: 100%;
}

.guide-shot[b-6l6kwjuvk5]  .gs-toast {
    width: fit-content;
    margin-inline-start: auto;
}

.guide-shot[b-6l6kwjuvk5]  .gs-toast .clinic-toast {
    transform: none;
    opacity: 1;
}

.guide-shot[b-6l6kwjuvk5]  .gs-pin {
    position: relative;
    outline: 2px dashed var(--primary);
    outline-offset: 3px;
    border-radius: 6px;
}

.guide-shot[b-6l6kwjuvk5]  .gs-pin::after {
    content: attr(data-pin);
    position: absolute;
    top: -0.85rem;
    inset-inline-end: -0.6rem;
    z-index: 3;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    color: var(--primary-contrast, #fff);
    background: var(--primary);
    box-shadow: 0 0 0 2px var(--surface, #fff), 0 4px 10px rgba(15, 23, 42, 0.25);
}

.guide-shot[b-6l6kwjuvk5]  :is(td, th).gs-pin {
    outline-offset: -2px;
}

.guide-shot[b-6l6kwjuvk5]  :is(td, th).gs-pin::after {
    top: 0.1rem;
    inset-inline-end: 0.1rem;
    width: 1.45rem;
    height: 1.45rem;
    font-size: 0.8rem;
}

/* در خانهٔ «حساب» درخت کدینگ، شمارهٔ زیرمجموعه ته خانه است؛ جا برای دایرهٔ شماره باز می‌شود تا رویش نیفتد. */
.guide-shot[b-6l6kwjuvk5]  td.gs-pin.coa-tree-cell .coa-name {
    padding-inline-end: 1.7rem;
}

.guide-callout-value[b-6l6kwjuvk5] {
    font-weight: 700;
    color: var(--primary);
}

.guide-step-fig[b-6l6kwjuvk5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-inline-start: 0.5rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 10%, transparent);
}
/* /Components/Shared/PageWorkNotice.razor.rz.scp.css */
.page-work-notice[b-mvv59bhwc9] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem 0.75rem;
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
    background: color-mix(in srgb, var(--primary) 6%, var(--surface));
}

.page-work-notice-head[b-mvv59bhwc9] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
}

.page-work-notice-head > .bi[b-mvv59bhwc9] {
    font-size: 1.15rem;
    color: var(--primary);
    margin-top: 0.15rem;
}

.page-work-notice-head strong[b-mvv59bhwc9] {
    display: block;
    font-size: 0.92rem;
}

.page-work-notice-head p[b-mvv59bhwc9] {
    margin: 0.15rem 0 0;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
}

.page-work-notice-head button[b-mvv59bhwc9] {
    margin-inline-start: auto;
    border: 0;
    background: transparent;
    color: var(--text-muted, #64748b);
    cursor: pointer;
}

.page-work-notice ol[b-mvv59bhwc9] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.page-work-notice li[b-mvv59bhwc9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    align-items: baseline;
    font-size: 0.84rem;
}

.page-work-notice li span[b-mvv59bhwc9] {
    font-weight: 800;
}

.page-work-notice li small[b-mvv59bhwc9] {
    flex: 1 1 16rem;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
    line-height: 1.65;
}

.page-work-notice a[b-mvv59bhwc9] {
    font-size: 0.78rem;
    font-weight: 700;
}
/* /Components/Shared/PersianDatePicker.razor.rz.scp.css */
/* رنگ‌ها همه از توکن‌های تم می‌آیند (app.css). پیش‌تر همه‌شان ثابتِ روشن بودند و
   تقویم در تمِ تیره سفید باز می‌شد. */
.pdp[b-91bue3cndv] {
    position: relative;
}

.pdp-input[b-91bue3cndv] {
    cursor: pointer;
    background: var(--surface);
    color: var(--text);
}

.pdp-backdrop[b-91bue3cndv] {
    position: fixed;
    inset: 0;
    z-index: 20000;
}

/* position:fixed تا از ظرف‌های overflow بیرون بزند؛ top/left توسط ClinicDatePicker.place ست می‌شود */
.pdp-popup[b-91bue3cndv] {
    position: fixed;
    z-index: 20001;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    width: 260px;
}

.pdp-head[b-91bue3cndv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 8px;
}

.pdp-nav[b-91bue3cndv] {
    border: none;
    background: var(--btn-face);
    color: var(--text);
    border-radius: 6px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.pdp-nav:hover[b-91bue3cndv] {
    background: var(--btn-face-hover);
}

.pdp-year[b-91bue3cndv] {
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 2px 4px;
    font-size: 13px;
    background: var(--surface);
    color: var(--text);
}

.pdp-grid[b-91bue3cndv] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.pdp-dow[b-91bue3cndv] {
    text-align: center;
    font-size: 11px;
    color: var(--text-muted);
    padding: 2px 0;
}

.pdp-day[b-91bue3cndv] {
    text-align: center;
    padding: 6px 0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    border: none;
    background: transparent;
    color: var(--text);
}

.pdp-day:hover:not(:disabled)[b-91bue3cndv] {
    background: color-mix(in srgb, var(--primary) 18%, transparent);
}

.pdp-day.pdp-selected[b-91bue3cndv] {
    background: var(--primary);
    color: var(--primary-contrast);
}

.pdp-day.pdp-today[b-91bue3cndv] {
    border: 1px solid var(--primary);
}

.pdp-day:disabled[b-91bue3cndv] {
    color: var(--text-muted);
    opacity: .5;
    cursor: not-allowed;
}

.pdp-foot[b-91bue3cndv] {
    margin-top: 8px;
    text-align: center;
}

/* /Components/Shared/WorkReminderHost.razor.rz.scp.css */
.work-remind[b-h9c8ir4mpo] {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, 0.46);
}

.work-remind-card[b-h9c8ir4mpo] {
    width: min(38rem, 100%);
    max-height: min(85vh, 44rem);
    overflow: auto;
    padding: 1.35rem 1.4rem 1.15rem;
    border-radius: 18px;
    background: var(--surface, #fff);
    color: var(--text, #0f172a);
    border: 1px solid var(--border, #e2e8f0);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}

.work-remind-kicker[b-h9c8ir4mpo] {
    margin: 0 0 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--primary, #1e40af);
}

.work-remind-card h2[b-h9c8ir4mpo] {
    margin: 0 0 0.65rem;
    font-size: 1.2rem;
    font-weight: 800;
}

.work-remind-lead[b-h9c8ir4mpo] {
    margin: 0 0 0.9rem;
    line-height: 1.85;
    font-size: 0.92rem;
}

.work-remind-needs[b-h9c8ir4mpo] {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.work-remind-needs li[b-h9c8ir4mpo] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--primary, #1e40af) 7%, var(--surface, #fff));
    border: 1px solid var(--border, #e2e8f0);
    font-size: 0.84rem;
    line-height: 1.7;
}

.work-remind-needs a[b-h9c8ir4mpo] {
    align-self: flex-start;
    font-weight: 700;
    font-size: 0.78rem;
}

.work-remind-actions[b-h9c8ir4mpo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.work-remind-go[b-h9c8ir4mpo],
.work-remind-stop[b-h9c8ir4mpo],
.work-remind-link[b-h9c8ir4mpo] {
    border-radius: 10px;
    padding: 0.45rem 0.85rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.work-remind-go[b-h9c8ir4mpo] {
    border: 0;
    background: var(--primary, #1e40af);
    color: var(--primary-contrast, #fff);
}

.work-remind-stop[b-h9c8ir4mpo] {
    border: 1px solid var(--border, #e2e8f0);
    background: transparent;
    color: var(--text, #0f172a);
}

.work-remind-link[b-h9c8ir4mpo] {
    margin-inline-start: auto;
    color: var(--primary, #1e40af);
}