/* ========== LOGIN PAGE STYLING ========== */

/* Hide the right side image/panel on login page */
[class*="login" i]>div:last-child,
[class*="auth" i]>div:last-child,
.MuiGrid-container>.MuiGrid-item:last-child,
/* Target image containers on right side */
[class*="MuiGrid"] [class*="image"],
[class*="illustration"],
div[class*="Auth"]>div:nth-child(2),
/* TARGET TAILWIND CLASSES SPECIFICALLY */
.grid.min-h-svh>div.relative,
.grid.min-h-svh>div.hidden,
.grid>div[class*="relative"][class*="hidden"],
.grid>div[class*="bg-muted"],
div[class*="grid"][class*="min-h-svh"]>div:nth-child(2),
div[class*="grid"][class*="min-h-svh"]>div[class*="relative"][class*="bg-muted"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Make login container full width with dark background */
[class*="login" i],
[class*="auth" i],
[class*="Auth"],
.MuiGrid-container,
/* TARGET TAILWIND GRID SPECIFICALLY */
.grid.min-h-svh,
div[class*="grid"][class*="min-h-svh"],
.lg\:grid-cols-2 {
    width: 100% !important;
    max-width: 100% !important;
    background: #1a1a1a !important;
    grid-template-columns: 1fr !important;
}

/* Center the login form */
[class*="login" i]>div:first-child,
[class*="auth" i]>div:first-child,
.MuiGrid-item:first-child {
    max-width: 450px !important;
    margin: 0 auto !important;
    grid-column: 1 / -1 !important;
}

/* ========== LOGIN PAGE LOGO REPLACEMENT ========== */
/* Target the login page logo specifically */
[class*="login" i] img,
[class*="auth" i] img,
form img,
.MuiBox-root img:first-of-type,
svg[class*="logo" i],
/* Target by position on login page */
body>#root>div>div>div>div>img,
body>#root>div>div>img {
    content: url("/public/quanta_logo.svg") !important;
    width: 120px !important;
    height: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

/* Replace SVG logos on login page */
svg[data-testid*="logo" i],
svg[class*="logo" i] {
    display: none !important;
}

svg[data-testid*="logo" i]::before,
svg[class*="logo" i]::before {
    content: url("/chat/public/quanta_logo.svg") !important;
    display: block !important;
}

/* Hide the "Built with Chainlit" footer link */
a[href*="chainlit.io"],
a[href*="github.com/Chainlit"],
footer a,
div[class*="footer"] a {
    display: none !important;
}

/* Target and replace ALL logo instances more aggressively */
/* Header logo */
header img,
header svg,
[class*="header"] img,
[class*="Header"] img,
[class*="logo"] img,
[class*="Logo"] img,
/* Sidebar logo */
aside img,
nav img,
[class*="sidebar"] img,
[class*="Sidebar"] img,
/* Any image that might be a logo */
img[alt*="logo" i],
img[alt*="Logo" i],
img[src*="logo"],
img[src*="chainlit"] {
    content: url("/chat/public/quanta_logo.svg") !important;
    width: auto !important;
    height: 40px !important;
    max-width: 180px !important;
    min-height: 40px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    padding: 8px !important;
    margin: 0 !important;
}

/* Specific targeting for common Chainlit logo locations */
.MuiAppBar-root img,
.MuiToolbar-root img {
    content: url("/chat/public/quanta_logo.svg") !important;
    height: 40px !important;
}

/* Hide any text that says "Chainlit" */
*:not(script):not(style) {
    visibility: visible;
}

/* Target specific text nodes containing "Chainlit" - this requires JS but we add defensive CSS */
[class*="app-title"],
[class*="appTitle"],
[class*="brand"] {
    font-size: 0 !important;
}

[class*="app-title"]::before,
[class*="appTitle"]::before,
[class*="brand"]::before {
    content: "Quanta AI" !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #E6E6E6 !important;
}

/* Hide the "Don't have an account? Sign Up" link on login page */
.MuiTypography-root a[href*="signup"],
a[href*="signup"],
a:contains("Sign Up"),
[class*="login"] a:not([class*="forgot"]),
form+* a,
.MuiBox-root>.MuiTypography-root:last-child,
/* Additional selectors for sign up links */
div[class*="auth"] a[href*="signup"],
p a[href*="signup"] {
    display: none !important;
    visibility: hidden !important;
}

/* Force hide any remaining Chainlit branding */
*[class*="chainlit" i],
*[id*="chainlit" i] {
    display: none !important;
}

/* But keep the main app container visible */
#root,
#app,
[class*="App"],
main,
.MuiContainer-root {
    display: block !important;
    visibility: visible !important;
}

/* Additional backup - replace background images */
[style*="chainlit"],
[style*="logo.png"],
[style*="logo.svg"] {
    background-image: url("/chat/public/quanta_logo.svg") !important;
}