.config-sync-entry{margin:18px 24px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.config-sync-entry p{font-size:11px;color:var(--muted)}
#sync-last{margin:16px 24px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}
#sync-last>summary{cursor:pointer;color:var(--teal);font-weight:600}
#config-sync-dialog{width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto}
#sync-source{font-weight:600;overflow-wrap:anywhere}#sync-source-time{margin:4px 0 14px;font-size:11px}
.sync-mode{display:flex;gap:16px;align-items:center;font-size:12px}.sync-mode select{flex:1;max-width:360px;font-size:12px}
#sync-mode-hint,.sync-scope{font-size:11px;line-height:1.8;margin:12px 0;color:var(--muted)}
.sync-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;margin:18px 0}
.sync-columns>section{min-width:0;border:1px solid var(--line);border-radius:8px;padding:14px}
.sync-columns h3{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px}.sync-columns h3 span{font-size:11px;font-weight:400;color:var(--muted)}
.sync-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.sync-toolbar input{width:100%;font-size:12px}.sync-toolbar button{font-size:11px}
#sync-fields,#sync-targets{max-height:320px;overflow:auto;overscroll-behavior:contain}
.sync-group{border-bottom:1px solid var(--line)}.sync-group summary{padding:12px 4px;cursor:pointer;font-size:12px}.sync-group summary small{float:right;color:var(--muted);font-size:10px}
.sync-field,.sync-target{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #f1f4f6;font-size:12px;cursor:pointer}
.sync-field input,.sync-target input{flex-shrink:0}.sync-field>span,.sync-target>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}.sync-field strong{max-width:28%;overflow-wrap:anywhere;font-size:12px;color:var(--teal)}
.sync-field small,.sync-target small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.sync-value{flex:0 0 112px;min-width:0}.sync-value>input,.sync-value>select{width:100%;font-size:12px;padding:8px}.sync-value .text-button{font-size:10px;text-align:left}.sync-field .sync-value-error{color:var(--red)}.sync-value [aria-invalid=true]{border-color:var(--red)}.sync-field>span label{cursor:pointer}
#sync-validation{margin-top:14px;padding:12px 14px;border:1px solid #efcba8;background:#fffaf2;border-radius:8px;font-size:12px}#sync-validation>p{font-size:11px;line-height:1.8;color:#8c6944;margin:7px 0}#sync-issues{max-height:150px;overflow:auto;overscroll-behavior:contain}#sync-issues button,#sync-issues p{display:block;text-align:left;margin:7px 0;line-height:1.6;font-size:11px;overflow-wrap:anywhere;color:#a54c35}#sync-round-integers{margin-top:8px;font-size:11px}
.sync-target strong{font-size:12px}.sync-empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:12px}
.sync-footer{position:sticky;bottom:-24px;background:#fff;border-top:1px solid var(--line);padding:16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sync-footer>p{color:var(--muted);font-size:11px;line-height:1.7}.sync-footer .dialog-actions{margin:0;flex-shrink:0}.sync-footer button{min-width:100px;justify-content:center}
#sync-error{font-size:12px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}
.sync-result-heading{font-size:12px;color:var(--muted);margin:14px 0}.sync-result{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0}.sync-result>div{min-width:0;overflow-wrap:anywhere}.sync-result strong{font-size:12px}.sync-result small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}
@media(max-width:650px){.config-sync-entry{margin:16px}.config-sync-entry p{width:100%}#sync-last{margin:16px}#config-sync-dialog{padding:16px}.sync-columns{grid-template-columns:1fr;gap:12px}.sync-columns>section{padding:12px}#sync-fields,#sync-targets{max-height:220px}.sync-footer{bottom:-16px;flex-wrap:wrap;padding-bottom:4px}.sync-footer .dialog-actions{width:100%}.sync-footer button{flex:1}.sync-mode{align-items:flex-start;flex-direction:column;gap:8px}.sync-mode select{width:100%;max-width:none}}
.sync-advanced-tag{font-size:11px;color:#187b6b;background:#e8f5ef;padding:5px 8px;border-radius:5px;white-space:nowrap}.sync-field>span>strong{font-size:12px;font-weight:500}