#onlineTransferView{min-width:0;max-width:100%}
#onlineTransferView [hidden]{display:none!important}
#onlineTransferView .online-body{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
#onlineTransferEditor{min-width:0;max-width:100%}
#onlineTransferView .online-body>p{margin:0}
#onlineTransferView .online-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-block:4px}
#onlineTransferEditor>h3{margin-block:8px}
#onlineTransferEditor>.online-help{margin-block:6px}
#onlineTransferView label{display:grid;gap:6px;min-width:0}
#onlineTransferView :is(input,select){min-height:44px;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface,#fff);color:inherit;font:inherit}
#onlineTransferView button{min-height:44px;padding:8px 12px;cursor:pointer}
#onlineTransferView :is(button,input,select):focus-visible{outline:3px solid var(--green);outline-offset:2px}
#onlineTransferView .online-help{color:var(--muted);line-height:1.9}
#onlineTransferView .online-warning{color:var(--danger,#b42318);line-height:1.9}
#onlineTransferMessage{padding:12px;border-inline-start:3px solid var(--green);background:var(--green-soft,#eef6f1);line-height:1.9}
#onlineTransferMessage.is-error{border-color:var(--danger,#b42318);color:var(--danger,#b42318)}
#onlineTransferView .online-table-wrap{overflow:auto;contain:layout paint;max-width:100%;max-height:60vh;border:1px solid var(--line);border-radius:8px}
#onlineTransferView table{width:100%;border-collapse:collapse;min-width:980px}
#onlineTransferView :is(th,td){text-align:right;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
#onlineTransferView th{background:var(--green-soft,#eef6f1)}
#onlineTransferView td:first-child{min-width:170px;max-width:250px}
#onlineTransferView td:nth-child(3){min-width:260px}
#onlineTransferView td:nth-child(5){min-width:280px}
#onlineTransferView .online-product-name{display:block;line-height:1.8;margin-block:8px}
#onlineTransferView .online-product-search{width:100%}
#onlineTransferView .online-search-results{display:grid;gap:6px;max-height:260px;overflow:auto}
#onlineTransferView .online-search-results button{text-align:right;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit;line-height:1.7}
#onlineTransferView .online-allocation{display:grid;grid-template-columns:minmax(120px,1fr) 76px 50px;gap:8px;align-items:center;margin-bottom:8px}
#onlineTransferView .online-quantity{width:90px}
#onlineTransferView .online-line-note{display:block;margin-top:8px;line-height:1.7;color:var(--muted)}
#onlineTransferView tr.online-unmatched{background:var(--danger-soft,#fff3f0)}
#onlineTransferReview,#onlineTransferDocuments article{border:1px solid var(--line);padding:16px;border-radius:8px;margin-block:12px;line-height:1.9}
@media(max-width:600px){#onlineTransferView .online-toolbar>*{width:100%}#onlineTransferView .online-body{padding:12px}}

/* Compact editing workspace, matching the warehouse's order draft grid. */
#onlineTransferView.has-draft>.panel-head{display:none}
#onlineTransferView .online-body{padding:8px;gap:4px}
#onlineTransferImport>summary{cursor:pointer;color:var(--green);padding:6px;font-weight:600}
#onlineTransferEditor{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}
#onlineTransferEditor:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;padding:0;background:#fff}
#onlineTransferView .online-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#123f34;color:#fff;padding:8px 12px}
#onlineTransferView .online-editor-head h3{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}
#onlineTransferView .online-editor-head button{background:transparent;color:#fff;border:1px solid #91ada5}
#onlineTransferView .online-summary{padding:7px 12px;background:#f4f8f6;border-bottom:1px solid var(--line);color:var(--green);font-weight:600}
#onlineTransferEditor>.online-help{font-size:11px;padding:0 10px;margin:4px 0}
#onlineTransferWarnings:empty{display:none}
#onlineTransferEditor>.online-warning{margin:4px 10px}
#onlineTransferView .online-table-wrap{border-radius:0;border-inline:0;max-height:calc(100dvh - 310px);min-height:220px}
#onlineTransferEditor:fullscreen .online-table-wrap{flex:1;max-height:none;min-height:0}
#onlineTransferView table{min-width:1040px;table-layout:fixed}
#onlineTransferView :is(th,td){padding:5px 7px;vertical-align:middle;font-size:12px;line-height:1.5}
#onlineTransferView th:nth-child(1){width:50px}
#onlineTransferView th:nth-child(2){width:125px}
#onlineTransferView th:nth-child(3){width:33%}
#onlineTransferView th:nth-child(4){width:112px}
#onlineTransferView th:nth-child(5){width:315px}
#onlineTransferView th:nth-child(6){width:150px}
#onlineTransferView td:first-child,#onlineTransferView td:nth-child(3),#onlineTransferView td:nth-child(5){min-width:0;max-width:none}
#onlineTransferView td.online-code{font-weight:650;font-variant-numeric:tabular-nums}
#onlineTransferView .online-product-edit>summary{cursor:pointer;display:flex;align-items:center;gap:5px;list-style:none}
#onlineTransferView .online-product-edit>summary:before{content:'◂';color:var(--green);flex:none}
#onlineTransferView .online-product-edit[open]>summary:before{content:'▾'}
#onlineTransferView .online-product-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.8}
#onlineTransferView .online-product-panel{display:grid;gap:5px;padding:8px 0}
#onlineTransferView .online-product-panel small{color:var(--muted);line-height:1.7}
#onlineTransferView :is(input,select,button){min-height:32px;padding:4px 7px;border-radius:5px;font-size:12px}
#onlineTransferView .online-allocation{grid-template-columns:minmax(130px,1fr) 58px 26px 26px;gap:4px;margin:0}
#onlineTransferView .online-allocation+.online-allocation{margin-top:4px}
#onlineTransferView .online-allocation button{padding:0;min-width:26px;font-size:17px}
#onlineTransferView .online-allocation :is(select,.warehouse-select-search){min-width:0;width:100%}
#onlineTransferView .online-allocation input[data-field="allocated"]{width:58px;text-align:center}
#onlineTransferView .online-allocation .warehouse-select-search input{width:100%;min-width:0}
#onlineTransferView .online-sources>.online-line-note{display:none}
#onlineTransferView .online-row-status{color:var(--muted);font-size:11px}
#onlineTransferView .online-unmatched .online-row-status{color:var(--danger,#b42318);font-weight:600}
#onlineTransferView .online-quantity{width:100%;text-align:center;font-variant-numeric:tabular-nums}
#onlineTransferEditor>.online-toolbar{margin:0;padding:7px 10px;gap:6px;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:2}
#onlineTransferMessage{padding:6px 10px;font-size:11px}
#onlineTransferView .online-warning{font-size:11px}
@media(pointer:coarse){#onlineTransferView :is(input,select,button){min-height:44px}}
#onlineTransferView .online-history{border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}
#onlineTransferView .online-history-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#onlineTransferView .online-history-head h3{margin:0;font-size:14px}
#onlineTransferHistoryCount{color:var(--muted)}
#onlineTransferView .online-history .online-toolbar{margin:8px 0 0}
#onlineTransferView .online-history label{flex:1;min-width:180px}
#onlineTransferView .online-history select{width:100%;max-width:100%}
#onlineTransferView tr.online-zero{background:var(--green-soft,#eef6f1)}
#onlineTransferView .online-zero .online-row-status{color:var(--muted);font-weight:600}
#onlineTransferView .online-zero .online-sources>.online-line-note{display:block}
#onlineTransferView .online-list-wrap{max-width:100%;overflow:auto;margin-block:12px}
#onlineTransferView table.online-list-table{width:100%;min-width:760px;table-layout:auto}
#onlineTransferView table.online-list-table :is(th,td){width:auto;min-width:0;max-width:none;white-space:normal;padding:12px;text-align:right}
#onlineTransferView table.online-list-table td:first-child{min-width:170px;overflow-wrap:anywhere}
#onlineTransferView .online-list-actions{display:flex;gap:8px;flex-wrap:wrap}
#onlineTransferView .online-list-actions button{min-height:38px;white-space:nowrap}
#onlineTransferView .online-list-note{display:block;color:var(--muted);margin-top:5px}
#onlineTransferClose{margin-inline-start:auto;min-width:44px;font-size:24px;line-height:1;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:inherit}

#onlineTransferView .online-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:5px}
#onlineTransferView .online-tabs button{padding:6px 16px;min-height:36px}
#onlineTransferView .online-tabs [aria-selected="true"]{background:var(--green,#146b53);color:#fff;border-color:var(--green,#146b53)}
#onlineTransferView [hidden]{display:none!important}
#onlineTransferView[data-online-tab="history"] #onlineTransferBridge{display:none}