[data-testid="stAppViewContainer"] {
    background-color: #ffffff;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="960" height="540" fill="%23FFFFFF"></rect><defs><linearGradient id="grad1_0" x1="43.8%" y1="100%" x2="100%" y2="0%"><stop offset="14.444444444444446%" stop-color="%23ffffff" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="%23ffffff" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="100%" x2="56.3%" y2="0%"><stop offset="14.444444444444446%" stop-color="%23ffffff" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="%23ffffff" stop-opacity="1"></stop></linearGradient></defs><g transform="translate(960, 540)"><path d="M-243 0C-239.4 -31.2 -235.7 -62.3 -224.5 -93C-213.3 -123.7 -194.5 -153.9 -168.3 -168.3C-142.1 -182.7 -108.5 -181.4 -79.2 -191.2C-49.9 -201.1 -25 -222 0 -243L0 0Z" fill="%2347a0df"></path></g><g transform="translate(0, 0)"><path d="M243 0C224.5 24.8 206.1 49.5 197.7 81.9C189.4 114.2 191.1 154.2 171.8 171.8C152.5 189.5 112.1 184.9 80 193.1C47.8 201.2 23.9 222.1 0 243L0 0Z" fill="%2347a0df"></path></g></svg>');
    background-attachment: fixed;
    background-size: cover;
}

[data-testid="stHeader"] {
    background-color: rgba(0, 0, 0, 0);
}

[data-testid="stBottom"] > div {
    background-color: #339966;
}

[data-testid="stChatMessage"] {
    background: #ffffff;
    border-style: solid;
    border-width: thin;
    border-radius: 8px;
    padding: 0.5rem 0px 0.5rem 0.5rem;
    box-shadow: 0px 2px 4px rgb(0, 51, 102, 0.2);
}

[data-testid="stChatInputTextArea"] {
    border: #3399FF;
    border-style: solid;
    border-width: medium;
    border-radius: 8px;
    box-shadow: #003366;
}

[data-testid="stChatInputTextArea"]::placeholder {
    color: #3399FF;
}


/* ----------------------------------------------
    CSS for Common Chat Messages
    ---------------------------------------------- */
/* General Padding and text justify for all chat messages */
[data-testid="stChatMessageContent"] {
    padding-right: 10px;
    text-align: justify;
}


/* ----------------------------------------------
    CSS for Action Plan Styling
    ---------------------------------------------- */

/* For adjusting action plan padding */
[aria-label="Chat message from thought"] blockquote {
    margin: 0em 2px 1em -1px;
    padding-right: 10px;
    color: inherit;
}

/* A specific customizations for action plan */

[aria-label="Chat message from thought"] p {
    margin: 0em 0px 0em 0px;
}

/* This is for the action plan steps */
[aria-label="Chat message from thought"] ul>li {
    color: #003366;
}

[aria-label="Chat message from thought"] {
    color: #FF3399;
}

[aria-label="Chat message from thought"] code {
    color: #FF3399;
    background: rgba(255, 204, 255, 0.4);
    font-weight: bold;
}

/* ----------------------------------------------
    CSS for Assistant Response Styling
    ---------------------------------------------- */
[aria-label="Chat message from assistant"] {
    color: #001d3a;
}
