
: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)}
#barre-modes-travail{background:var(--salon-cadre);border-color:var(--salon-trait)}
#barre-modes-travail button{color:#54645b}
#barre-modes-travail button.actif{border-bottom-color:var(--salon-accent);color: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,#barre-modes-travail,#vue-cockpit,#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-cockpit,#vue-accueil) *{scroll-behavior:auto;transition:none}
}
#vue-cockpit{
  --papier:#fffefa;--ivoire:#f3f4ee;--fond:#f8f7f3;--blanc:#fffefa;
  --trait:#dbe3d6;--encre:#303d37;--accent:#365b47;--cedre:#365b47;
  --cedre-profond:#284a39;--accent-clair:#e8eee5;--doux:#4b5e52;
  background:var(--fond);color:var(--encre);
}
:is(#vue-cockpit,#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>button{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,#barre-modes-travail,.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}
}
@media(min-width:761px){
  #vue-accueil .accueil-cowork,
  #vue-accueil .accueil-cowork.suivi-replie{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
  }
  #vue-accueil .cowork-gauche{
    grid-column:1;grid-row:1;display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(160px,220px);
    grid-template-areas:"nouveau nav recherche" "poignee liste liste";
    align-items:center;gap:12px 18px;padding:14px 24px;
    border-right:0;border-bottom:1px solid #dbe3d6;
    box-shadow:none;overflow:visible;
  }
  #vue-accueil .cowork-nouveau{grid-area:nouveau;width:auto;white-space:nowrap;gap:18px}
  #vue-accueil .cowork-navigation{
    grid-area:nav;display:flex;flex-wrap:wrap;gap:4px;
    border:0;padding:0;min-width:0;
  }
  #vue-accueil .cowork-navigation button{white-space:nowrap;padding:8px 10px}
  #vue-accueil .cowork-recherche{grid-area:recherche;min-width:0}
  #vue-accueil .cowork-liste-titre{grid-area:poignee;padding:0;gap:8px}
  #vue-accueil .cowork-travaux{
    grid-area:liste;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;
    max-height:90px;margin:0;padding:2px 0 6px;min-width:0;
  }
  #vue-accueil .cowork-travail{width:240px;flex:0 0 240px}
  #vue-accueil .cowork-centre{grid-column:1;grid-row:2;min-height:0}
  #vue-accueil .suivi-replie .cowork-gauche{padding-right:68px}
  #vue-accueil .accueil-cowork:not(.suivi-replie) .cowork-gauche{padding-right:360px}
  #vue-accueil .cowork-gauche:has(.cowork-filtres-cg){
    grid-template-areas:"nouveau nav recherche" "poignee liste liste" "filtres filtres filtres";
  }
  #vue-accueil .cowork-filtres-cg{grid-area:filtres;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
  #vue-accueil .cowork-filtres-cg label{display:flex;align-items:center;gap:6px}
  #vue-accueil .cowork-filtres-cg select{width:auto;max-width:200px}
}
@media(min-width:1101px) and (max-height:900px){
  #vue-accueil .cowork-gauche{padding-top:8px;padding-bottom:8px;row-gap:6px}
  #vue-accueil .cowork-recherche{display:flex;align-items:center;gap:8px}
  #vue-accueil .cowork-recherche input{flex:1 1 auto;min-width:0}
  #vue-accueil .cowork-centre{padding-top:8px}
}
#vue-accueil:has(> .accueil-cowork){min-height:0}
@media(min-width:761px) and (max-height:900px){
  #vue-accueil:has(> .accueil-cowork) .pied{display:none}
}
@media(min-width:761px) and (max-width:1100px){
  #vue-accueil .cowork-gauche{
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"nouveau recherche" "nav nav" "poignee liste";
    gap:8px 16px;padding:12px 18px;
  }
  #vue-accueil .cowork-gauche:has(.cowork-filtres-cg){
    grid-template-areas:"nouveau recherche" "nav nav" "poignee liste" "filtres filtres";
  }
  #vue-accueil .suivi-replie .cowork-gauche{padding-right:68px}
  #vue-accueil .accueil-cowork:not(.suivi-replie) .cowork-gauche{padding-right:354px}
}
#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 .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}
