.pallet-layout-panel { padding: 1.5rem; border: 1px solid #b8d3c7; border-radius: 16px; background: #f8fbf9; margin-block: 1.5rem; }
.pallet-layout-dimensions, .pallet-layout-coordinates { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-block: 1rem; }
.pallet-layout-coordinates { grid-template-columns: repeat(4,minmax(0,1fr)); }
.pallet-layout-actions, .pallet-layout-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-block: 1rem; }
.pallet-layout-toolbar label { min-width: 130px; }
.pallet-layout-workspace { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 24px; }
[data-layout-view] { border: 1px solid #c5d8cf; border-radius: 12px; background: #fff; cursor: grab; touch-action: none; min-height: 260px; }
[data-layout-view]:active { cursor: grabbing; }
[data-layout-view]:focus-visible { outline: 3px solid #007f6d; outline-offset: 3px; }
.pallet-layout-scene { display: block; width: 100%; height: auto; max-height: 460px; }
.pallet-layout-hint { padding: 12px; background: #e7f2eb; border-left: 4px solid #008c75; border-radius: 8px; }
.pallet-layout-fumigation { padding: 12px; background: #fff0ed; border-left: 4px solid #b83221; border-radius: 8px; color: #842619; font-weight: 700; }
.pallet-layout-order { max-height: 270px; overflow: auto; padding-inline-start: 28px; }
.pallet-layout-order button { background: transparent; border: 1px solid transparent; border-radius: 8px; color: inherit; padding: 8px; min-height: 44px; text-align: start; overflow-wrap: anywhere; }
.pallet-layout-order button[aria-current] { border-color: #007f6d; background: #e7f2eb; }
.pallet-layout-client { display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: var(--client-color); margin-inline-end: 8px; }
.pallet-layout-validation { padding-block: 8px; overflow-wrap: anywhere; }
.pallet-layout-guide code { overflow-wrap: anywhere; }
@media (max-width: 850px) { .pallet-layout-workspace { grid-template-columns: 1fr; } .pallet-layout-panel { padding: 1rem; } }
@media (max-width: 480px) { .pallet-layout-dimensions, .pallet-layout-coordinates { grid-template-columns: repeat(2,minmax(0,1fr)); } .pallet-layout-actions > button { width: 100%; } }

.pallet-layout-client-0 { background: #007f6d; }
.pallet-layout-client-1 { background: #4869ad; }
.pallet-layout-client-2 { background: #a56127; }
.pallet-layout-client-3 { background: #7e52a0; }
.pallet-layout-client-4 { background: #347d42; }
.pallet-layout-client-5 { background: #8e5262; }

.dispatch-unload-cards { padding: 0; list-style-position: inside; max-height: 420px; overflow: auto; }
.dispatch-unload-cards li { display:flex; align-items:center; gap:8px; padding:10px; border-bottom:1px solid #c5d8cf; }
.dispatch-unload-cards li div { flex:1; min-width:0; }
.dispatch-unload-cards li small { display:block; overflow-wrap:anywhere; }
.dispatch-unload-cards button { min-width:44px; min-height:44px; }
#dispatch-saved-guidance select { width:100%; }
#dispatch-saved-guidance ol { max-height:300px; overflow:auto; overflow-wrap:anywhere; }

.loading-position small { font-size:11px; max-width:90px; overflow:hidden; text-overflow:ellipsis; }
#truck-pallet-contents { overflow-wrap:anywhere; }