/* UI Batch 7 acceptance correction — persistent sidebar state + always-reachable edge toggle. */
.sidebar-edge-toggle{
  position:fixed;
  top:94px;
  left:calc(var(--hp-sidebar-w) - 16px);
  z-index:1010;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  min-width:32px;
  padding:0;
  border:1px solid #c9d9ee;
  border-radius:999px;
  background:#fff;
  color:#276ecf;
  box-shadow:0 5px 16px rgba(20,62,124,.16);
  font-size:24px;
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:left .16s ease,right .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.sidebar-edge-toggle:hover{background:#f4f8ff;box-shadow:0 7px 20px rgba(20,62,124,.22);transform:scale(1.04)}
.sidebar-edge-toggle:focus-visible{outline:3px solid rgba(22,136,248,.22);outline-offset:2px}
.nav-collapsed .sidebar-edge-toggle{left:calc(var(--hp-sidebar-collapsed) - 16px)}
html[dir=rtl] .sidebar-edge-toggle{left:auto;right:calc(var(--hp-sidebar-w) - 16px)}
html[dir=rtl] .nav-collapsed .sidebar-edge-toggle{left:auto;right:calc(var(--hp-sidebar-collapsed) - 16px)}
.nav-top .sidebar-edge-toggle{display:none!important}
@media(max-width:900px){.sidebar-edge-toggle{display:none!important}}
@media print{.sidebar-edge-toggle{display:none!important}}
