/* Casca do app. A sidebar e a topbar ganham corpo na fase que monta o menu. */

.app-shell {
  display: flex;
  min-height: 100dvh;
}

.app-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.app-content {
  padding: var(--sp-4);
}

@media (max-width: 880px) {
  .app-content {
    padding: var(--sp-3);
  }
}