/* Phase layouts reuse the same video elements and shared board. */
.in-live-session .session-gallery .live-session-layout{display:block}
.in-live-session .session-gallery .live-participants-panel{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.in-live-session .session-gallery .live-session-materials,.in-live-session .session-gallery .live-private-panel{display:none!important}
.in-live-session :is(.session-gallery,.session-board-hidden) .live-video-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:12px;padding:0;height:100%;width:min(100%,var(--gallery-width,100%));margin:auto;overflow:hidden;scroll-snap-type:none}
.in-live-session :is(.session-gallery,.session-board-hidden) .live-video-tile{flex:none;width:var(--gallery-tile-width,180px);height:auto;max-height:none;aspect-ratio:4/3;margin:0;scroll-snap-align:none;border-radius:32px}
.in-live-session :is(.session-gallery,.session-board-hidden) .live-video-tile strong{font-size:13px;left:17px;bottom:16px}
.in-live-session :is(.session-gallery,.session-board-hidden) .live-avatar{font-size:clamp(28px,4vw,54px)}
.in-live-session .live-video-tile.is-addressed{box-shadow:inset 0 0 0 3px #9d84e5}
.in-live-session .session-board-hidden .live-session-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2.5fr);grid-template-rows:minmax(0,1fr)}
.in-live-session .session-board-hidden .live-participants-panel{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;height:100%;min-height:0}
.in-live-session .session-board-hidden .live-private-panel{grid-column:1;grid-row:1;max-height:100%}
.in-live-session .session-board-hidden .live-session-materials{display:none!important}
.in-live-session .live-moderator-row{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:58px;margin-top:12px;padding:8px 22px;border-radius:26px;border:1px solid #ffffffc9;background:linear-gradient(110deg,#f4f0ffbd,#ece9fcad);color:#7b63a9;box-shadow:inset 0 1px 0 #fff,0 4px 18px #70579405;transition:background .25s ease,box-shadow .25s ease}
.in-live-session .live-moderator-row.is-speaking{background:linear-gradient(110deg,#eee6ffde,#e9e3fbdb);box-shadow:inset 0 1px 0 #fff,0 4px 22px #7057940b}
.in-live-session .live-timing{display:flex;align-items:center;gap:12px;min-width:0}
.in-live-session .live-moderator-row .live-waiting-clock{margin:0;padding:0;background:none;border-radius:0;gap:5px;color:#8876a6;align-items:baseline}
.in-live-session .live-moderator-row .live-waiting-clock>span{font-size:10px}
.in-live-session .live-moderator-row .live-waiting-clock strong{font-size:21px;color:#5d477e}
.in-live-session .live-moderator-voice{display:flex;align-items:center;gap:14px;min-width:0}
.in-live-session .live-moderator-voice>span{font-size:11px;font-weight:550;white-space:nowrap;color:#786594}
.in-live-session #live-moderator-wave{width:160px;height:36px;flex:none;fill:none;stroke:#8b73c2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.in-live-session #live-moderator-wave path:nth-child(2){opacity:.45;stroke-width:1.4}
.in-live-session #live-moderator-wave path:nth-child(3){opacity:.22;stroke-width:1.2}
.in-live-session #live-moderator-controls{justify-self:end}
.in-live-session #live-enable-session-audio{margin:0;min-height:34px;padding:8px 12px;font-size:11px;border-radius:999px;background:#8769bd;color:#fff}
.in-live-session .live-moderator-row .live-announcement{position:static;display:grid;place-items:center;flex:none;width:24px;height:24px;min-height:0;padding:0;margin:0;background:none;border:0;box-shadow:none;border-radius:50%}
.in-live-session .live-moderator-row .live-announcement>svg{width:20px;height:20px;color:#8d6abb}
.in-live-session #live-board-visibility[aria-pressed=false]{background:#ede6fc;color:#8062b8}
.in-live-session #live-board-visibility[aria-pressed=false] svg{background:none}
.in-live-session .session-gallery .live-briefing-stage{display:none}
@media(max-width:680px){
 .in-live-session :is(.session-gallery,.session-board-hidden) .live-video-tile{border-radius:26px}
 .in-live-session :is(.session-gallery,.session-board-hidden) .live-video-tile strong{font-size:10px;left:11px;bottom:11px}
 .in-live-session .session-board-hidden .live-session-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .in-live-session .session-board-hidden .live-private-panel{grid-column:1;grid-row:1;max-height:clamp(70px,24dvh,160px)}
 .in-live-session .session-board-hidden .live-participants-panel{grid-column:1;grid-row:2}
 .in-live-session .live-moderator-row{min-height:58px;padding:8px 14px;gap:10px;margin-top:10px;border-radius:24px}
 .in-live-session .live-moderator-voice{flex-direction:column;gap:0}
 .in-live-session .live-moderator-voice>span{font-size:9px}
 .in-live-session #live-moderator-wave{width:110px;height:26px}
 .in-live-session .live-moderator-row .live-waiting-clock{flex-direction:column;align-items:flex-start;gap:1px}
 .in-live-session .live-moderator-row .live-waiting-clock>span{font-size:8px}
 .in-live-session .live-moderator-row .live-waiting-clock strong{font-size:18px}
 .in-live-session .live-timing{gap:5px}
 .in-live-session #live-enable-session-audio{font-size:9px;padding:7px 9px;max-width:100px}
}
@media(prefers-reduced-motion:reduce){.in-live-session .live-moderator-row{transition:none}}
@media(prefers-reduced-transparency:reduce){.in-live-session .live-moderator-row{background:#f2edfa}}

/* A distinct, labelled view action sits to the right of the call controls. */
.in-live-session .live-session-footer{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:10px}
.in-live-session .live-session-footer>.live-controls{grid-column:2;justify-self:center;margin:0}
.in-live-session .live-board-toggle{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border-radius:999px;border:1px solid #ffffffd9;background:#ffffffa6;color:#53657d;font-size:12px;font-weight:550;white-space:nowrap;box-shadow:0 4px 16px #334b6908,inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.in-live-session .live-board-toggle>svg{width:18px;height:18px;flex:none}
.in-live-session .live-board-toggle:hover{filter:brightness(.98)}
@media(max-width:680px){
 .in-live-session .live-session-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
 .in-live-session .live-session-footer>.live-controls{grid-column:1}
 .in-live-session .live-board-toggle{grid-column:2;font-size:11px;padding:10px 12px;gap:7px;max-width:155px;white-space:normal;text-align:left}
 .in-live-session .live-session-footer:has(#live-audio-play:not([hidden])){grid-template-columns:1fr}
 .in-live-session .live-session-footer:has(#live-audio-play:not([hidden]))>.live-controls{grid-column:1;grid-row:2}
 .in-live-session .live-session-footer:has(#live-audio-play:not([hidden]))>.live-board-toggle{grid-column:1;grid-row:1}
}
@media(max-width:380px){.in-live-session .live-session-footer>.live-controls{padding:4px;gap:4px}.in-live-session .live-session-footer .live-media-controls{gap:4px}.in-live-session .live-board-toggle{max-width:125px;padding:9px 10px;font-size:10px}}
