/* Адаптивная раскладка предметных экранов. */
@media (max-width: 760px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    padding: 16px;
  }

  .nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .upload-form {
    grid-template-columns: 1fr;
  }

  .upload-wizard-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .document-filters {
    grid-template-columns: 1fr;
  }

  .documents-table {
    overflow-x: auto;
  }

  .evaluation-table {
    overflow-x: auto;
  }

  .evaluation-run-filter {
    grid-template-columns: 1fr;
  }

  .evaluation-dataset-form,
  .evaluation-dataset-grid,
  .evaluation-dataset-edit-form,
  .evaluation-case-form-row {
    grid-template-columns: 1fr;
  }

  .retrieval-runs-table {
    overflow-x: auto;
  }

  .evaluation-compare-controls {
    grid-template-columns: 1fr;
  }

  .evaluation-compare-grid,
  .external-ragas-compare,
  .case-ragas-compare {
    overflow-x: auto;
  }

  .evaluation-compare-head,
  .evaluation-compare-row {
    grid-template-columns: 140px 84px 84px 84px;
    min-width: 430px;
  }

  .case-ragas-head,
  .case-ragas-row {
    grid-template-columns: 132px 76px 76px 76px;
    min-width: 390px;
  }

  .agents-table {
    overflow-x: auto;
  }

  .import-jobs-table {
    overflow-x: auto;
  }

  .documents-row {
    grid-template-columns: 260px 112px 72px 72px 96px 132px 220px;
    min-width: 980px;
  }

  .agents-row {
    grid-template-columns: 220px 150px 96px 110px 150px 120px;
    min-width: 880px;
  }

  .import-jobs-row {
    grid-template-columns: 220px 180px 120px 96px 150px 150px;
    min-width: 980px;
  }

  .evaluation-row {
    grid-template-columns: 220px 124px 130px 92px 72px 82px 92px 82px 82px 150px;
    min-width: 1080px;
  }

  .retrieval-runs-row {
    grid-template-columns: 240px 112px 130px 72px 72px 84px 150px;
    min-width: 930px;
  }

  .documents-error-row {
    min-width: 780px;
  }

  .processing-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .processing-steps-list {
    grid-template-columns: 1fr;
  }

  .retrieval-form,
  .agent-form,
  .logs-filter,
  .chunk-item header,
  .retrieval-answer header,
  .retrieval-result header,
  .log-event header,
  .log-event dl,
  .external-ragas-item header,
  .external-ragas-item dl,
  .external-ragas-filter,
  .external-ragas-run-compare-controls,
  .evaluation-case-item header,
  .evaluation-case-item dl,
  .evaluation-case-summary-list article,
  .evaluation-dataset-form,
  .evaluation-dataset-edit-form,
  .evaluation-case-form-row {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .wide-field,
  .agent-form-actions {
    grid-column: auto;
  }
}