/* ═══════════════════════════════════════════════════════════════
   portal-premium.css — تمريرة الفخامة (مُعمَّمة)
   تُفعَّل على أي صفحة تحمل body.premium.
   تخطيط أوسع · هرمية أوضح · عمق ناعم · ذهبي نادر — ألوان الهوية فقط.
   ═══════════════════════════════════════════════════════════════ */

/* ── فراغ المحتوى ── */
.premium .main { padding: 28px 32px 72px !important; }

/* ── بطاقات المؤشرات (KPI) ── */
.premium .stats-grid,
.premium .client-kpi-row { gap: 16px !important; margin-bottom: 24px !important; }

/* كرت المؤشرات الأخضر+الكحلي الفاخر — موحّد على كل الصفحات */
html[data-theme] body.premium .stat-card,
html[data-theme] body.premium .client-kpi,
html[data-theme] body.premium .an-kpi,
html[data-theme] body.premium .kpi-card {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  padding: 24px 20px !important;
  min-height: 150px;
  background: linear-gradient(105deg, #15294d 0%, #173d2b 52%, #2d6a4f 100%) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-top: 2px solid #d9a443 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(12,24,30,.22) !important;
  color: #ffffff !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
html[data-theme] body.premium .stat-card::before,
html[data-theme] body.premium .client-kpi::before,
html[data-theme] body.premium .an-kpi::before { display: none !important; }
html[data-theme] body.premium .stat-card:hover,
html[data-theme] body.premium .client-kpi:hover,
html[data-theme] body.premium .an-kpi:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(12,24,30,.32) !important;
}
html[data-theme] body.premium .stat-num,
html[data-theme] body.premium .client-kpi-num,
html[data-theme] body.premium .an-kpi-num {
  font-size: 40px !important; font-weight: 900 !important;
  color: #ffffff !important; line-height: 1; letter-spacing: -.5px;
}
html[data-theme] body.premium .stat-label,
html[data-theme] body.premium .client-kpi-lbl,
html[data-theme] body.premium .an-kpi-lbl {
  font-size: 14px !important; font-weight: 800 !important; color: #ffffff !important; margin-top: 9px;
}
html[data-theme] body.premium .stat-sub { font-size: 11px !important; color: rgba(255,255,255,.6) !important; font-weight: 600 !important; }
/* نص "اضغط للعرض" أسفل بطاقات العملاء فوق الأخضر */
html[data-theme] body.premium .client-kpi > div:last-child { color: rgba(255,255,255,.6) !important; }

/* ── شريط العدّ (Hero) — حيثما وُجد ── */
.premium .countdown-banner {
  padding: 24px 30px !important;
  border-radius: 18px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 12px 32px rgba(16,37,29,.18) !important;
  transition: box-shadow .2s ease !important;
}
.premium .countdown-icon {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(232,181,71,.55);
  border-radius: 50%; font-size: 0;
}
.premium .countdown-icon svg { width: 24px; height: 24px; }
.premium .countdown-name { font-size: 18px !important; font-weight: 900 !important; }

/* ── الأقسام والبطاقات والمخططات ── */
.premium .table-section,
.premium .side-card,
.premium .table-card,
.premium .chart-card-light,
.premium .an-card,
.premium .compare-card {
  border-radius: 18px !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 2px 16px rgba(20,41,77,.05) !important;
  transition: all .2s ease !important;
}
.premium .section-header { padding: 18px 24px !important; background: #ffffff !important; }

/* عناوين أكبر وأجرأ + خط ذهبي رفيع نادر */
.premium .section-title,
.premium .chart-card-title {
  font-size: 19px !important; font-weight: 900 !important;
  color: var(--navy) !important;
}
.premium .section-title::before { display: none !important; }
.premium .section-title::after,
.premium .chart-card-title::after {
  content: ''; display: block;
  width: 32px; height: 2px; margin-top: 8px;
  background: var(--gold); border-radius: 2px;
}

/* عنوان الهيدر أقوى + لوجو في بطاقة بيضاء */
.premium .logo-text { font-size: 24px !important; font-weight: 900 !important; letter-spacing: .3px; }
.premium .header-logo img {
  background: #ffffff; padding: 7px 13px; border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
}

/* ── الجدول: تنفّس أكثر ── */
.premium thead th { padding: 15px 16px !important; font-weight: 800 !important; letter-spacing: .2px; }
.premium tbody td { padding: 13px 16px !important; }
.premium tbody tr { transition: background .18s ease !important; }

/* ── الفلاتر: حبوب أنعم ── */
.premium .filters { padding: 15px 24px !important; gap: 9px !important; }
.premium .filter-btn { border-radius: 999px !important; padding: 7px 16px !important; transition: all .2s ease !important; }

/* ═══════════════ تمريرة المحتوى: مؤشرات · جدول ═══════════════ */

/* شريط التنبيه العلوي مُلغى — بديله نبض حبة الحالة داخل كرتي حرجة/ضمان */
.page-tenders .alert-banner { display: none !important; }

/* نبض حبة الحالة عند وجود حالات تحتاج انتباه (تنوّر وتطفي) */
@keyframes pillBlink { 0%, 100% { opacity: 1; } 50% { opacity: .28; } }
.page-tenders .kc-pill.blink { animation: pillBlink 1.1s ease-in-out infinite; }
/* إيقاف نبض الكرت الكامل — نكتفي بنبض الحبة */
.page-tenders .stat-card.c-urgent { animation: none !important; }

/* بطاقات المؤشرات — مطابقة للمرجع: مزيج أخضر+كحلي · أيقونة ذهبية بالزاوية ·
   نص موسّط · حبة حالة بالزاوية السفلية · خط ذهبي علوي */
html[data-theme] body.page-tenders .stat-card {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  padding: 26px 20px 52px !important;
  min-height: 172px;
  background: linear-gradient(105deg, #15294d 0%, #173d2b 52%, #2d6a4f 100%) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-top: 2px solid #d9a443 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(12,24,30,.24) !important;
  color: #ffffff !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
html[data-theme] body.page-tenders .stat-card::before { display: none !important; }
html[data-theme] body.page-tenders .stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(12,24,30,.34) !important;
}
.page-tenders .kc-ic { display: none !important; }
/* النصوص (موسّطة) */
.page-tenders .stat-card .stat-num { font-size: 42px !important; font-weight: 900 !important; color: #ffffff !important; line-height: 1; letter-spacing: -.5px; }
.page-tenders .stat-card .stat-label { font-size: 14.5px !important; font-weight: 800 !important; color: #ffffff !important; margin-top: 9px; }
.page-tenders .stat-card .stat-sub { font-size: 11px !important; font-weight: 600 !important; color: rgba(255,255,255,.6) !important; margin-top: 3px; }
/* حبة الحالة بالزاوية السفلية (يسار في RTL) */
.page-tenders .kc-pill {
  position: absolute; bottom: 16px; inset-inline-end: 18px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: 999px;
  font-size: 11px; font-weight: 800;
  background: var(--pill-bg, rgba(255,255,255,.1));
  color: var(--pill-fg, #fff);
  border: 1px solid var(--pill-bd, transparent);
}
.page-tenders .kc-pill svg { width: 12px; height: 12px; stroke: currentColor; }
/* ألوان حبوب الحالة (دلالة واضحة فوق الأخضر الداكن) */
.page-tenders .stat-card.c-blue   { --pill-bg: rgba(125,220,170,.15); --pill-fg: #8fe3b4; --pill-bd: rgba(125,220,170,.28); }
.page-tenders .stat-card.c-yellow { --pill-bg: rgba(217,164,67,.16);  --pill-fg: #ecc25f; --pill-bd: rgba(217,164,67,.30); }
.page-tenders .stat-card.c-orange { --pill-bg: rgba(217,164,67,.16);  --pill-fg: #ecc25f; --pill-bd: rgba(217,164,67,.30); }
.page-tenders .stat-card.c-teal   { --pill-bg: rgba(125,220,170,.15); --pill-fg: #8fe3b4; --pill-bd: rgba(125,220,170,.28); }
.page-tenders .stat-card.c-urgent { --pill-bg: rgba(224,90,78,.18);   --pill-fg: #ff9181; --pill-bd: rgba(224,90,78,.34); }

/* شارات الأولوية: أنعم */
.premium .urgency-badge {
  padding: 5px 13px !important; border-radius: 999px !important;
  font-size: 11.5px !important; font-weight: 800 !important;
}

/* الجدول: قراءة أوضح */
.premium .title-text { font-weight: 800 !important; color: #1a2332 !important; }
.premium .date-text { color: #5a6678 !important; font-variant-numeric: tabular-nums; }
.premium tbody tr:hover { background: var(--surface-2,#f4f8f3) !important; }

/* ═══════════════ لوحات التوزيع الجانبية (تنظيف من الكريمي/الذهبي القديم) ═══════════════ */
.premium .owner-row,
.premium .legend-item,
.premium .metric {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.premium .owner-row:hover,
.premium .owner-row.active-owner { background: var(--surface-2, #f4f8f3) !important; }
.premium .owner-row.active-owner { border-inline-start: 3px solid var(--gold) !important; }
.premium .owner-bar-wrap,
.premium .bar-track,
.premium .percent-track {
  background: #e7ece9 !important; border: none !important;
  height: 6px !important; border-radius: 999px !important;
}
.premium .owner-bar,
.premium .bar-fill { border-radius: 999px !important; }
.premium .owner-count { color: var(--navy) !important; font-weight: 800 !important; }
/* توحيد ألوان الأشرطة على الهوية (كحلي/أخضر/ذهبي) بدل البنّي/البنفسجي */
.premium .owner-row:nth-child(5n+1) .owner-bar, .premium .bar-row:nth-child(5n+1) .bar-fill { background: linear-gradient(90deg,#1b3a6b,#3a6fc4) !important; }
.premium .owner-row:nth-child(5n+2) .owner-bar, .premium .bar-row:nth-child(5n+2) .bar-fill { background: linear-gradient(90deg,#2d6a4f,#40916c) !important; }
.premium .owner-row:nth-child(5n+3) .owner-bar, .premium .bar-row:nth-child(5n+3) .bar-fill { background: linear-gradient(90deg,#c7922c,#e0b75b) !important; }
.premium .owner-row:nth-child(5n+4) .owner-bar, .premium .bar-row:nth-child(5n+4) .bar-fill { background: linear-gradient(90deg,#173d2b,#2d6a4f) !important; }
.premium .owner-row:nth-child(5n+5) .owner-bar, .premium .bar-row:nth-child(5n+5) .bar-fill { background: linear-gradient(90deg,#254d8f,#3a6fc4) !important; }

/* ═══════════════ العمليات: لمسة فخامة محايدة (شكل + ظل + عنوان فقط) ═══════════════
   لا مساس بألوان الأقسام ولا بأي منطق. */
.premium .insight-card,
.premium .drawer-section,
.premium .chart-card,
.premium .kanban {
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(20,41,77,.06) !important;
}
.premium .insight-head,
.premium .panel-title,
.premium .performance-head,
.premium .calendar-head,
.premium .dept-strip-title { font-weight: 900 !important; letter-spacing: .2px; }

/* ═══════════════ إزالة الهيدر العلوي (للعلامة فقط) — عدا التقارير/المحفظة ═══════════════
   التقارير بلا هيدر أصلاً، والمحفظة خارج premium، فلا تتأثران.
   العمليات تستخدم ops-topbar (بحث وأدوات) ولا تُزال هنا. */
.premium .header,
.premium .ops-topbar { display: none !important; }
/* تعزيز إخفاء كل أزرار/قوائم التصدير */
.premium .export-wrap,
.premium .export-btn,
.premium .export-excel-btn,
.premium .export-dropdown,
.premium .export-toast { display: none !important; }

/* ═══════════════ وضوح أعلى لجدول المناقصات (تباين + مقاس + وزن) ═══════════════ */
.page-tenders #tenders-table tbody td { font-size: 13.5px !important; color: #1f2937 !important; line-height: 1.5 !important; }
.page-tenders #tenders-table .title-text { font-size: 14px !important; font-weight: 800 !important; color: #14202f !important; }
.page-tenders #tenders-table .owner-text { font-size: 12px !important; color: #4a5a70 !important; font-weight: 600 !important; }
.page-tenders #tenders-table .date-text  { font-size: 12.5px !important; color: #3c4a5e !important; font-weight: 600 !important; }
/* تغميق نصوص الجداول عموماً عبر الصفحات (وضوح أفضل) */
.premium tbody td { color: #1f2937 !important; }

/* إخفاء أيقونات الإيموجي داخل بطاقات المؤشرات (تشوّش البطاقة الخضراء) */
.premium .stat-icon-wrap,
.premium .an-kpi-icon { display: none !important; }