/* Documind IA — Global Styles */

/* Scrollbar personalizado */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
.dark ::-webkit-scrollbar-thumb { background: #374151; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* Transición global suave */
*, *::before, *::after { transition-property: background-color, border-color, color; transition-duration: 150ms; }

/* Textarea auto-resize */
textarea { field-sizing: content; min-height: 44px; }

/* Prose simple para respuestas IA */
.prose-chat p    { margin-bottom: 0.5rem; }
.prose-chat p:last-child { margin-bottom: 0; }
.prose-chat code {
    font-size: 0.8em;
    background: rgba(0,0,0,0.08);
    padding: 0.1em 0.3em;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
}
.dark .prose-chat code { background: rgba(255,255,255,0.1); }
.prose-chat pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    font-size: 0.82em;
    margin: 0.5rem 0;
}
.prose-chat ul  { list-style: disc; padding-left: 1.25rem; margin-bottom: 0.5rem; }
.prose-chat ol  { list-style: decimal; padding-left: 1.25rem; margin-bottom: 0.5rem; }
.prose-chat li  { margin-bottom: 0.25rem; }
.prose-chat strong { font-weight: 600; }
.prose-chat em { font-style: italic; }
.prose-chat h1,.prose-chat h2,.prose-chat h3 { font-weight: 700; margin: 0.75rem 0 0.25rem; }

/* Animate bounce personalizado para typing dots */
@keyframes typing-bounce {
    0%, 80%, 100% { transform: translateY(0); }
    40%            { transform: translateY(-6px); }
}
.animate-bounce {
    animation: typing-bounce 1.2s infinite;
}

/* Focus ring global */
:focus-visible { outline: 2px solid #6366f1; outline-offset: 2px; }

/* Botón disabled */
button:disabled { opacity: 0.5; cursor: not-allowed; }

/* File input drop zone */
#dropZone { position: relative; }
#dropZone input[type="file"] {
    position: absolute; inset: 0;
    opacity: 0; cursor: pointer;
    width: 100%; height: 100%;
}