/* =========================================================
   Rabbit Workspace OS v128 — Custom sidebar icon set
   Usa le icone fornite dall'utente senza cambiare markup o logica.
   ========================================================= */

/* Base comune: nasconde i vecchi glifi testuali e usa un asset PNG. */
.app > aside.sidebar .nav.rabbit-v106-nav button[data-rabbit-view] .rabbit-side-ico,
aside.sidebar .nav.rabbit-v106-nav button[data-rabbit-view] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view] .rabbit-side-ico{
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  background-color:#1677c8 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:22px 22px !important;
  border:1px solid rgba(255,255,255,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 6px 13px rgba(9,67,116,.20) !important;
}

.app > aside.sidebar .nav button[data-rabbit-view="home"] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view="home"] .rabbit-side-ico{
  background-image:url('/assets/icons/sidebar/home.png') !important;
}

.app > aside.sidebar .nav button[data-rabbit-view="attendance"] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view="attendance"] .rabbit-side-ico{
  background-image:url('/assets/icons/sidebar/attendance.png') !important;
}

.app > aside.sidebar .nav button[data-rabbit-view="actions"] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view="actions"] .rabbit-side-ico{
  background-image:url('/assets/icons/sidebar/action-center.png') !important;
}

.app > aside.sidebar .nav button[data-rabbit-view="notifications"] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view="notifications"] .rabbit-side-ico{
  background-image:url('/assets/icons/sidebar/notifications.png') !important;
}

.app > aside.sidebar .nav button[data-rabbit-view="settings"] .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view="settings"] .rabbit-side-ico{
  background-image:url('/assets/icons/sidebar/settings.png') !important;
}

/* La voce attiva conserva la stessa icona, con una superficie più intensa. */
.app > aside.sidebar .nav button[data-rabbit-view].active .rabbit-side-ico,
.sidebar .nav button[data-rabbit-view].active .rabbit-side-ico{
  background-color:#075fae !important;
  border-color:#fff !important;
  box-shadow:
    inset 2px 2px 5px rgba(4,41,75,.20),
    inset -2px -2px 5px rgba(255,255,255,.10),
    0 7px 15px rgba(5,65,112,.25) !important;
}

/* Hover discreto, senza cambiare area cliccabile o layout. */
.sidebar .nav button[data-rabbit-view]:hover .rabbit-side-ico{
  transform:translateY(-1px) !important;
  filter:brightness(1.04) !important;
}

/* Drawer smartphone/tablet: aggiunge lo stesso set accanto alle etichette. */
#mobileDrawerNav button[data-rabbit-view] > span:first-child{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

#mobileDrawerNav button[data-rabbit-view] > span:first-child::before{
  content:"" !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  border-radius:11px !important;
  display:block !important;
  background-color:#1677c8 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:21px 21px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 6px 12px rgba(8,68,116,.18) !important;
}

#mobileDrawerNav button[data-rabbit-view="home"] > span:first-child::before{
  background-image:url('/assets/icons/sidebar/home.png') !important;
}
#mobileDrawerNav button[data-rabbit-view="attendance"] > span:first-child::before{
  background-image:url('/assets/icons/sidebar/attendance.png') !important;
}
#mobileDrawerNav button[data-rabbit-view="actions"] > span:first-child::before{
  background-image:url('/assets/icons/sidebar/action-center.png') !important;
}
#mobileDrawerNav button[data-rabbit-view="notifications"] > span:first-child::before{
  background-image:url('/assets/icons/sidebar/notifications.png') !important;
}
#mobileDrawerNav button[data-rabbit-view="settings"] > span:first-child::before{
  background-image:url('/assets/icons/sidebar/settings.png') !important;
}

#mobileDrawerNav button[data-rabbit-view].active > span:first-child::before{
  background-color:#075fae !important;
  border-color:#fff !important;
}

@media (prefers-reduced-motion:reduce){
  .sidebar .nav button[data-rabbit-view] .rabbit-side-ico{
    transform:none !important;
    transition:none !important;
  }
}