/* Decisions page (decision ledger, spec 2026-11-08) — and the look-back quick answers in chat (lookback-chips.js).
   Tokens only, so standard and cozy modes both read it. Byte-identical between frontend/ and chinese/. */
.decisions-page { max-width: 880px; margin: 0 auto; padding: var(--space-5) var(--space-4) var(--space-8); }
.dl-loading, .dl-empty { color: var(--fg-muted); padding: var(--space-5) 0; line-height: 1.6; }
.dl-group { margin-top: var(--space-6); }
.dl-group__title { font-size: var(--text-lg); color: var(--fg-strong); margin: 0 0 var(--space-3); cursor: default; }
details.dl-group > summary { cursor: pointer; list-style: revert; }
.dl-card, .dl-run {
  background: var(--surface-1); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
  padding: var(--space-4); margin-bottom: var(--space-3); box-shadow: var(--shadow-sm); scroll-margin-top: 88px;
}
.dl-card.dl-focus, .dl-trade.dl-focus { border-color: var(--accent-purple); box-shadow: var(--shadow-glow); }
.dl-card__title, .dl-run__title { font-size: var(--text-base); color: var(--fg-strong); margin: 0 0 var(--space-2); }
.dl-when, .dl-outcome { color: var(--fg-muted); font-size: var(--text-sm); margin: 0 0 var(--space-3); }
.dl-outcome { color: var(--fg-strong); font-weight: 600; }
.dl-field { display: grid; grid-template-columns: 11rem 1fr auto; gap: var(--space-2); align-items: start;
            padding: var(--space-2) 0; border-top: 1px solid var(--border-subtle); }
.dl-field__label { color: var(--fg-muted); font-size: var(--text-sm); }
.dl-field__value, .dl-field__invite { margin: 0; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.dl-field__invite { color: var(--fg-faded); font-style: italic; }
.dl-field__list { margin: 0; padding-left: 1.1rem; }
.dl-badge { display: inline-block; margin-top: var(--space-1); font-size: var(--text-xs); color: var(--warning);
            border: 1px solid currentColor; border-radius: var(--radius-pill); padding: 0 var(--space-2); }
.dl-input { width: 100%; box-sizing: border-box; margin: var(--space-1) 0; padding: var(--space-2);
            border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-2);
            color: var(--fg); font: inherit; }
.dl-actions, .dl-outcomes { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center;
                            margin-top: var(--space-3); }
.dl-delete { color: var(--danger); }
.dl-inline { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.dl-inline .dl-input { width: auto; flex: 1 1 14rem; }
.dl-kind { margin: 0 0 var(--space-2); padding: var(--space-1) var(--space-2); border: 1px solid var(--border);
           border-radius: var(--radius-sm); background: var(--surface-2); color: var(--fg); font: inherit;
           font-size: var(--text-sm); }
.dl-confirm { margin-left: var(--space-2); }
.dl-error { color: var(--danger); margin: 0 0 var(--space-3); }
.dl-trade { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: space-between;
            padding: var(--space-2) 0; border-top: 1px solid var(--border-subtle); }
.dl-trade__text { margin: 0; color: var(--fg-muted); flex: 1 1 100%; }
@media (max-width: 640px) {
  .dl-field { grid-template-columns: 1fr; }
}

/* Quick answers under a look-back message in chat. */
.lookback-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.lookback-chip {
  border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface-2); color: var(--fg);
  padding: var(--space-1) var(--space-3); font: inherit; font-size: var(--text-sm); cursor: pointer; min-height: 36px;
}
.lookback-chip:hover:not(:disabled) { border-color: var(--accent-purple); }
.lookback-chip:disabled { opacity: 0.6; cursor: default; }
.lookback-chips__receipt { margin: 0; color: var(--fg-muted); font-size: var(--text-sm); }