.sales-import-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px;margin-top:20px;border:1px solid #d7e8e3;border-radius:18px;background:linear-gradient(135deg,#eef9f6,#fff)}
.sales-import-hero h2{font-size:26px}.sales-import-hero p{max-width:760px;margin:6px 0 0;color:#60777a}.sales-import-safety{display:inline-flex;flex:0 0 auto;padding:8px 11px;border:1px solid #bcded5;border-radius:99px;background:#eaf7f3;color:#176b63;font-size:11px;font-weight:800;white-space:nowrap}
.sales-import-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:18px 0;list-style:none}.sales-import-steps li{display:flex;align-items:center;gap:7px;min-width:0;padding:10px;border:1px solid #dce9e5;border-radius:11px;background:#f8fbfa;color:#7a8d8f;font-size:11px;font-weight:700}.sales-import-steps strong{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e7efed;color:#526c6e}.sales-import-steps span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-import-steps li.active{border-color:#65a99f;background:#eaf7f3;color:#176b63}.sales-import-steps li.active strong{background:#176b63;color:#fff}.sales-import-steps li.done{border-color:#c5e1da;color:#2b7169}.sales-import-steps li.done strong{background:#cfe9e3;color:#1e665e}
.sales-import-panel{min-height:290px;padding:22px;border:1px solid #dce9e5;border-radius:17px;background:#fff}.sales-import-panel h3{margin:0 0 12px;font-size:20px}.sales-import-panel:not(.active){display:none}.sales-import-callout{display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:13px;border:1px solid #bdded6;border-radius:11px;background:#edf8f5;color:#275f59;font-size:12px}.sales-import-callout strong{flex:0 0 auto}.sales-import-callout span{line-height:1.55}.sales-import-callout.safe{border-color:#b8dfd5;background:#eaf8f3}.sales-import-callout.warning{border-color:#efce87;background:#fff7e5;color:#765610}.sales-import-callout.danger{border-color:#e8a89f;background:#fff0ed;color:#8a372d}
.sales-import-upload-form{display:grid;grid-template-columns:2fr 1fr;gap:13px;align-items:end;margin-top:18px}.sales-import-upload-form>label:not(.sales-import-confirm),.sales-import-phrase{display:grid;gap:7px}.sales-import-upload-form label>span,.sales-import-phrase>span{color:#526c6e;font-size:11px;font-weight:800}.sales-import-upload-form input[type=file],.sales-import-upload-form select,.sales-import-phrase input{width:100%;padding:11px;border:1px solid #cddeda;border-radius:10px;background:#fff;color:#17313a;font:inherit;font-size:13px}.sales-import-upload-form button{justify-self:start}.sales-import-confirm{display:flex;grid-column:1/-1;align-items:flex-start;gap:8px;color:#405e61;font-size:12px}.sales-import-confirm input{margin-top:2px}
.sales-import-file-meta{display:flex;gap:10px;flex-wrap:wrap;color:#60777a;font-size:12px}.sales-import-file-meta span{padding:6px 9px;border-radius:8px;background:#f2f7f5}.sales-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}.sales-import-summary div{padding:12px;border-radius:11px;background:#f2f7f5}.sales-import-summary span{display:block;color:#718486;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.sales-import-summary strong{display:block;margin-top:4px;color:#125d57;font-size:20px}.sales-import-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.sales-import-actions .secondary{background:#edf4f2}.sales-import-actions button:disabled{opacity:.5;cursor:not-allowed}
.sales-import-row-list{display:grid;gap:13px;margin-top:16px}.sales-import-row{padding:16px;border:1px solid #dce9e5;border-left:5px solid #7da9a2;border-radius:14px;background:#fff}.sales-import-row.needs-review{border-left-color:#d4912d}.sales-import-row.invalid{border-left-color:#c95747}.sales-import-row.reviewed{border-left-color:#318074}.sales-import-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sales-import-row-head h4{margin:0;font-size:16px}.sales-import-row-head p{margin:3px 0 0;color:#718486;font-size:11px}.sales-import-row-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sales-import-tag{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e9f4f1;color:#226a63;font-size:10px;font-weight:800}.sales-import-tag.warn{background:#fff1d3;color:#815d16}.sales-import-tag.stop{background:#fae8e4;color:#943e32}.sales-import-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.sales-import-row-grid div{min-width:0;padding:9px;border-radius:9px;background:#f5f9f8}.sales-import-row-grid span{display:block;color:#718486;font-size:9px;text-transform:uppercase}.sales-import-row-grid strong{display:block;margin-top:3px;font-size:11px;word-break:break-word}.sales-import-row-controls{display:grid;grid-template-columns:1fr 1.5fr auto;gap:9px;align-items:end;margin-top:12px}.sales-import-row-controls label{display:grid;gap:5px}.sales-import-row-controls label>span{color:#526c6e;font-size:10px;font-weight:800}.sales-import-row-controls select{width:100%;padding:9px;border:1px solid #cddeda;border-radius:9px;background:#fff;color:#17313a;font:inherit;font-size:12px}.sales-import-row-controls button{padding:9px 12px;border:0;border-radius:9px;background:#176b63;color:#fff;font-weight:800;cursor:pointer}.sales-import-row-controls button:disabled{opacity:.5;cursor:wait}.sales-import-dedupe{margin:10px 0 0;color:#60777a;font-size:11px}.sales-import-validation{margin:8px 0 0;padding:9px;border-radius:8px;background:#fff5e2;color:#74520f;font-size:11px}
.sales-import-exception-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:20px}.sales-import-exception-heading span,.sales-import-exception-heading strong{display:block}.sales-import-exception-heading span{color:#60777a;font-size:11px}.sales-import-exception-heading strong{margin-top:3px;color:#765610;font-size:18px}.sales-import-exception-heading small{color:#718486}.sales-import-exception-reason{margin:13px 0;color:#526c6e;font-size:13px}.sales-import-exception-actions{display:flex;flex-wrap:wrap;gap:8px}.sales-import-exception-actions button{border:0;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.sales-import-exception-actions .primary{background:#176b63;color:#fff}.sales-import-exception-actions .secondary{background:#edf4f2;color:#315c58}.sales-import-exception-actions button:disabled{opacity:.5;cursor:wait}
.sales-import-diffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.sales-import-diff{display:grid;grid-template-columns:minmax(100px,.7fr) 1fr 1fr minmax(90px,.6fr);gap:8px;align-items:center;padding:9px;border:1px solid #e0ebe8;border-radius:9px;background:#fbfdfc;font-size:11px}.sales-import-diff>strong{font-size:11px}.sales-import-diff-value span{display:block;color:#849496;font-size:8px;text-transform:uppercase}.sales-import-diff-value code{display:block;overflow:hidden;margin-top:2px;color:#315356;font-family:inherit;text-overflow:ellipsis;white-space:nowrap}.sales-import-diff select{width:100%;padding:7px;border:1px solid #cddeda;border-radius:8px;background:#fff;font-size:10px}.sales-import-diff.locked{border-color:#e8c16e;background:#fff8e9}.sales-import-diff.conflict{border-color:#e7b1a9;background:#fff4f2}.sales-import-diff.same{opacity:.72}.sales-import-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:#718486;font-size:11px}
.sales-import-phrase{margin:18px 0}.sales-import-phrase code{display:block;padding:11px;border:1px dashed #9abcb7;border-radius:9px;background:#f3f8f7;color:#234f4b;font-size:13px;user-select:all}.sales-import-commit-button{border:0;border-radius:10px;padding:10px 14px;background:#8c392e;color:#fff;font-weight:800;cursor:pointer}.sales-import-commit-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:980px){.sales-import-summary{grid-template-columns:repeat(3,1fr)}.sales-import-row-grid{grid-template-columns:repeat(3,1fr)}.sales-import-diffs{grid-template-columns:1fr}}
@media(max-width:820px){.sales-import-hero{display:block}.sales-import-safety{margin-top:12px}.sales-import-steps{grid-template-columns:repeat(2,1fr)}.sales-import-upload-form{grid-template-columns:1fr}.sales-import-row-grid{grid-template-columns:1fr 1fr}.sales-import-row-controls{grid-template-columns:1fr}.sales-import-row-controls button{width:100%}.sales-import-summary{grid-template-columns:1fr 1fr}.sales-import-actions{align-items:stretch;flex-direction:column}.sales-import-actions button{width:100%!important}}
@media(max-width:480px){.sales-import-panel{padding:15px}.sales-import-steps,.sales-import-summary,.sales-import-row-grid{grid-template-columns:1fr}.sales-import-row-head,.sales-import-exception-heading{display:block}.sales-import-row-status{justify-content:flex-start;margin-top:8px}.sales-import-exception-heading small{display:block;margin-top:5px}.sales-import-exception-actions{display:grid}.sales-import-diff{grid-template-columns:1fr 1fr}.sales-import-diff>strong,.sales-import-diff select{grid-column:1/-1}}