/* BMSDock v10 UI 1.9.7 — Graph Shell Cleanup
   Shared visual foundation for non-map action buttons.
   Component files keep semantic/special-case behavior. */

.ui-action {
  min-height: var(--ui-action-height);
  height: var(--ui-action-height);
  padding: 0 var(--ui-action-padding-x);
  border: 1px solid var(--ui-action-border);
  border-radius: var(--ui-action-radius);
  font-size: var(--ui-action-font-size);
  font-weight: var(--ui-action-font-weight);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-action-gap);
  box-sizing: border-box;
  cursor: pointer;
}

.ui-action > img,
.ui-action > svg,
.ui-action .small-action-icon,
.ui-action .share-small-icon {
  width: var(--ui-action-icon-size);
  height: var(--ui-action-icon-size);
  flex: 0 0 var(--ui-action-icon-size);
}

.ui-action--primary {
  background: var(--ui-action-primary-bg);
  border-color: var(--ui-action-primary-bg);
  color: var(--ui-action-primary-fg);
}

.ui-action--primary:hover {
  background: var(--ui-action-primary-bg-hover);
  border-color: var(--ui-action-primary-bg-hover);
}

.ui-action--neutral {
  background: var(--ui-action-neutral-bg);
  color: var(--ui-action-neutral-fg);
}

.ui-action--neutral:hover {
  background: var(--ui-action-neutral-bg-hover);
}

.ui-action--danger {
  background: var(--ui-action-danger-bg);
  color: var(--ui-action-danger-fg);
}

.ui-action:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ui-action-focus);
}

.ui-action:disabled,
.ui-action[aria-disabled="true"] {
  cursor: default;
}