/* c-thread — layout only. Header, context row, messages, bubbles, composer, privacy note and chips are shared components. */
.screen[data-screen="c-thread"] { display: flex; flex-direction: column; }
.c-thread { flex: 1 0 auto; display: flex; flex-direction: column; gap: 0; padding-bottom: var(--space-16); }
.c-thread__context { margin-top: var(--rhythm-group); }
.c-thread__note { margin-top: var(--rhythm-tight); padding-inline: var(--space-4); }
.c-thread__messages { display: flex; flex: 1 0 auto; flex-direction: column; margin-top: var(--rhythm-block); }
.c-thread__empty { display: flex; flex: 1 0 auto; flex-direction: column; justify-content: center; gap: var(--space-8); }
.c-thread__empty .empty-state { padding: var(--space-24) 0 var(--space-8); }
.c-thread__empty .chip-group { align-items: center; }
.c-thread__empty .chip-group__options { justify-content: safe center; }
.c-thread__foot {
  position: sticky; bottom: 0; z-index: var(--z-sticky); flex-shrink: 0; width: 100%; max-width: var(--column);
  padding: var(--space-12) var(--space-20) calc(var(--space-20) + var(--safe-bottom));
  background: var(--neutral-50);   /* K-09 / P3-7 (D-227): the action bar's ground; the hairline is components-v5.css (::before, on [data-more]) */
}
.c-thread__foot .read-only { display: flex; flex-direction: column; gap: var(--space-12); }