/* V102.03.2 — use available vertical space in the left panel; do NOT widen it */
@media (min-width:1181px){
  .left-panel{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Let the left panel use the full available studio height. */
  .left-panel .panel-body{
    height:calc(100vh - 92px)!important;
    max-height:calc(100vh - 92px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding-bottom:4px!important;
  }

  /* Project section remains compact at the top. */
  .left-panel .section:first-child{
    flex:0 0 auto!important;
    margin-bottom:3px!important;
    padding-bottom:3px!important;
  }

  /* The component section expands DOWNWARD into the unused lower space. */
  .left-panel .section:nth-of-type(2),
  .left-panel .section:has(#componentSelect){
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  .left-panel .section:has(#componentSelect) .selected-list,
  .left-panel .selected-list{
    flex:1 1 auto!important;
    min-height:150px!important;
    max-height:none!important;
    overflow-y:auto!important;
    margin-bottom:0!important;
  }

  /* Keep all controls compact; use the gained space for the component list, not blank gaps. */
  .left-panel .field{flex:0 0 auto!important}
  .left-panel .component-add{flex:0 0 auto!important}
  .left-panel .helper{flex:0 0 auto!important}
}