/* Navigation owns its layout; active items never move neighbouring controls. */
html body.app-ready>.sidebar{display:flex;position:fixed;inset:0 auto 0 0;z-index:50;width:var(--ui-rail);height:100dvh;padding:24px 16px;background:var(--color-surface);border:0;border-right:1px solid var(--color-border);box-shadow:none;transform:none;flex-direction:column;overflow-y:auto;overflow-x:hidden}
html body.app-ready .sidebar::after{display:none}
html body.app-ready .sidebar>.brand{display:flex;align-items:center;justify-content:flex-start;width:100%;height:76px;min-height:76px;padding:0;margin:0 0 24px;border:0}
html body.app-ready .sidebar>.brand img{display:block;width:128px;height:76px;max-width:100%;object-fit:contain}
html body.app-ready .sidebar-collapse,html body.app-ready .sidebar-note{display:none}
html body.app-ready .sidebar .unified-primary-nav{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;height:auto;min-height:0;margin:0;padding:0;border:0}
html body.app-ready .sidebar .unified-primary-nav>button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--color-muted);box-shadow:none;font:500 14px/22px var(--font-ui);text-align:left;white-space:nowrap;cursor:pointer;transform:none;transition:background-color 120ms,color 120ms}
html body.app-ready .sidebar .unified-primary-nav>button::before{content:none}
html body.app-ready .sidebar .unified-primary-nav>button>span{display:inline;width:auto;height:auto;margin:0;padding:0;color:inherit;font:inherit;background:none}
html body.app-ready .sidebar .unified-primary-nav>button :is(img,svg){width:20px;height:20px;min-width:20px;flex:0 0 20px;object-fit:contain;margin:0;opacity:1;filter:none}
html body.app-ready .sidebar .unified-primary-nav>button:hover{color:var(--color-text);background:var(--color-page)}
html body.app-ready .sidebar .unified-primary-nav>button.active,html body.app-ready:has(#accountDialog[open]) .sidebar #unifiedSettings{color:var(--color-action);background:var(--color-action-soft);font-weight:600;transform:none}
html body.app-ready .sidebar .unified-tools{margin-top:24px;padding:16px 0 0;border:0;border-top:1px solid var(--color-border);position:static}
html body.app-ready .sidebar .unified-tools>summary{min-height:36px;padding:8px 12px;cursor:pointer;font:500 13px/20px var(--font-ui);color:var(--color-muted)}
html body.app-ready .sidebar .unified-tools .legacy-navigation{display:block;position:static;inset:auto;width:auto;max-height:none;overflow:visible;padding:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
html body.app-ready .legacy-navigation :is(.nav-group,.sidebar-more-section){display:block;padding:8px 0;margin:0;border:0;border-bottom:1px solid var(--color-border);background:transparent}
html body.app-ready .legacy-navigation :is(.nav-group-label,.nav-platform-label,.sidebar-more-section>span){display:block;font-size:12px;font-weight:500;color:var(--color-muted);padding:0 12px;margin:4px 0 8px;line-height:18px}
html body.app-ready .legacy-navigation .nav-platform-label img{display:none}
html body.app-ready .legacy-navigation .nav-item{display:flex;width:100%;min-height:36px;padding:8px 12px;margin:2px 0;border:0;border-radius:var(--control-radius);background:transparent;color:var(--color-muted);box-shadow:none;font:400 13px/20px var(--font-ui);text-align:left;white-space:normal}
html body.app-ready .legacy-navigation .nav-item>span{display:none}
html body.app-ready .legacy-navigation .nav-item:hover{background:var(--color-page);color:var(--color-text)}
html body.app-ready .legacy-navigation .nav-item.active{background:var(--color-action-soft);color:var(--color-action)}
html body.app-ready .legacy-navigation .nav-item::before{display:none}
html body.app-ready>:is(.mobile-nav-trigger,.mobile-nav-drawer,.mobile-nav-scrim){display:none}
html body.app-ready :is(.mobile-nav-drawer,.mobile-nav-scrim)[hidden]{display:none}
@media(max-width:767px){
  html body.app-ready:not([data-account-role=supplier])>.sidebar{display:none}
  html body.app-ready:not([data-account-role=supplier])>.mobile-nav-trigger{display:flex;position:absolute;top:16px;left:16px;z-index:60;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-surface);color:var(--color-text);padding:0;cursor:pointer}
  html body.app-ready .mobile-nav-trigger span{display:block;width:18px;height:2px;border-radius:1px;background:var(--color-text)}
  html body.app-ready .mobile-nav-trigger b{display:none}
  html body.app-ready>.mobile-nav-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:90;background:rgb(16 24 40 / 40%)}
  html body.app-ready>.mobile-nav-drawer:not([hidden]){display:block;position:fixed;inset:0 auto 0 0;z-index:100;width:min(320px,calc(100vw - 48px));height:100dvh;overflow:auto;padding:20px 16px;background:var(--color-surface);box-shadow:var(--overlay-shadow);border:0}
  html body.app-ready .mobile-nav-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}
  html body.app-ready .mobile-nav-drawer-head strong{display:block;font-size:16px;color:var(--color-text)}
  html body.app-ready .mobile-nav-drawer-head small{display:none}
  html body.app-ready .mobile-nav-close{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-surface);font:500 14px/22px var(--font-ui);color:var(--color-text);cursor:pointer}
  html body.app-ready .mobile-nav-list{display:grid;gap:4px;padding-top:16px}
  html body.app-ready .mobile-nav-item{display:flex;align-items:center;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--color-text);font:500 14px/22px var(--font-ui);text-align:left;cursor:pointer}
  html body.app-ready .mobile-nav-item.active{background:var(--color-action-soft);color:var(--color-action)}
  html body.app-ready .mobile-nav-group{font:500 12px/18px var(--font-ui);color:var(--color-muted);margin:16px 12px 6px}
  html body.app-ready.mobile-nav-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){html body.app-ready .sidebar .unified-primary-nav>button{transition:none}}