.sp-dim,.sp-sheet{position:fixed}.sp-dim{inset:0;background:#0f172a73}.sp-dim.sp-level-0{z-index:calc(var(--z-sheet,181) - 1)}.sp-sheet.sp-level-0{z-index:var(--z-sheet,181)}.sp-dim.sp-level-1{z-index:calc(var(--z-sheet2,251) - 1)}.sp-sheet.sp-level-1{z-index:var(--z-sheet2,251)}.sp-dim[hidden],.sp-sheet[hidden]{display:none!important}
.sp-sheet{left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;height:88dvh;display:flex;flex-direction:column;background:white;border-radius:24px 24px 0 0;color:#101828;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif}.sp-sheet.sp-level-1{height:80dvh}.sp-sheet *{box-sizing:border-box}.sp-sheet button{font:inherit;cursor:pointer;border:0}.sp-header{padding:10px 16px 7px;flex-shrink:0}.sp-grab{display:block;width:40px;height:4px;background:#D0D5DD;border-radius:2px;margin:0 auto 10px}.sp-header>div{display:flex;align-items:center;gap:8px}.sp-header h2{font-size:17px;margin:0;flex:1}.sp-close{background:#F2F4F7;color:#5B6576;border-radius:11px;width:34px;height:34px;flex-shrink:0}.sp-tabs{display:flex;gap:5px;padding:5px 16px;overflow-x:auto;flex-shrink:0}.sp-tabs button{background:#F2F4F7;color:#5B6576;padding:7px 10px;border-radius:11px;font-size:12px;white-space:nowrap}.sp-tabs button.on{background:#101828;color:white}.sp-search{margin:5px 16px 9px;width:calc(100% - 32px);border:1px solid #E4E7EC;border-radius:12px;padding:10px;font-size:16px;background:#F9FAFB;min-height:42px;flex-shrink:0}.sp-body{flex:1;min-height:0;overflow:auto;padding:4px 16px 18px}.sp-empty{font-size:12px;color:#98A2B3;padding:20px 0;text-align:center}.sp-link{display:flex;align-items:center;gap:10px;background:none;text-align:left;width:100%;padding:10px 0;border-top:1px solid #EAECF0}.sp-zone{min-width:56px;text-align:center;border-radius:9px;padding:5px;color:white}.sp-zone small{display:block;font-size:10px}.sp-zone b{font:800 19px Consolas,monospace}.sp-link>span:last-child{min-width:0}.sp-link b{font-size:14px}.sp-link small{display:block;font-size:11px;margin-top:3px}.sp-order-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #EAECF0}.sp-order-row>button:first-child{flex:1;min-width:0;background:none;text-align:left}.sp-order-row small,.sp-item small,.sp-order-card small{display:block;font-size:12px;color:#5B6576;margin-top:4px}.sp-mono{font-family:Consolas,monospace}.sp-remove{border-radius:10px;background:#FEF3F2;color:#D92D20;padding:7px 10px;font-size:12px!important}.sp-footer{display:flex;gap:6px;padding:12px 16px;border-top:1px solid #EAECF0;flex-shrink:0}.sp-footer button{flex:1;border-radius:13px;padding:10px 8px;background:#FFF4ED;color:#C4320A;font-size:12px;font-weight:800}.sp-footer .danger{background:#D92D20;color:white}.sp-sheet button:disabled{opacity:.45;cursor:default}.sp-values{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;font-size:13px}.sp-values dt{color:#5B6576}.sp-values dd{margin:0;overflow-wrap:anywhere;font-weight:700}.sp-body h3{font-size:13px;margin:16px 0 7px}.sp-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #EAECF0;font-size:13px}.sp-item>span{flex:1}.sp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:10px}.sp-grid button{min-width:0;min-height:45px;background:#F2F4F7;color:#98A2B3;border-radius:8px;padding:4px 1px}.sp-grid button.used{background:var(--sp-color);color:white;opacity:1}.sp-grid button.picking{background:#FEF0C7;color:#B54708;opacity:1}.sp-grid b{font:800 13px Consolas,monospace}.sp-grid small{display:block;font-size:9px}.sp-legend{font-size:11px;color:#5B6576;margin:4px 0}.sp-order-card{display:block;width:100%;background:none;text-align:left;border-bottom:1px solid #EAECF0!important;padding:11px 0}.sp-order-card>b{font-size:14px}.sp-order-card>span{display:block;font-size:13px;margin-top:3px}.sp-hold-reason{background:#FFFAEB;color:#B54708;padding:7px 8px;border:1px solid #FEDF89;border-radius:9px;font-size:12px!important}.sp-work{padding:10px 0;border-bottom:1px solid #EAECF0}.sp-work>b{display:block;font-size:13px}.sp-work small,.sp-work time{display:block;font-size:11px;color:#5B6576;margin-top:4px}.sp-failure{color:#B42318;background:#FEF3F2;font-size:12px;padding:8px 16px}.lg [data-sort-panel],.lg [data-sort-basket]{cursor:pointer}

.sp-order-card .sp-product-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* Item 60: original printed-order selection workflow, text-only search. */
.sp-order-tools{display:flex;gap:8px;margin:0 14px}.sp-order-tools .sp-search{flex:1;min-width:0;margin:8px 0}.sp-order-sort{min-width:0;max-width:110px;border:1px solid #CBD5E0;border-radius:8px;background:white;margin:8px 0;font-size:12px}.sp-assign-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 14px}.sp-assign-tools label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}.sp-assign-tools input,.sp-order-table input{width:18px;height:18px}.sp-assign-tools button{padding:10px 12px;border:0;border-radius:9px;background:#2563EB;color:#fff;font-size:13px;font-weight:800}.sp-assign-tools button{padding:10px 12px;border:0;border-radius:9px;background:#FFC21A;color:#2B1D00;font-size:13px;font-weight:800}.sp-assign-tools button:disabled{opacity:.4}.sp-assign-guide{margin:8px 14px;padding:8px 10px;border:1px solid #BFD3FE;border-radius:8px;background:#EEF4FF;color:#1D4ED8;font-size:12px;line-height:1.5}.sp-assign-guide{margin:8px 14px;padding:8px 10px;border:1px solid #FFD24D;border-radius:8px;background:#FFF4D1;color:#946200;font-size:12px;line-height:1.5}.sp-assign-warning{font-size:12px;color:#B54708;margin:8px 14px}.sp-order-table-wrap{overflow-x:auto}.sp-order-table{border-collapse:collapse;width:100%;font-size:12px;table-layout:fixed}.sp-order-table th,.sp-order-table td{padding:9px 5px;border-bottom:1px solid #EAECF0;text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:pre-line;line-height:1.5}.sp-order-table th{background:#F8FAFC;color:#667085}.sp-order-table th:first-child:has(+th:last-child){width:auto}.sp-order-table:has(input) th:first-child{width:38px}.sp-order-table:has(input) th:nth-child(2){width:19%}.sp-order-table:has(input) th:nth-child(3){width:28%}.sp-order-table tr[data-invoice]{cursor:pointer}.sp-order-table tr.selected{background:#EEF4FF}.sp-order-table tr.selected{background:#FFF4D1}.sp-order-location{display:block;color:#475467;font-size:11px;margin-top:6px}

.sp-product-detail{border:0;padding:0;background:transparent;text-align:left;color:#2563EB;text-decoration:underline;font:inherit;white-space:pre-line;cursor:pointer}.sp-product-detail{border:0;padding:0;background:transparent;text-align:left;color:#946200;text-decoration:underline;font:inherit;white-space:pre-line;cursor:pointer}
/* Items 61/62: in-field search modes and unchanged angle grid. */
.sp-search-inline{position:relative;flex:1;min-width:0;margin:8px 14px}.sp-order-tools .sp-search-inline{margin:8px 0}.sp-search-inline .sp-search{box-sizing:border-box;width:100%;margin:0!important;min-height:44px}.sp-angle-filters{display:flex;gap:6px;padding:8px 14px}.sp-angle-filters button{flex:1;border:0;border-radius:9px;padding:9px 3px;background:#F2F4F6;color:#667085;font-size:12px}.sp-angle-filters button.on{background:#191F28;color:white}.sp-grid button.used{background:#2563EB!important;color:#fff!important}.sp-grid button.used{background:#FFC21A!important;color:#2B1D00!important}.sp-grid button:not(.used){background:#F2F4F6;color:#8B95A1}.sp-grid button.sp-angle-hit{outline:2px solid #F08C00;outline-offset:-2px}.sp-grid button.sp-angle-fade{opacity:.25}.sp-unused{margin:10px 0;padding:8px;background:#F8FAFC;font-size:12px;line-height:1.7}.sp-unused summary{font-weight:700;cursor:pointer}
/* Item 77: compact three-line order cards, inline expansion and explicit selection. */
.sp-order-cards{display:block}.sp-order-cards .sp-order-card{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 6px;padding:0;border:1px solid #E4E7EC!important;border-radius:12px;background:#fff;text-align:left;width:100%;min-height:80px;overflow:hidden}
.sp-order-cards .sp-order-card.sp-selectable{grid-template-columns:28px minmax(0,1fr);gap:5px}.sp-order-cards .sp-order-card.selected{background:#EEF4FF;border-color:#BFD3FE!important}.sp-order-cards .sp-order-card.selected{background:#FFF4D1;border-color:#FFD24D!important}.sp-order-cards .sp-order-card.sp-has-query{border-color:#F08C00!important}
.sp-order-card>[data-invoice-check]{width:18px;height:18px;margin:10px 0 0 9px;align-self:start;cursor:pointer}.sp-card-content{min-width:0}
.sp-order-card .sp-card-toggle{display:grid;grid-template-rows:18px 18px 20px;gap:4px;box-sizing:border-box;width:100%;height:78px;margin:0;padding:7px 9px;background:transparent;border:0;text-align:left;color:#191F28;text-decoration:none;cursor:pointer}.sp-selectable .sp-card-toggle{padding-left:0}
.sp-order-card .sp-card-top{display:flex;gap:8px;align-items:center;min-width:0;line-height:18px}.sp-card-top>b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card-top>.sp-mono{flex:none;font-size:11.5px;font-weight:600;white-space:nowrap;color:#344054}
.sp-order-card .sp-card-summary{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;color:#344054;text-decoration:none}
.sp-order-card .sp-location-chips{display:flex;gap:5px;align-items:center;min-width:0;overflow:hidden}.sp-location-chips>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #D0D5DD;border-radius:6px;padding:2px 5px;font-size:10.5px;line-height:14px;font-weight:700}.sp-location-chips .sp-angle-chip{background:#EEF4FF;color:#1D4ED8;border-color:#BFD3FE}.sp-location-chips .sp-angle-chip{background:#FFF4D1;color:#946200;border-color:#FFD24D}.sp-location-chips .sp-angle-chip.is-coupang{background:#FFF4ED;color:#C4320A;border-color:#FED7AA}.sp-location-chips .sp-basket-chip{background:#F8FAFC;color:#344054}
.sp-card-expanded{border-top:1px solid #EAECF0;padding:4px 9px 9px;font-size:12px}.sp-card-expanded ul{list-style:none;padding:0;margin:0}.sp-card-expanded li{padding:7px 0;border-bottom:1px solid #F2F4F7;overflow-wrap:anywhere}.sp-card-expanded li>span,.sp-card-expanded .sp-product-detail{display:block;width:100%;font-size:12px;line-height:1.5;color:#191F28;text-decoration:none;background:none;border:0;padding:0;text-align:left}.sp-card-expanded li>small{display:block;margin-top:3px;line-height:1.5;font-size:11px;color:#667085}.sp-card-expanded .sp-product-detail:hover{color:#1D4ED8}.sp-card-expanded .sp-product-detail:hover{color:#946200}.sp-card-expanded .sp-hold-reason{margin:8px 0 0}.sp-detail-loading,.sp-detail-error{font-size:11px;margin:6px 0;color:#667085}.sp-detail-error{color:#B54708}
.sp-search-hit{background:#FFF4E5;color:#B54708;padding:0 1px;border-radius:2px}.sp-assign-footer button{background:#2563EB!important;color:white!important;min-height:42px}.sp-assign-footer button{background:#FFC21A!important;color:#2B1D00!important;min-height:42px}
/* 76: compact angle sheet. Switch markup/styles remain exclusively shared. */
.sp-angle-summary{font-size:12px;color:#6B7684;margin:5px 0 0}.sp-angle-toolbar{display:flex;align-items:center;gap:6px;padding:8px 14px;flex:none}.sp-angle-toolbar .sp-tabs,.sp-angle-toolbar .sp-angle-filters{padding:3px;display:flex;gap:2px;background:#F2F4F6;border-radius:12px;margin:0;overflow:visible}.sp-angle-toolbar .sp-angle-filters{flex:1;min-width:0}.sp-angle-toolbar button{padding:8px 6px;border-radius:9px;background:transparent;color:#6B7684;font-size:11px;white-space:nowrap}.sp-angle-toolbar button.on{background:#fff;color:#191F28;box-shadow:0 1px 3px #10182819}.sp-angle-toolbar small{font-size:9px;color:#8B95A1}.sp-angle-toolbar .sp-angle-filters button{flex:1;min-width:0}.sp-sheet[data-kind=angles] .sp-search-inline{margin:0 14px 8px;flex:none}.sp-search-glass{position:absolute;left:12px;top:15px;width:17px;height:17px;stroke:#8B95A1;fill:none;stroke-width:2;pointer-events:none}.sp-sheet[data-kind=angles] .sp-search{padding-left:35px}.sp-sheet[data-kind=angles] .sp-body{padding-top:0}.sp-legend{display:flex;gap:5px;align-items:center;font-size:11px;margin:0 0 7px;color:#8B95A1}.sp-legend i{width:9px;height:9px;display:inline-block;background:#2563EB;border-radius:3px}.sp-legend i{width:9px;height:9px;display:inline-block;background:#FFC21A;border-radius:3px;color:#2B1D00}.sp-match-count{font-size:12px;color:#D97706;margin:0 0 7px}.sp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:0}.sp-grid button{height:58px;min-height:58px;border-radius:12px;padding:5px 1px}.sp-grid b{font:800 17px Arial,sans-serif}.sp-grid small{font-size:11px;margin-top:2px}.sp-grid button.sp-angle-fade{opacity:.25!important}.sp-angle-flash{animation:sp-angle-flash .8s}@keyframes sp-angle-flash{50%{box-shadow:0 0 0 3px #F59E0B;transform:scale(.95)}}
@media(min-width:768px){.sp-sheet[data-kind=angles]{max-width:720px}.sp-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* 83: completed orders expose their physical angle before other information. */
.sp-order-cards .sp-order-card.sp-with-angle{grid-template-columns:84px minmax(0,1fr) 46px;align-items:start}.sp-angle-block{width:84px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:11px 0 0 11px!important;background:#EEF4FF;color:#2563EB;overflow:hidden}.sp-angle-block{width:84px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:11px 0 0 11px!important;background:#FFF4D1;color:#946200;overflow:hidden}.sp-angle-block.coupang{background:#FFF4E5;color:#D97706}.sp-order-card .sp-angle-block small{font-size:10px;color:inherit;margin:0}.sp-angle-block b{font:800 25px Arial,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-order-card .sp-card-release{background:#FEF3F2;color:#D92D20;font-size:11px;border-radius:8px;padding:8px 3px;margin:24px 5px 0 0}.sp-with-angle .sp-card-top{gap:3px}.sp-with-angle .sp-mono{font-size:10px}.sp-with-angle .sp-card-toggle{padding-left:7px;padding-right:5px}.sp-with-angle .sp-location-chips>[hidden]{display:none!important}
@media(min-width:768px){.sp-sheet[data-kind=orders]{max-width:900px}.sp-with-angle .sp-mono{font-size:12px}}
.sp-sheet[data-kind=orders] .sp-order-sort{flex:0 0 75px;width:75px;max-width:110px}
.sp-order-card.sp-with-angle>.sp-angle-block{height:auto;min-height:78px;align-self:stretch}
.sp-order-card .sp-card-release{background:#fff;color:#667085;border:1px solid #D0D5DD!important}.sp-order-card .sp-card-release:active,.sp-order-card .sp-card-release:focus-visible{background:#FEF3F2;color:#D92D20;border-color:#F04438!important}
/* 85: scheduled angles are a first-class zone, on grid cells and order cards. */
.sp-grid button.used.scheduled{background:#7C3AED!important;color:#fff!important}.sp-angle-block.scheduled{background:#F3EEFF;color:#7C3AED}.sp-location-chips .sp-angle-chip.is-scheduled{background:#F3EEFF;color:#7C3AED;border-color:#DDD6FE}
/* Keep all three zone segments plus the existing filter on one phone row. */
.sp-angle-toolbar{gap:4px}.sp-angle-toolbar .sp-tabs button{padding:7px 4px;font-size:10.5px}.sp-angle-toolbar .sp-tabs small{font-size:9px}.sp-angle-toolbar .sp-angle-filters button{padding:7px 2px;font-size:10.5px}.sp-angle-toolbar .sp-angle-filters small{font-size:9px}

.sp-status-chip{display:inline-block;border-radius:7px;padding:3px 6px;font:inherit;font-size:11px;font-weight:700}.sp-status-chip.hold{background:#FFF4E5;color:#D97706}.sp-status-chip.cancel{background:#FDECEC;color:#E5484D}

/* 194-3: removal action stays immediately below the invoice on the right. */
.sp-sheet[data-kind=orders] .sp-card-release{min-height:36px;min-width:42px;margin-top:25px;white-space:normal;line-height:1.2}
/* 195-4: work modal uses the existing recent component; closed shipments are a manual cleanup cue. */
.sp-sheet[data-kind=work]{max-width:480px}.sp-work-list{max-width:none!important;padding:0!important}.sp-work-list .card{margin:0;border:0;box-shadow:none}.sp-work-list .lg-recent-toggle{margin-left:auto}.sp-cleanup-shipped{margin:2px 14px 8px;min-height:44px;border:1px solid #d1d5db!important;border-radius:10px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:800;flex:none}.sp-cleanup-shipped[hidden]{display:none!important}.sp-grid button.used.sp-already-shipped,.sp-grid button.used.sp-already-shipped.scheduled{background:#f1f3f6!important;color:#6b7280!important;height:auto;min-height:78px}.sp-grid .sp-shipped-note{font-size:9px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
/* 265: SKU rows remain expanded, including upstream-expanded set components. */
.sp-order-card .sp-card-expanded li,.sp-order-card .sp-card-expanded li>span,.sp-order-card .sp-product-detail{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.sp-order-card .sp-product-tag{display:inline-block;color:#6b7280;background:#f3f4f6;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:500;white-space:nowrap}

/* 266: two header rows only; eight pixels from location chips to product text. */
.sp-order-card .sp-card-toggle{grid-template-rows:18px 18px;height:auto;padding-bottom:0}
.sp-order-card .sp-card-expanded{border-top:0;padding-top:8px}
.sp-card-expanded li:first-child{padding-top:0}
.sp-card-expanded li:last-child{border-bottom:0}
.sp-product-skeleton{height:12px;width:68%;margin:4px 0 8px;border-radius:5px;background:#EAECF0}