/* ==========================================================================
   lotusThemeV1.0.0.2.css  (Lotus.Framework — source of truth)

   موتور تم: هر سلکتور دقیقاً یک‌بار نوشته می‌شود و مقدارش را از توکن می‌خواند.
   هیچ نام تمی (kosar و ...) در این فایل نیست — مقادیر در lotusPalettes است.

   یعنی افزودن بیمهٔ جدید هیچ تغییری در این فایل لازم ندارد.

   ترتیب لود در Layout (مهم):
     1) CSS پایهٔ اپلیکیشن (site / dashboard)
     2) فایل‌های گرید (adminGridTheme / companyGridTheme)
     3) lotusPalettes  ← مقادیر
     4) lotusTheme     ← همین فایل
   چون این فایل آخر می‌آید، بر قوانین پایه غالب می‌شود.

   دربارهٔ specificity: قوانین گرید در فایل‌های فریم‌ورک تا (0,4,2) می‌رسند و
   !important دارند. سلکتورهای اینجا عمداً با .left.col / .companyContent
   محدود شده‌اند تا از آن‌ها بالاتر بمانند.
   ========================================================================== */

/* ==========================================================================
   ۱) پل به فایل‌های گرید
   adminGridTheme و companyGridTheme متغیرهای خودشان را دارند؛ اینجا از توکن
   تغذیه می‌شوند تا یک منبع حقیقت داشته باشیم.
   ========================================================================== */
.left.col {
    --admin-grid-header-bg: var(--lotus-grid-header-bg);
    --admin-grid-header-border: var(--lotus-grid-header-border);
    --admin-grid-row-odd: var(--lotus-grid-row-odd);
    --admin-grid-row-even: var(--lotus-grid-row-even);
    --admin-grid-row-hover: var(--lotus-grid-row-hover);
    --admin-grid-cell-border: var(--lotus-grid-cell-border);
    --admin-grid-text: var(--lotus-grid-text);
    --admin-grid-toolbar-btn: var(--lotus-toolbar-btn-bg);
    --admin-grid-toolbar-btn-hover: var(--lotus-toolbar-btn-hover-bg);
    --admin-grid-act-bg: var(--lotus-act-bg);
    --admin-grid-act-border: var(--lotus-act-border);
    --admin-grid-act-text: var(--lotus-act-text);
    --admin-grid-act-hover: var(--lotus-act-hover-bg);
    --admin-grid-act-danger-bg: var(--lotus-act-danger-bg);
    --admin-grid-act-danger-border: var(--lotus-act-danger-border);
    --admin-grid-act-danger-text: var(--lotus-act-danger-text);
    --admin-grid-filter-btn: var(--lotus-grid-filter-btn);
    --admin-grid-filter-btn-deep: var(--lotus-grid-filter-btn-deep);
}

:root {
    --cis-grid-header-bg: var(--lotus-grid-header-bg);
    --cis-grid-header-border: var(--lotus-grid-header-border);
    --cis-grid-row-odd: var(--lotus-grid-row-odd);
    --cis-grid-row-even: var(--lotus-grid-row-even);
    --cis-grid-row-hover: var(--lotus-grid-row-hover);
    --cis-grid-cell-border: var(--lotus-grid-cell-border);
    --cis-grid-text: var(--lotus-grid-text);
    --cis-grid-toolbar-btn: var(--lotus-toolbar-btn-bg);
    --cis-grid-toolbar-btn-hover: var(--lotus-toolbar-btn-hover-bg);
    --cis-grid-act-bg: var(--lotus-act-bg);
    --cis-grid-act-border: var(--lotus-act-border);
    --cis-grid-act-text: var(--lotus-act-text);
    --cis-grid-act-danger-bg: var(--lotus-act-danger-bg);
    --cis-grid-act-danger-border: var(--lotus-act-danger-border);
    --cis-grid-act-danger-text: var(--lotus-act-danger-text);
    --cis-grid-filter-purple: var(--lotus-grid-filter-btn);
    --cis-grid-filter-purple-deep: var(--lotus-grid-filter-btn-deep);
}

/* ==========================================================================
   ۲) نوار بالا
   ========================================================================== */
.navbar-custum,
.navbar-default-custome,
.navbar.banner,
.company-header {
    background-color: var(--lotus-header-bg) !important;
    background-image: none !important;
    position: relative;
    box-shadow: inset 0 -3px 0 0 var(--lotus-header-accent);
}

.company-navbar {
    background-color: var(--lotus-primary) !important;
    border-bottom-color: var(--lotus-accent) !important;
}

.dashboard-title {
    color: var(--lotus-header-text) !important;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
ul > li.open {
    background-color: var(--lotus-nav-hover-bg) !important;
}

/* ==========================================================================
   ۳) بلوک کاربر در نوار بالا
   ========================================================================== */
.dashboard-navbar-user .dashboard-user-trigger {
    background: var(--lotus-user-bg) !important;
    border-color: var(--lotus-user-border) !important;
    color: var(--lotus-user-name) !important;
}

.dashboard-user-trigger:hover,
.dashboard-user-trigger:focus,
.dashboard-user-trigger.show {
    background: var(--lotus-user-hover-bg) !important;
    border-color: var(--lotus-user-hover-border) !important;
    color: var(--lotus-user-name) !important;
}

.dashboard-user-label {
    color: var(--lotus-user-label) !important;
}

.dashboard-user-name {
    color: var(--lotus-user-name) !important;
}

.dashboard-user-avatar {
    background: var(--lotus-avatar-bg) !important;
    border-color: var(--lotus-avatar-border) !important;
    color: var(--lotus-avatar-icon) !important;
}

.dashboard-user-caret {
    color: var(--lotus-user-caret) !important;
}

.navbar .dropdown-menu.dashboard-user-dropdown .dropdown-item:hover,
.navbar .dropdown-menu.dashboard-user-dropdown .dropdown-item:focus {
    background-color: var(--lotus-grid-row-hover) !important;
    color: var(--lotus-primary) !important;
}

.dashboard-user-dropdown-name {
    color: var(--lotus-primary) !important;
}

.navbar .dropdown-menu.dashboard-user-dropdown .dropdown-item:not(.dropdown-item-danger) i {
    color: var(--lotus-primary) !important;
}

/* ==========================================================================
   ۴) حلقهٔ لوگو — نوار بالا و صفحهٔ ورود، یک قانون
   --lotus-logo-scale-* = ۱۰۰٪ یعنی تصویر تمام قاب را پر کند (بدون دیسک اطراف).
   هاله با drop-shadow روی <img> است نه box-shadow روی قاب، تا کانال آلفای
   لوگو را دنبال کند و دقیقاً به لبه‌اش بچسبد.
   ========================================================================== */
.dashboard-logo-wrap {
    background: var(--lotus-logo-bg) !important;
    border: var(--lotus-logo-border-width) solid var(--lotus-logo-border) !important;
    box-shadow: var(--lotus-logo-shadow) !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* صفحهٔ ورود توکن جدا دارد: آنجا لوگو روی کارت سفید می‌نشیند، پس دیسک و
   هالهٔ سفیدِ نوار بالا نه دیده می‌شوند نه لازم‌اند. */
.logon.pane .login-logo-wrap {
    background: var(--lotus-login-logo-bg) !important;
    border: var(--lotus-login-logo-border-width) solid var(--lotus-login-logo-border) !important;
    box-shadow: var(--lotus-login-logo-shadow) !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* اندازهٔ تصویر نسبت به قاب. ۱۰۰٪ یعنی تا لبه (بدون دیسک اطراف).
   object-fit: contain نسبت ابعاد را حفظ می‌کند، پس لوگو هیچ‌وقت کشیده نمی‌شود.
   دو توکن جدا چون قاب نوار بالا و صفحهٔ ورود اندازه‌های متفاوتی دارند. */
.dashboard-logo-wrap #dashboard-logo-img {
    width: var(--lotus-logo-scale-nav) !important;
    height: var(--lotus-logo-scale-nav) !important;
    max-width: var(--lotus-logo-scale-nav) !important;
    max-height: var(--lotus-logo-scale-nav) !important;
    object-fit: contain;
    filter: var(--lotus-logo-glow);
}

.logon.pane #login-logo,
.logon.pane .login-logo {
    width: var(--lotus-logo-scale-login) !important;
    height: var(--lotus-logo-scale-login) !important;
    max-width: var(--lotus-logo-scale-login) !important;
    max-height: var(--lotus-logo-scale-login) !important;
    object-fit: contain;
    filter: var(--lotus-login-logo-glow);
}

/* ==========================================================================
   ۵) سایدبار
   siteV*.css پس‌زمینهٔ li و a را جدا می‌دهد؛ هر دو باید خنثی شوند.
   ========================================================================== */
.right.col.just-right,
.menu.pane,
ul.k-widget.k-reset.k-header.k-panelbar,
#cssmenu {
    background-color: var(--lotus-menu-bg) !important;
}

/* مرز سمت محتوا (RTL: لبهٔ چپ). برای تم‌های تیره transparent است و دیده نمی‌شود؛
   تم‌های روشن بدون آن در پس‌زمینهٔ سفید محتوا حل می‌شوند. */
.right.col.just-right {
    border-left: 1px solid var(--lotus-menu-border);
}

#cssmenu > ul > li,
#cssmenu > ul > li:hover {
    background: transparent !important;
}

#cssmenu > ul > li > a {
    background-color: var(--lotus-menu-item-bg) !important;
    color: var(--lotus-menu-text) !important;
    border-radius: 6px;
    box-shadow: inset -3px 0 0 0 transparent;
    transition: background-color .16s ease, box-shadow .16s ease, color .16s ease;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
    background-color: var(--lotus-menu-item-hover-bg) !important;
    color: var(--lotus-menu-item-hover-text) !important;
    box-shadow: inset -3px 0 0 0 var(--lotus-menu-bar);
}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
    background-color: var(--lotus-menu-item-open-bg) !important;
    color: var(--lotus-menu-item-open-text) !important;
    box-shadow: inset -4px 0 0 0 var(--lotus-menu-bar);
}

#cssmenu .cis-sidebar-menu-icon {
    color: var(--lotus-menu-icon);
    opacity: 1;
}

/* آیتم باز پس‌زمینهٔ پُر دارد؛ اگر آیکن رنگ عادی‌اش را نگه دارد روی آن گم می‌شود. */
#cssmenu > ul > li.active > a .cis-sidebar-menu-icon,
#cssmenu > ul > li.open > a .cis-sidebar-menu-icon {
    color: var(--lotus-menu-icon-open);
}

/* زیرمنو */
#cssmenu ul ul,
#cssmenu ul ul li {
    background: var(--lotus-submenu-bg) !important;
    border-bottom-color: rgba(255, 255, 255, .06) !important;
}

#cssmenu ul ul li a {
    color: var(--lotus-submenu-text) !important;
    box-shadow: inset -3px 0 0 0 transparent;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

#cssmenu ul ul a:hover:not(.submenu-selected) {
    background: var(--lotus-submenu-hover-bg) !important;
    color: var(--lotus-submenu-hover-text) !important;
}

#cssmenu ul ul li a.submenu-selected,
#cssmenu ul ul li a.submenu-selected:hover,
#cssmenu ul ul li a.submenu-selected:focus {
    background: var(--lotus-submenu-selected-bg) !important;
    color: var(--lotus-submenu-selected-text) !important;
    box-shadow: inset -3px 0 0 0 var(--lotus-submenu-selected-bar) !important;
}

/* ==========================================================================
   ۶) گرید — چیزهایی که فایل‌های گرید با هگز ثابت داده‌اند
   ========================================================================== */

/* خط امضای تم زیر سربرگ گرید */
.left.col .k-grid .k-grid-header,
.companyContent .k-grid .k-grid-header {
    box-shadow: inset 0 -3px 0 0 var(--lotus-grid-header-rule);
}

/* دکمهٔ اصلی تولبار: رنگ متن در فایل گرید هاردکد #fff است */
.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn):hover,
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn):hover,
.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn):focus,
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn):focus,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add,
.companyContent .k-grid-toolbar a.k-button:not(.grid-excel-export-btn),
.companyContent .k-grid-toolbar .k-button:not(.grid-excel-export-btn) {
    color: var(--lotus-toolbar-btn-text) !important;
    border-color: var(--lotus-accent-deep) !important;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:hover,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:focus,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:active {
    background: var(--lotus-toolbar-btn-hover-bg) !important;
    border-color: var(--lotus-accent-deep) !important;
    color: var(--lotus-toolbar-btn-text) !important;
}

.left.col .k-grid-toolbar.cis-grid-toolbar-pro .btn.cis-grid-toolbar-primary {
    background: var(--lotus-primary) !important;
    border-color: var(--lotus-primary) !important;
}

/* دایرهٔ + داخل دکمهٔ افزودن — پایه و hover یکسان تا دکمه رنگ‌عوض‌کنی نکند */
.k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add-icon,
.k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:hover .cis-grid-toolbar-add-icon,
.k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:focus .cis-grid-toolbar-add-icon,
.k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:active .cis-grid-toolbar-add-icon,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:hover .cis-grid-toolbar-add-icon,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:focus .cis-grid-toolbar-add-icon,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-add:active .cis-grid-toolbar-add-icon {
    background: var(--lotus-toolbar-add-icon-bg) !important;
    color: var(--lotus-toolbar-add-icon-color) !important;
}

/* گروه فیلتر/حالت در تولبار گرید — انتخاب‌شده مثل دکمهٔ اصلی تم، بقیه outline */
.k-grid-toolbar .cis-grid-toolbar-toggles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.k-grid .cis-grid-cell-wrap {
    white-space: normal;
    word-break: break-word;
}

.left.col .k-grid-toolbar .cis-grid-toolbar-toggle,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-toggle,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px !important;
    padding: 7px 14px !important;
    border-radius: 8px !important;
    border-style: solid;
    font-family: Web_Yekan, tahoma;
    font-size: 13px;
    font-weight: 500 !important;
    line-height: 1.25;
    cursor: pointer;
    box-shadow: none !important;
}

.left.col .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected,
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-toggle.k-state-selected,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected {
    background: var(--lotus-toolbar-btn-bg) !important;
    border: 1px solid var(--lotus-toolbar-btn-bg) !important;
    color: var(--lotus-toolbar-btn-text) !important;
}

.left.col .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected),
.left.col .k-grid-toolbar.cis-grid-toolbar-pro .cis-grid-toolbar-toggle:not(.k-state-selected),
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected) {
    background: var(--lotus-act-bg) !important;
    border: 1px solid var(--lotus-act-border) !important;
    color: var(--lotus-act-text) !important;
}

.left.col .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected:hover,
.left.col .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected:focus,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected:hover,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle.k-state-selected:focus {
    background: var(--lotus-toolbar-btn-hover-bg) !important;
    border-color: var(--lotus-toolbar-btn-hover-bg) !important;
    color: var(--lotus-toolbar-btn-text) !important;
}

.left.col .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected):hover,
.left.col .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected):focus,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected):hover,
.companyContent .k-grid-toolbar .cis-grid-toolbar-toggle:not(.k-state-selected):focus {
    background: var(--lotus-act-hover-bg) !important;
    border-color: var(--lotus-act-border) !important;
    color: var(--lotus-act-text) !important;
}

/* ==========================================================================
   ۷) ردیف در انتظار اقدام (.cis-row-pending)
   JS فقط این کلاس را می‌گذارد و هیچ رنگی نمی‌داند.
   سلکتورها عمداً با .left.col / .companyContent محدود شده‌اند تا از قانون
   hover فایل گرید — که (0,4,2) است — بالاتر بمانند.
   ========================================================================== */
.left.col .k-grid tr.cis-row-pending > td,
.companyContent .k-grid tr.cis-row-pending > td,
.k-grid tr.cis-row-pending > td {
    background-color: var(--lotus-row-pending-bg) !important;
    color: var(--lotus-row-pending-text) !important;
}

.left.col .k-grid tr.cis-row-pending:hover > td,
.companyContent .k-grid tr.cis-row-pending:hover > td,
.k-grid tr.cis-row-pending:hover > td {
    background-color: var(--lotus-row-pending-hover-bg) !important;
}

/* نوار نشانه روی لبهٔ راست ردیف (RTL: اولین سلول، راست‌ترین است) */
.left.col .k-grid tr.cis-row-pending > td:first-child,
.companyContent .k-grid tr.cis-row-pending > td:first-child,
.k-grid tr.cis-row-pending > td:first-child {
    box-shadow: inset -4px 0 0 0 var(--lotus-row-pending-bar);
}

/* ==========================================================================
   ۸) صفحهٔ ورود و Breadcrumb
   ========================================================================== */
/* siteV*.css متغیرهای --login-* را روی خودِ .logon.pane تعریف می‌کند و در CSS
   تعریفِ روی عنصر همیشه بر مقدار ارث‌بری‌شده از ریشه غالب است. پس مقدار پالت
   هیچ‌وقت به صفحهٔ ورود نمی‌رسد مگر همین‌جا روی همان عنصر بازنویسی شود.
   Specificity برابر است (0,2,0) و این فایل بعد از site لود می‌شود، پس برنده است. */
.logon.pane {
    --login-primary: var(--lotus-login-primary);
    --login-primary-dark: var(--lotus-login-primary-dark);
    --login-accent: var(--lotus-login-accent);
}

.logon.pane .login-card-accent {
    background: linear-gradient(90deg, var(--lotus-login-primary), var(--lotus-login-accent)) !important;
}

.breadcrumb {
    background-color: var(--lotus-breadcrumb-bg) !important;
    background-image: none !important;
    border-bottom-color: var(--lotus-breadcrumb-border) !important;
    color: var(--lotus-breadcrumb-text) !important;
}

/* ==========================================================================
   سربرگ گرید و منوی فیلتر
   فایل‌های KendoGrid در Lotus.Framework این رنگ‌ها را هاردکد داده‌اند و چون
   بین همهٔ پروژه‌ها مشترک‌اند نباید ویرایش شوند. اینجا از توکن override
   می‌شوند؛ مقادیر پیش‌فرض پالت دقیقاً همان ظاهر قبلی است.
   ========================================================================== */

/* متن سربرگ گرید — فایل گرید color:#fff هاردکد داده؛ تم روشن بدون این نامرئی می‌شود */
.left.col .k-grid-header th.k-header,
.left.col .k-grid-header th.k-header > .k-link,
.left.col .k-grid-header th.k-header a,
.companyContent .k-grid-header th.k-header,
.companyContent .k-grid-header th.k-header > .k-link,
.companyContent .k-grid-header th.k-header a {
    color: var(--lotus-grid-header-text) !important;
}

/* آیکن فیلتر/مرتب‌سازی داخل سربرگ */
.left.col .k-grid-header th.k-header .k-icon,
.companyContent .k-grid-header th.k-header .k-icon {
    color: var(--lotus-grid-header-text) !important;
}

/* —— پاپ‌آپ فیلتر —— */
.k-animation-container .k-filter-menu,
.k-filter-menu {
    border-color: var(--lotus-filter-border) !important;
    background: var(--lotus-filter-bg) !important;
}

.k-filter-menu .k-filter-help-text {
    border-bottom-color: var(--lotus-filter-border) !important;
    color: var(--lotus-filter-text) !important;
}

.k-filter-menu .k-numeric-wrap,
.k-filter-menu span.k-widget,
.k-filter-menu .k-dropdown-wrap.k-state-default,
.k-filter-menu .k-dropdown-wrap.k-state-hover,
.k-filter-menu .k-dropdown-wrap.k-state-focused,
.k-filter-menu .k-textbox,
.k-filter-menu input.k-input,
.k-filter-menu input[type="text"] {
    border-color: var(--lotus-filter-input-border) !important;
    background: var(--lotus-filter-input-bg) !important;
    color: var(--lotus-filter-text) !important;
}

.k-filter-menu .k-textbox:focus,
.k-filter-menu input.k-input:focus,
.k-filter-menu input[type="text"]:focus {
    border-color: var(--lotus-filter-focus) !important;
    background: var(--lotus-filter-bg) !important;
    box-shadow: 0 0 0 3px var(--lotus-filter-focus-ring) !important;
}

/* دکمهٔ اصلی (اعمال فیلتر) */
.k-animation-container .k-filter-menu .k-button,
.k-animation-container .k-filter-menu button.k-button,
.k-filter-menu .k-button,
.k-filter-menu button.k-button {
    background: var(--lotus-filter-btn-bg) !important;
    color: var(--lotus-filter-btn-text) !important;
    border-color: var(--lotus-filter-btn-bg) !important;
}

.k-animation-container .k-filter-menu .k-button:hover,
.k-filter-menu .k-button:hover,
.k-filter-menu button.k-button:hover {
    background: var(--lotus-filter-btn-hover-bg) !important;
    color: var(--lotus-filter-btn-text) !important;
}

/* دکمهٔ فرعی (پاک کردن) — آخرین دکمه در فیلتر کلاسیک Kendo */
.k-animation-container .k-filter-menu .k-button:last-child,
.k-filter-menu .k-button:last-child,
.k-filter-menu button.k-button:last-child {
    background: var(--lotus-filter-btn-alt-bg) !important;
    color: var(--lotus-filter-btn-alt-text) !important;
    border-color: var(--lotus-filter-input-border) !important;
}

.k-animation-container .k-filter-menu .k-button:last-child:hover,
.k-filter-menu .k-button:last-child:hover,
.k-filter-menu button.k-button:last-child:hover {
    background: var(--lotus-filter-btn-alt-hover-bg) !important;
    color: var(--lotus-filter-btn-alt-text) !important;
}

/* قیف فیلتر سربرگ گرید: آیکن Kendo یک اسپرایت خاکستری است، پس color روی آن
   اثر ندارد و فقط با filter می‌شود رنگش را عوض کرد. */
.left.col .k-grid-header .k-icon.k-filter,
.left.col .k-grid-header .k-grid-filter .k-icon.k-filter,
.companyContent .k-grid-header .k-icon.k-filter,
.companyContent .k-grid-header .k-grid-filter .k-icon.k-filter {
    filter: var(--lotus-grid-filter-icon) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   اندازهٔ متن گرید
   فایل‌های KendoGrid این اندازه‌ها را هاردکد داده‌اند (سربرگ/سلول/تولبار ۱۳px،
   دکمه‌های عملیات ۱۱px) و چون مشترک بین پروژه‌ها هستند ویرایش نمی‌شوند.
   ========================================================================== */
.left.col .k-grid-header th.k-header,
.left.col .k-grid-header th.k-header > .k-link,
.left.col .k-grid tr td,
.left.col .k-grid .k-grid-content td,
.left.col .k-grid-toolbar a.k-button:not(.grid-excel-export-btn),
.left.col .k-grid-toolbar .k-button:not(.grid-excel-export-btn),
.companyContent .k-grid-header th.k-header,
.companyContent .k-grid-header th.k-header > .k-link,
.companyContent .k-grid tr td,
.companyContent .k-grid .k-grid-content td,
.companyContent .k-grid-toolbar .k-button:not(.grid-excel-export-btn),
.k-filter-menu .k-filter-help-text,
.k-filter-menu .k-textbox,
.k-filter-menu input.k-input,
.k-filter-menu input[type="text"] {
    font-size: 12px !important;
}

.left.col .cis-grid-ops .k-button,
.left.col .company-grid-ops .k-button,
.left.col .k-grid tbody td .k-button,
.left.col .k-grid tbody td > a.k-button,
.left.col .k-grid .cis-grid-actions .cis-act-btn,
.left.col .k-grid .cis-grid-actions--stacked .cis-act-btn,
.companyContent .cis-grid-ops .k-button,
.companyContent .company-grid-ops .k-button,
.companyContent .k-grid tbody td > .k-button,
.companyContent .k-grid tbody td > a.k-button {
    font-size: 10px !important;
}

.companyContent .k-filter-menu .k-filter-help-text {
    font-size: 11px !important;
}

/* ارقام فارسی عرض ثابت — ستون‌های عددی گرید تراز می‌مانند */
.k-grid td,
.k-pager-wrap {
    font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   ۹) بوت‌استرپ — المان‌های صفحات داخلی

   Bootstrap 5.3 هر کامپوننت را از متغیرهای --bs-* خودش می‌خواند، ولی مقدار
   آن متغیرها در فایل کامپایل‌شده هگز ثابت است (مثلاً .btn-primary مستقیم
   #0d6efd دارد، نه var(--bs-primary)). پس تغییر --bs-primary به‌تنهایی
   دکمه‌ها را عوض نمی‌کند و باید متغیرهای هر واریانت جداگانه نوشته شود.

   اینجا هیچ !important لازم نیست: سلکتورها با خودِ بوت‌استرپ هم‌وزن‌اند و این
   فایل بعد از آن لود می‌شود. استثنا فقط جایی است که siteV*.css با !important
   هگز ثابت داده (فیلد ورودی) — همان‌جا با !important بازنویسی می‌شود.

   افزودن بیمهٔ جدید همچنان صفر تغییر در این فایل لازم دارد.
   ========================================================================== */

/* —— ۹.۱ متغیرهای سراسری بوت‌استرپ ——
   text-*, bg-*, border-* و لینک‌ها همه از همین‌ها تغذیه می‌شوند. */
:root {
    --bs-primary: var(--lotus-bs-primary);
    --bs-primary-rgb: var(--lotus-bs-primary-rgb);
    --bs-secondary: var(--lotus-bs-secondary);
    --bs-secondary-rgb: var(--lotus-bs-secondary-rgb);
    --bs-success: var(--lotus-bs-success);
    --bs-success-rgb: var(--lotus-bs-success-rgb);
    --bs-info: var(--lotus-bs-info);
    --bs-info-rgb: var(--lotus-bs-info-rgb);
    --bs-warning: var(--lotus-bs-warning);
    --bs-warning-rgb: var(--lotus-bs-warning-rgb);
    --bs-danger: var(--lotus-bs-danger);
    --bs-danger-rgb: var(--lotus-bs-danger-rgb);
    --bs-light: var(--lotus-bs-light);
    --bs-light-rgb: var(--lotus-bs-light-rgb);
    --bs-dark: var(--lotus-bs-dark);
    --bs-dark-rgb: var(--lotus-bs-dark-rgb);
    --bs-purple: var(--lotus-bs-accent);

    --bs-border-color: var(--lotus-border);
    --bs-tertiary-bg: var(--lotus-surface-muted);
    --bs-link-color: var(--lotus-link);
    --bs-link-color-rgb: var(--lotus-bs-primary-rgb);
    --bs-link-hover-color: var(--lotus-link-hover);
    --bs-focus-ring-color: var(--lotus-input-focus-ring);
    --bs-form-invalid-color: var(--lotus-bs-danger);
    --bs-form-invalid-border-color: var(--lotus-bs-danger);
    --bs-form-valid-color: var(--lotus-bs-success);
    --bs-form-valid-border-color: var(--lotus-bs-success);
}

/* —— ۹.۲ دکمه‌های پُر —— */
.btn-primary {
    --bs-btn-color: var(--lotus-bs-primary-fg);
    --bs-btn-bg: var(--lotus-bs-primary);
    --bs-btn-border-color: var(--lotus-bs-primary);
    --bs-btn-hover-color: var(--lotus-bs-primary-fg);
    --bs-btn-hover-bg: var(--lotus-bs-primary-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-primary-hover);
    --bs-btn-active-color: var(--lotus-bs-primary-fg);
    --bs-btn-active-bg: var(--lotus-bs-primary-active);
    --bs-btn-active-border-color: var(--lotus-bs-primary-active);
    --bs-btn-disabled-color: var(--lotus-bs-primary-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-primary);
    --bs-btn-disabled-border-color: var(--lotus-bs-primary);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-primary-rgb);
}

.btn-secondary {
    --bs-btn-color: var(--lotus-bs-secondary-fg);
    --bs-btn-bg: var(--lotus-bs-secondary);
    --bs-btn-border-color: var(--lotus-bs-secondary);
    --bs-btn-hover-color: var(--lotus-bs-secondary-fg);
    --bs-btn-hover-bg: var(--lotus-bs-secondary-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-secondary-hover);
    --bs-btn-active-color: var(--lotus-bs-secondary-fg);
    --bs-btn-active-bg: var(--lotus-bs-secondary-active);
    --bs-btn-active-border-color: var(--lotus-bs-secondary-active);
    --bs-btn-disabled-color: var(--lotus-bs-secondary-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-secondary);
    --bs-btn-disabled-border-color: var(--lotus-bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-secondary-rgb);
}

.btn-success {
    --bs-btn-color: var(--lotus-bs-success-fg);
    --bs-btn-bg: var(--lotus-bs-success);
    --bs-btn-border-color: var(--lotus-bs-success);
    --bs-btn-hover-color: var(--lotus-bs-success-fg);
    --bs-btn-hover-bg: var(--lotus-bs-success-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-success-hover);
    --bs-btn-active-color: var(--lotus-bs-success-fg);
    --bs-btn-active-bg: var(--lotus-bs-success-active);
    --bs-btn-active-border-color: var(--lotus-bs-success-active);
    --bs-btn-disabled-color: var(--lotus-bs-success-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-success);
    --bs-btn-disabled-border-color: var(--lotus-bs-success);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-success-rgb);
}

.btn-info {
    --bs-btn-color: var(--lotus-bs-info-fg);
    --bs-btn-bg: var(--lotus-bs-info);
    --bs-btn-border-color: var(--lotus-bs-info);
    --bs-btn-hover-color: var(--lotus-bs-info-fg);
    --bs-btn-hover-bg: var(--lotus-bs-info-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-info-hover);
    --bs-btn-active-color: var(--lotus-bs-info-fg);
    --bs-btn-active-bg: var(--lotus-bs-info-active);
    --bs-btn-active-border-color: var(--lotus-bs-info-active);
    --bs-btn-disabled-color: var(--lotus-bs-info-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-info);
    --bs-btn-disabled-border-color: var(--lotus-bs-info);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-info-rgb);
}

.btn-warning {
    --bs-btn-color: var(--lotus-bs-warning-fg);
    --bs-btn-bg: var(--lotus-bs-warning);
    --bs-btn-border-color: var(--lotus-bs-warning);
    --bs-btn-hover-color: var(--lotus-bs-warning-fg);
    --bs-btn-hover-bg: var(--lotus-bs-warning-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-warning-hover);
    --bs-btn-active-color: var(--lotus-bs-warning-fg);
    --bs-btn-active-bg: var(--lotus-bs-warning-active);
    --bs-btn-active-border-color: var(--lotus-bs-warning-active);
    --bs-btn-disabled-color: var(--lotus-bs-warning-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-warning);
    --bs-btn-disabled-border-color: var(--lotus-bs-warning);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-warning-rgb);
}

.btn-danger {
    --bs-btn-color: var(--lotus-bs-danger-fg);
    --bs-btn-bg: var(--lotus-bs-danger);
    --bs-btn-border-color: var(--lotus-bs-danger);
    --bs-btn-hover-color: var(--lotus-bs-danger-fg);
    --bs-btn-hover-bg: var(--lotus-bs-danger-hover);
    --bs-btn-hover-border-color: var(--lotus-bs-danger-hover);
    --bs-btn-active-color: var(--lotus-bs-danger-fg);
    --bs-btn-active-bg: var(--lotus-bs-danger-active);
    --bs-btn-active-border-color: var(--lotus-bs-danger-active);
    --bs-btn-disabled-color: var(--lotus-bs-danger-fg);
    --bs-btn-disabled-bg: var(--lotus-bs-danger);
    --bs-btn-disabled-border-color: var(--lotus-bs-danger);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-danger-rgb);
}

.btn-light {
    --bs-btn-bg: var(--lotus-bs-light);
    --bs-btn-border-color: var(--lotus-border);
    --bs-btn-hover-bg: var(--lotus-surface-muted);
    --bs-btn-hover-border-color: var(--lotus-border);
    --bs-btn-active-bg: var(--lotus-surface-muted);
    --bs-btn-active-border-color: var(--lotus-border);
    --bs-btn-disabled-bg: var(--lotus-bs-light);
    --bs-btn-disabled-border-color: var(--lotus-border);
}

.btn-dark {
    --bs-btn-bg: var(--lotus-bs-dark);
    --bs-btn-border-color: var(--lotus-bs-dark);
    --bs-btn-hover-bg: var(--lotus-bs-primary);
    --bs-btn-hover-border-color: var(--lotus-bs-primary);
    --bs-btn-active-bg: var(--lotus-bs-primary-active);
    --bs-btn-active-border-color: var(--lotus-bs-primary-active);
    --bs-btn-disabled-bg: var(--lotus-bs-dark);
    --bs-btn-disabled-border-color: var(--lotus-bs-dark);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-dark-rgb);
}

/* Bootstrap 5 روی .btn پس‌زمینه و حاشیه را transparent می‌گذارد و متن واریانت
   پُر سفید است. اگر --bs-btn-bg در حالت عادی به background-color نرسد، دکمه
   سفیدِ روی سفید است و فقط :hover دیده می‌شود (.btn:hover specificity بالاتر
   دارد). این قانون هم‌وزن hover است و پرشدگی پیش‌فرض را تضمین می‌کند. */
.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-light,
.btn.btn-dark {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    background-image: none;
}

/* —— ۹.۳ دکمه‌های outline —— */
.btn-outline-primary {
    --bs-btn-color: var(--lotus-bs-primary);
    --bs-btn-border-color: var(--lotus-bs-primary);
    --bs-btn-hover-color: var(--lotus-bs-primary-fg);
    --bs-btn-hover-bg: var(--lotus-bs-primary);
    --bs-btn-hover-border-color: var(--lotus-bs-primary);
    --bs-btn-active-color: var(--lotus-bs-primary-fg);
    --bs-btn-active-bg: var(--lotus-bs-primary-active);
    --bs-btn-active-border-color: var(--lotus-bs-primary-active);
    --bs-btn-disabled-color: var(--lotus-bs-primary);
    --bs-btn-disabled-border-color: var(--lotus-bs-primary);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-primary-rgb);
}

.btn-outline-secondary {
    --bs-btn-color: var(--lotus-bs-secondary);
    --bs-btn-border-color: var(--lotus-bs-secondary);
    --bs-btn-hover-color: var(--lotus-bs-secondary-fg);
    --bs-btn-hover-bg: var(--lotus-bs-secondary);
    --bs-btn-hover-border-color: var(--lotus-bs-secondary);
    --bs-btn-active-color: var(--lotus-bs-secondary-fg);
    --bs-btn-active-bg: var(--lotus-bs-secondary-active);
    --bs-btn-active-border-color: var(--lotus-bs-secondary-active);
    --bs-btn-disabled-color: var(--lotus-bs-secondary);
    --bs-btn-disabled-border-color: var(--lotus-bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-secondary-rgb);
}

.btn-outline-success {
    --bs-btn-color: var(--lotus-bs-success);
    --bs-btn-border-color: var(--lotus-bs-success);
    --bs-btn-hover-color: var(--lotus-bs-success-fg);
    --bs-btn-hover-bg: var(--lotus-bs-success);
    --bs-btn-hover-border-color: var(--lotus-bs-success);
    --bs-btn-active-color: var(--lotus-bs-success-fg);
    --bs-btn-active-bg: var(--lotus-bs-success-active);
    --bs-btn-active-border-color: var(--lotus-bs-success-active);
    --bs-btn-disabled-color: var(--lotus-bs-success);
    --bs-btn-disabled-border-color: var(--lotus-bs-success);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-success-rgb);
}

.btn-outline-info {
    --bs-btn-color: var(--lotus-bs-info);
    --bs-btn-border-color: var(--lotus-bs-info);
    --bs-btn-hover-color: var(--lotus-bs-info-fg);
    --bs-btn-hover-bg: var(--lotus-bs-info);
    --bs-btn-hover-border-color: var(--lotus-bs-info);
    --bs-btn-active-color: var(--lotus-bs-info-fg);
    --bs-btn-active-bg: var(--lotus-bs-info-active);
    --bs-btn-active-border-color: var(--lotus-bs-info-active);
    --bs-btn-disabled-color: var(--lotus-bs-info);
    --bs-btn-disabled-border-color: var(--lotus-bs-info);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-info-rgb);
}

.btn-outline-warning {
    --bs-btn-color: var(--lotus-tone-warning-ink);
    --bs-btn-border-color: var(--lotus-bs-warning);
    --bs-btn-hover-color: var(--lotus-bs-warning-fg);
    --bs-btn-hover-bg: var(--lotus-bs-warning);
    --bs-btn-hover-border-color: var(--lotus-bs-warning);
    --bs-btn-active-color: var(--lotus-bs-warning-fg);
    --bs-btn-active-bg: var(--lotus-bs-warning-active);
    --bs-btn-active-border-color: var(--lotus-bs-warning-active);
    --bs-btn-disabled-color: var(--lotus-tone-warning-ink);
    --bs-btn-disabled-border-color: var(--lotus-bs-warning);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-warning-rgb);
}

.btn-outline-danger {
    --bs-btn-color: var(--lotus-bs-danger);
    --bs-btn-border-color: var(--lotus-bs-danger);
    --bs-btn-hover-color: var(--lotus-bs-danger-fg);
    --bs-btn-hover-bg: var(--lotus-bs-danger);
    --bs-btn-hover-border-color: var(--lotus-bs-danger);
    --bs-btn-active-color: var(--lotus-bs-danger-fg);
    --bs-btn-active-bg: var(--lotus-bs-danger-active);
    --bs-btn-active-border-color: var(--lotus-bs-danger-active);
    --bs-btn-disabled-color: var(--lotus-bs-danger);
    --bs-btn-disabled-border-color: var(--lotus-bs-danger);
    --bs-btn-focus-shadow-rgb: var(--lotus-bs-danger-rgb);
}

/* —— ۹.۴ فرم ——
   siteV*.css قانون .form-control{border:...!important} دارد و چون !important
   است هم بر تم، هم بر :focus و هم بر .is-invalid خودِ بوت‌استرپ غالب می‌ماند.
   پس مرزِ پایه اینجا با !important بازنویسی می‌شود (فقط برای همان یک قانون)
   و بلافاصله بعدش حالت‌های فوکوس و خطا با !important برمی‌گردند.
   .form-select عمداً !important نمی‌گیرد: رقیبی ندارد و !important آنجا فقط
   مرز قرمز اعتبارسنجی را از کار می‌انداخت. */
.form-control {
    border: 1px solid var(--lotus-input-border) !important;
}

.form-select {
    border-color: var(--lotus-input-border);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--lotus-input-focus-border) !important;
    box-shadow: 0 0 0 .25rem var(--lotus-input-focus-ring);
}

/* بعد از قانون فوکوس بیاید: هم‌وزن است و در تساوی، ترتیب فایل تعیین می‌کند.
   کلاس is-invalid را formValidation.js روی فیلد می‌گذارد. */
.form-control.is-invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid {
    border-color: var(--lotus-bs-danger) !important;
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--lotus-bs-danger-rgb), .25);
}

.form-check-input:checked {
    background-color: var(--lotus-check-bg);
    border-color: var(--lotus-check-bg);
}

.form-check-input:focus:not(:checked) {
    /* دستهٔ سوئیچ خاموش: آیکن SVG بوت‌استرپ آبی ثابت است و در تم دیگر ناجور می‌شود */
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23868e96'/%3e%3c/svg%3e");
}

.input-group-text {
    background-color: var(--lotus-surface-muted);
    border-color: var(--lotus-input-border);
}

.cis-form-section-title {
    color: var(--lotus-section-title) !important;
}

/* —— ۹.۵ کارت ——
   .cis-card-header--brand جای style سرخط ثابتی را گرفته که ۷۳ قالب داخلی
   روی .card-header داشتند. رنگ متن هم از توکن می‌آید، پس تم روشن هم ممکن است. */
.card {
    --bs-card-border-color: var(--lotus-card-border);
    --bs-card-cap-bg: var(--lotus-card-cap-bg);
    --bs-card-cap-color: var(--lotus-card-cap-fg);
}

.cis-card-header--brand {
    background: var(--lotus-card-head-brand-bg);
    color: var(--lotus-card-head-brand-fg);
    border-bottom-color: transparent;
}

.cis-card-header--brand .bi,
.cis-card-header--brand i {
    color: inherit;
}

/* هویت سوژهٔ صفحه (مثلاً کاربری که دسترسی/رمزش ویرایش می‌شود) */
.cis-subject-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.cis-subject-banner__username {
    font-weight: 400;
    opacity: .9;
}

.cis-subject-banner__username::before {
    content: "(";
}

.cis-subject-banner__username::after {
    content: ")";
}

.cis-subject-banner--on-brand {
    color: inherit;
}

/* کارت با سطح ملایم — جای style="background:#f8fbfd" در قالب‌های داخلی */
.cis-card--soft {
    background: var(--lotus-surface-soft);
}

.cis-report-card__header {
    background: var(--lotus-card-head-brand-bg);
    color: var(--lotus-card-head-brand-fg);
}

/* —— ۹.۶ آکاردئون —— */
.accordion {
    --bs-accordion-border-color: var(--lotus-accordion-border);
    --bs-accordion-btn-bg: var(--lotus-accordion-bg);
    --bs-accordion-btn-color: var(--lotus-accordion-fg);
    --bs-accordion-active-bg: var(--lotus-accordion-active-bg);
    --bs-accordion-active-color: var(--lotus-accordion-active-fg);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem var(--lotus-accordion-ring);
}

.cis-accordion__button {
    color: var(--lotus-accordion-fg);
    background-color: var(--lotus-accordion-bg);
}

.cis-accordion__button:hover {
    color: var(--lotus-accordion-fg);
    background-color: var(--lotus-accordion-hover-bg);
}

.cis-accordion__button:focus {
    color: var(--lotus-accordion-fg);
    background-color: var(--lotus-accordion-hover-bg);
    box-shadow: inset 0 0 0 .2rem var(--lotus-accordion-ring);
}

.cis-accordion__button:not(.collapsed) {
    color: var(--lotus-accordion-active-fg);
    background-color: var(--lotus-accordion-active-bg);
    box-shadow: inset 0 -1px 0 var(--lotus-accordion-border);
}

/* —— ۹.۷ جدول بوت‌استرپ —— */
.table {
    --bs-table-border-color: var(--lotus-table-border);
    --bs-table-striped-bg: var(--lotus-table-striped-bg);
    --bs-table-hover-bg: var(--lotus-table-hover-bg);
}

.table-light {
    --bs-table-color: var(--lotus-table-head-fg);
    --bs-table-bg: var(--lotus-table-head-bg);
    --bs-table-border-color: var(--lotus-table-border);
}

/* —— ۹.۸ هشدار —— */
.alert-primary {
    --bs-alert-color: var(--lotus-bs-primary-active);
    --bs-alert-bg: var(--lotus-bs-primary-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-primary-rgb), .35);
    --bs-alert-link-color: var(--lotus-bs-primary-active);
}

.alert-secondary {
    --bs-alert-color: var(--lotus-bs-secondary-active);
    --bs-alert-bg: var(--lotus-bs-secondary-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-secondary-rgb), .35);
    --bs-alert-link-color: var(--lotus-bs-secondary-active);
}

.alert-success {
    --bs-alert-color: var(--lotus-bs-success-active);
    --bs-alert-bg: var(--lotus-bs-success-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-success-rgb), .35);
    --bs-alert-link-color: var(--lotus-bs-success-active);
}

.alert-info {
    --bs-alert-color: var(--lotus-bs-info-active);
    --bs-alert-bg: var(--lotus-bs-info-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-info-rgb), .35);
    --bs-alert-link-color: var(--lotus-bs-info-active);
}

.alert-warning {
    --bs-alert-color: var(--lotus-tone-warning-ink);
    --bs-alert-bg: var(--lotus-bs-warning-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-warning-rgb), .45);
    --bs-alert-link-color: var(--lotus-tone-warning-ink);
}

.alert-danger {
    --bs-alert-color: var(--lotus-bs-danger-active);
    --bs-alert-bg: var(--lotus-bs-danger-soft);
    --bs-alert-border-color: rgba(var(--lotus-bs-danger-rgb), .35);
    --bs-alert-link-color: var(--lotus-bs-danger-active);
}

/* —— ۹.۹ تب —— */
.nav-tabs {
    --bs-nav-tabs-border-color: var(--lotus-tab-border);
    --bs-nav-link-color: var(--lotus-tab-text);
    --bs-nav-link-hover-color: var(--lotus-tab-active-text);
    --bs-nav-tabs-link-active-color: var(--lotus-tab-active-text);
    --bs-nav-tabs-link-active-border-color: var(--lotus-tab-border) var(--lotus-tab-border) transparent;
    border-bottom-color: var(--lotus-tab-border);
}

.nav-tabs > li a {
    color: var(--lotus-tab-text);
}

.nav-tabs .nav-link.active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--lotus-tab-active-text);
}

.nav-tabs .nav-link.active::before,
.nav-tabs > li.active > a:before {
    background-color: var(--lotus-tab-active-bar);
}

.nav-tabs > li.active > a:after {
    border-top-color: var(--lotus-tab-active-bar);
}

/* —— ۹.۱۰ کارت خلاصه و بخش فیلتر ——
   نوار کناری و دیسک آیکن؛ نقششان تفکیک بصری چهار بلوک کنار هم است نه معنا.

   دو خانواده عمداً جدا نوشته شده‌اند: کارت خلاصه border-width سه ضلعش صفر است
   پس border-color کلی بی‌خطر است، ولی بخش فیلتر قاب کامل دارد و فقط ضلع
   inline-start باید رنگ بگیرد — وگرنه کل قاب رنگی می‌شود. */
.cis-stat-card--primary {
    border-color: var(--lotus-tone-primary);
}

.cis-filter-section--primary {
    border-inline-start-color: var(--lotus-tone-primary);
}

.cis-stat-card--primary .cis-stat-card__icon,
.cis-filter-section--primary .cis-filter-section__icon {
    background-color: var(--lotus-tone-primary-soft);
    color: var(--lotus-tone-primary);
}

.cis-stat-card--info {
    border-color: var(--lotus-tone-info);
}

.cis-filter-section--info {
    border-inline-start-color: var(--lotus-tone-info);
}

.cis-stat-card--info .cis-stat-card__icon,
.cis-filter-section--info .cis-filter-section__icon {
    background-color: var(--lotus-tone-info-soft);
    color: var(--lotus-tone-info);
}

.cis-stat-card--success {
    border-color: var(--lotus-tone-success);
}

.cis-filter-section--success {
    border-inline-start-color: var(--lotus-tone-success);
}

.cis-stat-card--success .cis-stat-card__icon,
.cis-filter-section--success .cis-filter-section__icon {
    background-color: var(--lotus-tone-success-soft);
    color: var(--lotus-tone-success);
}

.cis-filter-section--warning {
    border-inline-start-color: var(--lotus-tone-warning);
}

.cis-filter-section--warning .cis-filter-section__icon {
    background-color: var(--lotus-tone-warning-soft);
    color: var(--lotus-tone-warning-ink);
}

/* purple نام تاریخی این تُن است؛ مقدارش را تم تعیین می‌کند و لزوماً بنفش نیست */
.cis-stat-card--purple {
    border-color: var(--lotus-tone-accent);
}

.cis-filter-section--purple {
    border-inline-start-color: var(--lotus-tone-accent);
}

.cis-stat-card--purple .cis-stat-card__icon,
.cis-filter-section--purple .cis-filter-section__icon {
    background-color: var(--lotus-tone-accent-soft);
    color: var(--lotus-tone-accent);
}

.cis-filter-section__title {
    color: var(--lotus-section-title);
}

.cis-filter-section--primary .cis-filter-section__head {
    background: linear-gradient(90deg, rgba(var(--lotus-bs-primary-rgb), .09) 0%, transparent 72%);
}

.cis-filter-section--info .cis-filter-section__head {
    background: linear-gradient(90deg, rgba(var(--lotus-bs-info-rgb), .09) 0%, transparent 72%);
}

.cis-filter-section--success .cis-filter-section__head {
    background: linear-gradient(90deg, rgba(var(--lotus-bs-success-rgb), .09) 0%, transparent 72%);
}

.cis-filter-section--warning .cis-filter-section__head {
    background: linear-gradient(90deg, rgba(var(--lotus-bs-warning-rgb), .12) 0%, transparent 72%);
}

.cis-filter-section--purple .cis-filter-section__head {
    background: linear-gradient(90deg, rgba(var(--lotus-bs-accent-rgb), .09) 0%, transparent 72%);
}

.cis-filter-section:hover {
    box-shadow: 0 .2rem .65rem rgba(var(--lotus-bs-primary-rgb), .12);
}

.cis-filter-switches {
    background-color: var(--lotus-surface-muted);
    border-color: rgba(var(--lotus-bs-primary-rgb), .18);
}

.cis-filter-actions {
    background: linear-gradient(180deg, var(--lotus-surface-muted) 0%, #fff 100%);
}

.cis-stat-total--payable {
    background-color: var(--lotus-stat-total-payable-bg);
    border-color: var(--lotus-stat-total-payable-border);
}