/* datachecks feature styles (loaded on every page after style.css): Review page tabs and the data-issues table */
.dc-tabs { margin-bottom: 14px; }
.dc-lastrun { margin: 0 0 8px; }
.dc-counts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 10px; }
.dc-filters { margin-bottom: 12px; }
.dc-table td { vertical-align: top; }
.dc-finding { min-width: 260px; max-width: 520px; }
.dc-finding > div { margin-top: 2px; }
.dc-change { font-variant-numeric: tabular-nums; }
.dc-actions { min-width: 150px; }
.dc-actions > .btn, .dc-actions > form { margin: 0 4px 4px 0; }
.dc-act { display: block; margin-top: 2px; }
.dc-act > summary { list-style: none; cursor: pointer; }
.dc-act > summary::-webkit-details-marker { display: none; }
.dc-act[open] > summary { background: var(--surface-hover); }
.dc-act form { display: grid; gap: 6px; margin-top: 6px; min-width: 220px; max-width: 320px; }
.dc-act textarea { min-height: 56px; }
.dc-act label { margin: 0; }
@media (max-width: 640px) {
  .dc-finding { min-width: 200px; }
  .dc-act form { min-width: 0; max-width: none; }
}