/* 引入 Tailwind 基础层 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 修复与 Element Plus 的样式冲突 */
@layer base {
  .el-button {
    @apply font-normal; // 覆盖 Element 的粗体
  }

  .el-menu {
    @apply border-none; // 去除默认边框
  }

  .el-form-item__label {
    @apply text-gray-600; // 统一标签颜色
  }
}

/* 自定义组件类 */
@layer components {
  .dashboard-card {
    @apply bg-white rounded-lg shadow-sm p-6 hover:shadow-md transition-shadow;
    
    &-title {
      @apply text-lg font-medium mb-4 text-gray-700;
    }
  }

  .data-badge {
    @apply inline-flex items-center px-3 py-1 rounded-full text-sm;
    
    &.success {
      @apply bg-green-100 text-green-800;
    }
    
    &.warning {
      @apply bg-yellow-100 text-yellow-800;
    }
  }
}