/* full page map */
html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  #map-container {
    height: 100%;
    width: 100%;
  }
  
  /* floating control panel */
  #controls {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
  
    background: rgba(255,255,255,0.9);
    padding: 8px 12px;
    border-radius: 6px;
  
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }