/* ============================================ */
/* JELAJAH BANTEN - COMMAND CENTER STYLES       */
/* Custom styles untuk scrollbar, map, dan tabs */
/* ============================================ */

/* --- Base Body --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0f172a;
    color: #e2e8f0;
}

/* --- Custom Scrollbar --- */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #1e293b; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #475569; }

/* --- Leaflet Map Container --- */
.leaflet-container {
    background: #0f172a;
    font-family: 'Inter', sans-serif;
    z-index: 10;
}

/* --- Leaflet Popup Styling (Dark Theme) --- */
.leaflet-popup-content-wrapper {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid #334155;
    border-radius: 0.5rem;
}
.leaflet-popup-tip {
    background: #1e293b;
}

/* --- Map Marker: Dikunjungi (Hijau) --- */
.map-marker-visited {
    background-color: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

/* --- Map Marker: Belum Dikunjungi / Kritis (Merah, Berkedip) --- */
.map-marker-unvisited {
    background-color: #ef4444;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    animation: pulse 2s infinite;
}

/* --- Map Marker: Dijadwalkan (Kuning) --- */
.map-marker-scheduled {
    background-color: #f59e0b;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

/* --- Tab Navigation: Active State --- */
.tab-active {
    background-color: rgba(22, 78, 99, 0.5);
    color: #22d3ee;
    border-color: rgba(14, 116, 144, 0.5);
    border-bottom-width: 2px;
}

/* --- Tab Navigation: Inactive State --- */
.tab-inactive {
    color: #94a3b8;
    border-color: transparent;
    border-bottom-width: 2px;
}
.tab-inactive:hover {
    color: #cbd5e1;
}