/* =========================================================
   DASHBOARD FOUNDATION
   Dashboard layout shell and container structure

   Migrated from gf-dashboard-pages.css (Phase 11A-1)
   Lines: 368–374, 494–516, 860, 852–858
========================================================= */

/* Dashboard Content Width Constraint */
.gf-dashboard-inner {
  width: 100%;
}

/* Dashboard Panel Grid Layout */
.gf-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 4px 11px 0;
}

/* Scoped Dashboard Page Class */
.gf-page.gf-dashboard {
  width: 100%;
}

/* Top Navigation Bar Width */
.gf-app-topbar__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Responsive Adjustments */
@media (min-width: 768px) {
  .gf-dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 28px;
  }

  .gf-app-topbar__inner {
    padding: 0 24px;
  }
}

@media (min-width: 1024px) {
  .gf-dashboard-grid {
    grid-template-columns: 1.2fr 1.6fr 1fr;
    gap: 24px;
    margin: 0 32px;
    align-items: stretch;
  }

  .gf-app-topbar__inner {
    padding: 0 32px;
  }
}