/* ============================================================
 *  Peerly — Layout principal
 * ============================================================ */

#view-main { flex-direction: row; }

/* ---- Sidebar ---- */
.sidebar {
  width: var(--sidebar-width);
  min-width: var(--sidebar-width);
  height: 100%;
  background: var(--md-surface-container-low);
  border-right: 1px solid var(--md-outline-variant);
  display: flex;
  flex-direction: column;
  z-index: 950;
  position: relative;
}

/* ---- Contenu principal ---- */
.main-content {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--md-surface);
  position: relative;
  min-width: 0;
}

.view-panel {
  display: none;
  flex: 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.view-panel.active { display: flex; }