/* 字段列表样式 */

/* 字段列表 */
.field-list {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.field-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--glass-border);
    gap: 1rem;
    background: var(--glass-bg);
}

.field-item:last-child {
    border-bottom: none;
}

.field-item:hover {
    background: var(--glass-bg-hover);
}

.field-drag {
    cursor: grab;
    color: var(--text-muted);
}

.field-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-info {
    flex: 1;
}

.field-name {
    font-weight: 600;
    font-size: 0.9rem;
}

.field-type {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.field-actions {
    display: flex;
    gap: 0.5rem;
}

/* 拖拽手柄样式 */
.drag-handle {
    cursor: grab;
    color: var(--text-muted);
    padding: 0.25rem;
    opacity: 0.5;
    transition: all 0.2s;
}

.drag-handle:hover {
    opacity: 1;
    color: var(--primary);
}

.drag-handle:active {
    cursor: grabbing;
}

.field-item.sortable-ghost,
.stage-item.stage-system {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(236, 72, 153, 0.03));
    border-left: 3px solid var(--primary);
}

.stage-item.stage-system .stage-name {
    color: var(--primary);
}

.stage-item.stage-fixed {
    background: linear-gradient(135deg, rgba(108, 117, 125, 0.05), rgba(108, 117, 125, 0.02));
    border-left: 3px solid #6c757d;
}

.stage-item.stage-fixed .drag-handle.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.stage-item.sortable-ghost {
    opacity: 0.4;
    background: var(--primary-light);
}

.field-item.sortable-chosen,
.stage-item.sortable-chosen {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.field-item.field-readonly {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(236, 72, 153, 0.02));
    border-left: 3px solid var(--primary);
}

.field-item.field-readonly .field-actions button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}