/* Ikony użytkowe */
.icon-sm { width: 16px; height: 16px; flex-shrink: 0; }
.icon-md { width: 20px; height: 20px; flex-shrink: 0; }
.icon-lg { width: 40px; height: 40px; flex-shrink: 0; }
.icon-cyan { color: var(--neon-cyan); }

/* --- ANIMACJE IKON --- */
.sidebar__nav-item[data-target="view-dashboard"]:hover .sidebar__nav-icon { animation: navPulse 0.5s ease-in-out; }
.sidebar__nav-item[data-target="view-stocks"]:hover .sidebar__nav-icon { animation: navTrendUp 0.5s ease-in-out; }
.sidebar__nav-item[data-target="view-collections"]:hover .sidebar__nav-icon { animation: navWiggle 0.5s ease; }
.sidebar__nav-item[data-target="view-apps"]:hover .sidebar__nav-icon { animation: navPlugIn 0.4s ease-in-out; }
.sidebar__nav-item[data-target="view-billing"]:hover .sidebar__nav-icon { animation: navSwipe 0.5s ease-in-out; }
.sidebar__nav-item[data-target="view-calendar"]:hover .sidebar__nav-icon { animation: navTickTock 0.5s ease-in-out; }
.sidebar__nav-item[data-target="view-settings"]:hover .sidebar__nav-icon { transform: rotate(90deg); }
.sidebar__nav-item[data-target="view-support"]:hover .sidebar__nav-icon { animation: navFloat 1s ease-in-out infinite; }
.sidebar__nav-item[data-target="view-knf"]:hover .sidebar__nav-icon { animation: navLift 0.4s ease-in-out; }
.sidebar__nav-item[data-target="view-tools"]:hover .sidebar__nav-icon { animation: navWrench 0.4s ease-in-out; }
.sidebar__nav-item[data-target="view-knowledge"]:hover .sidebar__nav-icon { animation: navFloat 1s ease-in-out infinite; }
.sidebar__nav-item[data-target="view-roadmap"]:hover .sidebar__nav-icon { animation: navTrendUp 0.5s ease-in-out; }

/* --- DEFINICJE ANIMACJI MENU (KEYFRAMES) --- */
@keyframes navPulse { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes navTrendUp { 0% { transform: translate(0, 0); } 50% { transform: translate(2px, -2px); } 100% { transform: translate(0, 0); } }
@keyframes navWiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } }
@keyframes navPlugIn { 0% { transform: translateX(0); } 50% { transform: translateX(3px); } 100% { transform: translateX(0); } }
@keyframes navSwipe { 0% { transform: translateX(0); } 50% { transform: translateX(4px); } 100% { transform: translateX(0); } }
@keyframes navTickTock { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-15deg); } 75% { transform: rotate(15deg); } }
@keyframes navFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes navLift { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }
@keyframes navWrench { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(25deg); } }