.lxusl-divider {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	color: var(--lxu-muted, #64748b);
	font-size: 12px;
}
.lxusl-divider::before,
.lxusl-divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid var(--lxu-border, #e2e8f0);
}
.lxusl-divider span { padding: 0 12px; }

.lxusl-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lxusl-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 11px 16px;
	border-radius: 8px;
	border: 1.5px solid #e2e8f0;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: transform .15s, box-shadow .15s;
	background: #fff;
	color: #1e293b;
}
.lxusl-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
	color: #1e293b;
}
.lxusl-btn svg { flex-shrink: 0; }

.lxusl-btn-google   { border-color: #dadce0; color: #3c4043; }
.lxusl-btn-facebook { background: #1877F2; border-color: #1877F2; color: #fff; }
.lxusl-btn-facebook:hover { color: #fff; }
.lxusl-btn-github   { background: #24292e; border-color: #24292e; color: #fff; }
.lxusl-btn-github:hover { color: #fff; }

/* Admin settings screen */
.lxusl-callback-box {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 16px 20px;
	margin: 16px 0 24px;
}
.lxusl-callback-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}
.lxusl-callback-row code {
	background: #f1f5f9;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 13px;
	flex: 1;
	word-break: break-all;
}