/* Fransou · Le navigateur intégré (19/10/2026) · panneau à droite du grand chat v2, mêmes jetons (Encre par défaut, clair au choix).
   Fransou Texte, rien sous 12 px, un seul bouton plein visible à la fois, aucune ombre ni dégradé. Tout est préfixé nvi-. */
.nvi-panneau{
  --coque:#0C181C; --page:#162125; --carte:#1D282C; --actif:#273135; --filet:#2E383C; --contour:#536066;
  --texte:#FFFFFF; --sec:#B9BFC1; --plein-fond:#FFFFFF; --plein-texte:#0C181C; --alerte:#D8B47A;
  --police:'Fransou Texte',system-ui,sans-serif; --courbe:cubic-bezier(.23,1,.32,1); --nvi-l:min(760px,max(440px,46vw));
  position:fixed;top:0;right:0;bottom:0;width:var(--nvi-l);z-index:61;display:flex;flex-direction:column;gap:12px;
  padding:14px 18px 16px;background:var(--coque);color:var(--texte);border-left:1px solid var(--filet);
  font:400 14px/1.55 var(--police);font-synthesis:none;font-variant-numeric:tabular-nums;overflow-y:auto;
  animation:nvi-entree .22s var(--courbe)
}
.nvi-panneau[data-nvi-theme="clair"]{
  --coque:#F3F4F3; --page:#FFFFFF; --carte:#F6F7F6; --actif:#E5E8E8; --filet:#D7DDDE; --contour:#C9D0D2;
  --texte:#0C181C; --sec:#536066; --plein-fond:#0C181C; --plein-texte:#FFFFFF; --alerte:#8A6420
}
.nvi-panneau[hidden],.nvi-panneau [hidden]{display:none !important}
.nvi-panneau{box-sizing:border-box}
@keyframes nvi-entree{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.nvi-panneau{animation:none}}
body.nvi-ouvert .ch2{right:min(760px,max(440px,46vw))}
.nvi-panneau *,.nvi-panneau *::before,.nvi-panneau *::after{box-sizing:border-box}
.nvi-panneau button,.nvi-panneau input{font:inherit;color:inherit;margin:0}
.nvi-panneau h2,.nvi-panneau p,.nvi-panneau ol,.nvi-panneau dl,.nvi-panneau dd{margin:0;padding:0}
.nvi-panneau ol{list-style:none}
.nvi-panneau :focus-visible{outline:2px solid var(--texte);outline-offset:2px;border-radius:6px}
.nvi-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.nvi-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nvi-titre{display:flex;align-items:baseline;gap:10px;min-width:0}
.nvi-titre h2{font-size:17px;font-weight:600;letter-spacing:-.01em}
.nvi-etat{color:var(--sec);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nvi-panneau[data-controle="humain"][data-etat="active"] .nvi-etat{color:var(--texte)}
.nvi-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nvi-bouton{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--contour);background:transparent;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s var(--courbe),transform .12s var(--courbe)}
.nvi-bouton:hover:not(:disabled){background:var(--actif)}
.nvi-bouton:active:not(:disabled){transform:scale(.97)}
.nvi-bouton:disabled{opacity:.5;cursor:default}
.nvi-panneau .nvi-plein{background:var(--plein-fond);color:var(--plein-texte);border-color:var(--plein-fond)}
.nvi-panneau .nvi-plein:hover:not(:disabled){background:var(--plein-fond);opacity:.9}
.nvi-icone{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;border:0;background:transparent;cursor:pointer;color:var(--sec)}
.nvi-icone:hover{background:var(--actif);color:var(--texte)}

.nvi-adresse{display:flex;gap:8px}
.nvi-adresse input{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--filet);background:var(--page);font-size:14px}
.nvi-adresse input::placeholder{color:var(--sec)}
.nvi-message{padding:8px 12px;border-radius:9px;background:var(--carte);color:var(--texte);font-size:13px}
.nvi-message[hidden]{display:none}

.nvi-accords:empty{display:none}
.nvi-accord{padding:14px 16px;border-radius:12px;background:var(--page);border:1px solid var(--alerte);display:grid;gap:10px;animation:nvi-entree .2s var(--courbe)}
.nvi-accord-titre{font-weight:600;font-size:15px}
.nvi-accord dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:13px}
.nvi-accord dt{color:var(--sec)}
.nvi-accord dd{overflow-wrap:anywhere}
.nvi-accord-note{color:var(--sec);font-size:12px}
.nvi-oui-non{display:flex;gap:8px;flex-wrap:wrap}

.nvi-ecran{position:relative;flex:1 1 auto;min-height:280px;border-radius:12px;border:1px solid var(--filet);background:var(--page);overflow:hidden;display:grid;place-items:center}
.nvi-ecran.nvi-a-la-main{border-color:var(--texte)}
.nvi-ecran.nvi-a-la-main .nvi-image{cursor:crosshair}
.nvi-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;user-select:none;-webkit-user-drag:none}
.nvi-image[hidden]{display:none}
.nvi-vide{max-width:420px;padding:24px;text-align:center;display:grid;gap:8px;color:var(--sec);font-size:13px}
.nvi-vide[hidden]{display:none}
.nvi-vide-titre{color:var(--texte);font-size:15px;font-weight:600}

.nvi-saisie{display:grid;gap:6px}
.nvi-saisie[hidden]{display:none}
.nvi-saisie label{font-size:12px;color:var(--sec)}
.nvi-saisie-ligne{display:flex;gap:6px;flex-wrap:wrap}
.nvi-saisie-ligne input{flex:1 1 180px;min-width:0;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--filet);background:var(--page)}

.nvi-lecture{padding:12px 14px;border-radius:12px;background:var(--carte);display:grid;gap:6px;max-height:220px;overflow:auto}
.nvi-lecture[hidden]{display:none}
.nvi-lecture-tete{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nvi-lecture-titre{font-weight:600}
.nvi-lecture-meta{color:var(--sec);font-size:12px}
.nvi-lecture-texte{white-space:pre-line;font-size:13px}

.nvi-journal{border-top:1px solid var(--filet);padding-top:8px}
.nvi-journal summary{cursor:pointer;color:var(--sec);font-size:13px;list-style:none}
.nvi-journal summary::-webkit-details-marker{display:none}
.nvi-journal b{font-weight:500;color:var(--texte)}
.nvi-journal ol{display:grid;gap:4px;margin-top:8px;max-height:180px;overflow:auto}
.nvi-recu{display:flex;gap:10px;font-size:12px;color:var(--texte)}
.nvi-recu-heure{color:var(--sec);flex:none}
.nvi-recu.nvi-refuse{color:var(--alerte)}

.nvi-arret{position:absolute;left:18px;right:18px;top:64px;padding:16px;border-radius:12px;background:var(--page);border:1px solid var(--contour);display:grid;gap:12px;z-index:2}
.nvi-arret[hidden]{display:none}

.nvi-lanceur.nvi-vivant{color:var(--texte)}
.nvi-lanceur.nvi-vivant::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;transform:translate(9px,-9px)}
.nvi-lanceur{position:relative}

@media (max-width:760px){
  .nvi-panneau{--nvi-l:100vw;padding:12px 14px 14px;border-left:0}
  body.nvi-ouvert .ch2{right:0}
  .nvi-tete{gap:8px}
  .nvi-actions{width:100%}
  .nvi-actions .nvi-bouton{padding:0 10px;font-size:12.5px}
  .nvi-actions .nvi-icone{margin-left:auto}
  .nvi-ecran{min-height:340px}
}
