/* static/soilsmart/css/base.css */
/* parent styling for SoilSmart application  */
body {
    background-color: #f8f9fa;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.card-header {
    background-color: #2E7D32;
    color: white;
    border-radius: 10px 10px 0 0 !important;
}

.btn-primary {
    background-color: #1B5E20;
    border-color: #1B5E20;
}

.btn-primary:hover {
    background-color: #2E7D32;
    border-color: #2E7D32;
}

.chart-container {
    width: 100%;
    height: 400px;
}

.recommendation-card {
    border-left: 4px solid #2E7D32;
}

.chat-container {
    height: 500px;
    overflow-y: auto;
}

.chat-bubble {
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 10px;
    max-width: 80%;
}

.user-bubble {
    background-color: #e3f2fd;
    margin-left: auto;
}

.bot-bubble {
    background-color: #f1f1f1;
    margin-right: auto;
}