.sp-page{
 --sp-ink:#101828;
 --sp-muted:#667085;
 --sp-line:#e4e7ec;
 --sp-blue:#156edb;
 --sp-blue-dark:#0b4fab;
 --sp-green:#07885e;
 --sp-amber:#b85800;
 --sp-red:#c12b38;
 max-width:1500px;
 margin:0 auto;
 color:var(--sp-ink);
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
 -webkit-font-smoothing:antialiased;
}
.sp-page button,.sp-dialog button{min-height:44px}
.sp-page button:focus-visible,.sp-page input:focus-visible,.sp-page select:focus-visible,
.sp-dialog button:focus-visible,.sp-dialog input:focus-visible,.sp-dialog select:focus-visible{
 outline:0;
 box-shadow:0 0 0 4px rgba(21,110,219,.2);
}
.sp-page-header{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:20px;
 margin-bottom:18px;
 padding:2px 2px 0;
}
.sp-page-header>div{min-width:0;flex:1}
.sp-page-header h1{margin:3px 0 0;font-size:32px;letter-spacing:-.035em}
.sp-page-header p{margin:7px 0 0;color:var(--sp-muted);font-size:14px}
.sp-page-header .sp-auto-release-note{
 max-width:980px;
 margin-top:12px;
 padding:10px 12px;
 border:1px solid #efcf8b;
 border-radius:12px;
 background:#fff8e7;
 color:#684600;
 line-height:1.5;
 overflow-wrap:anywhere;
}
.sp-auto-release-note strong{color:#8a4f00}
.sp-eyebrow{color:var(--sp-blue);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.sp-secondary-button,.sp-primary-button{
 border:1px solid #d0d5dd;
 border-radius:12px;
 background:#fff;
 color:#344054;
 box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.sp-primary-button{
 border-color:var(--sp-blue);
 background:var(--sp-blue);
 color:#fff;
 box-shadow:0 5px 14px rgba(21,110,219,.2);
}
.sp-secondary-button:hover{background:#f9fafb}
.sp-primary-button:hover{background:var(--sp-blue-dark)}
.sp-page button:disabled,.sp-dialog button:disabled{cursor:not-allowed;opacity:.55}

.sp-summary{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin-bottom:14px;
}
.sp-summary article{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 grid-template-rows:auto auto;
 align-items:end;
 gap:2px 12px;
 padding:15px 17px;
 border:1px solid rgba(255,255,255,.9);
 border-radius:17px;
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,249,252,.88));
 box-shadow:0 8px 22px rgba(16,24,40,.06),inset 0 1px 0 #fff;
}
.sp-summary span{color:var(--sp-muted);font-size:12px;font-weight:720}
.sp-summary strong{grid-row:1/3;grid-column:2;font-size:29px;line-height:1;letter-spacing:-.04em}
.sp-summary small{color:#98a2b3;font-size:10px}

.sp-workbench{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 gap:14px;
 margin-bottom:18px;
}
.sp-workbench-scanner-enabled{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}
.sp-scan-panel,.sp-search-panel,.sp-bins-section,.sp-assignments-section,.sp-bin-management{
 border:1px solid rgba(255,255,255,.9);
 border-radius:22px;
 background:rgba(255,255,255,.94);
 box-shadow:0 16px 38px rgba(16,24,40,.07),inset 0 1px 0 #fff;
}
.sp-scan-panel,.sp-search-panel{padding:18px}
.sp-scan-panel{
 border-color:rgba(96,165,250,.38);
 background:linear-gradient(150deg,#fff 0%,#f5f9ff 66%,#edf5ff 100%);
}
.sp-panel-heading{display:flex;align-items:center;gap:11px}
.sp-panel-heading>div{min-width:0;flex:1}
.sp-panel-heading h2,.sp-section-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}
.sp-panel-heading p,.sp-section-heading p{margin:4px 0 0;color:var(--sp-muted);font-size:11px;line-height:1.45}
.sp-panel-icon{
 flex:0 0 auto;
 display:grid;
 place-items:center;
 width:42px;
 height:42px;
 border-radius:13px;
 background:#dbeafe;
 color:#1556a8;
 font-size:26px;
 font-weight:800;
}
.sp-panel-icon-search{background:#ecfdf3;color:#087455}
.sp-live-badge{
 flex:0 0 auto;
 padding:5px 9px;
 border-radius:99px;
 background:#eef2f6;
 color:#475467;
 font-size:10px;
 font-weight:850;
}
.sp-live-badge[data-state="busy"]{background:#fff7e8;color:#945300}
.sp-live-badge[data-state="success"]{background:#e9f8f1;color:#087455}
.sp-live-badge[data-state="error"]{background:#fff0f1;color:#a82834}

.sp-scan-form,.sp-lookup-form{display:grid;gap:6px;margin-top:16px}
.sp-scan-form>label,.sp-lookup-form>label{
 color:#475467;
 font-size:11px;
 font-weight:800;
}
.sp-scan-form>div,.sp-lookup-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.sp-scan-form input,.sp-lookup-form input{
 width:100%;
 min-width:0;
 height:52px;
 padding:11px 14px;
 border:1px solid #cfd7e3;
 border-radius:13px;
 background:#fff;
 color:var(--sp-ink);
 box-shadow:inset 0 1px 2px rgba(16,24,40,.035);
 font-size:16px;
}
.sp-scan-form button{
 min-width:112px;
 border-radius:13px;
 background:var(--sp-blue);
 color:#fff;
 box-shadow:0 6px 14px rgba(21,110,219,.2);
}
.sp-scan-form>small{color:#7c8799;font-size:10px;line-height:1.45}

.sp-result{
 display:flex;
 align-items:center;
 gap:15px;
 min-height:132px;
 margin-top:15px;
 padding:16px 18px;
 border:1px solid #d9e1eb;
 border-radius:18px;
 background:rgba(255,255,255,.9);
}
.sp-result-empty{justify-content:center;color:var(--sp-muted);text-align:center}
.sp-result-empty>span{
 display:grid;
 place-items:center;
 width:42px;
 height:42px;
 border-radius:50%;
 background:#f2f4f7;
 font-size:24px;
}
.sp-result-empty p{max-width:460px;margin:0;font-size:12px;line-height:1.5}
.sp-result-success{border-color:#9bd8c2;background:#f2fcf7}
.sp-result-warning{border-color:#eac384;background:#fff9ed}
.sp-result-error{border-color:#efb7bc;background:#fff6f7}
.sp-result-error>span,.sp-result-warning>span{
 display:grid;
 place-items:center;
 flex:0 0 auto;
 width:40px;
 height:40px;
 border-radius:50%;
 background:#fee4e6;
 color:#a82834;
 font-size:20px;
 font-weight:900;
}
.sp-result-warning>span{background:#ffedc6;color:#925000}
.sp-result-error b{font-size:15px}.sp-result-error p{margin:4px 0 0;color:#8f3139;font-size:11px}
.sp-result-warning b{font-size:15px}.sp-result-warning p{margin:4px 0 0;color:#835100;font-size:11px}
.sp-result-check{
 display:grid;
 place-items:center;
 flex:0 0 auto;
 width:48px;
 height:48px;
 border-radius:15px;
 background:#0b9166;
 color:#fff;
 box-shadow:0 7px 18px rgba(11,145,102,.24);
 font-size:25px;
 font-weight:900;
}
.sp-result-main{display:grid;gap:3px;min-width:145px}
.sp-result-main small{color:#3b6255;font-size:11px;font-weight:700}
.sp-result-main strong{color:#075f45;font-size:42px;line-height:1;letter-spacing:-.045em}
.sp-result-main .sp-status{justify-self:start}
.sp-result-loading{justify-content:center;color:#52606d;font-size:12px}
.sp-result-loading p{margin:0}

.sp-search-panel{display:flex;flex-direction:column}
.sp-lookup-form{margin-top:17px}
.sp-lookup-form input{height:48px;font-size:15px}
.sp-lookup-form button{min-width:78px}
.sp-lookup-result{
 flex:1;
 min-height:136px;
 margin-top:13px;
 padding:13px;
 border:1px solid var(--sp-line);
 border-radius:15px;
 background:#f9fafb;
}
.sp-lookup-result>p{margin:35px auto;color:#7b8797;text-align:center;font-size:11px}
.sp-lookup-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sp-lookup-heading b{font-size:14px}.sp-lookup-heading span{color:var(--sp-muted);font-size:10px}
.sp-lookup-orders{display:grid;gap:7px}
.sp-lookup-orders article{
 display:grid;
 grid-template-columns:minmax(80px,1fr) minmax(70px,.7fr) auto;
 align-items:center;
 gap:9px;
 padding:9px;
 border:1px solid var(--sp-line);
 border-radius:11px;
 background:#fff;
}
.sp-lookup-orders article>div{display:grid;gap:2px}
.sp-lookup-orders small{color:var(--sp-muted);font-size:9px}.sp-lookup-orders b{font-size:12px}
.sp-lookup-order-cell{min-width:0;max-width:100%}
.sp-lookup-order-line{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.sp-lookup-order-line>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-lookup-order-line .attachment-count-chip-right{
 position:static;
 top:auto;
 right:auto;
 flex:0 0 auto;
 min-width:0;
 min-height:0;
 margin:0;
 transform:none;
}
.sp-lookup-order-line .attachment-count-chip-right:hover,
.sp-lookup-order-line .attachment-count-chip-right:focus-visible{transform:translateY(-1px)}
.sp-lookup-order-date{color:var(--sp-muted);font-size:9px;font-variant-numeric:tabular-nums}
.sp-lookup-orders strong{color:var(--sp-blue-dark);font-size:20px}
.sp-lookup-orders .sp-assignment-actions{grid-column:1/-1}
.sp-lookup-empty{display:grid;justify-items:center;gap:5px;padding:25px 10px;text-align:center}
.sp-lookup-empty b{font-size:13px}.sp-lookup-empty span{color:var(--sp-muted);font-size:11px}
.sp-lookup-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:105px;color:var(--sp-muted);font-size:11px}
.sp-mini-spinner{
 display:inline-block;
 width:20px;
 height:20px;
 border:2px solid #cbd5e1;
 border-top-color:var(--sp-blue);
 border-radius:50%;
 animation:sp-spin .75s linear infinite;
}
@keyframes sp-spin{to{transform:rotate(360deg)}}

.sp-bins-section,.sp-assignments-section{margin-bottom:18px;padding:18px}
.sp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.sp-bin-legend{display:flex;align-items:center;gap:12px;color:var(--sp-muted);font-size:10px}
.sp-bin-legend span{display:flex;align-items:center;gap:5px}
.sp-dot{display:block;width:8px;height:8px;border-radius:50%}
.sp-dot-open{background:#12a574}.sp-dot-busy{background:#4387e7}
.sp-bins-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
 gap:10px;
 width:100%;
 min-width:0;
 max-width:100%;
}
.sp-bin-card{
 position:relative;
 display:grid;
 gap:6px;
 min-width:0;
 max-width:100%;
 min-height:154px;
 padding:13px;
 overflow:hidden;
 border:1px solid #dce2ea;
 border-radius:16px;
 background:#fff;
 color:var(--sp-ink);
 text-align:left;
 box-shadow:0 2px 7px rgba(16,24,40,.04);
 transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.sp-bin-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.09)}
.sp-bin-card:focus-visible{transform:translateY(-2px)}
.sp-bin-top{display:flex;align-items:center;justify-content:space-between}
.sp-bin-top i{width:9px;height:9px;border-radius:50%;background:#12a574;box-shadow:0 0 0 4px rgba(18,165,116,.1)}
.sp-bin-top small{color:#748092;font-size:9px;font-weight:850}
.sp-bin-card>strong{margin-top:3px;font-size:26px;line-height:1;letter-spacing:-.035em}
.sp-bin-name{overflow:hidden;color:var(--sp-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sp-bin-count{display:grid;align-self:end;color:#667085;font-size:10px;line-height:1.25}
.sp-bin-count b{color:var(--sp-ink);font-size:18px}
.sp-bin-count small{margin-top:2px;color:#7b8797;font-size:9px}
.sp-bin-meter{height:5px;overflow:hidden;border-radius:99px;background:#edf0f4}
.sp-bin-meter i{display:block;height:100%;border-radius:inherit;background:#17a676}
.sp-bin-busy{border-color:#b9d4f4;background:linear-gradient(150deg,#fff,#f3f8ff)}
.sp-bin-busy .sp-bin-top i,.sp-bin-busy .sp-bin-meter i{background:#4387e7}
.sp-bin-disabled{background:#f4f5f7;opacity:.67}
.sp-bin-disabled .sp-bin-top i,.sp-bin-disabled .sp-bin-meter i{background:#98a2b3}
.sp-loading-card,.sp-loading-row{
 grid-column:1/-1;
 padding:32px;
 border:1px dashed #cbd5e1;
 border-radius:14px;
 color:var(--sp-muted);
 text-align:center;
 font-size:12px;
}
.sp-empty-state{
 grid-column:1/-1;
 display:grid;
 justify-items:center;
 gap:5px;
 padding:30px;
 border:1px dashed #cbd5e1;
 border-radius:14px;
 background:#f9fafb;
 text-align:center;
}
.sp-empty-state b{font-size:14px}.sp-empty-state span{color:var(--sp-muted);font-size:11px}
.sp-error-state{border-color:#e9aeb4;background:#fff5f6;color:#a82834}

.sp-bin-management{margin-bottom:18px;padding:18px}
.sp-bin-management .sp-section-heading{align-items:center}
.sp-bin-management .sp-section-heading p{overflow-wrap:anywhere}
.sp-bin-management-list{display:grid;gap:8px;min-width:0}
.sp-bin-management-row{
 display:grid;
 grid-template-columns:minmax(180px,1fr) minmax(95px,.45fr) minmax(125px,.55fr) auto auto;
 align-items:center;
 gap:12px;
 min-width:0;
 padding:11px 12px;
 border:1px solid var(--sp-line);
 border-radius:14px;
 background:#fff;
}
.sp-bin-management-row.is-inactive{background:#f6f7f9;color:#667085}
.sp-bin-management-code{display:flex;align-items:center;gap:10px;min-width:0}
.sp-bin-management-code>i{
 flex:0 0 auto;
 width:10px;
 height:10px;
 border-radius:50%;
 background:#12a574;
 box-shadow:0 0 0 4px rgba(18,165,116,.1);
}
.sp-bin-management-row.is-inactive .sp-bin-management-code>i{background:#98a2b3;box-shadow:none}
.sp-bin-management-code>span{display:grid;gap:2px;min-width:0}
.sp-bin-management-code strong,.sp-bin-management-code small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-bin-management-code strong{font-size:15px}.sp-bin-management-code small{color:var(--sp-muted);font-size:10px}
.sp-bin-management-row>div:not(.sp-bin-management-code){display:grid;gap:2px}
.sp-bin-management-row>div>small{color:var(--sp-muted);font-size:9px}
.sp-bin-management-row>div>b{font-size:13px}
.sp-bin-management-status{
 padding:5px 8px;
 border-radius:99px;
 background:#e8f8f1;
 color:#087455;
 font-size:9px;
 font-weight:850;
 white-space:nowrap;
}
.sp-bin-management-row.is-inactive .sp-bin-management-status{background:#e9edf2;color:#667085}
.sp-bin-management-row>button{padding:8px 11px;font-size:10px;font-weight:800}

.sp-filter{display:flex;align-items:center;gap:7px;color:var(--sp-muted);font-size:10px;font-weight:750}
.sp-filter select{
 min-height:40px;
 padding:8px 30px 8px 10px;
 border:1px solid #d0d5dd;
 border-radius:10px;
 background:#fff;
 color:#344054;
}
.sp-assignment-list{display:grid;gap:8px}
.sp-assignment-card{
 display:grid;
 grid-template-columns:minmax(140px,1.1fr) minmax(90px,.65fr) minmax(175px,1fr) minmax(250px,auto);
 align-items:center;
 gap:14px;
 padding:12px 13px;
 border:1px solid var(--sp-line);
 border-radius:14px;
 background:#fff;
 box-shadow:0 1px 3px rgba(16,24,40,.025);
}
.sp-assignment-order,.sp-assignment-bin,.sp-assignment-meta{display:grid;gap:3px;min-width:0}
.sp-assignment-order small,.sp-assignment-bin small{color:var(--sp-muted);font-size:9px}
.sp-assignment-order-line{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.sp-assignment-order-line>strong{min-width:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.sp-assignment-order-line .attachment-count-chip-right{
 position:static;
 top:auto;
 right:auto;
 flex:0 0 auto;
 min-width:0;
 min-height:0;
 margin:0;
 transform:none;
}
.sp-assignment-order-line .attachment-count-chip-right:hover,
.sp-assignment-order-line .attachment-count-chip-right:focus-visible{transform:translateY(-1px)}
.sp-assignment-order span{overflow:hidden;color:var(--sp-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.sp-assignment-order .sp-assignment-order-line{overflow:visible;color:inherit}
.sp-assignment-bin b{color:var(--sp-blue-dark);font-size:23px;letter-spacing:-.025em}
.sp-assignment-meta{width:100%;justify-items:start}.sp-assignment-meta small{color:var(--sp-muted);font-size:9px}
.sp-small-parts-quantity{
 display:flex;
 align-items:baseline;
 gap:5px;
 max-width:100%;
 padding:6px 8px;
 border-radius:10px;
 background:#f2f6fb;
 color:#344054;
 line-height:1.2;
}
.sp-small-parts-quantity span{font-size:9px;font-weight:750}
.sp-small-parts-quantity strong{color:var(--sp-blue-dark);font-size:19px;letter-spacing:-.02em}
.sp-small-parts-quantity small{font-size:9px}
.sp-attachment-panel{
 display:grid;
 gap:5px;
 width:100%;
 min-width:0;
 max-width:100%;
 margin-top:3px;
 padding-top:7px;
 border-top:1px solid #e8edf3;
}
.sp-attachment-panel>small{color:var(--sp-muted);font-size:9px;font-weight:750}
.sp-attachment-files{display:grid;gap:5px;min-width:0;max-width:100%}
.sp-attachment-file{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:7px;
 min-width:0;
 max-width:100%;
 padding:5px 6px;
 border:1px solid #e0e7f0;
 border-radius:9px;
 background:#fbfcfe;
}
.sp-attachment-file-name{
 min-width:0;
 overflow:hidden;
 color:#475467;
 font-size:9px;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.sp-attachment-link,.sp-attachment-load{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:32px;
 padding:6px 9px;
 border:1px solid #b9d1ef;
 border-radius:9px;
 background:#eff6ff;
 color:#1459ad;
 font-size:9px;
 font-weight:800;
 line-height:1.2;
 text-decoration:none;
 white-space:nowrap;
}
.sp-attachment-link:hover,.sp-attachment-load:hover{background:#e2efff;color:#0b4fab}
.sp-attachment-empty{color:#7b8797;font-size:9px;overflow-wrap:anywhere}
.sp-lookup-orders .sp-lookup-facts{
 grid-column:1/-1;
 display:flex;
 align-items:flex-start;
 min-width:0;
 max-width:100%;
}
.sp-status{
 display:inline-flex;
 align-items:center;
 width:max-content;
 padding:4px 7px;
 border-radius:99px;
 background:#eef2f6;
 color:#475467;
 font-size:9px;
 font-weight:850;
 white-space:nowrap;
}
.sp-status-assigned{background:#fff3db;color:#925000}
.sp-status-stored{background:#e8f8f1;color:#087455}
.sp-status-released{background:#eef2f6;color:#667085}
.sp-status-cancelled{background:#fff0f1;color:#a82834}
.sp-status-unassigned{background:#fff3db;color:#925000}
.sp-assignment-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.sp-assignment-actions-compact{margin-left:auto}
.sp-action{
 min-height:36px!important;
 padding:7px 9px;
 border:1px solid #d0d5dd;
 border-radius:9px;
 background:#fff;
 color:#344054;
 font-size:10px;
 font-weight:800;
}
.sp-action:hover{background:#f6f8fa}
.sp-action-confirm{border-color:#65bd9d;background:#eaf8f2;color:#087455}
.sp-action-qr{border-color:#a8c7ee;background:#eff6ff;color:#1459ad}
.sp-action-release{border-color:#efb2b8;background:#fff1f2;color:#aa2632}

.sp-dialog-backdrop{
 position:fixed;
 inset:0;
 display:grid;
 place-items:center;
 padding:18px;
 background:rgba(15,23,42,.58);
 -webkit-backdrop-filter:blur(12px);
 backdrop-filter:blur(12px);
 z-index:1400;
}
.sp-dialog{
 --sp-blue:#156edb;
 --sp-blue-dark:#0b4fab;
 width:min(480px,calc(100vw - 28px));
 padding:20px;
 border:1px solid rgba(255,255,255,.8);
 border-radius:22px;
 background:#fff;
 color:#101828;
 box-shadow:0 28px 80px rgba(15,23,42,.3);
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
}
.sp-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 15px}
.sp-dialog>header span{color:#156edb;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.sp-dialog h2{margin:4px 0 0;font-size:22px;letter-spacing:-.025em}
.sp-dialog-close{display:grid;place-items:center;width:38px;height:38px;min-height:38px!important;padding:0;border-radius:50%;background:#f0f2f5;color:#475467;font-size:24px}
.sp-dialog>p{color:#667085;font-size:12px;line-height:1.5}
.sp-dialog>label{display:grid;gap:6px;color:#475467;font-size:11px;font-weight:800}
.sp-dialog select{width:100%;min-height:48px;padding:9px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;font-size:16px}
.sp-dialog>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.sp-bin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-bin-dialog{width:min(560px,calc(100vw - 28px));max-width:100%;overflow:hidden}
.sp-bin-form-grid>label{display:grid;gap:6px;min-width:0;color:#475467;font-size:11px;font-weight:800}
.sp-bin-form-grid input:not([type="checkbox"]){
 width:100%;
 min-width:0;
 min-height:48px;
 padding:9px 11px;
 border:1px solid #d0d5dd;
 border-radius:11px;
 background:#fff;
 color:#101828;
 font-size:16px;
}
.sp-bin-active-field{
 grid-column:1/-1;
 grid-template-columns:auto minmax(0,1fr)!important;
 align-items:center;
 padding:11px;
 border:1px solid #dbe3ed;
 border-radius:12px;
 background:#f8fafc;
}
.sp-bin-active-field input{width:20px;height:20px;margin:0;accent-color:#156edb}
.sp-bin-active-field span{display:grid;gap:2px;min-width:0}
.sp-bin-active-field b{font-size:11px}.sp-bin-active-field small{color:#667085;font-size:9px;line-height:1.4}
.sp-bin-safety{
 margin:12px 0 0!important;
 padding:9px 11px;
 border:1px solid #efd09a;
 border-radius:11px;
 background:#fff8ea;
 color:#774a00!important;
 overflow-wrap:anywhere;
}
.sp-qr-dialog{width:min(610px,calc(100vw - 28px))}
.sp-qr-label{
 display:grid;
 grid-template-columns:minmax(0,1fr) 174px;
 grid-template-rows:auto 1fr auto;
 gap:12px 18px;
 width:100%;
 min-height:315px;
 padding:20px;
 border:2px solid #101828;
 border-radius:14px;
 background:#fff;
 color:#101828;
}
.sp-qr-brand{
 grid-column:1/-1;
 padding-bottom:9px;
 border-bottom:2px solid #101828;
 font-size:18px;
 font-weight:900;
 letter-spacing:.08em;
}
.sp-qr-brand span{color:#156edb}
.sp-qr-copy{display:grid;align-content:center;justify-items:start}
.sp-qr-copy small{font-size:9px;font-weight:850;letter-spacing:.08em}
.sp-qr-copy strong{margin:3px 0 13px;font-size:29px;line-height:1;letter-spacing:-.035em}
.sp-qr-copy span{font-size:10px;font-weight:850}
.sp-qr-copy b{margin-top:3px;font-size:47px;line-height:1;letter-spacing:-.05em}
.sp-qr-image-wrap{display:grid;justify-items:center;align-content:center;gap:5px}
.sp-qr-image-wrap img{display:block;width:164px;height:164px;object-fit:contain;image-rendering:crisp-edges}
.sp-qr-image-wrap small{font-size:9px;font-weight:800}
.sp-qr-label>footer{
 grid-column:1/-1;
 padding-top:9px;
 border-top:1px solid #98a2b3;
 color:#475467;
 font-size:9px;
 text-align:center;
}
.sp-qr-security{
 margin:10px 1px 0!important;
 padding:9px 11px;
 border-radius:10px;
 background:#f2f6fb;
 color:#52606d!important;
 font-size:10px!important;
}

@media(max-width:1180px){
 .sp-workbench,.sp-workbench-scanner-enabled{grid-template-columns:1fr}
 .sp-bins-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
 .sp-assignment-card{grid-template-columns:1fr .55fr 1fr}.sp-assignment-card>.sp-assignment-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:1020px){
 .sp-lookup-order-line .attachment-count-chip-right,
 .sp-assignment-order-line .attachment-count-chip-right{
  min-height:24px!important;
  height:24px;
  padding:1px 5px;
  gap:2px;
  font-size:9px;
  transform:none;
 }
 .sp-lookup-order-line .attachment-count-chip-right .attachment-count-chip-icon,
 .sp-assignment-order-line .attachment-count-chip-right .attachment-count-chip-icon{font-size:14px}
}
@media(max-width:760px){
 .sp-page-header{align-items:stretch;flex-direction:column}
 .sp-page-header h1{font-size:28px}.sp-page-header>button{width:100%}
 .sp-summary{grid-template-columns:1fr 1fr}.sp-summary article:last-child{grid-column:1/-1}
 .sp-workbench{gap:11px}.sp-scan-panel,.sp-search-panel,.sp-bins-section,.sp-assignments-section,.sp-bin-management{border-radius:18px}
 .sp-scan-panel,.sp-search-panel,.sp-bins-section,.sp-assignments-section,.sp-bin-management{padding:14px}
 .sp-panel-heading{align-items:flex-start;flex-wrap:wrap}.sp-panel-heading>div{min-width:180px}
 .sp-live-badge{margin-left:53px}
 .sp-scan-form>div,.sp-lookup-form>div{grid-template-columns:1fr}.sp-scan-form button,.sp-lookup-form button{width:100%}
 .sp-result{align-items:flex-start;flex-wrap:wrap;min-height:150px;padding:14px}
 .sp-result-main{flex:1}.sp-result-main strong{font-size:38px}
 .sp-result .sp-assignment-actions{width:100%;margin:0;justify-content:stretch}.sp-result .sp-action{flex:1}
 .sp-section-heading{align-items:flex-start;flex-direction:column}.sp-bin-legend{flex-wrap:wrap}
 .sp-filter{width:100%;min-width:0;align-items:stretch;flex-direction:column}
 .sp-filter select{width:100%;min-width:0;max-width:100%}
 .sp-bin-management .sp-section-heading>button{width:100%}
 .sp-bin-management-row{grid-template-columns:minmax(0,1fr) auto}
 .sp-bin-management-code{grid-column:1/-1}
 .sp-bin-management-row>.sp-bin-management-status{justify-self:end}
 .sp-bin-management-row>button{grid-column:1/-1;width:100%}
 .sp-bins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sp-bin-card{min-height:140px}.sp-bin-card>strong{font-size:24px}
 .sp-assignment-card{grid-template-columns:1fr auto;gap:10px}
 .sp-assignment-order-line{gap:5px}
 .sp-assignment-meta{grid-column:1/-1}.sp-assignment-card>.sp-assignment-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
 .sp-action{min-height:42px!important}
 .sp-lookup-orders article{grid-template-columns:1fr auto}.sp-lookup-orders article>.sp-status{grid-column:1/-1}
 .sp-lookup-orders .sp-assignment-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .sp-dialog-backdrop{padding:0;align-items:end}
 .sp-dialog{width:100%;max-height:94dvh;overflow:auto;border-radius:23px 23px 0 0;padding:17px}
 .sp-bin-form-grid{grid-template-columns:1fr}
 .sp-bin-active-field{grid-column:1}
 .sp-dialog>footer{position:sticky;bottom:-17px;margin:18px -17px -17px;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eef0f3}
 .sp-qr-label{grid-template-columns:minmax(0,1fr) 126px;min-height:255px;padding:14px;gap:10px}
 .sp-qr-copy strong{font-size:23px}.sp-qr-copy b{font-size:37px}
 .sp-qr-image-wrap img{width:120px;height:120px}
}
@media(max-width:420px){
 .sp-summary{gap:7px}.sp-summary article{padding:12px}.sp-summary strong{font-size:25px}
 .sp-bins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp-bin-management-row{grid-template-columns:1fr}
 .sp-bin-management-row>*{grid-column:1!important;justify-self:stretch!important;min-width:0}
 .sp-bin-management-status{width:max-content}
 .sp-lookup-order-line{gap:4px}
 .sp-attachment-file{grid-template-columns:1fr}.sp-attachment-link,.sp-attachment-load{width:100%;min-height:42px}
 .sp-qr-label{grid-template-columns:1fr;text-align:center}
 .sp-qr-brand,.sp-qr-label>footer{grid-column:1}
 .sp-qr-copy{justify-items:center}.sp-qr-image-wrap img{width:142px;height:142px}
}
@media(prefers-reduced-motion:reduce){
 .sp-bin-card,.sp-mini-spinner{animation:none!important;transition:none!important}
}

@media print{
 @page{size:4in 3in;margin:0}
 body.sp-printing-label{margin:0!important;background:#fff!important}
 body.sp-printing-label>*{display:none!important}
 body.sp-printing-label>#smallPartsQrDialog{
  position:static!important;
  display:block!important;
  padding:0!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
 body.sp-printing-label .sp-qr-dialog{
  display:block!important;
  width:4in!important;
  height:3in!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:.12in!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 body.sp-printing-label .sp-no-print{display:none!important}
 body.sp-printing-label .sp-qr-label{
  display:grid!important;
  grid-template-columns:1fr 1.15in!important;
  grid-template-rows:auto 1fr auto!important;
  gap:.05in .11in!important;
  width:3.76in!important;
  height:2.76in!important;
  min-height:0!important;
  padding:.11in!important;
  border:2px solid #000!important;
  border-radius:.05in!important;
  color:#000!important;
  print-color-adjust:exact;
  -webkit-print-color-adjust:exact;
 }
 body.sp-printing-label .sp-qr-brand{grid-column:1/-1!important;padding-bottom:.04in!important;font-size:12pt!important}
 body.sp-printing-label .sp-qr-copy small{font-size:6pt!important}
 body.sp-printing-label .sp-qr-copy strong{margin:.02in 0 .08in!important;font-size:18pt!important}
 body.sp-printing-label .sp-qr-copy span{font-size:6pt!important}
 body.sp-printing-label .sp-qr-copy b{font-size:29pt!important}
 body.sp-printing-label .sp-qr-image-wrap img{width:1.08in!important;height:1.08in!important}
 body.sp-printing-label .sp-qr-image-wrap small{font-size:6pt!important}
 body.sp-printing-label .sp-qr-label>footer{grid-column:1/-1!important;padding-top:.035in!important;font-size:5.5pt!important}
}