/* Sync widget alignment */
.sync-widget {
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
}

/* Prevent sync widget from changing height (no layout shift). */
.sync-widget .sync-row {
  min-height: 36px;
  gap: 0.35rem;
}

.sync-widget__button {
  position: relative;
}

.sync-widget__status-dot {
  position: absolute;
  top: 0.38rem;
  right: 0.38rem;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.92);
}

.dark .sync-widget__status-dot {
  box-shadow: 0 0 0 2px rgba(16, 43, 82, 0.92);
}

.sync-widget__status-dot--idle {
  background: #22c55e;
}

.sync-widget__status-dot--pending {
  background: #f59e0b;
}

.sync-widget__status-dot--syncing {
  background: #3b82f6;
}

.sync-widget__status-dot--danger {
  background: #ef4444;
}

.sync-widget .sync-error {
  max-width: 40vw;
}