@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

.bp-members-list-hook-inner {
	padding: 5px 0px;
	text-align: center;
}

/* View Dashboard Button */
.bp-members-list-hook-inner .view_pla_dashboard a {
	display: inline-block;
	text-decoration: none;
	margin-bottom: 10px;
	transition: background 0.3s ease;
}

/* Tags Block */
.bp-members-list-hook-inner .gamplify-esm-modal-member-tags {
	margin: 5px 0;
}
.bp-members-list-hook-inner .fusoin-tags {
	margin-bottom: 8px;
}
.bp-members-list-hook-inner .tag-label span {
	font-size: 14px;
	font-weight: 500;
	color: #444;
}
.bp-members-list-hook-inner .taglist {
	background-color: transparent;
	color: #000;
	font-weight: bold;
	padding: 4px 8px;
	border-radius: 4px;
	display: inline-block;
	margin-top: 4px;
	font-size: 13px;
}

/* Icon image */
.bp-members-list-hook-inner .tag-icon {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	margin-top: 8px;
}

/* XProfile Fields */
.bp-members-list-hook-inner .gamplify-esm-modal-xprofile-fields {
	margin-top: 10px;
}
.bp-members-list-hook-inner .support-tribepub-fields_matched {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4px 0;
	font-size: 14px;
}
.bp-members-list-hook-inner .support-tribepub-fields_matched span {
	color: #333;
}
.bp-members-list-hook-inner .support-tribepub-fields_matched a {
	font-weight: bold;
	background-color: #6f2525;
	color: #fff;
	border-radius: 5px;
	padding: 2px 8px;
	text-decoration: none;
}
.bp-members-list-hook-inner .support-tribepub-fields_matched a:hover {
	background-color: #a93333;
}

/* Notices */
.gamplify-notice {
    position: relative;
    padding: 12px 14px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    white-space: break-spaces;
}

.gamplify-notice .gamplify-notice-icon {
    margin-right: 10px;
    display: flex;
    align-items: center;
    font-size: 20px; /* Control icon size */
}

/* Success */
.gamplify-notice-success {
    background-color: #ecfdf3;
    border-color: #16a34a;
    color: #166534;
}

/* Error */
.gamplify-notice-error {
    background-color: #fef2f2;
    border-color: #dc2626;
    color: #7f1d1d;
}

/* Warning */
.gamplify-notice-warning {
    background-color: #fffbeb;
    border-color: #f59e0b;
    color: #92400e;
}

/* ── Thank-you animation ─────────────────────────────────────────── */
.gamp-ty-emoji {
	display: block;
	font-size: 48px;
	animation: gampPopIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;
}
@keyframes gampPopIn {
	0%   { transform: scale(0) rotate(-20deg); opacity: 0; }
	70%  { transform: scale(1.2) rotate(5deg); }
	100% { transform: scale(1) rotate(0deg);   opacity: 1; }
}
.gamp-burst-particle {
	position: absolute;
	pointer-events: none;
	font-size: 22px;
	z-index: 10;
	animation: gampBurstFly var(--dur, 1.2s) ease-out forwards;
}
@keyframes gampBurstFly {
	0%   { transform: translate(0,0) scale(1) rotate(0deg); opacity: 1; }
	100% { transform: translate(var(--tx),var(--ty)) scale(0.3) rotate(var(--rot)); opacity: 0; }
}
.gamp-confetti-bit {
	position: absolute;
	pointer-events: none;
	width: 8px; height: 8px;
	z-index: 9;
	animation: gampConfettiFall var(--dur, 1.4s) ease-out forwards;
}
@keyframes gampConfettiFall {
	0%   { transform: translate(0,0) rotate(0deg); opacity: 1; }
	100% { transform: translate(var(--tx),var(--ty)) rotate(var(--rot)); opacity: 0; }
}