/* Module AI */
.ai-sec{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;background:color-mix(in srgb,var(--teal) 4%,var(--surface))}
.ai-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ai-h h3{display:flex;align-items:center;gap:8px;margin:0}
.ai-doc{display:grid;gap:8px}
.ai-review{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}
.ai-tbl td{padding:6px 8px;font-size:.86rem}
.ai-tbl td:first-child{white-space:nowrap}
.ai-tbl input,.ai-tbl select{width:100%;min-width:120px;font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.ai-ck{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.ai-same{color:var(--ok);vertical-align:middle}
.ai-notes{margin-top:10px;font-size:.86rem}
.ai-notes ul{margin:4px 0 0 18px;padding:0}
.ai-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ai-det summary{cursor:pointer;margin:4px 0}
/* vraagbaak */
.vb{display:flex;flex-direction:column}
.vb-sel{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);max-width:240px}
.vb-log{flex:1;min-height:320px;max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px 12px}
.vb-empty{margin:auto;text-align:center;max-width:420px;color:var(--muted);display:grid;justify-items:center;gap:8px}
.vb-m{display:flex}
.vb-m>div{max-width:86%;padding:10px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:.92rem;line-height:1.55}
.vb-m.me{justify-content:flex-end}
.vb-m.me>div{background:var(--teal-soft);border-color:transparent}
.vb-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.vb-adv{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--info-bg);font-size:.84rem}
.vb-foot{margin-top:8px}
.vb-form{display:flex;gap:8px;align-items:flex-end;border-top:1px solid var(--line);padding-top:12px}
.vb-form textarea{flex:1;font:inherit;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);min-height:46px}
.vb-ex{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.vb-wait{display:flex;gap:4px}
.vb-wait span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:vbw 1s infinite ease-in-out}
.vb-wait span:nth-child(2){animation-delay:.15s}.vb-wait span:nth-child(3){animation-delay:.3s}
@keyframes vbw{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (max-width:600px){.vb-form{flex-direction:column;align-items:stretch}.vb-m>div{max-width:100%}}