/* WHY [BOL-COMPOSER-STABLE-004]: human 2026-09-26 requires Mute in the
   middle, with Orb and Text/Voice stationary across mode changes. BALANCE-003
   applied only without Mute/Stop; insertion restored the old middle switch
   and right Mute. Preserve its edge alignment for every state instead.
   The existing 82px Orb owns the first row; never span conditional action
   rows. Stop/Listen/Answer approval remains a full-width, >=44px second row.
   This adds height only when that action exists, not on entering Voice.
   Explicit switch width prevents active-label font weight moving its edge.
   Repeated control class narrowly beats the shipped idle :has specificity.
   FALSIFIER: at 360/390px Orb or switch rect changes on Mute/Stop insertion,
   controls overlap, an action disappears, or a target falls below 44px.
   No renderer, scale, transform, state, status, handler or audio change. */
@media (max-width: 760px) {
  .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control {
    width: 100%;
    grid-template-columns: 82px minmax(44px, 1fr) 154px;
    grid-template-rows: 82px;
    grid-auto-rows: auto;
    column-gap: 0;
    row-gap: 0;
  }
  .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control > .ops-voice-orb {
    grid-column: 1;
    grid-row: 1;
  }
  .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control > .ops-voice-modes {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: 154px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control > .ops-voice-mute {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    min-width: 44px;
    min-height: 48px;
  }
  .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control > .ops-voice-interrupt {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 44px;
    min-height: 44px;
    height: auto;
    white-space: normal;
  }
  /* Retain the existing narrow-container icon-only design and accessible
     native names; reserve the same switch width in every Voice state. */
  @container (max-width: 323px) {
    .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control {
      grid-template-columns: 82px minmax(44px, 1fr) 98px;
    }
    .app-shell .ops-assistant form.ops-composer > .ops-voice-control.ops-voice-control > .ops-voice-modes {
      width: 98px;
    }
  }
}