.rega-ls{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#0b1220;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .10);
  padding: 18px;
}

.rega-ls-loading{opacity:.8; color:#334155;}
.rega-ls-errorbox{padding:14px 16px;border-radius:12px;background:#fff1f2;border:1px solid rgba(190,18,60,.25);color:#9f1239;}

.rega-ls-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom:1px solid rgba(15,23,42,.10);
}
.rega-ls-customer-name{ font-weight:800; font-size:22px; line-height:1.1; }
.rega-ls-customer-slug{ opacity:.72; font-size:13px; margin-top:4px; color:#475569; }
.rega-ls-logo{
  width: 320px;
  height: 110px;
  object-fit: contain;
  border-radius: 14px;
  background: #ffffff;
  padding:10px;
  border:1px solid rgba(15,23,42,.12);
}

.rega-ls-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rega-ls-card{
  border:1px solid rgba(15,23,42,.12);
  background: #ffffff;
  border-radius: 14px;
  overflow:hidden;
}

.rega-ls-card-head{
  padding: 12px 12px 10px;
  font-weight: 750;
  font-size: 15px;
  border-bottom:1px solid rgba(15,23,42,.10);
}

.rega-ls-card-player{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  background:#000;
}

.rega-ls-card-player iframe,
.rega-ls-card-player video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.rega-ls-card-desc{
  padding: 10px 12px 12px;
  color:#334155;
  font-size: 14px;
  line-height: 1.4;
}

.rega-ls-box.rega-ls-error{
  padding:14px 16px;
  border-radius:12px;
  background: #fff1f2;
  border:1px solid rgba(190,18,60,.25);
  color:#9f1239;
}

/* Portal */
.rega-ls-portal{ padding: 22px; }
.rega-ls-portal-card{
  max-width: 520px;
  margin: 0 auto;
  border:1px solid rgba(15,23,42,.12);
  background: #ffffff;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}
.rega-ls-portal-title{ font-weight:800; font-size:20px; margin-bottom:10px; }
.rega-ls-portal-sub{ opacity:.7; font-size:12px; margin-top:4px; color:#475569; }
.rega-ls-portal-form label{ display:block; margin: 10px 0; font-size: 13px; color:#334155; }
.rega-ls-portal-form input{ width:100%; padding: 10px 12px; border-radius: 12px; border:1px solid rgba(15,23,42,.12); background: #ffffff; color: #0b1220; }
.rega-ls-portal-hint{ opacity:.7; font-size:12px; margin-top:10px; color:#475569; }

.rega-ls-btn{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border:1px solid rgba(15,23,42,.16);
  background: #0b1220;
  color:#ffffff;
  cursor:pointer;
  text-decoration:none;
}
.rega-ls-btn:hover{ opacity:.92; }
.rega-ls-btn-ghost{ background: transparent; color:#0b1220; }

.rega-ls-portal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom:1px solid rgba(15,23,42,.10);
}

.rega-ls-portal-formwide label{ display:block; margin: 10px 0; font-size: 13px; color:#334155; }
.rega-ls-portal-formwide input,
.rega-ls-portal-formwide textarea,
.rega-ls-portal-formwide select{
  width:100%;
  padding: 10px 12px;
  border-radius: 12px;
  border:1px solid rgba(15,23,42,.12);
  background: #ffffff;
  color: #0b1220;
}
.rega-ls-portal-section{ margin: 18px 0; }
.rega-ls-portal-section h3{ margin: 0 0 8px; font-size: 16px; }
.rega-ls-portal-grid2{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rega-ls-portal-logo-preview img{ max-width: 160px; max-height: 90px; margin-top: 8px; border-radius: 12px; border:1px solid rgba(15,23,42,.12); background: #ffffff; padding:8px; }

.rega-ls-portal-table table{ width:100%; border-collapse: collapse; }
.rega-ls-portal-table th, .rega-ls-portal-table td{ border-bottom:1px solid rgba(15,23,42,.10); padding: 8px 6px; font-size: 13px; text-align:left; color:#0b1220; }
.rega-ls-portal-streams{ display:grid; grid-template-columns: 1fr; gap: 12px; }
.rega-ls-portal-stream{ border:1px solid rgba(15,23,42,.12); background: #ffffff; border-radius: 14px; padding: 12px; }
.rega-ls-portal-stream-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 8px; }

@media (max-width: 900px){
  .rega-ls-grid{ grid-template-columns: 1fr; }
  .rega-ls-portal-grid2{ grid-template-columns: 1fr; }
}


.rega-ls-toast{
  position: sticky;
  top: 0;
  z-index: 999;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(15,23,42,.10);
  font-weight: 650;
}
.rega-ls-btn-danger{
  background: #b91c1c;
  border-color: rgba(185,28,28,.25);
  color: #fff;
}
.rega-ls-btn-danger:hover{ opacity:.92; }

.rega-ls-debugbox{margin-top:10px;padding:10px;border:1px dashed rgba(15,23,42,.25);border-radius:12px;font-size:12px;opacity:.9;white-space:pre-wrap;}

/* Chat / Q&A */
.rega-ls-chat{margin-top:18px;padding:16px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:rgba(255,255,255,.85);}
.rega-ls-chat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.rega-ls-chat-title{font-weight:700;font-size:18px;}
.rega-ls-chat-sub{opacity:.75;font-size:13px;}
.rega-ls-chat-form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px;}
.rega-ls-chat-label{display:flex;flex-direction:column;gap:6px;font-size:12px;opacity:.9;}
.rega-ls-chat-input{min-height:38px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.15);background:#fff;min-width:180px;}
.rega-ls-chat-grow{flex:1;min-width:240px;}
.rega-ls-chat-hint{font-size:13px;opacity:.9;padding:8px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.7);}
.rega-ls-chat-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.rega-ls-q{padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.75);} 
.rega-ls-q-top{display:flex;justify-content:space-between;gap:10px;}
.rega-ls-q-name{font-weight:700;}
.rega-ls-q-time{opacity:.6;font-size:12px;}
.rega-ls-q-text{margin-top:6px;white-space:pre-wrap;}
.rega-ls-a{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(15,23,42,.18);white-space:pre-wrap;}
.rega-ls-a b{font-weight:700;}


/* Presenter view */
.rega-ls-presenter-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.rega-ls-presenter-title{font-weight:800;font-size:22px;}
.rega-ls-presenter-sub{opacity:.75;font-size:13px;}
.rega-ls-presenter-list .rega-ls-chat-item{padding:16px;}


/* Presenter DARK */
.rega-ls.rega-ls-presenter{
  background:#000;
  color:#fff;
  border:none;
  box-shadow:none;
  border-radius:0;
  padding:22px;
  width:100%;
}
.rega-ls-presenter-head{
  border-bottom:1px solid rgba(255,255,255,.14);
  padding-bottom:14px;
  margin-bottom:14px;
}
.rega-ls-presenter-title{color:#fff;}
.rega-ls-presenter-sub{color:rgba(255,255,255,.75);}
.rega-ls-presenter-list .rega-ls-chat-item{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  margin-bottom:14px;
}
.rega-ls-presenter-list .rega-ls-chat-meta{color:rgba(255,255,255,.75);}
.rega-ls-presenter-list .rega-ls-chat-q{
  font-size:34px;
  line-height:1.18;
  font-weight:800;
  color:#fff;
}
.rega-ls-presenter-list .rega-ls-chat-a{
  font-size:24px;
  line-height:1.25;
  color:rgba(255,255,255,.90);
  margin-top:14px;
  border-top:1px dashed rgba(255,255,255,.18);
}
@media (max-width: 900px){
  .rega-ls-presenter-list .rega-ls-chat-q{font-size:26px;}
  .rega-ls-presenter-list .rega-ls-chat-a{font-size:18px;}
}
:fullscreen .rega-ls.rega-ls-presenter,
:-webkit-full-screen .rega-ls.rega-ls-presenter{
  padding:34px;
}
:fullscreen .rega-ls-presenter-list .rega-ls-chat-q,
:-webkit-full-screen .rega-ls-presenter-list .rega-ls-chat-q{
  font-size:44px;
}

/* Portal Tabs */
.rega-ls-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px;}
.rega-ls-tabbtn{
  appearance:none;border:1px solid rgba(15,23,42,.14);
  background:#fff;border-radius:999px;padding:8px 14px;
  font-weight:700;font-size:13px;cursor:pointer;
}
.rega-ls-tabbtn.is-active{
  background:#0b1220;color:#fff;border-color:#0b1220;
}
.rega-ls-tabpanel{display:none;}
.rega-ls-tabpanel.is-active{display:block;}

/* Watch Q&A cards */
.rega-ls-chat-list .rega-ls-chat-item{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  margin-top:10px;
  box-shadow:0 8px 20px rgba(2,6,23,.04);
}
.rega-ls-chat-q{font-weight:800;font-size:16px;margin-top:8px;}
.rega-ls-chat-a{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(15,23,42,.18);
  opacity:.95;
}

/* Portal Q&A grid */
.rega-ls-qa-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width: 980px){
  .rega-ls-qa-grid{grid-template-columns:1fr 1fr;}
}
.rega-ls-qa-card{
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 26px rgba(2,6,23,.05);
}
.rega-ls-qa-card textarea{width:100%;}

/* Presenter actions */
.rega-ls-presenter-head{background:#000;}
.rega-ls-presenter-actions .rega-ls-btn{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
}
.rega-ls-presenter-actions .rega-ls-btn:hover{
  background:rgba(255,255,255,.16) !important;
}
/* optional: hide title/sub to keep it clean */
.rega-ls-presenter-title{display:none;}
.rega-ls-presenter-sub{display:none;}

.rega-ls-version-badge{font-size:12px;font-weight:700;opacity:.55;margin-left:8px;}
/* Portal Q&A detailed */
.rega-ls-qa-card{padding:14px 14px 12px;font-family:Arial, Helvetica, sans-serif;}
.rega-ls-qa-row{margin:0 0 8px;font-weight:400;font-size:13px;line-height:1.25;}
.rega-ls-qa-dt{opacity:.75;}
.rega-ls-qa-label{opacity:.85;}
.rega-ls-qa-inline{display:flex;align-items:center;gap:10px;margin:0;}
.rega-ls-qa-name{opacity:.85;}
.rega-ls-qa-question{font-size:14px;line-height:1.35;}
.rega-ls-qa-card select{margin-left:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:#fff;}
.rega-ls-qa-cardsep{border:0;border-top:1px solid rgba(15,23,42,.12);margin:10px 0;}
.rega-ls-qa-answer{display:block;margin-top:10px;font-weight:400;font-size:13px;}
.rega-ls-qa-card textarea{margin-top:6px;border-radius:12px;border:1px solid rgba(15,23,42,.14);padding:10px 12px;box-sizing:border-box;background:#fff;width:100%;}
.rega-ls-qa-savebar{display:flex;justify-content:flex-end;margin:10px 0;gap:10px;}
.rega-ls-qa-sep{border:0;border-top:1px solid rgba(15,23,42,.14);margin:14px 0;}
/* Form field spacing */
.rega-ls-portal-section label{display:block;margin:10px 0;}
.rega-ls-portal-section input[type="text"],
.rega-ls-portal-section input[type="password"],
.rega-ls-portal-section textarea{padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);box-sizing:border-box;}


/* Watch Chat (forced) */
/* Scope to watch shortcode area */
#rega-ls-chat, #rega-ls-chat *{
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
#rega-ls-chat .rega-ls-chat-item{
  padding:18px 20px !important;
  margin-bottom:12px !important;
  border-radius:14px !important;
}
#rega-ls-chat .rega-ls-chat-q{
  background:#e9f7ef !important; /* very light green */
  padding:14px 16px !important;
  border-radius:12px !important;
  margin-top:8px !important;
  line-height:1.5 !important;
  font-weight: 400 !important;
}
#rega-ls-chat .rega-ls-chat-a{
  background:#fff8dc !important; /* light yellow */
  padding:14px 16px !important;
  border-radius:12px !important;
  margin-top:10px !important;
  line-height:1.5 !important;
  font-weight: 400 !important;
}

.rega-ls-version-foot{font-size:12px;opacity:.5;margin:18px 0 6px;text-align:center;}

.rega-ls-grid-2{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:980px){.rega-ls-grid-2{grid-template-columns:1fr 1fr;}}


/* Portal tabs display */
.rega-ls-tabpanel{display:none !important;}
.rega-ls-tabpanel.is-active{display:block !important;}
.rega-ls-version-foot{font-size:12px;opacity:.55;margin:18px 0 6px;text-align:center;}

.rega-ls-note{font-size:13px;opacity:.75;}


/* Portal alignment */
.rega-ls-left{justify-content:flex-start !important; text-align:left;}
.rega-ls-tabpanel[data-panel="chat"] h3{text-align:left;}


/* Portal alignment v0.6.8 */
.rega-ls-portal h3, .rega-ls-portal h2{ text-align:left !important; }
.rega-ls-qa-savebar{ justify-content:flex-start !important; }


/* Multi-customer picker */
.rega-ls-picker{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.rega-ls-picker-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;}


/* Portal switcher */
.rega-ls-switcher select{padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.18);} 

.rega-ls-switcher{display:flex;align-items:center;gap:8px;margin:0;}
.rega-ls-switcher label{font-size:13px;opacity:.8;}
.rega-ls-switcher select{min-width:240px;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.18);}


/* Portal switcher v1.0.5 */
.rega-ls-portal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rega-ls-switcher{display:flex;align-items:center;gap:8px;margin:0;}
.rega-ls-switcher label{font-size:13px;opacity:.8;}
.rega-ls-switcher select{min-width:240px;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.18);}
.rega-ls-switcher-buttons{display:flex;align-items:center;gap:8px;}
.rega-ls-switcher-buttons .rega-ls-btn.is-active{border-color:rgba(0,0,0,.35);font-weight:700;}


/* settings block v1.0.6 */
.rega-ls-settings-block{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.12);} 


/* Portal section separator */
.rega-ls-portal-section-sep{margin-top:18px;padding-top:18px;border-top:1px solid rgba(0,0,0,.12);} 


/* Streams grid v1.0.8 */
@media (min-width: 900px){
  .rega-ls-portal-streams{display:grid !important;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
  .rega-ls-portal-stream{margin:0 !important;}
}


/* Chat toggle row (left group stays compact, delete-all button on the far right) */
.rega-ls-chat-toggle-bar{
  display:flex;
  align-items:center;
  width:100%;
  justify-content: space-between;   /* <-- angepasst */
  gap: 14px;                        /* <-- angepasst */
}
.rega-ls-chat-toggle-left{
  display:inline-flex;
  align-items:center;
  gap:14px;
  flex: 0 0 auto;                   /* <-- angepasst */
}
.rega-ls-chat-toggle-right{
  margin-left:auto;
  flex: 0 0 auto;                   /* <-- angepasst */
}

.rega-ls-chat-label {
  white-space: nowrap;
}


/* Savebar above open queue */
.rega-ls-savebar-top-open{margin:10px 0 14px 0;display:flex;justify-content:flex-start;}

.rega-ls-qa-actions-bottom{margin-top:10px;display:flex;justify-content:flex-end;}