.leaflet-container {
    background: #0a0e14;
    font-family: var(--font-sans);
}

.leaflet-tile {
    filter: brightness(0.9);
}

.leaflet-popup-content-wrapper {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.leaflet-popup-tip {
    background: var(--bg-secondary);
}

.leaflet-control-zoom a {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border);
}

.leaflet-control-zoom a:hover {
    background: var(--bg-hover);
}

.leaflet-control-attribution {
    background: rgba(17, 24, 33, 0.8);
    color: var(--text-muted);
}

.leaflet-control-attribution a {
    color: var(--text-secondary);
}

/* Custom markers */
.marker-cluster {
    background: rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
    border: 2px solid var(--accent);
}

.marker-conflict {
    background: rgba(239, 68, 68, 0.6);
    border-color: #ef4444;
}

.marker-earthquake {
    background: rgba(245, 158, 11, 0.6);
    border-color: #f59e0b;
}

.marker-vessel {
    background: rgba(59, 130, 246, 0.6);
    border-color: #3b82f6;
}

.marker-flight {
    background: rgba(34, 197, 94, 0.6);
    border-color: #22c55e;
}

.marker-protest {
    background: rgba(168, 85, 247, 0.6);
    border-color: #a855f7;
}

.marker-fire {
    background: rgba(255, 100, 0, 0.6);
    border-color: #ff6400;
}

/* Globe container */
#globe-container {
    width: 100%;
    height: 100%;
}

/* Cluster icons */
.cluster-icon {
    background: rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
    border: 2px solid var(--accent);
}

.cluster-div-icon {
    background: transparent;
    border: none;
}

/* Pinned map */
.map-container.pinned {
    z-index: 10;
}