/* ═══════════════════════════════════════════════════
   МедЗапас — Мобильная адаптация
═══════════════════════════════════════════════════ */

/* ─── ПЛАНШЕТ ─── */
@media (max-width: 900px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .page { padding: 20px 20px; }
}

/* ─── МОБИЛЬНЫЙ ─── */
@media (max-width: 640px) {
  :root { --nav-h: var(--nav-mobile-h); }

  /* НАВИГАЦИЯ — нижняя на мобиле */
  .app-nav {
    position: fixed; bottom: 0; top: auto; left: 0; right: 0;
    height: 60px; padding: 0 8px;
    border-top: 1px solid var(--glass-border);
    border-bottom: none; border-radius: 0;
    justify-content: space-around; gap: 0;
    background: rgba(12,20,30,0.95);
    z-index: 200;
  }
  .nav-brand { display: none; }
  .nav-links {
    flex: 1; display: flex; justify-content: space-around; align-items: center; gap: 0;
  }
  .nav-link {
    flex-direction: column; gap: 3px; padding: 6px 10px;
    font-size: 0.65rem; border-radius: var(--r-sm);
    min-width: 58px; justify-content: center;
  }
  .nav-icon { font-size: 1.3rem; }
  .nav-label { display: block; }
  .nav-user { display: none; }
  .hamburger { display: none; }

  /* КОНТЕНТ над нижней навигацией */
  #screen-app { padding-bottom: 70px; }
  .page { padding: 16px 14px; }
  .page-header { margin-bottom: 18px; padding-bottom: 12px; }
  .page-title { font-size: 1.3rem; }

  /* ДАШБОРД */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .stat-card { padding: 14px; }
  .stat-value { font-size: 1.8rem; }
  .stat-icon { font-size: 1.5rem; }

  /* БЫСТРЫЕ ДЕЙСТВИЯ */
  .quick-actions { gap: 8px; }
  .quick-btn { padding: 12px 10px; min-width: 70px; font-size: 0.75rem; }
  .quick-btn span:first-child { font-size: 1.4rem; }

  /* КАРТОЧКИ */
  .medicine-card { padding: 12px 14px; gap: 10px; }
  .card-photo { width: 44px; height: 44px; font-size: 1.5rem; }
  .card-name { font-size: 0.9rem; }

  /* ПОИСК */
  .search-bar { padding: 10px 12px; }
  .filter-chips { gap: 6px; }
  .chip { padding: 5px 10px; font-size: 0.75rem; }

  /* АВТОРИЗАЦИЯ */
  .auth-card { padding: 28px 20px; }
  .auth-header h1 { font-size: 1.5rem; }
  .auth-icon { font-size: 3rem; }

  /* ФОРМ рядом → столбиком */
  .form-row { flex-direction: column; gap: 0; }

  /* МОДАЛЬНЫЕ на весь экран */
  .modal-overlay { padding: 0; align-items: flex-end; }
  .modal {
    max-width: 100%; max-height: 95vh; border-radius: var(--r-xl) var(--r-xl) 0 0;
    padding: 24px 18px;
  }
  .modal-wide { max-width: 100%; }
  .modal-iframe { height: 90vh; }

  /* WIZARD STEPS текст скрываем */
  .ws-label { display: none; }
  .wizard-step { padding: 10px 6px; }

  /* FAB чуть выше */
  .fab { bottom: 76px; right: 16px; width: 50px; height: 50px; font-size: 1.5rem; }

  /* ДЕРЕВО */
  .tree-actions { opacity: 1; }

  /* PIN клавиатура */
  .pin-btn { padding: 13px; font-size: 1.1rem; }

  /* WIZARD NAV */
  .wizard-nav { flex-wrap: wrap; }
  .wizard-nav .btn { flex: 1; }

  /* Шаг 4 (место хранения) */
  .location-picker { max-height: 160px; }

  /* ADMIN */
  .admin-tabs { flex-direction: column; gap: 4px; }
  .tab-btn { text-align: left; }
}

/* ─── ОЧЕНЬ МАЛЕНЬКИЙ ─── */
@media (max-width: 380px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .stat-value { font-size: 1.5rem; }
  .page { padding: 12px 10px; }
  .nav-link { min-width: 50px; padding: 6px 5px; }
  .quick-btn { min-width: 60px; }
}