#sd-planning-charts .shipment-matrix table{border-collapse:separate;border-spacing:0;min-width:0;table-layout:fixed}
#sd-planning-charts .shipment-matrix th,#sd-planning-charts .shipment-matrix td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;text-align:center;vertical-align:middle;font-variant-numeric:tabular-nums}
#sd-planning-charts .shipment-matrix thead th{position:sticky;top:0;z-index:3;white-space:nowrap;background:var(--soft);font-weight:600}
#sd-planning-charts .shipment-matrix .shipment-spu{position:sticky;left:0;z-index:1;background:var(--paper);color:var(--ink);font-size:14px}
#sd-planning-charts .shipment-matrix .shipment-color{text-align:left}
#sd-planning-charts .shipment-matrix .shipment-base{text-align:left;white-space:nowrap;font-size:12px}
#sd-planning-charts .shipment-matrix .shipment-picture{background:var(--paper)}
#sd-planning-charts .shipment-matrix .shipment-picture .shoe-photo{width:76px;height:76px}
#sd-planning-charts .shipment-size-cell{display:block;width:100%;padding:10px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;font-weight:500}
#sd-planning-charts .shipment-size-cell:hover{background:var(--soft);border-color:var(--blue)}
#sd-planning-charts .shipment-size-cell:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
#sd-planning-charts .shipment-size-cell.is-positive{color:var(--blue);background:var(--soft);font-weight:650}
#sd-planning-charts .shipment-size-cell.is-unknown{color:light-dark(#8b5a16,#e7bd73);font-size:12px}
#sd-planning-charts .shipment-size-cell.is-zero,#sd-planning-charts .shipment-size-empty{color:var(--muted)}
#sd-planning-charts .shipment-matrix small{display:block}

#sd-planning-charts .shipment-matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;flex-wrap:wrap}
#sd-planning-charts .shipment-matrix-toolbar p,#sd-planning-charts .shipment-matrix-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
#sd-planning-charts .shipment-matrix-note{padding:12px 18px}
#sd-planning-charts .shipment-matrix-toolbar button{white-space:nowrap}
.shipment-detail{color:light-dark(#172c43,#e4edf7);background:light-dark(#fff,#192536);color-scheme:light dark;border:1px solid light-dark(#dce4ed,#40506a);border-radius:12px;width:min(760px,calc(100vw - 32px));max-height:88vh;padding:0;box-shadow:0 16px 70px #0004}
.shipment-detail::backdrop{background:#172c4380}
.shipment-detail header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:20px 24px;border-bottom:1px solid light-dark(#e2e8f0,#40506a);position:sticky;top:0;background:inherit;z-index:1}
.shipment-detail h2{font-size:19px;margin:0}.shipment-detail h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}
.shipment-detail-sub,.shipment-source{font-size:12px;line-height:1.7;color:light-dark(#61758b,#a4b6ca);margin:6px 0 0}
.shipment-detail button{background:transparent;color:inherit;border:1px solid light-dark(#dce4ed,#40506a);padding:8px 12px;border-radius:6px;white-space:nowrap;cursor:pointer}
.shipment-detail-body{padding:20px 24px}.shipment-detail article+article{border-top:1px solid light-dark(#dce4ed,#40506a);padding-top:24px;margin-top:24px}
.shipment-detail-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:light-dark(#f1f6fc,#253a53);padding:16px;margin:16px 0;border-radius:8px;font-size:13px}.shipment-detail-summary strong{font-size:25px;color:light-dark(#2868ad,#8ac0ff)}
.shipment-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;margin:20px 0}.shipment-detail dt{font-size:12px;color:light-dark(#61758b,#a4b6ca);margin-bottom:6px}.shipment-detail dd{margin:0;font-size:16px;font-variant-numeric:tabular-nums}.shipment-calculation,.shipment-warning{font-size:13px;line-height:1.8}.shipment-warning{color:light-dark(#8b5a16,#e7bd73)}
@media(max-width:600px){.shipment-detail header,.shipment-detail-body{padding:16px}.shipment-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-detail h2{font-size:17px}#sd-planning-charts .shipment-matrix .tabletitle{align-items:flex-start;flex-direction:column;gap:8px}}
#sd-planning-charts .shipment-matrix .shipment-spu,#sd-planning-charts .shipment-matrix .shipment-picture{vertical-align:middle;padding-top:10px}
#sd-planning-charts .shipment-matrix-toolbar button{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--blue);font:inherit;font-size:13px;padding:9px 12px;cursor:pointer}

#sd-planning-charts .shipment-matrix .shipment-band-0{--shipment-band:light-dark(#fff,#192536)}
#sd-planning-charts .shipment-matrix .shipment-band-1{--shipment-band:light-dark(#edf3fa,#23354a)}
#sd-planning-charts .shipment-matrix tbody tr>td,#sd-planning-charts .shipment-matrix tbody tr>th{background:var(--shipment-band,var(--paper))}
#sd-planning-charts .shipment-matrix .shipment-group-start>td,#sd-planning-charts .shipment-matrix .shipment-group-start>th{border-top:2px solid light-dark(#cad7e6,#506581)}
#sd-planning-charts .shipment-matrix .shipment-spu-total,#sd-planning-charts .shipment-matrix .shipment-spu-total-heading{position:sticky;right:0;z-index:2;border-left:2px solid var(--line);white-space:nowrap}
#sd-planning-charts .shipment-matrix .shipment-spu-total{vertical-align:middle;padding-top:10px}
#sd-planning-charts .shipment-spu-total strong{font-size:18px;color:var(--blue)}
#sd-planning-charts .shipment-spu-total small{font-size:12px;color:var(--muted);margin-top:5px}

#sd-planning-charts .shipment-matrix [data-ship-column][hidden]{display:none}
#sd-planning-charts .shipment-heading{display:inline-flex;align-items:center;justify-content:center;gap:5px}
#sd-planning-charts .shipment-columns{position:relative;margin-left:auto;font-size:13px}
#sd-planning-charts .shipment-columns summary{cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:var(--blue);white-space:nowrap}
#sd-planning-charts .shipment-column-options{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:280px;max-width:calc(100vw - 64px);padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 8px 24px #152f4926;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#sd-planning-charts .shipment-column-options label{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;cursor:pointer}
#sd-planning-charts .shipment-column-options input{width:16px;height:16px;margin:0;accent-color:var(--blue)}
#sd-planning-charts .shipment-column-options button{grid-column:1/-1}
@media(max-width:600px){#sd-planning-charts .shipment-columns{margin-left:0}#sd-planning-charts .shipment-column-options{left:0;right:auto}}
#sd-planning-charts details.shipment-columns{padding:0;border:0;margin:0 0 0 auto;background:none}
#sd-planning-charts .shipment-column-options input{min-height:0;padding:0;flex:none}
#sd-planning-charts .shipment-column-options{max-height:65vh;overflow:auto}
@media(max-width:600px){#sd-planning-charts details.shipment-columns{margin:0}}

#sd-planning-charts .shipment-matrix .scroll{max-height:none;overflow-x:auto;overflow-y:hidden}
#sd-planning-charts .shipment-matrix th,#sd-planning-charts .shipment-matrix td{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
#sd-planning-charts .shipment-matrix thead th[data-ship-column="spu"]{left:0;z-index:4}
#sd-planning-charts .shipment-matrix thead .shipment-spu-total-heading{z-index:4}
#sd-planning-charts .shipment-heading{display:block;overflow:hidden;text-overflow:ellipsis;padding-right:5px}
#sd-planning-charts .shipment-resize-handle{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:5}
#sd-planning-charts .shipment-resize-handle::after{content:"";position:absolute;right:1px;top:25%;height:50%;border-right:2px solid var(--line)}
#sd-planning-charts .shipment-resize-handle:hover::after,#sd-planning-charts .shipment-resize-handle:focus-visible::after{border-color:var(--blue)}
#sd-planning-charts .shipment-resize-handle:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.shipment-resizing,.shipment-resizing *{cursor:col-resize!important;user-select:none!important}
#sd-planning-charts .shipment-matrix .shipment-picture{padding-left:4px;padding-right:4px}
#sd-planning-charts .shipment-matrix .shipment-picture .shoe-image-button{width:82px;max-width:100%;height:78px;box-sizing:border-box;margin:0}
#sd-planning-charts .shipment-matrix .shipment-picture .shoe-photo{width:100%;max-width:76px;height:70px}
#sd-planning-charts .shipment-matrix .shipment-picture .shoe-image-missing{min-width:0;max-width:100%}
#sd-planning-charts .shipment-spu-filter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
#sd-planning-charts .shipment-spu-filter select{min-height:38px;width:150px;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}
#sd-planning-charts .shipment-matrix-toolbar p{flex-basis:100%}

.shipment-detail .matrix-evidence-scroll,.shipment-detail .purchase-detail .scroll{overflow:auto;max-height:40vh}
.shipment-detail .matrix-evidence-scroll table,.shipment-detail .purchase-detail table{border-collapse:collapse;width:100%;font-size:12px;min-width:600px}
.shipment-detail .matrix-evidence-scroll th,.shipment-detail .matrix-evidence-scroll td,.shipment-detail .purchase-detail th,.shipment-detail .purchase-detail td{padding:10px;border:1px solid light-dark(#dce4ed,#40506a);text-align:left}
.shipment-detail .matrix-evidence-scroll th,.shipment-detail .purchase-detail th{position:sticky;top:0;background:light-dark(#edf3fa,#23354a)}
.shipment-detail .pickup-detail summary{cursor:pointer;margin:16px 0;font-weight:600}

.shipment-detail .purchase-equation{display:flex;flex-wrap:wrap;gap:10px 14px;line-height:1.7}

/* rowspan changes sibling positions: alignment must use semantic columns, not nth-child. */
#sd-planning-charts .shipment-matrix table tr > [data-ship-column]{text-align:center;vertical-align:middle}
#sd-planning-charts .shipment-matrix table tr > .shipment-color,#sd-planning-charts .shipment-matrix table tr > .shipment-base{text-align:left}
#sd-planning-charts .shipment-matrix .shipment-row-total strong,#sd-planning-charts .shipment-matrix .shipment-spu-total strong{display:block;text-align:center}
#sd-planning-charts .shipment-spu-filter{flex-wrap:nowrap;white-space:nowrap}

/* Outer cell = Listing state; inner button = promotion category. */
#sd-planning-charts .matrix-sale-active{--sale-bg:light-dark(#e9f6ee,#213e34);--sale-ink:light-dark(#24674c,#b0e0c7)}
#sd-planning-charts .matrix-sale-stopped{--sale-bg:light-dark(#f0f1f3,#343a43);--sale-ink:light-dark(#576270,#cbd1db)}
#sd-planning-charts .matrix-sale-unmatched{--sale-bg:light-dark(#edf0ff,#303b60);--sale-ink:light-dark(#596795,#c4cef5)}
#sd-planning-charts .matrix-sale-unknown,#sd-planning-charts .matrix-sale-mixed{--sale-bg:light-dark(#fafafc,#28303c);--sale-ink:light-dark(#657487,#c3cfde)}
#sd-planning-charts .matrix-promo-promo{--promo-bg:light-dark(#fff0c2,#554521);--promo-ink:light-dark(#78520b,#f8d884)}
#sd-planning-charts .matrix-promo-red{--promo-bg:light-dark(#ffe1e1,#5b3036);--promo-ink:light-dark(#912d39,#ffbcc3)}
#sd-planning-charts .matrix-promo-clear{--promo-bg:light-dark(#efe2ff,#46345d);--promo-ink:light-dark(#61318b,#dbbdf4)}
#sd-planning-charts .matrix-promo-review{--promo-bg:light-dark(#e1ecf5,#2d4256);--promo-ink:light-dark(#355b78,#bbd8ef)}
#sd-planning-charts .matrix-promo-mixed{--promo-bg:light-dark(#f6f2e9,#423e35);--promo-ink:light-dark(#706047,#e2d2b5)}
#sd-planning-charts .shipment-matrix tbody tr > td[data-cell-sale]{background:var(--sale-bg);padding:8px}
#sd-planning-charts .shipment-matrix td[data-cell-sale="unknown"],#sd-planning-charts .shipment-matrix td[data-cell-sale="mixed"]{outline:1px dashed var(--sale-ink);outline-offset:-3px}
#sd-planning-charts .matrix-cell-sale{display:block;font-size:10px;line-height:1.4;margin:0 0 6px;color:var(--sale-ink);white-space:normal;overflow-wrap:anywhere}
#sd-planning-charts .shipment-size-cell[class*="matrix-promo-"]{background:var(--promo-bg);color:var(--promo-ink);border:1px solid transparent}
#sd-planning-charts .shipment-size-cell[class*="matrix-promo-"]:hover{border-color:var(--promo-ink)}
#sd-planning-charts .shipment-size-cell .matrix-cell-promo{font-size:10px;font-weight:400;line-height:1.4;margin-top:5px;color:inherit;white-space:normal}
#sd-planning-charts .matrix-status-legend{display:grid;gap:8px;padding:0 18px 14px;color:var(--muted);font-size:11px}
#sd-planning-charts .matrix-status-legend>div{display:flex;align-items:center;gap:9px 16px;flex-wrap:wrap}
#sd-planning-charts .matrix-status-legend strong{font-weight:500;color:var(--ink)}
#sd-planning-charts .matrix-status-legend span{display:inline-flex;align-items:center;gap:5px}
#sd-planning-charts .matrix-status-legend i{display:inline-block;width:14px;height:14px;border:1px solid var(--line);border-radius:3px;background:var(--sale-bg,var(--promo-bg))}
#sd-planning-charts .matrix-status-legend .matrix-sale-unknown{border:1px dashed var(--sale-ink)}
@media(max-width:600px){#sd-planning-charts .shipment-spu-filter{display:grid;grid-template-columns:60px minmax(0,1fr);width:100%;gap:8px}#sd-planning-charts .shipment-spu-filter select{width:100%}}

#sd-planning-charts .matrix-page-header{position:fixed;z-index:20;overflow:hidden;background:var(--soft);box-shadow:0 2px 4px #152f4920}
#sd-planning-charts .matrix-page-header[hidden]{display:none}
#sd-planning-charts .matrix-page-header thead th{top:0}

#sd-planning-charts .matrix-promo-arrival{--promo-bg:light-dark(#dcecff,#253f61);--promo-ink:light-dark(#235fac,#b5d5ff)}
#sd-planning-charts .badge.arrival{background:light-dark(#dcecff,#253f61);color:light-dark(#235fac,#b5d5ff)}
#sd-planning-charts .bar-arrival{fill:light-dark(#6d9dd6,#a8c9f3)}

.shipment-monthly table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.shipment-monthly th,.shipment-monthly td{padding:10px 8px;text-align:right;border-bottom:1px solid light-dark(#dce4ed,#40506a)}.shipment-monthly th:first-child,.shipment-monthly td:first-child{text-align:left}.shipment-monthly thead,.shipment-monthly tfoot{background:light-dark(#f1f6fc,#253a53)}.shipment-monthly tfoot{font-weight:600}.shipment-monthly summary{cursor:pointer;padding:14px 0;font-size:13px;color:light-dark(#61758b,#a4b6ca)}.shipment-monthly h4{margin:20px 0 10px}