.gb-track-map { width: 100%; height: 280px; background: #e2e8f0; border-radius: 12px; z-index: 1; }
.gb-track-map.is-desk { height: 420px; }
.gb-track-panel {
  display: grid; gap: 8px;
  background: #fff; border: 1px solid #e7e5e4; border-radius: 12px;
  padding: 12px 14px; margin-top: 10px;
}
.gb-track-panel strong { color: #c2410c; }
.gb-track-bar { height: 8px; background: #fed7aa; border-radius: 999px; overflow: hidden; }
.gb-track-bar > span { display: block; height: 100%; background: #ea580c; width: 0; transition: width .4s ease; }
.gb-picker-wrap { margin: .5rem 0 1rem; }
.gb-picker-map { height: 220px; border-radius: 10px; background: #e2e8f0; min-height: 220px; }
.gb-picker-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.leaflet-container { font-family: inherit; }
.leaflet-container img { max-width: none !important; }