style.css

/* 1) Overall page background and removal of Streamlit header */
[data-testid="stAppViewContainer"] {
    background-color: #FFFFFF; /* White background */
}

[data-testid="stHeader"] {
    display: none; /* Hide default Streamlit header */
}

/* 2) Main heading (H1) styling */
h1 {
    color: #000000; /* Black title */
    font-weight: 700;
    font-size: 2.5rem; /* Adjust size as needed */
    margin-bottom: 1rem;
}

/* 3) Icon + text container for “How may I help you?” */
.icon-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

/* The background box behind the icon */
.icon-box {
    background-color: #E0E0E0;  /* Light gray box */
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000; /* Black icon */
    font-size: 20px;
}

/* The text “How may I help you?” */
.icon-text {
    color: #000000; /* Black text */
    font-size: 1.1rem;
    margin: 0;
}

/* 4) Subheading for “Add additional files here” */
h4 {
    color: #000000; /* Black text */
    font-weight: 400;
    margin-bottom: 0.5rem;
}

/* 5) Streamlit file uploader styling */
[data-testid="stFileUploader"] {
    background-color: #E0E0E0; /* Light gray box */
    border: 1px solid #B0B0B0; /* Slightly darker gray border */
    border-radius: 8px;
    padding: 1.2rem;
    color: #000000; /* Black text */
}

/* Uploader label text (the main “Drag and drop file here”) */
[data-testid="stFileUploader"] label {
    color: #000000; /* Black text */
    font-size: 1rem;
    font-weight: 500;
}

/* The subtext (the smaller “Limit 200MB per file”) */
[data-testid="stFileUploader"] .css-1f42894 {
    color: #444444;  /* Dark gray for subtext */
    font-size: 0.9rem;
    margin-top: 0.4rem;
}

/* 6) Browse Files button */
button[kind="secondary"] {
    background-color: #E0E0E0 !important; /* Light gray button */
    color: #000000 !important; /* Black text */
    border-radius: 8px !important;
    border: 1px solid #B0B0B0 !important;
}