/* START: BMP Invite Center Tabs - LIGHT THEME */
html.light-mode .bmp-invite-center {
	background-color: #ffffff;
	color: #1f2937;
	padding: 0;
	border-radius: 8px;
	margin: 20px 0;
	overflow: hidden;
	border: 1px solid #e5e7eb;
}

html.light-mode .bmp-invite-tabs-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 500px;
}

html.light-mode .bmp-invite-tabs-nav {
	display: flex;
	gap: 0;
	background: #f3f4f6;
	padding: 0;
	flex-wrap: wrap;
	border-bottom: 2px solid #e5e7eb;
}

html.light-mode .bmp-invite-tab-btn {
	background: transparent;
	border: none;
	color: #1f2937;
	padding: 16px 24px;
	cursor: pointer;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
}

html.light-mode .bmp-invite-tab-btn:hover {
	background: #ffffff;
	color: #4CAF50;
}

html.light-mode .bmp-invite-tab-btn.active {
	background: #ffffff;
	color: #4CAF50;
	border-bottom-color: #4CAF50;
}

html.light-mode .bmp-invite-tab-content {
	display: none;
	padding: 30px;
	flex: 1;
	animation: fadeIn 0.3s ease;
	background: #ffffff;
}

html.light-mode .bmp-invite-tab-content.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

html.light-mode .bmp-invite-form-wrapper,
html.light-mode .bmp-invite-list-wrapper,
html.light-mode .bmp-invite-stats-wrapper {
	max-width: 600px;
}

html.light-mode .bmp-invite-form-wrapper h3,
html.light-mode .bmp-invite-list-wrapper h3,
html.light-mode .bmp-invite-stats-wrapper h3 {
	margin: 0 0 10px 0;
	color: #1f2937;
	font-size: 18px;
	font-weight: 600;
}

html.light-mode .bmp-invite-description {
	color: #6b7280;
	font-size: 13px;
	margin: 0 0 20px 0;
}

html.light-mode .bmp-points-notice {
	background: #e8f5e9;
	border-left: 4px solid #4CAF50;
	padding: 12px 15px;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #2e7d32;
	font-size: 13px;
	line-height: 1.5;
	display: none;
}

html.light-mode .bmp-points-notice.active {
	display: block;
}

html.light-mode .bmp-points-notice strong {
	color: #1b5e20;
}

html.light-mode .bmp-invite-form {
	background: #f3f4f6;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #e5e7eb;
}

html.light-mode .bmp-form-group {
	margin-bottom: 16px;
}

html.light-mode .bmp-form-group:last-child {
	margin-bottom: 0;
}

html.light-mode .bmp-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #1f2937;
	font-size: 13px;
	font-weight: 500;
}

html.light-mode .bmp-form-group input,
html.light-mode .bmp-form-group textarea,
html.light-mode .bmp-form-group select {
	width: 100%;
	padding: 10px;
	background-color: #ffffff;
	border: 2px solid #e5e7eb;
	color: #1f2937;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

html.light-mode .bmp-form-group input:hover,
html.light-mode .bmp-form-group textarea:hover,
html.light-mode .bmp-form-group select:hover {
	border-color: #4CAF50;
}

html.light-mode .bmp-form-group input::placeholder,
html.light-mode .bmp-form-group textarea::placeholder {
	color: #9ca3af;
}

html.light-mode .bmp-form-group input:focus,
html.light-mode .bmp-form-group textarea:focus,
html.light-mode .bmp-form-group select:focus {
	outline: none;
	border-color: #4CAF50;
	background-color: #f3f4f6;
	box-shadow: 0 0 8px rgba(76, 175, 80, 0.2);
}

html.light-mode .bmp-form-group textarea {
	resize: vertical;
	min-height: 100px;
}

html.light-mode .bmp-search-results {
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	max-height: 250px;
	overflow-y: auto;
	margin-top: 10px;
	display: none;
}

html.light-mode .bmp-search-results.active {
	display: block;
}

html.light-mode .bmp-search-result-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	cursor: pointer;
	transition: background 0.2s ease;
	border-bottom: 1px solid #e5e7eb;
}

html.light-mode .bmp-search-result-item:hover {
	background: #ffffff;
}

html.light-mode .bmp-search-result-item img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}

html.light-mode .bmp-search-result-name {
	color: #1f2937;
	font-size: 13px;
	flex: 1;
	font-weight: 500;
}

html.light-mode .bmp-selected-friend {
	background: #e8f5e9;
	border: 1px solid #4CAF50;
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 16px;
}

html.light-mode .bmp-selected-friend img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 12px;
	vertical-align: middle;
	object-fit: cover;
}

html.light-mode .bmp-selected-friend-name {
	color: #1f2937;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

html.light-mode .bmp-change-friend-btn {
	background: #ffffff;
	border: 1px solid #4CAF50;
	color: #4CAF50;
	cursor: pointer;
	font-size: 12px;
	margin-top: 10px;
	padding: 6px 12px;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.2s ease;
	display: inline-block;
	font-weight: 500;
}

html.light-mode .bmp-change-friend-btn:hover {
	background: #e8f5e9;
	color: #2e7d32;
}

html.light-mode .bmp-invites-list {
	display: grid;
	gap: 12px;
}

html.light-mode .bmp-invite-item {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	padding: 15px;
	border-radius: 6px;
	transition: border-color 0.2s ease;
}

html.light-mode .bmp-invite-item:hover {
	border-color: #4CAF50;
	box-shadow: 0 2px 4px rgba(76, 175, 80, 0.1);
}

html.light-mode .bmp-invite-item-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}

html.light-mode .bmp-invite-to {
	color: #1f2937;
	font-weight: 600;
	font-size: 14px;
}

html.light-mode .bmp-invite-type-badge {
	display: inline-block;
	background: #f3f4f6;
	color: #4CAF50;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 500;
	margin-left: 8px;
	border: 1px solid #4CAF50;
}

html.light-mode .bmp-invite-status {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 8px;
}

html.light-mode .bmp-invite-status.pending {
	background: #fff3cd;
	color: #856404;
}

html.light-mode .bmp-invite-status.accepted {
	background: #d4edda;
	color: #155724;
}

html.light-mode .bmp-invite-status.expired {
	background: #f8d7da;
	color: #721c24;
}

html.light-mode .bmp-invite-meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #6b7280;
}

html.light-mode .bmp-invite-actions {
	display: flex;
	gap: 8px;
}

html.light-mode .bmp-invite-cancel-btn {
	background: #ffffff;
	color: #e74c3c;
	border: 1px solid #e74c3c;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: all 0.2s ease;
	font-weight: 500;
}

html.light-mode .bmp-invite-cancel-btn:hover {
	background: #e74c3c;
	color: #ffffff;
}

html.light-mode .bmp-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
	margin-bottom: 30px;
}

html.light-mode .bmp-stat-box {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	padding: 20px;
	border-radius: 6px;
	text-align: center;
	transition: all 0.3s ease;
}

html.light-mode .bmp-stat-box:hover {
	border-color: #4CAF50;
	box-shadow: 0 2px 8px rgba(76, 175, 80, 0.1);
}

html.light-mode .bmp-stat-icon {
	width: 50px;
	height: 50px;
	background: #f3f4f6;
	color: #4CAF50;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 24px;
	margin: 0 auto 10px;
}

html.light-mode .bmp-stat-box.pending .bmp-stat-icon {
	background: #fff3cd;
	color: #f39c12;
}

html.light-mode .bmp-stat-box.accepted .bmp-stat-icon {
	background: #d4edda;
	color: #27ae60;
}

html.light-mode .bmp-stat-box.expired .bmp-stat-icon {
	background: #f8d7da;
	color: #e74c3c;
}

html.light-mode .bmp-stat-icon-points {
	background: #8b5a8e !important;
	color: #ffffff !important;
}

html.light-mode .bmp-stat-label {
	color: #6b7280;
	font-size: 12px;
	margin-bottom: 8px;
	font-weight: 500;
}

html.light-mode .bmp-stat-number {
	color: #1f2937;
	font-size: 28px;
	font-weight: bold;
}

html.light-mode .bmp-stat-box.pending .bmp-stat-number {
	color: #f39c12;
}

html.light-mode .bmp-stat-box.accepted .bmp-stat-number {
	color: #27ae60;
}

html.light-mode .bmp-stat-box.expired .bmp-stat-number {
	color: #e74c3c;
}

html.light-mode .bmp-stats-info {
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	padding: 15px;
	border-radius: 6px;
	border-left: 4px solid #4CAF50;
}

html.light-mode .bmp-stats-info p {
	margin: 8px 0;
	color: #1f2937;
	font-size: 13px;
}

html.light-mode .bmp-loading {
	text-align: center;
	padding: 30px;
	color: #6b7280;
	font-size: 14px;
}

html.light-mode .bmp-no-invites {
	text-align: center;
	padding: 30px;
	color: #6b7280;
	font-size: 14px;
}

html.light-mode .bmp-hidden {
	display: none !important;
}

html.light-mode .bmp-invite-login-message {
	padding: 20px;
	text-align: center;
	color: #6b7280;
}
/* END: BMP Invite Center Tabs - LIGHT THEME */

/* START: BMP Invite Center Tabs - DARK THEME */
html.dark-mode .bmp-invite-center {
	background-color: #1a1a1a;
	color: #e0e0e0;
	padding: 0;
	border-radius: 8px;
	margin: 20px 0;
	overflow: hidden;
	border: 1px solid #333;
}

html.dark-mode .bmp-invite-tabs-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 500px;
}

html.dark-mode .bmp-invite-tabs-nav {
	display: flex;
	gap: 0;
	background: #2a2a2a;
	padding: 0;
	flex-wrap: wrap;
	border-bottom: 2px solid #333;
}

html.dark-mode .bmp-invite-tab-btn {
	background: transparent;
	border: none;
	color: #e0e0e0;
	padding: 16px 24px;
	cursor: pointer;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
}

html.dark-mode .bmp-invite-tab-btn:hover {
	background: #1a1a1a;
	color: #4CAF50;
}

html.dark-mode .bmp-invite-tab-btn.active {
	background: #1a1a1a;
	color: #4CAF50;
	border-bottom-color: #4CAF50;
}

html.dark-mode .bmp-invite-tab-content {
	display: none;
	padding: 30px;
	flex: 1;
	animation: fadeIn 0.3s ease;
	background: #1a1a1a;
}

html.dark-mode .bmp-invite-tab-content.active {
	display: block;
}

html.dark-mode .bmp-invite-form-wrapper,
html.dark-mode .bmp-invite-list-wrapper,
html.dark-mode .bmp-invite-stats-wrapper {
	max-width: 600px;
}

html.dark-mode .bmp-invite-form-wrapper h3,
html.dark-mode .bmp-invite-list-wrapper h3,
html.dark-mode .bmp-invite-stats-wrapper h3 {
	margin: 0 0 10px 0;
	color: #e0e0e0;
	font-size: 18px;
	font-weight: 600;
}

html.dark-mode .bmp-invite-description {
	color: #999999;
	font-size: 13px;
	margin: 0 0 20px 0;
}

html.dark-mode .bmp-points-notice {
	background: #1b3a1b;
	border-left: 4px solid #4CAF50;
	padding: 12px 15px;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #81c784;
	font-size: 13px;
	line-height: 1.5;
	display: none;
}

html.dark-mode .bmp-points-notice.active {
	display: block;
}

html.dark-mode .bmp-points-notice strong {
	color: #a5d6a7;
}

html.dark-mode .bmp-invite-form {
	background: #2a2a2a;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #333;
}

html.dark-mode .bmp-form-group {
	margin-bottom: 16px;
}

html.dark-mode .bmp-form-group:last-child {
	margin-bottom: 0;
}

html.dark-mode .bmp-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #e0e0e0;
	font-size: 13px;
	font-weight: 500;
}

html.dark-mode .bmp-form-group input,
html.dark-mode .bmp-form-group textarea,
html.dark-mode .bmp-form-group select {
	width: 100%;
	padding: 10px;
	background-color: #1a1a1a;
	border: 2px solid #333;
	color: #e0e0e0;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

html.dark-mode .bmp-form-group input:hover,
html.dark-mode .bmp-form-group textarea:hover,
html.dark-mode .bmp-form-group select:hover {
	border-color: #4CAF50;
}

html.dark-mode .bmp-form-group input::placeholder,
html.dark-mode .bmp-form-group textarea::placeholder {
	color: #666666;
}

html.dark-mode .bmp-form-group input:focus,
html.dark-mode .bmp-form-group textarea:focus,
html.dark-mode .bmp-form-group select:focus {
	outline: none;
	border-color: #4CAF50;
	background-color: #2a2a2a;
	box-shadow: 0 0 8px rgba(76, 175, 80, 0.3);
}

html.dark-mode .bmp-form-group textarea {
	resize: vertical;
	min-height: 100px;
}

html.dark-mode .bmp-search-results {
	background: #2a2a2a;
	border: 1px solid #333;
	border-radius: 4px;
	max-height: 250px;
	overflow-y: auto;
	margin-top: 10px;
	display: none;
}

html.dark-mode .bmp-search-results.active {
	display: block;
}

html.dark-mode .bmp-search-result-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	cursor: pointer;
	transition: background 0.2s ease;
	border-bottom: 1px solid #333;
}

html.dark-mode .bmp-search-result-item:hover {
	background: #1a1a1a;
}

html.dark-mode .bmp-search-result-item img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}

html.dark-mode .bmp-search-result-name {
	color: #e0e0e0;
	font-size: 13px;
	flex: 1;
	font-weight: 500;
}

html.dark-mode .bmp-selected-friend {
	background: #1b3a1b;
	border: 1px solid #4CAF50;
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 16px;
}

html.dark-mode .bmp-selected-friend img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 12px;
	vertical-align: middle;
	object-fit: cover;
}

html.dark-mode .bmp-selected-friend-name {
	color: #e0e0e0;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

html.dark-mode .bmp-change-friend-btn {
	background: #1a1a1a;
	border: 1px solid #4CAF50;
	color: #4CAF50;
	cursor: pointer;
	font-size: 12px;
	margin-top: 10px;
	padding: 6px 12px;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.2s ease;
	display: inline-block;
	font-weight: 500;
}

html.dark-mode .bmp-change-friend-btn:hover {
	background: #1b3a1b;
	color: #81c784;
}

html.dark-mode .bmp-invites-list {
	display: grid;
	gap: 12px;
}

html.dark-mode .bmp-invite-item {
	background: #2a2a2a;
	border: 1px solid #333;
	padding: 15px;
	border-radius: 6px;
	transition: border-color 0.2s ease;
}

html.dark-mode .bmp-invite-item:hover {
	border-color: #4CAF50;
	box-shadow: 0 2px 4px rgba(76, 175, 80, 0.15);
}

html.dark-mode .bmp-invite-item-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}

html.dark-mode .bmp-invite-to {
	color: #e0e0e0;
	font-weight: 600;
	font-size: 14px;
}

html.dark-mode .bmp-invite-type-badge {
	display: inline-block;
	background: #2a2a2a;
	color: #4CAF50;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 500;
	margin-left: 8px;
	border: 1px solid #4CAF50;
}

html.dark-mode .bmp-invite-status {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 8px;
}

html.dark-mode .bmp-invite-status.pending {
	background: #3d3520;
	color: #f0c674;
}

html.dark-mode .bmp-invite-status.accepted {
	background: #1b3a1b;
	color: #81c784;
}

html.dark-mode .bmp-invite-status.expired {
	background: #3a1b1b;
	color: #ef9a9a;
}

html.dark-mode .bmp-invite-meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #999999;
}

html.dark-mode .bmp-invite-actions {
	display: flex;
	gap: 8px;
}

html.dark-mode .bmp-invite-cancel-btn {
	background: #1a1a1a;
	color: #ef9a9a;
	border: 1px solid #e74c3c;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: all 0.2s ease;
	font-weight: 500;
}

html.dark-mode .bmp-invite-cancel-btn:hover {
	background: #e74c3c;
	color: #ffffff;
}

html.dark-mode .bmp-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
	margin-bottom: 30px;
}

html.dark-mode .bmp-stat-box {
	background: #2a2a2a;
	border: 1px solid #333;
	padding: 20px;
	border-radius: 6px;
	text-align: center;
	transition: all 0.3s ease;
}

html.dark-mode .bmp-stat-box:hover {
	border-color: #4CAF50;
	box-shadow: 0 2px 8px rgba(76, 175, 80, 0.15);
}

html.dark-mode .bmp-stat-icon {
	width: 50px;
	height: 50px;
	background: #333;
	color: #4CAF50;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 24px;
	margin: 0 auto 10px;
}

html.dark-mode .bmp-stat-box.pending .bmp-stat-icon {
	background: #3d3520;
	color: #f0c674;
}

html.dark-mode .bmp-stat-box.accepted .bmp-stat-icon {
	background: #1b3a1b;
	color: #81c784;
}

html.dark-mode .bmp-stat-box.expired .bmp-stat-icon {
	background: #3a1b1b;
	color: #ef9a9a;
}

html.dark-mode .bmp-stat-icon-points {
	background: #8b5a8e !important;
	color: #ffffff !important;
}

html.dark-mode .bmp-stat-label {
	color: #999999;
	font-size: 12px;
	margin-bottom: 8px;
	font-weight: 500;
}

html.dark-mode .bmp-stat-number {
	color: #e0e0e0;
	font-size: 28px;
	font-weight: bold;
}

html.dark-mode .bmp-stat-box.pending .bmp-stat-number {
	color: #f0c674;
}

html.dark-mode .bmp-stat-box.accepted .bmp-stat-number {
	color: #81c784;
}

html.dark-mode .bmp-stat-box.expired .bmp-stat-number {
	color: #ef9a9a;
}

html.dark-mode .bmp-stats-info {
	background: #2a2a2a;
	border: 1px solid #333;
	padding: 15px;
	border-radius: 6px;
	border-left: 4px solid #4CAF50;
}

html.dark-mode .bmp-stats-info p {
	margin: 8px 0;
	color: #e0e0e0;
	font-size: 13px;
}

html.dark-mode .bmp-loading {
	text-align: center;
	padding: 30px;
	color: #999999;
	font-size: 14px;
}

html.dark-mode .bmp-no-invites {
	text-align: center;
	padding: 30px;
	color: #999999;
	font-size: 14px;
}

html.dark-mode .bmp-hidden {
	display: none !important;
}

html.dark-mode .bmp-invite-login-message {
	padding: 20px;
	text-align: center;
	color: #999999;
}
/* END: BMP Invite Center Tabs - DARK THEME */

/* START: Social Invites Tab - LIGHT THEME */
html.light-mode .bmp-social-invites-wrapper {
	max-width: 700px;
}

html.light-mode .bmp-social-invites-wrapper h3 {
	margin: 0 0 10px 0;
	color: #1f2937;
	font-size: 18px;
	font-weight: 600;
}

html.light-mode .bmp-social-link-section {
	margin-bottom: 24px;
}

html.light-mode .bmp-social-link-section label {
	display: block;
	margin-bottom: 8px;
	color: #1f2937;
	font-size: 13px;
	font-weight: 500;
}

html.light-mode .bmp-social-link-box {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

html.light-mode .bmp-social-link-box input {
	flex: 1;
	padding: 10px 14px;
	background: #f3f4f6;
	border: 2px solid #e5e7eb;
	border-radius: 6px;
	color: #1f2937;
	font-size: 13px;
	font-family: monospace;
}

html.light-mode .bmp-social-link-box input:focus {
	outline: none;
	border-color: #4CAF50;
}

html.light-mode .bmp-copy-link-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	background: linear-gradient(to bottom, #383838 0%, #343434 100%);
	color: #ffffff;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #282828;
	border-bottom: 1px solid #282828;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.2s ease;
	white-space: nowrap;
}

html.light-mode .bmp-copy-link-btn:hover {
	background: linear-gradient(to bottom, #404040 0%, #3a3a3a 100%);
}

html.light-mode .bmp-copy-link-btn.copied {
	background: linear-gradient(to bottom, #2d7c2d 0%, #1f5f1f 100%);
	border-color: #1a4d1a;
}

html.light-mode .bmp-social-link-hint {
	margin: 8px 0 0 0;
	color: #6b7280;
	font-size: 12px;
}

html.light-mode .bmp-social-message-section {
	margin-bottom: 24px;
}

html.light-mode .bmp-social-message-section label {
	display: block;
	margin-bottom: 8px;
	color: #1f2937;
	font-size: 13px;
	font-weight: 500;
}

html.light-mode .bmp-social-message-section textarea {
	width: 100%;
	padding: 12px;
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 6px;
	color: #1f2937;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	min-height: 80px;
	transition: border-color 0.2s ease;
	box-sizing: border-box;
}

html.light-mode .bmp-social-message-section textarea:focus {
	outline: none;
	border-color: #4CAF50;
}

html.light-mode .bmp-social-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}

html.light-mode .bmp-social-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: left;
}

html.light-mode .bmp-social-btn:hover {
	border-color: #d1d5db;
	background: #f9fafb;
}

html.light-mode .bmp-social-btn-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

html.light-mode .bmp-social-btn-icon svg {
	width: 24px;
	height: 24px;
}

html.light-mode .bmp-social-btn-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

html.light-mode .bmp-social-btn-name {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

html.light-mode .bmp-social-btn-action {
	font-size: 11px;
	color: #6b7280;
	font-weight: 400;
}

/* Social Button Colors - Light Mode */
html.light-mode .bmp-social-facebook .bmp-social-btn-icon { background: #1877f2; color: #ffffff; }
html.light-mode .bmp-social-facebook:hover { border-color: #1877f2; }

html.light-mode .bmp-social-tiktok .bmp-social-btn-icon { background: #000000; color: #ffffff; }
html.light-mode .bmp-social-tiktok:hover { border-color: #000000; }

html.light-mode .bmp-social-x .bmp-social-btn-icon { background: #000000; color: #ffffff; }
html.light-mode .bmp-social-x:hover { border-color: #000000; }

html.light-mode .bmp-social-instagram .bmp-social-btn-icon { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color: #ffffff; }
html.light-mode .bmp-social-instagram:hover { border-color: #dc2743; }

html.light-mode .bmp-social-whatsapp .bmp-social-btn-icon { background: #25d366; color: #ffffff; }
html.light-mode .bmp-social-whatsapp:hover { border-color: #25d366; }

html.light-mode .bmp-social-telegram .bmp-social-btn-icon { background: #0088cc; color: #ffffff; }
html.light-mode .bmp-social-telegram:hover { border-color: #0088cc; }

html.light-mode .bmp-social-messenger .bmp-social-btn-icon { background: linear-gradient(45deg, #0078ff 0%, #00c6ff 100%); color: #ffffff; }
html.light-mode .bmp-social-messenger:hover { border-color: #0078ff; }

html.light-mode .bmp-social-linkedin .bmp-social-btn-icon { background: #0077b5; color: #ffffff; }
html.light-mode .bmp-social-linkedin:hover { border-color: #0077b5; }

html.light-mode .bmp-social-reddit .bmp-social-btn-icon { background: #ff4500; color: #ffffff; }
html.light-mode .bmp-social-reddit:hover { border-color: #ff4500; }

html.light-mode .bmp-social-snapchat .bmp-social-btn-icon { background: #fffc00; color: #000000; }
html.light-mode .bmp-social-snapchat:hover { border-color: #fffc00; }

html.light-mode .bmp-social-discord .bmp-social-btn-icon { background: #5865f2; color: #ffffff; }
html.light-mode .bmp-social-discord:hover { border-color: #5865f2; }

html.light-mode .bmp-social-sms .bmp-social-btn-icon { background: #4CAF50; color: #ffffff; }
html.light-mode .bmp-social-sms:hover { border-color: #4CAF50; }
/* END: Social Invites Tab - LIGHT THEME */

/* START: Social Invites Tab - DARK THEME */
html.dark-mode .bmp-social-invites-wrapper {
	max-width: 700px;
}

html.dark-mode .bmp-social-invites-wrapper h3 {
	margin: 0 0 10px 0;
	color: #e0e0e0;
	font-size: 18px;
	font-weight: 600;
}

html.dark-mode .bmp-social-link-section {
	margin-bottom: 24px;
}

html.dark-mode .bmp-social-link-section label {
	display: block;
	margin-bottom: 8px;
	color: #e0e0e0;
	font-size: 13px;
	font-weight: 500;
}

html.dark-mode .bmp-social-link-box {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

html.dark-mode .bmp-social-link-box input {
	flex: 1;
	padding: 10px 14px;
	background: #2a2a2a;
	border: 2px solid #333;
	border-radius: 6px;
	color: #e0e0e0;
	font-size: 13px;
	font-family: monospace;
}

html.dark-mode .bmp-social-link-box input:focus {
	outline: none;
	border-color: #4CAF50;
}

html.dark-mode .bmp-copy-link-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	background: linear-gradient(to bottom, #383838 0%, #343434 100%);
	color: #ffffff;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #282828;
	border-bottom: 1px solid #282828;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.2s ease;
	white-space: nowrap;
}

html.dark-mode .bmp-copy-link-btn:hover {
	background: linear-gradient(to bottom, #404040 0%, #3a3a3a 100%);
}

html.dark-mode .bmp-copy-link-btn.copied {
	background: linear-gradient(to bottom, #2d7c2d 0%, #1f5f1f 100%);
	border-color: #1a4d1a;
}

html.dark-mode .bmp-social-link-hint {
	margin: 8px 0 0 0;
	color: #999999;
	font-size: 12px;
}

html.dark-mode .bmp-social-message-section {
	margin-bottom: 24px;
}

html.dark-mode .bmp-social-message-section label {
	display: block;
	margin-bottom: 8px;
	color: #e0e0e0;
	font-size: 13px;
	font-weight: 500;
}

html.dark-mode .bmp-social-message-section textarea {
	width: 100%;
	padding: 12px;
	background: #1a1a1a;
	border: 2px solid #333;
	border-radius: 6px;
	color: #e0e0e0;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	min-height: 80px;
	transition: border-color 0.2s ease;
	box-sizing: border-box;
}

html.dark-mode .bmp-social-message-section textarea:focus {
	outline: none;
	border-color: #4CAF50;
}

html.dark-mode .bmp-social-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}

html.dark-mode .bmp-social-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #2a2a2a;
	border: 2px solid #333;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: left;
}

html.dark-mode .bmp-social-btn:hover {
	border-color: #444;
	background: #333;
}

html.dark-mode .bmp-social-btn-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

html.dark-mode .bmp-social-btn-icon svg {
	width: 24px;
	height: 24px;
}

html.dark-mode .bmp-social-btn-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

html.dark-mode .bmp-social-btn-name {
	font-size: 14px;
	font-weight: 600;
	color: #e0e0e0;
}

html.dark-mode .bmp-social-btn-action {
	font-size: 11px;
	color: #999999;
	font-weight: 400;
}

/* Social Button Colors - Dark Mode */
html.dark-mode .bmp-social-facebook .bmp-social-btn-icon { background: #1877f2; color: #ffffff; }
html.dark-mode .bmp-social-facebook:hover { border-color: #1877f2; }

html.dark-mode .bmp-social-tiktok .bmp-social-btn-icon { background: #ffffff; color: #000000; }
html.dark-mode .bmp-social-tiktok:hover { border-color: #ffffff; }

html.dark-mode .bmp-social-x .bmp-social-btn-icon { background: #ffffff; color: #000000; }
html.dark-mode .bmp-social-x:hover { border-color: #ffffff; }

html.dark-mode .bmp-social-instagram .bmp-social-btn-icon { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color: #ffffff; }
html.dark-mode .bmp-social-instagram:hover { border-color: #dc2743; }

html.dark-mode .bmp-social-whatsapp .bmp-social-btn-icon { background: #25d366; color: #ffffff; }
html.dark-mode .bmp-social-whatsapp:hover { border-color: #25d366; }

html.dark-mode .bmp-social-telegram .bmp-social-btn-icon { background: #0088cc; color: #ffffff; }
html.dark-mode .bmp-social-telegram:hover { border-color: #0088cc; }

html.dark-mode .bmp-social-messenger .bmp-social-btn-icon { background: linear-gradient(45deg, #0078ff 0%, #00c6ff 100%); color: #ffffff; }
html.dark-mode .bmp-social-messenger:hover { border-color: #0078ff; }

html.dark-mode .bmp-social-linkedin .bmp-social-btn-icon { background: #0077b5; color: #ffffff; }
html.dark-mode .bmp-social-linkedin:hover { border-color: #0077b5; }

html.dark-mode .bmp-social-reddit .bmp-social-btn-icon { background: #ff4500; color: #ffffff; }
html.dark-mode .bmp-social-reddit:hover { border-color: #ff4500; }

html.dark-mode .bmp-social-snapchat .bmp-social-btn-icon { background: #fffc00; color: #000000; }
html.dark-mode .bmp-social-snapchat:hover { border-color: #fffc00; }

html.dark-mode .bmp-social-discord .bmp-social-btn-icon { background: #5865f2; color: #ffffff; }
html.dark-mode .bmp-social-discord:hover { border-color: #5865f2; }

html.dark-mode .bmp-social-sms .bmp-social-btn-icon { background: #4CAF50; color: #ffffff; }
html.dark-mode .bmp-social-sms:hover { border-color: #4CAF50; }
/* END: Social Invites Tab - DARK THEME */

/* Responsive styles */
@media (max-width: 768px) {
	html.light-mode .bmp-invite-tabs-nav,
	html.dark-mode .bmp-invite-tabs-nav {
		overflow-x: auto;
	}
	
	html.light-mode .bmp-invite-tab-btn,
	html.dark-mode .bmp-invite-tab-btn {
		font-size: 12px;
		padding: 12px 16px;
	}
	
	html.light-mode .bmp-invite-tab-content,
	html.dark-mode .bmp-invite-tab-content {
		padding: 20px;
	}
	
	html.light-mode .bmp-stats-grid,
	html.dark-mode .bmp-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	html.light-mode .bmp-social-grid,
	html.dark-mode .bmp-social-grid {
		grid-template-columns: 1fr;
	}
	
	html.light-mode .bmp-social-link-box,
	html.dark-mode .bmp-social-link-box {
		flex-direction: column;
	}
	
	html.light-mode .bmp-copy-link-btn,
	html.dark-mode .bmp-copy-link-btn {
		justify-content: center;
	}
}