/* CUBE: block — the trailing icon-action cell in a data row. Icons stay
   34px visual boxes; the 44px hit area comes from the owning <td> padding,
   so rows stay 11px tall while remaining tap-safe. Always visible — tablets
   have no hover to reveal on. */

.row-actions {
  display: flex;
  gap: var(--space-3xs);
  justify-content: flex-end;
}

.row-actions__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--icon-btn);
  block-size: var(--icon-btn);
  min-block-size: var(--icon-btn);
  padding: 0;
  background: transparent;
  color: var(--color-muted);
  border: 0;
  border-radius: var(--radius-s);
  box-shadow: none;
}
.row-actions__btn:hover:not(:disabled) { background: var(--color-hover-soft); color: var(--color-fg); }
.row-actions__btn:active:not(:disabled) { background: var(--color-border-subtle); }
.row-actions__btn[data-danger]:hover:not(:disabled) { background: var(--color-danger-soft); color: var(--color-danger); }
.row-actions__btn:disabled {
  color: var(--color-border-strong);
  cursor: not-allowed;
  pointer-events: none;
  background: transparent;
}