/**
 * 配置列表页样式
 */

/* 配置页面容器 */
.config-lists {
  @apply p-6;
}

/* 表格区域 */
.config-lists .config-table {
  @apply w-full;
}

/* 选择框focus状态 */
.config-lists .form-select:focus {
  border-color: #00684a;
  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.2);
  outline: none;
}

/* 环境标签 */
.config-lists .env-tag {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
}

.config-lists .env-tag-dev {
  @apply bg-blue-100 text-blue-900;
}

.config-lists .env-tag-test {
  @apply bg-yellow-100 text-yellow-900;
}

.config-lists .env-tag-prod {
  @apply bg-green-100 text-green-900;
}

/* 操作列样式 */
.config-lists .operations-cell {
  @apply flex space-x-2;
}

.config-lists .operation-btn {
  @apply text-sm flex items-center text-[--color-primary] bg-transparent hover:underline p-2;  
}


.config-lists .operation-btn i {
  @apply mr-1;
}

/* 详情模态框样式 */
.config-lists .config-detail-content {
  @apply space-y-4;
}

.config-lists .config-detail-item {
  @apply mb-4;
}

.config-lists .config-detail-label {
  @apply text-sm text-gray-500 mb-1;
}

.config-lists .config-detail-value {
  @apply text-base;
}

.config-lists .config-detail-code {
  @apply bg-gray-50 p-3 rounded text-sm overflow-x-auto;
}

.config-lists .ant-btn-primary{
    @apply !text-white
}

/* 响应式调整 */
@screen md {
  .config-lists .config-filter-form {
    @apply grid-cols-2;
  }
}

@screen lg {
  .config-lists .config-filter-form {
    @apply grid-cols-4;
  }
} 