#connectionsPanel .connection-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
#connectionsPanel a.connection-button{display:inline-flex;align-items:center;justify-content:center;background:#1879f0;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font:inherit;line-height:1.5;max-width:100%;text-align:center;overflow-wrap:anywhere}
#connectionsPanel a.connection-button:hover{background:#165dc4}
#connectionsPanel a.connection-button:focus-visible,#connectionsPanel select:focus-visible{outline:3px solid #165dc4;outline-offset:3px}
#connectionsPanel h3{margin-top:28px}#connectionsPanel button{margin:8px 8px 8px 0}#connectionsPanel .connection-actions button{margin:0}
#connectionsPanel select{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #b7c8dd;border-radius:10px;background:white;color:#172c46;font:inherit;margin:8px 0}
#connectionsPanel label{max-width:100%;display:block}#connectionsPanel input{width:100%;min-width:0}#connectionsPanel .result-card p{overflow-wrap:anywhere}
#connectionsPanel details{padding:12px 0;border-top:1px solid var(--line)}
@media(max-width:700px){#connectionsPanel .connection-actions{flex-direction:column;align-items:stretch}#connectionsPanel .connection-actions button,#connectionsPanel .connection-button{width:100%}}