/* LuxBHV Protocol Assistent — gedeelde stijl
   Gebruikt op: bhv-training.html, ehbo-training.html, elearning-personeel.html
   Wijzig hier eenmalig, geldt automatisch voor alle 3 pagina's. */
.lxpa,.lxpa *{box-sizing:border-box;}
.lxpa{
  --rood:#C0001F;
  --rood-donker:#900018;
  --rood-licht:#fdecee;
  --donkergrijs:#1a1a1a;
  --grijs:#555;
  --grijs-licht:#8a8a8a;
  --lichtgrijs:#f5f5f5;
  --rand:#e5e3df;
  --rand2:#d8d6d2;
  --r:12px;
  font-family:'Inter',Arial,sans-serif;
  color:var(--donkergrijs);
  max-width:640px;
  margin:0 auto;
}
.lxpa-card{background:#fff;border:1px solid var(--rand);border-top:4px solid var(--rood);border-radius:var(--r);box-shadow:0 4px 24px rgba(0,0,0,0.06);overflow:hidden;}
.lxpa-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px;}
.lxpa-picker button{flex:0 0 calc(50% - 5px);display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--rand);border-radius:10px;padding:11px 12px;font-size:13.5px;font-weight:700;color:var(--donkergrijs);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;font-family:'Inter',Arial,sans-serif;}
.lxpa-picker button:hover{border-color:var(--rood);background:var(--rood-licht);transform:translateY(-1px);box-shadow:0 4px 14px rgba(192,0,31,.12);}
.lxpa-picker button.active{border-color:var(--rood);background:var(--rood-licht);box-shadow:0 4px 14px rgba(192,0,31,.12);}
.lxpa-picker-icon{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--lichtgrijs);display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s;}
.lxpa-picker button:hover .lxpa-picker-icon,.lxpa-picker button.active .lxpa-picker-icon{background:#fff;}
.lxpa-chatwrap{border-top:1px solid var(--rand);background:var(--lichtgrijs);display:none;flex-direction:column;}
.lxpa-chatwrap.show{display:flex;}
.lxpa-chathead{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--donkergrijs);}
.lxpa-chathead-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.lxpa-chathead-label{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.2px;}
.lxpa-chat{flex:1;overflow-y:auto;max-height:380px;padding:18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;}
.lxpa-chat::-webkit-scrollbar{width:4px;}
.lxpa-chat::-webkit-scrollbar-thumb{background:var(--rand2);border-radius:2px;}
.lxpa-msg{max-width:86%;padding:12px 15px;border-radius:14px;font-size:14.5px;line-height:1.6;animation:lxpaIn .2s ease;}
@keyframes lxpaIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.lxpa-msg.user{align-self:flex-end;background:var(--donkergrijs);color:#fff;border-radius:14px 14px 4px 14px;}
.lxpa-msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--rand);border-radius:14px 14px 14px 4px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.lxpa-msg.bot.alert{background:var(--rood-licht);border-color:rgba(192,0,31,.3);color:var(--rood-donker);}
.lxpa-badge{display:inline-flex;align-items:center;gap:5px;background:var(--rood);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:8px;}
.lxpa-options{display:flex;flex-wrap:wrap;gap:8px;padding:4px 18px 18px;}
.lxpa-options button{background:#fff;border:1.5px solid var(--rood);color:var(--rood-donker);font-size:13.5px;font-weight:700;padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,transform .12s;font-family:'Inter',Arial,sans-serif;}
.lxpa-options button:hover{background:var(--rood);color:#fff;transform:translateY(-1px);}
.lxpa-options button.primary{background:var(--rood);color:#fff;}
.lxpa-options button.primary:hover{background:var(--rood-donker);}
.lxpa-options button.secondary{border-color:var(--rand2);color:var(--grijs);}
.lxpa-options button.secondary:hover{background:var(--lichtgrijs);color:var(--donkergrijs);}
.lxpa-footer{display:flex;gap:10px;align-items:flex-start;padding:16px 20px;background:#fff8ed;border-top:1px solid var(--rand);font-size:12.5px;color:#7a4400;line-height:1.6;}
.lxpa-footer-icon{font-size:14px;flex-shrink:0;margin-top:1px;}
.lxpa-footer strong{display:block;color:#7a4400;font-weight:700;margin-bottom:2px;}
@media(max-width:520px){
  .lxpa-picker button{flex-basis:100%;}
  .lxpa-msg{max-width:92%;}
}