/* SpeechDictation — стили кнопки микрофона */

.sd-mic-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 24px;
    padding: 0;
    margin-left: 4px;
    border: none;
    background: transparent;
    color: #444;
    cursor: pointer;
    border-radius: 3px;
    vertical-align: middle;
    transition: color 0.2s, background 0.2s;
}

.sd-mic-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #222;
}

.sd-mic-btn i {
    font-size: 18px;
    line-height: 1;
}

/* Активное состояние — запись */
.sd-mic-btn.sd-active {
    color: #e53935;
    animation: sd-pulse 1.2s infinite;
}

.sd-mic-btn.sd-active:hover {
    background: rgba(229, 57, 53, 0.1);
}

@keyframes sd-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.4); }
    70%  { box-shadow: 0 0 0 8px rgba(229, 57, 53, 0); }
    100% { box-shadow: 0 0 0 0 rgba(229, 57, 53, 0); }
}

/* Тёмная тема */
[data-bs-theme="dark"] .sd-mic-btn {
    color: #adb5bd;
}

[data-bs-theme="dark"] .sd-mic-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #e9ecef;
}

[data-bs-theme="dark"] .sd-mic-btn.sd-active {
    color: #ef5350;
}

[data-bs-theme="dark"] .sd-mic-btn.sd-active:hover {
    background: rgba(239, 83, 80, 0.15);
}