/* Base reutilizable para botones con icono Lucide */
.btn-with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex: 0 0 auto;
}

.btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Ajuste optico solo del texto en boton Compartir */
.dropdown .btn-with-icon .btn-text {
  display: inline-flex;
  align-items: center;
  transform: translateY(-2px);
}

/* Icono en bloque de historico */
#labelHistorico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#labelHistorico .btn-icon svg {
  width: 16px;
  height: 16px;
}

.btn-add .btn-icon {
  color: #de8422;
}

.btn-add .btn-icon svg {
  width: 16px;
  height: 16px;
}