/* MasterPlating V1118 — padrão global de botões Visualizar / Editar / Excluir.
   Botões quadrados, fundo branco, ícone central e borda azul; exclusão em vermelho. */
.mp-icon-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 3px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #8db8f6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1672f5 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  text-indent: 0 !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.mp-icon-action:hover {
  background: #edf5ff !important;
  border-color: #1672f5 !important;
  box-shadow: 0 1px 4px rgba(22, 114, 245, .14) !important;
}
.mp-icon-action:focus-visible {
  outline: 2px solid rgba(22, 114, 245, .35) !important;
  outline-offset: 2px !important;
}
.mp-icon-action .mp-action-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: currentColor !important;
  pointer-events: none !important;
}
.mp-icon-action .mp-action-icon svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.mp-icon-action.mp-icon-action-view,
.mp-icon-action.mp-icon-action-edit {
  border-color: #8db8f6 !important;
  color: #1672f5 !important;
}
.mp-icon-action.mp-icon-action-view:hover,
.mp-icon-action.mp-icon-action-edit:hover {
  border-color: #1672f5 !important;
  background: #edf5ff !important;
  box-shadow: 0 1px 4px rgba(22, 114, 245, .14) !important;
}
.mp-icon-action.mp-icon-action-view:focus-visible,
.mp-icon-action.mp-icon-action-edit:focus-visible {
  outline-color: rgba(22, 114, 245, .35) !important;
}
.mp-icon-action.mp-icon-action-delete {
  border-color: #ffaaa6 !important;
  color: #ed3d36 !important;
}
.mp-icon-action.mp-icon-action-delete:hover {
  border-color: #ed3d36 !important;
  background: #fff0ef !important;
  box-shadow: 0 1px 4px rgba(237, 61, 54, .13) !important;
}
.mp-icon-action.mp-icon-action-delete:focus-visible {
  outline-color: rgba(237, 61, 54, .32) !important;
}
.mp-icon-action:disabled,
.mp-icon-action[disabled],
.mp-icon-action[aria-disabled="true"] {
  opacity: .48 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
/* Separação compacta quando ações aparecem lado a lado em tabelas. */
td .mp-icon-action:last-child,
.mp-actions .mp-icon-action:last-child,
.btn-row .mp-icon-action:last-child,
.btn-row-uniforme .mp-icon-action:last-child {
  margin-right: 0 !important;
}
@media (max-width: 640px) {
  .mp-icon-action {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
  }
}
