/* Modern sidebar flyouts keep the navigation column stable while browsing. */
@layer modernApproved {
  @media screen {
    body.vertex-modern.vn-desktop-navigation #mainNav .vx-dropdown {
      position:fixed!important;inset:auto!important;transform:none!important;
      width:290px!important;min-width:220px!important;max-width:calc(100vw - 8px)!important;
      max-height:calc(100vh - 30px)!important;overflow:auto!important;
      padding:6px!important;margin:0!important;z-index:720!important;
      background:#193b49!important;border:1px solid #42616f!important;border-radius:10px!important;
      box-shadow:0 10px 28px #081b3540!important;overscroll-behavior:contain;
    }
    body.vertex-modern.vn-desktop-navigation #mainNav .vx-dropdown :is(button,summary) {
      min-height:36px!important;cursor:pointer!important;border-radius:6px!important;
    }
    body.vertex-modern.vn-desktop-navigation #mainNav :is(button,summary):focus-visible {
      outline:2px solid #79decb!important;outline-offset:-2px!important;background:#285263!important;
    }
  }
}
/* Main desktop navigation only. Report filter panels and mobile application are unchanged. */
@media screen {
  body.vertex-desktop.vn-desktop-navigation #sidebar {
    position:fixed!important;inset:0 0 auto!important;width:100%!important;
    transform:none!important;overflow:visible!important;z-index:700!important;
  }
  body.vertex-desktop.vn-desktop-navigation #mainNav {
    display:flex!important;flex-direction:row!important;direction:rtl;
    flex-wrap:nowrap!important;align-items:center!important;overflow:visible!important;
    background:#f0f0f0!important;border-bottom:1px solid #b6b6b6!important;
  }
  body.vn-desktop-navigation #mainNav details {flex:none}
  body.vertex-desktop.vn-desktop-navigation #mainNav > details > summary {
    font:11px Arial,sans-serif!important;color:#111!important;line-height:16px!important;
    padding:0 6px!important;list-style:none!important;cursor:default;
  }
  body.vn-desktop-navigation #mainNav summary::marker,
  body.vn-desktop-navigation #desktopToolbar summary::marker {content:''}
  body.vertex-desktop.vn-desktop-navigation #mainNav > details[open] > summary,
  body.vertex-desktop.vn-desktop-navigation #mainNav > details > summary:hover {background:#c1d8ea!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar {
    display:flex!important;direction:ltr;flex-wrap:nowrap!important;overflow:visible!important;
    justify-content:flex-start!important;background:#f0f0f0!important;z-index:690!important;
  }
  body.vn-desktop-navigation #desktopToolbar .vx-shortcut {flex:0 0 auto;border-right:1px solid #cacaca}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-shortcut > .btn {
    width:43px!important;min-width:0!important;padding:0!important;gap:0!important;
    font:11px Arial,sans-serif!important;border-radius:0!important;
  }
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .shortcut-label {font:11px Arial,sans-serif!important;line-height:14px!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar svg {stroke-width:1.6!important;stroke:#253d53!important;fill:#c4d9eb!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='sale'] svg {stroke:#583066!important;fill:#b974bc!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='purchase'] svg {stroke:#27534f!important;fill:#68b7a8!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='items'] svg,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='transfer'] svg {stroke:#485126!important;fill:#c0c66e!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='balance'] svg,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='ledger'] svg {stroke:#22358a!important;fill:#ccd2f1!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='voucher'] svg,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar [data-vn-icon='manufacturing'] svg {stroke:#595019!important;fill:#dfd099!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar svg.vx-whatsapp-icon {stroke:none!important;fill:none!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-wa-bubble {fill:#25d366!important;stroke:none!important}
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-wa-phone {fill:white!important;stroke:none!important}
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-dropdown,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-dropdown {
    position:fixed!important;inset:auto!important;margin:0!important;padding:2px!important;
    min-width:158px!important;width:max-content!important;max-width:calc(100vw - 8px)!important;
    max-height:calc(100vh - 30px)!important;overflow:auto!important;overscroll-behavior:contain;
    background:#f0f0f0!important;border:1px solid #888!important;border-radius:0!important;
    box-shadow:2px 2px 3px #0006!important;z-index:900!important;direction:rtl;
  }
  body.vertex-desktop.vn-desktop-navigation #mainNav details:not([open]) > .vx-dropdown,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar details:not([open]) > .vx-dropdown {display:none!important}
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-dropdown button,
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-submenu > summary,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-dropdown button,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-submenu > summary {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:20px!important;padding:2px 9px!important;gap:18px;
    font:10px Arial,sans-serif!important;line-height:16px!important;font-weight:400!important;
    color:#111!important;background:transparent!important;border:0!important;border-radius:0!important;
    text-align:right!important;white-space:nowrap!important;cursor:default;
  }
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-dropdown button:hover,
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-dropdown button:focus-visible,
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-submenu[open] > summary,
  body.vertex-desktop.vn-desktop-navigation #mainNav .vx-submenu > summary:focus-visible,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-dropdown button:hover,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-dropdown button:focus-visible,
  body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-submenu[open] > summary {background:#b8d6fb!important;color:#111!important;outline:0}
  body.vertex-desktop.vn-desktop-navigation .vx-dropdown button:disabled {opacity:.5;pointer-events:none}
  body.vn-desktop-navigation .vn-menu-arrow {font:10px Arial,sans-serif;flex:none}
  body.vn-desktop-navigation #mainNav .vx-dropdown kbd,
  body.vn-desktop-navigation #desktopToolbar .vx-dropdown kbd {font:11px Arial,sans-serif!important;direction:ltr;color:inherit;background:none;border:0;box-shadow:none;white-space:nowrap}
  body.vn-desktop-navigation #mainNav button[hidden],body.vn-desktop-navigation #desktopToolbar button[hidden] {display:none!important}
  @media (max-width:1000px) {
    body.vertex-desktop.vn-desktop-navigation #mainNav > details > summary {padding-inline:4px!important;font-size:10px!important}
    body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vx-shortcut > .btn {width:35px!important}
  }
  @media (max-width:700px) {
    body.vertex-desktop.vn-desktop-navigation #mainNav {overflow-x:auto!important;overflow-y:visible!important}
    body.vertex-desktop.vn-desktop-navigation #desktopToolbar {overflow-x:auto!important;overflow-y:visible!important}
  }
}

@media screen { body.vertex-desktop.vn-desktop-navigation #desktopToolbar .vn-classic-icon{width:18px!important;height:16px!important;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto;flex:none} body.vertex-desktop.vn-desktop-navigation .vx-submenu>.vx-dropdown{min-width:174px!important} }