/* ============================================================================
   text-stats.css - shared stats-panel look for text-analysis tools
   ============================================================================
   Loaded by:  text-tools/word-frequency-finder.php,
               text-tools/ngram-generator.php
   Purpose:    The shared stat panels (input + output) used by both text
               analysis tools: same card design, green figures (.wf-* classes).
   Load order: AFTER tool-input.css; overrides nothing in the base file, only
               styles its own .wf-* classes.
   ============================================================================ */

.wf-mode-option {
	display: inline-block;
	margin-right: 16px;
}

.wf-ignore {
	width: 100%;
	height: 70px;
	font-size: 14px;
	margin-top: 4px;
	resize: vertical;
}

.wf-stats-panel {
	background-color: #59ab6e2e;
	border: 1px solid #59ab6e6e;
	border-radius: 6px;
	padding: 10px 14px;
	margin-top: 8px;
}

.wf-stats-panel h5 {
	margin: 0 0 8px;
	color: #0f5c23;
}

.wf-stats-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.wf-stat {
	flex: 1 1 100px;
}

.wf-stat .wf-stat-value {
	font-size: 1.35rem;
	font-weight: 700;
	color: #168332;
	line-height: 1.1;
}

.wf-stat .wf-stat-label {
	font-size: 0.82rem;
	color: #555;
	display: block;
}

.wf-output {
	font-family: Consolas, Menlo, monospace;
	font-size: 14px;
}