/* Legend control styles */
.simatlas-legend {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(180%) blur(4px);
    border-radius: 6px;
    padding: 8px 10px;
    margin: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    font: 12px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji";
}

.simatlas-legend-title {
    font-weight: 600;
    margin-bottom: 6px;
}

.simatlas-legend-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
}

.simatlas-legend-checkbox {
    margin-right: 4px;
}

.simatlas-legend-swatch {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #ffffff;
}

/* Color classes removed - colors now applied via inline styles from config.js COLORS constants */