/* Oqora CRM · styles de la section Ventes (lot V, spécification C.8).
   Toutes les règles sont préfixées par la classe racine de la section (.s-ventes) ; aucun jeton :root ici (ceux de
   crm.css, lot 0). Téléphone (< 640 px) : une colonne, boutons de 44 px de haut, aucun défilement horizontal. */
.s-ventes{ display:block; min-width:0; }
.s-ventes .sv{ display:flex; flex-direction:column; gap:var(--sp-5); max-width:960px; min-width:0; }
.s-ventes .sv-chargement{ padding:var(--sp-6); }
.s-ventes h2{ font-size:var(--fs-lg); font-weight:750; margin:0; }
.s-ventes h3{ font-size:var(--fs-md); font-weight:750; margin:0 0 var(--sp-3); }
.s-ventes h4{ font-size:var(--fs-sm); font-weight:750; margin:0 0 var(--sp-1); color:var(--ink-soft);
  text-transform:uppercase; letter-spacing:.05em; }
.s-ventes p{ margin:0; overflow-wrap:anywhere; }
.s-ventes ul{ margin:0; padding-left:var(--sp-5); }
.s-ventes li{ overflow-wrap:anywhere; }
.s-ventes .sv-titre{ margin-bottom:var(--sp-3); }
.s-ventes .sv-aide{ margin-top:2px; font-size:var(--fs-sm); }

/* ---- en haut : « Visio 3 sur 30 » ---- */
.s-ventes .sv-tete{ display:flex; flex-direction:column; gap:var(--sp-3); }
.s-ventes .sv-compteur{ font-size:var(--fs-3xl); font-weight:800; letter-spacing:-.01em; color:var(--ink); }
.s-ventes .sv-barre{ height:12px; border-radius:var(--r-full); background:var(--rule-soft); overflow:hidden; }
.s-ventes .sv-barre-plein{ height:100%; width:0; border-radius:var(--r-full); background:var(--bleu);
  transition:width .4s var(--ease); }
.s-ventes .sv-sous{ font-size:var(--fs-md); font-weight:650; color:var(--ink-soft); }

/* ---- alertes : retard de l'analyse (orange), fichier abîmé ---- */
.s-ventes .sv-alerte{ padding:var(--sp-3) var(--sp-4); border-radius:var(--r-sm); background:var(--ambre-tint);
  color:var(--ambre); font-weight:650; border-left:4px solid var(--ambre-vif); }
.s-ventes .sv-alerte--rouge{ background:var(--rouge-tint); color:var(--rouge); border-left-color:var(--rouge); }
.s-ventes .sv-vide{ font-size:var(--fs-md); }

/* ---- « Ce qui revient » ---- */
.s-ventes .sv-colonnes{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-4); }
.s-ventes .sv-colonne{ min-width:0; padding:var(--sp-5); }
.s-ventes .sv-cat{ padding:var(--sp-3) 0; border-top:1px solid var(--rule-soft); }
.s-ventes .sv-cat:first-of-type{ border-top:0; padding-top:0; }
.s-ventes .sv-cat-titre{ font-weight:700; }
.s-ventes .sv-cat-citations{ margin-top:var(--sp-1); color:var(--ink-soft); font-size:var(--fs-sm); }

/* ---- cartes des visios et des analyses ---- */
.s-ventes .sv-cartes{ display:flex; flex-direction:column; gap:var(--sp-3); }
.s-ventes .sv-carte{ padding:0; min-width:0; }
.s-ventes .sv-carte--non{ border-left:4px solid var(--ambre-vif); }
.s-ventes .sv-carte-tete{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  min-height:var(--tap); padding:var(--sp-3) var(--sp-5); cursor:pointer; list-style:none; font-weight:700; }
.s-ventes .sv-carte-tete::-webkit-details-marker{ display:none; }
.s-ventes .sv-carte-tete:focus-visible{ outline:2px solid var(--bleu-ring); outline-offset:2px;
  border-radius:var(--r-lg); }
.s-ventes .sv-carte-titre{ min-width:0; overflow-wrap:anywhere; }
.s-ventes .sv-resultat{ flex:none; padding:4px 12px; font-size:var(--fs-sm); }
.s-ventes .sv-carte-corps{ display:flex; flex-direction:column; gap:var(--sp-3);
  padding:0 var(--sp-5) var(--sp-5); }
.s-ventes .sv-qui{ display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.s-ventes .sv-nom{ border:0; background:none; padding:0; font:inherit; font-weight:700; color:var(--ink);
  text-align:left; overflow-wrap:anywhere; }
.s-ventes button.sv-nom{ color:var(--bleu); cursor:pointer; min-height:32px; }
.s-ventes button.sv-nom:hover{ text-decoration:underline; }
.s-ventes .sv-etat{ font-weight:650; color:var(--ink-soft); }
.s-ventes .sv-etat--aucun_enregistrement{ color:var(--ink-faint); }
.s-ventes .sv-bloc{ min-width:0; }
.s-ventes .sv-objections{ list-style:none; padding:0; display:flex; flex-direction:column; gap:var(--sp-2); }
.s-ventes .sv-objection{ font-weight:600; }
.s-ventes .sv-meta{ display:flex; flex-wrap:wrap; gap:var(--sp-2); align-items:center; margin-top:2px;
  font-size:var(--fs-sm); }
.s-ventes .sv-levee{ color:var(--vert); font-weight:650; }
.s-ventes .sv-non-levee{ color:var(--rouge); font-weight:650; }
.s-ventes .sv-reponse{ font-size:var(--fs-sm); margin-top:2px; }
.s-ventes .sv-ameliorer{ list-style:none; padding:0; display:flex; flex-direction:column; gap:var(--sp-2); }
.s-ventes .sv-etape-nom{ display:block; font-size:var(--fs-sm); font-weight:700; color:var(--bleu); }
.s-ventes .sv-idees{ list-style:none; padding:0; display:flex; flex-direction:column; gap:var(--sp-2); }
.s-ventes .sv-idee{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-3);
  padding:var(--sp-3); border-radius:var(--r-sm); background:var(--bande); }
.s-ventes .sv-idee-texte{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.s-ventes .sv-idee-texte p:first-child{ font-weight:650; }
.s-ventes .sv-citation{ font-size:var(--fs-sm); font-style:italic; }
.s-ventes .sv-copier{ flex:none; }
.s-ventes .sv-citations{ color:var(--ink-soft); font-style:italic; }
.s-ventes .sv-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.s-ventes .sv-copie-cachee{ position:fixed; top:0; left:0; width:1px; height:1px; opacity:0; pointer-events:none; }

/* ---- pied ---- */
.s-ventes .sv-pied{ display:flex; flex-direction:column; gap:2px; font-size:var(--fs-sm); padding:0 var(--sp-1); }

/* ---- panneau « Relier à une visio » ---- */
.s-ventes.sv-relier{ display:flex; flex-direction:column; gap:var(--sp-3); }
.s-ventes .sv-choix{ display:flex; flex-direction:column; gap:var(--sp-2); }
.s-ventes .sv-choix-visio{ justify-content:flex-start; text-align:left; min-height:var(--tap); white-space:normal; }

/* ---- téléphone ---- */
@media (max-width: 899px){
  .s-ventes .sv-colonnes{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width: 639px){
  .s-ventes .sv-carte-tete{ padding:var(--sp-3) var(--sp-4); align-items:flex-start; }
  .s-ventes .sv-carte-corps{ padding:0 var(--sp-4) var(--sp-4); }
  .s-ventes .sv-colonne{ padding:var(--sp-4); }
  .s-ventes .sv-idee{ flex-direction:column; }
  .s-ventes .sv-copier, .s-ventes .sv-actions .btn{ width:100%; min-height:var(--tap); }
  .s-ventes button.sv-nom{ min-height:var(--tap); }
}