/* Compact dock only: do not change workspace geometry or media surfaces. */
.call-controls {
  --dock-circle:44px;
  --dock-column:76px;
  min-height:78px;
  max-width:calc(100% - 24px);
  gap:6px;
  padding:8px 14px;
  margin:0 auto 12px;
  border-radius:42px;
  border-color:var(--theme-border-subtle,#45454a);
  background:linear-gradient(150deg,rgba(var(--theme-surface-card-rgb,14,23,40),0.98),rgba(var(--theme-surface-card-rgb,8,14,26),0.98));
  box-shadow:0 8px 22px rgba(var(--theme-shadow-rgb,0,0,0),0.18);
}
.call-controls .call-control-stack,
.call-controls .share-split-control {
  flex:0 0 var(--dock-column);
  width:var(--dock-column);
  grid-template-rows:var(--dock-circle) 14px;
  gap:4px;
}
.call-controls .call-control-stack > .icon-control,
.call-controls .share-split-actions,
.call-controls .share-split-actions > .control-share {
  width:var(--dock-circle);
  min-width:var(--dock-circle);
  height:var(--dock-circle);
  min-height:var(--dock-circle);
}
.call-controls .icon-control > svg,
.call-controls .call-control-stack > .icon-control > svg,
.call-controls .control-leave > svg {
  width:var(--dock-circle) !important;
  height:var(--dock-circle) !important;
  padding:11px !important;
  border-color:rgba(var(--theme-accent-rgb,119,143,190),0.32);
  background:linear-gradient(150deg,var(--theme-surface-card,#1b2b47),var(--theme-surface-card,#101c30));
  box-shadow:inset 0 1px rgba(var(--theme-highlight-rgb,255,255,255),0.035);
}
.call-controls .control-label { font-size:11px; font-weight:600; line-height:14px; min-height:14px; white-space:nowrap; }
.call-controls .control-leave-stack { flex-basis:84px; width:84px; padding-left:8px; margin-left:4px; }
.call-controls .control-leave-stack::before { top:8px; bottom:8px; background:rgba(var(--theme-text-primary-rgb,244,244,246),.13); }
.call-controls .control-leave > svg { color:var(--theme-text-primary,#fff); border-color:var(--theme-danger,#fa3151); background:var(--theme-danger,#f82f50); transform:none; }
.call-controls .control.is-muted > svg { color:var(--theme-danger-text,#ff5a73); border-color:rgba(var(--theme-danger-rgb,255,80,108),0.4); background:linear-gradient(145deg,var(--theme-danger-surface,#492234),var(--theme-surface-card,#291827)); }
.call-controls .control.is-active > svg { border-color:var(--theme-accent,#8f86d9); background:var(--theme-selection,#29345c); }
.call-controls .icon-control:hover > svg { filter:brightness(1.15); }
.call-controls .icon-control:focus-visible { outline:2px solid var(--theme-focus,#a69bea); outline-offset:3px; border-radius:50%; }
.call-controls .share-split-actions > .share-split-toggle { width:20px; min-width:20px; height:20px; min-height:20px; right:-5px; bottom:-3px; }
@media (max-width:1000px) {
  .call-controls { --dock-column:72px; gap:4px; padding:7px 12px; min-height:76px; margin-bottom:8px; }
  .call-controls .control-leave-stack { flex-basis:80px; width:80px; }
}
@media (max-width:600px) {
  .call-controls { --dock-column:61px; gap:2px; padding:6px 8px; }
  .call-controls .control-label { font-size:9px; }
  .call-controls .control-leave-stack { flex-basis:67px; width:67px; margin-left:2px; padding-left:6px; }
}