/* Visualiseur documents — PDF.js, lightbox, annotations */
.me-viewer-overlay {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(0,0,0,0.85); display: flex;
    align-items: center; justify-content: center;
}
.me-viewer-modal {
    background: #fff; border-radius: 12px; width: 95vw; height: 92vh;
    display: flex; flex-direction: column; overflow: hidden;
    animation: meViewerIn 0.2s ease-out;
}
@keyframes meViewerIn { from { transform:scale(0.95);opacity:0; } to { transform:scale(1);opacity:1; } }
.me-viewer-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 20px; border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
.me-viewer-header h3 { margin:0; font-size:15px; font-weight:700; color:#0f172a; }
.me-viewer-close {
    background:none; border:none; font-size:24px; cursor:pointer;
    color:#94a3b8; padding:4px 8px; border-radius:6px;
}
.me-viewer-close:hover { background:#f1f5f9; color:#0f172a; }
.me-viewer-body {
    display: flex; flex:1; overflow: hidden;
}
.me-viewer-main {
    flex:1; display: flex; align-items: center; justify-content: center;
    background: #e2e8f0; overflow: auto; position: relative;
}
.me-viewer-main img {
    max-width: 100%; max-height: 100%; object-fit: contain;
}
.me-viewer-main iframe {
    width: 100%; height: 100%; border: none;
}
.me-viewer-sidebar {
    width: 320px; border-left: 1px solid #e2e8f0;
    display: flex; flex-direction: column; background: #fff;
}
.me-viewer-annotations {
    flex:1; overflow-y: auto; padding: 16px;
}
.me-viewer-annotations h4 {
    font-size:12px; font-weight:700; color:#64748b; text-transform:uppercase;
    margin:0 0 12px;
}
.me-viewer-note {
    padding:10px 12px; background:#f8fafc; border-radius:8px;
    margin-bottom:8px; font-size:13px; border:1px solid #f1f5f9;
}
.me-viewer-note-author { font-size:11px; font-weight:700; color:#0f172a; }
.me-viewer-note-date { font-size:10px; color:#94a3b8; margin-left:6px; }
.me-viewer-note-text { margin:4px 0 0; color:#334155; }
.me-viewer-note-del {
    float:right; background:none; border:none; color:#ef4444;
    font-size:14px; cursor:pointer; padding:0 4px;
}
.me-viewer-add-note {
    padding:12px 16px; border-top:1px solid #e2e8f0;
}
.me-viewer-add-note textarea {
    width:100%; border:1px solid #e2e8f0; border-radius:8px;
    padding:8px; font-size:12px; resize:none; box-sizing:border-box;
}
.me-viewer-add-note button {
    margin-top:6px; background:#059669; color:#fff; border:none;
    border-radius:6px; padding:6px 14px; font-weight:700; cursor:pointer;
    font-size:12px;
}
.me-viewer-nav {
    display: flex; gap:8px; align-items: center;
}
.me-viewer-nav button {
    background:#fff; border:1px solid #e2e8f0; border-radius:6px;
    padding:4px 10px; cursor:pointer; font-size:12px; font-weight:600;
}
.me-viewer-nav button:hover { background:#f1f5f9; }
.me-viewer-nav span { font-size:12px; color:#64748b; }
@media (max-width:768px) {
    .me-viewer-body { flex-direction: column; }
    .me-viewer-sidebar { width:100%; border-left:none; border-top:1px solid #e2e8f0; max-height:200px; }
}