/* HNAI 0.8.2 – colored navigation icons */
.sidebar [data-view] .nav-icon{
  transition:color .16s ease,transform .16s ease,filter .16s ease;
}
.sidebar [data-view]:hover .nav-icon,
.sidebar [data-view].active .nav-icon{
  transform:scale(1.08);
  filter:drop-shadow(0 0 7px currentColor);
}

/* Main navigation */
.sidebar [data-view="home"] .nav-icon{color:#38bdf8}
.sidebar [data-view="rooms"] .nav-icon{color:#a78bfa}
.sidebar [data-view="devices"] .nav-icon{color:#22d3ee}
.sidebar [data-view="groups"] .nav-icon{color:#f59e0b}
.sidebar [data-view="scenes"] .nav-icon{color:#f472b6}
.sidebar [data-view="routines"] .nav-icon{color:#34d399}
.sidebar [data-view="automations"] .nav-icon{color:#facc15}
.sidebar [data-view="alexa"] .nav-icon{color:#60a5fa}
.sidebar [data-view="apple-home"] .nav-icon{color:#fb7185}

/* Administration */
.sidebar [data-view="admin-users"] .nav-icon{color:#c084fc}
.sidebar [data-view="admin-system"] .nav-icon{color:#94a3b8}
.sidebar [data-view="admin-diagnostics"] .nav-icon{color:#2dd4bf}
.sidebar [data-view="admin-settings"] .nav-icon{color:#fbbf24}

/* Keep the selected navigation row readable while preserving icon color. */
.sidebar .nav button.active .nav-icon,
.sidebar .admin-nav button.active .nav-icon{
  opacity:1;
}