.figma-screen .integration-border-overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

/* Exported groups clip overflowing children. Keep the native, accessible
   focus/error indication inside the control instead of losing two sides. */
.figma-screen :focus-visible {
  outline-offset: -3px !important;
}
.figma-screen [aria-invalid="true"] {
  outline-offset: -2px !important;
}

/* Keep the exported masks, but leave enough paint space for the card shadow
   (7px blur plus its offset). The page and scrollable carousels stay clipped. */
.figma-screen .integration-shadow-overflow {
  overflow: clip !important;
  overflow-clip-margin: 32px;
}
.figma-screen .integration-card-shadow {
  filter: drop-shadow(2px 6px 7px rgba(60, 60, 60, .25)) !important;
}
