/* Raseen ERP Desktop v1.0.1 — Sidebar usability refinement */
@media (min-width:1001px){
  .layout{grid-template-columns:292px minmax(0,1fr)}
  .app-sidebar{
    padding:12px 12px 14px;
    gap:9px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
  }
  .sidebar-heading{
    position:sticky;
    top:-12px;
    z-index:4;
    background:#fff;
    padding:12px 12px 11px;
    margin:0 -2px 2px;
    border-bottom:1px solid #e5eaf1;
    box-shadow:0 5px 12px rgba(15,23,42,.035);
  }
  .sidebar-heading-title{font-size:13px}
  .sidebar-heading-sub{font-size:11px}
  .nav-home,.nav-module,.nav-group-toggle,.sidebar-logout{
    min-height:48px;
  }
  .nav-home,.nav-module{
    display:flex!important;
    align-items:center;
    gap:10px;
    padding:9px 11px!important;
    border:1px solid #edf1f6!important;
    background:#fff!important;
    border-radius:12px!important;
  }
  .nav-home.active,.nav-module.active{
    border-color:#cfe0ff!important;
    background:#eef4ff!important;
  }
  .sidebar-group{
    flex:0 0 auto;
    border:1px solid #e8edf4;
    border-radius:13px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(15,23,42,.025);
  }
  .sidebar-group.open{
    border-color:#cddcff;
    background:#fff;
    box-shadow:0 7px 18px rgba(37,99,235,.07);
  }
  .nav-group-toggle{
    min-height:48px;
    padding:9px 11px;
    border-radius:12px;
    line-height:1.35;
  }
  .nav-group-main{gap:10px;min-width:0;flex:1}
  .nav-group-main>span:last-child{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.35;
  }
  .nav-chevron{
    flex:0 0 18px;
    width:18px;
    text-align:center;
  }
  .nav-group-items{
    padding:6px 8px 9px;
    border-top:1px solid #edf2f7;
    background:#fbfdff;
  }
  .nav-group-items .nav{
    min-height:39px;
    display:flex;
    align-items:center;
    width:100%!important;
    padding:8px 17px 8px 9px;
    margin:2px 0;
    line-height:1.4;
    white-space:normal;
    border-radius:9px;
  }
  .nav-group-items .nav:before{right:7px}
  .nav-group-items .nav:hover{background:#f1f6ff!important}
  .nav-group-items .nav.active{
    background:#eaf1ff!important;
    box-shadow:inset -3px 0 0 var(--brand);
  }
  .sidebar-footer{
    position:sticky;
    bottom:-14px;
    z-index:4;
    margin-top:4px;
    padding:10px 0 2px;
    background:linear-gradient(180deg,rgba(255,255,255,.84),#fff 28%);
    border-top:1px solid #e5eaf1;
  }
  .sidebar-logout{
    border:1px solid #edf1f6!important;
    background:#fff!important;
    border-radius:12px!important;
    padding:9px 11px!important;
  }
}

/* Keep the menu readable when the desktop window is narrowed. */
@media (max-width:1000px){
  .app-sidebar{
    gap:8px;
    padding:12px;
  }
  .sidebar-group,.nav-home,.nav-module,.sidebar-footer{min-width:0}
  .nav-group-toggle{min-height:46px;padding:9px 10px}
  .nav-group-main>span:last-child{white-space:normal;line-height:1.35}
  .nav-group-items{padding:5px 7px 8px}
  .nav-group-items .nav{min-height:38px;white-space:normal;line-height:1.35}
}

/* Clear keyboard focus for easier navigation. */
.app-sidebar button:focus-visible{
  outline:3px solid rgba(37,99,235,.24);
  outline-offset:2px;
}