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

.sidebar{
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--sidebar-w);
  padding: 16px 14px;
  background: rgba(12,13,16,.82);
  border-right: 1px solid var(--border);
  backdrop-filter: blur(10px);
  overflow:auto;
}

.app-main{
  margin-left: var(--sidebar-w);
  min-height: 100vh;
}

.topbar{
  position: sticky;
  top:0;
  height: var(--topbar-h);
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 12px 18px;
  background: var(--glass);
  border-bottom: 1px solid var(--border);
}

.page{
  padding: 18px 22px 60px;
  max-width: none;   /* remove limitação */
}

@media (max-width: 920px){
  :root{ --sidebar-w: 0px; }
  .sidebar{
    position: sticky;
    width: 100%;
    border-right: none;
  }
  .app-main{ margin-left: 0; }
}