.ai-page .modern-panel{margin-top:24px}.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.ai-card{background:#0f1a33;border:1px solid #334155;border-radius:16px;padding:18px;cursor:pointer;color:inherit;text-align:left}.ai-card:hover,.ai-card:focus{border-color:#60a5fa}.ai-card h3{margin:0 0 5px}.ai-card small,.ai-cause{color:#cbd5e1}.ai-statuses{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ai-badge{border:1px solid #64748b;border-radius:99px;padding:6px 10px;font-size:13px}.ai-badge.positief{color:#4ade80;border-color:#166534}.ai-badge.negatief{color:#fb7185;border-color:#9f1239}.ai-badge.neutraal{color:#cbd5e1}.ai-dialog{width:min(800px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:auto;border:1px solid #475569;border-radius:18px;background:#0f172a;color:#fff;padding:24px}.ai-dialog::backdrop{background:rgba(0,0,0,.75)}.ai-dialog>button{float:right}.ai-dialog h2{font-size:28px}.ai-dialog h3{margin-top:24px}.ai-dialog p{line-height:1.5}.ai-dialog a{color:#a5b4fc;overflow-wrap:anywhere}@media(max-width:900px){.ai-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ai-grid{grid-template-columns:1fr}.ai-dialog{padding:18px}}