.apparel-b4-workbench{--b4-accent:#12635d;--b4-ink:#1d2b2a;--b4-muted:#60706e;--b4-line:#d5e3df;--b4-bg:#f4fbf8;box-sizing:border-box;width:min(1160px,calc(100% - 24px));margin:12px auto;padding:clamp(14px,3vw,28px);border:1px solid var(--b4-line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--b4-bg));color:var(--b4-ink);box-shadow:0 18px 48px rgba(18,64,59,.12);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}
.apparel-b4-workbench *{box-sizing:border-box}.apparel-b4-workbench[hidden],.apparel-b4-panel[hidden]{display:none!important}
.apparel-b4-header,.apparel-b4-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.apparel-b4-title{margin:0;font-size:clamp(21px,3vw,30px)}.apparel-b4-subtitle,.apparel-b4-copy{margin:8px 0 0;color:var(--b4-muted);font-size:14px;line-height:1.65}
.apparel-b4-close,.apparel-b4-tab,.apparel-b4-action{min-height:42px;padding:9px 14px;border:1px solid var(--b4-line);border-radius:10px;background:#fff;color:var(--b4-ink);font:inherit;cursor:pointer}.apparel-b4-close:focus-visible,.apparel-b4-tab:focus-visible,.apparel-b4-action:focus-visible{outline:3px solid rgba(18,99,93,.25);outline-offset:2px}
.apparel-b4-tabs{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px;margin:22px 0 14px;overflow-x:auto;padding-bottom:3px}.apparel-b4-tab{white-space:nowrap}.apparel-b4-tab.is-active{border-color:var(--b4-accent);background:#e6f5f1;color:#0b514c;font-weight:700}
.apparel-b4-panel{min-height:310px;padding:clamp(16px,3vw,28px);border:1px solid var(--b4-line);border-radius:14px;background:rgba(255,255,255,.86)}.apparel-b4-panel-title{margin:0;font-size:20px}.apparel-b4-status{display:inline-flex;min-height:28px;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.apparel-b4-status--ready{background:#e5f6ea;color:#176337}.apparel-b4-status--blocked{background:#ffefeb;color:#963018}.apparel-b4-status--pending{background:#f0efed;color:#605955}
.apparel-b4-facts{display:grid;gap:10px;margin:24px 0;padding-left:22px;line-height:1.55}.apparel-b4-action{border-color:var(--b4-accent);background:var(--b4-accent);color:#fff}.apparel-b4-action:disabled{cursor:not-allowed;opacity:.5}
.apparel-b4-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.apparel-b4-field{display:grid;gap:5px;min-width:0;color:var(--b4-muted);font-size:12px}.apparel-b4-field input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--b4-line);border-radius:9px;background:#fff;color:var(--b4-ink);font:inherit}.apparel-b4-toolbar,.apparel-b4-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.apparel-b4-control,.apparel-b4-row{min-height:42px;padding:8px 12px;border:1px solid var(--b4-line);border-radius:9px;background:#fff;color:var(--b4-ink);font:inherit;cursor:pointer}.apparel-b4-controls .apparel-b4-control:first-child{border-color:var(--b4-accent);background:var(--b4-accent);color:#fff}.apparel-b4-control:disabled,.apparel-b4-row:disabled{cursor:not-allowed;opacity:.55}.apparel-b4-list{display:grid;gap:8px;min-height:64px;margin:12px 0}.apparel-b4-row{text-align:left}.apparel-b4-row:focus,.apparel-b4-row:hover{border-color:var(--b4-accent);background:#edf8f5}.apparel-b4-selection,.apparel-b4-page{display:inline-block;margin-right:14px;color:var(--b4-muted);font-size:13px}.apparel-b4-error{padding:10px;border-radius:9px;background:#fff0ed;color:#982f1e;overflow-wrap:anywhere}.apparel-b4-live{min-height:22px;color:#47625e}.apparel-b4-portal{margin:12px 0;padding:12px;border:1px solid var(--b4-line);border-radius:10px;background:#f7fbfa;overflow-wrap:anywhere}.apparel-b4-panel.is-busy{cursor:progress}.apparel-b4-empty{color:var(--b4-muted)}
.apparel-b4-allocations{display:grid;gap:8px;margin:12px 0}.apparel-b4-allocation{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(96px,150px);align-items:center;gap:10px;padding:10px;border:1px solid var(--b4-line);border-radius:10px;background:#f7fbfa}.apparel-b4-allocation input[type="checkbox"]{width:20px;height:20px}.apparel-b4-allocation input[type="number"]{width:100%;min-height:42px;padding:8px;border:1px solid var(--b4-line);border-radius:8px}.apparel-b4-allocation-live{margin:0;color:var(--b4-muted)}
@media(max-width:600px){.apparel-b4-workbench{width:calc(100% - 12px);margin:6px auto;padding:14px;border-radius:12px}.apparel-b4-tabs{grid-template-columns:repeat(6,minmax(104px,1fr));margin-top:16px}.apparel-b4-panel{min-height:370px;padding:16px}.apparel-b4-panel-head{flex-direction:column}.apparel-b4-form{grid-template-columns:1fr}.apparel-b4-action,.apparel-b4-control{width:100%;min-height:44px}.apparel-b4-toolbar,.apparel-b4-controls{display:grid;grid-template-columns:1fr}.apparel-b4-row{min-height:44px}.apparel-b4-allocation{grid-template-columns:auto minmax(0,1fr)}.apparel-b4-allocation input[type="number"]{grid-column:1/-1}}
@media(min-width:1200px){.apparel-b4-panel{min-height:280px}.apparel-b4-facts{grid-template-columns:repeat(3,1fr);padding-left:20px}}