/* ============================================================
   PATCH V14.6 - Fix upload editor
   ============================================================ */

.crs-upload-v14-selected-zone.valid {
  background: rgba(71, 255, 145, 0.19) !important;
  border-left-color: rgba(98, 255, 158, 0.78) !important;
  border-right-color: rgba(98, 255, 158, 0.78) !important;
  box-shadow:
    inset 0 0 22px rgba(98, 255, 158, 0.16),
    0 0 16px rgba(98, 255, 158, 0.18) !important;
}

.crs-upload-v14-selected-zone.invalid {
  background: rgba(255, 82, 113, 0.22) !important;
  border-left-color: rgba(255, 82, 113, 0.82) !important;
  border-right-color: rgba(255, 82, 113, 0.82) !important;
  box-shadow:
    inset 0 0 22px rgba(255, 82, 113, 0.18),
    0 0 16px rgba(255, 82, 113, 0.24) !important;
}

.crs-upload-v14-time-duration.valid {
  color: #62ff9e !important;
  text-shadow:
    0 0 10px rgba(98, 255, 158, 0.55),
    0 0 18px rgba(98, 255, 158, 0.25) !important;
}

.crs-upload-v14-time-duration.invalid {
  color: #ff5271 !important;
  text-shadow:
    0 0 10px rgba(255, 82, 113, 0.62),
    0 0 18px rgba(255, 82, 113, 0.28) !important;
}

.crs-upload-v14-submit.disabled,
.crs-upload-v14-submit:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.35) !important;
  box-shadow: none !important;
}

.crs-upload-v14-browse {
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease !important;
}

.crs-upload-v14-browse:hover {
  transform: translateY(-1px) scale(1.035) !important;
  border-color: rgba(138, 231, 255, 0.82) !important;
  background: rgba(112, 126, 255, 0.52) !important;
  box-shadow:
    0 0 14px rgba(138, 231, 255, 0.32),
    0 0 20px rgba(229, 77, 255, 0.20) !important;
}

.crs-upload-v14-emoji-wrap {
  position: relative !important;
}

.crs-upload-v14-emoji-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000001 !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 7px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(181, 116, 255, 0.55) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(229,77,255,0.20), transparent 34%),
    linear-gradient(180deg, rgba(13,10,35,0.98), rgba(22,12,52,0.98)) !important;
  box-shadow:
    0 0 28px rgba(181, 116, 255, 0.30),
    inset 0 0 18px rgba(255,255,255,0.05) !important;
}

.crs-upload-v14-emoji-item {
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.06) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  transition: transform 0.14s ease, background 0.14s ease, box-shadow 0.14s ease !important;
}

.crs-upload-v14-emoji-item:hover {
  transform: translateY(-1px) scale(1.08) !important;
  background: rgba(138, 231, 255, 0.16) !important;
  box-shadow: 0 0 12px rgba(229,77,255,0.30) !important;
}

.crs-upload-v14-emoji-custom {
  grid-column: 1 / -1 !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(138, 231, 255, 0.30) !important;
  background: rgba(8,6,27,0.92) !important;
  color: #ffffff !important;
  padding: 0 10px !important;
  outline: none !important;
}

.crs-upload-v14-emoji-picked {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.09) !important;
}