/*
 * Do NOT use overflow-x: hidden here — on iOS/Android it breaks nested
 * horizontal pan on the ITable overflow-x-auto wrapper (columns look clipped
 * with no way to scroll). clip avoids page-bleed without killing child scroll.
 */
.deals-index {
  overflow-x: clip;
  max-width: 100%;
}

.deals-index-toolbar {
  margin-bottom: 1rem;
}

.deals-index-filters {
  gap: 0.5rem;
}

.deals-index-active-filters .flex {
  flex-wrap: wrap;
  gap: 0.375rem;
  overflow-x: visible;
}

/* Outer shell only — real pan lives on the inner ITable overflow-x-auto node. */
.deals-index-table {
  overflow-x: clip;
}

.deals-index-table .resizer {
  max-width: 100%;
}

@media (max-width: 639px) {
  .deals-compact-filters-modal .modal-dialog {
    margin: 0;
    max-width: 100%;
    min-height: 100%;
  }

  .deals-compact-filters-modal .modal-content {
    min-height: 100dvh;
    border-radius: 0;
  }
}