/* Tema Customizado Fotus Solar para LibreChat (BRANDING APENAS) */

:root {
    --brand-orange: #FFB800;
    --brand-orange-hover: #e6a600;
    --brand-blue: #004587;
}

/* 1. SUBSTITUIÇÃO DO LOGO */
img[src*="logo.svg"], .logo-container img {
    content: url("/assets/logo.png") !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 -> Laranja Fotus) */
.bg-green-600, .bg-green-500, .bg-green-500\/90, .hover\:bg-green-600:hover, button[type="submit"] {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #1A1A1A !important;
    font-weight: 600 !important;
}

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

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

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

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

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

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

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

/* 5. TÍTULOS DA TELA DE LOGIN */
h1 {
    color: var(--brand-blue) !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 Lúmen" !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.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    margin-left: 20px !important;
    margin-right: 10px !important;
}