.navigateur-integre {margin-top:18px; border:1px solid var(--bord,#ded9d5); border-radius:16px; overflow:hidden; background:var(--papier,#f9f8f6); color:var(--encre,#14110f); box-shadow:0 10px 35px #14110f18;}
.ni-barre {display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 12px; border-bottom:1px solid var(--bord,#ded9d5);}
.ni-barre strong {flex:1; min-width:130px; font-size:14px;}
.ni-barre button {border:1px solid var(--bord,#ded9d5); border-radius:9px; background:transparent; color:inherit; padding:7px 10px; font:inherit; font-size:12px; cursor:pointer;}
.ni-barre button:focus-visible,.ni-surface:focus-visible {outline:2px solid var(--braise,#e04f1a); outline-offset:-2px;}
.ni-message {font-size:12px; margin:8px 12px;}
.ni-surface {max-height:70vh; overflow:auto; line-height:0;}
.ni-surface img {display:block; width:100%; height:auto; min-height:80px; background:#f9f8f6;}
.ni-flottant {position:fixed; z-index:1100; right:22px; bottom:24px; width:min(1000px,calc(100vw - 110px)); max-height:85vh; margin:0;}
.ni-reduit {width:min(440px,calc(100vw - 110px));}
.ni-reduit [data-ni="precedent"],.ni-reduit [data-ni="recharger"] {display:none;}
.navigateur-integre [hidden] {display:none!important;}
@media(max-width:640px) {.ni-flottant {right:8px; bottom:12px; width:calc(100vw - 88px);} .ni-barre {gap:5px;} .ni-surface img {width:1000px; max-width:none;}}