/* fergi-spoken-replies.css — the Stop control shown while Fergi AI speaks a reply (CO-6, 2026-11-01).
 *
 * One pill, bottom centre, above the Fergi AI modal and the Mobile Control Panel popups but below
 * the Say It sheet (11600) — when Say It opens, the voice has already stopped and the pill is gone.
 * Teal = "Fergi is speaking" (the Say It accent); the square = Stop.
 */
.fergi-speech-stop {
    position: fixed;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 84px);
    transform: translateX(-50%);
    z-index: 11520;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px solid rgba(94, 234, 212, 0.55);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.94);
    color: #E2E8F0;
    font: 600 15px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    white-space: nowrap;   /* one line, even when it rides above a narrow Fergi composer (S4, D-3) */
}
.fergi-speech-stop:focus-visible { outline: 2px solid #5EEAD4; outline-offset: 2px; }
.fergi-speech-stop-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: #5EEAD4;
    animation: fergi-speech-pulse 1.2s ease-in-out infinite;
}
.fergi-speech-stop-x { color: #FCA5A5; font-weight: 700; }
@keyframes fergi-speech-pulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .fergi-speech-stop-dot { animation: none; } }