/* sincronización: barra de aviso y tarjeta de cuenta */
#syncbar{position:fixed;left:12px;right:12px;top:calc(8px + env(safe-area-inset-top));max-width:616px;margin:0 auto;z-index:57;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:16px;font-size:.82rem;font-weight:700;line-height:1.35;box-shadow:var(--shadow);border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
#syncbar[hidden]{display:none}
#syncbar.bad{border-color:var(--danger)}
#syncbar.soft{color:var(--muted)}
#syncbar span{flex:1}
#syncbar button{flex:none;border:0;background:none;color:var(--acc);font-weight:800;font-size:.82rem;padding:2px 6px;border-radius:8px}
#syncbar button[data-act=sync-dismiss]{color:var(--muted);font-size:1.2rem;line-height:1;padding:0 6px}
.acct-h{margin:16px 0 4px;font-size:.95rem;font-weight:800}
.acct-st{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:6px}
.acct-st i{width:10px;height:10px;border-radius:50%;background:var(--acc);flex:none}
.acct-st.ph-syncing i{background:var(--xp);animation:pulse 1s infinite}
.acct-st.ph-offline i{background:var(--muted)}
.acct-st.ph-unreachable i,.acct-st.ph-auth i,.acct-st.ph-error i{background:var(--danger)}
.acct-code{margin:8px 0;padding:10px 12px;border-radius:14px;background:var(--bg);font-size:.9rem}
.acct-code b{font-family:ui-monospace,Menlo,monospace;letter-spacing:.08em;user-select:all}
.who-pick{display:flex;align-items:center;gap:8px;justify-content:center}
.card.acct .row-btns{flex-wrap:wrap}