@media (max-width: 1180px) {
  .pdd-upload-search-row {
    grid-template-columns: 76px repeat(2, minmax(180px, 1fr));
  }

  .pdd-upload-date-filter,
  .pdd-upload-filter-actions {
    grid-column: auto;
  }

  .pdd-upload-filter-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
}

@media (max-width: 820px) {
  .pdd-upload-panel-header,
  .pdd-upload-batch-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .pdd-upload-page-actions,
  .pdd-upload-batch-bar > .actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .pdd-upload-filter-choice-row,
  .pdd-upload-search-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .pdd-upload-filter-choice-label {
    padding-top: 0;
  }

  .pdd-upload-filter-expand {
    justify-self: start;
  }

  .pdd-upload-filter-actions {
    grid-column: auto;
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .pdd-upload-card-grid {
    grid-template-columns: minmax(250px, 280px);
    justify-content: center;
  }

  .pdd-upload-search-field {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .pdd-upload-card-actions {
    flex-wrap: wrap;
  }
}