/* QA58 responsive geometry and hit targets remain. The application shell is
   not a scroller: a sliding, hidden chat must never let focus/scrollIntoView
   shift the whole call and its controls off screen. Inner panels still scroll. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-main{overflow:clip}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 {--sketch-control-hover:#efc017}
/* QA63 footer: Board takes the timing slot; session controls join media.
   Keep the grid reserve, central Next and every existing hit target. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{border-radius:24px 22px 24px 22px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>#board-toggle{grid-area:1 / 2;justify-self:center}
@container qa58-call (width < 558px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>#board-toggle{grid-area:2 / 2;justify-self:end}
}
/* QA61 supplied pair: equal foreground width despite the pressed brush's
   larger transparent canvas. Metrics: sketch-pop-qa61/whiteboard-manifest.json.
   Transform only the glyph; the existing button geometry remains unchanged. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions #board-toggle[data-sketch-pop-icon="whiteboard"]>.sketch-pop-glyph{
 background-color:transparent!important;border-radius:0!important;transform:none!important;
 translate:-15.234375% -9.08203125%!important;scale:1.5!important;transition:none!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions #board-toggle[data-sketch-pop-icon="whiteboard"]:not(:disabled):is(:hover,:active,[data-pressed="true"])>.sketch-pop-glyph{
 --sketch-pop-current:var(--sketch-pop-pressed);
 background-color:transparent!important;border-radius:0!important;
 translate:-3.673735119% -3.306361607%!important;scale:1.880952381!important;
}
@media(hover:hover){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions #call-reactions-toggle:not(:disabled):hover>.sketch-pop-glyph{
  background-color:var(--sketch-control-hover)!important;
  border-radius:24% 20% 28% 19% / 23% 27% 21% 25%;
 }
}
/* Legacy motion-qa24 clipped the original SVG itself until the hold was full. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search).cl-holding>.sketch-pop-glyph{
 visibility:visible!important;opacity:1!important;clip-path:none!important;color:inherit!important;
 background-image:var(--sketch-pop-normal)!important;background-color:transparent!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search).cl-control.cl-primary.cl-holding::before,
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search).cl-control.cl-primary.cl-holding::after{content:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)>.cl-stop-ink{
 position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:92.8px;height:92.8px;
 background:transparent;z-index:6;pointer-events:none;opacity:1!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search).cl-ink-ready>.sketch-pop-glyph{opacity:0!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]:is(:hover,:active,:focus-visible,.cl-holding){background:transparent!important;box-shadow:none!important;outline:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{background-color:transparent!important;background-size:145%!important;border-radius:0!important}
@layer camlangs-control-interaction{
 /* The supplied pressed board supplies feedback without expanding its target. */
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions #board-toggle[data-sketch-pop-icon]:is(:hover,:active,[data-pressed="true"]){scale:1!important;transform:none!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{background-size:145%!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]:focus-visible{outline:2px solid #17171c!important;outline-offset:4px}
 @media(hover:hover){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]:not(:disabled):hover{scale:1.18!important}}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]:not(:disabled):is(:active,.cl-holding){scale:1!important}
 @media(prefers-reduced-motion:reduce){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]:not(:disabled):hover{scale:1!important}}
}
@container qa58-call (max-width:900px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)>.cl-stop-ink{width:75.4px;height:75.4px}
}
@media(max-width:850px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)>.cl-stop-ink{width:75.4px;height:75.4px}
}