
:root{
  --salon-creme:#f8f7f3;--salon-papier:#fffefa;--salon-cadre:#fbfaf7;
  --salon-encre:#303d37;--salon-doux:#4b5e52;--salon-trait:#e2e7df;
  --salon-voile:#e8eee5;--salon-survol:#f0f1eb;
  --salon-accent:#365b47;--salon-accent-fort:#284a39;
  --salon-peche:#f6e6d9;--salon-sauge:#edf0e5;--salon-lilas:#e9e2f3;
  --salon-degrade:linear-gradient(120deg,var(--salon-peche),var(--salon-sauge) 55%,var(--salon-lilas));
}
body:has(#barre-app:not(.cache)){background:var(--salon-creme)}
#barre-app{background:var(--salon-cadre);color:var(--salon-encre);
  box-shadow:0 1px 0 var(--salon-trait)}
#barre-app :is(.marque,.onglet,.ico,.etude,#nom-etude,#nom-personne,#identite-dossier-bandeau){color:var(--salon-encre)}
#barre-app .etude :is(#nom-etude,#nom-personne){color:var(--salon-encre)}
#barre-app :is(.onglet:hover,.ico:hover){background:var(--salon-survol);color:var(--salon-accent-fort)}
#barre-app .onglet.actif{background:var(--salon-voile);color:var(--salon-accent-fort)}
#barre-app .onglet.actif::after{background:var(--salon-accent)}
#barre-app .chercheur-dossier-bandeau input{border-color:#d8e1d5;background:#fff;color:var(--salon-encre)}
#barre-app .chercheur-dossier-bandeau input::placeholder{color:#637369}
#barre-app .chercheur-dossier-bandeau input:focus{outline-color:#55755f;background:#fff}
#barre-app .pilule{background:var(--salon-voile);border-color:#cddbc7;color:var(--salon-encre)}
#barre-app .avatar{background:var(--salon-voile);color:var(--salon-encre)}
#barre-app .sep{background:#d8e1d5}
#barre-app .nouv{background:var(--salon-accent);color:#fff}
#barre-app .nouv:hover{background:var(--salon-accent-fort)}
body:has(#barre-app:not(.cache)) .pied{background:var(--salon-cadre);color:#465c4d;border-color:var(--salon-trait)}
body:has(#barre-app:not(.cache)) .pied :is(a,button,.sous){color:#465c4d}
:is(#barre-app,#vue-accueil-plus,#vue-accueil) :is(button,input,textarea,select,[role=button]):focus-visible{
  outline:3px solid #55755f;outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  :is(#barre-app,#vue-accueil-plus,#vue-accueil) *{scroll-behavior:auto;transition:none}
}
:is(#vue-accueil-plus,#vue-accueil) :is(input,textarea)::placeholder{color:#68786c;opacity:1}
#vue-accueil{
  --papier:#fffefa;--ivoire:#f3f4ee;--fond:#f8f7f3;--blanc:#fffefa;
  --trait:#dbe3d6;--encre:#303d37;--accent:#365b47;--cedre:#365b47;
  --cedre-profond:#284a39;--accent-clair:#e8eee5;--doux:#4b5e52;
  --rayon:22px;--ombre:0 10px 35px rgba(43,67,50,.045);
  background:var(--fond);color:var(--encre);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
#vue-accueil :is(button,input,textarea,select){font-family:system-ui,sans-serif}
#vue-accueil .accueil-cowork{background:#f8f7f3;grid-template-columns:252px minmax(0,1fr)}
#vue-accueil .cowork-gauche{background:#fbfaf7;border-color:#dbe3d6;padding:20px 16px}
#vue-accueil .cowork-gauche .cowork-nouveau{border-radius:14px;background:#365b47;color:#fff}
#vue-accueil .cowork-travail{border-radius:14px;padding:12px;background:#fffefa}
#vue-accueil .cowork-travail.actif{background:#e0e9da;box-shadow:inset 3px 0 #365b47}
#vue-accueil .cowork-centre{padding:24px clamp(20px,4vw,64px) 18px}
#vue-accueil .cowork-entete h1{font-family:system-ui,sans-serif;color:#303d37;letter-spacing:-.035em}
#vue-accueil .cowork-message.kedros{border-radius:18px;background:#fffefa;border:1px solid #dbe3d6;padding:20px}
#vue-accueil .cowork-message.utilisateur{border-radius:18px;background:#e8eee5;color:#303d37}
#vue-accueil .cowork-droite{background:#fffefa;border-color:#dbe3d6}
#vue-accueil .cowork-envoi button{background:#365b47;color:#fff;border-radius:999px}
#vue-accueil .cowork-connecteur{border-radius:12px;background:#f0f1eb}
#vue-accueil .cowork-centre:has(#cowork-fil:empty){justify-content:center;background:#f8f7f3}
#vue-accueil .cowork-centre:has(#cowork-fil:empty) .cowork-entete{margin-bottom:30px}
#vue-accueil .cowork-centre:has(#cowork-fil:empty) .cowork-entete h1{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.045em}
#vue-accueil .cowork-fil:empty{flex:0;padding:0}
#vue-accueil .cowork-compositeur{padding:20px;border-radius:26px;border-color:#cddbc7;
  background:var(--salon-degrade);box-shadow:0 14px 40px rgba(43,67,50,.08)}
#vue-accueil .cowork-compositeur textarea{min-height:calc(3.2em + 16px);height:calc(3.2em + 16px);
  max-height:calc(9.6em + 16px);padding-right:92px;resize:none;overflow-y:auto;
  font-size:16px;line-height:1.6;background:#fffefa}
body:has(#vue-accueil:not(.cache)) :is(#barre-app,.pied){background:var(--salon-cadre)}
@media(max-width:760px){
  #vue-accueil .accueil-cowork{grid-template-columns:minmax(0,1fr)}
  #vue-accueil .cowork-centre{padding:14px 12px}
  #vue-accueil .cowork-centre:has(#cowork-fil:empty){justify-content:flex-start}
  #vue-accueil .cowork-compositeur{padding:14px}
  #vue-accueil .cowork-compositeur textarea{min-height:60px;font-size:15px}
  #vue-accueil :is(.cowork-gauche-tete,.cowork-recherche-ligne){display:contents}
  #vue-accueil :is(#cowork-colonne-bascule,.cowork-navigation svg){display:none}
}
@media(min-width:761px){
  #vue-accueil .accueil-cowork{--colonne:240px;min-height:520px}
  #vue-accueil .accueil-cowork.colonne-repliee{--colonne:56px}
  #vue-accueil .accueil-cowork,
  #vue-accueil .accueil-cowork.suivi-replie{
    grid-template-columns:var(--colonne) minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  }
  #vue-accueil .cowork-gauche{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden auto;
    padding:12px 10px 8px;background:#fbfaf7;backdrop-filter:none;box-shadow:none;scrollbar-width:thin}
  #vue-accueil .cowork-gauche-tete{display:flex;align-items:center;gap:6px;flex:none}
  #vue-accueil .cowork-gauche .cowork-nouveau{flex:1 1 auto;width:auto;min-width:0;height:44px;padding:0 14px;
    border:0;font-size:14px;box-shadow:none;white-space:nowrap}
  #vue-accueil .cowork-nouveau:after{content:none}
  #vue-accueil #cowork-colonne-bascule{flex:0 0 36px;width:36px;height:36px;
    display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--trait);
    border-radius:14px;background:var(--blanc);color:var(--accent)}
  #vue-accueil .cowork-navigation{display:flex;flex-direction:column;flex:none;gap:2px;padding:0;border:0}
  #vue-accueil .cowork-navigation button{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;
    border-radius:14px;font-size:13.5px;font-weight:600;white-space:nowrap}
  #vue-accueil .cowork-navigation svg{flex:none;color:var(--accent)}
  #vue-accueil .cowork-recherche-ligne{display:flex;align-items:center;gap:6px;flex:none}
  #vue-accueil .cowork-recherche{flex:1 1 auto;min-width:0;font-size:0;gap:0}
  #vue-accueil .cowork-recherche input{height:36px;padding:0 12px;border-radius:14px;
    background:var(--blanc);font-size:13.5px}
  #vue-accueil .cowork-liste-titre{flex:none;padding:2px 10px 0;font-size:13px;color:var(--doux)}
  #vue-accueil .cowork-espace{flex:none;gap:4px;margin:0;padding:0 2px}
  #vue-accueil .cowork-espace .cowork-filtre{height:28px;padding:0 9px;border:1px solid var(--trait);border-radius:14px;
    background:transparent;color:var(--encre);font-size:12.5px;font-weight:600;white-space:nowrap}
  #vue-accueil .cowork-espace .cowork-filtre.actif{background:var(--accent-clair);color:var(--accent)}
  #vue-accueil .cowork-travaux{flex:1 1 0;display:flex;flex-direction:column;gap:2px;min-height:120px;
    margin:0;padding:0;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--trait) transparent}
  #vue-accueil .cowork-travail{flex:none;align-items:center;gap:10px;min-height:44px;padding:4px 10px;
    border-radius:14px;background:transparent}
  #vue-accueil .cowork-travail:hover{background:var(--accent-clair)}
  #vue-accueil .cowork-travail.actif{background:var(--accent-clair);box-shadow:none}
  #vue-accueil .cowork-travail-corps{gap:0}
  #vue-accueil .cowork-travail strong{font-size:13px;font-weight:600;line-height:1.3}
  #vue-accueil .cowork-travail.actif strong{font-weight:700}
  #vue-accueil .cowork-travail small{font-size:12px;font-weight:400;line-height:1.3}
  #vue-accueil .cowork-etat{width:10px;height:10px;margin:0;box-shadow:none;box-sizing:border-box}
  #vue-accueil .cowork-etat.terminee{background:var(--trait);border:1px solid var(--doux)}
  #vue-accueil .cowork-etat.en_cours{background:transparent;border:2px solid var(--accent);box-shadow:none}
  #vue-accueil .cowork-etat.en_attente{background:var(--accent)}
  #vue-accueil .colonne-repliee .cowork-gauche{align-items:center;padding-inline:8px}
  #vue-accueil .colonne-repliee :is(.cowork-recherche-ligne,.cowork-liste-titre,.cowork-espace,.cowork-travaux){display:none}
  #vue-accueil .colonne-repliee .cowork-gauche-tete{flex-direction:column-reverse;gap:10px}
  #vue-accueil .colonne-repliee #cowork-colonne-bascule svg{transform:rotate(180deg)}
  #vue-accueil .colonne-repliee .cowork-gauche .cowork-nouveau{flex:none;width:40px;height:40px;padding:0;
    font-size:0;justify-content:center}
  #vue-accueil .colonne-repliee .cowork-nouveau:before{content:"+";font-size:20px;font-weight:700;line-height:1}
  #vue-accueil .colonne-repliee .cowork-navigation button{justify-content:center;width:40px;height:36px;
    padding:0;font-size:0}
  #vue-accueil .cowork-fil{max-width:none;padding-inline:max(2px,calc((100% - 860px) / 2))}
  #vue-accueil .accueil-cowork:not(.sans-travail){min-height:460px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-fil:not(:empty){min-height:120px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-centre{padding:12px 24px 14px}
  #vue-accueil .accueil-cowork.suivi-replie .cowork-centre{padding-right:62px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-entete{max-width:860px;margin-bottom:6px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-entete h1{font-size:17px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-fil{gap:10px;padding-block:4px 8px}
  #vue-accueil .cowork-message.utilisateur{max-width:70%;padding:9px 14px;border-radius:16px;
    box-shadow:none;font-size:14.5px}
  #vue-accueil .cowork-message.kedros{align-self:stretch;padding:18px 26px 20px;font-size:15px;line-height:1.6}
  #vue-accueil .cowork-deposer-livrable{align-self:flex-start}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-suggestions{display:none}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-compositeur{position:relative;display:flex;flex-wrap:wrap;
    align-items:center;gap:8px;max-width:860px;max-height:none;overflow:visible;margin-top:6px;padding:10px;border-radius:22px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-contexte{flex:none}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-dossier-choix input{max-width:150px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-contexte button{height:36px;padding:0 12px;
    border-radius:14px;background:var(--blanc);font-size:13px;font-weight:600}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-compositeur textarea{flex:1 1 240px;width:auto;min-width:0;
    height:44px;min-height:44px;padding:8px 92px 8px 14px;border:1px solid var(--trait);border-radius:14px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-compositeur textarea::placeholder{white-space:nowrap}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-selecteur-recettes{position:absolute;z-index:6;left:0;right:0;
    bottom:calc(100% + 8px);max-height:min(280px,40vh);margin:0;box-shadow:0 12px 34px rgba(45,57,40,.16)}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-selecteur-recettes header{position:sticky;top:-10px;z-index:1;
    margin:-10px -10px 8px;padding:8px 10px;background:var(--ivoire)}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-envoi{display:contents}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-envoi button{height:44px;padding:0 18px;border-radius:14px;
    box-shadow:none;font-size:14px}
  #vue-accueil .accueil-cowork:not(.sans-travail) .cowork-envoi button[type="submit"]{margin-left:auto}
  #vue-accueil .accueil-cowork:not(.sans-travail) #cowork-message{flex:1 0 100%;order:9;padding:0 6px}
  #vue-accueil .accueil-cowork:not(.sans-travail) #cowork-message:empty{display:none}
}
@media(min-width:1101px){
  #vue-accueil .accueil-cowork{--volet:280px}
  #vue-accueil .accueil-cowork.suivi-replie{--volet:48px}
  #vue-accueil .accueil-cowork,
  #vue-accueil .accueil-cowork.suivi-replie{grid-template-columns:var(--colonne) minmax(0,1fr) var(--volet)}
  #vue-accueil .accueil-cowork.suivi-replie .cowork-centre{padding-right:clamp(20px,4vw,64px)}
  #vue-accueil .accueil-cowork.suivi-replie:not(.sans-travail) .cowork-centre{padding-right:24px}
  #vue-accueil .cowork-droite,
  #vue-accueil .suivi-replie .cowork-droite{position:relative;top:auto;right:auto;bottom:auto;z-index:auto;width:auto;
    min-height:0;padding:8px 14px 14px;background:#fbfaf7;backdrop-filter:none;box-shadow:none;
    transform:none;transition:none;overflow:hidden auto;scrollbar-width:thin}
  #vue-accueil .suivi-replie .cowork-droite{padding-inline:6px}
  #vue-accueil .cowork-droite>button,
  #vue-accueil .suivi-replie .cowork-droite>button{top:8px;right:14px;left:auto;width:36px;height:36px;
    justify-content:center;padding:0;border-radius:14px;background:var(--blanc)}
  #vue-accueil .suivi-replie .cowork-droite>button{right:6px}
  #vue-accueil .cowork-replier-texte{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
  #vue-accueil .cowork-droite section{padding:12px 0 14px;border-top:0;border-bottom:1px solid var(--trait)}
  #vue-accueil .cowork-droite section:first-of-type{padding-top:0}
  #vue-accueil .cowork-droite section:last-of-type{border-bottom:0}
  #vue-accueil .cowork-droite h2{margin:0 0 8px;font-size:13.5px;font-weight:700}
  #vue-accueil .cowork-droite section:first-of-type h2{min-height:36px;margin-bottom:6px;padding-right:44px;line-height:36px}
}
@media(min-width:1101px) and (max-height:900px){
  #vue-accueil .sans-travail .cowork-centre{padding-top:8px}
}
#vue-accueil .cowork-compositeur.survol{outline:2px dashed #365b47;outline-offset:3px}
#vue-accueil .cowork-premiers-pas{max-width:820px;width:100%;margin:0 auto 12px;padding:12px 16px;
  border:1px solid #cddbc7;border-radius:16px;background:#fffefa}
#vue-accueil .cowork-premiers-pas p{margin:4px 0 8px;font-size:13px;color:var(--doux)}
#vue-accueil .cowork-premiers-pas div{display:flex;flex-wrap:wrap;gap:8px}
#vue-accueil .accueil-cowork:not(.sans-travail) .cowork-premiers-pas{display:none}
#vue-accueil:has(> .accueil-cowork){min-height:0}
@media(min-width:761px) and (max-height:900px){
  #vue-accueil:has(> .accueil-cowork) .pied{display:none}
}
#vue-travail #zone-depose{background:var(--salon-degrade);color:#303d37;border-color:#cbbfd8;border-radius:18px}
#vue-travail #zone-depose:is(:hover,.survol,:focus-visible){
  border-color:#365b47;outline:2px solid #365b47;outline-offset:2px;
  background:linear-gradient(120deg,#f2dccd,#e1ead9 55%,#e1d7ef);
}
#vue-travail .pieces-vues button[aria-pressed="true"]{background:var(--salon-voile);color:#303d37;border-color:#cddbc7}
#vue-travail #arbre-pieces .arbre-rubrique{border-color:#e2e5dc;border-radius:18px}
#vue-travail #arbre-pieces .arbre-rubrique>summary{background:#fffefa;color:#303d37}
#vue-travail #arbre-pieces .arbre-rubrique .aide{color:#4b5e52;opacity:1}
#vue-travail #table-pieces thead{background:#f8f7f3}
#vue-travail #panneau-conversation.conversation-dossier-integree .conversation-saisie{
  padding:20px!important;border:1px solid #cddbc7!important;border-radius:26px;
  background:var(--salon-degrade);box-shadow:0 14px 40px rgba(43,67,50,.08)}
#vue-travail #panneau-conversation.conversation-dossier-integree #conversation-texte{
  padding:10px 12px;border:1px solid #e2e7df;border-radius:16px;background:#fffefa;
  font-size:16px;line-height:1.6}
#vue-travail #panneau-conversation.conversation-dossier-integree:has(#conversation-echanges:not(:empty):not(.fil-neuf)) .conversation-saisie{
  bottom:0;margin-bottom:0;padding:8px 14px!important;border-radius:18px}
#vue-travail #panneau-conversation.conversation-dossier-integree:has(#conversation-echanges:not(:empty):not(.fil-neuf)) #conversation-texte{
  min-height:46px;height:46px;padding:6px 10px;resize:none;field-sizing:content;max-height:28vh}
#vue-travail #panneau-conversation.conversation-dossier-integree:has(#conversation-echanges:not(:empty):not(.fil-neuf)) .accueil-kedros-outils{
  min-height:30px;margin-top:4px}
#vue-travail #panneau-conversation.conversation-dossier-integree:has(#conversation-echanges:not(:empty):not(.fil-neuf)) .accueil-kedros-outils button{
  padding:4px 10px;font-size:12px;white-space:nowrap}
#vue-travail .conversation-dossier-integree #btn-conversation-poser{
  background:#365b47;border-color:#365b47;color:#fff}
#vue-travail #panneau-conversation.conversation-dossier-integree #conversation-echanges:empty:before,
#vue-travail #panneau-conversation.conversation-dossier-integree #conversation-echanges.fil-neuf:before{
  color:#303d37;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;
  letter-spacing:-.045em}
#vue-travail .accueil-kedros-exemples button{background:#fffefa;border-color:#dbe3d6;color:#4b5e52}
#vue-travail .conversation-taches-dossier{background:#fbfaf7;border-color:#dbe3d6}
#vue-travail .conversation-nouvelle{background:#365b47;border-radius:14px}
#vue-travail .conversation-nouvelle[aria-pressed="true"]{background:#fffefa;color:#365b47;
  box-shadow:inset 3px 0 #365b47}
#vue-travail .conversation-tache.active{background:#e0e9da;box-shadow:inset 3px 0 #365b47}
