@media (min-width:1024px){
  .sidebar{width:232px;padding:16px 12px}
  .main-area{margin-left:232px;width:calc(100% - 232px)}
  .nav-list{display:block;padding-top:12px}
  .nav-group{margin-bottom:14px}
  .nav-group-label{padding:7px 12px 5px;font-size:11px;letter-spacing:.08em;color:var(--muted)}
  .nav-group-items{display:grid;gap:3px}
  .nav-item{min-height:42px;padding:9px 12px;border-radius:10px;width:100%}
  .nav-item.active{position:relative;background:#edf7f3;color:var(--teal-dark)}
  .nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--teal)}
}

/* V2.7.2 desktop sidebar collapse */
@media (min-width:1024px){
  .brand{position:relative}.brand-copy{min-width:0}.sidebar-collapse-btn{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.sidebar-collapse-btn:hover{background:var(--teal-soft);color:var(--teal-dark)}
  .nav-group-toggle{min-height:36px}.nav-group-items{padding-left:7px}.nav-group[data-nav-group="home"] .nav-group-items{padding-left:0}
  .sidebar,.main-area{transition:width .18s ease,margin-left .18s ease}.sidebar.collapsed{width:68px;padding:12px 8px;overflow:visible}.sidebar.collapsed~.main-area{margin-left:68px;width:calc(100% - 68px)}
  .sidebar.collapsed .brand{height:auto;min-height:88px;flex-direction:column;justify-content:center;gap:7px;padding:0 0 10px}.sidebar.collapsed .brand-mark{width:40px;height:40px;border-radius:11px}.sidebar.collapsed .brand-copy{display:none}.sidebar.collapsed .sidebar-collapse-btn{margin:0;width:30px;height:25px;border:0;background:#f5f8f8}
  .sidebar.collapsed .nav-list{overflow:visible;padding-top:10px;gap:5px}.sidebar.collapsed .nav-group{position:relative;margin-bottom:5px}.sidebar.collapsed .nav-group-toggle,.sidebar.collapsed .nav-item{width:50px;min-height:44px;padding:9px;justify-content:center;margin:0 auto}.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-group-chevron,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-group-icon,.sidebar.collapsed .nav-icon{width:24px;flex:0 0 24px}
  .sidebar.collapsed .nav-group:not([data-nav-group="home"]) .nav-group-items{display:none;padding:7px}.sidebar.collapsed .nav-group[data-nav-group="home"] .nav-group-items{display:grid;padding:0}.sidebar.collapsed .nav-group.flyout-open .nav-group-items{display:grid!important;position:absolute;left:58px;top:0;width:210px;gap:3px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(25,60,62,.16);z-index:90}.sidebar.collapsed .nav-group.flyout-open .nav-item{width:100%;justify-content:flex-start;margin:0;padding:10px 12px}.sidebar.collapsed .nav-group.flyout-open .nav-label{display:inline}.sidebar.collapsed .nav-group-toggle.active-parent{background:var(--teal-soft);color:var(--teal-dark)}
  .sidebar.collapsed .sidebar-footer{padding:8px 0 2px;align-items:center;justify-items:center}.sidebar.collapsed .sidebar-footer .footer-action,.sidebar.collapsed .sidebar-footer>span{display:none}
}

/* V2.8 desktop navigation */
@media (min-width:1024px){
  .sidebar{width:220px;padding:12px 10px;background:#fff;border-right:1px solid var(--line)}
  .main-area{margin-left:220px;width:calc(100% - 220px)}
  .brand{height:68px;gap:10px;padding:0 2px 12px;border-bottom:1px solid var(--line)}
  .brand-mark{width:38px;height:38px;border-radius:9px;background:var(--teal);box-shadow:none}.brand strong{font-size:15px;font-weight:600}.brand span{font-size:11px;margin-top:2px;color:var(--weak)}
  .sidebar-collapse-btn{width:28px;height:28px;flex:0 0 28px;border:0;background:transparent;border-radius:7px}.sidebar-collapse-btn:hover{background:var(--teal-soft)}
  .nav-list{padding-top:12px;overflow:auto}
  .nav-group{margin:0 0 17px}.nav-group[data-nav-group="home"]{margin-bottom:14px}
  .nav-group-toggle{min-height:30px;padding:4px 8px;border-radius:6px;color:#3F4743;font-size:13px;font-weight:600;letter-spacing:0}.nav-group-toggle:hover{background:transparent;color:var(--muted)}.nav-group-toggle.active-parent{color:var(--weak);background:transparent}
  .nav-group-icon{display:none}.nav-group-title{font-size:13px}.nav-group-chevron{margin-left:auto;opacity:.55}
  .nav-group-items{padding:0;gap:2px}.nav-item-wrap{display:grid;gap:1px}.nav-item{width:100%;min-height:38px;padding:8px 10px;border-radius:8px;gap:10px;font-size:14px;font-weight:500;color:#202622}.nav-item:hover{background:#F6F8F7}.nav-item.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:600}.nav-item.active:before{display:none}
  .nav-icon{width:20px;flex:0 0 20px;display:grid;place-items:center}.nav-item-chevron{margin-left:auto;display:grid;place-items:center;transform:rotate(90deg);opacity:.5}
  .nav-subitems{display:grid;gap:1px;margin:1px 0 4px}.nav-subitem{min-height:31px;padding:6px 8px 6px 40px;border:0;background:transparent;text-align:left;font-size:13px;color:#4B5450;border-radius:7px}.nav-subitem:hover{background:#F6F8F7;color:var(--text)}.nav-subitem.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:500}
  .nav-group.is-collapsed .nav-group-items{display:none}
  .sidebar,.main-area{transition:width .16s ease,margin-left .16s ease}.sidebar.collapsed{width:64px;padding:10px 7px;overflow:visible}.sidebar.collapsed~.main-area{margin-left:64px;width:calc(100% - 64px)}
  .sidebar.collapsed .brand{min-height:72px;height:auto;flex-direction:column;justify-content:center;gap:5px;padding:0 0 8px}.sidebar.collapsed .brand-mark{width:36px;height:36px}.sidebar.collapsed .brand-copy{display:none}.sidebar.collapsed .sidebar-collapse-btn{margin:0;width:28px;height:24px;background:#F6F8F7}
  .sidebar.collapsed .nav-list{overflow:visible}.sidebar.collapsed .nav-group{position:relative;margin:0 0 5px}.sidebar.collapsed .nav-group-toggle{width:48px;min-height:42px;margin:0 auto;padding:8px;justify-content:center}.sidebar.collapsed .nav-group-toggle .nav-group-icon{display:grid;width:20px;place-items:center}.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-group-chevron{display:none}
  .sidebar.collapsed .nav-group:not([data-nav-group="home"]) .nav-group-items{display:none}.sidebar.collapsed .nav-group[data-nav-group="home"] .nav-group-items{display:grid}.sidebar.collapsed .nav-group[data-nav-group="home"] .nav-item{width:48px;min-height:42px;margin:0 auto;padding:8px;justify-content:center}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-item-chevron{display:none}
  .sidebar.collapsed .nav-group.flyout-open .nav-group-items{display:grid!important;position:absolute;left:54px;top:0;width:218px;gap:2px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-float);z-index:90}.sidebar.collapsed .nav-group.flyout-open .nav-item{width:100%;justify-content:flex-start;margin:0}.sidebar.collapsed .nav-group.flyout-open .nav-label,.sidebar.collapsed .nav-group.flyout-open .nav-item-chevron{display:inline-flex}.sidebar.collapsed .nav-group.flyout-open .nav-subitems{display:grid}.sidebar.collapsed .nav-group.flyout-open .nav-subitem{padding-left:40px}
  .sidebar.collapsed .sidebar-footer{padding:8px 0 2px;justify-items:center}.sidebar.collapsed .sidebar-footer .footer-action,.sidebar.collapsed .sidebar-footer>span{display:none}
}

/* V2.8.2 unified nested submenu toggle */
@media (min-width:1024px){
  .nav-item-parent{cursor:pointer}
  .nav-item-parent .nav-item-chevron{margin-left:auto;display:grid;place-items:center;opacity:.52}
  .nav-item-parent .nav-item-chevron svg{transition:transform .15s ease;transform:rotate(90deg)}
  .nav-item-wrap.is-collapsed .nav-item-parent .nav-item-chevron svg{transform:rotate(0deg)}
  .nav-item-wrap.is-collapsed .nav-subitems{display:none}
  .nav-item-parent.has-active-child{color:var(--teal-dark)}
}