/* ---------- assist: what they just said, and the notes ---------- */
#assist-panel { display: grid; gap: 10px; }

body.live #summary { display: none; }
/* The goal, pinned above the conversation. Empty and guessed goals look provisional; a settled one is solid. */
.goal-card { display: flex; align-items: stretch; gap: 8px; border: 1.5px solid transparent; border-radius: var(--radius-ml); background: var(--color-surface);
  padding: 4px 6px 4px 4px; transition: box-shadow .3s, border-color .3s; }
.goal-body { flex: 1; min-width: 0; display: grid; gap: 1px; text-align: start; background: none; border: 0; padding: 6px 8px; cursor: pointer; }
.goal-label { font-size: var(--text-2xs); color: var(--color-text-muted); font-weight: 600; letter-spacing: .02em; }
.goal-text { font-size: var(--text-base); font-weight: 700; line-height: 1.3; }
.goal-keep { align-self: center; background: var(--color-accent); color: var(--color-on-accent); border: 0; border-radius: var(--radius-pill); padding: 6px 12px;
  font-size: var(--text-xs); font-weight: 600; cursor: pointer; white-space: nowrap; }
.goal-card.empty { border-style: dashed; border-color: var(--color-border); }
.goal-card.empty .goal-text { color: var(--color-text-muted); font-weight: 400; }
.goal-card.guess { border-style: dashed; border-color: var(--color-text-muted); }
.goal-card.guess .goal-text { font-style: italic; font-weight: 600; }
.goal-card.thinking .goal-label::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-start: 6px; border-radius: var(--radius-round);
  background: var(--color-accent); vertical-align: 1px; animation: pulse 1s ease-in-out infinite; }
.goal-card.flash { box-shadow: 0 0 0 4px rgb(var(--rgb-accent) / .8); }
@keyframes pulse { 50% { opacity: .25; transform: scale(.7); } }
.summary { font-size: var(--text-sm); color: var(--color-text-muted); white-space: pre-line; background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-s); padding: 8px 12px; max-height: 6.5em; overflow-y: auto; }
