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

/* =========================================================
   CONTENT MAIN — HORIZONTAL FLEX LAYOUT
   ========================================================= */

   #active-view-container {
    height: 100%;
    width: 100%;
  
    display: flex;
    flex-direction: row;
  
    /* Components aligned horizontally */
    align-items: stretch;
  
    /* Optional spacing between components */
    gap: 0px;
  
    /* Prevent overflow issues */
    overflow: hidden;
  
    /* Optional padding for layout breathing room */
    margin: 0px;
    padding: 0px;
  }

  .view-panel {
    display: none;
    flex: 1 1 0;
    min-width: 0;
  }
  
  .view-panel.active {
    display: flex;
  }