/* Persoonlijke AI-verbindingen: één kolom, volledige namen en bereikbare identiteiten. */
.ai-v { font-size:16px; line-height:1.5; }
.ai-v p { margin:12px 0; overflow-wrap:anywhere; }
.ai-v .ai-v-help { font-size:14px; color:var(--text-2); }
.ai-v-row { padding:24px 0; border-top:1px solid var(--border); margin-top:16px; }
.ai-v-title { display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap; }
.ai-v h4 { margin:0; font-size:18px; line-height:1.3; }
.ai-v-title > div { flex:1 1 12em; min-width:0; }
.ai-v .ai-v-naam { display:block; margin-top:4px; overflow-wrap:anywhere; }
.ai-v .btn,.ai-v summary { min-height:44px; touch-action:manipulation; }
.ai-v .btn { white-space:normal; text-align:left; }
.ai-v summary { display:flex; align-items:center; cursor:pointer; border-radius:8px; }
.ai-v summary::before { content:'›'; margin-right:8px; }
.ai-v details[open] summary::before { content:'⌄'; }
.ai-v summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.ai-v summary:active { background:var(--surface-2); }
.ai-v dl { margin:8px 0 16px; font-size:14px; }
.ai-v dt { color:var(--text-2); margin-top:8px; }
.ai-v dd { margin:0; overflow-wrap:anywhere; }
.ai-v-actions { display:flex; flex-direction:column; gap:12px; margin:16px 0; }
.ai-v-confirm { margin-top:16px; }
@media(min-width:768px) { .ai-v-actions { flex-direction:row; flex-wrap:wrap; } }
/* 0369: de AI-verbindingen van collega's onder de app-sleutels (Instellingen > Koppelingen > Apps).
   De kaarten lenen .ai-v-kaart uit account.css; hier alleen de scheiding met de sleutellijst. */
.apk-collegas { margin-top:32px; padding-top:24px; border-top:1px solid var(--border); }
.apk-collegas .settings-head { margin-bottom:0; }
.apk-collegas .settings-lead { margin-bottom:0; }
.apk-collegas > .ai-v-help { margin:8px 0 16px; }
.apk-collegas-oud summary { margin-top:8px; }
@media(max-width:640px) { .apk-collega .ai-v-kaart-acties .btn:only-child { grid-column:1 / -1; } }