/* v3.12.12 — Rol bazlı açılır sol menü grupları */
.host-sidebar{
  overflow:hidden!important;
  padding:16px 12px 14px!important;
}
.host-brand{
  flex:0 0 auto!important;
  min-height:50px!important;
  padding:2px 8px 13px!important;
}
.host-role-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:3px 2px 8px!important;
  scrollbar-width:none!important;
  overscroll-behavior:contain!important;
}
.host-role-nav::-webkit-scrollbar{width:0!important;height:0!important}
.host-sidebar-footer{flex:0 0 auto!important;margin-top:7px!important}
.host-sidebar-help{margin-top:0!important;padding:12px!important;border-radius:14px!important}
.host-sidebar-help p{margin:5px 0 9px!important;font-size:11px!important;line-height:1.42!important}

.host-nav-collapsible{
  margin:0 0 6px!important;
  border:1px solid transparent!important;
  border-radius:15px!important;
  background:transparent!important;
  overflow:hidden!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.host-nav-collapsible[open]{
  border-color:#e8e0fb!important;
  background:#fbf9ff!important;
  box-shadow:0 6px 18px rgba(78,47,145,.045)!important;
}
.host-nav-summary{
  list-style:none!important;
  width:100%!important;
  min-height:43px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#5f586f!important;
  cursor:pointer!important;
  user-select:none!important;
  font-size:12.5px!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
  border-radius:13px!important;
  transition:background .16s ease,color .16s ease!important;
}
.host-nav-summary::-webkit-details-marker{display:none!important}
.host-nav-summary::marker{display:none!important;content:""!important}
.host-nav-summary:hover{background:#f4f0ff!important;color:#633cdb!important}
.host-nav-collapsible[open]>.host-nav-summary{color:#5b34d5!important;background:#f2edff!important;border-radius:13px 13px 9px 9px!important}
.host-nav-group-icon{
  width:18px!important;height:18px!important;flex:0 0 18px!important;fill:currentColor!important
}
.host-nav-summary>span{flex:1 1 auto!important;min-width:0!important}
.host-nav-chevron{
  width:8px!important;height:8px!important;flex:0 0 8px!important;
  border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
  transform:rotate(45deg) translate(-1px,-1px)!important;
  opacity:.62!important;transition:transform .18s ease!important;
}
.host-nav-collapsible[open] .host-nav-chevron{transform:rotate(225deg) translate(-1px,-1px)!important}
.host-nav-collapsible>.host-nav{
  gap:2px!important;
  padding:5px 6px 7px!important;
}
.host-nav-collapsible>.host-nav button{
  min-height:38px!important;
  padding:0 9px 0 11px!important;
  border-radius:10px!important;
  gap:10px!important;
  font-size:12.5px!important;
  font-weight:620!important;
}
.host-nav-collapsible>.host-nav button>svg,
.host-nav-collapsible>.host-nav button>.nav-side-icon{
  width:17px!important;height:17px!important;flex:0 0 17px!important;
}
.host-nav-collapsible>.host-nav button.active:before{
  top:8px!important;bottom:8px!important;width:3px!important;
}

@media (max-height:820px) and (min-width:901px){
  .host-sidebar{padding-top:11px!important;padding-bottom:10px!important}
  .host-brand{padding-bottom:8px!important}
  .host-brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .host-brand strong{font-size:15px!important}.host-brand small{font-size:10.5px!important;margin-top:2px!important}
  .host-nav-collapsible{margin-bottom:4px!important}
  .host-nav-summary{min-height:38px!important;font-size:12px!important}
  .host-nav-collapsible>.host-nav button{min-height:35px!important;font-size:12px!important}
  .host-sidebar-help{padding:9px 10px!important}.host-sidebar-help p{display:none!important}
}

@media (max-width:900px){
  .host-sidebar{overflow:hidden!important;padding:14px 12px 16px!important}
  .host-role-nav{padding-bottom:16px!important}
  .host-nav-summary{min-height:48px!important;font-size:14px!important;padding:0 13px!important}
  .host-nav-group-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
  .host-nav-collapsible>.host-nav{padding:6px 7px 9px!important;gap:3px!important}
  .host-nav-collapsible>.host-nav button{min-height:45px!important;font-size:13.5px!important;padding:0 12px!important}
  .host-nav-collapsible>.host-nav button>svg,.host-nav-collapsible>.host-nav button>.nav-side-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
}