/* Custom styles for admin modal backdrop transparency */
.modal-backdrop.in {
    opacity: 0.8 !important; /* Increase transparency */
    background-color: rgba(0, 0, 0, 0.8) !important; /* Ensure black background with transparency */
}

/* Adjust admin modal width and table layout */
#admin-promotion-modal .modal-dialog {
    max-width: 1200px !important; /* Adjust modal to a fixed width */
    width: 1200px !important;
}

#admin-promotion-modal .modal-body .table-responsive {
    overflow-x: auto; /* Ensure horizontal scroll for overflowing tables */
}

#admin-promotion-modal .modal-body table {
    width: 100%; /* Ensure table takes full width of its container */
    min-width: 800px; /* Set a minimum width for the table to prevent squishing */
}

#admin-promotion-modal .modal-body th,
#admin-promotion-modal .modal-body td {
    white-space: nowrap; /* Prevent text wrapping in table cells */
}

/* Status colors */
.status-pending { color: #ffc107; font-weight: bold; }
.status-approved { color: #28a745; font-weight: bold; }
.status-rejected { color: #dc3545; font-weight: bold; }

@media only screen and (max-width: 767px) {
  #admin-promotion-modal .modal-dialog {
    width: 95% !important;
    max-width: none !important;
  }
  #admin-promotion-modal .modal-body {
    overflow-x: auto;
  }
}