/* Optional account bridge — a small field-status instrument, not a new theme. */

.atlasSyncStatus {
  position:fixed;
  z-index:1200;
  bottom:14px;
  left:94px;
  display:flex;
  min-height:36px;
  max-width:min(420px,calc(100vw - 190px));
  padding:8px 12px;
  align-items:center;
  border:1px solid var(--guide-border-strong,var(--border-strong));
  border-radius:3px 6px 2px 5px;
  color:var(--guide-ink-dim,var(--text-dim));
  background:rgba(7,10,10,.94);
  box-shadow:0 16px 30px -20px rgba(0,0,0,.9);
  font:600 11px/1.35 var(--font-interface,"IBM Plex Mono",monospace);
  letter-spacing:.035em;
  pointer-events:none;
}

.atlasSyncStatus[data-sync-state="synced"] { border-color:var(--guide-lichen,var(--accent)); color:var(--guide-lichen-ink,var(--accent)); }
.atlasSyncStatus[data-sync-state="syncing"],
.atlasSyncStatus[data-sync-state="checking"] { border-color:var(--guide-amber,var(--guide-ochre,var(--accent))); }
.atlasSyncStatus[data-sync-state="failed"] { border-color:var(--guide-terracotta,#d86c4b); color:var(--guide-terracotta-ink,#f09072); }

.accountSyncRow { align-items:center; }
.accountSyncRow[data-sync-state="synced"] { border-color:color-mix(in srgb,var(--accent) 62%,var(--border-strong)); }
.accountSyncRow[data-sync-state="failed"] { border-color:var(--guide-terracotta,#d86c4b); }
.accountSyncLinks { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.setList .accountSyncLinks .ctl {
  display:inline-flex;
  min-width:84px;
  min-height:44px;
  padding:0 10px;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

@media (max-width:760px) {
  .atlasSyncStatus { right:12px; bottom:76px; left:12px; max-width:none; }
  .accountSyncRow { align-items:flex-start; flex-direction:column; gap:12px; }
  .accountSyncLinks { width:100%; justify-content:flex-start; }
}