/* La demande de visite signée dans le CRM (assets/signature-crm.js) : page RDV VT du mode appel et carte La visite de la fiche. Deux
   rangées : « Télécharger » et le nom du document ; l'envoi et son état (pastille : bleu en cours chez le client, vert validé, orange à
   faire valider, rouge à rappeler ; charte, décisions du 08/10). */
.sv{display:flex;flex-direction:column;gap:10px;margin:12px 0 16px;padding:14px 16px;border-radius:12px;background:var(--carte,#fff);box-shadow:inset 0 0 0 1px var(--line,#e3e7ee)}
.sv .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sv-doc{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sv-doc .sv-dl{background:var(--fill,#f2f3f5);border-color:transparent;color:var(--ink,#161b26);font-weight:500}
.sv-nom{font-weight:600;color:var(--ink,#161b26);font-size:14px}
.sv-env{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line,#e3e7ee)}
.sv-etat{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;line-height:18px;color:var(--ink-2,#4f5766);font-variant-numeric:tabular-nums}
.sv-etat i{width:8px;height:8px;border-radius:50%;background:var(--line-strong,#b8c0cc);flex:none}
.sv-etat.cours i{background:var(--info,#1f4db8)}
.sv-etat.ok{color:var(--success,#237a3a);font-weight:600}
.sv-etat.ok i{background:var(--success,#237a3a)}
.sv-etat.att{color:var(--warning,#a15c07);font-weight:600}
.sv-etat.att i{background:var(--warning,#c77a0a)}
.sv-cren{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sv-msg{margin:0;font-size:13px;line-height:18px;color:var(--ink-2,#4f5766)}
.sv-msg.err{color:var(--danger,#c8281c)}
.sv.ok{box-shadow:inset 0 0 0 1px var(--success-bord,rgba(35,122,58,.3))}
.sv .btn[disabled]{opacity:.55;cursor:default}
/* la carte La visite : sans cadre propre, une rangée de la carte */
.vt-demande .sv{margin:4px 0 0;padding:0;box-shadow:none;background:none}
.vt-demande .sv.ok{box-shadow:none}
/* Faire signer (fiche, « Autres actions ») ; correctif du 21/10 (Mike, 2 h 15) : chaque document et chaque signataire sur une ligne (case à
   gauche, nom lisible, « Télécharger » discret à droite), le fichier de l'ordinateur par le bouton de dépôt du CRM (celui de Pièces), le mode
   de signature en boutons segmentés de la charte, chaque libellé sur une ligne */
.fs-sig{display:flex;flex-direction:column;gap:14px}
.fs-sig [hidden]{display:none!important}
.fs-groupe{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.fs-groupe legend{padding:0;margin:0 0 8px;font-size:13px;font-weight:500;color:var(--ink-2)}
.fs-liste{list-style:none;margin:0;padding:0;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line,#e3e7ee);background:var(--surface,#fff)}
.fs-liste li{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 14px;border-top:1px solid var(--line-doux,#eef1f5)}
.fs-liste li:first-child{border-top:0}
.fs-sig label.fs-l{flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0;font-size:13.5px;font-weight:400;color:var(--ink);cursor:pointer}
.fs-l input{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--accent)}
.fs-n{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-dl{flex:none;margin-left:auto;font-size:12.5px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;background:none;border:0;padding:0;cursor:pointer}
@media (hover:hover) and (pointer:fine){ .fs-dl:hover{color:var(--accent-text,var(--accent));text-decoration:underline} }
.fs-ordi,.fs-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fs-t{font-size:13px;font-weight:500;color:var(--ink-2)}
.fs-sig .btn.soft{background:var(--accent-soft);color:var(--accent-text,var(--accent));border-color:transparent}
.fs-sig .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fs-ajout{align-self:flex-start}
.seg-sig{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--fill,#eef1f5)}
.seg-sig button{height:28px;border:0;background:none;padding:0 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:background-color 150ms ease,color 150ms ease,transform 120ms ease}
.seg-sig button[aria-pressed="true"]{background:var(--surface,#fff);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(20,32,51,.12)}
.seg-sig button:active{transform:scale(.97)}
.seg-sig button:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:1px}
@media (hover:hover) and (pointer:fine){ .seg-sig button[aria-pressed="false"]:hover{color:var(--ink)} }
@media (prefers-reduced-motion:reduce){ .seg-sig button{transition:none} .seg-sig button:active{transform:none} }
.fs-sig .ligne{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:end}
.fs-etat{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}
.fs-etat li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:var(--fill,#f2f3f5)}
@media (max-width:720px){.fs-sig .ligne{grid-template-columns:1fr}}
/* « Appel WhatsApp » à côté du téléphone (fiche et mode appel ; Mike, 20/10/2026, 21 h 28) */
.appel-wa{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-weight:500;white-space:nowrap;text-decoration:none}
.appel-wa svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
html.mode-appel .bandeau-appel .appel-wa{padding:4px 10px;border-radius:999px;background:var(--fill,#f2f3f5);color:var(--ink,#161b26);font-size:13px}
/* Historique : « Modifier la note » d'un appel (Mike, 20/10/2026, 21 h 23) */
.hs .note-modif{margin:8px 16px 0}
.hs .note-modif summary{list-style:none;display:inline-flex;cursor:pointer;background:var(--fill,#f2f3f5);border-color:transparent;color:var(--ink,#161b26);font-weight:500}
.hs .note-modif summary::-webkit-details-marker{display:none}
.hs .note-modif[open] summary{display:none}
.hs .note-modif form{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.hs .note-modif textarea{width:100%;min-height:84px;box-sizing:border-box;padding:8px 10px;border:0;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line,#e3e7ee);font:inherit;font-size:13px;background:var(--carte,#fff);color:inherit}
.hs .nt [data-note-txt] i{color:var(--ink-3,#687080)}