/* railshare.js: Share's chats under the Share row. The dot follows its word:
 * working turns (rail.css), one waiting on the person or just finished
 * takes the attention color, and so does its word; no preview line. */
.chats .c-kid .c-dot.needs, .chats .c-kid .c-dot.fresh { display: block; background: var(--sv-attention); }
.chats .c-row.c-kid > button.c-open:has(.c-dot) { padding-left: calc(var(--sv-space-3) + var(--sv-space-3)); }
.chats .c-kid .c-state { color: var(--sv-ink-tertiary); font-size: var(--ui-meta); font-weight: 400; }
.chats .c-kid .c-state.running { color: var(--ws-working-ink, var(--ws-working)); }
.chats .c-kid .c-state:is(.needs, .fresh) { color: var(--sv-attention); font-weight: 500; }
.chats .c-kid-all > .c-open { color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.chats .c-kid-all > .c-open:hover { color: var(--sv-ink); }