.app-layout {
  display: grid;
  grid-template-columns: 240px 340px 1fr 340px;
  width: 100vw;
  height: 100vh;
  background: var(--p-surface);
}

.nav-sidebar {
  background: var(--p-surface-subdued);
  border-right: 1px solid var(--p-border);
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  user-select: none;
}

.conv-sidebar {
  background: var(--p-surface);
  border-right: 1px solid var(--p-border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chat-container {
  display: flex;
  flex-direction: column;
  background: var(--p-surface);
  border-right: 1px solid var(--p-border);
  overflow: hidden;
}

.profile-sidebar {
  background: var(--p-surface);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 20px;
  gap: 20px;
}