/* Loupe des aperçus de fichier (commandes et Labo) — voir ep-loupe.js */
.ep-vf__stage, .ep-doc-previews figure, .ep-as-file__pv figure { cursor: zoom-in; }
.ep-loupe {
  position: fixed; z-index: 100000; display: none; width: 190px; height: 190px; border: 3px solid #fff; border-radius: 50%;
  background-color: #fff; background-repeat: no-repeat; box-shadow: 0 8px 28px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .15); pointer-events: none;
}
.ep-loupe-open, .ep-loupe-open body { overflow: hidden !important; }
.ep-loupe-full { position: fixed; inset: 0; z-index: 2147483000; display: flex; flex-direction: column; background: rgba(20, 22, 16, .96); }
.ep-loupe-full__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; color: #fff; font: 600 14px/1.3 system-ui, sans-serif; }
.ep-loupe-full__close { min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: #2aaf52; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
.ep-loupe-full__scroll { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y pinch-zoom; }
.ep-loupe-full__scroll img { display: block; max-width: none; height: auto; margin: 0 auto; background: #fff; }
/* Avertissement de relecture sous les aperçus */
.ep-proofnote { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 0; padding: 12px 14px; border-radius: 12px; background: #fff6e6; color: #5a3a08; font-size: 13px; line-height: 1.45; }
.ep-proofnote svg { flex: none; margin-top: 1px; }
.ep-proofnote strong { color: #3b2505; }
/* Vue en grand : barre de zoom (06/10/2026) */
.ep-loupe-full__zoom { display: flex; align-items: center; gap: 6px; }
.ep-loupe-full__zoom button { min-width: 44px; min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: rgba(255,255,255,.08); color: #fff; font: 700 17px/1 system-ui, sans-serif; cursor: pointer; }
.ep-loupe-full__zoom button[data-z="ajuster"] { font-size: 14px; }
.ep-loupe-full__zoom button:hover { background: rgba(255,255,255,.18); }
.ep-loupe-full__pct { min-width: 56px; text-align: center; font-variant-numeric: tabular-nums; opacity: .85; }
.ep-loupe-full__aide { flex: 1; text-align: center; font-weight: 400; opacity: .7; font-size: 13px; }
.ep-loupe-full__scroll { cursor: grab; } .ep-loupe-full__scroll.is-drag { cursor: grabbing; }
.ep-loupe-full__scroll img { user-select: none; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
@media (max-width: 640px) { .ep-loupe-full__aide { display: none; } }