/* Shared evidence-image viewer. Close controls stay visible while an image scrolls. */
.screenshot-viewer { width:min(1040px,calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:0; border:1px solid #d7dfd5; border-radius:16px; background:#fffdf7; color:#173b2a; box-shadow:0 25px 90px #0006; }
.screenshot-viewer[open] { display:flex; flex-direction:column; }
.screenshot-viewer::backdrop { background:rgba(6,25,17,.78); }
.screenshot-viewer__header { display:flex; flex:none; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; border-bottom:1px solid #d7dfd5; background:#fffdf7; font-family:'Plus Jakarta Sans',sans-serif; }
.screenshot-viewer__title { margin:0; font-size:15px; line-height:1.4; font-weight:750; }
.screenshot-viewer__close { flex:none; min-height:44px; padding:10px 15px; border:0; border-radius:8px; background:#174c35; color:white; font:700 14px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.screenshot-viewer__close:focus-visible { outline:3px solid #467ab1; outline-offset:3px; }
.screenshot-viewer__body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:16px; background:#edf0ea; }
.screenshot-viewer__body:focus-visible { outline:3px solid #467ab1; outline-offset:-4px; }
.screenshot-viewer__image { display:block; width:auto; max-width:100%; height:auto; margin:0 auto; }
@media(max-width:480px) { .screenshot-viewer__header { padding:12px; gap:10px; } .screenshot-viewer__title { font-size:12px; } .screenshot-viewer__body { padding:8px; } }