/* Logos locales de marca + geometría SVG oficial de Lucide para navegación. */
.side-nav .nav-icon,
.side-nav .nav-brand-icon {
  display: inline-block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  object-fit: contain;
  vertical-align: middle;
  filter: drop-shadow(0 2px 4px rgba(4, 19, 39, .2));
}

.side-nav .nav-icon {
  overflow: visible;
  stroke-width: 2;
  color: #62d6ff;
}

.nav-icon--customer, .nav-icon--users, .nav-icon--team, .nav-icon--archive-user { color: #60a5fa !important; }
.nav-icon--orders, .nav-icon--clipboard, .nav-icon--quote, .nav-icon--calendar, .nav-icon--tag { color: #a78bfa !important; }
.nav-icon--inventory, .nav-icon--warehouse, .nav-icon--containers, .nav-icon--bottle, .nav-icon--factory { color: #2dd4bf !important; }
.nav-icon--route, .nav-icon--pin, .nav-icon--zones, .nav-icon--live, .nav-icon--visit { color: #f59e0b !important; }
.nav-icon--cash, .nav-icon--wallet, .nav-icon--cash-box, .nav-icon--cash-movement, .nav-icon--finance, .nav-icon--collection, .nav-icon--bank { color: #34d399 !important; }
.nav-icon--receipt, .nav-icon--report, .nav-icon--log, .nav-icon--backup, .nav-icon--import { color: #c084fc !important; }
.nav-icon--alert, .nav-icon--claim, .nav-icon--expense { color: #fb7185 !important; }
.nav-icon--settings, .nav-icon--system, .nav-icon--wrench, .nav-icon--plug { color: #94a3b8 !important; }
.nav-icon--mail { color: #ea4335 !important; }
.side-nav .nav-brand-icon--arca {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
  filter: none;
}
.side-nav .nav-brand-icon--cucuru {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
  filter: none;
}
.side-nav .nav-brand-icon--android { width: 19px; height: 19px; flex-basis: 19px; }
.side-nav .nav-brand-icon--whatsapp,
.side-nav .nav-brand-icon--mercadopago { width: 18px; height: 18px; }

.side-subnav { padding-left: 29px; }
.side-subnav a {
  gap: 7px;
  min-height: 31px;
  padding: 4px 8px;
  line-height: 1.18;
}
.side-subnav .nav-icon,
.side-subnav .nav-brand-icon {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
  filter: none;
}
.side-subnav .nav-brand-icon--arca,
.side-subnav .nav-brand-icon--cucuru { width: 17px; height: 17px; flex-basis: 17px; }

html[data-theme="dark"] .side-nav .nav-icon { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .28)); }

@media (max-width: 760px) {
  .side-subnav a { min-height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .side-nav .nav-icon,
  .side-nav .nav-brand-icon { transition: none; }
}