/* QA58 r1 footer repair. Load after sketch-refinements.css and qa58flags.css.
   The chat/resizer changes the call width without changing the viewport. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call{
 container:qa58-call / inline-size;
 padding-bottom:0!important;
}
/* Reserve space on the child: a size query cannot style its own container.
   Presentation/board offsets already consume this same inherited variable. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call:not(.cl-presenting)>.cl-video-grid{
 height:calc(100% - var(--cl-actions));flex:none;
}
@container qa58-call (max-width:900px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>*{
  --cl-actions:calc(82px + var(--cl-safe-bottom,0px));
  --qa58-control:48px;--qa58-glyph:40px;--qa58-gap:6px;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{
  height:var(--cl-actions);min-height:var(--cl-actions);
  grid-template-columns:minmax(0,1fr) var(--qa58-control) 62px var(--qa58-control) minmax(0,1fr)!important;
  grid-template-rows:62px!important;
  gap:var(--qa58-gap)!important;padding:10px 8px calc(9px + var(--cl-safe-bottom,0px))!important;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-group{
  display:flex;gap:var(--qa58-gap);justify-content:flex-start;min-width:0;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-left{grid-area:1 / 1}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-center{display:contents}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>.cl-mode-wrap:has(#mode-toggle){grid-area:1 / 2}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>.cl-a-launcher{grid-area:1 / 4}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-messages{grid-area:1 / 5;justify-content:flex-end}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-search{grid-area:1 / 3;align-self:center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle)[data-sketch-pop-icon]{
  width:var(--qa58-control)!important;height:var(--qa58-control)!important;min-width:var(--qa58-control)!important;min-height:var(--qa58-control)!important;padding:4px!important;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle)[data-sketch-pop-icon]>.sketch-pop-glyph{width:var(--qa58-glyph)!important;height:var(--qa58-glyph)!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;padding:5px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{width:52px!important;height:52px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-device-wrap{width:var(--qa58-control);height:var(--qa58-control);flex:none;margin:0}
}
/* 558px fits four 44px controls on either side of the centred timing/Next/
   activities cluster. Keep the smaller targets until 48px ones fit at 618px. */
@container qa58-call (width < 618px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>*{--qa58-control:44px;--qa58-glyph:36px;--qa58-gap:4px}
}
@container qa58-call (width < 558px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>*{--cl-actions:calc(130px + var(--cl-safe-bottom,0px))}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{grid-template-columns:repeat(6,minmax(44px,1fr))!important;grid-template-rows:48px 62px!important;gap:4px!important;padding-block:8px calc(7px + var(--cl-safe-bottom,0px))!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>:is(.cl-control-left,.cl-control-messages){display:contents}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-left>*{grid-row:1;justify-self:center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-left>:nth-child(1){grid-column:1}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-left>:nth-child(2){grid-column:2}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-left>:nth-child(3){grid-column:3}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-left>:nth-child(4){grid-column:4}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-messages>.cr-control{grid-area:1 / 5;justify-self:center}
 /* Reflow puts this trigger away from the right edge. Anchor its palette to
    the footer instead of the 44px wrapper so it cannot escape a narrow call. */
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cr-control{position:static}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cr-menu{box-sizing:border-box;left:auto;right:12px;bottom:calc(100% + 12px);width:min(298px,calc(100% - 24px))}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-messages>#chat-toggle{grid-area:1 / 6;justify-self:center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>.cl-mode-wrap:has(#mode-toggle){grid-area:2 / 2;justify-self:end}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-control-center>.cl-a-launcher{grid-area:2 / 5;justify-self:start}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions>.cl-control-search{grid-area:2 / 3 / 3 / 5;justify-self:center}
}
/* On phones/tablets chat overlays the call (it is a sibling, not a query
   descendant). Give its existing bottom inset the identical footer reserve. */
@media(max-width:850px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{--cl-actions:calc(82px + var(--cl-safe-bottom,0px))}
}
@media(width < 558px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{--cl-actions:calc(130px + var(--cl-safe-bottom,0px))}
}