/* 导航样式 */
.nav-link {
    @apply block px-6 py-3 text-gray-600 hover:bg-blue-50 hover:text-blue-600 transition-colors duration-200;
}

.nav-link.active {
    @apply bg-blue-100 text-blue-600 border-r-4 border-blue-600;
}

/* 卡片样式 */
.stats-card {
    @apply bg-white rounded-lg shadow-md p-6 border border-gray-200;
}

.stats-card-icon {
    @apply w-12 h-12 rounded-full flex items-center justify-center text-white text-xl;
}

/* 表格样式 */
.table-container {
    @apply bg-white rounded-lg shadow-md overflow-hidden;
}

.table-header {
    @apply bg-gray-50 px-6 py-4 border-b border-gray-200;
}

.table-row {
    @apply border-b border-gray-100 hover:bg-gray-50 transition-colors duration-200;
}

.table-cell {
    @apply px-6 py-4 text-sm text-gray-900;
}

/* 按钮样式 */
.btn-primary {
    @apply bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-200 flex items-center;
}

.btn-secondary {
    @apply bg-gray-100 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-200 transition-colors duration-200 flex items-center;
}

.btn-danger {
    @apply bg-red-600 text-white px-3 py-1 rounded hover:bg-red-700 transition-colors duration-200;
}

.btn-success {
    @apply bg-green-600 text-white px-3 py-1 rounded hover:bg-green-700 transition-colors duration-200;
}

/* 表单样式 */
.form-input {
    @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-2;
}

.form-group {
    @apply mb-4;
}

/* 搜索框样式 */
.search-input {
    @apply flex-1 px-4 py-2 border border-gray-300 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.search-button {
    @apply px-6 py-2 bg-blue-600 text-white rounded-r-lg hover:bg-blue-700 transition-colors duration-200;
}

/* 分页样式 */
.pagination-button {
    @apply px-3 py-2 mx-1 border border-gray-300 rounded text-sm hover:bg-gray-50 transition-colors duration-200;
}

.pagination-button.active {
    @apply bg-blue-600 text-white border-blue-600;
}

.pagination-button:disabled {
    @apply bg-gray-100 text-gray-400 cursor-not-allowed;
}

/* 状态标签 */
.status-badge {
    @apply px-2 py-1 rounded-full text-xs font-medium;
}

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

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

/* 下拉文件上传区域 */
.drop-zone {
    @apply border-2 border-dashed border-gray-300 rounded-lg p-8 text-center transition-colors duration-200;
}

.drop-zone.dragover {
    @apply border-blue-500 bg-blue-50;
}

/* 响应式表格 */
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
    }
    
    .table-cell {
        white-space: nowrap;
    }
}

/* 加载动画 */
.loading-spinner {
    @apply animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600;
}

/* 成功/错误消息 */
.alert {
    @apply px-4 py-3 rounded-lg mb-4;
}

.alert-success {
    @apply bg-green-100 border border-green-400 text-green-700;
}

.alert-error {
    @apply bg-red-100 border border-red-400 text-red-700;
}

.alert-warning {
    @apply bg-yellow-100 border border-yellow-400 text-yellow-700;
}

/* 模态框样式 */
.modal-overlay {
    @apply fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50;
}

.modal-content {
    @apply bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-screen overflow-y-auto;
}

.modal-header {
    @apply px-6 py-4 border-b border-gray-200 flex items-center justify-between;
}

.modal-body {
    @apply p-6;
}

.modal-footer {
    @apply px-6 py-4 border-t border-gray-200 flex justify-end space-x-3;
}

/* 高级搜索样式 */
.search-field-checkbox {
    @apply rounded border-gray-300 text-blue-600 focus:ring-blue-500;
}

.search-suggestions {
    @apply absolute z-10 w-full bg-white border border-gray-300 rounded-md shadow-lg mt-1 max-h-64 overflow-y-auto;
}

.suggestion-item {
    @apply p-3 hover:bg-gray-100 cursor-pointer border-b border-gray-200 transition-colors duration-200;
}

.suggestion-item:last-child {
    @apply border-b-0;
}

.suggestion-item:hover {
    @apply bg-blue-50;
}

/* 搜索字段标签 */
.search-field-label {
    @apply text-sm text-gray-600 flex items-center space-x-2;
}

.search-field-count {
    @apply text-xs text-blue-600 font-medium;
}

/* 搜索统计 */
.search-stats {
    @apply text-sm text-gray-500 mt-2;
}

/* 高级搜索切换动画 */
#advancedSearchOptions {
    @apply transition-all duration-300 ease-in-out;
}

#advancedSearchOptions.hidden {
    @apply max-h-0 opacity-0;
}

#advancedSearchOptions:not(.hidden) {
    @apply max-h-96 opacity-100;
}

/* 搜索结果高亮 */
.search-highlight {
    @apply bg-yellow-200 font-medium;
}

/* 搜索字段选择器 */
.field-selector {
    @apply grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2;
}

.field-option {
    @apply flex items-center space-x-2 p-2 border border-gray-200 rounded hover:bg-gray-50 cursor-pointer transition-colors duration-200;
}

.field-option.selected {
    @apply bg-blue-50 border-blue-300;
}