/* Le Résumé du dossier (prestation.js, 26 sept. 2026) : la fiche de la prestation et le parcours de l'affaire.
   Tout est préfixé : .pr-* pour la fiche, .dpc-* pour le parcours — `.col`, `.fait`, `.st` sont globales dans SnapDesk. */
.pr-tt{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.pr-bloc{border-color:var(--border-strong)}
.pr-rel{font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:none;border-radius:6px;padding:3px 7px;display:inline-flex;align-items:center;gap:4px}
.pr-rel.pr-ok{background:var(--pos-soft);color:var(--pos)}
.pr-rel.pr-alire{background:var(--warn-soft);color:var(--warn)}
.pr-rel.pr-neutre{background:var(--surface-2);color:var(--ink-2)}
/* la mise à jour de Claude (31 oct. 2026) : un violet à elle, pour ne pas se confondre avec « à relire » ni avec l'accent */
.pr-bloc{--pr-claude:#6C4FD8;--pr-claude-fond:color-mix(in srgb,#6C4FD8 7%,var(--surface))}
.pr-rel.pr-claude{background:color-mix(in srgb,var(--pr-claude) 12%,var(--surface));color:var(--pr-claude)}
.pr-note.pr-note-claude{background:var(--pr-claude-fond);border:1px solid color-mix(in srgb,var(--pr-claude) 24%,var(--border));color:var(--ink)}
.pr-note.pr-note-claude .ic-svg{color:var(--pr-claude)}
.pr-note-claude-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.pr-note-claude-c ul{margin:0;padding-left:18px;display:grid;gap:2px;color:var(--ink-2)}
.pr-note-claude-c .pr-gestes{margin-top:2px}
.pr-liv li.pr-claude-l{background:var(--pr-claude-fond)}
.pr-srcchip.pr-src-claude{color:var(--pr-claude);border-color:color-mix(in srgb,var(--pr-claude) 35%,var(--border));background:color-mix(in srgb,var(--pr-claude) 6%,var(--surface))}
.pr-fen-etat.pr-fen-claude{display:inline-flex;align-items:center;gap:4px;color:#6C4FD8;cursor:help}
.pr-src{font-size:12px;color:var(--ink-3);margin:-4px 0 10px}
.pr-lab{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 7px;display:flex;align-items:center;gap:8px}
.pr-lab em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;margin-left:auto}
.pr-liv{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--r-bloc);overflow:hidden}
.pr-liv li{display:grid;grid-template-columns:18px 44px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-top:1px solid var(--border)}
.pr-liv li:first-child{border-top:0}
.pr-cb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:3px 0 0;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s}
.pr-cb:checked{background:var(--pos) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--pos)}
.pr-cb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pr-cb:disabled{opacity:.6;cursor:wait}
.pr-n{font:650 20px/1.15 'Switzer',sans-serif;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}
.pr-t{min-width:0}
.pr-t b{display:block;font-weight:650;font-size:13.5px;line-height:1.4;color:var(--ink)}
.pr-t span{display:block;font-size:12px;line-height:1.5;color:var(--ink-2)}
.pr-t small{display:block;font-size:11px;line-height:1.4;color:var(--ink-3);margin-top:2px}
.pr-srcchip{align-self:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600;color:var(--ink-3);border:1px solid var(--border);border-radius:99px;padding:3px 8px;white-space:nowrap;cursor:help}
.pr-srcchip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.pr-liv li.pr-flou{background:var(--warn-soft)}
.pr-liv li.pr-flou .pr-n{color:var(--warn);font-size:15px;line-height:1.5}
.pr-liv li.pr-flou .pr-t span{color:var(--warn)}
.pr-liv li.pr-livre .pr-t b{text-decoration:line-through;text-decoration-color:rgba(21,122,71,.55);color:var(--ink-2)}
.pr-cond{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0}
.pr-cond dt{font-size:12px;font-weight:600;color:var(--ink-3)}
.pr-cond dd{margin:0;font-size:13px;color:var(--ink)}
.pr-propose{list-style:none;margin:0;padding:0}
.pr-propose li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--ink)}
.pr-propose li:last-child{border-bottom:0}
.pr-propose li span{flex:1;min-width:0}
.pr-propose li b{font:650 12px 'Switzer',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}
.pr-propose li.pr-grp{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:0;padding:10px 0 2px}
.pr-vide-l{font-size:12.5px;color:var(--ink-3);margin:0}
.pr-note{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:var(--r-ctrl);background:var(--surface-2);font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.pr-note .ic-svg{flex:none;margin-top:2px;color:var(--ink-3)}
.pr-note.pr-att{background:var(--warn-soft);color:var(--ink)}
.pr-note.pr-att .ic-svg{color:var(--warn)}
.pr-gestes{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pr-lien{appearance:none;border:0;background:none;padding:0;font:600 12.5px 'Satoshi',sans-serif;color:var(--gold-deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;gap:5px}
.pr-vide{border:1.5px dashed var(--border-strong);border-radius:var(--r-bloc);padding:18px;text-align:center;color:var(--ink-3);font-size:12.5px;line-height:1.55}
.pr-vide b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}
.pr-convenu{font-size:13px;line-height:1.6;color:var(--ink)}
/* le prix convenu d'un dossier sans offre (21 oct. 2026), au-dessus de ce qui est convenu */
.pr-prix{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:2px 0 10px}
.pr-prix b{font:600 20px/1.1 'Switzer',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.pr-prix span{font-size:12.5px;color:var(--ink-3)}
/* à l'heure (29 oct. 2026) : le mois en cours face au minimum — la jauge en dégradé, le trait du minimum */
.pr-mois{margin:4px 0 12px;padding:12px 14px;border-radius:var(--r-ctrl);background:var(--surface-2)}
.pr-mois-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink-2);margin-bottom:8px}
.pr-mois-t b{font:600 15px 'Switzer',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-mois-t b small{font:500 12px 'Satoshi',sans-serif;color:var(--ink-3)}
.pr-jauge{position:relative;height:8px;border-radius:99px;background:color-mix(in srgb, var(--accent) 10%, transparent)}
.pr-jauge i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 35%, transparent), var(--accent))}
.pr-jauge s{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:2px;background:var(--ink-2)}
.pr-mois > small{display:block;font-size:12px;color:var(--ink-3);margin-top:8px}

@media (max-width:640px){
  .pr-liv li{grid-template-columns:18px 36px minmax(0,1fr)}
  .pr-liv .pr-srcchip{grid-column:3;justify-self:start}
}

/* corriger la fiche — la fenêtre à deux volets (14 oct. 2026, maquette « Corriger la prestation ») : la fiche en
   onglets à gauche, l'offre acceptée à droite. Les onglets sont ceux de la fiche d'un contact (.cf-tabs, index.html),
   ici à quatre. */
.pr-fen{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr)}
.pr-fen-fiche{min-height:0;overflow:auto;padding:0 22px 22px;border-right:1px solid var(--border)}
.pr-fen .cf-tabs,.pr-fen .cf-tabwrap{grid-template-columns:repeat(4,minmax(0,1fr))}
.pr-fen .cf-tab{gap:6px;padding:9px 6px;font-size:12.5px;white-space:nowrap}
.pr-fen .cf-tab.pr-fen-tab-offre{display:none}
.pr-fen .cf-tab .dot[hidden]{display:none}
.pr-fen-n{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.pr-fen .cf-tab.active .pr-fen-n{color:var(--ink-2)}
.pr-fen-pane[hidden]{display:none}
.pr-fen-aide{font-size:12.5px;line-height:1.5;color:var(--ink-3);margin:4px 0 12px}

/* une ligne : elle se lit comme au Résumé — le nombre, le libellé, la précision —, et s'écrit là où elle se lit */
.pr-fen-lignes{display:grid;gap:8px}
.pr-fen-l{display:grid;grid-template-columns:52px minmax(0,1fr) 30px;gap:2px 8px;align-items:start;padding:8px 6px;border:1px solid var(--border);border-radius:var(--r-ctrl);background:var(--surface);transition:border-color .16s,box-shadow .16s,background .16s}
.pr-fen-l.pr-fen-duo{grid-template-columns:minmax(0,1fr) 30px;padding-left:8px}
.pr-fen-l.pr-fen-lie{border-color:var(--accent);box-shadow:0 0 0 3px rgba(237,88,71,.16)}
.pr-fen-l .pr-fen-f{margin:0;min-width:0;gap:2px}
.pr-fen-l .pr-fen-f :is(input,textarea){display:block;width:100%;min-width:0;height:auto;min-height:0;margin:0;border:1px solid transparent;border-radius:var(--r-ctrl);background:transparent;box-shadow:none;padding:3px 7px;font:inherit;line-height:1.45;color:var(--ink);resize:none;overflow:hidden}
.pr-fen-l .pr-fen-f :is(input,textarea):hover{background:var(--surface-2)}
.pr-fen-l .pr-fen-f :is(input,textarea):focus{outline:none;background:var(--surface);border-color:var(--accent)}
.pr-fen-l .field.err :is(input,textarea){border-color:var(--neg);background:var(--surface)}
.pr-fen-l .err-msg{padding:1px 7px 0;font-size:11px}
.pr-fen-l .pr-fen-qf .err-msg{padding:1px 0 0;text-align:center}
.pr-fen-l .pr-fen-f .pr-fen-q{font-family:var(--font-display);font-size:21px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;padding:2px 0}
.pr-fen-l .pr-fen-f .pr-fen-q::placeholder{color:var(--warn);opacity:1}
.pr-fen-l .pr-fen-f .pr-fen-a{font-size:14px;font-weight:650}
.pr-fen-l .pr-fen-f .pr-fen-b{font-size:13px;color:var(--ink-2)}
.pr-fen-l .pr-fen-f .pr-fen-b::placeholder{color:var(--ink-3)}
.pr-fen-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 7px 0}
.pr-fen-src{appearance:none;display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;padding:3px 9px 3px 7px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font:600 11px 'Satoshi',sans-serif;color:var(--ink-3);cursor:pointer;white-space:nowrap}
.pr-fen-src .ic-svg{flex:none;width:12px;height:12px;color:var(--accent)}
.pr-fen-lieu{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pr-fen-src:hover{color:var(--ink);border-color:var(--border-strong)}
.pr-fen-src:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.pr-fen-src.pr-fen-auto{border-color:rgba(176,112,0,.4);color:var(--ink-2)}
.pr-fen-src.pr-fen-auto .ic-svg{color:var(--warn)}
.pr-fen-src.pr-fen-introuvable{border-style:dashed}
.pr-fen-src.pr-fen-introuvable .ic-svg{color:var(--ink-3)}
.pr-fen-etat{font-size:11px;font-weight:600;color:var(--ink-3);display:inline-flex;align-items:center;gap:4px}
.pr-fen-etat.pr-fen-livre{color:var(--pos)}
.pr-fen-avis{display:flex;align-items:flex-start;gap:7px;margin:6px 7px 2px;padding:7px 10px;border-radius:var(--r-ctrl);background:var(--warn-soft);font-size:12px;line-height:1.45;color:var(--ink-2)}
.pr-fen-avis .ic-svg{flex:none;margin-top:1px;color:var(--warn)}
.pr-fen-l > .icon-btn2{margin-top:2px}
.pr-fen-l.retiree{grid-template-columns:52px minmax(0,1fr) auto;background:var(--surface-2);border-style:dashed}
.pr-fen-l.pr-fen-duo.retiree{grid-template-columns:minmax(0,1fr) auto}
.pr-fen-l.retiree .pr-fen-f :is(input,textarea){text-decoration:line-through;color:var(--ink-3);pointer-events:none}
.pr-fen-l.retiree :is(.pr-fen-avis,.pr-fen-meta){opacity:.5}
.pr-fen-retablir{margin-top:5px;white-space:nowrap}
.pr-fen-plus{margin-top:10px}
/* les lignes écartées par les contrôles (14 oct. 2026) : repliées sous la fiche, chacune avec sa raison et « Reprendre » */
.pr-fen-ecarts{margin:18px 0 0;background:var(--surface-2)}
.pr-fen-ecarts summary{padding:11px 14px;font-size:12.5px;gap:8px}
.pr-fen-ecarts summary > .ic-svg{color:var(--warn)}
.pr-fen-ecarts .fold-body{padding:0 12px 12px}
.pr-fen-ecarts .pr-fen-aide{margin:0 2px 10px}
.pr-fen-ec{padding:9px 11px;border:1px dashed var(--border-strong);border-radius:var(--r-ctrl);background:var(--surface);transition:border-color .16s,box-shadow .16s}
.pr-fen-ec + .pr-fen-ec{margin-top:6px}
.pr-fen-ec.pr-fen-lie{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px rgba(237,88,71,.16)}
.pr-fen-ec-t b{display:block;font-size:13.5px;font-weight:650;line-height:1.4;color:var(--ink)}
.pr-fen-ec-t span{display:block;font-size:12px;line-height:1.5;color:var(--ink-2)}
.pr-fen-ec-r{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:12px;line-height:1.45;color:var(--ink-3)}
.pr-fen-ec-r .ic-svg{flex:none;margin-top:2px;color:var(--warn)}
.pr-fen-ec .pr-fen-meta{padding:6px 0 0}
.pr-fen-reprendre{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.pr-fen-ec-champ .pr-lien{white-space:nowrap}
.pr-fen-prop{margin-top:8px}
.pr-fen-options{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.pr-fen-options-t{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:8px}
.pr-fen-options-t .ic-svg{color:var(--ink-3)}
.pr-fen-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-ctrl);background:var(--surface-2)}
.pr-fen-opt + .pr-fen-opt{margin-top:6px}
.pr-fen-opt b{flex:1;min-width:0;font-size:13.5px;font-weight:600}
.pr-fen-opt > span{font-size:12px;color:var(--ink-3);white-space:nowrap}
.pr-fen-options .pr-fen-aide{margin:8px 2px 0}

/* L'essentiel : le résumé, la phrase du client telle qu'elle se lit, la fiche en bref */
.pr-fen .field textarea.pr-fen-res{min-height:0;resize:none;overflow:hidden;line-height:1.5}
.pr-fen-phrase{padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-ctrl);background:var(--surface-2)}
.pr-fen-phrase small{display:block;font-size:12px;color:var(--ink-3);margin-bottom:3px}
.pr-fen .pr-fen-phrase textarea{display:block;width:100%;height:auto;min-height:0;border:1px solid transparent;border-radius:var(--r-ctrl);background:transparent;box-shadow:none;padding:3px 6px;margin:0 -6px;font:var(--champ-graisse) var(--champ-taille)/1.4 'Satoshi',sans-serif;color:var(--ink);resize:none;overflow:hidden}
.pr-fen .pr-fen-phrase textarea:hover{background:var(--surface)}
.pr-fen .pr-fen-phrase textarea:focus{outline:none;background:var(--surface);border-color:var(--accent)}
.pr-fen-bref{margin-top:6px;border:1px solid var(--border);border-radius:var(--r-ctrl);padding:2px 10px}
.pr-fen-bref .list-row{appearance:none;border:0;background:none;text-align:left;cursor:pointer;padding:8px 2px;border-radius:0}
.pr-fen-bref .list-row + .list-row{border-top:1px solid var(--border)}
.pr-fen-bref .list-row-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-fen-bref .list-row-amt{font-size:13px;color:var(--ink-3);font-family:'Satoshi',sans-serif}
.pr-fen-bref .pill{margin-left:6px}
.pr-fen-bref .pill[hidden]{display:none}

/* le volet de l'offre */
.pr-fen-offre{min-height:0;overflow:auto;background:var(--surface-2);position:relative}
.pr-fen-ob{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--border);padding:10px 16px}
.pr-fen-ob-l{display:flex;align-items:center;gap:12px}
.pr-fen-ob-t{flex:1;min-width:0;font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-fen-ob-t b{color:var(--ink);font-weight:700;margin-right:6px}
.pr-fen-surl{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.pr-fen-surl label:last-child{cursor:pointer}
.pr-fen-som{display:flex;gap:4px;margin-top:9px;overflow-x:auto;scrollbar-width:none}
.pr-fen-som:empty{display:none}
.pr-fen-som button{appearance:none;flex:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;border-radius:var(--r-ctrl);padding:5px 10px;font:600 12px 'Satoshi',sans-serif;color:var(--ink-3);cursor:pointer}
.pr-fen-som button:hover{color:var(--ink-2);background:var(--surface-2)}
.pr-fen-som button.active{color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}
.pr-fen-doc{padding:18px 18px 28px}
.pr-fen-doc .dstruct,.pr-fen-doc .feuille{margin:0 auto}
.pr-fen-doc .dpage,.pr-fen-doc .feuille{box-shadow:0 10px 30px -14px rgba(11,11,11,.35)}
.pr-fen-doc .dpage{margin:0 auto 18px}
.pr-fen-doc mark.pr-cite{background:none;color:inherit;border-radius:3px;transition:background .25s,box-shadow .25s}
.pr-fen-doc.surl mark.pr-cite{background:rgba(237,88,71,.14);box-shadow:0 0 0 2px rgba(237,88,71,.14)}
/* la phrase d'une ligne écartée se retrouve sans se surligner : la fiche ne la cite pas (14 oct. 2026) */
.pr-fen-doc.surl mark.pr-cite[data-quoi="ecartee"]:not(.pr-fen-on){background:none;box-shadow:none}
.pr-fen-doc mark.pr-cite.pr-fen-on{background:rgba(237,88,71,.36);box-shadow:0 0 0 3px rgba(237,88,71,.36)}
.pr-fen-vide{margin:40px 20px}

/* le pied : ce que l'IA a lu, et ce que les contrôles ont écarté */
.pr-fen-pied{margin-right:auto;display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;color:var(--ink-3)}
.pr-fen-pied .ic-svg{flex:none;color:var(--accent)}

/* écran étroit (le seuil de la visionneuse) : l'offre devient un cinquième onglet, en deuxième ; les onglets passent
   sur deux rangs, sans icônes ; l'offre se remet en forme pour l'écran */
@media (max-width:760px){
  .pr-fen{grid-template-columns:minmax(0,1fr)}
  .pr-fen-fiche{border-right:0;padding:0 14px 16px}
  .pr-fen .cf-tabs.pr-fen-tabs{display:block;margin:0 -14px 4px;padding:10px 14px 8px}
  .pr-fen .cf-tabwrap{display:flex;flex-wrap:wrap}
  .pr-fen .cf-tab{flex:1 1 auto;padding:10px 8px;font-size:13px}
  .pr-fen .cf-tab > .ic-svg{display:none}
  .pr-fen .cf-tab.pr-fen-tab-offre{display:flex;order:-1}
  .pr-fen .cf-tab[data-p="essentiel"]{order:-2}
  .pr-fen-offre{display:none}
  .pr-fen.vue-offre{grid-template-rows:auto minmax(0,1fr)}
  .pr-fen.vue-offre .pr-fen-fiche{overflow:visible;padding-bottom:0}
  .pr-fen.vue-offre .pr-fen-pane{display:none}
  .pr-fen.vue-offre .pr-fen-offre{display:block}
  .pr-fen-l{grid-template-columns:42px minmax(0,1fr) 30px}
  .pr-fen-l.retiree{grid-template-columns:42px minmax(0,1fr) auto}
  .pr-fen-ob-l{flex-wrap:wrap}
  .pr-fen-ob-t{flex-basis:100%}
  .pr-fen-doc{padding:10px 0 20px}
  .pr-fen-pied,.mhead-s .pr-fen-ms{display:none}
  /* le sous-titre passe à la ligne : ses séparateurs s’en vont, plutôt que de commencer une ligne */
  .modal:has(.pr-fen) .mhead-s i{display:none}
}

/* le parcours : ce qui est fait, où l'on en est, ce qui vient */
.dpc{list-style:none;margin:0;padding:0}
.dpc li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:0 11px;padding:0 0 13px;position:relative}
.dpc li::before{content:"";position:absolute;left:10.5px;top:23px;bottom:1px;width:1.5px;background:var(--border)}
.dpc li.dpc-fait::before{background:rgba(21,122,71,.35)}
.dpc li:last-child{padding-bottom:0}
.dpc li:last-child::before{display:none}
.dpc-p{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--ink-3)}
.dpc li.dpc-fait .dpc-p{background:var(--pos-soft);border-color:transparent;color:var(--pos)}
.dpc li.dpc-ici .dpc-p{border-color:var(--accent-strong)}
.dpc li.dpc-ici .dpc-p::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-strong)}
.dpc li.dpc-manque .dpc-p{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}
.dpc-q{min-width:0;padding-top:1px}
.dpc-q b{display:block;font-size:13px;font-weight:600;line-height:1.4;color:var(--ink)}
.dpc li.dpc-avenir .dpc-q b{color:var(--ink-3)}
.dpc-q small{display:block;font-size:12px;line-height:1.45;color:var(--ink-3);overflow-wrap:anywhere}
.dpc li.dpc-ici .dpc-q small,.dpc li.dpc-manque .dpc-q small{color:var(--ink-2)}
.dpc-g{appearance:none;border:0;background:none;padding:0;margin-top:3px;font:600 12px 'Satoshi',sans-serif;color:var(--gold-deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.dpc-g:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

/* l'en-tête : le canal que le client préfère (il vivait dans « Les faits ») */
.dos-canal{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-weight:600}
/* le brief replié sur une ligne ; « lire » l'ouvre */
.brief-ligne{font-size:12.5px;line-height:1.6;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brief-studio{margin-top:8px}