/* ============================================================
   PATCH V14.8 - Selection libre + volume + X animation
   ============================================================ */

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

.crs-upload-v14-close:hover {
  transform: translateY(-1px) scale(1.08) rotate(6deg) !important;
  color: #ffffff !important;
  background: rgba(255, 85, 220, 0.24) !important;
  box-shadow:
    0 0 14px rgba(255, 85, 220, 0.42),
    0 0 24px rgba(138, 231, 255, 0.20),
    inset 0 0 14px rgba(255, 255, 255, 0.08) !important;
}

.crs-upload-v14-close:active {
  transform: scale(0.96) rotate(0deg) !important;
}

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

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

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

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

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

.crs-upload-v14-playhead.active {
  opacity: 1 !important;
}