.iatf-metrics {
  grid-template-columns: repeat(5, 1fr);
}

.iatf-toolbar {
  grid-template-columns: minmax(280px, 1fr) 190px 190px;
}

.iatf-table table {
  min-width: 1080px;
}

.semen-panel {
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
}

.semen-panel .panel-header {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
}

.semen-panel table {
  min-width: 560px;
}

.cell-detail {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 4px;
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1100px) {
  .iatf-metrics { grid-template-columns: repeat(3, 1fr); }
  .iatf-toolbar { grid-template-columns: 1fr 1fr; }
  .iatf-toolbar .search-box { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .iatf-metrics { grid-template-columns: 1fr 1fr; }
  .iatf-toolbar { grid-template-columns: 1fr; }
  .iatf-toolbar .search-box { grid-column: auto; }
}