.supplier-products .mapping-filters,.supplier-products .mapping-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end;margin:1rem 0}.supplier-products label{display:flex;flex-direction:column;gap:.35rem}.supplier-products label:has(input[type=checkbox]){flex-direction:row;align-items:center}.mapping-filters input,.mapping-filters select{max-width:100%;min-height:2.6rem}.mapping-card{border:1px solid #c5d3c3;background:#f5f8f3;border-radius:12px;padding:1rem;margin:.8rem 0}.mapping-card-title{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mapping-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.mapping-card dt{font-size:.85rem;color:#526355}.mapping-card dd{margin:0;overflow-wrap:anywhere}.supplier-products dialog{width:min(94vw,38rem);max-height:90dvh;border:1px solid #a6b7a3;border-radius:14px;padding:1.25rem;background:#fffdf7;overflow:auto}.supplier-products dialog::backdrop{background:#18221999}.supplier-products dialog label{margin:.65rem 0}.supplier-products dialog input,.supplier-products dialog select,.supplier-products textarea{width:100%;box-sizing:border-box;min-height:2.6rem}.supplier-products dialog fieldset{border:1px solid #c5d3c3;margin-top:.8rem}.mapping-history-row{padding:.8rem 0;border-bottom:1px solid #d8dfd4;display:flex;gap:.6rem;flex-wrap:wrap}.mapping-history-row span{flex:1;min-width:12rem}.mapping-history-row input{width:auto!important}.mapping-history-row a{display:block}.supplier-products input[type=checkbox]{min-height:1.25rem;min-width:1.25rem}.supplier-products [hidden]{display:none!important}@media(max-width:600px){.mapping-card dl{grid-template-columns:1fr}.mapping-filters>label{width:100%}.mapping-filters input,.mapping-filters select{width:100%}.mapping-card-title{display:block}.mapping-card-title>span{display:block;margin-top:.5rem}.mapping-actions button{min-height:2.75rem}}

/* Match the internal SKU worksheet while keeping mapping writes explicit. */
.supplier-products .mapping-sheet{padding:12px;border-radius:10px;min-width:0;--mapping-line:#dce3de;--mapping-source:#fffefa;--mapping-sku:#f1f6f2;--mapping-conversion:#eef3f6}
.supplier-products .mapping-sheet h1{font-size:24px;margin:0 0 8px}
.supplier-products .mapping-sheet .mapping-note{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.5}
.supplier-products .mapping-sheet .mapping-actions{gap:6px;align-items:center;margin:8px 0;font-size:12px}
.supplier-products .mapping-sheet .mapping-actions label{gap:4px;margin:0}
.supplier-products .mapping-sheet button{min-height:28px;padding:4px 8px;font-size:12px;border-radius:4px}
.supplier-products .mapping-sheet .mapping-filters{gap:6px;margin:10px 0 8px}
.supplier-products .mapping-sheet .mapping-filters>label{min-width:100px;flex:1;gap:3px;font-size:12px;margin:0}
.supplier-products .mapping-sheet .mapping-filters>.mapping-search{flex:1.6;min-width:180px}
.supplier-products .mapping-sheet .mapping-filters input:not([type=checkbox]),.supplier-products .mapping-sheet .mapping-filters select{width:100%;min-width:0;max-width:100%;min-height:30px;height:30px;padding:4px 6px;border-radius:4px;font-size:13px}
.supplier-products .mapping-sheet .mapping-filters>.mapping-group-option{flex:0 0 auto;min-width:0;min-height:30px;display:flex;flex-direction:row;align-items:center;gap:4px}
.supplier-products .mapping-sheet input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px;margin:0;accent-color:var(--green);flex-shrink:0}
.supplier-products .mapping-grid-guide{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:5px 0}
.supplier-products .mapping-grid-guide>span{padding:2px 6px;border:1px solid var(--mapping-line);border-radius:2px;background:var(--mapping-source)}
.supplier-products .mapping-grid-guide>span:nth-child(2){background:var(--mapping-sku)}
.supplier-products .mapping-grid-guide>span:nth-child(3){background:var(--mapping-conversion)}
.supplier-products .mapping-grid-guide small{font-size:11px}
.supplier-products #mapping-error:empty{display:none}
.supplier-products #mapping-list{max-width:100%;max-height:70dvh;overflow:auto;border:1px solid var(--mapping-line);border-radius:3px;scroll-padding-top:34px;scroll-padding-left:302px;overscroll-behavior:contain}
.supplier-products #mapping-list[aria-busy=true]{opacity:.65}
.supplier-products .mapping-grid{min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.supplier-products .mapping-grid th,.supplier-products .mapping-grid td{padding:2px 5px;height:32px;min-width:0;max-width:none;font-size:12px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-right:1px solid var(--mapping-line);border-bottom:1px solid var(--mapping-line);background:var(--mapping-source)}
.supplier-products .mapping-grid .mapping-band-sku{background:var(--mapping-sku)}
.supplier-products .mapping-grid .mapping-band-conversion{background:var(--mapping-conversion)}
.supplier-products .mapping-grid th{position:sticky;top:0;z-index:3;height:34px;background:#e7eee9!important;color:#345445;text-align:left}
.supplier-products .mapping-grid th.mapping-band-conversion{background:#e3ebef!important}
.supplier-products .mapping-grid th.mapping-band-sku{background:#e6eee6!important}
.supplier-products .mapping-grid th:first-child,.supplier-products .mapping-grid td:first-child{position:sticky;left:0;z-index:1;text-align:center;padding:2px 3px}
.supplier-products .mapping-grid th:nth-child(2),.supplier-products .mapping-grid td:nth-child(2){position:sticky;left:32px;z-index:1}
.supplier-products .mapping-grid th:nth-child(3),.supplier-products .mapping-grid td:nth-child(3){position:sticky;left:120px;z-index:1;border-right:2px solid #b9c9bf}
.supplier-products .mapping-grid th:nth-child(-n+3){z-index:4}
.supplier-products .mapping-grid th button{display:flex;align-items:center;justify-content:space-between;gap:1px;width:100%;min-height:26px;padding:2px 0;border:0;background:transparent;text-align:left;font-weight:600;font-size:12px;white-space:nowrap}
.supplier-products .mapping-grid th button span{font-size:10px;color:var(--green)}
.supplier-products .mapping-grid td button{min-height:26px;padding:3px 5px;border:0;background:transparent;line-height:18px;font-size:12px}
.supplier-products .mapping-grid td.mapping-number{text-align:right;font-variant-numeric:tabular-nums}
.supplier-products .mapping-grid .mapping-group td{position:static;text-align:left;background:#e8efe9;height:30px;overflow:visible;padding:0}
.supplier-products .mapping-grid .mapping-group span{display:block;position:sticky;left:0;width:max-content;max-width:100%;padding:4px 8px;font-size:12px;font-weight:600;color:var(--green)}
.supplier-products .mapping-grid tr[data-product]:hover td{background:#edf4ed}
.supplier-products .mapping-grid tr.mapping-selected td{background:#e0ecdf}
.supplier-products .mapping-empty{position:sticky;left:0;width:fit-content;max-width:100%;padding:10px;font-size:13px}
@media(max-width:640px){
 .supplier-products .mapping-sheet .mapping-filters>label{width:auto;min-width:calc(50% - 6px)}
 .supplier-products .mapping-sheet .mapping-filters>.mapping-search{flex-basis:100%}
 .supplier-products .mapping-sheet .mapping-filters>.mapping-group-option{min-width:0}
 .supplier-products #mapping-list{max-height:65dvh;scroll-padding-left:32px}
 .supplier-products .mapping-grid td{height:36px;font-size:13px}
 .supplier-products .mapping-grid td:nth-child(2),.supplier-products .mapping-grid td:nth-child(3){position:static}
 .supplier-products .mapping-grid th:nth-child(2),.supplier-products .mapping-grid th:nth-child(3){left:auto;z-index:3}
 .supplier-products .mapping-grid th:nth-child(3),.supplier-products .mapping-grid td:nth-child(3){border-right:1px solid var(--mapping-line)}
}
/* Wrap source and mapped names without widening the compact spreadsheet columns. */
.supplier-products .mapping-grid td{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;height:auto;min-height:32px}
.supplier-products .mapping-grid td button,.supplier-products .mapping-grid td a{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;line-height:1.4}
.supplier-products .mapping-grid td button[data-pick-sku],.supplier-products .mapping-grid td button[data-edit]{width:100%;padding:2px 0;color:var(--green)}
.supplier-products .mapping-grid input[data-inline-factor],.supplier-products .mapping-inline-picker input,.supplier-products .mapping-inline-picker select{width:100%;min-width:0;min-height:28px;height:28px;padding:2px 3px;font-size:12px;border:1px solid #c5d3c3;border-radius:3px;background:#fffdf9;box-sizing:border-box}
.supplier-products .mapping-inline-picker{display:grid;gap:3px}
.supplier-products .mapping-fixed{font-variant-numeric:tabular-nums}
.supplier-products .mapping-fixed [aria-label]{font-size:10px}
.supplier-products .mapping-inline-error{display:block;font-size:11px;line-height:1.4}
.supplier-products .mapping-grid td[data-column=latest_unit_price],.supplier-products .mapping-grid td[data-column=converted_unit_price]{font-variant-numeric:tabular-nums}
@media(max-width:640px){.supplier-products .mapping-grid td{height:auto;min-height:36px}.supplier-products .mapping-grid td button{min-height:32px}}