.connected-accounts-page [hidden]{display:none!important}
.connected-account-panel,.connected-destinations-panel{padding:26px;margin-block:18px}
.connected-account-heading,.connected-account-identity,.connected-account-actions,.connected-destinations-heading{display:flex;align-items:center;gap:14px}
.connected-account-heading,.connected-destinations-heading{justify-content:space-between;margin-bottom:22px}
.connected-account-identity .brand-icon{width:48px;height:48px}
.connected-account-identity h2,.connected-destinations-heading h2{margin:0 0 5px}
.connected-account-identity p,.connected-destinations-heading p,.muted{color:var(--ref-muted);margin:0}
.connected-account-actions{flex-wrap:wrap;margin-block:18px}
.connected-account-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.connected-account-details strong{font-size:1.2rem}
.connected-account-details span{color:var(--ref-muted)}
.connected-account-form{display:grid;gap:12px;max-width:420px;margin-block:20px}
.connected-account-form input,.connected-destinations-panel input{width:100%;min-height:44px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-panel);color:var(--ref-ink);padding:10px 12px;font:inherit}
.connected-account-form>.button{justify-self:start}
.connected-destination-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.destination-filter{border:1px solid var(--ref-line);background:var(--ref-panel);color:var(--ref-ink);border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}
.destination-filter.is-active{background:var(--ref-ink);color:var(--ref-panel);border-color:var(--ref-ink)}
.destination-filter:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.connected-destination-list{display:grid;gap:10px;margin-block:18px}
.connected-destination-group{display:grid;gap:10px}
.connected-destination-group h3{margin:10px 0 0;font-size:1rem;color:var(--ref-ink)}
.connected-destination-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--ref-line);border-radius:12px;padding:14px;background:var(--ref-panel-2)}
.connected-destination-row strong{display:block;overflow-wrap:anywhere}
.connected-destination-row small{display:block;color:var(--ref-muted);margin-top:5px}
.connected-destination-row .button{flex-shrink:0}
.connected-destination-row .brand-icon{width:24px;height:24px;float:inline-start;margin-inline-end:10px}
.connected-destination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.connected-platform-tabs{display:flex;gap:10px;align-items:center;margin:14px 0 18px;padding:8px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-panel);position:sticky;top:10px;z-index:8;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.connected-platform-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-width:120px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:transparent;color:var(--ref-muted);font:inherit;font-weight:800;cursor:pointer}
.connected-platform-tab img{width:26px;height:26px}
.connected-platform-tab:hover{background:var(--ref-panel-2);color:var(--ref-ink)}
.connected-platform-tab.is-active{background:var(--ref-ink);color:var(--ref-panel);border-color:var(--ref-ink)}
.connected-platform-tab:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.connected-platform-pane>.notice:empty{display:none}
.connected-platform-pane .connected-account-panel{margin-top:0}
.connected-platform-pane .connected-destinations-panel{margin-bottom:0}
.connected-destination-list{max-height:min(56vh,620px);overflow:auto;padding-inline-end:4px;overscroll-behavior:contain;scrollbar-gutter:stable}
.connected-destination-list::-webkit-scrollbar{width:8px}
.connected-destination-list::-webkit-scrollbar-thumb{background:var(--ref-line);border-radius:999px}
@media(max-width:600px){.connected-platform-tabs{top:6px;overflow-x:auto;justify-content:flex-start}.connected-platform-tab{min-width:104px;flex:0 0 auto}.connected-account-panel,.connected-destinations-panel{padding:18px}.connected-destinations-heading,.connected-destination-row{align-items:flex-start;flex-direction:column}.connected-account-actions .button{flex:1}.connected-account-heading{gap:8px}.connected-account-identity .brand-icon{width:40px;height:40px}.connected-destination-list{max-height:58vh}}