/* Live broadcast console. The source aperture is fitted by stage-display;
   all expensive work remains in the existing native video decoder. */
.stream-screen{position:absolute;inset:0}
.screen-wordmark{display:none}
.workspace[data-mode=chat]{gap:20px}
.workspace[data-mode=chat] .broadcast-player{
  align-self:stretch;isolation:isolate;border:1px solid #8be6ff30;border-radius:14px;
  background:linear-gradient(145deg,#141e2b,#080d16 42%,#0b1421);
  box-shadow:0 22px 65px #0005,inset 0 1px 0 #ffffff0a;overflow:hidden;
}
.workspace[data-mode=chat] .broadcast-player>.panel-heading{
  position:relative;min-height:64px!important;padding:12px 20px!important;gap:14px;
  background:linear-gradient(180deg,#15212ef2,#101925f2);border-bottom:1px solid #8be6ff20;
}
.workspace[data-mode=chat] .broadcast-status{font-size:12px;font-weight:500;letter-spacing:0;color:#dce6ef}
.workspace[data-mode=chat] .broadcast-status .dot{width:7px;height:7px;box-shadow:0 0 0 4px #ffffff06}
.workspace[data-mode=chat] .broadcast-status .dot.live{box-shadow:0 0 0 4px #d3fe6610,0 0 14px #d3fe6630}
.workspace[data-mode=chat] .broadcast-player #timer{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#98aabd;min-width:38px;text-align:right}
.workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar{gap:8px}
.workspace[data-mode=chat] .stage-formats{gap:3px;padding:3px;border:1px solid #8be6ff1c;border-radius:8px;background:#060b1380}
.workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar button{
  min-height:36px;padding:8px 11px;border-radius:5px;font-size:10px;border-color:transparent;
  color:#aebed0;background:transparent;box-shadow:none;transform:none;
}
.workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar button[aria-pressed=true]{
  border-color:#8be6ff50;background:linear-gradient(150deg,#244056,#152738);color:#cff4ff;
  box-shadow:inset 0 1px 0 #ffffff15,0 2px 5px #0003;
}
.workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar button:hover:not(:disabled){
  border-color:#8be6ff66;background:#263f54;color:#fff;box-shadow:inset 0 1px 0 #ffffff15;
}
.workspace[data-mode=chat] .stage-panel>.panel-heading #stage-fullscreen{border-color:#8be6ff25;margin-left:3px}
.workspace[data-mode=chat] .stage-viewer{
  position:relative;background:radial-gradient(ellipse at 15% 60%,#16415b35,transparent 60%),radial-gradient(ellipse at 90% 35%,#7a214624,transparent 55%),#080d15;
}
.workspace[data-mode=chat] .stage-bed{padding:14px 14px 0}
.workspace[data-mode=chat] .stage-bed .stage{
  border-radius:10px;background:radial-gradient(ellipse at 15% 60%,#17344a80,transparent 65%),radial-gradient(ellipse at 85% 25%,#38213955,transparent 60%),linear-gradient(150deg,#101c2a,#070b12 65%);
  border:1px solid #8be6ff15;box-shadow:inset 0 1px 0 #ffffff06;overflow:hidden;
}
.workspace[data-mode=chat] .stage::before,.workspace[data-mode=chat] .stage::after{display:none}
.workspace[data-mode=chat] .stream-screen{
  inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;
  border:1px solid #ffffff24;border-radius:8px;overflow:hidden;background:#05080d;
  box-shadow:0 0 0 5px #050a1255,0 12px 35px #0007;
}
.workspace[data-mode=chat] .stream-screen::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  box-shadow:inset 0 0 22px #04081130;
  background:linear-gradient(180deg,#050a1226,transparent 18%,transparent 72%,#050a1270);
}
.workspace[data-mode=chat] .live-label{inset:14px 14px auto;gap:8px;font-size:9px;letter-spacing:.04em;align-items:flex-start;color:#eef5fb}
.workspace[data-mode=chat] .live-label>span,.workspace[data-mode=chat] .live-label>strong{
  display:flex;align-items:center;gap:7px;min-height:27px;padding:6px 9px;border:1px solid #ffffff20;
  border-radius:5px;background:#08121deb;box-shadow:0 2px 8px #0002;color:#dce9f4;line-height:1.3;
}
.workspace[data-mode=chat] .live-label>span i{height:5px;width:5px;flex:none;border-radius:50%;background:var(--c-acid);box-shadow:0 0 8px #d3fe6640}
.workspace[data-mode=chat] .live-label>strong{color:#abbfd1;font-size:8px;text-align:right}
.workspace[data-mode=chat] .stage-caption{left:16px;right:16px;bottom:12px;font-size:8px;letter-spacing:.11em;color:#d1dbe5;align-items:center;gap:8px;pointer-events:none}
.workspace[data-mode=chat] .stage-caption>span:last-child{display:flex;align-items:center}
.workspace[data-mode=chat] .stage-caption #stage-agent{display:none}
.workspace[data-mode=chat] .screen-wordmark{display:block;width:40px;height:auto;filter:drop-shadow(0 1px 3px #0008)}
.workspace[data-mode=chat] .stage-display-note{padding:11px 18px 13px;min-height:36px;font-size:9px;line-height:1.6;color:#8499af;text-align:center}
.workspace[data-mode=chat] .stage-controls{
  padding:14px 20px;min-height:80px;border-top:1px solid #8be6ff20;background:linear-gradient(180deg,#111c29,#0b1420);gap:10px;
}
.workspace[data-mode=chat] .connection-info{gap:12px}.workspace[data-mode=chat] .connection-info .signal{font-size:20px;opacity:.8}
.workspace[data-mode=chat] .connection-info strong{font-size:12px;color:#dbe8f2}.workspace[data-mode=chat] .connection-info small{font-size:10px;color:#8da4b9;line-height:1.6;margin-top:3px}
.workspace[data-mode=chat] .stage-controls button{min-height:44px;height:44px;border-radius:6px;font-size:12px;padding:10px 16px}
.workspace[data-mode=chat] .stage-controls .secondary{border-color:#8be6ff35;background:#111f2f;box-shadow:inset 0 1px 0 #ffffff08}
.workspace[data-mode=chat] .stage-controls .stop{background:#ff7a5907;border-color:#ff7a5966;color:#ff967d}
.workspace[data-mode=chat] .stage-controls .stop:hover:not(:disabled){background:#ff7a5918;border-color:#ff9d87;color:#ffd5ca}
.workspace[data-mode=chat] .conversation-panel{
  border:1px solid #8be6ff28;border-radius:14px;background:linear-gradient(160deg,#121e2d,#080e18 75%);
  box-shadow:0 16px 45px #0003,inset 0 1px 0 #ffffff08;
}
.workspace[data-mode=chat] .conversation-panel>.panel-heading{min-height:64px;padding:18px 20px;background:#15212e60;border-color:#8be6ff20;letter-spacing:0}
.workspace[data-mode=chat] .conversation-panel .message-form{background:#111c2966;border-color:#8be6ff20;padding:14px;gap:10px}
.workspace[data-mode=chat] .conversation-panel textarea{border-color:#8be6ff30!important;background-color:#09131f!important}
.workspace[data-mode=chat] .stage-panel:fullscreen{border-radius:0;border:0;box-shadow:none}
.workspace[data-mode=chat] .stage-panel:fullscreen .stage-bed{padding:18px}
.workspace[data-mode=chat] .stage-panel:fullscreen .stage{border-radius:10px}
@media(max-width:1000px){
  .workspace[data-mode=chat]{gap:12px}.workspace[data-mode=chat] .broadcast-player>.panel-heading{padding:10px 14px!important;gap:8px}
  .workspace[data-mode=chat] .stage-controls{padding:14px}
}
@media(max-width:760px){
  .workspace[data-mode=chat] .broadcast-player,.workspace[data-mode=chat] .conversation-panel{border-radius:10px}
  .workspace[data-mode=chat] .broadcast-player>.panel-heading{padding:10px!important;min-height:60px!important;gap:8px;justify-content:space-between}
  .workspace[data-mode=chat] .broadcast-status{font-size:11px}.workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar{gap:3px;margin-left:0}
  .workspace[data-mode=chat] .stage-panel>.panel-heading .stage-toolbar button{padding:7px 8px;font-size:9px;min-height:34px}
  .workspace[data-mode=chat] .stage-formats{padding:2px}.workspace[data-mode=chat] .stage-bed{padding:8px 8px 0}
  .workspace[data-mode=chat] .live-label{inset:9px 9px auto;gap:4px;font-size:8px}
  .workspace[data-mode=chat] .live-label>span,.workspace[data-mode=chat] .live-label>strong{padding:4px 6px;min-height:23px}
  .workspace[data-mode=chat] .live-label>strong{font-size:7px}.workspace[data-mode=chat] .stage-caption{left:10px;right:10px;bottom:9px;font-size:7px}
  .workspace[data-mode=chat] .stage-display-note{padding:9px 12px;font-size:8px}.workspace[data-mode=chat] .stage-controls{padding:12px}
  .workspace[data-mode=chat] .stage-controls .connection-info{justify-content:flex-start}
  .workspace[data-mode=chat] .stage-controls button{font-size:11px;padding:10px 14px}
}

/* Override the legacy neon hover on the broadcast action only. */
.workspace[data-mode=chat] .stage-controls .primary{background:var(--brand-action,#c20a76);border-color:var(--brand-action,#c20a76);color:#fff;box-shadow:none}
.workspace[data-mode=chat] .stage-controls .primary:hover:not(:disabled){background:#a60864;border-color:#db499e;color:#fff;box-shadow:0 5px 20px #c20a7633}
.workspace[data-mode=chat] .stage-controls .primary:disabled{background:#66334f;border-color:#66334f;color:#e4cdda}
/* A landscape phone screen follows its width rather than an empty tall stage. */
@media(max-width:760px){
  .workspace[data-mode=chat] .stage-bed{height:auto;min-height:0;display:block;padding:10px 10px 0}
  .workspace[data-mode=chat] .stage-bed .stage{width:100%;height:auto;aspect-ratio:var(--stage-ratio,.5625);margin:0}
}