.retention-policy-manager {
  display: grid;
  gap: 18px;
}

.retention-policy-target-row {
  max-width: 520px;
}

.retention-policy-editor {
  display: grid;
  gap: 18px;
}

.retention-policy-description {
  margin: 0;
}

.retention-policy-section {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.retention-policy-section h3 {
  margin: 0;
  color: var(--text-strong);
}


.retention-policy-row {
  grid-template-columns: minmax(190px, 0.8fr) minmax(220px, 1fr);
}

.retention-policy-table.with-effective-column .retention-policy-row {
  grid-template-columns: minmax(190px, 0.8fr) minmax(220px, 1fr) minmax(190px, 0.8fr);
}

.retention-policy-table.with-allow-column .retention-policy-row {
  grid-template-columns: minmax(190px, 0.8fr) minmax(220px, 1fr) minmax(170px, 0.65fr);
}

.retention-policy-table.with-effective-column.with-allow-column .retention-policy-row {
  grid-template-columns: minmax(190px, 0.8fr) minmax(210px, 1fr) minmax(190px, 0.8fr) minmax(170px, 0.65fr);
}

.retention-run-card .admin-json-preview {
  margin-top: 14px;
}

@media (max-width: 900px) {
  .retention-policy-row,
  .retention-policy-table.with-effective-column .retention-policy-row,
  .retention-policy-table.with-allow-column .retention-policy-row,
  .retention-policy-table.with-effective-column.with-allow-column .retention-policy-row {
    grid-template-columns: 1fr;
  }

  .retention-policy-row-header {
    display: none;
  }
}