/* Cargo details v338 — compact operational UI, cargo page only */
html body.bux3-cargo #bux3 .bux3-results-head{
 min-height:52px!important;height:auto!important;gap:10px!important;
 padding:8px 13px!important;
}
html body.bux3-cargo #bux3 .bux3-results-tools{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:9px!important;flex-wrap:wrap!important;min-width:0!important;
}
html body.bux3-cargo #bux3 .bu338-sort-label,
html body.bux3-cargo #bux3 .bu338-view-group{
 display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;
 color:#58727d!important;font:850 10px/1.25 system-ui,sans-serif!important;
 white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu338-sort-label select{
 position:relative!important;max-width:160px!important;min-width:112px!important;
 height:34px!important;padding:6px 26px 6px 10px!important;
 border:1px solid #d1e3e2!important;border-radius:10px!important;
 background:#f8fcfc!important;color:#174e5c!important;
 font:800 11px/1.2 system-ui,sans-serif!important;
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-view-group .bu336-view-switch{
 display:inline-flex!important;gap:3px!important;padding:3px!important;
 border:1px solid #cde4df!important;background:#edf7f4!important;border-radius:10px!important;
}
html body.bux3-cargo #bux3 .bu336-view-switch button[data-bu336-view]{
 display:grid!important;place-items:center!important;
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:30px!important;min-height:30px!important;
 padding:5px!important;
 border-radius:8px!important;font-size:0!important;line-height:0!important;
}
html body.bux3-cargo #bux3 .bu336-view-switch button svg{
 display:block!important;width:18px!important;height:18px!important;
 stroke:currentColor!important;stroke-width:1.9!important;
}
html body.bux3-cargo #bux3 .bux3-results-tools>button:not(.bu336-mobile-map):not(.bu337-mobile-alert){display:none!important}
@media(max-width:950px){
 html body.bux3-cargo #bux3 .bu338-view-group{display:none!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bux3-results-tools{gap:5px!important}
 html body.bux3-cargo #bux3 .bu338-sort-label>span{display:none!important}
 html body.bux3-cargo #bux3 .bu338-sort-label select{min-width:87px!important;max-width:96px!important;font-size:10px!important}
}
/* List is a genuinely condensed operational row, not a full-width stretched card. */
@media(min-width:1280px){
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-cards{
  grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:min-content!important;
  align-content:start!important;gap:5px!important;padding:6px 8px 24px!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card{
  display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1.05fr) minmax(0,1.25fr)!important;
  grid-template-rows:auto!important;align-items:center!important;gap:5px 11px!important;
  height:auto!important;min-height:70px!important;max-height:none!important;
  padding:6px 10px!important;margin:0!important;border-radius:10px!important;
  border:1px solid #d8e7e6!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card-head{
  grid-column:3!important;grid-row:1!important;justify-content:flex-end!important;
  order:0!important;align-self:center!important;min-height:31px!important;
  flex-wrap:wrap!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card-head .bux3-price{margin-left:auto!important}
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-route{
  grid-column:1!important;grid-row:1!important;
  height:auto!important;min-height:55px!important;margin:0!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-stop{
  height:auto!important;min-height:52px!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-specs{
  grid-column:2!important;grid-row:1!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px!important;min-width:0!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-spec{
  min-width:0!important;padding:3px 5px!important;border-radius:6px!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-spec small{
  font-size:8px!important;line-height:1.2!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-spec b{
  font-size:10px!important;line-height:1.3!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-card-foot{
  display:none!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-stop strong{
  font-size:12px!important;line-height:1.25!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card .bux3-stop em .bu330-coords{
  display:none!important;
 }
}
/* Grid stays two bounded cards; essential actions remain in card header. */
@media(min-width:1280px){
 html body.bux3-cargo #bux3[data-bu336-layout="grid"] .bux3-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:8px!important;
 }
 html body.bux3-cargo #bux3[data-bu336-layout="grid"] .bux3-card{
  height:auto!important;min-height:135px!important;max-height:none!important;
 }
}
/* Explicit DEMO preview switch is only shown alongside genuine results. */
html body.bux3-cargo #bux3 .bu338-demo-toggle[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu338-demo-toggle{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;min-height:30px!important;padding:5px 9px!important;
 border:1px solid #bedbe4!important;border-radius:9px!important;
 background:#ecf6fa!important;color:#166880!important;
 font:850 10px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-demo-toggle[aria-pressed="true"]{
 background:#dff5ec!important;color:#087968!important;border-color:#a7dcc9!important;
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu338-demo-toggle{font-size:9px!important;padding:4px 6px!important;min-height:28px!important}
}
/* Smart location tools: clear loaded/unloaded color semantics. */
html body.bux3-cargo #bux3 .bux3-qroute{
 position:relative!important;min-width:0!important;
 padding-bottom:28px!important;overflow:visible!important;
}
html body.bux3-cargo #bux3 .bux3-qroute.from{
 background:linear-gradient(135deg,#ebfbf3,#d8f3e8)!important;
 border:1px solid #b8e6d0!important;border-radius:11px!important;
}
html body.bux3-cargo #bux3 .bux3-qroute.to{
 background:linear-gradient(135deg,#fff1f0,#ffe3e1)!important;
 border:1px solid #f1c4c0!important;border-radius:11px!important;
}
html body.bux3-cargo #bux3 .bux3-qroute.from>span{color:#08744c!important}
html body.bux3-cargo #bux3 .bux3-qroute.to>span{color:#b3484d!important}
html body.bux3-cargo #bux3 .bux3-qroute input[type="search"]{
 background:transparent!important;color:#183f4a!important;
 min-height:22px!important;font-size:12px!important;font-weight:750!important;
}
html body.bux3-cargo #bux3 .bux3-qroute .bu338-pin-button{
 position:absolute!important;bottom:3px!important;left:8px!important;right:8px!important;
 width:calc(100% - 16px)!important;min-height:24px!important;height:24px!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:4px!important;padding:2px 5px!important;
 border:1px solid rgba(12,130,116,.21)!important;border-radius:7px!important;
 background:rgba(255,255,255,.52)!important;color:#15776b!important;
 font:800 9px/1.15 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bux3-qroute.to .bu338-pin-button{
 color:#a34852!important;border-color:rgba(194,80,85,.23)!important;
}
html body.bux3-cargo #bux3 .bu338-pin-button svg{
 width:13px!important;height:13px!important;flex:0 0 13px!important;
 stroke:currentColor!important;stroke-width:2!important;
}
html body.bux3-cargo #bux3 .bu338-pin-button span{font-size:9px!important;letter-spacing:0!important;flex:0 1 auto!important}
html body.bux3-cargo #bux3 .bu338-pin-button small{margin-left:auto!important;font-size:8px!important;font-weight:650!important;white-space:nowrap!important}
html body.bux3-cargo #bux3 .bux3-qdate-trigger{
 min-height:25px!important;height:25px!important;font-size:9px!important;
}
@media(min-width:1080px){
 html body.bux3-cargo #bux3 .bux3-qroute .bux3-qdate-trigger{
  display:none!important;
 }
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bux3-qroute{padding-bottom:27px!important}
 html body.bux3-cargo #bux3 .bux3-qroute .bu338-pin-button small{display:none!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bux3-qroute{padding-bottom:2px!important}
 html body.bux3-cargo #bux3 .bux3-qroute .bu338-pin-button{
  position:absolute!important;right:3px!important;left:auto!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:30px!important;height:30px!important;min-height:30px!important;
  justify-content:center!important;padding:4px!important;
 }
 html body.bux3-cargo #bux3 .bu338-pin-button span{display:none!important}
}
/* Advanced filter: wider and distinctly colored pickup/delivery areas. */
@media(min-width:960px){
 html body.bux3-cargo #bux3 #bux3-filter-modal>.bux3-modal{
  width:min(1030px,calc(100vw - 48px))!important;max-width:1030px!important;
 }
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-load,
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload{
 min-width:0!important;border-radius:14px!important;
 padding:13px!important;gap:9px!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-load{
 border:1px solid #a8ddc3!important;background:linear-gradient(140deg,#e5faf0,#f4fffa)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload{
 border:1px solid #efbcb9!important;background:linear-gradient(140deg,#fff0ef,#fffaf9)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-load :is(input,select){
 border-color:#aedbc6!important;background:#fff!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload :is(input,select){
 border-color:#f2cbca!important;background:#fff!important;
}
/* The same map confirmation is available inside advanced route filter groups. */
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-height:36px!important;margin-top:5px!important;padding:7px 10px!important;
 border:1px solid #9acfb9!important;border-radius:9px!important;background:#e2f9eb!important;
 color:#08704e!important;font:850 11px/1.3 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload .bu338-filter-map{
 background:#fff0ef!important;color:#a8464d!important;border-color:#e6b2af!important;
}
/* Clear status toast: motion is one short fade, then rest, no bouncing. */
html body.bux3-cargo #bux3 .bu338-toast-host{
 position:fixed!important;z-index:2147483590!important;
 bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;left:50%!important;
 transform:translateX(-50%)!important;width:min(540px,calc(100vw - 22px))!important;
 pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bu338-toast{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 min-height:48px!important;padding:10px 14px!important;
 border:1px solid #80d3c3!important;border-radius:13px!important;
 background:#073f4e!important;color:#f4fffb!important;
 box-shadow:0 13px 42px rgba(0,32,43,.22)!important;
 opacity:0!important;transform:translateY(15px) scale(.98)!important;
 transition:opacity .21s ease,transform .21s ease!important;
 pointer-events:auto!important;
}
html body.bux3-cargo #bux3 .bu338-toast.is-on{
 opacity:1!important;transform:translateY(0) scale(1)!important;
}
html body.bux3-cargo #bux3 .bu338-toast>span{
 font:750 12px/1.45 system-ui,sans-serif!important;min-width:0!important;
}
html body.bux3-cargo #bux3 .bu338-toast>button{
 flex:0 0 auto!important;min-height:32px!important;padding:6px 10px!important;
 border:1px solid #6de4d0!important;border-radius:9px!important;
 background:#0aa68c!important;color:#fff!important;font:850 11px/1.15 system-ui,sans-serif!important;
 cursor:pointer!important;
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu338-toast-host{
  bottom:calc(75px + env(safe-area-inset-bottom,0px))!important;
 }
}
/* Popup includes only one Leaflet map, instantiated on the first open. */
html body.bux3-cargo #bux3 .bu338-location-overlay[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu338-location-overlay{
 position:fixed!important;inset:0!important;z-index:2147483650!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:18px!important;background:rgba(2,28,42,.66)!important;
 isolation:isolate!important;backdrop-filter:blur(4px)!important;
}
html body.bux3-cargo #bux3 .bu338-location-backdrop{
 position:absolute!important;inset:0!important;background:transparent!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog{
 position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;
 width:min(850px,100%)!important;max-height:min(92dvh,880px)!important;min-height:0!important;
 background:#f8fcfb!important;border:1px solid rgba(255,255,255,.9)!important;
 border-radius:19px!important;overflow:hidden!important;
 box-shadow:0 25px 80px rgba(0,29,47,.31)!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>header{
 flex:0 0 auto!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:12px!important;
 min-height:69px!important;padding:15px 20px!important;
 background:linear-gradient(120deg,#063a4b,#08766e)!important;color:#fff!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>header small{
 display:block!important;color:#8fe5d4!important;font:850 10px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog h2{
 margin:3px 0 0!important;color:#fff!important;font:900 18px/1.25 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>header button{
 width:39px!important;height:39px!important;min-width:39px!important;
 border:1px solid rgba(255,255,255,.26)!important;border-radius:10px!important;
 background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:23px!important;
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-location-fields{
 display:grid!important;grid-template-columns:minmax(0,1fr) 170px!important;
 align-items:end!important;gap:11px!important;padding:15px 17px 6px!important;
}
html body.bux3-cargo #bux3 .bu338-location-fields label{
 display:grid!important;gap:5px!important;min-width:0!important;color:#3c6168!important;
 font:850 11px/1.35 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-location-fields :is(input,select){
 width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;
 padding:9px 12px!important;border:1px solid #bfdfdb!important;border-radius:10px!important;
 background:#fff!important;color:#153a47!important;
 font:750 13px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-location-fields .bu338-location-suggestions{
 position:absolute!important;z-index:25!important;left:17px!important;top:144px!important;
 width:min(420px,calc(100% - 36px))!important;max-height:170px!important;
 overflow-y:auto!important;border-radius:10px!important;
 background:#fff!important;box-shadow:0 8px 26px rgba(6,55,67,.18)!important;
}
html body.bux3-cargo #bux3 .bu338-location-suggestions:empty{display:none!important}
html body.bux3-cargo #bux3 .bu338-location-suggestions button{
 display:block!important;width:100%!important;min-height:35px!important;padding:8px 12px!important;
 border:0!important;border-bottom:1px solid #e4eeee!important;background:#fff!important;
 color:#244a57!important;text-align:left!important;font:750 11px/1.3 system-ui,sans-serif!important;
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-location-suggestions button:hover{background:#eaf8f3!important}
html body.bux3-cargo #bux3 .bu338-map-shell{
 position:relative!important;flex:1 1 auto!important;min-height:230px!important;
 margin:9px 17px 0!important;border:1px solid #c4e1df!important;
 border-radius:13px!important;overflow:hidden!important;background:#deede9!important;
}
html body.bux3-cargo #bux3 #bu338-picker-map{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 z-index:1!important;
}
html body.bux3-cargo #bux3 .bu338-map-guidance{
 position:absolute!important;left:10px!important;bottom:10px!important;z-index:450!important;
 max-width:calc(100% - 20px)!important;padding:7px 10px!important;
 border-radius:8px!important;background:rgba(255,255,255,.92)!important;
 color:#29616b!important;font:800 11px/1.35 system-ui,sans-serif!important;
 pointer-events:none!important;box-shadow:0 2px 8px rgba(0,38,51,.09)!important;
}
html body.bux3-cargo #bux3 .bu338-location-status{
 min-height:30px!important;padding:10px 18px 5px!important;color:#52727a!important;
 font:700 11px/1.35 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-boundary-row{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;
 padding:5px 18px 12px!important;
}
html body.bux3-cargo #bux3 .bu338-boundary-row button{
 min-height:35px!important;padding:7px 10px!important;border:1px solid #c6e1dd!important;
 border-radius:9px!important;background:#eef9f5!important;color:#13766e!important;
 font:850 11px/1.3 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-vehicle-results[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu338-vehicle-results{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
 max-height:120px!important;overflow-y:auto!important;gap:5px!important;padding:0 18px 10px!important;
 color:#52727a!important;font:700 11px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu338-vehicle-results button{
 min-height:35px!important;padding:7px 10px!important;border:1px solid #c8e2dd!important;
 border-radius:9px!important;background:#fff!important;color:#175c62!important;
 font:800 11px/1.3 system-ui,sans-serif!important;text-align:left!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>footer{
 flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;
 padding:12px 18px!important;background:#fff!important;border-top:1px solid #dcebe8!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>footer button{
 min-height:41px!important;padding:9px 14px!important;border:1px solid #c5dfda!important;
 border-radius:10px!important;background:#f3f9f7!important;color:#315d64!important;
 font:850 11px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog>footer .bu338-confirm{
 background:#098872!important;color:#fff!important;border-color:#098872!important;
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu338-location-overlay{
  align-items:flex-end!important;padding:0!important;backdrop-filter:none!important;
 }
 html body.bux3-cargo #bux3 .bu338-location-dialog{
  width:100%!important;max-height:94dvh!important;border-radius:17px 17px 0 0!important;
 }
 html body.bux3-cargo #bux3 .bu338-location-dialog>header{min-height:60px!important;padding:10px 12px!important}
 html body.bux3-cargo #bux3 .bu338-location-fields{
  grid-template-columns:minmax(0,1fr) 112px!important;gap:6px!important;padding:9px 10px 3px!important;
 }
 html body.bux3-cargo #bux3 .bu338-location-fields .bu338-location-suggestions{
  left:10px!important;top:122px!important;
 }
 html body.bux3-cargo #bux3 .bu338-map-shell{margin:6px 10px 0!important;min-height:180px!important}
 html body.bux3-cargo #bux3 .bu338-boundary-row{padding:6px 10px!important}
 html body.bux3-cargo #bux3 .bu338-location-dialog>footer{
  padding:10px 12px max(11px,env(safe-area-inset-bottom,0px))!important;
 }
}
/* Reassert semantic navigation stacking: links must not be covered by main panels. */
@media(min-width:701px){
 html body.bux3-cargo #bux3 .bux3-side{
  position:relative!important;z-index:32!important;pointer-events:auto!important;
 }
 html body.bux3-cargo #bux3 .bux3-side>a,
 html body.bux3-cargo #bux3 .bux3-side>button,
 html body.bux3-cargo #bux3 .bu336-side-link,
 html body.bux3-cargo #bux3 .bu337-public-trigger,
 html body.bux3-cargo #bux3 .bu337-public-links a{
  pointer-events:auto!important;transform:none!important;
 }
 html body.bux3-cargo #bux3 .bux3-main{position:relative!important;z-index:1!important}
}
/* v338 refinement: location helper shares the existing field height, avoiding layout shift. */
@media(min-width:701px){
 html body.bux3-cargo #bux3 .bux3-qroute{
  padding-bottom:0!important;padding-right:8px!important;min-height:49px!important;
 }
 html body.bux3-cargo #bux3 .bux3-qroute .bu338-pin-button{
  top:2px!important;right:5px!important;left:auto!important;bottom:auto!important;
  width:auto!important;max-width:58%!important;min-width:75px!important;
  height:21px!important;min-height:21px!important;padding:2px 6px!important;
  justify-content:flex-end!important;
 }
 html body.bux3-cargo #bux3 .bux3-qroute input[type="search"]{
  max-width:100%!important;padding-right:5px!important;
 }
 html body.bux3-cargo #bux3 .bux3-qroute .bu338-pin-button small{font-size:7px!important}
}
/* Carousel steps use a small perspective fade and preserve stable, fixed dimensions. */
html body.bux3-cargo #bux3 .bu337-story{
 padding-right:54px!important;perspective:680px!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy,
html body.bux3-cargo #bux3 .bu337-story-icon{
 opacity:1!important;transform:none!important;
 transition:opacity .23s ease,transform .23s ease!important;
 transform-origin:center center!important;
}
html body.bux3-cargo #bux3 .bu337-story.bu338-switching .bu337-story-copy{
 opacity:0!important;transform:translate3d(0,-6px,-23px) rotateX(9deg)!important;
}
html body.bux3-cargo #bux3 .bu337-story.bu338-switching .bu337-story-icon{
 opacity:.45!important;transform:translate3d(0,5px,-10px)!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrows{
 position:absolute!important;right:6px!important;top:50%!important;z-index:2!important;
 display:flex!important;gap:3px!important;transform:translateY(-50%)!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrow{
 display:grid!important;place-items:center!important;
 width:22px!important;height:28px!important;min-width:22px!important;
 padding:0!important;border:1px solid rgba(141,238,218,.32)!important;
 border-radius:7px!important;background:rgba(255,255,255,.1)!important;
 color:#fff!important;font:600 20px/1 system-ui,sans-serif!important;
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrow:hover{background:rgba(14,171,148,.43)!important}
@media(max-width:1200px){
 html body.bux3-cargo #bux3 .bu337-story{padding-right:52px!important}
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bu338-story-arrows{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu337-story-copy,
 html body.bux3-cargo #bux3 .bu337-story-icon{transition:none!important;transform:none!important}
}
/* v339 polish — cargo-only consistent layering, navigation and interaction. */
/* A z-index on the entire main panel trapped all descendant modals below the header. */
html body.bux3-cargo #bux3 .bux3-main{
 z-index:auto!important;
}
html body.bux3-cargo #bux3 .bux3-side{
 z-index:20!important;
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header){
 z-index:60!important;
}
/* One restrained 170 ms entrance/exit language for modal content and scrim. */
@keyframes bu339-modal-enter{
 from{opacity:0;transform:translate3d(0,8px,0) scale(.994)}
 to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes bu339-modal-exit{
 from{opacity:1;transform:translate3d(0,0,0) scale(1)}
 to{opacity:0;transform:translate3d(0,7px,0) scale(.995)}
}
html body.bux3-cargo #bux3 .bux3-overlay:not([hidden])>.bux3-modal,
html body.bux3-cargo #bux3 .bu338-location-overlay:not([hidden])>.bu338-location-dialog,
html body.bux3-cargo #bux3 .bu337-alerts:not([hidden]) .bu337-alert-panel,
html body.bux3-cargo #bux3 .bu336-guide-overlay:not([hidden]) .bu336-guide-window{
 animation:bu339-modal-enter .19s cubic-bezier(.2,.8,.35,1) both!important;
}
html body.bux3-cargo #bux3 .bux3-overlay.bu339-exiting>.bux3-modal,
html body.bux3-cargo #bux3 .bu338-location-overlay.bu339-exiting>.bu338-location-dialog,
html body.bux3-cargo #bux3 .bu337-alerts.bu339-exiting .bu337-alert-panel,
html body.bux3-cargo #bux3 .bu336-guide-overlay.bu339-exiting .bu336-guide-window{
 animation:bu339-modal-exit .16s ease-in both!important;
 pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bux3-overlay.bu339-exiting,
html body.bux3-cargo #bux3 .bu338-location-overlay.bu339-exiting,
html body.bux3-cargo #bux3 .bu337-alerts.bu339-exiting{
 pointer-events:none!important;
}
/* Stable, clickable flyout outside the sidebar scroll container. */
html body.bux3-cargo #bux3 .bu337-public-links[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu337-public-links{
 position:fixed!important;z-index:2147483620!important;
 display:grid!important;gap:4px!important;
 width:252px!important;max-width:calc(100vw - 20px)!important;
 max-height:min(350px,78dvh)!important;overflow-y:auto!important;
 padding:10px!important;margin:0!important;
 border:1px solid rgba(107,222,207,.43)!important;
 border-radius:16px!important;
 background:linear-gradient(145deg,#0b394c 0%,#084c57 55%,#075b59 100%)!important;
 color:#edfdfa!important;box-shadow:0 16px 48px rgba(0,30,43,.32),inset 0 1px rgba(255,255,255,.13)!important;
 animation:bu339-fly-in .17s cubic-bezier(.2,.75,.35,1) both!important;
}
@keyframes bu339-fly-in{from{opacity:0;transform:translate3d(-9px,0,0)}to{opacity:1;transform:none}}
@keyframes bu339-fly-out{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-7px,0,0)}}
html body.bux3-cargo #bux3 .bu337-public-links.is-leaving{
 animation:bu339-fly-out .14s ease-in both!important;pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bu337-public-links a{
 display:flex!important;align-items:center!important;gap:9px!important;
 min-height:43px!important;padding:9px 11px!important;
 border:1px solid transparent!important;border-radius:10px!important;
 color:#e9f8fa!important;background:rgba(255,255,255,.035)!important;
 font:800 12px/1.3 system-ui,sans-serif!important;
 text-decoration:none!important;white-space:normal!important;
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu337-public-links a:before{
 content:"↗"!important;display:grid!important;place-items:center!important;
 flex:0 0 20px!important;width:20px!important;height:20px!important;
 border-radius:6px!important;background:rgba(67,211,193,.13)!important;
 color:#8cebd9!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 .bu337-public-links a:hover,
html body.bux3-cargo #bux3 .bu337-public-links a:focus-visible{
 background:rgba(25,191,169,.20)!important;border-color:rgba(111,237,216,.35)!important;
 transform:none!important;
}
/* All side navigation icons use one optical center. Remove distracting hover lateral motion. */
html body.bux3-cargo #bux3 .bux3-side :is(a,button){
 transform:none!important;
 transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
html body.bux3-cargo #bux3 .bux3-side :is(a,button)>svg{
 display:block!important;flex:0 0 21px!important;width:21px!important;
 height:21px!important;min-width:21px!important;
 align-self:center!important;stroke-width:1.8!important;
}
html body.bux3-cargo #bux3 .bu336-side-symbol{
 display:grid!important;place-items:center!important;line-height:1!important;
 font-family:system-ui,sans-serif!important;font-style:normal!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger>span:first-child{
 display:grid!important;place-items:center!important;
 flex:0 0 21px!important;width:21px!important;height:21px!important;
 font:700 22px/1 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger>span:last-child{
 display:grid!important;place-items:center!important;
 width:18px!important;height:18px!important;line-height:1!important;
}
html body.bux3-cargo #bux3 :is(.bux3-side a,.bux3-side button,.bu337-public-links a):focus-visible{
 outline:2px solid #4cebd6!important;outline-offset:2px!important;
}
/* No repaint of the entire header/rail each frame: animate a translucent composited layer. */
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
html body.bux3-cargo #bux3 .bux3-side{
 animation:none!important;background-size:100% 100%!important;
 isolation:isolate!important;
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header):before,
html body.bux3-cargo #bux3 .bux3-side:before{
 content:""!important;position:absolute!important;top:0!important;bottom:0!important;
 left:-20%!important;width:140%!important;pointer-events:none!important;
 background:linear-gradient(103deg,transparent 14%,rgba(65,224,203,.10) 35%,rgba(104,91,218,.17) 56%,transparent 79%)!important;
 transform:translate3d(-11%,0,0)!important;
 animation:bu339-ambient 13s ease-in-out infinite alternate!important;
}
@keyframes bu339-ambient{
 from{transform:translate3d(-11%,0,0);opacity:.55}
 to{transform:translate3d(11%,0,0);opacity:1}
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header)>*,
html body.bux3-cargo #bux3 .bux3-side>*{
 position:relative!important;z-index:1!important;
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header){overflow:hidden!important}
html body.bux3-cargo #bux3 .bux3-side{overflow-x:hidden!important}
/* Premium but legible accent hierarchy: neon is emphasis, not a constantly moving border. */
html body.bux3-cargo #bux3 .bu337-story{
 border:2px solid rgba(93,239,217,.77)!important;
 box-shadow:0 0 0 1px rgba(96,93,219,.27),0 0 17px rgba(45,221,207,.19),inset 0 1px rgba(255,255,255,.17)!important;
}
html body.bux3-cargo #bux3 .bu337-story-icon{
 background:linear-gradient(130deg,#7159d8,#116fa8,#0cb99b)!important;
 box-shadow:0 4px 11px rgba(35,35,112,.22)!important;
}
html body.bux3-cargo #bux3 .bux3-head-btn[data-apps]{
 border-width:2px!important;border-color:#6ce1d8!important;
 box-shadow:0 0 0 1px rgba(104,87,212,.37),0 0 13px rgba(65,218,211,.24)!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger[aria-expanded="true"]{
 background:rgba(39,194,180,.25)!important;border-color:rgba(92,242,213,.55)!important;
 box-shadow:0 0 12px rgba(22,201,185,.16)!important;
}
html body.bux3-cargo #bux3 .bu337-visit.is-new{
 border:1px solid rgba(18,186,157,.45)!important;
 box-shadow:0 0 9px rgba(13,184,151,.13)!important;
}
html body.bux3-cargo #bux3 :is(.bux3-run,.bux3-publish,.bu338-confirm){
 box-shadow:0 7px 18px rgba(4,112,119,.14),inset 0 1px rgba(255,255,255,.18)!important;
}
html body.bux3-cargo #bux3 :is(.bux3-run,.bu338-confirm):hover{
 box-shadow:0 8px 20px rgba(4,142,125,.23),0 0 0 2px rgba(70,220,200,.18)!important;
}
/* AI's title animates briefly with subtle character, without layout movement. */
@keyframes bu339-ai-text{
 0%{transform:translateY(1px);text-shadow:0 0 0 rgba(90,216,255,0)}
 35%{transform:translateY(-1.5px);text-shadow:0 0 9px rgba(116,94,244,.25)}
 68%{transform:translateY(.5px)}
 100%{transform:translateY(0);text-shadow:0 0 0 rgba(90,216,255,0)}
}
html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"] .bux3-dock-tabs [data-pane="ai"],
html body.bux3-cargo #bux3 #bux3-ai-drop header b{
 animation:bu339-ai-text .85s ease-out 1!important;
}
html body.bux3-cargo #bux3 .bux3-ai-spark{
 border:1px solid rgba(164,238,229,.55)!important;
 box-shadow:0 4px 14px rgba(48,112,194,.19),0 0 0 1px rgba(139,87,220,.12)!important;
}
/* Form controls should feel consistent, with reliable focus and hit targets. */
html body.bux3-cargo #bux3 #bux3-filter-modal :is(input:not([type="checkbox"]),select,textarea){
 min-height:42px!important;border-radius:11px!important;
 font:650 13px/1.35 system-ui,sans-serif!important;
 transition:border-color .14s ease,box-shadow .14s ease!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal :is(input,select,textarea):focus-visible{
 outline:0!important;border-color:#169d88!important;box-shadow:0 0 0 3px rgba(26,172,146,.15)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal [aria-invalid="true"]{
 border-color:#cf5d61!important;box-shadow:0 0 0 3px rgba(211,79,89,.13)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .bux3-filter-group{
 border-radius:13px!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .bux3-filter-group summary{
 min-height:44px!important;display:flex!important;align-items:center!important;gap:8px!important;
 cursor:pointer!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-load{
 border-width:2px!important;box-shadow:inset 3px 0 rgba(8,169,118,.32)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload{
 border-width:2px!important;box-shadow:inset 3px 0 rgba(220,88,97,.26)!important;
}
html body.bux3-cargo #bux3 .bu338-location-overlay{
 z-index:2147483642!important;
}
html body.bux3-cargo #bux3 #bu338-picker-map{touch-action:pan-x pan-y!important}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu337-public-links{
  width:min(310px,calc(100vw - 20px))!important;
  max-height:62dvh!important;
 }
 html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header):before{display:none!important}
}
/* Keep controls static for users requesting reduced motion. */
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header):before,
 html body.bux3-cargo #bux3 .bux3-side:before{animation:none!important}
 html body.bux3-cargo #bux3 :is(.bux3-overlay:not([hidden])>.bux3-modal,.bu338-location-dialog,.bu337-alert-panel,.bu336-guide-window,.bux3-dock-tabs [data-pane="ai"],#bux3-ai-drop header b){
  animation:none!important;
 }
}
/* Chat is the real server-backed inbox. Visual treatment only; never duplicate threads. */
@media(min-width:1000px){
 html body.bux3-cargo:not(.bu-nalog-chat-docked) #bu-chat-sheet.bu-chat-drawer-wrap:not([hidden]){
  background:rgba(2,25,41,.65)!important;backdrop-filter:blur(6px)!important;
 }
 html body.bux3-cargo #bu-chat-sheet .bu-chat-drawer{
  width:min(1070px,calc(100vw - 44px))!important;
  height:min(780px,calc(100dvh - 44px))!important;
  border:1px solid #c3e5e0!important;border-radius:20px!important;
  box-shadow:0 25px 76px rgba(0,21,35,.36)!important;
  animation:bu339-modal-enter .2s cubic-bezier(.2,.8,.35,1) both!important;
 }
}
html body.bux3-cargo #bu-chat-sheet :is(.bu-chat-drawer-head,.bu-chat-inbox-head){
 background:linear-gradient(112deg,#073c51,#087367)!important;
}
html body.bux3-cargo #bu-chat-sheet :is(button,a):focus-visible{
 outline:2px solid #2bd3c3!important;outline-offset:2px!important;
}
/* Crisp dropdown and input semantics instead of mixed browser-white control styles. */
html body.bux3-cargo #bux3 #bux3-filter-modal select{
 appearance:none!important;
 background-color:#fff!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23087873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:right 11px center!important;
 background-size:16px 16px!important;
 padding-right:34px!important;
}
html body.bux3-cargo #bux3 .bux3-filter-group[open] .bux3-filter-group-fields{
 animation:bu339-fields-in .16s ease-out both!important;
}
@keyframes bu339-fields-in{
 from{opacity:.72;transform:translate3d(0,-3px,0)}
 to{opacity:1;transform:none}
}
html body.bux3-cargo #bux3 #bux3-filter-modal [data-apply]{
 border:1px solid rgba(12,151,129,.48)!important;border-radius:11px!important;
 box-shadow:0 5px 15px rgba(7,116,109,.13)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal [data-reset]{
 border:1px solid #cfdfe0!important;border-radius:11px!important;
 color:#55717b!important;background:#f5faf9!important;
}
/* A lightweight teal standard-arrow cursor, hardware mouse only; native pointer on controls. */
@media(hover:hover) and (pointer:fine){
 html body.bux3-cargo #bux3{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' viewBox='0 0 28 30'%3E%3Cpath d='M3 2V24L10 17L15 27L19 25L14 15L24 14Z' fill='%23dcfff8' stroke='%23055f69' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto!important;
 }
 html body.bux3-cargo #bux3 :is(button,a,select,[role="button"]){cursor:pointer!important}
 html body.bux3-cargo #bux3 :is(input,textarea){cursor:text!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bux3-filter-group[open] .bux3-filter-group-fields,
 html body.bux3-cargo #bu-chat-sheet .bu-chat-drawer{animation:none!important}
}
/* v340: price remains visible after compact card footer is deliberately hidden. */
html body.bux3-cargo #bux3 .bux3-card-head .bu340-price-inline{
 display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:0 0 auto!important;margin:0 3px 0 auto!important;
 padding:3px 7px!important;border:1px solid rgba(15,157,132,.24)!important;
 border-radius:8px!important;background:#eaf9f2!important;color:#096c5f!important;
 font:900 13px/1.25 system-ui,sans-serif!important;white-space:nowrap!important;
 box-shadow:inset 0 1px rgba(255,255,255,.78)!important;
}
html body.bux3-cargo #bux3[data-bu336-layout="list"] .bux3-card-head .bu340-price-inline{
 font-size:12px!important;max-width:105px!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-save{
 display:grid!important;place-items:center!important;padding:0!important;
 border-radius:8px!important;line-height:1!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-save:focus-visible{
 outline:2px solid #0cb69f!important;outline-offset:2px!important;
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bux3-card-head .bu340-price-inline{
  padding:3px 5px!important;font-size:11px!important;
 }
}
/* v341: alerts are navigable, keyboard-safe controls bound to actual watched tabs. */
html body.bux3-cargo #bux3 .bu341-alert-open{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;width:100%!important;min-height:54px!important;
 margin:3px 0!important;padding:9px 12px!important;
 border:1px solid #d0e9e3!important;border-radius:11px!important;
 background:linear-gradient(120deg,#f7fffd,#f0f8fc)!important;
 color:#1b515d!important;text-align:left!important;
 font:750 12px/1.4 system-ui,sans-serif!important;
 cursor:pointer!important;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
html body.bux3-cargo #bux3 .bu341-alert-open>span{
 min-width:0!important;flex:1 1 auto!important;overflow-wrap:anywhere!important;
}
html body.bux3-cargo #bux3 .bu341-alert-open>small{
 display:flex!important;align-items:center!important;flex:0 0 auto!important;
 min-height:27px!important;padding:5px 8px!important;
 border-radius:7px!important;background:#d9f6eb!important;
 color:#06695e!important;font:850 10px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu341-alert-open:hover,
html body.bux3-cargo #bux3 .bu341-alert-open:focus-visible{
 outline:none!important;border-color:#70c7ba!important;
 background:#eafaf6!important;
 box-shadow:0 0 0 3px rgba(31,190,166,.13)!important;
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu341-alert-open{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu341-alert-open{transition:none!important}
}
/* Explicit state on the watch bell; avoid the original faint gray outline. */
html body.bux3-cargo #bux3 .bux3-search-tab .bux281-tab-watch[aria-pressed="true"]{
 border-color:rgba(17,178,147,.58)!important;
 box-shadow:0 0 0 1px rgba(20,170,159,.12),inset 0 1px rgba(255,255,255,.72)!important;
}
html body.bux3-cargo #bux3 .bux281-tab-select:focus-visible,
html body.bux3-cargo #bux3 .bux281-tab-watch:focus-visible,
html body.bux3-cargo #bux3 .bux281-tab-remove:focus-visible{
 outline:2px solid #19b5a0!important;outline-offset:2px!important;
}
/* Keep compact sort/view icons optically centered when controls wrap. */
html body.bux3-cargo #bux3 .bu338-view-group,
html body.bux3-cargo #bux3 .bu338-sort-label{
 align-items:center!important;
}
html body.bux3-cargo #bux3 .bu338-view-switch,
html body.bux3-cargo #bux3 .bu336-view-switch{
 align-items:center!important;
}

/* v342 · Utovari header carousel: centered, readable, no decorative badge. */
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header)>.bux3-context:not(.bu-one-context){
 justify-self:center!important;align-self:center!important;
 width:min(770px,100%)!important;min-width:0!important;
 margin-inline:auto!important;overflow:visible!important;
}
html body.bux3-cargo #bux3 .bu337-story{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;gap:12px!important;
 width:100%!important;max-width:760px!important;
 height:59px!important;min-height:59px!important;margin:0 auto!important;
 padding:7px 49px!important;border:1px solid rgba(123,238,220,.55)!important;
 border-radius:15px!important;
 background:linear-gradient(110deg,rgba(4,52,70,.85),rgba(3,103,105,.68) 60%,rgba(4,63,82,.82))!important;
 box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 7px 19px rgba(0,23,41,.12)!important;
 isolation:isolate!important;perspective:none!important;
}
html body.bux3-cargo #bux3 .bu337-story:before{opacity:.35!important;box-shadow:none!important}
html body.bux3-cargo #bux3 .bu337-story-icon{display:none!important}
html body.bux3-cargo #bux3 .bu337-story-copy{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 gap:2px!important;min-width:0!important;
 transition:opacity .15s ease-out,transform .15s ease-out!important;
 transform:none!important;transform-origin:center!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy small{
 display:block!important;color:#8ff2df!important;
 font:750 9px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:.09em!important;text-overflow:clip!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 display:block!important;color:#fff!important;
 font:850 15px/1.16 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:-.025em!important;text-overflow:ellipsis!important;overflow:hidden!important;
 white-space:nowrap!important;text-shadow:none!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span{
 display:block!important;color:#ccefe9!important;
 font:580 11px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:0!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu337-story-cta{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 max-width:185px!important;min-height:35px!important;
 padding:8px 12px!important;border-radius:9px!important;
 background:rgba(104,243,214,.14)!important;border:1px solid rgba(130,242,217,.4)!important;
 font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 transition:background-color .16s ease,border-color .16s ease!important;
}
html body.bux3-cargo #bux3 .bu337-story-cta:hover,
html body.bux3-cargo #bux3 .bu337-story-cta:focus-visible{
 background:rgba(48,205,181,.27)!important;border-color:#7cebd6!important;
 outline:2px solid rgba(152,255,225,.25)!important;outline-offset:2px!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrows{
 display:block!important;position:absolute!important;inset:0!important;z-index:5!important;
 width:100%!important;height:100%!important;transform:none!important;
 pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrow{
 display:grid!important;place-items:center!important;position:absolute!important;
 top:50%!important;transform:translateY(-50%)!important;
 width:30px!important;min-width:30px!important;height:34px!important;
 border-radius:9px!important;border:1px solid rgba(181,246,229,.28)!important;
 background:rgba(255,255,255,.085)!important;color:#e7fff9!important;
 font:600 23px/1 system-ui,sans-serif!important;
 cursor:pointer!important;pointer-events:auto!important;
 transition:background-color .16s ease,border-color .16s ease!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrow:first-child{left:8px!important;right:auto!important}
html body.bux3-cargo #bux3 .bu338-story-arrow:last-child{right:8px!important;left:auto!important}
html body.bux3-cargo #bux3 .bu338-story-arrow:hover,
html body.bux3-cargo #bux3 .bu338-story-arrow:focus-visible{
 border-color:rgba(149,245,224,.83)!important;background:rgba(36,187,166,.34)!important;
 outline:2px solid rgba(133,252,223,.21)!important;outline-offset:1px!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots{
 left:50%!important;bottom:3px!important;transform:translateX(-50%)!important;gap:5px!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots i{width:5px!important;height:3px!important;border-radius:5px!important}
html body.bux3-cargo #bux3 .bu337-story-dots i.is-current{width:16px!important}
html body.bux3-cargo #bux3 .bu337-story.bu342-leaving .bu337-story-copy{
 opacity:0!important;transform:translateX(-10px)!important;
}
@keyframes bu342-story-enter{
 from{opacity:0;transform:translateX(10px)}
 to{opacity:1;transform:translateX(0)}
}
html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy{
 animation:bu342-story-enter .25s cubic-bezier(.2,.7,.2,1) both!important;
}
@media(min-width:901px) and (max-width:1150px){
 html body.bux3-cargo #bux3 .bu337-story{grid-template-columns:minmax(0,1fr)!important}
 html body.bux3-cargo #bux3 .bu337-story-cta{display:none!important}
 html body.bux3-cargo #bux3 .bu337-story-copy small{font-size:8px!important}
 html body.bux3-cargo #bux3 .bu337-story-copy strong{font-size:13px!important}
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bu337-story{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu337-story-copy{transition:none!important;animation:none!important;transform:none!important}
}
/* v342 sidebar: separated public pages, genuine links above overlapping panels. */
@media(min-width:701px){
 html body.bux3-cargo #bux3 .bux3-side{
  position:relative!important;z-index:110!important;pointer-events:auto!important;isolation:isolate!important;
 }
}
html body.bux3-cargo #bux3 .bux3-side :is(a[href],button){
 position:relative!important;z-index:2!important;pointer-events:auto!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu342-pages-title{
 color:#8eefe2!important;letter-spacing:.13em!important;
 font:800 10px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger{
 min-width:0!important;justify-content:flex-start!important;gap:10px!important;
 border:1px solid rgba(122,228,205,.20)!important;
 background:rgba(29,171,154,.10)!important;color:#eefdfb!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger>span:nth-child(2){
 display:block!important;flex:1 1 auto!important;min-width:0!important;
 white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important;
 font-size:11px!important;
}
html body.bux3-cargo #bux3 .bu342-more-icon,
html body.bux3-cargo #bux3 .bu336-side-symbol{
 flex:0 0 23px!important;display:grid!important;place-items:center!important;
 width:23px!important;height:23px!important;min-width:23px!important;
 padding:0!important;line-height:1!important;
}
html body.bux3-cargo #bux3 .bu342-more-icon svg,
html body.bux3-cargo #bux3 .bu342-line-icon svg{
 display:block!important;width:21px!important;height:21px!important;
 stroke:currentColor!important;stroke-width:1.9!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body.bux3-cargo #bux3 .bux3-side>a>svg,
html body.bux3-cargo #bux3 .bux3-side>button>svg{
 display:block!important;flex:0 0 23px!important;width:21px!important;height:21px!important;
 margin:0 1px!important;stroke-width:1.9!important;
}
html body.bux3-cargo #bux3 .bu336-side-link{
 display:flex!important;align-items:center!important;min-height:43px!important;gap:10px!important;
}
html body.bux3-cargo #bux3 .bux3-head-btn[data-apps] i{
 display:grid!important;place-items:center!important;width:24px!important;height:24px!important;
 font-size:0!important;line-height:0!important;
}
html body.bux3-cargo #bux3 .bux3-head-btn[data-apps] i svg{
 display:block!important;width:21px!important;height:21px!important;stroke:#f1fffc!important;
}
/* The quick row is for typing; map confirmation belongs to the full filter dialog. */
html body.bux3-cargo #bux3 .bux3-quick .bux3-qroute{
 padding-bottom:4px!important;
}
html body.bux3-cargo #bux3 .bux3-quick .bu338-pin-button{display:none!important}
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:12px!important;width:100%!important;min-height:49px!important;
 margin-top:9px!important;padding:10px 12px!important;
 border-radius:11px!important;border:1px solid #68c9a4!important;
 background:linear-gradient(120deg,#d4fae5,#edfff4)!important;
 color:#076b51!important;text-align:left!important;
 font:850 12px/1.2 system-ui,sans-serif!important;
 transition:border-color .17s ease,box-shadow .17s ease,background-color .17s ease!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map svg{
 display:block!important;flex:0 0 21px!important;width:21px!important;height:21px!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map span{flex:1 1 auto!important}
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map small{
 flex:0 0 auto!important;color:inherit!important;opacity:.7!important;font:800 10px/1.2 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload .bu338-filter-map{
 border-color:#e6aba8!important;background:linear-gradient(120deg,#ffe4e2,#fff5f4)!important;color:#ad4750!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map:hover,
html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map:focus-visible{
 outline:2px solid rgba(43,174,155,.25)!important;outline-offset:2px!important;
 box-shadow:0 4px 15px rgba(8,121,109,.12)!important;
}
/* Geo lookup is a discrete user action, never a background autocomplete. */
html body.bux3-cargo #bux3 .bu342-geocode{
 justify-self:start!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
 min-height:34px!important;margin-top:5px!important;padding:7px 12px!important;
 border-radius:9px!important;border:1px solid #a1dbd0!important;
 background:#e8f9f4!important;color:#126f69!important;
 font:800 11px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu342-geocode:hover,
html body.bux3-cargo #bux3 .bu342-geocode:focus-visible{
 background:#cef3e9!important;outline:2px solid rgba(31,180,158,.17)!important;
}
html body.bux3-cargo #bux3 .bu342-geocode:disabled{opacity:.58!important;cursor:wait!important}
html body.bux3-cargo #bux3 .bu342-geocode svg{display:block!important;width:16px!important;height:16px!important;stroke:currentColor!important}
html body.bux3-cargo #bux3 .bu338-location-fields .bu338-location-suggestions{top:180px!important;max-height:176px!important}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu338-location-fields .bu338-location-suggestions{top:166px!important;width:calc(100% - 20px)!important;left:10px!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 #bux3-filter-modal .bu338-filter-map small{display:none!important}
 html body.bux3-cargo #bux3 .bu337-public-trigger>span:nth-child(2){font-size:11px!important}
}


/* v364: Header/sidebar atmosphere is supplied by the shared market shell.
   The Cargo layer below contains only Cargo-specific carousel behaviour. */
html body.bux3-cargo #bux3 .bu337-story{
 border-left-color:transparent!important;border-right-color:transparent!important;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%)!important;
 mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%)!important;
 box-shadow:none!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy{
 text-align:center!important;align-items:center!important;justify-content:center!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span,
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 text-align:center!important;
}
html body.bux3-cargo #bux3 .bu337-story.bu342-leaving .bu337-story-copy{
 transform:perspective(720px) translateZ(28px) rotateX(-3deg) translateY(-4px)!important;
 opacity:0!important;
}
@keyframes bu343-approach{
 0%{opacity:0;transform:perspective(720px) translateZ(-54px) rotateX(7deg) translateY(7px)}
 100%{opacity:1;transform:perspective(720px) translateZ(0) rotateX(0) translateY(0)}
}
html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy{
 animation:bu343-approach .28s cubic-bezier(.16,.75,.3,1) both!important;
}
html body.bux3-cargo #bux3 .bu337-lang-popup{
 max-height:min(430px,calc(100dvh - 28px))!important;
 overflow-y:auto!important;
 border:1px solid rgba(133,236,217,.45)!important;
 border-radius:15px!important;
 box-shadow:0 24px 55px rgba(2,36,52,.29)!important;
}
html body.bux3-cargo #bux3 .bu337-lang-option{
 min-height:42px!important;align-items:center!important;
 border-radius:9px!important;
}
html body.bux3-cargo #bux3 .bu337-lang-option:focus-visible,
html body.bux3-cargo #bux3 .bu337-lang-option:hover{
 outline:2px solid rgba(24,179,157,.3)!important;background:#e2f8f3!important;
}
html body.bux3-cargo #bux3 .bu343-app-desc{
 margin:8px 0 12px!important;color:#52717a!important;
 font:600 12px/1.5 system-ui,sans-serif!important;
 overflow-wrap:anywhere!important;
}
html body.bux3-cargo #bux3 .bu330-app-card{
 min-width:0!important;border-radius:14px!important;
}
html body.bux3-cargo #bux3 .bu330-app-card:focus-within{
 outline:2px solid #22b6a3!important;outline-offset:2px!important;
}
/* Two cursor states: elegant native arrow and OS hand on genuinely interactive elements.
   Avoid substituting an animated cursor that hides clickable precision. */
html body.bux3-cargo #bux3{cursor:default!important}
html body.bux3-cargo #bux3 :is(a[href],button:not(:disabled),[role="button"],[role="menuitem"],select,summary){
 cursor:pointer!important;
}
html body.bux3-cargo #bux3 :is(input[type="text"],input[type="search"],input[type="number"],textarea){
 cursor:text!important;
}
html body.bux3-cargo #bux3 :is(button:disabled,[aria-disabled="true"]){
 cursor:not-allowed!important;
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
 html body.bux3-cargo #bux3 .bux3-side{
  animation:none!important;background-position:50% 50%!important;
 }
 html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy{
  animation:none!important;
 }
}


/* v345 — focused filter, dock and carousel polish; cargo only. */
html body.bux3-cargo #bux3 #bux3-filter-modal .bux3-filter-grid{
 column-gap:13px!important;row-gap:12px!important;align-items:stretch!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 grid-auto-rows:min-content!important;gap:10px 12px!important;
 padding:16px!important;border-radius:16px!important;
 align-content:start!important;min-width:0!important;
 box-shadow:inset 0 1px rgba(255,255,255,.85),0 5px 17px rgba(20,60,66,.035)!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>header{
 grid-column:1/-1!important;grid-row:1!important;min-height:46px!important;
 margin:0 0 1px!important;align-self:center!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>label{
 grid-column:1!important;grid-row:2!important;
 display:flex!important;justify-content:flex-end!important;min-width:0!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>label input{
 width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
 border-radius:11px!important;font-size:12px!important;font-weight:670!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.v270-date-trigger{
 grid-column:2!important;grid-row:2!important;display:flex!important;align-self:end!important;
 min-width:0!important;min-height:46px!important;height:46px!important;
 padding:8px 12px!important;border-radius:11px!important;font-size:12px!important;
 font-weight:800!important;white-space:normal!important;overflow:hidden!important;
 text-align:left!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-date-trigger:after{
 content:""!important;flex:0 0 17px!important;display:block!important;
 width:17px!important;height:17px!important;margin-left:7px!important;
 box-sizing:border-box!important;
 border:2px solid currentColor!important;border-top-width:5px!important;border-radius:4px!important;
 color:#1b877d!important;opacity:.78!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route.is-unload>.v270-date-trigger:after{
 color:#b75661!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu338-filter-map{
 grid-row:3!important;grid-column:1/-1!important;
 min-height:46px!important;gap:10px!important;margin:0!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu319-radius-row{
 grid-column:1/-1!important;grid-row:4!important;margin:0!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu345-location-help{
 grid-column:1/-1!important;grid-row:5!important;
 margin:0!important;padding:8px 10px!important;border-radius:9px!important;
 background:rgba(255,255,255,.63)!important;color:#486b76!important;
 font:600 11px/1.42 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route :is(input,button,select):focus-visible{
 outline:2px solid #21b8a2!important;outline-offset:2px!important;
}
html body.bux3-cargo #bux3 .v270-calendar{
 display:grid!important;place-items:center!important;
 padding:16px!important;overflow-y:auto!important;
}
html body.bux3-cargo #bux3 .v270-calendar-card{
 width:min(465px,100%)!important;max-height:min(90dvh,780px)!important;
 overflow-y:auto!important;padding:19px!important;
 border:1px solid #bbded9!important;border-radius:19px!important;
 box-shadow:0 24px 65px rgba(1,28,43,.27)!important;
}
html body.bux3-cargo #bux3 .v270-calendar-head{
 min-height:51px!important;
}
html body.bux3-cargo #bux3 .v270-calendar-head strong{
 font-size:16px!important;font-weight:850!important;
}
html body.bux3-cargo #bux3 .v270-calendar-grid button{
 min-height:40px!important;height:40px!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 .v270-calendar-grid button:focus-visible{
 outline:2px solid #10a98f!important;outline-offset:1px!important;
}
html body.bux3-cargo #bux3 .bu338-location-dialog{
 width:min(880px,100%)!important;
}
html body.bux3-cargo #bux3 .bu338-map-shell{
 min-height:285px!important;border:1px solid #98cfc6!important;border-radius:15px!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important;
}
html body.bux3-cargo #bux3 .bu338-location-status{
 padding:11px 18px 8px!important;color:#275866!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 .bu338-map-guidance{
 max-width:min(480px,calc(100% - 16px))!important;
 background:rgba(5,55,69,.89)!important;color:#f3fffa!important;
 font-size:11px!important;border:1px solid rgba(174,252,228,.35)!important;
}
html body.bux3-cargo #bux3 :is(#bux3-map,#bu338-picker-map) .leaflet-control-zoom a{
 color:#09675c!important;min-width:34px!important;min-height:34px!important;
 line-height:34px!important;
}
html body.bux3-cargo #bux3 .bux3-fleet-row{
 min-height:76px!important;height:auto!important;display:flex!important;align-items:center!important;
 gap:10px!important;padding:11px!important;margin:3px 0!important;
 border-radius:12px!important;text-align:left!important;
}
html body.bux3-cargo #bux3 .bu344-fleet-info{
 min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
 gap:3px!important;overflow-wrap:anywhere!important;
}
html body.bux3-cargo #bux3 .bu344-fleet-info b{font-size:12px!important;font-weight:850!important}
html body.bux3-cargo #bux3 .bu344-fleet-info small{font-size:10px!important;line-height:1.3!important}
html body.bux3-cargo #bux3 .bux3-fleet-row>em{
 flex:0 0 auto!important;max-width:82px!important;text-align:center!important;overflow-wrap:anywhere!important;
}
/* One state owner: the dock controller. No synthetic clicks or overlay clones. */
@media(min-width:701px){
 html body.bux3-cargo #bux3 #bux3-dock{
  transition:border-color .24s ease,box-shadow .28s ease!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"]{
  border-color:rgba(107,121,242,.47)!important;
  box-shadow:0 12px 45px rgba(25,76,116,.17),0 0 0 2px rgba(102,90,234,.12)!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"] .bu325-ai-launcher{
  min-height:58px!important;border-radius:12px 12px 0 0!important;
  background:linear-gradient(110deg,#092d49,#174a73 57%,#125a6a)!important;
  color:#f3fff9!important;box-shadow:inset 0 -1px rgba(150,243,215,.23)!important;
  animation:bu345-ai-header-in .32s cubic-bezier(.18,.8,.2,1) both!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"] #bux3-ai-drop>header{
  display:none!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"] #bux3-ai-drop{
  animation:bu345-ai-pane-in .36s cubic-bezier(.16,.72,.2,1) both!important;
  transform-origin:top center!important;
 }
}
@keyframes bu345-ai-header-in{
 from{opacity:.65;transform:translateY(-5px) scale(.99)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes bu345-ai-pane-in{
 from{opacity:.2;transform:translateY(14px) scaleY(.972)}
 to{opacity:1;transform:translateY(0) scaleY(1)}
}
html body.bux3-cargo #bux3 #bux3-dock [data-pane="ai"]{
 border-color:rgba(105,119,247,.72)!important;position:relative!important;
 box-shadow:0 0 0 1px rgba(92,85,220,.14),0 0 11px rgba(96,83,226,.27)!important;
 animation:bu345-ai-neon 4.8s ease-in-out infinite!important;
}
@keyframes bu345-ai-neon{
 0%,100%{box-shadow:0 0 0 1px rgba(109,111,236,.12),0 0 6px rgba(104,86,234,.18)}
 50%{box-shadow:0 0 0 1px rgba(96,218,236,.49),0 0 16px rgba(87,112,235,.36)}
}
html body.bux3-cargo #bux3 #bux3-dock [data-pane="ai"]{
 background-image:linear-gradient(120deg,rgba(90,91,238,.17),rgba(14,170,155,.14))!important;
}
html body.bux3-cargo #bux3 #bux3-ai-drop #bux3-ai-form{
 display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
}
html body.bux3-cargo #bux3 #bux3-ai-drop #bux3-ai-form input{
 min-width:0!important;flex:1 1 auto!important;max-width:100%!important;
}
html body.bux3-cargo #bux3 #bux3-ai-drop #bux3-ai-form button{
 flex:0 0 auto!important;min-width:84px!important;max-width:125px!important;
 padding:9px!important;white-space:nowrap!important;
}
/* Above-header demo badge: static in place, real countdown updates from source. */
html body.bux3-cargo #bux3.bu317-has-demo .bux3-ticker{
 display:grid!important;visibility:visible!important;height:auto!important;
 min-height:41px!important;overflow:visible!important;
 grid-template-columns:auto minmax(0,1fr) auto!important;
 gap:9px!important;align-items:center!important;
}
html body.bux3-cargo #bux3 .bux3-ticker.bu345-demo-rail{
 position:relative!important;padding-right:9px!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-banner{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:0 1 auto!important;max-width:min(500px,47vw)!important;
 min-height:31px!important;margin:0!important;padding:3px 7px!important;
 gap:6px!important;background:rgba(241,249,245,.96)!important;
 border:1px solid rgba(177,226,212,.9)!important;border-radius:9px!important;
 box-shadow:none!important;z-index:2!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-label b{font-size:10px!important}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-label small{font-size:8px!important}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-message{
 max-width:220px!important;min-width:0!important;font-size:9px!important;line-height:1.18!important;
 color:#687b68!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer{
 padding:4px 5px!important;gap:4px!important;min-height:24px!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer :is(small,strong){font-size:9px!important}
html body.bux3-cargo #bux3 .bu337-story{
 max-width:840px!important;width:100%!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy{
 min-width:0!important;max-width:100%!important;gap:1px!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 font-size:14px!important;line-height:1.12!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span{
 font-size:10px!important;line-height:1.22!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu345-timeline{
 position:absolute!important;left:47px!important;right:47px!important;top:3px!important;
 height:2px!important;z-index:7!important;
 background:rgba(139,249,225,.18)!important;border-radius:20px!important;
 overflow:hidden!important;pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bu345-timeline span{
 display:block!important;width:100%!important;height:100%!important;
 transform-origin:left center!important;background:linear-gradient(90deg,#8ceee0,#c5bcff,#74daf8)!important;
}
@keyframes bu345-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html body.bux3-cargo #bux3 .bu337-story:is(:hover,:focus-within) .bu345-timeline span{
 animation-play-state:paused!important;
}
@media(max-width:1100px){
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-message{display:none!important}
 html body.bux3-cargo #bux3 .bu337-story-copy>span{overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route{gap:8px!important;padding:12px!important}
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>label,
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.v270-date-trigger{
  grid-column:1/-1!important;grid-row:auto!important;
 }
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu338-filter-map,
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu319-radius-row,
 html body.bux3-cargo #bux3 #bux3-filter-modal .v270-filter-route>.bu345-location-help{grid-row:auto!important}
 html body.bux3-cargo #bux3 .bux3-ticker.bu345-demo-rail{
  grid-template-columns:minmax(0,1fr) auto!important;padding:4px 6px!important;gap:4px!important;
 }
 html body.bux3-cargo #bux3 .bux3-ticker.bu345-demo-rail>b{display:none!important}
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-banner{max-width:50vw!important;padding:3px 5px!important}
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-label small{display:none!important}
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer small{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 :is(#bux3-ai-drop,.bu325-ai-launcher,[data-pane="ai"]){animation:none!important}
 html body.bux3-cargo #bux3 .bu345-timeline span{animation:none!important;transform:scaleX(1)!important}
}


/* v346 — header hierarchy, real account/notification controls and fleet workspace. */
html body.bux3-cargo #bux3[data-kind="cargo"]{
 --ticker-h:42px!important;--top-h:64px!important;
}
html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker{
 grid-column:1/-1!important;grid-template-columns:auto minmax(0,1fr) minmax(260px,auto)!important;
 height:var(--ticker-h)!important;min-height:var(--ticker-h)!important;
 padding:4px 13px!important;gap:12px!important;overflow:hidden!important;
 align-items:center!important;z-index:74!important;
}
html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker-track{
 min-width:0!important;height:auto!important;max-height:31px!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker-track span{
 font-size:10px!important;line-height:1.4!important;max-width:100%!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker>.bu317-demo-banner:not([hidden]){
 display:flex!important;position:relative!important;align-items:center!important;
 width:100%!important;max-width:440px!important;justify-self:end!important;
 min-height:32px!important;padding:4px 9px!important;
 margin:0!important;gap:8px!important;border-radius:10px!important;
 border:1px solid #dcbe80!important;
 background:linear-gradient(112deg,#fff9e9,#ffedce 55%,#e6f7e8)!important;
 box-shadow:0 1px 3px rgba(39,56,31,.10)!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-banner[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-label{
 display:inline-flex!important;align-items:center!important;gap:5px!important;
 white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-label b{
 font:950 11px/1 system-ui,sans-serif!important;color:#94621e!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-message{
 flex:1 1 auto!important;display:block!important;min-width:0!important;max-width:none!important;
 font:750 9px/1.25 system-ui,sans-serif!important;color:#806b44!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer{
 background:#fff!important;border:1px solid #e0c88f!important;border-radius:8px!important;
 padding:4px 7px!important;min-height:25px!important;
}
html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer strong{
 font:900 11px/1 system-ui,sans-serif!important;color:#594524!important;font-variant-numeric:tabular-nums!important;
}
html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-top:not(.bu-one-header){
 min-height:var(--top-h)!important;height:var(--top-h)!important;
 overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header)>.bux3-context:not(.bu-one-context){
 min-width:0!important;overflow:hidden!important;max-width:100%!important;
 padding:0 5px!important;
}
html body.bux3-cargo #bux3 .bu337-story{
 width:100%!important;max-width:none!important;
 height:54px!important;min-height:54px!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(76px,auto)!important;
 column-gap:10px!important;padding:8px 47px 9px!important;
 overflow:hidden!important;isolation:isolate!important;
 -webkit-mask-image:none!important;mask-image:none!important;
 border:1px solid rgba(100,218,201,.38)!important;
 border-left-color:transparent!important;border-right-color:transparent!important;
 border-radius:15px!important;
}
html body.bux3-cargo #bux3 .bu337-story:before{
 content:""!important;position:absolute!important;inset:0!important;
 z-index:0!important;pointer-events:none!important;
 border:0!important;border-radius:inherit!important;box-shadow:none!important;
 background:linear-gradient(90deg,rgba(5,55,71,.94),transparent 11%,transparent 89%,rgba(5,55,71,.94))!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy{
 position:relative!important;z-index:2!important;
 min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;gap:2px!important;
 text-align:center!important;white-space:nowrap!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy small{display:none!important}
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 display:block!important;max-width:100%!important;width:100%!important;
 font:900 14px/1.12 system-ui,sans-serif!important;letter-spacing:.025em!important;
 text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span{
 max-width:100%!important;width:100%!important;
 font:650 10px/1.25 system-ui,sans-serif!important;text-align:center!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body.bux3-cargo #bux3 .bu337-story-cta{
 position:relative!important;z-index:2!important;max-width:135px!important;
 min-height:34px!important;padding:7px 10px!important;
 font-size:10px!important;text-align:center!important;
}
html body.bux3-cargo #bux3 .bu338-story-arrows{z-index:10!important}
html body.bux3-cargo #bux3 .bu338-story-arrow{top:50%!important;z-index:11!important}
html body.bux3-cargo #bux3 .bu345-timeline{z-index:6!important;top:2px!important}
html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy strong{
 animation:bu346-letters .28s ease-out both!important;
}
@keyframes bu346-letters{from{opacity:.3;letter-spacing:.14em}to{opacity:1;letter-spacing:.025em}}
html body.bux3-cargo #bux3 .bux3-head-actions:not(.bu-one-actions) :is(.bux3-notice,.bux3-login,[data-messages]){
 display:grid!important;place-items:center!important;position:relative!important;
}
html body.bux3-cargo #bux3 :is(.bu346-bell,.bu346-message-icon,.bu346-account-icon){
 width:21px!important;height:21px!important;display:block!important;
 stroke:currentColor!important;
}
html body.bux3-cargo #bux3 .bux3-notice:hover .bu346-bell{
 transform:rotate(-8deg)!important;transition:transform .16s ease!important;
}
html body.bux3-cargo #bux3 #bux3-notice-count:not([hidden]){
 position:absolute!important;right:-4px!important;top:-5px!important;z-index:4!important;
 min-width:18px!important;height:18px!important;border:2px solid #064453!important;border-radius:50%!important;
 background:#ffb65d!important;color:#543114!important;font:900 9px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-notify-invite{
 position:fixed!important;z-index:2147483601!important;top:calc(var(--ticker-h,42px) + var(--top-h,64px) + 8px)!important;
 right:14px!important;width:min(400px,calc(100vw - 28px))!important;
 display:flex!important;align-items:center!important;gap:9px!important;
 padding:10px!important;border-radius:13px!important;border:1px solid #9ad6c8!important;
 background:#f6fffc!important;color:#27545d!important;
 box-shadow:0 16px 44px rgba(0,36,49,.18)!important;
}
html body.bux3-cargo #bux3 .bu346-notify-invite>span{
 flex:1!important;font:750 12px/1.35 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-invite-allow{
 flex:0 0 auto!important;min-height:32px!important;padding:7px 10px!important;
 border:0!important;border-radius:8px!important;background:#087f72!important;color:#fff!important;
 font:850 11px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu346-invite-close{
 flex:0 0 25px!important;width:25px!important;height:28px!important;
 border:0!important;background:transparent!important;color:#698087!important;
 font:700 19px/1 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu346-account-menu[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu346-account-menu{
 position:fixed!important;z-index:2147483600!important;
 display:flex!important;flex-direction:column!important;gap:5px!important;
 width:min(235px,calc(100vw - 18px))!important;padding:11px!important;
 border:1px solid #b4dcd8!important;border-radius:14px!important;
 background:#f8fffd!important;box-shadow:0 18px 50px rgba(0,36,49,.24)!important;
}
html body.bux3-cargo #bux3 .bu346-account-menu>strong{
 padding:5px 7px 9px!important;color:#0b5255!important;font:900 13px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-account-menu>a{
 display:flex!important;align-items:center!important;min-height:38px!important;
 padding:9px 10px!important;border-radius:9px!important;
 color:#205663!important;text-decoration:none!important;
 font:800 12px/1.2 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-account-menu>a:hover,
html body.bux3-cargo #bux3 .bu346-account-menu>a:focus-visible{
 background:#ddf8ef!important;color:#067363!important;outline:2px solid rgba(5,163,134,.2)!important;
}
/* Search replaces duplicate fleet headings and summary. */
html body.bux3-cargo #bux3 #bux3-dock [data-pane-body="fleet"] .bu346-old-fleet-summary{
 display:none!important;
}
html body.bux3-cargo #bux3 #bux3-dock [data-pane-body="fleet"] .bux3-fleet-head{
 display:flex!important;align-items:center!important;gap:7px!important;
 min-height:62px!important;padding:9px!important;background:#f8fcfb!important;
}
html body.bux3-cargo #bux3 #bux3-dock [data-pane-body="fleet"] .bux3-fleet-head>div:not(.bu346-fleet-tools){
 display:none!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-tools{
 width:100%!important;min-width:0!important;
 display:flex!important;align-items:center!important;gap:7px!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-search{
 display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;
 gap:6px!important;min-height:42px!important;padding:6px 10px!important;
 border:1px solid #b8d9d8!important;border-radius:11px!important;background:#fff!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-search svg{
 display:block!important;width:17px!important;height:17px!important;flex:0 0 17px!important;
 stroke:#437983!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-search input{
 min-width:0!important;width:100%!important;height:28px!important;border:0!important;
 outline:0!important;background:transparent!important;font:700 11px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-add{
 flex:0 0 auto!important;display:grid!important;place-items:center!important;
 min-height:42px!important;padding:8px 10px!important;
 border-radius:10px!important;background:#087967!important;color:#fff!important;
 font:850 11px/1 system-ui,sans-serif!important;text-decoration:none!important;
}
html body.bux3-cargo #bux3 .bux3-fleet-row[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bux3-fleet-row:hover,
html body.bux3-cargo #bux3 .bux3-fleet-row:focus-visible{
 border-color:#63c6b3!important;background:#e9fbf5!important;outline:2px solid rgba(14,180,153,.13)!important;
}
/* Shared modal: lazy Leaflet initialization, no per-vehicle requests. */
html body.bux3-cargo #bux3 .bu346-fleet-overlay[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu346-fleet-overlay{
 position:fixed!important;inset:0!important;z-index:2147483600!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:16px!important;background:rgba(0,32,44,.64)!important;backdrop-filter:blur(6px)!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-shade{position:absolute!important;inset:0!important;z-index:0!important}
html body.bux3-cargo #bux3 .bu346-fleet-dialog{
 position:relative!important;z-index:1!important;width:min(1030px,100%)!important;
 height:min(84dvh,720px)!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;
 border:1px solid #bcdfd8!important;border-radius:20px!important;
 background:#f8fcfc!important;overflow:hidden!important;
 box-shadow:0 30px 90px rgba(0,27,39,.38)!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-dialog>header{
 flex:0 0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;
 padding:16px 19px!important;background:linear-gradient(112deg,#053c50,#05786d)!important;color:#fff!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-dialog>header small{
 color:#a3f0de!important;font:850 10px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-dialog>header h2{
 margin:4px 0 0!important;color:#fff!important;font:900 18px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-dialog [data-fleet-close]{
 display:grid!important;place-items:center!important;width:38px!important;height:38px!important;
 border:1px solid rgba(255,255,255,.3)!important;border-radius:10px!important;
 background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:23px!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-split{
 display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;
 flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-sidebar{
 display:flex!important;flex-direction:column!important;gap:8px!important;min-height:0!important;
 padding:12px!important;border-right:1px solid #d8e8e9!important;background:#f2f9f8!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-sidebar label{
 display:grid!important;gap:6px!important;color:#54737a!important;font:800 10px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-sidebar input{
 width:100%!important;min-height:40px!important;padding:9px 10px!important;
 border:1px solid #b9d9d7!important;border-radius:10px!important;background:#fff!important;color:#184652!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-choices{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 min-height:0!important;overflow-y:auto!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-choice{
 display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important;
 min-height:55px!important;padding:9px 10px!important;
 border:1px solid #d7e8e6!important;border-radius:10px!important;
 background:#fff!important;color:#214c57!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-choice.is-selected{
 border-color:#3ebca8!important;background:#e2f8f0!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-choice strong{font-size:12px!important}
html body.bux3-cargo #bux3 .bu346-fleet-choice small{font-size:10px!important;overflow-wrap:anywhere!important}
html body.bux3-cargo #bux3 .bu346-fleet-main{
 display:flex!important;flex-direction:column!important;min-height:0!important;overflow-y:auto!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-map{
 min-height:225px!important;flex:1 1 240px!important;background:#d5e9e3!important;z-index:1!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-profile{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:7px!important;padding:11px!important;background:#fff!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-profile>div{
 display:flex!important;flex-direction:column!important;gap:4px!important;
 min-width:0!important;min-height:52px!important;padding:8px!important;
 border:1px solid #e0eeeb!important;border-radius:9px!important;background:#f7fbfa!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-profile small{font:800 9px/1.2 system-ui,sans-serif!important;color:#67838a!important}
html body.bux3-cargo #bux3 .bu346-fleet-profile strong{
 font:850 11px/1.3 system-ui,sans-serif!important;color:#19515b!important;overflow-wrap:anywhere!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions{
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;
 padding:12px!important;border-top:1px solid #dbe9e7!important;background:#fff!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions :is(button,a){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:40px!important;padding:9px 12px!important;border-radius:10px!important;
 border:1px solid #badcd5!important;background:#e9f8f3!important;color:#136c63!important;
 text-decoration:none!important;font:850 11px/1.25 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions [data-fleet-find]{
 background:#087e6d!important;color:#fff!important;border-color:#087e6d!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions button:disabled{
 opacity:.45!important;cursor:not-allowed!important;
}
/* Put the already existing Dispo AI guidance at the top, not as a duplicate chat header. */
html body.bux3-cargo #bux3 #bux3-ai-drop .bu315-chat-status{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;border:0!important;margin:-1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 #bux3-ai-drop .bu316-mode-description{display:none!important}
html body.bux3-cargo #bux3 #bux3-ai-drop .bu315-intro{display:none!important}
html body.bux3-cargo #bux3 #bux3-ai-drop .bu336-ai-disclaimer{
 order:-5!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;
 flex:0 0 auto!important;margin:0!important;padding:8px 11px!important;
 border-bottom:1px solid #dce8ee!important;background:#f3faf8!important;
 color:#456773!important;font:700 10px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 #bux3-ai-drop .bu336-ai-disclaimer .bu336-guide-link{
 margin-left:auto!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 #bux3-dock[data-bu328-view="ai"] .bux3-dock-tabs [data-pane="ai"]{
 color:#5145d9!important;border:1px solid #897ee5!important;
 background:linear-gradient(120deg,#efeaff,#dff7fc)!important;
 box-shadow:0 0 0 2px rgba(111,95,238,.13),0 0 18px rgba(103,87,231,.24)!important;
}
@media(max-width:900px){
 html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker{grid-template-columns:minmax(0,1fr) auto!important}
 html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker>b{display:none!important}
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-message{display:none!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3[data-kind="cargo"]{--ticker-h:35px!important;--top-h:58px!important}
 html body.bux3-cargo #bux3[data-kind="cargo"] .bux3-ticker{
  grid-template-columns:minmax(0,1fr) auto!important;padding:3px 6px!important;gap:5px!important;
 }
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-banner:not([hidden]){
  max-width:175px!important;min-width:0!important;padding:3px 5px!important;gap:4px!important;
 }
 html body.bux3-cargo #bux3 .bux3-ticker .bu317-demo-timer{padding:3px 4px!important}
 html body.bux3-cargo #bux3 .bu317-demo-label small{display:none!important}
 html body.bux3-cargo #bux3 .bu346-fleet-split{grid-template-columns:minmax(0,1fr)!important;overflow-y:auto!important}
 html body.bux3-cargo #bux3 .bu346-fleet-sidebar{max-height:160px!important;border-right:0!important;border-bottom:1px solid #d8e8e9!important}
 html body.bux3-cargo #bux3 .bu346-fleet-choices{flex-direction:row!important;overflow-x:auto!important}
 html body.bux3-cargo #bux3 .bu346-fleet-choice{min-width:145px!important;flex:0 0 auto!important}
 html body.bux3-cargo #bux3 .bu346-fleet-main{overflow:visible!important}
 html body.bux3-cargo #bux3 .bu346-fleet-map{flex:0 0 210px!important;min-height:210px!important}
 html body.bux3-cargo #bux3 .bu346-fleet-profile{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.bux3-cargo #bux3 .bu346-fleet-add span{display:none!important}
 html body.bux3-cargo #bux3 .bu346-fleet-dialog{height:min(94dvh,780px)!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy strong{
  animation:none!important;
 }
 html body.bux3-cargo #bux3 .bux3-notice:hover .bu346-bell{transform:none!important;transition:none!important}
}

/* Do not reserve space for the DEMO banner when no demo offers exist. */
html body.bux3-cargo #bux3[data-kind="cargo"]:not(.bu317-has-demo) .bux3-ticker{
 grid-template-columns:auto minmax(0,1fr)!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-search:focus-within{
 border-color:#35b7a5!important;box-shadow:0 0 0 3px rgba(19,169,143,.11)!important;
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu337-story.bu342-entering .bu337-story-copy strong{animation:none!important}
}

/* v347 - fleet unified, tabs, result toolbar, carousel and navigation polish. */
html body.bux3-cargo #bux3 .bux3-side{
 display:flex!important;flex-direction:column!important;
 min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 padding-bottom:10px!important;
}
html body.bux3-cargo #bux3 .bux3-side .bux3-publish{
 position:sticky!important;bottom:7px!important;z-index:9!important;
 flex-shrink:0!important;min-height:48px!important;margin-top:auto!important;
 background:linear-gradient(115deg,#0fb693,#0c9f92 55%,#397ddd)!important;
 border:1px solid rgba(163,248,222,.45)!important;
 box-shadow:0 8px 25px rgba(0,34,44,.28),0 1px rgba(255,255,255,.2) inset!important;
 transition:background-position .18s ease,box-shadow .18s ease!important;
}
html body.bux3-cargo #bux3 .bux3-side .bux3-publish:hover,
html body.bux3-cargo #bux3 .bux3-side .bux3-publish:focus-visible{
 box-shadow:0 9px 29px rgba(9,197,158,.34),0 0 0 2px rgba(132,247,215,.23)!important;
 outline:2px solid rgba(145,247,218,.35)!important;
}
html body.bux3-cargo #bux3 .bu347-side-tip[hidden],
html body.bux3-cargo #bux3 .bu347-cursor-halo[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu347-side-tip{
 position:fixed!important;z-index:2147483560!important;
 left:0!important;top:0!important;max-width:min(290px,calc(100vw - 20px))!important;
 pointer-events:none!important;padding:9px 12px!important;
 border:1px solid rgba(177,244,227,.36)!important;border-radius:10px!important;
 background:rgba(4,45,61,.97)!important;color:#eafff9!important;
 box-shadow:0 9px 27px rgba(0,24,34,.22)!important;
 font:750 11px/1.35 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu347-cursor-halo{
 position:fixed!important;z-index:2147483550!important;top:0!important;left:0!important;
 width:24px!important;height:24px!important;border-radius:50%!important;
 border:1.5px solid rgba(39,202,185,.65)!important;
 background:rgba(66,223,207,.055)!important;pointer-events:none!important;
 will-change:transform!important;
}
html body.bux3-cargo #bux3 .bu347-cursor-halo.is-clickable{
 border-color:rgba(117,231,210,.8)!important;
 box-shadow:0 0 0 3px rgba(59,205,185,.12)!important;
}
@media(hover:none),(pointer:coarse){
 html body.bux3-cargo #bux3 :is(.bu347-side-tip,.bu347-cursor-halo){display:none!important}
}
/* Saved search tabs: one row for route, one restrained metadata row. */
html body.bux3-cargo #bux3 .bux3-search-tabs{
 min-height:58px!important;height:58px!important;gap:8px!important;align-items:center!important;
 padding:2px 0!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 #bux3-search-tabs{
 display:flex!important;align-items:center!important;gap:8px!important;
 min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;
 scrollbar-width:thin!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab{
 display:flex!important;align-items:center!important;gap:4px!important;
 flex:0 0 208px!important;width:208px!important;max-width:208px!important;
 min-width:208px!important;height:49px!important;min-height:49px!important;
 padding:4px 6px!important;border:1px solid #cddfe3!important;border-radius:12px!important;
 background:linear-gradient(112deg,#fff,#f1f7f7)!important;
 color:#315a64!important;box-shadow:0 2px 7px rgba(9,55,62,.045)!important;
 transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease!important;
 transform:none!important;overflow:visible!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.is-active{
 border-color:#0aa786!important;
 background:linear-gradient(112deg,#077363,#099b87)!important;color:#fff!important;
 box-shadow:0 6px 16px rgba(6,130,101,.19)!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.has-fresh{
 outline:2px solid rgba(237,184,77,.5)!important;outline-offset:1px!important;
}
html body.bux3-cargo #bux3 .bux281-tab-select{
 flex:1 1 auto!important;min-width:0!important;
 display:flex!important;align-items:center!important;padding:4px 3px!important;
 border:0!important;background:transparent!important;color:inherit!important;
 text-align:left!important;box-shadow:none!important;
}
html body.bux3-cargo #bux3 .bux281-tab-select>span{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 min-width:0!important;gap:3px!important;
}
html body.bux3-cargo #bux3 .bux281-tab-select b{
 color:inherit!important;display:block!important;
 font:850 11px/1.25 system-ui,sans-serif!important;
 white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
 word-break:normal!important;max-height:28px!important;
}
html body.bux3-cargo #bux3 .bux281-tab-select small{
 color:#7b929b!important;display:block!important;
 font:680 9px/1.25 system-ui,sans-serif!important;
 overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.is-active .bux281-tab-select small{color:#c8f7eb!important}
html body.bux3-cargo #bux3 .bux281-tab-watch{
 flex:0 0 30px!important;width:30px!important;height:32px!important;min-width:30px!important;
 display:grid!important;place-items:center!important;position:relative!important;
 background:#e6efef!important;color:#829ea6!important;
 border:1px solid #d6e7e7!important;border-radius:9px!important;padding:4px!important;
}
html body.bux3-cargo #bux3 .bux281-tab-watch svg{
 display:block!important;width:18px!important;height:18px!important;
 fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body.bux3-cargo #bux3 .bux281-tab-watch[aria-pressed="true"]{
 background:linear-gradient(140deg,#fff1c8,#f8d991)!important;color:#875e1b!important;
 border-color:#e5bd65!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.is-active .bux281-tab-watch[aria-pressed="true"]{
 background:#e7ffe9!important;color:#056e5c!important;border-color:#8ff3d5!important;
}
html body.bux3-cargo #bux3 .bux281-tab-watch strong{
 position:absolute!important;right:-6px!important;top:-7px!important;
 display:grid!important;place-items:center!important;
 min-width:20px!important;height:19px!important;padding:0 4px!important;
 border:2px solid #fff!important;border-radius:999px!important;
 background:#f1ac42!important;color:#50350c!important;
 font:900 9px/1 system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;
}
html body.bux3-cargo #bux3 .bux281-tab-remove{
 flex:0 0 20px!important;width:20px!important;height:29px!important;
 display:grid!important;place-items:center!important;
 padding:0!important;border:0!important;border-radius:8px!important;
 background:transparent!important;color:#7a8f94!important;font:700 16px/1 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bux281-tab-remove:hover:not(:disabled){
 background:rgba(234,98,106,.13)!important;color:#d94f62!important;
}
html body.bux3-cargo #bux3 .bux281-tab-remove:disabled{
 opacity:.42!important;cursor:not-allowed!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.is-active .bux281-tab-remove{color:#e4fff7!important}
html body.bux3-cargo #bux3 .bux3-search-tab :is(button:focus-visible){
 outline:2px solid #f6cf68!important;outline-offset:1px!important;
}
html body.bux3-cargo #bux3 .bux3-tab-add{
 width:45px!important;min-width:45px!important;height:45px!important;align-self:center!important;
}
/* Results toolbar - native select drives the data, custom menu provides a consistent visual layer. */
html body.bux3-cargo #bux3 .bux3-results-head{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
 gap:11px!important;min-height:57px!important;padding:8px 12px!important;
 border-bottom:1px solid #d8e8e5!important;
 background:linear-gradient(115deg,#fff,#f3faf9 76%,#eff8f5)!important;
}
html body.bux3-cargo #bux3 .bux3-results-head>strong{
 display:inline-flex!important;align-items:baseline!important;gap:5px!important;
 flex:0 1 auto!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bux3-results-head>strong b{
 color:#067d6c!important;font-size:21px!important;font-variant-numeric:tabular-nums!important;
}
html body.bux3-cargo #bux3 .bux3-results-tools{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:1 1 auto!important;min-width:0!important;gap:8px!important;
}
html body.bux3-cargo #bux3 .bux3-results-head .bu338-demo-toggle{
 flex:0 0 auto!important;font-size:10px!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu338-sort-label{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body.bux3-cargo #bux3 .bu338-sort-label .bu347-native-sort{display:none!important}
html body.bux3-cargo #bux3 .bu347-sort-trigger{
 display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
 gap:9px!important;min-width:115px!important;max-width:176px!important;min-height:36px!important;
 padding:7px 10px!important;background:#fff!important;color:#1d5d65!important;
 border:1px solid #c5e2dd!important;border-radius:10px!important;
 font:830 11px/1.15 system-ui,sans-serif!important;cursor:pointer!important;
 box-shadow:0 2px 6px rgba(10,55,65,.04)!important;
}
html body.bux3-cargo #bux3 .bu347-sort-trigger svg{
 width:16px!important;height:16px!important;flex:0 0 16px!important;
 fill:none!important;stroke:currentColor!important;stroke-width:2!important;
}
html body.bux3-cargo #bux3 .bu347-sort-trigger:hover,
html body.bux3-cargo #bux3 .bu347-sort-trigger:focus-visible{
 border-color:#45b6a6!important;outline:2px solid rgba(18,183,161,.18)!important;
}
html body.bux3-cargo #bux3 .bu347-sort-menu[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu347-sort-menu{
 position:fixed!important;z-index:2147483587!important;
 display:flex!important;flex-direction:column!important;gap:4px!important;
 padding:7px!important;border:1px solid #b2ddd7!important;border-radius:13px!important;
 background:#fff!important;box-shadow:0 15px 40px rgba(0,35,48,.22)!important;
}
html body.bux3-cargo #bux3 .bu347-sort-menu button{
 width:100%!important;min-height:37px!important;text-align:left!important;
 padding:9px 11px!important;border:0!important;border-radius:8px!important;
 background:#fff!important;color:#365c66!important;cursor:pointer!important;
 font:800 11px/1.25 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu347-sort-menu button.is-selected,
html body.bux3-cargo #bux3 .bu347-sort-menu button:hover,
html body.bux3-cargo #bux3 .bu347-sort-menu button:focus-visible{
 background:#dcf8ef!important;color:#087a6c!important;outline:0!important;
}
html body.bux3-cargo #bux3 .bu338-view-group{
 flex:0 0 auto!important;gap:5px!important;
}
html body.bux3-cargo #bux3 .bu338-view-group>span{
 font:800 10px/1.15 system-ui,sans-serif!important;color:#67858b!important;
}
html body.bux3-cargo #bux3 .bux3-card{
 row-gap:5px!important;padding:9px 11px!important;margin-bottom:7px!important;
 border-radius:13px!important;
}
html body.bux3-cargo #bux3 .bux3-card .bux3-card-head{
 gap:6px!important;min-height:28px!important;
}
html body.bux3-cargo #bux3 .bux3-card .bux3-card-foot{
 min-height:20px!important;gap:5px!important;
 padding:4px 0 0!important;margin:0!important;
}
html body.bux3-cargo #bux3 .bux3-card .bux3-company{
 flex:1 1 auto!important;min-width:0!important;
}
html body.bux3-cargo #bux3 .bux3-card .bux3-card-foot:empty{display:none!important}
html body.bux3-cargo #bux3 .bu337-visit{
 border-radius:7px!important;padding:4px 7px!important;
 border:1px solid #d6e5e5!important;background:#eff5f6!important;color:#597985!important;
 font:850 9px/1.12 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-visit.is-new{
 color:#8c610d!important;background:#fff3cf!important;border-color:#ebc46e!important;
}
html body.bux3-cargo #bux3 .bux3-card.bu337-new{
 outline:2px solid rgba(226,176,70,.68)!important;outline-offset:-2px!important;
 border-color:#e1bd70!important;box-shadow:0 3px 18px rgba(208,160,49,.10)!important;
}
/* Unified fleet overlay: stable centered modal, visible selected vehicle. */
html body.bu346-fleet-open{overflow:hidden!important}
html body.bux3-cargo #bux3 .bu346-fleet-overlay{
 z-index:2147483605!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-dialog{
 width:min(1110px,calc(100vw - 28px))!important;height:min(88dvh,790px)!important;
 border-radius:20px!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-profile .bu347-fleet-empty{
 grid-column:1/-1!important;min-height:75px!important;display:grid!important;gap:8px!important;
 align-content:center!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions{
 position:sticky!important;bottom:0!important;z-index:9!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-actions button:focus-visible,
html body.bux3-cargo #bux3 .bu346-fleet-actions a:focus-visible{
 outline:2px solid #38bfaa!important;outline-offset:2px!important;
}
html body.bux3-cargo #bux3 .bu346-fleet-choices .bu346-fleet-choice.is-selected{
 background:linear-gradient(125deg,#dbf8f1,#edfff8)!important;
 border-color:#2bb49b!important;
 box-shadow:0 0 0 2px rgba(29,180,144,.14)!important;
}
/* Restore a subtle blended edge without masking arrow buttons. */
html body.bux3-cargo #bux3 .bu337-story:before{
 background:linear-gradient(90deg,rgba(5,49,66,.96) 0%,rgba(5,49,66,.06) 8%,transparent 18%,transparent 82%,rgba(5,49,66,.08) 92%,rgba(5,49,66,.96) 100%)!important;
 border-radius:inherit!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;gap:8px!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 flex:0 0 auto!important;width:auto!important;max-width:40%!important;
 font-size:13px!important;line-height:1.1!important;
 text-overflow:clip!important;overflow:hidden!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span{
 flex:0 1 auto!important;max-width:60%!important;width:auto!important;
 display:inline!important;min-width:0!important;
 font:650 11px/1.18 system-ui,sans-serif!important;
 white-space:nowrap!important;text-overflow:clip!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span:before{
 content:"│"!important;display:inline-block!important;margin-right:8px!important;
 color:#8ef0df!important;opacity:.76!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots{
 left:50%!important;bottom:2px!important;transform:translateX(-50%)!important;
 align-items:center!important;gap:5px!important;z-index:9!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots i{
 width:6px!important;height:3px!important;border-radius:5px!important;background:#8bbcb7!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots i.is-current{
 width:21px!important;background:#9bfae5!important;
}
html body.bux3-cargo #bux3 .bu345-timeline{
 left:47px!important;right:47px!important;top:2px!important;
 height:2px!important;z-index:7!important;
}
html body.bux3-cargo #bux3 .bu347-fleet-tools{min-width:0!important}
html body.bux3-cargo #bux3 .bux3-lang:not(.bu-one-language){
 position:relative!important;z-index:80!important;min-width:0!important;
}
html body.bux3-cargo #bux3 .bu337-lang-popup{
 z-index:2147483640!important;
 max-height:min(450px,calc(100dvh - 22px))!important;
 overscroll-behavior:contain!important;
}
html body.bux3-cargo #bux3 .bu337-lang-option{transition:background-color .13s ease!important}
/* Gold status toast: a small progress bar shows how long the message remains. */
html body.bux3-cargo #bux3 .bu338-toast{
 position:relative!important;overflow:hidden!important;
 background:linear-gradient(112deg,#fff9e8,#fff0c8)!important;
 border-color:#e2bb65!important;color:#6b4919!important;
 box-shadow:0 12px 35px rgba(85,61,25,.19)!important;
}
html body.bux3-cargo #bux3 .bu338-toast>span{color:#775220!important}
html body.bux3-cargo #bux3 .bu338-toast:before{
 content:""!important;position:absolute!important;left:0!important;top:0!important;
 width:100%!important;height:3px!important;background:linear-gradient(90deg,#d19a38,#f8d97c,#deb25a)!important;
 transform-origin:left!important;animation:bu347-toast-time 5.6s linear both!important;
 pointer-events:none!important;
}
@keyframes bu347-toast-time{from{transform:scaleX(1)}to{transform:scaleX(0)}}
html body.bux3-cargo #bux3 .bu338-toast>button{
 background:#a7751d!important;border-color:#996915!important;color:#fff!important;
}
@media(max-width:1120px){
 html body.bux3-cargo #bux3 .bux3-results-head{gap:5px!important;padding:8px!important}
 html body.bux3-cargo #bux3 .bu338-view-group>span{display:none!important}
 html body.bux3-cargo #bux3 .bu337-story-copy>span{font-size:10px!important}
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bu337-story-copy{display:none!important}
 html body.bux3-cargo #bux3 .bux3-search-tab{flex-basis:193px!important;width:193px!important;min-width:193px!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu346-fleet-dialog{height:min(96dvh,820px)!important;width:100%!important;border-radius:16px!important}
 html body.bux3-cargo #bux3 .bux3-results-head{flex-wrap:wrap!important;row-gap:5px!important}
 html body.bux3-cargo #bux3 .bux3-results-tools{flex:1 1 100%!important;justify-content:space-between!important}
 html body.bux3-cargo #bux3 .bux3-search-tabs{height:58px!important}
 html body.bux3-cargo #bux3 .bux3-search-tab{flex-basis:184px!important;width:184px!important;min-width:184px!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu338-toast:before{animation:none!important;transform:scaleX(1)!important}
 html body.bux3-cargo #bux3 .bu347-cursor-halo{display:none!important}
 html body.bux3-cargo #bux3 .bux3-card{transition:none!important}
}


/* v363: Cargo and Vehicle now share Core v304's single body-portal language menu. */
html body.bux3-cargo #bux3 .bu347-fleet-choice-details{
 font-size:10px!important;font-weight:800!important;color:#087464!important;
}
html body.bux3-cargo #bux3 .bu347-fleet-refresh:disabled{opacity:.55!important;cursor:wait!important}
/* Cursor is an accent, not a JS pointer tracker; retain native pointer fallback. */
@media(hover:hover) and (pointer:fine){
 html body.bux3-cargo #bux3 :is(button,a,select,[role="button"]){
  cursor:pointer;
 }
 html body.bux3-cargo #bux3 :is(input,textarea){cursor:text}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu338-toast,
 html body.bux3-cargo #bux3 .bu338-location-dialog{transition:none!important;animation:none!important}
}