/* Explain: Utility CSS for chat UI elements, animations, and one-time media display. */
/* Utilidades propias sobre DaisyUI + Tailwind */
.fade-in {
    animation: fadeIn .35s ease both;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

/* Chat: botón "un solo uso" activo y micrófono grabando */
.once-btn.once-active {
    background-color: var(--accent-once) !important;
    border-color: var(--accent-once) !important;
    color: #ffffff !important;
}

.recording {
    background-color: #b91c1c !important;
    color: #ffffff !important;
    animation: recPulse 1s ease-in-out infinite;
}

@keyframes recPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .55; }
}

/* Contenido de un solo uso: medidor de audio inmersivo */
.audio-bar {
    transition: height .08s linear;
    min-height: 10px;
}

/* Panel de filtros de empleos (móvil) */
.filter-chip {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    border-radius: 9999px;
    background: var(--accent-soft);
    color: var(--primary-color);
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 700;
}