/* AstroLifeMap V102.06.5
   Focused layout correction:
   A) separate Add House Components from Selected Components
   B) move the complete 3D Vaastu floor decisively upward into the unused top space

   Visual-only. No drag/snap/rotation/27-slot/Vaastu logic changes.
*/

@media (min-width:1181px){

  /* ---------- LEFT PANEL: REMOVE OVERLAP ---------- */

  /* Give the component dropdown + Add row its own clean block. */
  .left-panel .section:has(#componentSelect){
    margin-bottom:14px!important;
    padding-bottom:14px!important;
  }

  .left-panel .section:has(#componentSelect) .field{
    margin-bottom:0!important;
  }

  .left-panel .component-add{
    margin-bottom:0!important;
    align-items:center!important;
  }

  .left-panel #componentSelect,
  .left-panel #addComponentBtn{
    height:38px!important;
    min-height:38px!important;
  }

  /* Move Selected Components clearly BELOW the dropdown row. */
  .left-panel .section:has(#componentSelect) + .section{
    padding-top:8px!important;
    margin-top:0!important;
  }

  .left-panel .section:has(#componentSelect) + .section .section-title{
    margin-top:0!important;
    margin-bottom:8px!important;
    min-height:20px!important;
    line-height:1.15!important;
  }

  .left-panel .section:has(#componentSelect) + .section .selected-list{
    padding-top:2px!important;
  }

  /* ---------- CENTER FLOOR: ACTUALLY USE TOP EMPTY SPACE ---------- */

  /* V102.06.4 top-anchored the DOM box, but the visible diamond is still
     lowered by the 3D rotateX/rotateZ projection. Move the WHOLE shell
     upward by a real visible amount instead of another tiny adjustment. */
  .scene-shell{
    place-items:start center!important;
    align-items:start!important;
    justify-items:center!important;
    padding-top:0!important;
    transform:translateY(-82px) scale(.90)!important;
    transform-origin:50% 0%!important;
  }

  /* Keep buttons clear at the bottom. */
  .stage-bottom{
    bottom:10px!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .scene-shell{
    place-items:start center!important;
    align-items:start!important;
    justify-items:center!important;
    padding-top:0!important;
    transform:translateY(-58px) scale(.87)!important;
    transform-origin:50% 0%!important;
  }

  .left-panel .section:has(#componentSelect){
    margin-bottom:12px!important;
    padding-bottom:12px!important;
  }

  .left-panel .section:has(#componentSelect) + .section{
    padding-top:7px!important;
  }
}