/* nw-photo-dropzone-20260918
   Контейнеры фотографий держат карточки во float, поэтому их собственная высота — 0.
   Пока в блоке есть хоть одно фото, бросить перетаскиваемое есть куда. Как только
   блок опустел (например, все планы перенесли в «Фото»), цель исчезает с экрана и
   вернуть фото обратно невозможно. Пустому контейнеру даём видимую зону сброса.

   Сужено до ПЕРВОГО ребёнка строки и до контейнеров без <input>: рядом живёт блок
   загрузки файла, он тоже прямой ребёнок .row и зоной сброса быть не должен.
   Блоки с фотографиями правило не трогает — их вёрстка прежняя. */

.photo-area-main > .row > div:first-child:not(:has(.photo-block-new)):not(:has(input)) {
  min-height: 96px !important;
  margin: 4px 0 14px !important;
  border: 2px dashed #cdd7e3 !important;
  border-radius: 8px !important;
  background: #fbfcfd !important;
  position: relative !important;
}

.photo-area-main > .row > div:first-child:not(:has(.photo-block-new)):not(:has(input))::after {
  content: "Перетащите фото сюда";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b9bb0;
  font-size: 13px;
  pointer-events: none;
}

/* dragula подсвечивает контейнер, над которым держат карточку */
.photo-area-main > .row > div.gu-over:first-child:not(:has(.photo-block-new)):not(:has(input)) {
  border-color: #2D9CDB !important;
  background: #f2f8fd !important;
}