/**
 * Trouver-Avocats : panneau « Répondre à ce client » (inc/ta-reponse-panneau.php), d'après
 * design-reference/reponse-avocat-proposition.html
 * ---------------------------------------------------------------------------------------
 * Version : 1.0 (03/11/2026)
 * Chargé après dossier-v2.css ; tokens de tokens.css. Le formulaire Gravity Forms derrière ne change pas : ces règles
 * ne font que le présenter (champ du nom masqué, email replié, début automatique et liens dans la même zone que la
 * saisie, délai en pastilles, un seul bouton vert désactivé sous le minimum, barre d'envoi fixe en bas sur téléphone).
 */
.ta-v2 .ta-rep2-intention{margin:0 0 var(--e-2);font-size:var(--t-sm);color:var(--muted);line-height:1.5}
.ta-v2 .ta-rep2-client{display:flex;align-items:flex-start;gap:10px;margin:0 0 var(--e-2)}
.ta-v2 .ta-rep2-rond{flex:none;width:32px;height:32px;border-radius:50%;background:var(--green-pale,#e9f6f0);color:var(--green-ink);display:grid;place-items:center;font-weight:700;font-size:13px}
.ta-v2 .ta-rep2-qui{margin:0;font-size:var(--t-sm);line-height:32px}
.ta-v2 .ta-rep2-qui span{color:var(--muted)}
.ta-v2 .ta-rep2-qui .ta-pill{margin-left:4px;vertical-align:middle}
.ta-v2 .ta-rep2-email{margin:0;font-size:var(--t-xs);color:var(--muted);line-height:1.5;word-break:break-word}
.ta-v2 .ta-rep2-email strong{color:var(--ink);font-weight:600}
.ta-v2 .ta-rep2 .ta-text-link,.ta-v2 .ta-rep2 button.ta-text-link{display:inline;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;font:inherit!important;font-weight:600!important;color:var(--green-ink)!important;cursor:pointer;text-decoration:none;text-transform:none!important;letter-spacing:0!important}
.ta-v2 .ta-rep2 .ta-text-link:hover,.ta-v2 .ta-rep2 .ta-text-link:focus-visible{text-decoration:underline}

/* Champs gérés ailleurs : le nom vient de la fiche, l'email s'ouvre par « Modifier ». */
.ta-v2 .ta-rep2 .gfield.ta-rep2-cache{display:none!important}
.ta-v2 .ta-rep2 .gfield.ta-rep2-champ-email{display:none!important}
.ta-v2 .ta-rep2 .gfield.ta-rep2-champ-email.est-ouvert{display:block!important}

/* La zone de message : début automatique en gris, saisie, liens et compteur dans le même cadre. */
.ta-v2 .ta-rep2 .ta-rep2-message .ginput_container_textarea{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}
.ta-v2 .ta-rep2 .ta-rep2-message .ginput_container_textarea:focus-within{border-color:var(--green-ink);box-shadow:0 0 0 3px rgba(83,197,152,.22)}
.ta-v2 .ta-rep2 .ta-rep2-message textarea{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;outline:0}
.ta-v2 .ta-rep2-auto{padding:12px 14px;background:var(--bg);border-bottom:1px dashed var(--line);font-size:var(--t-sm);color:var(--muted);line-height:1.5;user-select:none}
.ta-v2 .ta-rep2-auto span{display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7385}
.ta-v2 .ta-rep2-auto p{margin:0}
.ta-v2 .ta-rep2-outils{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--muted)}
.ta-v2 .ta-rep2-compteur{margin-left:auto;font-variant-numeric:tabular-nums}
.ta-v2 .ta-rep2-compteur.est-ok{color:var(--green-ink);font-weight:600}
.ta-v2 .ta-rep2-conseils{margin:var(--e-1) 0 0;padding:10px 14px;border:1px solid #cfe9dc;border-radius:12px;background:var(--green-pale,#e9f6f0);font-size:var(--t-xs)}
.ta-v2 .ta-rep2-conseils[hidden]{display:none}
.ta-v2 .ta-rep2-conseils p{margin:0 0 4px;font-weight:700;color:var(--green-ink)}
.ta-v2 .ta-rep2-conseils ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.ta-v2 .ta-rep2-conseils li{position:relative;padding-left:22px;color:var(--ink)}
.ta-v2 .ta-rep2-conseils li::before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border:1.5px solid #8fb7a3;border-radius:50%}
.ta-v2 .ta-rep2-conseils li.est-ok::before{border-color:var(--green-ink);background:var(--green-ink);box-shadow:inset 0 0 0 3px var(--green-pale,#e9f6f0)}

/* Premier jet et modèles : bandeau doré, modules réutilisés tels quels mais repliés. */
.ta-v2 .ta-rep2-jet{margin:0 0 var(--e-2);padding:12px 14px;border:1px solid #e6dcc0;border-radius:12px;background:#fbf7ec;font-size:var(--t-sm)}
.ta-v2 .ta-rep2-jet[hidden],.ta-v2 .ta-rep2-module[hidden]{display:none}
.ta-v2 .ta-rep2-jet p{margin:0 0 6px}
.ta-v2 .ta-rep2-jet p:last-child{margin:0;display:flex;gap:14px}
.ta-v2 .ta-rep2-jet strong{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6b5a26}
.ta-v2 .ta-rep2-module{margin:0 0 var(--e-2)}
.ta-v2 .ta-rep2 [data-ta-mr-enregistrer]{display:none}

/* Délai en pastilles, un seul bouton vert (désactivé sous le minimum), note dessous. */
.ta-v2 .ta-rep2 .ta-rep2-delai .gfield_label{font-size:var(--t-sm)}
.ta-v2 .ta-rep2 .gform_footer input[type=submit][disabled],.ta-v2 .ta-rep2 .gform_button[disabled]{background:#cfe9dc!important;color:#3f5d4e!important;cursor:not-allowed}
.ta-v2 .ta-rep2 .gform_footer input.ta-rep2-contour,.ta-v2 .ta-rep2 .gform_button.ta-rep2-contour{background:white!important;color:var(--navy)!important;border:1.5px solid var(--navy)!important}
.ta-v2 .ta-rep2 .gform_footer input.ta-rep2-contour[disabled]{background:white!important;color:#7b8396!important;border-color:var(--line)!important}
.ta-v2 .ta-rep2-note{margin:var(--e-1) 0 0;font-size:var(--t-xs);color:var(--muted);line-height:1.45}

/* Après l'envoi. */
.ta-v2 .ta-rep2 .gform_confirmation_wrapper,.ta-v2 .ta-rep2 .gform_confirmation_message{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:inherit!important;text-align:left!important}
.ta-v2 .ta-rep2.est-envoye .ta-d2-carte-tete .ta-pill,
.ta-v2 .ta-rep2.est-envoye .ta-rep2-intention,.ta-v2 .ta-rep2.est-envoye .ta-rep2-email,.ta-v2 .ta-rep2.est-envoye .ta-rep2-note,.ta-v2 .ta-rep2.est-envoye .ta-rep2-jet{display:none}
.ta-v2 .ta-rep2-envoye{margin:0 0 var(--e-2);padding:var(--e-2);border-radius:12px;background:var(--bg)}
.ta-v2 .ta-rep2-envoye-titre{display:flex;align-items:center;gap:8px;margin:0 0 6px!important;font-family:var(--f-titre,"Fraunces",Georgia,serif);font-size:1.15rem!important;font-weight:600;color:var(--ink)!important}
.ta-v2 .ta-rep2-envoye-titre .ta-icon{width:20px;height:20px;color:var(--green-ink)}
.ta-v2 .ta-rep2-envoye p{margin:0 0 8px;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-rep2-meta{font-size:var(--t-xs)!important}
.ta-v2 .ta-rep2-extrait{margin:0 0 8px;padding:10px 12px;border-left:3px solid var(--line);background:white;border-radius:0 10px 10px 0;font-size:var(--t-sm);color:var(--ink)}
.ta-v2 .ta-rep2-actions{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0!important;font-size:var(--t-sm)}
.ta-v2 .ta-rep2-actions [data-ta-rep2-msg]{flex-basis:100%;color:var(--green-ink);font-size:var(--t-xs)}

/* Téléphone : même ordre ; le bouton d'envoi reste en barre fixe en bas pendant la rédaction. */
@media(max-width:1024px){
	.ta-v2 .ta-rep2 .gform_footer{position:sticky!important;bottom:0;z-index:5;margin:0 -16px -1px!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;background:white!important;border-top:1px solid var(--line);box-shadow:0 -6px 16px rgba(15,23,42,.06)}
	body.ta-rep2-visible .ta-dossier-dock{display:none!important}
}
@media(prefers-reduced-motion:reduce){.ta-v2 .ta-rep2 *{transition:none!important}}
