/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1a0b3d; }
::-webkit-scrollbar-thumb { background: #8b5cf6; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #7c3aed; }

/* Map container and popup customizations */
.map-container { height: 500px; border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.leaflet-popup-content { font-family: 'Space Grotesk', sans-serif; color: #e2e8f0; }
.leaflet-popup-content-wrapper { background: #1a0b3d; border: 1px solid #8b5cf6; border-radius: 12px; }
.leaflet-popup-tip { background: #8b5cf6; }

/* Node status badges */
.peering-open { background: linear-gradient(135deg, #10b981, #34d399); }
.peering-busy { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
.peering-soon { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.peering-closed { background: linear-gradient(135deg, #ef4444, #f87171); }

/* Table hover */
.table-row:hover { background: rgba(139,92,246,0.15); transition: background 0.3s; }

/* Button styling */
.toggle-btn svg { transition: transform .2s ease; }
.toggle-btn svg.rotate-180 { transform: rotate(180deg); }
.details-row td { padding:0 !important; }