/* UI illustrations — SATUN 360° */
.ui-illust {
  display: block;
  margin: 0 auto 8px;
  width: 120px;
  height: auto;
  max-width: 100%;
  opacity: 0.95;
}
.ui-illust-sm {
  width: 88px;
}
.help-seeker-empty {
  text-align: center;
  padding: 16px 12px 12px;
}
.help-seeker-empty .ui-illust {
  width: 100px;
}
.offline-map-btn .ui-illust-inline {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.map-engine-badge {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 900;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 9999px;
  background: rgba(15, 23, 42, 0.85);
  color: #94a3b8;
  border: 1px solid #334155;
  pointer-events: none;
}
.map-engine-badge.mapbox {
  color: #7dd3fc;
  border-color: rgba(56, 189, 248, 0.4);
}
html[data-theme="light"] .map-engine-badge {
  background: rgba(255, 255, 255, 0.92);
  color: #475569;
}