/* KORDATA — style pelengkap Tailwind */

/* Scrollbar gelap */
* { scrollbar-width: thin; scrollbar-color: #334155 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: #334155; }

[x-cloak] { display: none !important; }

body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Kotak grafik */
.chart-box { position: relative; height: 280px; }
@media (max-width: 640px) { .chart-box { height: 220px; } }

/* Peta */
.map-box { height: 340px; width: 100%; background: #0f172a; }
.maplibregl-ctrl-bottom-right, .maplibregl-ctrl-bottom-left { display: none; }
.maplibregl-popup-content { background: #1e293b; color: #e2e8f0; border: 1px solid #334155; border-radius: 10px; font-size: 12px; }
.maplibregl-popup-tip { border-top-color: #1e293b; border-bottom-color: #1e293b; }

/* Input tanggal & select gelap */
input[type="date"] { color-scheme: dark; }
select option { background: #0f172a; color: #e2e8f0; }
input::placeholder, textarea::placeholder { color: #475569; }

/* Fokus ring konsisten */
input:focus, select:focus, textarea:focus { outline: none; }

/* Timeline detail kecil */
code { font-family: ui-monospace, "SF Mono", Menlo, monospace; }