.apparel-b2-page{display:grid;gap:13px;min-width:0}.apparel-b2-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px;border:1px solid #d7e4e7;border-radius:12px;background:#f3f8f8}.apparel-b2-tabs button{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#546e78;font:inherit;font-weight:750}.apparel-b2-tabs button.active{background:#fff;color:#087987;box-shadow:0 2px 8px #163b4917}.apparel-b2-pending{display:grid;gap:5px;padding:18px;border:1px dashed #dda8a8;border-radius:12px;background:#fff7f7;color:#8a3c3c}.apparel-b2-pending span{line-height:1.55}.apparel-b2-filter{display:flex;align-items:end;gap:10px;padding:12px;border:1px solid #dbe6e8;border-radius:12px;background:#fff}.apparel-b2-filter label{display:grid;gap:5px;min-width:260px}.apparel-b2-filter label span{color:#647b84;font-size:12px}.apparel-b2-filter select,.apparel-b2-dialog select,.apparel-b2-style select{box-sizing:border-box;min-height:40px;padding:0 10px;border:1px solid #cbdadd;border-radius:8px;background:#fff;font:inherit}.apparel-b2-filter strong{margin-right:auto;padding:7px 10px;border-radius:8px;background:#eef6f5;color:#376c72;font-size:12px}.apparel-b2-metrics{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px;overflow-x:auto}.apparel-b2-metrics article{padding:12px;border:1px solid #dbe6e8;border-radius:11px;background:#fff}.apparel-b2-metrics small,.apparel-b2-metrics strong{display:block}.apparel-b2-metrics small{color:#6a7f87}.apparel-b2-metrics strong{margin-top:5px;color:#173f4c;font-size:20px}.apparel-b2-table-scroll{max-width:100%;overflow:auto;border:1px solid #dbe6e8;border-radius:12px;background:#fff}.apparel-b2-table-scroll table{width:100%;min-width:900px;border-collapse:collapse}.apparel-b2-table-scroll th,.apparel-b2-table-scroll td{padding:10px;border-bottom:1px solid #e3ebed;text-align:left;white-space:nowrap}.apparel-b2-table-scroll th{position:sticky;top:0;background:#f1f7f7;color:#4c6872;font-size:12px}.apparel-b2-table-scroll td small,.apparel-b2-table-scroll td b{display:block}.apparel-b2-table-scroll td small{margin-top:3px;color:#73878e}.apparel-b2-table-scroll td.danger{color:#b13d3d;font-weight:800}.apparel-b2-state-note{padding:11px 13px;border-left:4px solid #4a9ca0;border-radius:8px;background:#eff8f7;color:#375f66;line-height:1.55}.apparel-b2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.apparel-b2-cards article{padding:13px;border:1px solid #dbe6e8;border-radius:12px;background:#fff}.apparel-b2-cards header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.apparel-b2-cards header span{padding:4px 7px;border-radius:999px;background:#e4f4ee;color:#266f55;font-size:11px}.apparel-b2-cards header span.warn{background:#fff0d5;color:#805b13}.apparel-b2-cards p{color:#667b84}.apparel-b2-cards dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.apparel-b2-cards dl div{padding:7px;border-radius:7px;background:#f4f8f8}.apparel-b2-cards dt{color:#73858c;font-size:11px}.apparel-b2-cards dd{margin:3px 0 0;color:#284c55;font-weight:750}.apparel-b2-cards>article>small{display:block;margin-top:9px;color:#819198}.apparel-b2-empty{padding:28px;border:1px dashed #cad8db;border-radius:12px;color:#73858c;text-align:center}.apparel-b2-overlay{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:16px;background:#09283299}.apparel-b2-dialog{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(980px,100%);max-height:min(90vh,850px);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 22px 70px #0005}.apparel-b2-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid #e0eaec}.apparel-b2-dialog h3,.apparel-b2-dialog p{margin:0}.apparel-b2-dialog p{margin-top:4px;color:#6b8088}.apparel-b2-dialog>header button{width:40px;height:40px;border:0;border-radius:50%;background:#edf3f4;font-size:22px}.apparel-b2-warehouse,.apparel-b2-style{display:flex;align-items:end;gap:10px;padding:11px 16px}.apparel-b2-warehouse label,.apparel-b2-style{min-width:0}.apparel-b2-warehouse label{display:grid;gap:4px;min-width:260px}.apparel-b2-warehouse strong{padding:7px 9px;border-radius:7px;background:#eff7f6;color:#356b71;font-size:12px}.apparel-b2-style{display:grid;grid-template-columns:70px minmax(0,360px);align-items:center;padding-top:0}.apparel-b2-doc-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;overflow:auto;padding:12px 16px;background:#f5f8f9}.apparel-b2-doc-matrix>label{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:4px;padding:10px;border:1px solid #d7e3e5;border-radius:9px;background:#fff}.apparel-b2-doc-matrix>label span{min-width:0}.apparel-b2-doc-matrix b,.apparel-b2-doc-matrix small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apparel-b2-doc-matrix small,.apparel-b2-doc-matrix em{color:#74868d;font-size:11px;font-style:normal}.apparel-b2-doc-matrix input{box-sizing:border-box;width:72px;min-height:40px;border:1px solid #cbdadd;border-radius:7px;text-align:center}.apparel-b2-doc-matrix em{grid-column:2}.apparel-b2-doc-matrix>label.disabled{opacity:.55}.apparel-b2-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e0eaec}.apparel-b2-dialog>footer span{margin-right:auto;color:#536d76}.apparel-b2-matrix-trigger{margin-left:7px}
@media(max-width:760px){.apparel-b2-page{gap:10px}.apparel-b2-tabs button{min-height:44px}.apparel-b2-filter{align-items:stretch;flex-direction:column}.apparel-b2-filter label{min-width:0}.apparel-b2-filter select,.apparel-b2-filter .button{width:100%;min-height:44px}.apparel-b2-filter strong{margin:0}.apparel-b2-metrics{grid-template-columns:repeat(7,100px)}.apparel-b2-cards{grid-template-columns:minmax(0,1fr)}.apparel-b2-overlay{padding:0}.apparel-b2-dialog{width:100%;height:100%;max-height:none;border-radius:0}.apparel-b2-warehouse{align-items:stretch;flex-direction:column}.apparel-b2-warehouse label{min-width:0}.apparel-b2-warehouse select,.apparel-b2-style select{width:100%;min-height:44px}.apparel-b2-style{grid-template-columns:1fr}.apparel-b2-doc-matrix{grid-template-columns:minmax(0,1fr);padding:10px}.apparel-b2-doc-matrix input{min-height:44px}.apparel-b2-dialog>footer{display:grid;grid-template-columns:1fr 1fr}.apparel-b2-dialog>footer span{grid-column:1/-1}.apparel-b2-dialog>footer .button{min-height:44px}.apparel-b2-matrix-trigger{margin:7px 0 0;width:100%;min-height:44px}}
@media(min-width:761px) and (max-width:1050px){.apparel-b2-metrics{grid-template-columns:repeat(7,105px)}}
.apparel-b2-state-note{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:760px){.apparel-b2-state-note{align-items:stretch;flex-direction:column}.apparel-b2-state-note .button{min-height:44px}}
.apparel-b2-preview{display:grid;gap:4px;margin:0 16px;padding:10px 12px;border:1px solid #a9d8ca;border-radius:9px;background:#effaf6;color:#286453}.apparel-b2-preview[hidden]{display:none}.apparel-b2-preview small{color:#657b84}.apparel-b2-preview b:first-child:has(+span+small:last-child){color:#8c3434}.apparel-b2-warehouse>label{display:grid;gap:4px}.apparel-b2-warehouse>label span{font-size:12px;color:#647b84}
@media(max-width:760px){.apparel-b2-preview{margin:0 10px}.apparel-b2-dialog>footer{grid-template-columns:1fr 1fr}.apparel-b2-dialog>footer [data-b2-save]{min-height:44px}}
.apparel-b2-filter{flex-wrap:wrap;max-width:100%}.apparel-b2-filter label{flex:1 1 160px;min-width:0}.apparel-b2-filter input{box-sizing:border-box;width:100%;min-height:40px;padding:0 10px;border:1px solid #cbdadd;border-radius:8px;background:#fff;font:inherit}

.apparel-b2-line-details{display:grid;gap:4px;margin-top:5px}.apparel-b2-line-details>article{padding:6px;border-radius:6px;background:#f3f8f7}.apparel-b2-line-details>article>small{display:block;overflow-wrap:anywhere}.apparel-b2-line-details>article>div{display:flex;flex-wrap:wrap;gap:4px 10px}.apparel-b2-line-details strong{font-variant-numeric:tabular-nums;color:#075f56}
@media(max-width:768px){
 .apparel-b2-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:4px}.apparel-b2-metrics article{padding:5px 7px}.apparel-b2-metrics strong{font-size:16px;margin-top:2px}
 .apparel-b2-table-scroll{overflow-x:visible!important;border:0}.apparel-b2-table-scroll table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}.apparel-b2-table-scroll thead{display:none!important}.apparel-b2-table-scroll tbody{display:grid;gap:5px}.apparel-b2-table-scroll tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;border:1px solid #dbe6e8;border-radius:7px;background:#fff}.apparel-b2-table-scroll td{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;padding:4px!important;white-space:normal!important;border:0!important;overflow-wrap:anywhere}.apparel-b2-table-scroll td::before{content:attr(data-label);display:block;color:#647b84;font-size:11px}.apparel-b2-table-scroll td:first-child{grid-column:1/-1}.apparel-b2-table-scroll .xc-table-bar{display:none!important}
}