/* Settings, Connections */
.cx{display:grid;gap:16px;min-width:0}
.cx__lead{margin:0}
.cx__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.cx__grid{grid-template-columns:1fr}}
.cx__card{border:1px solid var(--edge);border-radius:18px;background:#fff;padding:18px 20px;display:grid;gap:12px;align-content:start;min-width:0}
.cx__card--wide{grid-column:1/-1}
.cx__card header{display:flex;gap:12px;align-items:center}
.cx__card h4{margin:0;font-size:15.5px;font-weight:600;color:var(--ink)}
.cx__card header p{margin:2px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.45}
.cx__logo{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#F6EEDD;color:#8A5A14}
.cx__logo svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx__logo--meta{background:#E8EFFB;color:#2F5FB3}.cx__logo--google{background:#FBEAE6;color:#C0503A}.cx__logo--business{background:#E4F2E8;color:#2F7D4F}.cx__logo--social{background:#F3E8F8;color:#7A4A9B}.cx__logo--linkedin{background:#E3EEF8;color:#1F5C99}.cx__logo--pinterest{background:#FBE4E4;color:#B3262B}.cx__logo--web{background:#E3F1F3;color:#2F7D8A}.cx__logo--zoho{background:#FBEFE0;color:#B8681C}
.cx__body{display:grid;gap:10px;min-width:0}
.cx__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#FBF8F1}
.cx__who{min-width:0;display:grid;gap:1px}
.cx__who b{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx__who em{font-style:normal;font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx__st{display:flex;align-items:center;gap:6px}
.cx__st u{text-decoration:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#FBE7E3;color:#B2402F;font-size:11px;font-weight:700}
.cx__pill{font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}
.cx__pill--ok{background:#E4F2E8;color:#2F7D4F}.cx__pill--bad{background:#FBE7E3;color:#B2402F}.cx__pill--idle{background:#F1ECE0;color:#8A7B63}
.cx__none{margin:0;font-size:13px;color:var(--ink-3)}
.cx__err{margin:0;font-size:12.5px;line-height:1.5;color:#8C2F22;background:#FDF0EE;border:1px solid #F3C9C2;border-radius:10px;padding:8px 11px}
.cx__err code{font-size:11.5px;word-break:break-all}
.cx__field{display:grid;gap:5px}
.cx__field label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.cx__field em{font-style:normal;font-size:13px;color:var(--ink-2)}
.cx__field select{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--edge);border-radius:9px;background:#fff;color:var(--ink);max-width:100%}
.cx__card footer{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}
.cx__btns{display:flex;gap:6px}

.cx__key{display:grid;gap:10px;padding:12px;border-radius:12px;background:#FBF3E4;border:1px solid #EFDFC4}
.cx__key div>span{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.cx__key code{display:block;font-size:12px;word-break:break-all;color:var(--ink)}
.cx__key ol{margin:0;padding-left:18px;font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.cx__acts{display:flex;gap:8px;flex-wrap:wrap}

.cx__checks{display:grid;gap:6px;margin:4px 0 8px}.cx__check{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--edge);border-radius:10px;background:#fff;cursor:pointer;font-size:13px}.cx__check:hover{border-color:#D9C9A8}.cx__check em{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-left:4px}.cx__check input{accent-color:#B8771C}
.cx__logo--onedrive{background:#E3EEFB;color:#0F6CBD}

/* the platforms' own marks sit on a clean white tile with a hairline */
.cx__logo.cx__brand{background:#fff;border:1px solid var(--edge)}
.cx__logo.cx__brand svg{width:24px;height:24px;fill:none;stroke:none}

/* the sync bar */
.cx__sync{display:flex;align-items:center;gap:10px}.cx__sync b{font-size:12.5px;font-variant-numeric:tabular-nums;min-width:38px;text-align:right}
.cx__syncbar{position:relative;flex:1;height:10px;border-radius:99px;background:rgba(197,140,54,.16);overflow:hidden}
.cx__syncbar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#E4AE52,#B8771C);transition:width .8s cubic-bezier(.16,1,.3,1)}
.cx__sync.is-live .cx__syncbar::after{content:"";position:absolute;top:0;bottom:0;width:38%;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:cxSweep 1.6s ease-in-out infinite}
.cx__sync.is-done .cx__syncbar i{background:linear-gradient(90deg,#4FA372,#2F7D4F)}
@keyframes cxSweep{from{transform:translateX(-120%)}to{transform:translateX(280%)}}
@media (prefers-reduced-motion:reduce){.cx__sync.is-live .cx__syncbar::after{animation:none}}