/* Layout Structure - Grid & Main Layout */

.dashboard-container {
  display: grid;
  grid-template-columns: var(--sidebar-width) 1fr;
  height: 100vh;
  transition: grid-template-columns 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-container.sidebar-collapsed {
  grid-template-columns: var(--rail-width) 1fr;
}

.main-content {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

main.dashboard-grid {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 0.9rem;
  grid-auto-rows: min-content;
  align-content: start;
}