#matching .step-label { min-height:35px; border-radius:6px; padding:6px 11px; font-size:12px; }
#matching .mapping-table { table-layout:fixed; }
#matching .mapping-table th:first-child { width:35%; }
#matching .mapping-table th:nth-child(2) { width:43%; }
#matching .mapping-table th:last-child { width:22%; }
#matching .mapping-table td { height:99px; }
#matching .alias-viewport { display:grid; align-items:center; min-height:2.8em; overflow:hidden; }
#matching [data-alias-text] { display:block; font-size:14px; line-height:1.4; overflow-wrap:anywhere; word-break:keep-all; color:#355d9f; }
#matching .alias-leaving [data-alias-text] { animation:alias-leave .18s ease-in both; }
#matching .alias-entering [data-alias-text] { animation:alias-enter .32s cubic-bezier(.2,.7,.2,1) both; }
#matching .canonical-cell { background:#f8fbff; }
#matching .mapped-product { gap:11px; }
#matching .canonical-name { display:block; font-size:14px; font-weight:550; line-height:1.5; color:#203a62; }
#matching .canonical-unit { display:block; margin-top:2px; font-size:11px; line-height:1.4; color:#8091ab; }
#matching .alias-confirm .canonical-cell { animation:canonical-confirm .65s ease-out; }
#matching .status { border-radius:5px; padding:4px 7px; gap:4px; border:1px solid #dceee5; color:#188864; background:#edf8f2; font-size:10px; }
#matching .status:before { content:'✓'; background:none; width:auto; height:auto; border-radius:0; font-size:10px; line-height:1; }
#matching .alias-caption { margin-top:20px; text-align:center; color:#8190a7; font-size:11px; line-height:1.7; }
#matching .alias-caption strong { color:#456693; font-weight:500; }
@keyframes alias-leave { from { opacity:1; transform:translateY(0); } to { opacity:0; transform:translateY(-10px); } }
@keyframes alias-enter { from { opacity:0; transform:translateY(11px); } to { opacity:1; transform:translateY(0); } }
@keyframes canonical-confirm { from { background:#e7f0ff; } to { background:#f8fbff; } }
.motion-paused #matching [data-alias-text],.motion-paused #matching .canonical-cell { animation:none!important; opacity:1; transform:none; }
@media(max-width:600px) {
  #matching .mapping-table th:first-child { width:34%; }
  #matching .mapping-table th:nth-child(2) { width:43%; }
  #matching .mapping-table th:last-child { width:23%; }
  #matching .mapping-table td { padding:12px 6px; height:110px; }
  #matching [data-alias-text] { font-size:12px; min-height:3em; }
  #matching .product-partner { font-size:9px; }
  #matching .mapped-product { gap:5px; }
  #matching .product-photo.small { width:38px; height:38px; }
  #matching .canonical-name { font-size:11px; }
  #matching .canonical-unit { font-size:10px; }
  #matching .status { padding:4px; gap:3px; font-size:9px; }
  #matching .status:before { font-size:9px; }
  #matching .alias-caption { font-size:10px; margin-top:16px; }
}
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion-opt-in]) #matching [data-alias-text],html:not([data-motion-opt-in]) #matching .canonical-cell { animation:none!important; opacity:1; transform:none; }
}
