/*
 * Apps screen (/apps) — Execution Dashboard tile only.
 *
 * Frappe gives every app a square 60x60 tile. The Refex wordmark is ~5.2:1, so
 * Bootstrap's `max-width: 100%` caps it at the tile's 60px width and it lands
 * about 11px tall — a sliver next to ERPNext's and HR's square icons.
 *
 * Widening just this tile lets the wordmark render legibly without touching the
 * other apps. The attribute selector is what keeps it scoped: Frappe stamps
 * `app-name` onto each tile, so nothing else on the page is affected.
 */
.app-logo[app-name="execution_dashboard"] {
	width: 150px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-logo[app-name="execution_dashboard"] img {
	width: 100%;
	height: auto;
	object-fit: contain;
}