/* =============================================================
   User Switcher – Front-end Styles
   ============================================================= */

/* ── Switch-back bar ─────────────────────────────────────────── */
.us-switch-back-bar {
	position: fixed;
	bottom: 22px;
	left: 22px;
	z-index: 99999;
	background: #1d2327;
	color: #fff;
	border-radius: 12px;
	padding: 10px 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 6px 24px rgba( 0, 0, 0, 0.32 );
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	animation: us-slide-up 0.3s ease;
}

@keyframes us-slide-up {
	from { transform: translateY( 18px ); opacity: 0; }
	to   { transform: translateY( 0 );    opacity: 1; }
}

.us-switch-back-info {
	display: flex;
	align-items: center;
	gap: 7px;
}

.us-switch-back-badge {
	background: #d63638;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 2px 8px;
	border-radius: 12px;
}

.us-switch-back-as {
	font-weight: 600;
	font-size: 13px;
	color: rgba( 255, 255, 255, 0.85 );
}

.us-switch-back-sep {
	color: rgba( 255, 255, 255, 0.25 );
}

.us-switch-back-link {
	display: flex;
	align-items: center;
	gap: 7px;
	background: #2271b1;
	color: #fff;
	text-decoration: none;
	padding: 7px 14px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	transition: background 0.13s;
	white-space: nowrap;
}

.us-switch-back-link:hover {
	background: #135e96;
	color: #fff;
	text-decoration: none;
}

.us-switch-back-avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba( 255, 255, 255, 0.4 );
}

/* ── Hide legacy floating button ─────────────────────────────── */
.us_floating-button { display: none; }