/* RediTar Media Manager - File List Processing Neomorphic UI Styles */

/* Base Processing Styles */
.file-list-item.processing, .file-list-item.queued {
  opacity: 0.9;
  position: relative;
}

.file-list-item.processing {
  background: rgba(67, 97, 238, 0.05);
  border-left: 3px solid var(--primary-color);
}

.file-list-item.queued {
  background: rgba(255, 159, 67, 0.05);
  border-left: 3px solid var(--warning-color);
}

.status-indicator {
  margin-left: 8px;
  font-size: 0.85em;
  padding: 0.3rem 0.8rem;
  border-radius: 50px;
  display: inline-block;
  font-weight: 500;
  box-shadow: 0.1rem 0.1rem 0.2rem var(--dark-shadow),
             -0.1rem -0.1rem 0.2rem var(--light-shadow);
}

.status-indicator.processing {
  background-color: #e7efff;
  color: var(--primary-color);
  animation: pulse 1.5s infinite;
}

.status-indicator.queued {
  background-color: #fff5e6;
  color: var(--warning-color);
  /* No animation for queued state */
}

.status-indicator.error {
  background-color: #ffe9f1;
  color: var(--danger-color);
}

.file-list-item.processing .action-buttons {
  pointer-events: none;
  opacity: 0.5;
}

/* Pulse animation for processing indicator */
@keyframes pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

/* Make sure the status indicators are visible */
.file-list-item.processing .status-indicator.processing,
.file-list-item.queued .status-indicator.queued {
  display: inline-block !important;
  visibility: visible !important;
}

/* Processing/queued text in info section */
.processing-text {
  color: var(--primary-color);
  font-weight: 600;
  animation: pulse 1.5s infinite;
}