#header > img {
    max-height: 35px !important;
    margin-left: 9px !important;
}

.css-43tnih {
    background-color: rgb(238, 238, 238) !important;
}

/* Fix viewport height issues */
.min-h-svh {
    min-height: 100dvh !important;
}

.h-screen {
    height: 100dvh !important;
}

html, body, #root {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden;
}

.css-oufevd {
    height: 100dvh !important;
}

.css-m2icte {
    border-radius: 0% !important;
}

body > div.MuiDrawer-root.MuiDrawer-modal.chat-history-drawer.MuiModal-root.css-d02jlt > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation16.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.css-hk5nxn > div.MuiStack-root.css-14k6mw7 > img {
    max-height: 35px !important;
    margin-left: 9px !important;
}
#root > div > div > div > div.MuiBox-root.css-kjafn5 > div.MuiDrawer-root.MuiDrawer-docked.chat-history-drawer.css-8sf169 > div > div.MuiStack-root.css-14k6mw7 > img {
    max-height: 35px !important;
}

/* Apply the following styles only on mobile devices */
@media only screen and (max-width: 768px) {
    .css-mww0i9 {
        display: flex !important;
        position: fixed !important; /* Change from relative to fixed */
        bottom: 0 !important; /* Stick to the bottom */
        left: 0 !important;
        right: 0 !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding-bottom: 16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: min(48rem, 100vw) !important;
        margin: auto !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
        background-color: white !important; /* Optional: Set a background color */
        z-index: 1000 !important; /* Ensure it's above other elements */
    }

    .css-ljue79 {
        gap: 0.3rem !important;
    }

    .css-14ala45 {
        padding-left: 10px !important;
        padding-right: 14px !important;
    }

    .css-h7sokr {
        line-height: 1.4 !important;
        font-size: 0.98rem !important;
    }

    /* Reduce indents in ul, ol, and similar elements */
    ul, ol {
        padding-left: 28px !important; /* Adjust the value to reduce the indent */
        margin-left: 3px !important;
    }

        /* Additional styles for list items, if needed */
    li {
        margin-left: 0px !important;
        padding-left: 0px !important; /* Adjust the value to reduce the indent */
    }
}

.css-v72an7 {
    border-radius: 0% !important;
}

a {
    text-decoration: none;
    color: #8400FF; /* Primary color */
}

    a:hover {
        color: #523D66; /* Darker shade from your theme */
        text-decoration: underline; /* Optional: underline on hover */
    }