/* AI connections panel and sign-in approval (js/ai-connections.js). */
#aiConnectionsModal .ai-conn-card { width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
#aiAuthorizeModal .ai-conn-card { width: min(480px, calc(100vw - 32px)); }
.ai-conn-section { margin-top: 14px; }
.ai-conn-section h4 { margin: 0 0 6px; font-size: 14px; }
.ai-conn-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ai-conn-row .modal-input { flex: 1 1 160px; min-width: 0; }
.ai-conn-row select.modal-input { flex: 0 1 150px; }
.ai-conn-mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.ai-conn-example { width: 100%; resize: vertical; margin-top: 4px; }
.ai-conn-token { margin-top: 10px; padding: 10px; border: 1px dashed currentColor; border-radius: 10px; }
.ai-conn-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ai-conn-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid rgba(127, 127, 127, .35); border-radius: 10px; }
.ai-conn-item .modal-hint { margin: 2px 0 0; }
.ai-conn-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.ai-conn-status:empty { display: none; }