/* StaffPulse brand — logo max 250px wide */

.staffpulse-logo-img {
	display: block;
	width: auto;
	max-width: 250px;
	height: auto;
	object-fit: contain;
	background: transparent !important;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

.staffpulse-logo-img.is-compact,
.staffpulse-logo-img.is-inline {
	max-width: 200px;
}

.staffpulse-logo-img.is-header,
.staffpulse-logo-img.is-hero,
.staffpulse-logo-img.is-showcase {
	max-width: 250px;
}

.staffpulse-logo-img.is-on-dark {
	filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.18));
}

.staffpulse-logo-img.is-on-light {
	background: transparent !important;
	box-shadow: none;
}

.staffpulse-logo-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	background: transparent;
	border: none;
	padding: 0;
}

.staffpulse-logo-wrap.is-centered {
	justify-content: center;
	text-align: center;
	flex-direction: column;
	width: 100%;
}

.staffpulse-app-login .staffpulse-logo-wrap {
	margin-bottom: 8px;
}

#sh-mgr-login-wall .staffpulse-logo-img {
	margin: 0 auto 18px;
}

.staffpulse-brand-vision-logo {
	margin: 0 0 12px;
}

@keyframes staffpulse-heartbeat {
	0%,
	100% {
		transform: scale(1);
	}
	8% {
		transform: scale(1.14);
	}
	16% {
		transform: scale(1);
	}
	24% {
		transform: scale(1.1);
	}
}

.staffpulse-brand-word {
	display: inline;
	white-space: nowrap;
}

.staffpulse-brand-pulse {
	display: inline-block;
	color: #16a34a;
	animation: staffpulse-heartbeat 1.55s ease-in-out infinite;
	transform-origin: 50% 85%;
}

.staffpulse-brand-pulse.is-on-dark,
.on-dark .staffpulse-brand-pulse {
	color: #4ade80;
}

@media (prefers-reduced-motion: reduce) {
	.staffpulse-brand-pulse {
		animation: none;
	}
}

@media (max-width: 480px) {
	.staffpulse-logo-img,
	.staffpulse-logo-img.is-header,
	.staffpulse-logo-img.is-hero,
	.staffpulse-logo-img.is-showcase {
		max-width: min(250px, 92vw);
	}

	.staffpulse-logo-img.is-compact,
	.staffpulse-logo-img.is-inline {
		max-width: min(200px, 80vw);
	}
}