.MuiAvatar-circular {
display: none !important;
}
/*
#new-chat-button {
display: none !important;
}
*/
/*.css-1a6az2d*/
.css-1qe6x04 {
display: none !important;
}
/* Elimina el primer HR de la lista*/
ul.MuiList-root hr.css-1a6az2d:first-of-type {
display: none;
}
.watermark {
display: none !important;
}
.MuiAlert-standardInfo {
display: none !important;
}
.css-93z3fs {
color: #f8b900 !important;
text-decoration: underline #f8b900 !important;
}
#actions-list {
color: #f8b900 !important;
}
.css-hhc1wx img {
max-height: 30px !important;
}
/*
img[src=""] {
display: none;
}
*/
/* Modificación para la imagen de login - con nuevo nombre para forzar recarga */
/*
img.absolute.inset-0.h-full.w-full.object-cover {
content: url("/public/login_new.png") !important;
filter: none !important;
}
*/
/* Para modo oscuro - eliminamos el filtro */
.dark img.absolute.inset-0.h-full.w-full.object-cover {
filter: none !important;
}
.modebar-btn--logo {
display: none !important;
}
.modebar-btn.plotlyjsicon.modebar-btn--logo {
display: none !important;
}
[data-val="lasso"],
[data-val="zoom"],
[data-val="select"],
[data-val="in"],
[data-val="out"],
[data-val="auto"],
[data-val="pan"] {
display: none !important;
}
html.dark a[href="/graphs"] img {
content: url("/public/chart.svg");
}
/* Si tiene la clase light → usa el ícono oscuro */
html.light a[href="/graphs"] img {
content: url("/public/chart-oscuro.svg");
}
/************ modos *************/
/* Oculta las ![]()
dentro del botón de perfiles */
#chat-profiles img {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
/* El contenedor donde insertaremos el pseudo-elemento (el que envuelve ícono + texto) */
#chat-profiles span > div {
position: relative;
}
/* Pseudo-elemento que hará de ícono */
#chat-profiles span > div::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5rem; /* espacio antes del texto */
vertical-align: middle;
}
/* ========== 1) Header: link /graphs ========== */
a[href="/graphs"] img {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
a[href="/graphs"]::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
html.dark a[href="/graphs"]::before {
background-image: url("/public/chart.svg");
}
html.light a[href="/graphs"]::before {
background-image: url("/public/chart-oscuro.svg");
}
/* ========== Conversations Report Icons ========== */
a[href="/conversations-report"] img {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
a[href="/conversations-report"]::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
html.dark a[href="/conversations-report"]::before {
background-image: url("/public/message-circle-more-white.svg");
}
html.light a[href="/conversations-report"]::before {
background-image: url("/public/message-circle-more-dark.svg");
}
/**************************************************************/
#chat-profiles img {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
#chat-profiles span > div {
position: relative;
}
#chat-profiles span > div::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5rem;
vertical-align: middle;
background-image: var(--icon-url);
}
html.dark #chat-profiles span > div:has(img[alt*="Modo Normal"]) {
--icon-url: url("/public/bot.svg");
}
html.light #chat-profiles span > div:has(img[alt*="Modo Normal"]) {
--icon-url: url("/public/bot.svg");
}
html.dark #chat-profiles span > div:has(img[alt*="Modo Razonamiento profundo"]) {
--icon-url: url("/public/brain.svg");
}
html.light #chat-profiles span > div:has(img[alt*="Modo Razonamiento profundo"]) {
--icon-url: url("/public/brain.svg");
}
html.dark :where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_normal.png"]) {
--menu-icon-url: url("/public/bot.svg");
}
html.light :where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_normal.png"]) {
--menu-icon-url: url("/public/bot.svg");
}
#welcome-screen img[src$="/bot_normal.png"] {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
#welcome-screen img[src$="/bot_profundo.png"] {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
html.light #welcome-screen::before {
content: "";
display: inline-block;
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 9999px;
background-image: url("/public/bot_light.png");
}
html.dark #welcome-screen::before {
content: "";
display: inline-block;
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 9999px;
background-image: url("/public/bot_dark.png");
}
/*************/
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) img[src$="/bot_normal.png"],
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) img[src$="/bot_profundo.png"] {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_normal.png"])::before,
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_normal.png"])::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5rem;
vertical-align: middle;
background-image: url("/public/bot.svg");
}
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_profundo.png"])::before,
:where([role="listbox"], [role="menu"], [data-radix-popper-content]) div:has(> img[src$="/bot_profundo.png"])::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5rem;
vertical-align: middle;
background-image: url("/public/brain.svg");
}
html.light .bg-accent {
background-color: hsl(0deg 0% 89.76%) !important;
}
/* ========== Conversations Report Icons ========== */
a[href="/conversations-report"] img {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
}
a[href="/conversations-report"]::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
/* Tema oscuro - ícono blanco */
html.dark a[href="/conversations-report"]::before {
background-image: url("/public/message-circle-more-white.svg");
}
/* Tema claro - ícono oscuro */
html.light a[href="/conversations-report"]::before {
background-image: url("/public/message-circle-more-dark.svg");
}
.logo {
width: 40% !important;
}
.icon-gr {
height: 2rem !important;
width: 2rem !important;
}
/* Ocultar botones en dispositivos moviles */
@media (max-width: 768px) {
#readme-button {
display: none !important;
}
#chat-profiles {
display: none !important;
}
button:has(a[href="/conversations-report"]) {
display: none !important;
}
button:has(a[href="/graphs"]) {
display: none !important;
}
}