/* Connected accounts (connect-page.js). Layout only; colours are tokens. DESIGN.md §5. */
.cn-stack{display:grid;gap:16px}
.cn-stack>*{min-width:0;margin:0}
.cn-back{margin-bottom:16px}
.cn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;font-size:13px;color:var(--ink-3)}
.cn-ext{display:inline-flex;align-items:center;gap:6px}
.cn-ext .rb-icon{color:var(--green)}
.cn-ext__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-4);animation:cn-breathe 1.6s var(--ease) infinite}
@keyframes cn-breathe{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cn-ext__dot{animation:none}}
.cn-ext-callout .rb-actions{justify-content:flex-end}

/* How-to disclosure (shared .connect-instructions-banner hooks in components.css) */
.cn-howto.connect-instructions-banner{margin:0;padding:0;border-radius:16px;background:var(--paper);box-shadow:var(--sh1)}
.cn-howto .connect-instructions-title{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;list-style:none}
.cn-howto .connect-instructions-title::-webkit-details-marker{display:none}
.cn-howto .connect-instructions-title>.rb-icon:first-child{color:var(--ink-3)}
.cn-howto__chev{margin-left:auto;color:var(--ink-3);transition:transform .2s var(--ease)}
.cn-howto[open] .cn-howto__chev{transform:rotate(180deg)}
.cn-howto[open] .connect-instructions-copy{margin:0;padding:0 20px 16px;font-size:14px;color:var(--ink-2)}

/* One card per marketplace */
.cn-grid{display:grid;gap:16px}
.cn-head__copy{display:grid;gap:1px;min-width:0}
.platform-column .platform-icon{width:32px;height:32px;border-radius:9px}
.cn-account__line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.cn-account__line .rb-row__title{max-width:100%}
.account-card .rb-row__end{flex-wrap:wrap;justify-content:flex-end}
.accounts-pagination{justify-content:space-between}
.cn-card-error{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--red)}
.cn-card-error .rb-icon{flex:none;margin-top:2px}
.cn-foot{display:flex;justify-content:center;align-items:flex-start;gap:6px;font-size:13px;color:var(--ink-3);text-align:center}
.cn-foot .rb-icon{flex:none;margin-top:2px}
.cn-embedded{display:grid;gap:12px}

@media (max-width:767.98px){
.platform-column .rb-card__head .rb-actions{width:100%;margin-left:0}
.account-card .rb-row__end{width:100%;margin-left:0;justify-content:flex-start}
.cn-howto .connect-instructions-title{padding:0 16px}
.cn-howto[open] .connect-instructions-copy{padding:0 16px 16px}
}