.connections-intro{max-width:760px}.connections-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.connections-actions button:disabled{opacity:.5;cursor:not-allowed}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 70px}.connection-card{border:1px solid #29363b;border-radius:16px;padding:24px;background:#0d1418;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.connection-card h3{font-size:1.2rem;margin:0;color:#e9f2f4}.connection-card p{font-size:.95rem;line-height:1.6;margin:0;flex:1}.connection-card small{color:#a8b5bc}.connection-badge{display:inline-block;border:1px solid #52626b;border-radius:30px;padding:5px 10px;color:#c8d7e0;font-size:.8rem}.connection-badge[data-state=available]{color:#b8efcf;border-color:#417457}.connection-badge[data-state=attention],.connection-badge[data-state=access]{color:#f5d99f;border-color:#867044}.connection-badge[data-state=error]{color:#f2bbb8;border-color:#945c59}.connection-note{padding:20px 0;border-top:1px solid #29363b;line-height:1.65}.connection-summary{font-size:1.1rem;color:#c0e4eb}.connection-section{padding-top:20px;padding-bottom:50px}@media(max-width:1000px){.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.connection-grid{grid-template-columns:1fr}.connection-card{padding:20px}.connections-actions .button{width:100%;text-align:center}}
.connections-actions [hidden]{display:none}