/* =========================================================
   Rabbit Workspace OS v125 — Left Sidebar Color Fix
   Corregge il conflitto con il vecchio selettore
   `.app > aside.sidebar` e applica realmente il gradiente
   blu → verde acqua alla rail sinistra.
   ========================================================= */

:root{
  --rabbit-v125-blue:#2f7df0;
  --rabbit-v125-teal:#18b99c;
  --rabbit-v125-gradient:linear-gradient(155deg,var(--rabbit-v125-blue) 0%,#278bdc 46%,var(--rabbit-v125-teal) 100%);
}

@media (min-width:1181px){
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar,
  html body .scale-root .app > aside.sidebar,
  html body .app > aside.sidebar.rabbit-pro-sidebar{
    background-color:var(--rabbit-v125-blue)!important;
    background-image:
      radial-gradient(circle at 12% 6%,rgba(255,255,255,.26),transparent 25%),
      radial-gradient(circle at 88% 92%,rgba(255,255,255,.14),transparent 31%),
      var(--rabbit-v125-gradient)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    border:1px solid rgba(255,255,255,.40)!important;
    box-shadow:0 24px 58px rgba(12,65,105,.25)!important;
    color:#fff!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar::before,
  html body .scale-root .app > aside.sidebar::before{
    content:"WORKSPACE"!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    min-height:24px!important;
    margin:0 0 2px 2px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.90)!important;
    color:#17619a!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 6px 14px rgba(10,61,102,.14)!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    pointer-events:none!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar::after,
  html body .scale-root .app > aside.sidebar::after{
    display:none!important;
    content:none!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .brand,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-pro-brand{
    background:rgba(255,255,255,.95)!important;
    border:1px solid rgba(255,255,255,.70)!important;
    box-shadow:0 14px 28px rgba(10,60,100,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav{
    background:transparent!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav button,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-v106-nav button,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar #signupRequestsMenuItem,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-sidebar-logout{
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 9px 20px rgba(12,65,105,.15),inset 0 1px 0 rgba(255,255,255,.92)!important;
    color:#10243e!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav button:hover,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-v106-nav button:hover,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar #signupRequestsMenuItem:hover{
    background:#fff!important;
    border-color:rgba(255,255,255,.96)!important;
    transform:translateY(-1px)!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav button.active,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-v106-nav button.active{
    color:#0e4770!important;
    background:linear-gradient(135deg,#fff,#e8fffa)!important;
    border-color:#fff!important;
    box-shadow:inset 3px 3px 7px rgba(46,126,157,.13),inset -3px -3px 7px #fff,0 10px 24px rgba(11,66,105,.18)!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-nav-group > summary,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-nav-group > summary span,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav-section-title,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .nav-label,
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-v106-nav > b{
    color:#fff!important;
    text-shadow:0 1px 2px rgba(9,48,82,.25)!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar .rabbit-sidebar-logout{
    color:#a82232!important;
    background:rgba(255,247,248,.95)!important;
  }

  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.62)!important;
    border-radius:999px!important;
  }
}

/* Il drawer mobile mantiene la stessa identità cromatica. */
@media (max-width:1180px){
  html body .mobile-drawer .mobile-drawer-panel{
    background-color:var(--rabbit-v125-blue)!important;
    background-image:
      radial-gradient(circle at 10% 4%,rgba(255,255,255,.24),transparent 25%),
      radial-gradient(circle at 90% 94%,rgba(255,255,255,.14),transparent 30%),
      var(--rabbit-v125-gradient)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
}