/* Shared compact action button. Safe on pages with --surface/--text/--border
   (dispense-style) or --hlx-surface/--hlx-text/--hlx-border (v3 tokens). */
.action-btn {
  padding: 6px 10px;
  background: var(--surface, var(--hlx-surface, var(--card, #fff)));
  border: 1px solid var(--border, var(--hlx-border, #e3e6ea));
  border-radius: 2px;
  font-weight: 600;
  font-size: 10px;
  font-family: Arial, sans-serif;
  cursor: pointer;
  color: var(--text, var(--hlx-text, var(--ink, #333)));
  transition: all 0.2s;
  white-space: nowrap;
}
.action-btn:hover {
  background: var(--surface-2, var(--hlx-surface-2, #f5f6f8));
}
.action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}