/* ── Live cart ─────────────────────────────────────────────────────── */
#cart { margin-top: .5rem; }
#cart-meta { font-size: .78rem; color: var(--dim); font-variant-numeric: tabular-nums; }
.cart-cols { display: flex; gap: 1rem; flex-wrap: wrap; }
.cart-col {
  flex: 1 1 20rem; min-width: 18rem;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; padding: .25rem 1rem 1rem;
}
.cart-col h2 { font-size: .85rem; font-weight: 600; color: var(--muted); margin: .85rem 0 .5rem; }
.cart-item { margin: .25rem 0 .75rem; font-size: .88rem; }
.cart-item h3 { font-size: .95rem; font-weight: 600; margin: .3rem 0; }
.cart-item hr, #cart hr { border: none; border-top: 1px dashed var(--border); margin: .5rem 0; }
.dim { color: var(--dim); font-size: .82rem; }

/* ── Recommendations ───────────────────────────────────────────────── */
/* A flat list with uniform row rhythm: dividers sit between rows (not
   before the first), so rows with and without a description read evenly. */
#recs-col { padding-bottom: .35rem; margin-bottom: 1rem; }
#recs-col h2 { margin-bottom: .15rem; }
.rec-item { padding: .5rem 0; border-top: 1px dashed var(--border-soft); }
.rec-item:first-child { border-top: none; padding-top: .1rem; }
.rec-name { font-size: .92rem; font-weight: 600; }
.rec-desc { color: var(--dim); font-size: .8rem; margin-top: .15rem; }
.agent-stats {
  margin-top: 1rem;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; padding: .85rem 1rem 1rem;
}
.stats-title { font-size: .85rem; font-weight: 600; color: var(--muted); margin: 0 0 .6rem; }
#topics { font-size: .82rem; color: var(--muted); }
#topics ul { margin: .25rem 0; padding-left: 1.2rem; }
#duration { margin-top: .85rem; font-variant-numeric: tabular-nums; }
#usage {
  font-size: .76rem; margin-top: .85rem; padding-top: .85rem;
  border-top: 1px dashed var(--border); font-variant-numeric: tabular-nums;
}