/* Chantier n° 8 (31/10) — le Cockpit façon SpiderVO : au bureau, une rangée de compteurs (liens vers les écrans
   filtrés), puis « À traiter d'abord » ; un mot, une couleur, le détail au survol. Préfixe « c8- ». */
.c8-compteurs{display:none}
@media (min-width:768px){
  .c8-compteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:var(--ap-e2);margin:0 0 var(--ap-e3)}
  .c8-cpt{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset,var(--ap-ombre-1);color:hsl(var(--ap-encre));text-decoration:none;position:relative;overflow:hidden}
  .c8-cpt:hover{box-shadow:0 0 0 1px hsl(var(--ap-action)) inset,var(--ap-ombre-1)}
  .c8-cpt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:hsl(var(--ap-trait))}
  .c8-cpt.orange::before{background:hsl(var(--ap-ambre))}.c8-cpt.rouge::before{background:hsl(var(--ap-rouge))}.c8-cpt.vert::before{background:hsl(var(--ap-vert))}.c8-cpt.bleu::before{background:hsl(var(--ap-action))}
  .c8-cpt b{font-size:28px;font-weight:700;line-height:1}
  .c8-cpt span{font-size:15px;font-weight:600;color:hsl(var(--ap-doux))}
  /* « Ce qui compte maintenant » redisait « À traiter » ; le bandeau du mois passe dans la rangée et au survol. */
  .aj-grille-jour .aj-z-compte,.aj-grille-jour .aj-z-mois{display:none!important}
}
@media (max-width:767px){
  /* Téléphone : une ligne par sujet, le chiffre, le mot, la couleur et le geste ; la phrase au survol. */
  .n1-tuile .n1-t-dt{display:none}
}
@media (min-width:768px){.c8-cpt b{white-space:nowrap;font-size:24px}.c8-cpt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c8-cpt{min-width:0}}