/* Compact inspector button styling, extracted from the interaction help panel. */

.button {
  appearance: none;
  border: 1px solid var(--node-editor-border-color, #d1d5db);
  background: var(--node-editor-surface-secondary, #f9fafb);
  color: var(--node-editor-text-color, #111827);
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  line-height: 1.4;
  white-space: nowrap;
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.button:not(:disabled):hover {
  background: var(--node-editor-surface-hover, #eef2ff);
  border-color: var(--node-editor-accent-color, #2563eb);
}