#vue-dossiers{--trait:#dbe3d6;--encre:#303d37;--doux:#4b5e52;
  --accent:#365b47;--accent-fort:#284a39;--voile:#e8eee5;--papier-carte:#fbfaf7;
  --blanc-chaud:#fffefa;color:var(--encre);padding:16px 3.5% 22px!important}
#vue-dossiers>div:first-child{margin-bottom:6px}
#vue-dossiers>div:first-child h2{font-size:24px;font-weight:700;line-height:1.2;
  letter-spacing:0;color:var(--encre)}
#vue-dossiers .dossiers-gestes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
#vue-dossiers .dossiers-gestes button{min-height:40px;padding:0 14px;border-radius:14px;
  font-size:13.5px;white-space:nowrap}
#vue-dossiers #btn-dossiers-nouveau{padding:0 18px;border:0;background:var(--accent);color:#fff}
#vue-dossiers #btn-dossiers-nouveau:hover{background:var(--accent-fort)}
#vue-dossiers .dossiers-commande{display:flex;flex-wrap:wrap;align-items:center;
  gap:6px 10px;margin:10px 0 0}
#vue-dossiers #dossiers-filtres{display:contents}
#vue-dossiers #dossiers-filtres>button.fd{min-height:36px;padding:0 14px;border:0;
  border-radius:14px;background:transparent;color:var(--doux);font-size:13.5px;font-weight:600}
#vue-dossiers #dossiers-filtres>button.fd.on{background:var(--voile);color:var(--encre);font-weight:700}
#vue-dossiers #dossiers-filtres>button.fd[data-fd="tous"]{margin-right:auto}
#vue-dossiers #dossiers-filtre{max-width:320px;min-height:36px;padding:0 12px;
  border-color:var(--trait);border-radius:14px;background:var(--blanc-chaud);font-size:13.5px}
#vue-dossiers .dossiers-tri-libelle{margin:0;font-size:13px;color:var(--doux)}
#vue-dossiers #dossiers-tri{min-height:36px;padding:0 10px;border-color:var(--trait);
  border-radius:14px;background:var(--blanc-chaud);font-size:13.5px}
#vue-dossiers #dossiers-tri-sens{min-width:36px;min-height:36px;padding:0;
  border-radius:14px;font-size:15px;line-height:1}
#vue-dossiers .dossiers-filtres-suite{order:8;flex:1 1 100%;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px 6px}
#vue-dossiers .dossiers-filtres-suite button.fd{min-height:30px;padding:0 10px;
  border-radius:14px;font-size:12.5px;font-weight:600}
#vue-dossiers #dossiers-miens-note{order:9;flex:1 1 100%}
#vue-dossiers .pli-second-rang{margin-top:6px;border-color:var(--trait);border-radius:14px}
#vue-dossiers .pli-second-rang:not([open])>summary{padding-top:6px;padding-bottom:6px}
#vue-dossiers #pli-import:not([open]){display:none}
#vue-dossiers #dossiers-table-zone{overflow:visible!important;margin-top:8px!important}
#vue-dossiers table.cartes-dossiers{display:block;width:100%}
#corps-dossiers-pleine{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:10px;
  container-type:inline-size}
#vue-dossiers .carte-dossier{display:grid;box-sizing:border-box;align-items:center;
  grid-template-columns:44px minmax(0,max-content) max-content repeat(2,minmax(0,max-content)) minmax(0,1fr) repeat(3,auto) 42px;
  min-height:60px;padding:7px 8px 7px 10px;border:1px solid var(--trait);
  border-left:4px solid #c9c2ae;border-radius:14px;background:var(--papier-carte);cursor:pointer}
#vue-dossiers .liste-longue .carte-dossier{content-visibility:auto;contain-intrinsic-size:auto 60px}
#vue-dossiers .carte-dossier:hover{border-top-color:#c6d2c0;border-right-color:#c6d2c0;
  border-bottom-color:#c6d2c0;background:var(--blanc-chaud)}
#vue-dossiers .carte-dossier td{display:block;width:auto;min-width:0;padding:0;border:0;
  border-radius:0;background:none}
#vue-dossiers .carte-dossier:hover td{background:none}
#vue-dossiers .carte-dossier td.cd-dossier{display:contents}
#vue-dossiers .carte-dossier::before{content:"";grid-column:1;grid-row:1/3;width:34px;height:34px;
  border-radius:14px;background:var(--voile) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23365b47' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5h4l1.5 1.5H14v6.5H2z'/%3E%3C/svg%3E")}
#vue-dossiers .carte-dossier .cd-parties{grid-column:2/7;grid-row:1;min-width:0;overflow:hidden;
  color:var(--encre);font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;
  text-overflow:ellipsis;white-space:nowrap}
#vue-dossiers .carte-dossier .et-mat{grid-column:2;grid-row:2;justify-self:start;box-sizing:border-box;
  max-width:calc(100% - 8px);margin:0 8px 0 0;overflow:hidden;padding:0 7px;font-size:11px;
  line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
#vue-dossiers .carte-dossier .cd-date{grid-column:3;grid-row:2;padding-right:10px}
#vue-dossiers .carte-dossier .cd-numero{grid-column:4;grid-row:2}
#vue-dossiers .carte-dossier .cd-numero:not(:empty){padding-right:10px}
#vue-dossiers .carte-dossier .cd-etat-dossier{grid-column:5;grid-row:2;padding-right:8px}
#vue-dossiers .carte-dossier .cd-etat-dossier select{max-width:100%;min-height:24px;padding:0 4px;
  font-size:12px}
#vue-dossiers .carte-dossier .et-rang{grid-column:6;grid-row:2;justify-self:start;margin:0;
  padding:0 7px;font-size:11px;line-height:1.5;white-space:nowrap}
#vue-dossiers .carte-dossier .cd-date,#vue-dossiers .carte-dossier .cd-numero,
#vue-dossiers .carte-dossier .cd-etat-dossier{overflow:hidden;color:var(--doux);font-size:12.5px;
  line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#vue-dossiers .carte-dossier .cd-signe{grid-column:7;grid-row:1;width:auto;text-align:center}
#vue-dossiers .carte-dossier .cd-pion{width:auto;text-align:center}
#vue-dossiers .carte-dossier .cd-pion:not(:empty){padding-left:4px}
#vue-dossiers .carte-dossier .cd-pion-notaire{grid-column:8;grid-row:1}
#vue-dossiers .carte-dossier .cd-pion-collaborateur{grid-column:9;grid-row:1}
#vue-dossiers .carte-dossier .pion{width:24px;height:24px;font-size:11px}
#vue-dossiers .carte-dossier .cd-calculs{grid-column:7/10;grid-row:2;width:auto;text-align:right}
#vue-dossiers .carte-dossier .cd-calculs button{min-height:24px;padding:0 8px;border-radius:10px;
  font-size:12px;font-weight:600}
#vue-dossiers .carte-dossier .cd-epingle{grid-column:10;grid-row:1/3;justify-self:end}
@container (max-width:1100px){
  #vue-dossiers .carte-dossier .cd-date-dit{display:none}
}
@container (max-width:460px){
  #vue-dossiers .carte-dossier .cd-etat-dossier{grid-column:2/7;grid-row:3}
  #vue-dossiers .carte-dossier .cd-calculs{grid-row:3}
  #vue-dossiers .carte-dossier .cd-numero{grid-column:2/7;grid-row:4}
  #vue-dossiers .carte-dossier .et-rang{grid-column:2/7;grid-row:5}
  #vue-dossiers .carte-dossier .cd-epingle{grid-row:1/4}
}
button.epingle-dossier{width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:14px;
  background:transparent center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234b5e52' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10.5V14.5'/%3E%3Cpath d='M5.5 2h5'/%3E%3Cpath d='M6.5 2v4L4 9.5v1h8v-1L9.5 6V2z'/%3E%3C/svg%3E");
  cursor:pointer}
button.epingle-dossier[aria-pressed="true"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23365b47' stroke='%23365b47' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10.5V14.5'/%3E%3Cpath d='M5.5 2h5'/%3E%3Cpath d='M6.5 2v4L4 9.5v1h8v-1L9.5 6V2z'/%3E%3C/svg%3E")}
button.epingle-dossier:hover{background-color:#e8eee5}
button.epingle-dossier:focus-visible{outline:2px solid #365b47;outline-offset:2px}
@media(max-width:640px){
  #vue-dossiers .dossiers-gestes{width:100%}
  #vue-dossiers #dossiers-filtre{flex-basis:100%!important;max-width:none}
}
#vue-dossiers .dossiers-outils{position:relative}
#vue-dossiers #btn-dossiers-outils{min-width:40px;font-size:18px;line-height:1}
#vue-dossiers .dossiers-outils-liste{display:none;position:absolute;right:0;top:calc(100% + 6px);
  z-index:30;min-width:290px;padding:6px;border:1px solid var(--trait);border-radius:14px;
  background:var(--blanc-chaud);box-shadow:0 8px 24px rgba(48,61,55,.16)}
#vue-dossiers .dossiers-outils-liste.on{display:block}
#vue-dossiers .dossiers-outils-liste button{display:block;width:100%;min-height:0;height:auto;
  padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--encre);
  font-size:13.5px;text-align:left;white-space:normal}
#vue-dossiers .dossiers-outils-liste button:hover,
#vue-dossiers .dossiers-outils-liste button:focus-visible{background:var(--voile)}
#vue-dossiers .dossiers-outils-liste small{display:block;margin-top:2px;color:var(--doux);font-size:12px}
#vue-dossiers .pli-second-rang:not([open]){display:none}
#vue-dossiers .carte-dossier .cd-echeance{grid-column:6;grid-row:2;min-width:0;overflow:hidden;
  color:var(--encre);font-size:12.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#vue-dossiers .carte-dossier .cd-etat-dossier.etat-vide{position:relative;box-sizing:border-box;
  min-width:32px;min-height:22px;margin-right:8px;padding-right:0;overflow:visible;border-radius:8px}
#vue-dossiers .carte-dossier:hover .cd-etat-dossier.etat-vide:not(:has(select)){
  outline:1px dashed #c6d2c0;outline-offset:-1px}
#vue-dossiers .carte-dossier .cd-etat-dossier.etat-vide:not(:has(select)):hover::after{content:"Poser l'état";
  position:absolute;left:0;top:50%;z-index:1;transform:translateY(-50%);padding:0 6px;
  border-radius:8px;background:var(--voile);color:var(--encre);white-space:nowrap}
#vue-dossiers #aucun-dossier-pleine button{margin-left:6px}
#vue-dossiers .ligne-doublons{display:flex;box-sizing:border-box;align-items:center;gap:10px;
  width:100%;height:40px;min-height:40px;margin:8px 0 0;padding:0 14px;border:1px solid var(--trait);
  border-radius:14px;background:var(--papier-carte);color:var(--encre);font-size:13.5px;
  font-weight:400;text-align:left;visibility:hidden;cursor:pointer}
#vue-dossiers .ligne-doublons.vue{visibility:visible}
#vue-dossiers .ligne-doublons .suite{margin-left:auto;text-decoration:underline}
#vue-dossiers .ligne-doublons.echec{cursor:default;color:var(--doux)}
#vue-dossiers .ligne-doublons.echec .suite{display:none}
@container (max-width:460px){
  #vue-dossiers .carte-dossier .cd-echeance{grid-column:2/7;grid-row:6}
  #vue-dossiers .carte-dossier .cd-etat-dossier.etat-vide{justify-self:start}
}