.sync-overlay{position:fixed;inset:0;z-index:1000;background:#102a4380;display:grid;place-items:center;padding:16px}.sync-overlay[hidden],#sync-panel [hidden]{display:none!important}.sync-dialog{background:white;color:#102a43;border-radius:24px;padding:24px;max-width:520px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 80px #102a4350}.sync-dialog h2{margin:14px 0}.sync-dialog form{display:grid;gap:12px;margin:16px 0}.sync-dialog label{display:grid;gap:8px;font-weight:600}.sync-dialog input{padding:12px;border:1px solid #a3b9d0;border-radius:10px;width:100%}.sync-dialog button{margin:4px 4px 4px 0}.sync-dialog p{line-height:1.55}.sync-dialog #sync-status{background:#e6f3ff;padding:12px;border-radius:12px;font-weight:600}#sync-mini{max-width:220px;white-space:normal;font-size:12px;line-height:1.2}#sync-conflict{background:#fff3e1;padding:12px;border-radius:12px}@media(max-width:600px){#sync-mini{max-width:125px;font-size:11px}.sync-dialog{padding:18px}.sync-dialog .btn{white-space:normal}}

@media(max-width:520px){.topbar-title{display:none!important}.topbar-right{width:100%;justify-content:space-between;gap:6px}#sync-mini{max-width:165px;flex:1}.sync-dialog input{font-size:16px}}