/* Lecture et réponse : le client avant les réglages techniques. */
.v2-priorites-demandes{display:flex;flex-direction:column;gap:14px;margin:18px 0 22px}
.v2-priorites-demandes .filters{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.v2-priorites-demandes .filter{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.v2-priorites-demandes .filter span{font-size:11px;border-radius:6px;padding:2px 6px;background:#e7edf5;color:#455b79;font-weight:400}
.v2-priorites-demandes form{display:flex;align-items:center;gap:8px;max-width:640px}
.v2-priorites-demandes input{min-width:0;flex:1;border:1px solid #dce3ed;border-radius:9px;padding:11px 13px;background:white;font:inherit;font-size:13px;color:#263344}
.v2-priorites-demandes button{font-size:12px}
.v2-priorites-demandes .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v2-resultats-demandes{font-size:12px;color:#69788e;margin:0 0 16px}
.v2-relance-demande{display:inline-block;align-self:flex-start;font-size:11px!important;line-height:1.5;padding:4px 7px;border-radius:6px;background:#edf2fa;color:#587194;margin-top:5px}
.v2-relance-demande.due{color:#975b1d;background:#fff1dd}
.v2-boite-bien{display:flex;align-items:center;gap:18px;margin:20px 0 24px}
.v2-annonce-selectionnee{display:flex;align-items:center;gap:16px;padding:16px;margin:18px 0 22px;border:1px solid #e1e7f0;border-radius:12px;background:#f7f9fd}
.v2-annonce-selectionnee .v2-demande-photo{width:112px;height:92px;flex-shrink:0}
.v2-annonce-selectionnee>div{min-width:0}.v2-annonce-selectionnee h3{margin:4px 0 6px;font-size:16px;font-weight:500;line-height:1.35}
.v2-annonce-selectionnee p,.v2-annonce-selectionnee a{font-size:12px;margin:4px 0;color:#576b86}.v2-annonce-selectionnee a{color:#245dcc;display:inline-block;margin-top:7px}
.v2-annonce-label{text-transform:uppercase;font-size:10px;letter-spacing:.09em;color:#667b97}.v2-reference-source{font-size:11px;color:#667b97;margin-top:9px}.v2-reference-source summary{cursor:pointer}.v2-reference-source code{display:block;overflow-wrap:anywhere;margin-top:6px}
.v2-annonce-selectionnee.a-identifier{background:#fff8ee;border-color:#f1dfc1}
.v2-etiquette-lecture{display:inline-block;padding:3px 7px;margin:4px 5px 3px 0;border-radius:6px;color:#245dcc;background:#e9efff;font-size:11px;font-weight:500}
.v2-boite-ligne.non-lue .v2-boite-identite{font-weight:600}.v2-boite-ligne.non-lue:not(.active){border-left:3px solid #3266ed}
@media(max-width:500px){.v2-annonce-selectionnee{align-items:flex-start;gap:12px;padding:12px}.v2-annonce-selectionnee .v2-demande-photo{width:76px;height:70px}}
.v2-boite-bien .v2-demande-photo{width:96px;height:76px;border-radius:12px}
.v2-app .v2-boite-bien h1{font-size:26px;line-height:1.2;margin:0 0 6px;letter-spacing:-.035em}
.v2-boite-bien p,.v2-boite-bien span{margin:4px 0;color:#738096;font-size:13px}
.v2-boite-bien>div:nth-child(2){flex:1;min-width:0}
.v2-boite-liens{display:flex;gap:8px;flex-wrap:wrap}
.v2-boite{display:grid;grid-template-columns:minmax(255px,32%) minmax(0,1fr);border:1px solid #e2e7ef;border-radius:18px;background:#fff;overflow:hidden;min-height:470px}
.v2-boite-liste{background:#f9fafc;border-right:1px solid #e2e7ef;padding:14px;max-height:800px;overflow:auto}
.v2-boite-liste h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#6e7b8e;margin:6px 10px 14px;font-weight:500}
.v2-app .v2-boite-ligne{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;width:100%;padding:14px;margin:0 0 6px;border:1px solid transparent;border-radius:12px;background:transparent;white-space:normal;color:#283344;box-shadow:none;min-height:112px;font-weight:400}
.v2-app .v2-boite-ligne.active{background:#edf3ff;border-color:#c5d7fb;box-shadow:inset 3px 0 #3c75eb}
.v2-app .v2-boite-ligne:hover{background:#f0f4fa}
.v2-nom-client{color:#245dcc;text-decoration:none;overflow-wrap:anywhere;font-weight:550}
a.v2-nom-client:hover{text-decoration:underline}
.v2-nom-client:focus-visible,.profil-demande:focus-visible{outline:3px solid #3266ed;outline-offset:3px;border-radius:5px}
.v2-boite-ligne .v2-nom-client{display:block;font-size:14px;line-height:1.5}
.v2-boite-ligne.non-lue .v2-nom-client{font-weight:650}
.v2-app button.v2-boite-selection{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;white-space:normal;box-shadow:none;font-weight:400}
.v2-app button.v2-boite-selection:hover{background:transparent}
.v2-acces-profil{display:block;color:#738096;font-size:11px;margin-top:7px}
.profil-client-suivi{display:grid;gap:24px;min-width:0}
.profil-client-demandes{min-width:0}
.profil-client-demandes h2{margin:0 0 10px}
.profil-demandes-filtres{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.profil-demandes-filtres button{font-size:12px}
.profil-demandes-filtres [aria-pressed=true]{background:#edf3ff;color:#245dcc;border-color:#c5d7fb}
.profil-demandes-filtres span{margin-left:6px}
.profil-demandes-liste{display:grid;gap:10px}
.profil-demande{display:flex;align-items:flex-start;gap:14px;border:1px solid #e1e7f0;border-radius:12px;padding:14px;color:#283344;text-decoration:none;min-width:0}
.profil-demande:hover{background:#f7f9fd;border-color:#bdcef0}
.profil-demande .v2-demande-photo{width:88px;height:76px;flex-shrink:0}
.profil-demande-texte{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere;font-size:13px}
.profil-demande-texte strong{font-size:14px;font-weight:550}
.profil-demande-texte small{color:#738096;font-size:11px}
.profil-demande-texte .v2-statut-demande{justify-self:start}
.profil-demande-extrait{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.profil-demande-texte small.profil-demande-ouvrir{color:#245dcc}
@media(max-width:500px){.profil-demande{gap:10px;padding:12px}.profil-demande .v2-demande-photo{width:60px;height:60px}}
.v2-boite-identite{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:550}
.v2-boite-identite small{font-size:11px;color:#758196;font-weight:400}
.v2-boite-extrait{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#67758a;line-height:1.5;overflow-wrap:anywhere}
.v2-boite-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#7b8798}
.v2-statut-demande{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:6px;background:#f0f3f7;color:#6a7588;font-size:11px;line-height:1.4}
.v2-statut-demande.a_traiter{background:#fff3df;color:#966523}.v2-statut-demande.en_attente{background:#eaf1ff;color:#426fb6}.v2-statut-demande.terminee{background:#eaf6f0;color:#42735f}
.v2-boite-lecture{padding:28px 30px;min-width:0}
.v2-boite-lecture>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v2-boite-lecture h2{font-size:22px;font-weight:550;margin:0 0 8px;letter-spacing:-.025em}
.v2-boite-lecture header p{font-size:13px;color:#64748b;overflow-wrap:anywhere;margin:0}
.v2-boite-origine{font-size:12px;color:#7b8798;margin:14px 0}
.v2-boite-message{font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:26px 0;padding:0 0 24px;border-bottom:1px solid #edf0f4;min-height:100px}
.v2-boite-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.v2-boite-aide-suivi{font-size:11px!important;color:#758196;line-height:1.6;margin:-12px 0 22px}
.v2-corbeille-action{border-top:1px solid #edf0f4;padding-top:16px;margin-top:4px}
.v2-corbeille-info{font-size:13px;color:#687386;margin-bottom:20px}
.v2-statut-demande.corbeille{background:#f5eded;color:#946060}
.v2-boite-details{font-size:12px;border-top:1px solid #edf0f4;padding:14px 0;color:#768398}
.v2-boite-details summary{cursor:pointer;line-height:1.5}.v2-boite-details summary span{float:right;color:#6c7a8e}
.v2-boite-details>div{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.v2-boite-details p{font-size:12px;margin:9px 0}
.v2-suivi-select{display:grid;gap:6px}.v2-suivi-select select{min-height:40px;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:8px}
.v2-reponses-historique{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:10px}
.v2-reponses-historique h3{font-size:13px;margin:0 0 10px}.v2-reponses-historique details{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.v2-reponses-historique summary{cursor:pointer;color:#55758e}.v2-reponse-texte{white-space:pre-wrap;font-size:13px}
.v2-composition h2{font-size:23px!important;padding-right:36px}.v2-composition>p{font-size:13px;color:#6b7c92}
.v2-composition form>label{display:grid;gap:8px;font-size:13px;margin:16px 0}
.v2-composition input:not([type=checkbox]),.v2-composition textarea{width:100%;border:1px solid #dce3ed;border-radius:9px;padding:11px 13px;background:white;font:inherit;color:#263344;box-sizing:border-box}
.v2-composition-options{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;background:#f5f8fc;padding:16px;border-radius:12px;font-size:12px;margin:16px 0}
.v2-composition-options label{display:grid;gap:8px}.v2-composition-options .v2-joindre{display:flex;gap:8px;align-items:center}.v2-joindre input{width:16px;height:16px;flex-shrink:0}
.v2-composition-options a{display:inline-block;margin:10px 0 0 24px;font-size:12px}.v2-composition-options small{color:#7b8798;font-size:11px}
.v2-composition-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
.v2-relance-choix{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}
.v2-relance-choix button{font-size:12px;min-height:40px}
#relance-erreur{color:#aa3b32;font-size:13px}
.v2-compte-rendu select{width:100%;border:1px solid #dce3ed;border-radius:9px;padding:11px 13px;background:#fff;font:inherit;color:#263344;box-sizing:border-box}
.v2-compte-rendu label.v2-suivi-case{display:flex;align-items:center;gap:10px}.v2-suivi-case input{width:17px;height:17px;flex-shrink:0}
.v2-compte-rendu [hidden]{display:none!important}#suivi-erreur{color:#aa3b32;font-size:13px}
.v2-suivi-historique{margin:20px 0;padding:16px 18px;border:1px solid #dfe7f3;border-radius:12px;background:#f7f9fd}
.v2-suivi-historique h3{font-size:14px;margin:0 0 12px}.v2-suivi-historique article+article{border-top:1px solid #dfe7f3;padding-top:12px;margin-top:12px}
.v2-suivi-historique strong,.v2-suivi-historique p{font-size:13px;line-height:1.6}.v2-suivi-historique p{margin:4px 0;color:#586b85}.v2-suivi-note{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:500px){#modale .v2-composition-actions>button{flex:1 0 100%;width:100%}#modale .v2-composition h2{font-size:21px!important}}
#apercu-reponse{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:12px;background:#f6f8fa;border-radius:8px;line-height:1.6}
#etat-brouillon{font-size:12px;color:#527595;min-height:20px}
.v2-modele-reponse,.v2-pieces-reponse{border:1px solid #dce3ed;border-radius:12px;padding:14px 16px;margin:18px 0;background:#fafcff;font-size:13px}
.v2-modele-reponse summary{cursor:pointer;color:#2859c5;font-weight:550}
.v2-modele-reponse>label{display:grid;gap:7px;margin:12px 0}
.v2-modele-reponse>label.v2-joindre{display:flex;align-items:center;gap:8px}
.v2-modele-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.v2-modele-reponse p,.v2-pieces-reponse p{font-size:12px;color:#64748b;line-height:1.6}
.v2-question-remplacer{border:1px solid #b9cdf5;border-radius:10px;padding:14px 16px;margin:12px 0;background:#eef4ff}
.v2-question-remplacer p{margin:0 0 12px;font-size:12px;color:#4a5f80;line-height:1.6}
.v2-question-remplacer .v2-question-titre{margin:0 0 6px;font-size:14px;font-weight:600;color:#1f3a6b}
.v2-question-actions{display:flex;gap:8px;flex-wrap:wrap}
.v2-piece-reponse{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e7ecf4}
.v2-piece-reponse:last-child{border:0}.v2-piece-reponse span{flex:1;overflow-wrap:anywhere}.v2-piece-reponse small{display:block;color:#718096;font-size:11px;margin-top:4px}
.v2-piece-reponse input{width:16px;height:16px}.v2-piece-reponse a{font-size:12px;white-space:nowrap}
.v2-tri-demandes{display:flex;align-items:center;gap:10px;font-size:12px;color:#64748b;margin:14px 0;width:fit-content;max-width:100%;white-space:nowrap}
.v2-tri-demandes select{border:1px solid #dce3ed;border-radius:9px;padding:9px;background:#fff;font:inherit;color:#263344;max-width:100%;width:auto}
@media(max-width:500px){.v2-modele-actions,.v2-question-actions{display:grid}.v2-tri-demandes{display:grid}.v2-piece-reponse{align-items:flex-start}}
@media(max-width:850px){.v2-boite{grid-template-columns:1fr}.v2-boite-liste{max-height:280px;border-right:0;border-bottom:1px solid #e2e7ef}.v2-boite-ligne{min-height:100px!important}.v2-boite-lecture{padding:22px}.v2-boite-bien{flex-wrap:wrap}.v2-boite-liens{width:100%}.v2-boite-bien h1{font-size:22px!important}}
@media(max-width:500px){.v2-boite-lecture{padding:18px}.v2-boite-lecture h2{font-size:19px}.v2-boite-bien .v2-demande-photo{width:76px;height:66px}.v2-boite-lecture>header{flex-wrap:wrap}.v2-composition-options{grid-template-columns:1fr;gap:16px}.v2-composition-actions>*{width:100%}.v2-boite-actions>*{width:100%;text-align:center}.v2-boite-details summary span{float:none;display:block;margin:5px 0}}

.v2-signature-email{max-width:100%;overflow:auto;margin:12px 0;padding:12px;border:1px solid #d9e2ef;border-radius:8px;background:#fff;color:#223047;min-height:70px;overflow-wrap:anywhere}.v2-signature-email img{max-width:100%;height:auto}.v2-signature-email[contenteditable=true]:empty:before{content:"Collez votre signature ici";color:#71829a}
.v2-composition form>label.v2-joindre{display:flex;align-items:center;gap:8px}
.v2-signature-de{display:flex;align-items:center;gap:10px;font-size:13px}.v2-signature-de select{width:auto}
.v2-signature-email{overflow-wrap:normal}.v2-signature-email *{all:revert;box-sizing:content-box}.v2-signature-email table{table-layout:auto}.v2-signature-email img{max-width:100%}

/* Le message du client reste consultable pendant la rédaction. */
#modale:has(.v2-reponse-disposition){width:min(1240px,100%)}
.v2-reponse-disposition{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.65fr);gap:24px;align-items:start;margin-top:20px}
.v2-reponse-disposition>form{min-width:0}
.v2-demande-reference{position:sticky;top:0;min-width:0;border:1px solid #dce3ed;border-radius:12px;background:#f5f8fc;overflow:hidden}
.v2-demande-reference summary{padding:16px;font-weight:600;color:#223047;cursor:pointer}
.v2-demande-reference-contenu{padding:0 16px 18px;max-height:calc(90dvh - 110px);overflow:auto;overscroll-behavior:contain}
.v2-demande-reference-identite{font-size:12px;color:#607088;margin-bottom:16px}
.v2-demande-reference-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:#223047}
.v2-demande-reference-contenu:focus-visible{outline:2px solid #285fdb;outline-offset:-3px}
@media(max-width:950px){
  .v2-reponse-disposition{grid-template-columns:minmax(0,1fr);gap:16px}
  .v2-demande-reference{z-index:2;box-shadow:0 3px 8px #2230470a}
  .v2-demande-reference summary{padding:12px 16px}
  .v2-demande-reference-contenu{max-height:28dvh}
}

/* Les échanges restent visibles à côté du message sélectionné. */
.v2-boite-colonne{min-width:0;background:#f9fafc;border-right:1px solid #e2e7ef}
.v2-boite-colonne .v2-boite-liste{border-right:0;border-bottom:1px solid #e2e7ef;max-height:280px}
.v2-echanges{padding:20px 16px}.v2-echanges h3{font-size:15px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}
.v2-echanges>.detail{margin:0 0 14px;font-size:11px}.v2-fil-echanges{display:grid;gap:10px;max-height:520px;overflow:auto;padding:3px}
.v2-app button.v2-echange{display:grid;grid-template-columns:minmax(0,1fr);justify-content:normal;gap:8px;width:100%;text-align:left;white-space:normal;padding:14px;background:white;color:#263344;border:1px solid #dce3ed;border-radius:10px;box-shadow:none}
.v2-app button.v2-echange:hover{background:#f0f4ff;color:#263344;border-color:#a5bce8}
.v2-app button.v2-echange[aria-pressed=true]{background:#edf3ff;border-color:#3266ed;box-shadow:inset 3px 0 #3266ed;color:#263344}
.v2-echange:focus-visible{outline:3px solid #3266ed;outline-offset:2px}.v2-echange-entete{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;align-items:center;font-size:12px}
.v2-echange-entete time{font-size:11px;color:#61718a}.v2-echange.envoye strong{color:#2053b7}.v2-echange.recu strong{color:#157078}.v2-echange-sujet{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.v2-echanges-limite{font-size:11px!important;color:#6b7c92;line-height:1.6;margin:16px 0 0}.v2-dernier-envoi{padding:10px 14px;border-radius:8px;background:#edf3ff;color:#2053b7;font-size:13px;margin:16px 0 0}
.v2-message-entete{margin-top:24px;padding-bottom:12px;border-bottom:1px solid #e2e7ef}.v2-message-entete>strong{font-size:12px;color:#245dcc}.v2-message-entete h3{font-size:17px;margin:10px 0 6px}.v2-message-entete p,.v2-message-entete small{font-size:12px;color:#61718a}.v2-message-entete+.v2-boite-message{margin-top:18px}
#echanges-suite{margin-top:12px;width:100%;white-space:normal;font-size:12px}
@media(max-width:850px){.v2-boite-colonne{border-right:0;border-bottom:1px solid #e2e7ef}.v2-boite-colonne .v2-boite-liste{max-height:220px}.v2-fil-echanges{max-height:260px}}
.v2-langue-reponse{display:grid;gap:4px;margin:0 0 14px}
.v2-langue-reponse label{display:flex;align-items:center;gap:10px;font-size:13px}
.v2-langue-reponse select{width:auto}
.v2-langue-reponse p.detail{margin:0}
.v2-envoi-auto{border:1px solid #dce3ed;border-radius:10px;padding:12px 14px;margin:16px 0 4px;display:grid;gap:8px}
.v2-envoi-auto legend{font-weight:550;padding:0 4px}
.v2-envoi-auto label.v2-joindre{display:flex;align-items:center;gap:8px}
.v2-envoi-auto>label:not(.v2-joindre){display:grid;gap:6px}
.v2-envoi-auto-pdf>p{margin:4px 0}
/* Liste des demandes assez haute pour en voir plusieurs. Sur mobile, la lecture
   passe d'abord, avec un retour vers la liste placee dessous. */
.v2-boite-ligne button.v2-nom-client{padding:0;border:0;background:none;box-shadow:none;font:inherit;font-weight:550;text-align:left;cursor:pointer;min-height:0}
.v2-boite-colonne .v2-boite-liste{max-height:min(62vh,640px)}
.v2-retour-liste{display:none}
.v2-demande-suivante{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#f2f6fd;color:#3b4a60;font-size:13px}
@media(max-width:850px){.v2-boite-lecture{order:-1;border-bottom:1px solid #e2e7ef}.v2-boite-colonne .v2-boite-liste{max-height:none}.v2-retour-liste{display:inline-flex;margin:0 0 14px}}
@media (max-width: 500px) {
  #modale .v2-composition-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  #modale .v2-composition-actions > button { min-width: 0; white-space: normal; }
  #modale .v2-composition-actions > [type="submit"] { grid-column: 1 / -1; }
}

/* Constat 237 : rédaction avec l'IA */
.v2-redaction-ia{border:1px solid #b9cdf5;border-radius:10px;padding:12px 16px;margin:0 0 14px;background:#f5f8ff;display:grid;gap:8px;min-width:0}
.v2-redaction-ia legend{font-size:13px;font-weight:600;color:#1f3a6b;padding:0 4px}
.v2-redaction-ia .detail{margin:0}
.v2-redaction-ia label{display:grid;gap:4px;font-size:13px}
.v2-redaction-ia-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v2-redaction-ia-actions span{font-size:12px;color:#4a5f80}
#a-completer-ia ul{margin:6px 0;padding-left:20px}
#a-completer-ia p{margin:0;font-size:12px}
.v2-ajout-piece{display:block;margin-top:12px;font-size:13px;font-weight:500}.v2-ajout-piece input{display:block;margin-top:6px;font-size:12px}

/* Boîte de réception par bien, adaptée de Notification Center Tabs (21st.dev). */
.demandes-page {
  --ligne: #e1e6ec;
  --texte-secondaire: #526477;
  --colonnes: minmax(220px, 1.4fr) minmax(170px, 1fr) 118px 24px;
  max-width: 1440px;
  margin-inline: auto;
}
.demandes-entete, .demandes-titre, .demandes-resultats {
  display: flex; align-items: center; gap: 14px;
}
.demandes-entete { justify-content: space-between; margin-bottom: 22px; }
.demandes-titre > span {
  width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;
  background: #e3ecf9; color: #365a89;
}
.demandes-titre .svg { width: 23px; height: 23px; }
.demandes-page .demandes-titre h1 { margin: 0; }
.demandes-panneau { border: 1px solid var(--ligne); background: #fff; border-radius: 15px; }
.demandes-panneau .v2-priorites-demandes {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px;
  margin: 0; padding: 0 20px 17px; border-bottom: 1px solid var(--ligne);
}
.demandes-panneau .filters { grid-column: 1 / -1; gap: 2px 8px; border-bottom: 1px solid var(--ligne); }
.demandes-panneau .filter {
  padding: 12px 6px; min-height: 48px; border: 0; border-bottom: 3px solid transparent;
  border-radius: 0; background: transparent; color: #516276; gap: 5px;
}
.demandes-panneau .filter:hover { background: #f3f6fa; }
.demandes-panneau .filter[aria-pressed="true"] { color: #254b84; background: #edf3fd; box-shadow: inset 0 -3px #3e68ac; font-weight: 650; }
.demandes-panneau .filter span { font-variant-numeric: tabular-nums; padding: 1px 6px; }
.demandes-panneau .filter.active span { background: #dfeafb; color: #254b84; }
.demandes-panneau #recherche-demandes { max-width: 580px; width: 100%; }
.demandes-panneau #chercher-demande { min-height: 40px; background: #f8fafc; }
.demandes-panneau .v2-tri-demandes { margin: 0; align-self: center; }
.demandes-panneau button:focus-visible, .demandes-ligne:focus-visible {
  outline: 3px solid #4275bd; outline-offset: -3px;
}
.demandes-resultats { justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 18px 20px; }
.demandes-resultats h2 { font-size: 20px; margin: 0; }
.demandes-resultats > span { font-size: 12px; color: var(--texte-secondaire); }
.demandes-colonnes, .demandes-ligne { display: grid; grid-template-columns: var(--colonnes); gap: 14px; align-items: center; padding-inline: 20px; }
.demandes-colonnes { background: #f6f8fa; border-block: 1px solid var(--ligne); padding-block: 8px; color: var(--texte-secondaire); font-size: 12px; font-weight: 550; }
.demandes-ligne { padding-block: 15px; text-decoration: none; color: #25374b; }
.demandes-ligne + .demandes-ligne { border-top: 1px solid var(--ligne); }
.demandes-ligne:last-child { border-radius: 0 0 15px 15px; }
.demandes-ligne:hover { color: #203e67; background: #f6f9fd; }
.demandes-identite { display: flex; align-items: center; gap: 12px; min-width: 0; overflow-wrap: anywhere; }
.demandes-identite h3 { margin: 0; font-size: 15px; line-height: 1.3; font-weight: 650; }
.demandes-identite p, .demandes-identite small, .demandes-dernier { color: var(--texte-secondaire); font-size: 12px; }
.demandes-identite p { margin: 3px 0 1px; }
.demandes-vignette { flex: none; }
.demandes-vignette .v2-demande-photo { width: 66px; height: 60px; border-radius: 9px; }
.demandes-vignette .v2-demande-sans-photo { background: #ecf1f5; color: #627990; }
.demandes-vignette .v2-demande-sans-photo > span { display: none; }
.demandes-suivi strong { display: block; font-size: 13px; font-weight: 600; }
.demandes-etats { display: flex; flex-wrap: wrap; gap: 3px 7px; margin-top: 4px; }
.demandes-etats span { font-size: 11px; white-space: normal; color: var(--texte-secondaire); }
.demandes-etats .etat-lecture { color: #2c548f; font-weight: 600; }
.etat-lecture::before { display: inline-block; content: ''; width: 6px; height: 6px; background: #4678c3; border-radius: 50%; margin-right: 4px; vertical-align: 1px; }
.demandes-etats .etat-relance { background: #fff0d9; color: #79460a; border-radius: 4px; padding-inline: 5px; }
.demandes-ouvrir { display: grid; place-items: center; color: #556d8a; }
.demandes-ouvrir .svg { width: 16px; height: 16px; }
.demandes-date-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.demandes-panneau .empty { border: 0; padding: 30px 16px; }
.demandes-panneau .v2-pager { padding: 0 18px 14px; }
@media (max-width: 1100px) {
  .demandes-page { --colonnes: minmax(175px, 1.3fr) minmax(130px, 1fr) 90px 16px; }
  .demandes-panneau .v2-priorites-demandes { grid-template-columns: minmax(0, 1fr); }
  .demandes-panneau .v2-tri-demandes { display: flex; }
}
@media (max-width: 700px) {
  .demandes-titre > span { width: 36px; height: 36px; }
  .demandes-entete { margin-bottom: 15px; }
  .demandes-panneau .filters { gap: 2px 4px; }
  .demandes-panneau .filter { min-height: 38px; padding: 6px; }
  .demandes-panneau .v2-priorites-demandes { padding: 9px 12px 14px; gap: 12px; }
  .demandes-panneau #recherche-demandes { flex-wrap: wrap; }
  .demandes-panneau #chercher-demande { flex: 1 1 140px; }
  .demandes-resultats { padding: 13px 12px; border-bottom: 1px solid var(--ligne); }
  .demandes-colonnes { display: none; }
  .demandes-ligne { grid-template-columns: minmax(0, 1fr) 20px; gap: 8px; padding: 14px; }
  .demandes-identite { grid-column: 1; }
  .demandes-suivi, .demandes-dernier { grid-column: 1 / -1; }
  .demandes-ouvrir { grid-column: 2; grid-row: 1; }
  .demandes-date-label { position: static; width: auto; height: auto; clip-path: none; margin-right: 5px; }
}

/* Fiche demande */
.fd-navigation {display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:0 0 15px;}
.fd-navigation a,.fd-navigation button {font-size:13px;}
.fd-navigation button {margin-left:auto;}
.v2-boite.fd-boite {border:0; border-radius:0; background:transparent; overflow:visible; gap:14px; align-items:start;}
.fd-boite.fd-directe {display:block; min-height:0;}
.fd-boite .v2-boite-colonne {border:1px solid #d6e1e7; border-radius:12px; overflow:hidden;}
.fd-boite .v2-boite-lecture {padding:0; border:0; container-type:inline-size; min-width:0;}
.fd-contexte,.fd-colonnes {display:grid; grid-template-columns:minmax(0,1.25fr) minmax(265px,.85fr); gap:14px; margin:0 0 14px;}
.fd-client,.fd-contexte .v2-annonce-selectionnee,.fd-reponses,.fd-pilotage {min-width:0; border:1px solid #d1dfe5; border-radius:14px; background:#fff; overflow-wrap:anywhere;}
.fd-client {display:flex; flex-direction:column;}
.fd-client header {display:flex; align-items:flex-start; gap:12px; padding:18px 20px; background:#eff6f7; border-radius:13px 13px 0 0; border-bottom:1px solid #d9e5e8;}
.fd-avatar {display:grid; place-items:center; width:40px; height:40px; flex:none; background:#265267; color:#fff; border-radius:11px;}
.fd-avatar svg {width:21px; height:21px;}
.v2-app .fd-client header :is(h1,h2) {font-size:clamp(21px,2.1vw,31px); margin:0 0 4px; line-height:1.12; color:#193d50;}
.fd-client .v2-nom-client {font-size:15px; color:#215a75;}
.fd-email {display:block; color:#486170; font-size:13px;}
.fd-texte-client,.fd-corps-reponse {white-space:pre-wrap; line-height:1.6; font-size:15px; color:#223e4f;}
.fd-texte-client {padding:18px 20px; flex:1;}
.fd-origine {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; padding:8px 18px; border-top:1px solid #e2e9ed; font-size:12px; color:#4b6272;}
.fd-origine .link-btn {font-size:12px;}
.fd-contexte .v2-annonce-selectionnee {margin:0; display:grid; grid-template-columns:1fr; gap:0; align-content:start; padding:0; overflow:hidden;}
.fd-contexte .v2-annonce-selectionnee .v2-demande-photo {display:block; width:100%; height:clamp(80px,9vw,128px); border-radius:0; object-fit:cover;}
.fd-contexte .v2-annonce-selectionnee .v2-demande-sans-photo {display:flex; height:64px;}
.fd-contexte .v2-annonce-selectionnee>div {padding:12px 16px;}
.fd-contexte .v2-annonce-selectionnee h3 {font-size:17px; color:#1d4053;}
.fd-contexte .v2-annonce-selectionnee.a-identifier {background:#fff8ee;}
.fd-colonnes {align-items:start;}
.fd-reponses,.fd-pilotage {padding:17px;}
.fd-entete-suivi,.fd-entete-reponses {display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap;}
.v2-boite-lecture .fd-colonnes h2 {margin:0; font-size:20px; color:#193d50;}
.fd-entete-reponses>span {border-radius:20px; padding:2px 9px; background:#eaf1f4; font-size:13px;}
.fd-echeance {margin:0; padding:11px 13px; border-radius:9px; background:#f1f6f7; display:grid; grid-template-columns:auto 1fr; gap:7px 12px; align-items:baseline;}
.fd-echeance dt {font-size:12px; color:#47626e;}
.fd-echeance dd {margin:0; font-size:13px; font-weight:600; color:#264a5a; text-align:right;}
.fd-echeance .v2-relance-demande {margin:0;}
.fd-dernier,.fd-destinataire,.fd-vide {font-size:13px; color:#486170;}
.fd-pilotage .v2-boite-actions {margin:12px 0 0; gap:6px;}
.fd-pilotage .v2-boite-actions>* {font-size:12px; padding:7px 10px; min-height:35px;}
.fd-pilotage .v2-suivi-historique {margin:12px 0 0;}
.fd-reponse {border-top:1px solid #dce5e9;}
.fd-reponse summary {display:grid; grid-template-columns:minmax(0,1fr) auto 12px; align-items:baseline; gap:4px 8px; cursor:pointer; padding:12px 0; list-style:none;}
.fd-reponse summary::-webkit-details-marker {display:none;}
.fd-reponse summary::after {content:"⌄"; grid-column:3; grid-row:1; color:#4b6675;}
.fd-reponse[open] summary::after {transform:rotate(180deg);}
.fd-reponse summary strong {grid-column:1/-1; color:#254558; font-size:14px;}
.fd-reponse time {font-size:11px; color:#586e7c;}
.fd-etat {width:fit-content; font-size:12px; font-weight:600; color:#7b520d;}
.fd-etat.envoye {color:#21614e;}
.fd-contenu-reponse {border-left:3px solid #bbd5de; background:#f6f9fa; padding:10px 14px; margin-bottom:12px; border-radius:0 8px 8px 0;}
.fd-contenu-reponse p,.fd-contenu-reponse small {font-size:12px; color:#4c6472; margin:7px 0;}
.fd-contenu-reponse small {display:block;}
.fd-contenu-reponse .fd-destinataire {margin-top:0;}
@container(max-width:635px){
  .fd-contexte,.fd-colonnes {grid-template-columns:minmax(0,1fr);}
  .fd-contexte .v2-annonce-selectionnee {grid-template-columns:minmax(76px,30%) 1fr;}
  .fd-contexte .v2-annonce-selectionnee .v2-demande-photo {height:100%; min-height:100px;}
  .fd-pilotage {grid-row:1;}
}
@media(max-width:500px){
  .fd-origine,.fd-texte-client,.fd-client header {padding:12px;}
  .fd-pilotage,.fd-reponses {padding:14px;}
  .fd-pilotage .v2-boite-actions>* {width:auto;}
  .fd-reponse time {font-size:10px;}
}