/* Pulsanti condivisi: il focus resta leggibile senza creare un secondo bordo. */
.button,
.btn-bd {
  min-height: 44px;
  box-sizing: border-box;
}

.button:focus-visible,
.btn-bd:focus-visible {
  outline: 0;
  box-shadow: inset 0 -2px currentColor;
}

.button:disabled,
.btn-bd:disabled {
  cursor: not-allowed;
  opacity: .55;
}

/* Azioni testuali compatte per righe di tabella e controlli secondari. */
.button.compact,
.btn-bd.compact {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1;
}

/* Il pieno è riservato alla primaria e alle azioni distruttive. */
.button.secondary,
.btn-bd.secondary {
  background: var(--bd-color-surface-subtle);
  color: var(--bd-color-ink);
  border-color: color-mix(in srgb, var(--bd-color-ink) 12%, var(--bd-color-border));
  font-weight: 600;
}
.button.secondary:hover,
.btn-bd.secondary:hover {
  background: color-mix(in srgb, var(--bd-color-surface-subtle) 84%, var(--bd-color-ink));
}
.button.danger,
.btn-bd.danger { border-color: #c43f46; background: #c43f46; color: #fff; }
.button.danger:hover,
.btn-bd.danger:hover { background: #aa3138; color: #fff; }