.owge-shell{
  display:grid;
  grid-template-columns:var(--owge-sidebar-width) minmax(0,1fr);
  min-height:100vh;
}

.owge-shell__sidebar{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:14px;
  background:linear-gradient(180deg,#08111f,#0c1730);
  border-right:1px solid var(--owge-border);
  overflow:hidden;
}

.owge-shell__main{
  min-width:0;
  padding:16px;
}

.owge-shell__page{
  min-width:0;
}

.owge-page-stack{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.owge-page-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.owge-page-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

@media (max-width: 1200px){
  .owge-page-grid-3{
    grid-template-columns:1fr;
  }
}

@media (max-width: 980px){
  .owge-shell{
    grid-template-columns:1fr;
  }

  .owge-shell__sidebar{
    position:relative;
    height:auto;
    min-height:unset;
    border-right:none;
    border-bottom:1px solid var(--owge-border);
  }

  .owge-page-grid-2{
    grid-template-columns:1fr;
  }
}