/* Jeunes talents (recette du 27/10/2026) : écrans des usages et du parcours (components/usages|parcours/
   _jeunes-talents.html.twig), puis « À vous d'essayer » : le livret LISA ouvert dans l'un des trois rôles du parcours
   (components/essai/_jeunes-talents.html.twig, js/vitrine-v3/essais/jeunes-talents.js). Cadre commun :
   solution-sections.css ; briques des aperçus : solution.css. Couleurs unies de la solution (--v3-brique*). */

/* Écrans des usages et du parcours */
[data-vitrine-v3] .v3-jeunes-talents-statut { margin-left: auto; }
[data-vitrine-v3] .v3-ap-livret.v3-jeunes-talents-grille { grid-template-columns: minmax(0, 1fr) repeat(3, auto); }
[data-vitrine-v3] .v3-ap--jeunes-talents .v3-ap-lignes .v3-ap-acteur { min-width: 0; }
[data-vitrine-v3] .v3-ap--jeunes-talents .v3-ap-acteur > .lucide { color: var(--v3-brique); }
[data-vitrine-v3] .v3-ap--jeunes-talents .v3-ap-saisie .v3-ap-avatar { min-width: 18px; height: 18px; font-size: 0.5rem; }

@container (max-width: 400px) {
    [data-vitrine-v3] .v3-ap-livret.v3-jeunes-talents-grille { gap: 6px; }
    [data-vitrine-v3] .v3-ap-livret.v3-jeunes-talents-grille > span:not([class]) { white-space: normal; }
}

/* À vous d'essayer : trois rôles, puis la ligne du livret en trois colonnes ; seule celle du rôle choisi propose son
   action, les autres restent en lecture. */
[data-vitrine-v3] [data-v3-essai="jeunes-talents"] [hidden] { display: none; }
[data-vitrine-v3] .v3-jeunes-talents-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-vitrine-v3] .v3-jeunes-talents-roles .v3-essai-option-valeur { font-size: 0.875rem; }
[data-vitrine-v3] .v3-jeunes-talents-livret { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
[data-vitrine-v3] .v3-jeunes-talents-colonne { display: grid; align-content: start; gap: 8px; min-width: 0; min-height: 184px; padding: 12px; border: 1px solid #dce2e8; border-radius: 8px; background: var(--v3-white); }
[data-vitrine-v3] .v3-jeunes-talents-colonne[data-v3-jeunes-talents-mien] { border-color: var(--v3-brique); box-shadow: 0 0 0 3px var(--v3-brique-doux); }
[data-vitrine-v3] .v3-jeunes-talents-colonne-titre { margin: 0; color: var(--v3-muted); font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.02em; text-transform: uppercase; }
[data-vitrine-v3] .v3-jeunes-talents-colonne[data-v3-jeunes-talents-mien] .v3-jeunes-talents-colonne-titre { color: var(--v3-brique-texte); }
[data-vitrine-v3] .v3-jeunes-talents-colonne .v3-ap-pastille { font-size: 0.6875rem; transform-origin: left center; }
[data-vitrine-v3] .v3-jeunes-talents-etat { margin: 0; }
[data-vitrine-v3] .v3-jeunes-talents-contribution { display: grid; gap: 6px; border-radius: 6px; }
[data-vitrine-v3] .v3-jeunes-talents-contribution:focus { outline: none; }
[data-vitrine-v3] .v3-jeunes-talents-contribution:focus-visible { outline: 2px solid var(--v3-blue); outline-offset: 3px; }
[data-vitrine-v3] .v3-jeunes-talents-citation { margin: 0; color: var(--v3-ink); font-size: 0.8125rem; line-height: 1.5; }
[data-vitrine-v3] .v3-jeunes-talents-signature { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--v3-muted); font-size: 0.6875rem; line-height: 1.4; }
[data-vitrine-v3] .v3-jeunes-talents-action { justify-self: stretch; min-height: 40px; padding: 8px 10px; font-size: 0.75rem; }
[data-vitrine-v3] .v3-jeunes-talents-verrou { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--v3-muted); font-size: 0.6875rem; line-height: 1.4; }
[data-vitrine-v3] .v3-jeunes-talents-verrou .lucide { flex: 0 0 auto; width: 13px; height: 13px; }

@media (max-width: 47.999rem) {
    [data-vitrine-v3] .v3-jeunes-talents-roles .v3-essai-option { padding-inline: 4px; }
    [data-vitrine-v3] .v3-jeunes-talents-roles .v3-essai-option-valeur { font-size: 0.8125rem; }
    [data-vitrine-v3] .v3-jeunes-talents-livret { grid-template-columns: minmax(0, 1fr); }
    [data-vitrine-v3] .v3-jeunes-talents-colonne { min-height: 0; }
}

@media (prefers-reduced-motion: no-preference) {
    [data-vitrine-v3] .v3-jeunes-talents-contribution { animation: v3-ap-entre 460ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
    [data-vitrine-v3] :is(.v3-jeunes-talents-contribution, [data-v3-essai="jeunes-talents"] .v3-essai-verdict) > .v3-ap-pastille { animation: v3-ap-tampon 420ms cubic-bezier(0.3, 1.5, 0.5, 1) both; }
}