static/css/style.css

/* Custom styles for PhysiCell Rule Builder */

.stButton>button {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.rule-box {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #f8f9fa;
    border-left: 4px solid #FF4B4B;
    margin-bottom: 1rem;
}

.justification-box {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #f0f2f6;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h1 {
    color: #FF4B4B;
}

h2, h3 {
    margin-top: 1.5rem;
}

.cell-type-header {
    font-weight: bold;
    color: #333;
}

/* Make dropdowns more prominent */
.stSelectbox>div>div {
    padding: 0.5rem;
}

/* Improve spacing in the sidebar */
.sidebar .stButton>button {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Better formatting for expanders */
.streamlit-expanderHeader {
    font-weight: bold;
    color: #333;
}