/* Phase 16 complete shell + spacing fix — 2026-09-13
   Self-contained so the page layout does not depend on a cached older
   advanced-vector-designer.css.
*/

.sv-shell{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:0 !important;
  align-items:start !important;
  min-height:calc(100vh - 64px) !important;
  width:100% !important;
}

.sv-shell > .mdl-sidebar{
  min-width:0 !important;
  width:260px !important;
}

.sv-main{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.sv-main .sv-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:18px 24px 70px !important;
}

.sv-hero{
  margin-top:0 !important;
}

/* Never let the sidebar create a first grid row with the main content below it. */
.sv-shell > .mdl-sidebar{
  grid-column:1 !important;
  grid-row:1 !important;
}

@media (max-width:900px){
  .sv-shell{
    grid-template-columns:1fr !important;
  }
  .sv-shell > .mdl-sidebar{
    display:none !important;
  }
  .sv-main{
    grid-column:1 !important;
  }
  .sv-main .sv-page{
    padding:16px 14px 48px !important;
  }
}