/**
 * voice-global.css — Стили для плавающего глобального микрофона
 */

.global-voice-floating-btn {
    position: fixed;
    bottom: 32px;
    right: 32px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: radial-gradient(circle, #FB7185 0%, #F59E0B 100%);
    border: none;
    color: white;
    box-shadow: 0 8px 32px rgba(245, 158, 11, 0.4);
    display: none; /* управляется программно */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s;
}

.global-voice-floating-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 36px rgba(245, 158, 11, 0.6);
}

.global-voice-floating-btn .material-symbols-outlined {
    font-size: 32px;
}

/* Запись — кнопка пульсирует красным */
.global-voice-floating-btn.recording {
    background: radial-gradient(circle, #EF4444 0%, #DC2626 100%);
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: globalMicPulse 1.2s infinite ease-out;
}

/* Обработка — индиго, pointer-events отключены */
.global-voice-floating-btn.thinking {
    background: radial-gradient(circle, #6366f1 0%, #8b5cf6 100%);
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.5);
    animation: globalMicSpin 1.4s linear infinite;
    pointer-events: none;
}

@keyframes globalMicPulse {
    0%   { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70%  { box-shadow: 0 0 0 18px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

@keyframes globalMicSpin {
    0%   { box-shadow: 3px 0 0 rgba(99,102,241,0.8), 0 3px 0 rgba(139,92,246,0.8); }
    25%  { box-shadow: 0 3px 0 rgba(99,102,241,0.8), -3px 0 0 rgba(139,92,246,0.8); }
    50%  { box-shadow: -3px 0 0 rgba(99,102,241,0.8), 0 -3px 0 rgba(139,92,246,0.8); }
    75%  { box-shadow: 0 -3px 0 rgba(99,102,241,0.8), 3px 0 0 rgba(139,92,246,0.8); }
    100% { box-shadow: 3px 0 0 rgba(99,102,241,0.8), 0 3px 0 rgba(139,92,246,0.8); }
}

@media (max-width: 768px) {
    .global-voice-floating-btn {
        /* Стоит над кнопкой «Спросить Aimo» (.global-omnibox-btn) — тот же
           right, bottom = её bottom + её высота (56px) + 12px зазор. */
        bottom: 152px !important;
        right: 20px !important;
        width: 56px !important;
        height: 56px !important;
        z-index: 102 !important;
    }

    body:has(.input-container) .global-voice-floating-btn {
        bottom: 192px !important;
    }
}