.floating-map-controls {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  z-index: 20;
}

.fmc-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: rgba(17, 24, 39, 0.88);
  border: 1px solid #374151;
  border-radius: 6px;
  color: #d1d5db;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.35rem 0.7rem;
  line-height: 1.4;
  white-space: nowrap;
  backdrop-filter: blur(6px);
  transition:
    background 0.12s,
    border-color 0.12s,
    color 0.12s;
}

.fmc-btn:hover {
  background: rgba(55, 65, 81, 0.95);
  border-color: #6b7280;
  color: #f3f4f6;
}

.fmc-btn-primary {
  background: rgba(99, 102, 241, 0.85);
  border-color: #6366f1;
  color: #fff;
}

.fmc-btn-primary:hover {
  background: rgba(79, 70, 229, 0.95);
  border-color: #4f46e5;
  color: #fff;
}

.fmc-btn-danger:hover {
  background: rgba(127, 29, 29, 0.9);
  border-color: #ef4444;
  color: #fca5a5;
}
