/* QA59 board/camera controls only. Load after QA58r2 refinements/controls.
   No rules for call-actions, Next, grid columns or the responsive footer. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel .wb-tools>button[aria-pressed],
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel .wb-tools>.wb-tool>button{
 border:1.5px solid transparent;border-radius:8px!important;box-sizing:border-box;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel .wb-tools>button[aria-pressed=true],
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel .wb-tools>.wb-tool>button[aria-pressed=true],
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel .wb-footer button[aria-pressed=true]{
 --sketch-button-fill:#ffd43c;--sketch-button-border:#17171c;
 background-color:#ffd43c!important;border:1.5px solid #17171c!important;color:#111!important;
}
/* Header actions have equal targets and glyph footprints, including supplied X. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel>.wb-header :is(#board-save,#board-close){
 display:grid;place-items:center;box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:5px!important;margin:0;align-self:center;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel>.wb-header :is(#board-save,#board-close)>svg{width:30px!important;height:30px!important;display:block;margin:0!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel>.wb-footer :is(#fullscreen-toggle,#board-fullscreen){
 position:static!important;display:grid;place-items:center;min-width:0!important;min-height:0!important;margin:0;flex:none;color:#657184;border:0;border-radius:6px;background:transparent;box-shadow:none;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #board-panel>.wb-footer :is(#fullscreen-toggle,#board-fullscreen)[hidden]{display:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>.cl-call-view-tools:empty{visibility:hidden}
/* Match the existing connection indicator's compact dimensions. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call{--qa59-camera-control-w:24px;--qa59-camera-control-h:21px;--qa59-camera-control-gap:8px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call.cl-call>.cl-call-view-tools{
 width:var(--qa59-camera-control-w)!important;height:var(--qa59-camera-control-h)!important;
 right:9px!important;bottom:calc(var(--cl-actions,98px) + 20px)!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call.cl-call .ce-volume-pop.ce-volume-compact{
 width:var(--qa59-camera-control-w)!important;height:var(--qa59-camera-control-h)!important;
 bottom:calc(20px + var(--qa59-camera-control-h) + var(--qa59-camera-control-gap))!important;right:9px!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call :is(.cl-call-view-tools #fullscreen-toggle,.ce-volume-pop.ce-volume-compact>.ce-volume-key){
 box-sizing:border-box;display:grid!important;place-items:center;
 width:var(--qa59-camera-control-w)!important;height:var(--qa59-camera-control-h)!important;
 min-width:var(--qa59-camera-control-w)!important;min-height:var(--qa59-camera-control-h)!important;
 padding:2px!important;margin:0;border-radius:6px!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call :is(.cl-call-view-tools #fullscreen-toggle,.ce-volume-pop.ce-volume-compact>.ce-volume-key)>svg{width:15px!important;height:15px!important;display:block;margin:0!important}
@media(max-width:600px){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call{--qa59-camera-control-w:22px;--qa59-camera-control-h:19px}}