/* Compact warehouse rows: readable 16px body, 20px dates and 22px totals. */
.cp-board { --cp-secondary:#514b4b; --cp-action:#272222; --cp-body:1rem; --cp-date:1.25rem; --cp-number:1.375rem; box-sizing:border-box; width:100%; min-width:0; padding:var(--sp-4); color:var(--text); word-break:keep-all; font-size:var(--cp-body); line-height:1.5; container-type:inline-size; }
.cp-top,.cp-tools,.cp-controls,.cp-filters,.cp-tabs,.cp-view { display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap; }
.cp-top,.cp-controls { justify-content:space-between; }
.cp-top h2 { margin:0; font-size:var(--cp-number); font-weight:750; letter-spacing:-.03em; }
.cp-intro { margin:var(--sp-2) 0 0; color:var(--cp-secondary); font-size:var(--fs-body); }
.cp-tools { font-size:var(--fs-body); }
.cp-board button,.cp-board select,.cp-source { min-height:calc(var(--sp-10) + var(--sp-1)); font-size:var(--cp-body); }
.cp-board button { cursor:pointer; }
.cp-board button:focus-visible,.cp-order summary:focus-visible,.cp-source:focus-visible,.cp-search:focus-within { outline:3px solid var(--brand); outline-offset:3px; }
.cp-board button:active:not(:disabled) { transform:scale(.97); }
.cp-updated,.cp-muted { color:var(--cp-secondary); }
.cp-updated { text-align:right; }
.cp-source { display:inline-flex; align-items:center; gap:var(--sp-2); color:var(--cp-secondary); text-decoration:underline; white-space:nowrap; font-size:var(--fs-body); }
.cp-source svg,.cp-tools svg,.cp-search svg { width:var(--sp-5); height:var(--sp-5); }
.cp-message { font-size:var(--fs-body); color:var(--cp-secondary); margin:var(--sp-2) 0 var(--sp-3); line-height:1.5; }
.cp-message.cp-error { color:var(--brand); font-weight:650; }
.cp-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); margin-bottom:var(--sp-3); background:var(--panel); }
.cp-stats>div { padding:var(--sp-2) var(--sp-3); border-right:1px solid var(--line); }
.cp-stats>div:last-child { border:0; }
.cp-stats span { font-size:var(--cp-body); font-weight:650; }
.cp-stats strong { display:inline-block; margin-left:var(--sp-3); font-size:var(--cp-number); font-weight:750; font-variant-numeric:tabular-nums; margin-top:0; margin-bottom:0; }
.cp-stats small { margin-left:var(--sp-1); font-size:var(--cp-body); font-weight:500; }
.cp-stats p { margin:0; font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-controls { gap:var(--sp-3); }
.cp-tabs { gap:var(--sp-2); }
.cp-tabs button { border:1px solid var(--line); border-radius:0; background:var(--panel); color:var(--cp-secondary); padding:var(--sp-2) var(--sp-4); white-space:nowrap; }
.cp-tabs button[aria-selected=true] { color:#fff; border-color:var(--cp-action); background:var(--cp-action); font-weight:700; }
.cp-tabs button span { margin-left:var(--sp-2); font-size:var(--fs-body); font-variant-numeric:tabular-nums; }
.cp-view { gap:0; border:1px solid var(--line); }
.cp-view button { border:0; border-radius:0; background:var(--panel); padding:var(--sp-2) var(--sp-3); color:var(--cp-secondary); font-size:var(--fs-body); }
.cp-view button[aria-pressed=true] { color:var(--text); background:var(--bg); font-weight:750; box-shadow:inset 0 -3px var(--text); }
.cp-filters { margin:var(--sp-3) 0; }
.cp-search { display:flex; align-items:center; gap:var(--sp-2); border:1px solid var(--line); padding:0 var(--sp-3); flex:1; min-width:14rem; background:var(--panel); }
.cp-search input { border:0; border-radius:0; min-width:0; width:100%; background:transparent; padding:var(--sp-2) 0; min-height:calc(var(--sp-10) + var(--sp-1)); font-size:var(--cp-body); box-shadow:none; }
.cp-search input::placeholder { color:var(--cp-secondary); }
.cp-search svg { color:var(--cp-secondary); flex:none; }
.cp-filters select { width:auto; max-width:100%; border-radius:0; color:var(--text); }
.cp-result-count { font-size:var(--fs-body); color:var(--cp-secondary); white-space:nowrap; margin-left:auto; }
.cp-day-heading { font-size:var(--cp-body); font-weight:700; padding:var(--sp-3) 0 var(--sp-2); }
.cp-order-card { border:1px solid var(--line); margin-bottom:var(--sp-2); background:var(--panel); }
.cp-order { margin:0; }
.cp-order summary { display:grid; grid-template-columns:minmax(10rem,.8fr) minmax(12rem,1.5fr) minmax(7rem,.5fr) auto; gap:var(--sp-3); padding:var(--sp-3); align-items:center; cursor:pointer; list-style:none; }
.cp-order summary::-webkit-details-marker { display:none; }
.cp-expand { display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); min-height:calc(var(--sp-10) + var(--sp-1)); padding:var(--sp-2) var(--sp-3); border:1px solid var(--line); font-size:var(--cp-body); white-space:nowrap; }
.cp-expand svg { width:var(--sp-5); height:var(--sp-5); }
.cp-close-label { display:none; }
.cp-order[open] .cp-open-label { display:none; }
.cp-order[open] .cp-close-label { display:inline; }
.cp-order[open] .cp-expand svg { transform:rotate(180deg); }
.cp-identity { min-width:0; }
.cp-identity>div { display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2); margin-bottom:var(--sp-1); }
.cp-identity b { font-size:var(--cp-body); }
.cp-po { font-size:var(--fs-body); color:var(--cp-secondary); overflow-wrap:break-word; }
.cp-status { font-size:var(--fs-body); padding:var(--sp-1) var(--sp-2); background:var(--bg); white-space:nowrap; font-weight:650; }
.cp-status.cp-unconfirmed { background:#fff0d2; color:#73450a; }
.cp-status.cp-ready { background:#eaf1f8; color:#264d77; }
.cp-status.cp-working { background:#fff0d2; color:#73450a; }
.cp-status.cp-archived { color:var(--cp-secondary); }
.cp-status.cp-completed { background:#e5f2e9; color:#285b3a; }
.cp-request,.cp-changed { display:block; margin-top:var(--sp-1); font-size:var(--fs-body); }
.cp-request { color:#73450a; }
.cp-changed { color:#264d77; }
.cp-qty { text-align:right; }
.cp-qty>span,.cp-qty>small { font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-qty b { display:block; font-variant-numeric:tabular-nums; font-size:var(--cp-number); font-weight:750; color:var(--text); }
.cp-qty b small { font-weight:500; font-size:var(--cp-body); margin-left:var(--sp-1); }
.cp-shipping { min-width:0; }
.cp-transport { display:block; font-size:var(--cp-body); font-weight:650; color:var(--cp-secondary); }
.cp-shipping b { display:block; font-size:var(--cp-date); color:var(--text); font-weight:750; font-variant-numeric:tabular-nums; }
.cp-shipping b.cp-date-missing { color:#73450a; font-size:var(--cp-body); }
.cp-shipping small { display:block; margin-top:var(--sp-1); font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-work { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-1) var(--sp-3); border-top:1px solid var(--line); background:var(--bg); }
.cp-work>span { min-width:0; font-size:var(--fs-body); color:var(--cp-secondary); line-height:1.6; }
.cp-work-completed .cp-work { background:#f0f6f2; }
.cp-work-completed .cp-work b { color:#285b3a; font-weight:700; }
.cp-work-actions { display:flex; justify-content:flex-end; gap:var(--sp-2); flex-wrap:wrap; }
.cp-work-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); flex:none; white-space:nowrap; border:1px solid var(--cp-action); border-radius:0; padding:var(--sp-2) var(--sp-3); background:var(--cp-action); color:#fff; font-weight:700; }
.cp-work-button svg { width:var(--sp-5); height:var(--sp-5); }
.cp-work-completed .cp-work-button { background:var(--panel); color:var(--text); border-color:var(--line); }
.cp-work-button.cp-work-undo { background:var(--panel); color:var(--cp-secondary); border-color:var(--line); font-weight:500; }
.cp-board button:disabled { opacity:1; background:var(--bg); color:var(--cp-secondary); border-color:var(--line); cursor:wait; }
.cp-order-body { border-top:1px solid var(--line); padding:var(--sp-3); }
.cp-table-scroll { max-width:100%; }
.cp-product-caption { margin:0 0 var(--sp-2); font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-products { display:grid; gap:var(--sp-2); }
.cp-product-card { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(0,1.35fr); align-items:center; gap:var(--sp-3); border:1px solid var(--line); padding:var(--sp-3); }
.cp-product-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--sp-3); min-width:0; }
.cp-product-name { display:flex; align-items:center; gap:var(--sp-2); min-width:0; }
.cp-product-name h4 { font-size:var(--cp-body); margin:0; min-width:0; line-height:1.5; font-weight:700; overflow-wrap:break-word; }
.cp-thumb { display:flex; align-items:center; justify-content:center; flex:none; width:calc(var(--sp-6) * 2); height:calc(var(--sp-6) * 2); background:var(--bg); color:var(--cp-secondary); font-size:var(--fs-small); font-weight:400; overflow:hidden; }
.cp-thumb img { width:100%; height:100%; object-fit:contain; }
.cp-product-total { flex:none; text-align:right; font-size:var(--fs-body); }
.cp-product-total>span,.cp-product-total>small { display:block; color:var(--cp-secondary); font-size:var(--fs-body); }
.cp-product-total strong { font-size:var(--cp-number); font-variant-numeric:tabular-nums; }
.cp-product-total strong small { font-size:var(--cp-body); margin-left:var(--sp-1); }
.cp-size-list { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:0; }
.cp-size-quantity { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:0 var(--sp-2); min-width:calc(var(--sp-8) * 2); padding:var(--sp-1) var(--sp-2); background:var(--bg); border:1px solid var(--line); }
.cp-size-quantity>span { font-size:var(--cp-body); font-weight:650; }
.cp-size-quantity b { font-size:var(--cp-date); font-variant-numeric:tabular-nums; }
.cp-size-quantity b small { font-size:var(--fs-body); font-weight:500; margin-left:var(--sp-1); }
.cp-size-quantity>small { grid-column:1 / -1; text-align:center; font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-detail-meta,.cp-foot { font-size:var(--fs-body); color:var(--cp-secondary); line-height:1.7; margin:var(--sp-4) 0 0; }
.cp-foot { margin-bottom:var(--sp-4); }
.cp-empty { text-align:center; padding:var(--sp-8); color:var(--cp-secondary); font-size:var(--cp-body); }
@container(max-width:900px) {
 .cp-controls { align-items:flex-start; }
 .cp-product-card { grid-template-columns:1fr; }
 .cp-order summary { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:var(--sp-2) var(--sp-3); }
 .cp-identity { grid-column:2 / 4; }
 .cp-qty { grid-column:1 / 3; text-align:left; }
 .cp-qty b { display:inline; margin:0 var(--sp-3); }
 .cp-expand { grid-column:3; }
 .cp-result-count { width:100%; margin-left:0; }
}
@container(max-width:620px) {
 .cp-top { align-items:flex-start; }
 .cp-tools { width:100%; }
 .cp-updated { text-align:left; }
 .cp-stats { grid-template-columns:1fr; }
 .cp-stats>div { display:flex; align-items:baseline; gap:var(--sp-3); flex-wrap:wrap; padding:var(--sp-3); border-right:0; border-bottom:1px solid var(--line); }
 .cp-stats p { margin-left:auto; }
 .cp-stats strong { font-size:var(--cp-number); margin:0; }
 .cp-tabs { gap:var(--sp-2); }
 .cp-tabs button { flex:1 0 auto; padding:var(--sp-2) var(--sp-3); }
 .cp-search { flex-basis:100%; min-width:0; }
 .cp-filters select { flex:1; min-width:0; }
 .cp-order summary { grid-template-columns:minmax(0,1fr) auto; padding:var(--sp-3); gap:var(--sp-2); }
 .cp-shipping { grid-column:1; }
 .cp-identity { grid-column:1 / -1; grid-row:2; }
 .cp-qty { grid-column:2; grid-row:1; text-align:right; }
 .cp-expand { grid-column:1 / -1; }
 .cp-shipping small { margin-top:var(--sp-1); }
 .cp-qty b { display:block; margin:0; }
 .cp-expand { justify-self:stretch; }
 .cp-work { padding:var(--sp-1) var(--sp-3); gap:var(--sp-2); flex-wrap:wrap; }
 .cp-work-actions { margin-left:auto; }
 .cp-work>span { font-size:var(--fs-small); }
 .cp-order-body { padding:var(--sp-3); }
 .cp-product-heading { align-items:flex-start; flex-wrap:wrap; }
 .cp-product-total { margin-left:auto; display:flex; align-items:baseline; gap:var(--sp-2); flex-wrap:wrap; }
 .cp-size-list { display:flex; }
 .cp-size-quantity { min-width:calc(var(--sp-8) * 2); }
}
@media(max-width:540px) { .cp-board { padding:var(--sp-3); } }

/* A receiving day and center are one warehouse job, with PO actions kept in a secondary disclosure. */
.cp-priority-heading { margin:var(--sp-5) 0 var(--sp-3); padding-top:var(--sp-3); border-top:1px solid var(--line); }
.cp-priority-heading:first-child { margin-top:0; border-top:0; }
.cp-priority-heading h3 { margin:0; font-size:var(--cp-body); font-weight:750; }
.cp-priority-heading p { margin:var(--sp-1) 0 0; font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-receiving-card { border:1px solid var(--line); background:var(--panel); margin-bottom:var(--sp-3); }
.cp-receiving>summary { display:grid; grid-template-columns:minmax(8rem,.7fr) minmax(0,2fr) auto auto; align-items:center; gap:var(--sp-4); padding:var(--sp-3); cursor:pointer; list-style:none; }
.cp-receiving>summary::-webkit-details-marker { display:none; }
.cp-receiving>summary:focus-visible,.cp-group-orders>summary:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.cp-receiving-date { display:grid; gap:var(--sp-1); }
.cp-receiving-date>span { color:var(--cp-secondary); font-size:var(--fs-body); }
.cp-receiving-date>b { font-size:var(--cp-date); font-variant-numeric:tabular-nums; white-space:nowrap; }
.cp-receiving-date>small { font-size:var(--fs-body); color:var(--cp-secondary); }
.cp-receiving-date>b.cp-date-missing,.cp-receiving-date>.cp-dispatch-warning { font-size:var(--fs-body); color:#73450a; }
.cp-receiving-center { min-width:0; }
.cp-receiving>summary .cp-group-total { grid-column:auto; text-align:right; }
.cp-receiving>summary .cp-group-total>b { display:block; margin:0; }
.cp-receiving>summary .cp-expand { grid-column:auto; }
.cp-receiving-center>b { font-size:var(--cp-body); }
.cp-group-preview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:var(--sp-1); color:var(--cp-secondary); font-size:var(--fs-body); word-break:keep-all; }
.cp-receiving[open]>summary .cp-open-label { display:none; }
.cp-receiving[open]>summary .cp-close-label { display:inline; }
.cp-receiving[open]>summary .cp-expand svg { transform:rotate(180deg); }
.cp-receiving-body { border-top:1px solid var(--line); padding:var(--sp-3); }
.cp-group-orders { margin-top:var(--sp-3); }
.cp-group-orders>summary { cursor:pointer; color:var(--cp-secondary); font-size:var(--fs-body); padding:var(--sp-2) 0; }
.cp-group-orders>div { margin-top:var(--sp-2); }
.cp-group-orders .cp-order-card:last-child { margin-bottom:0; }
@container(max-width:620px) {
 .cp-receiving>summary { grid-template-columns:minmax(0,1fr) auto; gap:var(--sp-2) var(--sp-3); }
 .cp-receiving-date { grid-column:1; }
 .cp-receiving-center { grid-column:1 / -1; grid-row:2; }
 .cp-receiving>summary .cp-group-total { grid-column:2; grid-row:1; text-align:right; }
 .cp-receiving>summary .cp-expand { grid-column:1 / -1; }
 .cp-receiving .cp-group-total>b { display:block; margin:0; }
}

/* Physical boxes preserve the packing-list number across merged purchase orders. */
.cp-box-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--sp-3); padding:var(--sp-4) 0 var(--sp-2); }
.cp-box-heading h3,.cp-box-unassigned h3 { margin:0; font-size:var(--fs-title); }
.cp-box-heading p,.cp-box-unassigned p { margin:var(--sp-1) 0; color:var(--cp-secondary); font-size:var(--fs-sub); }
.cp-box-heading>b { white-space:nowrap; font-size:var(--fs-body); }
.cp-box-card { border:1px solid var(--line); margin-bottom:var(--sp-2); background:var(--panel); }
.cp-box-row { position:relative; padding:var(--sp-3); }
.cp-box-row>details { min-width:0; width:100%; }
.cp-box-row>button { position:absolute; top:var(--sp-3); right:var(--sp-3); white-space:nowrap; }
.cp-box-row summary { cursor:pointer; display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2); min-height:var(--sp-10); list-style:none; padding-right:6.5rem; }
.cp-box-row summary::-webkit-details-marker { display:none; }
.cp-box-row summary>b { white-space:nowrap; font-size:var(--fs-title); }
.cp-box-row summary>span { white-space:nowrap; font-variant-numeric:tabular-nums; }
.cp-box-row summary>small { order:1; flex-basis:100%; font-size:var(--fs-sub); color:var(--cp-secondary); }
.cp-box-chevron { margin-left:auto; }
.cp-box-chevron svg { width:var(--sp-4); height:var(--sp-4); }
.cp-box-row details[open] .cp-box-chevron { transform:rotate(180deg); }
.cp-box-history { margin:0; padding:0 var(--sp-3) var(--sp-2); font-size:var(--fs-sub); color:var(--cp-secondary); }
.cp-box-done { border-left:3px solid #285b3a; }
.cp-box-body .cp-product-caption { display:none; }
.cp-box-body { margin-top:var(--sp-2); }
.cp-box-unassigned { padding:var(--sp-3); border:1px dashed var(--line); margin-top:var(--sp-4); }
.cp-box-unassigned>div { display:flex; flex-wrap:wrap; gap:var(--sp-2); padding-top:var(--sp-2); font-size:var(--fs-body); }
.cp-box-unassigned>div>span { color:var(--cp-secondary); }
@container (max-width:520px) {
 .cp-box-heading { align-items:flex-start; flex-direction:column; gap:var(--sp-1); }
 .cp-box-row { padding:var(--sp-2); }

 .cp-box-row>button { top:var(--sp-2); right:var(--sp-2); padding:var(--sp-2); font-size:var(--fs-body); }
 .cp-box-row summary>b { font-size:var(--fs-body); }
}