/* Prop Pilot approved navigation icon system — 2026-10-11.
   Official Lucide v0.456.0 outlines, embedded locally in index.html.
   Active navigation remains the approved deep-red / metallic-silver scheme.
   Deliberately scoped to navigation only; not model, trading or dashboard UI. */
#app .side-nav-icon,
#app .mobile-nav-glyph {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
#app .side-nav-icon {
  width:23px;
  min-width:23px;
  height:22px;
}
#app .pp-nav-svg {
  display:block;
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.pp-app-active .sidebar-links button .side-nav-icon { color:#a0acbc; }
.pp-app-active .sidebar-links button.active .side-nav-icon { color:#ff526d; }
.pp-app-active .sidebar-links button:hover:not(.active) .side-nav-icon { color:#e0e6ef; }
#app .mobile-nav-glyph {
  min-width:23px;
  min-height:22px;
}
#app .mobile-nav-glyph .pp-nav-svg { width:20px; height:20px; }
.pp-app-active .mobile-nav button .mobile-nav-glyph { color:#9ca8b8; }
.pp-app-active .mobile-nav button.active .mobile-nav-glyph { color:#ff526d; }