/* ===================== TABLET ===================== */
@media (max-width: 1024px) {
  .dashboard-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .form-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .charts-grid {
    grid-template-columns: 1fr;
  }
}

/* ===================== MOBILE ===================== */
@media (max-width: 768px) {
  .app-body {
    flex-direction: column;
  }

  .sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-sm) 0;
  }

  .sidebar__nav {
    flex-direction: row;
    overflow-x: auto;
    padding: 0 var(--space-md);
  }

  .sidebar__link {
    border-left: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
  }

  .sidebar__link--active {
    border-left-color: transparent;
    border-bottom-color: var(--color-primary);
  }

  .dashboard-cards {
    grid-template-columns: 1fr;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .app-header__meta .app-header__user {
    display: none;
  }
}