/* Vici shared message chrome - what a settled message wears around its body.
   The modal is the master copy: rules moved verbatim, in source order, from
   dock/panel/panel.css; loaded after shared-messages.css and before the
   host's own (panel.css here, styles.css on the web under /panel/).
   The context receipt on a reply, the marker of a wordless ask (? and, to
   Vicit, @), and the Heard line. The nodes are built by the shared builders
   (shared-build.js: contextReceipt, askMarker, vicitMarker, heard). The rest
   of the chrome (the meta line, the lifecycle badge, the action bar) was
   already in shared-messages.css.
   Shared files (dock/HANDOFF.md, "Shared files"): they hold exactly what the
   modal ships; a host need is a selector in the host's own sheet; no
   transition, animation, filter or blur, and no CSS the board's WebKit has
   not already shipped; every rule renders right with no host-toggled class.
   An edit here is a dock landing (live first) that also deploys the web. */

/* Durable, backend-authored fact about the provider-bound context plan.
   Plain text by design: selection/compaction is a status, not an action. */
.conversation-context-receipt {
  margin: 1px 0 3px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.35;
}

/* A screen check is an ask without prose: keep it visibly in the
 * human side of the timeline, but smaller than a chat bubble. */
.screen-check-marker {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid var(--accent);
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--text);
  font-size: 11px;
  line-height: 1;
  user-select: text;
}
.screen-check-marker-mark {
  color: var(--accent-link);
  font-size: 13px;
  font-weight: 800;
}

.conversation-heard { font-size: 11px; color: var(--text-muted, #8a8f94); margin: 2px 0 0; display: flex; gap: 6px; }
.conversation-heard-text { font-style: italic; }
/* the Pearl/Graphite layer's word on the Heard line's colour (it stood in a
   grouped rule with the recording card's partial note, split in place) */
.conversation-heard { color:var(--muted); }