/* General Styles */
body {
  background-image: url('../assets/grid-bg.svg');
  background-repeat: repeat;
  background-size: 20px 20px;
  background-position: center;
}

/* Typography Enhancements */
h1, h2, h3 {
  letter-spacing: -0.025em;
}

/* File List Styles */
#file-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

#file-list::-webkit-scrollbar {
  width: 6px;
}

#file-list::-webkit-scrollbar-track {
  background: transparent;
}

#file-list::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.5);
  border-radius: 3px;
}

#log-area {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

#log-area::-webkit-scrollbar {
  width: 6px;
}

#log-area::-webkit-scrollbar-track {
  background: transparent;
}

#log-area::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.5);
  border-radius: 3px;
}

/* File Item Styles */
.file-item {
  transition: background-color 0.2s;
}

.file-item:hover {
  background-color: rgba(243, 244, 246, 0.8);
}

.file-status-pending {
  color: #6B7280;
}

.file-status-reading {
  color: #6366F1;
}

.file-status-processing {
  color: #8B5CF6;
}

.file-status-success {
  color: #10B981;
}

.file-status-failed {
  color: #EF4444;
}

/* Drop Area Active State */
#drop-area.active {
  border-color: #6A6CF4;
  background-color: rgba(106, 108, 244, 0.05);
}

/* Result Card Animations */
.result-card {
  transition: transform 0.3s, box-shadow 0.3s;
}

.result-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px
}