/* =========================================================================
   Annotation en contexte
   -------------------------------------------------------------------------
   Une pastille flottante en bas à droite, toujours là. Activée, elle éteint
   la page sauf un bloc, qu'un cadre vient cerner et suivre, et fait
   apparaître une console fixe en bas d'écran.

   Le voile est obtenu par une ombre portée immense sur un rectangle
   transparent : le bloc reste parfaitement lisible et cliquable dessous,
   et le cadre se déplace d'un bloc à l'autre en une seule transition.
   ========================================================================= */

.pv,.pvc{
  --pv-accent:#D9E64B;
  --pv-nuit:#0C2926;
  --pv-encre:#16191A;
  --pv-papier:#FFFFFF;
  --pv-gris:#5D6462;
  --pv-filet:#E3E1DB;
  --pv-doc:#2A5B8C; --pv-doc-f:#E8EEF5;
  --pv-site:#1F6B4F; --pv-site-f:#E7F1EC;
  --pv-inv:#A5640F;  --pv-inv-f:#F8EFE0;
  --pv-frn:#9C2F27;  --pv-frn-f:#F8E9E7;
  --pv-johann:#2A5B8C; --pv-tony:#1F6B4F; --pv-thierry:#8A3FA0;
  --pv-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --pv-ease:cubic-bezier(.34,.9,.2,1);
  --pv-barre-h:118px;
  --pv-attente:#8A5A00;
}

.pv *{box-sizing:border-box}

/* ---- relecture de l'ossature ------------------------------------------
   Tant que l'en-tête est la zone active, les deux sous-menus restent
   dépliés : huit libellés sur quinze y sont enfermés, et on ne peut ni
   encadrer ni annoter ce qui n'est pas affiché. Le menu redevient normal
   dès qu'on repasse au contenu ou qu'on quitte le mode. */

/* Le dépliage lui-même se fait en styles en ligne, depuis le script : le
   cœur de WordPress replie le sous-menu par cinq propriétés à la fois
   (hauteur, largeur, débordement, opacité, visibilité) sur un sélecteur
   plus spécifique. Se battre à coups de !important aurait été fragile. */
/* le voile assombrit tout sauf la sélection : le sous-menu doit passer devant */
html[data-pv-zone="entete"] .wp-block-navigation-item.has-child{ z-index:2147482050 }

/* ---- pastille permanente ---------------------------------------------- */

.pv-pastille{
  position:fixed;right:20px;bottom:20px;z-index:2147483200;
  display:flex;align-items:center;gap:9px;
  padding:11px 17px;border:0;border-radius:999px;cursor:pointer;
  background:var(--pv-nuit);color:#fff;
  font:600 14px/1 var(--pv-sans);
  box-shadow:0 6px 24px rgb(8 20 18 / 32%);
  transition:transform .18s var(--pv-ease),background .18s,bottom .3s var(--pv-ease);
}
.pv-pastille:hover{transform:translateY(-2px)}
.pv-pastille:active{transform:translateY(0)}
.pv-pastille[data-on="1"]{background:var(--pv-accent);color:var(--pv-nuit);bottom:calc(var(--pv-barre-h) + 28px)}
.pv-pastille__n{
  display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;
  padding:0 6px;border-radius:999px;background:var(--pv-accent);color:var(--pv-nuit);
  font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;
}
.pv-pastille[data-on="1"] .pv-pastille__n{background:var(--pv-nuit);color:var(--pv-accent)}

/* ---- carte des remarques, bord droit -----------------------------------
   Épingles et rails ne se voient que si leur bloc est à l'écran. Sur une
   page de sept mille pixels, on ouvrirait le mode annotation sans rien
   voir. La carte montre tout, tout le temps, à sa place dans la page. */

.pv-carte{
  position:fixed;right:8px;top:88px;bottom:calc(var(--pv-barre-h) + 86px);
  width:13px;z-index:2147482700;display:none;
  border-radius:999px;background:rgb(255 255 255 / 62%);
  box-shadow:0 0 0 1px rgb(8 20 18 / 14%),0 2px 10px rgb(8 20 18 / 12%);
  backdrop-filter:blur(3px);
}
.pv-carte[data-on="1"]{display:block}

.pv-tick{
  position:absolute;left:2.5px;width:8px;min-height:6px;padding:0;
  border:0;border-radius:999px;cursor:pointer;
  background:var(--pv-gris);
  transition:left .12s var(--pv-ease),width .12s var(--pv-ease);
}
.pv-tick[data-auteur="Johann"]{background:var(--pv-johann)}
.pv-tick[data-auteur="Tony"]{background:var(--pv-tony)}
.pv-tick[data-auteur="Thierry"]{background:var(--pv-thierry)}
.pv-tick[data-attente="1"]{background:var(--pv-attente)}
.pv-tick:hover,.pv-tick:focus{left:-3px;width:19px;outline:none}

/* la fenêtre de lecture, reportée sur la carte */
.pv-vue{
  position:absolute;left:-2px;width:17px;border-radius:5px;
  background:rgb(12 41 38 / 9%);box-shadow:0 0 0 1px rgb(12 41 38 / 20%);
  pointer-events:none;
}

/* ---- voile et cadre ---------------------------------------------------- */

.pv-cadre{
  position:fixed;z-index:2147482000;pointer-events:none;
  border-radius:8px;
  border:2px solid var(--pv-accent);
  box-shadow:0 0 0 9999px rgb(8 14 13 / 62%);
  opacity:0;
  transition:top .42s var(--pv-ease),left .42s var(--pv-ease),
             width .42s var(--pv-ease),height .42s var(--pv-ease),
             opacity .28s ease;
}
.pv-cadre[data-on="1"]{opacity:1}
/* sélection sortie de l'écran : on rend la page à sa lisibilité */
.pv-cadre[data-hors="1"]{opacity:0;pointer-events:none}
.pv-cadre[data-hors="1"] .pv-poignee{display:none}

/* les coins, pour que le cadre se lise comme une mire et non comme une boîte */
.pv-cadre::before,.pv-cadre::after{
  content:"";position:absolute;width:13px;height:13px;
  border:2px solid var(--pv-accent);
}
.pv-cadre::before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
.pv-cadre::after{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 8px 0}

@media (prefers-reduced-motion:reduce){ .pv-cadre{transition:opacity .2s ease} }

/* ---- poignées d'étendue : + pour élargir, − pour resserrer ------------- */

.pv-poignee{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:3px;
  padding:3px;border-radius:999px;pointer-events:auto;
  background:var(--pv-papier);border:1px solid var(--pv-filet);
  box-shadow:0 3px 12px rgb(8 20 18 / 28%);
}
.pv-poignee--h{top:-15px}
.pv-poignee--b{bottom:-15px}

.pv-p{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;padding:0;border-radius:999px;cursor:pointer;
  border:0;background:transparent;color:var(--pv-nuit);
  font:700 16px/1 var(--pv-sans);
  transition:background .14s,color .14s;
}
.pv-p:hover{background:var(--pv-accent)}
.pv-p:disabled{opacity:.3;cursor:default;background:transparent}
/* le moins n'apparaît qu'à partir de deux blocs : rien à retirer avant */
.pv-cadre[data-multi="0"] .pv-p[data-a^="moins"]{display:none}
.pv-cadre[data-multi="1"]{border-style:solid;border-width:2px}
.pv-cadre[data-multi="1"]::before,
.pv-cadre[data-multi="1"]::after{width:18px;height:18px}

/* ---- les blocs réellement retenus dans la sélection --------------------
   Le cadre est le rectangle englobant ; sur une grille, il peut enfermer
   des blocs qui n'en font pas partie. Ce marquage dit lesquels comptent. */

.pv-sel{
  position:fixed;z-index:2147482100;pointer-events:none;display:none;
  border:2px dashed var(--pv-accent);border-radius:6px;
  background:rgb(217 230 75 / 9%);
}
.pv-sel[data-on="1"]{display:block}

/* ---- rails : les zones déjà annotées, le long de leur étendue --------- */

.pv-rail{
  position:fixed;z-index:2147482550;width:6px;border-radius:999px;
  background:var(--pv-accent);
  box-shadow:0 0 0 1px rgb(8 20 18 / 18%);
  display:none;
}
.pv-rail[data-on="1"]{display:block}
.pv-rail.attente{background:var(--pv-attente)}
.pv-rail[data-courant="1"]{box-shadow:0 0 0 3px rgb(217 230 75 / 35%)}
.pv-rail .pv-pin{position:absolute;left:-3px;top:-13px}

/* ---- épingles : toutes les annotations de la page, visibles d'un coup --- */

.pv-pin{
  position:fixed;z-index:2147482600;
  display:none;align-items:center;gap:5px;
  height:26px;padding:0 9px;border-radius:999px;cursor:pointer;
  background:var(--pv-papier);border:1px solid var(--pv-filet);
  box-shadow:0 3px 12px rgb(8 20 18 / 26%);
  font:700 12px/1 var(--pv-sans);color:var(--pv-encre);
  transition:transform .16s var(--pv-ease);
}
.pv-pin[data-on="1"]{display:inline-flex}
.pv-pin:hover{transform:scale(1.08)}
.pv-pin[data-courant="1"]{background:var(--pv-accent);border-color:var(--pv-accent)}
.pv-pin__p{width:7px;height:7px;border-radius:999px;flex:none}
.pv-pin__p[data-a="Johann"]{background:var(--pv-johann)}
.pv-pin__p[data-a="Tony"]{background:var(--pv-tony)}
.pv-pin__p[data-a="Thierry"]{background:var(--pv-thierry)}
.pv-pin.resolue{opacity:.5}
.pv-pin--zone{position:absolute;white-space:nowrap}
.pv-pin__z{
  font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--pv-gris);padding-left:5px;margin-left:2px;border-left:1px solid var(--pv-filet);
}

/* ---- console fixe, en bas au milieu ------------------------------------ */

.pv-barre{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%) translateY(10px);
  z-index:2147483000;
  display:flex;flex-direction:column;align-items:stretch;gap:9px;
  padding:11px 14px;border-radius:15px;
  background:var(--pv-papier);border:1px solid var(--pv-filet);
  box-shadow:0 14px 44px rgb(8 20 18 / 30%);
  font:500 13px/1.3 var(--pv-sans);color:var(--pv-encre);
  opacity:0;pointer-events:none;
  transition:opacity .26s ease,transform .26s var(--pv-ease);
  max-width:calc(100vw - 24px);
}
.pv-barre[data-on="1"]{opacity:1;transform:translateX(-50%);pointer-events:auto}

/* deux rangées : naviguer en haut, agir en bas */
.pv-rang{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.pv-rang+.pv-rang{padding-top:9px;border-top:1px solid var(--pv-filet)}

.pv-groupe{display:flex;align-items:center;gap:7px}
.pv-sep{width:1px;height:26px;background:var(--pv-filet);flex:none}

/* deux paires de flèches côte à côte : chacune porte son étiquette */
.pv-nav{
  padding:3px 4px 3px 9px;border-radius:10px;background:#F6F6F3;
}
.pv-lab{
  font:700 9.5px/1 var(--pv-sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--pv-gris);margin-right:2px;
}
.pv-b--fl{min-width:30px;height:30px;padding:0 8px;font-size:15px}
.pv-select--page{max-width:210px;height:30px;font-size:12px}
/* l'ossature n'est pas une page : une remarque y vaut pour les 21 pages */
.pv-select--page[data-ossature="1"]{
  background:var(--pv-nuit);color:var(--pv-accent);border-color:var(--pv-nuit);font-weight:700;
}

.pv-b{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:34px;height:34px;padding:0 11px;border-radius:8px;cursor:pointer;
  border:1px solid var(--pv-filet);background:var(--pv-papier);color:var(--pv-encre);
  font:600 13px/1 var(--pv-sans);
  transition:background .14s,border-color .14s;
}
.pv-b:hover{background:#F4F4F1}
.pv-b:disabled{opacity:.35;cursor:default}
.pv-b--fort{background:var(--pv-nuit);border-color:var(--pv-nuit);color:#fff}
.pv-b--fort:hover{background:#123c37}

.pv-pos{font-variant-numeric:tabular-nums;color:var(--pv-gris);font-size:12.5px;
 white-space:nowrap;min-width:56px;text-align:center}

/* combien de blocs sont pris dans la sélection */
.pv-etendue{
  display:none;align-items:center;height:28px;padding:0 11px;border-radius:999px;
  background:var(--pv-nuit);color:var(--pv-accent);
  font:700 11px/1 var(--pv-sans);white-space:nowrap;
}
.pv-etendue[data-on="1"]{display:inline-flex}

/* filtres d'origine : cochés, ils restreignent le parcours des flèches */
.pv-filtres{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pv-f{
  display:inline-flex;align-items:center;gap:6px;
  height:30px;padding:0 10px;border-radius:8px;cursor:pointer;
  border:1px solid var(--pv-filet);background:var(--pv-papier);
  font:700 10.5px/1 var(--pv-sans);letter-spacing:.06em;text-transform:uppercase;
  color:var(--pv-gris);white-space:nowrap;
  transition:background .14s,border-color .14s,color .14s;
}
.pv-f__p{width:9px;height:9px;border-radius:3px;flex:none}
.pv-f[data-o="documents"] .pv-f__p{background:var(--pv-doc)}
.pv-f[data-o="site"] .pv-f__p{background:var(--pv-site)}
.pv-f[data-o="invente"] .pv-f__p{background:var(--pv-inv)}
.pv-f[data-o="fournir"] .pv-f__p{background:var(--pv-frn)}
.pv-f__n{font-weight:700;font-variant-numeric:tabular-nums;opacity:.65}
/* aucun bloc de cette origine ici — le filtre reste cliquable : il sert alors
   à enjamber les pages qui n'en contiennent pas */
.pv-f[data-vide="1"]{opacity:.42}
.pv-f[aria-pressed="true"][data-o="documents"]{background:var(--pv-doc-f);border-color:var(--pv-doc);color:var(--pv-doc)}
.pv-f[aria-pressed="true"][data-o="site"]{background:var(--pv-site-f);border-color:var(--pv-site);color:var(--pv-site)}
.pv-f[aria-pressed="true"][data-o="invente"]{background:var(--pv-inv-f);border-color:var(--pv-inv);color:var(--pv-inv)}
.pv-f[aria-pressed="true"][data-o="fournir"]{background:var(--pv-frn-f);border-color:var(--pv-frn);color:var(--pv-frn)}

.pv-tag{
  font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:5px 9px;border-radius:5px;white-space:nowrap;
}
.pv-tag[data-o="documents"]{background:var(--pv-doc-f);color:var(--pv-doc)}
.pv-tag[data-o="site"]{background:var(--pv-site-f);color:var(--pv-site)}
.pv-tag[data-o="invente"]{background:var(--pv-inv-f);color:var(--pv-inv)}
.pv-tag[data-o="fournir"]{background:var(--pv-frn-f);color:var(--pv-frn)}
.pv-tag[data-o="inconnu"]{background:#EEE;color:#666}

.pv-select{
  font:600 12.5px/1 var(--pv-sans);height:34px;padding:0 9px;border-radius:8px;
  border:1px solid var(--pv-filet);background:var(--pv-papier);color:var(--pv-encre);cursor:pointer;
}
.pv-select[data-vide="1"]{border-color:var(--pv-frn);color:var(--pv-frn)}

/* remarques écrites mais pas encore confirmées par le serveur */
.pv-attente{
  display:none;align-items:center;gap:6px;
  height:28px;padding:0 10px;border-radius:999px;
  background:#FBF3E0;color:var(--pv-attente);
  font:700 11px/1 var(--pv-sans);white-space:nowrap;cursor:default;
}
.pv-attente[data-on="1"]{display:inline-flex}
.pv-attente::before{
  content:"";width:7px;height:7px;border-radius:999px;background:currentColor;
  animation:pv-pulse 1.4s ease-in-out infinite;
}
@keyframes pv-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){ .pv-attente::before{animation:none} }

/* ---- panneau d'annotation ---------------------------------------------- */

.pv-panneau{
  position:fixed;z-index:2147483100;
  width:min(420px,calc(100vw - 28px));
  background:var(--pv-papier);border:1px solid var(--pv-filet);border-radius:11px;
  box-shadow:0 18px 50px rgb(8 20 18 / 34%);
  font:400 13.5px/1.55 var(--pv-sans);color:var(--pv-encre);
  opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;
  transition:opacity .22s ease,transform .22s var(--pv-ease);
  overflow:hidden;
}
.pv-panneau[data-on="1"]{opacity:1;transform:none;pointer-events:auto}
.pv-panneau__t{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 14px;border-bottom:1px solid var(--pv-filet);background:#FAFAF8;
}
.pv-panneau__t b{font-size:12.5px;font-weight:700}
.pv-liste{max-height:30vh;overflow:auto;padding:11px 14px;display:flex;flex-direction:column;gap:9px}
.pv-liste:empty{display:none}
.pv-ann{border-left:3px solid var(--pv-gris);padding:7px 10px;background:#FAFAF8;border-radius:0 5px 5px 0}
.pv-ann[data-a="Johann"]{border-left-color:var(--pv-johann)}
.pv-ann[data-a="Tony"]{border-left-color:var(--pv-tony)}
.pv-ann[data-a="Thierry"]{border-left-color:var(--pv-thierry)}
.pv-ann.r{opacity:.45}
.pv-ann.r .pv-ann__t{text-decoration:line-through}
.pv-ann__h{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:3px}
.pv-ann__a{font-weight:700}
.pv-ann[data-a="Johann"] .pv-ann__a{color:var(--pv-johann)}
.pv-ann[data-a="Tony"] .pv-ann__a{color:var(--pv-tony)}
.pv-ann[data-a="Thierry"] .pv-ann__a{color:var(--pv-thierry)}
.pv-ann__d{color:var(--pv-gris)}
.pv-ann__t{white-space:pre-wrap;word-break:break-word;font-size:13px}
/* séparateur : ce qui recoupe la sélection sans lui correspondre */
.pv-sous{
  margin-top:4px;padding-top:9px;border-top:1px solid var(--pv-filet);
  font:700 10px/1 var(--pv-sans);letter-spacing:.09em;text-transform:uppercase;
  color:var(--pv-gris);
}
.pv-recoupe{cursor:pointer}
.pv-recoupe .pv-ann{opacity:.72;transition:opacity .14s}
.pv-recoupe:hover .pv-ann{opacity:1}
.pv-ann__p{
  font:700 10px/1.3 var(--pv-sans);letter-spacing:.05em;text-transform:uppercase;
  color:var(--pv-gris);margin-bottom:3px;
}

.pv-ann.attente{background:#FBF3E0;border-left-color:var(--pv-attente)}
.pv-ann.attente .pv-ann__d{color:var(--pv-attente);font-weight:700}
.pv-ann__e{margin-top:4px;font-size:11px;color:var(--pv-attente)}
.pv-ann__b{display:flex;gap:9px;margin-top:5px}
.pv-ann__b button{font:inherit;font-size:11px;color:var(--pv-gris);background:none;border:0;
 padding:0;cursor:pointer;text-decoration:underline}
.pv-form{padding:11px 14px;border-top:1px solid var(--pv-filet);display:flex;flex-direction:column;gap:8px}
.pv-form textarea{
  width:100%;min-height:76px;resize:vertical;
  font:400 13.5px/1.5 var(--pv-sans);color:var(--pv-encre);
  border:1px solid var(--pv-filet);border-radius:7px;padding:9px;background:#FCFCFA;
}
.pv-form textarea:focus{outline:2px solid var(--pv-nuit);outline-offset:1px}
.pv-form__l{display:flex;gap:8px;align-items:center}
.pv-signe{font-size:12px;color:var(--pv-gris)}
.pv-signe b{color:var(--pv-encre)}
.pv-aide{margin-left:auto;font-size:11px;color:var(--pv-gris)}
.pv-msg{font-size:12px;color:var(--pv-frn);padding:0 14px 11px}
.pv-msg:empty{display:none}

/* ---- écrans étroits ----------------------------------------------------- */

@media (max-width:860px){
  .pv{--pv-barre-h:190px}
  .pv-barre{left:10px;right:10px;transform:none;bottom:10px;max-width:none;gap:8px;padding:9px 10px}
  .pv-barre[data-on="1"]{transform:none}
  .pv-rang{gap:7px}
  .pv-rang+.pv-rang{padding-top:8px}
  .pv-sep{display:none}
  .pv-lab{display:none}
  .pv-select--page{max-width:150px}
  .pv-f{height:28px;padding:0 8px}
  .pv-panneau{left:12px !important;right:12px;width:auto}
  .pv-pastille{right:12px;padding:10px 14px;font-size:13px}
}

/* Sur téléphone, les filtres se réduisent à leur pastille de couleur et à
   leur compte : la rangée tient sur une ligne, la console reste basse. */
@media (max-width:640px){
  .pv{--pv-barre-h:172px}
  .pv-f__t{display:none}
  .pv-f{padding:0 9px}
  .pv-tag{max-width:150px;overflow:hidden;text-overflow:ellipsis}
}

/* =========================================================================
   Recadrage des photographies (cadrage.js)
   ========================================================================= */
.pvc-pastille{
  position:fixed;right:20px;bottom:74px;z-index:2147483200;
  display:flex;align-items:center;gap:9px;
  padding:11px 15px;border:0;border-radius:999px;cursor:pointer;
  background:#fff;color:var(--pv-nuit);
  font:600 14px/1 var(--pv-sans);
  border:1px solid rgb(8 20 18 / 14%);
  box-shadow:0 6px 24px rgb(8 20 18 / 22%);
  transition:transform .18s var(--pv-ease);
}
.pvc-pastille:hover{transform:translateY(-2px)}
.pvc-voile{
  position:fixed;inset:0;z-index:2147483400;display:none;
  background:rgb(10 14 18 / 94%);
}
.pvc-voile[data-on="1"]{display:block}
.pvc-scene{
  position:absolute;inset:24px 64px 106px;display:grid;place-items:center;
}
.pvc-toile{position:relative;overflow:hidden}
.pvc-image{display:block;user-select:none;-webkit-user-drag:none}
.pvc-cadre{
  position:absolute;box-sizing:border-box;cursor:move;touch-action:none;
  outline:2px solid #fff;outline-offset:-1px;
  box-shadow:0 0 0 9999px rgb(10 14 18 / 62%);
}
.pvc-poignee{
  position:absolute;width:16px;height:16px;background:#fff;border-radius:3px;
  box-shadow:0 1px 5px rgb(0 0 0 / 45%);
}
.pvc-poignee[data-c="no"]{left:-8px;top:-8px;cursor:nwse-resize}
.pvc-poignee[data-c="ne"]{right:-8px;top:-8px;cursor:nesw-resize}
.pvc-poignee[data-c="so"]{left:-8px;bottom:-8px;cursor:nesw-resize}
.pvc-poignee[data-c="se"]{right:-8px;bottom:-8px;cursor:nwse-resize}
.pvc-fl{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:64px;border:0;border-radius:12px;cursor:pointer;
  background:rgb(255 255 255 / 12%);color:#fff;font-size:30px;
}
.pvc-fl:hover{background:rgb(255 255 255 / 24%)}
.pvc-fl--g{left:10px}
.pvc-fl--d{right:10px}
.pvc-barre{
  position:absolute;left:50%;bottom:18px;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;max-width:calc(100vw - 30px);
  padding:11px 14px;border-radius:14px;
  background:rgb(255 255 255 / 96%);color:var(--pv-nuit);
  font:500 13.5px/1.2 var(--pv-sans);
  box-shadow:0 10px 34px rgb(0 0 0 / 40%);
}
.pvc-pos{font-weight:700;white-space:nowrap}
.pvc-nom{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b5563}
.pvc-etat{color:var(--pv-vert,#2f7d4e);font-weight:600;white-space:nowrap;min-width:0}
.pvc-qui{
  height:32px;border-radius:8px;border:1px solid rgb(8 20 18 / 22%);
  font:inherit;padding:0 6px;background:#fff;
}
.pvc-b{
  height:32px;padding:0 12px;border-radius:8px;cursor:pointer;
  border:1px solid rgb(8 20 18 / 22%);background:#fff;color:var(--pv-nuit);
  font:600 13px/1 var(--pv-sans);white-space:nowrap;
}
.pvc-b--fort{background:var(--pv-nuit);border-color:var(--pv-nuit);color:#fff}
.pvc-b:hover{filter:brightness(.96)}
@media (max-width:760px){
  .pvc-nom{display:none}
  .pvc-scene{inset:14px 10px 130px}
  .pvc-fl{top:auto;bottom:70px;transform:none}
}