/* Full-width / full-height news & link modals. Hand-edits to the Vite JS bundle
   can’t add new Tailwind classes (they are purged from the built CSS). */
[role="dialog"].xyz123-dialog-full {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  /* neutralize shadcn translate + max width on root dialog */
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  z-index: 50 !important;
  /* Prebuilt shadcn DialogContent adds zoom + slide @keyframes; they re-apply
     transform/translate and undo fullscreen layout even when static CSS and
     inline styles are correct. */
  animation: none !important;
  will-change: auto !important;
}

@supports (height: 100dvh) {
  [role="dialog"].xyz123-dialog-full {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}

/* Shadcn: close control is a direct child button at the end */
[role="dialog"].xyz123-dialog-full > button,
[role="dialog"].xyz123-dialog-full [data-radix-dialog-close] {
  right: 0.75rem !important;
  top: 0.75rem !important;
}