/* styles.css */

/* Custom styles to enhance Bootstrap styling */
.header-3{
    margin-top:70px;
}
/* Adjust the main container if needed */
#main-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

/* Style the application title */
#app-title {
    margin-bottom: 30px;
}

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

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

/* 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 primary button */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

/* Optional: Hover effect for the button */
.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}