/* Visionneuse de documents (lot W3C) : panneau large <dialog> par-dessus la fiche dossier. */
.docs-groupe { display: flex; align-items: center; gap: 8px; margin: 16px 0 6px; }
.docs-liste { list-style: none; margin: 0; padding: 0; border: 1px solid var(--trait-2); border-radius: 8px; }
.docs-liste > li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; }
.docs-liste > li + li { border-top: 1px solid var(--trait-2); }
.docs-liste__actions { display: flex; flex-shrink: 0; gap: 8px; }
.visionneuse { width: min(1100px, 94vw); height: 90vh; max-width: none; max-height: none; padding: 0; border: 1px solid var(--trait); border-radius: 8px; background: var(--surface); color: var(--encre); }
.visionneuse[open] { display: flex; flex-direction: column; }
.visionneuse::backdrop { background: rgba(31, 41, 55, .45); backdrop-filter: blur(3px); }
.visionneuse__entete { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--trait-2); }
.visionneuse__entete h2 { margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visionneuse__actions { display: flex; flex-shrink: 0; gap: 8px; }
.visionneuse__corps { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; background: var(--surface-4); overflow: auto; }
.visionneuse__corps iframe { width: 100%; height: 100%; border: 0; }
.visionneuse__corps img { max-width: 100%; max-height: 100%; object-fit: contain; }
@media (max-width: 640px) {
    .docs-liste > li { flex-direction: column; align-items: stretch; }
    .visionneuse { width: 100vw; height: 100vh; border-radius: 0; }
}