/* Native booking board and task-focused card loops. Theme tokens only; no extra runtime. */
.ui-hero,.ui-mini,.ui-ltl-preview{--ui-accent:#ad91ff;--ui-wash:color-mix(in srgb,var(--accent) 11%,var(--surface));--ui-rule:color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink);font:400 13px/1.4 var(--font-body);text-align:left}
:root[data-theme=light] .ui-hero,:root[data-theme=light] .ui-mini{--ui-accent:#6533e6}
:root[data-theme=light] .ui-hero{--muted:color-mix(in srgb,var(--ink) 68%,var(--canvas))}
.ui-hero *,.ui-mini *,.ui-ltl-preview *{box-sizing:border-box}
.ui-hero strong,.ui-mini strong{font-weight:500}
.ui-hero small,.ui-mini small{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.ui-hero .icon,.ui-mini .icon{width:17px;height:17px}
.v2-board-frame:has(.ui-hero){height:auto;aspect-ratio:auto}
.ui-hero{position:relative;display:flex;width:100%;height:700px;flex-direction:column;overflow:hidden;background:var(--surface);scroll-margin-top:88px}
.ui-hero:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.ui-board{position:relative;display:flex;min-height:0;flex:1;flex-direction:column}
.ui-board-rail{display:flex;min-height:46px;align-items:center;padding:0 22px;border-bottom:1px solid var(--ui-rule)}
.ui-board-rail span{position:relative;padding:14px 1px;color:var(--muted);font-size:12px;line-height:16px;white-space:nowrap}
.ui-board-rail [data-ui-done]{color:color-mix(in srgb,var(--ink) 72%,var(--muted))}
.ui-board-rail [aria-current]{color:var(--ink);font-weight:500}
.ui-board-rail [aria-current]::after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ui-accent);transform:scaleX(1);transform-origin:left center}
.ui-board-rail i{width:6px;height:6px;flex:none;margin:0 8px;border-top:1.5px solid color-mix(in srgb,var(--muted) 75%,transparent);border-right:1.5px solid color-mix(in srgb,var(--muted) 75%,transparent);transform:rotate(45deg)}
.ui-board-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:0;padding:0}
.ui-board-main{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;padding:18px 18px 14px}
.ui-stage{display:none;min-height:0;flex:1;flex-direction:column;justify-content:flex-start;overflow:hidden}
.ui-hero[data-ui-step="0"] .ui-stage-stops,.ui-hero[data-ui-step="1"] .ui-stage-equipment,.ui-hero[data-ui-step="2"] .ui-stage-timing,.ui-hero[data-ui-step="3"] .ui-stage-freight,.ui-hero[data-ui-step="4"] .ui-stage-rates,.ui-hero[data-ui-step="5"] .ui-stage-book{display:flex}
.ui-work-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.ui-work-head h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:32px}
.ui-work-actions{display:flex;gap:8px}
.ui-work-actions span{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--ui-rule);border-radius:999px;color:var(--muted);font-size:11px;line-height:18px;white-space:nowrap}
.ui-work-actions .icon{width:14px;height:14px}
.ui-board-back{display:inline-flex;align-items:center;gap:5px;flex:none;margin-right:12px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;line-height:18px}
.ui-board-back .icon{width:13px;height:13px}
.ui-work-help{max-width:440px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:20px}
.ui-stage-stops .ui-work-head h2{font-weight:600;line-height:32px}
.ui-stage-stops .ui-work-help{margin-bottom:20px;line-height:20px}
.ui-zip-list{display:grid;max-width:none;gap:28px;padding:0}
.ui-zip-stop{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.ui-stop-pickup::before{content:'';position:absolute;top:42px;bottom:-71px;left:21px;width:2px;border-radius:2px;background:var(--line)}
.ui-stop-num{position:relative;display:grid;justify-self:center;width:28px;height:28px;margin-top:14px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);font-size:12px;font-weight:600}
.ui-stop-pickup .ui-stop-num{border-color:var(--accent);background:var(--accent);color:#fff}
.ui-stop-delivery .ui-stop-num{margin-top:43px}
.ui-stop-card{min-height:120px;padding:14px;border:1px solid var(--ui-rule);border-radius:14px;background:var(--canvas)}
.ui-stop-label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:500;line-height:16px}
.ui-stop-details{min-width:0}
.ui-zip-card{position:relative;display:flex;height:36px;align-items:center;padding:7px 8px;border:1px solid var(--ui-rule);border-radius:6px;background:var(--canvas)}
.ui-zip-card strong{min-height:20px;font-size:14px;font-weight:400;line-height:20px;font-variant-numeric:tabular-nums}
.ui-stop-placeholder{position:absolute;right:8px;left:8px;display:none;overflow:hidden;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.ui-stop-place{display:flex;min-height:24px;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:12px;line-height:20px}
.ui-zip-city{color:var(--ink);font-size:16px;font-weight:500;line-height:24px}
.ui-zip-edit{text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.ui-stop-swap{position:absolute;z-index:1;bottom:-14px;left:0;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--ui-rule);border-radius:8px;background:var(--surface);color:var(--ink);transform:translateY(50%)}
.ui-stop-swap .icon{width:14px;height:14px}
.ui-add-stop{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;margin:16px 0 0 56px;border:1px dashed var(--line);border-radius:8px;color:var(--ink);font-size:12px;font-weight:500}
.ui-add-stop .icon{width:14px;height:14px}
.ui-booking-note{margin:0;padding:4px 0 12px;color:var(--muted);font-size:11px;line-height:16px}
.ui-next{gap:6px}
.ui-next .icon{width:14px;height:14px}
.ui-field{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--ui-rule);border-radius:6px;background:var(--canvas)}
.ui-hero .ui-field{min-height:72px;margin-bottom:12px;padding:14px 16px}
.ui-field>span:nth-child(2){flex:1;min-width:0}
.ui-field strong{display:block;font-size:14px;line-height:22px}
.ui-hero .ui-field strong{min-height:22px;font-size:18px;line-height:24px}
.ui-field>.icon{width:15px;height:15px;color:var(--ui-accent)}
.ui-field-icon{display:grid;width:22px;flex-shrink:0;place-items:center;color:var(--muted)}
.ui-type{display:inline-block;max-width:14em;overflow:hidden;vertical-align:bottom;white-space:nowrap}
.ui-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ui-equip-card{min-width:0;overflow:hidden;border:1px solid var(--ui-rule);border-radius:12px;background:var(--surface);transition:none}
.ui-equip-photo{position:relative;width:100%;aspect-ratio:16/10;max-height:144px;overflow:hidden;border-bottom:1px solid var(--ui-rule)}
.ui-equip-card .ui-equip-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ui-equip-card .ui-equip-photo .ui-equip-photo-light{display:none}
:root[data-theme=light] .ui-equip-card .ui-equip-photo .ui-equip-photo-light{display:block}
:root[data-theme=light] .ui-equip-card .ui-equip-photo .ui-equip-photo-dark{display:none}
.ui-equip-card .ui-equip-radio-plate{position:absolute;top:8px;right:8px;display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid var(--ui-rule);border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #0002}
.ui-booking-radio{position:relative;display:block;width:16px;height:16px;flex:none;border:1.5px solid var(--muted);border-radius:50%}
.ui-equip-radio-plate .ui-booking-radio{width:18px;height:18px}
.ui-equip-card .ui-equip-copy{display:block;min-height:54px;padding:9px 10px}
.ui-equip-copy strong{display:block;font-size:13px;font-weight:600;line-height:16px}
.ui-equip-copy small{margin-top:3px;font-size:11px;line-height:16px}
.ui-equip-chosen{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
.ui-equip-chosen .ui-booking-radio{border-color:var(--ui-accent);background:var(--ui-accent)}
.ui-equip-chosen .ui-booking-radio::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--surface)}
[data-ui-live]:not([data-ui-equipment-ready]) .ui-equip-chosen{border-color:var(--ui-rule);box-shadow:none}
[data-ui-live]:not([data-ui-equipment-ready]) .ui-equip-chosen .ui-booking-radio{border-color:var(--muted);background:transparent}
[data-ui-live]:not([data-ui-equipment-ready]) .ui-equip-chosen .ui-booking-radio::after{opacity:0}
.ui-booking-field{position:relative;min-width:0}
.ui-booking-label{display:flex;min-height:16px;align-items:center;gap:6px;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:500;line-height:16px}
.ui-booking-label small{font-size:10px;font-weight:400;line-height:16px}
.ui-booking-input{display:flex;min-width:0;height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--ink);font-size:13px;line-height:18px}
:root[data-theme=light] .ui-booking-input{background:var(--canvas)}
.ui-booking-input>.icon{width:16px;height:16px;flex:none;color:var(--muted)}
.ui-booking-input>.chevron-icon{width:12px;height:12px;margin-left:auto}
.ui-field-hint{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:20px}
.ui-date-empty,.ui-pallet-empty,.ui-commodity-empty{display:none;color:var(--muted)}
.ui-date-value{white-space:nowrap}
[data-ui-live]:not([data-ui-date-ready]) .ui-date-value{display:none}
[data-ui-live]:not([data-ui-date-ready]) .ui-date-empty{display:inline}
.ui-pickup-planner{min-width:0;padding:14px;border:1px solid var(--ui-rule);border-radius:14px;background:var(--canvas)}
.ui-pickup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ui-pickup-navigation{display:flex;align-items:center;gap:6px;min-width:0}
.ui-pickup-navigation strong{font-size:12px;white-space:nowrap}
.ui-pickup-navigation i{display:grid;width:26px;height:28px;place-items:center;border:1px solid var(--ui-rule);border-radius:7px;background:var(--surface)}
.ui-pickup-navigation .icon{width:13px;height:13px}
.ui-pickup-toolbar .ui-date-control{height:32px;min-width:146px;padding-inline:8px;font-size:12px}
.ui-pickup-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.ui-pickup-day{display:flex;min-width:0;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 2px;border:1px solid var(--ui-rule);border-radius:9px;background:var(--surface)}
.ui-pickup-day strong{font-size:22px;line-height:28px}
.ui-pickup-day small{font-size:10px;line-height:14px}
.ui-pickup-day-chosen{border-color:var(--accent);background:var(--accent);color:#fff}
.ui-pickup-day-chosen small{color:inherit}
[data-ui-live]:not([data-ui-date-ready]) .ui-pickup-day-chosen{border-color:var(--ui-rule);background:var(--surface);color:var(--ink)}
.ui-pickup-window{margin-top:16px;padding-top:16px;border-top:1px solid var(--ui-rule)}
.ui-pickup-window-summary{display:flex;align-items:center;gap:6px}
.ui-pickup-window-summary>.icon{width:15px;height:15px;color:var(--muted)}
.ui-pickup-window-summary strong{font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.ui-pickup-window-summary>small{margin-left:auto;font-size:10px}
.ui-pickup-range{margin-top:12px}
.ui-pickup-axis{display:flex;justify-content:space-between;margin-inline:11px;color:var(--muted);font-size:10px;line-height:16px}
.ui-range-rail{position:relative;height:44px;margin-top:4px;border-radius:8px;background:var(--surface)}
.ui-range-track{position:absolute;inset:10px 11px;overflow:hidden;border:1px solid var(--ui-rule);border-radius:4px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--ui-rule) calc(25% - 1px),var(--ui-rule) 25%)}
.ui-range-band{position:absolute;inset-block:0;left:33.333%;right:50%;background:color-mix(in srgb,var(--accent) 44%,var(--surface))}
.ui-range-handle{position:absolute;z-index:1;top:12px;width:20px;height:20px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);transform:translateX(-50%)}
.ui-range-handle-start{left:calc(11px + (100% - 22px)*.33333)}
.ui-range-handle-end{left:calc(11px + (100% - 22px)*.5)}
.ui-hero:is([data-ui-phase="timing-window-start"],[data-ui-phase="timing-window-start-settled"]) .ui-range-handle-start,.ui-hero:is([data-ui-phase="timing-window-end"],[data-ui-phase="timing-window-end-settled"]) .ui-range-handle-end{box-shadow:0 0 0 1px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}
.ui-range-cursor-anchor{position:absolute;top:0;left:calc(11px + (100% - 22px)*var(--ui-range-anchor-factor));width:1px;height:44px;pointer-events:none}
.ui-range-cursor-anchor[data-ui-cursor="pickup-window-start"]{--ui-range-anchor-factor:.33333}
.ui-range-cursor-anchor[data-ui-cursor="pickup-start-drag"]{--ui-range-anchor-factor:.375}
.ui-range-cursor-anchor[data-ui-cursor="pickup-window-end"]{--ui-range-anchor-factor:.5}
.ui-range-cursor-anchor[data-ui-cursor="pickup-end-drag"]{--ui-range-anchor-factor:.58333}
.ui-range-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.ui-range-values>span>small{margin-bottom:6px;font-size:11px}
.ui-range-values .ui-booking-input{height:36px;justify-content:space-between;font-size:13px;font-variant-numeric:tabular-nums}
.ui-range-values .icon{width:14px;height:14px;color:var(--muted)}
.ui-hero:is([data-ui-phase="timing-window-start"],[data-ui-phase="timing-window-start-settled"]) .ui-range-values>span:first-child .ui-booking-input,.ui-hero:is([data-ui-phase="timing-window-end"],[data-ui-phase="timing-window-end-settled"]) .ui-range-values>span:last-child .ui-booking-input{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
.ui-hero:is([data-ui-phase="timing"],[data-ui-phase="timing-date"]) .ui-pickup-day-chosen{box-shadow:0 0 0 2px var(--canvas),0 0 0 3px var(--ui-accent)}
.ui-range-hint{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:16px}
.ui-pickup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.ui-pickup-presets>span{display:flex;min-height:32px;align-items:center;gap:5px;padding:6px;border:1px solid var(--ui-rule);border-radius:8px;font-size:10px;line-height:14px;white-space:nowrap}
.ui-pickup-presets i{width:11px;height:11px;flex:none;border:1px solid var(--line);border-radius:50%}
.ui-pickup-presets .ui-pickup-no-preference,.ui-pickup-presets .ui-preset-custom{grid-column:1/-1}
.ui-pickup-presets .ui-preset-initial,.ui-pickup-presets .ui-preset-custom{border-color:var(--ui-accent);background:var(--ui-wash)}
.ui-preset-initial i{background:var(--accent);border-color:var(--accent)}
.ui-pickup-presets .ui-preset-custom{display:none;min-height:32px;color:var(--ink)}
.ui-preset-custom .icon{width:13px;height:13px;color:var(--ui-accent)}
.ui-window-adjusting,.ui-window-custom,.ui-range-start-custom,.ui-range-end-custom{display:none}
.ui-hero[data-ui-window-start-ready] .ui-window-initial,.ui-hero[data-ui-window-start-ready] .ui-range-start-initial{display:none}
.ui-hero[data-ui-window-start-ready]:not([data-ui-window-end-ready]) .ui-window-adjusting,.ui-hero[data-ui-window-start-ready] .ui-range-start-custom{display:inline}
.ui-hero[data-ui-window-end-ready] .ui-window-custom,.ui-hero[data-ui-window-end-ready] .ui-range-end-custom{display:inline}
.ui-hero[data-ui-window-end-ready] .ui-range-end-initial{display:none}
.ui-hero[data-ui-window-start-ready] .ui-range-band{left:37.5%}
.ui-hero[data-ui-window-start-ready] .ui-range-handle-start{left:calc(11px + (100% - 22px)*.375)}
.ui-hero[data-ui-window-end-ready] .ui-range-band{right:41.667%}
.ui-hero[data-ui-window-end-ready] .ui-range-handle-end{left:calc(11px + (100% - 22px)*.58333)}
.ui-hero[data-ui-window-start-ready] .ui-preset-initial{border-color:var(--ui-rule);background:var(--canvas)}
.ui-hero[data-ui-window-start-ready] .ui-preset-initial i{background:transparent;border-color:var(--line)}
.ui-hero[data-ui-window-start-ready] .ui-preset-custom{display:flex}
.ui-hero[data-ui-live][data-ui-phase="timing-window-start"][data-ui-click-phase="0"] .ui-range-handle-start{animation:ui-range-start .65s cubic-bezier(.22,1,.36,1) both}
.ui-hero[data-ui-live][data-ui-phase="timing-window-start"][data-ui-click-phase="0"] .ui-range-band{animation:ui-range-band-start .65s cubic-bezier(.22,1,.36,1) both}
.ui-hero[data-ui-live][data-ui-phase="timing-window-end"][data-ui-click-phase="1"] .ui-range-handle-end{animation:ui-range-end .65s cubic-bezier(.22,1,.36,1) both}
.ui-hero[data-ui-live][data-ui-phase="timing-window-end"][data-ui-click-phase="1"] .ui-range-band{animation:ui-range-band-end .65s cubic-bezier(.22,1,.36,1) both}
@keyframes ui-range-start{from{left:calc(11px + (100% - 22px)*.33333)}to{left:calc(11px + (100% - 22px)*.375)}}
@keyframes ui-range-end{from{left:calc(11px + (100% - 22px)*.5)}to{left:calc(11px + (100% - 22px)*.58333)}}
@keyframes ui-range-band-start{from{left:33.333%}to{left:37.5%}}
@keyframes ui-range-band-end{from{right:50%}to{right:41.667%}}
.ui-booking-freight{display:grid;gap:8px}
.ui-pallet-heading,.ui-pallet-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ui-pallet-heading strong{font-size:14px;font-weight:600}
.ui-pallet-heading>span{color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}
.ui-pallet-matrix{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px}
.ui-pallet-matrix>.ui-booking-field{grid-column:span 2}
.ui-pallet-matrix>.ui-pallet-quantity,.ui-pallet-matrix>.ui-pallet-weight{grid-column:span 3}
.ui-pallet-input{justify-content:center;font-family:'Geist Mono',var(--font-body);font-variant-numeric:tabular-nums}
.ui-booking-freight>.ui-field-hint{margin-top:-2px}
.ui-pallet-footer>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}
.ui-pallet-footer .icon{width:13px;height:13px}
.ui-pallet-footer small{font-size:11px;white-space:nowrap}
.ui-stackable{display:flex;align-items:flex-start;gap:8px;margin-top:2px}
.ui-stackable>i{width:16px;height:16px;flex:none;margin-top:2px;border:1px solid var(--muted);border-radius:4px}
.ui-stackable strong{display:block;font-size:12px;font-weight:500;line-height:18px}
.ui-stackable small{display:block;margin-top:2px;font-size:11px}
.ui-freight-services{padding-top:8px;border-top:1px solid var(--ui-rule)}
.ui-freight-services>strong{display:block;font-size:13px;font-weight:500;line-height:18px}
.ui-service-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.ui-service-columns>div{display:flex;min-width:0;min-height:32px;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;border:1px solid var(--ui-rule);border-radius:6px;background:var(--canvas)}
.ui-service-side{color:var(--muted);font-size:11px;line-height:18px}
.ui-service-choice{display:flex;align-items:center;gap:6px;font-size:11px;line-height:18px;white-space:nowrap}
.ui-service-choice>i{display:block;width:12px;height:12px;flex:none;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
[data-ui-live]:not([data-ui-quantity-ready]) .ui-pallet-quantity .ui-pallet-value,[data-ui-live]:not([data-ui-weight-ready]) .ui-pallet-weight .ui-pallet-value,[data-ui-live]:not([data-ui-freight-ready]) .ui-commodity-value{display:none}
[data-ui-live]:not([data-ui-quantity-ready]) .ui-pallet-quantity .ui-pallet-empty,[data-ui-live]:not([data-ui-weight-ready]) .ui-pallet-weight .ui-pallet-empty,[data-ui-live]:not([data-ui-freight-ready]) .ui-commodity-empty{display:inline}
[data-ui-live]:not([data-ui-weight-ready]) .ui-pallet-footer small{visibility:hidden}
.ui-hero[data-ui-phase="freight"] .ui-pallet-quantity .ui-booking-input,.ui-hero[data-ui-phase="freight-weight"] .ui-pallet-weight .ui-booking-input,.ui-hero[data-ui-phase="freight-details"] .ui-commodity-field .ui-booking-input{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
.ui-hero[data-ui-phase="freight"] .ui-pallet-quantity .ui-pallet-empty,.ui-hero[data-ui-phase="freight-weight"] .ui-pallet-weight .ui-pallet-empty,.ui-hero[data-ui-phase="freight-details"] .ui-commodity-empty{display:none}
.ui-hero[data-ui-live][data-ui-phase="freight"] .ui-pallet-quantity .ui-pallet-value{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;animation:ui-quantity-entry .2s steps(1,end) .8s both}
.ui-hero[data-ui-live][data-ui-phase="freight-weight"] .ui-pallet-weight .ui-pallet-value{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;animation:ui-weight-entry .35s steps(4,end) .8s both}
.ui-hero[data-ui-live][data-ui-phase="freight-details"] .ui-commodity-value{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;animation:ui-commodity-entry .4s steps(16,end) .8s both}
.ui-booking-rates{margin-top:4px}
.ui-rates-count{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin:0 0 12px;font-size:12px;font-weight:500;line-height:18px}
.ui-rates-count small{font-size:11px;font-weight:400;line-height:16px}
.ui-rate-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ui-rate-search{display:flex;min-width:0;height:36px;flex:1;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;white-space:nowrap}
.ui-rate-search .icon{width:14px;height:14px}
.ui-rate-filters{display:flex;gap:8px;margin:12px 0}
.ui-rate-filters>span{display:flex;min-height:30px;align-items:center;padding:4px 10px;border:1px solid var(--ui-rule);border-radius:999px;color:var(--muted);font-size:11px}
.ui-rate-filters>span:first-child{border-color:var(--accent);background:var(--accent);color:#fff}
.ui-rate-sort{display:flex;align-items:center;gap:6px;flex:none}
.ui-rate-sort>span{display:flex;height:36px;align-items:center;gap:12px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;white-space:nowrap}
.ui-rate-sort .icon{width:13px;height:13px;color:var(--muted)}
.ui-rate-sort>small{font-size:10px}
.ui-hero-rates{overflow:hidden;border:1px solid var(--ui-rule);border-radius:14px;background:var(--canvas)}
.ui-rate-columns,.ui-hero .ui-hero-rate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) 54px 78px;align-items:center;gap:10px;padding:10px 12px}
.ui-rate-columns{min-height:36px;border-bottom:1px solid var(--ui-rule);background:var(--surface);color:var(--muted);font-size:11px}
.ui-rate-columns>span:last-child{text-align:right}
.ui-hero .ui-hero-rate{min-height:68px}
.ui-hero-rate+.ui-hero-rate{border-top:1px solid var(--ui-rule)}
.ui-rate-monogram{display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-family:'Geist Mono',var(--font-body);font-size:13px;font-weight:600}
.ui-hero-rate-details{min-width:0}
.ui-hero-rate-carrier{display:flex;align-items:center;gap:10px;min-width:0}
.ui-hero-rate-details>strong{display:block;font-size:13px;line-height:18px;overflow-wrap:anywhere}
.ui-hero-rate-details>small{margin-top:2px;font-size:11px;line-height:16px}
.ui-rate-compact-meta{display:none!important}
.ui-hero-rate-service{font-size:12px;line-height:18px;overflow-wrap:anywhere}
.ui-hero-rate-service small{font-size:10px}
.ui-hero-rate-transit{color:var(--muted);font-size:11px}
.ui-hero-rate-total{text-align:right}
.ui-hero-rate-total>small{display:none;font-size:10px}
.ui-hero-rate-total>strong{display:block;font-size:16px;font-variant-numeric:tabular-nums;line-height:22px;white-space:nowrap}
.ui-hero .ui-hero-rate-total .ui-rate-selected-label{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-height:12px;margin-top:2px;color:var(--muted);font-size:9px;line-height:12px;visibility:hidden}
.ui-rate-selected-label .icon{width:11px;height:11px}
.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-selected-label{visibility:visible}
.ui-hero-rate .ui-selected-service-detail{display:none}
.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{background:color-mix(in srgb,#ffd814 10%,var(--canvas));box-shadow:inset 3px 0 #ffd814}
.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-booking-radio{margin-top:4px;border-color:var(--ui-accent)}
.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-booking-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--ui-accent)}
.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{color:#ffd814}
:root[data-theme=light] .ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{color:var(--ink);text-decoration:underline;text-decoration-color:#ffd814;text-underline-offset:3px}
.ui-rate-count-footer{padding:10px 12px;border-top:1px solid var(--ui-rule);color:var(--muted);font-size:11px}
.ui-rate-review{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--ui-rule);border-radius:12px}
.ui-rate-review>.icon{width:16px;height:16px;color:var(--muted)}
.ui-rate-review strong{font-size:12px;font-weight:500}
.ui-rate-review small{margin-top:2px;font-size:11px}
.ui-review-list{display:grid;gap:10px}
.ui-review-list{margin:0;padding:0;list-style:none}
.ui-review-list li{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;border:1px solid var(--ui-rule);border-radius:6px;background:var(--canvas);font-size:15px}
.ui-review-list .icon{width:16px;height:16px;flex:none;color:var(--ui-accent)}
.ui-book-mark{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;border-radius:6px;background:var(--accent);color:#fff;font-weight:500}
.ui-rate-summary{display:none;min-width:0;min-height:0;flex-direction:column;gap:14px;margin:16px 16px 16px 0;padding:20px;border:1px solid var(--ui-rule);border-radius:16px;background:var(--canvas)}
.ui-hero:is([data-ui-step="4"],[data-ui-step="5"]) .ui-board-map{display:none}
.ui-hero:is([data-ui-step="4"],[data-ui-step="5"]) .ui-rate-summary{display:flex}
.ui-rate-summary-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}
.ui-rate-summary-head>span{text-transform:uppercase;letter-spacing:.08em}
.ui-rate-summary-head>small{text-decoration:underline;text-underline-offset:3px}
.ui-rate-summary-stops{display:grid;gap:14px;padding-left:16px;border-left:1px solid var(--line)}
.ui-rate-summary-stops>div{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:baseline;gap:10px}
.ui-rate-summary-stops>div::before{content:'';position:absolute;top:6px;left:-20px;width:7px;height:7px;border-radius:50%;background:var(--muted)}
.ui-rate-summary-stops>div:first-child::before{background:var(--accent)}
.ui-rate-summary-stops strong{font-size:14px;line-height:20px}
.ui-rate-summary-lane{display:none}
.ui-rate-summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-block:12px;border-block:1px solid var(--ui-rule)}
.ui-rate-summary-facts>span:last-child{grid-column:1/-1}
.ui-rate-summary-facts strong{display:block;margin-top:4px;font-size:13px;line-height:18px}
.ui-rate-summary-window{margin-top:2px;line-height:14px!important}
.ui-rate-summary-price{display:grid;min-width:0}
.ui-rate-summary-label{display:block;margin-bottom:14px;font-size:15px;font-weight:600}
.ui-rate-summary-selected,.ui-rate-summary-empty{grid-area:2/1;min-width:0}
.ui-rate-summary-empty{display:flex;align-items:center;align-self:start;gap:10px;margin:0;padding-top:12px;color:var(--muted);font-size:13px;line-height:20px;visibility:hidden}
.ui-rate-summary-empty>.icon{width:18px;height:18px;flex:none}
.ui-hero[data-ui-live]:not([data-ui-rate-ready]) .ui-rate-summary-selected{visibility:hidden}
.ui-hero[data-ui-live]:not([data-ui-rate-ready]) .ui-rate-summary-empty{visibility:visible}
.ui-rate-summary-carrier{display:flex;align-items:center;gap:10px}
.ui-rate-summary-carrier strong{display:block;font-size:14px;line-height:20px}
.ui-rate-summary-carrier small{margin-top:2px;font-size:12px}
.ui-rate-summary-total{display:block;margin-top:16px;font-size:28px;font-weight:600!important;line-height:36px}
.ui-rate-summary-charges{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ui-rule)}
.ui-rate-summary-charges>strong{font-size:12px;line-height:18px}
.ui-rate-summary-charges>span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.ui-rate-summary-charges strong{color:var(--ink)}
.ui-board-map{--ui-map-accent:var(--ui-accent);position:relative;min-width:0;min-height:0;margin:16px 16px 16px 0;overflow:hidden;border:1px solid var(--ui-rule);border-radius:16px;background:#282828;color:#c8c6be}
:root[data-theme=light] .ui-board-map{background:#e8e6df;color:#4a4843}
.ui-map-scene{position:absolute;inset:0;background-image:url('/assets/booking-map/desktop-dark.png');background-position:center;background-size:cover}
:root[data-theme=light] .ui-map-scene{background-image:url('/assets/booking-map/desktop-light.png')}
.ui-map-scene-phone{display:none}
.ui-map{display:block;width:100%;height:100%}
.ui-map-drawn{opacity:1}
.ui-map-casing,.ui-map-route,.ui-map-pulse{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ui-map-casing{stroke:#1a1a1a;stroke-width:8;opacity:.45}
.ui-map-route{stroke:var(--ui-map-accent);stroke-width:3.5;opacity:.65;stroke-dasharray:1;stroke-dashoffset:0}
.ui-map-pulse{stroke:#f4efe6;stroke-width:5.5;stroke-dashoffset:.2;opacity:0}
.ui-map-pulse-tail{stroke-dasharray:.28 .72;stroke-opacity:.12}
.ui-map-pulse-soft{stroke-dasharray:.16 .84;stroke-opacity:.36}
.ui-map-pulse-core{stroke-dasharray:.06 .94}
:root[data-theme=light] .ui-map-casing{stroke:#fff}
:root[data-theme=light] .ui-map-route{stroke:#1a1a1a}
:root[data-theme=light] .ui-map-pulse{stroke:var(--ui-map-accent)}
.ui-map-pin circle{fill:#f4efe6;stroke:#1a1a1a;stroke-width:2;vector-effect:non-scaling-stroke}
.ui-map-pin-destination circle{fill:var(--ui-map-accent)}
:root[data-theme=light] .ui-map-pin-origin circle{fill:#1a1a1a;stroke:#fff}
.ui-map-pin text{fill:#1a1a1a;font-size:11px;font-weight:500;text-anchor:middle;dominant-baseline:central}
:root[data-theme=light] .ui-map-pin-origin text{fill:#fff}
.ui-map-chip{position:absolute;z-index:2;max-width:46%;overflow:hidden;padding:4px 8px;border-radius:8px;background:var(--surface);color:var(--ink);font-size:11px;line-height:14px;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px 3px #0001}
.ui-map-label{top:12px;left:12px;color:var(--muted)}
.ui-map-origin{bottom:34px;left:12px;font-family:'Geist Mono',var(--font-body)}
.ui-map-destination{top:12px;right:12px}
.ui-map-fit,.ui-map-zoom{position:absolute;z-index:2;right:12px;display:grid;width:32px;place-items:center;border:1px solid var(--ui-rule);border-radius:6px;background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0001}
.ui-map-fit{top:46px;height:32px}
.ui-map-fit .icon{width:17px;height:17px}
.ui-map-zoom{bottom:72px}
.ui-map-zoom>span{display:grid;width:30px;height:30px;place-items:center;font-size:21px;font-weight:500;line-height:1}
.ui-map-zoom>span+span{border-top:1px solid var(--ui-rule)}
.ui-map-credit{position:absolute;z-index:2;right:0;bottom:0;display:flex;width:190px;height:17px;align-items:center;justify-content:flex-end;padding:1px 6px;background:#282828;color:#b4b4b4;font-size:9px;line-height:12px}
:root[data-theme=light] .ui-map-credit{background:#f4f1ea;color:#4a4843}
.ui-map-empty{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0;padding:32px;background:var(--canvas);color:var(--ink);text-align:center;opacity:0;pointer-events:none}
.ui-map-empty>.icon{width:24px;height:24px;color:var(--muted)}
.ui-map-empty strong{font-size:14px}
.ui-map-empty small{max-width:240px;color:var(--muted)}
.ui-distance-ready,.ui-mode-ready,.ui-window-ready,.ui-next-rates,.ui-next-review{display:none}
.ui-hero[data-ui-route-ready] .ui-distance-wait,.ui-hero[data-ui-equipment-ready] .ui-mode-wait{display:none}
.ui-hero[data-ui-route-ready] .ui-distance-ready,.ui-hero[data-ui-equipment-ready] .ui-mode-ready{display:inline}
.ui-hero[data-ui-date-ready] .ui-window-wait{display:none}
.ui-hero[data-ui-date-ready] .ui-window-ready{display:inline}
.ui-hero .ui-foot-window{display:none}
.ui-hero[data-ui-window-ready] .ui-foot-window{display:block;color:var(--ink);font-size:10px}
.ui-hero:is([data-ui-step="3"],[data-ui-step="4"]) .ui-next-default{display:none}
.ui-hero[data-ui-step="3"] .ui-next-rates{display:inline}
.ui-hero[data-ui-step="4"] .ui-next-review{display:inline}
.ui-hero[data-ui-live][data-ui-step="4"]:not([data-ui-rate-ready]) .ui-next{opacity:.45}
.ui-board-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:8px;min-height:62px;margin-top:auto;padding:8px 10px;border:1px solid var(--ui-rule);border-radius:8px;background:var(--canvas)}
.ui-board-foot strong{display:block;margin-top:2px;font-size:13px;font-variant-numeric:tabular-nums}
.ui-board-foot .ui-foot-rate{display:none}
.ui-hero[data-ui-step="4"] .ui-board-foot{grid-template-columns:minmax(0,1fr) auto}
.ui-hero[data-ui-step="4"] .ui-board-foot>span:not(.ui-foot-rate):not(.ui-next){display:none}
.ui-hero[data-ui-step="4"] .ui-board-foot>.ui-foot-rate{display:block;min-width:0}
.ui-hero[data-ui-step="4"] .ui-foot-rate strong{font-size:20px;line-height:24px}
.ui-foot-rate .ui-rate-selection-wait{display:none;font-size:12px}
.ui-hero[data-ui-live]:not([data-ui-rate-ready]) .ui-rate-selection-value{display:none}
.ui-hero[data-ui-live]:not([data-ui-rate-ready]) .ui-rate-selection-wait{display:block}
.ui-hero[data-ui-step="4"][data-ui-rate-ready] .ui-next{background:#ffd814;color:#16140f}
.ui-next{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:500}
.ui-hero>.ui-motion-toggle{position:absolute;top:5px;right:16px;z-index:6}
.ui-confirm{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--canvas) 92%,var(--surface));opacity:0;pointer-events:none;visibility:hidden}
.ui-hero[data-ui-phase="confirm"] .ui-confirm{opacity:1;visibility:visible}
.ui-confirm-stack{display:flex;max-width:420px;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center;opacity:0;transform:translateY(12px)}
.ui-hero[data-ui-phase="confirm"] .ui-confirm-stack{opacity:1;transform:none}
.ui-hero[data-ui-live][data-ui-phase="confirm"] .ui-confirm{animation:ui-confirm-enter .45s var(--ease) both}
.ui-hero[data-ui-live][data-ui-phase="confirm"] .ui-confirm-stack{animation:ui-rise .5s var(--ease) both}
.ui-confirm-mark{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--ui-accent) 16%,var(--canvas));color:var(--ui-accent)}
.ui-confirm-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ui-confirm-title{margin:4px 0 0;color:var(--ink);font-family:var(--font-heading);font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2}
.ui-confirm-lane{margin:0;color:var(--muted);font-size:14px;line-height:20px}
.ui-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font:400 12px/18px var(--font-body);white-space:nowrap;cursor:pointer}
.ui-motion-toggle:hover{background:var(--raised);color:var(--ink)}
.ui-motion-toggle .icon{width:14px;height:14px}
.ui-motion-toggle[aria-pressed=true] .icon{display:none}
.ui-lane{display:flex;align-items:center;gap:12px;min-width:0;padding-block:16px}
.ui-lane>span:not(.ui-lane-line){min-width:0}
.ui-lane strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap}
.ui-lane .icon{margin-bottom:8px;color:var(--ui-accent)}
.ui-lane-line{height:1px;min-width:12px;flex:1;background:var(--line)}
.ui-carrier-list{position:relative;display:grid;gap:8px}
.ui-carrier-option{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px;border:1px solid var(--ui-rule);border-radius:6px;background:var(--surface)}
.ui-carrier-logo{display:flex;width:64px;height:40px;flex-shrink:0;align-items:center;justify-content:center;padding:5px;border-radius:4px;background:#fff}
.ui-carrier-logo img{display:block;width:100%;height:100%;object-fit:contain}
.ui-carrier-option>span:nth-child(2){flex:1;min-width:0}
.ui-carrier-option strong{display:block;font-size:14px}
.ui-carrier-option small{margin-top:3px}
.ui-option-mark{color:var(--muted);opacity:.6}
.ui-rate-selection{position:absolute;top:0;right:0;left:0;height:74px;border:1px solid var(--ui-accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}
.ui-record-list{display:grid}
.ui-record-row{display:flex;align-items:center;gap:10px;min-width:0;padding:16px 0;border-bottom:1px solid var(--ui-rule)}
.ui-record-icon{display:grid;width:30px;height:30px;flex-shrink:0;place-items:center;border-radius:5px;background:var(--ui-wash);color:var(--ui-accent)}
.ui-record-row>span:nth-child(2){flex:1;min-width:0}
.ui-record-row strong{display:block;font-size:13px;white-space:nowrap}
.ui-record-row small{margin-top:4px}
.ui-status{padding:4px 7px;border-radius:4px;background:var(--raised);color:var(--muted);font-size:10px;white-space:nowrap}
.ui-status-1{background:var(--ui-wash);color:var(--ui-accent)}
.ui-status-2{color:var(--ink);box-shadow:inset 2px 0 #cbea54}
/* Native carrier comparison: app-authentic structure without loading a video. */
.ui-ltl-preview{--ui-accent:#8c68ff;--ui-rule:#3a3941;--ui-app-surface:#1d1d21;--ui-app-raised:#26262b;display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden;background:#111113;color:#f7f6fb;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s ease}
.ui-ltl-preview small{display:block;color:#a9a6b0;font-size:10px;line-height:14px}
.ui-ltl-preview strong{font-weight:560}
.ui-ltl-preview .icon{width:14px;height:14px}
.ui-ltl-preview[data-ui-hover]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 46%,transparent)}
.ui-ltl-preview-content{flex:1;min-height:0}
.ui-ltl-preview-content:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-3px}
.ui-ltl-preview-content>div{display:flex;height:100%;min-height:0;flex-direction:column}
.ui-ltl-appbar{display:flex;min-height:52px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ui-rule);background:#1b1b1f;color:#d8d6de;font-size:11px}
.ui-ltl-workspace{display:flex;min-width:0;align-items:center;gap:8px;color:#fff;font-weight:580;white-space:nowrap}
.ui-ltl-workspace img{width:24px;height:24px;border:1px solid #44424c;border-radius:7px;background:#131317;padding:3px}
.ui-ltl-breadcrumb{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:#8f8c96;white-space:nowrap;text-overflow:ellipsis}
.ui-ltl-breadcrumb i{width:3px;height:3px;border-radius:50%;background:#5d5964}
.ui-ltl-mode{margin-left:auto;padding:4px 7px;border:1px solid #45434c;border-radius:999px;background:#242329;color:#d8d6de;font-size:9px;font-weight:600;letter-spacing:.04em}
.ui-ltl-layout{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1.45fr) minmax(148px,.8fr);gap:12px;padding:14px}
.ui-ltl-rates-pane{display:flex;min-width:0;min-height:0;flex-direction:column}
.ui-ltl-heading{display:grid;grid-template-columns:1fr auto;gap:1px 10px;margin-bottom:9px}
.ui-ltl-heading>span{grid-column:1/-1;color:#918d98;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.ui-ltl-heading>strong{font-size:17px;line-height:21px;letter-spacing:-.02em}
.ui-ltl-heading>small{align-self:end;text-align:right}
.ui-ltl-filters{display:flex;gap:5px;margin-bottom:9px}
.ui-ltl-filters span{padding:4px 7px;border:1px solid #3b3942;border-radius:999px;background:#202025;color:#9b98a2;font-size:9px;line-height:13px;white-space:nowrap}
.ui-ltl-filters span:first-child{border-color:#7950ff;background:#6d42ee;color:#fff}
.ui-ltl-rate-list{position:relative;display:grid;min-height:0;gap:7px}
.ui-ltl-rate{position:relative;z-index:1;display:grid;height:58px;min-width:0;grid-template-columns:12px 38px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 8px;border:1px solid #3b3942;border-radius:7px;background:#242429}
.ui-ltl-rate>.ui-carrier-logo{width:38px;height:28px;padding:4px;border-radius:4px}
.ui-ltl-rate>span:nth-child(3){min-width:0}
.ui-ltl-rate strong{display:block;overflow:hidden;font-size:11px;line-height:15px;white-space:nowrap;text-overflow:ellipsis}
.ui-ltl-rate small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui-ltl-radio{width:11px;height:11px;border:1px solid #76727d;border-radius:50%}
.ui-ltl-rate-check{display:grid;place-items:center;color:#aaa6b1;opacity:.55}
.ui-ltl-rate-check .icon{width:13px;height:13px}
.ui-ltl-rate-selection{position:absolute;z-index:3;top:0;right:0;left:0;height:58px;border:1px solid var(--ui-accent);border-radius:7px;background:color-mix(in srgb,var(--ui-accent) 7%,transparent);pointer-events:none;animation:ui-ltl-rate-choice 12s cubic-bezier(.2,.8,.2,1) infinite}
.ui-ltl-summary{display:flex;min-width:0;min-height:0;flex-direction:column;padding:12px;border:1px solid var(--ui-rule);border-radius:9px;background:var(--ui-app-raised)}
.ui-ltl-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--ui-rule);color:#a9a6b0;font-size:9px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
.ui-ltl-summary-heading small{color:#d8d6de;text-decoration:underline;text-transform:none;letter-spacing:0}
.ui-ltl-stop{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:0 7px;padding:9px 0 2px}
.ui-ltl-stop>span{grid-row:1/3;align-self:center;width:7px;height:7px;border:2px solid var(--ui-accent);border-radius:50%}
.ui-ltl-stop:nth-of-type(3)>span{border-color:#97949d}
.ui-ltl-stop small{font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.ui-ltl-stop strong{overflow:hidden;font-size:10px;line-height:14px;white-space:nowrap;text-overflow:ellipsis}
.ui-ltl-load{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px;padding:9px 0;border-block:1px solid var(--ui-rule)}
.ui-ltl-load>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 5px;min-width:0}
.ui-ltl-load .icon{grid-row:1/3;color:var(--ui-accent)}
.ui-ltl-load strong{grid-column:2;overflow:hidden;font-size:9px;line-height:13px;white-space:nowrap;text-overflow:ellipsis}
.ui-ltl-review-state{margin-top:auto;padding-top:10px}
.ui-ltl-review-state strong{display:block;margin-top:2px;font-size:10px;line-height:14px}
.ui-ltl-review-action{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;padding:8px;border-radius:6px;background:#6e43ef;color:#fff;font-size:10px;font-weight:620}
.ui-ltl-review-action .icon{width:12px;height:12px;transform:rotate(-90deg)}
.ui-ltl-preview-footer{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid var(--ui-rule);background:#17171b;color:#9b98a2;font-size:10px}
.ui-ltl-preview .ui-motion-toggle{min-height:32px;border-color:#414049;background:#1d1d22;color:#bbb7c3;font-size:10px}
.ui-ltl-preview .ui-motion-toggle:hover{background:#29282e;color:#fff}
#platform .feature-film-box{display:block;background:var(--canvas)}
#platform{scroll-margin-top:72px}
.ui-mini{width:100%;height:100%;padding:14px 12px;overflow:hidden;background:var(--canvas);contain:layout paint;transition:box-shadow .2s ease}
.ui-mini-rates{--ui-cycle:6.6s}
.ui-mini-booking{--ui-cycle:6.4s}
.ui-mini-shipments{--ui-cycle:7.2s}
.ui-mini-reports{--ui-cycle:7.4s}
.ui-mini-library{--ui-cycle:6.2s}
.ui-mini-clients{--ui-cycle:6.8s}
.ui-mini:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline:2px solid var(--focus);outline-offset:-3px}
.ui-mini[data-ui-hover]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 34%,transparent)}
.ui-mini-content{position:relative;display:flex;height:100%;flex-direction:column}
.ui-mini-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:12px;font-weight:500}
.ui-mini-title>span{color:var(--muted);font-size:10px;font-weight:400}
.ui-mini-title>.icon{width:14px;height:14px;color:var(--muted)}
.ui-mini .ui-carrier-list{gap:6px}
.ui-mini .ui-carrier-option{height:46px;min-height:46px;gap:9px;padding:6px 9px}
.ui-mini .ui-carrier-logo{width:43px;height:29px;padding:4px}
.ui-mini .ui-carrier-option strong{font-size:13px;line-height:17px}
.ui-mini .ui-carrier-option small{margin:0;font-size:11px;line-height:14px}
.ui-mini .ui-option-mark .icon{width:14px;height:14px}
.ui-mini .ui-rate-selection{height:46px}
.ui-mini-footer{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:auto;padding-top:12px;color:var(--muted);font-size:11px}
.ui-mini-footer i{width:2px;height:2px;border-radius:50%;background:var(--muted)}
.ui-mini-steps{display:flex;gap:18px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ui-rule);color:var(--muted);font-size:10px}
.ui-mini-steps span:first-child{color:var(--ui-accent)}
.ui-mini .ui-field{gap:5px;margin-bottom:6px;padding:7px 8px}
.ui-mini-booking .ui-mini-steps{margin-bottom:4px;padding-bottom:2px}
.ui-mini-booking .ui-field{margin-bottom:3px;padding:3px 8px}
.ui-mini-booking .ui-field small{display:inline;margin-right:6px}
.ui-mini-booking .ui-field strong{display:inline}
.ui-mini-booking .ui-freight-summary{padding:2px 0}
.ui-mini-booking .ui-complete-line{padding-top:0}
.ui-mini .ui-field strong{font-size:13px;line-height:17px}
.ui-mini .ui-field small{font-size:11px;line-height:14px}
.ui-mini .ui-field>.icon{width:13px;height:13px}
.ui-mini .ui-field-icon .icon{width:14px;height:14px}
.ui-equipment-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 6px}
.ui-equipment-choice{display:flex;min-width:0;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;border:1px solid var(--ui-rule);border-radius:5px;background:var(--surface);color:var(--muted);font-size:10px;line-height:13px}
.ui-equipment-choice img{width:100%;height:20px;object-fit:contain}
.ui-equipment-chosen{border-color:var(--ui-accent);background:var(--ui-wash);color:var(--ink)}
.ui-freight-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 0;color:var(--muted);font-size:11px}
.ui-freight-summary>span:first-child{display:flex;align-items:center;gap:7px;color:var(--ink)}
.ui-freight-summary .icon{width:14px;height:14px;color:var(--ui-accent)}
.ui-complete-line,.ui-library-saved,.ui-client-linked{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:7px;color:var(--ui-accent);font-size:11px;line-height:15px}
.ui-complete-line .icon,.ui-library-saved .icon,.ui-client-linked .icon{width:13px;height:13px;flex-shrink:0}
.ui-mini .ui-record-row{gap:7px;padding:10px 0}
.ui-mini .ui-record-row:first-child{padding-top:0}
.ui-mini .ui-record-row strong{font-size:13px;line-height:17px}
.ui-mini .ui-record-row small{margin-top:2px;font-size:11px;line-height:14px}
.ui-mini .ui-record-icon{width:25px;height:25px}
.ui-mini .ui-record-icon .icon{width:14px;height:14px}
.ui-mini .ui-status{padding:3px 5px;font-size:10px}
.ui-record-note{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;color:var(--muted);font-size:11px}
.ui-record-note .icon{width:13px;height:13px;color:var(--ui-accent)}
.ui-route-graphic{position:relative;min-height:100px;flex:1;margin-bottom:8px;overflow:hidden}
.ui-route-graphic>svg{display:block;width:100%;height:100%;max-height:140px;fill:none}
.ui-route-grid{stroke:var(--line);stroke-width:.5;opacity:.35}
.ui-route-base{stroke:var(--line);stroke-width:4}
.ui-route-color{stroke:var(--ui-accent);stroke-width:2;stroke-dasharray:320;stroke-dashoffset:0;stroke-linejoin:round}
.ui-route-stop{fill:var(--canvas);stroke:var(--ui-accent);stroke-width:2}
.ui-route-label{position:absolute;color:var(--muted);font-size:11px}
.ui-route-origin{bottom:9%;left:5%}
.ui-route-destination{top:3%;right:3%}
.ui-route-report{position:absolute;top:45%;right:0;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--ui-rule);border-radius:4px;background:var(--surface);font-size:11px}
.ui-route-report .icon{width:12px;height:12px;color:var(--ui-accent)}
.ui-report-row{display:flex;align-items:center;gap:8px;padding-top:9px;border-top:1px solid var(--ui-rule);font-size:11px}
.ui-report-row small{margin-top:3px;font-size:11px}
.ui-report-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--ui-accent)}
.ui-library-list{display:grid;gap:7px}
.ui-library-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--ui-rule);border-radius:5px;background:var(--surface)}
.ui-library-row>span:nth-child(2){flex:1;min-width:0}
.ui-library-row strong{display:block;font-size:13px;line-height:17px}
.ui-library-row small{margin-top:1px;font-size:11px;line-height:14px}
.ui-library-icon{display:grid;place-items:center;color:var(--ui-accent)}
.ui-library-row>.icon{width:12px;height:12px;color:var(--muted)}
.ui-client-profile{display:flex;align-items:center;gap:10px;padding:7px 0 16px;border-bottom:1px solid var(--ui-rule)}
.ui-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--ui-rule);border-radius:50%;background:var(--ui-wash);color:var(--ui-accent)}
.ui-client-profile strong{display:block;font-size:13px}
.ui-client-profile small{margin-top:3px;font-size:10px}
.ui-client-connections{display:grid;gap:10px;margin-left:16px;padding:13px 0 0 16px;border-left:1px solid var(--line)}
.ui-client-connections>div{position:relative;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--ui-rule);border-radius:5px;background:var(--surface);font-size:11px}
.ui-client-connections>div::before{content:'';position:absolute;top:50%;left:-17px;width:16px;border-top:1px solid var(--line)}
.ui-client-connections small{margin-top:2px;font-size:11px;line-height:14px}
.ui-client-connections>div>span{flex:1;min-width:0}
.ui-client-connections>div>.icon{width:13px;height:13px;color:var(--ui-accent)}
.ui-grid-motion-control{display:flex;justify-content:flex-end;margin-top:14px}
.ui-demo-pointer{--ui-pointer-delay:0s;position:absolute;z-index:8;display:block;width:19px;height:22px;opacity:0;pointer-events:none;color:var(--ink);transition:opacity .15s ease}
.ui-demo-pointer svg{display:block;width:100%;height:100%;overflow:visible;fill:var(--surface);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.ui-demo-pointer i{position:absolute;right:-5px;bottom:-5px;width:13px;height:13px;border:1px solid var(--ui-accent);border-radius:50%;opacity:0}
.ui-demo-pointer-rates{top:26px;right:18px}
.ui-mini .ui-demo-pointer-rates{top:14px;right:12px}
.ui-demo-pointer-booking{top:48px;right:18px}
.ui-demo-pointer-shipments{top:42px;right:18px}
.ui-demo-pointer-reports{top:58px;right:16px}
.ui-demo-pointer-library{top:46px;right:16px}
.ui-demo-pointer-clients{top:18px;right:16px}
.ui-demo-pointer-ltl{top:18px;right:13px}
.ui-hero .ui-demo-pointer-board{top:0;left:0;right:auto;width:22px;height:26px;color:#18171c;transform:translate3d(var(--ui-mouse-x,80px),var(--ui-mouse-y,150px),0);animation:none;transition:none}
.ui-hero .ui-demo-pointer-board svg{fill:#fff;stroke-width:1.6}
.ui-hero .ui-demo-pointer-board i{top:-5px;right:auto;bottom:auto;left:-5px;width:15px;height:15px}
/* A stage stays selected throughout its entry, drag and settled microphases. */
[data-ui-live] .ui-board-rail [aria-current]::after{transform:scaleX(1)}
[data-ui-live] .ui-type{max-width:0}
[data-ui-live]:not([data-ui-origin-ready]) .ui-stop-pickup .ui-stop-place,[data-ui-live]:not([data-ui-destination-ready]) .ui-stop-delivery .ui-stop-place{visibility:hidden}
[data-ui-live][data-ui-phase="stops"] .ui-stop-placeholder,[data-ui-live][data-ui-phase="type-pickup"] .ui-stop-delivery .ui-stop-placeholder,[data-ui-live][data-ui-phase="pickup-ready"] .ui-stop-delivery .ui-stop-placeholder{display:block}
[data-ui-live][data-ui-origin-ready] .ui-type-pickup,[data-ui-live][data-ui-destination-ready] .ui-type-delivery{max-width:5ch}
[data-ui-live][data-ui-phase="type-pickup"] .ui-type-pickup,[data-ui-live][data-ui-phase="type-delivery"] .ui-type-delivery{max-width:5ch;border-right:1.5px solid var(--ui-accent);animation:ui-type 1.1s steps(5,end) .35s both}
[data-ui-live][data-ui-phase="type-pickup"] .ui-stop-pickup .ui-zip-card,[data-ui-live][data-ui-phase="type-delivery"] .ui-stop-delivery .ui-zip-card{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
[data-ui-live]:not([data-ui-route-ready]) .ui-map-drawn,[data-ui-live]:not([data-ui-route-ready]) .ui-map-origin,[data-ui-live]:not([data-ui-route-ready]) .ui-map-destination{opacity:0}
[data-ui-live]:not([data-ui-route-ready]) .ui-map-empty{opacity:1}
[data-ui-live][data-ui-phase="route-ready"] .ui-map-route{animation:ui-map-draw 1.2s cubic-bezier(.22,1,.36,1) both}
/* Reveal the lane before its highlight; hidden Stops must not pre-run the sweep. */
.ui-hero[data-ui-live][data-ui-route-ready] .ui-map-pulse{animation:ui-map-pulse 7s linear 1.2s infinite both}
[data-ui-live] .ui-sequence-target{animation:ui-row-in var(--ui-cycle,7.2s) cubic-bezier(.22,1,.36,1) var(--ui-target-delay,0s) infinite both}
[data-ui-live] .ui-equipment-choices{animation:ui-row-in var(--ui-cycle) cubic-bezier(.22,1,.36,1) .96s infinite both}
[data-ui-live] .ui-equipment-chosen{animation:ui-chip-settle var(--ui-cycle) linear infinite}
[data-ui-live] .ui-mini-booking .ui-mini-steps span{animation:ui-step-tab var(--ui-cycle) linear infinite}
[data-ui-live] .ui-mini-booking .ui-mini-steps span:nth-child(2){animation-delay:2.05s}
[data-ui-live] .ui-mini-booking .ui-mini-steps span:nth-child(3){animation-delay:4.1s}
[data-ui-live] .ui-complete-line,[data-ui-live] .ui-record-note,[data-ui-live] .ui-route-report,[data-ui-live] .ui-library-saved,[data-ui-live] .ui-client-linked{animation:ui-late-in var(--ui-cycle,7s) cubic-bezier(.22,1,.36,1) infinite both}
[data-ui-live] .ui-route-color{stroke-dashoffset:320;animation:ui-route-trace var(--ui-cycle,7.4s) cubic-bezier(.22,1,.36,1) infinite}
[data-ui-live] .ui-status-1{animation:ui-target-pulse var(--ui-cycle,7.2s) linear infinite}
[data-ui-live] .ui-mini .ui-rate-selection{animation:ui-mini-rate-choice var(--ui-cycle,6.6s) cubic-bezier(.22,1,.36,1) infinite}
[data-ui-live] .ui-demo-pointer:not(.ui-demo-pointer-board){animation-duration:var(--ui-cycle,12s),var(--ui-cycle,12s);animation-timing-function:cubic-bezier(.45,0,.2,1),linear;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both;animation-delay:var(--ui-pointer-delay),var(--ui-pointer-delay)}
[data-ui-live] .ui-demo-pointer-rates{animation-name:ui-pointer-rates,ui-pointer-visible}
[data-ui-live] .ui-mini .ui-demo-pointer-rates{animation-name:ui-pointer-rates-mini,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-booking{animation-name:ui-pointer-booking,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-shipments{animation-name:ui-pointer-shipments,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-reports{animation-name:ui-pointer-reports,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-library{animation-name:ui-pointer-library,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-clients{animation-name:ui-pointer-clients,ui-pointer-visible}
[data-ui-live] .ui-demo-pointer-ltl{animation-name:ui-pointer-ltl,ui-pointer-visible;animation-duration:12s,12s}
[data-ui-live] .ui-demo-pointer i{animation:ui-pointer-click var(--ui-cycle,12s) linear var(--ui-pointer-delay) infinite}
.ui-hero[data-ui-live] .ui-demo-pointer-board{opacity:1}
.ui-hero[data-ui-live][data-ui-click-phase="0"] .ui-demo-pointer-board{animation:ui-board-pointer-a .65s cubic-bezier(.22,1,.36,1) both}
.ui-hero[data-ui-live][data-ui-click-phase="1"] .ui-demo-pointer-board{animation:ui-board-pointer-b .65s cubic-bezier(.22,1,.36,1) both}
.ui-hero[data-ui-cursor-target="hidden"] .ui-demo-pointer-board{opacity:0!important}
.ui-hero[data-ui-live][data-ui-click-phase="0"] .ui-demo-pointer-board i{animation:ui-board-click-a .25s .75s linear both}
.ui-hero[data-ui-live][data-ui-click-phase="1"] .ui-demo-pointer-board i{animation:ui-board-click-b .25s .75s linear both}
.ui-hero[data-ui-live]:is([data-ui-phase="stops"],[data-ui-phase="pickup-ready"],[data-ui-phase="route-ready"],[data-ui-phase="rates-selected"]) .ui-demo-pointer-board i{animation:none}
.ui-hero[data-ui-live]:is([data-ui-phase="type-pickup"],[data-ui-phase="type-delivery"],[data-ui-phase="continue"]) .ui-demo-pointer-board i{animation-delay:.1s}
.ui-hero[data-ui-step="2"]:not([data-ui-phase="timing"]):not([data-ui-phase="timing-ready"]) .ui-demo-pointer-board i{animation:none;opacity:0}
.ui-hero[data-ui-live][data-ui-step="2"]:is([data-ui-phase="timing-window-start"],[data-ui-phase="timing-window-end"]) .ui-demo-pointer-board i{opacity:.35;background:var(--ui-accent);transform:scale(.7)}
[data-ui-live] .ui-demo-pointer i,[data-ui-live] .ui-map-route{animation-play-state:paused!important}
[data-ui-running] .ui-demo-pointer i,[data-ui-running] .ui-map-route{animation-play-state:running!important}
[data-ui-live] .ui-pallet-value,[data-ui-live] .ui-commodity-value{animation-play-state:paused!important}
[data-ui-running] .ui-pallet-value,[data-ui-running] .ui-commodity-value{animation-play-state:running!important}
.ui-ltl-review-state{animation:ui-detail-arrive 8s var(--ease) infinite}
.ui-sequence-0{--ui-target-delay:0s}
.ui-sequence-1{--ui-target-delay:.48s}
.ui-sequence-2{--ui-target-delay:.96s}
.ui-sequence-3{--ui-target-delay:1.44s}
.ui-animate,[data-ui-live] .ui-sequence-target,[data-ui-live] .ui-demo-pointer:not(.ui-demo-pointer-board),[data-ui-live] .ui-route-color,[data-ui-live] .ui-status-1,[data-ui-live] .ui-equipment-chosen,[data-ui-live] .ui-equipment-choices,[data-ui-live] .ui-mini-steps span,[data-ui-live] .ui-type,[data-ui-live] .ui-board-rail [aria-current]::after{animation-play-state:paused!important}
[data-ui-running] .ui-animate,[data-ui-running] .ui-sequence-target,[data-ui-running] .ui-demo-pointer:not(.ui-demo-pointer-board),[data-ui-running] .ui-route-color,[data-ui-running] .ui-status-1,[data-ui-running] .ui-equipment-chosen,[data-ui-running] .ui-equipment-choices,[data-ui-running] .ui-mini-steps span,[data-ui-running] .ui-type,[data-ui-running] .ui-board-rail [aria-current]::after{animation-play-state:running!important}
@keyframes ui-board-pointer-a{from{transform:translate3d(var(--ui-mouse-from-x),var(--ui-mouse-from-y),0)}to{transform:translate3d(var(--ui-mouse-x),var(--ui-mouse-y),0)}}
@keyframes ui-board-pointer-b{from{transform:translate3d(var(--ui-mouse-from-x),var(--ui-mouse-from-y),0)}to{transform:translate3d(var(--ui-mouse-x),var(--ui-mouse-y),0)}}
@keyframes ui-target-pulse{0%,42%,100%{box-shadow:inset 0 0 0 0 transparent}52%,70%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 70%,transparent)}}
@keyframes ui-route-trace{0%,8%{stroke-dashoffset:320}40%,78%{stroke-dashoffset:0}100%{stroke-dashoffset:-320}}
@keyframes ui-type{from{max-width:0}to{max-width:5ch}}
@keyframes ui-quantity-entry{from{max-width:0}to{max-width:1ch}}
@keyframes ui-weight-entry{from{max-width:0}to{max-width:4ch}}
@keyframes ui-commodity-entry{from{max-width:0}to{max-width:20ch}}
@keyframes ui-board-click-a{0%{opacity:0;transform:scale(.35)}15%{opacity:.65;transform:scale(.65)}100%{opacity:0;transform:scale(1.8)}}
@keyframes ui-board-click-b{0%{opacity:0;transform:scale(.35)}15%{opacity:.65;transform:scale(.65)}100%{opacity:0;transform:scale(1.8)}}
@keyframes ui-map-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ui-map-pulse{0%{stroke-dashoffset:.3;opacity:0}3%,97%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}
@media(prefers-reduced-transparency:reduce){.ui-map-pulse{display:none}.ui-map-route,.ui-map-casing{opacity:1}}
@keyframes ui-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ui-confirm-enter{from{opacity:0}to{opacity:1}}
@keyframes ui-row-in{0%{opacity:0;transform:translateY(8px)}8%{opacity:0;transform:translateY(8px)}16%,82%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(6px)}}
@keyframes ui-late-in{0%,58%{opacity:0;transform:translateY(6px)}70%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(4px)}}
@keyframes ui-chip-settle{0%,54%{border-color:var(--ui-rule);background:var(--surface);color:var(--muted)}68%,88%{border-color:var(--ui-accent);background:var(--ui-wash);color:var(--ink)}100%{border-color:var(--ui-rule);background:var(--surface);color:var(--muted)}}
@keyframes ui-step-tab{0%,26%{color:var(--ui-accent)}38%,100%{color:var(--muted)}}
@keyframes ui-ltl-rate-choice{0%,22%,100%{transform:translateY(0)}32%,55%{transform:translateY(65px)}65%,88%{transform:translateY(130px)}}
@keyframes ui-mini-rate-choice{0%,30%{opacity:0;transform:translateY(0)}40%,50%{opacity:1;transform:translateY(0)}58%,68%{opacity:1;transform:translateY(52px)}76%,86%{opacity:1;transform:translateY(104px)}92%,97%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes ui-detail-arrive{0%,100%{opacity:.8;transform:translateY(4px)}15%,75%{opacity:1;transform:none}}
@keyframes ui-pointer-rates{0%,16%,100%{transform:translate3d(0,0,0)}28%,46%{transform:translate3d(0,52px,0)}48%{transform:translate3d(0,52px,0) scale(.86)}58%,76%{transform:translate3d(0,104px,0)}78%{transform:translate3d(0,104px,0) scale(.86)}88%,96%{transform:translate3d(0,0,0)}}
@keyframes ui-pointer-rates-mini{0%,16%,100%{transform:translate3d(0,0,0)}28%,46%{transform:translate3d(0,52px,0)}48%{transform:translate3d(0,52px,0) scale(.86)}58%,76%{transform:translate3d(0,104px,0)}78%{transform:translate3d(0,104px,0) scale(.86)}88%,96%{transform:translate3d(0,0,0)}}
@keyframes ui-pointer-booking{0%,12%,100%{transform:translate3d(0,0,0)}22%,38%{transform:translate3d(-10px,40px,0)}42%{transform:translate3d(-10px,40px,0) scale(.86)}52%,70%{transform:translate3d(-36px,78px,0)}74%{transform:translate3d(-36px,78px,0) scale(.86)}86%{transform:translate3d(-8px,112px,0)}}
@keyframes ui-pointer-shipments{0%,14%,100%{transform:translate3d(0,0,0)}24%,42%{transform:translate3d(-40px,46px,0)}46%{transform:translate3d(-40px,46px,0) scale(.86)}56%,74%{transform:translate3d(-16px,92px,0)}78%{transform:translate3d(-16px,92px,0) scale(.86)}}
@keyframes ui-pointer-reports{0%,18%,100%{transform:translate3d(0,0,0)}30%,62%{transform:translate3d(-70px,28px,0)}68%{transform:translate3d(-70px,28px,0) scale(.86)}78%,90%{transform:translate3d(-18px,64px,0)}}
@keyframes ui-pointer-library{0%,14%,100%{transform:translate3d(0,0,0)}26%,44%{transform:translate3d(-36px,48px,0)}48%{transform:translate3d(-36px,48px,0) scale(.86)}58%,78%{transform:translate3d(-18px,98px,0)}82%{transform:translate3d(-18px,98px,0) scale(.86)}}
@keyframes ui-pointer-clients{0%,16%,100%{transform:translate3d(0,0,0)}28%,50%{transform:translate3d(-48px,58px,0)}54%{transform:translate3d(-48px,58px,0) scale(.86)}66%,86%{transform:translate3d(-20px,104px,0)}}
@keyframes ui-pointer-ltl{0%,17%,100%{transform:translate3d(0,0,0)}20%{transform:translate3d(0,0,0) scale(.86)}31%,50%{transform:translate3d(0,65px,0)}53%{transform:translate3d(0,65px,0) scale(.86)}64%,83%{transform:translate3d(0,130px,0)}86%{transform:translate3d(0,130px,0) scale(.86)}}
@keyframes ui-pointer-visible{0%,8%,92%,100%{opacity:0}14%,86%{opacity:1}}
@keyframes ui-pointer-click{0%,20%,100%{opacity:0;transform:scale(.3)}24%{opacity:.9;transform:scale(.5)}34%{opacity:0;transform:scale(1.45)}}
@media(min-width:768px) and (max-width:1023px){.ui-board-body{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.ui-board-main{padding:14px}.ui-equip-card img{height:72px}.ui-work-head h2{font-size:18px}.ui-board-foot{gap:8px}}
@media(max-width:767px){.ui-hero{height:720px}.ui-board-rail{min-height:68px;flex-wrap:wrap;align-content:center;padding:6px 14px;row-gap:0}.ui-board-rail span{padding:6px 1px;font-size:11px}.ui-board-rail i{margin-inline:6px}.ui-board-body{grid-template-columns:1fr;gap:12px;padding:14px 14px 8px}.ui-board-side{height:132px;flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.ui-side-label{position:absolute;top:10px;left:12px}.ui-board-side{position:relative}.ui-hero-truck{max-height:108px;width:46%;margin:0}.ui-side-facts{margin:18px 0 0 auto;padding-top:0;border-top:0}.ui-side-facts strong{font-size:14px}.ui-hero .ui-field{min-height:52px;margin-bottom:8px;padding:8px 10px}.ui-hero .ui-field strong{font-size:15px}.ui-stage-kicker{margin-bottom:10px}.ui-equip-card img{height:64px}.ui-equip-card span{padding:6px 8px;font-size:12px}.ui-equip-grid{gap:8px}.ui-choice,.ui-hero-rate{min-height:52px}.ui-hero-rate-selection{height:52px}[data-ui-running][data-ui-phase="rates"] .ui-hero-rate-selection{animation-name:ui-hero-rate-phone}.ui-board-body{grid-template-columns:1fr}.ui-board-map{height:210px;border-top:1px solid var(--ui-rule)}.ui-board-main{padding:14px}.ui-work-head h2{font-size:20px}.ui-equip-card img{height:64px}.ui-review-list li{min-height:44px;font-size:13px}.ui-book-mark{min-height:44px}.ui-board-foot{gap:12px;min-height:64px;padding:8px 132px 8px 14px}.ui-board-foot strong{font-size:12px}.ui-motion-toggle{min-height:44px;font-size:11px}.ui-demo-pointer-board{display:none}}
@media(max-width:767px){.ui-hero{height:auto;min-height:760px}.ui-board-body{gap:0;padding:0}.ui-board-map{height:230px}.ui-board-main{padding:14px 14px 12px}.ui-board-foot{gap:10px;padding:8px 10px}}
@media(max-width:767px){.ui-hero .ui-demo-pointer-board{display:block;width:19px;height:23px}.ui-zip-list{padding-left:24px}.ui-zip-card{height:44px}.ui-zip-card strong{font-size:16px}.ui-stop-num{margin-top:14px}.ui-stop-pickup::before{top:30px;bottom:-30px}.ui-stage-stops .ui-work-head{gap:6px}.ui-work-actions{gap:4px}.ui-work-actions span{padding-inline:7px;font-size:10px}.ui-work-actions .icon{width:12px;height:12px}}
@media(max-width:767px){.ui-stop-swap{top:calc(50% + 30px)}}
@media(max-width:767px){.ui-hero .ui-board-main{min-height:570px}.ui-equip-grid{gap:12px}.ui-equip-copy small{font-size:10px;line-height:14px}.ui-equip-card .ui-equip-copy{min-height:62px}.ui-booking-timing{grid-template-columns:1fr;gap:20px}.ui-booking-input{height:44px;font-size:16px}.ui-booking-label{flex-wrap:wrap}.ui-booking-calendar{top:76px;width:100%;max-width:334px;padding:10px}.ui-calendar-days>span{min-height:38px;font-size:13px}.ui-window-menu{top:76px}.ui-window-menu>span{min-height:40px;font-size:14px}.ui-booking-freight{gap:10px}.ui-pallet-heading>span{font-size:10px}.ui-pallet-footer{align-items:flex-start;gap:5px}.ui-pallet-footer>span,.ui-pallet-footer small{font-size:10px}.ui-rate-search{height:44px;font-size:14px}.ui-hero .ui-hero-rate{grid-template-columns:16px 36px minmax(0,1fr);min-height:80px;gap:6px 10px;padding:12px}.ui-rate-monogram{width:36px;height:36px}.ui-hero-rate-total{grid-column:3;text-align:left}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{grid-template-columns:16px 44px minmax(0,1fr);padding-block:14px}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-monogram{width:44px;height:40px}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total{grid-column:2/4}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{font-size:24px;line-height:28px}.ui-rate-filters{gap:5px}.ui-rate-filters>span{padding-inline:8px;font-size:10px}.ui-rate-review{padding:10px}.ui-board-foot{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.ui-board-foot .ui-foot-price{display:none}.ui-board-foot .ui-next{padding-inline:12px}}
@media(min-width:768px) and (max-width:1023px){.ui-booking-timing{grid-template-columns:1fr;gap:16px}.ui-booking-calendar{width:min(292px,100%)}.ui-hero-rate{gap:8px;padding-inline:10px}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{grid-template-columns:16px 40px minmax(0,1fr)}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-monogram{width:40px;height:40px}.ui-hero-rate-total{grid-column:3;text-align:left}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{font-size:20px;line-height:28px}}
@media(max-width:767px){.ui-hero .ui-board-main{height:660px;min-height:660px}.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-monogram{height:44px;border-radius:12px}.ui-pallet-footer{flex-wrap:wrap}.ui-pallet-footer>span,.ui-pallet-footer small{font-size:11px}.ui-equip-copy small{font-size:11px;line-height:16px}.ui-equip-card .ui-equip-copy{min-height:70px}.ui-hero .ui-booking-note{display:none}.ui-board-foot{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.ui-board-foot>span:nth-child(3){display:none}.ui-board-foot .ui-next{min-height:44px}.ui-board-foot strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(max-width:359px){.ui-board-foot{grid-template-columns:minmax(0,1fr) auto}.ui-board-foot>span:nth-child(2){display:none}}
@media(max-width:767px){.ui-board-map{margin:0 14px 64px;border:1px solid var(--ui-rule);border-radius:12px}.ui-map-scene-desktop{display:none}.ui-map-scene-phone{display:block;background-image:url('/assets/booking-map/phone-dark.png')}:root[data-theme=light] .ui-map-scene-phone{background-image:url('/assets/booking-map/phone-light.png')}.ui-map-origin{bottom:24px}.ui-map-zoom{bottom:28px}.ui-map-credit{font-size:8px}.ui-map-fit{display:none}.ui-hero>.ui-motion-toggle{top:auto;bottom:10px}}
@media(max-width:639px){#platform .source-f20c1c96b07c{min-height:352px;min-width:0;width:100%;aspect-ratio:auto}}
@media(max-width:767px){.source-ltl-demo-pane:has(.ui-ltl-preview){height:auto;aspect-ratio:auto}.ui-ltl-preview{min-height:650px}.ui-ltl-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.ui-ltl-summary{min-height:205px}.ui-ltl-review-state{margin-top:10px}}
@media(max-width:420px){.ui-ltl-preview{min-height:664px}.ui-ltl-appbar{gap:8px;padding-inline:11px}.ui-ltl-breadcrumb{display:none}.ui-ltl-layout{padding:12px}.ui-ltl-heading>small{display:none}.ui-ltl-rate{grid-template-columns:12px 34px minmax(0,1fr) 15px;padding-inline:7px}.ui-ltl-rate>.ui-carrier-logo{width:34px}.ui-ltl-preview-footer>span{max-width:160px}.ui-board-foot{gap:8px}.ui-fact-load{display:none}}
@media(max-width:359px){#platform .source-f20c1c96b07c{min-height:392px}.ui-board-rail span{font-size:10px}.ui-mini{padding-inline:9px}.ui-mini .ui-record-icon{display:none}.ui-mini .ui-status{font-size:9px}.ui-equipment-choice{font-size:9px}}
/* October 21 booking parity: steady cards, a custom pickup range and compact rates. */
.ui-hero .ui-stage-timing .ui-work-help{margin-bottom:12px;font-size:12px;line-height:18px}
.ui-hero .ui-pickup-planner{position:relative;padding:12px}
.ui-hero .ui-pickup-planner>.ui-field-hint{position:absolute;top:13px;right:12px;margin:0;font-size:9px}
.ui-hero .ui-pickup-day{min-height:58px;padding:4px 2px;gap:0}
.ui-hero .ui-pickup-day strong{font-size:20px;line-height:24px}
.ui-hero .ui-pickup-day small{font-size:10px;line-height:12px}
.ui-hero .ui-pickup-window{margin-top:8px;padding-top:8px}
.ui-hero .ui-pickup-range{margin-top:8px}
.ui-hero .ui-pickup-planner .ui-field-hint{font-size:10px;line-height:16px}
.ui-hero .ui-pickup-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.ui-hero .ui-pickup-presets .ui-pickup-no-preference{grid-column:auto}
.ui-hero .ui-pickup-presets>span{min-height:34px;justify-content:center;padding:4px 3px;font-size:10px;line-height:13px;white-space:normal;text-align:center}
.ui-hero .ui-pickup-presets i{display:none}
.ui-hero .ui-pickup-presets .ui-preset-custom{grid-column:auto}
.ui-hero .ui-preset-custom-label{display:block;font-size:10px;line-height:12px}
.ui-hero .ui-preset-custom-label small{font-size:10px;line-height:12px;white-space:nowrap;color:var(--ink)}
.ui-hero[data-ui-window-start-ready] .ui-pickup-presets .ui-preset-initial{display:none}
.ui-hero .ui-board-foot strong{font-size:14px;font-weight:600;line-height:20px}
.ui-hero .ui-board-foot small{font-size:11px;line-height:16px}
.ui-hero .ui-hero-rate-chosen .ui-rate-monogram,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-monogram{width:40px;height:40px;flex:none;border-radius:10px;font-size:14px}
@media(min-width:1024px){.ui-hero:is([data-ui-step="4"],[data-ui-step="5"]) .ui-board-body{grid-template-columns:minmax(0,1fr) 340px}}
@media(min-width:768px) and (max-width:1023px){
  .ui-hero .ui-pickup-toolbar{flex-wrap:nowrap;gap:8px}
  .ui-hero .ui-pickup-toolbar .ui-date-control{width:auto;min-width:130px}
  .ui-hero .ui-pickup-day{min-height:54px}
  .ui-hero .ui-pickup-week{gap:4px}
  .ui-hero .ui-pickup-planner{padding:10px}
  .ui-hero .ui-pickup-window-summary>small{display:none}
  .ui-hero .ui-preset-custom>.icon{display:none}
  .ui-hero .ui-rate-columns{display:none}
  .ui-hero .ui-hero-rate,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:80px;padding:12px}
  .ui-hero .ui-hero-rate-service,.ui-hero .ui-hero-rate-transit{display:none}
  .ui-hero .ui-rate-compact-meta{display:block!important}
  .ui-hero .ui-hero-rate-total,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total{grid-column:auto;text-align:right}
  .ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{font-size:16px;line-height:22px}
  .ui-hero .ui-rate-sort>small{display:none}
  .ui-hero .ui-rate-sort>span{gap:6px;padding-inline:8px;font-size:11px}
  .ui-hero .ui-board-foot{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto}
  .ui-hero .ui-board-foot>span:nth-child(3),.ui-hero .ui-board-foot>.ui-foot-price{display:none}
}
@media(max-width:767px){
  .ui-hero .ui-board-main{height:680px;min-height:680px}
  .ui-hero .ui-board-back{display:none}
  .ui-hero .ui-zip-list{padding:0;gap:28px}
  .ui-hero .ui-zip-stop{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .ui-hero .ui-stop-card{padding:12px}
  .ui-hero .ui-stop-num{width:24px;height:24px;margin-top:14px}
  .ui-hero .ui-stop-delivery .ui-stop-num{margin-top:47px}
  .ui-hero .ui-stop-pickup::before{top:38px;bottom:-75px;left:17px}
  .ui-hero .ui-stop-swap{top:auto;bottom:-14px;left:0;width:36px;height:44px;transform:translateY(50%)}
  .ui-hero .ui-stop-place{min-height:32px;margin-top:8px;gap:8px}
  .ui-hero .ui-zip-city{font-size:14px;line-height:20px}
  .ui-hero .ui-zip-edit{font-size:11px}
  .ui-hero .ui-add-stop{margin-left:44px}
  .ui-hero .ui-pickup-toolbar{flex-wrap:nowrap;gap:8px}
  .ui-hero .ui-pickup-toolbar .ui-date-control{height:36px;min-width:0;width:36px;flex:none;justify-content:center;padding:0}
  .ui-hero .ui-pickup-toolbar .ui-date-control>span,.ui-hero .ui-pickup-toolbar .ui-date-control>.chevron-icon{display:none}
  .ui-hero .ui-pickup-planner>.ui-field-hint{position:static;margin-top:6px;font-size:9px;line-height:14px}
  .ui-hero .ui-pickup-window>.ui-field-hint{font-size:9px;line-height:14px}
  .ui-hero .ui-pickup-week{grid-template-columns:repeat(7,minmax(40px,1fr));overflow-x:auto;scrollbar-width:none}
  .ui-hero .ui-pickup-window-summary{flex-wrap:wrap}
  .ui-hero .ui-pickup-window-summary>small{font-size:9px}
  .ui-hero .ui-range-values .ui-booking-input{height:40px;padding-inline:8px;font-size:14px}
  .ui-hero .ui-range-values .icon{width:12px;height:12px}
  .ui-hero .ui-pickup-presets{grid-template-columns:1fr 1fr}
  .ui-hero .ui-pickup-presets>span:not(.ui-pickup-no-preference):not(.ui-preset-initial):not(.ui-preset-custom){display:none}
  .ui-hero .ui-pickup-presets>span{min-height:36px;padding:6px;font-size:11px;line-height:16px}
  .ui-hero .ui-equip-card .ui-equip-copy{min-height:94px;padding:8px}
  .ui-hero .ui-equip-copy strong{font-size:12px;line-height:17px}
  .ui-hero .ui-equip-copy small{font-size:10px;line-height:15px}
  .ui-hero .ui-board-foot strong{font-size:12px;line-height:18px}
  .ui-hero .ui-board-foot small{font-size:10px;line-height:14px}
  .ui-hero .ui-rate-toolbar{gap:8px}
  .ui-hero .ui-rate-search{height:44px;padding-inline:10px;font-size:12px}
  .ui-hero .ui-rate-sort>small{display:none}
  .ui-hero .ui-rate-sort>span{height:44px;gap:5px;padding-inline:8px;font-size:11px}
  .ui-hero .ui-rate-columns{display:none}
  .ui-hero .ui-hero-rate,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{grid-template-columns:minmax(0,1fr) auto;min-height:80px;gap:12px;padding:12px}
  .ui-hero .ui-hero-rate-service,.ui-hero .ui-hero-rate-transit{display:none}
  .ui-hero .ui-rate-compact-meta{display:block!important}
  .ui-hero .ui-hero-rate-total,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total{grid-column:auto;text-align:right}
  .ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-hero-rate-total>strong{font-size:16px;line-height:22px}
  .ui-hero .ui-rate-summary{height:230px;margin:0 14px 64px;padding:14px;gap:10px;border-radius:12px;overflow:hidden}
  .ui-hero .ui-rate-summary-stops{display:none}
  .ui-hero .ui-rate-summary-lane{display:block;margin:0;font-size:12px;font-weight:500;line-height:18px}
  .ui-hero .ui-rate-summary-facts{grid-template-columns:1fr .7fr 1.2fr;gap:8px;padding-block:10px}
  .ui-hero .ui-rate-summary-facts>span:last-child{grid-column:auto}
  .ui-hero .ui-rate-summary-facts small{font-size:9px}
  .ui-hero .ui-rate-summary-facts strong{font-size:10px;line-height:14px}
  .ui-hero .ui-rate-summary-label{display:none}
  .ui-hero .ui-rate-summary-price{display:grid;grid-template-columns:minmax(0,1fr)}
  .ui-hero .ui-rate-summary-selected,.ui-hero .ui-rate-summary-empty{grid-area:1/1}
  .ui-hero .ui-rate-summary-selected{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .ui-hero .ui-rate-summary-empty{min-height:40px;padding:0;font-size:12px}
  .ui-hero .ui-rate-summary-carrier .ui-rate-monogram{width:32px;height:32px;flex:none;font-size:12px}
  .ui-hero .ui-rate-summary-carrier strong{font-size:12px;line-height:18px}
  .ui-hero .ui-rate-summary-carrier small{font-size:10px}
  .ui-hero .ui-rate-summary-total{margin:0;font-size:18px;line-height:26px;white-space:nowrap}
}
@media(max-width:359px){
  .ui-hero .ui-work-head{flex-wrap:wrap;row-gap:4px}
  .ui-hero .ui-pickup-planner{padding:10px}
  .ui-hero .ui-pickup-window-summary>small{display:none}
  .ui-hero .ui-rate-toolbar{flex-wrap:wrap}
  .ui-hero .ui-rate-search{flex-basis:100%}
  .ui-hero .ui-rate-sort{width:100%}
  .ui-hero .ui-rate-sort>span{width:100%;justify-content:space-between}
  .ui-hero .ui-pickup-presets{grid-template-columns:1fr 1fr}
}
/* The final stage reviews the same entered facts and has one bottom action. */
.ui-book-example-note{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:16px}
.ui-booking-review{min-width:0;padding:16px;border:1px solid var(--ui-rule);border-radius:14px;background:var(--canvas)}
.ui-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ui-review-heading>strong{font-size:15px;font-weight:600;line-height:22px}
.ui-review-heading>span,.ui-review-edit{color:var(--muted);font-size:11px;line-height:18px;text-decoration:underline;text-underline-offset:3px}
.ui-review-heading>span{white-space:nowrap}
.ui-review-stops{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding-top:14px;border-top:1px solid var(--ui-rule)}
.ui-review-stops dt,.ui-review-facts dt{color:var(--muted);font-size:10px;line-height:16px;text-transform:uppercase;letter-spacing:.06em}
.ui-review-stops dd{margin:6px 0 0;font-size:15px;font-weight:500;line-height:22px}
.ui-review-stops dd small{margin-top:2px;font-size:12px;line-height:18px}
.ui-review-facts{display:grid;gap:12px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--ui-rule)}
.ui-review-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}
.ui-review-facts dt{flex:none}
.ui-review-facts dd{min-width:0;margin:0;font-size:13px;font-weight:500;line-height:20px;text-align:right;overflow-wrap:anywhere}
.ui-review-facts dd small{margin-top:2px;font-size:11px;line-height:16px;font-weight:400}
.ui-review-edit{margin:12px 0 0}
.ui-board-foot .ui-foot-book{display:none}
.ui-hero[data-ui-step="5"] .ui-board-foot{grid-template-columns:minmax(0,1fr);padding:8px}
.ui-hero[data-ui-step="5"] .ui-board-foot>span:not(.ui-foot-book){display:none}
.ui-hero[data-ui-step="5"] .ui-board-foot>.ui-foot-book{display:flex;min-height:44px;width:100%;gap:8px;margin:0;background:#ffd814;color:#16140f;font-size:13px;font-weight:500}
.ui-foot-book>.icon{width:14px;height:14px}
@media(max-width:767px){
  .ui-booking-review{padding:12px}
  .ui-review-heading{gap:8px}
  .ui-review-heading>strong{font-size:14px;line-height:20px}
  .ui-review-heading>span{font-size:10px}
  .ui-review-stops{gap:12px;padding-top:12px}
  .ui-review-stops dd{font-size:14px;line-height:20px}
  .ui-review-facts{gap:14px;margin-top:12px;padding-top:12px}
  .ui-review-facts>div{gap:10px}
  .ui-review-facts dd{font-size:12px;line-height:18px}
}
/* Mobile is a focused product preview, not two stacked desktop workspaces. */
@media(max-width:767px){
  [data-home-hero]{padding-top:96px;padding-bottom:48px}
  [data-home-hero]>div>div:first-child{gap:16px}
  [data-home-hero]>div>div:has(.v2-board-frame){margin-top:24px}
  .ui-hero{height:auto;min-height:0}
  .ui-hero .ui-board-rail{min-height:40px;flex-wrap:nowrap;justify-content:space-between;gap:4px;padding:0 12px}
  .ui-hero .ui-board-rail span{padding:12px 0;font-size:11px;line-height:16px}
  .ui-hero .ui-board-rail i{display:none}
  .ui-hero .ui-board-main{height:480px;min-height:480px;padding:12px}
  .ui-hero .ui-work-head{margin-bottom:10px}
  .ui-hero .ui-work-head h2{font-size:18px;line-height:26px}
  .ui-hero .ui-work-actions,.ui-hero .ui-work-help{display:none}
  .ui-hero .ui-board-foot{min-height:54px;padding:8px;gap:8px}
  .ui-hero .ui-board-foot .ui-next{min-height:36px}
  .ui-hero .ui-board-foot strong{white-space:normal;line-height:16px}
  .ui-hero[data-ui-date-ready]:is([data-ui-step="2"],[data-ui-step="3"]) .ui-board-foot>span:first-child{display:none}
  .ui-hero[data-ui-date-ready]:is([data-ui-step="2"],[data-ui-step="3"]) .ui-board-foot>span:nth-child(3){display:block}
  .ui-hero[data-ui-date-ready]:is([data-ui-step="2"],[data-ui-step="3"]) .ui-board-foot .ui-foot-window{display:none}
  .ui-hero .ui-zip-list{gap:20px}
  .ui-hero .ui-stop-card{min-height:96px;padding:10px}
  .ui-hero .ui-stop-label{margin-bottom:6px;font-size:11px;line-height:14px}
  .ui-hero .ui-zip-card{height:36px}
  .ui-hero .ui-stop-place{min-height:24px;margin-top:6px}
  .ui-hero .ui-stop-pickup::before{bottom:-63px}
  .ui-hero .ui-add-stop{min-height:36px;margin-top:12px}
  .ui-hero .ui-equip-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .ui-hero .ui-equip-card{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;border-radius:9px}
  .ui-hero .ui-equip-photo{height:68px;max-height:none;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--ui-rule)}
  .ui-hero .ui-equip-card .ui-equip-copy{min-height:0;padding:6px 9px}
  .ui-hero .ui-equip-copy strong{font-size:13px;line-height:16px}
  .ui-hero .ui-equip-copy small{font-size:11px;line-height:14px;text-wrap:pretty}
  .ui-hero .ui-equip-card .ui-equip-radio-plate{top:5px;right:5px;width:22px;height:22px}
  .ui-hero .ui-equip-radio-plate .ui-booking-radio{width:14px;height:14px}
  .ui-hero .ui-equip-chosen .ui-booking-radio::after{inset:3px}
  .ui-hero .ui-pickup-planner{padding:10px}
  .ui-hero .ui-pickup-planner>.ui-field-hint,.ui-hero .ui-range-hint,.ui-hero .ui-pickup-presets{display:none}
  .ui-hero .ui-pickup-toolbar{margin-bottom:6px}
  .ui-hero .ui-pickup-toolbar .ui-date-control{height:32px}
  .ui-hero .ui-pickup-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;overflow:visible}
  .ui-hero .ui-pickup-day{min-height:46px;padding:4px 1px}
  .ui-hero .ui-pickup-day strong{font-size:18px;line-height:22px}
  .ui-hero .ui-pickup-day small{font-size:10px;line-height:11px}
  .ui-hero .ui-pickup-window{margin-top:8px;padding-top:8px}
  .ui-hero .ui-pickup-window>.ui-field-hint{font-size:10px;line-height:14px}
  .ui-hero .ui-pickup-window-summary>small{display:none}
  .ui-hero .ui-range-rail,.ui-hero .ui-range-cursor-anchor{height:36px}
  .ui-hero .ui-range-track{inset:6px 11px}
  .ui-hero .ui-range-handle{top:8px}
  .ui-hero .ui-range-values{gap:8px;margin-top:4px}
  .ui-hero .ui-range-values .ui-booking-input{height:34px;font-size:13px}
  .ui-hero .ui-booking-freight{gap:8px}
  .ui-hero .ui-booking-freight>.ui-field-hint,.ui-hero .ui-pallet-heading>span,.ui-hero .ui-pallet-footer>span,.ui-hero .ui-stackable small{display:none}
  .ui-hero .ui-pallet-matrix{gap:8px}
  .ui-hero .ui-booking-label{margin-bottom:5px;font-size:11px;line-height:14px}
  .ui-hero .ui-booking-input{height:34px;font-size:14px}
  .ui-hero .ui-pallet-footer{justify-content:flex-end}
  .ui-hero .ui-freight-services{padding-top:6px}
  .ui-hero .ui-service-columns{gap:8px;margin-top:4px}
  .ui-hero .ui-service-columns>div{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}
  .ui-hero .ui-service-side,.ui-hero .ui-service-choice{font-size:12px}
  .ui-hero .ui-service-choice>i{width:14px;height:14px;border-color:var(--muted)}
  .ui-hero .ui-rate-toolbar{flex-wrap:nowrap;margin-bottom:10px}
  .ui-hero .ui-rate-search{height:34px;flex-basis:auto}
  .ui-hero .ui-rate-sort,.ui-hero .ui-rate-count-footer,.ui-hero .ui-rate-review small{display:none}
  .ui-hero .ui-hero-rate,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen{min-height:72px;padding:9px;gap:8px}
  .ui-hero .ui-hero-rate-total .ui-rate-selected-label{color:var(--ink);font-size:10px;font-weight:500}
  .ui-hero .ui-hero-rate .ui-rate-monogram,.ui-hero[data-ui-rate-ready] .ui-hero-rate-chosen .ui-rate-monogram{width:32px;height:32px;border-radius:8px}
  .ui-hero .ui-rate-review{margin-top:10px;padding:9px}
  .ui-hero[data-ui-step="4"] .ui-foot-rate strong{font-size:18px;line-height:20px}
  .ui-hero .ui-booking-review{padding:10px}
  .ui-hero .ui-review-stops dt,.ui-hero .ui-review-facts dt{font-size:11px}
  .ui-hero .ui-review-facts{gap:10px}
  .ui-hero .ui-board-map,.ui-hero .ui-rate-summary{height:148px;margin:0 12px 12px;border-radius:10px;background:var(--canvas)}
  .ui-hero .ui-map-scene-phone{inset:auto;top:50%;left:8px;width:min(48%,156px);height:auto;aspect-ratio:3/2;transform:translateY(-50%);border-radius:7px;overflow:hidden}
  .ui-hero .ui-map-scene-phone .ui-map-pin circle{r:25px}
  .ui-hero .ui-map-scene-phone .ui-map-pin text{font-size:28px;font-weight:600}
  .ui-hero .ui-map-scene-phone .ui-map-pin-destination text{fill:var(--surface)}
  .ui-hero .ui-map-label,.ui-hero .ui-map-origin,.ui-hero .ui-map-destination{left:calc(min(48%,156px) + 20px);right:8px;max-width:none;padding:0;background:transparent;box-shadow:none;font-family:var(--font-body);font-size:10px;line-height:16px}
  .ui-hero .ui-map-label{top:26px}
  .ui-hero .ui-map-origin{top:52px;bottom:auto;color:var(--ink);font-size:11px;font-weight:500}
  .ui-hero .ui-map-destination{top:76px;color:var(--ink);font-size:11px;font-weight:500}
  .ui-hero .ui-map-origin::before,.ui-hero .ui-map-destination::before{display:inline-grid;width:14px;height:14px;margin-right:5px;place-items:center;border-radius:50%;font-size:9px;font-weight:600;line-height:14px;vertical-align:middle}
  .ui-hero .ui-map-origin::before{content:'1';background:var(--ink);color:var(--surface)}
  .ui-hero .ui-map-destination::before{content:'2';background:var(--ui-accent);color:var(--surface)}
  .ui-hero .ui-map-zoom{display:none}
  .ui-hero .ui-map-credit{height:16px;width:100%;padding-right:8px;background:var(--canvas);font-size:9px}
  .ui-hero .ui-map-empty{gap:4px;padding:16px}
  .ui-hero .ui-map-empty>.icon{width:20px;height:20px}
  .ui-hero .ui-map-empty strong{font-size:12px;line-height:18px}
  .ui-hero .ui-map-empty small{font-size:10px;line-height:14px}
  .ui-hero .ui-rate-summary{gap:6px;padding:10px}
  .ui-hero .ui-rate-summary-head{display:none}
  .ui-hero .ui-rate-summary-facts{display:none}
  .ui-hero .ui-rate-summary-selected{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:normal;gap:0 10px}
  .ui-hero .ui-rate-summary-charges{display:grid;grid-column:1/-1;gap:4px;margin-top:6px;padding-top:6px}
  .ui-hero .ui-rate-summary-charges>strong{font-size:11px;line-height:14px}
  .ui-hero .ui-rate-summary-charges>span{font-size:11px;line-height:14px}
  .ui-hero .ui-rate-summary-empty{font-size:11px}
}
@media(min-width:375px) and (max-width:767px){
  [data-home-hero]>div>div:first-child>div:last-child{flex-direction:row;flex-wrap:wrap}
  [data-home-hero]>div>div:first-child>div:last-child>a{flex:1;min-width:max-content}
}
@media(max-width:374px){
  .ui-hero .ui-stage-timing .ui-work-head{margin-bottom:8px}
  .ui-hero .ui-pickup-planner{padding:8px}
  .ui-hero .ui-pickup-window{margin-top:8px;padding-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .ui-range-handle,.ui-range-band{animation:none!important;transition:none!important}
  .ui-animate,[data-ui-live] .ui-sequence-target,.ui-demo-pointer,.ui-demo-pointer i,.ui-sequence-target,.ui-board-rail [aria-current]::after,.ui-type,.ui-stage,.ui-equip-card,.ui-pallet-value,.ui-commodity-value,.ui-review-list li,.ui-book-mark,.ui-route-color,.ui-status-1,.ui-equipment-choices,.ui-mini-steps span,.ui-confirm,.ui-confirm-stack{animation:none!important;transition:none!important}
  .ui-confirm,.ui-confirm-stack{opacity:1;visibility:visible;transform:none}
  .ui-board-rail,.ui-board-body,.ui-board-foot{visibility:hidden}
  .ui-route-color{stroke-dashoffset:0}
  .ui-map-pulse{animation:none!important;opacity:0!important}
  .ui-demo-pointer{display:none!important}
  .ui-type{max-width:none}
  .ui-mini,.ui-mini-content,.ui-ltl-preview,.ui-ltl-preview-content,.ui-board-body{transform:none!important}
  .ui-motion-toggle{display:none!important}
}