.recognition-panel{margin:18px 0;padding:14px;border:1px solid var(--line,#ddd);border-radius:12px}
.recognition-panel select{max-width:100%;width:100%;box-sizing:border-box}
.recognition-panel .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.recognition-row{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#ddd)}
.recognition-row>div{min-width:0;overflow-wrap:anywhere}
.recognition-row label{display:block;font-size:13px;margin:8px 0}
.recognition-row .input{width:100%;box-sizing:border-box;min-width:0}
.recognition-row.mismatch{border-left:3px solid #c48113;padding-left:10px;background:#fff9ee}
.recognition-panel .recognition-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.recognition-panel small{display:block;font-size:12px;color:var(--muted,#666);margin:6px 0}
.recognition-panel .recognition-status{font-size:13px;overflow-wrap:anywhere}
@media(max-width:650px){.recognition-row{grid-template-columns:minmax(0,1fr)}.recognition-heading{display:none}.recognition-panel{padding:10px}}