/* =============================================
   V2 MÍDIA — HUB DE GESTÃO
   responsive.css — Media Queries
   ============================================= */

/* ─── TABLET (≤ 1100px) ──────────────────────── */
@media (max-width: 1100px) {
  .stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ─── MOBILE LANDSCAPE (≤ 860px) ────────────── */
@media (max-width: 860px) {
  /* Sidebar vira drawer */
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    transform: translateX(-100%);
  }

  .sidebar.open {
    transform: translateX(0);
    box-shadow: 4px 0 40px rgba(0, 0, 0, 0.5);
  }

  /* Mostrar botão hamburger */
  .menu-toggle { display: flex; }

  /* Encolher campo de busca */
  .search-bar input { width: 130px; }

  .layout     { flex-direction: column; }
  .main-area  { width: 100%; }
}

/* ─── MOBILE PORTRAIT (≤ 560px) ─────────────── */
@media (max-width: 560px) {
  .stats-row          { grid-template-columns: 1fr; }
  .topbar             { padding: 0 16px; }
  .content            { padding: 20px 16px 0; }
  .welcome-text       { display: none; }
  .footer             { padding: 0 16px; font-size: 11px; }
  .footer span:last-child { display: none; }
}