/* ── App Shell Layout ────────────────────────────── */
body.app-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  background-color: #0b0f19;
}

.app-container {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
  position: relative;
}

.main-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem;
  background: #161d28;
  position: relative;
  scroll-behavior: smooth;
  width: 100%;
  max-width: none;
  margin: 0;
  min-width: 0;
}

@media (max-width: 768px) {
  .main-content {
    padding: 1rem 0.75rem calc(1rem + 65px);
  }
}

@media (max-width: 480px) {
  .main-content {
    padding: 0.75rem 0.55rem calc(0.75rem + 65px);
  }
}