/* Vici shared buttons - the worded button.
   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/).
   .btn and its suggested form. A host's other variants (the web's primary,
   danger, compact, block) stay in that host's sheet.
   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. */

.btn {
  appearance: none;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  color: var(--text);
  font: inherit;
  font-size: 12.5px;
  font-weight: 650;
  cursor: pointer;
}
.btn:hover,
.btn.kb-hover { border-color: var(--accent-link); background: var(--surface-2); }
.btn.suggested {
  color: var(--accent-link);
  border-color: var(--accent-link);
  background: var(--accent-soft);
}
.btn.suggested:hover,
.btn.suggested.kb-hover {
  background: color-mix(in srgb, var(--accent) 22%, var(--surface));
}