.retail-mapping{--mapping-border:var(--line,#dce3e0);--mapping-muted:var(--muted,#53635d);--mapping-accent:var(--accent,#245d49);min-width:0;color:var(--ink,#172922)}
.mapping-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.mapping-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:600}
.retail-mapping input,.retail-mapping select,.retail-mapping button{font:inherit;min-height:44px;max-width:100%;box-sizing:border-box}
.retail-mapping input,.retail-mapping select{width:100%;padding:10px;border:1px solid var(--mapping-border);border-radius:8px;background:white;color:inherit}
.retail-mapping button{padding:10px 14px;border:1px solid var(--mapping-border);border-radius:8px;cursor:pointer;white-space:normal}
.retail-mapping button:disabled{opacity:.6;cursor:wait}
.retail-mapping :focus-visible,.retail-mapping-dialog button:focus-visible{outline:3px solid var(--mapping-accent);outline-offset:3px}
.mapping-hint,.mapping-row small{color:var(--mapping-muted);font-size:.875rem}
.mapping-message{min-height:1.5em;overflow-wrap:anywhere}
.mapping-existing{margin-top:20px;border-top:1px solid var(--mapping-border);padding-top:12px}
.mapping-existing summary{padding:10px 0;cursor:pointer;font-weight:600;min-height:44px;box-sizing:border-box}
.mapping-list{margin-top:12px;display:grid;gap:8px}
.mapping-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;text-align:left;background:white;color:inherit;width:100%}
.mapping-row:hover{background:var(--surface-soft,#f4f7f5)}
.mapping-row span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.retail-mapping-dialog{width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:24px;border:1px solid var(--line,#dce3e0);border-radius:16px;color:var(--ink,#172922)}
.retail-mapping-dialog::backdrop{background:rgba(16,30,24,.35)}
.mapping-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}
.mapping-dialog-heading h2{margin:0;font-size:1.35rem}.mapping-dialog-heading button{min-height:44px}
@media(max-width:600px){.mapping-form{grid-template-columns:minmax(0,1fr)}.mapping-row{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-mapping-dialog{padding:16px}.mapping-dialog-heading{flex-wrap:wrap}}
.mapping-message:empty{min-height:0;margin:0}.mapping-hint:empty{display:none}
.mapping-dialog-heading h2{flex:1;min-width:0}
.mapping-dialog-heading .mapping-dialog-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line,#dce3e0);border-radius:50%;background:white;color:var(--muted,#53635d);font-size:24px;cursor:pointer}
.retail-mapping .primary-button{background:var(--mapping-accent);border-color:var(--mapping-accent);color:white;font-weight:600}