/**
 * Taypro branding visibility helpers (Desk).
 * Only touches logo sizing/visibility, not colors.
 */

.sidebar-header .sidebar-item-icon {
	background-color: transparent !important;
}

.sidebar-header .header-logo {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-header .header-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.sidebar-header-menu .sidebar-item-icon img.logo,
.sidebar-header-menu .sidebar-item-icon img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: block;
}

header .navbar-brand .app-logo,
header .navbar-brand img.app-logo,
header .navbar-brand .app-logo img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}

/* Keep folder popup icon labels readable for long module names. */
.frappe-control .app-folder .desktop-icon {
	width: 110px;
}

.frappe-control .app-folder .desktop-icon .icon-title {
	white-space: normal;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
}