/* Progress Bar Styles */
.progress-container {
  width: 100%; /* Span the full width of the parent container */
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
  margin-top: 20px; /* Add 20px margin at the top */
  padding: 0 20px; /* Add padding to ensure centering works */
}

#progress-bar {
  width: 75%; /* 75% of the container's width */
  height: 20px; /* Slightly taller than the default */
  background-color: #d4d4d4; /* Light grey background */
  border-radius: 4px; /* Slightly rounded corners */
  overflow: hidden; /* Ensure the inner fill doesn't overflow */
}

#progress-bar::-webkit-progress-bar {
  background-color: #d4d4d4; /* Light grey background */
  border-radius: 4px; /* Slightly rounded corners */
}

#progress-bar::-webkit-progress-value {
  background-color: #007bff; /* Blue fill */
  border-radius: 4px; /* Slightly rounded corners */
}

#progress-bar::-moz-progress-bar {
  background-color: #007bff; /* Blue fill for Firefox */
  border-radius: 4px; /* Slightly rounded corners */
}

#progress-text {
  font-size: 14px; /* Text size */
  color: #333; /* Text color */
  margin-top: 5px; /* Spacing between the progress bar and text */
}

.missing-file {
  color: #999;
  font-style: italic;
}

#missingFilesWarning {
  margin: 10px;
  padding: 10px;
}