/* Keep all conversation actions reachable without overlapping on phones. */
#voice-mode.voice-mode { overflow-y:auto; overflow-x:hidden; }
#voice-mode .voice-controls { grid-template-columns:minmax(0,1fr) auto; gap:14px; }
#voice-mode .voice-action-buttons { grid-column:1/-1; grid-row:1; display:flex; flex-wrap:wrap; gap:8px; width:100%; }
#voice-mode .voice-action-buttons .voice-live-toggle { grid-column:auto; grid-row:auto; min-height:44px; flex:1 1 auto; justify-content:center; color:#dedee2; margin:0; }
#voice-mode .voice-action-buttons #voice-restart { color:#fff; border-color:#666; }
#voice-mode .voice-controls .mic-settings { grid-column:1; grid-row:2; justify-self:stretch; width:100%; min-width:0; grid-template-columns:auto minmax(0,1fr); text-align:left; }
#voice-mode .voice-controls .mic-settings select { width:100%; min-width:0; }
#voice-mode .voice-controls .voice-mic-button { grid-column:2; grid-row:2; }
#voice-mode .voice-action-buttons button:focus-visible { outline:2px solid #eee; outline-offset:3px; }
@media(max-width:700px) {
  #voice-mode .voice-controls .mic-settings { grid-template-columns:minmax(0,1fr); }
  #voice-mode .voice-controls #mic-result { grid-column:1; }
  #voice-mode .voice-action-buttons .voice-live-toggle { font-size:12px; padding:8px 10px; }
}
@media(max-height:700px) {
  #voice-mode .voice-orb.voice-state { width:min(30vh,170px); height:min(30vh,170px); margin-bottom:6px; }
  #voice-mode .voice-center { gap:6px; padding:6px 0; }
  #voice-mode #status { font-size:18px; }
}