/* „Itt szóljon" — the card on the Felolvasó page + the chip that shows on every page while it is on (tts-here.js). */
.tts-here-card { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 0 0 14px; padding: 14px 18px;
  border: 1px solid var(--uj-line-2, rgba(127, 127, 127, .3)); border-radius: 6px; background: var(--uj-card, transparent); }
.tts-here-card[data-on="1"] { border-color: #1f4a33; background: #10211a; }
.tts-here-ic { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-size: 22px;
  background: var(--uj-amber-soft, rgba(247, 175, 33, .16)); color: var(--uj-amber-text, #fdc65a); }
.tts-here-card[data-on="1"] .tts-here-ic { background: rgba(90, 218, 137, .16); color: var(--uj-green-text, #8ee6a8); }
.tts-here-text { flex: 1 1 320px; min-width: 0; }
.tts-here-text b { display: block; font: 600 17px/1.2 var(--uj-font, inherit); color: var(--uj-text, inherit); margin-bottom: 4px; }
.tts-here-text p { margin: 0 0 6px; font: 400 14px/1.4 var(--uj-font, inherit); color: var(--uj-muted, inherit); }
.tts-here-text small { display: block; font: 400 13px/1.4 var(--uj-font, inherit); color: var(--uj-muted-2, inherit); }
.tts-here-status { font-weight: 600; color: var(--uj-text, inherit) !important; margin-bottom: 4px; }
.tts-here-card[data-on="1"] .tts-here-status { color: var(--uj-green-text, #8ee6a8) !important; }
.tts-here-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.tts-here-chip { position: fixed; left: 16px; bottom: 16px; z-index: 900; display: flex; align-items: center; gap: 10px;
  padding: 8px 8px 8px 14px; border-radius: 999px; background: #10211a; border: 1px solid #1f4a33; color: #8ee6a8;
  font: 600 14px/1 var(--uj-font, system-ui, sans-serif); box-shadow: 0 6px 20px rgba(0, 0, 0, .35); max-width: calc(100vw - 32px); }
.tts-here-chip[hidden] { display: none; }
.tts-here-chip i { font-size: 18px; }
.tts-here-chip.is-playing i { animation: tts-here-pulse 1s ease-in-out infinite; }
.tts-here-chip.is-waiting { background: #2a1f08; border-color: #6b4d12; color: #fdc65a; cursor: pointer; }
.tts-here-chip-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tts-here-chip-off { flex: none; height: 28px; padding: 0 12px; border-radius: 999px; border: 1px solid currentColor; background: transparent;
  color: inherit; font: inherit; cursor: pointer; }
@keyframes tts-here-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .tts-here-chip.is-playing i { animation: none; } }