/* UI Batch 7 REV10 — Option 1 Light Blue Professional Sidebar
   Presentation-only override. Accordion behavior, routes, permissions, RTL and mobile logic are unchanged. */

body.authenticated:not(.nav-top) .sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 52%,#eef6ff 100%);
  border-inline-end:1px solid #dbe8f7;
  box-shadow:8px 0 30px rgba(38,82,140,.10);
  scrollbar-color:#b9cee8 transparent;
  color:#102a56;
}
body.authenticated:not(.nav-top) .sidebar:before{
  height:310px;
  background:
    radial-gradient(circle at 15% 88%,rgba(31,147,255,.10),transparent 42%),
    radial-gradient(circle at 83% 80%,rgba(94,91,246,.08),transparent 46%);
  opacity:1;
}
body.authenticated:not(.nav-top) .sidebar::-webkit-scrollbar-thumb{
  background:#bfd2e8;
  border:2px solid transparent;
  background-clip:padding-box;
}
body.authenticated:not(.nav-top) .sidebar::-webkit-scrollbar-thumb:hover{
  background:#9fbddd;
  background-clip:padding-box;
}

/* Brand block */
body.authenticated:not(.nav-top) .sidebar .brand{
  border-bottom:1px solid #e3edf8;
  background:rgba(255,255,255,.70);
}
body.authenticated:not(.nav-top) .sidebar .brand strong{
  color:#10295a;
  font-weight:850;
  letter-spacing:-.015em;
}
body.authenticated:not(.nav-top) .sidebar .brand small{
  color:#6680aa;
  opacity:1;
}
body.authenticated:not(.nav-top) .sidebar .brand-mark{
  background:linear-gradient(145deg,#176ff5 0%,#18b7f7 100%);
  box-shadow:0 9px 22px rgba(31,126,244,.24);
}

/* Dashboard / direct navigation */
body.authenticated:not(.nav-top) .sidebar .nav-link{
  color:#24416f;
}
body.authenticated:not(.nav-top) .sidebar .nav-link:hover{
  background:#edf6ff;
  color:#0d65d8;
  box-shadow:inset 0 0 0 1px #dcecff;
}
body.authenticated:not(.nav-top) .sidebar .nav-link.active{
  color:#fff;
  background:linear-gradient(105deg,#176ff5 0%,#19b9f6 100%);
  box-shadow:0 9px 22px rgba(24,126,240,.23);
}
body.authenticated:not(.nav-top) .sidebar .nav-link.active:after{
  background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 52%);
}
body.authenticated:not(.nav-top) .sidebar .nav-icon{
  color:#35659c;
  opacity:.95;
}
body.authenticated:not(.nav-top) .sidebar .nav-link.active .nav-icon{
  color:#fff;
}

/* Accordion group headings */
body.authenticated:not(.nav-top) .sidebar .nav-group-toggle{
  color:#18355f;
  font-weight:800;
  background:transparent;
}
body.authenticated:not(.nav-top) .sidebar .nav-group-toggle:hover{
  color:#0b68dc;
  background:#edf6ff;
  box-shadow:inset 0 0 0 1px #deedff;
}
body.authenticated:not(.nav-top) .sidebar .nav-group-toggle:focus-visible{
  outline:2px solid #2a8cff;
  outline-offset:2px;
}
body.authenticated:not(.nav-top) .sidebar .nav-group-toggle .nav-icon{
  color:#2478d8;
}
body.authenticated:not(.nav-top) .sidebar .nav-group-toggle .nav-chevron{
  color:#7290ba;
}
body.authenticated:not(.nav-top) .sidebar .nav-accordion.is-open>.nav-group-toggle{
  color:#0e58b6;
  background:linear-gradient(90deg,#edf6ff 0%,#f7fbff 100%);
  box-shadow:inset 3px 0 0 #2386f4,inset 0 0 0 1px #deedff;
}
html[dir=rtl] body.authenticated:not(.nav-top) .sidebar .nav-accordion.is-open>.nav-group-toggle{
  box-shadow:inset -3px 0 0 #2386f4,inset 0 0 0 1px #deedff;
}
body.authenticated:not(.nav-top) .sidebar .nav-accordion.has-active>.nav-group-toggle{
  color:#0b5fc9;
}
body.authenticated:not(.nav-top) .sidebar .nav-accordion.is-open>.nav-group-toggle .nav-chevron{
  color:#156fd8;
}

/* Children */
body.authenticated:not(.nav-top) .sidebar .nav-group-items{
  margin:3px 0 5px 8px;
  padding-top:4px;
  padding-bottom:5px;
  border-inline-start:1px solid #dce9f8;
}
html[dir=rtl] body.authenticated:not(.nav-top) .sidebar .nav-group-items{
  margin-left:0;
  margin-right:8px;
}
body.authenticated:not(.nav-top) .sidebar .nav-child{
  color:#415d84;
  border-radius:9px;
}
body.authenticated:not(.nav-top) .sidebar .nav-child .nav-icon{
  color:#6687b1;
}
body.authenticated:not(.nav-top) .sidebar .nav-child:hover{
  color:#0e65ce;
  background:#f0f7ff;
  box-shadow:none;
}
body.authenticated:not(.nav-top) .sidebar .nav-child:hover .nav-icon{
  color:#247ee2;
}
body.authenticated:not(.nav-top) .sidebar .nav-child.active{
  color:#fff;
  background:linear-gradient(105deg,#5c65f5 0%,#1aaff5 100%);
  box-shadow:0 7px 18px rgba(43,115,224,.21);
}
body.authenticated:not(.nav-top) .sidebar .nav-child.active .nav-icon{
  color:#fff;
}

/* Collapsed sidebar retains the same light treatment and clear icon states. */
body.authenticated:not(.nav-top).nav-collapsed .sidebar .nav-group-toggle:hover,
body.authenticated:not(.nav-top).nav-collapsed .sidebar .nav-link:hover{
  background:#eaf4ff;
}

/* Mobile keeps the same light panel while the existing dark scrim separates it from content. */
@media(max-width:900px){
  body.authenticated:not(.nav-top) .sidebar{
    box-shadow:18px 0 45px rgba(29,63,111,.22);
  }
  html[dir=rtl] body.authenticated:not(.nav-top) .sidebar{
    box-shadow:-18px 0 45px rgba(29,63,111,.22);
  }
}

/* Print is governed by the existing HisabPro print layer. */