/* Botões de ação só com ícone — ver .cursor/rules/shared/icon-action.mdc */

:root {
  --icon-action-size: var(--app-control-height, 2.625rem);
  --icon-action-font-size: 1em;
}

a[role=button].outline[aria-label]:has(> i:only-child),
button.outline[aria-label]:has(> i:only-child),
form.button_to button.outline[aria-label]:has(> i:only-child) {
  flex: 0 0 var(--icon-action-size);
  width: var(--icon-action-size);
  min-width: var(--icon-action-size);
  height: var(--icon-action-size);
  min-height: var(--icon-action-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  font-size: var(--icon-action-font-size);
}

a[role=button].outline[aria-label]:has(> i:only-child) i,
button.outline[aria-label]:has(> i:only-child) i,
form.button_to button.outline[aria-label]:has(> i:only-child) i {
  font-size: var(--icon-action-font-size);
}

form.button_to:has(> button.outline[aria-label]:has(> i:only-child)) {
  margin: 0;
  display: inline-flex;
}