/* Shared image-viewer chrome matches TrialBridge; existing zoom/pan stays intact. */
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal { position:fixed; inset:0; box-sizing:border-box; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:0; border:0; border-radius:0; background:var(--bg-main); color:var(--text-primary); overflow:hidden; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:0; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal::backdrop { background:var(--dark-forest); }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; border-bottom:1px solid var(--border-default); }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > header h2 { margin:0; font:600 1rem/1.4 var(--font-sans); letter-spacing:0; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > header button { display:grid; place-items:center; flex:0 0 auto; width:44px; min-width:44px; height:44px; min-height:44px; padding:0; border:1px solid var(--border-default); border-radius:var(--radius-sm); background:var(--surface); color:var(--text-primary); cursor:pointer; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > header button .ui-icon { width:24px; height:24px; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > :is(.sm-modal-help,.az-modal-help,.ac-modal-help,.lab-modal-help) { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > :is(.sm-modal-stage,.az-modal-stage,.ac-modal-stage,.lab-modal-stage) { min-width:0; min-height:0; padding:0; background:transparent; scrollbar-gutter:stable; }
:is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > :is(.sm-modal-caption,.az-modal-caption,.ac-modal-caption,.lab-modal-caption) { min-height:0; max-width:none; margin:0; padding:12px 20px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--border-default); color:var(--text-primary); font-size:.875rem; line-height:1.5; }
@media(max-width:640px) {
  :is(#soor-case-study,#azhartt-case-study,#access-case-study,#mindle-case-study,#perspective-case-study,#space-shooter-case-study).case-study.case-study dialog.portfolio-image-modal > header { padding:8px 12px; gap:8px; }
}