.ai-mark{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
/* Rapportage-demo op licht */
.ai-licht .airep-chatbar{background:var(--bg);border:1px solid var(--line)}
.ai-licht .airep-q{color:var(--ink)}
.ai-licht [data-airep-q]:empty::before{color:var(--muted)}
.ai-licht .airep-caret{background:#6B5BD6}
.ai-licht .airep-think{color:var(--muted)}
.ai-licht .airep-card{border-color:var(--line);box-shadow:0 22px 50px -32px rgba(18,31,54,.35)}
.ai-licht .airep-chip{background:var(--bg);color:var(--ink);border:1px solid var(--line)}
.ai-licht .airep-chip:hover{background:var(--surface);border-color:color-mix(in srgb,#9B6BFF 45%,var(--line))}
.ai-licht [data-airep-stage]>div[data-i18n]{border-color:var(--line)!important;color:var(--muted)!important}

/* AI rapportage-demo: BrydgeAI bouwt live een rapportage op (#ai-rapportages) */
.airep-wrap{max-width:960px;margin:0 auto}
.airep-chatbar{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 14px;min-height:58px}
.airep-q{flex:1;min-width:0;font-size:15px;font-weight:600;color:#fff;line-height:1.5}
[data-airep-q]:empty::before{content:'Stel je vraag aan BrydgeAI\2026';color:#8F87C4;font-weight:500}
.airep-caret{display:inline-block;width:2px;height:1.15em;background:#39E6E0;vertical-align:-.2em;margin-left:2px;animation:blink 1s step-end infinite}
.airep-caret[hidden]{display:none}
.airep-send{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6E8BFF,#9B6BFF);color:#fff}
.airep-think{display:flex;align-items:center;gap:9px;margin:12px 4px 0;min-height:22px;font-size:13px;font-weight:600;color:#B9B2E6;opacity:0;transition:opacity .3s ease}
.airep-think.on{opacity:1}
.airep-dots{display:inline-flex;gap:4px}
.airep-dots i{width:6px;height:6px;border-radius:50%;background:#9B6BFF;animation:airep-pulse 1s ease-in-out infinite}
.airep-dots i:nth-child(2){animation-delay:.16s}
.airep-dots i:nth-child(3){animation-delay:.32s}
@keyframes airep-pulse{0%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.airep-stage{position:relative;margin-top:16px;height:585px}
.airep-card{position:absolute;inset:0;background:var(--surface);color:var(--ink);border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 26px 60px -30px rgba(0,0,0,.65);padding:22px 24px;overflow:auto;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1)}
.airep-card.airep-in{opacity:1;transform:none}
.airep-card.airep-out{opacity:0;transform:translateY(-10px) scale(.99)}
.airep-st{opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}
.airep-card.airep-go .airep-st{opacity:1;transform:none}
.airep-grow{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.airep-card.airep-go .airep-grow{transform:scaleY(1)}
.airep-draw{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1)}
.airep-card.airep-go .airep-draw{stroke-dashoffset:var(--dd,0)}
.airep-heat{opacity:0;transition:opacity .45s ease}
.airep-card.airep-go .airep-heat{opacity:1}
.airep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.airep-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px;margin:16px 0 18px}
.airep-kpi{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.airep-kpi b{display:block;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.airep-kpi span{font-size:11.5px;color:var(--muted);font-weight:600}
.airep-table{width:100%;border-collapse:collapse;font-size:13px}
.airep-table th{text-align:left;color:var(--muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:7px 8px;border-bottom:1px solid var(--line)}
.airep-table td{padding:9px 8px;border-bottom:1px solid var(--line);font-weight:600;vertical-align:middle}
.airep-table tr:last-child td{border-bottom:0}
.airep-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.airep-insight{border-left:2px solid #9B6BFF;padding:2px 0 2px 12px;margin-top:14px;font-size:13px;line-height:1.55;color:var(--ink)}
.airep-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.airep-pdf{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:11px;padding:10px 16px;font-weight:700;font-size:13px}
.airep-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.airep-chip{background:rgba(255,255,255,.06);color:#EAE7FF;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font:inherit;font-size:12.5px;font-weight:600;line-height:1.4;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease}
.airep-chip:hover{background:rgba(255,255,255,.13)}
.airep-chip.on{background:linear-gradient(135deg,#6E8BFF,#9B6BFF);border-color:transparent;color:#fff;font-weight:700}
.airep-heatgrid{display:grid;grid-template-columns:104px repeat(4,1fr);gap:5px;margin-top:16px}
.airep-heatgrid .hl{font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center}
.airep-heatgrid .hh{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding-bottom:2px}
.airep-heatcell{border-radius:8px;min-height:34px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700}
@media (max-width:880px){.airep-stage{height:625px}}
@media (max-width:560px){.airep-stage{height:750px}.airep-card{padding:16px}.airep-card h3{font-size:16.5px!important}.airep-kpis{gap:8px;margin:12px 0 14px}.airep-kpi{padding:9px 11px}.airep-kpi b{font-size:19px}.airep-heatgrid{grid-template-columns:78px repeat(4,1fr);gap:4px}.airep-heatgrid .hl{font-size:10.5px}.airep-heatcell{min-height:30px}.airep-insight{font-size:12.5px}.airep-foot>span:first-child{display:none}}
@media (prefers-reduced-motion:reduce){
 .airep-caret{animation:none}
 .airep-dots i{animation:none}
 .airep-st,.airep-grow,.airep-heat{transition:none}
 .airep-draw{transition:none}
 .airep-card{transition:opacity .5s ease;transform:none}
 .airep-card.airep-out{transform:none}
}

html[lang="en"] [data-airep-q]:empty::before{content:'Ask BrydgeAI a question\2026'}