/* HYPERPART: grid-list */
/* Promoted VERBATIM from Dazzle regions.css (W-leftovers, fleet
 * convergence). The Dazzle emitter contract is unchanged. */

/* ─────────────────────────── grid region ────────────────────────
 * Responsive cell grid (1 → 2 → 3 columns at sm/lg breakpoints).
 * Cells are intentionally plain — the dashboard slot owns the card
 * chrome. Each cell gets an attention-accent border via the
 * existing attention_classes macro (untouched), and .is-clickable
 * when wired to action_url. */

.dz-grid-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
}

@media (min-width: 40rem) {
  .dz-grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .dz-grid-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.dz-grid-cell {
  border-radius: var(--radius-sm);
  padding: var(--space-md);
  transition: background var(--duration-fast) var(--ease-out);
}

.dz-grid-cell.is-clickable {
  cursor: pointer;
}

.dz-grid-cell.is-clickable:hover {
  background: var(--colour-bg);
}

.dz-grid-cell-title {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--colour-text);
  margin-block-end: 0.375rem;
}

.dz-grid-cell-field {
  font-size: var(--text-xs);
  color: var(--colour-text-muted);
  margin: 0;
}

.dz-grid-cell-field-label {
  font-size: var(--text-xs);
}