.oa-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.oa-tabs a{padding:10px 16px;border:1px solid #d5deec;border-radius:8px;background:#fff;color:#334155;font-weight:600;text-decoration:none}.oa-tabs a[aria-current]{color:#fff;background:#2459d8;border-color:#2459d8}.oa-panel[hidden],[data-oa-base][hidden]{display:none!important}.oa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.oa-grid label{min-width:0}.oa-panel label{display:block;margin:12px 0}.oa-panel input:not([type=checkbox]),.oa-panel select,.oa-panel textarea{width:100%;box-sizing:border-box;max-width:100%}.oa-panel input[type=checkbox]{width:auto}.oa-rule{display:grid;grid-template-columns:1fr 1fr 130px 130px 70px;gap:8px;margin:10px 0}.oa-rule button{min-width:0;padding:8px}.oa-summary{font-weight:600;color:#1e3a5f;margin:16px 0;line-height:1.8}.oa-table{overflow:auto;max-height:520px;max-width:100%;border:1px solid #e2e8f0;border-radius:8px}.oa-table table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.oa-table th,.oa-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0;max-width:360px;overflow:hidden;text-overflow:ellipsis}.oa-table th{background:#f3f6fb;position:sticky;top:0}.oa-preview{white-space:pre-wrap;word-break:break-word;background:#f7f9fc;padding:16px;max-height:300px;overflow:auto}.oa-mobile{display:none}.oa-panel [data-field=mapping] label{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr);gap:14px;align-items:center}.oa-panel .actions{flex-wrap:wrap}.oa-panel .actions label{margin:0}.oa-panel button:focus-visible,.oa-tabs a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}@media(max-width:740px){.oa-grid{grid-template-columns:1fr;gap:0}.oa-rule{grid-template-columns:1fr 1fr}.oa-rule button{grid-column:2}.oa-mobile{display:block}.oa-tabs a{flex:1 1 140px;text-align:center;padding:10px}.oa-panel [data-field=mapping] label{grid-template-columns:1fr}.oa-panel .card{padding:18px}.oa-panel .actions button{white-space:normal}.oa-table th,.oa-table td{max-width:220px}}
.oa-panel .oa-flow{font-size:13px;color:#315b8b;margin:8px 0 18px;line-height:1.8}
.oa-panel .oa-help{margin:12px 0 18px;font-size:13px;line-height:1.8}
.oa-panel .oa-help summary{min-height:36px;padding:5px 0;color:#315b8b;font-weight:600;cursor:pointer}
.oa-panel .oa-help p{margin:8px 0;color:#526174}
.oa-panel .oa-help .oa-grid{margin:8px 0}
.oa-panel .oa-examples{margin:8px 0}
.oa-panel .oa-examples dt{font-weight:600;margin-top:12px;color:#334155}
.oa-panel .oa-examples dd{margin:4px 0 10px;color:#526174}
.oa-panel code{font-family:ui-monospace,Consolas,monospace;font-size:.94em;overflow-wrap:anywhere;color:#334155;background:#f1f4f8;padding:1px 4px;border-radius:4px}
.oa-panel .oa-inline-example{font-size:14px;line-height:1.9;margin:10px 0}
.oa-panel label>small.hint{display:block;margin:6px 0 0;font-size:12px;line-height:1.7;font-weight:400;color:#64748b}
.oa-panel [data-field=mapping] .oa-rule label{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0;margin:0;font-size:12px;color:#526174}
.oa-rule>button{align-self:end;min-height:42px}
.oa-panel .card h3{font-size:18px;line-height:1.5;font-weight:650;margin:20px 0 12px}
.oa-panel .card>h3:first-child{margin-top:0}