/* O-Nexus green accent color */
:root {
    --cl-primary: #6fc224 !important;
    --cl-primary-foreground: #ffffff !important;
}

[data-theme="light"] {
    --cl-primary: #6fc224 !important;
    --cl-primary-foreground: #ffffff !important;
}

[data-theme="dark"] {
    --cl-primary: #6fc224 !important;
    --cl-primary-foreground: #ffffff !important;
}

/* Override MUI/Chainlit button and element colors */
.MuiButton-containedPrimary,
button[class*="primary"],
.cl-send-button,
[class*="sendButton"] {
    background-color: #6fc224 !important;
    color: #ffffff !important;
}

.MuiButton-containedPrimary:hover,
button[class*="primary"]:hover,
.cl-send-button:hover,
[class*="sendButton"]:hover {
    background-color: #5da81e !important;
}

/* Links and interactive elements */
a, .MuiLink-root {
    color: #6fc224 !important;
}

/* Checkboxes, switches, radio buttons */
.MuiCheckbox-colorPrimary.Mui-checked,
.MuiSwitch-colorPrimary.Mui-checked,
.MuiRadio-colorPrimary.Mui-checked {
    color: #6fc224 !important;
}

/* Login button */
.cl-auth-button,
[class*="authButton"],
.auth-page-left button {
    background-color: #6fc224 !important;
    color: #ffffff !important;
}

/* Chat profile selector highlight */
.MuiChip-colorPrimary,
[class*="chatProfile"] [class*="active"],
[class*="chatProfile"] [class*="selected"] {
    background-color: #6fc224 !important;
}

/* User/account button in header */
.MuiAvatar-colorDefault,
[class*="userButton"],
[class*="UserButton"],
header .MuiIconButton-colorPrimary,
header .MuiIconButton-root[aria-label],
.MuiIconButton-colorPrimary {
    background-color: #6fc224 !important;
    color: #ffffff !important;
}

/* Catch-all: any remaining red/primary colored elements */
.MuiSvgIcon-colorPrimary {
    color: #6fc224 !important;
}

.MuiFab-primary {
    background-color: #6fc224 !important;
}

.MuiLinearProgress-barColorPrimary,
.MuiCircularProgress-colorPrimary {
    color: #6fc224 !important;
    background-color: #6fc224 !important;
}

/* Tab indicators and badges */
.MuiTabs-indicator,
.MuiBadge-colorPrimary {
    background-color: #6fc224 !important;
}

/* Outlined buttons */
.MuiButton-outlinedPrimary {
    color: #6fc224 !important;
    border-color: #6fc224 !important;
}

/* Text buttons */
.MuiButton-textPrimary {
    color: #6fc224 !important;
}

/* Replace the Chainlit login page right-side image */
.auth-page-right,
[class*="authPageRight"],
.cl-auth-page-right {
    background-image: url('/public/login-bg.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Hide the default Chainlit logo on login page */
.auth-page-right img,
[class*="authPageRight"] img,
.cl-auth-page-right img {
    display: none !important;
}