.vb-settings-button[data-sync-state]::after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border:2px solid var(--vb-bg);border-radius:50%;background:#9a9a9a;box-shadow:0 0 7px #0006}.vb-settings-button[data-sync-state="synced"]::after{background:#58b77a}.vb-settings-button[data-sync-state="syncing"]::after,.vb-settings-button[data-sync-state="pending"]::after{background:var(--vb-accent);animation:vbSyncPulse 1s ease-in-out infinite}.vb-settings-button[data-sync-state="offline"]::after,.vb-settings-button[data-sync-state="setup"]::after{background:#e79c42}
.vb-sync-status{margin:0 0 12px;padding:11px 12px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-sync-status>i{width:9px;height:9px;border-radius:50%;background:#9a9a9a}.vb-sync-status[data-state="synced"]>i{background:#58b77a;box-shadow:0 0 9px #58b77a66}.vb-sync-status[data-state="syncing"]>i,.vb-sync-status[data-state="pending"]>i{background:var(--vb-accent);box-shadow:0 0 9px var(--vb-glow);animation:vbSyncPulse 1s ease-in-out infinite}.vb-sync-status[data-state="offline"]>i,.vb-sync-status[data-state="setup"]>i{background:#e79c42}.vb-sync-status>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750}.vb-sync-status>button{min-height:34px!important;padding:0 10px!important;border:1px solid var(--vb-border)!important;border-radius:99px!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important;font-size:9px!important}
@keyframes vbSyncPulse{50%{opacity:.4;transform:scale(.82)}}