/* Returning-user uploader: keep the compact layout, but make the actual
   drag-and-drop target discoverable at rest and explicit while dragging. */
body.product-page #new-job:has(.pp-resource-card) .pp-dropzone-redesign {
  border: 1.5px dashed rgba(119, 166, 222, 0.48);
  border-radius: 16px;
  background: rgba(250, 252, 255, 0.9);
  cursor: pointer;
  transition:
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease;
}

@media (hover: hover) {
  body.product-page #new-job:has(.pp-resource-card) .pp-dropzone-redesign:hover {
    border-color: rgba(99, 151, 218, 0.58);
    background: rgba(244, 249, 255, 0.82);
  }
}

body.product-page #new-job:has(.pp-resource-card) .pp-dropzone-redesign.is-active {
  border-color: rgba(47, 139, 239, 0.82);
  border-style: dashed;
  background: rgba(235, 246, 255, 0.94);
  box-shadow: 0 0 0 3px rgba(47, 139, 239, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  body.product-page #new-job:has(.pp-resource-card) .pp-dropzone-redesign {