/* Press Legacy 0.1.1.0.9 - File Vault always-stacked viewer layout.
   The File Vault viewer is always full width above the file list; files are always full width below. */
#vault .two-col.wide-left,
#vault .two-col.wide-left.pl107-file-vault-stack,
#vault .two-col.wide-left.pl109-file-vault-stack,
#vault.pl106-file-viewer-active .two-col.wide-left,
#vault.pl107-file-viewer-active .two-col.wide-left,
#vault.pl109-file-vault-stack-active .two-col.wide-left{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
}
#vault .pl106-file-viewer-panel,
#vault .pl107-file-viewer-panel,
#vault .pl109-file-viewer-panel{
  order:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
#vault .pl106-file-list-panel,
#vault .pl107-file-list-panel,
#vault .pl109-file-list-panel{
  order:2!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
#vault #fileViewer.viewer,
#vault.pl106-file-viewer-active #fileViewer.viewer,
#vault.pl107-file-viewer-active #fileViewer.viewer,
#vault.pl109-file-vault-stack-active #fileViewer.viewer,
#vault .pl109-file-vault-stack #fileViewer.viewer{
  min-height:86vh!important;
  max-height:none!important;
  overflow:visible!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#vault #fileViewer.empty.viewer{
  min-height:72vh!important;
  display:grid!important;
  place-items:center!important;
  color:var(--muted,#94a3b8)!important;
}
#vault #fileViewer .preview-frame,
#vault #fileViewer.pl-enhanced-viewer-019 .preview-frame,
#vault.pl106-file-viewer-active #fileViewer .preview-frame,
#vault.pl106-file-viewer-active #fileViewer.pl-enhanced-viewer-019 .preview-frame,
#vault.pl107-file-viewer-active #fileViewer .preview-frame,
#vault.pl107-file-viewer-active #fileViewer.pl-enhanced-viewer-019 .preview-frame,
#vault.pl109-file-vault-stack-active #fileViewer .preview-frame,
#vault.pl109-file-vault-stack-active #fileViewer.pl-enhanced-viewer-019 .preview-frame{
  width:100%!important;
  height:86vh!important;
  min-height:760px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}
#vault #fileViewer .preview-img,
#vault.pl106-file-viewer-active #fileViewer .preview-img,
#vault.pl107-file-viewer-active #fileViewer .preview-img,
#vault.pl109-file-vault-stack-active #fileViewer .preview-img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  box-sizing:border-box!important;
}
#vault #fileList.list,
#vault.pl106-file-viewer-active #fileList.list,
#vault.pl107-file-viewer-active #fileList.list,
#vault.pl109-file-vault-stack-active #fileList.list,
#vault .pl109-file-vault-stack #fileList.list{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#vault #fileList .list-item,
#vault.pl106-file-viewer-active #fileList .list-item,
#vault.pl107-file-viewer-active #fileList .list-item,
#vault.pl109-file-vault-stack-active #fileList .list-item{
  height:auto!important;
  min-width:0!important;
  width:auto!important;
  box-sizing:border-box!important;
}
.pl106-viewer-layout-note,
.pl107-viewer-layout-note,
.pl109-viewer-layout-note{
  margin:8px 0 12px;
  color:var(--muted,#94a3b8);
  font-size:.86rem;
}
@media(max-width:900px){
  #vault #fileViewer.viewer,
  #vault.pl109-file-vault-stack-active #fileViewer.viewer{ min-height:70vh!important; }
  #vault #fileViewer.empty.viewer{ min-height:42vh!important; }
  #vault #fileViewer .preview-frame,
  #vault #fileViewer.pl-enhanced-viewer-019 .preview-frame,
  #vault.pl109-file-vault-stack-active #fileViewer .preview-frame,
  #vault.pl109-file-vault-stack-active #fileViewer.pl-enhanced-viewer-019 .preview-frame{
    height:78vh!important;
    min-height:520px!important;
  }
  #vault #fileList.list,
  #vault.pl109-file-vault-stack-active #fileList.list{ grid-template-columns:1fr!important; }
}