html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

#map-container {
  display:none;
  width:100%;
  height:100svh; 
  height:100vh; 
  height:calc(var(--vh, 1vh) * 100); 
  position: relative;
}

#map {
  width: 100%;
  height: 100%;
}

.tree-box { 
  cursor:default;
}

.error { 
  border: 2px solid #ef4444 !important;
}

/* Floating Button */
#add-tree-from-map{
  position:absolute;
  bottom:1rem;
  right:1rem;
  z-index:1000;
  padding:0.7rem 1rem;
  background:#22c55e;
  border-radius:8px;
  color:white;
  font-weight:bold;
  border:none;
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
}

/* Darkmode */
@media (prefers-color-scheme: dark){
  body{
    background:#222;
    color:#eee;
  }
  .tree-box{
    background:#333;
    border:1px solid #555;
  }
}