/* ═══════════════════════════════════════════════════════════════
   Investigador Tab — Chat UI + Agent Tool Visualization
   ═══════════════════════════════════════════════════════════════ */

.investigador-messages {
    scrollbar-width: thin;
    scrollbar-color: var(--ui-border) transparent;
}

.investigador-messages::-webkit-scrollbar {
    width: 6px;
}

.investigador-messages::-webkit-scrollbar-thumb {
    background: var(--ui-border);
    border-radius: 3px;
}

/* Typing indicator */
.typing-dot {
    width: 6px;
    height: 6px;
    background: var(--ui-muted);
    border-radius: 50%;
    animation: typingBounce 1.2s ease-in-out infinite;
}

.typing-dot:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes typingBounce {
    0%, 80%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    40% {
        transform: translateY(-6px);
        opacity: 1;
    }
}

/* Tool chip spinner */
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Suggestion buttons */
.investigador-suggestion {
    transition: all var(--transition-fast, 120ms) ease;
}

.investigador-suggestion:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
    border-color: var(--ui-accent);
}

/* Message animations */
.investigador-msg {
    animation: msgSlideIn 200ms ease-out;
}

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

/* Tool chips area */
.investigador-tool-chip {
    animation: chipFadeIn 150ms ease-out;
}

@keyframes chipFadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

/* Input textarea */
#investigador-input {
    font-family: inherit;
    transition: border-color var(--transition-fast, 120ms) ease;
}

#investigador-input:focus {
    border-color: var(--ui-accent);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* Assistant text content */
.investigador-text strong {
    color: var(--ui-text);
    font-weight: 600;
}

.investigador-text em {
    color: var(--ui-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .investigador-container {
        height: calc(100vh - 180px) !important;
    }

    .investigador-msg--user {
        max-width: 90% !important;
    }

    .investigador-msg--assistant {
        max-width: 95% !important;
    }

    .investigador-suggestion {
        font-size: 0.75rem !important;
        padding: 6px 10px !important;
    }
}