/* ===========================================
   ESTILOS PERSONALIZADOS - TEEM
   Chainlit 2.9.4 (Tailwind CSS)
   Color corporativo: #2563eb
   =========================================== */

/* -------------------------------------------
   OCULTAR ELEMENTOS
   ------------------------------------------- */

/* Ocultar botón de subir archivos */
#upload-button,
button[aria-label="Upload files"],
button[aria-label="Attach"],
button[aria-label="Adjuntar"],
button[aria-label="Upload file"] {
    display: none !important;
}

/* Ocultar botón de copiar */
button:has(.lucide-copy) {
    display: none !important;
}

/* Ocultar botón de cambio de tema */
#theme-toggle {
    display: none !important;
}

/* -------------------------------------------
   COLORES - ENLACES
   ------------------------------------------- */

a {
    color: #2563eb !important;
}

a:hover {
    color: #1d4ed8 !important;
}

/* -------------------------------------------
   COLORES - BOTÓN ENVIAR
   ------------------------------------------- */

button[type="submit"] {
    background-color: #2563eb !important;
}

button[type="submit"]:hover {
    background-color: #1d4ed8 !important;
}

/* -------------------------------------------
   FEEDBACK - TEXTAREA BORDE AZUL
   ------------------------------------------- */

/* Variables Tailwind */
:root {
    --ring: #2563eb !important;
    --input: #2563eb !important;
    --primary: 37 99 235 !important;
    --primary-foreground: 255 255 255 !important;
}

/* Textarea del popup de feedback */
textarea.rounded-md,
textarea[placeholder*="comentario"],
textarea[placeholder*="comment"] {
    border-color: #2563eb !important;
}

textarea.rounded-md:focus,
textarea.rounded-md:focus-visible {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3) !important;
    outline: none !important;
    --tw-ring-color: #2563eb !important;
}

/* Override clases Tailwind */
.focus-visible\:ring-ring:focus-visible,
.ring-ring {
    --tw-ring-color: #2563eb !important;
}

.border-input {
    border-color: #2563eb !important;
}

/* -------------------------------------------
   BOTONES - AZUL SOLO PARA BG-PRIMARY
   ------------------------------------------- */

/* Botón de enviar chat */
#chat-submit {
    background-color: #2563eb !important;
    background: #2563eb !important;
}

#chat-submit:hover {
    background-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

/* Clase bg-primary de Tailwind - SOLO esta clase */
button.bg-primary {
    background-color: #2563eb !important;
    background: #2563eb !important;
}

button.bg-primary:hover {
    background-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

/* -------------------------------------------
   BOTONES - EXCEPCIONES (van al final para ganar)
   ------------------------------------------- */

/* Botón Cancelar y similares con bg-background */
button.bg-background,
button.bg-background.inline-flex,
div[role="dialog"] button.bg-background {
    background-color: white !important;
    background: white !important;
}

button.bg-background:hover,
div[role="dialog"] button.bg-background:hover {
    background-color: #f3f4f6 !important;
    background: #f3f4f6 !important;
}

/* Botones de cierre - transparente */
button:has(.lucide-x),
button[aria-label="Close"],
button[aria-label="Cerrar"] {
    background-color: transparent !important;
    background: transparent !important;
}

button:has(.lucide-x):hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.1) !important;
}