/* « À vous d'essayer » du Dossier RH (recette du 27/10/2026) : recherche et filtre de site, liste des dossiers visibles
   selon le profil, rattachements de la personne choisie. Cadre commun : solution-sections.css ; champs : vitrine-v3.css
   (.v3-field, .v3-search-input) ; avatars et pastilles : solution.css. Couleurs de la solution : --v3-brique*. */

[data-vitrine-v3] .v3-dossier-rh-filtres { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 11rem); align-items: end; gap: 12px; }
[data-vitrine-v3] .v3-dossier-rh-filtres .v3-field > label { margin-bottom: 6px; color: var(--v3-ink); font-size: 0.8125rem; }
[data-vitrine-v3] .v3-dossier-rh-filtres .v3-search-input { min-height: 46px; }
[data-vitrine-v3] .v3-dossier-rh-filtres .v3-search-input input { min-height: 44px; }

/* Les dossiers visibles : une ligne par personne, un bouton pour afficher ses rattachements. */
[data-vitrine-v3] .v3-dossier-rh-liste { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
[data-vitrine-v3] .v3-dossier-rh-liste[hidden],
[data-vitrine-v3] .v3-dossier-rh-liste li[hidden] { display: none; }
[data-vitrine-v3] .v3-dossier-rh-personne { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; margin: 0; padding: 8px 12px; border: 1px solid #dce2e8; border-radius: 8px; background: var(--v3-white); color: var(--v3-ink); text-align: left; cursor: pointer; transition: border-color 160ms ease, background-color 160ms ease; }
[data-vitrine-v3] .v3-dossier-rh-personne:hover { border-color: var(--v3-brique-trait); }
[data-vitrine-v3] .v3-dossier-rh-personne:focus-visible { outline: 2px solid var(--v3-blue); outline-offset: 2px; }
[data-vitrine-v3] .v3-dossier-rh-personne[aria-pressed="true"] { border-color: var(--v3-brique); background: var(--v3-brique-doux); }
[data-vitrine-v3] .v3-dossier-rh-personne[aria-pressed="true"] .v3-ap-avatar { border-color: var(--v3-brique-texte); background: var(--v3-brique-texte); color: var(--v3-white); }
[data-vitrine-v3] .v3-dossier-rh-personne .v3-ap-avatar { font-size: 0.625rem; }
[data-vitrine-v3] .v3-dossier-rh-identite { display: grid; flex: 1; min-width: 0; font-size: 0.875rem; line-height: 1.4; }
[data-vitrine-v3] .v3-dossier-rh-identite > span { overflow: hidden; color: var(--v3-muted); font-size: 0.75rem; text-overflow: ellipsis; white-space: nowrap; }
[data-vitrine-v3] .v3-dossier-rh-personne > .lucide { flex: 0 0 auto; width: 16px; height: 16px; color: #8a9bb0; }

/* Rattachements de la personne choisie, dans le résultat. */
[data-vitrine-v3] .v3-dossier-rh-fiche { display: grid; gap: 10px; padding: 12px 14px; border: 1px solid #e2e8ef; border-radius: 8px; background: var(--v3-white); }
[data-vitrine-v3] .v3-dossier-rh-fiche[hidden] { display: none; }
[data-vitrine-v3] .v3-dossier-rh-fiche-titre { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--v3-ink); font-size: 0.875rem; font-weight: 650; }
[data-vitrine-v3] .v3-dossier-rh-fiche-titre .lucide { flex: 0 0 auto; width: 16px; height: 16px; color: var(--v3-brique); }
[data-vitrine-v3] .v3-dossier-rh-rattachements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
[data-vitrine-v3] .v3-dossier-rh-rattachements > div { min-width: 0; padding: 8px 10px; border-left: 3px solid var(--v3-brique-trait); border-radius: 4px; background: #f7f9fb; }
[data-vitrine-v3] .v3-dossier-rh-rattachements dt { color: var(--v3-muted); font-size: 0.6875rem; }
[data-vitrine-v3] .v3-dossier-rh-rattachements dd { margin: 2px 0 0; color: var(--v3-ink); font-size: 0.8125rem; font-weight: 650; }
[data-vitrine-v3] .v3-dossier-rh-fiche-note { margin: 0; color: var(--v3-muted); font-size: 0.75rem; line-height: 1.5; }

@media (max-width: 47.999rem) {
    [data-vitrine-v3] .v3-dossier-rh-filtres { grid-template-columns: minmax(0, 1fr); }
    [data-vitrine-v3] .v3-dossier-rh-rattachements { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    [data-vitrine-v3] .v3-dossier-rh-personne { transition: none; }
}