.etcf7-automation-container {
	display: flex;
	gap: 2rem;
	margin-top: 1.5rem;
}

.etcf7-automation-sidebar {
	flex: 0 0 300px;
}

.etcf7-automation-editor {
	flex: 1;
	min-width: 0;
}

.etcf7-automation-form-selector {
	margin-bottom: 2rem;
}

.etcf7-automation-form-selector label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.etcf7-automation-form-selector select {
	width: 100%;
}

.etcf7-automation-rules-list h3 {
	margin-top: 0;
}

#etcf7-automation-rules {
	margin: 1rem 0;
	padding: 1rem;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	max-height: 400px;
	overflow-y: auto;
}

#etcf7-automation-rules ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#etcf7-automation-rules li {
	padding: 0.75rem;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#etcf7-automation-rules li:last-child {
	border-bottom: none;
}

.rule-status {
	font-size: 0.8em;
	padding: 0.2em 0.5em;
	border-radius: 3px;
	background: #e5e5e5;
}

.button-small {
	padding: 0.2em 0.5em;
	font-size: 0.8em;
}

.etcf7-automation-field {
	margin-bottom: 1.5rem;
}

.etcf7-automation-field label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.etcf7-automation-field input[type="text"],
.etcf7-automation-field input[type="number"],
.etcf7-automation-field select {
	width: 100%;
	max-width: 400px;
}

.etcf7-automation-field .description {
	font-size: 0.9em;
	color: #666;
	margin-top: 0.25rem;
}

.etcf7-automation-condition {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	background: #f5f5f5;
	border-radius: 4px;
}

.etcf7-automation-condition select,
.etcf7-automation-condition input {
	flex: 1;
	min-width: 0;
}

.etcf7-automation-condition .condition-field {
	flex: 2;
}

.etcf7-automation-condition .condition-operator {
	flex: 1;
}

.etcf7-automation-condition .condition-value {
	flex: 2;
}

.etcf7-automation-condition .condition-remove {
	flex: 0 0 auto;
}

.etcf7-automation-actions {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid #ddd;
}

#etcf7-automation-editor-empty {
	padding: 2rem;
	text-align: center;
	color: #666;
	border: 2px dashed #ddd;
	border-radius: 4px;
}