/* CHARTE KEDROS, reprise telle quelle du pack d'identite du 13 juin 2026
     (« Identite visuelle Kedros/Lisez-moi - Identite Kedros.md »). Aucune couleur
     n'est inventee : chaque valeur ci-dessous figure au tableau du pack.

       Papier #FBF9F4  Ivoire #F1EEE4  Grege #C9C2AE  Jeune pousse #7C8F5F
       Cedre  #4A5A3F  Cedre profond #3C4A36  Encre #33352B  Creme #EDE6D6

     PLAN DE NAVIGATION (parti pris d'ergonomie du 19 juillet 2026, choix de session,
     revisable) : le partage habituel des logiciels de gestion de dossiers. La barre
     LATERALE porte la hierarchie (le dossier ouvert et ses rubriques : vue d'ensemble,
     pieces, parties et bien, pieces collectees, livrables) ; les ONGLETS en
     haut portent les vues paralleles d'une meme rubrique ; les blocs longs sont des
     ACCORDEONS replies par defaut. Tout est atteignable au clavier.

     SEULE EXCEPTION a la charte, signalee : la terre brulee d'alerte est un choix de
     session (le pack regit la marque, pas les etats d'une interface). */
  :root{
    --papier:#FBF9F4; --ivoire:#F1EEE4; --grege:#C9C2AE; --pousse:#7C8F5F;
    --cedre:#4A5A3F; --cedre-profond:#3C4A36; --encre:#33352B; --creme:#EDE6D6;

    --fond:var(--ivoire); --blanc:var(--papier); --trait:var(--grege);
    --accent:var(--cedre-profond); --accent-clair:var(--creme);
    --doux:var(--cedre); --vert:var(--pousse); --alerte:#8C3A22; --ambre:#8a5a00; --or:#b07d23;
    --ombre:0 1px 2px rgba(60,74,54,.06), 0 8px 26px rgba(60,74,54,.07);
    --rayon:12px;
  }
  *{box-sizing:border-box}
  body{margin:0;font:15px/1.6 "Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
       color:var(--encre);background:var(--fond)}
  h1,h2,h3{font-family:Constantia,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
           font-weight:600;letter-spacing:.01em}

  .entete{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;
          padding:10px 22px;background:linear-gradient(180deg,#3C4A36,#2c3729);
          color:var(--creme);border-bottom:1px solid #222a20}
  .marque{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:300;
          letter-spacing:.14em;color:var(--creme);flex:none}
  .marque svg{width:30px;height:30px;flex:0 0 auto}
  .ariane{display:flex;align-items:center;gap:9px;font-size:13px;color:#c3c8b5;
          border-left:1px solid rgba(237,230,214,.20);padding-left:18px;min-width:0}
  .ariane .courant{color:var(--creme);font-weight:600;white-space:nowrap;
                   overflow:hidden;text-overflow:ellipsis;max-width:46ch}
  .entete-droite{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
  .etude{color:#c3c8b5;font-size:12.5px;text-align:right;line-height:1.35}
  .etude #nom-etude{color:var(--creme)}
  .entete button{background:transparent;border:1px solid rgba(237,230,214,.28);
                 color:var(--creme);border-radius:8px;padding:7px 12px;font-size:13px}
  .entete button:hover{background:rgba(237,230,214,.12)}

  .corps{display:grid;grid-template-columns:290px 1fr;gap:20px;padding:20px;
         max-width:1760px;margin:0 auto;align-items:start}
  @media(max-width:980px){.corps{grid-template-columns:1fr}}
  /* B6 (audit du 24 juillet 2026) : la fiche en vue globale. Parties, intervenants et
     bien tiennent ensemble en tete, en colonnes, la largeur exploitee ; le detail et la
     confirmation restent dessous. */
  .fiche-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}
  @media(max-width:1100px){.fiche-cols{grid-template-columns:1fr}}
  .fiche-cols .col-fiche{background:var(--blanc);border:1px solid var(--trait);border-radius:12px;padding:14px;min-width:0}
  .fiche-cols .col-fiche h3{margin:0 0 2px;font-size:1.02rem}
  .fiche-cols .col-fiche .hint{font-size:.78rem;color:var(--doux);margin:0 0 10px}
  .mini-entite{border:1px solid var(--trait);border-radius:9px;padding:8px 10px;margin-bottom:8px;background:var(--papier)}
  .mini-entite .role{font-size:.66rem;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);font-weight:700}
  .mini-entite .nom{font-weight:600;word-break:break-word}
  .mini-entite .meta{font-size:.8rem;color:var(--doux)}
  .bien-ligne{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dotted var(--trait);font-size:.86rem}
  .bien-ligne .k{color:var(--doux)}
  .bien-ligne b{word-break:break-word;text-align:right}
  .colonne{min-width:0}
  .surtitre{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
            color:var(--doux);font-weight:700;margin:0 2px 10px}

  .carte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);
         padding:20px;margin-bottom:18px;box-shadow:var(--ombre)}
  .rail{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);
        padding:14px;box-shadow:var(--ombre);position:sticky;top:78px}
  h2{font-size:18px;margin:0 0 4px}
  .sous{color:var(--doux);font-size:13.5px;margin:0 0 16px}

  /* LA BARRE LATERALE DES RUBRIQUES : la hierarchie du dossier. */
  .nav-rubriques{list-style:none;margin:0 0 14px;padding:0}
  .nav-rubriques li{margin-bottom:4px}
  .nav-rubriques button{display:flex;width:100%;text-align:left;background:transparent;
    color:var(--encre);border:1px solid transparent;border-radius:8px;padding:9px 12px;
    font-size:14px;cursor:pointer;align-items:center;gap:9px;justify-content:space-between}
  .nav-rubriques button:hover{background:var(--accent-clair);filter:none}
  .nav-rubriques button[aria-current="true"]{background:var(--accent-clair);
    border-color:var(--pousse);font-weight:600;color:var(--accent)}
  .nav-rubriques .badge{font-size:11px;background:var(--ivoire);border:1px solid var(--trait);
    border-radius:20px;padding:1px 8px;color:var(--doux);font-weight:600}

  label{display:block;font-size:12.5px;color:var(--doux);margin:12px 0 5px}
  input[type=text],input[type=email],input[type=password],textarea{
    width:100%;padding:9px 12px;border:1px solid var(--trait);border-radius:8px;
    font-size:14.5px;font-family:inherit;background:var(--blanc);color:var(--encre)}
  input:focus,textarea:focus{outline:2px solid var(--pousse);outline-offset:1px;
    border-color:var(--accent)}
  button{background:var(--accent);color:var(--creme);border:0;border-radius:8px;
         padding:9px 16px;font-size:14.5px;font-family:inherit;cursor:pointer}
  button:hover{filter:brightness(1.1)}
  button:focus-visible{outline:2px solid var(--pousse);outline-offset:2px}
  button.discret{background:transparent;color:var(--accent);border:1px solid var(--trait)}
  button.discret:hover{background:var(--accent-clair);filter:none}
  button:disabled{opacity:.55;cursor:default;filter:none}

  table{width:100%;border-collapse:collapse;margin-top:6px}
  th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--trait);font-size:14.5px}
  th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--doux);font-weight:700}
  tr.cliquable{cursor:pointer}
  tr.cliquable:hover{background:var(--accent-clair)}
  tr.actif{background:var(--accent-clair);box-shadow:inset 3px 0 0 var(--pousse)}
  .vide{color:var(--doux);font-style:italic;padding:14px 0;font-size:14px}

  .msg{padding:11px 14px;border-radius:8px;margin:12px 0;font-size:14px;display:none}
  .msg.erreur{background:#fdeeeb;color:var(--alerte);display:block;
              border:1px solid rgba(140,58,34,.25)}
  .msg.ok{background:#eef3e8;color:#3f5a2e;display:block;
          border:1px solid rgba(124,143,95,.35)}

  .depose{border:2px dashed var(--trait);border-radius:10px;padding:24px;text-align:center;
          color:var(--doux);cursor:pointer;transition:.15s;font-size:14.5px}
  .depose:hover,.depose.survol{border-color:var(--pousse);background:var(--accent-clair);
                               color:var(--accent)}
  .cadenas{font-size:12px;color:var(--vert)}
  .connexion{max-width:400px;margin:9vh auto}

  /* LES ONGLETS : des vues paralleles d'une meme rubrique, mutuellement exclusives. */
  .onglets{display:flex;gap:4px;border-bottom:2px solid var(--trait);margin-bottom:16px}
  .onglets button{background:transparent;color:var(--doux);border:0;border-radius:8px 8px 0 0;
    padding:9px 16px;font-size:14px;margin-bottom:-2px;border-bottom:2px solid transparent}
  .onglets button:hover{background:var(--accent-clair);filter:none;color:var(--accent)}
  .onglets button[aria-selected="true"]{color:var(--accent);font-weight:600;
    border-bottom-color:var(--pousse)}

  /* LE SOMMAIRE ANCRE de la vue d'ensemble (retour de Flore du 20 juillet 2026 : les
     productions s'empilent sur une page a defilement long, l'oeil se perd). Une rangee
     de reperes COLLEE en tete de colonne : un clic mene a la carte, rien n'est
     retranche. */
  .sommaire-ensemble{position:sticky;top:0;z-index:5;background:var(--fond);
    padding:8px 0 10px;margin:0 0 4px;display:flex;flex-wrap:wrap;gap:6px}
  .sommaire-ensemble button{font-size:12px;padding:4px 10px;border-radius:20px;
    background:var(--blanc);border:1px solid var(--trait);color:var(--accent)}
  .sommaire-ensemble button:hover{border-color:var(--pousse)}

  /* L'ACCORDEON : divulgation progressive, replie par defaut. */
  details.pli{border:1px solid var(--trait);border-radius:9px;margin:10px 0;
    background:var(--blanc)}
  details.pli>summary{cursor:pointer;padding:11px 14px;font-size:14px;font-weight:600;
    color:var(--accent);list-style-position:inside}
  details.pli>summary:focus-visible{outline:2px solid var(--pousse);outline-offset:2px}
  details.pli>.pli-corps{padding:4px 14px 14px;border-top:1px solid var(--trait)}
  details.pli>summary .pli-detail{font-weight:400;color:var(--doux);font-size:12.5px}

  .fil{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);
       padding:16px 18px;margin-bottom:18px;box-shadow:var(--ombre)}
  .etapes{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
  .etape{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;
         font-size:13px;color:var(--doux);border:1px solid transparent;flex:1;min-width:170px}
  .etape .pastille{width:23px;height:23px;flex:none;border-radius:50%;display:grid;
                   place-items:center;font-size:11.5px;font-weight:700;
                   background:var(--ivoire);color:var(--doux);border:1px solid var(--trait)}
  .etape .nom{font-weight:600;color:var(--encre);line-height:1.25}
  .etape .detail{display:block;font-weight:400;font-size:11.5px;color:var(--doux)}
  .etape.fait .pastille{background:var(--pousse);color:#fff;border-color:var(--pousse)}
  .etape.courant{background:var(--accent-clair);border-color:var(--pousse)}
  .etape.courant .pastille{background:var(--accent);color:var(--creme);border-color:var(--accent)}
  .etape.afaire{opacity:.62}
  .etape.inconnu .pastille{background:#fdf6e6;color:var(--ambre);border-color:#e0cfa6}
  .conseil{margin-top:12px;padding:11px 14px;background:var(--accent-clair);
           border-radius:9px;font-size:13.5px;display:flex;align-items:center;gap:12px;
           flex-wrap:wrap}
  .conseil b{color:var(--accent)}
  .conseil button{margin-left:auto;padding:7px 13px;font-size:13.5px}

  .chargement{display:inline-flex;align-items:center;gap:8px;color:var(--doux);
              font-size:13px}
  .chargement::before{content:"";width:13px;height:13px;border-radius:50%;
    border:2px solid var(--trait);border-top-color:var(--pousse);
    animation:tourne .8s linear infinite}
  @keyframes tourne{to{transform:rotate(360deg)}}
  @media(prefers-reduced-motion:reduce){.chargement::before{animation:none}}

  /* B6 : l'en-tete d'analyse est une BARRE pleine largeur, ancree en tete de la vue,
     jamais flottante au milieu de l'ecran (constat de l'audit). */
  .barre-analyse{display:flex;align-items:center;gap:14px;margin:0 0 16px;flex-wrap:wrap;
    width:100%;border-bottom:1px solid var(--trait);padding-bottom:10px}
  .barre-analyse h2{margin:0}
  .deux-volets{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .deux-volets.source-repliee{grid-template-columns:1fr}
  @media(max-width:900px){.deux-volets{grid-template-columns:1fr}}
  .volet{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);
         padding:18px;max-height:78vh;overflow:auto}
  .volet h3{margin:0 0 10px;font-size:15px}
  .source-texte{white-space:pre-wrap;font:12.5px/1.55 "Cascadia Code",Consolas,monospace;
                color:var(--encre)}
  .source-texte mark{background:#f4e6a8;color:inherit;border-radius:2px}
  .note-texte{white-space:pre-wrap;font:13.5px/1.65 inherit;color:var(--encre);
              max-height:70vh;overflow:auto;border:1px solid var(--trait);
              border-radius:9px;padding:16px;background:var(--blanc)}
  .champ{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--trait)}
  .champ:last-child{border-bottom:0}
  .champ .etiq{font-size:12px;color:var(--doux);display:flex;justify-content:space-between;
               align-items:center;margin-bottom:4px;gap:10px}
  .champ input{width:100%}
  .statut{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:700;
          white-space:nowrap}
  /* 2.2 (arbitrage de Flore, 22 juillet 2026) : « à vérifier » est un registre
     d'attente, pas une erreur. Couleur DOUCE (ambre) ; le rouge (--alerte) reste
     réservé au vrai bloquant. Une pastille « à vérifier » cliquable porte la classe
     .cliquable et se lève d'un clic (voir champEditable). */
  .statut.verifier{background:#f6eeda;color:var(--ambre)}
  .statut.confirme{background:#eef3e8;color:#3f5a2e}
  .statut.cliquable{cursor:pointer}
  .statut.cliquable:hover{filter:brightness(.96)}
  .statut.cliquable:focus-visible{outline:2px solid var(--ambre);outline-offset:1px}
  /* 10 (sprint 10 points de Flore, 22 juillet 2026) : le petit mot d'accueil, discret. */
  .accueil-mot{margin:2px 0 12px;font-size:13.5px;color:var(--doux);font-style:italic}
  .bloc-titre{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;
              color:var(--accent);margin:18px 0 8px;padding-top:4px}
  .bloc-titre:first-child{margin-top:0}
  .voir-source{cursor:pointer;color:var(--accent);font-size:11.5px;text-decoration:underline;
               white-space:nowrap}
  .partie-carte{border:1px solid var(--trait);border-radius:9px;padding:12px;margin-bottom:10px}
  .partie-role{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;
               letter-spacing:.5px}
  .lot-carte{background:var(--accent-clair);border-radius:9px;padding:10px 12px;
             margin-bottom:8px;font-size:14px}
  .att{background:#fdf0e6;border-left:3px solid var(--alerte);padding:8px 12px;
       border-radius:0 6px 6px 0;font-size:13px;margin-bottom:10px;color:var(--encre)}
  .alerte-lcbft{border-radius:9px;padding:14px 16px;margin:12px 0;font-size:14px;line-height:1.5}
  .alerte-lcbft.rouge{background:#fdeeeb;border:1px solid var(--alerte);color:var(--alerte)}
  .alerte-lcbft.vert{background:#eef3e8;border:1px solid var(--pousse);color:#3f5a2e}
  .alerte-lcbft.orange{background:#fdf6e6;border:1px solid #c9a227;color:var(--ambre)}
  .alerte-lcbft strong{display:block;font-size:15px;margin-bottom:4px}

  .renseignements{display:grid;grid-template-columns:minmax(140px,auto) 1fr;
                  gap:2px 14px;margin:8px 0 0}
  .renseignements dt{font-size:12px;color:var(--doux)}
  .renseignements dd{margin:0;font-size:13.5px;color:var(--encre)}
  .tracabilite{font-size:11px;color:var(--doux);margin-top:6px;
               word-break:break-word;font-style:italic}
  .bilan{background:var(--accent-clair);border-radius:8px;padding:10px 14px;
         font-size:13px;color:var(--encre);margin-top:14px}
  .voie-manuelle{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
                 border-top:1px solid var(--trait);margin-top:18px;padding-top:16px}
  .voie-manuelle > div{flex:1;min-width:240px}
  .pied{color:var(--doux);font-size:12px;text-align:center;margin:26px 0 10px;line-height:1.7}
  .cache{display:none}
  /* B9 : l'encart du livrable epingle. Le display vit ici (pas en ligne), pour que la
     classe .cache le ferme toujours (gardien test_conversation). */
  #livrable-epingle{margin:4px 0 14px;background:#eef1e8;border:1px solid #d6ddc7;border-radius:12px;padding:12px 14px}
  #livrable-epingle:not(.cache){display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  #livrable-epingle .tagp-epingle{background:#3d4a2f;color:#fff;border-radius:8px;font-size:11px;padding:3px 9px;font-weight:600}
  #livrable-epingle b{color:var(--cedre-profond)}
  #livrable-epingle .act-epingle{margin-left:auto;display:flex;gap:8px}
  /* Les panneaux flottants (Conversation, Clients) : la mise en page flex ne vit PAS en
     style en ligne, sinon elle bat la classe .cache et le panneau devient
     infermable (constaté par Flore le 20 juillet 2026, socle:50). */
  /* LE RAIL DROIT de l'assistant (retour de Flore du 28 juillet 2026 : la fenetre
     etait trop petite pour travailler). Pleine hauteur utile sous le bandeau, largeur
     fluide (un tiers de l'ecran, entre 420 et 760 px). Le positionnement vit ICI et
     non en style en ligne : en ligne, il battrait .cache et le panneau ne se
     fermerait plus (defaut du 20 juillet 2026). */
  #panneau-conversation{position:fixed;right:18px;top:76px;bottom:18px;z-index:85;
    width:clamp(640px, 44vw, 980px);max-width:calc(100vw - 36px)}
  #panneau-conversation:not(.cache){display:flex;flex-direction:column}
  @media(max-width:900px){
    #panneau-conversation{left:12px;right:12px;width:auto;top:64px;bottom:12px}
  }
  #panneau-clients:not(.cache){display:flex;flex-direction:column}
  #panneau-situation:not(.cache){display:flex;flex-direction:column}

/* ---- LA VUE COURRIER (nuit du 29 juillet 2026 : trois volets, densite de
   messagerie, fenetre separee ; les dimensions vivent ICI, jamais en ligne) ---- */
#vue-courrier:not(.cache){display:flex;flex-direction:column;gap:8px;
  padding:12px 16px;height:calc(100vh - 24px);box-sizing:border-box}
body.fenetre-courrier #barre-app{display:none}
#courrier-entete{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#courrier-entete .courrier-outils{margin-left:auto;display:flex;gap:6px}
#courrier-reglages{border:1px solid var(--trait);border-radius:10px;
  padding:10px 12px;background:var(--fond, #fafafa)}
#courrier-reglages label{display:flex;gap:6px;align-items:center;margin:4px 0}
#courrier-reglages .courrier-reglages-boutons{display:flex;gap:8px;margin:6px 0}
#courrier-3volets{display:grid;grid-template-columns:minmax(300px, 30%) 1fr
  minmax(240px, 24%);gap:10px;flex:1;min-height:0}
#courrier-liste{display:flex;flex-direction:column;min-height:0;
  border:1px solid var(--trait);border-radius:10px;overflow:hidden}
#courrier-onglets{display:flex;border-bottom:1px solid var(--trait)}
#courrier-onglets button{flex:1;border:0;background:none;padding:8px 4px;
  font-size:13px;cursor:pointer;border-bottom:2px solid transparent}
#courrier-onglets button.actif{font-weight:700;border-bottom-color:var(--pousse, #2e7d32)}
#courrier-lignes{flex:1;overflow:auto;outline:none}
#courrier-clavier{margin:4px 8px}
.cligne{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;
  border-bottom:1px solid var(--trait);cursor:pointer;font-size:12.5px}
.cligne.sel{background:var(--survol, #eef4ee)}
.cligne-corps{flex:1;min-width:0}
.cligne-1{display:flex;justify-content:space-between;gap:8px}
.cligne-de{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cligne-date{color:var(--sous, #777);white-space:nowrap}
.cligne-2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cligne-3{color:var(--sous, #777);font-size:11.5px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.cpt-rond{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none}
.cpt-rond.vert{background:#2e7d32}
.cpt-rond.rose{background:#d81b60}
.cpt-rond.gris{background:#9e9e9e}
#courrier-apercu{border:1px solid var(--trait);border-radius:10px;padding:12px;
  overflow:auto;min-height:0}
#courrier-apercu .apercu-objet{font-weight:700;font-size:15px;margin-bottom:2px}
#courrier-apercu .apercu-corps{margin-top:10px;font-size:13.5px;line-height:1.5;
  white-space:pre-wrap}
#courrier-actions{border:1px solid var(--trait);border-radius:10px;padding:12px;
  display:flex;flex-direction:column;gap:8px;align-items:stretch;overflow:auto}
@media(max-width:1000px){#courrier-3volets{grid-template-columns:1fr;
  grid-auto-rows:minmax(160px, auto)}}

/* ---- LE VOILE « RELIRE, CORRIGER, ENVOYER » (DECISIONS 91) ---- */
#voile-envoi{position:fixed;inset:0;background:rgba(20,24,20,.45);z-index:120;
  display:flex;align-items:center;justify-content:center}
#voile-envoi .cadre-envoi{background:var(--blanc, #fff);border-radius:12px;
  box-shadow:var(--ombre, 0 8px 30px rgba(0,0,0,.25));padding:18px 20px;
  width:min(720px, 94vw);max-height:92vh;overflow:auto;display:flex;
  flex-direction:column;gap:8px}
#voile-envoi label{display:flex;flex-direction:column;gap:3px;font-size:12.5px}
#voile-envoi input, #voile-envoi textarea{font:inherit;padding:6px 8px;
  border:1px solid var(--trait);border-radius:6px}
#voile-envoi .cadre-envoi-boutons{display:flex;gap:8px;justify-content:flex-end}

/* ---- Le dossier en cartes (4.1, nuit du 29 au 30 juillet 2026) --------------- */
.cartes-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:10px;margin-top:10px}
.carte-do{border:1px solid var(--trait,#d8d4c8);border-radius:8px;padding:10px 12px;
  background:var(--fond-carte,#fff);cursor:pointer;border-left-width:4px}
.carte-do.confirme{border-left-color:#3d7a4a}
.carte-do.a_confirmer{border-left-color:#c2527a}
.carte-do.vide{border-left-color:#b8b2a4}
.carte-do.intervenant{border-left-color:#5a7a9a;cursor:default}
.carte-do .cd-genre{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;
  opacity:.65}
.carte-do .cd-titre{font-weight:600;margin:2px 0 6px}
.cd-champ{font-size:.86rem;margin:2px 0}
.cd-libelle{opacity:.65}
.cd-etat{font-size:.76rem;margin-top:8px;opacity:.8;font-style:italic}
.cd-demande{margin-top:8px}
#voile-carte-do{position:fixed;inset:0;background:rgba(30,28,20,.45);z-index:70;
  display:flex;align-items:center;justify-content:center}
#voile-carte-do .cadre-carte-do{background:var(--fond-carte,#fff);border-radius:10px;
  padding:18px 22px;max-width:560px;width:92%;max-height:80vh;overflow:auto}