/* Fransou · Commerce v3 · feuille de « Vendre » (19/10/2026). Elle ne redéfinit rien de Commerce v2 : elle ajoute les classes propres à la porte, aux commandes, aux propositions et aux conseils.
   Mêmes jetons (--fond, --carte, --filet, --texte, --sec), mêmes rayons, mêmes cibles tactiles de 44 px. */
.cm2 .cm-maniere-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cm2 .cm-maniere{display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid var(--filet);border-radius:var(--r-bloc);background:var(--carte)}
.cm2 .cm-maniere.cm-grise{background:transparent;border-style:dashed;color:var(--sec)}
.cm2 .cm-maniere.cm-grise h2{color:var(--sec)}
.cm2 .cm-maniere-tete{display:flex;align-items:center;gap:14px}
.cm2 .cm-maniere-tete h2{font:600 24px/1.2 var(--police)}
.cm2 .cm-maniere-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--fond)}
.cm2 .cm-maniere-phrase{font-size:17px}
.cm2 .cm-pastilles{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;align-items:center}
.cm2 .cm-pastilles li{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--filet);border-radius:999px;font-size:14px;background:var(--fond)}
.cm2 .cm-communs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.cm2 .cm-commun{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--carte)}
.cm2 .cm-commun:hover{border-color:var(--texte)}
.cm2 .cm-commun span{color:var(--sec);font-size:14px}
.cm2 .cm-metier-ligne{margin:8px 0}
/* la caisse */
.cm2 .cm-pos-ligne.cm-offert{background:var(--carte-2);border-radius:var(--r-carte)}
.cm2 .cm-offrir,.cm2 .cm-commande-form,.cm2 .cm-libre{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--texte);border-radius:var(--r-carte);background:var(--fond);margin-top:8px}
.cm2 .cm-acompte-vu{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--carte-2)}
.cm2 .cm-acompte-vu p{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cm2 .cm-pourboire{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--filet);border-radius:var(--r-carte)}
/* commandes et comptes */
.cm2 .cm-cmds,.cm2 .cm-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.cm2 .cm-cmd,.cm2 .cm-compte,.cm2 .cm-rayon{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--filet);border-radius:var(--r-bloc);background:var(--carte)}
.cm2 .cm-cmd.cm-focus{border-color:var(--texte)}
.cm2 .cm-compte{margin-bottom:12px}
.cm2 .cm-compte-ligne{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--filet)}
.cm2 .cm-solder,.cm2 .cm-regler,.cm2 .cm-ajouter{margin-top:4px}
/* ce que Fransou prépare */
.cm2 .cm-proposition{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--filet);border-radius:var(--r-bloc);background:var(--carte)}
.cm2 .cm-proposition h3{font:600 19px/1.3 var(--police)}
.cm2 .cm-lignes-prop{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0;margin:0}
.cm2 .cm-texte-pret summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:500}
.cm2 .cm-texte-pret pre{white-space:pre-wrap;font:inherit;padding:14px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--fond);margin:8px 0}
.cm2 .cm-fil-prop,.cm2 .cm-note-liste{display:flex;flex-direction:column;gap:8px;padding-left:20px}
/* les conseils : une liste lisible, un conseil en grand */
.cm2 .cm-conseils-liste{display:flex;flex-direction:column;gap:0;border:1px solid var(--filet);border-radius:var(--r-bloc);overflow:hidden}
.cm2 .cm-conseil-ligne{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-top:1px solid var(--filet);background:var(--carte);min-height:44px;position:relative}
.cm2 .cm-conseil-ligne:first-child{border-top:0}
.cm2 .cm-conseil-ligne:hover{background:var(--carte-2)}
.cm2 .cm-conseil-ligne b{font-weight:600}
.cm2 .cm-conseil-ligne span{color:var(--texte)}
.cm2 .cm-conseil-ligne small{color:var(--sec);font-size:13px}
.cm2 .cm-conseil-ligne.cm-ecarte{opacity:.6}
.cm2 .cm-conseil-ligne .cm-etat{align-self:flex-start;margin-top:4px}
.cm2 .cm-conseil-grand{display:flex;flex-direction:column;gap:20px;max-width:880px}
.cm2 .cm-conseil-grand .cm-conseil-regle{font:600 20px/1.45 var(--police)}
@media (max-width:760px){
  .cm2 .cm-maniere-grille{grid-template-columns:minmax(0,1fr)}
  .cm2 .cm-cmds,.cm2 .cm-cartes{grid-template-columns:minmax(0,1fr)}
  .cm2 .cm-maniere{padding:20px}
  .cm2 .cm-maniere-tete h2{font-size:21px}
}
.cm2 .cm-solder,.cm2 .cm-regler,.cm2 .cm-ajouter{border:0;padding:0;background:transparent}
.cm2 .cm-conseil-ligne span{font-size:14px;color:var(--sec)}
.cm2 .cm-rayons{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.cm2 .cm-cases{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%}
.cm2 .cm-cases .cm-case{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start;min-width:0;text-align:left}
.cm2 .cm-cases .cm-case input{grid-column:1;grid-row:1 / span 2;margin-top:2px}
.cm2 .cm-cases .cm-case span{grid-column:2;grid-row:1}
.cm2 .cm-cases .cm-case small{grid-column:2;grid-row:2;min-width:0;white-space:normal}
.cm2 .cm-compte-ligne{flex-direction:column;align-items:stretch}
.cm2 .cm-regler .cm-form-grille{grid-template-columns:repeat(2,minmax(0,220px))}