#bms-sync-indicator{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #c9d5df;border-radius:12px;background:#fff;color:#203247;font-weight:800;white-space:nowrap}.bms-sync-dot{width:10px;height:10px;border-radius:50%;background:#228a57;box-shadow:0 0 0 3px #dff5e9}#bms-sync-indicator[data-state="offline"] .bms-sync-dot{background:#667487;box-shadow:0 0 0 3px #e8edf2}#bms-sync-indicator[data-state="degraded"] .bms-sync-dot,#bms-sync-indicator[data-state="pending"] .bms-sync-dot,#bms-sync-indicator[data-state="syncing"] .bms-sync-dot{background:#cf7b13;box-shadow:0 0 0 3px #fff0d7}#bms-sync-indicator[data-state="syncing"] .bms-sync-dot{animation:bms-sync-pulse 1s infinite alternate}#bms-sync-indicator[data-state="error"] .bms-sync-dot{background:#c33b43;box-shadow:0 0 0 3px #fde4e6}@keyframes bms-sync-pulse{to{transform:scale(1.35)}}
.bms-sync-panel{position:fixed;z-index:10050;top:72px;right:18px;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto;background:#f7f9fb;border:1px solid #cbd6df;border-radius:18px;box-shadow:0 24px 70px #14263b35;padding:18px}.bms-sync-panel header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bms-sync-panel header h2{margin:2px 0 4px}.bms-sync-panel header>button{border:0;background:transparent;font-size:26px}.bms-sync-actions{display:flex;justify-content:flex-end;margin:14px 0}.bms-sync-list{display:grid;gap:10px}.bms-sync-list article{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d8e0e7;border-left:5px solid #d1902d;border-radius:12px;background:#fff}.bms-sync-list article.is-synced{border-left-color:#228a57}.bms-sync-list article.is-failed,.bms-sync-list article.is-conflict{border-left-color:#c33b43}.bms-sync-list article div:first-child{display:grid;gap:3px}.bms-sync-list article span,.bms-sync-list article small{color:#526477}.bms-sync-list article div:last-child{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}.bms-sync-list pre{max-height:180px;overflow:auto;white-space:pre-wrap;background:#f2f5f7;padding:8px;border-radius:8px}.bms-sync-empty{padding:22px;text-align:center;color:#5d6e7c;background:#fff;border-radius:12px}
@media(max-width:760px){#bms-sync-indicator span:last-child{font-size:0}#bms-sync-indicator span:last-child:after{content:'Sync';font-size:13px}.bms-sync-panel{top:62px;right:12px}.bms-sync-list article{display:grid}}