/* Recipe list cards */
.recipe-card-img {
  height: 180px;
  object-fit: cover;
}

.preview-panel {
  position: sticky;
  top: 1rem;
}

.preview-image {
  max-height: 240px;
  width: 100%;
  object-fit: cover;
}

/* Drag & drop zone */
.dd-zone {
  border: 2px dashed #d1d5db;
  border-radius: 10px;
  padding: 18px;
  text-align: center;
  background: #ffffff;
  transition: background .15s, border-color .15s;
}
.dd-zone.dragover {
  background: #f1f5f9;
  border-color: #60a5fa;
}
.dd-preview {
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:12px;
}
.dd-preview img {
  max-width:120px;
  max-height:120px;
  border-radius:8px;
  object-fit:cover;
  border:1px solid #e6e6e6;
}
.progress-wrap {
  margin-top:8px;
}
.progress {
  height: 10px;
  border-radius: 6px;
  overflow: hidden;
  background: #e9ecef;
}
.progress > .bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,#60a5fa,#3b82f6);
  transition: width .2s;
}
.btn-cancel-upload {
  margin-left:8px;
}
.tag-suggestions {
  position: absolute;
  z-index: 2000;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.tag-suggestions button {
  display:block;
  width:100%;
  text-align:left;
  padding:8px 10px;
  border:0;
  background:transparent;
}