/* Speech controls are part of the chat composer on desktop and touch screens. */
.chat-panel{height:min(570px,calc(100dvh - 110px));width:365px}
.chat-panel .chat-header,.chat-panel .chat-connection-note,.chat-panel .chat-suggestions,.chat-panel #chat-form,.chat-voice-tools,.chat-voice-status,.chat-voice-help{flex-shrink:0}
.chat-messages{min-height:90px}
.chat-voice-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 13px 0}
.chat-voice-tools button{min-height:34px;padding:6px 10px;font-size:11px;background:#eff2e5;border-color:#ccd8bd}
.chat-voice-tools #chat-mic{color:#285747;background:#e3eddc;font-weight:600}
.chat-voice-tools #chat-mic.is-listening{background:#7d3d2f;border-color:#7d3d2f;color:#fff}
.chat-voice-tools [aria-disabled=true],.chat-message .chat-read-reply[aria-disabled=true]{color:#687567;background:#eeefe9}
.chat-auto-read{display:flex;align-items:center;gap:5px;font-size:10px;color:#365747;cursor:pointer;min-height:34px}
.chat-auto-read input{width:15px;height:15px;accent-color:#315d4f;margin:0}
.chat-voice-status{font-size:10px;color:#526d59;line-height:1.6;margin:6px 14px 7px;min-height:16px;max-height:50px;overflow:auto}
.chat-voice-help{font-size:9px;color:#687866;margin:6px 15px 9px;line-height:1.6}
.chat-voice-help summary{cursor:pointer;width:fit-content;padding:3px 0}
.chat-voice-help p{margin:5px 0 0;max-height:90px;overflow:auto}
.chat-message .chat-read-reply{display:block;margin-top:8px;min-height:30px;border-color:#c3d2b3;color:#355d45;background:#f7faee;font-size:10px}
.chat-message .chat-read-reply[aria-pressed=true]{background:#315d4f;color:#fff;border-color:#315d4f}
.chat-voice-tools button:focus-visible,.chat-read-reply:focus-visible,.chat-auto-read input:focus-visible,.chat-voice-help summary:focus-visible{outline:2px solid #9a6724;outline-offset:3px}
@media(max-width:1180px) and (min-width:681px){.chat-panel{width:335px;height:min(530px,calc(100dvh - 100px))}}
@media(max-width:680px){
  .chat-panel,.chat-panel.chat-engaged{width:calc(100vw - 20px);height:min(590px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);bottom:10px}
  .chat-panel:not(.chat-engaged){height:248px;overflow-y:auto}
  .chat-panel:not(.chat-engaged) #chat-form{margin-top:0}
  .chat-panel .chat-messages{min-height:85px}
  .chat-voice-tools{gap:7px;padding-top:6px}
  .chat-voice-tools button{min-height:36px;font-size:11px}
  .chat-auto-read{font-size:11px;min-height:36px}
  .chat-voice-status{font-size:10px;margin-top:5px}
  .chat-panel .chat-message{font-size:12px}
  .chat-panel #chat-input{font-size:16px;line-height:1.5;padding-top:9px;padding-bottom:9px}
}
@media(max-height:520px){.chat-panel{overflow-y:auto}.chat-panel .chat-messages{flex:1 0 80px}.chat-voice-help p{max-height:55px}}