/* تحسين مظهر Select2 داخل Modal */
.modal .select2-container {
    width: 100% !important;
}

/* تأكد من أن قائمة Select2 تظهر فوق الـ Modal */
.select2-dropdown {
    z-index: 1056 !important; /* يجب أن تكون أكبر من z-index الـ Modal (عادة 1040) */
}
.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: var(--bd-violet-bg);
    --bs-popover-header-bg: var(--bd-violet-bg);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
  }
  /* إخفاء أزرار الزيادة والنقصان في Webkit (Chrome, Safari, Edge) */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  /* إخفاء الأزرار في Firefox */
  input[type="number"] {
      -moz-appearance: textfield;
  }