/* Menu tab: match Chats' selected/idle lighting, with copper only.
   Scoped to menu content. No changes to chat colours, size, geometry or icons. */
#drawer #drawerContent.qore-menu-glow .nav-group > a.nav-item:not(.ai-chat-item):not(.active){
 background:var(--surface-2,#122033)!important;
 box-shadow:inset 0 0 0 1px var(--hairline,#1C2B3D)!important;
 color:#cbd6e2;
}
/* Android WebView can latch :hover; reserve hover for real mouse input. */
@media (hover:hover) and (pointer:fine){
 #drawer #drawerContent.qore-menu-glow .nav-group > a.nav-item:not(.ai-chat-item):not(.active):hover{
  background:var(--surface-2,#122033)!important;
  box-shadow:inset 0 0 0 1px var(--hairline,#1C2B3D)!important;
 }
}
#drawer #drawerContent.qore-menu-glow .nav-group > a.nav-item:not(.ai-chat-item).active{
 background:
   radial-gradient(ellipse 84% 110% at 18% 50%,
     color-mix(in srgb,var(--copper-hot,#E0942A) 7%,transparent) 0%,
     transparent 82%),
   linear-gradient(116deg,
     color-mix(in srgb,var(--copper-hot,#E0942A) 12%,#1b2937) 0%,
     #152330 100%)!important;
 box-shadow:inset 0 1px 1px #d0e0ea24,
   inset 0 2px 4px #0006,
   inset 0 0 10px color-mix(in srgb,var(--copper-hot,#E0942A) 6%,transparent)!important;
 color:#f1f5fa;
}
/* Selected menu glyph: same recessed glow strength as the selected chat
   glyph, except orange instead of the AI's own colour. */
#drawer #drawerContent.qore-menu-glow .nav-group > a.nav-item:not(.ai-chat-item).active .nav-icon.qore-menu-icon svg{
 fill:color-mix(in srgb,var(--copper-hot,#E0942A) 25%,#091725);
 filter:
   drop-shadow(-.8px -.8px .45px #000e)
   drop-shadow(1px 1px .65px color-mix(in srgb,var(--copper-hot,#E0942A) 90%,#ecf2ff))
   drop-shadow(0 0 2.5px color-mix(in srgb,var(--copper-hot,#E0942A) 65%,transparent));
}
/* Copper edge is already 55% idle / 100% active in qura-top-fade.css.
   Leave that edge and the rounded masking exactly as they are. */
