/* DEC557: modal top layer, visible-viewport sizing, scrollable original image. */
.field-photo-viewer { position:fixed; inset:calc(var(--field-visible-top, 0px) + 12px) auto auto 50%; transform:translateX(-50%); margin:0; box-sizing:border-box; width:min(1100px, calc(100vw - 24px)); height:calc(var(--field-visible-height, 100dvh) - 24px); max-width:none; max-height:none; padding:12px; border:1px solid #718293; border-radius:14px; background:#142330; color:#edf3f8; overflow:hidden; }
.field-photo-viewer[open] { display:flex; flex-direction:column; gap:10px; }
.field-photo-viewer::backdrop { background:rgb(0 0 0 / 78%); }
.field-photo-viewer header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none; }
.field-photo-viewer h2 { font:600 16px/1.4 system-ui; margin:0; }
.field-photo-viewer button { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #8194a5; border-radius:8px; background:#273e50; color:#fff; font:600 14px system-ui; cursor:pointer; }
.field-photo-viewer button[aria-pressed="true"] { background:#1b6965; }
.field-photo-viewer button:disabled { opacity:.5; cursor:default; }
.field-photo-viewer :focus-visible { outline:3px solid #80e9dc; outline-offset:2px; }
.field-photo-viewer-tools { display:flex; gap:8px; flex:none; }
.field-photo-viewer-image { flex:1; min-height:32px; overflow:auto; background:#080e14; display:flex; align-items:center; justify-content:center; touch-action:pan-x pan-y pinch-zoom; }
.field-photo-viewer-image img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.field-photo-viewer.actual-pixels .field-photo-viewer-image { display:block; }
.field-photo-viewer.actual-pixels img { max-width:none; max-height:none; }
.field-photo-viewer-status,.field-photo-viewer-facts { margin:0; font:13px/1.4 system-ui; overflow-wrap:anywhere; flex:none; }
.field-photo-viewer-facts { max-height:80px; overflow:auto; color:#c9d6e1; }
body.orb-field #photoGrid .field-photo-preview { position:relative; padding:0; height:90px; display:block; overflow:hidden; }
body.orb-field #photoGrid .field-photo-preview img { display:block; height:90px; width:100%; object-fit:cover; }
.field-photo-preview span { position:absolute; bottom:0; left:0; right:0; padding:4px; background:rgb(0 0 0 / 70%); color:#fff; font:600 12px system-ui; }
.field-history-photo { display:block; width:100%; min-height:44px; padding:0; margin-top:12px; border:1px solid #8194a5; border-radius:8px; overflow:hidden; background:#273e50; color:#fff; cursor:pointer; }
.field-history-photo span { display:block; padding:10px; font:600 14px system-ui; }
.field-history-photo:focus-visible { outline:3px solid #80e9dc; outline-offset:2px; }