.sync-cf-status{font-size:11px;line-height:1.35;color:#4A5378;background:rgba(255,252,250,.86);border:1px solid rgba(27,37,86,.08);border-radius:999px;padding:5px 10px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync-cf-status[data-state="error"],.sync-cf-status[data-state="conflict"]{color:#8a4b3a;border-color:rgba(138,75,58,.2)}
.sync-cf-status[data-state="syncing"]{color:#3d4d73}
.sync-cf-card{margin:12px 18px 0}
.sync-cf-card h2{font-size:22px;margin:4px 0 8px}
.sync-cf-card form{margin:0}
.sync-cf-card .ws-field{margin:8px 0 0}
.sync-cf-card .ws-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}
.sync-cf-card .actions{margin-top:12px}
body.dark .sync-cf-status{color:#d5d0c6;background:rgba(27,37,86,.35);border-color:rgba(255,252,250,.12)}