.crm-photo-viewer { box-sizing:border-box; width:min(1120px,calc(100vw - 32px)); height:min(900px,calc(100dvh - 32px)); max-width:none; max-height:none; margin:auto; padding:0; border:1px solid #ffffff30; border-radius:16px; color:#fff; background:#171819; overflow:hidden; }
.crm-photo-viewer[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.crm-photo-viewer::backdrop { background:rgba(0,0,0,.82); }
.crm-photo-viewer [hidden] { display:none!important; }
.crm-photo-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:60px; padding:8px 12px; border-bottom:1px solid #ffffff24; }
.crm-photo-counter { font:600 14px/1.4 var(--theme-font-sans,Arial,sans-serif); padding-left:8px; }
.crm-photo-viewer button { box-sizing:border-box; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #ffffff40; border-radius:50%; color:#fff; background:#303234; font:32px/1 Arial,sans-serif; cursor:pointer; }
.crm-photo-viewer button:disabled { opacity:.3; cursor:default; }
.crm-photo-viewer button:focus-visible { outline:3px solid #f5ba8b; outline-offset:2px; }
.crm-photo-stage { position:relative; min-width:0; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:12px; overflow:hidden; touch-action:pan-y pinch-zoom; }
.crm-photo-viewer .crm-photo-image { display:block; width:100%; height:100%; min-height:0; object-fit:contain; border-radius:0; }
.crm-photo-status { max-width:440px; margin:0; padding:20px; text-align:center; color:#eee; font:16px/1.5 var(--theme-font-sans,Arial,sans-serif); }
.crm-photo-viewer .crm-photo-retry { width:auto; padding:0 18px; border-radius:8px; font-size:16px; }
.crm-photo-footer { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 14px; border-top:1px solid #ffffff24; }
.crm-photo-caption { flex:1; min-width:0; max-height:4.5em; overflow:auto; overflow-wrap:anywhere; text-align:center; margin:0; color:#eee; font:14px/1.5 var(--theme-font-sans,Arial,sans-serif); }
.site-attachments a:has(>img) { display:block; width:150px; max-width:calc((100% - 12px)/2); aspect-ratio:15/11; border-radius:8px; overflow:hidden; background:var(--theme-muted,#eee); }
.site-attachments a>img { display:block; width:100%; height:100%; max-width:100%; max-height:none; object-fit:cover; }
.knowledge-figure img,.inventory-reference-preview img { cursor:zoom-in; }
@media(max-width:760px) {
  .crm-photo-viewer { width:100vw; height:100dvh; border:0; border-radius:0; }
  .crm-photo-toolbar { padding-top:max(8px,env(safe-area-inset-top)); padding-right:max(12px,env(safe-area-inset-right)); }
  .crm-photo-footer { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
  .crm-photo-stage { padding:6px; }
}