/* SLPT-R25R14-SIDEBAR-HAMBURGER-RESTORATION-20260817 */
/* SLPT R23.3 - Professional Sidebar Cleanup
   Production correction: one sidebar control, no preview/design labels,
   bright Design 2 surface, and no injected developer-facing summary card. */

/* The legacy in-sidebar collapse button is intentionally removed from the UI.
   The existing top-bar hamburger is now the only sidebar control. */
#appView #sidebarCollapse,
#appView #sidebarToggleV182{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Bright approved Design 2 surface. */
#appView .sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,250,252,.95))!important;
  color:#1d1f24!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 20px 55px rgba(47,38,66,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
#appView .sidebar .brand span{color:#1d1f24!important}
#appView .sidebar .brand b{color:var(--r23-burgundy)!important}
#appView .sidebar .brand small{color:#777c87!important}

/* Remove any old R23.2 preview/demo card even before JS cleanup runs. */
#appView .r232-side-summary{display:none!important}

#appView .nav button{
  background:#fff!important;
  color:#444953!important;
  border:1px solid #e8ebf0!important;
  box-shadow:0 6px 16px rgba(40,35,52,.045)!important;
}
#appView .nav button:hover:not(.hidden){
  background:#fff!important;
  color:#1d1f24!important;
  border-color:#dfe4eb!important;
  box-shadow:0 10px 22px rgba(40,35,52,.065)!important;
}
#appView .nav button.active{
  background:linear-gradient(145deg,rgba(141,41,49,.12),rgba(119,95,189,.09))!important;
  color:var(--r23-burgundy)!important;
  border-color:rgba(141,41,49,.16)!important;
  box-shadow:0 9px 20px rgba(141,41,49,.075)!important;
}
#appView .nav button .r23-nav-icon{
  background:linear-gradient(145deg,#fff,#f7f8fb)!important;
  border-color:#e4e8ee!important;
}
#appView .nav button.active .r23-nav-icon{
  background:linear-gradient(145deg,rgba(141,41,49,.11),rgba(180,78,88,.07))!important;
  border-color:rgba(141,41,49,.13)!important;
}

/* One top-bar hamburger is available at desktop widths as the sidebar toggle. */
@media(min-width:901px){
  #appView #mobileMenu{
    display:grid!important;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:13px;
    background:#fff!important;
    color:#343842!important;
    border:1px solid var(--r23-line)!important;
    box-shadow:0 5px 14px rgba(40,35,52,.055);
  }
}

/* Mobile/tablet: use the same hamburger to both open and close the overlay.
   It moves above the open sidebar; no secondary button is introduced. */
@media(max-width:900px){
  #appView #mobileMenu{
    display:grid!important;
    place-items:center;
    z-index:150!important;
  }
  html.r233-sidebar-open #appView #mobileMenu{
    position:fixed!important;
    top:24px!important;
    left:198px!important;
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#313640!important;
    border:1px solid #e1e5eb!important;
    box-shadow:0 10px 24px rgba(39,34,49,.12)!important;
  }
}

/* Client/app-only mobile navigation remains the R23 dock; don't force a redundant menu there. */
@media(max-width:720px){
  html[data-role="client"] #appView #mobileMenu,
  html[data-role="app_only"] #appView #mobileMenu{display:none!important}
}

/* Keep dark theme professional while still brighter than the previous navy block. */
html[data-theme="mist-graphite"] #appView .sidebar{
  background:linear-gradient(180deg,rgba(43,46,55,.98),rgba(34,37,45,.96))!important;
  color:#f4f5f7!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="mist-graphite"] #appView .sidebar .brand span{color:#fff!important}
html[data-theme="mist-graphite"] #appView .sidebar .brand small{color:#aeb3bd!important}
html[data-theme="mist-graphite"] #appView .nav button{
  background:rgba(255,255,255,.055)!important;
  color:#edf0f5!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="mist-graphite"] #appView .nav button.active{
  background:linear-gradient(145deg,rgba(141,41,49,.26),rgba(119,95,189,.20))!important;
  color:#fff!important;
}