/* -------------------------------
   DASHBOARD RESPONSIVE
-------------------------------- */

@media (max-width: 1024px) {
  .dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .filters {
    width: 100%;
  }

  .filters select {
    flex: 1;
  }
}
    

@media (max-width: 640px) {
  .filters {
    flex-direction: column;
    gap: 10px;
  }

  .news-card {
    padding: 16px;
  }

  .news-meta span {
    display: block;
    margin-bottom: 4px;
  }

  .links {
    font-size: 13px;
  }

  .pagination {
    flex-direction: column;
    gap: 10px;
  }

  button {
    width: 100%;
  }
}