/* Dictare vocala — stari buton microfon. Baza (btn-outline-secondary)
   vine global din custom.css (inclusiv dark mode). Aici doar starile specifice. */

.dictare-btn {
    line-height: 1;
}

/* Inregistrare in curs */
.dictare-btn.recording {
    color: #fff;
    background-color: #dc2626;
    border-color: #dc2626;
    animation: dictare-pulse 1.2s infinite;
}
.dictare-btn.recording:hover {
    color: #fff;
    background-color: #b91c1c;
    border-color: #b91c1c;
}

@keyframes dictare-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.5); }
    70%  { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

/* Timer langa buton, in timpul inregistrarii */
.dictare-timer {
    margin-left: 0.4rem;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
    color: #dc2626;
}
html.dark-mode .dictare-timer {
    color: #f87171;
}