/* Lucide — tamanhos controlados por contexto (Brutal Burguer) */

.ui-icon,

i[data-lucide].ui-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  vertical-align: middle;

  color: currentColor;

  line-height: 0;

}



.ui-icon--xs,

svg.lucide.ui-icon--xs { width: 14px; height: 14px; max-width: 14px; max-height: 14px; }

.ui-icon--sm,

svg.lucide.ui-icon--sm { width: 18px; height: 18px; max-width: 18px; max-height: 18px; }

.ui-icon--md,

svg.lucide.ui-icon--md { width: 22px; height: 22px; max-width: 22px; max-height: 22px; }

.ui-icon--lg,

svg.lucide.ui-icon--lg { width: 26px; height: 26px; max-width: 26px; max-height: 26px; }



svg.lucide {

  stroke: currentColor;

  fill: none;

  flex-shrink: 0;

  display: block;

}



.cat-ico {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 18px;

  height: 18px;

  flex-shrink: 0;

  overflow: hidden;

}



.cat-tab .cat-ico { color: inherit; }



.promo-card-icon svg.lucide,

.promo-star svg.lucide {

  width: 18px;

  height: 18px;

  max-width: 18px;

  max-height: 18px;

}



.add-btn svg.lucide {

  width: 20px;

  height: 20px;

  max-width: 20px;

  max-height: 20px;

}



.icon-btn-lucide svg.lucide {

  width: 22px;

  height: 22px;

  max-width: 22px;

  max-height: 22px;

}



.search-input-wrap > .ui-icon {

  flex-shrink: 0;

}



.icon-btn-lucide {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  background: transparent;

  border: 0;

  color: inherit;

  cursor: pointer;

}



.admin-nav-btn {

  display: inline-flex;

  align-items: center;

  gap: 8px;

}



.admin-nav-btn .ui-icon { opacity: 0.85; }



.promo-star .ui-icon { color: #fff; }