/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {
  .dashboard-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .content { margin-left: 0; padding: 18px 16px 50px; }

  .sidebar {
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    width: var(--sidebar-w);
  }

  .sidebar:not(.collapsed) { transform: translateX(0); }

  .topbar-center { display: none; }
  .time-widget small { display: none; }
  .user-info { display: none; }

  .server-hero { flex-direction: column; align-items: flex-start; }
  .server-tabs { padding: 4px; }
  .server-tab { padding: 9px 12px; font-size: 12.5px; }

  .admin-stats { grid-template-columns: 1fr 1fr; }
  .data-table { font-size: 12.5px; }
  .data-table th, .data-table td { padding: 10px 12px; }
}

@media (max-width: 560px) {
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .stat-box { padding: 14px; }
  .stat-icon { width: 40px; height: 40px; font-size: 16px; }
  .stat-value { font-size: 18px; }

  .admin-stats { grid-template-columns: 1fr; }

  .page-header { flex-direction: column; align-items: flex-start; }
  .page-header h1 { font-size: 20px; }

  .table-card { overflow-x: auto; }
  .data-table { min-width: 640px; }
  .fm-table { min-width: 560px; }

  .console-big { font-size: 11.5px; }
  .console-big .console-time { min-width: 90px; font-size: 10.5px; }
}