/* Shared call controls. Quiet pair (minimal) is the live default. */
body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock .live-controls {
  border:0; background:transparent; gap:12px; overflow:visible;
}
body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock :is(#micButton,#endButton) {
  width:44px; height:44px; min-height:44px; flex-basis:44px; border:0;
  border-radius:50%; color:#555;
  transition:background-color 200ms ease-out,color 200ms ease-out,box-shadow 200ms ease-out;
}
body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock #micButton svg { width:18px; height:18px; }
body[data-live-only="true"][data-control-style="circles"] #laneLive .call-dock :is(#micButton,#endButton) {
  border:1px solid #777; background:transparent;
}
body[data-live-only="true"][data-control-style="capsule"] #laneLive .call-dock .live-controls {
  padding:4px; gap:4px; background:#ececec; border-radius:999px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.035);
}
body[data-live-only="true"][data-control-style="capsule"] #laneLive .call-dock #endButton {
  background:#f8f8f8; box-shadow:0 1px 3px rgba(0,0,0,.08);
}
body[data-live-only="true"][data-control-style="minimal"] #laneLive .call-dock #endButton { color:#a84545; background:#f1e7e7; }
body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock #micButton[data-muted="true"] {
  background:#dedede; color:#222; box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
@media(hover:hover) {
  body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock #micButton:hover { background:#e5e5e5; color:#222; }
  body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock #endButton:hover { background:#ebdada; color:#943333; }
}
body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock :is(#micButton,#endButton):active { background:#d6d6d6; }
@media(prefers-reduced-motion:reduce) {
  body[data-control-style]:not([data-control-style="original"]) #laneLive .call-dock :is(#micButton,#endButton) { transition:none; }
}

/* Quiet pair: a red icon and soft gray surface identify the muted state. */
body[data-live-only="true"][data-control-style="minimal"] #laneLive .call-dock #micButton[data-muted="true"] {
  color:#a84545; background:#e5e5e5; box-shadow:none;
}
@media(hover:hover) {
  body[data-live-only="true"][data-control-style="minimal"] #laneLive .call-dock #micButton[data-muted="true"]:hover { background:#e5e5e5; color:#a84545; }
}
body[data-live-only="true"][data-control-style="minimal"] #laneLive .call-dock #micButton[data-muted="true"]:active { background:#d6d6d6; }