/**
 * Community pulse: only the numeric score is red (rest stays neutral; works without Tailwind JIT).
 */

.ntp-cs-score-card__value {
	color: var(--ntp-status-danger-fg, #dc2626);
	font-size: 1.875rem;
	line-height: 1;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.ntp-cs-score-card__suffix {
	margin-left: 0.125rem;
	color: var(--ntp-text-muted, #64748b);
	font-size: 1rem;
	line-height: 1;
	font-weight: 600;
}

[data-theme="dark"] .ntp-cs-score-card__suffix {
	color: var(--ntp-text-muted, #94a3b8);
}

/* Submit — color guaranteed outside Tailwind bundle */
button[data-ntp-cs-submit] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 0.5rem;
	padding: 0.625rem 1.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	color: #ffffff;
	background: linear-gradient(180deg, #10b981 0%, #059669 100%);
	box-shadow: 0 2px 10px rgba(5, 150, 105, 0.35);
	transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

button[data-ntp-cs-submit]:hover:not(:disabled) {
	filter: brightness(1.06);
	box-shadow: 0 4px 14px rgba(5, 150, 105, 0.42);
}

button[data-ntp-cs-submit]:active:not(:disabled) {
	transform: translateY(1px);
}

button[data-ntp-cs-submit]:focus-visible {
	outline: 2px solid #34d399;
	outline-offset: 2px;
}

button[data-ntp-cs-submit]:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

[data-theme="dark"] button[data-ntp-cs-submit] {
	background: linear-gradient(180deg, #34d399 0%, #10b981 55%, #059669 100%);
	box-shadow: 0 2px 14px rgba(16, 185, 129, 0.28);
}

[data-theme="dark"] button[data-ntp-cs-submit]:hover:not(:disabled) {
	box-shadow: 0 4px 18px rgba(52, 211, 153, 0.35);
}