/* Consistent Lucide weight after SVG replace (1.5 = Lucide “default” web look) */
svg.lucide {
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  flex-shrink: 0;
  vertical-align: middle;
}

/* Sizing: stroke stays 1.5; box scales */
.lw-sm svg.lucide,
.lw-sm.lucide {
  width: 16px;
  height: 16px;
}
.lw-md svg.lucide,
.lw-md.lucide {
  width: 20px;
  height: 20px;
}
.lw-lg svg.lucide,
.lw-lg.lucide {
  width: 24px;
  height: 24px;
}
.lw-xl svg.lucide,
.lw-xl.lucide {
  width: 28px;
  height: 28px;
}

/* Topbar / mockup icon buttons: uniform icon size in control */
.brand .logo svg.lucide,
.icon-btn svg.lucide {
  width: 22px;
  height: 22px;
}