/* Core Navigation Integrity v1
 * Final, shared presentation + native hit-target contract.
 * Does not replace marketplace navigation or its route handlers. */

/* LIVE and DEMO are always separated. Demo entries never imply public contact
   or GPS; a user can switch to empty LIVE data without mixing the feeds. */
html body #bux3 .bu-core-demo-toggle{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;min-height:34px!important;max-width:210px!important;
 padding:6px 11px!important;margin:0!important;border:1px solid #8cdccc!important;
 border-radius:10px!important;background:#edfbf5!important;color:#087467!important;
 box-shadow:none!important;cursor:pointer!important;
 font:800 10px/1.2 var(--bu-core-font,"BU Plex",system-ui)!important;
 white-space:normal!important;text-align:center!important;
}
html body #bux3 .bu-core-demo-toggle[aria-pressed=true]{
 background:#fff4da!important;color:#855d17!important;border-color:#dfba72!important;
}
html body #bux3 .bu-core-demo-toggle:hover{
 filter:brightness(.97)!important;
}
html body #bux3 .bu-core-demo-toggle:focus-visible{
 outline:3px solid #0aa38d!important;outline-offset:2px!important;
}
html body #bux3 .bu-core-demo-notice{
 display:block!important;margin:5px 8px 8px!important;padding:9px 12px!important;
 border:1px solid #e8ca8b!important;border-radius:11px!important;
 background:#fffaf0!important;color:#815b21!important;
 font:700 11px/1.5 var(--bu-core-font,"BU Plex",system-ui)!important;
 text-align:center!important;
}
html body #bux3 .bu-core-demo-notice[hidden]{display:none!important}
html body #bux3 .bux3-results-tools{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important}
@media(max-width:700px){
 html body #bux3 .bu-core-demo-toggle{min-height:35px!important;max-width:135px!important;padding:5px 7px!important;font-size:9px!important}
 html body #bux3 .bu-core-demo-notice{font-size:10px!important;margin:5px 3px!important}
}

@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latin-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latinext-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latinext-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"BU Plex";src:url("../fonts/ibm-plex-sans-latinext-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bu-core-font:"BU Plex",Inter,"Segoe UI",Arial,system-ui,sans-serif}
html body :is(#bux3,#buxList,#n2x){font-family:var(--bu-core-font)!important}
html body :is(#bux3,#buxList,#n2x) :is(button,input,select,textarea){font-family:inherit}
html body #bux3 .bux3-top:not(.bu-one-header),
html body #bux3 .bux3-side{pointer-events:auto!important;isolation:isolate}
html body #bux3 .bux3-top:not(.bu-one-header){z-index:170!important}
html body #bux3 .bux3-side{z-index:160!important}
html body #bux3 .bux3-top:not(.bu-one-header):before,
html body #bux3 .bux3-side:before,
html body #bux3 .bux3-top:not(.bu-one-header):after,
html body #bux3 .bux3-side:after,
html body #bux3 :is(.bu317-demo-watermark,.bu358-cursor-halo,.bu358-side-tip,.bu337-story-dots,.bu345-timeline){pointer-events:none!important}
html body #bux3 .bux3-top:not(.bu-one-header) > :is(a,button,nav,.bux3-context:not(.bu-one-context),.bux3-head-actions:not(.bu-one-actions)),
html body #bux3 .bux3-side > :is(a[href],button:not(:disabled),.bu337-public,.bu336-side-group),
html body #bux3 .bux3-mobile-nav :is(a[href],button:not(:disabled)),
html body #buxList .buxl-top > :is(a,button,.buxl-actions),
html body #buxList .buxl-side > a[href]{
  position:relative!important;pointer-events:auto!important
}
html body #bux3 .bux3-side :is(a[href],button:not(:disabled)),
html body #bux3 .bux3-head-actions:not(.bu-one-actions) :is(a[href],button:not(:disabled)),
html body #buxList :is(.buxl-actions,.buxl-side) :is(a[href],button:not(:disabled)),
html body #n2x :is(.n2x-top,.n2x-side,.n2x-mobile) :is(a[href],button:not(:disabled)){
  cursor:pointer!important;touch-action:manipulation!important
}
html body #bux3 :is(.bux3-overlay,.bu332-overlay,.bu346-fleet-overlay)[hidden],
html body #bux3 :is(.bu337-public-links,.bu346-account-menu,.bux3-menu,.bu356-vehicle-alerts)[hidden],
html body #buxList :is(.bu332-overlay,.buxl-menu)[hidden]{
  display:none!important;visibility:hidden!important;pointer-events:none!important
}
html body #bux3 .bux3-ai-scrim:not(.is-open):not(.is-active){pointer-events:none!important}
html body #bux3 .bux3-side a[href]:focus-visible,
html body #bux3 .bux3-head-actions:not(.bu-one-actions) :is(a,button):focus-visible,
html body #buxList :is(.buxl-side,.buxl-actions) :is(a,button):focus-visible,
html body #n2x :is(.n2x-top,.n2x-side) a:focus-visible{
 outline:3px solid #5be5d7!important;outline-offset:2px!important
}
/* Consistent brand/header tone and density while retaining real controls. */
html body #bux3 .bux3-top:not(.bu-one-header),
html body #buxList .buxl-top,
html body #n2x .n2x-top{background:linear-gradient(112deg,#052d43,#075b69 55%,#087970)!important;color:#f1fffa!important}
html body #bux3 .bux3-side,
html body #buxList .buxl-side,
html body #n2x .n2x-side{background:linear-gradient(155deg,#052e44,#086468 60%,#063b53)!important}
html body #bux3 .bux3-brand:not(.bu-one-brand) small,
html body #buxList .buxl-brand small,
html body #n2x .n2x-brand small{color:#83ebd8!important}
html body #buxList .buxl-top .buxl-menu-btn{cursor:pointer!important}
/* Truck sidebar repair: earlier Vehicle selectors (body.bux3-truck +
   .bu356-parity) out-specificed generic navigation rules, leaving the
   sidebar below foreign hit layers. Keep overlays functional only while open. */
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side{
 position:relative!important;z-index:450!important;pointer-events:auto!important;
 isolation:isolate!important;transform:none!important;filter:none!important;
}
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-main{
 position:relative!important;z-index:1!important;
}
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side :is(a[href],button:not(:disabled)){
 position:relative!important;z-index:3!important;pointer-events:auto!important;
 cursor:pointer!important;touch-action:manipulation!important;
}
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side :is(svg,i,span)::before,
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side::before,
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side::after{
 pointer-events:none!important;
}
html body :is(#bux3,#buxList,#n2x) [hidden]{
 display:none!important;visibility:hidden!important;pointer-events:none!important;
}
html body.bux3-truck #bux3[data-kind="truck"].bu356-parity :is(.bu358-cursor-halo,.bu358-side-tip){
 display:none!important;pointer-events:none!important;
}
@media(min-width:701px){
 html body.bux3-truck #bux3[data-kind="truck"].bu356-parity .bux3-side{
  display:flex!important;overflow-y:auto!important;min-height:0!important;
 }
}

/* The old Lista mobile appbar used to hide EVERY brand/menu/header control.
 * Restore the actual header controls; keep apps accessible via the existing Apps action. */
@media(max-width:900px){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;height:60px!important;min-height:60px!important;
  padding:0 9px!important;gap:7px!important;overflow:visible!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top>.buxl-brand{
  display:flex!important;grid-column:1!important;align-items:center!important;
  height:52px!important;min-width:0!important;padding:0!important;z-index:2!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top>.bux3-context:not(.bu-one-context){
  display:grid!important;grid-column:2!important;min-width:0!important;gap:2px!important;
  padding:0 4px!important;z-index:2!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top>.buxl-actions{
  display:flex!important;grid-column:3!important;align-items:center!important;
  justify-content:flex-end!important;min-width:0!important;gap:6px!important;
  margin:0!important;z-index:2!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top>.buxl-v322-appbar{
  display:none!important;visibility:hidden!important;pointer-events:none!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand img{
  width:46px!important;height:46px!important;max-width:46px!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand span{
  display:none!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .bux3-context:not(.bu-one-context) span{
  font-size:9px!important;color:#83ebd8!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .bux3-context:not(.bu-one-context) b{
  font-size:13px!important;color:#fff!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .bu-core-dispo-entry,
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions :is(.buxl-msg,.buxl-notice){
  display:none!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions :is(.buxl-apps,.buxl-account,.buxl-menu-btn,.bux3-lang:not(.bu-one-language)){
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 39px!important;min-width:39px!important;width:39px!important;
  height:40px!important;min-height:40px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:11px!important;color:#fff!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .buxl-menu-btn{
  flex-direction:column!important;gap:0!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .bux3-lang:not(.bu-one-language) select{position:absolute!important;inset:0!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .buxl-apps i,
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .buxl-apps small{font-size:9px!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .buxl-apps{margin:0!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .bux3-lang:not(.bu-one-language){position:relative!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .bux3-lang:not(.bu-one-language) b{font-size:10px!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions .bux3-lang:not(.bu-one-language) img{width:18px!important}
}
@media(max-width:480px){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top{grid-template-columns:48px minmax(0,1fr) auto!important;gap:3px!important;padding:0 6px!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions{gap:4px!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions :is(.buxl-apps,.buxl-account,.buxl-menu-btn,.bux3-lang:not(.bu-one-language)){
  flex-basis:36px!important;width:36px!important;min-width:36px!important;height:39px!important;min-height:39px!important
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand img{width:42px!important;height:42px!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .bux3-context:not(.bu-one-context) span{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .bux3-context:not(.bu-one-context) b{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 html body :is(#bux3,#buxList,#n2x) :is(.bux3-top:not(.bu-one-header),.buxl-top,.n2x-top,.bux3-side,.buxl-side,.n2x-side){animation:none!important;transition:none!important}
}