html, body { height: 100%; }
body { margin: 0; }
#map { position: absolute; top: 56px; bottom: 0; left: 0; right: 0; }
.offcanvas-start { width: 320px; }
.list-group-item input { margin-right: 8px; }
.info-panel { display:none; }
.list-group-item-action { cursor: pointer; }
.suggest-item { cursor: pointer; }
.status-loading::after { content: ' • memuat...'; color: #888; }
.disabled { opacity: 0.5; pointer-events: none; }
.tabs-compact .nav-tabs { display: flex; flex-wrap: wrap; }
.tabs-compact .nav-tabs .nav-link { font-size: 0.9rem; padding: 0.25rem 0.5rem; }
.popup-wide .leaflet-popup-content { width: 275px; max-width: 85vw; }
.popup-wide .nav-tabs { flex-wrap: nowrap; }
.popup-wide .nav-link { white-space: nowrap; }
@media (max-width: 480px) {
  .offcanvas-start { width: 88vw; }
  .tabs-compact .nav-tabs .nav-link { font-size: 0.85rem; padding: 0.2rem 0.45rem; }
}