/* ==========================
   USER LAYOUT (GRID SYSTEM)
========================== */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;  /* Navbar | content | footer */
  min-height: 100vh;
  overflow: hidden; /* csak a content scrolloz */
}

/* ----- NAVBAR ----- */
#topbar {
  /*background: #1f2937;
  color: #fff;
  padding: 15px 20px;
  display: flex;
  align-items: center;*/
}

/* ----- CONTENT PANEL ----- */
#page-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  box-sizing: border-box;
}


.page-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* ----- FOOTER CONTAINER (empty wrapper) ----- */
#bottombar {
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: none;
}