/* Utility Classes for Common Inline Styles */

/* Spacing utilities */
.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-1-5 {
    margin-bottom: 1.5rem;
}

.margin-1em {
    margin: 1em 0;
}

/* Layout containers */
.section-container {
    margin-bottom: 20px;
}

.back-link-container {
    margin-bottom: 20px;
}

/* Text utilities */
.text-muted {
    color: #666;
}

.text-error {
    color: #c00;
}

.text-primary-link {
    color: #007bff;
}

.text-secondary-link {
    color: #6c757d;
    font-weight: 600;
}

/* Text alignment */
.text-center {
    text-align: center;
}

/* Map container */
.map-container {
    width: 100%;
    height: 600px;
}

.map-container.custom-height {
    /* Height set dynamically via inline style in markup */
    /* Keeping block non-empty to satisfy linters */
    min-height: 1px;
}

/* Info/Prompt messages */
.info-message {
    padding: 20px;
    text-align: center;
    color: #666;
}

.info-message p {
    font-size: 16px;
    margin: 0;
}

.error-message {
    padding: 20px;
    text-align: center;
    color: #c00;
}

.error-message p {
    margin: 0;
}

/* No data message */
.no-data-message {
    padding: 20px;
    text-align: center;
}

/* Popup content */
.popup-action-wrapper {
    margin-top: 5px;
}

/* Hidden elements */
.hidden {
    display: none;
}

/* Table utilities */
.table-cell-center {
    text-align: center;
}

.table-cell-bold {
    font-weight: 600;
}

/* Heading styles */
.section-heading {
    margin-bottom: 10px;
}

.section-description {
    color: #666;
    margin-bottom: 10px;
}
