/* styles.css */

/* Custom styles to enhance the integration */

/* Style the error message */
#error-message {
    margin-top: 10px;
}

/* Style the report container */
#report-container {
    margin-top: 20px;
    text-align: left;
}

/* Style the vehicle summary card */
#summary-card .card-title {
    font-weight: bold;
}

/* Style the list items in the vehicle summary */
#summary-card .list-group-item {
    display: flex;
    justify-content: space-between;
}

/* Style the AI report card */
#report-card .card-text {
    white-space: pre-wrap;
    /* Preserve line breaks if any */
}

/* Optional: Customize the button */
.btn-eton-blue {
    background-color: #007bff;
    color: #fff;
}

/* Hover effect for the button */
.btn-eton-blue:hover {
    background-color: #0056b3;
    color: #fff;
}

/* Additional custom styles as needed */