:root {
  --erp-bg: #f4f7fc;
  --erp-surface: #ffffff;
  --erp-text: #1f2a44;
  --erp-muted: #5f6f8a;
  --erp-border: #d9e3f3;
  --erp-primary: #4f46e5;
  --erp-primary-2: #2563eb;
  --erp-success: #3b6d11;      /* ✅ إضافة: لون success منفصل */
  --erp-success-bg: #eaf3de;
  --erp-header-text: #ffffff;
  --erp-sidebar-bg: #081634;
  --erp-sidebar-bg-2: #0b1f46;
  --erp-sidebar-text: #f8fbff;
  --erp-sidebar-muted: #c8d7f2;
  --erp-sidebar-radius: 9px;   /* ✅ قيمة واحدة موحّدة للـ radius */
}

/* ───── Sidebar ───── */
/* ✅ rule واحدة بـ body prefix — حذف التكرار */
body .main-sidebar,
body .main-sidebar .sidebar {
  background: linear-gradient(180deg, var(--erp-sidebar-bg), var(--erp-sidebar-bg-2)) !important;
}

body .main-sidebar .logo,
body .main-sidebar .logo .logo-lg,
body .main-sidebar .logo .logo-mini {
  color: #ffffff !important;
  opacity: 1 !important;
}

body .sidebar-menu > li.header {
  color: var(--erp-sidebar-muted) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

body .sidebar-menu > li > a,
body .sidebar-menu > li > a > span,
body .sidebar-menu > li > a > .fa,
body .sidebar-menu > li > a > .fas,
body .sidebar-menu > li > a > .fab,
body .sidebar-menu > li > a > .glyphicon,
body .sidebar-menu .treeview-menu > li > a,
body .sidebar-menu .treeview-menu > li > a > span,
body .sidebar-menu .treeview-menu > li > a > .fa,
body .sidebar-menu .treeview-menu > li > a > .fas,
body .sidebar-menu .treeview-menu > li > a > .fab {
  color: var(--erp-sidebar-text) !important;
  opacity: 1 !important;
}

/* Active & Hover — موحّد بقيمة واحدة */
body .sidebar-menu > li.active > a,
body .sidebar-menu > li.menu-open > a,
body .sidebar-menu > li:hover > a {
  background: linear-gradient(120deg, var(--erp-primary), var(--erp-primary-2)) !important;
  color: #ffffff !important;
  border-left: 0 !important;
  border-radius: var(--erp-sidebar-radius) !important;
  margin: 1px 6px !important;        /* ✅ مسافة من الحواف للمظهر الـ pill */
}

body .sidebar-menu .treeview-menu {
  background: transparent !important;
  padding-left: 12px !important;     /* ✅ indent واضح للـ sub-items */
}

body .sidebar-menu .treeview-menu > li.active > a,
body .sidebar-menu .treeview-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  border-radius: calc(var(--erp-sidebar-radius) - 2px) !important;
}

/* ───── Buttons ───── */
.btn {
  border-radius: 10px !important;
}

.btn-primary,
.label-primary,
.bg-primary {
  background: linear-gradient(120deg, var(--erp-primary), var(--erp-primary-2)) !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* ✅ btn-success منفصل — لون أخضر مختلف عن الأزرق */
.btn-success {
  background: linear-gradient(120deg, #3b6d11, #639922) !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* ✅ حذف override الـ .text-white الخاطئ */
/* كان: .text-white { color: var(--erp-text) !important; } */
/* ده بيكسر أي نص أبيض متعمّد — أُزيل */