.orion-sidebar{--orion-ink:#082f4d;position:relative;isolation:isolate;display:flex;flex-direction:column;background:#fff;color:var(--orion-ink);min-height:100%;overflow:hidden;border-radius:0 28px 28px 0;box-shadow:8px 0 30px #062b4918}
.orion-sidebar__brand{min-height:190px;padding:28px 24px 20px;background:#062b49 url('../backgrounds/sidebar-wave.svg') center top/100% 100% no-repeat;display:flex;align-items:center}
.orion-sidebar__brand img{width:min(100%,330px);height:auto}
.orion-sidebar__menu{padding:18px 16px;flex:1}
.orion-sidebar__section{margin:18px 8px 10px;color:#31546b;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.orion-nav-item{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px 12px;margin:4px 0;border-radius:16px;color:#082f4d;text-decoration:none;font-weight:650}
.orion-nav-item:hover,.orion-nav-item[aria-current=page]{background:#dff8f5;color:#006b70}
.orion-nav-item__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#ddf8f7;color:#006b78}
.orion-nav-item__icon img{width:23px;height:23px}
.orion-sidebar__footer{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:12px 18px 22px;padding:5px;border-radius:24px;background:linear-gradient(110deg,#062b49,#00677a)}
.orion-sidebar__footer .orion-btn{border-radius:18px;background:transparent;color:#fff;min-width:0}
@media(max-width:700px){.orion-sidebar{width:min(88vw,390px)}}


/* ORION CASHIER V5.22.1 — reference-matched mobile drawer correction
   Header is a single navy branded panel; nav scrolls independently; actions stay at bottom. */
#app .sidebar.orion-sidebar{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  height:100dvh!important;max-height:100dvh!important;min-height:0!important;
  overflow:hidden!important;
  padding:0 10px calc(10px + env(safe-area-inset-bottom))!important;
  gap:0!important;background:#fff!important;
}
#app .sidebar.orion-sidebar .sidebar-brand.orion-sidebar__brand{
  box-sizing:border-box!important;display:flex!important;flex:0 0 142px!important;
  align-items:center!important;justify-content:flex-start!important;
  width:calc(100% + 20px)!important;height:142px!important;min-height:142px!important;
  margin:0 -10px 12px!important;padding:12px 18px 18px!important;
  overflow:hidden!important;border:0!important;border-radius:0 28px 24px 0!important;
  background:#062b49 url('../backgrounds/sidebar-header-wave.svg') center bottom/100% 100% no-repeat!important;box-shadow:none!important;
}
#app .sidebar.orion-sidebar .sidebar-brand.orion-sidebar__brand .orion-brand-image{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:128px!important;object-fit:contain!important;
  object-position:left center!important;filter:none!important;opacity:1!important;
}
#app .sidebar.orion-sidebar .orion-outlet-card{
  flex:0 0 auto!important;margin:0 0 10px!important;padding:10px 11px!important;
  min-height:62px!important;
}
#app .sidebar.orion-sidebar #sidebar-toggle{display:none!important}
#app .sidebar.orion-sidebar .orion-sidebar__menu{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;padding:0 0 8px!important;
  gap:3px!important;
}
#app .sidebar.orion-sidebar .nav-section-title{
  flex:0 0 auto!important;margin:10px 7px 5px!important;
  padding:0!important;color:#36566b!important;font-size:11px!important;
  font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important;
}
#app .sidebar.orion-sidebar #nav-inventory-toggle{
  order:0!important;min-height:34px!important;margin:8px 0 0!important;
  padding:5px 7px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;box-shadow:none!important;
}
#app .sidebar.orion-sidebar #nav-inventory-toggle .nav-icon{display:none!important}
#app .sidebar.orion-sidebar #nav-inventory-toggle .nav-label{
  font-size:11px!important;font-weight:850!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;color:#36566b!important;
}
#app .sidebar.orion-sidebar #nav-inventory-toggle .nav-caret{margin-left:auto!important}
#app .sidebar.orion-sidebar .inventory-subnav{
  flex:0 0 auto!important;margin:0 0 4px 7px!important;padding:0 0 7px 9px!important;
  border-left:2px solid #35c7b6!important;
}
#app .sidebar.orion-sidebar .nav-btn,
#app .sidebar.orion-sidebar .nav-subbtn{
  flex:0 0 auto!important;min-height:42px!important;
}
#app .sidebar.orion-sidebar .nav-btn .nav-label{font-size:13px!important}
#app .sidebar.orion-sidebar .sidebar-bottom.orion-sidebar__footer{
  position:relative!important;inset:auto!important;z-index:3!important;
  display:grid!important;flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
  align-items:center!important;gap:0!important;
  width:100%!important;min-height:50px!important;
  margin:auto 0 0!important;padding:4px!important;
  border-radius:999px!important;background:#062b49!important;
  box-shadow:0 6px 18px rgba(6,43,73,.18)!important;
}
#app .sidebar.orion-sidebar .sidebar-bottom.orion-sidebar__footer .orion-footer-action{
  display:flex!important;visibility:visible!important;opacity:1!important;
  align-items:center!important;justify-content:center!important;
  min-width:0!important;width:100%!important;min-height:42px!important;
  margin:0!important;padding:5px 3px!important;border:0!important;
  border-radius:999px!important;background:transparent!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:11px!important;font-weight:700!important;white-space:nowrap!important;
  gap:6px!important;overflow:visible!important;
}
#app .sidebar.orion-sidebar .sidebar-bottom.orion-sidebar__footer .orion-footer-action span{
  display:inline!important;visibility:visible!important;opacity:1!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:11px!important;line-height:1.1!important;
}
#app .sidebar.orion-sidebar .sidebar-bottom.orion-sidebar__footer .orion-footer-action img{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:19px!important;height:19px!important;flex:0 0 19px!important;
  object-fit:contain!important;
}
#app .sidebar.orion-sidebar .sidebar-bottom.orion-sidebar__footer .orion-footer-divider{
  display:block!important;width:1px!important;height:25px!important;
  background:#20c9bd!important;
}
@media(max-width:780px){
  #app .sidebar.orion-sidebar{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:min(56vw,280px)!important;min-width:250px!important;max-width:280px!important;
    transform:translateX(-110%)!important;
    padding-top:env(safe-area-inset-top)!important;
  }
  #app.nav-open .sidebar.orion-sidebar{transform:translateX(0)!important}
  #app .sidebar.orion-sidebar .sidebar-brand.orion-sidebar__brand{
    flex-basis:142px!important;height:142px!important;min-height:142px!important;
    margin-top:0!important;
  }
  #app .sidebar.orion-sidebar .orion-brand-image{
    max-width:100%!important;max-height:126px!important;
  }
  #app .sidebar.orion-sidebar .orion-sidebar__menu{min-height:0!important}
  #app .sidebar.orion-sidebar .nav-section-title{font-size:10px!important}
  #app .sidebar.orion-sidebar .nav-btn{min-height:39px!important;padding:5px 7px!important}
  #app .sidebar.orion-sidebar .nav-btn .nav-label{font-size:12px!important}
  #app .sidebar.orion-sidebar .nav-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  #app .sidebar.orion-sidebar .nav-icon img{width:21px!important;height:21px!important}
  #app .sidebar.orion-sidebar .nav-subbtn{min-height:35px!important}
  #app .sidebar.orion-sidebar .orion-footer-action{font-size:10px!important}
  #app .sidebar.orion-sidebar .orion-footer-action span{font-size:10px!important}
}