/**
 * 文件类型标签组件样式
 */

/* 文件类型标签基础样式 */
.file-type-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  background-color: #f0f0f0;
  color: #333;
}

.file-type-tag .file-type-icon {
  margin-right: 4px;
  font-size: 14px;
}

/* 无图标模式 */
.file-type-tag-no-icon {
  padding-left: 8px;
}

/* 文件类型颜色 */
.file-type-tag-doc {
  @apply bg-blue-100 text-blue-800;
}

.file-type-tag-pdf {
  @apply bg-red-100 text-red-800;
}

.file-type-tag-xls {
  @apply bg-green-100 text-green-800;
}

.file-type-tag-ppt {
  @apply bg-orange-100 text-orange-800;
}

.file-type-tag-zip {
  @apply bg-purple-100 text-purple-800;
}

.file-type-tag-img {
  @apply bg-pink-100 text-pink-800;
}

.file-type-tag-txt {
  @apply bg-gray-100 text-gray-800;
}

.file-type-tag-unknown {
  @apply bg-gray-100 text-gray-800;
}

/* 特定业务文件类型 */
.file-type-tag-contract {
  @apply bg-blue-100 text-blue-800;
}

.file-type-tag-license {
  @apply bg-green-100 text-green-800;
}

.file-type-tag-punishment {
  @apply bg-orange-100 text-orange-800;
}

.file-type-tag-report {
  @apply bg-cyan-100 text-cyan-800;
}

.file-type-tag-other {
  @apply bg-purple-100 text-purple-800;
}

/* 新增的文档类型样式 */
/* 合同文档 */
.file-type-tag-contract {
  background-color: #e8f5fd;
  color: #0077cc;
}

/* 行政许可卷宗 */
.file-type-tag-license-doc {
  background-color: #e8fdf5;
  color: #00a67e;
}

/* 行政处罚卷宗 */
.file-type-tag-punishment-doc {
  background-color: #fee7e7;
  color: #e53e3e;
}

/* 其他文档 */
.file-type-tag-other {
  background-color: #fef5e7;
  color: #dd6b20;
}

/* 尺寸变体 */
.file-type-tag-sm {
  padding: 2px 6px;
  font-size: 11px;
}

.file-type-tag-sm .file-type-icon {
  font-size: 12px;
}

.file-type-tag-lg {
  padding: 6px 12px;
  font-size: 14px;
}

.file-type-tag-lg .file-type-icon {
  font-size: 16px;
}

/* 带图标的文件类型标签 */
.file-type-tag-with-icon {
  @apply pl-1.5;
}

.file-type-tag i {
  @apply mr-1 text-sm;
}

/* 文件类型变体 */
.file-type-sales-contract {
  background-color: #e8f5fd;
  color: #0077cc;
}

.file-type-purchase-contract {
  background-color: #f5f0ff;
  color: #6b46c1;
}

.file-type-license {
  background-color: #fef5e7;
  color: #dd6b20;
}

.file-type-punishment {
  background-color: #fee7e7;
  color: #e53e3e;
}

.file-type-agreement {
  background-color: #e8fdf5;
  color: #00a67e;
}

/* 动画效果 - 鼠标悬停 */
.file-type-tag:hover {
  opacity: 0.9;
}

/* 明确指定浅色模式 */
.file-type-tag.color-mode-light {
  background-color: #f0f0f0 !important;
  color: #333 !important;
}

.file-type-tag.color-mode-light.file-type-sales-contract {
  background-color: #e8f5fd !important;
  color: #0077cc !important;
}

.file-type-tag.color-mode-light.file-type-purchase-contract {
  background-color: #f5f0ff !important;
  color: #6b46c1 !important;
}

.file-type-tag.color-mode-light.file-type-license {
  background-color: #fef5e7 !important;
  color: #dd6b20 !important;
}

.file-type-tag.color-mode-light.file-type-punishment {
  background-color: #fee7e7 !important;
  color: #e53e3e !important;
}

.file-type-tag.color-mode-light.file-type-agreement {
  background-color: #e8fdf5 !important;
  color: #00a67e !important;
}

/* 新增文档类型的浅色模式 */
.file-type-tag.color-mode-light.file-type-tag-contract {
  background-color: #e8f5fd !important;
  color: #0077cc !important;
}

.file-type-tag.color-mode-light.file-type-tag-license-doc {
  background-color: #e8fdf5 !important;
  color: #00a67e !important;
}

.file-type-tag.color-mode-light.file-type-tag-punishment-doc {
  background-color: #fee7e7 !important;
  color: #e53e3e !important;
}

.file-type-tag.color-mode-light.file-type-tag-other {
  background-color: #fef5e7 !important;
  color: #dd6b20 !important;
}

/* 明确指定深色模式 */
.file-type-tag.color-mode-dark {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

.file-type-tag.color-mode-dark.file-type-sales-contract {
  background-color: rgba(0, 119, 204, 0.2) !important;
  color: #4db8ff !important;
}

.file-type-tag.color-mode-dark.file-type-purchase-contract {
  background-color: rgba(107, 70, 193, 0.2) !important;
  color: #b794f4 !important;
}

.file-type-tag.color-mode-dark.file-type-license {
  background-color: rgba(221, 107, 32, 0.2) !important;
  color: #f6ad55 !important;
}

.file-type-tag.color-mode-dark.file-type-punishment {
  background-color: rgba(229, 62, 62, 0.2) !important;
  color: #fc8181 !important;
}

.file-type-tag.color-mode-dark.file-type-agreement {
  background-color: rgba(0, 166, 126, 0.2) !important;
  color: #68d5b1 !important;
}

/* 新增文档类型的深色模式 */
.file-type-tag.color-mode-dark.file-type-tag-contract {
  background-color: rgba(0, 119, 204, 0.2) !important;
  color: #4db8ff !important;
}

.file-type-tag.color-mode-dark.file-type-tag-license-doc {
  background-color: rgba(0, 166, 126, 0.2) !important;
  color: #68d5b1 !important;
}

.file-type-tag.color-mode-dark.file-type-tag-punishment-doc {
  background-color: rgba(229, 62, 62, 0.2) !important;
  color: #fc8181 !important;
}

.file-type-tag.color-mode-dark.file-type-tag-other {
  background-color: rgba(221, 107, 32, 0.2) !important;
  color: #f6ad55 !important;
}

/* 适配深色模式 */
@media (prefers-color-scheme: dark) {
  .file-type-tag:not(.color-mode-light) {
    background-color: #2d2d2d;
    color: #e0e0e0;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-sales-contract {
    background-color: rgba(0, 119, 204, 0.2);
    color: #4db8ff;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-purchase-contract {
    background-color: rgba(107, 70, 193, 0.2);
    color: #b794f4;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-license {
    background-color: rgba(221, 107, 32, 0.2);
    color: #f6ad55;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-punishment {
    background-color: rgba(229, 62, 62, 0.2);
    color: #fc8181;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-agreement {
    background-color: rgba(0, 166, 126, 0.2);
    color: #68d5b1;
  }
  
  /* 新增文档类型的深色模式自动适配 */
  .file-type-tag:not(.color-mode-light).file-type-tag-contract {
    background-color: rgba(0, 119, 204, 0.2);
    color: #4db8ff;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-tag-license-doc {
    background-color: rgba(0, 166, 126, 0.2);
    color: #68d5b1;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-tag-punishment-doc {
    background-color: rgba(229, 62, 62, 0.2);
    color: #fc8181;
  }
  
  .file-type-tag:not(.color-mode-light).file-type-tag-other {
    background-color: rgba(221, 107, 32, 0.2);
    color: #f6ad55;
  }
} 