/* Berza Cargo Master v330 — responsive operational workspace */
html body.bux3-cargo #bux3 .bux3-ticker{
 display:grid!important;visibility:visible!important;opacity:1!important;
 background:linear-gradient(108deg,#032e43,#08616a 54%,#078478)!important;
 color:#f1fffb!important;border-color:rgba(255,255,255,.15)!important;
}
html body.bux3-cargo #bux3 .bux3-ticker :is(b,span){
 color:#e9fff9!important;opacity:1!important;visibility:visible!important;
}
html body.bux3-cargo #bux3 .bux3-ticker-track{background:transparent!important}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
html body.bux3-cargo #bux3 .bux3-side{
 background-size:200% 200%!important;
 background-image:linear-gradient(120deg,#052e49,#05606d,#079487,#064055)!important;
 animation:bu330-gradient-drift 28s ease-in-out infinite alternate!important;
}
@keyframes bu330-gradient-drift{0%{background-position:0% 48%}100%{background-position:100% 52%}}
html body.bux3-cargo #bux3 .bux3-side :is(a,button):hover,
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header) :is(a,button):hover{
 background-image:linear-gradient(115deg,rgba(24,199,165,.2),rgba(69,136,227,.21))!important;
 border-color:rgba(135,236,214,.4)!important;
}
html body.bux3-cargo #bux3 .bux3-card-head{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;min-width:0!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-badge{
 flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-price{
 font-size:clamp(12px,1vw,16px)!important;font-weight:950!important;
 margin:0 2px 0 auto!important;flex:0 0 auto!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu330-msg-btn{
 flex:0 0 30px!important;display:grid!important;place-items:center!important;
 width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;
 padding:5px!important;border:1px solid #c9e3df!important;border-radius:9px!important;
 color:#0c7f75!important;background:linear-gradient(145deg,#f1fcf9,#eaf6fa)!important;
 cursor:pointer!important;transition:background .16s ease,transform .16s ease,border-color .16s ease!important;
}
html body.bux3-cargo #bux3 .bu330-msg-btn:hover{
 border-color:#53bfa9!important;background:#dbf7eb!important;transform:translateY(-1px)!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-save{
 flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;
 margin:0!important;
}
html body.bux3-cargo #bux3 .bux3-card-foot{
 display:flex!important;gap:5px!important;align-items:center!important;justify-content:space-between!important;
 min-width:0!important;
}
html body.bux3-cargo #bux3 .bux3-card-foot .bux3-company{flex:1 1 auto!important;min-width:0!important;max-width:unset!important}
html body.bux3-cargo #bux3 .bux3-card-foot .bux3-details{flex:0 0 auto!important;margin:0!important}
html body.bux3-cargo #bux3 .bux3-stop em.bu330-stop-meta{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-start!important;min-width:0!important;white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;line-height:1.25!important;
}
html body.bux3-cargo #bux3 .bux3-stop em .bu330-coords{
 display:block!important;max-width:100%!important;min-width:0!important;
 font-size:8px!important;color:#63838c!important;letter-spacing:.005em!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu330-detail-geos{
 display:grid!important;gap:5px!important;padding:10px 12px!important;
 border:1px solid #d7e9e8!important;border-radius:11px!important;
 background:#f1faf8!important;color:#396778!important;
 font:750 11px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu330-detail-geos span{
 overflow-wrap:anywhere!important;
}
html body.bux3-cargo #bux3 .bu330-detail-message{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 margin-top:9px!important;min-height:35px!important;padding:7px 13px!important;
 border:1px solid #93d3c6!important;border-radius:10px!important;
 background:#e3f8f1!important;color:#087767!important;font:850 11px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bux3-overlay.bu330-drawer:not([hidden]){
 display:flex!important;justify-content:flex-end!important;align-items:stretch!important;
 padding:0!important;position:fixed!important;inset:0!important;
 background:rgba(1,22,36,.53)!important;z-index:2147483600!important;
 backdrop-filter:blur(3px)!important;
}
html body.bux3-cargo #bux3 .bu330-drawer>.bux3-modal{
 position:relative!important;inset:auto!important;flex:0 0 auto!important;display:flex!important;
 flex-direction:column!important;width:min(470px,100vw)!important;max-width:100vw!important;
 height:100dvh!important;max-height:100dvh!important;min-height:0!important;
 margin:0!important;border:0!important;border-left:1px solid #c6deda!important;
 border-radius:18px 0 0 18px!important;background:#fff!important;
 box-shadow:-16px 0 55px rgba(0,29,47,.2)!important;overflow:hidden!important;
 animation:bu330-drawer-in .26s cubic-bezier(.2,.7,.3,1) both!important;
}
@keyframes bu330-drawer-in{
 from{transform:translateX(100%);opacity:.8}to{transform:translateX(0);opacity:1}
}
html body.bux3-cargo #bux3 .bu330-drawer .bux3-modal-head{
 flex:0 0 auto!important;min-height:77px!important;padding:15px 19px!important;
 background:linear-gradient(112deg,#04364e,#08766d)!important;color:#fff!important;
}
html body.bux3-cargo #bux3 .bu330-drawer .bux3-modal-head b{font-size:18px!important;color:#fff!important}
html body.bux3-cargo #bux3 .bu330-drawer .bux3-x{
 flex:0 0 40px!important;width:40px!important;height:40px!important;
 border-radius:11px!important;background:rgba(255,255,255,.14)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;
}
html body.bux3-cargo #bux3 .bu330-drawer-kicker{
 display:block!important;letter-spacing:.12em!important;font-size:9px!important;color:#83e6d5!important;
}
html body.bux3-cargo #bux3 .bu330-drawer .bux3-messages-body,
html body.bux3-cargo #bux3 .bu330-drawer .bux3-apps{
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior:contain!important;
}
html body.bux3-cargo #bux3 .bu330-inbox-search{
 position:sticky!important;top:0!important;z-index:3!important;display:grid!important;
 gap:8px!important;padding:15px!important;background:#f8fcfb!important;
 border-bottom:1px solid #e0ebed!important;
}
html body.bux3-cargo #bux3 .bu330-inbox-search>label{
 display:grid!important;gap:7px!important;min-width:0!important;
 color:#355b66!important;font:850 11px/1.25 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu330-inbox-search input{
 width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;
 padding:10px 13px!important;border:1px solid #c7dfe0!important;
 border-radius:12px!important;background:#fff!important;color:#153e4c!important;font-size:14px!important;
}
html body.bux3-cargo #bux3 .bu330-message-context{
 border:1px solid #d5e9e4!important;border-radius:10px!important;padding:10px 12px!important;
 background:#eaf8f2!important;color:#146961!important;font:750 11px/1.45 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu330-filter-empty{font-size:11px!important;color:#627c86!important}
html body.bux3-cargo #bux3 .bu330-app-drawer .bux3-apps{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;
 padding:16px!important;gap:14px!important;
}
html body.bux3-cargo #bux3 .bu330-app-drawer .bu330-app-card{
 display:grid!important;grid-template-columns:55px minmax(0,1fr)!important;grid-auto-rows:auto!important;
 gap:9px!important;padding:17px!important;min-width:0!important;
 border:1px solid #d7e7e6!important;border-radius:17px!important;
 background:linear-gradient(145deg,#fff,#f0faf8)!important;
 box-shadow:0 4px 16px rgba(5,65,69,.055)!important;
}
html body.bux3-cargo #bux3 .bu330-app-drawer .bu330-app-card>b{font-size:15px!important;overflow-wrap:anywhere!important}
html body.bux3-cargo #bux3 .bu330-app-drawer .bu330-app-card>p{
 grid-column:1/-1!important;line-height:1.55!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 .bu330-app-drawer .bu330-app-card .bu330-app-action{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 grid-column:1/-1!important;width:100%!important;min-height:39px!important;
 padding:8px 12px!important;border-radius:10px!important;
 border:1px solid #a9d7d1!important;background:#e4f7f2!important;
 color:#086f66!important;font:850 11px/1.2 system-ui,sans-serif!important;text-decoration:none!important;
}
html body.bux3-cargo #bux3 .bu330-app-drawer .bu330-app-card .bu330-app-action:hover{
 background:#d2f2e5!important;border-color:#62c1a9!important;
}
@media(min-width:701px){
 html body.bux3-cargo #bux3 .bux3-card .bux3-route{
  min-height:67px!important;height:67px!important;align-items:stretch!important;
 }
 html body.bux3-cargo #bux3 .bux3-card .bux3-stop{
  min-height:67px!important;height:67px!important;
  grid-template-rows:11px 18px 23px!important;
 }
 html body.bux3-cargo #bux3 .bux3-card-head .bux3-age{display:none!important}
 html body.bux3-cargo #bux3 .bux3-dock{
  display:flex!important;flex-direction:column!important;min-height:0!important;
 }
 html body.bux3-cargo #bux3 .bux3-dock>.bux3-pane.is-active{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:0!important;overflow:hidden!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active{
  display:flex!important;flex-direction:column!important;min-height:0!important;
  overflow:hidden!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu316-modes{
  flex:0 0 auto!important;min-height:0!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bux3-ai-drop-body{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:0!important;height:auto!important;overflow:hidden!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu315-chat-status{
  min-height:28px!important;flex:0 0 28px!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active #bux3-ai-log{
  display:block!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;padding:10px!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bux3-ai-suggest{
  flex:0 0 auto!important;max-height:84px!important;min-height:0!important;overflow-y:auto!important;padding:7px!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active #bux3-ai-form{
  flex:0 0 auto!important;min-height:62px!important;padding:8px!important;
  background:#fff!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu315-intro{
  padding:10px!important;margin:0 0 7px!important;font-size:11px!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu315-intro p{margin:3px 0!important}
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu315-prompts{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
 }
 html body.bux3-cargo #bux3 #bux3-ai-drop.is-active .bu315-prompts button{
  min-height:29px!important;padding:5px 7px!important;font-size:10px!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock [data-pane-body="fleet"].is-active .bux3-fleet-body{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
 }
 html body.bux3-cargo #bux3 #bux3-dock [data-pane-body="map"].is-active .bux3-map-wrap{
  flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
 }
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bux3-card-head .bux3-price{
  margin-left:auto!important;font-size:14px!important;
 }
 html body.bux3-cargo #bux3 .bux3-stop em.bu330-stop-meta{
  font-size:8px!important;line-height:1.2!important;
 }
 html body.bux3-cargo #bux3 .bux3-card .bux3-stop{
  min-height:73px!important;height:73px!important;
 }
 html body.bux3-cargo #bux3 .bux3-card .bux3-route{min-height:73px!important}
 html body.bux3-cargo #bux3 .bu330-drawer>.bux3-modal{
  width:100vw!important;max-width:100vw!important;border-radius:0!important;border-left:0!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-dock{
  height:calc(var(--bu317-visual-height,100dvh) - 60px)!important;
  max-height:calc(var(--bu317-visual-height,100dvh) - 60px)!important;
  min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active{
  display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important;
  overflow:hidden!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active .bux3-ai-drop-body{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;
  height:auto!important;overflow:hidden!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active #bux3-ai-log{
  display:block!important;flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;max-height:none!important;padding:9px!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active .bu315-intro{
  margin:0 0 8px!important;padding:9px!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active .bux3-ai-suggest{
  min-height:0!important;max-height:65px!important;flex:0 0 auto!important;overflow-y:auto!important;
 }
 html body.bux3-cargo #bux3.bu317-ai-mobile #bux3-ai-drop.is-active #bux3-ai-form{
  flex:0 0 auto!important;padding:8px!important;min-height:56px!important;
 }
}
/* v330 detail footer — contact stays left, full listing center, save on the far right. */
html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-wrap:wrap!important;gap:8px!important;min-width:0!important;
}
html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer .bu330-footer-message{
 order:0!important;min-height:41px!important;padding:9px 13px!important;
 border-radius:11px!important;border:1px solid #88d3c5!important;
 background:linear-gradient(120deg,#dff8ee,#e6f6fc)!important;color:#087467!important;
 font:850 12px/1.25 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer .bu315-full{
 order:1!important;margin-right:0!important;
}
html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer .bu315-save{
 order:2!important;margin-left:auto!important;
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer{
  padding:9px 12px!important;gap:6px!important;
 }
 html body.bux3-cargo #bux3 #bu315-detail .bu315-detail-footer :is(.bu330-footer-message,.bu315-full,.bu315-save){
  min-height:39px!important;padding:8px 10px!important;font-size:10px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bu330-drawer>.bux3-modal{animation:none!important}
 html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
 html body.bux3-cargo #bux3 .bux3-side{animation:none!important}
}