/* ── EduSaaS Upload Zone ─────────────────────────────────────────── */
.upload-zone {
  border: 2px dashed #dee2e6;
  border-radius: 12px;
  padding: 28px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  position: relative;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  user-select: none;
}
.upload-zone:hover {
  border-color: #1a56db;
  background: #f0f4ff;
  box-shadow: 0 0 0 4px rgba(26,86,219,.08);
}
.upload-zone.uz-over {
  border-color: #1a56db;
  background: #e6edff;
  box-shadow: 0 0 0 4px rgba(26,86,219,.15);
}
.upload-zone.uz-has-image {
  border-style: solid;
  border-color: #d1fae5;
  background: #f0fdf4;
}

/* Placeholder content */
.uz-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

/* Preview image */
.uz-img {
  max-height: 140px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 8px;
  display: block;
  margin: 0 auto;
}
/* Rounded circle for person photos */
.upload-zone[data-shape="circle"] .uz-img {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  object-fit: cover;
}

/* Clear button */
.uz-clear {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: #dc3545;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  line-height: 1;
  transition: background .15s;
}
.uz-clear:hover { background: #b02a37; }

/* Spinner overlay */
.uz-spin {
  display: flex;
  align-items: center;
  justify-content: center;
}