/* Settings → Talking → Voice and the picker sheet (voice-ui.js). */
.set-voice-name { font-size: 20px; font-weight: 800; margin: 0; }
.voice-sheet { width: min(640px, 94vw); max-height: 88dvh; text-align: left; }
.voice-filters { flex-wrap: wrap; }
.voice-filters button { flex: 1 1 80px; }
.voice-group { display: flex; flex-direction: column; gap: 8px; }
.voice-list { display: flex; flex-direction: column; gap: 8px; }
.voice-card {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 14px; border: 2px solid var(--line); border-radius: 14px; background: #fff;
}
.voice-card.on { border-color: var(--ink); }
.voice-card.coming { background: var(--cream); color: var(--muted); }
.voice-text { flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; }
.voice-text b { font-size: 17px; color: var(--ink-text); }
.voice-card.coming .voice-text b { color: var(--muted); }
.voice-text span { font-size: 13px; color: var(--muted); }
.voice-card .btn { flex: none; padding: 10px 14px; font-size: 15px; }
.voice-badge {
  font-size: 12px; font-weight: 800; padding: 6px 10px; border-radius: 999px;
  background: var(--tray); color: var(--muted); white-space: nowrap;
}
.voice-badge.current { background: #dcf0dd; color: #2e8b3a; }