/*
 * hanez-icons.css — estilado de iconos Lucide en CRM
 * Stroke-width 1.75 y tamaño por defecto acordes a HanezUI.
 */

/* Iconos Lucide dentro de botones, enlaces y textos */
i[data-lucide], svg.lucide {
  stroke-width: 1.75 !important;
  flex-shrink: 0;
}

/* Tamaño por defecto dentro de botones */
.wow-btn > svg.lucide,
.btn > svg.lucide,
button > svg.lucide { width: 16px; height: 16px; }

/* En elementos de la sidebar / nav, 18px */
.sidebar a > svg.lucide,
.wow-sidebar a > svg.lucide,
nav > a > svg.lucide { width: 18px; height: 18px; }

/* Header / toolbar icons */
.header-btn > svg.lucide,
.toolbar > * > svg.lucide { width: 18px; height: 18px; }

/* Cards y hero features */
.login-hero-feature-icon > svg.lucide,
.feature-icon > svg.lucide { width: 20px; height: 20px; }

/* Valores por defecto en texto normal */
span > svg.lucide,
p > svg.lucide,
label > svg.lucide { width: 14px; height: 14px; vertical-align: middle; }

/* Search controls: keep converted Lucide icons out of the input text flow. */
.search-box > svg.lucide,
.search-box > i[data-lucide] {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: var(--text-muted) !important;
  z-index: 2 !important;
}
#main-content .search-box > input {
  padding-left: 48px !important;
}
html body #app #main-content .search-box > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body #app #main-content .search-box input[type="text"],
html body #app #main-content .search-box input[type="search"] {
  padding-left: 48px !important;
  padding-inline-start: 48px !important;
}