/* The shared dialog panel defaults to 460px. Contract previews need document width. */
[role="dialog"] .max-w-4xl.max-h-\[88vh\] {
  display: flex;
  width: min(920px, calc(100vw - 32px)) !important;
  max-width: 920px !important;
  max-height: calc(100dvh - 32px) !important;
  flex-direction: column;
}

[role="dialog"] .max-w-4xl.max-h-\[88vh\] > .max-h-\[68vh\] {
  min-height: 0;
  max-height: none !important;
  flex: 1 1 auto;
  overscroll-behavior: contain;
}

[role="dialog"] .max-w-4xl .lg\:grid-cols-\[1fr_320px\] {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 900px) {
  [role="dialog"] .max-w-4xl .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px) !important;
  }
}

@media (max-width: 640px) {
  [role="dialog"] .max-w-4xl.max-h-\[88vh\] {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 8px;
  }

  [role="dialog"] .max-w-4xl.max-h-\[88vh\] > .border-b,
  [role="dialog"] .max-w-4xl.max-h-\[88vh\] > .max-h-\[68vh\] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}