/* نوار عنوان ستون‌های جدول — یک رنگ برای همهٔ جدول‌های پنل
   (تسک ۱۴۰۵/۰۷/۲۴ شمارهٔ ۱۴، «یکسان‌سازی رنگ نوار عنوان ستون‌های جداول»).

   **رنگ، همان رنگ صفحهٔ «کاربران» است، بدون هیچ تغییری:** `#287d65`، که تسک ۱۳
   در `panel-site-users.css` و فقط برای فهرست کاربران گذاشته بود و حالا تأیید
   شده است. همان قواعد از آن فایل به اینجا آمده‌اند و آن فایل دیگر رنگی برای
   سرستون ندارد، پس این رنگ فقط یک جا تعریف شده است. متن سفید روی آن کنتراست
   ۵٫۱ به ۱ دارد. رنگ مات است — بدون شفافیت — و در تم روشن و تیره یکی است.

   سراسری بار می‌شود (`AdminPanelServiceProvider`، HEAD_END، آخرین شیوه‌نامهٔ
   سراسری)، و فقط به دو چیز می‌رسد:

   1. **جدول‌های خودِ فیلامنت** — `.fi-ta-ctn .fi-ta-table > thead`: فهرست هر
      مدیریت، Relation Manager زیر تب‌ها، جدول ویجت‌های داشبورد و جدول داخل
      پنجره‌ها همه همین یک کامپوننت‌اند. ردیف گروه ستون‌ها (عنوان چندسطحی) هم در
      همین `<thead>` است و همان رنگ را می‌گیرد.
   2. **جدول‌هایی که دستی در Blade نوشته شده‌اند** — فقط وقتی `<thead>`شان کلاس
      `baligpa-thead` دارد. این انتخابی است، نه پیش‌فرض: هر `<thead>` پنل یا این
      کلاس را دارد یا در فهرست استثناهای `PanelTableHeaderColourTest` با دلیلش
      آمده — جدول رده‌بندی، جدول تحلیل رقابت و تابلوی مشترک بکاپ — و جدولی که
      فردا اضافه شود تا تکلیفش روشن نشود آزمون را رد می‌کند.

   هیچ قاعده‌ای اینجا به `header`، `tr` یا `th` به‌تنهایی نمی‌رسد: نوار بالای
   پنل، هدر صفحه (`.fi-ta-page-header`، عنوان و تعداد رکوردها)، منوها، تب‌ها،
   عنوان کارت‌ها، ردیف‌های داده، `tfoot` و جدول‌هایی که داخل متن خبر یا
   ویرایشگر نوشته می‌شوند دست نمی‌خورند. */

:root {
    --baligpa-table-header-bg: #287d65;
    --baligpa-table-header-fg: #ffffff;
}

/* ── جدول‌های فیلامنت ───────────────────────────────────────────────────────
 *
 * رنگ روی خودِ سلول‌های `<th>` کشیده می‌شود، نه روی `<tr>`: `theme.css` به هر
 * سلول سرستون پس‌زمینهٔ مات می‌دهد (تا ردیف چسبان هنگام اسکرول، ردیف‌های زیرش را
 * نشان ندهد) و در تم تیره یک لایهٔ ۵٪ سفید هم رویش می‌کشد؛ رنگی روی `<tr>` زیر
 * آن‌ها پنهان می‌ماند. چون همهٔ سلول‌ها — سلول انتخاب، سلول خالی ستون دکمه‌ها و
 * سلول گروه ستون‌ها — رنگ می‌گیرند، سبز تمام عرض ردیف را می‌پوشاند. خط زیر ردیف
 * همان `box-shadow` قبلی است، کمی تیره‌تر تا روی سبز دیده شود. */
.fi-ta-ctn .fi-ta-table > thead > tr > th,
.dark .fi-ta-ctn .fi-ta-table > thead > tr > th {
    background-color: var(--baligpa-table-header-bg);
    background-image: none;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.25);
    color: var(--baligpa-table-header-fg);
}

.fi-ta-ctn .fi-ta-table > thead .fi-ta-header-cell-label,
.dark .fi-ta-ctn .fi-ta-table > thead .fi-ta-header-cell-label,
.fi-ta-ctn .fi-ta-table > thead .fi-table-header-group-cell span,
.dark .fi-ta-ctn .fi-ta-table > thead .fi-table-header-group-cell span {
    color: var(--baligpa-table-header-fg);
}

/* آیکون مرتب‌سازی: سفید نیمه‌شفاف در حالت عادی، سفید کامل روی ستونی که
   مرتب‌سازی روی آن است و زیر نشانگر — همان دو درجهٔ روشنایی خودِ پنل. */
.fi-ta-ctn .fi-ta-table > thead .fi-ta-header-cell-sort-icon,
.dark .fi-ta-ctn .fi-ta-table > thead .fi-ta-header-cell-sort-icon {
    color: rgb(255 255 255 / 0.7);
}

.fi-ta-ctn .fi-ta-table > thead [aria-sort] .fi-ta-header-cell-sort-icon,
.fi-ta-ctn .fi-ta-table > thead .group:hover .fi-ta-header-cell-sort-icon,
.fi-ta-ctn .fi-ta-table > thead .group:focus-visible .fi-ta-header-cell-sort-icon,
.dark .fi-ta-ctn .fi-ta-table > thead [aria-sort] .fi-ta-header-cell-sort-icon,
.dark .fi-ta-ctn .fi-ta-table > thead .group:hover .fi-ta-header-cell-sort-icon,
.dark .fi-ta-ctn .fi-ta-table > thead .group:focus-visible .fi-ta-header-cell-sort-icon {
    color: var(--baligpa-table-header-fg);
}

/* ── جدول‌های دستی ──────────────────────────────────────────────────────────
 *
 * `!important` اینجا عمدی است و فقط روی همین سه خاصیت: بیش از ده شیوه‌نامهٔ
 * صفحه‌ای (`.pm-cmp thead th`، `.fi-emp-table th`، `.act-table th`، …) و کلاس‌های
 * Tailwind روی خودِ `<thead>`/`<th>` (`bg-gray-50`، `text-gray-500`) هرکدام
 * سرستون را خاکستری کرده‌اند، با وزن‌های مختلف و در ترتیب‌های بارگذاری مختلف.
 * برنده کردن یک رنگ بر همهٔ آن‌ها بدون `!important` یعنی دست بردن در تک‌تک آن
 * فایل‌ها — همان «تعریف پراکنده» که این تسک برمی‌دارد. فاصله، چینش، عرض و
 * مرز سلول‌ها همان است که بود. */
thead.baligpa-thead > tr > th {
    background-color: var(--baligpa-table-header-bg) !important;
    background-image: none !important;
    color: var(--baligpa-table-header-fg) !important;
}

/* متن، لینک و دکمهٔ مرتب‌سازی داخل سرستون — نه فیلد ورودی، که اگر جایی در
   سرستون باشد، رنگ خودش را نگه می‌دارد. */
thead.baligpa-thead > tr > th :where(*:not(input, select, textarea, option)) {
    color: inherit !important;
}
