/*
 * SLMv3 application layer for the shared SUI shell.
 *
 * Loaded immediately after bootstrap-shell.css, which is the SUI layer and is taken
 * VERBATIM from ../strixie_erp — nothing app-specific may be added to that file. Anything
 * SLMv3 needs on top of the shell lives here, under the `slmv3-` prefix.
 *
 * See ../strixie_erp/docs/sui.md for the three-layer contract.
 */

.slmv3-smsa-connection {
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-primary);
	font-size: 1.25rem;
	line-height: 1;
}

.slmv3-smsa-connection i {
	position: relative;
	z-index: 1;
}

.slmv3-smsa-connection::after {
	position: absolute;
	z-index: 0;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	background: currentColor;
	content: '';
	opacity: 0;
	pointer-events: none;
}

.slmv3-smsa-connection.slmv3-smsa-connection-ping::after {
	animation: slmv3-smsa-connection-pulse 0.8s ease-out;
}

@keyframes slmv3-smsa-connection-pulse {
	0% { transform: scale(0.7); opacity: 0.35; }
	70%, 100% { transform: scale(2.3); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.slmv3-smsa-connection::after {
		animation: none;
	}
}

/* SLMv3 brand theme tokens (C2.3): no override — same Bootstrap default blue as ../strixie_erp,
   which also leaves --bs-primary untouched. Previously a Senus-green (#2e7d32) override lived
   here; removed so SLMv3 matches strixie's shell exactly. */