/* Shared chat/task/approval viewer: one strip follows the finger; zoom stays on the image. */
.photo-viewer-track { position:absolute; inset:0; direction:ltr; will-change:transform; }
.photo-viewer-track > img { position:absolute; inset:0; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; transform-origin:center; user-select:none; }
.photo-viewer-track > img[hidden] { display:none; }
.photo-viewer-track > [data-photo-neighbor="-1"] { left:-100%; }
.photo-viewer-track > [data-photo-neighbor="1"] { left:100%; }
.chat-image { max-width:min(240px, 100%); }
.chat-image img { max-height:240px; object-fit:contain; border-radius:10px; }
.chat-photo-album { display:flex; align-items:center; gap:20px; max-width:100%; padding:6px 10px 6px 0; }
.chat-photo-album-cover { position:relative; isolation:isolate; width:min(180px, 42vw); flex:none; overflow:visible; }
.chat-photo-album-cover::before,.chat-photo-album-cover::after { content:""; position:absolute; inset:7px -7px 7px 7px; border:1px solid #d8dce2; border-radius:12px; background:#e7e9ed; z-index:-1; }
.chat-photo-album-cover::before { inset:14px -13px 14px 13px; background:#f0f1f3; }
.chat-photo-album-cover img { display:block; width:100%; height:180px; object-fit:cover; }
.chat-photo-album-count { position:absolute; bottom:8px; right:8px; border-radius:12px; padding:2px 8px; color:white; background:rgba(0,0,0,.58); font-size:12px; }
.chat-photo-album-toggle { min-height:44px; padding:8px 12px; border:0; border-radius:22px; background:#e8eaee; color:#4b525d; font:inherit; font-size:13px; cursor:pointer; white-space:normal; }
@media(max-width:480px) { .chat-photo-album { gap:16px; }.chat-photo-album-cover { width:min(150px, 39vw); }.chat-photo-album-cover img { height:170px; }.chat-image img { max-height:220px; } }
@media(prefers-reduced-motion:reduce) { .photo-viewer-track { transition:none !important; } }