.top-actions{display:flex;align-items:center;gap:9px}
.sync-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}
.sync-dot{width:6px;height:6px;border-radius:50%;background:#8d8178}
.sync-status[data-state="online"] .sync-dot{background:#5ed68a;box-shadow:0 0 0 3px rgba(94,214,138,.12)}
.sync-status[data-state="syncing"] .sync-dot{background:var(--gold);animation:sync-pulse 1.2s infinite}
.sync-status[data-state="error"] .sync-dot{background:var(--danger)}
.primary-button:disabled{cursor:wait;filter:grayscale(.5);opacity:.65}
@keyframes sync-pulse{50%{opacity:.35}}
@media(max-width:430px){.sync-status{padding:7px}.sync-status span:last-child{display:none}}