/* Berza v333 Vehicles — functional and visual parity with Cargo */

/* v353 Vehicle desk — same hierarchy as the cargo board, adapted to available trucks. */
html body #bux3[data-kind="truck"] .bux3-results-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:57px!important;gap:11px!important;padding:9px 13px!important;
 background:linear-gradient(115deg,#fff,#f1f9f7)!important;border-bottom:1px solid #d5e8e5!important;
}
html body #bux3[data-kind="truck"] .bux3-results-head>strong{
 flex:0 0 auto!important;display:flex!important;align-items:baseline!important;gap:6px!important;
 font-size:13px!important;color:#174958!important;
}
html body #bux3[data-kind="truck"] .bux3-results-head>strong b{
 color:#087e6b!important;font-size:20px!important;font-variant-numeric:tabular-nums!important;
}
html body #bux3[data-kind="truck"] .bux3-results-tools{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:1 1 auto!important;gap:8px!important;min-width:0!important;
}
html body #bux3[data-kind="truck"] .bux3-search-tabs{
 display:flex!important;align-items:center!important;min-height:57px!important;
 gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
 scrollbar-width:thin!important;
}
html body #bux3[data-kind="truck"] .bux3-search-tab{
 flex:0 0 205px!important;max-width:205px!important;min-height:48px!important;
 display:flex!important;gap:5px!important;align-items:center!important;
 padding:5px 7px!important;background:#fff!important;
 border:1px solid #cfe5e1!important;border-radius:12px!important;
 box-shadow:0 3px 12px rgba(15,57,70,.05)!important;
}
html body #bux3[data-kind="truck"] .bux3-search-tab.is-active{
 background:linear-gradient(115deg,#07776d,#0a9c86)!important;
 color:#fff!important;border-color:#0a9c86!important;
 box-shadow:0 7px 16px rgba(12,131,102,.16)!important;
}
html body #bux3[data-kind="truck"] .bux281-tab-select{
 min-width:0!important;flex:1 1 auto!important;border:0!important;
 background:transparent!important;text-align:left!important;
}
html body #bux3[data-kind="truck"] .bux281-tab-select>span{
 display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;
}
html body #bux3[data-kind="truck"] .bux281-tab-select b{
 white-space:normal!important;max-height:30px!important;overflow:hidden!important;
 font:850 11px/1.28 system-ui,sans-serif!important;color:inherit!important;
}
html body #bux3[data-kind="truck"] .bux281-tab-select small{
 font:680 9px/1.2 system-ui,sans-serif!important;white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important;color:#5c7c85!important;
}
html body #bux3[data-kind="truck"] .bux3-search-tab.is-active .bux281-tab-select small{color:#d5faef!important}
html body #bux3[data-kind="truck"] :is(.bux3-quick,.bux3-results){
 border-radius:15px!important;border-color:#d0e5e0!important;
}
html body #bux3[data-kind="truck"] .bux3-quick{
 background:linear-gradient(170deg,#fff,#f7fbfa)!important;
}
html body #bux3[data-kind="truck"] .bux3-quick :is(input,select,button){
 min-height:40px!important;border-radius:10px!important;
}
html body #bux3[data-kind="truck"] .bux3-quick :is(input,select,button):focus-visible{
 outline:2px solid #12af98!important;outline-offset:1px!important;
}
html body #bux3[data-kind="truck"] .bux3-card{
 display:flex!important;flex-direction:column!important;gap:6px!important;
 padding:10px 12px!important;border-radius:13px!important;
 border:1px solid #cfe3df!important;
 background:linear-gradient(158deg,#fff,#f8fcfc)!important;
 box-shadow:0 4px 17px rgba(8,53,66,.055)!important;
}
html body #bux3[data-kind="truck"] .bux3-card:hover,
html body #bux3[data-kind="truck"] .bux3-card:focus-within{
 border-color:#71cbb9!important;box-shadow:0 8px 20px rgba(9,72,80,.1)!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head{
 min-height:31px!important;gap:7px!important;
}
html body #bux3[data-kind="truck"] .bux3-card-foot{
 flex:0 0 auto!important;min-height:31px!important;padding-top:5px!important;
 border-top:1px solid #e4efed!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-details{
 min-height:30px!important;padding:6px 11px!important;border-radius:9px!important;
 background:linear-gradient(115deg,#0d8a79,#087563)!important;
 color:#fff!important;border-color:transparent!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-details:hover,
html body #bux3[data-kind="truck"] .bux3-card .bux3-details:focus-visible{
 background:#075c56!important;outline:2px solid rgba(29,182,149,.24)!important;
}
html body #bux3[data-kind="truck"] .bu333-coordinates{
 font-variant-numeric:tabular-nums!important;
}
/* Messages and Apps now use the shared modal surface. */
@media(max-width:700px){
 html body #bux3[data-kind="truck"] .bux3-search-tab{flex-basis:183px!important;max-width:183px!important}
 html body #bux3[data-kind="truck"] .bux3-results-head{flex-wrap:wrap!important;gap:5px!important;padding:8px!important}
 html body #bux3[data-kind="truck"] .bux3-results-tools{flex:1 1 100%!important;justify-content:space-between!important}
 html body #bux3[data-kind="truck"] .bux3-card{padding:9px!important}
 html body #bux3[data-kind="truck"] .bux3-quick :is(input,select,button){min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){
 html body #bux3[data-kind="truck"] .bux3-card{transition:none!important}
}

html body #bux3[data-kind="truck"] .bux3-card-head{
 display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head .bux3-badge{
 flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head .bux3-price{
 flex:0 0 auto!important;margin:0 2px 0 auto!important;font-size:clamp(12px,1vw,16px)!important;white-space:nowrap!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head .bux3-age{display:none!important}
html body #bux3[data-kind="truck"] .bux3-card-head .bu333-msg{
 display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;
 height:30px!important;min-height:30px!important;flex:0 0 30px!important;
 padding:5px!important;border:1px solid #bfe0d9!important;border-radius:9px!important;
 background:linear-gradient(145deg,#f0fbf8,#e9f5fc)!important;color:#0d7a74!important;cursor:pointer!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head .bu333-msg:hover:not(:disabled){
 background:#d8f5e9!important;border-color:#70c6b5!important;
}
html body #bux3[data-kind="truck"] .bux3-card-head .bu333-msg:disabled{
 opacity:.45!important;cursor:not-allowed!important;
}
html body #bux3[data-kind="truck"] .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[data-kind="truck"] .bux3-stop em.bu333-location-meta{
 display:flex!important;flex-direction:column!important;gap:2px!important;
 min-width:0!important;overflow:hidden!important;line-height:1.25!important;
}
html body #bux3[data-kind="truck"] .bux3-stop .bu333-coordinates{
 color:#5d7b85!important;font-size:8px!important;line-height:1.2!important;
 max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #bux3[data-kind="truck"] .bux3-card-foot{
 display:flex!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;
}
html body #bux3[data-kind="truck"] .bux3-card-foot .bux3-details{
 flex:0 0 auto!important;margin-left:auto!important;
}
/* v360: removed retired vehicle-only side dialog; shared overlay controls Messages and Apps. */
html body #bux3[data-kind="truck"] .bu333-inbox-filter{
 display:grid!important;gap:7px!important;
 position:sticky!important;top:0!important;z-index:3!important;
 background:#f5fcfa!important;border-bottom:1px solid #deebeb!important;
 padding:12px!important;font:850 11px/1.3 system-ui,sans-serif!important;color:#416573!important;
}
html body #bux3[data-kind="truck"] .bu333-inbox-filter input{
 height:44px!important;min-height:44px!important;min-width:0!important;
 border:1px solid #c4dede!important;background:#fff!important;
 border-radius:11px!important;padding:8px 11px!important;font-size:13px!important;
}
@media(min-width:701px){
 html body #bux3[data-kind="truck"] #bux3-dock{display:flex!important;flex-direction:column!important;min-height:0!important}
 html body #bux3[data-kind="truck"] #bux3-dock>.bux3-pane.is-active{
  display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;
 }
 html body #bux3[data-kind="truck"] #bux3-dock>#bux3-ai-drop.is-active{
  display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;
 }
 html body #bux3[data-kind="truck"] #bux3-dock #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;overflow:hidden!important;
 }
 html body #bux3[data-kind="truck"] #bux3-ai-drop.is-active #bux3-ai-log{
  min-height:0!important;flex:1 1 auto!important;max-height:none!important;overflow-y:auto!important;
 }
 html body #bux3[data-kind="truck"] #bux3-ai-drop.is-active #bux3-ai-form{
  flex:0 0 auto!important;min-height:60px!important;padding:8px!important;
 }
}
@media(max-width:700px){
 html body #bux3[data-kind="truck"] .bux3-card-head .bux3-price{font-size:13px!important}
 html body #bux3[data-kind="truck"] .bux3-stop .bu333-coordinates{font-size:8px!important}

 html body #bux3[data-kind="truck"].bu317-ai-mobile #bux3-ai-drop.is-active #bux3-ai-log{
  min-height:0!important;overflow-y:auto!important;flex:1 1 auto!important;
 }
}
@media(prefers-reduced-motion:reduce){

}

/* v354: vehicle-specific filters. Vehicle position is not loading; preferred countries are not unloading. */
html body #bux3[data-kind="truck"] .bux3-quick .bux3-qfield.from,
html body #bux3[data-kind="truck"] .bux3-quick .bux3-qfield.to{
 min-width:0!important;border-radius:11px!important;
}
html body #bux3[data-kind="truck"] .bux3-quick #bux3-to,
html body #bux3[data-kind="truck"] .bux3-quick #bux3-from{
 min-width:0!important;font-size:12px!important;
}
html body #bux3[data-kind="truck"] .bux3-quick #bux3-to::placeholder{color:#638994!important}
html body #bux3[data-kind="truck"] .bux3-qdate-trigger[data-date-target="unload"],
html body #bux3[data-kind="truck"] .bux3-quick #bux3-unload-date{
 display:none!important;
}
html body #bux3[data-kind="truck"] .bux3-filter-grid .bu354-countries-section .bux3-date-range,
html body #bux3[data-kind="truck"] .bux3-filter-grid .bu354-countries-section>.bux3-range-hint{
 display:none!important;
}
html body #bux3[data-kind="truck"] .bux3-filter-grid .bu354-countries-section{
 border:1px solid #cde7e3!important;border-radius:14px!important;
 background:linear-gradient(160deg,#fff,#f4faf9)!important;
}
html body #bux3[data-kind="truck"] .bux3-filter-grid .bu354-countries-section>header{
 padding-bottom:7px!important;
}
html body #bux3[data-kind="truck"] .bu354-country-helper{
 display:flex!important;flex-direction:column!important;gap:8px!important;
 padding:3px 8px 12px!important;
}
html body #bux3[data-kind="truck"] .bu354-country-helper p{
 margin:0!important;color:#5e7c87!important;font:700 11px/1.5 system-ui,sans-serif!important;
}
html body #bux3[data-kind="truck"] .bu354-country-chips{
 display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;
}
html body #bux3[data-kind="truck"] .bu354-country-presets{
 display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;
 margin-top:4px!important;padding-top:7px!important;border-top:1px solid #d8e9e5!important;
}
html body #bux3[data-kind="truck"] .bu354-country-presets button{
 min-width:37px!important;min-height:29px!important;display:grid!important;place-items:center!important;
 padding:6px 8px!important;border-radius:8px!important;cursor:pointer!important;
 background:#fff!important;color:#47717b!important;border:1px solid #d1e3e1!important;
 font:850 10px/1.1 system-ui,sans-serif!important;
}
html body #bux3[data-kind="truck"] .bu354-country-presets button[aria-pressed="true"]{
 background:#086e66!important;color:#fff!important;border-color:#0b9d87!important;
}
html body #bux3[data-kind="truck"] .bu354-country-presets button:hover,
html body #bux3[data-kind="truck"] .bu354-country-presets button:focus-visible{
 outline:2px solid rgba(21,189,152,.3)!important;outline-offset:1px!important;
 border-color:#35bca3!important;
}
html body #bux3[data-kind="truck"] .bu354-country-chips span{
 display:inline-flex!important;max-width:100%!important;align-items:center!important;
 padding:5px 9px!important;border-radius:8px!important;
 border:1px solid #b9ded6!important;background:#e3f7f0!important;
 color:#086c63!important;font:850 10px/1.15 system-ui,sans-serif!important;
 overflow-wrap:anywhere!important;
}
html body #bux3[data-kind="truck"] .bux3-filter-more-grid label:has(> #f-price-min),
html body #bux3[data-kind="truck"] .bux3-filter-more-grid label:has(> #f-price-max),
html body #bux3[data-kind="truck"] .bux3-filter-more-grid label:has(> #f-load-type){
 display:none!important;
}
html body #bux3[data-kind="truck"] .bux3-filter-grid .bux3-filter-more{
 border-radius:14px!important;
}
html body #bux3[data-kind="truck"] .bux3-route .bux3-stop.to strong{
 max-width:100%!important;overflow-wrap:anywhere!important;
 white-space:normal!important;line-height:1.25!important;
}
html body #bux3[data-kind="truck"] .bux3-route .bux3-stop.to small{
 font-size:10px!important;line-height:1.25!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-specs{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:6px!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-spec{
 min-width:0!important;max-width:100%!important;
 padding:7px 8px!important;border-radius:9px!important;
 background:#f1f8f7!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-spec b{
 color:#164a56!important;font-weight:850!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html body #bux3[data-kind="truck"] .bux3-card .bux3-spec small{
 display:block!important;white-space:normal!important;
 color:#63828a!important;font:770 9px/1.2 system-ui,sans-serif!important;
}
@media(max-width:1200px){
 html body #bux3[data-kind="truck"] .bux3-card .bux3-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 html body #bux3[data-kind="truck"] .bux3-card .bux3-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #bux3[data-kind="truck"] .bu354-country-helper{padding:5px 5px 10px!important}
}