.dock-board-ui02[data-component="dock-assignment-board"]{color-scheme:inherit;--db-bg:var(--cargo-bg);--db-white:var(--cargo-paper);--db-ink:var(--cargo-ink);--db-muted:var(--cargo-stone);--db-line:var(--cargo-line);--db-soft:var(--cargo-soft);--db-gold:var(--cargo-orange);--db-cream:var(--cargo-tint);--db-wait:var(--cargo-bg);--db-green:var(--cargo-orange);--db-head:var(--cargo-soft);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cargo-ink);background:var(--db-bg);position:relative}
.dock-board-ui02[data-component="dock-assignment-board"] *{box-sizing:border-box}
.dock-board-ui02[data-component="dock-assignment-board"] .db-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.dock-board-ui02[data-component="dock-assignment-board"] .db-zone{font-size:10px;font-weight:650;letter-spacing:1px;color:var(--cargo-stone);padding:0 3px 9px;display:flex;align-items:center;gap:8px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-zone.db-wait-label{color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-zone.db-dock-label{grid-column:2/-1}
.dock-board-ui02[data-component="dock-assignment-board"] .db-zone.db-dock-label:after{content:"";height:1px;flex:1;background:var(--db-line)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-column{border:1px solid var(--db-line);background:var(--db-soft);border-radius:8px;min-width:0;display:flex;flex-direction:column;position:relative}
.dock-board-ui02[data-component="dock-assignment-board"] .db-column.db-waiting{background:var(--db-wait);border:1px dashed var(--cargo-line);margin-right:4px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-colhead{padding:12px 11px;min-height:var(--db-headheight,80px);border-bottom:1px solid var(--db-line);border-radius:7px 7px 0 0;display:flex;align-items:center;gap:9px;background:var(--db-head)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-waiting .db-colhead{background:transparent;border-bottom:1px dashed var(--cargo-line)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-bay-icon{width:35px;height:40px;flex-shrink:0;border:1px solid var(--cargo-line);border-bottom:3px solid var(--db-green);border-radius:5px 5px 0 0;display:grid;place-items:center;color:var(--cargo-ink);background:repeating-linear-gradient(0deg,transparent,transparent 5px,var(--cargo-sand) 5px,var(--cargo-sand) 6px)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-bay-icon svg{background:var(--db-head)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-waiting .db-bay-icon{border:0;border-radius:7px;background:var(--db-cream);color:var(--cargo-ink);height:35px;width:30px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-waiting .db-bay-icon svg{background:transparent}
.dock-board-ui02[data-component="dock-assignment-board"] .db-colname{font-size:15px;font-weight:700;white-space:nowrap}
.dock-board-ui02[data-component="dock-assignment-board"] .db-colmeta{font-size:11px;color:var(--cargo-stone);margin-top:3px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-waiting .db-colmeta{color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-count{font-size:11px;border-radius:12px;padding:1px 6px;background:var(--db-var(--cargo-paper));margin-left:5px;font-weight:500}
.dock-board-ui02[data-component="dock-assignment-board"] .db-lane{padding:8px;flex:1;min-height:410px;display:flex;flex-direction:column;gap:var(--db-cardgap,10px)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket{background:var(--db-var(--cargo-paper));border:1px solid var(--db-line);border-radius:7px;box-shadow:0 1px 2px rgb(37 36 34 / 0.0353);min-width:0;padding:11px 10px;cursor:grab;position:relative}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket:active{cursor:grabbing}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket:hover{border-color:var(--cargo-line)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:9px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-time{font-weight:700;font-size:13px;display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums}
.dock-board-ui02[data-component="dock-assignment-board"] .db-grip{display:flex;color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-driver{font-size:14px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.dock-board-ui02[data-component="dock-assignment-board"] .db-plate{display:flex;align-items:center;gap:5px;color:var(--cargo-stone);font-size:11px;margin-top:4px;font-variant-numeric:tabular-nums}
.dock-board-ui02[data-component="dock-assignment-board"] .db-status{display:inline-flex;font-size:11px;padding:2px 6px;border-radius:4px;margin-top:9px;background:var(--cargo-soft);color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-status.db-arrived{background:var(--cargo-soft);color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-status.db-loading{background:var(--cargo-soft);color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-trips{border-top:1px solid var(--db-line);margin-top:12px;padding-top:9px;display:grid;gap:6px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-trip{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.dock-board-ui02[data-component="dock-assignment-board"] .db-trip strong{font-size:12px;font-weight:700;margin-right:4px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metrics{display:flex;justify-content:space-between;gap:4px;margin-top:12px;padding-bottom:11px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metric{font-size:13px;font-variant-numeric:tabular-nums;font-weight:650}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metric span{display:block;color:var(--cargo-stone);font-size:10px;font-weight:400;margin-top:1px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-move{display:flex;align-items:center;border-top:1px solid var(--db-line);padding-top:8px;gap:5px;color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-move select{background:var(--db-var(--cargo-paper));border:0;min-width:0;width:100%;padding:3px 0;font-size:11px;font-weight:550;color:inherit}
.dock-board-ui02[data-component="dock-assignment-board"] .db-waiting .db-move{color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-empty{border:1px dashed var(--cargo-line);border-radius:6px;min-height:150px;margin:2px 0;padding:24px 8px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:var(--cargo-stone);font-size:11px;text-align:center}
.dock-board-ui02[data-component="dock-assignment-board"] .db-empty strong{font-size:12px;color:var(--cargo-ink);font-weight:500}
.dock-board-ui02[data-component="dock-assignment-board"] .db-dropfooter{color:var(--cargo-stone);font-size:10px;text-align:center;margin-top:auto;padding:18px 0 7px;display:flex;align-items:center;justify-content:center;gap:4px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-drag-active .db-dropfooter{color:var(--cargo-ink);font-weight:600}
.dock-board-ui02[data-component="dock-assignment-board"] .db-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;color:var(--cargo-stone);font-size:11px;padding-top:13px;min-height:34px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-undo{font-size:11px;border:0;background:transparent;color:var(--cargo-ink);text-decoration:underline;text-underline-offset:3px;padding:4px 2px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-undo[hidden]{display:none}
@media(max-width:900px) and (min-width:701px){
.dock-board-ui02[data-component="dock-assignment-board"] .db-board{gap:8px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-bay-icon{display:none}
.dock-board-ui02[data-component="dock-assignment-board"] .db-colname{font-size:14px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metric span{font-size:10px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket{padding:9px 7px}
}
@media(max-width:700px){
.dock-board-ui02[data-component="dock-assignment-board"] .db-board{grid-template-columns:1fr;gap:16px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-zone{display:none}
.dock-board-ui02[data-component="dock-assignment-board"] .db-column.db-waiting{margin-right:0}
.dock-board-ui02[data-component="dock-assignment-board"] .db-lane{min-height:0;padding:10px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-colhead{min-height:64px;padding:10px 13px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket{padding:13px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket-top{margin-bottom:5px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metric span{font-size:11px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metrics{justify-content:flex-start;gap:28px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-move select{font-size:16px;min-height:40px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-dropfooter{display:none}
.dock-board-ui02[data-component="dock-assignment-board"] .db-empty{min-height:100px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-grip{display:none}
.dock-board-ui02[data-component="dock-assignment-board"] .db-undo{min-height:44px}
}

.dock-board-ui02[data-component="dock-assignment-board"] select,.dock-board-ui02[data-component="dock-assignment-board"] button{font:inherit;color:inherit;box-sizing:border-box}
.dock-board-ui02[data-component="dock-assignment-board"] :is(select,button):focus-visible,.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket:focus-visible{outline:3px solid var(--cargo-orange);outline-offset:3px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-move select{min-height:0;max-width:100%;border:0;border-radius:0;padding:3px 0;background:var(--db-var(--cargo-paper));color:inherit;font-size:11px;font-weight:550}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket{margin:0;color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] svg{width:15px;height:15px;flex-shrink:0;vertical-align:middle}
.dock-board-ui02[data-component="dock-assignment-board"] .db-driver{color:var(--cargo-ink)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-trip a{color:inherit;text-decoration:none;font-size:12px;font-weight:700;margin-right:4px}
.dock-board-ui02[data-component="dock-assignment-board"] .db-trip a[href]:hover{text-decoration:underline}
.dock-board-ui02[data-component="dock-assignment-board"] .db-metric strong{font:inherit}
.dock-board-ui02[data-component="dock-assignment-board"] .db-undo{min-height:0;cursor:pointer;font-weight:400}
.dock-board-ui02[data-component="dock-assignment-board"] .db-undo[hidden],.dock-board-ui02[data-component="dock-assignment-board"] [hidden]{display:none}
.dock-board-ui02[data-component="dock-assignment-board"] .db-state{font-size:11px;color:var(--cargo-ink);margin:8px 0 0;overflow-wrap:anywhere}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket[draggable="false"]{cursor:pointer}
.dock-board-ui02[data-component="dock-assignment-board"] .db-move select:disabled{cursor:default;opacity:1}
.dock-board-ui02[data-component="dock-assignment-board"] .db-unknown{border-style:dashed}
.dock-board-ui02[data-component="dock-assignment-board"] .db-new{border-color:var(--db-gold);box-shadow:inset 3px 0 var(--db-gold)}
@media(max-width:700px){.dock-board-ui02[data-component="dock-assignment-board"] .db-move select{font-size:16px;min-height:40px}.dock-board-ui02[data-component="dock-assignment-board"] .db-undo{min-height:44px}}
.dock-board-ui02[data-component="dock-assignment-board"] .db-mobile-zone{display:none}
@media(max-width:700px){.dock-board-ui02[data-component="dock-assignment-board"] .db-mobile-zone{display:block;font-size:11px;color:var(--cargo-stone);letter-spacing:1px;margin:0 0 -8px}}
.dock-board-ui02[data-component="dock-assignment-board"] .db-column.db-over{outline:3px solid var(--cargo-orange);outline-offset:2px;background:var(--cargo-soft)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-column.db-waiting.db-over{outline-color:var(--cargo-orange);background:var(--db-cream)}
.dock-board-ui02[data-component="dock-assignment-board"] .db-ticket.db-dragging{opacity:.35}

.dock-board-ui02 .db-arrive{width:100%;margin-top:12px;min-height:36px;padding:8px 12px;border:1px solid var(--cargo-line);border-radius:6px;background:var(--cargo-soft);color:var(--cargo-ink);font:inherit;font-weight:600;font-size:13px}.dock-board-ui02 .db-arrive:disabled{opacity:1}.dock-board-ui02 .db-arrive[hidden]{display:none}@media(pointer:coarse){.dock-board-ui02 .db-arrive{min-height:44px}}/* Readable neutral colors for existing disabled controls. */.cargo-portal button:disabled,.cargo-portal select:disabled{color:var(--cargo-stone);background:var(--cargo-soft);border-color:var(--cargo-control)}