.oste-automations-wrap .nav-tab-wrapper {
	margin-bottom: 20px;
}

.oste-automation-toolbar {
	display: flex;
	justify-content: flex-end;
	margin: 16px 0;
}

.oste-automation-empty,
.oste-automation-card {
	max-width: 920px;
	margin: 16px 0;
	padding: 20px;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	background: #fff;
}

.oste-automation-card h2 {
	margin-top: 0;
}

.oste-automation-field {
	display: grid;
	grid-template-columns: minmax(180px, 220px) minmax(260px, 1fr);
	gap: 8px 18px;
	align-items: start;
	margin: 16px 0;
}

.oste-automation-field > label:first-child {
	font-weight: 600;
}

.oste-automation-field .description {
	grid-column: 2;
	margin: 0;
}

.oste-automation-editor-control {
	min-width: 0;
}

.oste-automation-editor-control .wp-editor-wrap {
	max-width: 100%;
}

.oste-delay-control {
	display: flex;
	gap: 8px;
}

.oste-delay-control input {
	width: 110px;
}

.oste-inline-form {
	display: inline-block;
	margin: 0 3px;
}

.oste-automation-state {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 9px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.oste-automation-state.is-active {
	color: #005c12;
	background: #d7f1dc;
}

.oste-automation-state.is-disabled {
	color: #50575e;
	background: #e2e4e7;
}

.oste-automation-rules th,
.oste-automation-rules td {
	vertical-align: middle;
}

.oste-automation-actions {
	white-space: nowrap;
}

.oste-automation-preview-actions {
	margin: 18px 0 10px;
}

.oste-automation-preview-status {
	min-height: 20px;
	font-weight: 600;
}

.oste-automation-preview-status.is-success {
	color: #008a20;
}

.oste-automation-preview-status.is-error {
	color: #b32d2e;
}

.oste-automation-preview-result iframe {
	display: block;
	width: 600px;
	max-width: 100%;
	min-height: 620px;
	margin: 0 auto;
	border: 1px solid #c3c4c7;
	background: #fff;
}

.oste-automation-log-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin: 18px 0 0;
	padding: 14px;
	border: 1px solid #dcdcde;
	background: #fff;
}

.oste-automation-log-filters label {
	display: grid;
	gap: 4px;
	font-weight: 600;
}

.oste-automation-log-table td {
	vertical-align: top;
}

.oste-log-event {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 8px;
	border-radius: 12px;
	background: #e2e4e7;
	font-size: 12px;
	font-weight: 600;
}

.oste-log-event-sent,
.oste-log-event-test_sent {
	color: #005c12;
	background: #d7f1dc;
}

.oste-log-event-failed,
.oste-log-event-test_failed,
.oste-log-event-scheduler_unavailable {
	color: #8a2424;
	background: #f8d7da;
}

.oste-log-event-scheduled {
	color: #004b76;
	background: #d9edf7;
}

.oste-automation-retry {
	margin-top: 8px;
}

@media screen and (max-width: 782px) {
	.oste-automation-field {
		grid-template-columns: 1fr;
	}

	.oste-automation-field .description {
		grid-column: 1;
	}

	.oste-automation-rules {
		display: block;
		overflow-x: auto;
	}
}