/* sidebar-hover.css - eticheta normala; la hover se schimba cu rolul. Fara text secundar vizibil. */
.sidebar a.nav-has-role{display:flex;align-items:center}
.sidebar .nav-label{position:relative;display:block;flex:1 1 auto;min-width:0;height:1.4em;line-height:1.4em;overflow:hidden;white-space:nowrap}
.sidebar .nav-label__base{display:block;transition:transform .25s ease,opacity .25s ease}
.sidebar .nav-label::after{content:attr(data-hover);position:absolute;left:0;top:100%;width:100%;white-space:nowrap;
  color:inherit;opacity:0;transition:transform .25s ease,opacity .25s ease}
body .sidebar a.nav-has-role{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease,color .25s ease}
@media (hover:hover){
  body .sidebar a.nav-has-role:hover,
  body .sidebar a.nav-has-role:focus-visible{
    transform:scale(1.03) !important;
    border-style:solid !important;border-width:1px !important;border-color:#00EAFF !important;
    box-shadow:0 0 14px rgba(0,234,255,.55),inset 0 0 8px rgba(0,234,255,.15) !important;
    outline:none}
  .sidebar a.nav-has-role:hover .nav-label__base,
  .sidebar a.nav-has-role:focus-visible .nav-label__base{transform:translateY(-100%);opacity:0}
  .sidebar a.nav-has-role:hover .nav-label::after,
  .sidebar a.nav-has-role:focus-visible .nav-label::after{transform:translateY(-100%);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .sidebar .nav-label__base,.sidebar .nav-label::after,body .sidebar a.nav-has-role{transition:none}
}