:root{font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#152238;background:#f3f6fa;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.hidden{display:none!important}.center-card{width:min(430px,calc(100% - 32px));margin:11vh auto;padding:34px;background:white;border:1px solid #dce5ef;border-radius:18px;box-shadow:0 16px 45px #1d355720}.brand{font-size:26px;font-weight:800;letter-spacing:-.5px}.brand span{color:#2176d2}.muted,.help,.page-help{color:#617187}.help{font-size:13px;margin-top:22px}.page-help{margin:-10px 0 18px;font-size:14px}.center-card label{display:block;font-weight:600;margin:22px 0 7px}.center-card input{width:100%;padding:12px;border:1px solid #c8d4e3;border-radius:8px}.center-card button{width:100%;margin-top:12px}button{border:1px solid #c4d0df;background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer}button:hover{background:#edf4fb}.primary{background:#176ac5;color:white;border-color:#176ac5;font-weight:700}.primary:hover{background:#0e5bae}.secondary{background:#f7f9fc}.ghost{background:transparent;color:white;border-color:#ffffff66}header{height:62px;background:#13375f;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.header-right{display:flex;align-items:center;gap:12px;font-size:14px}.badge{background:#496984;padding:4px 9px;border-radius:20px}.badge.ok{background:#198754}.badge.bad{background:#c0392b}.shell{display:grid;grid-template-columns:205px 1fr;min-height:calc(100vh - 62px)}nav{background:#fff;border-right:1px solid #dce5ef;padding:18px 10px}nav button{display:block;width:100%;border:0;text-align:left;margin:3px 0;padding:10px 14px;color:#3b4a5f}nav button.active{background:#e7f1fc;color:#0f5eae;font-weight:700}.nav-label{padding:16px 14px 6px;color:#8995a5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}main{padding:25px;min-width:0}.page{display:none}.page.active{display:block}h1{margin:0 0 20px;font-size:25px}h2{font-size:17px;margin-top:27px}h3{font-size:15px;margin:0 0 10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.metrics.five{grid-template-columns:repeat(5,minmax(135px,1fr))}.metrics article{background:#fff;padding:18px;border:1px solid #dce5ef;border-radius:12px}.metrics span{display:block;color:#6b7889;font-size:14px}.metrics strong{display:block;font-size:29px;margin-top:7px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;background:#fff;padding:18px;border:1px solid #dce5ef;border-radius:12px;margin-bottom:18px}.form-grid.compact{grid-template-columns:2fr 1fr 1fr auto}.form-grid label{font-size:13px;font-weight:650;color:#49586c}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #cbd6e3;border-radius:7px;background:white}.form-grid input[readonly]{background:#eef3f8;color:#5f6c7d}.form-grid button{align-self:end}.span-2{grid-column:span 2}.input-button{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:6px}.input-button input{margin-top:0}.input-button button{white-space:nowrap;padding:8px 12px}.tx-product-hint{background:#eef6ff;border:1px solid #cfe2f7;border-radius:8px;padding:10px;color:#275c8f;font-size:13px;align-self:end}.toolbar{display:flex;gap:8px;margin:14px 0}.toolbar input,.toolbar select{padding:9px 10px;border:1px solid #cbd6e3;border-radius:7px;background:white}.toolbar input{flex:1}.customer-filter{min-width:210px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce5ef;border-radius:10px;max-height:65vh}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{background:#eef4fa;color:#425166;text-align:left;position:sticky;top:0;z-index:1}th,td{padding:9px 10px;border-bottom:1px solid #e4ebf2}td.num{text-align:right;font-variant-numeric:tabular-nums}.small{padding:5px 9px;font-size:12px}.empty{padding:28px;text-align:center;color:#7b8796}.address-results{background:#fff;border:1px solid #bed1e4;border-radius:12px;padding:14px;margin:-4px 0 18px}.address-result{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;margin:6px 0;padding:11px;background:#f8fbfe}.address-result strong{grid-column:1;display:block}.address-result span{grid-column:1;color:#748194;font-size:12px}.address-result em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:#245d94;background:#e7f1fc;padding:4px 8px;border-radius:12px}.system-actions{display:flex;gap:8px;margin-bottom:18px}pre{background:#152238;color:#cfe2ff;padding:18px;border-radius:10px;white-space:pre-wrap}.warning{background:#fff4dd;border:1px solid #f0ce88;padding:14px;border-radius:8px;color:#745016}@media(max-width:1200px){.metrics.five{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #dce5ef;padding:8px}.nav-label{display:none}nav button{width:auto;white-space:nowrap}.metrics,.metrics.five{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.compact{grid-template-columns:1fr 1fr}main{padding:16px}}@media(max-width:560px){.metrics,.metrics.five,.form-grid,.form-grid.compact{grid-template-columns:1fr}.span-2{grid-column:span 1}.header-right #user-label{display:none}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{width:100%;min-width:0}}

.version-chip{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#ffe08a;color:#553b00;font-size:10px;font-weight:800;vertical-align:middle;letter-spacing:.03em}.release-banner{margin:-8px 0 16px;padding:12px 15px;border:2px solid #176ac5;border-radius:10px;background:#eef6ff;color:#0d4f91;font-weight:800}.center-card .version-chip{font-size:11px}header .version-chip{box-shadow:0 0 0 1px #ffffff55}
.metrics.eight{grid-template-columns:repeat(4,minmax(135px,1fr))}.smart-date{display:grid;grid-template-columns:minmax(150px,1fr) 48px;gap:6px;margin-top:6px}.smart-date input{margin-top:0}.smart-date-calendar{padding:7px!important}.lookup{background:#fffef7!important}.tx-quantity-hint{background:#f2f8f2;border:1px solid #cfe4cf;border-radius:8px;padding:10px;color:#2b6931;font-size:13px;align-self:end}.tx-quantity-hint.error-hint{background:#fff0f0;border-color:#efb8b8;color:#9f2525}.form-grid datalist{display:none}@media(max-width:1200px){.metrics.eight{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.metrics.eight{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.metrics.eight{grid-template-columns:1fr}.smart-date{grid-template-columns:1fr 48px}}
.required-star{color:#d7263d;font-weight:900;margin-left:2px}.form-grid input:invalid,.form-grid select:invalid{border-color:#d7263d}.form-grid .field-invalid{border-color:#d7263d!important;background:#fff7f8!important}.address-api-panel{margin:0 0 16px;padding:13px 15px;border-radius:9px;border:1px solid #cbd6e3;background:#fff}.address-api-panel.ok{border-color:#a7d6b2;background:#f1fbf3;color:#226d34}.address-api-panel.bad{border-color:#f0c58c;background:#fff8e9;color:#80551b}.address-api-state{font-weight:800}.address-api-help{display:block;margin-top:5px;font-size:13px}.address-search-btn[disabled]{cursor:not-allowed;opacity:.55}.master-mode{margin:0 0 10px;font-weight:700;color:#245d94}
.subpanel{background:#f8fbfe;border:1px solid #cbdceb;border-radius:10px;padding:14px;margin:4px 0}.form-grid .subpanel{align-self:stretch}.inline-grid{display:grid;gap:10px;align-items:end}.inline-grid.six{grid-template-columns:repeat(6,minmax(120px,1fr))}.inline-grid label{min-width:0}.inline-grid input,.inline-grid select{width:100%}.toolbar.wrap{flex-wrap:wrap}.check-inline,.file-button{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd6e3;border-radius:8px;padding:8px 11px;font-size:13px;white-space:nowrap}.check-inline input{width:auto;flex:0}.file-button{cursor:pointer}.file-button input{display:none}.status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#e7eef6;color:#405269}.status.open{background:#fff2c7;color:#7d5700}.status.done,.status.normal{background:#dff4e5;color:#14662d}.status.closed,.status.defective{background:#f6dfdf;color:#8d2626}.danger{color:#a92323;border-color:#e2b4b4}.selected{background:#176ac5!important;color:#fff!important;border-color:#176ac5!important}.subpanel>.table-wrap{max-height:36vh}button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1400px){.inline-grid.six{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:800px){.inline-grid.six{grid-template-columns:1fr 1fr}}@media(max-width:560px){.inline-grid.six{grid-template-columns:1fr}}

/* Inbound adaptive layout: keep the same field order while fitting each PC's usable width. */
.inbound-page{container-type:inline-size;container-name:inbound-page}
.inbound-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.inbound-page .form-grid>.subpanel{grid-column:1/-1;min-width:0}
.inbound-page .inline-grid.six{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))}
.inbound-page .inline-grid>*{min-width:0}
.inbound-page .form-grid>button{justify-self:start;min-width:150px}
.inbound-page .toolbar.wrap{align-items:center}
.inbound-page .toolbar.wrap>input{flex:1 1 280px;min-width:min(100%,240px)}
.inbound-page .toolbar.wrap>select{flex:0 1 190px;min-width:150px;max-width:100%}
.inbound-page .toolbar.wrap>button,.inbound-page .toolbar.wrap>.check-inline,.inbound-page .toolbar.wrap>.file-button{flex:0 0 auto}
.inbound-page .table-wrap{max-width:100%;overflow:auto;scrollbar-gutter:stable}
#inbound-plans-table table,#inbound-plan-lines-table table,#confirm-plans-table table,#inbound-confirmations-table table,#inbound-confirmation-lines-table table{min-width:900px}

@container inbound-page (max-width:720px){
  .inbound-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:11px;padding:14px}
  .inbound-page .inline-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inbound-page .form-grid>label.span-2{grid-column:1/-1}
  .inbound-page .toolbar.wrap>input,.inbound-page .toolbar.wrap>select{flex:1 1 100%;width:100%;min-width:0}
}

@container inbound-page (max-width:460px){
  .inbound-page .form-grid,.inbound-page .inline-grid.six{grid-template-columns:1fr}
  .inbound-page .form-grid>label.span-2{grid-column:span 1}
  .inbound-page .form-grid>button{width:100%}
  .inbound-page .toolbar.wrap>button,.inbound-page .toolbar.wrap>.check-inline,.inbound-page .toolbar.wrap>.file-button{width:100%;justify-content:center}
}

/* v0.5.2 outbound visual hierarchy and shared-folder diagnostics */
.outbound-page{container-type:inline-size;container-name:outbound-page}
.outbound-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.outbound-page-heading h1{margin:0 0 7px}.outbound-page-heading .page-help{margin:0;max-width:880px}
.outbound-flow{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px;border:1px solid #d6e1ec;border-radius:10px;background:#fff}
.outbound-flow span{padding:7px 11px;border-radius:7px;color:#6b798c;font-size:12px;font-weight:750;white-space:nowrap}
.outbound-flow span.active{background:#176ac5;color:#fff}
.outbound-section{margin:0 0 18px;padding:18px;border:1px solid #d5e0ec;border-radius:12px;background:#fff;box-shadow:0 2px 8px #193a5a0a}
.outbound-section>h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e2eaf2;font-size:18px}
.outbound-section .section-title-row{margin-bottom:14px}
.section-help{margin:4px 0 0;color:#6b7b8f;font-size:12px}
.outbound-registration-section,.wave-setup-section,.outbound-confirm-target-section{border-top:4px solid #176ac5}
.outbound-list-section,.wave-candidate-section{border-top:4px solid #4b83b8}
.outbound-selected-section,.wave-history-section,.outbound-confirm-history-section{border-top:4px solid #6d80a5}
.wave-detail-section,.outbound-confirm-registration-section{border-top:4px solid #2f7d65}
.outbound-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;margin:0}
.outbound-form-grid>label{min-width:0;color:#49586c;font-size:13px;font-weight:650}
.outbound-form-grid>label>input,.outbound-form-grid>label>select{display:block;width:100%;height:38px;margin-top:5px;padding:7px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.outbound-form-grid input[readonly]{background:#eef3f8;color:#5f6c7d}
.outbound-form-grid .smart-date{margin-top:5px}.outbound-form-grid .smart-date input{margin-top:0}
.outbound-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:3px}
.outbound-form-actions button{height:40px;min-width:145px}
.outbound-products-panel{padding:0!important;overflow:hidden}
.outbound-products-panel .plan-product-toolbar strong{color:#173f68;font-size:14px}
.outbound-product-entry{display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(125px,1fr)) auto;gap:9px;align-items:end;padding:13px 14px;background:#f8fbfe;border-bottom:1px solid #d8e3ef}
.outbound-product-entry label{min-width:0;color:#49586c;font-size:12px;font-weight:700}
.outbound-product-entry input,.outbound-product-entry select{display:block;width:100%;height:38px;margin-top:5px;padding:7px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.outbound-product-entry button{height:38px;min-width:105px}
#outbound-plan-draft-lines>.table-wrap{border:0;border-radius:0;max-height:min(34vh,350px)}
.outbound-list-toolbar{margin:0 0 12px;align-items:center}
.outbound-list-toolbar>input{flex:1 1 300px;min-width:240px}
.outbound-list-toolbar>button,.outbound-list-toolbar>.check-inline{height:42px;min-height:42px}
.shared-import-workbar{margin:0 0 13px;padding:13px;border:1px solid #cbdbea;border-radius:10px;background:#f7fafd}
.shared-import-workbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.shared-import-workbar-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.shared-import-workbar-head strong{color:#233f5c;font-size:14px}.shared-import-workbar-head div span{color:#6d7d90;font-size:12px}
.shared-import-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.shared-import-controls label{display:grid;gap:5px;min-width:175px;color:#49586c;font-size:12px;font-weight:700}
.shared-import-controls input,.shared-import-controls select,.shared-import-controls button{height:40px}
.shared-import-controls input,.shared-import-controls select{padding:7px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.shared-import-select{flex:1 1 290px;min-width:260px;max-width:560px}
.shared-import-section .badge.ok{background:#daf5e5;color:#12653a}.shared-import-section .badge.bad{background:#ffe2e2;color:#9e2525}
.import-diagnostic{margin-top:10px;padding:9px 11px;border:1px solid #d2deea;border-radius:8px;background:#fff;color:#53647a;font-size:12px;line-height:1.5}
.import-diagnostic.ok{border-color:#a8d8b9;background:#f0faf4;color:#17653b}
.import-diagnostic.warn{border-color:#efcf8a;background:#fff9ea;color:#78551b}
.import-diagnostic.bad{border-color:#e7b5b5;background:#fff2f2;color:#922d2d}
.import-diagnostic strong{font-weight:800}.import-diagnostic small{display:block;margin-top:2px;color:inherit}
.selected-record-label{color:#176ac5;font-size:13px;font-weight:800}
.selected-section-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.selected-section-controls .section-title-actions{display:flex;gap:7px;flex-wrap:wrap}
.selected-section-controls .section-title-actions button{height:38px}
.validation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.validation-summary article{padding:11px 12px;border:1px solid #d7e1eb;border-radius:9px;background:#f8fbfe}
.validation-summary span{display:block;color:#5b6976;font-size:11px}.validation-summary strong{display:block;margin-top:3px;color:#153d65;font-size:15px}
.wave-candidate-summary{grid-template-columns:repeat(2,minmax(0,260px));margin:0 0 12px}
.outbound-filter-toolbar{margin:0 0 11px}.outbound-filter-toolbar>input{flex:1 1 220px;min-width:190px}
.wave-detail-total{padding:7px 11px;border-radius:8px;background:#e9f5ef;color:#245c43;text-align:right}
.wave-detail-total span{display:block;font-size:10px}.wave-detail-total strong{font-size:14px}
.wave-detail-toolbar{justify-content:flex-end;margin:0 0 12px}
#outbound-plans-table .table-wrap,#outbound-plan-lines-table .table-wrap,#outbound-waves-table .table-wrap,#outbound-wave-lines-table .table-wrap,
#outbound-confirm-targets-table .table-wrap,#outbound-confirmations-table .table-wrap,#outbound-confirmation-lines-table .table-wrap{max-height:min(34vh,360px)}
#outbound-candidates-table .table-wrap{max-height:min(46vh,470px)}
.wave-allocation-panel{margin-top:18px;padding:16px;border:1px solid #bdd8cd;border-top:4px solid #2f7d65;border-radius:10px;background:#f8fcfa}
.wave-allocation-panel h3{margin:0;color:#245c43;font-size:17px}
.wave-allocation-qty-input{width:100px;padding:6px 7px;border:1px solid #b8cec5;border-radius:6px;text-align:right}
.wave-lot-options,.lot-choice-list{display:grid;gap:3px;min-width:150px;max-height:86px;overflow:auto;padding:4px;border:1px solid #d8e1ea;border-radius:6px;background:#fff}
.wave-lot-options label,.lot-choice-list label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400;white-space:nowrap}
.wave-qty-input{width:100px;padding:6px 7px;border:1px solid #cbd6e3;border-radius:6px;text-align:right}
.wave-shortage{color:#b22121;font-weight:800}.wave-ok{color:#147344;font-weight:700}
.outbound-upload-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.outbound-upload-totals article{padding:9px;border:1px solid #d7e1eb;border-radius:8px;background:#f7fafc}
.outbound-upload-totals span{display:block;font-size:11px;color:#607080}.outbound-upload-totals strong{font-size:16px;color:#173f68}
.outbound-doc-toolbar{display:flex;gap:8px;flex-wrap:wrap}
.confirm-selection-summary{padding:11px 13px;border:1px solid #d3e0eb;border-radius:9px;background:#f7fafc;color:#56677a;font-size:13px}
.confirm-selection-summary.is-selected{border-color:#a8d8b9;background:#f0faf4;color:#17653b}
.destination-copy-panel{margin:18px 0}.destination-copy-panel .toolbar label{display:grid;gap:5px;min-width:210px;font-size:12px;font-weight:700}
.destination-copy-panel .table-wrap{max-height:310px}
.system-import-panel{margin:0 0 18px;padding:18px;border:1px solid #cfdbe8;border-top:4px solid #176ac5;border-radius:12px;background:#fff}
.system-import-panel h2{margin:0 0 12px}
.shared-import-settings-form{display:grid;grid-template-columns:minmax(320px,1fr) auto auto auto;gap:9px;align-items:end}
.shared-import-settings-form label{font-size:13px;font-weight:700;color:#49586c}
.shared-import-settings-form input{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.system-import-panel .table-wrap{max-height:380px}
@container outbound-page (max-width:950px){
  .outbound-page-heading{display:block}.outbound-flow{width:max-content;margin-top:12px}
  .outbound-form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .outbound-form-grid .m-span-12,.outbound-form-grid .m-span-6{grid-column:1/-1}
  .outbound-product-entry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outbound-product-entry button{width:100%}
}
@container outbound-page (max-width:650px){
  .outbound-flow{display:grid;width:100%;grid-template-columns:repeat(3,1fr)}.outbound-flow span{text-align:center}
  .outbound-form-grid,.outbound-product-entry{grid-template-columns:1fr}
  .outbound-form-grid>[class*="m-span-"]{grid-column:1}
  .outbound-form-actions{display:grid;grid-template-columns:1fr 1fr}.outbound-form-actions button{min-width:0;width:100%}
  .shared-import-workbar-head{align-items:flex-start}.shared-import-workbar-head>div{display:block}.shared-import-controls>*{width:100%;max-width:none}
  .wave-candidate-summary,.validation-summary,.outbound-upload-totals{grid-template-columns:1fr}
  .shared-import-settings-form{grid-template-columns:1fr}.shared-import-settings-form label{grid-column:1}
}

/* Compact accordion navigation. */
#nav{padding:10px 8px;font-size:13px;overflow-x:hidden}
#nav button{font-size:13px}
#nav .nav-dashboard{margin:0 0 5px;padding:8px 10px}
.nav-group{margin:2px 0}
.nav-group-head{display:grid;grid-template-columns:minmax(0,1fr) 31px;gap:3px;align-items:center}
#nav .nav-group-toggle{display:flex;align-items:center;justify-content:space-between;margin:0;padding:7px 9px;font-weight:700;color:#53647a;background:#f7f9fc}
#nav .nav-group-toggle:hover{background:#edf4fb}
#nav .nav-pin{margin:0;padding:7px 3px;text-align:center;color:#718096;background:#f7f9fc;display:grid;place-items:center}
#nav .nav-pin svg{width:16px;height:16px;fill:currentColor}
#nav .nav-pin[aria-pressed="true"]{background:#dcecff;color:#0f5eae;font-weight:800}
.nav-caret{transition:transform .15s ease}
.nav-group.is-open .nav-caret{transform:rotate(180deg)}
.nav-group-items{padding:2px 0 3px 8px}
#nav .nav-group-items button{margin:1px 0;padding:6px 10px;font-size:13px}

/* Calendar control: only the calendar symbol is visible in the mini button. */
.smart-date{grid-template-columns:minmax(0,1fr) 44px}
.smart-date-calendar{position:relative;width:44px!important;min-width:44px;color:transparent!important;font-size:0!important;padding:0!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23425166' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important}
.smart-date-calendar::-webkit-datetime-edit,.smart-date-calendar::-webkit-datetime-edit-fields-wrapper{display:none}
.smart-date-calendar::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}

/* Inbound plan page sections and bounded grids. */
.inbound-section{margin:18px 0;padding:18px;background:#fff;border:1px solid #d5e0ec;border-radius:12px;box-shadow:0 2px 8px #193a5a0a}
.inbound-section>h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e2eaf2;font-size:18px}
.inbound-registration-section{border-top:4px solid #176ac5}
.inbound-list-section{border-top:4px solid #4b83b8}
.inbound-selected-section{border-top:4px solid #7a91a8}
.inbound-section .form-grid{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.inbound-section .form-grid>.subpanel{margin-top:4px}
.inbound-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.inbound-form-actions button{min-width:150px}
.inbound-list-section .toolbar.wrap{margin:0 0 14px}
.inbound-list-section .toolbar.wrap>input,.inbound-list-section .toolbar.wrap>select,.inbound-list-section .toolbar.wrap>button,.inbound-list-section .toolbar.wrap>.check-inline,.inbound-list-section .toolbar.wrap>.file-button{height:42px;min-height:42px;padding-top:9px;padding-bottom:9px;align-items:center}
.inbound-list-section .toolbar.wrap>.check-inline,.inbound-list-section .toolbar.wrap>.file-button{display:inline-flex}
#inbound-plans-table .table-wrap,#inbound-plan-lines-table .table-wrap{height:clamp(210px,28vh,340px);max-height:clamp(210px,28vh,340px);overflow:auto}
#inbound-plans-table th,#inbound-plan-lines-table th{top:0}
.selected-plan-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #d8e3ef;border-radius:9px;background:#f8fbfe;color:#53647a;font-size:13px}
.selected-plan-actions>div{display:flex;gap:8px}
.selected-plan-actions button{height:40px;min-width:120px}
.date-range-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 14px;padding:10px 12px;border:1px solid #d8e3ef;border-radius:9px;background:#f8fbfe}
.date-range-label{font-size:13px;font-weight:750;color:#49586c;margin-right:2px}
.date-range-toolbar>input{height:38px;min-width:145px;padding:7px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.quick-range-buttons{display:flex;gap:5px;margin-left:4px}
.quick-range-buttons button{height:38px;min-width:58px;padding:7px 10px}
.quick-range-buttons .selected-range{background:#176ac5;color:#fff;border-color:#176ac5;font-weight:700}

/* Inbound confirmation uses the same visual hierarchy and control rhythm. */
.confirmation-target-section{border-top:4px solid #176ac5}
.confirmation-registration-section{border-top:4px solid #2f7d65}
.confirmation-history-section{border-top:4px solid #6d80a5}
.confirmation-detail-section{border-top:4px solid #7a91a8}
.confirmation-section .toolbar{margin:0 0 14px;align-items:center}
.confirmation-section .toolbar>input,.confirmation-section .toolbar>select,.confirmation-section .toolbar>button,.confirmation-section .toolbar>.check-inline{height:42px;min-height:42px;padding-top:9px;padding-bottom:9px;align-items:center}
.confirmation-section .toolbar.wrap>input{flex:1 1 280px}
.confirmation-registration-section .inline-grid>button{min-height:40px}
.confirmation-registration-section .inbound-form-actions button,.confirmation-detail-section>.toolbar>button{height:42px;min-height:42px}
#confirm-plans-table .table-wrap,#inbound-confirmations-table .table-wrap,#inbound-confirmation-lines-table .table-wrap{height:clamp(200px,26vh,320px);max-height:clamp(200px,26vh,320px);overflow:auto}
#confirm-plans-table th,#inbound-confirmations-table th,#inbound-confirmation-lines-table th{top:0}
.confirm-edit-panel{padding:0;border:0;background:transparent;margin-top:14px}
.confirm-edit-help{margin:0 0 10px}
#confirm-edit-grid .table-wrap{height:clamp(270px,38vh,480px);max-height:clamp(270px,38vh,480px);overflow:auto;scrollbar-gutter:stable}
.confirm-edit-table{min-width:1520px}
.confirm-edit-table th{top:0}
.confirm-edit-table td{vertical-align:middle}
.confirm-edit-table input,.confirm-edit-table select{width:100%;min-width:105px;padding:7px 8px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.confirm-edit-table td:nth-child(1){min-width:180px;white-space:normal}
.confirm-edit-table td:nth-child(3){min-width:180px}
.confirm-edit-table td:nth-child(4){min-width:205px}
.confirm-edit-table td:nth-child(8),.confirm-edit-table td:nth-child(9){min-width:130px}
.confirm-edit-date{margin-top:4px;grid-template-columns:minmax(120px,1fr) 40px}
.confirm-edit-date .smart-date-calendar{width:40px!important;min-width:40px}
.confirm-date-label{font-size:11px;color:#617187}
.confirm-row-summary{font-weight:700;color:#2f6b4f;white-space:normal;min-width:130px}
.confirm-row-summary.over{color:#c3362b}

/* FCMS modal dialogs replace browser prompt/confirm windows. */
.app-modal-backdrop{position:fixed;inset:0;z-index:100;background:#0c1d3099;display:grid;place-items:center;padding:20px}
.app-modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #cbd6e3;border-radius:14px;box-shadow:0 22px 60px #07121f66}
.app-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e1e8f0}
.app-modal-head h2{margin:0;font-size:19px}
.app-modal-close{width:34px;height:34px;padding:0;font-size:22px;line-height:1}
#app-modal-form{padding:18px}
.app-modal-message{margin:0 0 15px;color:#46566b;white-space:pre-line}
.app-modal-fields{display:grid;gap:13px}
.app-modal-field{display:block;font-size:13px;font-weight:650;color:#49586c}
.app-modal-field input,.app-modal-field select,.app-modal-field textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd6e3;border-radius:7px;background:#fff;font:inherit}
.app-modal-field textarea{min-height:78px;resize:vertical}
.app-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.app-modal-actions button{min-width:90px}
body.modal-open{overflow:hidden}

/* Compact, traceable WMS grids and plan toolbar actions. */
th,td{padding:6px 9px;border-right:1px solid #e1e8f0}
th{border-right-color:#c9d6e4;text-align:center}th:last-child,td:last-child{border-right:0}
tbody tr:nth-child(even){background:#f9fbfd}tbody tr:hover{background:#edf5fd}
.date-range-actions{display:flex;gap:7px;margin-left:auto}.date-range-actions button{height:38px;min-width:112px}
#plan-draft-lines table{min-width:920px}#plan-draft-lines th:nth-child(n+3):nth-child(-n+6),#plan-draft-lines td:nth-child(n+3):nth-child(-n+6){min-width:110px;text-align:right;font-variant-numeric:tabular-nums}
.inventory-task-search{display:grid;grid-template-columns:minmax(180px,260px) minmax(260px,1fr) auto;gap:8px;margin:0 0 14px;padding:14px;background:#fff;border:1px solid #dce5ef;border-radius:10px}.inventory-task-search select,.inventory-task-search input{padding:9px 10px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}.inventory-task-search button{min-width:90px}

/* Searchable inbound customer/product controls use the same popup on every browser. */
.wms-autocomplete{position:relative;margin-top:6px}
.form-grid .wms-autocomplete>input{margin-top:0}
.wms-autocomplete-results{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow:auto;padding:5px;background:#fff;border:1px solid #aebfd1;border-radius:8px;box-shadow:0 10px 26px #173a6026}
.wms-autocomplete-results button{display:block;width:100%;min-width:0;padding:9px 10px;border:0;border-radius:5px;text-align:left;background:#fff;color:#33465c;font-size:13px}
.wms-autocomplete-results button:hover,.wms-autocomplete-results button.active{background:#e5f1fd;color:#0f5eae}
.wms-autocomplete-empty{padding:12px;text-align:center;color:#77869a;font-size:12px}

/* Inbound plan customer picker and multi-product draft entry. */
.plan-picker-block{min-width:0;padding:12px;border:1px solid #cbdceb;border-radius:9px;background:#f8fbfe}
.plan-picker-label{display:flex;align-items:center;gap:5px;margin-bottom:9px;font-size:13px;font-weight:750;color:#49586c}
.plan-picker-label small{margin-left:4px;color:#718096;font-size:12px;font-weight:500}
.plan-customer-picker-fields{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) auto;gap:9px;align-items:end}
.plan-customer-picker-fields label{min-width:0}
.plan-customer-picker-fields input{width:100%;margin-top:5px}
.plan-customer-picker-fields button{height:42px;min-width:120px}
.plan-products-panel{padding:0!important;overflow:hidden}
.plan-product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid #d8e3ef;background:#f8fbfe}
.plan-product-toolbar h3{margin:0 0 4px;font-size:16px}.plan-product-toolbar p{margin:0;color:#6b7b8f;font-size:12px}
.plan-product-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.plan-product-actions span{color:#506176;font-size:13px;font-weight:750}.plan-product-actions button{min-width:110px}
.plan-draft-empty{margin:14px;border:1px dashed #bdcad8;border-radius:8px;background:#fff}
#plan-draft-lines>.table-wrap{border:0;border-radius:0;max-height:38vh}
.plan-draft-table{min-width:1080px}
.plan-draft-table td{vertical-align:middle}.plan-draft-table td:nth-child(1){min-width:135px}.plan-draft-table td:nth-child(2){min-width:210px}
.plan-draft-table td:nth-child(3){min-width:105px}.plan-draft-table td:nth-child(4){min-width:390px}.plan-draft-table td:nth-child(5){min-width:180px}
.plan-draft-table select,.plan-draft-table input{width:100%;padding:8px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff;font:inherit;font-size:14px}
.plan-draft-total{display:grid;grid-template-columns:minmax(95px,145px) minmax(220px,1fr);gap:12px;align-items:center}
.plan-draft-total span{color:#2b6931;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-draft-warning{display:block;margin-top:4px;color:#b0362f;font-size:11px;font-weight:700}.plan-draft-table tr.has-warning{background:#fff8f3}

/* Dedicated search popup: single customer selection or multi-product selection. */
.inbound-picker-backdrop{z-index:105}
.inbound-picker-modal{width:min(920px,100%);overflow:hidden}
.inbound-picker-body{padding:18px}
.inbound-picker-search{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inbound-picker-search label{font-size:13px;font-weight:700;color:#49586c}
.inbound-picker-search input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd6e3;border-radius:7px;background:#fff;font:inherit}
.inbound-picker-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 8px;color:#65758a;font-size:12px}
.inbound-picker-status strong{color:#176ac5}
.inbound-picker-results{height:min(48vh,470px);overflow:auto;border:1px solid #d5e0ec;border-radius:9px;background:#fff}
.picker-customer-result{display:grid;width:100%;grid-template-columns:minmax(130px,220px) 1fr;gap:12px;padding:11px 13px;border:0;border-bottom:1px solid #e4ebf2;border-radius:0;background:#fff;text-align:left}
.picker-customer-result:last-child{border-bottom:0}.picker-customer-result:hover,.picker-customer-result:focus{background:#eaf4fe}
.picker-customer-result span{color:#36516e;font-variant-numeric:tabular-nums}.picker-customer-result strong{color:#223950}
.picker-product-table{min-width:720px}.picker-product-table th{top:0}.picker-product-table td:nth-child(1){width:64px;text-align:center}
.picker-product-table td:nth-child(2){min-width:150px}.picker-product-table td:nth-child(3){min-width:230px}.picker-product-table td:nth-child(4){min-width:100px}
.picker-product-table input[type="checkbox"]{width:18px;height:18px}.picker-product-table tr.is-added{color:#738195;background:#f1f4f7}

/* Inbound plan editing stays inside the selected-plan detail section. */
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e2eaf2}
.section-title-row h2{margin:0;padding:0;border:0}
.section-title-actions{display:flex;gap:8px}.section-title-actions button{min-width:105px}
.plan-detail-edit-panel{margin:0 0 12px;padding:13px;border:1px solid #ccdbea;border-radius:9px;background:#f7fafd}
.plan-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.plan-detail-summary label{font-size:12px;font-weight:700;color:#506176}
.plan-detail-summary input{display:block;width:100%;margin-top:5px;padding:8px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff}
.plan-detail-summary input[readonly]{background:#edf2f7;color:#5f6d7e}
.plan-inline-edit-table{min-width:1120px}.plan-inline-edit-table td{vertical-align:middle}
.plan-inline-edit-table input,.plan-inline-edit-table select{width:100%;min-width:92px;padding:7px 8px;border:1px solid #cbd6e3;border-radius:6px;background:#fff}
.plan-inline-edit-table td:nth-child(3){min-width:180px}.plan-inline-edit-table td:nth-child(4){min-width:200px}.plan-inline-edit-table td:nth-child(8){min-width:190px}
.plan-edit-date{margin-top:0;grid-template-columns:minmax(125px,1fr) 40px}.plan-edit-date .smart-date-calendar{width:40px!important;min-width:40px}

@media(min-width:701px) and (max-width:900px){
  .shell{grid-template-columns:180px minmax(0,1fr)}
  #nav{display:block;overflow:visible;border-right:1px solid #dce5ef;border-bottom:0}
  #nav button{width:100%;white-space:normal}
}
@media(max-width:700px){
  #nav{display:block;border-right:0;border-bottom:1px solid #dce5ef}
  #nav button{width:100%;white-space:normal}
  .nav-group-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));padding-left:8px}
  .inbound-form-actions{flex-direction:column}
  .inbound-form-actions button{width:100%}
  .selected-plan-actions{align-items:stretch;flex-direction:column}
  .selected-plan-actions>div,.quick-range-buttons{display:grid;grid-template-columns:1fr 1fr;margin-left:0}
  .selected-plan-actions button{width:100%}
  .date-range-toolbar>input{flex:1 1 130px;min-width:0}
  .quick-range-buttons{flex:1 1 100%}
  .date-range-actions{display:grid;grid-template-columns:1fr 1fr;margin-left:0;flex:1 1 100%}
  .inventory-task-search{grid-template-columns:1fr}
  .section-title-row{align-items:stretch;flex-direction:column}.section-title-actions{display:grid;grid-template-columns:repeat(2,1fr)}
  .plan-customer-picker-fields,.inbound-picker-search{grid-template-columns:1fr}
  .plan-customer-picker-fields button{width:100%}
  .plan-product-toolbar{align-items:stretch;flex-direction:column}.plan-product-actions{justify-content:space-between}
}

/* v0.4.6: consistent grid alignment and compact, content-led table sizing. */
td.cell-center{text-align:center}
td.num{text-align:right;font-variant-numeric:tabular-nums}
.table-wrap table{table-layout:auto}
.table-wrap input[type="number"]{text-align:right;font-variant-numeric:tabular-nums}
.table-wrap input[type="date"],.table-wrap .smart-date-text{text-align:center;font-variant-numeric:tabular-nums}
.table-wrap select{text-align:center;text-align-last:center}
.table-wrap input[type="checkbox"]{width:17px;height:17px;vertical-align:middle}
#inbound-plans-table .table-wrap,#inbound-plan-lines-table .table-wrap,
#confirm-plans-table .table-wrap,#inbound-confirmations-table .table-wrap,
#inbound-confirmation-lines-table .table-wrap{
  height:auto;max-height:min(38vh,360px);overflow:auto
}
#inbound-plans-table .empty,#inbound-plan-lines-table .empty,
#confirm-plans-table .empty,#inbound-confirmations-table .empty,
#inbound-confirmation-lines-table .empty{padding:22px}

/* Master registration forms: 12-column rhythm with compact, right-aligned actions. */
.master-form{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;
  margin-bottom:16px;padding:15px;background:#fff;border:1px solid #dce5ef;border-radius:12px
}
.master-form label,.inbound-plan-form label{min-width:0;font-size:13px;font-weight:650;color:#49586c}
.master-form input,.master-form select,.inbound-plan-form input,.inbound-plan-form select{
  display:block;width:100%;height:38px;margin-top:5px;padding:7px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff
}
.master-form input[readonly]{background:#eef3f8;color:#5f6c7d}
.master-form input[type="number"],.inbound-plan-form input[type="number"]{text-align:right;font-variant-numeric:tabular-nums}
.master-form input[type="date"],.inbound-plan-form .smart-date-text{text-align:center;font-variant-numeric:tabular-nums}
.master-form input:invalid,.master-form select:invalid,
.inbound-plan-form input:invalid,.inbound-plan-form select:invalid{border-color:#d7263d}
.master-form .input-button,.inbound-plan-form .input-button{margin-top:5px}
.master-form .input-button input,.inbound-plan-form .input-button input{margin-top:0}
.master-form .input-button button,.inbound-plan-form .input-button button{height:38px;padding:7px 12px}
.m-span-2{grid-column:span 2}.m-span-3{grid-column:span 3}.m-span-4{grid-column:span 4}
.m-span-5{grid-column:span 5}.m-span-6{grid-column:span 6}.m-span-7{grid-column:span 7}.m-span-8{grid-column:span 8}
.m-span-9{grid-column:span 9}.m-span-10{grid-column:span 10}.m-span-12{grid-column:1/-1}
.master-form-actions{
  grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:1px;padding-top:2px
}
.master-form-actions button{height:38px;min-width:112px;padding:7px 15px}
.master-form-actions .primary{min-width:138px}
#page-customers>.toolbar,#page-products>.toolbar,#page-groups>.toolbar,
#page-destinations>.toolbar,#page-centers>.toolbar,#page-warehouses>.toolbar,
#page-locations>.toolbar{align-items:center;margin:12px 0 10px}

/* Inbound registration header fields follow the same 12-column rhythm. */
.inbound-plan-form{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;
  margin:0;padding:0;background:transparent
}
.inbound-plan-form>.subpanel{min-width:0}
.inbound-plan-form .smart-date{margin-top:5px}
.inbound-plan-form .smart-date input{margin-top:0}
.field-help{display:block;margin-top:4px;color:#718096;font-size:11px;font-weight:500;white-space:normal}
.inbound-plan-form .inbound-form-actions{grid-column:1/-1}

/* Planned management date and physical-unit volume share their cells without extra columns. */
.plan-date-label{display:block;margin-bottom:3px;color:#617187;font-size:11px;text-align:left}
.plan-date-input{grid-template-columns:minmax(118px,1fr) 40px;margin-top:0}
.plan-date-input .smart-date-calendar{width:40px!important;min-width:40px}
.plan-date-readonly{display:grid;gap:2px;justify-items:center;font-size:11px;color:#617187}
.plan-date-readonly b{color:#243b55;font-size:13px}
.plan-quantity-readonly{display:grid;gap:2px;justify-items:end}
.plan-quantity-readonly strong{font-size:14px;color:#223950}
.plan-quantity-readonly small{color:#2b6931;font-size:11px;font-weight:700;white-space:nowrap}
.plan-draft-table{min-width:1260px}
.plan-draft-table td:nth-child(1){min-width:130px}
.plan-draft-table td:nth-child(2){min-width:190px}
.plan-draft-table td:nth-child(3){min-width:95px}
.plan-draft-table td:nth-child(4){min-width:330px}
.plan-draft-table td:nth-child(5){min-width:205px;text-align:left}
.plan-draft-table td:nth-child(6){min-width:180px;text-align:left}
.plan-draft-table td:nth-child(7){min-width:72px;text-align:center}
#plan-draft-lines th:nth-child(5),#plan-draft-lines td:nth-child(5),
#plan-draft-lines th:nth-child(6),#plan-draft-lines td:nth-child(6){font-variant-numeric:normal}
#plan-draft-lines>.table-wrap{height:auto;max-height:min(38vh,390px)}
.plan-inline-edit-table{min-width:1380px}
.plan-inline-edit-table td:nth-child(5){min-width:205px}
.plan-inline-edit-table td:nth-child(9){min-width:180px}

@media(max-width:1100px){
  .master-form,.inbound-plan-form{grid-template-columns:repeat(6,minmax(0,1fr))}
  .master-form .m-span-9,.master-form .m-span-10,.master-form .m-span-12,
  .inbound-plan-form .m-span-9,.inbound-plan-form .m-span-10,.inbound-plan-form .m-span-12{grid-column:1/-1}
  .master-form-actions,.inbound-plan-form .inbound-form-actions{grid-column:1/-1}
}
@media(max-width:700px){
  .master-form,.inbound-plan-form{grid-template-columns:1fr}
  .master-form>[class*="m-span-"],.inbound-plan-form>[class*="m-span-"],
  .master-form-actions,.inbound-plan-form .inbound-form-actions{grid-column:1}
  .master-form-actions{display:grid;grid-template-columns:1fr 1fr}
  .master-form-actions button{width:100%;min-width:0}
}

/* v0.5.5: high-density WMS workspace and row-first selection. */
:root{font-size:12px;line-height:1.35}
body{font-size:12px;overflow:hidden}
#app-view{height:100vh;overflow:hidden}
header{height:48px;padding:0 14px}
.header-left,.header-right{display:flex;align-items:center;gap:8px}
header .brand{font-size:18px;letter-spacing:-.25px}
.header-right{font-size:12px}
.sidebar-toggle{width:30px;height:30px;min-height:30px;padding:0;font-size:17px;line-height:1}
.badge{padding:3px 7px;font-size:11px}
.shell{grid-template-columns:196px minmax(0,1fr);height:calc(100vh - 48px);min-height:0}
#nav{height:100%;padding:6px 5px;font-size:12px;overflow:auto}
#nav button{font-size:12px;border-radius:4px}
#nav .nav-dashboard{margin:0 0 3px;padding:6px 8px}
.nav-group{margin:1px 0}
.nav-group-head{grid-template-columns:minmax(0,1fr) 27px;gap:2px}
#nav .nav-group-toggle{padding:5px 7px}
#nav .nav-pin{padding:5px 2px}
#nav .nav-pin svg{width:14px;height:14px}
.nav-group-items{padding:1px 0 2px 6px}
#nav .nav-group-items button{margin:0;padding:4px 8px;font-size:12px}
.shell.sidebar-collapsed{grid-template-columns:52px minmax(0,1fr)}
.sidebar-collapsed #nav{padding:6px 4px;overflow:hidden}
.sidebar-collapsed #nav .nav-dashboard{height:32px;padding:0;font-size:0;text-align:center}
.sidebar-collapsed #nav .nav-dashboard::before{content:attr(data-short);font-size:11px;font-weight:800}
.sidebar-collapsed .nav-group-head{display:block}
.sidebar-collapsed .nav-group-toggle{display:grid!important;place-items:center;width:100%;height:32px;padding:0;font-size:0}
.sidebar-collapsed .nav-group-toggle span,.sidebar-collapsed .nav-pin,.sidebar-collapsed .nav-group-items{display:none!important}
.sidebar-collapsed .nav-group[data-short="마"] .nav-group-toggle::before{content:"마"}
.sidebar-collapsed .nav-group[data-short="입"] .nav-group-toggle::before{content:"입"}
.sidebar-collapsed .nav-group[data-short="출"] .nav-group-toggle::before{content:"출"}
.sidebar-collapsed .nav-group[data-short="재"] .nav-group-toggle::before{content:"재"}
.sidebar-collapsed .nav-group[data-short="관"] .nav-group-toggle::before{content:"관"}
.sidebar-collapsed .nav-group-toggle::before{font-size:12px;font-weight:800}
main{height:100%;padding:10px 12px;overflow:auto;min-width:0}
h1{margin:0 0 8px;font-size:18px;line-height:1.2}
h2{margin:12px 0 7px;font-size:14px}
h3{font-size:13px}
.page-help,.outbound-page>.page-help{margin:-3px 0 8px;font-size:11px}
.help,.section-help,.field-help{font-size:10px}
.release-banner{margin:0 0 8px;padding:7px 9px;border-width:1px;border-radius:5px;font-size:11px}
button{min-height:30px;padding:5px 9px;border-radius:5px;font-size:12px}
.small{min-height:24px;padding:2px 7px;border-radius:4px;font-size:11px}
.metrics,.metrics.five,.metrics.eight{gap:6px}
.metrics article{padding:8px 9px;border-radius:6px}
.metrics span{font-size:11px}
.metrics strong{margin-top:2px;font-size:19px}
.form-grid,.master-form,.inbound-plan-form,.outbound-form-grid{gap:6px 8px}
.form-grid{margin-bottom:8px;padding:9px;border-radius:6px}
.master-form{margin-bottom:8px;padding:8px;border-radius:6px}
.form-grid label,.master-form label,.inbound-plan-form label,.outbound-form-grid>label{font-size:11px}
.form-grid input,.form-grid select,.master-form input,.master-form select,
.inbound-plan-form input,.inbound-plan-form select,.outbound-form-grid>label>input,.outbound-form-grid>label>select,
.toolbar input,.toolbar select,.inventory-task-search input,.inventory-task-search select{
  height:30px;margin-top:3px;padding:4px 7px;border-radius:4px;font-size:12px
}
.master-form .input-button,.inbound-plan-form .input-button,.outbound-plan-form .input-button{margin-top:3px}
.master-form .input-button button,.inbound-plan-form .input-button button,.outbound-plan-form .input-button button{height:30px;padding:4px 8px}
.master-form-actions,.inbound-form-actions,.outbound-form-actions{gap:5px;margin-top:0;padding-top:0}
.master-form-actions button,.outbound-form-actions button,.inbound-form-actions button{height:30px;min-height:30px;min-width:96px;padding:4px 10px}
.subpanel,.plan-picker-block{margin:2px 0;padding:7px;border-radius:5px}
.toolbar,.toolbar.wrap{gap:5px;margin:6px 0}
.toolbar input,.toolbar select{margin-top:0}
.check-inline,.file-button{min-height:30px;padding:4px 7px;border-radius:4px;font-size:11px}
.inbound-list-section .toolbar.wrap>input,.inbound-list-section .toolbar.wrap>select,
.inbound-list-section .toolbar.wrap>button,.inbound-list-section .toolbar.wrap>.check-inline,
.inbound-list-section .toolbar.wrap>.file-button,.outbound-list-toolbar>button,
.outbound-list-toolbar>.check-inline{height:30px;min-height:30px;padding-top:4px;padding-bottom:4px}
.date-range-actions{gap:4px}
.date-range-actions button{height:30px;min-height:30px;min-width:82px}
.smart-date{grid-template-columns:minmax(0,1fr) 32px;gap:3px;margin-top:3px}
.smart-date-calendar,.plan-date-input .smart-date-calendar,.plan-edit-date .smart-date-calendar{
  width:32px!important;min-width:32px;height:30px!important
}
.inbound-section,.outbound-section,.outbound-page .outbound-section,.system-import-panel{
  margin:7px 0;padding:8px;border-radius:6px;box-shadow:none
}
.inbound-registration-section,.inbound-list-section,.inbound-selected-section,
.outbound-registration-section,.wave-candidate-section,.wave-history-section,
.outbound-selected-section,.outbound-confirm-target-section,.outbound-confirm-history-section,
.outbound-confirm-registration-section{border-top-width:2px}
.inbound-section>h2,.outbound-section>h2,.outbound-page .outbound-section>h2{
  margin:0 0 7px;padding:0 0 5px;font-size:14px
}
.section-title-row{gap:7px;margin:0 0 6px;padding-bottom:5px}
.section-title-row h2{font-size:14px}
.section-title-actions,.selected-section-controls{gap:4px}
.section-title-actions button,.selected-section-controls .section-title-actions button{height:28px;min-height:28px;min-width:78px;padding:3px 7px}
.selected-record-label{font-size:11px}
.validation-summary,.wave-candidate-summary,.master-import-summary,.outbound-upload-totals{gap:5px;margin:5px 0}
.validation-summary article,.master-import-summary article,.outbound-upload-totals article{padding:5px 7px;border-radius:4px}
.validation-summary span,.master-import-summary span,.outbound-upload-totals span{font-size:9px}
.validation-summary strong,.master-import-summary strong,.outbound-upload-totals strong{margin-top:1px;font-size:12px}
.wave-candidate-summary{grid-template-columns:repeat(2,minmax(0,210px))}
.wave-plan-filter{display:grid;grid-template-columns:130px 150px 170px 105px 105px minmax(150px,1fr) minmax(150px,1fr) auto}
.wave-plan-filter>*{min-width:0!important;width:100%;max-width:none!important}
.table-wrap{border-radius:4px;scrollbar-gutter:stable}
table{font-size:11.5px}
th,td{height:28px;padding:4px 6px}
th{font-size:11px}
.table-wrap input:not([type="checkbox"]),.table-wrap select{min-height:26px;height:26px;padding:2px 5px;border-radius:3px;font-size:11px}
.table-wrap input[type="checkbox"],.picker-product-table input[type="checkbox"]{width:15px;height:15px;margin:0;vertical-align:middle}
.empty{padding:14px;font-size:11px}
tbody tr[data-row-selectable="true"]{cursor:pointer}
tbody tr[data-row-selectable="true"]:focus{outline:2px solid #5b9bd5;outline-offset:-2px}
tbody tr.is-selected>td{background:#dceeff!important;color:#173f68}
tbody tr.is-selected>td:first-child{box-shadow:inset 3px 0 #176ac5}
#inbound-plans-table .table-wrap,#inbound-plan-lines-table .table-wrap,
#confirm-plans-table .table-wrap,#inbound-confirmations-table .table-wrap,
#inbound-confirmation-lines-table .table-wrap,#outbound-plans-table .table-wrap,
#outbound-plan-lines-table .table-wrap,#outbound-waves-table .table-wrap,
#outbound-wave-lines-table .table-wrap,#outbound-confirm-targets-table .table-wrap,
#outbound-confirmations-table .table-wrap,#outbound-confirmation-lines-table .table-wrap{
  max-height:min(31vh,250px)
}
#outbound-candidates-table .table-wrap{max-height:min(38vh,310px)}
.wave-allocation-panel{margin-top:7px;padding:7px;border-top-width:2px;border-radius:5px}
.wave-allocation-panel h3{font-size:13px}
.wave-detail-total{padding:4px 7px;border-radius:4px}
.wave-detail-total span{font-size:9px}.wave-detail-total strong{font-size:12px}
.wave-detail-toolbar{margin:0 0 5px}
.wave-allocation-qty-input,.wave-qty-input{width:82px}
.lot-choice-list{max-height:62px;padding:2px}
.lot-choice-list label{font-size:10px}
.inventory-task-search{grid-template-columns:minmax(150px,220px) minmax(220px,1fr) auto;gap:5px;margin:0 0 7px;padding:7px;border-radius:5px}
.plan-product-toolbar,.outbound-product-entry{gap:7px;padding:7px}
.plan-product-toolbar h3{font-size:13px}.plan-product-toolbar p{font-size:10px}
.plan-customer-picker-fields button,.outbound-product-entry button{height:30px;min-height:30px}
.plan-draft-table select,.plan-draft-table input,.outbound-plan-draft-table select,.outbound-plan-draft-table input{
  height:26px;padding:2px 5px;border-radius:3px;font-size:11px
}
.app-modal-backdrop{padding:10px}
.app-modal{width:min(480px,100%);max-height:calc(100vh - 20px);border-radius:7px}
.app-modal-head{padding:9px 11px}.app-modal-head h2{font-size:15px}
.app-modal-close{width:28px;height:28px}
#app-modal-form{padding:10px}
.app-modal-message{margin:0 0 8px;font-size:11px}
.app-modal-fields{gap:7px}
.app-modal-field{font-size:11px}
.app-modal-field input,.app-modal-field select,.app-modal-field textarea{margin-top:3px;padding:5px 7px;border-radius:4px}
.app-modal-field textarea{min-height:58px}
.app-modal-actions{gap:5px;margin-top:9px}
.inbound-picker-modal{width:min(820px,100%)}
.inbound-picker-body{padding:9px}
.inbound-picker-search{gap:7px}
.inbound-picker-search input{margin-top:3px;padding:5px 7px;border-radius:4px}
.inbound-picker-status{margin:7px 0 4px}
.inbound-picker-results{height:min(52vh,390px);border-radius:4px}
.picker-customer-result{padding:6px 8px}
.master-import-rules{gap:5px;margin-top:6px}
.master-import-rules span{padding:5px 7px;border-radius:4px;font-size:10px}

@media(max-width:1250px){
  .wave-plan-filter{grid-template-columns:repeat(4,minmax(130px,1fr))}
}
@media(max-width:900px){
  body{overflow:auto}
  #app-view{height:auto;overflow:visible}
  header{height:52px}
  .sidebar-toggle{display:none}
  .shell,.shell.sidebar-collapsed{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 52px)}
  main{height:auto;padding:9px;overflow:visible}
  #nav{display:flex;height:auto;overflow:auto;padding:5px}
  .sidebar-collapsed #nav{display:flex;overflow:auto;padding:5px}
  .sidebar-collapsed #nav .nav-dashboard{width:auto;height:auto;padding:6px 8px;font-size:12px;text-align:left}
  .sidebar-collapsed #nav .nav-dashboard::before{display:none}
  .sidebar-collapsed .nav-group-head{display:grid}
  .sidebar-collapsed .nav-group-toggle{display:flex!important;width:100%;height:auto;padding:5px 7px;font-size:12px}
  .sidebar-collapsed .nav-group-toggle span{display:inline}
  .sidebar-collapsed .nav-group-toggle::before{display:none}
  .sidebar-collapsed .nav-pin{display:grid!important}
  .sidebar-collapsed .nav-group.is-open .nav-group-items{display:block!important}
  .wave-plan-filter{grid-template-columns:repeat(2,minmax(130px,1fr))}
}
@media(max-width:620px){
  .wave-plan-filter{grid-template-columns:1fr}
  .wave-candidate-summary{grid-template-columns:1fr}
}

/* v0.5.3: inbound/outbound tone parity and master bulk import. */
.outbound-page>h1{margin:0 0 20px}
.outbound-page>.page-help{margin:-10px 0 18px}
.outbound-page .outbound-section{margin:18px 0;box-shadow:0 2px 8px #193a5a0a}
.outbound-registration-section,.wave-setup-section,.outbound-confirm-target-section{border-top:4px solid #176ac5}
.outbound-list-section,.wave-candidate-section,.outbound-confirm-history-section{border-top:4px solid #4b83b8}
.outbound-selected-section,.wave-history-section{border-top:4px solid #7a91a8}
.wave-detail-section,.outbound-confirm-registration-section{border-top:4px solid #2f7d65}
.outbound-page .outbound-section>h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e2eaf2}
.outbound-plan-form .input-button{margin-top:5px}
.outbound-plan-form .input-button input{margin-top:0}
.outbound-plan-form .input-button button{height:38px}
.outbound-products-panel{padding:0!important}
#outbound-plan-draft-lines>.table-wrap{height:auto;max-height:min(38vh,390px);border:0;border-radius:0}
.outbound-plan-draft-table{min-width:1040px}
.outbound-plan-draft-table td{vertical-align:middle}
.outbound-plan-draft-table td:nth-child(1){min-width:135px}
.outbound-plan-draft-table td:nth-child(2){min-width:210px}
.outbound-plan-draft-table td:nth-child(5){min-width:125px}
.outbound-plan-draft-table td:nth-child(6){min-width:125px}
.outbound-plan-draft-table td:nth-child(7){min-width:190px}
.outbound-plan-draft-table select,.outbound-plan-draft-table input{
  width:100%;padding:8px 9px;border:1px solid #cbd6e3;border-radius:7px;background:#fff;font:inherit;font-size:14px
}
.outbound-plan-draft-table .outbound-calculated{
  display:grid;gap:2px;justify-items:end;color:#2b6931;font-size:11px;font-weight:700
}
.outbound-plan-draft-table .outbound-calculated strong{color:#223950;font-size:14px}
.outbound-plan-draft-table tr.has-warning{background:#fff8f3}
.outbound-plan-draft-table .draft-warning{display:block;color:#b0362f;font-size:11px;font-weight:700}
.master-import-toolbar{align-items:center;margin:0 0 12px}
.master-import-toolbar .shared-import-select{flex:1 1 360px;max-width:none}
.master-import-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.master-import-rules span{padding:10px 11px;border:1px solid #d8e3ef;border-radius:8px;background:#f8fbfe;color:#53647a;font-size:12px}
.master-import-rules b{display:block;margin-bottom:3px;color:#244b72}
.master-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.master-import-summary article{padding:12px;border:1px solid #d7e1eb;border-radius:9px;background:#f8fbfe}
.master-import-summary span{display:block;color:#5b6976;font-size:11px}
.master-import-summary strong{display:block;margin-top:4px;color:#153d65;font-size:17px}
.master-import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.master-import-errors{margin-top:12px}
@media(max-width:900px){
  .master-import-rules{grid-template-columns:1fr}
  .master-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .master-import-summary{grid-template-columns:1fr}
  .master-import-actions{display:grid;grid-template-columns:1fr}
  .master-import-actions button{width:100%}
}

/* v0.5.6: split inbound-plan rows and keep date-management labels in a thin column. */
.plan-draft-table{min-width:1340px}
.plan-draft-table td,.plan-inline-edit-table td{height:28px;padding:2px 4px;vertical-align:middle}
.plan-draft-table td:nth-child(1){min-width:120px}
.plan-draft-table td:nth-child(2){min-width:180px}
.plan-draft-table td:nth-child(3){min-width:82px}
.plan-draft-table td:nth-child(4){min-width:285px}
.plan-draft-table td:nth-child(5){min-width:88px;text-align:center}
.plan-draft-table td:nth-child(6){min-width:175px;text-align:left}
.plan-draft-table td:nth-child(7){min-width:165px;text-align:left}
.plan-draft-table td:nth-child(8){min-width:128px;text-align:center}
.plan-draft-table select,.plan-draft-table input,
.plan-inline-edit-table select,.plan-inline-edit-table input{
  height:26px;min-height:26px;padding:2px 5px;border-radius:3px;font-size:11px
}
.plan-draft-total{display:flex;align-items:center;gap:6px}
.plan-draft-total input{flex:0 0 92px;width:92px}
.plan-draft-total span{font-size:11px;line-height:1.2}
.plan-date-input,.plan-edit-date{grid-template-columns:minmax(112px,1fr) 30px;gap:2px;margin-top:0}
.plan-date-input .smart-date-calendar,.plan-edit-date .smart-date-calendar{
  width:30px!important;min-width:30px;height:26px!important
}
.plan-row-actions{display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.plan-row-actions .small{min-height:24px;height:24px;padding:2px 5px}
.plan-inline-edit-table{min-width:1510px}
.plan-inline-edit-table td:nth-child(3){min-width:170px}
.plan-inline-edit-table td:nth-child(4){min-width:170px}
.plan-inline-edit-table td:nth-child(5){min-width:88px;text-align:center}
.plan-inline-edit-table td:nth-child(6){min-width:175px}
.plan-inline-edit-table td:nth-child(7){min-width:82px}
.plan-inline-edit-table td:nth-child(8){min-width:82px}
.plan-inline-edit-table td:nth-child(9){min-width:125px}
.plan-inline-edit-table td:nth-child(10){min-width:155px}
.plan-inline-edit-table td:nth-child(11){min-width:128px}

/* v0.6.0: shared controls, sortable tables, workflow panels. */
:root{--control-height:24px}
button,input,select,textarea{font:inherit}
button,input:not([type="checkbox"]):not([type="radio"]),select{
  min-height:var(--control-height);height:var(--control-height)
}
.toolbar button,.toolbar input,.toolbar select,
.section-title-actions button,.page-title-actions button{min-height:var(--control-height);height:var(--control-height)}
.table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable}
.table-wrap thead{position:sticky;top:0;z-index:2}
.table-wrap th{padding:0;text-align:center;vertical-align:middle}
.table-wrap td{vertical-align:middle;text-align:left}
.table-wrap td.cell-center{text-align:center}
.table-wrap td.num{text-align:right;font-variant-numeric:tabular-nums}
.table-sort-button{
  display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:max-content;
  height:auto;min-height:34px;padding:6px 8px;border:0;border-radius:0;background:transparent;
  color:inherit;font-weight:700;box-shadow:none
}
.table-sort-button:hover,.table-sort-button:focus-visible{background:#dfeaf5;color:#123f6b}
.table-sort-button.active{background:#d6e6f5;color:#0c497f}
.table-sort-button span{font-size:9px;opacity:.65}
.page-title-actions,.page-title-actions>div{display:flex;align-items:center;gap:8px}
.page-title-actions{justify-content:space-between}
.page-title-actions h1{margin-bottom:0}
.wave-detail-search input{min-width:190px}
.wave-detail-search .muted{margin-left:auto;white-space:nowrap}
.wave-output-panel{
  margin-top:14px;padding:14px;border:1px solid #bfd0df;border-radius:8px;background:#f5f9fc
}
.wave-output-panel h3{margin:0 0 5px}
.wave-output-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.wave-output-actions .primary{margin-left:auto}
.destination-confirm-list{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;
  padding:10px;border:1px solid #ccd9e3;border-radius:7px;background:#f8fbfd
}
.destination-confirm-list:empty{display:none}
.destination-confirm-list label{display:flex;align-items:center;gap:7px;padding:7px;background:#fff;border:1px solid #dbe5ed;border-radius:5px}
.policy-blocked{color:#a42323;font-weight:700}
.availability-reason{display:block;max-width:280px;color:#a35a00;font-size:11px;line-height:1.3;white-space:normal}
.picking-sequence-help{margin:8px 0;color:#5f6d78;font-size:12px}
.sequence-actions{display:flex;justify-content:center;gap:3px}
.sequence-actions button{width:30px;min-width:30px;padding:0}
.sequence-order-input{width:72px;text-align:right}
.shortage-actions{display:flex;gap:5px;align-items:center}
.print-page{break-after:page;page-break-after:always}
@media(max-width:900px){
  .page-title-actions{align-items:flex-start;gap:10px}
  .page-title-actions>div{flex-wrap:wrap;justify-content:flex-end}
  .wave-detail-search .muted{width:100%;margin-left:0}
}

/* v0.6.1: internal work windows, aligned editable grids, and one-table allocation. */
.workspace-tabs{
  position:sticky;top:-10px;z-index:4;display:flex;align-items:flex-end;gap:3px;
  min-height:38px;margin:-10px -12px 9px;padding:6px 10px 0;
  overflow-x:auto;border-bottom:1px solid #c7d4e2;background:#e8eef5;
  scrollbar-width:thin
}
.workspace-tab{
  display:flex;align-items:center;flex:0 0 auto;min-width:112px;max-width:220px;
  border:1px solid #c4d1df;border-bottom:0;border-radius:6px 6px 0 0;background:#f6f8fb
}
.workspace-tab.is-active{background:#fff;border-color:#9fb8d0;box-shadow:inset 0 3px #176ac5}
.workspace-tab-main,.workspace-tab-close{
  min-height:30px;height:30px;border:0;border-radius:0;background:transparent
}
.workspace-tab-main{
  flex:1;min-width:0;padding:4px 7px;overflow:hidden;color:#46576b;
  text-align:left;text-overflow:ellipsis;white-space:nowrap
}
.workspace-tab.is-active .workspace-tab-main{color:#0d579d;font-weight:800}
.workspace-tab-close{flex:0 0 28px;width:28px;padding:0;color:#718094;font-size:16px}
.workspace-tab-close:hover{background:#f7dddd;color:#9d2323}
.workspace-window-placeholder{padding:26px;text-align:center;color:#758496}

.editable-table{table-layout:fixed}
.editable-sort-button{
  display:flex;align-items:center;justify-content:center;gap:4px;width:100%;
  height:30px;min-height:30px;padding:3px 5px;border:0;border-radius:0;
  background:transparent;color:inherit;font-weight:700
}
.editable-sort-button:hover,.editable-sort-button:focus-visible{background:#dfeaf5;color:#123f6b}
.editable-sort-button.active{background:#d6e6f5;color:#0c497f}
.editable-sort-button span{font-size:9px;opacity:.65}

#plan-draft-lines>.table-wrap{max-height:min(38vh,330px)}
.plan-draft-table{width:1320px;min-width:1320px;table-layout:fixed}
.plan-draft-table th{height:30px;text-align:center}
.plan-draft-table td{height:30px;padding:2px 4px}
.plan-draft-table td:nth-child(1),.plan-draft-table td:nth-child(3),
.plan-draft-table td:nth-child(5),.plan-draft-table td:nth-child(6),
.plan-draft-table td:nth-child(8){text-align:center}
.plan-draft-table td:nth-child(2),.plan-draft-table td:nth-child(7){text-align:left}
.plan-draft-table td:nth-child(4),.plan-draft-table td:nth-child(4) input{text-align:right}
.plan-draft-table td:nth-child(3) select{text-align-last:center}
.plan-draft-table .plan-draft-total{justify-content:flex-end}
.plan-draft-table .plan-draft-total span{text-align:right}
.plan-draft-table td:nth-child(7) input{text-align:left}

#confirm-edit-grid>.table-wrap{max-height:min(43vh,380px)}
.confirm-edit-table{width:1730px;min-width:1730px;table-layout:fixed}
.confirm-edit-table th{height:30px;text-align:center}
.confirm-edit-table td{height:30px;padding:2px 4px;vertical-align:middle}
.confirm-edit-table td:nth-child(1),.confirm-edit-table td:nth-child(3),
.confirm-edit-table td:nth-child(4),.confirm-edit-table td:nth-child(5),
.confirm-edit-table td:nth-child(6),.confirm-edit-table td:nth-child(14){text-align:center}
.confirm-edit-table td:nth-child(2),.confirm-edit-table td:nth-child(13){text-align:left}
.confirm-edit-table td:nth-child(7),.confirm-edit-table td:nth-child(8),
.confirm-edit-table td:nth-child(9),.confirm-edit-table td:nth-child(10),
.confirm-edit-table td:nth-child(11){text-align:right;font-variant-numeric:tabular-nums}
.confirm-edit-table input,.confirm-edit-table select{
  min-width:0;height:26px;min-height:26px;padding:2px 5px;border-radius:3px;font-size:11px
}
.confirm-edit-table td:nth-child(9) input,.confirm-edit-table td:nth-child(10) input{text-align:right}
.confirm-edit-table td:nth-child(13) input{text-align:left}
.confirm-edit-table .confirm-edit-date{grid-template-columns:minmax(112px,1fr) 30px;gap:2px;margin:0}
.confirm-edit-table .confirm-edit-date .smart-date-calendar{
  width:30px!important;min-width:30px;height:26px!important
}
.confirm-row-summary{font-weight:800;white-space:normal}
.confirm-row-summary.over{color:#b02222}

.outbound-plan-form .input-button{margin-top:3px}
.outbound-plan-form .input-button button{
  height:var(--control-height);min-height:var(--control-height);padding:4px 8px
}

.wave-allocation-panel{
  margin:6px 0 5px;padding:7px;border-width:1px;border-top-width:2px;border-radius:5px
}
.wave-allocation-panel .section-title-row{margin-bottom:4px}
.wave-allocation-panel h3{font-size:13px}
.wave-allocation-panel .wave-detail-toolbar{margin:0}
#outbound-wave-lines-table .table-wrap{max-height:min(49vh,440px)}
#outbound-wave-lines-table table{min-width:2140px}
#outbound-wave-lines-table .wave-allocation-qty-input{text-align:right}
#outbound-wave-lines-table .lot-choice-list{max-height:68px}
.allocation-readonly{color:#526173;white-space:normal}
.allocation-pending{color:#92620c;font-size:10px;white-space:normal}
.wave-output-panel{margin-top:7px;padding:8px}
.wave-output-panel.is-locked{background:#f5f7f9;color:#657383}
.wave-output-actions button:disabled{opacity:.48}

.outbound-confirm-target-filter{
  display:grid;grid-template-columns:145px 132px auto 132px minmax(250px,auto);
  gap:5px;align-items:center;margin:0 0 7px
}
.outbound-confirm-target-filter>*{min-width:0;max-width:none}
.outbound-confirm-target-filter>.quick-range-buttons{display:flex;gap:3px}
.outbound-confirm-target-filter>.quick-range-buttons button{min-width:48px}
.outbound-confirm-target-filter>select:nth-of-type(n+2){min-width:140px}
#outbound-confirm-target-search{grid-column:span 2;min-width:240px}

@media(max-width:1350px){
  .outbound-confirm-target-filter{grid-template-columns:repeat(4,minmax(130px,1fr))}
  .outbound-confirm-target-filter>span{display:none}
  #outbound-confirm-target-search{grid-column:span 2}
}
@media(max-width:760px){
  .workspace-tabs{top:0}
  .outbound-confirm-target-filter{grid-template-columns:1fr 1fr}
  .outbound-confirm-target-filter>.quick-range-buttons,#outbound-confirm-target-search{grid-column:1/-1}
}

/* v0.6.2: fixed work surface, grouped wave filters, and condition-aware allocation. */
.wave-plan-filter{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr)) auto;gap:6px;margin:5px 0 7px;align-items:stretch}
.wave-filter-group{display:flex;align-items:center;align-content:flex-start;gap:4px;flex-wrap:wrap;min-width:0;margin:0;padding:5px 6px 6px;border:1px solid #d5e0ea;border-radius:5px;background:#f8fbfd}
.wave-filter-group legend{padding:0 4px;color:#4e6175;font-size:10px;font-weight:800}
.wave-filter-group input,.wave-filter-group select{flex:1 1 120px;min-width:0;height:28px;min-height:28px;padding:3px 6px;border:1px solid #cbd6e3;border-radius:4px;background:#fff;font-size:11px}
.wave-filter-group select.is-placeholder{color:#8d99a8}
.wave-filter-group option{color:#152238}
.wave-filter-date input{flex:1 1 112px}.wave-filter-date>span{color:#7a8794}
.wave-filter-date .quick-range-buttons{display:flex;flex:1 1 100%;margin:0;gap:3px}
.wave-filter-date .quick-range-buttons button{flex:1;min-width:40px;height:25px;min-height:25px;padding:2px 4px;font-size:10px}
.wave-filter-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.wave-filter-actions button{height:28px;min-height:28px;padding:3px 7px;white-space:nowrap}
.allocation-method-cell,.allocation-quantity-cell{display:grid;grid-template-columns:minmax(92px,1fr);gap:3px;min-width:125px}
.allocation-method-cell input,.allocation-method-cell select{width:100%}
.allocation-quantity-cell{grid-template-columns:88px auto;align-items:center;min-width:150px}
.allocation-quantity-cell b{font-size:10px}.allocation-quantity-cell small{grid-column:1/-1;color:#637387;text-align:right;font-size:9px}
.quantity-sub{display:block;margin-top:2px;color:#68788a;font-size:9px;font-weight:500;white-space:normal}
.ea-exception-control{display:grid;grid-template-columns:auto minmax(130px,1fr);gap:4px;align-items:center}
.ea-exception-control label{display:flex;align-items:center;gap:3px;white-space:nowrap}
.outbound-plan-draft-table{min-width:1250px}

@media(min-width:901px){
  body,#app-view{height:100vh;overflow:hidden}
  .shell{height:calc(100vh - 48px);min-height:0;overflow:hidden}
  main{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
  .workspace-tabs{position:static;flex:0 0 auto;margin:-10px -12px 7px}
  .page.active{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}
  .page.active>h1,.page.active>.page-help,.page.active>.outbound-page-heading,.page.active>.release-banner{flex:0 0 auto}
  .page.active>.table-wrap,.page.active>div[id$="-table"],.page.active>section{min-height:0}
  .page.active>div[id$="-table"]{flex:1 1 auto;display:flex;flex-direction:column}
  .page.active>div[id$="-table"]>.table-wrap{flex:1 1 auto;height:100%;max-height:none}
  .page.active>.toolbar,.page.active>.date-range-toolbar,.page.active>form{flex:0 0 auto}
  .page.active>.toolbar+div[id$="-table"]{min-height:120px}
  .inbound-list-section,.outbound-list-section,.wave-candidate-section,.wave-history-section,
  .outbound-selected-section,.outbound-confirm-target-section,.outbound-confirm-history-section,
  .inbound-selected-section{display:flex;flex-direction:column;min-height:0}
  .inbound-list-section>div[id$="-table"],.outbound-list-section>div[id$="-table"],
  .wave-candidate-section>div[id$="-table"],.wave-history-section>div[id$="-table"],
  .outbound-selected-section>div[id$="-table"],.outbound-confirm-target-section>div[id$="-table"],
  .outbound-confirm-history-section>div[id$="-table"],.inbound-selected-section>div[id$="-table"]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
  .inbound-list-section>div[id$="-table"]>.table-wrap,.outbound-list-section>div[id$="-table"]>.table-wrap,
  .wave-candidate-section>div[id$="-table"]>.table-wrap,.wave-history-section>div[id$="-table"]>.table-wrap,
  .outbound-selected-section>div[id$="-table"]>.table-wrap,.outbound-confirm-target-section>div[id$="-table"]>.table-wrap,
  .outbound-confirm-history-section>div[id$="-table"]>.table-wrap,.inbound-selected-section>div[id$="-table"]>.table-wrap{flex:1 1 auto;height:100%;max-height:none}
  #page-outbound-plans.active .outbound-list-section{flex:1 1 55%}
  #page-outbound-plans.active .outbound-selected-section:not(.hidden){flex:1 1 45%}
  #page-outbound-instructions.active{display:grid;grid-template-rows:auto auto minmax(175px,1.15fr) minmax(105px,.65fr) minmax(170px,1.2fr);gap:0}
  #page-outbound-instructions.active>.wave-candidate-section,
  #page-outbound-instructions.active>.wave-history-section,
  #page-outbound-instructions.active>.outbound-selected-section{margin:3px 0;padding:6px}
  #outbound-candidates-table .table-wrap,#outbound-waves-table .table-wrap,#outbound-wave-lines-table .table-wrap{height:100%;max-height:none}
  #page-outbound-confirmations.active>.outbound-confirm-target-section,
  #page-outbound-confirmations.active>.outbound-confirm-history-section{flex:1 1 40%}
  #page-outbound-confirmations.active>.outbound-confirm-registration-section{flex:0 0 auto}
  .app-modal{display:flex;flex-direction:column;overflow:hidden}
  #app-modal-form,.inbound-picker-body{min-height:0;overflow:auto}
}

@media(max-width:1500px){.wave-plan-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.wave-filter-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}}

/* v0.6.3: compact WMS query tables and content-first grid allocation. */
.wms-query-table{
  flex:0 0 auto;min-width:0;overflow:hidden;border:1px solid #c9d6e3;border-radius:4px;background:#dbe4ed
}
.wms-query-row,.wave-filter-table-row{display:grid;align-items:center;min-width:0;gap:1px;background:#dbe4ed}
.wms-query-label,.compact-import-label{
  align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;
  padding:3px 6px;background:#edf3f8;color:#41566c;font-size:11px;font-weight:800;white-space:nowrap
}
.wms-query-label{border-right:1px solid #c9d6e3}
.range-separator{color:#718093;text-align:center}
.outbound-plan-query-table{margin:0 0 4px}
.outbound-plan-query-table .wms-query-row+ .wms-query-row{border-top:1px solid #c9d6e3}
.outbound-plan-search-row{grid-template-columns:92px minmax(0,1fr) 78px 78px}
.outbound-plan-date-row{grid-template-columns:92px 145px 16px 145px minmax(220px,1fr)}
.outbound-plan-query-table input,.outbound-plan-query-table button{
  width:100%;min-width:0;height:28px;min-height:28px;margin:0;padding:3px 7px;border:0;border-radius:0;background:#fff;font-size:11px
}
.outbound-plan-query-table button{border-left:1px solid #c9d6e3}
.outbound-plan-query-table button:hover{background:#e9f2fb}
.outbound-plan-query-table .quick-range-buttons{display:flex;align-items:center;gap:2px;height:28px;margin:0;padding:2px 4px;background:#fff}
.outbound-plan-query-table .quick-range-buttons button{height:24px;min-height:24px;border:1px solid #c7d3df;border-radius:3px;padding:1px 8px}

.compact-import-table{
  flex:0 0 auto;display:grid;
  grid-template-columns:112px 145px 72px minmax(170px,1fr) 72px 130px 108px minmax(180px,1fr);
  grid-auto-rows:30px;gap:1px;min-width:0;margin:0 0 4px;overflow:hidden;
  border:1px solid #c9d6e3;border-radius:4px;background:#dbe4ed
}
.compact-import-table>*{min-width:0;max-width:none;margin:0}
.compact-import-label b{margin-left:3px;color:#c1272d}
.compact-import-table>input,.compact-import-table>select,.compact-import-table>button,
.compact-import-actions button{
  width:100%;height:30px;min-height:30px;padding:3px 7px;border:0;border-radius:0;background:#fff;font-size:11px
}
.compact-import-table>input,.compact-import-table>select{border:0}
.compact-import-actions{grid-column:7/9;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dbe4ed}
.compact-import-actions+.compact-import-label{grid-column:1;grid-row:2}
#outbound-import-file{grid-column:2/5;grid-row:2;width:100%;min-width:0;max-width:none}
#outbound-import-preview{grid-column:5/7;grid-row:2}
#outbound-upload-connection{
  grid-column:7;grid-row:2;align-self:center;justify-self:stretch;overflow:hidden;border-radius:0;
  padding:5px 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px
}
#outbound-import-diagnostic{
  grid-column:8;grid-row:2;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;
  height:30px;margin:0;padding:3px 7px;border:0;border-radius:0;line-height:1.2;white-space:nowrap
}
#outbound-import-diagnostic strong,#outbound-import-diagnostic small{display:inline;min-width:0;margin:0;font-size:10px}
#outbound-import-diagnostic small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wave-plan-filter.wms-query-table{display:block;margin:3px 0 4px}
.wave-filter-table-row+ .wave-filter-table-row{border-top:1px solid #c9d6e3}
.wave-filter-primary-row{
  grid-template-columns:52px 102px minmax(112px,.72fr) 14px minmax(112px,.72fr) 178px 64px minmax(118px,.72fr) minmax(150px,1fr) minmax(165px,1.08fr)
}
.wave-filter-secondary-row{
  grid-template-columns:52px repeat(3,minmax(108px,1fr)) 68px repeat(4,minmax(96px,.88fr)) minmax(198px,auto)
}
.wave-filter-table-row>input,.wave-filter-table-row>select{
  width:100%;min-width:0;height:28px;min-height:28px;margin:0;padding:3px 6px;border:0;border-radius:0;background:#fff;font-size:11px
}
.wave-filter-table-row select.is-placeholder{color:#8d99a8}
.wave-filter-table-row option{color:#152238}
.wave-filter-table-row .quick-range-buttons{display:flex;align-items:center;gap:2px;height:28px;margin:0;padding:2px 3px;background:#fff}
.wave-filter-table-row .quick-range-buttons button{
  flex:1;min-width:35px;height:24px;min-height:24px;padding:1px 4px;border-radius:3px;font-size:10px
}
.wave-filter-actions{
  display:grid;grid-template-columns:minmax(74px,.8fr) minmax(118px,1.2fr);align-items:center;gap:1px;height:28px;background:#dbe4ed
}
.wave-filter-actions button{width:100%;height:28px;min-height:28px;padding:2px 5px;border:0;border-radius:0;background:#fff;font-size:10px;white-space:nowrap}
.wave-candidate-summary{
  flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-height:27px;margin:0 0 4px
}
.wave-candidate-summary article{
  display:flex;align-items:center;gap:6px;min-width:0;height:27px;padding:3px 7px;border-radius:3px
}
.wave-candidate-summary span{flex:0 0 auto;font-size:9px}
.wave-candidate-summary strong{min-width:0;margin:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

@media(min-width:901px){
  #page-outbound-plans.active .outbound-list-section{overflow:hidden}
  #page-outbound-plans.active:not(.has-outbound-plan-detail) #outbound-plans-table{min-height:50%}
  #page-outbound-plans.active:not(.has-outbound-plan-detail) #outbound-plans-table>.table-wrap{min-height:100%}

  #page-outbound-instructions.active{
    display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow:hidden
  }
  #page-outbound-instructions.active>.wave-candidate-section{
    flex:3 1 0;min-height:280px;margin:3px 0;padding:6px;overflow:hidden
  }
  #page-outbound-instructions.active>.wave-history-section{
    flex:1.4 1 0;min-height:135px;margin:3px 0;padding:6px;overflow:hidden
  }
  #page-outbound-instructions.active>.wave-history-section.is-empty{
    flex:0 0 108px;min-height:108px
  }
  #page-outbound-instructions.active>.outbound-selected-section:not(.hidden){
    flex:1.9 1 0;min-height:225px;margin:3px 0;padding:6px;overflow:hidden
  }
  #page-outbound-instructions.active.has-wave-detail>.wave-candidate-section{flex:1.35 1 0;min-height:235px}
  #page-outbound-instructions.active.has-wave-detail>.wave-history-section:not(.is-empty){flex:.75 1 0;min-height:132px}
  #page-outbound-instructions.active.has-wave-detail>.outbound-selected-section:not(.hidden){flex:1.9 1 0;min-height:235px}
  #outbound-candidates-table,#outbound-waves-table,#outbound-wave-lines-table{min-height:0}
}

@media(max-width:1400px) and (min-width:901px){
  .wave-filter-primary-row{grid-template-columns:52px 102px minmax(105px,1fr) 14px minmax(105px,1fr) 174px}
  .wave-filter-direct-label{grid-column:1;grid-row:2}
  #wave-customer-filter{grid-column:2;grid-row:2}
  #wave-product-filter{grid-column:3/5;grid-row:2}
  #wave-destination-filter{grid-column:5/7;grid-row:2}
  .wave-filter-secondary-row{grid-template-columns:52px repeat(3,minmax(100px,1fr)) 68px repeat(2,minmax(95px,1fr))}
  .wave-filter-work-label{grid-column:1;grid-row:2}
  #wave-center-filter{grid-column:2;grid-row:2}
  #wave-warehouse-filter{grid-column:3;grid-row:2}
  #wave-storage-filter{grid-column:4;grid-row:2}
  #wave-operation-filter{grid-column:5;grid-row:2}
  .wave-filter-secondary-row>.wave-filter-actions{grid-column:6/8;grid-row:2}
}

@media(max-width:900px){
  .outbound-plan-search-row{grid-template-columns:82px minmax(0,1fr) 74px 74px}
  .outbound-plan-date-row{grid-template-columns:82px 1fr 14px 1fr}
  .outbound-plan-date-row .quick-range-buttons{grid-column:2/5}
  .compact-import-table{grid-template-columns:110px minmax(0,1fr);grid-auto-rows:32px;overflow:visible}
  .compact-import-table>*{grid-column:auto!important;grid-row:auto!important}
  .compact-import-actions{display:grid;grid-column:1/3!important;grid-template-columns:1fr 1fr}
  #outbound-import-file,#outbound-import-preview,#outbound-upload-connection,#outbound-import-diagnostic{grid-column:1/3!important}
  .wave-filter-table-row{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:#f4f8fb}
  .wave-filter-table-row>.wms-query-label{flex:1 1 100%}
  .wave-filter-table-row>input,.wave-filter-table-row>select{flex:1 1 150px;border:1px solid #d3dee8}
  .wave-filter-table-row .quick-range-buttons,.wave-filter-actions{flex:1 1 100%}
}

/* v0.6.6: one shared UI system for every current and future WMS page.
   Functional legacy selectors remain above; all visible dimensions and tones
   are resolved here through one token set instead of page-specific patches. */
:root{
  --control-height:24px;
  --wms-header-height:38px;
  --wms-sidebar-width:166px;
  --wms-sidebar-collapsed-width:42px;
  --wms-tab-height:24px;
  --wms-page-title-height:26px;
  --wms-section-title-height:26px;
  --wms-query-row-height:26px;
  --wms-control-height:24px;
  --wms-grid-control-height:21px;
  --wms-table-head-height:24px;
  --wms-table-row-height:23px;
  --wms-gap:2px;
  --wms-page-gap:3px;
  --wms-navy:#0d3555;
  --wms-navy-dark:#08263e;
  --wms-blue:#176aa3;
  --wms-blue-hover:#0f5a8e;
  --wms-canvas:#dfeaf2;
  --wms-panel:#ffffff;
  --wms-title:#d7e7f2;
  --wms-query:#eaf2f7;
  --wms-label:#d5e3ed;
  --wms-border:#9eb3c4;
  --wms-border-soft:#c4d3de;
  --wms-text:#20384c;
  --wms-muted:#60758a;
  --wms-alt:#f4f8fb;
  --wms-selected:#fff1ad;
  --wms-danger:#a93434;
  --wms-warning:#fff4cc;
  --wms-short-button:56px;
  --wms-button:72px;
  --wms-long-button:96px;
  --wms-date-width:126px;
  --wms-control-radius:1px;
  --wms-panel-radius:0px;
}

html,body{width:100%;height:100%;margin:0;overflow:hidden}
body,#app-view{height:100vh;overflow:hidden;background:var(--wms-canvas);color:var(--wms-text);font-size:11px;line-height:1.2}
button,input,select,textarea{box-sizing:border-box;font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif}
button,input,select{font-size:10.5px}
button{
  display:inline-flex;align-items:center;justify-content:center;min-width:var(--wms-short-button);
  height:var(--wms-control-height);min-height:var(--wms-control-height);margin:0;padding:2px 7px;
  border:1px solid #9fb2c2;border-radius:var(--wms-control-radius);background:linear-gradient(#fff,#e8eff4);color:#294459;
  font-weight:600;line-height:1;white-space:nowrap;word-break:keep-all;overflow:visible;cursor:pointer
}
button:hover{background:#e0edf5;border-color:#7d9bb1}
button:disabled{background:#edf1f4;color:#97a4ae;border-color:#c7d1d9;cursor:not-allowed}
button.primary{background:var(--wms-blue);border-color:#0f5c90;color:#fff;font-weight:700}
button.primary:hover{background:var(--wms-blue-hover)}
button.secondary{background:linear-gradient(#fff,#edf2f5)}
button.danger{background:#fff5f5;border-color:#c57979;color:var(--wms-danger)}
button.danger:not(:disabled):hover{background:#fbe1e1}
button.small{height:var(--wms-grid-control-height);min-height:var(--wms-grid-control-height);min-width:48px;padding:1px 5px;font-size:10px}
button[data-refresh],#confirm-target-refresh,#refresh-all-btn{min-width:var(--wms-button)}
#confirmation-excel-download,#inbound-plan-template,#inbound-import-preview,#outbound-template-download,
#outbound-import-preview,#master-import-template,#master-import-preview,#export-btn{min-width:var(--wms-long-button)}

input:not([type="checkbox"]):not([type="radio"]),select{
  height:var(--wms-control-height);min-height:var(--wms-control-height);margin:0;padding:2px 6px;
  border:1px solid #a9bbc9;border-radius:var(--wms-control-radius);background:#fff;color:var(--wms-text);line-height:18px
}
input[readonly]{background:#eef3f6;color:#5e7080}
input:focus,select:focus,textarea:focus{outline:1px solid #3d89bc;outline-offset:-1px;border-color:#3d89bc}
input[type="checkbox"],input[type="radio"]{width:13px;height:13px;margin:0;vertical-align:middle}
select{white-space:nowrap;text-overflow:ellipsis}
textarea{border:1px solid #a9bbc9;border-radius:var(--wms-control-radius);background:#fff;font-size:10.5px}

.hidden{display:none!important}
.page-help,.outbound-page>.page-help,.section-help,.field-help{display:none}
.muted{color:var(--wms-muted)}

header{
  position:relative;top:auto;z-index:5;display:flex;align-items:center;justify-content:space-between;
  width:100%;height:var(--wms-header-height);padding:0 8px;border-bottom:1px solid var(--wms-navy-dark);
  background:var(--wms-navy);color:#fff
}
.header-left,.header-right{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px}
header .brand{font-size:15px;letter-spacing:-.2px;white-space:nowrap}
header .brand span{color:#87c5ee}
.version-chip{margin-left:4px;padding:2px 5px;border-radius:2px;background:#f3d66c;color:#4b3a00;font-size:9px;box-shadow:none}
.badge,.status{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:1px 5px;border-radius:2px;font-size:9.5px;white-space:nowrap}
.badge{background:#647f94;color:#fff}.badge.ok{background:#247a50}.badge.bad{background:#a43e3e}
.status{background:#e3ebf1;color:#385368}.status.ok{background:#dff1e7;color:#25633f}.status.bad{background:#f7dfdf;color:#8d3030}
.sidebar-toggle{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;background:transparent;border-color:#ffffff73;color:#fff;font-size:14px}

.shell{display:grid;grid-template-columns:var(--wms-sidebar-width) minmax(0,1fr);height:calc(100vh - var(--wms-header-height));min-height:0;overflow:hidden;background:var(--wms-canvas)}
.shell.sidebar-collapsed{grid-template-columns:var(--wms-sidebar-collapsed-width) minmax(0,1fr)}
#nav{height:100%;padding:3px;overflow:auto;border-right:1px solid #8fa7b9;background:#f4f8fb;font-size:10px}
#nav button{width:100%;border-radius:0;color:#2c475d;text-align:left}
#nav .nav-dashboard{height:23px;min-height:23px;margin:0 0 2px;padding:2px 6px;border-color:#b3c5d2;background:#fff}
.nav-group{margin:0 0 1px;border:1px solid #b3c5d2;background:#fff}
.nav-group-head{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:0;background:#dbe8f1}
#nav .nav-group-toggle{height:23px;min-height:23px;padding:2px 5px;border:0;background:transparent;font-size:10.5px}
#nav .nav-pin{width:24px;min-width:24px;height:23px;min-height:23px;padding:2px;border:0;background:transparent}
#nav .nav-pin svg{width:12px;height:12px}
.nav-group-items{padding:1px 0 1px 7px;border-top:1px solid #c5d3dd;background:#fff}
#nav .nav-group-items button{height:21px;min-height:21px;margin:0;padding:2px 6px;border:0;border-left:2px solid transparent;background:#fff;font-size:10px}
#nav button.active{border-left-color:var(--wms-blue);background:#ddebF5;color:#0e527f;font-weight:700}
.sidebar-collapsed #nav{padding:3px;overflow:hidden}
.sidebar-collapsed #nav .nav-dashboard,.sidebar-collapsed .nav-group-toggle{height:26px;min-height:26px;padding:0;text-align:center}

main{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;padding:3px 4px 4px;overflow:hidden;background:var(--wms-canvas)}
.workspace-tabs{position:static;display:flex;flex:0 0 27px;min-height:27px;height:27px;margin:-3px -4px 3px;padding:2px 4px 0;gap:1px;overflow:hidden;border-bottom:1px solid #91aabe;background:#c9d7e2}
.workspace-tab{display:flex;min-width:102px;max-width:200px;height:25px;border:1px solid #9eb3c4;border-radius:2px 2px 0 0;background:#f4f7f9}
.workspace-tab.is-active{background:#fff;border-bottom-color:#fff}
.workspace-tab-main,.workspace-tab-close{height:24px;min-height:24px;border:0;background:transparent}
.workspace-tab-main{flex:1;min-width:0;padding:2px 6px;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;font-size:10.5px}
.workspace-tab-close{flex:0 0 24px;width:24px;min-width:24px;padding:0;font-size:14px}

.page{display:none}
.page.active{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;padding:3px;border:1px solid #8fa9be;background:#fff;overflow:hidden}
h1,.page-title-actions{
  flex:0 0 var(--wms-page-title-height);min-height:var(--wms-page-title-height);height:var(--wms-page-title-height);
  margin:0 0 var(--wms-page-gap);border:1px solid #98afc1;background:linear-gradient(#f5fafc,#d9e8f2);color:#123f61
}
h1{padding:4px 7px;font-size:13px;line-height:16px}
.page-title-actions{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 1px 7px}
.page-title-actions h1{flex:0 1 auto;min-height:auto;height:auto;margin:0;padding:0;border:0;background:transparent;font-size:13px;line-height:16px}
.page-title-actions>div,.page-action-group{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;height:var(--wms-control-height)}
.release-banner{display:none}
h2{margin:0;font-size:11.5px;line-height:16px}h3{margin:0;font-size:11px;line-height:15px}

.inbound-section,.outbound-section,.outbound-page .outbound-section,.system-import-panel,.subpanel,.plan-picker-block{
  min-width:0;margin:1px 0;padding:3px;border:1px solid var(--wms-border);border-radius:var(--wms-panel-radius);background:var(--wms-panel);box-shadow:none
}
.inbound-registration-section,.outbound-registration-section,.confirmation-registration-section{border-top:2px solid var(--wms-blue)}
.inbound-list-section,.outbound-list-section,.wave-candidate-section,.confirmation-target-section{border-top:2px solid #4d83aa}
.inbound-selected-section,.outbound-selected-section,.confirmation-detail-section,.wave-history-section{border-top:2px solid #7a91a8}
.section-title-row,.inbound-section>h2,.outbound-section>h2,.outbound-page .outbound-section>h2,.compact-panel-head{
  display:flex;align-items:center;justify-content:space-between;flex:0 0 var(--wms-section-title-height);
  min-height:var(--wms-section-title-height);height:var(--wms-section-title-height);margin:-3px -3px 3px;padding:2px 4px;
  border:0;border-bottom:1px solid var(--wms-border);background:var(--wms-title);color:#2b4b63
}
.section-title-row>div{display:flex;align-items:center;min-width:0;height:100%}
.section-title-row h2,.section-title-row h3{margin:0;white-space:nowrap}
.section-title-actions,.selected-section-controls,.plan-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;height:var(--wms-control-height)}
.section-title-actions button,.selected-section-controls button{height:var(--wms-control-height);min-height:var(--wms-control-height);padding:1px 6px}
.selected-record-label{min-width:0;overflow:hidden;color:#4b6173;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}

.form-grid,.master-form,.inbound-plan-form,.outbound-form-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:3px 5px;
  min-width:0;margin:0 0 3px;padding:4px;border:1px solid var(--wms-border-soft);border-radius:0;background:#f7fafc
}
.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-grid label,.master-form label,.inbound-plan-form label,.outbound-form-grid>label{min-width:0;color:#455d70;font-size:10px;font-weight:650;line-height:12px}
.form-grid input,.form-grid select,.master-form input,.master-form select,
.inbound-plan-form input,.inbound-plan-form select,.outbound-form-grid>label>input,.outbound-form-grid>label>select{
  display:block;width:100%;height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;margin-top:2px;padding:2px 6px
}
.form-grid button,.master-form button,.inbound-plan-form button,.outbound-form-grid button{
  height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important
}
.input-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:2px;height:var(--wms-control-height);margin-top:2px}
.input-button input{margin-top:0!important}.input-button button{height:var(--wms-control-height);min-height:var(--wms-control-height)}
.smart-date{display:grid;grid-template-columns:minmax(0,1fr) var(--wms-control-height);gap:1px;margin-top:2px}
.smart-date input{margin-top:0!important}
.smart-date-calendar,.plan-date-input .smart-date-calendar,.plan-edit-date .smart-date-calendar{
  width:var(--wms-control-height)!important;min-width:var(--wms-control-height)!important;height:var(--wms-control-height)!important;
  padding:0!important;color:transparent;cursor:pointer
}
.master-form-actions,.inbound-form-actions,.outbound-form-actions,.app-modal-actions,.master-import-actions{
  grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;flex:0 0 var(--wms-query-row-height);
  min-height:var(--wms-query-row-height);height:var(--wms-query-row-height);gap:2px;margin:0;padding:1px 0
}
.master-form-actions button,.inbound-form-actions button,.outbound-form-actions button,.app-modal-actions button{
  width:var(--wms-long-button);min-width:var(--wms-long-button);max-width:var(--wms-long-button);
  height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;padding:2px 7px
}
.plan-products-panel,.outbound-products-panel{display:flex;flex-direction:column;min-height:50px;padding:0!important;overflow:hidden}
.plan-product-toolbar,.outbound-product-entry{display:flex;align-items:center;justify-content:space-between;flex:0 0 25px;min-height:25px;padding:1px 3px;border-bottom:1px solid var(--wms-border-soft);background:#eef5f9}
.plan-product-toolbar p{display:none}
.plan-product-toolbar h3{font-size:10.5px}.plan-product-actions{height:23px;font-size:9.5px}
#plan-draft-lines,#outbound-plan-draft-lines,#confirm-edit-grid{display:flex;flex:1 1 auto;flex-direction:column;min-height:24px;overflow:hidden}
#plan-draft-lines>.table-wrap,#outbound-plan-draft-lines>.table-wrap,#confirm-edit-grid>.table-wrap{flex:1 1 auto;height:100%;min-height:24px;max-height:120px;border:0}

.toolbar,.toolbar.wrap,.date-range-toolbar,.inventory-task-search,.system-actions{
  display:flex;align-items:center;flex:0 0 var(--wms-query-row-height);min-height:var(--wms-query-row-height);height:var(--wms-query-row-height);
  gap:var(--wms-gap);min-width:0;margin:1px 0;padding:1px 2px;border:1px solid var(--wms-border-soft);border-radius:0;background:var(--wms-query);overflow:hidden
}
.toolbar.wrap{flex-wrap:nowrap}
.toolbar>input:not([type="checkbox"]),.toolbar.wrap>input:not([type="checkbox"]){flex:1 1 180px;min-width:80px}
.toolbar>select,.toolbar.wrap>select{flex:0 1 180px;min-width:82px;max-width:220px}
.toolbar>button,.toolbar.wrap>button,.toolbar>.check-inline,.toolbar.wrap>.check-inline,.toolbar>.file-button,.toolbar.wrap>.file-button{flex:0 0 auto}
.toolbar input:not([type="checkbox"]):not([type="radio"]),.toolbar select,.toolbar button,
.date-range-toolbar input:not([type="checkbox"]):not([type="radio"]),.date-range-toolbar select,.date-range-toolbar button,
.inventory-task-search input:not([type="checkbox"]):not([type="radio"]),.inventory-task-search select,.inventory-task-search button,
.system-actions button{height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important}
.check-inline,.file-button{display:inline-flex;align-items:center;gap:4px;height:var(--wms-control-height);min-height:var(--wms-control-height);padding:2px 6px;border:1px solid #a9bbc9;border-radius:var(--wms-control-radius);background:#fff;font-size:10px;white-space:nowrap}
.system-actions{justify-content:flex-start}

.wms-query-table{display:block!important;flex:0 0 auto;min-width:0;margin:0 0 2px!important;border:1px solid var(--wms-border);background:#b9cad7;overflow:hidden}
.outbound-confirm-target-filter{display:block!important;gap:0!important}
#outbound-confirm-target-search{grid-column:auto!important;min-width:0!important}
.wms-query-row,.wave-filter-table-row{
  display:grid;align-items:stretch;gap:1px;min-width:0;min-height:var(--wms-query-row-height);height:var(--wms-query-row-height);
  margin:0;padding:1px;background:#b9cad7
}
.wms-query-row+ .wms-query-row,.wave-filter-table-row+ .wave-filter-table-row{border-top:1px solid var(--wms-border)}
.wms-query-row>*,.wave-filter-table-row>*{grid-column:auto;grid-row:auto;min-width:0!important;max-width:none!important;width:100%;height:var(--wms-control-height);min-height:var(--wms-control-height);margin:0!important}
.wms-query-table input:not([type="checkbox"]):not([type="radio"]),.wms-query-table select,.wms-query-table button,
.wave-filter-table-row input:not([type="checkbox"]):not([type="radio"]),.wave-filter-table-row select,.wave-filter-table-row button{
  height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;margin:0!important;padding-top:1px;padding-bottom:1px
}
.wms-query-label{display:flex;align-items:center;padding:2px 5px;background:var(--wms-label);color:#365269;font-size:9.5px;font-weight:800;white-space:nowrap}
.range-separator{display:flex;align-items:center;justify-content:center;background:#fff;color:#53687a}
.quick-range-buttons{display:inline-grid!important;grid-template-columns:36px 36px 32px 32px 48px 36px;align-items:center;justify-self:start;box-sizing:border-box;gap:1px;width:225px!important;min-width:225px!important;max-width:225px!important;height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;padding:0!important;background:#fff}
.quick-range-buttons button{width:100%;min-width:0;height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;padding:1px 3px;font-size:9.5px;white-space:nowrap}
.query-action-group{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(var(--wms-long-button),1fr);align-items:center;gap:2px;width:auto!important;height:var(--wms-control-height)!important}
.query-action-group button{width:100%;min-width:var(--wms-long-button)}
.inbound-plan-date-row{grid-template-columns:84px var(--wms-date-width) 12px var(--wms-date-width) minmax(225px,1fr)}
.inbound-plan-search-row{grid-template-columns:84px minmax(240px,1fr) auto}
.outbound-plan-search-row{grid-template-columns:84px minmax(240px,1fr) auto}
.outbound-plan-date-row{grid-template-columns:84px var(--wms-date-width) 12px var(--wms-date-width) minmax(225px,1fr)}
.confirmation-filter-date-row{grid-template-columns:84px 88px 108px var(--wms-date-width) 12px var(--wms-date-width) minmax(225px,1fr)}
.confirmation-filter-search-row{grid-template-columns:84px minmax(240px,1fr) auto}
.outbound-confirm-date-row{grid-template-columns:64px 132px var(--wms-date-width) 12px var(--wms-date-width) minmax(225px,1fr)}
.outbound-confirm-condition-row{grid-template-columns:64px minmax(96px,.8fr) minmax(106px,1fr) minmax(116px,1fr) 84px 74px 86px minmax(180px,1.5fr) var(--wms-long-button)}
.wave-filter-primary-row{grid-template-columns:52px 94px 124px 12px 124px 225px 62px 120px minmax(145px,1fr) minmax(155px,1fr)}
.wave-filter-secondary-row{grid-template-columns:52px repeat(3,minmax(106px,1fr)) 68px repeat(4,minmax(96px,1fr)) 200px}
.wave-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:1px;height:var(--wms-control-height)!important}
.wave-filter-actions button{width:100%;min-width:0;height:var(--wms-control-height);min-height:var(--wms-control-height);padding:1px 4px;font-size:9px}

.compact-file-panel,.shared-import-section{flex:0 0 auto;min-width:0;margin:1px 0;padding:3px;border:1px solid var(--wms-border);border-radius:0;background:#f7fafc;overflow:hidden}
.compact-file-row{display:grid;grid-template-columns:var(--wms-long-button) var(--wms-long-button) minmax(240px,1fr) var(--wms-long-button);gap:2px;height:var(--wms-query-row-height);padding:1px;background:var(--wms-query)}
.compact-file-row>*{min-width:0;width:100%;height:var(--wms-control-height);margin:0}
.compact-import-table{display:grid;grid-template-columns:100px 132px 62px minmax(155px,1fr) 62px 118px 94px minmax(155px,1fr);grid-auto-rows:var(--wms-query-row-height);gap:1px;margin:0 0 2px;padding:1px;border:1px solid var(--wms-border);background:#b9cad7}
.compact-import-table>*{min-width:0;height:var(--wms-control-height);min-height:var(--wms-control-height);margin:0}
.compact-import-label{display:flex;align-items:center;padding:2px 5px;background:var(--wms-label);font-size:9.5px;font-weight:700;white-space:nowrap}
.compact-import-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px}
.compact-import-actions button{width:100%;min-width:0;height:var(--wms-control-height);min-height:var(--wms-control-height);padding:1px 4px;font-size:9px}
.import-diagnostic{min-height:20px;max-height:24px;margin:1px 0 0;padding:3px 5px;border:1px solid #c5d3dc;border-radius:0;background:#f5f8fa;color:#4c6172;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.import-diagnostic.bad,.import-diagnostic.error{background:#fff2f2;color:#8c3535}
#inbound-excel-preview,#outbound-upload-preview{max-height:150px;overflow:auto}

.validation-summary,.wave-candidate-summary,.master-import-summary,.outbound-upload-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 23px;min-height:23px;gap:2px;margin:0 0 2px}
.validation-summary article,.wave-candidate-summary article,.master-import-summary article,.outbound-upload-totals article{display:flex;align-items:center;gap:5px;height:23px;padding:2px 5px;border:1px solid var(--wms-border-soft);border-radius:0;background:#eef5f9;overflow:hidden}
.validation-summary span,.wave-candidate-summary span,.master-import-summary span,.outbound-upload-totals span{flex:0 0 auto;font-size:8.5px}.validation-summary strong,.wave-candidate-summary strong,.master-import-summary strong,.outbound-upload-totals strong{min-width:0;margin:0;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}

.table-wrap{position:relative;min-width:0;min-height:0;overflow:auto;border:1px solid var(--wms-border);border-radius:var(--wms-panel-radius);background:#fff;scrollbar-gutter:stable;scrollbar-width:thin}
table{width:100%;border-collapse:collapse;color:#233a4e;font-size:10.5px;white-space:nowrap}
th,td{box-sizing:border-box;height:var(--wms-table-row-height);padding:2px 4px;border-right:1px solid #bfd0dc;border-bottom:1px solid #cedbe4;line-height:16px}
th{position:sticky;top:0;z-index:2;height:var(--wms-table-head-height);background:linear-gradient(#eff6fa,#d4e5f0);color:#29465e;text-align:center;font-size:10px;font-weight:700;border-right-color:#aebfcd;border-bottom-color:#8fa8bb}
tbody tr:nth-child(even)>td{background:var(--wms-alt)}tbody tr:hover>td{background:#e3f0f8}
tbody tr.is-selected>td,tbody tr.selected>td{background:var(--wms-selected)!important;color:#243b4e!important}
tbody tr.is-selected>td:first-child,tbody tr.selected>td:first-child{box-shadow:inset 3px 0 var(--wms-blue)}
td.num{text-align:right;font-variant-numeric:tabular-nums}
.row-select-checkbox{accent-color:var(--wms-blue);cursor:pointer}
.table-action-group{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:max-content}
.table-wrap input:not([type="checkbox"]):not([type="radio"]),.table-wrap select,.table-wrap button,
.plan-draft-table select,.plan-draft-table input,.outbound-plan-draft-table select,.outbound-plan-draft-table input,.confirm-edit-table input,.confirm-edit-table select{
  height:var(--wms-grid-control-height);min-height:var(--wms-grid-control-height);padding:1px 3px;border-radius:1px;font-size:10px
}
.table-wrap button{min-width:48px}
.plan-draft-table th,.plan-draft-table td,.confirm-edit-table th,.confirm-edit-table td{height:var(--wms-table-head-height)}
.empty{min-height:var(--wms-table-row-height);padding:4px 8px;color:#718091;font-size:10px;text-align:center}
.table-empty-row td{height:var(--wms-table-row-height);padding:0;background:#fff!important}
.warning,.confirm-selection-summary{margin:1px 0;padding:4px 6px;border:1px solid #d7bd6d;border-radius:0;background:var(--wms-warning);font-size:10px}

.app-modal-backdrop{padding:10px;overflow:hidden;background:#10283e70}
.app-modal{display:flex;flex-direction:column;width:min(520px,calc(100vw - 20px));max-height:calc(100vh - 20px);border:1px solid #7690a4;border-radius:2px;background:#fff;overflow:hidden}
.app-modal-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 27px;height:27px;padding:2px 4px;border-bottom:1px solid var(--wms-border);background:var(--wms-navy);color:#fff}
.app-modal-head h2{font-size:12px}.app-modal-close{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;background:transparent;color:#fff}
#app-modal-form,.inbound-picker-body{min-height:0;padding:5px;overflow:auto}
.app-modal-fields{display:grid;gap:3px}.app-modal-field{font-size:10px}.app-modal-field input,.app-modal-field select{width:100%;margin-top:2px}
.inbound-picker-modal{width:min(820px,calc(100vw - 20px))}.inbound-picker-search{display:grid;grid-template-columns:1fr 1fr;gap:3px}.inbound-picker-search input{width:100%;margin-top:2px}.inbound-picker-results{height:min(52vh,390px);border:1px solid var(--wms-border);border-radius:0;overflow:auto}

.page.active>h2{
  display:flex;align-items:center;flex:0 0 var(--wms-section-title-height);min-height:var(--wms-section-title-height);height:var(--wms-section-title-height);
  margin:1px 0 0;padding:2px 4px;border:1px solid var(--wms-border);border-bottom:0;background:var(--wms-title);color:#2b4b63
}
.metrics,.metrics.five,.metrics.eight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0 0 2px}
.metrics article{height:38px;padding:3px 5px;border:1px solid var(--wms-border-soft);border-radius:0;background:#f7fbfd}
.metrics span{font-size:9px}.metrics strong{margin-top:1px;font-size:15px;line-height:16px}
.address-api-panel,.address-results,pre{border-radius:0!important;box-shadow:none!important}
#page-system pre{flex:0 1 42%;min-height:120px;margin:2px 0;padding:6px;border:1px solid #71879a;border-radius:0;overflow:auto;background:#172a40;font-size:9.5px;line-height:1.25}
#page-system>.warning{flex:0 0 auto;margin:1px 0;padding:4px 6px;border-radius:0}

@media(min-width:901px){
  .page.active>div[id$="-table"],.page.active>section>div[id$="-table"],.page.active>section>div[id$="-result"]{min-height:0}
  .page.active>div[id$="-table"],.page.active>.toolbar+div[id$="-table"]{display:flex;flex:1 1 auto;flex-direction:column}
  .page.active>div[id$="-table"]>.table-wrap,.page.active>.toolbar+div[id$="-table"]>.table-wrap{flex:1 1 auto;height:100%;max-height:none}
  .inbound-list-section,.outbound-list-section,.wave-candidate-section,.wave-history-section,.unified-confirm-list-section,
  .inbound-selected-section,.outbound-selected-section,.confirmation-detail-section{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .inbound-list-section>div[id$="-table"],.outbound-list-section>div[id$="-table"],.wave-candidate-section>div[id$="-table"],
  .wave-history-section>div[id$="-table"],.unified-confirm-list-section>div[id$="-table"],.inbound-selected-section>div[id$="-table"],
  .outbound-selected-section>div[id$="-table"],.confirmation-detail-section>div[id$="-table"]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
  .inbound-list-section>div[id$="-table"]>.table-wrap,.outbound-list-section>div[id$="-table"]>.table-wrap,.wave-candidate-section>div[id$="-table"]>.table-wrap,
  .wave-history-section>div[id$="-table"]>.table-wrap,.unified-confirm-list-section>div[id$="-table"]>.table-wrap,.inbound-selected-section>div[id$="-table"]>.table-wrap,
  .outbound-selected-section>div[id$="-table"]>.table-wrap,.confirmation-detail-section>div[id$="-table"]>.table-wrap{flex:1 1 auto;height:100%;max-height:none}

  #page-inbound-plans.active>.inbound-registration-section{flex:0 1 auto;min-height:0;max-height:43%;overflow:hidden}
  #page-inbound-plans.active>.inbound-list-section{flex:1 1 58%;min-height:220px}
  #page-inbound-plans.active>#inbound-selected-section:not(.hidden){flex:0 1 34%;min-height:120px}
  #page-inbound-plans .inbound-plan-form{min-height:0;overflow:hidden}
  #page-inbound-plans .plan-products-panel{min-height:49px;max-height:118px}

  #page-outbound-plans.active>#outbound-plan-registration-section:not(.hidden){flex:0 1 auto;min-height:0;max-height:43%;overflow:hidden}
  #page-outbound-plans.active>.outbound-list-section{flex:1 1 60%;min-height:220px}
  #page-outbound-plans.active>#outbound-plan-selected-section:not(.hidden){flex:0 1 34%;min-height:120px}
  #page-outbound-plans .plan-products-panel{min-height:49px;max-height:118px}

  #page-inbound-confirmations.active>.unified-confirm-list-section{flex:1.45 1 0;min-height:210px}
  #page-inbound-confirmations.active>#inbound-confirm-registration-section:not(.hidden){display:flex;flex:.95 1 0;flex-direction:column;min-height:180px;overflow:hidden}
  #page-inbound-confirmations.active>#inbound-confirmation-selected-section:not(.hidden){flex:.65 1 0;min-height:115px}
  #inbound-confirm-registration-section .form-grid{display:flex;flex:1 1 auto;flex-wrap:wrap;min-height:0;overflow:hidden}
  #inbound-confirm-registration-section .form-grid>label{flex:1 1 190px}
  #inbound-confirm-registration-section .confirm-edit-panel{display:flex;flex:1 1 100%;flex-direction:column;min-height:72px;overflow:hidden}
  #inbound-confirm-registration-section .inbound-form-actions{flex:0 0 var(--wms-query-row-height);width:100%}

  #page-outbound-confirmations.active>.unified-confirm-list-section{flex:1.65 1 0;min-height:250px}
  #page-outbound-confirmations.active>#outbound-confirm-registration-section:not(.hidden){display:flex;flex:0 0 auto;flex-direction:column;min-height:0;overflow:hidden}
  #page-outbound-confirmations.active>#outbound-confirmation-selected-section:not(.hidden){flex:1 1 0;min-height:150px}

  #page-outbound-instructions.active{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}
  #page-outbound-instructions.active>.wave-candidate-section{flex:3.5 1 0;min-height:280px}
  #page-outbound-instructions.active>.wave-history-section{flex:1.15 1 0;min-height:130px}
  #page-outbound-instructions.active>.wave-history-section.is-empty{flex:0 0 108px;min-height:108px}
  #page-outbound-allocations.active{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}
  #page-outbound-allocations.active>.allocation-wave-list-section{flex:1.25 1 0;min-height:210px}
  #page-outbound-allocations.active>.allocation-wave-list-section.is-empty{flex:0 0 108px;min-height:108px}
  #page-outbound-allocations.active>.outbound-selected-section:not(.hidden){flex:2 1 0;min-height:280px}
  #page-outbound-allocations.active.has-wave-detail>.allocation-wave-list-section:not(.is-empty){flex:.85 1 0;min-height:155px}
  #page-outbound-allocations.active.has-wave-detail>.outbound-selected-section:not(.hidden){flex:2.15 1 0;min-height:300px}
  #outbound-candidates-table,#instruction-waves-table,#outbound-waves-table,#outbound-wave-lines-table{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
  #outbound-candidates-table>.table-wrap,#instruction-waves-table>.table-wrap,#outbound-waves-table>.table-wrap,#outbound-wave-lines-table>.table-wrap{flex:1 1 auto;height:100%;max-height:none}

  #page-system.active .system-import-panel{min-height:0;overflow:auto}
  #page-transactions.active>#transactions-table,#page-transactions.active>#audit-logs-table{flex:1 1 0;min-height:110px}
}

@media(max-width:1600px) and (min-width:901px){
  :root{--wms-sidebar-width:154px}
  .shell.sidebar-collapsed{grid-template-columns:var(--wms-sidebar-collapsed-width) minmax(0,1fr)}
  .wave-filter-primary-row{grid-template-columns:48px 90px 116px 12px 116px 225px 58px 110px minmax(130px,1fr) minmax(140px,1fr)}
  .wave-filter-secondary-row{grid-template-columns:48px repeat(3,minmax(98px,1fr)) 64px repeat(4,minmax(88px,1fr)) 190px}
  .outbound-confirm-condition-row{grid-template-columns:60px minmax(90px,.8fr) minmax(98px,1fr) minmax(106px,1fr) 80px 70px 82px minmax(160px,1.4fr) var(--wms-long-button)}
}

@media(max-width:1200px) and (min-width:901px){
  .wave-filter-primary-row,.wave-filter-secondary-row{grid-template-columns:repeat(5,minmax(100px,1fr));height:52px;grid-auto-rows:24px}
  .wave-filter-primary-row>.wms-query-label,.wave-filter-secondary-row>.wms-query-label{display:none}
  .wave-filter-actions{grid-column:4/6}
  .outbound-confirm-condition-row{grid-template-columns:repeat(4,minmax(105px,1fr));height:52px;grid-auto-rows:24px}
  .outbound-confirm-condition-row>.wms-query-label{display:none}
  .outbound-confirm-condition-row>.query-action-group{grid-column:4}
}

@media(max-width:900px){
  html,body,#app-view{height:auto;min-height:100%;overflow:auto}
  header{height:42px}.shell,.shell.sidebar-collapsed{display:block;height:auto;min-height:calc(100vh - 42px);overflow:visible}
  #nav{display:flex;height:auto;overflow:auto;border-right:0;border-bottom:1px solid var(--wms-border)}
  main{height:auto;min-height:calc(100vh - 42px);padding:3px;overflow:visible}.workspace-tabs{position:sticky;top:0;z-index:4}
  .page.active{min-height:calc(100vh - 75px);overflow:visible}
  .toolbar,.toolbar.wrap,.date-range-toolbar,.inventory-task-search,.system-actions{height:auto;min-height:var(--wms-query-row-height);flex-wrap:wrap;overflow:visible}
  .wms-query-row,.wave-filter-table-row,.inbound-plan-date-row,.inbound-plan-search-row,.outbound-plan-search-row,.outbound-plan-date-row,
  .confirmation-filter-date-row,.confirmation-filter-search-row,.outbound-confirm-date-row,.outbound-confirm-condition-row{display:grid;grid-template-columns:84px minmax(120px,1fr);grid-auto-rows:var(--wms-query-row-height);height:auto}
  .wms-query-row>.range-separator{display:none}.quick-range-buttons,.query-action-group{grid-column:1/-1}
  .compact-file-row,.compact-import-table{grid-template-columns:110px minmax(0,1fr);grid-auto-rows:var(--wms-query-row-height);height:auto}
  .compact-file-row>*,.compact-import-table>*{grid-column:auto!important;grid-row:auto!important}
  .compact-file-row>.shared-import-select,.compact-file-row>.primary,#outbound-import-file,#outbound-import-preview,#outbound-upload-connection,#outbound-import-diagnostic{grid-column:1/-1!important}
  .form-grid,.master-form,.inbound-plan-form,.outbound-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid>[class*="m-span-"],.master-form>[class*="m-span-"],.inbound-plan-form>[class*="m-span-"],.outbound-form-grid>[class*="m-span-"]{grid-column:1/-1}
}

/* v0.6.6: final cross-page shape and alignment guard.
   Interactive controls share one radius; structural work panels remain square. */
.wms-page button,
.wms-page input:not([type="checkbox"]):not([type="radio"]),
.wms-page select,
.wms-page textarea,
.app-modal button,
.app-modal input:not([type="checkbox"]):not([type="radio"]),
.app-modal select,
.app-modal textarea{border-radius:var(--wms-control-radius)!important}
.wms-page .inbound-section,
.wms-page .outbound-section,
.wms-page .subpanel,
.wms-page .wave-allocation-panel,
.wms-page .wave-output-panel,
.wms-page .toolbar,
.wms-page .inventory-task-search,
.wms-page .wms-query-table,
.wms-page .shared-import-section,
.wms-page .compact-import-table,
.wms-page .table-wrap,
.wms-page .form-grid,
.wms-page .master-form,
.wms-page .inbound-plan-form,
.wms-page .outbound-form-grid,
.wms-page .system-import-panel,
.wms-page .shared-import-workbar,
.wms-page .plan-picker-block,
.wms-page .plan-detail-edit-panel,
.wms-page .selected-plan-actions,
.wms-page .date-range-toolbar,
.wms-page .outbound-flow,
.wms-page .validation-summary article,
.wms-page .wave-candidate-summary article,
.wms-page .master-import-summary article,
.wms-page .outbound-upload-totals article,
.wms-page .confirm-selection-summary,
.wms-page .destination-confirm-list label,
.wms-page .address-results,
.wms-page .address-api-panel{border-radius:var(--wms-panel-radius)!important;box-shadow:none!important}
.form-grid>label>input:not([type="hidden"]),
.form-grid>label>select,
.form-grid>label>.input-button,
.form-grid>label>.smart-date,
.master-form>label>input:not([type="hidden"]),
.master-form>label>select,
.master-form>label>.input-button,
.master-form>label>.smart-date,
.inbound-plan-form>label>input:not([type="hidden"]),
.inbound-plan-form>label>select,
.inbound-plan-form>label>.input-button,
.inbound-plan-form>label>.smart-date,
.outbound-form-grid>label>input:not([type="hidden"]),
.outbound-form-grid>label>select,
.outbound-form-grid>label>.input-button,
.outbound-form-grid>label>.smart-date{margin-top:2px!important}
.inbound-plan-form>label>.input-button,
.inbound-plan-form>label>.smart-date,
.outbound-form-grid>label>.input-button,
.outbound-form-grid>label>.smart-date{height:var(--wms-control-height);min-height:var(--wms-control-height)}
.inbound-plan-form>label>.input-button>*,
.outbound-form-grid>label>.input-button>*{height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;margin:0!important}

/* v0.6.7: cumulative workflow cleanup, modal uploads, and single-line work grids. */
.wms-page>h1{display:none!important}

.workflow-modal-backdrop{
  position:fixed!important;inset:0!important;z-index:120!important;display:grid!important;place-items:center!important;
  width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:10px!important;
  overflow:hidden!important;background:#10283e70!important
}
.workflow-modal-backdrop.hidden{display:none!important}
.workflow-modal{width:min(880px,calc(100vw - 20px));max-width:none}
.workflow-modal-registration{width:min(1180px,calc(100vw - 20px))}
.workflow-modal-body{min-width:0;min-height:0;padding:5px;overflow:auto}
.workflow-modal .inbound-plan-form,.workflow-modal .outbound-form-grid{margin:0}
.workflow-modal .plan-products-panel{min-height:128px;max-height:min(45vh,360px)}
.workflow-modal #plan-draft-lines>.table-wrap,.workflow-modal #outbound-plan-draft-lines>.table-wrap{max-height:min(34vh,300px)}
.workflow-modal .compact-file-panel,.workflow-modal .shared-import-section{margin:0}
.workflow-modal #inbound-excel-preview,.workflow-modal #outbound-upload-preview{max-height:min(48vh,430px);overflow:auto}

.outbound-plan-date-row{
  grid-template-columns:84px var(--wms-date-width) 12px var(--wms-date-width) 64px var(--wms-date-width) 12px var(--wms-date-width) minmax(225px,1fr)
}
.outbound-order-date-label{justify-content:center}

.quantity-inline,.shortage-inline{display:inline-flex;align-items:center;gap:3px;max-width:100%;white-space:nowrap}
.outbound-plan-draft-table .outbound-calculated{display:flex;align-items:center;min-height:21px;white-space:nowrap}
.outbound-plan-draft-table .outbound-calculated span{display:inline;white-space:nowrap}
.plan-quantity-readonly{display:block;white-space:nowrap}

.plan-draft-table td,.plan-inline-edit-table td,.confirm-edit-table td,#outbound-wave-lines-table td{
  height:var(--wms-table-row-height)!important;min-height:var(--wms-table-row-height)!important;
  padding:0 3px!important;line-height:19px!important;vertical-align:middle!important
}
.plan-draft-table input,.plan-draft-table select,.plan-inline-edit-table input,.plan-inline-edit-table select,
.confirm-edit-table input,.confirm-edit-table select,#outbound-wave-lines-table input,#outbound-wave-lines-table select,
.plan-row-actions .small,.shortage-inline .small{
  height:var(--wms-grid-control-height)!important;min-height:var(--wms-grid-control-height)!important;
  margin:0!important;padding:1px 3px!important
}
.plan-draft-table .plan-date-input,.plan-inline-edit-table .plan-edit-date,.confirm-edit-table .confirm-edit-date{
  height:var(--wms-grid-control-height)!important;margin:0!important
}
.plan-draft-table .plan-date-input input,.plan-inline-edit-table .plan-edit-date input,.confirm-edit-table .confirm-edit-date input{
  height:var(--wms-grid-control-height)!important;min-height:var(--wms-grid-control-height)!important;margin:0!important
}
.plan-row-actions{display:table-cell!important;height:var(--wms-table-row-height)!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important}
.plan-row-actions .small{min-width:48px;margin:0 1px}
.plan-draft-total{display:flex!important;align-items:center;justify-content:flex-end;gap:4px;height:21px;white-space:nowrap}
.plan-draft-total input{flex:0 0 76px!important;width:76px!important}
.plan-draft-total span{min-width:0;overflow:hidden;font-size:9.5px!important;line-height:19px!important;text-overflow:ellipsis;white-space:nowrap!important}
.confirm-edit-table td:nth-child(2),.confirm-row-summary{white-space:nowrap!important}

.allocation-method-cell{display:flex;align-items:center;gap:2px;min-width:0;white-space:nowrap}
.allocation-method-cell select{flex:0 0 68px;width:68px}
.allocation-method-cell input{flex:0 0 105px;width:105px}
.allocation-quantity-cell{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap}
.allocation-quantity-cell input{flex:0 0 62px;width:62px!important}
.allocation-quantity-cell b,.allocation-quantity-cell span{font-size:9.5px;white-space:nowrap}
.shortage-inline .small{min-width:48px}
.availability-reason{display:block;max-width:100%;overflow:hidden;font-size:9.5px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}
#outbound-wave-lines-table table{width:100%;min-width:1280px;table-layout:fixed}
#outbound-wave-lines-table th:nth-child(1){width:36px}
#outbound-wave-lines-table th:nth-child(2){width:88px}
#outbound-wave-lines-table th:nth-child(3){width:108px}
#outbound-wave-lines-table th:nth-child(4){width:92px}
#outbound-wave-lines-table th:nth-child(5){width:125px}
#outbound-wave-lines-table th:nth-child(6){width:185px}
#outbound-wave-lines-table th:nth-child(7){width:178px}
#outbound-wave-lines-table th:nth-child(8){width:185px}
#outbound-wave-lines-table th:nth-child(9){width:150px}
#outbound-wave-lines-table th:nth-child(10){width:178px}
#outbound-wave-lines-table th:nth-child(11){width:125px}

@media(min-width:901px){
  #page-outbound-plans.active>.outbound-list-section{flex:1 1 0;min-height:210px}
  #page-outbound-plans.active>#outbound-plan-selected-section:not(.hidden){flex:1 1 0;min-height:150px}
  #page-outbound-instructions.active>.wave-candidate-section,
  #page-outbound-instructions.active>.wave-history-section{flex:1 1 0;min-height:0}
  #page-outbound-instructions.active>.wave-history-section.is-empty{flex:1 1 0;min-height:0}
  #page-outbound-allocations.active>.allocation-wave-list-section{flex:0 1 34%;min-height:132px}
  #page-outbound-allocations.active>.outbound-selected-section:not(.hidden),
  #page-outbound-allocations.active.has-wave-detail>.outbound-selected-section:not(.hidden){flex:1 1 auto;min-height:220px}
  #page-outbound-allocations.active.has-wave-detail>.allocation-wave-list-section:not(.is-empty){flex:0 1 31%;min-height:132px}
}

@media(max-width:900px){
  .workflow-modal-backdrop{padding:4px!important}
  .workflow-modal,.workflow-modal-registration{width:calc(100vw - 8px);max-height:calc(100vh - 8px)}
  .outbound-plan-date-row{grid-template-columns:84px minmax(120px,1fr)!important}
  .outbound-order-date-label{justify-content:flex-start}
}

/* v0.6.8: fixed split grids, modal hierarchy, compact allocation and searchable inventory selectors. */
:root{--wms-v068-gap:6px}
.workflow-modal-backdrop{z-index:400!important}
.workflow-modal-backdrop.has-child-modal>.workflow-modal{pointer-events:none;filter:brightness(.92)}
#inbound-picker-modal{z-index:700!important}
#app-modal{z-index:900!important}
select.is-placeholder{color:#8b98a5!important}
select.is-placeholder option{color:#243746}

.workflow-modal{max-height:calc(100vh - 24px)!important;overflow:hidden}
.workflow-modal-registration{width:min(1380px,calc(100vw - 24px))!important}
.workflow-modal-import{width:min(1080px,calc(100vw - 24px))!important;min-height:420px}
.inbound-registration-modal{width:min(1280px,calc(100vw - 24px))!important}
.outbound-confirm-modal{width:min(820px,calc(100vw - 24px))!important}
.workflow-modal-body{max-height:calc(100vh - 80px)!important;padding:10px!important}
.workflow-modal .plan-products-panel{min-height:230px!important;max-height:min(56vh,520px)!important}
.workflow-modal #plan-draft-lines>.table-wrap,.workflow-modal #outbound-plan-draft-lines>.table-wrap{max-height:min(45vh,430px)!important}

#outbound-plan-import-section .compact-import-table{
  display:grid!important;grid-template-columns:150px minmax(180px,1fr) 120px minmax(180px,1fr);gap:8px 10px;align-items:center;padding:12px
}
#outbound-plan-import-section .compact-import-label{height:30px;justify-content:flex-start;padding:5px 8px}
#outbound-plan-import-section .compact-import-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}
#outbound-plan-import-section #outbound-import-file{grid-column:2/4;min-width:0}
#outbound-plan-import-section #outbound-import-preview{grid-column:4}
#outbound-plan-import-section #outbound-upload-connection{grid-column:1/2;min-height:28px;display:flex;align-items:center}
#outbound-plan-import-section #outbound-import-diagnostic{grid-column:2/-1;min-height:54px;margin:0;padding:8px;white-space:normal}
#outbound-plan-import-section #outbound-upload-preview{max-height:360px!important;margin-top:10px}

.outbound-plan-draft-table{width:100%!important;min-width:920px!important;table-layout:fixed}
.outbound-plan-draft-table th:nth-child(1){width:105px}.outbound-plan-draft-table th:nth-child(2){width:175px}
.outbound-plan-draft-table th:nth-child(3),.outbound-plan-draft-table th:nth-child(4){width:58px}
.outbound-plan-draft-table th:nth-child(5){width:78px}.outbound-plan-draft-table th:nth-child(6){width:88px}
.outbound-plan-draft-table th:nth-child(7){width:270px}.outbound-plan-draft-table th:nth-child(8){width:54px}
.outbound-plan-draft-table td{min-width:0!important;overflow:hidden;text-overflow:ellipsis}
.outbound-plan-draft-table .outbound-calculated{overflow:hidden;text-overflow:ellipsis}

.quick-range-buttons{grid-template-columns:42px 42px 36px 36px 54px 42px!important;width:257px!important;min-width:257px!important;max-width:257px!important;overflow:visible!important}
.quick-range-buttons button{line-height:20px!important;overflow:visible!important;text-overflow:clip!important}
.wms-query-label{width:84px!important;min-width:84px!important;justify-content:center}

#outbound-wave-selected-actions,#outbound-confirmation-selected-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
#outbound-wave-selected-actions button,#outbound-confirmation-selected-actions button{height:26px!important;min-height:26px!important;padding:2px 10px!important;line-height:20px!important}
#outbound-wave-selected-label{display:none!important}
.wave-unallocated{color:#b06b00}

#outbound-wave-lines-table table{min-width:1120px!important}
#outbound-wave-lines-table th:nth-child(1){width:36px}#outbound-wave-lines-table th:nth-child(2){width:92px}
#outbound-wave-lines-table th:nth-child(3){width:105px}#outbound-wave-lines-table th:nth-child(4){width:88px}
#outbound-wave-lines-table th:nth-child(5){width:130px}#outbound-wave-lines-table th:nth-child(6){width:175px}
#outbound-wave-lines-table th:nth-child(7){width:185px}#outbound-wave-lines-table th:nth-child(8){width:160px}
#outbound-wave-lines-table th:nth-child(9){width:130px}#outbound-wave-lines-table th:nth-child(10){width:210px}
.allocation-method-cell select{flex-basis:76px;width:76px}.allocation-method-cell input{flex-basis:108px;width:108px}
.shortage-inline{white-space:normal;flex-wrap:wrap}

.search-picker-row{display:grid!important;grid-template-columns:minmax(430px,1.3fr) minmax(330px,1fr) auto;gap:8px;align-items:end}
.task-lookup{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) auto;gap:4px;min-width:0}
.task-lookup:nth-child(2){grid-template-columns:minmax(220px,1fr) auto}
.task-lookup input,.task-lookup button,.search-picker-row>.task-search-button{height:28px!important;min-height:28px!important}

.outbound-confirm-target-filter .outbound-confirm-date-row,
.outbound-confirm-target-filter .outbound-confirm-condition-row{grid-template-columns:84px repeat(8,minmax(108px,1fr))!important;align-items:center}
.outbound-confirm-target-filter .outbound-confirm-date-row{grid-template-columns:84px 150px var(--wms-date-width) 12px var(--wms-date-width) minmax(257px,1fr)!important}
#outbound-confirm-target-center{min-width:145px}#outbound-confirm-target-customer{min-width:165px}
#outbound-confirm-target-destination{min-width:170px}#outbound-confirm-target-storage{min-width:105px}
#outbound-confirm-target-operation{min-width:105px}#outbound-confirm-stage-filter{min-width:110px}
#outbound-confirm-target-search{min-width:220px}

#outbound-confirm-form{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px}
#outbound-confirm-form .inbound-form-actions{grid-column:1/-1;margin-top:4px;padding-top:8px}

@media(min-width:901px){
  #page-inbound-plans.active,#page-outbound-plans.active,#page-outbound-allocations.active,#page-outbound-confirmations.active,#page-inbound-confirmations.active{
    display:flex!important;flex-direction:column;gap:var(--wms-v068-gap);min-height:0;overflow:hidden
  }
  #page-inbound-plans.active>.inbound-list-section,#page-inbound-plans.active>#inbound-selected-section,
  #page-outbound-plans.active>.outbound-list-section,#page-outbound-plans.active>#outbound-plan-selected-section,
  #page-outbound-allocations.active>.allocation-wave-list-section,#page-outbound-allocations.active>#outbound-wave-selected-section,
  #page-outbound-confirmations.active>.unified-confirm-list-section,#page-outbound-confirmations.active>#outbound-confirmation-selected-section{
    flex:1 1 0!important;min-height:0!important;height:auto!important;margin:0!important;display:flex!important;flex-direction:column;overflow:hidden
  }
  #page-inbound-confirmations.active>.unified-confirm-list-section,
  #page-inbound-confirmations.active>#inbound-confirm-registration-section,
  #page-inbound-confirmations.active>#inbound-confirmation-selected-section{min-height:0;overflow:hidden}
  #page-inbound-confirmations.active>.unified-confirm-list-section{flex:1 1 0!important}
  #page-inbound-confirmations.active>#inbound-confirm-registration-section:not(.hidden){flex:1 1 0!important;display:flex;flex-direction:column}
  #page-inbound-confirmations.active>#inbound-confirmation-selected-section:not(.hidden){flex:1 1 0!important;display:flex;flex-direction:column}

  #page-inbound-plans .inbound-section>div[id$="-table"],#page-outbound-plans .outbound-section>div[id$="-table"],
  #page-outbound-allocations .outbound-section>div[id$="-table"],#page-outbound-confirmations .outbound-section>div[id$="-table"]{
    flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column
  }
  #page-inbound-plans .inbound-section>div[id$="-table"]>.table-wrap,#page-outbound-plans .outbound-section>div[id$="-table"]>.table-wrap,
  #page-outbound-allocations .outbound-section>div[id$="-table"]>.table-wrap,#page-outbound-confirmations .outbound-section>div[id$="-table"]>.table-wrap{
    flex:1 1 auto!important;height:100%!important;max-height:none!important;border:1px solid var(--wms-border-soft)
  }
  #page-outbound-allocations.active.has-wave-detail>.allocation-wave-list-section:not(.is-empty),
  #page-outbound-allocations.active.has-wave-detail>#outbound-wave-selected-section{flex:1 1 0!important;min-height:0!important}
  #page-outbound-allocations.active>.allocation-wave-list-section.is-empty{flex:1 1 0!important;min-height:0!important}
}

@media(max-width:1100px){
  .search-picker-row{grid-template-columns:1fr}.task-lookup{grid-template-columns:1fr 1fr auto}
  .outbound-confirm-target-filter .outbound-confirm-condition-row{grid-template-columns:84px repeat(3,minmax(120px,1fr))!important}
  #outbound-confirm-target-search{grid-column:2/4}
}

/* v0.6.8 inbound confirmation action/header and panel fill refinements. */
#inbound-confirm-registration-section>.section-title-row{flex:0 0 auto}
#inbound-confirm-registration-section>#inbound-confirm-form{flex:1 1 auto;min-height:0;overflow:hidden}
#inbound-confirm-registration-section .confirm-edit-panel{min-height:0;display:flex;flex-direction:column}
#inbound-confirm-registration-section #confirm-edit-grid{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#inbound-confirm-registration-section #confirm-edit-grid>.table-wrap{flex:1 1 auto;height:100%;max-height:none!important}

/* v0.6.9: inbound bulk-upload diagnostic visibility and outbound initializer hotfix. */
#inbound-plan-import-section .workflow-modal-import{
  width:min(1120px,calc(100vw - 24px))!important;
  min-height:0!important
}
#inbound-plan-import-section .workflow-modal-body{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:8px!important;
  min-height:0!important;
  overflow:auto!important
}
#inbound-plan-import-section .compact-panel-head{margin:0!important}
#inbound-plan-import-section .compact-file-row{
  grid-template-columns:120px 120px minmax(280px,1fr) 130px!important;
  gap:6px!important;
  height:auto!important;
  min-height:36px!important;
  padding:6px!important
}
#inbound-plan-import-section #inbound-import-diagnostic{
  display:block!important;
  min-height:58px!important;
  max-height:none!important;
  margin:0!important;
  padding:8px 10px!important;
  font-size:10px!important;
  line-height:1.45!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important
}
#inbound-plan-import-section #inbound-import-diagnostic strong,
#inbound-plan-import-section #inbound-import-diagnostic small{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important
}
#inbound-plan-import-section #inbound-import-diagnostic small{margin-top:3px!important}
#inbound-plan-import-section #inbound-excel-preview{margin:0!important}
@media(max-width:760px){
  #inbound-plan-import-section .compact-file-row{
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:var(--wms-query-row-height)!important
  }
  #inbound-plan-import-section #inbound-import-file,
  #inbound-plan-import-section #inbound-import-preview{grid-column:1/-1!important}
}


/* v0.7.0: six workflow pages use one exact 5:5 split and stable, non-jumping work areas. */
@media(min-width:901px){
  #page-inbound-plans.active,
  #page-inbound-confirmations.active,
  #page-outbound-plans.active,
  #page-outbound-instructions.active,
  #page-outbound-allocations.active,
  #page-outbound-confirmations.active{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #page-inbound-plans.active>.inbound-list-section,
  #page-inbound-confirmations.active>.unified-confirm-list-section,
  #page-outbound-plans.active>.outbound-list-section,
  #page-outbound-instructions.active>.wave-candidate-section,
  #page-outbound-allocations.active>.allocation-wave-list-section,
  #page-outbound-confirmations.active>.unified-confirm-list-section{
    grid-row:1!important;
  }
  #page-inbound-plans.active>#inbound-selected-section,
  #page-inbound-confirmations.active>#inbound-confirm-registration-section,
  #page-inbound-confirmations.active>#inbound-confirmation-selected-section,
  #page-outbound-plans.active>#outbound-plan-selected-section,
  #page-outbound-instructions.active>#instruction-wave-history-section,
  #page-outbound-allocations.active>#outbound-wave-selected-section,
  #page-outbound-confirmations.active>#outbound-confirmation-selected-section{
    grid-row:2!important;
  }
  #page-inbound-plans.active>.inbound-list-section,
  #page-inbound-plans.active>#inbound-selected-section,
  #page-inbound-confirmations.active>.unified-confirm-list-section,
  #page-inbound-confirmations.active>#inbound-confirm-registration-section:not(.hidden),
  #page-inbound-confirmations.active>#inbound-confirmation-selected-section:not(.hidden),
  #page-outbound-plans.active>.outbound-list-section,
  #page-outbound-plans.active>#outbound-plan-selected-section,
  #page-outbound-instructions.active>.wave-candidate-section,
  #page-outbound-instructions.active>#instruction-wave-history-section,
  #page-outbound-allocations.active>.allocation-wave-list-section,
  #page-outbound-allocations.active>#outbound-wave-selected-section,
  #page-outbound-confirmations.active>.unified-confirm-list-section,
  #page-outbound-confirmations.active>#outbound-confirmation-selected-section{
    display:flex!important;
    flex:initial!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #page-outbound-instructions.active>.wave-history-section.is-empty,
  #page-outbound-allocations.active>.allocation-wave-list-section.is-empty,
  #page-outbound-allocations.active.has-wave-detail>.allocation-wave-list-section:not(.is-empty),
  #page-outbound-allocations.active.has-wave-detail>#outbound-wave-selected-section{
    flex:initial!important;
    min-height:0!important;
  }
  #page-inbound-plans .inbound-section>div[id$="-table"],
  #page-inbound-confirmations .inbound-section>div[id$="-table"],
  #page-outbound-plans .outbound-section>div[id$="-table"],
  #page-outbound-instructions .outbound-section>div[id$="-table"],
  #page-outbound-allocations .outbound-section>div[id$="-table"],
  #page-outbound-confirmations .outbound-section>div[id$="-table"]{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #page-inbound-plans .inbound-section>div[id$="-table"]>.table-wrap,
  #page-inbound-confirmations .inbound-section>div[id$="-table"]>.table-wrap,
  #page-outbound-plans .outbound-section>div[id$="-table"]>.table-wrap,
  #page-outbound-instructions .outbound-section>div[id$="-table"]>.table-wrap,
  #page-outbound-allocations .outbound-section>div[id$="-table"]>.table-wrap,
  #page-outbound-confirmations .outbound-section>div[id$="-table"]>.table-wrap{
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* Inbound confirmation always keeps a fixed lower work area. */
#inbound-confirm-registration-section>#inbound-confirm-form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:stretch!important;
  flex:1 1 auto!important;
  min-height:0!important;
  gap:3px 5px!important;
  overflow:hidden!important;
}
#inbound-confirm-registration-section>#inbound-confirm-form>label{grid-column:span 1!important;min-width:0}
#inbound-confirm-registration-section>#inbound-confirm-form>label.span-2{grid-column:span 2!important}
#inbound-confirm-registration-section .confirm-edit-panel{
  grid-column:1/-1!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#inbound-confirm-registration-section #confirm-edit-grid,
#inbound-confirm-registration-section #confirm-edit-grid>.table-wrap{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.confirm-edit-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.confirm-edit-table th,.confirm-edit-table td{min-width:0!important;overflow:hidden;text-overflow:ellipsis}
.confirm-edit-table input,.confirm-edit-table select{width:100%!important;min-width:0!important}
.confirm-edit-table .smart-date{min-width:0!important;width:100%!important}

/* Compact work grids: use the popup or panel width before creating a horizontal scrollbar. */
.plan-draft-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.plan-draft-table td,.plan-draft-table th{min-width:0!important;overflow:hidden;text-overflow:ellipsis}
.plan-draft-table .plan-draft-total{min-width:0!important}
.plan-draft-table .plan-draft-total input{flex:0 0 66px!important;width:66px!important}
.plan-draft-table .plan-row-actions .small{min-width:43px!important;padding-left:3px!important;padding-right:3px!important}
.workflow-modal #plan-draft-lines>.table-wrap{overflow-x:hidden!important}

/* Wave search rows: one shared label width, complete button text, and aligned boundaries. */
@media(min-width:1301px){
  .wave-filter-primary-row{
    grid-template-columns:84px 112px 126px 12px 126px 257px 84px minmax(145px,.8fr) minmax(210px,1.15fr) minmax(220px,1.2fr)!important
  }
  .wave-filter-secondary-row{
    grid-template-columns:84px minmax(145px,1fr) minmax(145px,1fr) minmax(145px,1fr) 84px minmax(145px,1fr) minmax(145px,1fr) 126px 116px 198px!important
  }
  .wave-filter-primary-row>.wms-query-label,
  .wave-filter-secondary-row>.wms-query-label{width:84px!important;min-width:84px!important;overflow:visible!important}
  .wave-filter-primary-row select,.wave-filter-secondary-row select{padding-right:22px!important}
}
.wms-query-label{overflow:visible!important;text-overflow:clip!important}
.quick-range-buttons{flex-shrink:0!important}
.quick-range-buttons button{white-space:nowrap!important;word-break:keep-all!important}

/* Current inventory uses searchable customer/product and compact master filters. */
.inventory-overview-page.active{display:flex!important;flex-direction:column!important;min-height:0!important}
.inventory-overview-search{
  display:grid!important;
  grid-template-columns:minmax(410px,1.35fr) minmax(300px,1fr) 112px 145px 145px 105px 92px 76px!important;
  grid-auto-rows:28px!important;
  height:auto!important;
  min-height:34px!important;
  padding:3px!important;
  gap:4px!important;
}
.inventory-overview-search>.task-lookup{height:28px}
.inventory-overview-search>select,.inventory-overview-search>button{width:100%!important;min-width:0!important}
#page-inventory>#inventory-table{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
#page-inventory>#inventory-table>.table-wrap{flex:1 1 auto;height:100%;max-height:none}

/* Inventory work pages follow search -> current stock -> processing input. */
.inventory-workflow-page.active{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:6px!important;
  min-height:0!important;
  overflow:hidden!important;
}
.inventory-workflow-search-block,.inventory-workflow-stock-block,.inventory-workflow-action-block{
  min-width:0;min-height:0;margin:0;padding:3px;border:1px solid var(--wms-border);background:var(--wms-panel);overflow:hidden
}
.inventory-workflow-stock-block{display:flex;flex-direction:column}
.inventory-workflow-stock-block>div[id$="-inventory"]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.inventory-workflow-stock-block>div[id$="-inventory"]>.table-wrap{flex:1 1 auto;height:100%;max-height:none}
.inventory-workflow-search-block .inventory-task-search{margin:0!important;border:0!important}
.inventory-action-form{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important}
.inventory-action-buttons{grid-column:1/-1;display:flex;justify-content:flex-end;gap:4px}
.inventory-action-buttons button{width:110px}
#adjustment-form-wrap{min-height:0}
#adjustment-form{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin:0!important}
#adjustment-form>label:nth-of-type(1),#adjustment-form>label:nth-of-type(2){display:none!important}
#adjustment-form .tx-product-hint{display:none!important}
#adjustment-form .tx-quantity-hint{grid-column:1/4!important;min-height:24px!important;padding:4px 6px!important;border-radius:0!important}
#adjustment-form>button[type="submit"]{grid-column:6;justify-self:stretch;align-self:end}

@media(max-width:1450px) and (min-width:901px){
  .inventory-overview-search{grid-template-columns:repeat(4,minmax(145px,1fr))!important;grid-auto-rows:28px!important}
  .inventory-overview-search>.task-lookup{grid-column:span 2}
  .inventory-overview-search{height:auto!important}
}


/* ========================================================================== */
/* v0.7.1 cumulative repairs                                                  */
/* ========================================================================== */

/* Operational numeric fields use direct keyboard input without native steppers. */
input.no-spinner[type="number"],
.confirm-edit-table input[type="number"],
.wave-allocation-qty-input[type="number"]{-moz-appearance:textfield}
input.no-spinner[type="number"]::-webkit-inner-spin-button,
input.no-spinner[type="number"]::-webkit-outer-spin-button,
.confirm-edit-table input[type="number"]::-webkit-inner-spin-button,
.confirm-edit-table input[type="number"]::-webkit-outer-spin-button,
.wave-allocation-qty-input[type="number"]::-webkit-inner-spin-button,
.wave-allocation-qty-input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Inbound confirmation: keep management-date calendar visible and shrink wide columns. */
.confirm-edit-table .confirm-edit-date{display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;gap:2px!important;width:100%!important;min-width:0!important}
.confirm-edit-table .confirm-edit-date .smart-date-text{min-width:0!important;width:100%!important}
.confirm-edit-table .confirm-edit-date .smart-date-calendar{display:block!important;position:static!important;width:28px!important;min-width:28px!important;height:24px!important;padding:0!important;opacity:1!important;color:transparent!important;background:#fff!important;border:1px solid var(--wms-border)!important}
.confirm-edit-table col:nth-child(1){width:7%!important}.confirm-edit-table col:nth-child(2){width:11%!important}.confirm-edit-table col:nth-child(3){width:10%!important}
.confirm-edit-table col:nth-child(4){width:7%!important}.confirm-edit-table col:nth-child(5){width:9%!important}.confirm-edit-table col:nth-child(6){width:5%!important}
.confirm-edit-table col:nth-child(7),.confirm-edit-table col:nth-child(8){width:5.5%!important}.confirm-edit-table col:nth-child(9),.confirm-edit-table col:nth-child(10){width:5.5%!important}
.confirm-edit-table col:nth-child(11){width:7%!important}.confirm-edit-table col:nth-child(12){width:6%!important}.confirm-edit-table col:nth-child(13){width:7%!important}.confirm-edit-table col:nth-child(14){width:7%!important}

/* Outbound bulk upload: content-sized workflow and readable status/result blocks. */
#outbound-plan-import-section .workflow-modal-import{width:min(1120px,calc(100vw - 28px))!important;min-height:0!important;height:auto!important;max-height:calc(100vh - 28px)!important}
#outbound-plan-import-section .workflow-modal-body{overflow:auto!important;max-height:calc(100vh - 86px)!important;padding:12px!important}
#outbound-plan-import-section .compact-import-table{display:grid!important;grid-template-columns:150px minmax(190px,1fr) 130px minmax(190px,1fr)!important;gap:7px!important;padding:10px!important;align-items:center!important;background:var(--wms-panel)!important;border:1px solid var(--wms-border)!important}
#outbound-plan-import-section .compact-import-label{height:30px!important;padding:5px 8px!important;justify-content:flex-start!important}
#outbound-plan-import-section .compact-import-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;gap:6px!important;order:10!important;border-top:1px solid var(--wms-border)!important;padding-top:8px!important}
#outbound-plan-import-section #outbound-import-file{grid-column:2/4!important;min-width:0!important}
#outbound-plan-import-section #outbound-import-preview{grid-column:4!important;min-width:120px!important}
#outbound-plan-import-section #outbound-upload-connection{grid-column:1!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:3px!important}
#outbound-plan-import-section #outbound-import-diagnostic{grid-column:2/-1!important;min-height:42px!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.45!important;margin:0!important;padding:9px!important}
#outbound-plan-import-section #outbound-upload-preview{max-height:min(46vh,420px)!important;overflow:auto!important;margin-top:10px!important}

/* Outbound registration: duplicate product rows plus an independent planned date per row. */
.outbound-plan-draft-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.outbound-plan-draft-table th:nth-child(1){width:12%}.outbound-plan-draft-table th:nth-child(2){width:18%}.outbound-plan-draft-table th:nth-child(3){width:6%}.outbound-plan-draft-table th:nth-child(4){width:6%}
.outbound-plan-draft-table th:nth-child(5){width:8%}.outbound-plan-draft-table th:nth-child(6){width:8%}.outbound-plan-draft-table th:nth-child(7){width:13%}.outbound-plan-draft-table th:nth-child(8){width:23%}.outbound-plan-draft-table th:nth-child(9){width:6%}
.outbound-plan-draft-table td,.outbound-plan-draft-table th{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.outbound-plan-draft-table .outbound-draft-date{display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;gap:2px!important;min-width:0!important;width:100%!important}
.outbound-plan-draft-table .outbound-draft-date .smart-date-calendar{display:block!important;position:static!important;width:28px!important;min-width:28px!important;height:24px!important;padding:0!important;opacity:1!important;color:transparent!important}
.workflow-modal #outbound-plan-draft-lines>.table-wrap{overflow-x:hidden!important}

/* Allocation header actions stay inside the title bar. */
#outbound-wave-selected-section>.section-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;overflow:visible!important}
#outbound-wave-selected-section .selected-section-controls{min-width:max-content!important;max-width:100%!important;height:auto!important;padding-right:2px!important;overflow:visible!important}
#outbound-wave-selected-section .section-title-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;min-width:max-content!important;height:auto!important;overflow:visible!important}
#outbound-wave-selected-section .section-title-actions button{height:32px!important;min-height:32px!important;min-width:92px!important;padding:3px 9px!important;white-space:nowrap!important;flex:0 0 auto!important}

/* Allocation date stays in its cell; narrow the two result columns. */
#outbound-wave-lines-table table{min-width:1280px!important;table-layout:fixed!important}
#outbound-wave-lines-table th:nth-child(1){width:42px!important}
#outbound-wave-lines-table th:nth-child(2){width:105px!important}
#outbound-wave-lines-table th:nth-child(3){width:125px!important}
#outbound-wave-lines-table th:nth-child(4){width:112px!important}
#outbound-wave-lines-table th:nth-child(5){width:150px!important}
#outbound-wave-lines-table th:nth-child(6){width:210px!important}
#outbound-wave-lines-table th:nth-child(7){width:225px!important}
#outbound-wave-lines-table th:nth-child(8){width:190px!important}
#outbound-wave-lines-table th:nth-child(9){width:150px!important}
#outbound-wave-lines-table th:nth-child(10),#outbound-wave-lines-table td:nth-child(10){width:92px!important;min-width:92px!important;max-width:92px!important}
#outbound-wave-lines-table th:nth-child(11),#outbound-wave-lines-table td:nth-child(11){width:102px!important;min-width:102px!important;max-width:102px!important}
.allocation-method-cell{display:grid!important;grid-template-columns:92px minmax(118px,1fr)!important;align-items:center!important;gap:3px!important;min-width:0!important;width:100%!important}
.allocation-method-cell select,.allocation-method-cell input{min-width:0!important;width:100%!important}
.allocation-quantity-cell{min-width:0!important;width:100%!important}

/* Current inventory opens with all rows, and every search/action control remains visible. */
.inventory-overview-search{display:grid!important;grid-template-columns:minmax(360px,1.45fr) minmax(300px,1.2fr) 108px 130px 130px 98px 104px 94px!important;grid-auto-rows:30px!important;gap:4px!important;height:auto!important;overflow:visible!important}
.inventory-overview-search>.task-lookup{min-width:0!important;height:30px!important}
.inventory-overview-search>select,.inventory-overview-search>button{width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important}
.inventory-overview-search>button{min-width:90px!important;padding-left:5px!important;padding-right:5px!important}

/* Status change / inventory move / adjustment: same search, panel and action geometry. */
.inventory-workflow-page.active{display:grid!important;grid-template-rows:auto minmax(0,1fr) 184px!important;gap:6px!important;min-height:0!important;overflow:hidden!important}
.inventory-workflow-search-block .inventory-task-search{display:grid!important;grid-template-columns:minmax(390px,1.15fr) minmax(390px,1.45fr) 118px!important;gap:5px!important;margin:0!important;padding:4px!important;overflow:visible!important}
.inventory-workflow-search-block .task-lookup{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 112px!important;gap:4px!important;min-width:0!important}
.inventory-workflow-search-block .task-lookup:nth-child(2){grid-template-columns:minmax(0,1fr) 112px!important}
.inventory-workflow-search-block .task-lookup input,.inventory-workflow-search-block .task-lookup button{min-width:0!important;width:100%!important}
.inventory-workflow-search-block button{min-width:108px!important;white-space:nowrap!important;overflow:visible!important;padding-left:5px!important;padding-right:5px!important}
.inventory-workflow-action-block{height:184px!important;min-height:184px!important;padding:4px!important;overflow:hidden!important}
.inventory-action-form,#adjustment-form{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;align-content:start!important;height:100%!important;margin:0!important}
.inventory-action-form label,.inventory-action-form input,.inventory-action-form select,#adjustment-form label,#adjustment-form input,#adjustment-form select{min-width:0!important;width:100%!important}
.inventory-action-buttons{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;align-self:end!important;margin-top:auto!important;gap:4px!important}
.inventory-action-buttons button,#adjustment-form>button[type="submit"]{width:128px!important;min-width:128px!important;max-width:128px!important;height:32px!important;min-height:32px!important;padding:3px 10px!important;justify-self:end!important;align-self:end!important}
#adjustment-form-wrap{height:100%!important;min-height:0!important}
#adjustment-form .tx-box-label,#adjustment-form .tx-multiple-label{display:none!important}
#adjustment-form>label:nth-of-type(1),#adjustment-form>label:nth-of-type(2){display:none!important}
#adjustment-form .tx-product-hint{display:none!important}
#adjustment-form .tx-quantity-hint{display:block!important;grid-column:1/4!important;min-height:24px!important;padding:4px 6px!important}
#adjustment-form>button[type="submit"]{grid-column:5!important}

@media(max-width:1450px) and (min-width:901px){
  .inventory-overview-search{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
  .inventory-overview-search>.task-lookup{grid-column:span 2!important}
  .inventory-workflow-search-block .inventory-task-search{grid-template-columns:1fr 1fr 112px!important}
  .inventory-workflow-page.active{grid-template-rows:auto minmax(0,1fr) 200px!important}
  .inventory-workflow-action-block{height:200px!important;min-height:200px!important}
}

/* v0.7.1 allocation detail actions stay inside the section title band. */
#outbound-wave-selected-section>.section-title-row{
  min-height:38px!important;
  height:auto!important;
  align-items:center!important;
  overflow:visible!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
}
#outbound-wave-selected-section>.section-title-row .selected-section-controls,
#outbound-wave-selected-section>.section-title-row .section-title-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:32px!important;
  max-width:100%!important;
  overflow:visible!important;
}
#outbound-wave-selected-section>.section-title-row .section-title-actions>button{
  height:30px!important;
  min-height:30px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

/* Responsive current-inventory filters must reserve all wrapped grid rows. */
.inventory-overview-search{flex:0 0 auto!important}
@media(max-width:1450px) and (min-width:901px){
  .inventory-overview-search{min-height:102px!important}
}

/* v0.8.0 inbound directive workflow */
.directive-draft-table,.pallet-table{min-width:1180px!important;table-layout:auto!important}
.pallet-table td small{display:block;color:var(--wms-muted);font-size:10px;margin-top:2px}
.pallet-table input[type="number"]{-moz-appearance:textfield}.pallet-table input[type="number"]::-webkit-inner-spin-button,.pallet-table input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* v0.8.0: PLT management date uses the same visible text field and calendar button as all WMS dates. */
.pallet-date-input{margin-top:0!important;grid-template-columns:minmax(88px,1fr) 28px!important;min-width:122px}
.pallet-date-input .smart-date-calendar{width:28px!important;min-width:28px!important;height:24px!important}

/* v0.8.1: compact row controls and simplified inbound workflow */
.plan-row-actions button.small,
button[data-remove-outbound-plan-line],
button[data-split-directive-draft],
button[data-remove-directive-draft] {
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}
.plan-row-actions {
  white-space: nowrap;
  text-align: center;
}
.confirm-edit-table select,
.confirm-edit-table input {
  min-width: 92px;
}
.confirm-edit-table input[data-confirm-field="defect_note"] {
  min-width: 150px;
}


/* v0.8.3: WMS full row/column grid lines, equal-height date controls, pre-label isolation. */
.table-wrap{border:1px solid var(--border,#cfd8e3);border-radius:6px;overflow:auto;background:#fff}
.table-wrap table{border-collapse:collapse;border-spacing:0}
.table-wrap th,.table-wrap td{border-top:0!important;border-left:0!important;border-right:1px solid #d6dee8!important;border-bottom:1px solid #e1e7ee!important}
.table-wrap th:last-child,.table-wrap td:last-child{border-right:0!important}
.table-wrap thead th{border-bottom:1px solid #aebbc9!important;text-align:center!important;background:#f1f4f7}
.table-wrap tbody tr:last-child td{border-bottom:0!important}
.table-wrap tbody tr:nth-child(even):not(.is-selected) td{background:#fafbfc}
.table-wrap tbody tr.is-selected td{background:#fff3bf!important;color:#25313d!important}
.table-wrap .empty{border:0!important;background:#fff}
.table-sort-button span:empty{display:none}
.smart-date{height:30px;min-height:30px;align-items:stretch}
.smart-date>.smart-date-text,.smart-date>.smart-date-calendar,
.plan-date-input>.smart-date-text,.plan-date-input>.smart-date-calendar,
.plan-edit-date>.smart-date-text,.plan-edit-date>.smart-date-calendar,
.in-grid-quantity,.plan-draft-table input,.plan-draft-table select,
.plan-inline-edit-table input,.plan-inline-edit-table select,
.outbound-plan-draft-table input,.outbound-plan-draft-table select{
  box-sizing:border-box!important;min-height:30px!important;height:30px!important;margin-top:0!important;line-height:normal
}
.plan-date-input,.plan-edit-date{height:30px!important;min-height:30px!important;align-items:stretch!important}
.plan-date-input .smart-date-calendar,.plan-edit-date .smart-date-calendar{height:30px!important;min-height:30px!important}
.plan-draft-table{min-width:1830px}
#inbound-plan-lines-table table{min-width:1900px}
.plan-row-actions{white-space:nowrap}.plan-row-actions .small{width:28px;height:28px;padding:0;margin:0 2px}
.in-grid-quantity{width:110px;text-align:right;padding:4px 8px}
.section-title-actions .badge{align-self:center}

/* ========================================================================== */
/* v0.8.8 unified UI foundation                                                */
/* ========================================================================== */
:root{
  --wms-control-height:28px;
  --wms-form-control-height:28px;
  --wms-grid-control-height:24px;
  --wms-query-row-height:32px;
  --wms-table-head-height:28px;
  --wms-table-row-height:28px;
  --wms-section-title-height:29px;
  --wms-page-title-height:29px;
  --wms-font-body:11px;
  --wms-font-control:11px;
  --wms-font-grid:11px;
  --wms-font-grid-head:11px;
  --wms-font-section:13px;
  --wms-font-page:14px;
  --wms-grid-line:#bdcdd9;
  --wms-grid-header:#e5edf3;
}

body,#app-view{font-size:var(--wms-font-body);line-height:1.3}
button,input,select,textarea{font-size:var(--wms-font-control)!important}
h1{height:var(--wms-page-title-height);min-height:var(--wms-page-title-height);font-size:var(--wms-font-page)!important;line-height:19px!important}
h2,.section-title-row h2{font-size:var(--wms-font-section)!important;line-height:18px!important;font-weight:700!important}
h3,.section-title-row h3{font-size:12px!important;line-height:17px!important}
.selected-record-label,.muted,.empty,.field-help{font-size:10.5px!important}

/* One geometry for every interactive control. */
input:not([type="checkbox"]):not([type="radio"]),select,button{
  box-sizing:border-box!important;
  height:var(--wms-control-height)!important;
  min-height:var(--wms-control-height)!important;
  max-height:var(--wms-control-height)!important;
  margin:0!important;
  line-height:20px!important;
}
input:not([type="checkbox"]):not([type="radio"]),select{padding:2px 6px!important}
button{padding:2px 8px!important}
button.small,.table-wrap button{
  height:var(--wms-grid-control-height)!important;
  min-height:var(--wms-grid-control-height)!important;
  max-height:var(--wms-grid-control-height)!important;
  line-height:18px!important;
  font-size:10.5px!important;
}

/* Date picker boundary: the visible button owns the hit area; the native date
   host is 1px and cannot overlap an adjacent select or search control. */
.smart-date,.plan-date-input,.plan-edit-date,.outbound-draft-date,.confirm-edit-date,.pallet-date-input{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--wms-control-height)!important;
  align-items:stretch!important;
  gap:2px!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--wms-control-height)!important;
  min-height:var(--wms-control-height)!important;
  overflow:visible!important;
}
.smart-date>.smart-date-text,.plan-date-input>.smart-date-text,.plan-edit-date>.smart-date-text,
.outbound-draft-date>.smart-date-text,.confirm-edit-date>.smart-date-text,.pallet-date-input>.smart-date-text{
  grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;margin:0!important;
}
.smart-date-trigger{
  grid-column:2!important;grid-row:1!important;position:relative!important;z-index:2!important;
  display:block!important;width:var(--wms-control-height)!important;min-width:var(--wms-control-height)!important;
  max-width:var(--wms-control-height)!important;height:var(--wms-control-height)!important;margin:0!important;padding:0!important;
  border:1px solid #9fb3c4!important;border-radius:0!important;overflow:hidden!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23425166' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") center/16px 16px no-repeat!important;
  cursor:pointer!important;
}
.smart-date-trigger>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.smart-date-trigger:disabled{cursor:not-allowed!important;opacity:.55!important;background-color:#eef2f5!important}
.smart-date>.smart-date-calendar,.plan-date-input>.smart-date-calendar,.plan-edit-date>.smart-date-calendar,
.outbound-draft-date>.smart-date-calendar,.confirm-edit-date>.smart-date-calendar,.pallet-date-input>.smart-date-calendar{
  position:absolute!important;right:0!important;bottom:0!important;z-index:-1!important;display:block!important;
  width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;
  margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important;
}
.wms-page select,.app-modal select,.workflow-modal select,.wms-page input[type="search"],.app-modal input[type="search"],.workflow-modal input[type="search"]{position:relative!important;z-index:1!important}

/* Registration forms: labels and all control types start on the same baseline. */
.inbound-plan-form,.outbound-plan-form,.outbound-form-grid,.form-grid,.master-form{
  align-items:start!important;
  gap:4px 6px!important;
}
.inbound-plan-form>label,.outbound-plan-form>label,.outbound-form-grid>label,.form-grid>label,.master-form>label{
  display:block!important;
  min-width:0!important;
  font-size:10.5px!important;
  line-height:13px!important;
}
.inbound-plan-form>label>input,.inbound-plan-form>label>select,
.outbound-plan-form>label>input,.outbound-plan-form>label>select,
.outbound-form-grid>label>input,.outbound-form-grid>label>select,
.form-grid>label>input,.form-grid>label>select,.master-form>label>input,.master-form>label>select,
.inbound-plan-form>label>.input-button,.outbound-plan-form>label>.input-button,
.inbound-plan-form>label>.smart-date,.outbound-plan-form>label>.smart-date,
.outbound-form-grid>label>.smart-date,.form-grid>label>.smart-date{
  width:100%!important;
  margin-top:3px!important;
}
.input-button{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 64px!important;
  align-items:stretch!important;
  gap:3px!important;
  height:var(--wms-control-height)!important;
}
.input-button>input,.input-button>button{width:100%!important;height:var(--wms-control-height)!important;margin:0!important}

/* Titles and action bars use one typographic scale. */
.section-title-row,.compact-panel-head{
  min-height:var(--wms-section-title-height)!important;
  height:var(--wms-section-title-height)!important;
  margin:-3px -3px 3px!important;
  padding:2px 5px!important;
  align-items:center!important;
}
.section-title-actions,.selected-section-controls,.plan-product-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:3px!important;height:var(--wms-control-height)!important;min-width:0!important;
}
.section-title-actions button,.selected-section-controls button{min-width:72px!important}

/* Query areas: stable labels, controls and actions. */
.wms-query-table{overflow:hidden!important}
.wms-query-row,.wave-filter-table-row{
  display:grid!important;
  align-items:center!important;
  gap:2px!important;
  height:var(--wms-query-row-height)!important;
  min-height:var(--wms-query-row-height)!important;
  padding:2px!important;
}
.wms-query-row>*,.wave-filter-table-row>*{min-width:0!important;width:100%!important;margin:0!important}
.wms-query-label{height:var(--wms-control-height)!important;font-size:10.5px!important}
.query-action-group{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;height:var(--wms-control-height)!important;min-width:max-content!important}
.query-action-group button{min-width:72px!important}
.quick-range-buttons{height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important}
.quick-range-buttons button{height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;font-size:10px!important}
.outbound-confirm-date-row{grid-template-columns:64px 140px 132px 12px 132px minmax(240px,1fr)!important}
.outbound-confirm-condition-row{grid-template-columns:64px minmax(110px,1fr) minmax(120px,1.1fr) minmax(130px,1.2fr) 100px 90px 100px auto!important}

/* Tables: fixed header, consistent title/body typography and empty-state row. */
.table-wrap{
  position:relative!important;min-width:0!important;min-height:0!important;overflow:auto!important;
  border:1px solid var(--wms-grid-line)!important;border-radius:0!important;background:#fff!important;
  scrollbar-gutter:stable!important;
}
.table-wrap table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:var(--wms-font-grid)!important}
.table-wrap thead{position:sticky!important;top:0!important;z-index:4!important}
.table-wrap th,.table-wrap td{
  height:var(--wms-table-row-height)!important;min-height:var(--wms-table-row-height)!important;
  padding:3px 5px!important;border-right:1px solid var(--wms-grid-line)!important;border-bottom:1px solid var(--wms-grid-line)!important;
  vertical-align:middle!important;line-height:18px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.table-wrap th{
  height:var(--wms-table-head-height)!important;min-height:var(--wms-table-head-height)!important;
  background:var(--wms-grid-header)!important;color:#29465e!important;text-align:center!important;
  font-size:var(--wms-font-grid-head)!important;font-weight:700!important;border-bottom-color:#91a6b6!important;
}
.table-wrap th:last-child,.table-wrap td:last-child{border-right:0!important}
.table-wrap tbody tr:last-child td{border-bottom:0!important}
.table-sort-button{font-size:var(--wms-font-grid-head)!important}
.table-empty-row td{height:72px!important;padding:0!important;background:#fff!important}
.table-empty-row .empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:70px!important;padding:0!important;background:#fbfcfd!important}
tbody tr:nth-child(even)>td{background:#f7fafc}
tbody tr.is-selected>td,tbody tr.selected>td{background:var(--wms-selected)!important}

/* Common state badges. */
.status-pill{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:48px!important;height:21px!important;padding:0 8px!important;border:1px solid transparent!important;
  border-radius:999px!important;font-size:10.5px!important;font-weight:700!important;line-height:19px!important;white-space:nowrap!important;
}
.status-pill.success{background:#e5f5eb!important;border-color:#9dc9ab!important;color:#23643d!important}
.status-pill.progress{background:#e7f1fc!important;border-color:#9ebee0!important;color:#1f5f96!important}
.status-pill.warning{background:#fff2c9!important;border-color:#d8b45a!important;color:#765100!important}
.status-pill.danger{background:#fde8e6!important;border-color:#dda29c!important;color:#963029!important}
.status-pill.neutral{background:#edf0f2!important;border-color:#b8c0c6!important;color:#59656e!important}
.status-pill.waiting{background:#eef4f8!important;border-color:#b7cad7!important;color:#466174!important}

/* Workspace tabs: no browser scrollbar; navigate using explicit arrows. */
.workspace-tab-strip{
  display:grid!important;grid-template-columns:26px minmax(0,1fr) 26px!important;
  align-items:stretch!important;flex:0 0 30px!important;height:30px!important;min-height:30px!important;
  margin:-3px -4px 3px!important;border-bottom:1px solid #91aabe!important;background:#c9d7e2!important;
}
.workspace-tab-strip.hidden{display:none!important}
.workspace-tabs{
  display:flex!important;align-items:end!important;gap:2px!important;height:30px!important;min-height:30px!important;
  margin:0!important;padding:3px 2px 0!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-behavior:smooth!important;scrollbar-width:none!important;background:transparent!important;border:0!important;
}
.workspace-tabs::-webkit-scrollbar{display:none!important}
.workspace-tab{flex:0 0 142px!important;min-width:122px!important;max-width:180px!important;height:27px!important}
.workspace-tab-main,.workspace-tab-close{height:26px!important;min-height:26px!important}
.workspace-tab-main{font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.workspace-tab-scroll{width:26px!important;min-width:26px!important;height:30px!important;min-height:30px!important;padding:0!important;border-width:0 1px!important;border-radius:0!important;font-size:18px!important;background:#d7e3ec!important}
.workspace-tab-scroll:disabled{opacity:.35!important}

/* Inbound confirmation is always a vertical full-width workflow. */
#page-inbound-confirmations.active{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:auto!important}
#page-inbound-confirmations>.unified-confirm-list-section,
#page-inbound-confirmations>#inbound-confirmation-selected-section,
#page-inbound-confirmations>#inbound-confirm-registration-section:not(.hidden){
  display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;overflow:hidden!important;
}
#inbound-confirm-registration-section.hidden{display:none!important}
#page-inbound-confirmations>.unified-confirm-list-section{min-height:290px!important;flex:1 0 290px!important}
#page-inbound-confirmations>#inbound-confirm-registration-section:not(.hidden){min-height:240px!important;flex:0 0 auto!important}
#page-inbound-confirmations>#inbound-confirmation-selected-section:not(.hidden){min-height:210px!important;flex:0 0 auto!important}
#inbound-confirm-form{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(220px,.9fr) minmax(320px,1.5fr)!important;gap:4px 6px!important;width:100%!important;margin:0!important;padding:4px!important}
#inbound-confirm-form>.confirm-edit-panel{grid-column:1/-1!important;min-height:160px!important}
#confirm-plans-table,#confirm-edit-grid,#inbound-confirmation-lines-table{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}
#confirm-plans-table>.table-wrap,#confirm-edit-grid>.table-wrap,#inbound-confirmation-lines-table>.table-wrap{flex:1 1 auto!important;max-height:none!important}

/* Inbound plan detail has exactly one selector column. */
#inbound-plan-lines-table th:first-child,#inbound-plan-lines-table td:first-child{width:42px!important;min-width:42px!important;max-width:42px!important;text-align:center!important}
.inbound-quantity-summary{display:flex!important;align-items:center!important;gap:12px!important;min-height:31px!important;padding:5px 8px!important;margin:0 0 4px!important;border:1px solid var(--wms-grid-line)!important;background:#f6f9fb!important;font-size:10.5px!important;white-space:nowrap!important;overflow:auto!important}

/* Inventory overview and workflows share one stable search/action layout. */
.inventory-overview-search{
  display:grid!important;grid-template-columns:minmax(420px,1.35fr) minmax(330px,1fr) repeat(4,minmax(92px,.55fr)) auto!important;
  gap:4px!important;align-items:center!important;height:auto!important;min-height:var(--wms-query-row-height)!important;padding:3px!important;overflow:visible!important;
}
.inventory-workflow-page.active{display:flex!important;flex-direction:column!important;gap:5px!important;min-height:0!important;overflow:auto!important}
.inventory-workflow-search-block,.inventory-workflow-stock-block,.inventory-workflow-action-block,.inventory-workflow-approval-block{
  min-width:0!important;margin:0!important;padding:3px!important;border:1px solid var(--wms-border)!important;background:#fff!important;overflow:hidden!important;
}
.inventory-workflow-stock-block{display:flex!important;flex:1 0 220px!important;flex-direction:column!important;min-height:220px!important}
.inventory-workflow-action-block{flex:0 0 auto!important}
.inventory-workflow-approval-block{display:flex!important;flex:0 0 190px!important;flex-direction:column!important;min-height:190px!important}
.inventory-workflow-search-block .inventory-task-search{
  display:grid!important;grid-template-columns:minmax(430px,1.25fr) minmax(330px,1fr) 72px 72px!important;
  align-items:center!important;gap:4px!important;height:auto!important;min-height:var(--wms-query-row-height)!important;margin:0!important;padding:3px!important;overflow:visible!important;
}
.task-lookup{display:grid!important;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) 96px!important;gap:3px!important;align-items:center!important;min-width:0!important}
.task-lookup:nth-child(2){grid-template-columns:minmax(220px,1fr) 96px!important}
.task-lookup>*{min-width:0!important;width:100%!important}
#adjustment-requests-table,#status-product-inventory,#move-product-inventory,#adjustment-product-inventory{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}
#adjustment-requests-table>.table-wrap,#status-product-inventory>.table-wrap,#move-product-inventory>.table-wrap,#adjustment-product-inventory>.table-wrap{flex:1 1 auto!important;max-height:none!important}

/* Outbound confirmation: structured filters auto-refresh, only reset remains. */
#outbound-confirm-targets-table table{min-width:1500px!important}
#outbound-confirm-targets-table th:nth-child(3),#outbound-confirm-targets-table td:nth-child(3){min-width:180px!important;max-width:260px!important;overflow:hidden!important;text-overflow:ellipsis!important}
#outbound-confirm-targets-table .status-pill{min-width:64px!important}

/* Current inventory uses separate physical-unit columns. */
#inventory-table table{min-width:1650px!important}
#inventory-table th:nth-last-child(-n+3),#inventory-table td:nth-last-child(-n+3){min-width:64px!important;text-align:right!important}

@media(max-width:1200px){
  .inventory-overview-search{grid-template-columns:1fr 1fr 1fr 1fr!important}
  .inventory-overview-search>.task-lookup{grid-column:span 2!important}
  .inventory-workflow-search-block .inventory-task-search{grid-template-columns:1fr 1fr!important}
  #inbound-confirm-form{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  .inventory-overview-search,.inventory-workflow-search-block .inventory-task-search{grid-template-columns:1fr!important}
  .inventory-overview-search>.task-lookup{grid-column:auto!important}
  .task-lookup,.task-lookup:nth-child(2){grid-template-columns:1fr!important}
  #inbound-confirm-form{grid-template-columns:1fr!important}
}

/* v0.8.8 inventory workflow button bounds: historical button minimums must not
   overflow the explicit search grid columns. */
.inventory-workflow-search-block .inventory-task-search button,
.inventory-workflow-search-block .inventory-task-search .task-lookup button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* ========================================================================== */
/* v0.8.9 workflow/UI repair                                                   */
/* ========================================================================== */

/* Every title-bar action has the same outer geometry. Primary/danger meaning
   is communicated by color only, never by extra height, border, or padding. */
.section-title-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-height:var(--wms-control-height)!important}
.section-title-actions button,
.inbound-form-actions button,
.query-action-group button{
  height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;max-height:var(--wms-control-height)!important;
  padding:2px 10px!important;border-width:1px!important;line-height:20px!important;font-size:var(--wms-font-control)!important;
  box-shadow:none!important;border-radius:0!important;
}
.section-title-actions button.primary,.section-title-actions button.danger,
.inbound-form-actions button.primary,.query-action-group button.primary{font-weight:700!important}

/* Registration forms: one label rhythm and one control baseline. Historical
   helper text must not push only one field onto a different vertical line. */
.inbound-plan-form>label{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
  min-width:0!important;line-height:15px!important;font-size:var(--wms-font-control)!important;
}
.inbound-plan-form>label>.field-help{display:none!important}
.inbound-plan-form>label>input,
.inbound-plan-form>label>select,
.inbound-plan-form>label>.smart-date,
.inbound-plan-form>label>.input-button{
  flex:0 0 var(--wms-control-height)!important;width:100%!important;height:var(--wms-control-height)!important;
  min-height:var(--wms-control-height)!important;max-height:var(--wms-control-height)!important;margin-top:2px!important;
}
.inbound-plan-form .input-button{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:3px!important;align-items:stretch!important}
.inbound-plan-form .input-button>*{width:100%!important;height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;max-height:var(--wms-control-height)!important;margin:0!important}

/* Inbound confirmation has exactly two grids: the top progress list and the
   bottom aggregate detail. The middle area is a plain one-row input form. */
#page-inbound-confirmations.active{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:auto!important}
#page-inbound-confirmations>.unified-confirm-list-section{flex:1 1 46%!important;min-height:250px!important}
#inbound-confirm-registration-section{flex:0 0 auto!important;min-height:0!important}
#inbound-confirm-registration-section.hidden{display:none!important}
#inbound-confirmation-selected-section{display:flex!important;flex:1 1 42%!important;min-height:220px!important;flex-direction:column!important}
#inbound-confirm-form{
  display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(360px,1.5fr)!important;
  gap:4px!important;width:100%!important;margin:0!important;padding:4px!important;
}
#inbound-confirmation-lines-table{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important}
#inbound-confirmation-lines-table>.table-wrap{flex:1 1 auto!important;max-height:none!important}
#inbound-confirmation-selected-section .section-title-row{grid-template-columns:1fr!important}

/* Confirmation filtering is automatic, so reset occupies a stable right edge. */
.confirmation-filter-search-row{grid-template-columns:92px minmax(260px,1fr) auto!important}
.confirmation-filter-search-row .query-action-group{justify-self:end!important}

/* Inbound detail shows only operational rows. */
#inbound-plan-lines-table table{table-layout:auto!important}
#inbound-plan-lines-table th:first-child,#inbound-plan-lines-table td:first-child{width:42px!important;min-width:42px!important;max-width:42px!important}

/* Allocation action names and dimensions are explicit. */
#outbound-wave-selected-actions button{height:var(--wms-control-height)!important;min-height:var(--wms-control-height)!important;max-height:var(--wms-control-height)!important;border-width:1px!important;padding:2px 10px!important;box-shadow:none!important}

/* Keep workspace tabs inside their own row and prevent header overlap. */
.workspace-tab-strip{margin:0 0 3px!important;position:relative!important;z-index:4!important}
.workspace-tabs{min-width:0!important}
.workspace-tab{overflow:hidden!important}

/* Typography hierarchy shared by every grid title and panel title. */
.section-title-row{min-height:var(--wms-section-title-height)!important;height:var(--wms-section-title-height)!important;padding:3px 5px!important}
.section-title-row h2{margin:0!important;font-size:var(--wms-font-section)!important;line-height:20px!important}
.table-wrap th{font-size:var(--wms-font-grid-head)!important}
.table-wrap td{font-size:var(--wms-font-grid)!important}

@media(max-width:900px){
  #inbound-confirm-form{grid-template-columns:1fr!important}
  #page-inbound-confirmations>.unified-confirm-list-section,#inbound-confirmation-selected-section{min-height:250px!important}
}
/* Required markers do not participate in flex layout; otherwise only required
   fields gain an extra line and their controls drop below optional fields. */
.inbound-plan-form>label{position:relative!important}
.inbound-plan-form>label>.required-star{position:absolute!important;top:0!important;right:2px!important;width:auto!important;height:auto!important;line-height:14px!important}
/* Override the historical 240px confirmation work area: this is now a compact
   input strip, not a third grid. */
#page-inbound-confirmations>#inbound-confirm-registration-section:not(.hidden){
  flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
}
#page-inbound-confirmations>#inbound-confirm-registration-section:not(.hidden) #inbound-confirm-form{
  height:auto!important;min-height:0!important;align-items:end!important;
}
#page-inbound-confirmations.active>#inbound-confirm-registration-section:not(.hidden){
  display:flex!important;grid-row:auto!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
}
#page-inbound-confirmations.active>#inbound-confirm-registration-section:not(.hidden)>#inbound-confirm-form{
  flex:0 0 auto!important;height:auto!important;min-height:0!important;grid-template-rows:auto!important;overflow:visible!important;
}


/* v0.9.1 inbound simplification: layout only; UI Lock dimensions stay unchanged. */
.plan-product-toolbar{padding:4px 6px!important;min-height:36px!important;align-items:center!important}
.plan-product-actions{align-self:stretch!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0!important}
.plan-product-actions span{display:flex!important;align-items:center!important;height:30px!important;margin:0!important}
.plan-product-actions button{height:30px!important;min-height:30px!important;margin:0!important}
#plan-draft-lines .plan-draft-table{width:1420px!important;min-width:1420px!important;table-layout:fixed!important}
#plan-draft-lines .plan-draft-table th:nth-child(1),#plan-draft-lines .plan-draft-table td:nth-child(1){width:130px!important}
#plan-draft-lines .plan-draft-table th:nth-child(2),#plan-draft-lines .plan-draft-table td:nth-child(2){width:210px!important}
#plan-draft-lines .plan-draft-table th:nth-child(3),#plan-draft-lines .plan-draft-table td:nth-child(3){width:92px!important}
#plan-draft-lines .plan-draft-table th:nth-child(4),#plan-draft-lines .plan-draft-table td:nth-child(4){width:245px!important}
#plan-draft-lines .plan-draft-table th:nth-child(5),#plan-draft-lines .plan-draft-table td:nth-child(5){width:150px!important}
#plan-draft-lines .plan-draft-table th:nth-child(6),#plan-draft-lines .plan-draft-table td:nth-child(6){width:100px!important}
#plan-draft-lines .plan-draft-table th:nth-child(7),#plan-draft-lines .plan-draft-table td:nth-child(7){width:145px!important}
#plan-draft-lines .plan-draft-table th:nth-child(8),#plan-draft-lines .plan-draft-table td:nth-child(8){width:110px!important}
#plan-draft-lines .plan-draft-table th:nth-child(9),#plan-draft-lines .plan-draft-table td:nth-child(9){width:175px!important}
#plan-draft-lines .plan-draft-table th:nth-child(10),#plan-draft-lines .plan-draft-table td:nth-child(10){width:63px!important}
#inbound-plan-quantity-summary.hidden{display:none!important}
#inbound-plan-lines-table>.table-wrap{min-height:300px!important;max-height:none!important}
#inbound-plan-lines-table table{min-width:1450px!important}
.confirmation-filter-date-row,.confirmation-filter-search-row{width:100%!important;min-width:0!important}
.confirmation-filter-date-row{grid-template-columns:96px 102px 120px 145px 18px 145px minmax(390px,1fr)!important}
.confirmation-filter-date-row .quick-range-buttons{width:100%!important;justify-content:flex-start!important}
.confirmation-filter-search-row{grid-template-columns:96px minmax(0,1fr) 82px!important}
.confirmation-filter-search-row .query-action-group{width:82px!important}
.inbound-confirm-modal{width:min(760px,calc(100vw - 20px))!important}
.inbound-confirm-modal-form{display:grid!important;grid-template-columns:190px 1fr 1.5fr!important;gap:6px!important;padding:8px!important}
.inbound-confirm-modal-form>label{font-size:11px!important}
.inbound-confirm-modal-form .inbound-form-actions{grid-column:1/-1!important;margin-top:2px!important}
#page-inbound-confirmations>.unified-confirm-list-section{min-height:300px!important;flex:1 1 52%!important}
#page-inbound-confirmations>#inbound-confirmation-selected-section:not(.hidden){min-height:260px!important;flex:1 1 48%!important}
#confirm-plans-table table{min-width:1350px!important}
#inbound-confirmation-lines-table table{min-width:1450px!important}

/* v0.9.8 cumulative UI/stocktake/allocation refinements ------------------- */
:root{
  /* Current-inventory density is the WMS-wide typography reference. Geometry stays locked. */
  --wms-font-body:10px;
  --wms-font-control:10px;
  --wms-font-grid:10px;
  --wms-font-grid-head:10px;
  --wms-font-section:12px;
  --wms-font-page:13px;
}

/* Numeric quantity fields never show browser increase/decrease spinner controls. */
input[type="number"]{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
}

/* Allocation exception shading is business status, so it overrides zebra/selection colors. */
#outbound-wave-lines-table .table-wrap tbody tr.row-stock-shortage>td{
  background:#fde5e5!important;
}
#outbound-wave-lines-table .table-wrap tbody tr.row-unallocated>td{
  background:#fff2c9!important;
}
#outbound-wave-lines-table .table-wrap tbody tr.row-stock-shortage:hover>td,
#outbound-wave-lines-table .table-wrap tbody tr.row-stock-shortage.selected>td{
  background:#f9dada!important;
}
#outbound-wave-lines-table .table-wrap tbody tr.row-unallocated:hover>td,
#outbound-wave-lines-table .table-wrap tbody tr.row-unallocated.selected>td{
  background:#fbe9ae!important;
}

/* Stocktake search: two explicit rows instead of squeezing all controls into one line. */
.stocktake-search-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:var(--wms-query-row-height) var(--wms-query-row-height)!important;
  gap:3px!important;
  height:auto!important;
  min-height:calc(var(--wms-query-row-height) * 2 + 9px)!important;
  padding:3px!important;
  overflow:visible!important;
}
.stocktake-search-row{
  display:grid!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.stocktake-search-row-primary{
  grid-template-columns:minmax(560px,1.35fr) minmax(360px,1fr)!important;
}
.stocktake-search-row-secondary{
  grid-template-columns:minmax(220px,360px) minmax(220px,360px) 1fr!important;
}
.stocktake-customer-lookup{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(180px,1.15fr) 96px 58px!important;
  gap:3px!important;
}
.stocktake-product-lookup{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) 96px!important;
  gap:3px!important;
}
#stocktake-customer-all.selected{
  background:#1d6fa5!important;
  border-color:#155982!important;
  color:#fff!important;
  font-weight:700!important;
}

/* Stocktake input geometry is column-stable. */
#stocktake-detail-table .stocktake-actual{
  display:block!important;
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  margin:0 auto!important;
  text-align:right!important;
  padding-right:6px!important;
}
#stocktake-detail-table [data-stocktake-reason]{
  display:block!important;
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  margin:0 auto!important;
}
#stocktake-detail-table .stocktake-note-input{
  display:block!important;
  width:100%!important;
  min-width:180px!important;
  max-width:none!important;
  margin:0!important;
}
#stocktake-detail-table .table-wrap th:nth-child(12),
#stocktake-detail-table .table-wrap td:nth-child(12){
  width:104px!important;
  min-width:104px!important;
}
#stocktake-detail-table .table-wrap th:nth-child(14),
#stocktake-detail-table .table-wrap td:nth-child(14){
  width:108px!important;
  min-width:108px!important;
}
#stocktake-detail-table .table-wrap th:nth-child(15),
#stocktake-detail-table .table-wrap td:nth-child(15){
  min-width:220px!important;
}
#stocktake-detail-table .table-wrap tbody tr.row-stock-shortage>td{
  background:#fde5e5!important;
}
#stocktake-detail-table .table-wrap tbody tr.row-stock-overage>td{
  background:#e7f3ff!important;
}

@media(max-width:1100px){
  .stocktake-search-row-primary{grid-template-columns:1fr!important}
  .stocktake-search-row-secondary{grid-template-columns:1fr 1fr!important}
  .stocktake-search-grid{grid-template-rows:auto auto!important}
}

/* v0.10.34 virtual inbound shortage placement */
.virtual-stock-placement-modal{width:min(1180px,96vw);max-width:1180px}
.virtual-stock-placement-modal .workflow-modal-body{max-height:min(82vh,900px);overflow:auto}
.virtual-stock-search-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 8px;align-items:end}
.virtual-stock-search-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;min-width:0}
.virtual-stock-search-row input{height:30px;min-height:30px;padding:4px 8px}
#virtual-stock-placement-summary{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 8px}
#virtual-stock-placement-summary.error{border-color:#c84a4a;background:#fff3f3;color:#8f2424}
.virtual-stock-placement-grid{width:100%;border-collapse:collapse}
.virtual-stock-placement-grid th,.virtual-stock-placement-grid td{padding:4px 6px;white-space:nowrap}
.virtual-stock-placement-grid td.left{text-align:left;white-space:normal;min-width:180px}
.virtual-stock-placement-grid td.num{text-align:right;font-variant-numeric:tabular-nums}
.virtual-stock-placement-grid input[type="number"]{width:96px;height:28px;min-height:28px;padding:2px 6px;text-align:right;line-height:1.1}
@media (max-width:900px){.virtual-stock-search-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.virtual-picking-page .document-meta{border-width:2px}

/* v0.10.35: one common status component, but a stable color per domain status. */
.status-pill.status-tone-0{background:#edf3ff!important;border-color:#a9bfe8!important;color:#294f86!important}
.status-pill.status-tone-1{background:#e8f1fb!important;border-color:#95b7da!important;color:#245b8c!important}
.status-pill.status-tone-2{background:#fff4d9!important;border-color:#dfbe70!important;color:#765500!important}
.status-pill.status-tone-3{background:#f2eefe!important;border-color:#b7a7df!important;color:#5d438c!important}
.status-pill.status-tone-4{background:#e8f7f5!important;border-color:#93cec4!important;color:#236c63!important}
.status-pill.status-tone-5{background:#e7f6ec!important;border-color:#98cbaa!important;color:#25643c!important}
.status-pill.status-tone-6{background:#edf4e2!important;border-color:#adc783!important;color:#536f25!important}
.status-pill.status-tone-7{background:#e7f4f8!important;border-color:#91c0ce!important;color:#236577!important}
.status-pill.status-tone-8{background:#e7efff!important;border-color:#95aee1!important;color:#315899!important}
.status-pill.status-tone-9{background:#eef0fb!important;border-color:#a7acd5!important;color:#4d568f!important}
.status-pill.status-tone-10{background:#e7f5ef!important;border-color:#8fc8ad!important;color:#22684b!important}
.status-pill.status-tone-11{background:#eaf7e4!important;border-color:#9ac77e!important;color:#477126!important}
.status-pill.status-tone-12{background:#e4f4fa!important;border-color:#86bfd3!important;color:#1f657d!important}
.status-pill.status-tone-13{background:#fff0dc!important;border-color:#dea766!important;color:#85530d!important}
.status-pill.status-tone-14{background:#fff5cc!important;border-color:#d9bd5e!important;color:#715800!important}
.status-pill.status-tone-15{background:#e5f5eb!important;border-color:#8fc6a3!important;color:#23643d!important}
.status-pill.status-tone-16{background:#e1f4ef!important;border-color:#83c5b3!important;color:#176455!important}
.status-pill.status-tone-17{background:#e3f4e7!important;border-color:#8cc59b!important;color:#25623a!important}
.status-pill.status-tone-18{background:#dff3e8!important;border-color:#7dbd96!important;color:#1d6540!important}
.status-pill.status-tone-19{background:#e8f5e5!important;border-color:#96c388!important;color:#416a2b!important}
.status-pill.status-tone-20{background:#eaf4ee!important;border-color:#9bc2aa!important;color:#3b6650!important}
.status-pill.status-tone-21{background:#eef4f8!important;border-color:#a7c2d2!important;color:#466174!important}
.status-pill.status-tone-22{background:#f7eedc!important;border-color:#cfaf76!important;color:#72531c!important}
.status-pill.status-tone-23{background:#eeeaf7!important;border-color:#aaa0cb!important;color:#544a7e!important}
.status-pill.status-tone-24{background:#fff0e7!important;border-color:#dfa68b!important;color:#8c4a2d!important}
.status-pill.status-tone-25{background:#f8eddc!important;border-color:#d2ab75!important;color:#7b5724!important}
.status-pill.status-tone-26{background:#f6e8eb!important;border-color:#d0a0a9!important;color:#84404d!important}
.status-pill.status-tone-27{background:#eee9f3!important;border-color:#b4a2c2!important;color:#614b72!important}
.status-pill.status-tone-28{background:#fde9e4!important;border-color:#df9b8c!important;color:#983e31!important}
.status-pill.status-tone-29{background:#f9e5e6!important;border-color:#d79599!important;color:#8d3037!important}
.status-pill.status-tone-30{background:#fbe3e3!important;border-color:#d98f8f!important;color:#922b2b!important}
.status-pill.status-tone-31{background:#edf0f2!important;border-color:#adb8bf!important;color:#56636c!important}
.status-pill.status-tone-32{background:#eceff3!important;border-color:#a8b2bd!important;color:#505d69!important}
.status-pill.status-tone-33{background:#f0ece8!important;border-color:#bdb0a6!important;color:#665950!important}
.status-pill.status-tone-34{background:#eeeeee!important;border-color:#b5b5b5!important;color:#5c5c5c!important}
.status-pill.status-tone-35{background:#f3edf7!important;border-color:#bba6ca!important;color:#684d7b!important}
.status-pill.status-tone-36{background:#e6f1f5!important;border-color:#93b9c8!important;color:#316474!important}
.status-pill.status-tone-37{background:#f7ece7!important;border-color:#cfa392!important;color:#795044!important}


/* v0.10.40: independent column widths must never let cell content bleed into neighbors. */
.table-wrap td>*{max-width:100%!important;box-sizing:border-box!important}
.table-wrap td input,.table-wrap td select,.table-wrap td textarea{min-width:0!important;max-width:100%!important}
.table-wrap td .status-pill,.table-wrap td .badge{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Order-pattern master: keep the new workflow visually aligned with existing master forms. */
.order-pattern-rule-panel{grid-column:1/-1;min-width:0}
.order-pattern-rule-table{table-layout:fixed;min-width:420px}
.order-pattern-rule-table th,.order-pattern-rule-table td{text-align:center}
.order-pattern-rule-table select{width:100%;min-width:0}
.order-pattern-assignment-section{margin-top:10px}
.order-pattern-scope-block{display:grid;grid-template-columns:1fr;gap:6px;align-content:start;padding:8px;border:1px solid #dce5ef;background:#f8fbfe;min-width:0}
.order-pattern-scope-block label{margin:0}
.order-pattern-scope-block>select,.order-pattern-scope-block .input-button{width:100%;margin:0}
.order-pattern-scope-block .input-button input{min-width:0;width:100%}
.order-pattern-inline-summary{padding:7px 9px;border:1px solid #cbd6e3;background:#f8fbfe;color:#4c5e73;min-height:32px;display:flex;align-items:center}
.order-pattern-inline-summary.ok{background:#edf8f0;border-color:#b8d9c2;color:#225d35}
.order-pattern-inline-summary.warning{margin:0;padding:7px 9px;font-size:12px}

/* v0.10.45: compact order-pattern workbench. Keep the assignment editor visible without long page travel. */
.order-pattern-workbench{display:grid;grid-template-columns:minmax(520px,0.92fr) minmax(560px,1.08fr);gap:10px;align-items:start;min-width:0}
.order-pattern-workbench>.subpanel{margin:0;min-width:0;height:100%;box-sizing:border-box}
.order-pattern-workbench .section-title-row.compact{margin-bottom:6px;min-height:0}
.order-pattern-workbench .section-title-row.compact h3{margin:0 0 2px}
.order-pattern-workbench .section-title-row.compact .section-help{margin:0}
.order-pattern-rule-panel{grid-column:auto;min-width:0;padding:8px 10px}
.order-pattern-rule-body{display:grid;grid-template-columns:360px minmax(150px,1fr);gap:10px;align-items:start;min-width:0}
.order-pattern-rule-table-wrap{width:360px;max-width:360px;min-width:360px;margin:0;overflow:hidden}
.order-pattern-rule-table{width:360px!important;min-width:360px!important;max-width:360px!important;table-layout:fixed!important;margin:0!important}
.order-pattern-rule-table col.weekday-col{width:70px}
.order-pattern-rule-table col.date-col{width:145px}
.order-pattern-rule-table th,.order-pattern-rule-table td{height:31px!important;padding:3px 5px!important;text-align:center;overflow:hidden}
.order-pattern-rule-table select{width:100%!important;min-width:0!important;height:26px!important;padding:2px 24px 2px 6px!important}
.order-pattern-rule-guide{min-height:100%;padding:8px 9px;border:1px solid #dce5ef;background:#f8fbfe;color:#53657a;font-size:12px;line-height:1.45;box-sizing:border-box}
.order-pattern-rule-guide strong{display:block;margin-bottom:5px;color:#263b50;font-size:13px}
.order-pattern-rule-guide p{margin:0 0 7px}
.order-pattern-offset-legend{display:flex;gap:5px;flex-wrap:wrap}
.order-pattern-offset-legend span{padding:2px 7px;border:1px solid #c8d5e3;border-radius:999px;background:#fff;color:#40546b;font-weight:600}
.order-pattern-library-panel{padding:8px 10px;min-width:0}
.order-pattern-library-toolbar{margin:0 0 6px!important;display:grid!important;grid-template-columns:minmax(180px,1fr) 120px;gap:6px}
.order-pattern-library-toolbar>*{min-width:0;width:100%!important;margin:0!important}
.order-pattern-library-table{min-height:245px;max-height:282px;overflow:auto;border-top:1px solid #e3eaf2}
.order-pattern-library-table .table-wrap{margin:0!important;max-height:280px;overflow:auto}
.order-pattern-library-table table{font-size:11px}
.order-pattern-library-table th,.order-pattern-library-table td{padding-top:4px!important;padding-bottom:4px!important}
.order-pattern-assignment-section{margin-top:8px;padding-top:8px}
.order-pattern-assignment-section>.section-title-row{margin-bottom:6px}
.order-pattern-assignment-form{margin-bottom:6px}
.order-pattern-scope-block{padding:6px;gap:4px}

@media (max-width:1280px){
  .order-pattern-workbench{grid-template-columns:1fr}
  .order-pattern-rule-body{grid-template-columns:360px minmax(180px,1fr)}
  .order-pattern-library-table{min-height:190px;max-height:230px}
  .order-pattern-library-table .table-wrap{max-height:228px}
}
@media (max-width:760px){
  .order-pattern-rule-body{grid-template-columns:1fr}
  .order-pattern-rule-table-wrap,.order-pattern-rule-table{width:100%!important;min-width:0!important;max-width:none!important}
  .order-pattern-rule-table col.weekday-col{width:22%}
  .order-pattern-rule-table col.date-col{width:39%}
}
.order-pattern-rule-table tr.no-order td{background:#f3f5f7;color:#6a7580}
.order-pattern-rule-table tr.no-order select{font-weight:600;color:#596570;background:#f7f8fa}


/* v0.10.46: regroup order-pattern editor under rule panel and free more vertical space for assignments. */
.order-pattern-workbench{display:grid;grid-template-columns:minmax(580px,0.95fr) minmax(500px,1.05fr);gap:10px;align-items:start;min-width:0}
.order-pattern-workbench>.subpanel{margin:0;min-width:0;height:auto;box-sizing:border-box}
.order-pattern-rule-panel,.order-pattern-library-panel{padding:8px 10px}
.order-pattern-meta-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px 8px;margin:0 0 8px}
.order-pattern-meta-grid label{margin:0}
.order-pattern-meta-grid .m-span-2{grid-column:span 2}
.order-pattern-meta-grid .m-span-3{grid-column:span 3}
.order-pattern-meta-grid .m-span-5{grid-column:span 5}
.order-pattern-rule-body{display:grid;grid-template-columns:360px minmax(140px,1fr);gap:8px;align-items:start;min-width:0}
.order-pattern-rule-table-wrap{width:360px;max-width:360px;min-width:360px;margin:0;overflow:hidden}
.order-pattern-rule-guide{min-height:0;padding:7px 8px}
.order-pattern-note-field{display:block;margin-top:8px}
.order-pattern-note-field input{width:100%}
.order-pattern-form-actions{margin-top:8px}
.order-pattern-library-panel .section-title-row.compact{margin-bottom:4px}
.order-pattern-library-toolbar{margin:0 0 4px!important;display:grid!important;grid-template-columns:minmax(180px,1fr) 120px;gap:6px}
.order-pattern-library-table{min-height:210px;max-height:236px;overflow:auto;border-top:1px solid #e3eaf2}
.order-pattern-library-table .table-wrap{margin:0!important;max-height:234px;overflow:auto}
.order-pattern-assignment-section{margin-top:6px;padding-top:6px}
.order-pattern-assignment-section>.section-title-row{margin-bottom:4px}
.order-pattern-assignment-form{margin-bottom:4px}
@media (max-width: 1400px){
  .order-pattern-workbench{grid-template-columns:1fr}
  .order-pattern-meta-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
}
@media (max-width: 980px){
  .order-pattern-meta-grid{grid-template-columns:1fr 1fr}
  .order-pattern-meta-grid .m-span-2,.order-pattern-meta-grid .m-span-3,.order-pattern-meta-grid .m-span-5{grid-column:span 1}
}

.grid-column-compact{width:28px!important;min-width:28px!important;height:28px!important;padding:0 6px!important;font-size:12px!important}


/* v0.10.47: compact pattern editor, aligned library grid, and name-only assignment display. */
.order-pattern-workbench{grid-template-columns:minmax(720px,1.08fr) minmax(480px,.92fr);gap:10px}
.order-pattern-meta-grid{display:grid;grid-template-columns:110px minmax(150px,1.1fr) 122px 122px 86px minmax(150px,1.25fr);gap:6px 8px;margin:0 0 7px;align-items:end}
.order-pattern-meta-grid label{margin:0;min-width:0}
.order-pattern-meta-grid input,.order-pattern-meta-grid select{width:100%;min-width:0}
.order-pattern-rule-body{grid-template-columns:360px minmax(250px,1fr);gap:8px;align-items:stretch}
.order-pattern-rule-guide{height:100%;min-height:0;display:flex;flex-direction:column;padding:7px 8px}
.order-pattern-form-actions{margin-top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding-top:6px}
.order-pattern-form-actions button{width:100%;min-width:0;padding-left:5px!important;padding-right:5px!important}
.order-pattern-library-table{height:248px;min-height:248px;max-height:248px;overflow:auto;border-top:1px solid #e3eaf2}
.order-pattern-library-table .table-wrap{height:246px;max-height:246px;overflow:auto;margin:0!important}
.order-pattern-library-table th,.order-pattern-library-table td{height:31px!important;padding:3px 5px!important}
.order-pattern-library-table table{font-size:11px}
@media (max-width:1450px){
  .order-pattern-workbench{grid-template-columns:1fr}
  .order-pattern-meta-grid{grid-template-columns:110px minmax(160px,1fr) 122px 122px 86px minmax(170px,1fr)}
}
@media (max-width:980px){
  .order-pattern-meta-grid{grid-template-columns:1fr 1fr}
  .order-pattern-rule-body{grid-template-columns:1fr}
  .order-pattern-rule-guide{min-height:150px}
}


/* v0.10.48: central many-to-many group hub */
.group-hub-form{margin-bottom:8px}
.group-hub-workbench{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(720px,1.38fr);gap:10px;align-items:start;min-width:0}
.group-hub-workbench>.subpanel{margin:0;min-width:0;padding:8px 10px}
.group-hub-workbench .section-title-row{margin-bottom:6px}
.group-library-panel>.toolbar{display:grid;grid-template-columns:135px minmax(180px,1fr);gap:6px;margin-bottom:6px}
.group-library-panel>.toolbar>*{min-width:0;width:100%;margin:0}
.group-library-panel #groups-table .table-wrap{max-height:390px;overflow:auto}
.group-member-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.group-member-column{min-width:0;border:1px solid #dce5ef;background:#f8fbfe;padding:7px}
.group-member-column-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.group-member-column>input{width:100%;margin:0 0 6px}
#group-member-candidates-table .table-wrap,#group-members-table .table-wrap{max-height:330px;overflow:auto;background:#fff}
#group-member-add,#group-member-remove{min-width:78px}
@media (max-width:1350px){.group-hub-workbench{grid-template-columns:1fr}.group-member-columns{grid-template-columns:1fr 1fr}}
@media (max-width:850px){.group-member-columns{grid-template-columns:1fr}}


/* v0.10.52 static weekday rule table fallback. */
.order-pattern-rule-table[data-grid-static="true"]{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.order-pattern-rule-table[data-grid-static="true"] col.weekday-col{width:22%!important}.order-pattern-rule-table[data-grid-static="true"] col.date-col{width:39%!important}


/* v0.10.53 UI flow polish */
/* Common master actions follow customer/product master sizing. */
.master-form .master-form-actions{display:flex;justify-content:flex-end;align-items:end;gap:5px;min-width:0}
.master-form .master-form-actions button{height:30px!important;min-height:30px!important;min-width:96px!important;padding:4px 10px!important;box-sizing:border-box}
.master-form .master-form-actions .primary{min-width:138px!important}

/* Destination registration: reserve explicit action columns so note and buttons never overlap. */
.destination-master-form>.master-form-actions{grid-column:10/-1;align-self:end;margin:0!important;padding:0!important}
.destination-master-form>label.m-span-6:has(input[name="note"]){grid-column:7/10}
.destination-list-toolbar{display:grid!important;grid-template-columns:minmax(190px,1.2fr) minmax(280px,2.4fr) 170px 96px;gap:5px;align-items:end;margin-bottom:6px!important;padding-bottom:2px;box-sizing:border-box}
.destination-list-toolbar>*{min-width:0;margin:0!important;width:100%!important}
.destination-list-toolbar #destination-query-reset{grid-column:4;justify-self:end;width:96px!important}
.destination-list-section>#destinations-table{margin-top:2px;min-height:0}

/* Customer pickers use one full-width search input in every customer mode. */
.inbound-picker-search.customer-search-single{grid-template-columns:minmax(0,1fr)!important}
.inbound-picker-search.customer-search-single>label:first-child{grid-column:1/-1}
.inbound-picker-search.customer-search-single>label.hidden{display:none!important}

/* Location: action row is right aligned only. */
.location-master-footer-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%;grid-column:1/-1}
.location-master-footer-row .master-form-actions{margin-left:auto!important;width:auto!important;grid-column:auto!important}

/* Order pattern: keep metadata visible, table flush to its own panel, and free one row of height. */
#page-order-patterns{overflow-y:auto!important;overflow-x:hidden!important}
.order-pattern-workbench{grid-template-columns:minmax(700px,1.08fr) minmax(480px,.92fr)!important;align-items:stretch!important}
.order-pattern-workbench>.subpanel{min-width:0!important;overflow:hidden;box-sizing:border-box}
.order-pattern-meta-grid{grid-template-columns:105px minmax(155px,1.15fr) 122px 122px 88px minmax(135px,1fr)!important;gap:5px 6px!important;margin-bottom:5px!important}
.order-pattern-meta-note{min-width:0!important;overflow:hidden}.order-pattern-meta-note input{min-width:0!important;width:100%!important}
.order-pattern-rule-body{grid-template-columns:minmax(390px,58%) minmax(220px,42%)!important;gap:8px!important;align-items:stretch!important}
.order-pattern-rule-table-wrap{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;margin:0!important;border:1px solid #cbd6e3;box-sizing:border-box}
.order-pattern-rule-table[data-grid-static="true"]{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;border-collapse:collapse!important}
.order-pattern-rule-table[data-grid-static="true"] th,.order-pattern-rule-table[data-grid-static="true"] td{height:29px!important;padding:2px 5px!important}
.order-pattern-rule-table[data-grid-static="true"] select{height:25px!important;margin:0!important}
.order-pattern-rule-guide{min-width:0!important;overflow:hidden!important}
.order-pattern-library-table{height:232px!important;min-height:232px!important;max-height:232px!important;overflow:auto!important}
.order-pattern-library-table .table-wrap{height:230px!important;max-height:230px!important;overflow:auto!important}
.order-pattern-assignment-section{min-width:0!important;overflow:visible!important}
.order-pattern-assignment-section>.toolbar{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;gap:5px!important}
#order-pattern-assignments-table{min-width:0!important;height:min(52vh,560px)!important;min-height:260px!important;overflow:hidden!important}
#order-pattern-assignments-table>.table-wrap{height:100%!important;max-height:none!important;overflow:auto!important;min-width:0!important}
#order-pattern-assignments-table thead th{position:sticky;top:0;z-index:2;background:#e7f0f7}
#order-pattern-assignments-table table{min-width:100%!important}
@media(max-width:1300px){.order-pattern-workbench{grid-template-columns:1fr!important}.order-pattern-rule-body{grid-template-columns:minmax(360px,1fr) minmax(220px,.7fr)!important}}

/* v0.10.56: inbound/io picker and master UI stabilization */
/* Destination registration: first six fields share a single desktop row. */
.destination-master-form{grid-template-columns:repeat(12,minmax(0,1fr))!important}
.destination-master-form>.destination-customer-code-field{grid-column:span 2!important}
.destination-master-form>.destination-customer-name-field{grid-column:span 3!important}
.destination-master-form>.destination-code-field{grid-column:span 2!important}
.destination-master-form>.destination-name-field{grid-column:span 3!important}
.destination-master-form>.destination-active-field{grid-column:span 2!important}
@media(max-width:1100px){
  .destination-master-form>.destination-customer-code-field,.destination-master-form>.destination-code-field{grid-column:span 3!important}
  .destination-master-form>.destination-customer-name-field,.destination-master-form>.destination-name-field{grid-column:span 5!important}
  .destination-master-form>.destination-active-field{grid-column:span 2!important}
}

/* Order pattern: the metadata row must never clip its note field. */
.order-pattern-meta-grid{
  grid-template-columns:minmax(90px,.78fr) minmax(135px,1.18fr) minmax(112px,.88fr) minmax(112px,.88fr) minmax(82px,.62fr) minmax(125px,1.26fr)!important;
  width:100%!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box!important
}
.order-pattern-meta-grid>label{min-width:0!important;max-width:100%!important;overflow:visible!important}
.order-pattern-meta-grid input,.order-pattern-meta-grid select{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.order-pattern-meta-note{overflow:visible!important}
.order-pattern-rule-body{align-items:stretch!important}
.order-pattern-rule-table-wrap{height:100%!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:stretch!important}
.order-pattern-rule-table[data-grid-static="true"]{height:100%!important;border:0!important}
.order-pattern-rule-table[data-grid-static="true"] thead,.order-pattern-rule-table[data-grid-static="true"] tbody{width:100%!important}
.order-pattern-rule-guide{height:100%!important;box-sizing:border-box!important}

/* In/out history: restore the shared two-row query rhythm. */
.inventory-io-query-table{margin-bottom:6px!important;min-width:0!important}
.inventory-io-query-table .inventory-io-date-row,.inventory-io-query-table .inventory-io-condition-row{min-width:0!important}
.inventory-io-condition-row>.task-lookup{min-width:210px!important;flex:1 1 260px!important}
.inventory-io-condition-row>select{min-width:105px!important;flex:0 1 135px!important}
.inventory-io-condition-row>.query-action-group{margin-left:auto!important}
@media(max-width:1200px){.inventory-io-condition-row{flex-wrap:wrap!important}.inventory-io-condition-row>.task-lookup{flex:1 1 320px!important}}

/* Common picker visual contract used by customer/product selection dialogs. */
.inbound-picker-search.customer-search-single,.inbound-picker-search.order-pattern-target-search{grid-template-columns:minmax(0,1fr)!important}
.inbound-picker-search.customer-search-single>label:first-child,.inbound-picker-search.order-pattern-target-search>label:first-child{grid-column:1/-1!important}
.common-picker-table tbody tr[data-picker-customer],.order-pattern-picker-table tbody tr{cursor:pointer}
.common-picker-table tbody tr[data-picker-customer]:hover,.order-pattern-picker-table tbody tr:hover{background:#eef6fb}
.common-picker-table th,.common-picker-table td{height:31px!important;padding:4px 8px!important}

/* Single-select inbound plan/confirmation rows. */
#inbound-plans-table tbody tr[data-record-id],#confirm-plans-table tbody tr[data-record-id]{cursor:pointer}
#inbound-plans-table tbody tr.is-selected,#confirm-plans-table tbody tr.is-selected{background:#fff1ad!important}

/* v0.10.63 order-pattern basic/exception clarity */
#page-order-patterns .order-pattern-assignment-mode-help{
  min-height:34px;padding:7px 10px;border:1px solid #c9d8e5;border-radius:6px;background:#f4f8fb;color:#29485f;font-size:11px;line-height:1.45;box-sizing:border-box;
}
#page-order-patterns .order-pattern-assignment-mode-help.exception{border-color:#e7c48a;background:#fff8ea;color:#6c4a11;}
#page-order-patterns .order-pattern-assignment-mode-help strong{margin-right:4px;}

/* v0.10.64 order-pattern Sunday counting option */
.order-pattern-sunday-option{display:grid;grid-template-columns:auto minmax(90px,1fr);gap:8px;align-items:center;margin:2px 0 6px;font-weight:600;color:#263b50}
.order-pattern-sunday-option select{width:100%;min-width:90px;height:28px}
.order-pattern-sunday-help{font-size:11px;color:#64758a}

/* v0.10.72 expected pallet / load-rate layout refinement */
#page-expected-pallets .expected-pallet-filter{min-width:0!important}
#page-expected-pallets .expected-pallet-date-row{
  display:grid!important;
  grid-template-columns:84px 150px var(--wms-date-width) 14px var(--wms-date-width) minmax(280px,1fr)!important;
  align-items:center!important;gap:4px!important;min-width:0!important;
}
#page-expected-pallets .expected-pallet-condition-row{
  display:grid!important;
  grid-template-columns:84px 145px minmax(210px,1fr) minmax(190px,1fr) 120px auto!important;
  align-items:center!important;gap:4px!important;min-width:0!important;
}
#page-expected-pallets .expected-pallet-date-row>.quick-range-buttons{min-width:0!important;justify-self:start!important}
#page-expected-pallets .expected-pallet-condition-row>.query-action-group{justify-self:end!important;white-space:nowrap!important}
#page-expected-pallets .expected-pallet-date-row>input,
#page-expected-pallets .expected-pallet-date-row>select,
#page-expected-pallets .expected-pallet-condition-row>input,
#page-expected-pallets .expected-pallet-condition-row>select{width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:1250px){
  #page-expected-pallets .expected-pallet-date-row{grid-template-columns:84px 135px 135px 14px 135px minmax(240px,1fr)!important}
  #page-expected-pallets .expected-pallet-condition-row{grid-template-columns:84px 130px minmax(170px,1fr) minmax(160px,1fr) 105px auto!important}
}

#page-load-rate .load-rate-section>.section-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
#page-load-rate .load-rate-section>.section-title-row>.section-title-actions{margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important}
#page-load-rate .load-rate-rule-search{
  display:grid!important;grid-template-columns:170px minmax(220px,1fr) minmax(240px,1.1fr) auto!important;
  align-items:center!important;gap:5px!important;margin:4px 0 5px!important;min-width:0!important;
}
#page-load-rate .load-rate-rule-search>select,
#page-load-rate .load-rate-rule-search>input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
#page-load-rate .load-rate-rule-search>.query-action-group{justify-self:end!important;white-space:nowrap!important}
#page-load-rate .load-rate-row-actions{white-space:nowrap!important;text-align:center!important;min-width:58px!important}
#page-load-rate .load-rate-row-actions button{min-width:25px!important;width:25px!important;height:25px!important;min-height:25px!important;padding:0!important;margin:0 1px!important;font-weight:700!important;line-height:23px!important}
#page-load-rate #load-rate-pallet-table table,
#page-load-rate #load-rate-box-table table,
#page-load-rate #load-rate-rule-table table{width:100%!important;table-layout:fixed!important}
#page-load-rate #load-rate-pallet-table input,
#page-load-rate #load-rate-pallet-table select,
#page-load-rate #load-rate-box-table input,
#page-load-rate #load-rate-box-table select,
#page-load-rate #load-rate-rule-table input,
#page-load-rate #load-rate-rule-table select{width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:1150px){#page-load-rate .load-rate-rule-search{grid-template-columns:160px 1fr 1fr!important}#page-load-rate .load-rate-rule-search>.query-action-group{grid-column:1/-1;justify-self:end!important}}

/* v0.10.78 expected-pallet live filter layout */
#page-expected-pallets .expected-pallet-date-row{
  grid-template-columns:84px 150px var(--wms-date-width) 14px var(--wms-date-width) minmax(280px,1fr) auto!important;
}
#page-expected-pallets .expected-pallet-date-row>.expected-pallet-top-actions{justify-self:end!important;white-space:nowrap!important;}
#page-expected-pallets .expected-pallet-condition-row{
  grid-template-columns:84px 155px minmax(260px,1fr) minmax(250px,1fr) 130px!important;
}
@media(max-width:1250px){
  #page-expected-pallets .expected-pallet-date-row{grid-template-columns:84px 130px 128px 14px 128px minmax(225px,1fr) auto!important;}
  #page-expected-pallets .expected-pallet-condition-row{grid-template-columns:84px 140px minmax(190px,1fr) minmax(180px,1fr) 115px!important;}
}

/* v0.10.97 CUSTOMER integration: top stock-check alert. */
.customer-stock-alert{height:24px!important;min-height:24px!important;padding:2px 8px!important;border:1px solid #f1c36d!important;border-radius:3px!important;background:#fff3cd!important;color:#624800!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
.customer-stock-alert:hover{background:#ffe7a1!important}.customer-stock-alert b{margin:0 2px;font-size:11px}

/* v0.10.143 inventory stocktake ordering + status filter */
#page-output-settings .output-order-accordion{padding:0;overflow:hidden}
#page-output-settings .output-order-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 14px;cursor:pointer;font-weight:800;list-style:none}
#page-output-settings .output-order-accordion>summary::-webkit-details-marker{display:none}
#page-output-settings .output-order-accordion>summary::after{content:'펼치기';margin-left:auto;font-size:11px;font-weight:700;color:var(--muted)}
#page-output-settings .output-order-accordion[open]>summary::after{content:'접기'}
#page-output-settings .output-order-accordion>summary>.badge{margin-left:0}
#page-output-settings .output-order-accordion-body{border-top:1px solid var(--line);padding:12px 14px 14px}
#page-output-settings .output-subsection-title{margin-top:10px}
#page-output-settings .output-subsection-title h3{margin:0}
#page-output-settings .stocktake-warehouse-order-block{margin-top:10px;padding-top:4px}
#page-output-settings .stocktake-order-table .drag-handle,#page-output-settings .output-custom-order-table .drag-handle{cursor:grab;user-select:none;font-weight:800;text-align:center}
#page-output-settings .stocktake-order-table tr[draggable="true"],#page-output-settings .output-custom-order-table tr[draggable="true"]{cursor:grab}
#page-output-settings #stocktake-warehouse-order-list .table-wrap,#page-output-settings #stocktake-product-order-list .table-wrap,#page-output-settings #output-custom-order-list .table-wrap{max-height:420px;overflow:auto}
#page-output-settings .output-common-settings-section{min-height:auto!important}
#page-output-settings .output-setting-grid-common{grid-template-columns:repeat(4,minmax(0,1fr))}
#page-output-settings #stocktake-custom-product-order-block.hidden{display:none!important}
@media(max-width:1000px){#page-output-settings .output-setting-grid-common{grid-template-columns:1fr 1fr}}


/* v0.10.161 internal inventory IO search layout hard-fix */
#page-inventory-io.internal-mode .inventory-io-customer-only{display:none!important}
#page-inventory-io.customer-mode .inventory-io-internal-only{display:none!important}
#page-inventory-io .inventory-io-search-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  gap:6px!important;
  padding:6px!important;
  margin:0 0 8px!important;
  border:1px solid #dce5ef!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:visible!important;
}
#page-inventory-io .inventory-io-date-row,
#page-inventory-io .inventory-io-condition-row{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
#page-inventory-io .inventory-io-date-row{flex-wrap:nowrap!important}
#page-inventory-io .inventory-io-condition-row{flex-wrap:nowrap!important}
#page-inventory-io .inventory-io-date-row>.wms-query-label{
  flex:0 0 96px!important;
  min-width:96px!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#page-inventory-io .inventory-io-date-row>input[type="date"]{
  flex:0 0 128px!important;
  width:128px!important;
  min-width:128px!important;
}
#page-inventory-io .inventory-io-date-row>.range-separator{
  flex:0 0 14px!important;
  width:14px!important;
  min-width:14px!important;
  text-align:center!important;
}
#page-inventory-io .inventory-io-date-row>.quick-range-buttons{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  flex:0 0 auto!important;
  margin-left:4px!important;
  white-space:nowrap!important;
}
#page-inventory-io .inventory-io-date-row>.quick-range-buttons button{
  min-width:40px!important;
  padding:4px 8px!important;
  height:30px!important;
}
#page-inventory-io .inventory-io-condition-row>.inventory-io-lookup-customer{
  flex:0 0 330px!important;
  min-width:330px!important;
}
#page-inventory-io .inventory-io-condition-row>.inventory-io-lookup-product{
  flex:1 1 450px!important;
  min-width:360px!important;
}
#page-inventory-io .inventory-io-condition-row>.inventory-io-customer-product-field{
  flex:1 1 360px!important;
  min-width:280px!important;
  height:30px!important;
}
#page-inventory-io .inventory-io-condition-row>.wms-query-label{
  flex:0 0 70px!important;
  min-width:70px!important;
  white-space:nowrap!important;
}
#page-inventory-io .inventory-io-condition-row>select{
  flex:0 0 auto!important;
  height:30px!important;
}
#inventory-io-type-filter{width:110px!important;min-width:110px!important}
#inventory-io-center-filter{width:95px!important;min-width:95px!important}
#inventory-io-warehouse-filter{width:95px!important;min-width:95px!important}
#inventory-io-customer-status-filter{width:120px!important;min-width:120px!important}
#page-inventory-io .inventory-io-condition-row>.query-action-group{
  margin-left:auto!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
}
#page-inventory-io .inventory-io-condition-row>.query-action-group button{height:30px!important}
#page-inventory-io .task-lookup{display:grid!important;align-items:center!important;gap:4px!important;min-width:0!important}
#page-inventory-io .inventory-io-lookup-customer{grid-template-columns:110px 110px 102px!important}
#page-inventory-io .inventory-io-lookup-product{grid-template-columns:minmax(0,1fr) 102px!important}
#page-inventory-io .task-lookup input,#page-inventory-io .task-lookup button{width:100%!important;min-width:0!important;height:30px!important}
@media(max-width:1500px){
  #page-inventory-io .inventory-io-condition-row{flex-wrap:wrap!important}
  #page-inventory-io .inventory-io-condition-row>.query-action-group{margin-left:0!important}
}
@media(max-width:1180px){
  #page-inventory-io .inventory-io-date-row{flex-wrap:wrap!important}
  #page-inventory-io .inventory-io-date-row>.quick-range-buttons{margin-left:0!important}
  #page-inventory-io .inventory-io-condition-row>.inventory-io-lookup-customer,
  #page-inventory-io .inventory-io-condition-row>.inventory-io-lookup-product,
  #page-inventory-io .inventory-io-condition-row>.inventory-io-customer-product-field{min-width:100%!important;flex:1 1 100%!important}
}