/* Maintain existing styles for ag-Grid */
#myGrid {
  flex: 1;
  width: 100%;
  min-height: 300px;
  position: relative;
}

.ag-theme-quartz {
  height: 100%;
  width: 100%;
}

/* Loading indicator styles */
.loading-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(55, 75, 97, 0.7);
  z-index: 10;
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.ag-overlay-panel a {
    pointer-events: auto;
}
/* subtle zebra striping (light) */
.ag-theme-quartz .row-even { background-color: #5a7ea927; }
.ag-theme-quartz .row-odd  { background-color: #ffffff; }  /* optional – keeps default */

/* zebra striping – dark theme */
.ag-theme-quartz-dark .row-even { background-color: rgba(148,163,184,.08); }
.ag-theme-quartz-dark .row-odd  { background-color: transparent; }

/* AG Grid theme variables so hover/selection inherit the same palette */
.ag-theme-quartz {
  --ag-even-row-background-color: #5a7ea927;
  --ag-odd-row-background-color:  #ffffff;
}
.ag-theme-quartz-dark {
  --ag-even-row-background-color: rgba(148,163,184,.08);
  --ag-odd-row-background-color:  transparent;
}

/* Visually minimise non-standardised columns */
.ag-theme-quartz .ns-col,
.ag-theme-quartz-dark .ns-col {
  opacity: .65;      /* “greyed-out” in both themes */
}

/* Filter panel width (both themes) */
.ag-theme-quartz .ag-filter-body-wrapper,
.ag-theme-quartz-dark .ag-filter-body-wrapper {
  min-width: 300px !important;
}

/* Prevent popup box from obscuring the table */
.ag-popup { height: 0 !important; }

/* Shared horizontal-border colour */
.ag-theme-quartz,
.ag-theme-quartz-dark {
  --ag-cell-horizontal-border: solid #09490616 !important;
  /* --ag-header-column-separator-display: block !important;
     --ag-header-column-separator-color: #d0d7de !important; */
}

/* Slightly grey-out all non-standardized columns */
.ag-theme-quartz .non-standardized-header,
.ag-theme-quartz .non-standardized-cell {
  color: #9ca3af !important;   /* tailwind “gray-400” – light but readable */
}

.ag-theme-quartz-dark .non-standardized-header,
.ag-theme-quartz-dark .non-standardized-cell {
  color: #a4a2a2bc !important;
}