/* ------------------------------------------------------------------
   Facette · Call à venir NEW (callsnew.js)
   ------------------------------------------------------------------ */

#vue-callsnew .bloc-tete h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cn-cadre{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.cn-cadre{grid-template-columns:1fr}}

/* la liste des calls */
.cn-liste-calls{position:sticky;top:12px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:2px}
@media (max-width:900px){.cn-liste-calls{position:static;max-height:none}}
.cn-jour{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-faible);margin:10px 2px 2px;font-weight:600}
.cn-jour:first-child{margin-top:0}
.cn-item{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"h t nom" "meta meta meta";gap:3px 8px;align-items:center;text-align:left;width:100%;padding:10px 12px;border-radius:12px;background:var(--carte);border:1px solid var(--trait)}
.cn-item:hover{border-color:var(--trait-fort)}
.cn-item.actif{border-color:var(--violet);background:rgba(110,58,247,0.18)}
.cn-item .h{grid-area:h;font-family:var(--mono);font-size:13px;color:var(--texte)}
.cn-item .cn-type{grid-area:t}
.cn-item .nom{grid-area:nom;font-weight:600;font-size:14px;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cn-item .nom small{display:block;font-weight:400;font-size:12px;color:var(--texte-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-item .meta{grid-area:meta;font-size:12px;color:var(--texte-faible)}
.cn-item .meta i{font-style:normal}
.cn-item .meta i.ok{color:var(--vert)}
.cn-type{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:rgba(79,125,247,0.22);color:#BFD0FF}
.cn-type.cn-r2,.cn-type.cn-r3{background:rgba(255,154,61,0.20);color:#FFD2A6}

.cn-ajout{margin-top:10px;font-size:13px;color:var(--texte-doux)}
.cn-ajout summary{cursor:pointer;padding:6px 2px}
.cn-form-ajout{display:grid;gap:6px;margin-top:6px}
.cn-form-ajout input,.cn-form-ajout select,.cn-recap input,.cn-recap textarea,.cn-json{width:100%;font:inherit;font-size:14px;color:var(--texte);background:var(--nuit-2);border:1px solid var(--trait-fort);border-radius:9px;padding:8px 10px}
.cn-form-ajout input:focus,.cn-recap input:focus,.cn-recap textarea:focus,.cn-json:focus{outline:2px solid var(--violet);outline-offset:0}

/* la fiche */
.cn-fiche{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:20px clamp(16px,2.4vw,28px) 28px;min-width:0}
.cn-tete{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px}
.cn-sur{font-size:13.5px;color:var(--texte-doux)}
.cn-sur b{color:var(--orange)}
.cn-titre{font-family:var(--display);font-size:clamp(21px,2.6vw,27px);font-weight:700;letter-spacing:-.01em;margin-top:6px;line-height:1.2}
.cn-accroche{margin-top:10px;font-size:16px;max-width:75ch;color:var(--texte)}
.cn-chrono{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:#FFD2A6;background:rgba(255,154,61,0.12);border-radius:8px;padding:5px 10px}
.cn-etat{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.cn-etat small{font-size:12px;color:var(--texte-faible)}
.cn-badge{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px}
.cn-badge.ok{background:rgba(47,211,165,0.16);color:var(--vert)}
.cn-badge.auto{background:rgba(255,255,255,0.08);color:var(--texte-doux)}

.cn-nav{position:sticky;top:0;z-index:3;display:flex;gap:4px;overflow-x:auto;padding:8px 0;margin:0 0 4px;background:var(--carte);border-bottom:1px solid var(--trait)}
.cn-nav a{white-space:nowrap;font-size:12.5px;color:var(--texte-doux);text-decoration:none;padding:5px 10px;border-radius:999px}
.cn-nav a:hover{background:rgba(255,255,255,0.07);color:var(--texte)}

.cn-sec{padding:20px 0 4px;border-top:1px solid var(--trait);scroll-margin-top:52px}
.cn-nav + .cn-sec{border-top:0}
.cn-sec h3{font-family:var(--display);font-size:17px;font-weight:700;margin-bottom:10px}
.cn-sec h4{font-size:14px;font-weight:700;margin:12px 0 6px;color:var(--texte)}
.cn-sec p{font-size:15px}
.cn-intro{color:var(--texte-doux);font-size:13.5px !important;margin:-4px 0 12px}
.cn-mini{font-size:12.5px !important;color:var(--texte-faible)}

.cn-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
.cn-carte{background:rgba(255,255,255,0.04);border:1px solid var(--trait);border-radius:11px;padding:10px 12px}
.cn-carte .k{font-size:11px !important;letter-spacing:.07em;text-transform:uppercase;color:var(--texte-faible);font-weight:600}
.cn-carte .v{font-weight:600;margin-top:2px;line-height:1.35}
.cn-carte .s{font-size:13px !important;color:var(--texte-doux);margin-top:2px;line-height:1.4}
.cn-chiffres{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cn-chiffres div{background:rgba(110,58,247,0.14);border-radius:11px;padding:8px 12px;min-width:130px}
.cn-chiffres b{display:block;font-family:var(--display);font-size:19px}
.cn-chiffres span{font-size:12px;color:var(--texte-doux)}
.cn-liens{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cn-liens a{font-size:13px;color:var(--texte);text-decoration:none;border:1px solid var(--trait-fort);border-radius:999px;padding:5px 11px}
.cn-liens a:hover{border-color:var(--violet);background:rgba(110,58,247,0.15)}

.cn-liste{list-style:none;display:grid;gap:7px;padding:0}
.cn-liste li{position:relative;padding-left:17px;font-size:15px;line-height:1.5}
.cn-liste li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--bleu)}
.cn-liste.dit li::before{background:var(--magenta)}
.cn-liste.dit li{white-space:pre-line}
.cn-liste.alerte li::before{background:var(--orange)}

.cn-histo{margin-top:12px;border:1px solid var(--trait);border-radius:11px;padding:8px 12px}
.cn-histo summary{cursor:pointer;font-size:13.5px;color:var(--texte-doux)}
.cn-rdv{padding:10px 0;border-top:1px solid var(--trait)}
.cn-rdv:first-of-type{border-top:0}
.cn-notes{white-space:pre-line;font-size:14px !important;color:var(--texte);margin-top:4px}

.cn-constats{display:grid;gap:10px;counter-reset:cn}
.cn-constat{position:relative;border:1px solid var(--trait);border-radius:12px;padding:12px 14px 12px 50px}
.cn-constat::before{counter-increment:cn;content:counter(cn);position:absolute;left:14px;top:12px;width:25px;height:25px;border-radius:50%;background:rgba(244,70,126,0.2);color:#FFB3CB;font-weight:700;font-size:13px;display:grid;place-items:center}
.cn-constat h4{margin:0 0 4px}
.cn-dire{margin-top:8px;padding:9px 12px;background:rgba(110,58,247,0.13);border-left:3px solid var(--violet);border-radius:0 9px 9px 0;font-size:15px}
.cn-astuce{margin-top:6px;font-size:13.5px !important;color:var(--texte-doux)}

.cn-offre{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:16px;align-items:start}
@media (max-width:700px){.cn-offre{grid-template-columns:1fr}}
.cn-offre-prix{background:linear-gradient(140deg,rgba(110,58,247,0.35),rgba(180,41,217,0.22));border:1px solid var(--trait-fort);border-radius:14px;padding:14px 16px}
.cn-offre-prix .k{font-weight:700}
.cn-offre-prix .prix{font-family:var(--display);font-size:18px !important;font-weight:700;margin-top:6px;line-height:1.2}
.cn-offre-prix .mens{color:var(--texte-doux);margin-top:2px}
.cn-offre h4:first-child{margin-top:0}
.cn-recap-lu{border:1px solid rgba(47,211,165,0.4);background:rgba(47,211,165,0.08);border-radius:12px;padding:10px 14px;margin-bottom:12px}
.cn-recap-lu .k{font-size:11.5px !important;letter-spacing:.07em;text-transform:uppercase;color:var(--vert);font-weight:700;margin-bottom:4px}

.cn-etape{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--trait)}
.cn-etape:first-of-type{border-top:0}
.cn-etape .n{width:28px;height:28px;border-radius:50%;background:rgba(79,125,247,0.2);color:#BFD0FF;font-weight:700;font-size:13px;display:grid;place-items:center}
.cn-etape h4{margin:3px 0 0}

.cn-obj{border:1px solid var(--trait);border-radius:12px;padding:10px 14px;margin-bottom:8px}
.cn-obj .o{font-weight:600;color:#FFD2A6}
.cn-obj .r{margin-top:4px}

.cn-recap{display:grid;gap:10px}
.cn-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:700px){.cn-2col{grid-template-columns:1fr}}
.cn-champ span{display:block;font-size:12.5px;color:var(--texte-doux);margin-bottom:4px}
.cn-boutons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.cn-btn{font-size:14px;font-weight:600;padding:8px 14px;border-radius:10px;background:var(--violet);color:#fff}
.cn-btn:hover{filter:brightness(1.1)}
.cn-btn.doux{background:rgba(255,255,255,0.08);color:var(--texte)}
.cn-outils details{margin-top:8px}
.cn-outils summary{cursor:pointer;font-size:13.5px;color:var(--texte-doux)}
.cn-json{font-family:var(--mono);font-size:12.5px;margin-top:8px}

/* filtre par closer (16/09) */
.cn-filtre-closer{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.cn-closer{padding:5px 11px;border-radius:999px;font-size:12.5px;border:1px solid var(--trait);color:var(--texte-doux)}
.cn-closer:hover{color:var(--texte);border-color:var(--trait-fort)}
.cn-closer.actif{background:rgba(255,154,61,0.16);border-color:rgba(255,154,61,0.45);color:#FFD9B0;font-weight:600}
.cn-closer i{font-style:normal;font-family:var(--mono);font-size:11px;margin-left:3px;opacity:.8}

/* le contrôle des avis Google fait avant le R1 (⛔ / ⚠️ / ✅), lu dans les notes Créno */
.cn-avis{margin:4px 0 16px;padding:12px 16px;border-radius:14px;border:2px solid;font-size:14px;line-height:1.45}
.cn-avis ul{margin:8px 0 0;padding-left:18px}
.cn-avis-titre{display:block;font-size:16px}
.cn-avis-pourquoi{display:block;margin-top:2px;font-weight:700}
.cn-avis.non{background:#D92D20;border-color:#B42318;color:#FFFFFF}
.cn-avis.non .cn-avis-titre{font-size:24px;letter-spacing:.01em}
.cn-avis.attention{background:rgba(247,144,9,0.14);border-color:#F79009;color:#FFD9B0}
.cn-avis.ok{background:rgba(18,183,106,0.12);border-color:rgba(18,183,106,0.45);border-width:1px;color:#7DF0CD;font-size:13px}
.cn-avis.manque{background:transparent;border-style:dashed;border-color:#F79009;color:#FFD9B0;font-size:13px}
.cn-item.avis-non{border:2px solid #D92D20}
.cn-item .meta i.avis-non{color:#FFFFFF;background:#D92D20;padding:0 6px;border-radius:6px;font-style:normal;font-weight:700}
.cn-item .meta i.avis-ok{color:#7DF0CD}
.cn-item .meta i.avis-attention{color:#FFD9B0}