/* WebinarPilot Frontend Styles */
.wbp-box,.wbp-register,.wbp-room{
  background:var(--wbp-bg);color:var(--wbp-fg);
  border-radius:var(--wbp-radius);padding:24px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;box-sizing:border-box;
}
.wbp-box *,.wbp-register *,.wbp-room *{box-sizing:border-box}

/* Anmeldung */
.wbp-register h3{margin:0 0 12px;font-size:1.5rem}
.wbp-desc{margin-bottom:16px;opacity:.9}
.wbp-reg-form{display:flex;flex-direction:column;gap:12px;max-width:480px}
.wbp-reg-form label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600}
.wbp-reg-form input[type=text],
.wbp-reg-form input[type=email],
.wbp-reg-form select{
  padding:11px 12px;border:1px solid rgba(128,128,128,.35);
  border-radius:8px;background:var(--wbp-panel);color:var(--wbp-fg);font-size:1rem;
}
.wbp-consent{flex-direction:row!important;align-items:flex-start;gap:8px;font-weight:400;font-size:.82rem;opacity:.9}
.wbp-consent input{margin-top:3px}
.wbp-btn{
  display:inline-block;background:var(--wbp-accent);color:#fff;border:0;
  padding:13px 20px;border-radius:8px;font-size:1rem;font-weight:700;
  cursor:pointer;text-decoration:none;text-align:center;transition:filter .15s;
}
.wbp-btn:hover{filter:brightness(1.08)}
.wbp-btn-sm{padding:9px 14px;font-size:.9rem}
.wbp-msg{min-height:1.2em;font-size:.9rem}
.wbp-msg.wbp-ok{color:#22c55e;font-weight:600}

/* Raum */
.wbp-room-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.15rem}
.wbp-attendees{background:var(--wbp-panel);padding:5px 11px;border-radius:999px;font-size:.85rem}
.wbp-room-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
.wbp-stage{min-width:0}
.wbp-player-wrap{aspect-ratio:16/9;background:#000;border-radius:var(--wbp-radius);overflow:hidden}
.wbp-player-wrap video,.wbp-player-wrap .plyr{width:100%;height:100%}
.wbp-live-frame,.wbp-player-wrap .plyr__video-embed{position:relative;width:100%;height:100%}
.wbp-live-frame iframe,.wbp-player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.wbp-countdown{text-align:center;padding:48px 16px;background:var(--wbp-panel);border-radius:var(--wbp-radius)}
.wbp-cd-title{font-size:1rem;opacity:.8;margin-bottom:8px}
.wbp-cd-time{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--wbp-accent)}

.wbp-offer{margin-top:16px}
.wbp-offer-card{background:var(--wbp-panel);border:2px solid var(--wbp-accent);border-radius:var(--wbp-radius);padding:18px;animation:wbp-pop .3s ease}
.wbp-offer-card strong{font-size:1.15rem;display:block;margin-bottom:6px}
.wbp-offer-cta{margin-top:12px}
@keyframes wbp-pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}

/* Chat */
.wbp-chat{display:flex;flex-direction:column;background:var(--wbp-panel);border-radius:var(--wbp-radius);padding:12px;height:520px}
.wbp-chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}
.wbp-msg-row{font-size:.88rem;padding:6px 9px;background:rgba(128,128,128,.12);border-radius:8px;word-break:break-word}
.wbp-msg-row.wbp-mod{background:rgba(59,130,246,.16);border-left:3px solid var(--wbp-accent)}
.wbp-msg-row b{font-weight:700;margin-right:4px}
.wbp-chat-form{display:flex;gap:8px;margin-top:10px}
.wbp-chat-input{flex:1;padding:10px;border:1px solid rgba(128,128,128,.35);border-radius:8px;background:var(--wbp-bg);color:var(--wbp-fg)}
.wbp-ai-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.85;margin-top:8px}

@media(max-width:782px){
  .wbp-room-grid{grid-template-columns:1fr}
  .wbp-chat{height:380px}
}