/**
 * 文件上传进度组件样式
 */

:root {
  --primary-color: var(--color-primary, #00684a);
  --primary-hover: var(--color-primary-hover, #005a40);
  --primary-light: rgba(0, 104, 74, 0.1);
  --success-color: var(--color-success, #52c41a);
  --warning-color: var(--color-warning, #faad14);
  --error-color: var(--color-error, #ff4d4f);
  --text-color: rgba(0, 0, 0, 0.85);
  --text-secondary: rgba(0, 0, 0, 0.45);
  --border-color: #f0f0f0;
  --bg-gray: #f5f5f5;
}

/* 进度条样式 */
.progress-container {
  @apply my-6;
}

.progress-bar {
  @apply h-2 bg-gray-100 rounded overflow-hidden mb-2;
}

.progress-bar-inner {
  @apply h-full bg-[var(--primary-color)] rounded transition-[width] duration-300 ease-in-out w-0;
}

.progress-text {
  @apply flex justify-between text-xs text-gray-500;
}

/* 响应式调整 */
@screen sm {
  .progress-container {
    @apply my-4;
  }
  
  .progress-bar {
    @apply h-1.5;
  }
}