/* Copilote managérial (recette du 27/10/2026) : briques propres aux écrans des usages (commandes d'une solution, champs
   d'un brouillon d'email) et à « À vous d'essayer » (contexte, commandes, brouillon modifiable, suivi de l'action).
   Cadre commun : solution-sections.css ; briques des aperçus : solution.css. Couleurs de la solution : --v3-brique*. */

/* Écrans des usages : les trois commandes d'une solution, et les champs d'en-tête d'un brouillon. */
[data-vitrine-v3] .v3-copilote-managerial-boutons { display: flex; flex-wrap: wrap; gap: 5px; }
[data-vitrine-v3] .v3-copilote-managerial-bouton { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border: 1px solid #dce2e8; border-radius: 5px; background: var(--v3-white); color: #42536b; font-size: 0.625rem; font-weight: 600; white-space: nowrap; }
[data-vitrine-v3] .v3-copilote-managerial-bouton .lucide { width: 12px; height: 12px; color: var(--v3-brique); }
[data-vitrine-v3] .v3-copilote-managerial-bouton--actif { border-color: var(--v3-brique); background: var(--v3-brique-doux); color: var(--v3-brique-texte); }
[data-vitrine-v3] .v3-copilote-managerial-champ { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid #eef1f5; }

/* À vous d'essayer : le fait professionnel et la mention IA, sous l'en-tête. */
[data-vitrine-v3] .v3-copilote-managerial-contexte { display: grid; gap: 12px; }
[data-vitrine-v3] .v3-copilote-managerial-fait { margin: 0; padding-left: 12px; border-left: 3px solid var(--v3-brique-trait); color: #34475d; font-size: 0.875rem; line-height: 1.6; }
[data-vitrine-v3] .v3-copilote-managerial-fait > span { display: block; margin-bottom: 2px; color: var(--v3-muted); font-size: 0.75rem; }
[data-vitrine-v3] .v3-copilote-managerial-contexte .v3-ai-disclosure { margin: 0; font-size: 0.75rem; line-height: 1.55; }
[data-vitrine-v3] .v3-essai-repere .v3-ap-ia { margin-right: 4px; font-size: 0.6875rem; }

/* Les commandes : une icône au-dessus du libellé, l'intention en dessous. */
[data-vitrine-v3] .v3-copilote-managerial-option .lucide { width: 18px; height: 18px; color: var(--v3-brique); }
[data-vitrine-v3] .v3-copilote-managerial-option .v3-essai-option-valeur { font-size: 0.9375rem; }
[data-vitrine-v3] .v3-essai-choix--neutre .v3-copilote-managerial-option .lucide { color: #64748b; }

/* Brouillon d'email : des champs modifiables, aucune commande d'envoi. */
[data-vitrine-v3] .v3-copilote-managerial-brouillon { display: grid; gap: 12px; margin-top: 12px; padding: 16px; border: 1px solid #dce2e8; border-radius: 10px; background: #fafbfd; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon[hidden] { display: none; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon-titre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--v3-ink); font-size: 0.8125rem; font-weight: 650; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon-titre > .lucide { width: 16px; height: 16px; color: var(--v3-brique); }
[data-vitrine-v3] .v3-copilote-managerial-brouillon-titre .v3-ap-pastille { margin-left: auto; font-size: 0.6875rem; }
[data-vitrine-v3] .v3-copilote-managerial-champs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon .v3-field > label { margin-bottom: 4px; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon .v3-field :where(input, textarea) { min-height: 40px; padding: 8px 10px; }
[data-vitrine-v3] .v3-copilote-managerial-brouillon .v3-field textarea { min-height: 96px; }
/* L'aide du destinataire principal court sous les deux champs ; sur téléphone, elle suit son champ. */
[data-vitrine-v3] .v3-copilote-managerial-aide { grid-row: 2; grid-column: 1 / -1; margin: 0; line-height: 1.5; }

/* Suivi de l'action dans le résultat : engagement, réalisation, clôture. */
[data-vitrine-v3] .v3-copilote-managerial-suivi { gap: 8px; padding: 12px 14px; border: 1px solid #e2e8ef; border-radius: 8px; background: var(--v3-white); font-size: 0.8125rem; }
[data-vitrine-v3] .v3-copilote-managerial-suivi[hidden] { display: none; }
[data-vitrine-v3] .v3-copilote-managerial-suivi .v3-ap-etapes .v3-ap-pastille { margin-left: auto; font-size: 0.6875rem; }
[data-vitrine-v3] .v3-copilote-managerial-suivi .v3-ap-etapes li:not(.v3-ap-etape-faite) .v3-ap-case .lucide { visibility: hidden; }
[data-vitrine-v3] .v3-copilote-managerial-email { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--v3-ink); font-size: 0.875rem; line-height: 1.6; }
[data-vitrine-v3] .v3-copilote-managerial-email[hidden] { display: none; }
[data-vitrine-v3] .v3-copilote-managerial-email > .lucide { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 4px; color: var(--v3-brique); }

@media (max-width: 47.999rem) {
    [data-vitrine-v3] .v3-copilote-managerial-champs { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    [data-vitrine-v3] .v3-copilote-managerial-aide { grid-row: auto; margin-bottom: 8px; }
    [data-vitrine-v3] .v3-copilote-managerial-brouillon { padding: 14px 12px; }
}