/* 🎤 dictado.css — Estilos del dictado por voz (Fase 1) */

.btn-dictado {
    /* EXCEPCIÓN DS-F2: #ced4da sin token (§3.2) */
    border: 1px solid #ced4da;
    background: var(--vf-color-bg-surface);
    border-radius: var(--vf-radius-sm);
    width: 34px;
    height: 34px;
    line-height: 1;
    padding: 0;
    font-size: var(--vf-font-size-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.btn-dictado:hover {
    /* EXCEPCIÓN DS-F2: azul Bootstrap (#0d6efd/#e7f1ff) sin token (§3.2) */
    border-color: #0d6efd;
    background: #e7f1ff;
}

.btn-dictado.dictando {
    background: var(--vf-color-danger);
    border-color: var(--vf-color-danger);
    color: #fff;
    animation: dictado-pulso 1.2s ease-in-out infinite;
}

@keyframes dictado-pulso {
    /* EXCEPCIÓN DS-F2: rgba() sin token */
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }
    50% { box-shadow: 0 0 0 8px rgba(220, 53, 69, 0); }
}

textarea.dictado-activo {
    border-color: var(--vf-color-danger) !important;
    /* EXCEPCIÓN DS-F2: rgba() en halo del danger sin token */
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

.dictado-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    /* EXCEPCIÓN DS-F2: #212529 decorativo (Q1 §8.1: no mapear a --vf-color-text) */
    background: #212529;
    color: #fff;
    padding: 10px 18px;
    border-radius: var(--vf-radius-md);
    font-size: 0.9rem;
    z-index: var(--vf-z-toast);
    max-width: 90vw;
    /* EXCEPCIÓN DS-F2: sombra fuera de escala */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 📱 Móvil: ocultar el 🎤 del chat VetyBot — el teclado nativo (Gboard/iPhone)
   ya muestra su propio micrófono al abrirse (pedido Ed 25-ago 21:53).
   En desktop el botón sigue visible (usa Whisper local). */
@media (hover: none) and (pointer: coarse) {
    .vetybot-input-wrap .btn-dictado {
        display: none !important;
    }
}

/* 📱 Aviso de dictado por voz (arriba del SOAP, SOLO mobile, auto-ocultable
   por dictado.js al primer toque/focus — pedido Ed 25-ago 22:17). */
.aviso-dictado {
    display: none;
}
@media (hover: none) and (pointer: coarse) {
    .aviso-dictado {
        display: block;
        font-size: 0.8rem;
        color: var(--vf-color-text-muted);
        /* EXCEPCIÓN DS-F2: #f8f9fa/#ced4da sin token */
        background: #f8f9fa;
        border: 1px dashed #ced4da;
        border-radius: var(--vf-radius-sm);
        padding: 6px 10px;
        margin-bottom: 10px;
    }
}