/* Map Component Styles - Dark Theme */
.state { transition: opacity 0.3s ease, stroke-width 0.2s ease, fill 0.3s ease; stroke: #0f172a; stroke-width: 1; cursor: pointer; vector-effect: non-scaling-stroke; }
.state:hover { stroke: #ffffff !important; stroke-width: 1.5 !important; opacity: 1 !important; filter: drop-shadow(0 0 8px rgba(255,255,255,0.2)); }
.state.dimmed-filter { opacity: 0.15 !important; stroke: #0f172a; }

.map-label { transition: opacity 0.3s ease; pointer-events: none; }
.map-label.dimmed-filter { opacity: 0.15 !important; }

/* Glassmorphic Dark Tooltip */
.tooltip { 
    position: absolute; 
    top: 0;
    left: 0;
    background: rgba(30, 41, 59, 0.95); 
    backdrop-filter: blur(12px);
    padding: 16px; 
    border-radius: 16px; 
    box-shadow: 0 15px 35px -5px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1); 
    pointer-events: none; 
    opacity: 0; 
    transform: translateY(10px) scale(0.95);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
    z-index: 50; 
    min-width: 200px; 
    color: #f8fafc;
}
.tooltip.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Dot Grid Background for Dark Canvas */
.bg-dot-grid {
    background-image: radial-gradient(#334155 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Typography & Icons */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar for the map lists */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #475569 #1e293b;
}
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #1e293b; border-radius: 8px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #475569; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #64748b; }