/* 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 ». COCKPIT-V1 (02/11, JB : « ne fais pas moins bien que la V1 ») :
     le bandeau du mois revient au bureau, comme celui de la V1. */
  .aj-grille-jour .aj-z-compte{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}}
/* COCKPIT-V1 (02/11) : sur la carte « À traiter », le mot BLOQUANT / URGENT en haut à droite et les photos des voitures
   en bas, comme la V1 (BlocATraiter.tsx). Au téléphone, la ligne compacte reste. */
.n1-sev{position:absolute;top:10px;right:10px;font-size:12px;font-weight:800;letter-spacing:.04em}
.n1-sev[data-sev="bloquant"]{color:hsl(var(--ap-rouge))}
.n1-sev[data-sev="urgent"]{color:hsl(var(--ap-ambre))}
.n1-t-photos{display:block;margin-top:8px}
.n1-t-photos .aj-bande{display:flex;gap:4px;align-items:center}
.n1-t-photos .aj-bv img,.n1-t-photos .aj-bv .aj-v{width:64px;height:44px;object-fit:cover;border-radius:6px;display:block}
@media (max-width:767px){.n1-sev,.n1-t-photos{display:none}}
.aj-p-lu{margin-left:auto;font-size:13px;color:hsl(var(--ap-encre)/.6)}
.aj-p-lu+.aj-lien{margin-left:10px}
/* « En premier » : la puce bleue en haut de la carte, comme la V1 (« EN PREMIER ») ; le bas reste aux photos. */
@media (min-width:768px){.n1-tuile .n1-prem-t{top:-9px;left:12px;right:auto;bottom:auto;background:hsl(var(--ap-action));color:#fff;padding:1px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}}
/* Affaires en cours au téléphone : photo · texte · flèche sur une ligne (la règle étroite repassait à deux colonnes). */
.aj-lg.aj-lg-simple{grid-template-columns:auto minmax(0,1fr) auto}
/* COCKPIT-V1 (02/11) : affaires en cours — l'étape dans sa couleur (tonEtape de la V1) et le rappel en ambre. */
.aj-tag-etape[data-ton="bleu"]{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort,214 80% 36%))}
.aj-tag-etape[data-ton="ambre"]{background:hsl(40 95% 92%);color:hsl(var(--ap-ambre))}
.aj-tag-etape[data-ton="vert"]{background:hsl(var(--ap-vert-doux,152 45% 95%));color:hsl(var(--ap-vert))}
.aj-tag-etape[data-ton="rouge"]{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.aj-tag-rappel{background:hsl(40 95% 92%);color:hsl(var(--ap-ambre));font-weight:700}