/* Vici shared toast - the pill that confirms.
   The modal is the master copy: rules moved verbatim, in source order, from
   dock/panel/panel.css; loaded after shared-tokens.css and before the host's
   own sheet (panel.css here, styles.css on the web under /panel/).
   The pill, its label and its action. Where a host puts it and when it
   shows (position, the hidden default, .show) are the host's.
   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. */

/* Transient toast (snip confirmations, typing results; never a copy). */
.toast {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  border: 1px solid var(--accent);
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--text);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.toast-action {
  flex: none;
  border: 0;
  border-left: 1px solid var(--accent);
  padding: 2px 0 2px 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.toast-action:hover { text-decoration: underline; }
.toast-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }