/* home.css */

/* full page map */
html, body {
    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;    
  }
  
  .view-panel.active {
    flex: 1 1 0;    
    
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
  }