/* Scoped to the unified editor: no global table/form overrides. */
#supplyArchiveModal { padding:20px; }
#supplyArchiveModal .sa-modal { width:min(1080px,100%); max-width:1080px; max-height:calc(100dvh - 40px); padding:0; overflow:hidden; display:flex; flex-direction:column; color:#1b2939; background:#fff; border-radius:24px; }
#supplyArchiveModal * { box-sizing:border-box; }
#supplyArchiveModal .sa-base-policy { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin:12px 0; }
#supplyArchiveModal .sa-base-policy > label:first-child { display:grid; gap:6px; min-width:180px; }
#supplyArchiveModal .sa-base-policy select { min-height:44px; width:100%; }
#supplyArchiveModal .sa-base-change { padding:10px 14px; border-radius:12px; background:#edf5ff; color:#17569d; line-height:1.6; }
#supplyArchiveModal [hidden] { display:none!important; }
#supplyArchiveModal .sa-header { padding:22px 28px; display:flex; justify-content:space-between; gap:16px; flex:none; border-bottom:1px solid #e6ebf2; background:#fbfcfe; }
#supplyArchiveModal .sa-eyebrow { color:#5d7394; font-size:12px; }
#supplyArchiveModal h2 { font-size:22px; margin:5px 0; line-height:1.4; overflow-wrap:anywhere; }
#supplyArchiveModal h3 { font-size:17px; margin:0; line-height:1.5; }
#supplyArchiveModal p { margin:4px 0 0; color:#6b798b; font-size:12px; line-height:1.65; }
#supplyArchiveModal .sa-body { padding:0 28px; overflow:auto; overscroll-behavior:contain; min-height:0; flex:1; }
#supplyArchiveModal .sa-section { padding:24px 0; border-bottom:1px solid #edf0f5; }
#supplyArchiveModal .sa-section:last-child { border:0; }
#supplyArchiveModal .sa-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
#supplyArchiveModal .sa-heading small { font-size:12px; font-weight:400; color:#7b899b; margin-left:8px; }
#supplyArchiveModal .sa-unit-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
#supplyArchiveModal .sa-weight-note { margin:0 0 16px; padding:10px 12px; border-radius:10px; background:#edf4ff; color:#3c608e; }
#supplyArchiveModal .sa-unit-name .sa-weight-equivalents { color:#386ba8; font-size:11px; }
#supplyArchiveModal .sa-basic { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:16px; }
#supplyArchiveModal label { font-size:12px; color:#506177; line-height:1.6; min-width:0; }
#supplyArchiveModal label>span:first-child { display:block; margin-bottom:7px; }
#supplyArchiveModal input:not([type=checkbox]):not([type=file]), #supplyArchiveModal select, #supplyArchiveModal textarea { display:block; width:100%; min-width:0; max-width:100%; min-height:42px; height:auto; border:1px solid #dce4ee; background:#fff; border-radius:10px; padding:10px 12px; font-size:14px; line-height:1.5; color:#233348; box-shadow:none; }
#supplyArchiveModal input[readonly] { background:#f7f9fc; color:#52627a; }
#supplyArchiveModal input[type=checkbox] { appearance:auto; width:17px; height:17px; flex:0 0 17px; accent-color:#2868d5; margin:0; }
#supplyArchiveModal button { white-space:normal; line-height:1.4; flex-shrink:0; }
#supplyArchiveModal button:focus-visible, #supplyArchiveModal input:focus-visible, #supplyArchiveModal textarea:focus-visible, #supplyArchiveModal select:focus-visible, #supplyArchiveModal summary:focus-visible { outline:3px solid #a6c8ff; outline-offset:2px; }
#supplyArchiveModal .sa-check { display:flex; align-items:center; gap:7px; }
#supplyArchiveModal .sa-more { margin-top:15px; }
#supplyArchiveModal summary { cursor:pointer; color:#526680; font-size:13px; line-height:1.6; }
#supplyArchiveModal summary::marker { color:#8b9ab0; }
#supplyArchiveModal .sa-more-body { display:grid; gap:16px; padding-top:16px; }
#supplyArchiveModal .sa-images { display:flex; gap:16px; flex-wrap:wrap; }
#supplyArchiveModal .sa-image { display:flex; align-items:center; gap:10px; }
#supplyArchiveModal .sa-image img { width:64px; height:64px; object-fit:cover; border-radius:12px; }
#supplyArchiveModal .sa-image small { max-width:160px; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-unit-head, #supplyArchiveModal .sa-unit-grid { display:grid; grid-template-columns:minmax(100px,.75fr) minmax(0,1.6fr) minmax(0,1.6fr) 64px 48px; gap:14px; align-items:start; }
#supplyArchiveModal .sa-unit-head { padding:0 16px 9px; color:#8391a3; font-size:11px; }
#supplyArchiveModal .sa-unit { border:1px solid #e3e9f1; border-radius:14px; margin-bottom:10px; background:#fff; }
#supplyArchiveModal .sa-unit-grid { padding:16px; }
#supplyArchiveModal .sa-unit-name small { display:block; margin-top:7px; font-size:10px; color:#7d8da3; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-amount { display:flex; gap:6px; align-items:center; }
#supplyArchiveModal .sa-fx { border:0; border-radius:9px; width:37px; height:42px; color:#2265d5; background:#edf4ff; font-size:16px; font-weight:700; }
#supplyArchiveModal output { display:block; font-size:12px; line-height:1.6; color:#268465; overflow-wrap:anywhere; margin-top:6px; }
#supplyArchiveModal .sa-price-error { color:#ba4935; }
#supplyArchiveModal .sa-enable { padding-top:12px; }
#supplyArchiveModal .sa-retained { color:#9aa5b4; padding-top:15px; font-size:10px; }
#supplyArchiveModal .sa-remove { background:none; border:0; font-size:22px; color:#77849a; padding:8px 0; }
#supplyArchiveModal .sa-archive-action { padding:12px 0; background:none; border:0; color:#647792; font-size:12px; cursor:pointer; }
#supplyArchiveModal .sa-archive-action:hover { color:#2868d5; }
#supplyArchiveModal .sa-archived { margin:16px 0; padding:12px 16px; border:1px solid #e3e9f1; border-radius:12px; background:#f8fafc; }
#supplyArchiveModal .sa-archived>p { margin:8px 0 12px; }
#supplyArchiveModal .sa-archived-unit { display:grid; grid-template-columns:minmax(80px,.6fr) minmax(0,2fr) auto; gap:16px; padding:14px 0; align-items:center; border-top:1px solid #e3e9f1; }
#supplyArchiveModal .sa-archived-unit strong { font-size:14px; color:#52627a; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-archived-unit small { display:block; font-size:11px; color:#8391a3; margin-top:4px; }
#supplyArchiveModal .sa-archived-unit dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0; min-width:0; }
#supplyArchiveModal .sa-archived-unit dt { font-size:11px; color:#8391a3; }
#supplyArchiveModal .sa-archived-unit dd { margin:4px 0 0; font-size:13px; color:#52627a; white-space:pre-wrap; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-archived-actions { display:flex; gap:8px; flex-wrap:wrap; }
#supplyArchiveModal .sa-mobile-label { display:none!important; }
#supplyArchiveModal .sa-formula { background:#f4f8ff; border:1px solid #dfebfb; border-radius:12px; padding:16px; margin:0 14px 14px; }
#supplyArchiveModal .sa-formula .sa-heading { margin-bottom:10px; }
#supplyArchiveModal .sa-formula textarea { min-height:94px; resize:vertical; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-reference { display:grid; grid-template-columns:1fr 1.7fr auto; gap:10px; margin:12px 0; }
#supplyArchiveModal .sa-formula small { font-size:11px; color:#7f8ca0; }
#supplyArchiveModal .sa-formula-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:14px; }
#supplyArchiveModal .sa-auto-price-note { margin:0 14px 12px; padding:8px 12px; border-radius:8px; background:#eef7ff; color:#416b93; }
#supplyArchiveModal .sa-factor select { font-size:13px; padding:8px; }
#supplyArchiveModal .sa-min-unit { display:inline-flex; max-width:100%; margin-top:6px; padding:2px 7px; border-radius:6px; color:#245caa; background:#edf4ff; font-size:10px; line-height:1.6; white-space:nowrap; }
#supplyArchiveModal .sa-factor-label { min-width:0; }
#supplyArchiveModal .sa-switches { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#supplyArchiveModal .sa-switches>label { display:flex; align-items:center; gap:12px; padding:15px 18px; border:1px solid #e2e9f2; border-radius:12px; }
#supplyArchiveModal .sa-switches strong, #supplyArchiveModal .sa-switches small { display:block; }
#supplyArchiveModal .sa-switches strong { font-size:14px; color:#3b4d64; }
#supplyArchiveModal .sa-switches small { color:#8c99ab; font-size:11px; }
#supplyArchiveModal .sa-advanced { border:1px solid #e7ecf3; border-radius:12px; margin-top:14px; }
#supplyArchiveModal .sa-advanced summary { padding:13px 16px; }
#supplyArchiveModal summary span { font-size:11px; color:#8795a8; margin-left:10px; }
#supplyArchiveModal .sa-inventory-source { border-top:1px solid #e7ecf3; padding:16px; }
#supplyArchiveModal .sa-inventory-source h4 { margin:0 0 5px; font-size:14px; color:#344c69; }
#supplyArchiveModal .sa-conversions { margin:14px 0 10px; border:1px solid #e1e9f4; border-radius:10px; overflow:hidden; }
#supplyArchiveModal .sa-factor { display:grid; grid-template-columns:minmax(70px,.8fr) minmax(0,1.3fr) minmax(0,1.4fr); gap:14px; align-items:center; padding:12px 14px; background:#f9fbff; }
#supplyArchiveModal .sa-factor + .sa-factor { border-top:1px solid #e1e9f4; }
#supplyArchiveModal .sa-factor-unit { font-size:14px; color:#344c69; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-factor-quantity { display:flex; align-items:center; gap:10px; }
#supplyArchiveModal .sa-factor-quantity>span:first-child { margin-bottom:0; }
#supplyArchiveModal .sa-factor-quantity input { flex:1; width:0!important; }
#supplyArchiveModal .sa-factor-base { flex:none; max-width:40%; font-size:14px; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-base-number { flex:1; min-height:42px; padding:10px 12px; font-size:14px; }
#supplyArchiveModal .sa-factor small { font-size:11px; line-height:1.6; color:#728299; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-conversion-help { color:#587395; }
#supplyArchiveModal .sa-stock-settings { margin-top:20px; border-top:1px solid #e7ecf3; padding-top:12px; }
#supplyArchiveModal .sa-stock-settings summary { padding:0; }
#supplyArchiveModal .sa-stock-settings p { margin-top:10px; }
#supplyArchiveModal .sa-inventory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0; }
#supplyArchiveModal .sa-extra-checks { display:flex; flex-wrap:wrap; gap:14px; margin-top:16px; }
#supplyArchiveModal .sa-history-row { display:grid; grid-template-columns:1fr 1.5fr .5fr 1.5fr; gap:12px; font-size:12px; padding:12px 0; border-bottom:1px solid #edf1f5; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-history-row small { display:block; color:#8a97a7; }
#supplyArchiveModal .sa-history button { margin-top:12px; }
#supplyArchiveModal .sa-quote-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:12px; margin-top:20px; }
#supplyArchiveModal .sa-quote-actions { display:flex; justify-content:flex-end; gap:10px; }
#supplyArchiveModal .sa-footer { flex:none; padding:16px 28px; border-top:1px solid #e1e8f1; background:#fcfdff; display:flex; justify-content:space-between; align-items:center; gap:16px; }
#supplyArchiveModal [data-sa-save-state] { font-size:12px; color:#7e8c9f; }
#supplyArchiveModal [data-sa-error] { color:#ac3b25; font-size:12px; max-width:640px; max-height:86px; overflow:auto; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-footer-actions { display:flex; gap:10px; flex-shrink:0; }
#supplyArchiveModal [data-sa-discard] { display:flex; gap:8px; flex-wrap:wrap; font-size:12px; margin-top:8px; }
#supplyArchiveModal .sa-weight-review { margin:0 0 18px; padding:16px; background:#f5f9ff; border:1px solid #cbdffc; border-radius:14px; }
#supplyArchiveModal .sa-weight-review h4 { margin:0; font-size:15px; }
#supplyArchiveModal .sa-weight-review p { margin:8px 0; color:#617087; font-size:12px; line-height:1.6; }
#supplyArchiveModal .sa-weight-change { display:grid; grid-template-columns:minmax(70px,.6fr) repeat(2,minmax(0,1fr)); gap:12px; padding:12px 0; border-top:1px solid #dde7f5; font-size:13px; overflow-wrap:anywhere; }
#supplyArchiveModal .sa-weight-change small { display:block; margin:0 0 5px; color:#748298; font-size:11px; font-weight:400; }
#supplyArchiveModal .sa-weight-change b { color:#185ec9; font-weight:600; }
#supplyArchiveModal .sa-weight-review-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:14px; }
@media(max-width:700px) {
  #supplyArchiveModal { padding:8px; }
  #supplyArchiveModal .sa-modal { max-height:calc(100dvh - 16px); border-radius:18px; }
  #supplyArchiveModal .sa-header { padding:17px; }
  #supplyArchiveModal h2 { font-size:18px; }
  #supplyArchiveModal .sa-header p { font-size:11px; }
  #supplyArchiveModal .sa-body { padding:0 16px; }
  #supplyArchiveModal .sa-section { padding:20px 0; }
  #supplyArchiveModal .sa-basic { grid-template-columns:1fr 1fr; gap:12px; }
  #supplyArchiveModal .sa-basic label:first-child { grid-column:1/-1; }
  #supplyArchiveModal .sa-heading { gap:10px; }
  #supplyArchiveModal .sa-unit-actions { max-width:45%; }
  #supplyArchiveModal .sa-unit-actions .button { font-size:12px; padding:9px; }
  #supplyArchiveModal .sa-heading p { font-size:11px; }
  #supplyArchiveModal .sa-weight-review { padding:12px; }
  #supplyArchiveModal .sa-weight-change { grid-template-columns:1fr 1fr; }
  #supplyArchiveModal .sa-weight-change>strong { grid-column:1/-1; }
  #supplyArchiveModal .sa-weight-review-actions .button { flex:1; min-width:120px; }
  #supplyArchiveModal .sa-heading>.button { font-size:12px; padding:9px; }
  #supplyArchiveModal input:not([type=checkbox]):not([type=file]), #supplyArchiveModal select, #supplyArchiveModal textarea { font-size:16px; }
  #supplyArchiveModal .sa-unit-head { display:none; }
  #supplyArchiveModal .sa-unit-grid { grid-template-columns:1fr 1fr; padding:12px; gap:12px; position:relative; }
  #supplyArchiveModal .sa-unit-name { grid-column:1; grid-row:1; }
  #supplyArchiveModal .sa-enable { grid-column:2; grid-row:1; align-self:center; justify-self:end; margin-right:44px; padding:0; }
  #supplyArchiveModal .sa-retained, #supplyArchiveModal .sa-remove, #supplyArchiveModal .sa-archive-action { position:absolute; right:12px; top:26px; padding:0; }
  #supplyArchiveModal .sa-archived { padding:12px; }
  #supplyArchiveModal .sa-archived-unit { grid-template-columns:1fr auto; gap:12px; }
  #supplyArchiveModal .sa-archived-unit dl { grid-row:2; grid-column:1/-1; gap:12px; }
  #supplyArchiveModal .sa-price { grid-row:2; }
  #supplyArchiveModal .sa-mobile-label { display:block!important; font-size:11px; }
  #supplyArchiveModal .sa-reference { grid-template-columns:1fr; }
  #supplyArchiveModal .sa-switches { grid-template-columns:1fr; }
  #supplyArchiveModal .sa-inventory-grid, #supplyArchiveModal .sa-quote-grid { grid-template-columns:1fr 1fr; }
  #supplyArchiveModal .sa-advanced summary span { display:block; margin-left:12px; }
  #supplyArchiveModal .sa-factor { grid-template-columns:minmax(55px,.7fr) minmax(0,1.3fr); gap:6px 10px; padding:12px; }
  #supplyArchiveModal .sa-factor small { grid-column:2; }
  #supplyArchiveModal .sa-factor-quantity { gap:8px; }
  #supplyArchiveModal .sa-inventory-grid { grid-template-columns:1fr; }
  #supplyArchiveModal .sa-footer { padding:12px 16px max(12px,env(safe-area-inset-bottom)); gap:10px; }
  #supplyArchiveModal .sa-footer>.sa-footer-actions .button { padding:10px 12px; font-size:12px; }
  #supplyArchiveModal .sa-image { flex-wrap:wrap; }
  #supplyArchiveModal .sa-history-row { grid-template-columns:1fr 1fr .5fr 1fr; font-size:11px; gap:6px; }
}
#supplyOffersView .supply-price-cost, #supplyArchiveModal .sa-unit-head > :nth-child(2), #supplyArchiveModal .sa-price-cost output, #supplyArchiveModal .sa-price-cost .sa-mobile-label { color:#225bb1; }
#supplyOffersView .supply-price-sale, #supplyArchiveModal .sa-unit-head > :nth-child(3), #supplyArchiveModal .sa-price-sale output, #supplyArchiveModal .sa-price-sale .sa-mobile-label { color:#08796b; }
#supplyArchiveModal .sa-price.sa-price-cost input[data-sa-price] { background:#f5f9ff; border-color:#bed3f3; }
#supplyArchiveModal .sa-price.sa-price-sale input[data-sa-price] { background:#f2faf7; border-color:#b4ded3; }
#supplyOffersView .supply-price-cost, #supplyOffersView .supply-price-sale { border-radius:7px; padding:5px 8px; }
#supplyOffersView .supply-price-cost { background:#f5f9ff; }
#supplyOffersView .supply-price-sale { background:#f2faf7; }

/* Local unit-workspace redesign: quantities and prices share one row. */
#supplyArchiveModal .sa-header > div { flex:1; min-width:0; }
#supplyArchiveModal .sa-header > button { align-self:center; }
#supplyArchiveModal .sa-picture-section { padding:18px 0; }
#supplyArchiveModal .sa-picture-section .sa-heading { margin-bottom:10px; }
#supplyArchiveModal .sa-picture-section .sa-images { background:#f7faff; border:1px solid #dce7f6; padding:14px; border-radius:12px; }
#supplyArchiveModal .sa-unit-head, #supplyArchiveModal .sa-unit-grid { grid-template-columns:minmax(70px,.6fr) minmax(160px,1.15fr) minmax(140px,1fr) minmax(140px,1fr) 48px 64px; gap:12px; }
#supplyArchiveModal .sa-unit-grid > .sa-factor { display:flex; flex-direction:column; align-items:stretch; padding:0; background:none; gap:6px; min-width:0; }
#supplyArchiveModal .sa-unit-grid .sa-factor small { font-size:10px; }
#supplyArchiveModal .sa-unit-grid .sa-factor .sa-min-unit { display:none; }
#supplyArchiveModal .sa-unit-head > :nth-child(2) { color:#8391a3; }
#supplyArchiveModal .sa-unit-head > :nth-child(3) { color:#225bb1; }
#supplyArchiveModal .sa-unit-head > :nth-child(4) { color:#08796b; }
#supplyArchiveModal .sa-price-mode { display:block; font-size:11px; color:#64748b; margin-top:5px; }
#supplyArchiveModal .sa-unit-grid .sa-auto-price-note { display:none; }
@media(max-width:900px) {
  #supplyArchiveModal .sa-unit-head { display:none; }
  #supplyArchiveModal .sa-unit-grid { grid-template-columns:1fr 1fr; gap:12px; position:relative; }
  #supplyArchiveModal .sa-unit-name { grid-column:1; grid-row:1; }
  #supplyArchiveModal .sa-unit-grid > .sa-factor { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:#f8faff; padding:10px; border-radius:8px; }
  #supplyArchiveModal .sa-unit-grid > .sa-factor small { grid-column:1/-1; }
  #supplyArchiveModal .sa-price { grid-row:3; }
  #supplyArchiveModal .sa-mobile-label { display:block!important; }
  #supplyArchiveModal .sa-enable { grid-row:1; grid-column:2; padding:0; justify-self:start; margin:0; }
  #supplyArchiveModal .sa-archive-action, #supplyArchiveModal .sa-remove { position:absolute; right:12px; top:12px; max-width:64px; padding:0; }
}
@media(max-width:420px) {
  #supplyArchiveModal .sa-header { flex-wrap:wrap; gap:8px; }
  #supplyArchiveModal .sa-header > div { flex-basis:calc(100% - 48px); }
  #supplyArchiveModal .sa-header > [data-sa-show-pictures] { order:3; }
  #supplyArchiveModal .sa-unit-actions { max-width:100%; }
  #supplyArchiveModal .sa-heading { flex-wrap:wrap; }
}