.stop-voice-feedback { margin:8px 0; padding:8px 10px; border:1px solid #667085; border-radius:12px; background:var(--panel,#1c2029); color:var(--ink,#fff); }
.stop-voice-feedback[hidden] { display:none; }
.stop-voice-heading { display:flex; align-items:center; gap:9px; font-size:13px; line-height:1.3; }
.stop-voice-wave { display:flex; flex-shrink:0; align-items:center; justify-content:center; gap:3px; width:35px; height:20px; color:#a5adba; }
.stop-voice-wave i { width:4px; height:4px; background:currentColor; border-radius:3px; }
.stop-voice-feedback[data-state="listening"] { border-color:#68d5b5; }
.stop-voice-feedback[data-state="listening"] .stop-voice-wave { color:#68d5b5; }
.stop-voice-feedback[data-state="hearing"] { border-color:#ff817d; }
.stop-voice-feedback[data-state="hearing"] .stop-voice-wave { color:#ff817d; }
/* Recognition activity indicator, not a fabricated microphone volume meter. */
.stop-voice-feedback[data-state="hearing"] .stop-voice-wave i { height:18px; animation:stop-voice-activity .6s ease-in-out infinite alternate; }
.stop-voice-wave i:nth-child(2) { animation-delay:-.4s!important; }
.stop-voice-wave i:nth-child(3) { animation-delay:-.2s!important; }
.stop-voice-wave i:nth-child(4) { animation-delay:-.5s!important; }
@keyframes stop-voice-activity { from { transform:scaleY(.25); } to { transform:scaleY(1); } }
#stopVoiceFeedback #stopHeard { display:block; margin:5px 0 0; font-size:15px; line-height:1.35; overflow-wrap:anywhere; max-height:4.05em; overflow:auto; }
.stop-map-browsing .stop-voice-feedback { margin:4px 0; padding:5px 8px; }
.stop-map-browsing #stopVoiceFeedback #stopHeard { font-size:13px; max-height:2.7em; margin-top:2px; }
.stop-map-browsing #stopStatus { margin:3px 0; font-size:11px; }
.stop-map-browsing .stop-voice-heading { font-size:12px; }
@media(orientation:portrait) { .stop-map-browsing .navigation-stop-modal .modal-card { max-height:49dvh; } }
@media(orientation:landscape) {
  .stop-map-browsing .stop-voice-feedback { padding:4px 6px; margin:2px 0; }
  .stop-map-browsing #stopVoiceFeedback #stopHeard { font-size:12px; max-height:1.35em; }
  .stop-map-browsing #stopSelectedSummary small { line-height:1.2; }
}
@media(prefers-reduced-motion:reduce) { .stop-voice-feedback .stop-voice-wave i { animation:none!important; } }