/*
================================================================================
 Phoenix / Peyman — Global Telerik RadGrid Fix
================================================================================
 Root Cause (Bug: Header سفید و ناخوانا در ستون Sort شده RadGrid):
   اسکین سراسری RadGrid در پروژه «MetroTouch» است (PhxTelerik.GridToPersian /
   GridToEnglish → rg.Skin = "MetroTouch") و CSS امبدشده Telerik.Web.UI.Skins.dll
   (نسخه 2024.4.1114.462) برای ستون مرتب‌شده این قواعد را دارد:

     .RadGrid_MetroTouch th.rgSorted { background-color:#25a0da; }
     .RadGrid_MetroTouch th.rgSorted,
     .RadGrid_MetroTouch th.rgSorted a { color:#fff; }

   یعنی Telerik خودش متن Header ستون Sort شده را سفید می‌کند تا روی پس‌زمینه
   آبی (#25a0da) خوانا باشد. اما در فرم‌هایی که Header سفارشی دارند
   (workspace.css، bid-mng-lst.css، bid-opr.css، ticket.css و ...) پس‌زمینه
   th با !important روشن (#f8fafc / var(--bm-soft) / var(--phx-bid-subtle))
   override شده، در حالی که color:#fff اسکین سر جایش می‌ماند → متن سفید روی
   پس‌زمینه روشن = Header عملاً خوانایی خود را از دست می‌دهد.

 Fix سراسری (همین فایل):
   ۱) متن و لینک Header ستون مرتب‌شده، تیره می‌شود (خنثی‌سازی color:#fff).
   ۲) پس‌زمینه Header ستون مرتب‌شده، آبی کم‌رنگ می‌شود تا Sort واضح دیده شود؛
      در فرم‌هایی که Header روشن سفارشی دارند نیز همین رنگ ملایم جایگزین
      می‌شود و با طراحی روشن فرم‌ها هم‌خوان است.
   ۳) Hover روی Header مرتب‌شده، کمی تیره‌تر از حالت عادی می‌ماند.

 دلیل استفاده از !important:
   CSS اسکین Telerik به‌صورت WebResource «بعد از» CSSهای صفحه به DOM تزریق
   می‌شود و قواعد آن با specificity دو کلاسه (.RadGrid_MetroTouch th.rgSorted a)
   نوشته شده است؛ علاوه بر آن، CSSهای ماژول‌های مدرن نیز Header را با
   !important بازنویسی کرده‌اند. بدون !important تضمینی برای پیروزی در cascade
   وجود ندارد. !important فقط روی سلکتورهای محدود به RadGrid (th.rgSorted و
   فرزندانش) اعمال شده و سایر جدول‌های سیستم را تحت تأثیر قرار نمی‌دهد.

 Scope:
   همه RadGridهای موجود و آینده در تمام صفحات (manager/modal/home/personel/
   Default + EN + emp) از طریق AssetManager. هیچ فرمی جداگانه تغییر نمی‌کند.
================================================================================
*/

/* ۱) Header ستون مرتب‌شده: پس‌زمینه آبی کم‌رنگ + متن تیره (خوانا در همه ظاهرها) */
.RadGrid th.rgSorted,
.RadGrid th.rgSorted.rgHeader {
    background-color: #e0f2fe !important;
    background-image: none !important;
    color: #0f172a !important;
}

/* ۲) لینک Sort داخل Header مرتب‌شده: خنثی‌سازی color:#fff اسکین MetroTouch */
.RadGrid th.rgSorted > a,
.RadGrid th.rgSorted a {
    color: #0f172a !important;
}

/* ۳) Hover روی Header مرتب‌شده: کمی تیره‌تر؛ با .rgHeader تا از قواعد دو کلاسه ماژول‌ها specificity بالاتری بگیرد */
.RadGrid th.rgSorted:hover,
.RadGrid th.rgSorted.rgHeader:hover {
    background-color: #d3ebfd !important;
    color: #0f172a !important;
}

/* ۴) آیکن فلش Sort (rgSortAsc / rgSortDesc): تیره‌سازی آیکن سفید اسکین برای خوانایی روی پس‌زمینه روشن */
.RadGrid th.rgSorted .rgSortAsc,
.RadGrid th.rgSorted .rgSortDesc {
    filter: brightness(0.55) saturate(3) hue-rotate(170deg);
}