/* Critical dark theme styles - prevent white flash on load */
body {
  background-color: rgb(33, 37, 41) !important;
}

.dropdown-toggle::after {
  margin-top: 17px;
}

.main-panel {
  transition: width 0.25s ease, margin 0.25s ease;
  /* width: calc(100% - 260px); */
  min-height: calc(100vh - 118px);
  display: flex;
  flex-direction: column;
  border-top-left-radius: 13px !important;
  border-top-right-radius: 13px !important;

  background: rgb(33, 37, 41);
}
.Appa h3 {
  font-size: 1.75rem;
  font-weight: 700;
  font-family: "DINBold";
  color: #f3f3f3;
}

.outer-panel {
  width: calc(100% - 302px);
}
.icons-show.outer-panel {
  width: calc(100% - 70px);
}
@media (max-width: 992px) {
  .outer-panel {
    width: 100%;
  }
}

/* Dark Theme Overrides for Admin Panel */
.Appa {
  color: #f3f3f3;
}

.Appa .card {
  background-color: rgb(33, 37, 41);
  color: #f3f3f3;
  border-color: rgba(255, 255, 255, 0.12);
}

.Appa .modal-content {
  background-color: rgb(33, 37, 41);
  color: #f3f3f3;
  border-color: rgba(255, 255, 255, 0.2);
}

.Appa .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.Appa .modal-footer {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.Appa .form-control,
.Appa .form-select {
  background-color: rgba(255, 255, 255, 0.05);
  color: #f3f3f3;
  border-color: rgba(255, 255, 255, 0.2);
}

.Appa .form-control:focus,
.Appa .form-select:focus {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f3f3f3;
  border-color: #b9ff66;
  box-shadow: 0 0 0 0.2rem rgba(185, 255, 102, 0.25);
}

.Appa .form-control::placeholder {
  color: #adb5bd;
}

.Appa .form-label {
  color: #f3f3f3;
}

/* DataTable Dark Theme */
.Appa .rdt_Table {
  background-color: transparent;
  color: #f3f3f3;
}

/* Table Header */
.Appa .rdt_TableHeader {
  background-color: transparent;
  color: #f3f3f3;
}

.Appa .rdt_TableHeadRow {
  background-color: transparent;
  color: #f3f3f3;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.Appa .rdt_TableCol {
  color: #f3f3f3;
}

.Appa .rdt_TableCol_Sortable {
  color: #f3f3f3;
}

.Appa .rdt_TableRow {
  background-color: transparent;
  color: #f3f3f3;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.Appa .rdt_TableRow:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.Appa .rdt_TableCell {
  color: #f3f3f3;
}

/* No records message */
.Appa .rdt_Table > div {
  color: #f3f3f3;
  background-color: transparent;
}

/* Empty state message - using multiple selectors for different DataTable versions */
.Appa .rdt_Table div[style*="padding"] {
  color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

.Appa [class*="sc-"] {
  color: #f3f3f3;
  background-color: transparent;
}

/* Specific targeting for "no records" message container */
.Appa .rdt_Table > div > div {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* Table Body */
.Appa .rdt_TableBody {
  background-color: transparent;
}

/* Ensure all text in tables is visible */
.Appa .rdt_Table * {
  color: #f3f3f3;
}

.Appa .rdt_Pagination {
  background-color: transparent;
  color: #f3f3f3;
  border-top-color: rgba(255, 255, 255, 0.12);
}

/* Pagination Controls Dark Theme */
.Appa .rdt_Pagination button {
  color: #f3f3f3;
  fill: #f3f3f3;
}

.Appa .rdt_Pagination button:disabled {
  color: rgba(255, 255, 255, 0.3);
  fill: rgba(255, 255, 255, 0.3);
  cursor: not-allowed;
}

.Appa .rdt_Pagination button:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Pagination select dropdown */
.Appa .rdt_Pagination select {
  background-color: rgba(255, 255, 255, 0.05);
  color: #f3f3f3;
  border-color: rgba(255, 255, 255, 0.2);
}

.Appa .rdt_Pagination select:focus {
  border-color: #b9ff66;
  box-shadow: 0 0 0 0.2rem rgba(185, 255, 102, 0.25);
}

/* Pagination nav text */
.Appa .rdt_Pagination__rowsPerPage,
.Appa .rdt_Pagination__info {
  color: #f3f3f3;
}

/* Ensure SVG icons are visible */
.Appa .rdt_Pagination svg {
  fill: #f3f3f3;
}

/* Pagination option text */
.Appa .rdt_Pagination option {
  background-color: rgb(33, 37, 41);
  color: #f3f3f3;
}

/* DataTable Sort Icons */
.Appa .rdt_TableCol svg {
  fill: #f3f3f3;
}

.Appa .rdt_TableCol_Sortable:hover {
  color: #b9ff66;
}

/* Progress/Loading */
.Appa .rdt_Progress {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Expandable rows */
.Appa .rdt_ExpanderRow {
  background-color: transparent;
  color: #f3f3f3;
}

/* Header Dropdown Styles */
.Appa header {
  color: #f3f3f3;
}

.Appa header .dropdown-toggle {
  color: #f3f3f3;
}

.Appa header .dropdown-menu {
  background-color: rgb(33, 37, 41);
  border-color: rgba(255, 255, 255, 0.2);
}

.Appa header .dropdown-item {
  color: #f3f3f3;
}

.Appa header .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #f3f3f3;
}

.Appa header .dropdown-item:focus,
.Appa header .dropdown-item:active {
  background-color: rgba(185, 255, 102, 0.2);
  color: #f3f3f3;
}

.Appa header .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.12);
}