/* Tema Customizado Grupo Litoral para LibreChat (BRANDING APENAS) */

:root {
    --brand-navy: #1F2B7B;
    --brand-navy-hover: #182269;
    --brand-red: #D81E28;
    --brand-yellow: #F5DE0F;
}

/* 1. SUBSTITUIÇÃO DO LOGO */
img[src*="logo.svg"], .logo-container img {
    content: url("/assets/logo.svg") !important;
    height: 60px !important;
    width: auto !important;
    display: block !important;
    margin: 10px auto !important;
    object-fit: contain !important;
}

/* 2. BOTÕES PRINCIPAIS E DESTAQUES (Verde -> Navy Litoral) */
.bg-green-600, .bg-green-500, .bg-green-500\/90, .hover\:bg-green-600:hover, button[type="submit"] {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.bg-green-600:hover, button[type="submit"]:hover {
    background-color: var(--brand-navy-hover) !important;
}

/* 3. TEXTOS E BORDAS DE DESTAQUE */
.text-green-600, .text-green-500, a.text-green-600 {
    color: var(--brand-navy) !important;
}

.border-green-600, .border-green-500 {
    border-color: var(--brand-navy) !important;
}

.dark .text-green-600, .dark .text-green-500, .dark a.text-green-600 {
    color: var(--brand-yellow) !important;
}

.dark .border-green-600, .dark .border-green-500 {
    border-color: var(--brand-yellow) !important;
}

/* Focus rings */
.focus\:ring-green-600:focus, .focus\:ring-green-500:focus, input:focus, textarea:focus {
    --tw-ring-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

/* 4. AVATAR DO SISTEMA E ÍCONES SECUNDÁRIOS */
.bg-brand-purple {
    background-color: var(--brand-navy) !important;
}

/* 5. TÍTULOS DA TELA DE LOGIN */
h1 {
    color: var(--brand-navy) !important;
}

.dark h1 {
    color: #FFFFFF !important;
}

/* 6. TEXTO DE BOAS-VINDAS (LOGIN) */
.w-authPageWidth h1 {
    font-size: 0 !important;
}
.w-authPageWidth h1::after {
    content: "Bem-vindo ao Ilda" !important;
    font-size: 1.875rem !important;
    display: block !important;
}

/* 7. LOGO NO TOPO DO CHAT */
.absolute.top-0.z-10.flex.h-\[52px\] .hide-scrollbar > div:last-child::after {
    content: "" !important;
    display: inline-block !important;
    width: 90px !important;
    height: 25px !important;
    background-image: url("/assets/logo.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    margin-left: 20px !important;
}

/* 8. ANIMAÇÃO DE FADE NO STREAMING (Estilo Claude/ChatGPT) */
.prose > * {
    animation: textFadeIn 0.5s ease-out forwards;
}

@keyframes textFadeIn {
    0% {
        opacity: 0;
        transform: translateY(4px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}