:root {
  /* Brand primary */
  --brand-500: #3E000D;
  --brand-600: #2a0009;
  --brand-400: #520011;
  --brand-300: #660015;
  --brand-rgb: 62, 0, 13;

  /* Gradients (2–3 colors, professional) */
  --brand-gradient: linear-gradient(90deg, var(--brand-500) 0%, var(--brand-400) 55%, var(--brand-300) 100%);
  --brand-gradient-tilt: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 45%, var(--brand-400) 100%);

  /* Surfaces / focus */
  --brand-soft: rgba(var(--brand-rgb), 0.10);
  --brand-soft-2: rgba(var(--brand-rgb), 0.06);
  --brand-ring: rgba(var(--brand-rgb), 0.22);

  /* Bootstrap compatibility */
  --bs-primary: var(--brand-500);
  --bs-primary-rgb: var(--brand-rgb);

  /* Modals (theme green للوحة التحكم) */
  --modal-theme: #233326;
  --modal-theme-bg: rgba(35, 51, 38, 0.06);

  /* لوحة التحكم — لوحة ألوان موحّدة ومتناسقة */
  --dash-primary: #233326;
  --dash-primary-dark: #1c2920;
  --dash-primary-light: #2d4230;
  --dash-accent-1: #1a4a38;
  --dash-accent-2: #236348;
  --dash-accent-3: #2a5d4a;
  --dash-accent-4: #1e5c44;
  --dash-accent-5: #2d4a30;
  --dash-accent-6: #1c4a38;
  --dash-accent-7: #256348;
  --dash-accent-8: #1e4d3a;
  --dash-bg-soft: rgba(35, 51, 38, 0.04);
  --dash-bg-card: #ffffff;
  --dash-border: rgba(35, 51, 38, 0.12);
  --dash-text: #1e293b;
  --dash-text-muted: #64748b;
}

/* Primary surfaces */
.bg-primary {
  background: var(--brand-gradient) !important;
}

.text-primary,
a.text-primary,
.link-primary {
  color: var(--brand-500) !important;
}

a:not(.btn):not(.dropdown-item) {
  color: var(--brand-500);
}
a:not(.btn):not(.dropdown-item):hover {
  color: var(--brand-600);
}

/* Landing header: force white text (override global link coloring) */
.lp-nav a:not(.btn):not(.dropdown-item) {
  color: rgba(255, 255, 255, 0.92) !important;
}
.lp-nav a:not(.btn):not(.dropdown-item):hover {
  color: #ffffff !important;
}
.lp-nav .lp-brand-name,
.lp-nav .lp-brand-tag {
  color: #ffffff !important;
}

/* Buttons */
.btn-primary {
  background: var(--brand-gradient) !important;
  border-color: rgba(var(--brand-rgb), 0.35) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(90deg, var(--brand-600) 0%, var(--brand-500) 55%, var(--brand-400) 100%) !important;
  border-color: rgba(var(--brand-rgb), 0.45) !important;
}

.btn-outline-primary {
  color: var(--brand-500) !important;
  border-color: rgba(var(--brand-rgb), 0.45) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background: var(--brand-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* =========================
   Admin panel (Dashboard)
   - Force primary/theme color to new brand green
   - Colorize sidebar icons (scoped)
   ========================= */
body.theme-1,
body.theme-2,
body.theme-3,
body.theme-4,
body.theme-5,
body.theme-6,
body.theme-7,
body.theme-8,
body.theme-9,
body.theme-10,
body.custom-color {
  --theme-color: #233326 !important;
  --second-color: #1c2920 !important;
  --third-color: rgba(35, 51, 38, 0.15) !important;
  --bs-primary: #233326 !important;
  --bs-primary-rgb: 35, 51, 38 !important;
}

/* Header: خلفية أبيش/باهتة مع نص وأيقونات غامقة للوضوح */
.dash-header .header-wrapper,
.dash-header.transprent-bg .header-wrapper {
  background: #f5f6f8 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
/* النص والأيقونات عامةً غامقة (لو بقي أي عنصر خارج البطاقات) */
.dash-header .dash-head-link,
.dash-header .dash-head-link.dropdown-toggle span,
.dash-header .dash-head-link .text-store {
  color: #1e293b !important;
}
.dash-header .dash-head-link i,
.dash-header .dash-head-link .nocolor {
  color: #1e293b !important;
}
.dash-header .dash-head-link:hover i,
.dash-header .dash-head-link:hover .nocolor {
  color: #0f172a !important;
}
.dash-header .dash-head-link svg,
.dash-header .dash-head-link svg * {
  stroke: #1e293b !important;
  fill: #1e293b !important;
}

/* ===========================
   بطاقات الهيدر: خلفية بيضاء وحد خفيف مع أيقونات/نص بلون الثيم
   =========================== */
.dash-header .header-icon-list .dash-head-link,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link,
.dash-header .dash-center-drp .dash-head-link {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  color: var(--theme-color, #233326) !important;
}

.dash-header .header-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px !important;
  line-height: 1;
}

.dash-header .header-action__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(15, 23, 42, 0.06);
  color: #0f172a;
}

.dash-header .header-action__icon svg {
  width: 20px;
  height: 20px;
}

.dash-header .header-action__text {
  font-weight: 700;
  font-size: 13px;
  color: #0f172a;
  white-space: nowrap;
}

.dash-header .header-action__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 28px;
  min-width: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--brand-rgb, 35, 51, 38), 0.18);
  background: rgba(var(--brand-rgb, 35, 51, 38), 0.10);
  color: var(--brand-600, #1c2920);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .4px;
}

/* Color variants */
.dash-header .header-action__icon--blue {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.22);
  color: #2563eb;
}
.dash-header .header-action__icon--green {
  background: rgba(16, 185, 129, 0.14);
  border-color: rgba(16, 185, 129, 0.24);
  color: #059669;
}
.dash-header .header-action__icon--purple {
  background: rgba(124, 58, 237, 0.14);
  border-color: rgba(124, 58, 237, 0.24);
  color: #7c3aed;
}
.dash-header .header-action__icon--slate {
  background: rgba(100, 116, 139, 0.14);
  border-color: rgba(100, 116, 139, 0.24);
  color: #475569;
}

/* Hover: keep card feel */
.dash-header .header-icon-list .dash-head-link.header-action:hover {
  transform: translateY(-1px);
}

/* Mobile: لون الهيدر = مربع لوحة التحكم (أخضر فقط، بدون أحمر) + أيقونات بيضاء موحّدة */
@media (max-width: 575.98px) {
  /* لون الشريط = نفس زر لوحة التحكم (أخضر فقط) */
  header.dash-header,
  header.dash-header.transprent-bg{
    background: linear-gradient(135deg, #1a4a38 0%, #2d4230 45%, #236348 100%) !important;
    border-bottom: 0 !important;
  }
  header.dash-header .header-wrapper,
  header.dash-header.transprent-bg .header-wrapper{
    border-bottom: 0 !important;
    padding: 12px 12px !important;
    background: transparent !important;
  }

  /* إزالة المربع الأبيض عند الضغط (focus/active) */
  header.dash-header .dash-head-link:focus,
  header.dash-header .dash-head-link:active,
  header.dash-header .header-icon-list .dash-head-link:focus,
  header.dash-header .header-icon-list .dash-head-link:active,
  header.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link:focus,
  header.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link:active,
  header.dash-header .dash-center-drp .dash-head-link:focus,
  header.dash-header .dash-center-drp .dash-head-link:active{
    background: transparent !important;
    box-shadow: none !important;
  }

  /* أيقونات: خلفية شفافة وبدون مربعات */
  header.dash-header .header-icon-list .dash-head-link,
  header.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link,
  header.dash-header .dash-center-drp .dash-head-link{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  /* أيقونات حديثة: حجم واحد، لون أبيض فقط */
  header.dash-header .dash-head-link svg{
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-shrink: 0;
  }
  header.dash-header .dash-head-link svg,
  header.dash-header .dash-head-link svg *{
    stroke: #fff !important;
    fill: none !important;
    opacity: 1 !important;
  }
  header.dash-header .dash-head-link svg *[fill]:not([fill="none"]) {
    fill: #fff !important;
  }

  /* زر الهامبرجر أبيض */
  header.dash-header .hamburger-inner,
  header.dash-header .hamburger-inner::before,
  header.dash-header .hamburger-inner::after,
  header.dash-header .burger-menu > span {
    background: #fff !important;
  }

  .dash-header .header-action {
    padding: 9px 10px !important;
    gap: 8px;
  }
  .dash-header .header-action__icon {
    width: auto;
    height: auto;
    min-width: 0;
    border-radius: 0;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
  }
  .dash-header .header-action__text {
    font-size: 12.5px;
  }

  /* IMPORTANT: avoid breaking header on small screens */
  .dash-header .header-action--with-text .header-action__text {
    display: none !important; /* keep icon + tooltip, prevent overflow */
  }

  /* Align with existing header compact rules */
  .dash-header .header-icon-list .dash-head-link.header-action {
    padding: 8px 8px !important;
  }
  .dash-header .header-action__icon {
    width: auto;
    height: auto;
    min-width: 0;
  }

  /* Fix legacy rule in custom.css that hides spans in dropdown toggles */
  .dash-header .dash-head-link.dropdown-toggle.header-action .header-action__icon,
  .dash-header .dash-head-link.dropdown-toggle.header-action .header-action__badge{
    display:inline-flex !important;
  }
  .dash-header .dash-head-link.dropdown-toggle.header-action .drp-arrow{
    display:none !important;
  }

  /* Mobile badge should work on dark bar */
  .dash-header .header-action__badge{
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
  }

  /* Dropdown menus stay WHITE -> ensure items are DARK (fix invisible white text) */
  .dash-header .dropdown-menu.dash-h-dropdown {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
  }
  .dash-header .dropdown-menu.dash-h-dropdown .dropdown-item,
  .dash-header .dropdown-menu.dash-h-dropdown .dropdown-item span,
  .dash-header .dropdown-menu.dash-h-dropdown .dropdown-item .create-store {
    color: #0f172a !important;
  }
  /* style.css hides `.header-wrapper .create-store` under 1199px; re-enable inside dropdown */
  .dash-header .dropdown-menu.dash-h-dropdown .create-store {
    display: inline !important;
  }
  .dash-header .dropdown-menu.dash-h-dropdown .dropdown-item-icon svg,
  .dash-header .dropdown-menu.dash-h-dropdown .dropdown-item-icon svg * {
    stroke: #0f172a !important;
    fill: none !important;
  }
  .dash-header .dropdown-menu.dash-h-dropdown .form-control,
  .dash-header .dropdown-menu.dash-h-dropdown .form-control::placeholder {
    color: #0f172a !important;
  }
  .dash-header .dropdown-menu.dash-h-dropdown .form-control::placeholder {
    opacity: 0.6;
  }
}

.dash-header .header-icon-list .dash-head-link i,
.dash-header .header-icon-list .dash-head-link .nocolor,
.dash-header .header-icon-list .dash-head-link span,
.dash-header .header-icon-list .dash-head-link .text-store,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link i,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link .nocolor,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link span,
.dash-header .dash-center-drp .dash-head-link i,
.dash-header .dash-center-drp .dash-head-link .nocolor,
.dash-header .dash-center-drp .dash-head-link span {
  color: currentColor !important;
}

/* Re-enable "currentColor" SVGs inside the white cards (override the global white SVG rule above) */
.dash-header .header-icon-list .dash-head-link svg,
.dash-header .header-icon-list .dash-head-link svg *,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link svg,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link svg *,
.dash-header .dash-center-drp .dash-head-link svg,
.dash-header .dash-center-drp .dash-head-link svg * {
  stroke: currentColor !important;
  fill: none !important;
}

/* Allow explicitly-filled shapes (e.g., filled path icons) */
.dash-header .header-icon-list .dash-head-link svg *[fill]:not([fill="none"]),
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link svg *[fill]:not([fill="none"]),
.dash-header .dash-center-drp .dash-head-link svg *[fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.dash-header .header-icon-list .dash-head-link:hover,
.dash-header .header-wrapper > ul.list-unstyled.gap-2 .dash-head-link:hover,
.dash-header .dash-center-drp .dash-head-link:hover {
  background: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16) !important;
}

/* Sidebar icon — تكبير الأيقونات ومربعات ملونة (light-sidebar) */
.dash-sidebar .dash-micon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(var(--brand-rgb), 0.10);
  border: 1px solid rgba(var(--brand-rgb), 0.18);
  color: var(--brand-600);
}
.dash-sidebar .dash-micon i {
  font-size: 1.35rem !important;
  color: currentColor !important;
}
.dash-sidebar .dash-micon svg,
.dash-sidebar .dash-micon .custom_svg {
  width: 26px !important;
  height: 26px !important;
  color: currentColor !important;
}
.dash-sidebar .dash-micon svg * {
  stroke: currentColor !important;
}

/* Sidebar logo: circular + smaller + light green border */
.dash-sidebar .m-header .b-brand {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 18px 0 6px;
}
.dash-sidebar .m-header .b-brand img {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(var(--brand-rgb), 0.32) !important;
  padding: 12px;
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.10);
}

/* علامة التوثيق الزرقاء على طرف الشعار الدائري */
.dash-sidebar .m-header .b-brand .logo-verified-badge {
  position: absolute;
  bottom: 4px;
  left: calc(50% + 20px);
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0ea5e9;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #233326;
  box-shadow: 0 2px 6px rgba(14, 165, 233, 0.5);
  box-sizing: border-box;
}
.dash-sidebar .m-header .b-brand .logo-verified-badge svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
html[dir="rtl"] .dash-sidebar .m-header .b-brand .logo-verified-badge {
  left: auto;
  right: calc(50% + 20px);
}
/* رابط المتجر تحت الشعار: يظهر الرابط + أيقونة نسخ */
.dash-sidebar .m-header .sidebar-store-link-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px 18px;
  flex-wrap: wrap;
}
.dash-sidebar .m-header .sidebar-store-link {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--brand-500);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
  flex: 1;
  min-width: 0;
}
.dash-sidebar .m-header .sidebar-store-link:hover {
  color: var(--brand-600);
  text-decoration: underline;
}
.dash-sidebar .m-header .sidebar-store-copy {
  background: rgba(var(--brand-rgb), 0.12);
  border: 1px solid rgba(var(--brand-rgb), 0.2);
  padding: 6px;
  cursor: pointer;
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
}
.dash-sidebar .m-header .sidebar-store-copy:hover {
  background: rgba(var(--brand-rgb), 0.22);
  color: var(--brand-600);
}
.dash-sidebar .m-header .sidebar-store-copy svg {
  width: 16px;
  height: 16px;
}
.dash-sidebar .m-header .sidebar-store-copy svg * {
  stroke: currentColor !important;
}

/* لون القائمة الجانبية #233326 (RGB: 35, 51, 38) */
.dash-sidebar.light-sidebar {
  background: #233326 !important;
}
.dash-sidebar.light-sidebar.transprent-bg {
  background: #233326 !important;
}
.dash-sidebar.light-sidebar .navbar-wrapper,
.dash-sidebar.light-sidebar .navbar-content,
.dash-sidebar.light-sidebar .m-header,
.dash-sidebar.light-sidebar .m-header .sidebar-store-link-wrp {
  background: transparent !important;
}

/* فصل تصميم القائمة الجانبية: إلغاء الخلفية البيضاء (style-rtl / style يضعان background:white على .simplebar-content) */
.dash-sidebar .navbar-content .simplebar-content,
.dash-sidebar .navbar-content .simplebar-content-wrapper,
.dash-sidebar .navbar-content .simplebar-wrapper {
  background: transparent !important;
}

/* عناصر القائمة: خلفية الشفاف، النص أبيض؛ المربعات الملونة منعاً أدناه */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:not(.active) > .dash-link {
  background: transparent !important;
  color: #fff !important;
}
/* الأيقونة داخل المربع: بيضاء دائماً */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link .dash-micon svg *,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link > svg * {
  color: #fff !important;
  stroke: #fff !important;
  fill: #fff !important;
}
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:not(.active) > .dash-link .dash-mtext {
  color: #fff !important;
}

/* مربعات ملونة للأيقونات فقط — لون مختلف لكل بند (القائمة الرئيسية) */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(1) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(1) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(1) > .dash-link > svg { background: #3b82f6 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(2) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(2) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(2) > .dash-link > svg { background: #8b5cf6 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(3) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(3) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(3) > .dash-link > svg { background: #f59e0b !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(4) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(4) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(4) > .dash-link > svg { background: #10b981 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(5) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(5) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(5) > .dash-link > svg { background: #06b6d4 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(6) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(6) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(6) > .dash-link > svg { background: #ec4899 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(7) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(7) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(7) > .dash-link > svg { background: #6366f1 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(8) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(8) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(8) > .dash-link > svg { background: #14b8a6 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(9) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(9) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(9) > .dash-link > svg { background: #f97316 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(10) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(10) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(10) > .dash-link > svg { background: #84cc16 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(11) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(11) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(11) > .dash-link > svg { background: #a855f7 !important; border: none !important; }
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(12) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(12) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(12) > .dash-link > svg { background: #0ea5e9 !important; border: none !important; }
/* من 13 فما فوق: لون افتراضي */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n+13) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n+13) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n+13) > .dash-link > svg { background: #64748b !important; border: none !important; }

/* ——— المربعات خلف الأيقونات: أبيض لجميع عناصر القائمة (تجاوز ألوان nth-child أعلاه) ——— */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n) > .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n) > .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:nth-child(n) > .dash-link > svg {
  background: #fff !important;
  border: none !important;
}

/* ——— قائمة شركة الشحن: الأيقونات ملونة (المربعات بيضاء من القاعدة أعلاه) ——— */

/* أيقونات ملونة للقائمة الرئيسية (مشرف / أدمن) — الأيقونات داخل .dash-micon */
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(1) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(1) > .dash-link .dash-micon svg * { color: #3b82f6 !important; stroke: #3b82f6 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(2) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(2) > .dash-link .dash-micon svg * { color: #8b5cf6 !important; stroke: #8b5cf6 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(3) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(3) > .dash-link .dash-micon svg * { color: #f59e0b !important; stroke: #f59e0b !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(4) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(4) > .dash-link .dash-micon svg * { color: #10b981 !important; stroke: #10b981 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(5) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(5) > .dash-link .dash-micon svg * { color: #06b6d4 !important; stroke: #06b6d4 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(6) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(6) > .dash-link .dash-micon svg * { color: #ec4899 !important; stroke: #ec4899 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(7) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(7) > .dash-link .dash-micon svg * { color: #6366f1 !important; stroke: #6366f1 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(8) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(8) > .dash-link .dash-micon svg * { color: #14b8a6 !important; stroke: #14b8a6 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(9) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(9) > .dash-link .dash-micon svg * { color: #f97316 !important; stroke: #f97316 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(10) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(10) > .dash-link .dash-micon svg * { color: #84cc16 !important; stroke: #84cc16 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(11) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(11) > .dash-link .dash-micon svg * { color: #a855f7 !important; stroke: #a855f7 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(12) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(12) > .dash-link .dash-micon svg * { color: #0ea5e9 !important; stroke: #0ea5e9 !important; }
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(n+13) > .dash-link .dash-micon svg,
.dash-sidebar.light-sidebar:not(.sidebar-shipping-company) .dash-navbar > .dash-item:nth-child(n+13) > .dash-link .dash-micon svg * { color: #64748b !important; stroke: #64748b !important; }

/* ——— قائمة شركة الشحن: الأيقونات SVG ملونة (المربعات بيضاء من القاعدة أعلاه) ——— */
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(1) > .dash-link .dash-micon svg,
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(1) > .dash-link .dash-micon svg * {
  color: #3b82f6 !important;
  stroke: #3b82f6 !important;
  fill: none !important;
}
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(2) > .dash-link .dash-micon svg,
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(2) > .dash-link .dash-micon svg * {
  color: #8b5cf6 !important;
  stroke: #8b5cf6 !important;
  fill: none !important;
}
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(3) > .dash-link .dash-micon svg,
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(3) > .dash-link .dash-micon svg * {
  color: #f59e0b !important;
  stroke: #f59e0b !important;
  fill: none !important;
}
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(4) > .dash-link .dash-micon svg,
.dash-sidebar.sidebar-shipping-company.light-sidebar .dash-navbar > .dash-item:nth-child(4) > .dash-link .dash-micon svg * {
  color: #10b981 !important;
  stroke: #10b981 !important;
  fill: none !important;
}

/* العنصر النشط و:hover و:focus: لون أخضر #2d4230 بدل الأحمر */
.dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link {
  background: #2d4230 !important;
}

/* رابط المتجر وزر النسخ: على نفس الخلفية، بدون بطاقة منفصلة */
.dash-sidebar.light-sidebar .m-header .sidebar-store-link {
  color: rgba(255,255,255,.85) !important;
}
.dash-sidebar.light-sidebar .m-header .sidebar-store-link:hover {
  color: #fff !important;
}
.dash-sidebar.light-sidebar .m-header .sidebar-store-copy {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  color: #fff !important;
}
.dash-sidebar.light-sidebar .m-header .sidebar-store-copy:hover {
  background: rgba(255,255,255,.08) !important;
}
.dash-sidebar.light-sidebar .m-header .sidebar-store-copy svg * {
  stroke: #fff !important;
}

/* الأزرار الفرعية (dash-submenu): نفس اللون #233326 مع نص واضح */
.dash-sidebar.light-sidebar .dash-submenu .dash-link,
.dash-sidebar.light-sidebar .dash-submenu .dash-link .dash-mtext {
  color: rgba(255,255,255,0.92) !important;
}
.dash-sidebar.light-sidebar .dash-submenu .dash-link:hover,
.dash-sidebar.light-sidebar .dash-submenu .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-submenu .dash-item:hover > .dash-link {
  color: #fff !important;
}
.dash-sidebar.light-sidebar .dash-submenu .dash-link .dash-micon,
.dash-sidebar.light-sidebar .dash-submenu .dash-link > i.ti,
.dash-sidebar.light-sidebar .dash-submenu .dash-link > svg,
.dash-sidebar.light-sidebar .dash-submenu .dash-link .dash-micon svg * {
  color: inherit !important;
  stroke: currentColor !important;
}
/* البند الفرعي: مربع أصغر بدون ألوان — الأيقونة فقط */
.dash-sidebar .dash-submenu .dash-link .dash-micon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  background: transparent !important;
  border: none !important;
}
.dash-sidebar .dash-submenu .dash-link .dash-micon i { font-size: 1.1rem !important; }
.dash-sidebar .dash-submenu .dash-link .dash-micon svg,
.dash-sidebar .dash-submenu .dash-link .dash-micon .custom_svg { width: 20px !important; height: 20px !important; }
.dash-sidebar .dash-submenu .dash-link > i.ti,
.dash-sidebar .dash-submenu .dash-link > svg {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  background: transparent !important;
  border: none !important;
  font-size: 1.1rem !important;
}
.dash-sidebar .dash-submenu .dash-link > svg { padding: 7px !important; }

/* القائمة المنسدلة عند تصغير الشريط (minimenu) */
.minimenu .dash-sidebar.light-sidebar .dash-submenu {
  background: #233326 !important;
}
.minimenu .dash-sidebar.light-sidebar .dash-submenu .dash-link {
  color: rgba(255,255,255,0.92) !important;
}
.minimenu .dash-sidebar.light-sidebar .dash-submenu .dash-link:hover,
.minimenu .dash-sidebar.light-sidebar .dash-submenu .dash-item.active > .dash-link {
  color: #fff !important;
}

/* القائمة المنبثقة في وضع collapse-sidebar (شاشات متوسطة) */
.dash-sidebar.light-sidebar .collapse-sidebar .dash-item .dash-submenu {
  background-color: #233326 !important;
}
.dash-sidebar.light-sidebar .collapse-sidebar .dash-submenu .dash-link {
  color: rgba(255,255,255,0.92) !important;
}
.dash-sidebar.light-sidebar .collapse-sidebar .dash-submenu .dash-item:hover .dash-link,
.dash-sidebar.light-sidebar .collapse-sidebar .dash-submenu .dash-item.active .dash-link {
  color: #fff !important;
}

body.dark-mode .dash-sidebar .m-header .b-brand img,
body.landing-dark .dash-sidebar .m-header .b-brand img {
  background: rgba(2, 6, 23, 0.40);
  border-color: rgba(var(--brand-rgb), 0.45) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

/* أيقونات مباشرة داخل الرابط (بدون .dash-micon): نفس حجم المربع */
.dash-sidebar .dash-link > i.ti,
.dash-sidebar .dash-link > svg {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dash-sidebar .dash-link > i.ti {
  font-size: 1.35rem !important;
}
.dash-sidebar .dash-link > svg {
  padding: 10px;
}

/* Active/hovered: المربع الملون يبقى؛ الأيقونة الداخلية بيضاء فقط */
.dash-sidebar .dash-item.active > .dash-link .dash-micon i,
.dash-sidebar .dash-item:hover > .dash-link .dash-micon i,
.dash-sidebar .dash-item:focus-within > .dash-link .dash-micon i,
.dash-sidebar .dash-item.active > .dash-link .dash-micon svg,
.dash-sidebar .dash-item:hover > .dash-link .dash-micon svg,
.dash-sidebar .dash-item:focus-within > .dash-link .dash-micon svg,
.dash-sidebar .dash-item.active > .dash-link .dash-micon svg *,
.dash-sidebar .dash-item:hover > .dash-link .dash-micon svg *,
.dash-sidebar .dash-item:focus-within > .dash-link .dash-micon svg * {
  color: #fff !important;
  stroke: #fff !important;
  fill: #fff !important;
}
.dash-sidebar .dash-item.active > .dash-link > i.ti,
.dash-sidebar .dash-item:hover > .dash-link > i.ti,
.dash-sidebar .dash-item:focus-within > .dash-link > i.ti {
  color: #fff !important;
}
.dash-sidebar .dash-item.active > .dash-link > svg *,
.dash-sidebar .dash-item:hover > .dash-link > svg *,
.dash-sidebar .dash-item:focus-within > .dash-link > svg * {
  stroke: #fff !important;
  fill: #fff !important;
}

/* Inputs focus / checks */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.dataTable-input:focus,
.dataTable-selector:focus {
  border-color: rgba(var(--brand-rgb), 0.55) !important;
  box-shadow: 0 0 0 0.2rem var(--brand-ring) !important;
}
.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Pills / pagination: لون #233326 بدل الأحمر */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #233326 !important;
}
.page-item.active .page-link {
  background: #233326 !important;
  border-color: #233326 !important;
}

/* ═══════════════════════════════════════════════════════════════
   عناوين الصفحات والجداول الاحترافية — لجميع الصفحات التي فيها DataTable
   استخدم: .page-title-pro مع أيقونة + .page-title-pro-text، و .page-table-wrapper للجدول
   ═══════════════════════════════════════════════════════════════ */
.page-title-pro {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 1rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #1a4a38 0%, #2d4230 45%, #236348 100%);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(26, 74, 56, 0.35);
}
.page-title-pro i {
  font-size: 1.35rem;
  opacity: 0.95;
  /* أيقونة ذهبية */
  color: #fbbf24;
  filter: drop-shadow(0 2px 6px rgba(251, 191, 36, 0.35));
}

/* SVG icon (img) support */
.page-title-pro-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  filter: drop-shadow(0 2px 6px rgba(251, 191, 36, 0.35));
}
.page-title-pro-text {
  letter-spacing: 0.02em;
}

/* موبايل: العنوان كشريط كامل بعرض القسم + الأيقونة الذهبية بشكل أجمل */
@media (max-width: 575.98px) {
  .page-header .page-block {
    flex-direction: column;
    align-items: stretch;
  }
  .page-header-wrp,
  .page-header-title,
  .page-header-title h2 {
    width: 100%;
  }

  .page-title-pro {
    width: 100%;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    box-shadow: none; /* بدون ظل على الموبايل */
  }

  /* لا نضع أي خلفية/مربع خلف الأيقونة */
  .page-title-pro i {
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    opacity: 1;
  }

  .page-title-pro-icon {
    width: 26px;
    height: 26px;
    filter: drop-shadow(0 2px 6px rgba(251, 191, 36, 0.35));
  }

  /* دعم svg icons لو تم استخدامها بدل <i> */
  .page-title-pro svg,
  .page-title-pro svg * {
    stroke: #fbbf24 !important;
    fill: none !important;
    filter: drop-shadow(0 2px 6px rgba(251, 191, 36, 0.35));
  }
}

.page-table-wrapper .card {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.page-table-wrapper .card .table-responsive {
  overflow: hidden;
  border-radius: 0 0 14px 14px;
}
.page-table-wrapper .card .table-responsive table thead th {
  background: linear-gradient(135deg, #1a4a38 0%, #2d4230 50%, #236348 100%) !important;
  color: #fff !important;
  border: none !important;
  padding: 0.9rem 1rem;
  font-weight: 600;
}
.page-table-wrapper .card .table-responsive table tbody tr {
  background: #fff !important;
}
.page-table-wrapper .card .table-responsive table tbody td {
  padding: 0.85rem 1rem;
}

/* ═══════════════════════════════════════════════════════════════
   النوافذ المنبثقة (مودالات) — تصميم احترافي موحّد
   #commanModel, #commanModelOver, #addPaymentAccountModal, #commonModal وجميع المودالات المشابهة
   ═══════════════════════════════════════════════════════════════ */

/* استثناء مودالات خاصة بتصميم مختلف */
.modal:not(.notification-modal):not(.q-view-modal) .modal-dialog {
  border-radius: 0;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-content {
  border: none;
  border-radius: 18px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.modal:not(.notification-modal):not(.q-view-modal) .modal-header {
  padding: 1.25rem 1.5rem;
  background: linear-gradient(180deg, var(--modal-theme-bg) 0%, #fafbfa 50%, #fff 100%);
  border-bottom: 2px solid var(--modal-theme-bg);
}
/* رأس المودال الاحترافي: لون متدرج + أيقونة */
.modal:not(.notification-modal):not(.q-view-modal) .modal-header.modal-header-pro {
  padding: 1.15rem 1.5rem;
  background: linear-gradient(135deg, #1a4a38 0%, #2d4230 48%, #236348 100%) !important;
  border-bottom: none;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header.modal-header-pro .modal-title {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 700;
  font-size: 1.15rem;
  color: #fff;
  margin: 0;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header.modal-header-pro .modal-title-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  font-size: 1.1rem;
  color: #fff;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header.modal-header-pro .btn-close {
  padding: 0.5rem;
  border-radius: 10px;
  opacity: 0.9;
  filter: invert(1);
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header.modal-header-pro .btn-close:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
  filter: invert(1);
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header .modal-title {
  font-weight: 700;
  font-size: 1.15rem;
  color: #1e293b;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header .btn-close {
  padding: 0.5rem;
  border-radius: 10px;
  opacity: 0.7;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-header .btn-close:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.06);
}

.modal:not(.notification-modal):not(.q-view-modal) .modal-body {
  padding: 1.5rem 1.5rem;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-group {
  margin-bottom: 1.1rem;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-group:last-child {
  margin-bottom: 0;
}

/* التسميات والحقول داخل المودال */
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-label,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .col-form-label {
  font-weight: 600;
  color: #334155;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-control,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-select,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body select.form-control {
  border-radius: 12px;
  border: 1px solid rgba(35, 51, 38, 0.15);
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-control:focus,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-select:focus {
  border-color: var(--modal-theme);
  box-shadow: 0 0 0 3px var(--modal-theme-bg);
}

/* أيقونات ملونة لحقول النماذج داخل المودال */
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-label .form-field-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  margin-inline-end: 0.5rem;
  font-size: 0.95rem;
  vertical-align: middle;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-label .form-field-icon.form-field-icon--name {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-label .form-field-icon.form-field-icon--code {
  background: rgba(59, 130, 246, 0.15);
  color: #2563eb;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .form-label .form-field-icon.form-field-icon--symbol {
  background: rgba(245, 158, 11, 0.2);
  color: #d97706;
}

/* تذييل المودال والأزرار */
.modal:not(.notification-modal):not(.q-view-modal) .modal-footer,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: #fafbfa;
  border-top: 1px solid var(--modal-theme-bg);
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-footer .btn-primary,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .modal-footer .btn-primary,
.modal:not(.notification-modal):not(.q-view-modal) .modal-footer input[type="submit"].btn-primary,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .modal-footer input[type="submit"].btn-primary {
  background: var(--modal-theme) !important;
  border-color: var(--modal-theme) !important;
  border-radius: 12px;
  padding: 0.5rem 1.25rem;
  font-weight: 600;
}
/* زر الحفظ/التحديث في المودالات ذات الرأس الاحترافي — تدرج أخضر */
.modal:not(.notification-modal):not(.q-view-modal):has(.modal-header-pro) .modal-body .modal-footer .btn-primary,
.modal:not(.notification-modal):not(.q-view-modal):has(.modal-header-pro) .modal-body .modal-footer input[type="submit"].btn-primary {
  background: linear-gradient(135deg, #1a4a38 0%, #236348 100%) !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(26, 74, 56, 0.35);
}
.modal:not(.notification-modal):not(.q-view-modal):has(.modal-header-pro) .modal-body .modal-footer .btn-primary:hover,
.modal:not(.notification-modal):not(.q-view-modal):has(.modal-header-pro) .modal-body .modal-footer input[type="submit"].btn-primary:hover {
  background: linear-gradient(135deg, #236348 0%, #2d4230 100%) !important;
  box-shadow: 0 6px 18px rgba(26, 74, 56, 0.4);
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-footer .btn-secondary,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .modal-footer .btn-secondary {
  border-radius: 12px;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #475569 !important;
}
.modal:not(.notification-modal):not(.q-view-modal) .modal-footer .btn-secondary:hover,
.modal:not(.notification-modal):not(.q-view-modal) .modal-body .modal-footer .btn-secondary:hover {
  background: #e2e8f0 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #334155 !important;
}