/*!
 * Rapports d'activité des directions — compléments à lf-annee.css (Lois de Finances), dont la présentation est reprise
 * (lignes documentaires, pastilles, recherche). À charger APRÈS lf-annee.css. Règles ancrées sur #lf-annee.lf pour la même raison :
 * contenu.css impose ses règles « #contenu div / p / h2 ».
 */
/* ligne d'outils : recherche + année */
#lf-annee.lf .ra-ligne { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: end; }
#lf-annee.lf .ra-ligne .lf-recherche__champ { max-width: none; }
#lf-annee.lf .ra-champ label { display: block; font-weight: 700; font-size: 15px !important; color: var(--lf-encre); margin-bottom: 6px; }
#lf-annee.lf .ra-select { width: 100%; height: 48px; padding-inline: 14px 40px; border: 1.5px solid var(--lf-bord); border-radius: var(--lf-rayon); background-color: var(--lf-fond); color: var(--lf-encre);
  font-size: 16px !important; cursor: pointer; -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; }
#lf-annee.lf.lf--ar .ra-select { background-position: left 14px center; }
#lf-annee.lf .ra-select:focus { border-color: var(--lf-bleu); background-color: #fff; outline: 3px solid rgba(0, 74, 153, .18); outline-offset: 0; }
@media (min-width: 700px) { #lf-annee.lf .ra-ligne { grid-template-columns: minmax(0, 1fr) 220px; } }

/* directions */
#lf-annee.lf .ra-direction__nom { min-width: 0; }
#lf-annee.lf .ra-direction__code { display: inline-block; margin-inline-start: 6px; padding: 1px 9px; border-radius: 999px; background: var(--lf-fond); border: 1px solid var(--lf-bord); font-size: 12px !important; font-weight: 700; letter-spacing: .04em; color: var(--lf-texte); vertical-align: middle; }
#lf-annee.lf .ra-direction .lf-groupe__titre { align-items: flex-start; }
#lf-annee.lf .ra-direction .lf-groupe__ico { margin-top: -2px; }
#lf-annee.lf .ra-direction + .ra-direction { margin-top: 36px; }
#lf-annee.lf .ra-direction .lf-plus { text-align: start; }

/* autres langues d'un même rapport */
#lf-annee.lf .ra-versions { margin-top: 6px; font-size: 14px !important; color: var(--lf-texte); }
#lf-annee.lf .ra-versions a { font-weight: 600; margin-inline-start: 4px; }
#lf-annee.lf .ra-versions a + a::before { content: "·"; margin-inline-end: 8px; color: #9aa6b2; font-weight: 400; }
#lf-annee.lf .ra-autre { margin-top: 28px; display: flex; justify-content: center; }
#lf-annee.lf .lf-doc__badge { background: var(--lf-bleu-clair); border-color: var(--lf-bleu-ligne); color: var(--lf-bleu-fonce); }
#lf-annee.lf .ra-direction .lf-groupe__n { white-space: nowrap; margin-top: 2px; }
/* titre de direction : la feuille de style arabe du site impose sa couleur / police / taille aux <span> ; le titre (h2) fixe le style, le span le reprend */
#lf-annee.lf .ra-direction__nom { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }