/* responsive.css — ajustes para tablet e celular (prioridade: desktop) */

@media (max-width: 900px) {
  .prospecting-columns { grid-template-columns: 1fr; }
  .form-grid, .form-grid--3 { grid-template-columns: 1fr; }
  .field--span2 { grid-column: span 1; }
  .dash-grid-3 { grid-template-columns: 1fr; }
  .payout-breakdown { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root { --sidebar-width: 0px; }
  .sidebar {
    position: fixed; left: 0; top: 0; z-index: 90; width: 240px; transform: translateX(-100%);
    transition: transform .2s ease; box-shadow: var(--shadow-lg);
  }
  .sidebar.open { transform: translateX(0); }
  .sidebar-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 80; }
  .sidebar-backdrop.open { display: block; }
  .topbar__menu-btn { display: inline-flex; }
  .view-container { padding: 14px; }
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .modal { max-width: 100%; margin: 0 4px; }
  .table-wrap { font-size: 12px; }
}

@media (min-width: 761px) {
  .topbar__menu-btn { display: none; }
}