.connection-hub,.home-public-offers{margin:24px 0;padding:24px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(120deg,#17222f,#111922);color:#edeedf}
.connection-hub header,.home-public-offers header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.connection-hub h2,.home-public-offers h2{font-size:clamp(22px,2.4vw,30px);margin:7px 0}.connection-hub p,.home-public-offers p{color:#aab9ca;font-size:14px;line-height:1.6;margin:8px 0}.connection-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#e8cd64}.connection-hub a,.home-public-offers a{color:#e8cd64;text-decoration:none}.connection-hub header>a{font-size:12px;padding-top:12px}
.connection-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.connection-platforms article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #ffffff16;border-radius:12px;background:#101820}.connection-platforms article>div{flex:1;min-width:0}.connection-platforms h3{font-size:15px;margin:0 0 5px}.connection-platforms span{display:block;font-size:11px;line-height:1.5;color:#aab9ca}.connection-platforms a{font-size:12px;font-weight:700}.connection-progress{padding-top:12px;border-top:1px solid #ffffff12}.connection-progress [role=status]{color:#f0efdf;font-weight:600}.connection-progress.is-active [role=status]:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#ecd267;margin-right:10px;animation:connection-pulse 1.4s ease-in-out infinite}.connection-counts,.connection-progress small,.home-public-offers small{font-size:12px;color:#aab9ca}.connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.connection-actions a,.connection-actions button{padding:9px 12px;border:1px solid #ffffff20;border-radius:8px;background:#111a24;color:#e8cd64;font:inherit;font-size:12px;cursor:pointer}.connection-hub [hidden]{display:none!important}
.connection-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));padding:12px 16px;border:1px solid #e8cd6440;border-radius:12px;background:#111b29;box-shadow:0 8px 35px #0008;z-index:45;font-size:12px;color:#eceddf;display:flex;gap:14px;align-items:center}.connection-toast a{color:#e8cd64;white-space:nowrap}.connection-toast[hidden]{display:none!important}.home-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.home-offer-grid>a{overflow:hidden;background:#0e1721;border-radius:12px;border:1px solid #ffffff12}.home-offer-grid img{width:100%;aspect-ratio:460/215;object-fit:contain;background:#080e16;display:block}.home-offer-grid span{display:grid;gap:8px;padding:14px}.home-offer-grid strong{font-size:14px;color:#eef0df}.home-offer-grid b{font-size:18px;color:#a6dbbb}
@keyframes connection-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.connection-progress.is-active [role=status]:before{animation:none}}@media(max-width:800px){.connection-platforms{grid-template-columns:1fr}.home-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-hub header,.home-public-offers header{flex-direction:column;gap:4px}}@media(max-width:480px){.connection-hub,.home-public-offers{padding:17px}.home-offer-grid{grid-template-columns:1fr}}
.connection-suggestion{position:fixed;right:24px;bottom:24px;z-index:44;width:min(390px,calc(100% - 32px));box-sizing:border-box;padding:24px;border:1px solid #e8cd643b;border-radius:16px;background:#131d29;box-shadow:0 16px 54px #0006;color:#eef0df;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 14px;animation:connection-suggestion-in .2s ease-out}
.connection-suggestion[hidden]{display:none!important}.connection-suggestion-symbol{color:#e8cd64;font-size:34px;line-height:1.1}.connection-suggestion-copy .connection-kicker{font-size:9px;letter-spacing:.12em}.connection-suggestion h2{font-size:19px;line-height:1.3;margin:8px 20px 8px 0;letter-spacing:-.025em}.connection-suggestion p{font-size:12px;line-height:1.65;color:#aebccc;margin:0}.connection-suggestion-close{position:absolute;right:9px;top:9px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#aebccc;cursor:pointer;font-size:22px}.connection-suggestion-close:hover{color:#eef0df;background:#ffffff0a}
body:has(.connection-toast:not([hidden])) .connection-suggestion{bottom:100px}
.connection-suggestion-actions,.connection-suggestion-platforms{grid-column:2;display:flex;align-items:center;gap:12px;min-width:0}.connection-suggestion-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 13px;border-radius:8px;background:#e8cd64;color:#111922;text-decoration:none;font-size:12px;font-weight:700}.connection-suggestion-actions button{min-height:38px;padding:8px 4px;border:0;background:transparent;color:#aebccc;font:inherit;font-size:12px;cursor:pointer}.connection-suggestion-actions button:hover{color:#eef0df}.connection-suggestion-platforms{margin-top:3px;gap:8px;color:#91a3b8}.connection-suggestion-platforms img{opacity:.65}.connection-suggestion-platforms a{font-size:10px;line-height:1.5;color:#aebccc;text-decoration:none;margin-left:3px}.connection-suggestion a:focus-visible,.connection-suggestion button:focus-visible{outline:2px solid #e8cd64;outline-offset:3px}
@keyframes connection-suggestion-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.connection-suggestion{animation:none}}@media(max-width:480px){.connection-suggestion{right:16px;bottom:16px;padding:20px;grid-template-columns:24px minmax(0,1fr);gap:12px}.connection-suggestion-symbol{font-size:28px}.connection-suggestion h2{font-size:18px}.connection-suggestion-actions{gap:10px}.connection-suggestion-platforms{grid-column:1/-1}}

/* Profile-only connection guidance, without adding another panel to Home. */
.connection-platforms article.connection-account{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
.connection-account-heading{display:flex;align-items:center;gap:12px}.connection-account-heading>div{min-width:0}.connection-account-heading [data-state=syncing]{color:#e8cd64}.connection-account-heading [data-state=partial],.connection-account-heading [data-state=stale]{color:#ddbc8d}
.connection-account .connection-benefit{font-size:12px;margin:0}.connection-account small{color:#aab9ca;font-size:10px;min-height:14px;overflow-wrap:anywhere}.connection-account>a{align-self:flex-start;min-height:36px;display:inline-flex;align-items:center}.connection-account-help{border-top:1px solid #ffffff16;padding-top:10px;margin-top:auto}.connection-account-help summary{color:#c2ccd8;font-size:12px;cursor:pointer;min-height:32px;display:flex;align-items:center}.connection-account-help p{font-size:12px}.connection-account-help a{display:inline-flex;align-items:center;min-height:40px;font-size:11px}.connection-hub :focus-visible{outline:2px solid #e8cd64;outline-offset:4px}

.connection-account-help summary::after{content:"+";margin-left:auto;color:#e8cd64}.connection-account-help[open] summary::after{content:"−"}

/* One connection center; account actions and data freshness stay distinct. */
.connection-center{border-radius:12px;padding:24px;background:#121c27}
.connection-center header h2{font-size:26px;letter-spacing:-.6px;margin:8px 0}
.connection-center header p{font-size:12px;line-height:1.7;margin-bottom:0}
.connection-center .connection-platforms{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:23px 0}
.connection-center .connection-account{grid-column:span 2;padding:18px;border-radius:8px;background:#0e1721;scroll-margin-top:24px}
.connection-center .connection-account:nth-last-child(-n+2){grid-column:span 3}
.connection-center .connection-account-heading{min-height:44px;align-items:center}
.connection-center .connection-account-heading img{flex:0 0 26px;width:26px;height:26px;object-fit:contain}
.connection-center .connection-account h3{font-size:16px;margin:0 0 5px}
.connection-center .connection-account [data-state=ready]{color:#a7caae}
.connection-center .connection-account :is([data-state=reconnect],[data-state=unconfigured]){color:#ddbc8d}
.connection-center .connection-next{font-size:11px;line-height:1.7;color:#aab8c7;margin:0}
.connection-center .connection-account small:empty{display:none}
.connection-center .connection-account-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 0}
.connection-center .connection-account-actions form{margin:0;min-width:0}
.connection-center .connection-account-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;box-sizing:border-box;max-width:100%;padding:9px 11px;border:1px solid #e8cd6340;border-radius:5px;background:#e8cd6306;color:#e0ce7e;font:600 11px/1.5 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;white-space:normal;text-align:center}
.connection-center .connection-account-actions :is(.connection-secondary,[data-disconnect]){color:#aab9c9;border-color:#ffffff20;background:transparent;font-weight:400}
.connection-center .connection-account-actions button:disabled,.connection-center .connection-actions button:disabled{opacity:.55;cursor:wait}
.connection-center .connection-account-help{margin-top:auto;padding-top:8px}
.connection-center .connection-account-help summary{font-size:11px;min-height:36px}
.connection-center .connection-account-help p{font-size:11px;line-height:1.8}
.connection-center .connection-inline-notice{font-size:11px;line-height:1.7;border-left:2px solid #cdb969;padding-left:10px;color:#d7d2b5;margin:0}
.connection-center .connection-progress{padding-top:17px}
.connection-center .connection-progress>[role=status]{font-size:12px;line-height:1.7}
.connection-center .connection-counts{font-size:11px}
.connection-center .connection-progress>small{font-size:10px;line-height:1.7;display:block}
.connection-center .connection-actions button{min-height:40px;font-size:11px}
.connection-leave-dialog{width:min(480px,calc(100% - 32px));box-sizing:border-box;max-height:calc(100vh - 40px);overflow:auto;background:#15202d;border:1px solid #d7c46b60;color:#e9eadd;border-radius:12px;padding:25px;box-shadow:0 20px 70px #0007}
.connection-leave-dialog::backdrop{background:#060b14c9}
.connection-leave-dialog h2{font-size:21px;letter-spacing:-.5px;margin:0 0 13px}
.connection-leave-dialog p{font-size:13px;line-height:1.8;color:#acbdce;margin:0 0 18px}
.connection-leave-dialog>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.connection-leave-dialog button{min-height:42px;padding:9px 12px;font:12px 'Segoe UI',sans-serif;border:1px solid #ffffff25;background:transparent;color:#c3cdd8;border-radius:5px;cursor:pointer}
.connection-leave-dialog button[type=submit]{background:#e8cd64;color:#151c26;border-color:#e8cd64;font-weight:600}
.connection-leave-dialog :focus-visible{outline:2px solid #e8cd64;outline-offset:3px}
@media(max-width:1000px){.connection-center .connection-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-center .connection-account,.connection-center .connection-account:nth-last-child(-n+2){grid-column:auto}.connection-center .connection-account:last-child{grid-column:1/-1}}
@media(max-width:600px){.connection-center{padding:18px}.connection-center header h2{font-size:23px}.connection-center .connection-platforms{grid-template-columns:minmax(0,1fr);gap:11px}.connection-center .connection-account{padding:16px}.connection-center .connection-account:last-child{grid-column:auto}.connection-center .connection-account-actions :is(a,button){min-height:44px}.connection-center header{gap:9px}}