.model-mapping{padding:20px;max-width:1500px;margin:auto}.mapping-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.mapping-heading h2{font-size:20px;margin:0 0 7px}.mapping-heading p{font-size:13px;color:var(--muted);line-height:1.5;margin:0;max-width:850px}.mapping-heading button{flex-shrink:0}.mapping-filters{display:grid;grid-template-columns:180px minmax(180px,1fr) minmax(180px,1fr);gap:12px}.mapping-filters label,.mapping-query{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.mapping-filters select{width:100%;min-width:0}.mapping-summary{display:flex;gap:12px 24px;flex-wrap:wrap;padding:15px 0;font-size:12px}.mapping-summary strong{font-size:18px;margin-right:4px;color:var(--teal)}.mapping-notice,.mapping-empty{border:1px solid var(--line);border-radius:7px;padding:12px;font-size:13px;line-height:1.6;background:var(--panel)}.mapping-graph-tools{display:flex;align-items:end;gap:15px;margin:0 0 12px;flex-wrap:wrap}.mapping-query input{min-width:260px}.mapping-check{display:flex;align-items:center;gap:7px;font-size:12px;padding-bottom:9px}.mapping-export{display:flex;gap:6px;margin-left:auto}.mapping-canvas{max-height:600px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--scs-surface)}.mapping-svg{display:block;width:100%;height:auto;min-width:700px}.mapping-svg-object{cursor:pointer}.mapping-svg-object:hover rect,.mapping-svg-object:focus rect{stroke:var(--scs-accent);stroke-width:2.5}.mapping-svg-object:focus{outline:none}.mapping-relations h3{font-size:15px;margin:18px 0 10px}.mapping-relations{min-width:0;overflow-x:auto}.mapping-relations table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.mapping-relations th{text-align:left;color:var(--muted);font-size:12px;padding:8px;border-bottom:1px solid var(--line)}.mapping-relations td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top;width:33%}.mapping-relations td>button[data-mapping-open]{display:flex;flex-direction:column;gap:4px;text-align:left;white-space:normal;width:100%;font-size:12px;padding:8px 10px}.mapping-relations small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:3px;overflow-wrap:anywhere}.mapping-relations td>button{font-size:12px;min-height:34px;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.mapping-help{margin-top:18px;font-size:12px;line-height:1.65;color:var(--muted)}.mapping-help summary{font-weight:600;cursor:pointer;color:var(--text)}.mapping-choices{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:7px;margin:10px 0 16px}.mapping-choices>label{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.mapping-choices>label:last-child{border-bottom:0}.mapping-choices>label:has(input:checked){background:var(--button-bg)}.mapping-choices span{min-width:0;overflow-wrap:anywhere}.mapping-choices small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.mapping-choice-summary{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px}.mapping-choice-summary label{display:flex;align-items:center;gap:6px}@media(max-width:800px){.model-mapping{padding:12px}.mapping-filters{grid-template-columns:1fr}.mapping-heading{flex-wrap:wrap}.mapping-relations td{padding:5px}.mapping-query{flex:1}.mapping-query input{min-width:180px;width:100%}}
