/* Shell do app: sidebar fixa + área principal — usado por Components/Layout/MainLayout.razor */
.app { display: flex; min-height: 100vh; }
.side {
  width: var(--side-w); flex-shrink: 0;
  border-right: var(--border-w) solid var(--line);
  background: var(--paper);
  padding: 22px 0 18px;
  display: flex; flex-direction: column;
  position: sticky; top: 0; height: 100vh;
}
.main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.content { padding: var(--pad); max-width: 1240px; width: 100%; }