/* =====================================================================
   Modern card-style tables — Chatsky ISP (global · RTL)
   طبقة عامة تُحوّل كل الجداول لمظهر بطاقة عصري دون لمس قوالب Blade.
   قابلة للتراجع: احذف رابط <link> من الـlayouts.   2026-06-17
   ===================================================================== */

/* الحاوية = بطاقة (تغطّي الجداول داخل .table-responsive) */
.table-responsive {
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(16, 24, 40, .08);
  border: 1px solid #eceef3;
  background: #fff;
  overflow: auto;                 /* يقصّ للحواف المدوّرة ويُبقي التمرير الأفقي */
}

.table {
  margin-bottom: 0;
  --bs-table-hover-bg: rgba(43, 58, 82, .06);   /* إبراز أوضح عند التمرير */
}

/* ترويسة ملوّنة عصرية (تتجاوز table-light/table-dark في الرأس فقط) */
.table > thead > tr > th,
.table > thead > tr > td {
  background-color: #2b3a52 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .05));
  color: #fff !important;
  font-weight: 700;
  border-bottom: none !important;
  box-shadow: none !important;     /* يزيل تظليل Bootstrap الفاتح للرأس */
  white-space: nowrap;
  padding: .9rem 1rem;
  vertical-align: middle;
}
.table > thead a,
.table > thead .sort-link,
.table > thead button.btn-link { color: #fff !important; text-decoration: none; }

/* خلايا الجسم: تباعد مريح + توسيط عمودي */
.table > tbody > tr > td,
.table > tbody > tr > th {
  padding: .8rem 1rem;
  vertical-align: middle;
}

/* جداول داخل بطاقة Bootstrap بلا .table-responsive: قصّ ناعم للحواف */
.card > .card-body > .table:only-child { border-radius: 10px; overflow: hidden; }

/* احترام ألوان الصفوف الدلالية في الجسم (نجاح/خطر/تحذير) — لا نلمسها */