/* ============================================================
   StockBot — Mobile Responsive Overrides
   ============================================================ */

@media (max-width: 768px) {
  .app-layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    display: none;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: var(--color-surface);
  }

  .sidebar.open {
    display: block;
  }

  .hamburger {
    display: block;
  }

  .kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .kpi-value {
    font-size: 1.25rem;
  }

  .filter-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-bar input[type="search"],
  .filter-bar select {
    min-width: 100%;
  }

  .main-content {
    padding: 1rem;
  }

  /* Stock edit page — mobile-first */
  .stock-edit-item {
    flex-wrap: wrap;
  }

  .stock-edit-item .name {
    flex: 1 0 100%;
    margin-bottom: 0.25rem;
  }

  .stock-edit-item input[type="number"],
  .stock-edit-item select {
    flex: 1;
  }
}

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