/*
 * Lapisan UI bersama Siveri. Berkas statis, tidak melewati build Vite: public/build
 * di server tidak dibangun ulang, jadi kelas Tailwind baru tidak tersedia.
 *
 * CSS di luar @layer selalu menang atas utilitas Tailwind v4 (yang ada di dalam
 * @layer), maka penimpaan warna memakai :not([class*="dark:..."]) supaya elemen
 * yang sudah punya warna mode gelap sendiri tidak tersentuh.
 * Bagian warna per-keluarga dihasilkan skrip agar konsisten.
 */

/* ── Mode gelap: warna tetap tanpa pasangan dark: ─────────────────────── */
/* Teks tanpa kelas warna (mis. breadcrumb) mewarisi warna ini. */
body.dark, .dark body { color: #E4E7EC; }
.dark .text-black:not([class*="dark:text-"]), .dark .text-gray-900:not([class*="dark:text-"]), .dark .text-gray-800:not([class*="dark:text-"]) { color: #F2F4F7; }
.dark .text-gray-700:not([class*="dark:text-"]) { color: #E4E7EC; }
.dark .text-gray-600:not([class*="dark:text-"]) { color: #D0D5DD; }
.dark .text-gray-500:not([class*="dark:text-"]) { color: #A9B3C1; }
.dark .text-gray-400:not([class*="dark:text-"]) { color: #A9B3C1; }
.dark .bg-white:not([class*="dark:bg-"]) { background-color: #1D2939; }
.dark .bg-gray-50:not([class*="dark:bg-"]) { background-color: rgba(255,255,255,.04); }
.dark .bg-gray-100:not([class*="dark:bg-"]) { background-color: rgba(255,255,255,.08); }
.dark .bg-gray-200:not([class*="dark:bg-"]) { background-color: rgba(255,255,255,.14); }
.dark .border-gray-100:not([class*="dark:border-"]), .dark .border-gray-200:not([class*="dark:border-"]), .dark .border-gray-300:not([class*="dark:border-"]) { border-color: #344054; }
.dark .divide-gray-100:not([class*="dark:divide-"]) > *, .dark .divide-gray-200:not([class*="dark:divide-"]) > * { border-color: #344054; }
.dark .hover\:bg-gray-50:hover:not([class*="dark:hover:bg-"]), .dark .hover\:bg-gray-100:hover:not([class*="dark:hover:bg-"]) { background-color: rgba(255,255,255,.08); }
.dark .hover\:text-gray-700:hover:not([class*="dark:hover:text-"]), .dark .hover\:text-gray-800:hover:not([class*="dark:hover:text-"]), .dark .hover\:text-gray-900:hover:not([class*="dark:hover:text-"]) { color: #fff; }

.dark .bg-red-50:not([class*="dark:bg-"]), .dark .bg-red-100:not([class*="dark:bg-"]) { background-color: rgba(239,68,68,.16); }
.dark .bg-red-200:not([class*="dark:bg-"]) { background-color: rgba(239,68,68,.26); }
.dark .text-red-500:not([class*="dark:text-"]), .dark .text-red-600:not([class*="dark:text-"]), .dark .text-red-700:not([class*="dark:text-"]), .dark .text-red-800:not([class*="dark:text-"]), .dark .text-red-900:not([class*="dark:text-"]) { color: #fca5a5; }
.dark .border-red-100:not([class*="dark:border-"]), .dark .border-red-200:not([class*="dark:border-"]), .dark .border-red-300:not([class*="dark:border-"]) { border-color: rgba(239,68,68,.45); }
.dark .bg-orange-50:not([class*="dark:bg-"]), .dark .bg-orange-100:not([class*="dark:bg-"]) { background-color: rgba(249,115,22,.16); }
.dark .bg-orange-200:not([class*="dark:bg-"]) { background-color: rgba(249,115,22,.26); }
.dark .text-orange-500:not([class*="dark:text-"]), .dark .text-orange-600:not([class*="dark:text-"]), .dark .text-orange-700:not([class*="dark:text-"]), .dark .text-orange-800:not([class*="dark:text-"]), .dark .text-orange-900:not([class*="dark:text-"]) { color: #fdba74; }
.dark .border-orange-100:not([class*="dark:border-"]), .dark .border-orange-200:not([class*="dark:border-"]), .dark .border-orange-300:not([class*="dark:border-"]) { border-color: rgba(249,115,22,.45); }
.dark .bg-amber-50:not([class*="dark:bg-"]), .dark .bg-amber-100:not([class*="dark:bg-"]) { background-color: rgba(245,158,11,.16); }
.dark .bg-amber-200:not([class*="dark:bg-"]) { background-color: rgba(245,158,11,.26); }
.dark .text-amber-500:not([class*="dark:text-"]), .dark .text-amber-600:not([class*="dark:text-"]), .dark .text-amber-700:not([class*="dark:text-"]), .dark .text-amber-800:not([class*="dark:text-"]), .dark .text-amber-900:not([class*="dark:text-"]) { color: #fcd34d; }
.dark .border-amber-100:not([class*="dark:border-"]), .dark .border-amber-200:not([class*="dark:border-"]), .dark .border-amber-300:not([class*="dark:border-"]) { border-color: rgba(245,158,11,.45); }
.dark .bg-yellow-50:not([class*="dark:bg-"]), .dark .bg-yellow-100:not([class*="dark:bg-"]) { background-color: rgba(234,179,8,.16); }
.dark .bg-yellow-200:not([class*="dark:bg-"]) { background-color: rgba(234,179,8,.26); }
.dark .text-yellow-500:not([class*="dark:text-"]), .dark .text-yellow-600:not([class*="dark:text-"]), .dark .text-yellow-700:not([class*="dark:text-"]), .dark .text-yellow-800:not([class*="dark:text-"]), .dark .text-yellow-900:not([class*="dark:text-"]) { color: #fde047; }
.dark .border-yellow-100:not([class*="dark:border-"]), .dark .border-yellow-200:not([class*="dark:border-"]), .dark .border-yellow-300:not([class*="dark:border-"]) { border-color: rgba(234,179,8,.45); }
.dark .bg-lime-50:not([class*="dark:bg-"]), .dark .bg-lime-100:not([class*="dark:bg-"]) { background-color: rgba(132,204,22,.16); }
.dark .bg-lime-200:not([class*="dark:bg-"]) { background-color: rgba(132,204,22,.26); }
.dark .text-lime-500:not([class*="dark:text-"]), .dark .text-lime-600:not([class*="dark:text-"]), .dark .text-lime-700:not([class*="dark:text-"]), .dark .text-lime-800:not([class*="dark:text-"]), .dark .text-lime-900:not([class*="dark:text-"]) { color: #bef264; }
.dark .border-lime-100:not([class*="dark:border-"]), .dark .border-lime-200:not([class*="dark:border-"]), .dark .border-lime-300:not([class*="dark:border-"]) { border-color: rgba(132,204,22,.45); }
.dark .bg-green-50:not([class*="dark:bg-"]), .dark .bg-green-100:not([class*="dark:bg-"]) { background-color: rgba(34,197,94,.16); }
.dark .bg-green-200:not([class*="dark:bg-"]) { background-color: rgba(34,197,94,.26); }
.dark .text-green-500:not([class*="dark:text-"]), .dark .text-green-600:not([class*="dark:text-"]), .dark .text-green-700:not([class*="dark:text-"]), .dark .text-green-800:not([class*="dark:text-"]), .dark .text-green-900:not([class*="dark:text-"]) { color: #86efac; }
.dark .border-green-100:not([class*="dark:border-"]), .dark .border-green-200:not([class*="dark:border-"]), .dark .border-green-300:not([class*="dark:border-"]) { border-color: rgba(34,197,94,.45); }
.dark .bg-emerald-50:not([class*="dark:bg-"]), .dark .bg-emerald-100:not([class*="dark:bg-"]) { background-color: rgba(16,185,129,.16); }
.dark .bg-emerald-200:not([class*="dark:bg-"]) { background-color: rgba(16,185,129,.26); }
.dark .text-emerald-500:not([class*="dark:text-"]), .dark .text-emerald-600:not([class*="dark:text-"]), .dark .text-emerald-700:not([class*="dark:text-"]), .dark .text-emerald-800:not([class*="dark:text-"]), .dark .text-emerald-900:not([class*="dark:text-"]) { color: #6ee7b7; }
.dark .border-emerald-100:not([class*="dark:border-"]), .dark .border-emerald-200:not([class*="dark:border-"]), .dark .border-emerald-300:not([class*="dark:border-"]) { border-color: rgba(16,185,129,.45); }
.dark .bg-teal-50:not([class*="dark:bg-"]), .dark .bg-teal-100:not([class*="dark:bg-"]) { background-color: rgba(20,184,166,.16); }
.dark .bg-teal-200:not([class*="dark:bg-"]) { background-color: rgba(20,184,166,.26); }
.dark .text-teal-500:not([class*="dark:text-"]), .dark .text-teal-600:not([class*="dark:text-"]), .dark .text-teal-700:not([class*="dark:text-"]), .dark .text-teal-800:not([class*="dark:text-"]), .dark .text-teal-900:not([class*="dark:text-"]) { color: #5eead4; }
.dark .border-teal-100:not([class*="dark:border-"]), .dark .border-teal-200:not([class*="dark:border-"]), .dark .border-teal-300:not([class*="dark:border-"]) { border-color: rgba(20,184,166,.45); }
.dark .bg-cyan-50:not([class*="dark:bg-"]), .dark .bg-cyan-100:not([class*="dark:bg-"]) { background-color: rgba(6,182,212,.16); }
.dark .bg-cyan-200:not([class*="dark:bg-"]) { background-color: rgba(6,182,212,.26); }
.dark .text-cyan-500:not([class*="dark:text-"]), .dark .text-cyan-600:not([class*="dark:text-"]), .dark .text-cyan-700:not([class*="dark:text-"]), .dark .text-cyan-800:not([class*="dark:text-"]), .dark .text-cyan-900:not([class*="dark:text-"]) { color: #67e8f9; }
.dark .border-cyan-100:not([class*="dark:border-"]), .dark .border-cyan-200:not([class*="dark:border-"]), .dark .border-cyan-300:not([class*="dark:border-"]) { border-color: rgba(6,182,212,.45); }
.dark .bg-sky-50:not([class*="dark:bg-"]), .dark .bg-sky-100:not([class*="dark:bg-"]) { background-color: rgba(14,165,233,.16); }
.dark .bg-sky-200:not([class*="dark:bg-"]) { background-color: rgba(14,165,233,.26); }
.dark .text-sky-500:not([class*="dark:text-"]), .dark .text-sky-600:not([class*="dark:text-"]), .dark .text-sky-700:not([class*="dark:text-"]), .dark .text-sky-800:not([class*="dark:text-"]), .dark .text-sky-900:not([class*="dark:text-"]) { color: #7dd3fc; }
.dark .border-sky-100:not([class*="dark:border-"]), .dark .border-sky-200:not([class*="dark:border-"]), .dark .border-sky-300:not([class*="dark:border-"]) { border-color: rgba(14,165,233,.45); }
.dark .bg-blue-50:not([class*="dark:bg-"]), .dark .bg-blue-100:not([class*="dark:bg-"]) { background-color: rgba(59,130,246,.16); }
.dark .bg-blue-200:not([class*="dark:bg-"]) { background-color: rgba(59,130,246,.26); }
.dark .text-blue-500:not([class*="dark:text-"]), .dark .text-blue-600:not([class*="dark:text-"]), .dark .text-blue-700:not([class*="dark:text-"]), .dark .text-blue-800:not([class*="dark:text-"]), .dark .text-blue-900:not([class*="dark:text-"]) { color: #93c5fd; }
.dark .border-blue-100:not([class*="dark:border-"]), .dark .border-blue-200:not([class*="dark:border-"]), .dark .border-blue-300:not([class*="dark:border-"]) { border-color: rgba(59,130,246,.45); }
.dark .bg-indigo-50:not([class*="dark:bg-"]), .dark .bg-indigo-100:not([class*="dark:bg-"]) { background-color: rgba(99,102,241,.16); }
.dark .bg-indigo-200:not([class*="dark:bg-"]) { background-color: rgba(99,102,241,.26); }
.dark .text-indigo-500:not([class*="dark:text-"]), .dark .text-indigo-600:not([class*="dark:text-"]), .dark .text-indigo-700:not([class*="dark:text-"]), .dark .text-indigo-800:not([class*="dark:text-"]), .dark .text-indigo-900:not([class*="dark:text-"]) { color: #a5b4fc; }
.dark .border-indigo-100:not([class*="dark:border-"]), .dark .border-indigo-200:not([class*="dark:border-"]), .dark .border-indigo-300:not([class*="dark:border-"]) { border-color: rgba(99,102,241,.45); }
.dark .bg-violet-50:not([class*="dark:bg-"]), .dark .bg-violet-100:not([class*="dark:bg-"]) { background-color: rgba(139,92,246,.16); }
.dark .bg-violet-200:not([class*="dark:bg-"]) { background-color: rgba(139,92,246,.26); }
.dark .text-violet-500:not([class*="dark:text-"]), .dark .text-violet-600:not([class*="dark:text-"]), .dark .text-violet-700:not([class*="dark:text-"]), .dark .text-violet-800:not([class*="dark:text-"]), .dark .text-violet-900:not([class*="dark:text-"]) { color: #c4b5fd; }
.dark .border-violet-100:not([class*="dark:border-"]), .dark .border-violet-200:not([class*="dark:border-"]), .dark .border-violet-300:not([class*="dark:border-"]) { border-color: rgba(139,92,246,.45); }
.dark .bg-purple-50:not([class*="dark:bg-"]), .dark .bg-purple-100:not([class*="dark:bg-"]) { background-color: rgba(168,85,247,.16); }
.dark .bg-purple-200:not([class*="dark:bg-"]) { background-color: rgba(168,85,247,.26); }
.dark .text-purple-500:not([class*="dark:text-"]), .dark .text-purple-600:not([class*="dark:text-"]), .dark .text-purple-700:not([class*="dark:text-"]), .dark .text-purple-800:not([class*="dark:text-"]), .dark .text-purple-900:not([class*="dark:text-"]) { color: #d8b4fe; }
.dark .border-purple-100:not([class*="dark:border-"]), .dark .border-purple-200:not([class*="dark:border-"]), .dark .border-purple-300:not([class*="dark:border-"]) { border-color: rgba(168,85,247,.45); }
.dark .bg-fuchsia-50:not([class*="dark:bg-"]), .dark .bg-fuchsia-100:not([class*="dark:bg-"]) { background-color: rgba(217,70,239,.16); }
.dark .bg-fuchsia-200:not([class*="dark:bg-"]) { background-color: rgba(217,70,239,.26); }
.dark .text-fuchsia-500:not([class*="dark:text-"]), .dark .text-fuchsia-600:not([class*="dark:text-"]), .dark .text-fuchsia-700:not([class*="dark:text-"]), .dark .text-fuchsia-800:not([class*="dark:text-"]), .dark .text-fuchsia-900:not([class*="dark:text-"]) { color: #f0abfc; }
.dark .border-fuchsia-100:not([class*="dark:border-"]), .dark .border-fuchsia-200:not([class*="dark:border-"]), .dark .border-fuchsia-300:not([class*="dark:border-"]) { border-color: rgba(217,70,239,.45); }
.dark .bg-pink-50:not([class*="dark:bg-"]), .dark .bg-pink-100:not([class*="dark:bg-"]) { background-color: rgba(236,72,153,.16); }
.dark .bg-pink-200:not([class*="dark:bg-"]) { background-color: rgba(236,72,153,.26); }
.dark .text-pink-500:not([class*="dark:text-"]), .dark .text-pink-600:not([class*="dark:text-"]), .dark .text-pink-700:not([class*="dark:text-"]), .dark .text-pink-800:not([class*="dark:text-"]), .dark .text-pink-900:not([class*="dark:text-"]) { color: #f9a8d4; }
.dark .border-pink-100:not([class*="dark:border-"]), .dark .border-pink-200:not([class*="dark:border-"]), .dark .border-pink-300:not([class*="dark:border-"]) { border-color: rgba(236,72,153,.45); }
.dark .bg-rose-50:not([class*="dark:bg-"]), .dark .bg-rose-100:not([class*="dark:bg-"]) { background-color: rgba(244,63,94,.16); }
.dark .bg-rose-200:not([class*="dark:bg-"]) { background-color: rgba(244,63,94,.26); }
.dark .text-rose-500:not([class*="dark:text-"]), .dark .text-rose-600:not([class*="dark:text-"]), .dark .text-rose-700:not([class*="dark:text-"]), .dark .text-rose-800:not([class*="dark:text-"]), .dark .text-rose-900:not([class*="dark:text-"]) { color: #fda4af; }
.dark .border-rose-100:not([class*="dark:border-"]), .dark .border-rose-200:not([class*="dark:border-"]), .dark .border-rose-300:not([class*="dark:border-"]) { border-color: rgba(244,63,94,.45); }
.dark .bg-brand-50:not([class*="dark:bg-"]), .dark .bg-brand-100:not([class*="dark:bg-"]) { background-color: rgba(70,95,255,.16); }
.dark .bg-brand-200:not([class*="dark:bg-"]) { background-color: rgba(70,95,255,.26); }
.dark .text-brand-500:not([class*="dark:text-"]), .dark .text-brand-600:not([class*="dark:text-"]), .dark .text-brand-700:not([class*="dark:text-"]), .dark .text-brand-800:not([class*="dark:text-"]), .dark .text-brand-900:not([class*="dark:text-"]) { color: #a5b4fc; }
.dark .border-brand-100:not([class*="dark:border-"]), .dark .border-brand-200:not([class*="dark:border-"]), .dark .border-brand-300:not([class*="dark:border-"]) { border-color: rgba(70,95,255,.45); }
.dark .bg-error-50:not([class*="dark:bg-"]), .dark .bg-error-100:not([class*="dark:bg-"]) { background-color: rgba(240,68,56,.16); }
.dark .bg-error-200:not([class*="dark:bg-"]) { background-color: rgba(240,68,56,.26); }
.dark .text-error-500:not([class*="dark:text-"]), .dark .text-error-600:not([class*="dark:text-"]), .dark .text-error-700:not([class*="dark:text-"]), .dark .text-error-800:not([class*="dark:text-"]), .dark .text-error-900:not([class*="dark:text-"]) { color: #fda29b; }
.dark .border-error-100:not([class*="dark:border-"]), .dark .border-error-200:not([class*="dark:border-"]), .dark .border-error-300:not([class*="dark:border-"]) { border-color: rgba(240,68,56,.45); }
.dark .bg-success-50:not([class*="dark:bg-"]), .dark .bg-success-100:not([class*="dark:bg-"]) { background-color: rgba(18,183,106,.16); }
.dark .bg-success-200:not([class*="dark:bg-"]) { background-color: rgba(18,183,106,.26); }
.dark .text-success-500:not([class*="dark:text-"]), .dark .text-success-600:not([class*="dark:text-"]), .dark .text-success-700:not([class*="dark:text-"]), .dark .text-success-800:not([class*="dark:text-"]), .dark .text-success-900:not([class*="dark:text-"]) { color: #6ce9a6; }
.dark .border-success-100:not([class*="dark:border-"]), .dark .border-success-200:not([class*="dark:border-"]), .dark .border-success-300:not([class*="dark:border-"]) { border-color: rgba(18,183,106,.45); }
.dark .bg-warning-50:not([class*="dark:bg-"]), .dark .bg-warning-100:not([class*="dark:bg-"]) { background-color: rgba(247,144,9,.16); }
.dark .bg-warning-200:not([class*="dark:bg-"]) { background-color: rgba(247,144,9,.26); }
.dark .text-warning-500:not([class*="dark:text-"]), .dark .text-warning-600:not([class*="dark:text-"]), .dark .text-warning-700:not([class*="dark:text-"]), .dark .text-warning-800:not([class*="dark:text-"]), .dark .text-warning-900:not([class*="dark:text-"]) { color: #fec84b; }
.dark .border-warning-100:not([class*="dark:border-"]), .dark .border-warning-200:not([class*="dark:border-"]), .dark .border-warning-300:not([class*="dark:border-"]) { border-color: rgba(247,144,9,.45); }
.dark .bg-orange-light-50:not([class*="dark:bg-"]), .dark .bg-orange-light-100:not([class*="dark:bg-"]) { background-color: rgba(251,101,20,.16); }
.dark .bg-orange-light-200:not([class*="dark:bg-"]) { background-color: rgba(251,101,20,.26); }
.dark .text-orange-light-500:not([class*="dark:text-"]), .dark .text-orange-light-600:not([class*="dark:text-"]), .dark .text-orange-light-700:not([class*="dark:text-"]), .dark .text-orange-light-800:not([class*="dark:text-"]), .dark .text-orange-light-900:not([class*="dark:text-"]) { color: #feb273; }
.dark .border-orange-light-100:not([class*="dark:border-"]), .dark .border-orange-light-200:not([class*="dark:border-"]), .dark .border-orange-light-300:not([class*="dark:border-"]) { border-color: rgba(251,101,20,.45); }

/* Logo berwarna biru tua tidak terbaca di latar gelap: diberi alas terang. */
.dark img[src*="new_logo"] { background: #fff; border-radius: 8px; padding: 4px 8px; }

/* ── Mode terang: abu-abu pudar ───────────────────────────────────────── */
html:not(.dark) .text-gray-400 { color: #667085; }
html:not(.dark) ::placeholder { color: #667085; }

/* ── Ukuran teks minimum ──────────────────────────────────────────────── */
.text-\[9px\], .text-\[10px\], .text-\[11px\] { font-size: 12px; line-height: 1.4; }

/* ── Fokus keyboard ───────────────────────────────────────────────────── */
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible, [role=button]:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #2E90FA; outline-offset: 2px;
}
.leaflet-container:focus-visible { outline: none; }

/* ── Tabel lebar di HP: kolom aksi tetap terlihat ─────────────────────── */
@media (max-width: 767px) {
    .siveri-tabel th, .siveri-tabel td { padding-left: 10px; padding-right: 10px; }
    .siveri-tabel th:last-child, .siveri-tabel td:last-child { position: sticky; right: 0; z-index: 1; background: #fff; box-shadow: -6px 0 8px -6px rgba(16,24,40,.25); }
    .dark .siveri-tabel th:last-child, .dark .siveri-tabel td:last-child { background: #101828; box-shadow: -6px 0 8px -6px rgba(0,0,0,.7); }
}

/* ── Layar sentuh: sasaran ketuk 44 px, teks 16 px agar iPhone tidak memperbesar ── */
@media (pointer: coarse) {
    td:last-child > a, td:last-child > button, td:last-child form > button, td:last-child > div > a, td:last-child > div > button, td:last-child > div form > button {
        display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;
    }
    input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]):not([type=range]), select, textarea, .cd-trigger { min-height: 44px; font-size: 16px; }
    nav[role=navigation] a, nav[role=navigation] span[aria-current] > span, nav[role=navigation] span[aria-disabled] > span { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
    .swal2-actions button { min-height: 44px; }
    .cd-item { min-height: 44px; display: flex; align-items: center; }
}

/* ── Filter dilipat di HP ─────────────────────────────────────────────── */
.siveri-filter-tombol { display: none; }
@media (max-width: 767px) {
    .siveri-filter-tombol { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; margin-bottom: 12px; padding: 0 14px; border: 1px solid #98A2B3; border-radius: 8px; background: #fff; color: #101828; font-size: 14px; font-weight: 600; }
    .dark .siveri-filter-tombol { background: #1D2939; border-color: #475467; color: #F2F4F7; }
    .siveri-filter-tombol b { min-width: 22px; padding: 0 6px; border-radius: 999px; background: #2F45E0; color: #fff; font-size: 12px; text-align: center; }
    .siveri-filter-terlipat { display: none !important; }
}

/* ── Tombol terkunci saat mengirim ────────────────────────────────────── */
button.siveri-mengirim { opacity: .65; cursor: progress; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Popup peta ───────────────────────────────────────────────────────── */
.peta-tombol { display: inline-block; padding: 10px 14px; border-radius: 6px; color: #fff; font-weight: 700; font-size: 12px; text-decoration: none; cursor: pointer; }
.peta-tombol:disabled { opacity: .6; cursor: progress; }
.leaflet-container a.peta-tombol { color: #fff; }
.peta-lencana { padding: 3px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.leaflet-popup-content { margin: 12px 14px; }
@media (pointer: coarse) {
    .peta-tombol { padding: 13px 16px; }
    .leaflet-touch .leaflet-bar a { width: 44px; height: 44px; line-height: 44px; font-size: 22px; }
    .leaflet-container a.leaflet-popup-close-button { width: 44px; height: 44px; font-size: 26px; line-height: 44px; }
}