html,body,#map { height: 100%; margin: 0; padding: 0; }
#map { position: absolute; top: 50px; bottom: 0; left: 0; right: 0; }
#controls {
  position: absolute;
  top: 6px;
  left: 8px;
  z-index: 1000;
  background: rgba(255,255,255,0.95);
  padding: 6px;
  border-radius: 6px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2);
  font-family: Arial, sans-serif;
}
#controls button { margin-right: 8px; }
#formModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2000;
  background: rgba(255,255,255,1);
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
.hidden { display: none; }
.modal-inner input { display:block; width: 100%; margin:6px 0; padding:6px; }
.modal-actions { text-align: right; }