/* Compact document / ticket viewer — compatibilité visuelle. */
.bundleFilePreviewModal{padding:max(4px,env(safe-area-inset-top)) 0 max(4px,env(safe-area-inset-bottom))}
.bundleFilePreviewBar{min-height:54px;padding:5px 8px;gap:6px;background:#0d1017}
.bundleFilePreviewBar button{border-radius:11px;padding:7px 9px;font-size:10.5px;min-height:38px}
.bundleFilePreviewTitle b{font-size:11.5px}
.bundleFilePreviewTitle small{font-size:8px;margin-top:1px}
.bundleFilePreviewViewer{padding:4px;background:#0b0d12}
.bundleFilePreviewViewer>img{width:100%;max-width:760px;border-radius:4px}
.bundleFilePreviewViewer canvas{display:block;max-width:100%;height:auto!important;margin:0 auto 4px;border-radius:4px}

/* Keep the multi-ticket entrance mode equally compact. */
.ticketGroupBar{height:56px;padding:5px 9px;gap:7px}
.ticketGroupBar button{padding:7px 9px;font-size:10.5px}
.ticketGroupBarTitle b{font-size:12.5px}
.ticketGroupBarTitle small{font-size:9px;margin-top:1px}
.ticketGroupCounter{min-width:46px;padding:6px 8px;font-size:10.5px}
.ticketGroupViewer{padding:4px}
.ticketGroupViewer img{width:min(96vw,760px);max-height:88vh}
.ticketGroupBottom{padding:7px 10px max(9px,env(safe-area-inset-bottom))}
.ticketGroupMeta{min-height:30px}
.ticketGroupMeta b{font-size:11.5px}
.ticketGroupMeta small{font-size:9.5px;margin-top:1px}
.ticketGroupNav{margin-top:6px;gap:6px;grid-template-columns:64px 1fr 64px}
.ticketGroupNav button{padding:9px 6px;font-size:10.5px;border-radius:12px}
.ticketGroupProgress{margin-top:6px;height:3px}
.ticketGroupDelete{margin-top:7px;padding:8px;font-size:10px;border-radius:12px}
@media(max-width:390px){
  .bundleFilePreviewBar{grid-template-columns:auto minmax(0,1fr) auto}
  .bundleFilePreviewBar button{padding:7px 8px}
  .bundleFilePreviewViewer{padding:2px}
  .ticketGroupViewer{padding:2px}
}