.button-right {
  float: right;
  margin: 10px !important;
}
.clear {
  clear: both;
}
@media (max-width: 600px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.show-on-mobile-only {
  display: none !important;
}
@media (max-width: 600px) {
  .show-on-mobile-only {
    display: block !important;
  }
  .mobile-filter-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .MuiContainer-root {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .MuiCardContent-root {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
  }
  .MuiButton-root {
    font-size: 12px !important;
    padding: 4px 10px !important;
    min-width: 0 !important;
  }
  .MuiInputBase-input,
  .MuiSelect-select,
  .MuiInputLabel-root,
  .MuiAutocomplete-input,
  .MuiAutocomplete-option,
  .MuiMenuItem-root {
    font-size: 12px !important;
  }
  .MuiOutlinedInput-root {
    min-height: 0 !important;
  }
  .ag-root-wrapper {
    --ag-font-size: 11px;
    --ag-row-height: 32px;
    --ag-header-height: 32px;
  }
}
.cell-invalid {
  background-color: #ffebee;
}
/* Bold burgundy headers for all grids */
.ag-header-cell-label {
  font-weight: bold;
  color: #6B0F1A;
}
/* Center-aligned headers */
.ag-header-cell-center .ag-header-cell-label {
  justify-content: center;
}