.conv-tracker-layout { display: flex; flex-direction: column; gap: 20px; }

/* Dashboard de Balança */
.conv-balance-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.conv-stat-box {
	background: #f8fafc;
	border-radius: var(--conv-radius);
	padding: 20px;
	text-align: center;
	border: 1px solid var(--conv-border);
	border-bottom-width: 4px;
}

.vowels { border-bottom-color: var(--conv-primary); }
.consonants { border-bottom-color: var(--conv-secondary); }

.conv-stat-value {
	display: block; font-size: 2.5rem; font-weight: 900;
	font-family: 'JetBrains Mono', monospace;
}

/* Grade de Inventário (Letra por Letra) */
.conv-inventory-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
	gap: 10px;
	margin-top: 15px;
}

.conv-letter-card {
	background: white;
	border: 1px solid var(--conv-border);
	border-radius: 8px;
	padding: 8px;
	text-align: center;
	transition: var(--conv-transition);
}

.conv-letter-card:hover { border-color: var(--conv-primary); transform: scale(1.05); }

.letter-char {
	display: block; font-size: 1.1rem; font-weight: 900;
	color: var(--conv-dark); text-transform: uppercase;
}

.letter-count {
	display: block; font-size: 0.65rem; font-weight: 800;
	color: #fff; background: var(--conv-muted);
	border-radius: 4px; margin-top: 4px;
}

.vowel-card .letter-count { background: var(--conv-primary); }
.consonant-card .letter-count { background: var(--conv-secondary); }

.inventory-section {
	background: #f1f5f9; padding: 15px; border-radius: 12px;
}

.inventory-title {
	font-size: 0.7rem; font-weight: 800; text-transform: uppercase;
	letter-spacing: 1px; color: var(--conv-secondary); margin-bottom: 10px;
}