/**
 * 提示词模板管理页面样式
 */

.prompt-page {
  --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);
}

/* 页面头部 */
.prompt-page .page-header {
  @apply flex justify-between items-center mb-4;
}

.prompt-page .page-title {
  @apply text-xl font-medium;
}

/* 搜索区域 */
.prompt-page .search-container {
  @apply mb-4;
}

.prompt-page .search-form {
  @apply flex flex-wrap items-end gap-4;
}

.prompt-page .search-field {
  @apply flex-1 min-w-[200px];
}

.prompt-page .search-actions {
  @apply flex items-center;
}

/* 数据表格 */
.prompt-page .table-container {
  @apply overflow-x-auto;
}

/* 选择框focus状态 */
.prompt-page .form-select:focus {
  @apply border-[#00684a] shadow-[0_0_0_2px_rgba(0,104,74,0.2)] outline-none;
}

/* 类型标签 */
.prompt-page .type-badge {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium mr-1;
}

.prompt-page .type-extraction {
  @apply bg-green-100 text-green-800;
}

.prompt-page .type-evaluation {
  @apply bg-yellow-100 text-yellow-800;
}

.prompt-page .type-summary {
  @apply bg-blue-100 text-blue-800;
}

.prompt-page .type-common {
  @apply bg-purple-100 text-purple-800;
}

/* 状态标签 */
.prompt-page .status-badge {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium text-center;
}

.prompt-page .status-active {
  @apply bg-green-100 text-green-800;
}

.prompt-page .status-inactive {
  @apply bg-red-100 text-red-800;
}

.prompt-page .status-system {
  @apply bg-blue-100 text-blue-800;
}

/* 操作按钮 */
.prompt-page .operation-btn {
  @apply !text-black inline-flex items-center px-3 py-1 text-sm rounded-md hover:bg-gray-100 transition-colors duration-150 ease-in-out hover:!text-[--color-primary];
}

.prompt-page .operation-btn i {
  @apply mr-1;
}

/* 分页 */
.prompt-page .pagination-info {
  @apply text-sm text-gray-500;
}

.prompt-page .pagination-controls {
  @apply flex items-center;
} 