/* Main Enablayer SPA sidebar collapse. Loaded last so it wins over legacy/demo layout CSS. */
@media (min-width:761px){
  .app-shell{transition:grid-template-columns .2s ease!important}
  .sidebar,.brand-block,.org-switcher,.main-nav,.sidebar-bottom{transition:width .2s ease,padding .2s ease,margin .2s ease}
  .sidebar-collapse-toggle{
    position:fixed;z-index:90;top:84px;left:calc(var(--sidebar-width,232px) - 13px);
    width:26px;height:26px;min-width:26px;padding:0;display:grid;place-items:center;
    border:1px solid rgba(255,255,255,.16);border-radius:50%;background:var(--nav-surface,#171821);
    color:var(--nav-text,#fff);box-shadow:0 4px 14px rgba(15,23,42,.22);cursor:pointer;
    font-size:18px;line-height:1;transition:left .2s ease,background .16s ease,transform .16s ease,box-shadow .16s ease
  }
  .sidebar-collapse-toggle:hover{background:color-mix(in srgb,var(--nav-surface,#171821) 82%,white);transform:scale(1.06);box-shadow:0 6px 18px rgba(15,23,42,.28)}
  .sidebar-collapse-toggle:focus-visible{outline:3px solid var(--brand-primary,#6c3df0);outline-offset:3px}

  .app-shell.sidebar-collapsed{--sidebar-width:72px!important;grid-template-columns:72px minmax(0,1fr)!important}
  .app-shell.sidebar-collapsed>.sidebar{width:72px!important;min-width:72px!important;max-width:72px!important;overflow:visible!important;visibility:visible!important;pointer-events:auto!important;border-right:1px solid rgba(255,255,255,.08)!important}
  .app-shell.sidebar-collapsed>.sidebar-collapse-toggle{left:59px!important}
  .app-shell.sidebar-collapsed>.main{min-width:0;width:100%}

  .app-shell.sidebar-collapsed .brand-block{padding:18px 14px!important;justify-content:center!important}
  .app-shell.sidebar-collapsed .brand-block>div:last-child{display:none!important}
  .app-shell.sidebar-collapsed .brand-mark{width:40px!important;height:40px!important;margin:0!important}

  .app-shell.sidebar-collapsed .org-switcher{margin:0 10px 12px!important;padding:8px!important;justify-content:center!important;min-height:48px!important}
  .app-shell.sidebar-collapsed .org-switcher .org-copy,.app-shell.sidebar-collapsed .org-switcher .chevron{display:none!important}
  .app-shell.sidebar-collapsed .org-avatar{width:32px!important;height:32px!important;margin:0!important;flex:none!important}

  .app-shell.sidebar-collapsed .main-nav{padding:5px 10px!important;overflow:visible!important}
  .app-shell.sidebar-collapsed .nav-item{position:relative!important;width:52px!important;min-width:52px!important;min-height:46px!important;padding:10px!important;justify-content:center!important;gap:0!important;margin:2px 0!important;overflow:visible!important}
  .app-shell.sidebar-collapsed .nav-item>span:not(.nav-icon),.app-shell.sidebar-collapsed .nav-item>div{display:none!important}
  .app-shell.sidebar-collapsed .nav-icon{width:22px!important;margin:0!important;text-align:center!important;font-size:19px!important}
  .app-shell.sidebar-collapsed .nav-item::after{display:none!important}
  .app-shell.sidebar-collapsed .nav-item[data-collapsed-label]::before{
    content:attr(data-collapsed-label);position:absolute;z-index:140;left:calc(100% + 10px);top:50%;transform:translate(4px,-50%);
    padding:7px 9px;border-radius:7px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(15,23,42,.28);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease
  }
  .app-shell.sidebar-collapsed .nav-item[data-collapsed-label]:hover::before,
  .app-shell.sidebar-collapsed .nav-item[data-collapsed-label]:focus-visible::before{opacity:1;visibility:visible;transform:translate(0,-50%)}

  .app-shell.sidebar-collapsed .sidebar-bottom{padding:10px!important;overflow:visible!important}
  .app-shell.sidebar-collapsed .profile-card,.app-shell.sidebar-collapsed .ez-product-signature,.app-shell.sidebar-collapsed .vp-sidebar-brandline,.app-shell.sidebar-collapsed .ez-session-account{display:none!important}
}

@media (max-width:760px){.sidebar-collapse-toggle{display:none!important}}
