/* Add this CSS to your stylesheet */

/* Target the modal directly with high specificity */
#addItemModal .modal-content {
    background-color: #212529 !important;
    color: #fff !important;
  }
  
  #addItemModal .modal-header,
  #addItemModal .modal-footer {
    border-color: #495057 !important;
  }
  
  #addItemModal .form-control,
  #addItemModal .form-select {
    background-color: #2c3034 !important;
    color: #fff !important;
    border-color: #495057 !important;
  }
  
  #addItemModal .form-check-input {
    background-color: #2c3034 !important;
    border-color: #495057 !important;
  }
  
  #addItemModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
  }
  
  #addStockModal .modal-content {
    background-color: #212529 !important;
    color: #fff !important;
  }
  
  #addStockModal .modal-header,
  #addStockModal .modal-footer {
    border-color: #495057 !important;
  }
  
  #addStockModal .form-control,
  #addStockModal .form-select {
    background-color: #2c3034 !important;
    color: #fff !important;
    border-color: #495057 !important;
  }
  
  #addStockModal .form-check-input {
    background-color: #2c3034 !important;
    border-color: #495057 !important;
  }
  
  #addStockModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
  }
  

  /* If above doesn't work, try targeting inline styles */
  .modal-content[style] {
    background-color: #212529 !important;
    color: #fff !important;
  }
  
  /* Target all modals as a fallback */
  .modal .modal-content {
    background-color: #212529 !important;
    color: #fff !important;
  }
  
  .modal .form-control,
  .modal .form-select {
    background-color: #2c3034 !important;
    color: #fff !important;
    border-color: #495057 !important;
  }
  
  /* Additional force for modal-body and inputs */
  .modal .modal-body {
    background-color: #212529 !important;
    color: #fff !important;
  }
  
  .modal input, 
  .modal select, 
  .modal textarea {
    background-color: #2c3034 !important;
    color: #fff !important;
  }