/* Congés et absences (recette du 27/10/2026) : écrans des usages (components/usages/_conges-absences.html.twig) et
   « À vous d'essayer » (components/essai/_conges-absences.html.twig) : deux semaines d'exemple où l'on pose une
   période, l'unité, puis l'envoi au validateur. Cadre commun : solution-sections.css ; briques : solution.css. Couleurs
   unies de la solution (--v3-brique*). */

/* Écrans des usages */
[data-vitrine-v3] .v3-conges-absences-puce--choisie { border-color: var(--v3-brique-trait); background: var(--v3-brique-doux); color: var(--v3-brique-texte); font-weight: 650; }
[data-vitrine-v3] .v3-conges-absences-mois { display: grid; align-content: start; gap: 5px; }
[data-vitrine-v3] .v3-conges-absences-mois .v3-ap-calendrier { gap: 3px; font-size: 0.625rem; }
[data-vitrine-v3] .v3-conges-absences-champs { display: grid; align-content: start; gap: 6px; }
[data-vitrine-v3] .v3-conges-absences-statut { display: inline-flex; align-items: center; gap: 6px; }
[data-vitrine-v3] .v3-conges-absences-annuler { padding: 1px 6px; border: 1px solid #dce2e8; border-radius: 4px; background: var(--v3-white); color: #45576b; font-size: 0.625rem; font-weight: 600; }
[data-vitrine-v3] .v3-conges-absences-pastille--refusee { border-color: #fecdd3; background: #fff1f2; color: #9f1239; }

/* À vous d'essayer : le type d'absence, puis un calendrier de deux semaines (les week-ends ne se choisissent pas). */
[data-vitrine-v3] .v3-conges-absences-type { display: flex; align-items: center; gap: 6px; margin: 4px 0 0; color: var(--v3-muted); font-size: 0.75rem; }
[data-vitrine-v3] .v3-conges-absences-type .lucide { width: 14px; height: 14px; color: var(--v3-brique-texte); }
[data-vitrine-v3] .v3-conges-absences-calendrier { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; font-variant-numeric: tabular-nums; }
[data-vitrine-v3] .v3-conges-absences-jour-nom { color: var(--v3-muted); font-size: 0.6875rem; font-weight: 650; text-align: center; }
[data-vitrine-v3] .v3-conges-absences-jour { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 0; border: 1px solid #dce2e8; border-radius: 8px; background: var(--v3-white); color: var(--v3-ink); font: inherit; font-size: 0.875rem; font-weight: 650; cursor: pointer; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease; }
[data-vitrine-v3] button.v3-conges-absences-jour:hover { border-color: var(--v3-brique); }
[data-vitrine-v3] button.v3-conges-absences-jour:focus-visible { outline: 2px solid var(--v3-blue); outline-offset: 2px; }
[data-vitrine-v3] .v3-conges-absences-jour[aria-pressed="true"] { border-color: var(--v3-brique-texte); background: var(--v3-brique-texte); color: var(--v3-white); }
[data-vitrine-v3] .v3-conges-absences-jour--repos { border-style: dashed; border-color: #e2e8ef; background: #f7f9fb; color: #6b7a8b; font-weight: 500; cursor: default; }
[data-vitrine-v3] button.v3-conges-absences-jour:disabled { cursor: default; }
[data-vitrine-v3] button.v3-conges-absences-jour:disabled:not([aria-pressed="true"]) { color: #6b7a8b; }
[data-vitrine-v3] .v3-conges-absences-aide { margin: 8px 0 0; color: var(--v3-muted); font-size: 0.75rem; line-height: 1.5; }

/* Résultat : la durée de la demande et le solde d'exemple, puis le circuit une fois la demande envoyée. */
[data-vitrine-v3] .v3-conges-absences-compteurs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
[data-vitrine-v3] .v3-conges-absences-compteurs > div { padding: 10px 12px; border: 1px solid #e2e8ef; border-radius: 8px; background: var(--v3-white); }
[data-vitrine-v3] .v3-conges-absences-compteurs dt { color: var(--v3-muted); font-size: 0.75rem; }
[data-vitrine-v3] .v3-conges-absences-compteurs dd { margin: 2px 0 0; color: var(--v3-brique-texte); font-size: 1.125rem; font-weight: 700; font-variant-numeric: tabular-nums; }
[data-vitrine-v3] .v3-conges-absences-circuit { padding: 4px 0 2px; font-size: 0.75rem; }
[data-vitrine-v3] .v3-conges-absences-circuit[hidden] { display: none; }
[data-vitrine-v3] .v3-conges-absences-circuit .v3-ap-jalons li > span:last-child { font-size: 0.6875rem; }
[data-vitrine-v3] [data-v3-essai="conges-absences"] .v3-button:disabled { opacity: 0.5; }
[data-vitrine-v3] [data-v3-essai="conges-absences"] .v3-button-primary:disabled:hover { background: var(--v3-blue); border-color: var(--v3-blue); }

@media (max-width: 47.999rem) {
    [data-vitrine-v3] .v3-conges-absences-calendrier { gap: 4px; }
    [data-vitrine-v3] .v3-conges-absences-jour { min-height: 40px; font-size: 0.8125rem; }
    [data-vitrine-v3] .v3-conges-absences-compteurs dd { font-size: 1rem; }
}