.accessibility-summary-widget,
.accessibility-issues-widget {
	border: 2px solid #d6e2f5;
	border-radius: 12px;
	padding: 24px;
	background: #f8fbff;
	margin: 24px 0;
	font-family: inherit;
}

.accessibility-summary-title,
.issues-title {
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 1.5rem;
	color: #113c75;
}

.accessibility-summary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 16px;
	margin-bottom: 20px;
}

.summary-card {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e2ebf7;
	padding: 16px;
	text-align: center;
}

.summary-card.critical {
	border-color: #f7d4d4;
	background: #fff6f6;
}

.summary-value {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	color: #0b3a75;
}

.summary-card.critical .summary-value {
	color: #a21414;
}

.summary-card .summary-label {
	display: block;
	font-size: 0.85rem;
	color: #4c607b;
	margin-top: 4px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.summary-card small {
	display: block;
	margin-top: 6px;
	color: #7e8aa3;
}

.accessibility-trend h3 {
	margin-top: 0;
	font-size: 1.1rem;
	color: #113c75;
}

.trend-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.trend-list li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #e2ebf7;
	font-size: 0.95rem;
}

.trend-list li:last-child {
	border-bottom: 0;
}

.trend-date {
	color: #4c607b;
}

.trend-value {
	font-weight: 600;
	color: #0b3a75;
}

.accessibility-issues-widget {
	background: #fffdf9;
	border-color: #f5e1c7;
}

.accessibility-issues-widget .issues-title {
	color: #714a00;
}

.accessibility-issues-widget.severity-high {
	border-color: #f7d4d4;
	background: #fff6f6;
}

.accessibility-issues-widget.severity-high .issues-title {
	color: #8b1111;
}

.issues-list {
	list-style: decimal;
	padding-left: 20px;
	margin: 0;
}

.issue {
	margin-bottom: 18px;
}

.issue:last-child {
	margin-bottom: 0;
}

.issue-message {
	margin: 0 0 8px;
	font-size: 1.1rem;
	color: #222;
}

.issue-meta {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.95rem;
	color: #444;
}

.issue-meta li {
	margin-bottom: 6px;
}

.issue-meta code {
	background: rgba(0, 0, 0, 0.05);
	padding: 2px 6px;
	border-radius: 4px;
}

.no-issues {
	margin: 0;
	font-weight: 600;
	color: #3a6f2b;
}

@media (max-width: 600px) {
	.accessibility-summary-widget,
	.accessibility-issues-widget {
		padding: 18px;
	}

	.summary-card .summary-value {
		font-size: 1.6rem;
	}
}