:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2d3d;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.map-wrap{max-width:1180px;margin:auto;padding:20px}.map-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.map-head h1{margin:0 0 6px;font-size:24px}.map-head p{margin:0;color:#667}.back{display:inline-block;padding:9px 14px;border:1px solid #ccd5df;border-radius:8px;background:#fff;color:#234;text-decoration:none}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{border:1px solid #ccd5df;background:#fff;padding:10px 18px;border-radius:8px;font-weight:700}.tabs button.active{background:#223b53;color:#fff}.panel{background:#fff;border:1px solid #dbe2e8;border-radius:12px;padding:18px;margin-bottom:16px}.meta{display:grid;grid-template-columns:1fr 1fr 140px;gap:12px;margin-bottom:16px}.meta label{font-weight:700}.meta input{width:100%;margin-top:5px;padding:9px;border:1px solid #cbd5df;border-radius:7px}.version{padding:10px;background:#eef3f7;border-radius:8px;font-weight:700}.mapping-scroll{width:100%;overflow-x:auto}.mapping-table{width:100%;min-width:980px;border-collapse:collapse}.mapping-table th,.mapping-table td{padding:9px;border-bottom:1px solid #e6ebef;text-align:left;vertical-align:top}.mapping-table th{background:#f7f9fb;font-size:13px}.mapping-table input[type=text],.mapping-table textarea{width:100%;padding:8px;border:1px solid #cbd5df;border-radius:6px;font:inherit}.mapping-table textarea{min-height:58px;resize:vertical}.mapping-table .std{font-weight:700;min-width:150px}.mapping-table .req{text-align:center;width:70px}.hint{font-size:12px;color:#718096;margin-top:4px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button{padding:10px 16px;border:0;border-radius:8px;background:#dfe7ee;font-weight:700}.actions .primary{background:#1769aa;color:#fff}.msg{margin-top:12px;padding:10px;border-radius:8px;background:#eef6ff}.msg.error{background:#fff0f0;color:#a22}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-grid textarea{width:100%;min-height:300px;padding:10px;border:1px solid #cbd5df;border-radius:8px;font-family:monospace}.test-result{background:#f7f9fb;border-radius:8px;padding:12px;min-height:300px}.ok{color:#176b38;font-weight:700}.ng{color:#b42318;font-weight:700}.field-result{display:grid;grid-template-columns:180px 1fr;gap:6px 12px;padding:6px 0;border-bottom:1px solid #e5e9ee}.history{font-size:13px;color:#556}.history span{display:inline-block;margin:2px 8px 2px 0;padding:4px 8px;border-radius:999px;background:#eef2f6}@media(max-width:760px){.map-wrap{padding:12px}.map-head{display:block}.back{margin-top:10px}.meta,.test-grid{grid-template-columns:1fr}.mapping-table{font-size:13px}.mapping-table th:nth-child(2),.mapping-table td:nth-child(2){display:none}.field-result{grid-template-columns:1fr}}
.history button{margin-left:6px;padding:2px 6px;border:1px solid #bac6d0;border-radius:5px;background:#fff;font-size:11px;cursor:pointer}

.mapping-persistence-note{margin:10px 0 0;padding:9px 11px;border:1px solid #cbd5df;border-radius:8px;background:#f8fafc;font-size:12px;line-height:1.6;color:#475569}