/* ===== TABLET (≤ 1024px) ===== */
@media (max-width: 1024px) {
  .dashboard-content { padding: 20px 20px 48px; gap: 28px; }

  .metrics-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  #platform-breakdown { grid-template-columns: repeat(2, 1fr); }

  #kanban-board { grid-template-columns: repeat(2, 1fr); }

  .generator-form {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .generator-form .btn { grid-column: 1 / -1; }
}

/* ===== MOBILE (≤ 768px) ===== */
@media (max-width: 768px) {
  .app-header { padding: 0 16px; }
  .app-header__user { display: none; }

  .dashboard-content { padding: 16px 12px 48px; gap: 20px; }

  .section__header { padding: 16px 16px; flex-wrap: wrap; gap: 8px; }
  .section__body { padding: 16px; }

  .metrics-grid { grid-template-columns: 1fr; gap: 10px; }
  #platform-breakdown { grid-template-columns: repeat(2, 1fr); }

  .social-tabs { padding: 12px 12px 0; gap: 0; overflow-x: auto; }
  .social-tab { padding: 8px 14px; font-size: 0.8rem; }
  .social-metrics-bar { grid-template-columns: repeat(3, 1fr); padding: 16px; }
  .social-warning { margin: 8px 16px 0; }
  .chart-wrapper { padding: 16px; height: 200px; }

  #kanban-board { grid-template-columns: 1fr; padding: 16px; }

  .generator-form { grid-template-columns: 1fr; }
  .content-output-wrapper { padding: 16px; }

  .table-wrapper table { font-size: 0.8125rem; }
  thead th, tbody td { padding: 8px 10px; }

  .access-card { padding: 32px 24px; }
}