/* ═══════════════════════════════════════════════════════════════════════════
 *  inventaire_mobile.css — L'INVENTAIRE SUR TÉLÉPHONE (lot 4, 10/10/2026)
 *  R-INV-MOBILE-SECTIONS, R-INV-MOBILE-ARTICLES · maquette « Inventaire mobile », option B.
 * ───────────────────────────────────────────────────────────────────────────
 *  Gabarit Préparation (REFERENCE_UI_PREPARATION §3 bis), pièces .mx- communes.
 *  Téléphone seulement (tout est dans le @media). Couleurs : variables de base.css.
 * ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* ── Haut de l'Inventaire : « SECTION · … ▾ » + scanner (+ compter) ── */
  .inv-sidebar { align-items: center; }
  .m-inv-picker { flex: 1 1 auto; min-width: 0; margin: 0; }
  .m-inv-scan { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border-radius: 12px; border: 1.5px solid var(--border); }
  .m-inv-scan svg { width: 20px; height: 20px; }

  /* ── Articles : ce que le téléphone remplace (gardé dans la page pour les vrais gestes) ── */
  .imc-page .inv-recap, .imc-page .inv-chips, .imc-page .inv-barre-actions { display: none !important; }
  .imc-page .inv-barre { margin: 0; }
  .imc-zone .mx-onglets { margin: 8px 0 10px; }
  .imc-zone .inv-filtres-row { margin: 0 !important; display: flex; flex-direction: column; gap: 8px; }
  #inv-art-search {
    flex: none; min-width: 0; max-width: none;   /* .inv-search-input (bureau) : flex 1 + max 360 px — en colonne, la hauteur tombait à 21 px */
    width: 100%; height: 44px; box-sizing: border-box; padding: 0 12px; border-radius: 12px; border: 1.5px solid var(--border);
    background: var(--white); font-family: 'DM Sans', sans-serif; font-size: 16px; color: var(--text);
  }
  #inv-art-search:focus { outline: none; border-color: var(--wood-dark); box-shadow: 0 0 0 3px var(--accent-soft); }
  #inv-art-fourn {   /* filtre fournisseur du bureau : gardé, au gabarit */
    width: 100%; min-height: 44px; border-radius: 12px; border: 1.5px solid var(--border); background: var(--white);
    font-family: 'DM Sans', sans-serif; font-size: 16px; color: var(--text); padding: 0 10px;
  }
  .imc-fbar { margin-top: 8px; }
  .imc-plus { flex: 0 0 44px; width: 44px; padding: 0; border-radius: 12px; border: 1.5px solid var(--border); }
  .imc-plus svg { width: 20px; height: 20px; }

  /* ── La carte d'un article ── */
  .imc-liste { margin-top: 10px; }
  .imc-tete { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
  .imc-nom { flex: 1; min-width: 0; font-size: 15px; line-height: 20px; font-weight: 700; color: var(--wood-dark); overflow-wrap: anywhere; }
  .imc-dispo { font-family: 'DM Mono', monospace; font-size: 15px; color: var(--wood-dark); flex-shrink: 0; }
  .imc-u { font-size: 12.5px; color: var(--text-muted); flex-shrink: 0; }
  .imc .mx-etat { margin-top: 4px; }
  .imc-route { font-size: 12.5px; line-height: 17px; font-weight: 700; color: var(--orange-text); }
  .imc-route-info { font-weight: 600; color: var(--text-muted, #6B7280); }   /* R-EN-ROUTE-PARTOUT : sans alerte, une information */
  .imc-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
  .imc-badge { font-size: 12px; line-height: 18px; font-weight: 700; border-radius: 999px; padding: 1px 9px; color: var(--violet); background: var(--violet-soft); }
  .imc-resv { font-size: 12.5px; line-height: 17px; color: var(--text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; }
  .imc-resv[hidden], .imc-stock[hidden], .imc-outils[hidden] { display: none; }
  .imc-resv .inv-resv-btn { min-height: 44px; min-width: 44px; border-radius: 10px; border: 1px solid var(--border); background: var(--white);
    font-family: 'DM Mono', monospace; font-size: 13px; color: var(--wood-dark); padding: 0 10px; }
  /* − · stock · + (les VRAIS boutons de la ligne, déplacés) */
  .imc-stock { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; align-items: center; margin-top: 10px; }
  .imc-stock.imc-seul { grid-template-columns: minmax(0, 1fr); }
  .imc-stock .inv-pm { width: 44px; height: 44px; min-height: 44px; border-radius: 10px; border: 1px solid var(--border); background: var(--white);
    color: var(--wood-dark); font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 700; padding: 0; }
  .imc-stock .inv-qte { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 10px; background: var(--wood-bg);
    font-family: 'DM Mono', monospace; font-size: 15px; font-weight: 500; color: var(--wood-dark); }
  .imc-stock .inv-qte::after { content: ' en stock'; font-family: 'DM Sans', sans-serif; font-size: 12.5px; color: var(--text-muted); margin-left: 4px; }
  .imc-stock .inv-unite { display: none; }   /* l'unité est dite à côté du disponible */
  /* Outils (Fiche, Rouleau, Liens, Archiver / Restaurer) : 44 px, libellé en clair */
  .imc-outils { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
  .imc-outils > * { min-height: 44px !important; height: auto !important; min-width: 44px; border-radius: 10px !important; display: inline-flex !important;
    align-items: center; justify-content: center; gap: 6px; padding: 0 12px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; }
  .imc-outils .inv-ico-btn, .imc-outils .inv-liens-btn, .imc-outils .inv-rl-btn { width: auto !important; margin: 0 !important; }
  .imc-outils .inv-liens-btn-vide { filter: none; opacity: 1; color: var(--text-muted); }   /* « aucun lien » : grisé lisible, pas transparent */
  .imc-outils i, .imc-outils svg { font-size: 18px; width: 18px; height: 18px; }
  /* Pagination : boutons au gabarit */
  .imc-page .inv-pagin { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 10px; font-size: 12.5px; color: var(--text-muted); }
  .imc-page .inv-pg-nav { display: flex; flex-wrap: wrap; gap: 6px; }
  .imc-page .inv-pg-btn, .imc-page .inv-pg-num { min-height: 44px; min-width: 44px; border-radius: 10px; border: 1px solid var(--border); background: var(--white); color: var(--wood-dark); font-family: 'DM Sans', sans-serif; font-size: 14px; }
  .imc-page .inv-pg-num.actif { border: 1.5px solid var(--wood-dark); box-shadow: 0 0 0 3px var(--accent-soft); font-weight: 700; }
  .imc-page .inv-pg-taille select { min-height: 44px; font-size: 16px; border-radius: 10px; }
}