/* ==========================================================================
   AUTOM'MATH — COUCHE TACTILE (Honeywell EDA10, usage en clientèle)
   Chargée par : l'admin (base_site.html — couvre fiche client, espace projet,
   tableaux de bord) et les ÉDITEURS de devis / factures (standalone).
   Règle : cibles >= 44 px, textes lisibles, et aux largeurs tablette les
   colonnes se replient au lieu d'être coupées. Le préfixe `body` sert à
   passer devant les <style> propres à chaque page.
   ========================================================================== */

/* ---------- Fiche client (.cf-*) & espace projet (.ep-*) ---------- */
body .cf-btn, body .ep-btn {
  min-height: 46px; padding: 11px 18px; font-size: 13px; border-radius: 11px;
}
body .cf-chip, body .ep-badge { padding: 7px 13px; }
@media (max-width: 900px) {
  body .cf-head, body .ep-head { flex-wrap: wrap; }
}

/* ---------- Éditeurs de devis & factures (.bar / .sheet / table.items) ---- */
body .bar { flex-wrap: wrap; row-gap: 8px; }
body .bar button { min-height: 46px; padding: 11px 18px; font-size: 13.5px; }
body .bar a.back { min-height: 46px; display: inline-flex; align-items: center; }
/* Poignées de ligne (déplacer / supprimer) : 38 px au lieu de 22 */
body .rowtools { gap: 6px; }
body .rowtools button { width: 38px; height: 38px; font-size: 15px; border-radius: 8px; }
body .rowtools button.drag { font-size: 16px; }
/* Barre « ajouter une ligne / catégorie / note… » */
body .addbar button { min-height: 46px; padding: 10px 16px; font-size: 13px; }
body .addbar { gap: 12px 18px; }
/* Résultats de recherche (client / catalogue) : items à hauteur de doigt */
body .cres .it, body .catres .it { padding: 12px; min-height: 44px; }
/* Champs de saisie des lignes : un peu plus grands sous le doigt */
body .cell-des input.des { font-size: 13.5px; padding: 6px 7px; }
body .numi { font-size: 13.5px; padding: 7px 5px; }

@media (max-width: 1000px) {
  /* Barre d'outils : le fil d'ariane long disparaît, les boutons respirent */
  body .bar > span[style] { display: none; }
  body .bar { padding: 9px 12px; gap: 8px; }
  /* Feuille : marges réduites, la table défile au doigt si besoin */
  body .sheet { margin: 12px 8px; padding: 18px 14px 26px;
    overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body table.items { min-width: 680px; }
  /* En-tête émetteur / client : empilés, encart client pleine largeur */
  body .cols { flex-wrap: wrap; }
  body .clientbox { width: 100%; }
  body .objet input { width: 100%; }
  /* Pied : conditions + totaux empilés, bloc totaux pleine largeur */
  body .foot { flex-direction: column; gap: 14px; }
  body .totbox, body .totwrap { width: 100%; }
}