/* 明细表在手机宽度下保持页面不横向溢出；宽表继续在表内横向滚动。 */
@media (max-width: 700px) {
  .records-page .records-card .filter-grid,
  .records-page .records-card .filter-grid--viral,
  .records-page .records-card .option-grid,
  .records-page .edit-grid {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .records-page .filter-grid > *,
  .records-page .filter-grid .el-date-editor {
    min-width: 0;
    max-width: 100%;
  }

  .records-page .filter-grid .el-date-editor {
    width: 100%;
  }

  .records-page .records-card--table {
    grid-template-columns: minmax(0, 1fr);
  }

  .records-page .records-card--table > *,
  .records-page .table-heading,
  .records-page .table-actions {
    min-width: 0;
    max-width: 100%;
  }

  .records-page .table-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .records-page .cross-tier-options {
    overflow-x: auto;
  }
}

@media (max-width: 760px) {
  .maintenance-page .maintenance-card .filter-grid,
  .maintenance-page .maintenance-card .filter-grid--viral,
  .maintenance-page .maintenance-card .option-grid {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .maintenance-page .filter-grid > *,
  .maintenance-page .filter-grid .el-date-editor {
    min-width: 0;
    max-width: 100%;
  }

  .maintenance-page .filter-grid .el-date-editor {
    width: 100%;
  }

  .maintenance-page .table-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .maintenance-page .table-card > *,
  .maintenance-page .table-heading,
  .maintenance-page .table-heading__actions {
    min-width: 0;
    max-width: 100%;
  }

  .maintenance-page .table-heading__actions {
    width: 100%;
  }
}