/* Responsive stacking for filters and main content in tabbed UI */

@media (max-width: 900px) {
  #main-flex {
    flex-direction: column !important;
    gap: 0 !important;
    align-items: stretch !important;
  }
  #main-flex > div {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .container {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 18px;
  }
  .filter-panel {
    max-width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 18px;
  }
}