.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.connection-card{padding:25px}.connection-card h2{font-size:20px;margin:20px 0 8px;overflow-wrap:anywhere}.connection-model{font-size:12px;overflow-wrap:anywhere;min-height:22px}.connection-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.connection-actions button{font-size:11px;padding:9px 11px}.connection-select{max-width:430px;font-size:12px;min-width:0}.connection-flags{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.connection-flags label{font-weight:400}.key-row{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 16px}.key-row button{font-size:11px;padding:6px 9px}.test-area{background:#f7f8fc;border:1px solid var(--line);padding:17px;border-radius:9px;margin-top:20px}.test-area h3{font-size:12px;margin-bottom:5px}.test-area p{margin:12px 0 0;overflow-wrap:anywhere}.connection-card .settings-title{gap:10px}.connection-card button:disabled{cursor:default}.connection-card .status{white-space:nowrap}#connection-dialog input[readonly]{background:#f4f5f9;color:#7d8296}@media(max-width:800px){.connection-grid{grid-template-columns:1fr}.connection-select{max-width:100%}.connection-card{padding:20px}}

@media(max-width:550px){.connections-heading{align-items:flex-start;flex-direction:column}.connections-heading h1{font-size:23px}.connections-heading>button{align-self:flex-end}}
.account-panel { margin-bottom: 24px; }
.account-row { border-top: 1px solid #e5e7eb; margin-top: 20px; padding-top: 16px; }
.account-panel dialog { max-width: 620px; }
.account-panel li { margin-bottom: 12px; }
.account-panel pre { overflow-wrap: anywhere; white-space: pre-wrap; }
.plan-usage { margin: 0; padding: 12px 24px; background: #f4f5fa; font-size: 13px; }