/* Basic map styling */
#map {
    height: 500px;
    width: 100%;
    border: 1px solid #ccc; /* Optional: add a border */
    border-radius: 5px; /* Optional: round corners */
}

/* Style for the popup content */
.leaflet-popup-content-wrapper {
    border-radius: 5px;
}

.leaflet-popup-content {
    margin: 10px;
    font-size: 1.1em;
}
.leaflet-popup-content p {
    margin: 5px 0; /* Adjust spacing inside popup if needed */
}


/* Styling for the user list */
#user-list {
    max-height: 450px; /* Match map height minus padding/margins */
    overflow-y: auto;
    padding-right: 10px; /* Add some padding if scrollbar appears */
}

/* Optional: Style for individual user cards */
#user-list .list-group-item {
    border: 1px solid rgba(0,0,0,.125);
    margin-bottom: 0.5rem; /* Add space between cards */
    border-radius: 0.25rem;
}

/* Ensure flash messages have some margin */
.alert {
    margin-top: 1rem;
    margin-bottom: 1rem;
}