/* =========================================================
   IZLEK — APP SHELL FRAME
   Laptop-first fixed application surface
   ========================================================= */

html,
body{
  width:100%;
  height:100%;
  overflow:hidden;
}

body{
  margin:0;
}

.app-shell{
  width:100%;
  height:100vh;
  overflow:hidden;
  background:#f2eee5;
}

.app-shell-v2{
  display:grid;
  grid-template-rows:86px minmax(0,1fr);
}

.topbar{
  width:100%;
  max-width:1360px;
  margin:0 auto;
}

.main-stage{
  width:100%;
  max-width:1360px;
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:16px 18px 18px;
  overflow:hidden;
}

.view-frame{
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(20,20,20,.07);
  border-radius:32px;
  background:rgba(255,253,248,.44);
  box-shadow:none;
  padding:16px;
}

/* old rails disabled */

.left-rail,
.right-panel,
.brand-copy,
.user-strip,
.side-nav,
.rail-card,
.crumb,
.search-box,
.top-action{
  display:none !important;
}

@media (min-width:1500px){
  .topbar,
  .main-stage{
    max-width:1380px;
  }
}

@media (max-width:1180px){
  .app-shell-v2{
    grid-template-rows:auto minmax(0,1fr);
  }

  .main-stage{
    padding:12px;
  }
}

@media (max-width:760px){
  html,
  body{
    overflow:auto;
  }

  .app-shell{
    min-height:100vh;
    height:auto;
    overflow:visible;
  }

  .app-shell-v2{
    display:block;
  }

  .main-stage,
  .view-frame{
    height:auto;
    overflow:visible;
  }
}