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

.vwao-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin: 20px 0;
}

.vwao-card {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 20px;
	margin-top: 20px;
}

.vwao-card h2 {
	margin-top: 0;
}

.vwao-card code {
	word-break: break-all;
}

.vwao-settings-form .form-table th {
	width: 260px;
}

.vwao-stacked-option {
	display: block;
	margin-bottom: 8px;
}

.vwao-content-matrix th,
.vwao-content-matrix td {
	padding: 10px 12px;
	vertical-align: middle;
}

.vwao-content-matrix thead th:first-child,
.vwao-content-matrix tbody th[scope="row"] {
	padding-left: 16px;
	padding-right: 16px;
}

.vwao-endpoint-status {
	width: 70px;
}

.vwao-endpoint-actions {
	white-space: nowrap;
	width: 100px;
}

.vwao-feature-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	text-decoration: none;
}

.vwao-feature-status .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.vwao-feature-status.is-enabled {
	background: #edf7ed;
	color: #117c3f;
}

.vwao-feature-status.is-disabled {
	background: #fbeaea;
	color: #b32d2e;
}

.vwao-preview-box {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 16px;
	white-space: pre-wrap;
	word-break: break-word;
}