/* Connections use the shared theme tokens; geometry is identical in both themes. */
.connections-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:24px;max-width:1120px;margin:auto;align-items:start}
.connections-page .page-heading{max-width:1120px;margin-left:auto;margin-right:auto}
.connection-sidebar,.connection-editor{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(16px)}
.connection-sidebar h2{margin-bottom:16px}.connection-sidebar>button{width:100%;margin-bottom:12px}
.connection-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;margin-bottom:10px;padding:14px;overflow-wrap:anywhere}
.connection-item[aria-pressed=true],#api-default[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.connection-item strong{font-weight:500}.connection-tag{color:var(--text-accent,var(--text));letter-spacing:.05em}
.connection-selected{padding:12px 0;border-top:1px solid var(--line);margin-top:14px;overflow-wrap:anywhere}
.connection-editor h2{margin-bottom:8px}.connection-editor label{color:var(--text)}
.connection-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.connection-fields .wide{grid-column:1/-1}
.connection-fields small{display:block;margin-top:7px;color:var(--muted)}
.connection-model-input{display:flex;gap:10px;align-items:center;margin-top:8px}.connection-model-input input{flex:1;width:0}.connection-model-input button{white-space:nowrap;font-size:12px}
.connection-endpoint{padding:12px 14px;border:1px dashed var(--line);border-radius:12px;margin-bottom:20px;line-height:1.8}.connection-endpoint code{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.connection-advanced{border-top:1px solid var(--line);padding:14px 0;margin-bottom:16px}.connection-advanced summary{cursor:pointer;color:var(--muted)}.connection-advanced .connection-fields{margin:14px 0 0}.connection-advanced input[type=checkbox]{margin-right:8px}
.connection-actions{display:flex;gap:10px;flex-wrap:wrap}.connection-actions+.connection-actions{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.connection-result{padding:16px;border-radius:12px;border:1px solid var(--line);margin-top:18px;overflow-wrap:anywhere}.connection-result[data-result=passed]{border-color:color-mix(in srgb,var(--teal) 60%,transparent)}.connection-result p{margin:8px 0}.connection-result small{color:var(--muted)}
#api-status{min-height:24px;margin-top:18px;overflow-wrap:anywhere}.model-connection-badge{font-size:11px;margin:0;max-width:100%;overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:900px){.connections-layout{grid-template-columns:1fr}.connection-sidebar{padding:18px}#api-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-item{margin:0}.connection-editor{padding:22px}}
@media(max-width:520px){.connection-fields{grid-template-columns:1fr;gap:15px}.connection-editor{padding:18px}#api-list{grid-template-columns:1fr}.connection-actions button{flex:1 1 130px}.connection-model-input{flex-wrap:wrap}.connection-model-input input{width:100%;flex-basis:100%}.connection-model-input button{width:100%}.connections-page .page-heading{align-items:flex-start}.connections-page .page-heading>button{font-size:12px;padding:9px}}

.call-top .model-connection-badge{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.connections-page button.danger{color:var(--text-accent,var(--rose))}
.connection-nai-box{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.connection-nai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.connection-nai-head h3{margin:0;font-size:16px;font-weight:600}
.connection-nai-box .connection-fields{margin:14px 0 0}