.wdm-aipf-tabs .nav-tab-wrapper {
	margin-bottom: 20px;
}

.wdm-aipf-tabs .tab-content {
	background: #fff;
	padding: 20px;
	border: 1px solid #ccd0d4;
	border-top: none;
}

.wdm-aipf-tabs .tab-content:first-child {
	border-top: 1px solid #ccd0d4;
}

#wdm-aipf-feed-url {
	font-family: monospace;
}

#wdm-aipf-message {
	padding: 10px;
	border-left: 4px solid #00a0d2;
	background: #f0f8ff;
}

#wdm-aipf-message.error {
	border-left-color: #dc3232;
	background: #ffeaea;
}

#wdm-aipf-message.success {
	border-left-color: #46b450;
	background: #eafaea;
}

/* Focus indicator styles for WCAG 2.4.7 compliance */
.wdm-aipf-tabs .nav-tab:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1;
}

.wdm-aipf-tabs .nav-tab:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

.wdm-aipf-tabs .nav-tab:focus-visible {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1;
}

#wdm-aipf-copy:focus,
#wdm-aipf-generate-now:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}

.wdm-aipf-tabs input:focus,
.wdm-aipf-tabs select:focus,
.wdm-aipf-tabs textarea:focus {
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
	outline: 2px solid transparent;
}

.wdm-aipf-tabs input[type="checkbox"]:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
	box-shadow: none;
}