/* ==========================================================================
   BỐ CỤC TỔNG THỂ (DESKTOP LAYOUT VỚI SIDEBAR DỌC)
   ========================================================================== */
.app-layout {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

/* ==========================================================================
   1. SIDEBAR DỌC BÊN TRÁI (BÁM SÁT MOCKUP 1, 2, 3)
   ========================================================================== */
.app-sidebar {
  width: var(--sidebar-width);
  background: var(--bg-card);
  border-right: 1px solid var(--border-card);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  flex-shrink: 0;
  z-index: 100;
}