/* Bin BOSS V2: concrete warehouse workspace; original POS controls stay intact. */
.bb{color:#eef7ff;font-family:Arial,system-ui,sans-serif;min-width:0}.bb *{box-sizing:border-box}.bb [hidden],.bb-selling>[hidden]{display:none!important}.bb button{cursor:pointer}.bb button:disabled{opacity:.45;cursor:default}.bb-btn{border:1px solid #347bb0;background:#164775;border-radius:8px;padding:10px 14px;font-weight:700;color:#eef7ff}.bb-blue,.bb-switch .on{background:linear-gradient(120deg,#0768e5,#04b5ee);border-color:#34d4ff}.bb-green{background:linear-gradient(120deg,#00843e,#0fc963);border-color:#4af48c}.bb-eye{white-space:nowrap}.bb-field{display:block;min-width:0;width:100%;background:#07192d;border:1px solid #346a92;color:#fff;border-radius:8px;padding:10px;margin:5px 0}.bb label{display:block;font-size:13px}.bb-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bb-panel{background:#091e37;border:1px solid #28618c;border-radius:12px;padding:16px;margin:12px 0}.bb-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-metric{background:#123251;border-radius:10px;padding:18px}.bb-metric b{display:block;font-size:25px;margin-top:8px}.bb-line{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #254c70}.bb-line span{flex:1}.bb-note{font-size:12px;line-height:1.5;color:#a4bfd8}.bb-leftover{margin:10px 0}.bb-leftover .bb-field{width:110px}.bb-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.bb-workspace-head small{font-size:11px;letter-spacing:2px;color:#55cfff;font-weight:800}.bb-workspace-head h1{margin:4px 0;font-size:26px}.bb-tag{background:#056e42;color:#afffcb;border:1px solid #21e56f;padding:8px 12px;border-radius:9px;font-size:12px;text-transform:capitalize}.bb-run-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.bb-run-toolbar>.bb-field{flex:1;max-width:330px;min-width:180px;margin:0}.bb-steps{display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;color:#58616a;margin:0 0 16px;letter-spacing:1px}.bb-steps span{display:flex;gap:7px;align-items:center}.bb-steps i{color:#9ca2a7;font-style:normal}.bb-zone{background:#f5f6f5d9;border:1px solid #aab1b6;border-radius:15px;padding:16px;margin-bottom:16px;box-shadow:0 5px 14px #27313a15}.bb-zone-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.bb-zone-head small{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#707a82}.bb-zone-head h2{font-size:18px;margin:4px 0;color:#202c36}.bb-pallet-line,.bb-bin-line{display:flex;overflow-x:auto;align-items:stretch;gap:12px;padding:3px 3px 14px;scrollbar-width:thin;scrollbar-color:#7b858e #d8dcde}.bb-merch-card{flex:0 0 190px;min-width:0;text-align:left;border:2px solid #b5bdc3;border-radius:11px;padding:0 12px 12px;background:#fff;color:#24313d;box-shadow:0 4px 9px #17222b12;transition:border-color .12s,box-shadow .12s}.bb-merch-card.selected{border-color:#02b9f3;box-shadow:0 0 0 2px #6ce7ff,0 5px 13px #0097db40}.bb-merch-photo{height:82px;position:relative;margin:0 -12px 10px;overflow:hidden;border-radius:8px 8px 0 0;background:#d6d8d5}.bb-merch-photo img{height:210px;width:100%;object-fit:cover;object-position:top;display:block}.bb-merch-photo>span{position:absolute;right:6px;top:6px;background:#152b3ce8;color:#e9f8ff;padding:3px 6px;border-radius:5px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.bb-merch-card h3{font-size:14px;color:#152b3c;margin:9px 0 5px;overflow-wrap:anywhere}.bb-merch-card>small{font-size:10px;color:#6a7580;display:block;overflow-wrap:anywhere;min-height:25px}.bb-private-row{display:flex;justify-content:space-between;gap:10px;margin:10px 0;font-size:10px;color:#67727b}.bb-private-row>span{display:flex;flex-direction:column;gap:4px}.bb-private-row b{font-size:12px;color:#293b49}.bb-sensitive{filter:blur(5px);user-select:none;transition:filter .15s}.bb-reveal .bb-sensitive{filter:none;user-select:text}.bb-status{display:block;border-radius:5px;background:#e1f4e8;color:#24794b;padding:6px 7px;font-size:10px;font-weight:700;overflow-wrap:anywhere}.bb-status.dumped{background:#e1ecf5;color:#235879}.bb-selection-bar{display:flex;align-items:center;gap:7px;border-top:1px solid #c3c9cd;padding-top:12px;flex-wrap:wrap}.bb-selection-bar>span{flex:1;min-width:150px;font-size:12px;color:#52616d}.bb-selection-bar .bb-btn{padding:7px 11px}.bb-prep-bin{flex:0 0 250px;min-width:0;background:#fff;border:1px solid #aeb6ba;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #27313a17}.bb-bin-photo,.bb-bin{position:relative;display:block;width:100%;padding:0;border:0;background:#08182a;overflow:hidden;cursor:pointer}.bb-bin-photo img,.bb-bin img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.bb-bin-label{position:absolute;top:60%;left:20%;width:61%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;line-height:1.15;text-align:center;font-size:clamp(10px,1vw,14px);font-weight:700;text-shadow:0 1px 3px #000}.bb-bin-label>b{font-size:clamp(17px,1.6vw,24px);color:#4bd9ff;margin-top:4px}.bb-bin-label>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-bin-details{padding:10px 12px}.bb-contents{display:flex;flex-direction:column;gap:5px;min-height:40px;max-height:90px;overflow-y:auto}.bb-contents>span{background:#e6ecf0;color:#334b5a;border-radius:5px;padding:5px 7px;font-size:10px;overflow-wrap:anywhere}.bb-contents>.bb-no-contents{background:transparent;color:#87929a}.bb-bin-actions{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #d5dce0;padding-top:9px}.bb-bin-actions .bb-btn{font-size:11px!important;padding:7px 10px}.bb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:240px;min-height:120px;border:1px dashed #aeb7bc;border-radius:10px;font-size:13px;color:#747f86;line-height:1.8;text-align:center}.bb-start-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f1f3f4e8;border:1px solid #adb8be;border-radius:12px;padding:14px 18px;box-shadow:0 3px 10px #27313a17}.bb-start-bar>div{color:#314653;font-size:14px}.bb-start-bar small{display:block;color:#6a7882;font-size:11px;margin-top:4px}.bb-start-bar .bb-btn{min-width:180px;font-size:17px!important;padding:14px 24px}.bb-switch{display:flex;gap:8px;margin:12px 0}.bb-switch button{flex:1}.bb-bins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bb-bins[data-count="1"]{grid-template-columns:minmax(0,340px)}.bb-bins[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-bin{min-width:0;border:1px solid #2875a5;border-radius:10px}.bb-bin:hover{border-color:#4af1ff;box-shadow:0 0 12px #24a9fa66}.bb-overlay{position:fixed;inset:0;background:#020b16d4;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10000}.bb-dialog{width:min(100%,350px);background:linear-gradient(135deg,#063d2b,#031b19);border:2px solid #4dfc8b;box-shadow:0 0 30px #12ee7770;border-radius:16px;padding:20px}.bb-dialog h2{font-size:23px;margin:0}.bb-dialog img{width:94px;border-radius:8px}.bb-qty{font-size:30px;font-weight:850}.bb-selected{margin:18px 0}.bb-selected>div{flex:1}.bb-center{text-align:center}.bb-dialog-total{color:#64f29d;font-size:25px}.bb-wide{width:100%;margin-top:12px;padding:15px}.bb-edit-dialog{max-width:600px;padding:8px;max-height:80vh;overflow:auto}.bb-edit-dialog h2{margin:0 0 15px}.bb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.bb-audit{max-height:400px;overflow:auto;font-size:12px}.bb-audit details{border-bottom:1px solid #315471;padding:9px 0}.bb-audit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.bb-retired>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.bb-nav{margin:5px 0}.bb-nav button{display:block;width:100%;background:transparent;color:#dff3ff;border:0;padding:12px;text-align:left;border-radius:8px;cursor:pointer}.bb-nav>button span{float:right}.bb-nav>div button{padding-left:35px}.bb-nav [hidden]{display:none!important}
@media(max-width:1050px){.bb-bins{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-steps{gap:8px;font-size:9px}.bb-zone-head h2{font-size:16px}}@media(max-width:720px){.bb-steps{flex-wrap:wrap}.bb-zone{padding:10px;margin-bottom:12px}.bb-merch-card{flex-basis:170px}.bb-prep-bin{flex-basis:225px}.bb-selection-bar>span{flex-basis:100%}.bb-workspace-head h1{font-size:22px}.bb-zone-head{flex-wrap:wrap}.bb-zone-head .bb-btn{padding:8px 10px}.bb-form-grid{grid-template-columns:1fr}.bb-start-bar{flex-direction:column;align-items:stretch;padding:12px}.bb-start-bar .bb-btn{width:100%}.bb-grid2{grid-template-columns:1fr}.bb-run-toolbar .bb-btn{font-size:11px!important;padding:8px}.bb-bin-label{font-size:11px}.bb-bin-label>b{font-size:19px}.bb-edit-dialog>.bb-row{flex-wrap:wrap}.bb-dialog .bb-row{flex-wrap:nowrap}.bb-nav>div{display:flex;flex-wrap:wrap}.bb-nav>div button{width:auto;padding:10px}}
/* Scope overrides against the legacy renderer's late, high-specificity styles. */
html body.pb-binboss-active{background:#041022!important;color:#eef7ff!important}
html body.pb-binboss-active .main{background:#041022!important;display:block!important;min-width:0!important}
html body.pb-binboss-active #app{display:block!important;min-width:0!important;width:100%!important}
html body.pb-binboss-active .main>.top{background:#091e37!important;color:#eef7ff!important;border:1px solid #28618c!important;border-radius:12px!important;box-shadow:none!important}
html body.pb-binboss-active .main>.top h1,html body.pb-binboss-active .main>.top .subtitle{color:#eef7ff!important}
html body.pb-binboss-active #v6HeaderScan{display:none!important}
html body.pb-binboss-active .ls-register.bb-register{display:grid!important;min-width:0!important;width:100%!important;min-height:0!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)!important;gap:12px!important}
html body.pb-binboss-active .ls-register.bb-register>.ls-products,html body.pb-binboss-active .ls-register.bb-register>.ls-sell{width:auto!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;background:#091e37!important;color:#eef7ff!important;border:1px solid #28618c!important;border-radius:12px!important;box-shadow:none!important;padding:13px!important}
html body.pb-binboss-active .ls-products #scanInput{width:100%!important;min-width:0!important;background:#07192d!important;color:#eef7ff!important;border:1px solid #346a92!important;border-radius:8px!important;height:42px!important;min-height:0!important;font:14px Arial,system-ui,sans-serif!important}
html body.pb-binboss-active .ls-products>.ls-label{color:#a4bfd8!important}
html body.pb-binboss-active .bb input.bb-field,html body.pb-binboss-active .bb select.bb-field{background:#07192d!important;color:#fff!important;border:1px solid #346a92!important;border-radius:8px!important;padding:10px!important;font:14px Arial,system-ui,sans-serif!important;box-shadow:none!important;min-height:0!important}
html body .bb .bb-btn{font:700 14px Arial,system-ui,sans-serif!important;border-radius:8px!important;color:#eef7ff!important}
html body .bb label.bb-row{display:flex!important}
html body .bb .bb-selected>div{flex:1}
html body.pb-binboss-active .bb-bins{width:100%!important;min-width:0!important}
html body.pb-binboss-active .ls-sell .r299-header,html body.pb-binboss-active .ls-sell .r299-summary,html body.pb-binboss-active .ls-sell .r299-line,html body.pb-binboss-active .ls-sell .r299-lines{background:#091e37!important;color:#eef7ff!important;border-color:#28618c!important}
html body.pb-binboss-active .ls-sell .r299-empty,html body.pb-binboss-active .ls-sell .r299-descr small,html body.pb-binboss-active .ls-sell .r299-sumrow,html body.pb-binboss-active .ls-sell .r299-tablehead{color:#a4bfd8!important}
html body.pb-binboss-active .ls-sell .r299-summarytitle,html body.pb-binboss-active .ls-sell .r299-ltotal{color:#eef7ff!important}
html body.pb-binboss-active .ls-sell .r299-total{background:#123251!important;color:#eef7ff!important}
html body.pb-binboss-active .ls-sell .r299-total strong{color:#4bd9ff!important}
html body.pb-binboss-active .ls-sell .r299-pay{background:linear-gradient(120deg,#0768e5,#04b5ee)!important}
html body.pb-binboss-active .ls-sell .r299-customer .ls-customer,html body.pb-binboss-active .ls-sell .r299-new,html body.pb-binboss-active .ls-sell .r299-line input{background:#07192d!important;color:#eef7ff!important;border-color:#346a92!important}
html body.pb-binboss-active .ls-sell .r299-lines{min-height:180px!important}
@media(max-width:1050px){html body.pb-binboss-active .ls-register.bb-register{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)!important}}
@media(max-width:850px){html body.pb-binboss-active .ls-register.bb-register{grid-template-columns:minmax(0,1fr)!important}html body.pb-binboss-active .ls-sell{min-height:0!important}html body.pb-binboss-active .ls-sell .r299-lines{min-height:90px!important}}
@media(max-width:520px){html body.pb-binboss-active .main{padding:10px!important}html body.pb-binboss-active .bb-bins{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.pb-binboss-active .ls-sell .r299-tablehead,html body.pb-binboss-active .ls-sell .r299-line{grid-template-columns:minmax(0,1fr) 36px 48px 49px 22px!important;gap:3px!important}html body.pb-binboss-active .bb-leftover{flex-wrap:nowrap!important}}
html body.pb-binboss-active .sidebar .y4-regmenu{display:none!important}
html body.pb-binboss-active .sidebar #bb-nav>button.active{background:linear-gradient(110deg,#0748df,#0788ff 68%,#07b3f8)!important;border:1px solid #73d8ff99!important;box-shadow:0 6px 18px #029dff52!important}
html body.pb-binboss-active .sidebar #bb-nav button[aria-current="page"]{background:#0959a9!important;box-shadow:inset 3px 0 #3df3ff!important}
/* Concrete applies only to Prep. Preserve navy navigation and all other pages. */
html body.pb-binboss-prep,html body.pb-binboss-prep .main{background-color:#c9ccca!important;background-image:radial-gradient(ellipse at 14% 18%,#ffffff35,transparent 54%),repeating-linear-gradient(17deg,#6d747705 0,#6d747705 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#d6d8d5,#babebd)!important;color:#24333e!important}
html body.pb-binboss-prep .main:after{display:none!important}
html body.pb-binboss-prep .main>.top{display:none!important}
html body.pb-binboss-prep .bb-workspace-head{color:#263846!important}
html body.pb-binboss-prep .bb-workspace-head small{color:#4f656f!important}
html body.pb-binboss-prep .bb-run-toolbar>.bb-field{background:#edf0f0!important;color:#263a46!important;border-color:#9caab1!important}
html body .bb-edit-dialog input.bb-field,html body .bb-edit-dialog select.bb-field{background:#07192d!important;color:#fff!important;border:1px solid #346a92!important;border-radius:8px!important;padding:10px!important;font:14px Arial,system-ui,sans-serif!important;min-width:0!important;width:100%!important}
html body .bb-edit-dialog label{color:#edf7ff!important}
html body .bb-edit-dialog{background:#091e37!important;color:#eef7ff!important;border-radius:12px}
html body .bb-edit-dialog h2{color:#eef7ff!important}
html body.pb-binboss-prep .bb-zone .bb-private-row b{color:#293b49!important}
html body.pb-binboss-prep .bb-prep-bin .bb-bin-label{color:#fff!important}
html body.pb-binboss-prep .bb-prep-bin .bb-bin-label b{color:#4bd9ff!important}
html body .bb [data-left]{max-width:110px}
@media(min-width:1051px){.bb-zone{padding:11px;margin-bottom:12px}.bb-zone-head{margin-bottom:8px}.bb-zone-head h2{font-size:16px}.bb-merch-card{flex-basis:175px;padding:0 10px 9px}.bb-merch-photo{height:50px;margin:0 -10px 6px}.bb-merch-photo img{height:170px}.bb-merch-card h3{margin:5px 0;font-size:12px}.bb-merch-card>small{min-height:12px;font-size:9px}.bb-private-row{margin:7px 0;font-size:9px}.bb-private-row b{font-size:11px}.bb-status{padding:4px 6px;font-size:9px}.bb-selection-bar{padding-top:8px}.bb-prep-bin{flex-basis:220px}.bb-bin-details{padding:8px 10px}.bb-contents{min-height:28px;max-height:55px}.bb-contents>span{padding:4px 6px;font-size:9px}.bb-bin-actions{padding-top:6px}.bb-start-bar{padding:11px 14px}.bb-steps{margin-bottom:10px}}
@media(max-width:720px){html body.pb-binboss-active .sidebar .nav{min-height:0!important;height:auto!important;padding-bottom:5px!important}html body.pb-binboss-active .sidebar{min-height:0!important}html body.pb-binboss-active .sidebar .nav>.bb-nav{flex:0 0 auto;min-width:150px}.bb-workspace-head h1{font-size:20px}}
.bb-eye{display:inline-flex;align-items:center;justify-content:center;gap:7px}.bb-eye svg{flex:none}

/* Targeted Prep controls; retain the approved warehouse panels and lineup sizes. */
.bb-merch-card{position:relative}.bb-select-check{position:absolute;z-index:2;top:6px;left:7px;font-size:23px;color:#fff;text-shadow:0 1px 4px #001e39;background:#07273fcc;border-radius:4px;line-height:1.1}
.bb-bulk-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.bb-bulk-controls small{color:#425c70}
.bb-import-list{max-height:42vh;overflow:auto;margin:10px 0}.bb-import-row{display:flex!important;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #49657a}.bb-import-row>input{width:20px;height:20px;flex-shrink:0}.bb-import-row>span{flex:1}.bb-import-row small{display:block;margin:5px 0}.bb-import-row .bb-private-row{display:flex}
.bb-edit-dialog .bb-import-row b{color:#eef7ff!important}.bb-edit-dialog .bb-import-row .bb-private-row{color:#a4bfd8!important}.bb-prep .bb-contents b{margin-left:5px}
