/* ══════════════════════════════════════════════════════════════
   TERAGEST DEV — Responsive Breakpoints
   ══════════════════════════════════════════════════════════════ */

/* TABLET */
@media (max-width: 768px) {
  .form-row { flex-direction: column; }
  .stats-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  #map-search input { width: 160px; }
}

/* MOBILE */
@media (max-width: 600px) {
  .topbar { padding: 6px 8px; min-height: 42px; }
  .topbar-logo { width: 22px; height: 22px; border-radius: 5px; }
  .topbar-title { font-size: 10px; }
  .topbar-left span:last-child { display: none; }
  .tbtn, .theme-toggle { width: 26px; height: 26px; font-size: 11px; }
  .topbar-right { gap: 3px; }
  #filter-bar { padding: 6px 8px; }
  .filter-row label { font-size: 7px; min-width: 30px; }
  .filter-row input, .filter-row select { font-size: 10px; padding: 4px 6px; }
  table { font-size: 10px; min-width: 400px; }
  thead th { padding: 6px 6px; font-size: 8px; }
  tbody td { padding: 5px 6px; max-width: 120px; font-size: 10px; }
  .badge { font-size: 7px; padding: 1px 4px; }
  #log-panel { height: 180px; }
  .modal { max-width: 100%; border-radius: 12px 12px 0 0; padding: 12px; }
  #panel-grua { width: 100vw; right: -100vw; }
  .pg-card .pg-name { font-size: 10px; }
  .nav-tab { padding: 6px 10px; font-size: 9px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }
  .stat-card { padding: 10px; }
  .stat-number { font-size: 22px; }
  .form-panel { padding: 10px; }
  .form-section { padding: 10px; }
  #map-search input { width: 140px; font-size: 10px; }
  #map-legend { font-size: 8px; padding: 6px 8px; }
}

/* LARGE DESKTOP */
@media (min-width: 1200px) {
  .topbar { padding: 8px 20px; }
  #filter-bar { padding: 8px 20px; }
  #status-bar { padding: 4px 20px; }
  .form-panel { padding: 20px 24px; max-width: 900px; margin: 0 auto; width: 100%; }
  .stats-grid { padding: 20px 24px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
}