/* The Dark Museum original artwork archives: local media and dossiers */
body[data-vault="paintings"] #dialogContent .detail-photo{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 align-items:stretch!important;min-width:0!important;overflow:hidden!important;
 background:#050505!important;
}
body[data-vault="paintings"] #dialogContent .detail-photo>img,
body[data-vault="paintings"] #dialogContent .detail-photo>.painting-original-reel{
 box-sizing:border-box!important;min-width:0!important;min-height:0!important;
 flex:1 1 auto!important;max-width:100%!important;width:100%!important;
 max-height:calc(100% - 110px)!important;object-fit:contain!important;background:#030303!important;
}
body[data-vault="paintings"] #dialogContent .detail-photo>.painting-original-reel[hidden]{display:none!important}
body[data-vault="paintings"] #dialogContent .painting-archive-actions{
 flex:0 0 auto!important;box-sizing:border-box!important;
 width:100%!important;display:flex!important;flex-wrap:wrap!important;
 justify-content:center!important;gap:5px!important;
 padding:7px!important;border-top:1px solid #49454a!important;background:#050505!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-action{
 appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:1 1 63px!important;min-width:0!important;min-height:35px!important;
 padding:8px 5px!important;border:1px solid #5a575d!important;border-radius:0!important;
 background:#080808!important;color:#e5e0dd!important;
 font:600 9px/1.25 'Cinzel',Georgia,serif!important;letter-spacing:.03em!important;
 cursor:pointer!important;text-align:center!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-action:hover,
body[data-vault="paintings"] #dialogContent .painting-archive-action:focus-visible{
 border-color:#e51639!important;background:#201114!important;color:#fff!important;
}
body[data-vault="paintings"] #dialogContent .detail-gallery{
 flex:0 0 auto!important;max-width:100%!important;min-width:0!important;
 overflow:hidden!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-details{
 border-top:1px solid #594a43!important;margin-top:16px!important;
 padding-top:11px!important;color:#e1dcd5!important;font:12px/1.65 Arial,sans-serif!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-details h4{
 margin:0 0 9px!important;color:#cfb482!important;
 letter-spacing:.11em!important;font:600 12px/1.4 'Cinzel',Georgia,serif!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-details ul{
 margin:0 0 9px 17px!important;padding:0!important;
}
body[data-vault="paintings"] #dialogContent .painting-archive-details li{margin:0 0 5px!important;}
body[data-vault="paintings"] #dialogContent .painting-archive-details p{font-size:11px!important;color:#c5c0bd!important;}
body[data-vault="paintings"] #dialogContent .painting-archive-details a{
 display:inline-block!important;padding:10px 14px!important;border:1px solid #555!important;
 color:#e9d3a7!important;text-decoration:none!important;margin-top:8px!important;
}
@media(max-width:720px){
 body[data-vault="paintings"] #dialogContent .painting-archive-actions{gap:3px!important;padding:5px!important}
 body[data-vault="paintings"] #dialogContent .painting-archive-action{
  flex:1 1 53px!important;min-height:31px!important;font-size:8px!important;padding:5px 3px!important;
 }
}/* Keep the gallery in document flow; older CSS positioned it over the video/action buttons. */
html body[data-vault="paintings"] #dialogContent .detail-photo>.detail-gallery{
 position:relative!important;
 inset:auto!important;
 top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
 transform:none!important;z-index:1!important;
 align-self:stretch!important;flex:0 0 auto!important;
 max-height:72px!important;min-height:0!important;
 padding:5px 7px!important;box-sizing:border-box!important;
}
html body[data-vault="paintings"] #dialogContent .detail-photo>.painting-archive-actions{
 position:relative!important;z-index:4!important;
}
html body[data-vault="paintings"] #dialogContent .detail-photo>.painting-archive-actions button{
 position:relative!important;z-index:5!important;
}


/* Keep the Picasso/video dialog's close control above all media and thumbnails. */
body[data-vault="paintings"] #objectDialog > #dialogClose{
 position:absolute!important;z-index:100!important;pointer-events:auto!important;
}