/* ============================================
   DASHBOARD LAYOUT
   ============================================ */

.dashboard-layout {
  display: flex;
  min-height: 100vh;
  padding-top: 100px; /* push below fixed header */
  background: #f7f9fc;
}

/* ---- Main Content ---- */
.dashboard-main-content {
  flex: 1;
  min-width: 0;
  padding: 2rem;
  overflow-x: hidden;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
  .dashboard-main-content {
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  .dashboard-layout {
    padding-top: 80px;
  }

  .dashboard-main-content {
    padding: 1rem;
    padding-bottom: 5rem; /* space for floating FAB */
  }
}

@media (max-width: 480px) {
  .dashboard-main-content {
    padding: 0.75rem;
    padding-bottom: 5rem;
  }
}