.wp-core-ui button.button-danger {
	background: #d63638;
	border-color: #d63638;
	color: #fff;
}

.wp-core-ui button.button-danger:hover {
	background: #b12331;
	border-color: #b12331;
	color: #fff;
}

/* Auto Mode Status Indicator Styles */
.ecc-auto-mode-status {
	padding: 12px 16px;
	border-radius: 4px;
	margin: 12px 0;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
}

.ecc-auto-mode-status.ecc-status-ready {
	background-color: #f0f6f3;
	border-color: #1e7e34;
}

.ecc-auto-mode-status.ecc-status-blocked {
	background-color: #fef5f5;
	border-color: #b12331;
}

.ecc-status-main {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.ecc-status-icon {
	font-size: 20px;
	font-weight: bold;
	min-width: 24px;
	text-align: center;
}

.ecc-status-text {
	font-weight: 500;
	font-size: 14px;
}

.ecc-status-details {
	margin: 10px 0;
	padding-left: 34px;
	font-size: 12px;
	color: #666;
}

.ecc-status-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ecc-status-details li {
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ecc-status-details strong {
	min-width: 140px;
}

.ecc-check {
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	min-width: 16px;
	text-align: center;
}

.ecc-check-ok {
	color: #1e7e34;
}

.ecc-check-fail {
	color: #b12331;
}

.ecc-status-toggle {
	cursor: pointer;
	margin-top: 4px;
	font-size: 12px;
}

.ecc-status-refresh {
	cursor: pointer;
}

#wpadminbar .critical-css-status {
	display: inline-block;
	padding: 0 8px;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	height: 1.2rem;
	line-height: 1.2rem;
	white-space: nowrap;
}

.completed {
	background: #1e7e34;
}

.expired {
	background: #995a00;
}

.invalid,
.failed,
.unreachable {
	background: #b12331;
}

.excluded,
.paused,
.unprocessed {
	background: #6c757d;
}

.pending {
	background: #007cba;
}

#wpadminbar #wp-admin-bar-critical_css_status:hover>.ab-item,
#wpadminbar.nojq .quicklinks #wp-admin-bar-critical_css_status:hover>.ab-item:focus,
#wpadminbar:not(.mobile) #wp-admin-bar-critical_css_status:hover>.ab-item,
#wpadminbar:not(.mobile) #wp-admin-bar-critical_css_status:hover>.ab-item:focus {
	background: inherit;
	color: #f0f0f1;
}

#ecc-advanced-settings-toggle {
	margin: 20px 0;
}

#ecc-toggle-advanced {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
}

#ecc-toggle-advanced .dashicons {
	transition: transform 0.2s ease;
}

#ecc-toggle-advanced.expanded .dashicons {
	transform: rotate(90deg);
}

#ecc-advanced-settings {
	border: 1px solid #c3c4c7;
	background: #f9f9f9;
	padding: 20px;
	margin-top: 15px;
	border-radius: 4px;
}

#ecc-advanced-settings h3 {
	margin-top: 0;
	color: #23282d;
}

.ecc-basic-setting {
	margin-bottom: 20px;
}

.ecc-basic-setting:last-child {
	margin-bottom: 0;
}

.ecc-advanced-setting {
	margin-bottom: 15px;
}

.ecc-basic-setting .description,
.ecc-advanced-setting .description {
	margin-top: 8px;
	max-width: 600px;
}
