/* FASE 9 — Iconografía Lucide */
.lucide,
.cr-lucide-source {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.15em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

button .lucide,
a .lucide,
.btn .lucide,
.nav-link .lucide,
.cr-icon-button .lucide {
  pointer-events: none;
}

.cr-dashboard-metric-icon .lucide,
.cr-dashboard-eyebrow .lucide {
  width: 18px;
  height: 18px;
}

.navbar .lucide,
.sidebar .lucide {
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
}

.sidebar .nav-link .menu-icon.lucide,
.sidebar .nav-link > .lucide:first-child {
  width: 19px;
  height: 19px;
  margin-right: 12px;
}

.sidebar-icon-only .sidebar .nav-link .menu-icon.lucide,
.sidebar-icon-only .sidebar .nav-link > .lucide:first-child {
  margin-right: 0;
}

.cr-table-action .lucide,
.cr-ui-icon-button .lucide,
.cr-operation-action .lucide,
.cr-finance-action .lucide {
  width: 16px;
  height: 16px;
}

.swal2-icon .lucide,
.sweet-alert .lucide {
  width: 22px;
  height: 22px;
}


/* Compatibilidad y legibilidad consistente en Chrome/Safari/Firefox */
.lucide {
  overflow: visible !important;
  shape-rendering: geometricPrecision;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.sidebar .lucide,
.navbar .lucide {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  stroke-width: 2 !important;
  color: currentColor !important;
}
.sidebar .nav-link .menu-icon.lucide,
.sidebar .nav-link > .lucide:first-child {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}
.cr-dashboard-eyebrow .lucide,
.cr-dashboard-metric-icon .lucide {
  stroke-width: 2.1 !important;
}