/* Vyral V6.12 — publication review centered + upload reliability polish */

/* Publication Safety is a true centered dialog on every screen. Older Vyral
   CSS treated it as a bottom sheet, which placed it at the lower edge/right
   side on large desktop viewports. */
.modal-overlay:has(.vyral-safety-review).show{
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) !important;
  overflow:auto !important;
}
.modal-overlay:has(.vyral-safety-review).show > .vyral-safety-review{
  position:relative !important;
  inset:auto !important;
  width:min(680px,calc(100vw - 32px)) !important;
  max-width:680px !important;
  max-height:calc(100dvh - 32px) !important;
  margin:auto !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:24px !important;
  box-shadow:0 35px 140px rgba(0,0,0,.72) !important;
  animation:v612ReviewIn .22s cubic-bezier(.2,.8,.2,1) both !important;
}
.modal-overlay:has(.vyral-safety-review) .vyral-sheet-handle{display:none !important}
@keyframes v612ReviewIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:620px){
  .modal-overlay:has(.vyral-safety-review).show{
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) !important;
  }
  .modal-overlay:has(.vyral-safety-review).show > .vyral-safety-review{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:20px !important;
  }
}

/* Keep the upload state readable above the app and above modals. */
.v611-upload-status{
  z-index:1400 !important;
}
.v611-upload-status.error #v611UploadDetail{
  user-select:text;
  overflow-wrap:anywhere;
}