/* =========================================================
   Rabbit Workspace OS v126 — Thick Sidebar Borders
   Rafforza visivamente i bordi esterni delle due rail laterali
   senza modificare larghezze, contenuti o comportamento.
   ========================================================= */

:root{
  --rabbit-v126-rail-border:rgba(255,255,255,.82);
  --rabbit-v126-rail-inner:rgba(15,91,139,.20);
  --rabbit-v126-rail-shadow:0 0 0 1px var(--rabbit-v126-rail-inner),0 26px 62px rgba(10,62,102,.27);
}

@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,
  html body .scale-root > .app > aside.rightbar,
  html body .scale-root .app > aside.rightbar,
  html body .app > aside.rightbar{
    border:4px solid var(--rabbit-v126-rail-border)!important;
    box-shadow:
      inset 0 0 0 1px var(--rabbit-v126-rail-inner),
      var(--rabbit-v126-rail-shadow)!important;
  }

  /* Mantiene il bordo netto anche durante lo scroll interno. */
  html body .scale-root > .app > aside.sidebar.rabbit-pro-sidebar,
  html body .scale-root > .app > aside.rightbar{
    background-clip:padding-box!important;
  }
}

/* Drawer mobile coordinato: bordo laterale più deciso senza ridurre lo spazio utile. */
@media (max-width:1180px){
  html body .mobile-drawer .mobile-drawer-panel{
    border-right:4px solid var(--rabbit-v126-rail-border)!important;
    box-shadow:
      inset -1px 0 0 var(--rabbit-v126-rail-inner),
      24px 0 58px rgba(10,57,96,.30)!important;
  }
}
