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


.fp-addfunds-text-card .panel-body,
.fp-addfunds-text-card .border-solid,
.fp-addfunds-text-card .border-rounded {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.fp-addfunds-text-card .text-center,
.fp-addfunds-text-card .text-left,
.fp-addfunds-text-card .text-right {
	text-align: inherit !important;
}
.fp-addfunds-text-card {
	background: rgba(7, 24, 47, 0.86) !important;
	border-radius: 16px;
	border: 1px solid rgba(16, 55, 106, 0.4);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	color: #d7deef;
}
:root {
	--fp-bg-main: #000711;
	--fp-bg-soft: #00050d;
	--fp-panel: #031229;
	--fp-border: #10376A;
	--fp-border-strong: #1E6FFF;
	--fp-text-main: #FFFFFF;
	--fp-text-muted: #A8B4D4;
	--fp-accent: #1E6FFF;
	--fp-accent-strong: #3B8DFF;
	--fp-accent-soft: rgba(30, 111, 255, 0.08);
	--fp-amber: #f59e0b;
	--fp-shadow: 0 0 20px rgba(30, 111, 255, 0.15), 0 0 40px rgba(30, 111, 255, 0.05);
	--fp-radius-lg: 16px;
	--fp-radius-md: 12px;
	--fp-neworder-stat-border: #10376A;
	--fp-neworder-stat-bg: linear-gradient(180deg, #031229, #010c1e);
	--fp-neworder-stat-icon-bg: rgba(30, 111, 255, 0.12);
	--fp-neworder-stat-icon-border: #10376A;
	--fp-neworder-stat-icon-color: #5EA4FF;
	--fp-neworder-stat-title: #ffffff;
	--fp-neworder-stat-caption: #7282A7;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
	--fp-neworder-tab-bg: #010c1e;
	--fp-neworder-tab-border: #10376A;
	--fp-neworder-tab-text: #A8B4D4;
	--fp-neworder-tab-hover-bg: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: #3B8DFF;
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(30, 111, 255, 0.25);
}

html,
body {
	background: #000711;
	min-height: 100%;
}

html {
	scroll-behavior: smooth;
	overscroll-behavior-y: none;
	/* Prevent theme flash on page navigation */
	transition: background-color 0ms, color 0ms;
}

html[data-fp-theme] {
	/* Ensure theme is applied immediately without visible transition */
}

body.fp-public-body {
	font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
	background: var(--fp-bg-main);
	color: var(--fp-text-main);
}

#notify-wrapper {
	position: fixed;
	top: 18px;
	right: 18px;
	min-width: 220px;
	max-width: min(92vw, 380px);
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid rgba(74, 222, 128, 0.45);
	background: rgba(20, 83, 45, 0.96);
	color: #dcfce7;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
	z-index: 2147483002;
	pointer-events: none;
	font-weight: 700;
	line-height: 1.35;
}

body.fp-auth-body #notify-wrapper {
	top: calc(env(safe-area-inset-top, 0px) + 14px);
	bottom: auto;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}

@media (max-width: 767px) {
	body.fp-auth-body #notify-wrapper {
		top: calc(env(safe-area-inset-top, 0px) + 10px);
		bottom: auto;
		left: 50%;
		right: auto;
		max-width: calc(100vw - 20px);
	}
}

#notify-wrapper.hidden {
	display: none !important;
}

.fp-public-navbar {
	margin-bottom: 0;
	border: 0;
	position: sticky;
	top: 0;
	z-index: 1030;
	background: linear-gradient(180deg, rgba(2, 8, 20, 0.97), rgba(4, 17, 38, 0.93));
	border-bottom: 1px solid rgba(16, 55, 106, 0.7);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(16px);
}

.fp-public-navbar.navbar,
.fp-public-navbar.navbar-default {
	border-color: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

.fp-public-navbar .navbar-brand,
.fp-public-navbar .navbar-nav > li > a,
.fp-public-navbar .navbar-nav > li > a:hover,
.fp-public-navbar .navbar-nav > li > a:focus {
	color: #f8faff;
	transition: color 0.2s ease;
}

.fp-public-navbar.navbar-default .navbar-brand,
.fp-public-navbar.navbar-default .navbar-nav > li > a,
.fp-public-navbar.navbar-default .navbar-nav > li > a:hover,
.fp-public-navbar.navbar-default .navbar-nav > li > a:focus,
.fp-public-navbar.navbar-default .navbar-nav > .active > a,
.fp-public-navbar.navbar-default .navbar-nav > .active > a:hover,
.fp-public-navbar.navbar-default .navbar-nav > .active > a:focus {
	background: transparent !important;
	color: #f8faff !important;
}

.fp-public-navbar .navbar-brand {
	font-weight: 800;
	letter-spacing: -0.02em;
}

.fp-public-navbar .navbar-brand img {
	height: 32px;
	max-width: 180px;
	width: auto;
	object-fit: contain;
}

.fp-public-navbar .navbar-nav > li > a:hover,
.fp-public-navbar .navbar-nav > li.active > a {
	color: var(--fp-accent);
	background: transparent;
}

.fp-public-navbar.navbar-default .navbar-nav > li > a:hover,
.fp-public-navbar.navbar-default .navbar-nav > .active > a,
.fp-public-navbar.navbar-default .navbar-nav > .active > a:hover,
.fp-public-navbar.navbar-default .navbar-nav > .active > a:focus {
	color: var(--fp-accent) !important;
}

.fp-public-navbar .navbar-toggle {
	border-color: rgba(30, 111, 255, 0.45) !important;
	border-radius: 10px;
	background: rgba(30, 111, 255, 0.08);
}

.fp-public-navbar .navbar-toggle .icon-bar {
	background-color: #A8B4D4 !important;
}

.fp-nav-shell {
	position: relative;
	min-height: 64px;
	display: flex;
	align-items: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.fp-brand {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 48px;
	line-height: 48px !important;
}

.fp-brand-icon {
	width: 26px;
	height: 26px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #ffffff;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
}

.fp-brand-text {
	font-weight: 800;
	letter-spacing: -0.02em;
	font-size: 18px;
}

.fp-brand-copy {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.05;
	gap: 2px;
	min-width: 0;
}

.fp-brand-domain {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: #aeb9d4;
	text-transform: lowercase;
}

.fp-public-navbar .navbar-collapse {
	border-top: 0 !important;
	box-shadow: none !important;
}

.fp-nav-links {
	gap: 8px;
}

.fp-nav-links > li {
	margin: 0 6px 0 0;
	float: none;
	display: inline-flex;
	align-items: center;
}

.fp-nav-links > li:last-child {
	margin-right: 0;
}

.fp-nav-links > li > a {
	border-radius: 10px;
	padding: 9px 12px !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: none;
	color: #ced5ea !important;
	transition: all 0.2s ease;
}

.fp-nav-links > li > a:hover,
.fp-nav-links > li.active > a {
	background: rgba(30, 111, 255, 0.1) !important;
	color: #ffffff !important;
	box-shadow: inset 0 0 0 1px rgba(30, 111, 255, 0.22);
}

.fp-nav-main-links {
	margin-left: auto;
	align-items: center;
}

.fp-nav-main-links > li > a[href*="signup"],
.fp-nav-main-links > li > a[href*="register"] {
	padding: 9px 20px !important;
	border-radius: 999px !important;
	font-weight: 700;
	color: #ffffff !important;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF) !important;
	box-shadow: 0 8px 20px rgba(30, 111, 255, 0.3);
}

.fp-nav-main-links > li > a[href*="signup"]:hover,
.fp-nav-main-links > li > a[href*="register"]:hover {
	background: linear-gradient(135deg, #1a60e0, #2d7fff) !important;
	box-shadow: 0 10px 24px rgba(30, 111, 255, 0.4);
	transform: translateY(-1px);
}

.fp-nav-main-links > li > a[href*="signin"],
.fp-nav-main-links > li > a[href*="login"] {
	padding: 9px 18px !important;
	border-radius: 999px !important;
	font-weight: 600;
	color: #A8B4D4 !important;
	background: transparent !important;
	border: 1px solid rgba(16, 55, 106, 0.8) !important;
	box-shadow: none;
}

.fp-nav-main-links > li > a[href*="signin"]:hover,
.fp-nav-main-links > li > a[href*="login"]:hover {
	color: #ffffff !important;
	border-color: rgba(30, 111, 255, 0.5) !important;
	background: rgba(30, 111, 255, 0.08) !important;
}

.fp-nav-account-links {
	margin-left: auto;
}

/* Horizontal navbar layout (when not collapsed by JS) */
.fp-public-navbar:not(.navbar-collapsed-before) .fp-nav-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fp-public-navbar:not(.navbar-collapsed-before) .navbar-header {
	float: none;
	display: flex;
	align-items: center;
}

.fp-public-navbar:not(.navbar-collapsed-before) .navbar-collapse.collapse {
	display: flex !important;
	float: none !important;
	align-items: center;
	justify-content: flex-end;
	width: auto;
	flex: 1;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

.fp-public-navbar:not(.navbar-collapsed-before) .navbar-brand {
	margin-right: 14px;
	max-width: 360px;
}

.fp-public-navbar:not(.navbar-collapsed-before) .fp-nav-links {
	display: flex;
	align-items: center;
	margin: 0;
}

.fp-public-navbar:not(.navbar-collapsed-before) .navbar-left-block.fp-nav-links {
	margin-right: 12px;
}

.fp-public-navbar:not(.navbar-collapsed-before) .navbar-right-block.fp-nav-links {
	margin-left: auto;
}

.fp-public-navbar:not(.navbar-collapsed-before) .fp-nav-main-links {
	margin-left: 10px;
}

.fp-public-navbar:not(.navbar-collapsed-before) .fp-nav-menu-toggle {
	display: none !important;
}

/* Collapsed navbar layout (dynamic mobile drawer, when collapsed by JS) */
.fp-public-navbar.navbar-collapsed-before .fp-nav-shell {
	display: block;
	min-height: 0;
}

.fp-public-navbar.navbar-collapsed-before .navbar-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fp-public-navbar.navbar-collapsed-before .fp-nav-menu-toggle {
	display: block !important;
}

.fp-public-navbar.navbar-collapsed-before .navbar-left-container {
	display: none;
}

.fp-public-navbar.navbar-collapsed-before .navbar-collapse {
	margin-top: 8px;
	padding: 8px;
	border-radius: 12px;
	border: 1px solid rgba(16, 55, 106, 0.5) !important;
	background: rgba(0, 7, 17, 0.96);
}

.fp-public-navbar.navbar-collapsed-before .fp-brand {
	height: 44px;
	line-height: 44px !important;
}

.fp-public-navbar.navbar-collapsed-before .fp-brand-text {
	font-size: 17px;
}

.fp-public-navbar.navbar-collapsed-before .fp-brand-domain {
	font-size: 10px;
}

.fp-public-navbar.navbar-collapsed-before .fp-nav-links {
	display: block;
	margin: 8px 0 0;
}

.fp-public-navbar.navbar-collapsed-before .fp-nav-links > li {
	display: block;
}

.fp-public-navbar.navbar-collapsed-before .fp-nav-links > li > a {
	display: block;
	margin-bottom: 6px;
}

.fp-public-navbar.navbar-collapsed-before .fp-nav-main-links {
	margin-left: 0;
}

.fp-public-navbar.navbar-collapsed-before .navbar-toggle {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fp-page {
	position: relative;
	overflow: hidden;
	padding: 16px 0 36px;
	background:
		radial-gradient(circle at 15% 10%, rgba(30, 111, 255, 0.07), transparent 30%),
		radial-gradient(circle at 85% 20%, rgba(59, 141, 255, 0.05), transparent 26%),
		linear-gradient(180deg, #000711 0%, #000711 100%);
}

.fp-signin-page {
	background:
		radial-gradient(circle at 12% 12%, rgba(30, 111, 255, 0.06), transparent 30%),
		radial-gradient(circle at 84% 18%, rgba(59, 141, 255, 0.04), transparent 26%),
		linear-gradient(180deg, #000711 0%, #000711 100%);
}

.fp-signin-page .fp-grid-overlay {
	opacity: 0.07;
}

.fp-signin-page .fp-orb {
	opacity: 0.12;
	filter: blur(100px);
}

.fp-signin-page .fp-orb-left {
	background: rgba(30, 111, 255, 0.18);
}

.fp-signin-page .fp-orb-right {
	background: rgba(59, 141, 255, 0.10);
}

.fp-signin-page .fp-headline-dash,
.fp-signin-page .fp-text-purple {
	text-shadow: 0 0 12px rgba(30, 111, 255, 0.4);
}

.fp-signin-page .fp-platform-panel-wide h3 {
	text-shadow: 0 8px 24px rgba(30, 111, 255, 0.2);
}

.fp-signin-page .fp-btn-primary,
.fp-signin-page .fp-btn-primary:hover,
.fp-signin-page .fp-btn-primary:focus {
	box-shadow: 0 8px 20px rgba(30, 111, 255, 0.32);
}

.fp-grid-overlay {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(16, 55, 106, 0.15) 1px, transparent 1px),
		linear-gradient(90deg, rgba(16, 55, 106, 0.15) 1px, transparent 1px);
	background-size: 38px 38px;
	opacity: 0.5;
	pointer-events: none;
}

.fp-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(90px);
	opacity: 0.2;
	pointer-events: none;
	animation: fpFloatOrb 10s ease-in-out infinite alternate;
}

.fp-orb-left {
	left: -120px;
	top: 120px;
	width: 360px;
	height: 360px;
	background: rgba(30, 111, 255, 0.22);
}

.fp-orb-right {
	right: -100px;
	top: 260px;
	width: 300px;
	height: 300px;
	background: rgba(59, 141, 255, 0.14);
	animation-delay: 1.2s;
}

.fp-shell {
	position: relative;
	z-index: 2;
}

@media (min-width: 1200px) {
	.fp-public-navbar .container,
	.fp-page .fp-shell {
		width: 94vw;
		max-width: 1360px;
	}
	.fp-headline {
		font-size: 56px;
		margin: 10px 0 12px;
	}
	.fp-subline {
		font-size: 15px;
		margin-bottom: 16px;
	}
	.fp-hero-actions {
		margin-bottom: 18px;
		gap: 14px;
	}
	.fp-mini-card {
		padding: 18px 20px;
		min-height: 96px;
	}
	.fp-mini-card strong {
		font-size: 30px;
	}
	.fp-hero-login-panel .fp-panel-header h3 {
		font-size: 32px;
	}
	.fp-hero-login-panel .fp-panel-header p {
		font-size: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.fp-public-navbar .container,
	.fp-page .fp-shell {
		width: calc(100% - 40px);
		max-width: none;
	}
}

.fp-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.55s ease, transform 0.55s ease;
}

.fp-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.fp-hero,
.fp-login-section,
.fp-stats-section,
.fp-dashboard-section,
.fp-payment-faq-section,
.fp-testimonials-section,
.fp-cta-section,
.fp-auth-text-section {
	margin-bottom: 42px;
}

.fp-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(30, 111, 255, 0.05);
	border: 1px solid rgba(30, 111, 255, 0.22);
	color: #A8B4D4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 0 15px rgba(30, 111, 255, 0.06);
	align-self: flex-start;
}

.fp-badge .star-icon {
	color: #f59e0b;
	text-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
	margin-right: 4px;
}

.fp-badge-num {
	color: #3B8DFF;
	font-weight: 800;
	margin: 0 2px;
}

.fp-badge-divider {
	color: rgba(30, 111, 255, 0.35);
	margin: 0 6px;
}

.fp-section-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(4, 17, 38, 0.9);
	border: 1px solid rgba(16, 55, 106, 0.8);
	color: #A8B4D4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fp-headline {
	margin: 16px 0 14px;
	font-size: 54px;
	line-height: 1.03;
	font-weight: 800;
	font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -0.045em;
	color: var(--fp-text-main);
}

.fp-headline-dash,
.fp-text-purple,
.fp-text-gradient {
	color: var(--fp-accent);
	text-shadow: 0 0 24px rgba(30, 111, 255, 0.5);
	background: linear-gradient(135deg, #1E6FFF, #5EA4FF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.fp-text-amber {
	color: var(--fp-amber);
}

.fp-subline {
	max-width: 620px;
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--fp-text-muted);
}

.fp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 20px;
}

.fp-btn {
	padding: 15px 24px;
	border-radius: var(--fp-radius-md);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.fp-btn:hover,
.fp-btn:focus {
	transform: translateY(-2px);
}

.fp-btn-primary,
.fp-btn-primary:hover,
.fp-btn-primary:focus {
	border: 0;
	color: #fff;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	box-shadow: 0 12px 28px rgba(30, 111, 255, 0.38);
}

.fp-btn-primary:hover {
	background: linear-gradient(135deg, #1a60e0, #2d7fff);
	box-shadow: 0 16px 34px rgba(30, 111, 255, 0.48);
}

.fp-btn-outline,
.fp-btn-outline:hover,
.fp-btn-outline:focus {
	border: 1px solid rgba(16, 55, 106, 0.8);
	color: var(--fp-text-muted);
	background: rgba(7, 24, 47, 0.6);
}

.fp-btn-outline:hover {
	border-color: rgba(30, 111, 255, 0.5);
	color: #ffffff;
	background: rgba(30, 111, 255, 0.1);
}

.fp-btn-secondary,
.fp-btn-secondary:hover,
.fp-btn-secondary:focus {
	border: 1px solid var(--fp-border-strong);
	color: var(--fp-text-main);
	background: rgba(255, 255, 255, 0.03);
}

.fp-btn-light,
.fp-btn-light:hover,
.fp-btn-light:focus {
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	color: #fff;
	border: 0;
	box-shadow: 0 12px 28px rgba(30, 111, 255, 0.38);
}

.fp-btn-block {
	width: 100%;
}

.fp-hero-metrics .col-sm-4 {
	margin-bottom: 10px;
}

.fp-mini-card,
.fp-panel,
.fp-stat-card,
.fp-review-card,
.fp-cta-card,
.fp-dashboard-mockup {
	background: var(--fp-panel);
	border: 1px solid var(--fp-border);
	border-radius: var(--fp-radius-lg);
	box-shadow: var(--fp-shadow);
	backdrop-filter: blur(16px);
}

.fp-mini-card {
	padding: 14px 16px;
	min-height: 84px;
}

.fp-mini-label {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--fp-text-muted);
}

.fp-mini-card strong {
	font-size: 26px;
	font-weight: 800;
	color: var(--fp-text-main);
}

.fp-visual-stage {
	position: relative;
	min-height: 0;
	margin-top: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.fp-hero-login-panel {
	width: 100%;
	max-width: 440px;
	margin-left: auto;
}

.fp-hero-login-panel .fp-panel-header h3 {
	font-size: 28px;
	line-height: 1.12;
}

.fp-hero-login-panel .fp-panel-header p {
	font-size: 13px;
	line-height: 1.45;
	margin-bottom: 10px;
}

.fp-hero-spotlight {
	width: 100%;
	max-width: 470px;
	padding: 22px;
	border-radius: 20px;
	border: 1px solid rgba(16, 55, 106, 0.5);
	background: linear-gradient(165deg, rgba(7, 24, 47, 0.95), rgba(4, 17, 38, 0.95));
	box-shadow: var(--fp-shadow);
	backdrop-filter: blur(16px);
}

.fp-spotlight-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.fp-spotlight-kicker {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	border: 1px solid rgba(16, 55, 106, 0.6);
	background: rgba(30, 111, 255, 0.12);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5EA4FF;
}

.fp-spotlight-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 11px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.04);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #e2e8f0;
}

.fp-hero-spotlight h4 {
	margin: 0 0 10px;
	font-size: 31px;
	line-height: 1.18;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: #ffffff;
}

.fp-hero-spotlight p {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.75;
	color: #b8c1d8;
}

.fp-spotlight-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.fp-spotlight-grid > div {
	padding: 11px 12px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

.fp-spotlight-grid small {
	display: block;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #a3afc8;
	margin-bottom: 6px;
}

.fp-spotlight-grid strong {
	font-size: 22px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #f8faff;
}

.fp-spotlight-list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fp-spotlight-list li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 13px;
	line-height: 1.55;
	color: #d5dbee;
}

.fp-spotlight-list i {
	margin-top: 2px;
	color: #a78bfa;
}

.fp-spotlight-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.fp-spotlight-actions .fp-btn {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	letter-spacing: 0.06em;
}

.fp-device-card,
.fp-check-card {
	position: absolute;
}

.fp-domain-showcase {
	position: relative;
	width: 100%;
	max-width: 460px;
	padding: 16px;
	border-radius: 20px;
	border: 1px solid rgba(16, 55, 106, 0.5);
	background: linear-gradient(165deg, rgba(7, 24, 47, 0.95), rgba(4, 17, 38, 0.95));
	box-shadow: var(--fp-shadow);
	overflow: hidden;
}

.fp-domain-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.04);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #dbe5ff;
}

.fp-domain-chip i {
	color: #8b5cf6;
}

.fp-domain-image-wrap {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	height: clamp(280px, 38vw, 380px);
	background: radial-gradient(circle at 20% 20%, rgba(139, 92, 246, 0.28), rgba(10, 12, 26, 0.92));
}

.fp-domain-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 26%;
	display: block;
	transform: scale(1.01);
	transition: transform 0.45s ease;
}

.fp-domain-showcase:hover .fp-domain-image-wrap img {
	transform: scale(1.045);
}

.fp-domain-image-wrap:after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(13, 13, 26, 0.08) 0%, rgba(13, 13, 26, 0.62) 100%);
}

.fp-domain-caption {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.65;
	color: #b5c0d8;
}

.fp-panel {
	padding: 26px;
}

.fp-signup-page {
	padding-top: 26px;
}

.fp-signup-page .fp-shell {
	width: calc(100% - 24px);
	max-width: 1060px;
}

.fp-signup-layout {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.fp-signup-aside,
.fp-signup-form-panel {
	height: 100%;
	padding: 22px;
}

.fp-signup-aside {
	position: relative;
	overflow: hidden;
	background: linear-gradient(165deg, rgba(7, 24, 47, 0.95), rgba(4, 17, 38, 0.95));
	border-color: rgba(16, 55, 106, 0.5);
}

.fp-signup-aside:before {
	content: '';
	position: absolute;
	right: -70px;
	top: -90px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(30, 111, 255, 0.20), rgba(30, 111, 255, 0));
	pointer-events: none;
}

.fp-signup-aside h2 {
	margin: 10px 0 14px;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: #ffffff;
}

.fp-signup-aside p {
	font-size: 14px;
	line-height: 1.7;
	color: #a9b5d0;
}

.fp-signup-form-panel .fp-panel-header h3 {
	font-size: 30px;
	line-height: 1.15;
}

.fp-signup-form-panel .fp-panel-header p {
	font-size: 14px;
	line-height: 1.65;
}

.fp-signup-highlight {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}

.fp-signup-highlight span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #A8B4D4;
	background: rgba(30, 111, 255, 0.12);
	border: 1px solid rgba(16, 55, 106, 0.6);
}

.fp-signup-highlight i {
	color: #3B8DFF;
}

.fp-signup-benefits {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fp-signup-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #d5dbee;
}

.fp-signup-benefits li i {
	margin-top: 2px;
	color: #3B8DFF;
}

.fp-signup-mini-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	position: relative;
	z-index: 1;
}

.fp-signup-mini-metrics > div {
	padding: 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.fp-signup-mini-metrics small {
	display: block;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9cabca;
	margin-bottom: 6px;
}

.fp-signup-mini-metrics strong {
	font-size: 20px;
	line-height: 1;
	color: #f5f7ff;
}

.fp-signup-label {
	margin-bottom: 8px;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #aeb8d2;
	font-weight: 700;
}

.fp-signup-form-panel {
	background: linear-gradient(165deg, rgba(7, 24, 47, 0.95), rgba(4, 17, 38, 0.95));
	border-color: rgba(16, 55, 106, 0.5);
}

.fp-signup-form {
	margin-top: 18px;
}

.fp-signup-form .form-group {
	margin-bottom: 16px;
}

.fp-signup-form .alert {
	border-radius: 12px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	color: #f1f4ff;
}

.fp-signup-form .alert-danger {
	border-color: rgba(248, 113, 113, 0.46);
	background: rgba(127, 29, 29, 0.2);
}

.fp-signup-form .alert-success {
	border-color: rgba(74, 222, 128, 0.38);
	background: rgba(20, 83, 45, 0.22);
}

.fp-signup-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.fp-signup-trust span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid rgba(16, 55, 106, 0.5);
	background: rgba(30, 111, 255, 0.05);
	font-size: 12px;
	font-weight: 700;
	color: #A8B4D4;
}

.fp-signup-trust i {
	color: #3B8DFF;
}

.fp-signup-agreement {
	margin-top: 12px;
	margin-bottom: 14px;
	color: #bcc7dd;
	font-size: 13px;
	line-height: 1.5;
}

.fp-signup-agreement a {
	color: #3B8DFF;
}

.fp-signup-agreement a:hover {
	color: #ffffff;
	text-decoration: none;
}

.fp-captcha-wrap {
	margin-bottom: 14px;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

.fp-panel-header h3,
.fp-section-heading h3,
.fp-payment-panel h3,
.fp-faq-panel h3,
.fp-cta-card h3 {
	margin: 8px 0 12px;
	font-size: 34px;
	line-height: 1.18;
	font-weight: 800;
	font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
	color: var(--fp-text-main);
}

.fp-panel-header p,
.fp-section-heading p,
.fp-payment-panel p,
.fp-faq-panel p,
.fp-cta-card p,
.fp-auth-text-panel,
.fp-footer-copy {
	color: var(--fp-text-muted);
	font-size: 15px;
	line-height: 1.8;
}

.fp-login-panel {
	min-height: 100%;
}

.fp-input-group {
	position: relative;
	margin-bottom: 12px;
}

.fp-input-icon {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;
	color: #7f8aa6;
	z-index: 2;
}

.fp-input {
	height: 48px;
	padding-left: 44px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(8, 10, 20, 0.65);
	color: #fff;
	box-shadow: none;
}

.fp-input::-webkit-input-placeholder {
	color: #69748f;
}

.fp-input:focus {
	border-color: rgba(30, 111, 255, 0.7);
	box-shadow: 0 0 0 3px rgba(30, 111, 255, 0.14);
	background: rgba(4, 17, 38, 0.9);
	color: #fff;
}

.fp-login-meta,
.fp-login-actions,
.fp-signup-row,
.fp-review-head,
.fp-dashboard-topbar,
.fp-dashboard-body,
.fp-payment-logos,
.fp-platform-rule,
.fp-platforms {
	display: flex;
}

.fp-login-meta {
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
	color: var(--fp-text-muted);
}

.fp-forgot-link,
.fp-faq-link,
.fp-footer a,
.fp-signup-row a {
	color: #5EA4FF;
	transition: color 0.2s ease;
}

.fp-forgot-link:hover,
.fp-faq-link:hover,
.fp-footer a:hover,
.fp-signup-row a:hover {
	color: #fff;
	text-decoration: none;
}

.fp-login-actions {
	gap: 12px;
	align-items: stretch;
	margin-top: 4px;
}

.fp-google-wrap {
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.fp-signup-form-panel .fp-google-wrap {
	margin-top: 16px;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.fp-google-title {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: center;
	color: var(--fp-text-muted);
}

.fp-google-wrap .g_id_signin,
.fp-google-wrap iframe {
	margin: 0 auto !important;
}

.fp-signup-row {
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--fp-text-muted);
	font-size: 14px;
}

.fp-signup-submit {
	margin-top: 2px;
	padding-top: 16px;
	padding-bottom: 16px;
	letter-spacing: 0.1em;
	font-size: 12px;
}

.fp-platform-panel {
	min-height: 100%;
	justify-content: center;
}

.fp-platform-panel-wide {
	padding: 36px 28px;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 12%, rgba(30, 111, 255, 0.14), transparent 40%),
		radial-gradient(circle at 86% 10%, rgba(59, 141, 255, 0.10), transparent 42%),
		linear-gradient(180deg, #031229, #010c1e);
}

.fp-platform-panel-wide h3 {
	margin-top: 8px;
	font-size: 36px;
	line-height: 1.08;
	letter-spacing: -0.035em;
	font-weight: 800;
	font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: none;
}

.fp-platform-copy {
	max-width: 820px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.45;
	color: #d7deef;
}

.fp-offer-chips {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 8px;
}

.fp-offer-chips span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(16, 55, 106, 0.7);
	background: rgba(7, 24, 47, 0.8);
	color: #A8B4D4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.fp-offer-chips span:hover {
	border-color: rgba(30, 111, 255, 0.5);
	background: rgba(30, 111, 255, 0.1);
	color: #ffffff;
}

.fp-platform-rule {
	justify-content: space-between;
	gap: 14px;
	margin: 20px 0 24px;
}

.fp-platform-rule span {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(30, 111, 255, 0.3), transparent);
}

.fp-platforms {
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.fp-platform {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 104px;
	height: 86px;
	padding: 10px 8px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
	color: var(--fp-text-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.fp-platform:hover {
	transform: translateY(-6px);
	border-color: rgba(30, 111, 255, 0.5);
	color: #fff;
	box-shadow: 0 14px 34px rgba(30, 111, 255, 0.22);
}

.fp-platform .fa-instagram { color: #f472b6; }
.fp-platform .fa-youtube { color: #ef4444; }
.fp-platform .fa-spotify { color: #22c55e; }
.fp-platform .fa-discord { color: #818cf8; }
.fp-platform .fa-x-twitter { color: #d1d5db; }
.fp-platform .fa-tiktok { color: #38bdf8; }
.fp-platform .fa-facebook-f { color: #60a5fa; }

.fp-platform-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(30, 111, 255, 0.25), rgba(30, 111, 255, 0.08));
	color: #fff;
	font-size: 13px;
	font-weight: 800;
}

.fp-platform-cta {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 14px;
}

.fp-platform-cta .fp-btn {
	min-width: 190px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.fp-platform-mark i {
	font-size: 18px;
	line-height: 1;
}

.fp-stats-title {
	margin-bottom: 30px;
}

.fp-stats-title h2 {
	margin: 0;
	font-size: 54px;
	line-height: 1.06;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #fff;
}

.fp-stat-row .col-md-4,
.fp-testimonials-section .col-md-4,
.fp-payment-faq-section .col-md-6 {
	margin-bottom: 24px;
}

.fp-stat-card {
	position: relative;
	padding: 28px;
	min-height: 220px;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.fp-stat-card:hover,
.fp-review-card:hover,
.fp-mini-card:hover,
.fp-platform-panel:hover,
.fp-login-panel:hover,
.fp-payment-panel:hover,
.fp-faq-panel:hover {
	transform: translateY(-6px);
	border-color: rgba(30, 111, 255, 0.4);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(30, 111, 255, 0.12);
}

.fp-corner-flag {
	position: absolute;
	right: 18px;
	top: 18px;
	width: 24px;
	height: 24px;
	border-radius: 8px 8px 2px 8px;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	box-shadow: 0 0 20px rgba(30, 111, 255, 0.42);
}

.fp-stat-value {
	margin-top: 36px;
	font-size: 54px;
	line-height: 1;
	font-weight: 800;
	color: #fff;
}

.fp-stat-label {
	max-width: 240px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--fp-text-muted);
}

.fp-section-heading {
	margin-bottom: 24px;
}

.fp-dashboard-mockup {
	overflow: hidden;
}

.fp-dashboard-topbar {
	justify-content: space-between;
	align-items: center;
	padding: 16px 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(9, 11, 22, 0.7);
}

.fp-dashboard-brand,
.fp-dashboard-user,
.fp-dashboard-sidebar a,
.fp-order-card-header,
.fp-review-head strong,
.fp-footer-brand,
.fp-footer h4 {
	color: #fff;
	font-weight: 700;
}

.fp-dashboard-body {
	min-height: 500px;
}

.fp-dashboard-sidebar {
	width: 220px;
	padding: 22px 16px;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(8, 10, 20, 0.32);
}

.fp-dashboard-sidebar a {
	display: block;
	padding: 12px 14px;
	margin-bottom: 8px;
	border-radius: 12px;
	color: #c0c8da;
	font-size: 14px;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.fp-dashboard-sidebar a:hover {
	background: rgba(139, 92, 246, 0.18);
	color: #fff;
	text-decoration: none;
}

.fp-dashboard-main {
	flex: 1;
	padding: 22px;
	background: rgba(0, 0, 0, 0.08);
}

.fp-dashboard-stats {
	margin-bottom: 12px;
}

.fp-dashboard-stats .col-sm-3,
.fp-order-card .col-sm-6,
.fp-order-card .col-sm-8,
.fp-order-card .col-sm-4 {
	margin-bottom: 12px;
}

.fp-dashboard-box,
.fp-order-field {
	padding: 18px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
}

.fp-dashboard-box small,
.fp-order-field {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fp-text-muted);
}

.fp-dashboard-box strong {
	display: block;
	margin-top: 8px;
	font-size: 26px;
	color: #fff;
}

.fp-order-card {
	margin-top: 14px;
	padding: 22px;
	border-radius: 16px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
}

.fp-order-card-header {
	margin-bottom: 16px;
	font-size: 18px;
}

.fp-order-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 2px;
	color: #b7c0d8;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.fp-order-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	background: rgba(255, 255, 255, 0.03);
}

.fp-order-meta i {
	color: #a78bfa;
}

.fp-submit-btn {
	margin-top: 10px;
}

.fp-payment-panel,
.fp-faq-panel {
	min-height: 100%;
}

.fp-payment-logos {
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.fp-payment-logos span {
	padding: 10px 14px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	background: rgba(255, 255, 255, 0.03);
	color: #d6dced;
	font-size: 13px;
	font-weight: 700;
}

.fp-balance-strip {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	margin-top: 14px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(16, 55, 106, 0.5);
	background: rgba(30, 111, 255, 0.08);
}

.fp-balance-strip small {
	display: block;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #a7b2cc;
}

.fp-balance-strip strong {
	font-size: 28px;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #ffffff;
}

.fp-balance-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.04);
	font-size: 12px;
	font-weight: 700;
	color: #dbe5ff;
}

.fp-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.16);
}

.fp-balance-mock-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

.fp-balance-mock-card {
	padding: 12px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

.fp-balance-mock-card small {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9ba8c6;
}

.fp-balance-mock-card strong {
	font-size: 18px;
	line-height: 1;
	color: #f5f7ff;
}

.fp-payment-accepts {
	margin-top: 16px;
	margin-bottom: 16px;
	gap: 12px;
}

.fp-payment-accepts span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 13px;
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
	transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.fp-payment-accepts span:hover {
	transform: translateY(-2px);
	border-color: rgba(30, 111, 255, 0.46);
	background: rgba(30, 111, 255, 0.10);
}

.fp-payment-accepts i {
	font-size: 16px;
	color: #e5e7eb;
}

.fp-payment-note {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #b8c1d8;
}

.fp-payment-illustration {
	position: relative;
	height: 220px;
	margin-top: 14px;
}

.fp-device-card {
	left: 90px;
	top: 22px;
	width: 160px;
	height: 180px;
	border-radius: 26px;
	background: linear-gradient(180deg, rgba(30, 111, 255, 0.3), rgba(59, 141, 255, 0.08));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
	transform: rotate(8deg);
}

.fp-device-card:before {
	content: '';
	position: absolute;
	left: 18px;
	top: 18px;
	right: 18px;
	bottom: 18px;
	border-radius: 18px;
	background: rgba(13, 13, 26, 0.82);
}

.fp-check-card {
	right: 42px;
	top: 44px;
	width: 84px;
	height: 84px;
	border-radius: 22px;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	box-shadow: 0 20px 34px rgba(30, 111, 255, 0.35);
}

.fp-faq-link {
	display: inline-block;
	margin: 8px 0 18px;
	font-weight: 700;
}

.fp-faq-list {
	margin-top: 6px;
}

.fp-faq-item {
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.fp-faq-item:first-child {
	border-top: 0;
	padding-top: 0;
}

.fp-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	transition: color 0.2s ease;
}

.fp-faq-question:hover,
.fp-faq-question:focus {
	color: #5EA4FF;
	outline: none;
}

.fp-faq-toggle-icon {
	font-size: 18px;
	line-height: 1;
	color: #3B8DFF;
	transition: transform 0.2s ease;
}

.fp-faq-answer {
	display: none;
	padding-top: 10px;
	color: var(--fp-text-muted);
	font-size: 14px;
	line-height: 1.8;
}

.fp-faq-item.active .fp-faq-answer {
	display: block;
}

.fp-faq-item.active .fp-faq-toggle-icon {
	transform: rotate(45deg);
}

.fp-review-card {
	padding: 24px;
	min-height: 100%;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.fp-review-head {
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}

.fp-review-head span {
	display: block;
	margin-top: 4px;
	color: var(--fp-text-muted);
	font-size: 12px;
}

.fp-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	font-weight: 800;
	color: #fff;
}

.fp-avatar-alt {
	background: linear-gradient(135deg, #f472b6, #f59e0b);
}

.fp-avatar-third {
	background: linear-gradient(135deg, #34d399, #3b82f6);
}

.fp-review-card p {
	margin: 0;
	color: #d0d6e6;
	font-size: 15px;
	line-height: 1.8;
}

.fp-cta-card {
	position: relative;
	padding: 42px 28px;
	border-color: rgba(30, 111, 255, 0.35);
	background: linear-gradient(135deg, rgba(30, 111, 255, 0.80), rgba(59, 141, 255, 0.55));
	text-align: center;
	overflow: hidden;
}

.fp-cta-card:before {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 220px;
	height: 220px;
	border: 2px solid rgba(255, 255, 255, 0.16);
	border-radius: 50%;
}

.fp-cta-card p {
	max-width: 620px;
	margin: 0 auto 22px;
	color: rgba(255, 255, 255, 0.84);
}

.fp-auth-text-panel {
	padding: 24px 28px;
}

.fp-footer {
	padding-top: 32px;
	margin-top: 12px;
	border-top: 1px solid rgba(16, 55, 106, 0.4);
	color: var(--fp-text-muted);
}

.fp-footer-brand {
	margin-bottom: 10px;
	font-size: 22px;
	letter-spacing: -0.03em;
}

.fp-footer h4 {
	margin: 0 0 14px;
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.fp-footer a {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}

.fp-footer-bottom {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid rgba(16, 55, 106, 0.4);
	font-size: 12px;
	text-align: center;
	color: #7282A7;
}

@keyframes fpFloatOrb {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
	}
	100% {
		transform: translate3d(16px, -18px, 0) scale(1.08);
	}
}

@media (min-width: 992px) {
	.fp-hero-viewport {
		min-height: calc(100vh - 84px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 24px;
	}
	.fp-hero {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: auto;
		margin-bottom: 0;
		padding: 20px 0;
	}
}

@media (max-width: 1199px) {
	.fp-headline {
		font-size: 48px;
	}
	.fp-stats-title h2 {
		font-size: 46px;
	}
}

@media (max-width: 991px) {
	.fp-page {
		padding-top: 18px;
	}
	.fp-headline,
	.fp-stats-title h2 {
		font-size: 42px;
	}
	.fp-platform-panel-wide h3 {
		font-size: 38px;
	}
	.fp-platform-copy {
		font-size: 17px;
	}
	.fp-visual-stage {
		height: auto;
		max-width: 380px;
		margin: 30px auto 0;
	}
	.fp-hero-login-panel {
		max-width: 100%;
	}
	.fp-hero-spotlight {
		max-width: 100%;
	}
	.fp-domain-image-wrap {
		height: 290px;
	}
	.fp-signup-layout {
		display: block;
	}
	.fp-signup-page .fp-signup-aside {
		display: none;
	}
	.fp-dashboard-body {
		flex-direction: column;
	}
	.fp-dashboard-sidebar {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}
}

@media (max-width: 767px) {
	.fp-dashboard-section {
		display: none;
	}
	.fp-panel,
	.fp-stat-card,
	.fp-review-card,
	.fp-cta-card {
		padding: 22px;
	}
	.fp-headline,
	.fp-stats-title h2 {
		font-size: 34px;
	}
	.fp-platform-panel-wide h3 {
		font-size: 30px;
	}
	.fp-platform-copy {
		font-size: 16px;
	}
	.fp-offer-chips {
		justify-content: flex-start;
	}
	.fp-subline {
		font-size: 16px;
	}
	.fp-hero-metrics {
		display: flex;
		flex-wrap: nowrap;
		margin-left: -4px;
		margin-right: -4px;
	}
	.fp-hero-metrics > [class*='col-'] {
		float: none;
		width: 33.3333%;
		padding-left: 4px;
		padding-right: 4px;
		margin-bottom: 0;
	}
	.fp-hero-metrics .fp-mini-card {
		padding: 10px 9px;
		min-height: 70px;
	}
	.fp-hero-metrics .fp-mini-label {
		font-size: 9px;
		letter-spacing: 0.08em;
		margin-bottom: 5px;
	}
	.fp-hero-metrics .fp-mini-card strong {
		font-size: 18px;
	}
	.fp-hero-actions,
	.fp-login-actions,
	.fp-signup-row,
	.fp-login-meta {
		flex-direction: column;
		align-items: stretch;
	}
	.fp-google-wrap {
		padding: 10px;
	}
	.fp-faq-question {
		font-size: 15px;
	}
	.fp-platform {
		width: calc(50% - 8px);
	}
	.fp-platform-cta {
		flex-direction: column;
	}
	.fp-platform-cta .fp-btn {
		width: 100%;
	}
	.fp-visual-stage {
		height: auto;
		max-width: 100%;
	}
	.fp-hero-spotlight {
		padding: 16px;
	}
	.fp-spotlight-top {
		flex-direction: column;
		align-items: flex-start;
	}
	.fp-hero-spotlight h4 {
		font-size: 25px;
	}
	.fp-spotlight-grid {
		grid-template-columns: 1fr;
	}
	.fp-spotlight-actions {
		flex-direction: column;
	}
	.fp-spotlight-actions .fp-btn {
		width: 100%;
	}
	.fp-domain-showcase {
		padding: 12px;
	}
	.fp-domain-image-wrap {
		height: 240px;
	}
	.fp-signup-aside h2 {
		font-size: 32px;
	}
	.fp-signup-mini-metrics {
		grid-template-columns: 1fr;
	}
	.fp-signup-trust {
		flex-direction: column;
	}
	.fp-payment-illustration {
		height: 190px;
	}
	.fp-balance-strip {
		flex-direction: column;
		align-items: flex-start;
	}
	.fp-balance-mock-grid {
		grid-template-columns: 1fr;
	}
	.fp-device-card {
		left: 40px;
	}
	.fp-check-card {
		right: 18px;
	}
}

/* ============================================================
   SIDEBAR LAYOUT (logged-in state)
   ============================================================ */

body.fp-auth-body {
	font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
	background:
		radial-gradient(circle at 14% 10%, rgba(139, 92, 246, 0.14), transparent 30%),
		radial-gradient(circle at 86% 14%, rgba(59, 130, 246, 0.1), transparent 28%),
		linear-gradient(180deg, #0d0d1a 0%, #0b1020 100%);
	color: #f8faff;
}

.fp-auth-body .container,
.fp-auth-body .container-fluid {
	position: relative;
	z-index: 1;
}

.fp-sidebar {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 240px;
	z-index: 1020;
	display: flex;
	flex-direction: column;
	background: rgba(10, 10, 22, 0.98);
	border-right: 1px solid rgba(139, 92, 246, 0.16);
	backdrop-filter: blur(16px);
	overflow-y: auto;
	overflow-x: hidden;
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	scrollbar-width: thin;
	scrollbar-color: var(--fp-accent) var(--fp-accent-soft);
}

.fp-sidebar::-webkit-scrollbar {
	width: 10px;
}

.fp-sidebar::-webkit-scrollbar-track {
	background: var(--fp-accent-soft);
	border-left: 1px solid var(--fp-border);
}

.fp-sidebar::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--fp-accent-strong), var(--fp-accent));
	border-radius: 999px;
	border: 2px solid var(--fp-bg-soft);
}

.fp-sidebar::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, var(--fp-accent), var(--fp-accent-strong));
}

.fp-sidebar-rtl {
	left: auto;
	right: 0;
	border-right: none;
	border-left: 1px solid rgba(139, 92, 246, 0.16);
}

.fp-sidebar-header {
	padding: 16px 14px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	flex-shrink: 0;
}

.fp-sidebar-header .fp-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	height: auto;
	line-height: normal !important;
	padding: 0 !important;
	width: 100%;
}

.fp-sidebar-brand-mark {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
	/* border: 1px solid rgba(139, 92, 246, 0.28);
	background: linear-gradient(155deg, rgba(30, 20, 59, 0.95), rgba(16, 12, 34, 0.95)); */
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.fp-sidebar-logo-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* padding: 4px;  */
	image-rendering: auto;
}

.fp-sidebar-logo-fallback {
	font-size: 16px;
}

.fp-sidebar-brand-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 1px;
}

.fp-sidebar-brand-title {
	font-size: 14px;
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #f8faff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.fp-sidebar-brand-domain {
	font-size: 11px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #9ea9c8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.fp-sidebar-balance-area {
	padding: 10px 10px 2px;
	flex-shrink: 0;
}

.fp-sidebar-balance {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border-radius: 10px;
	background: var(--fp-accent-soft);
	border: 1px solid var(--fp-border);
	font-size: 13px;
	font-weight: 700;
	color: var(--fp-text-main);
}

.fp-sidebar-balance i {
	color: var(--fp-accent);
}

.fp-sidebar-bal-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 12px;
	border-radius: 10px;
	background: var(--fp-accent-soft);
	border: 1px solid var(--fp-border);
	color: var(--fp-text-main);
	cursor: pointer;
	transition: background 0.18s ease;
}

.fp-sidebar-bal-btn:hover {
	background: var(--fp-accent-soft);
}

.fp-sidebar-bal-inner {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
}

.fp-sidebar-bal-inner i {
	color: var(--fp-accent);
}

.fp-currency-caret {
	font-size: 11px;
	color: var(--fp-accent);
	transition: transform 0.2s ease;
}

.fp-sidebar-currency-panel {
	display: none;
	flex-direction: column;
	margin-top: 4px;
	padding: 6px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.fp-sidebar-currency-panel.is-open {
	display: flex;
}

.fp-sidebar-currency-item {
	padding: 7px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #b0b8d4;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.fp-sidebar-currency-item:hover {
	background: rgba(139, 92, 246, 0.14);
	color: #fff;
	text-decoration: none;
}

.fp-sidebar-nav {
	flex: 1;
	padding: 8px;
	overflow-y: auto;
}

.fp-sidebar-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 11px;
	border-radius: 10px;
	margin-bottom: 2px;
	font-size: 13px;
	font-weight: 600;
	color: var(--fp-text-muted);
	text-decoration: none !important;
	transition: background 0.18s ease, color 0.18s ease;
}

.fp-sidebar-link:hover,
.fp-sidebar-link.active {
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-sidebar-link.active {
	background: linear-gradient(135deg, var(--fp-accent-soft), transparent);
	box-shadow: inset 3px 0 0 var(--fp-accent);
}

.fp-slink-icon {
	width: 16px;
	text-align: center;
	font-size: 13px;
	color: var(--fp-text-muted);
	flex-shrink: 0;
	transition: color 0.18s ease;
}

.fp-sidebar-link:hover .fp-slink-icon,
.fp-sidebar-link.active .fp-slink-icon {
	color: var(--fp-accent);
}

.fp-slink-label {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp-sidebar-more-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 4px;
	padding: 8px 10px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}

.fp-sidebar-more-toggle > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.fp-sidebar-more-toggle:hover,
.fp-sidebar-more-toggle:focus {
	background: linear-gradient(135deg, var(--fp-accent-soft), transparent);
	color: var(--fp-text-main);
	outline: none;
}

.fp-sidebar-more-caret {
	font-size: 11px;
	color: var(--fp-accent);
	transition: transform 0.2s ease;
}

.fp-sidebar-more-toggle[aria-expanded='true'] .fp-sidebar-more-caret {
	transform: rotate(180deg);
}

.fp-sidebar-more-links {
	display: none;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.fp-sidebar-more-links.is-open {
	display: block;
}

.fp-sidebar-group-toggle {
	margin-top: 6px;
}

.fp-sidebar-group-toggle.is-active {
	background: linear-gradient(135deg, var(--fp-accent-soft), transparent);
	color: var(--fp-text-main);
}

.fp-sidebar-group-links {
	margin-top: 4px;
	padding-top: 4px;
	padding-left: 10px;
	border-top: 0;
}

.fp-sidebar-sublink {
	padding: 7px 10px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 8px;
	margin-bottom: 3px;
}

.fp-sublink-icon {
	font-size: 7px;
	opacity: 0.7;
}

.fp-sidebar-footer {
	padding: 10px 8px 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	flex-shrink: 0;
}

.fp-sidebar-footer-link {
	font-size: 12px;
	color: #8892a8;
}

.fp-sidebar-footer-link:hover {
	color: #d4d9ed;
}

.fp-mobile-topbar {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1019;
	height: 54px;
	padding: 0 14px;
	align-items: center;
	gap: 12px;
	background: rgba(10, 10, 22, 0.98);
	border-bottom: 1px solid rgba(139, 92, 246, 0.14);
	backdrop-filter: blur(12px);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.fp-mobile-topbar .fp-brand {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	padding: 0 !important;
	height: auto;
	line-height: normal !important;
	min-width: 0;
	max-width: calc(100% - 54px);
}

.fp-sidebar-brand-mark-mobile {
	width: 34px;
	height: 34px;
	border-radius: 10px;
}

.fp-sidebar-brand-copy-mobile .fp-sidebar-brand-title {
	font-size: 13px;
	max-width: 180px;
}

.fp-sidebar-brand-copy-mobile .fp-sidebar-brand-domain {
	font-size: 10px;
	max-width: 180px;
}

.fp-sidebar-toggle {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: 1px solid rgba(139, 92, 246, 0.3);
	background: rgba(139, 92, 246, 0.1);
	color: #c4b5fd;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	transition: background 0.18s ease;
}

.fp-sidebar-toggle:hover {
	background: rgba(139, 92, 246, 0.22);
}

.fp-app-main {
	margin-left: 240px;
	width: calc(100% - 240px);
	min-height: 100vh;
	transition: margin-left 0.28s cubic-bezier(0.4, 0, 0.2, 1), margin-right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 10px 12px;
}

.fp-sidebar-rtl ~ .fp-app-main {
	margin-left: 0;
	margin-right: 240px;
}

.fp-auth-body .fp-app-main > .container,
.fp-auth-body .fp-app-main > .container-fluid {
	width: 100%;
	max-width: none;
	padding-left: 8px;
	padding-right: 8px;
}

.fp-auth-body .panel,
.fp-auth-body .well {
	background-color: rgba(19, 19, 42, 0.84);
	border-color: rgba(139, 92, 246, 0.2);
	color: #e3e8f6;
}

.fp-sidebar-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1018;
	background: rgba(0, 0, 0, 0.52);
	backdrop-filter: blur(2px);
}

.fp-sidebar-overlay.is-active {
	display: block;
}

@media (min-width: 992px) {
	.fp-sidebar-overlay,
	.fp-sidebar-overlay.is-active {
		display: none !important;
		pointer-events: none;
	}
}

@media (max-width: 991px) {
	.fp-sidebar {
		transform: translateX(-100%);
		box-shadow: none;
	}
	.fp-sidebar-rtl {
		transform: translateX(100%);
	}
	.fp-sidebar.is-open {
		transform: translateX(0);
		box-shadow: 4px 0 40px rgba(0, 0, 0, 0.4);
	}
	.fp-mobile-topbar {
		display: flex;
	}
	.fp-app-main {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding-top: 70px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.fp-sidebar-header .fp-brand {
		gap: 8px;
	}
	.fp-sidebar-brand-mark {
		width: 38px;
		height: 38px;
	}
	.fp-sidebar-brand-title,
	.fp-sidebar-brand-domain {
		max-width: 120px;
	}
}

/* ============================================================
   SERVICES PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-neworder-page {
	max-width: 100%;
}

.fp-auth-body .fp-neworder-stats-row > [class*='col-'] {
	margin-bottom: 12px;
}

.fp-auth-body .fp-neworder-stat-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	min-height: 86px;
	border-radius: 14px;
	border: 1px solid var(--fp-neworder-stat-border);
	background: var(--fp-neworder-stat-bg);
	box-shadow: var(--fp-neworder-stat-shadow);
}

.fp-auth-body .fp-neworder-stat-icon {
	width: 42px;
	height: 42px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--fp-neworder-stat-icon-bg);
	color: var(--fp-neworder-stat-icon-color);
	font-size: 17px;
	flex-shrink: 0;
	border: 1px solid var(--fp-neworder-stat-icon-border);
}

.fp-auth-body .fp-neworder-stat-text h3 {
	margin: 0;
	font-size: 23px;
	line-height: 1.12;
	font-weight: 800;
	color: var(--fp-neworder-stat-title);
	letter-spacing: -0.02em;
	word-break: break-word;
}

.fp-auth-body .fp-neworder-stat-text p {
	margin: 4px 0 0;
	font-size: 11px;
	line-height: 1.45;
	color: var(--fp-neworder-stat-caption);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 700;
}

.fp-auth-body .fp-neworder-card {
	padding: 16px;
	border-radius: 16px;
	border: 1px solid var(--fp-border);
	background: var(--fp-panel);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
}

.fp-auth-body .fp-neworder-tabs {
	display: flex;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-neworder-tabs > li {
	float: none;
	margin: 0;
}

.fp-auth-body .fp-neworder-tabs > li > a {
	border: 1px solid var(--fp-neworder-tab-border) !important;
	border-radius: 999px;
	padding: 8px 12px;
	margin: 0;
	background: var(--fp-neworder-tab-bg);
	color: var(--fp-neworder-tab-text);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.fp-auth-body .fp-neworder-tabs > li.active > a,
.fp-auth-body .fp-neworder-tabs > li.active > a:hover,
.fp-auth-body .fp-neworder-tabs > li.active > a:focus,
.fp-auth-body .fp-neworder-tabs > li > a:hover {
	background: var(--fp-neworder-tab-hover-bg);
	border-color: var(--fp-neworder-tab-hover-border) !important;
	color: var(--fp-neworder-tab-hover-text);
	box-shadow: var(--fp-neworder-tab-hover-shadow);
}

.fp-auth-body .fp-neworder-tab-content > .tab-pane {
	padding: 10px 0 2px;
}

.fp-auth-body .fp-neworder-card .form-group {
	margin-bottom: 15px;
}

.fp-auth-body .fp-neworder-card .control-label {
	color: var(--fp-text-main);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.01em;
	margin-bottom: 7px;
}

.fp-auth-body .fp-neworder-card .form-control {
	height: 46px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-neworder-card .form-control:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single {
	height: 46px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	box-shadow: none;
}

.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	color: #f5f7ff;
	padding-left: 12px;
	padding-right: 34px;
}

.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
	right: 8px;
}

.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #bfc8e6 transparent transparent transparent;
}

.fp-auth-body .fp-neworder-card select.form-control {
	-webkit-appearance: none;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, var(--fp-text-muted) 50%), linear-gradient(135deg, var(--fp-text-muted) 50%, transparent 50%);
	background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
	padding-right: 36px;
	cursor: pointer;
	font-weight: 600;
}

.fp-auth-body .fp-neworder-card select.form-control option {
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .select2-dropdown {
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	overflow: hidden;
}

.fp-auth-body .select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--fp-border);
	border-radius: 8px;
	background: var(--fp-bg-main);
	color: var(--fp-text-main);
	outline: none;
}

.fp-auth-body .select2-container--default .select2-results__option {
	color: var(--fp-text-muted);
}

.fp-auth-body .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--fp-accent-soft);
	color: #ffffff;
}

/* Fixed-height scrollable dropdown results */
.fp-auth-body .select2-container--default .select2-results > .select2-results__options {
	max-height: 240px;
	overflow-y: auto;
}

/* Custom scrollbar inside dropdown */
.fp-auth-body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
	width: 6px;
}
.fp-auth-body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
	background: rgba(10, 12, 26, 0.6);
	border-radius: 10px;
}
.fp-auth-body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
	background: rgba(139, 92, 246, 0.55);
	border-radius: 10px;
}
.fp-auth-body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
	background: rgba(139, 92, 246, 0.85);
}

/* Fallbacks for panel dropdown wrappers on New Order (desktop + mobile) */
.fp-auth-body .fp-neworder-card #orderform-category,
.fp-auth-body .fp-neworder-card #orderform-service {
	background: var(--fp-bg-soft) !important;
	border: 1px solid var(--fp-border) !important;
	color: var(--fp-text-main) !important;
	border-radius: 10px !important;
}

.fp-auth-body .fp-neworder-card #orderform-category:disabled,
.fp-auth-body .fp-neworder-card #orderform-service:disabled,
.fp-auth-body .fp-neworder-card #orderform-category[readonly],
.fp-auth-body .fp-neworder-card #orderform-service[readonly] {
	background: rgba(16, 20, 38, 0.92) !important;
	border-color: rgba(139, 92, 246, 0.2) !important;
	color: #c8d1ea !important;
	opacity: 1 !important;
	-webkit-text-fill-color: #c8d1ea;
	cursor: not-allowed;
}

.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle,
.fp-auth-body .fp-neworder-card .btn.dropdown-toggle.selectpicker,
.fp-auth-body .fp-neworder-card .chosen-container-single .chosen-single,
.fp-auth-body .fp-neworder-card .selectize-control.single .selectize-input {
	height: 46px !important;
	background: var(--fp-bg-soft) !important;
	border: 1px solid var(--fp-border) !important;
	color: var(--fp-text-main) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	line-height: 44px !important;
	padding: 0 34px 0 12px !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select.btn-group.disabled > .dropdown-toggle,
.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle[disabled],
.fp-auth-body .fp-neworder-card .chosen-container.chosen-container-disabled .chosen-single,
.fp-auth-body .fp-neworder-card .selectize-control.single.disabled .selectize-input,
.fp-auth-body .fp-neworder-card .select2-container--default.select2-container--disabled .select2-selection--single {
	background: rgba(16, 20, 38, 0.92) !important;
	border-color: rgba(139, 92, 246, 0.2) !important;
	color: #c8d1ea !important;
	opacity: 1 !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
}

.fp-auth-body .fp-neworder-card .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.fp-auth-body .fp-neworder-card .bootstrap-select.btn-group.disabled > .dropdown-toggle .filter-option,
.fp-auth-body .fp-neworder-card .bootstrap-select.btn-group.disabled > .dropdown-toggle .filter-option-inner-inner {
	color: #c8d1ea !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle .filter-option,
.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
.fp-auth-body .fp-neworder-card .chosen-container-single .chosen-single span,
.fp-auth-body .fp-neworder-card .selectize-control.single .selectize-input > input,
.fp-auth-body .fp-neworder-card .selectize-control.single .selectize-input .item {
	color: var(--fp-text-main) !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select .dropdown-menu,
.fp-auth-body .fp-neworder-card .chosen-container .chosen-drop,
.fp-auth-body .fp-neworder-card .selectize-dropdown {
	border: 1px solid var(--fp-border) !important;
	background: var(--fp-bg-soft) !important;
	color: var(--fp-text-main) !important;
	border-radius: 10px !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select .dropdown-menu li a,
.fp-auth-body .fp-neworder-card .selectize-dropdown .option,
.fp-auth-body .fp-neworder-card .chosen-container .chosen-results li {
	color: var(--fp-text-main) !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select .dropdown-menu li a:hover,
.fp-auth-body .fp-neworder-card .bootstrap-select .dropdown-menu li.selected a,
.fp-auth-body .fp-neworder-card .selectize-dropdown .active,
.fp-auth-body .fp-neworder-card .chosen-container .chosen-results li.highlighted {
	background: var(--fp-accent-soft) !important;
	color: var(--fp-text-main) !important;
}

.fp-auth-body .fp-neworder-card .bootstrap-select.open > .dropdown-toggle,
.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle:focus,
.fp-auth-body .fp-neworder-card .chosen-container-active .chosen-single,
.fp-auth-body .fp-neworder-card .selectize-control.single.focus .selectize-input {
	border-color: var(--fp-border-strong) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

/* Force theme on the exact New Order category/service Select2 instances */
.fp-auth-body #select2-orderform-category-container,
.fp-auth-body #select2-orderform-service-container,
.fp-auth-body #select2-fav_category-container,
.fp-auth-body #select2-fav_service-container {
	color: var(--fp-text-main) !important;
}

.fp-auth-body .select2-container--default.select2-container--open .select2-selection--single,
.fp-auth-body .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--fp-border-strong) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

.select2-dropdown[aria-labelledby='select2-orderform-category-container'],
.select2-dropdown[aria-labelledby='select2-orderform-service-container'],
.select2-dropdown[aria-labelledby='select2-fav_category-container'],
.select2-dropdown[aria-labelledby='select2-fav_service-container'] {
	border: 1px solid var(--fp-border) !important;
	border-radius: 10px !important;
	background: var(--fp-bg-soft) !important;
	color: var(--fp-text-main) !important;
}

#select2-orderform-category-results .select2-results__option,
#select2-orderform-service-results .select2-results__option,
#select2-fav_category-results .select2-results__option,
#select2-fav_service-results .select2-results__option {
	color: var(--fp-text-main) !important;
	background: transparent;
}

#select2-orderform-category-results .select2-results__option--highlighted[aria-selected],
#select2-orderform-service-results .select2-results__option--highlighted[aria-selected],
#select2-fav_category-results .select2-results__option--highlighted[aria-selected],
#select2-fav_service-results .select2-results__option--highlighted[aria-selected] {
	background: var(--fp-accent-soft) !important;
	color: var(--fp-text-main) !important;
}

/* -- Force Select2 dropdowns to always open BELOW the field ----------------
   Select2 auto-flips to "above" when it thinks there's not enough space.
   We counteract that by resetting the positioning it applies for --above.   */
.fp-auth-body .select2-dropdown--above {
	top: 100% !important;
	bottom: auto !important;
	margin-top: 2px !important;
	margin-bottom: 0 !important;
	border-radius: 10px !important;
	border-top: 1px solid rgba(139, 92, 246, 0.24) !important;
	border-bottom: 1px solid rgba(139, 92, 246, 0.24) !important;
}

/* Fix the selection border-radius when dropdown is positioned "above" */
.fp-auth-body .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-radius: 10px !important;
}

@media (max-width: 767px) {
	.fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle,
	.fp-auth-body .fp-neworder-card .btn.dropdown-toggle.selectpicker,
	.fp-auth-body .fp-neworder-card .chosen-container-single .chosen-single,
	.fp-auth-body .fp-neworder-card .selectize-control.single .selectize-input {
		height: 42px !important;
		line-height: 40px !important;
		font-size: 13px !important;
	}
	.fp-auth-body .select2-container[aria-labelledby='select2-orderform-category-container'] .select2-selection--single,
	.fp-auth-body .select2-container[aria-labelledby='select2-orderform-service-container'] .select2-selection--single,
	.fp-auth-body .select2-container[aria-labelledby='select2-fav_category-container'] .select2-selection--single,
	.fp-auth-body .select2-container[aria-labelledby='select2-fav_service-container'] .select2-selection--single {
		height: 42px !important;
	}
	.fp-auth-body #select2-orderform-category-container,
	.fp-auth-body #select2-orderform-service-container,
	.fp-auth-body #select2-fav_category-container,
	.fp-auth-body #select2-fav_service-container {
		line-height: 40px !important;
		font-size: 13px !important;
	}
}

.fp-auth-body .fp-neworder-card .fp-order-search {
	position: relative;
}

.fp-auth-body .fp-neworder-card .fp-order-search-wrap {
	position: relative;
}

.fp-auth-body .fp-neworder-card .fp-order-search-btn {
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	padding: 0;
	width: 22px;
	height: 22px;
	border: 0;
	background: none;
	color: #98a6c8;
	pointer-events: none;
}

.fp-auth-body .fp-neworder-card .fp-order-search-btn-rtl {
	left: auto;
	right: 12px;
}

.fp-auth-body .fp-neworder-card #template-input {
	padding-left: 40px;
}

.fp-auth-body .fp-neworder-card .fp-order-search-btn-rtl + #template-input {
	padding-left: 12px;
	padding-right: 40px;
}

.fp-auth-body .fp-neworder-card #service_description .panel-body {
    border: 1px solid var(--fp-border) !important;
    border-radius: 10px;
    background: var(--fp-panel) !important;
    color: #ffffff !important;
    line-height: 1.65;
    padding: 12px 14px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 4px 10px rgba(0,0,0,.15);
}

.fp-auth-body .fp-neworder-card .alert {
	border-radius: 12px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	color: #f1f4ff;
}

.fp-auth-body .fp-neworder-card .alert-danger {
	border-color: rgba(248, 113, 113, 0.44);
	background: rgba(127, 29, 29, 0.22);
}

.fp-auth-body .fp-neworder-card .alert-success {
	border-color: rgba(74, 222, 128, 0.34);
	background: rgba(20, 83, 45, 0.22);
}

.fp-auth-body .fp-neworder-card .terms {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-weight: 600;
	line-height: 1.55;
	color: #c8d1ea;
}

.fp-auth-body .fp-neworder-card .terms input[type='checkbox'] {
	margin-top: 3px;
	accent-color: #7c3aed;
}

.fp-auth-body .fp-neworder-card .btn.btn-primary {
	width: 100%;
	margin-top: 6px;
	height: 46px;
	font-size: 14px;
	letter-spacing: 0.02em;
	border-radius: 999px;
	border: 1px solid var(--fp-border-strong);
	background: linear-gradient(135deg, rgba(16, 22, 45, 0.96), rgba(11, 15, 34, 0.96));
	color: var(--fp-text-main);
}

.fp-auth-body .fp-neworder-card .btn.btn-primary:hover,
.fp-auth-body .fp-neworder-card .btn.btn-primary:focus {
	background: linear-gradient(135deg, rgba(21, 29, 56, 0.98), rgba(14, 20, 42, 0.98));
	border-color: var(--fp-border-strong);
}

body.favAct .fp-auth-body .fp-order-filter-panel {
	pointer-events: none;
	filter: blur(2px);
}

.fp-auth-body .fp-favorite-panel {
	padding: 14px;
	border: 1px solid var(--fp-border);
	border-radius: 14px;
	background:
		radial-gradient(circle at 14% 10%, var(--fp-accent-soft), transparent 38%),
		linear-gradient(165deg, var(--fp-panel), var(--fp-bg-soft));
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .form-group {
	margin-bottom: 16px;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .control-label,
.fp-auth-body .fp-neworder-card #fp-favorite-pane label {
	color: var(--fp-text-main);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.01em;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .form-control,
.fp-auth-body .fp-neworder-card #fp-favorite-pane select {
	height: 46px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .form-control:focus,
.fp-auth-body .fp-neworder-card #fp-favorite-pane select:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .terms {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-weight: 600;
	line-height: 1.55;
	color: var(--fp-text-muted);
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .terms input[type='checkbox'] {
	margin-top: 3px;
	accent-color: var(--fp-accent-strong);
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .btn.btn-primary {
	width: 100%;
	margin-top: 8px;
	height: 48px;
	font-size: 15px;
	letter-spacing: 0.02em;
	border-radius: 999px;
	border: 1px solid var(--fp-border-strong);
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	box-shadow: 0 12px 24px var(--fp-accent-soft);
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .btn.btn-primary:hover,
.fp-auth-body .fp-neworder-card #fp-favorite-pane .btn.btn-primary:focus {
	background: linear-gradient(135deg, var(--fp-accent-strong), var(--fp-accent));
	box-shadow: 0 16px 28px var(--fp-accent-soft);
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single {
	height: 46px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	box-shadow: none;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	color: var(--fp-text-main);
	padding-left: 12px;
	padding-right: 34px;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
	right: 8px;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--fp-text-muted) transparent transparent transparent;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane #service_fav_description .panel-body {
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	line-height: 1.65;
	padding: 12px 14px;
}

.fp-auth-body .fp-neworder-card #fp-favorite-pane #service_fav_description .panel-body * {
	color: inherit;
	background: transparent;
}

.fp-auth-body .fp-favorite-help {
	margin: 0 0 10px;
	color: #aeb8d6;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
}

.fp-auth-body .fp-favorite-empty {
	display: none;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px dashed rgba(139, 92, 246, 0.3);
	background: rgba(139, 92, 246, 0.08);
	color: #cdd7ef;
	font-size: 13px;
}

.fp-auth-body .fp-favorite-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 10px;
	max-height: 400px;
	overflow: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.75) rgba(255, 255, 255, 0.06);
}

.fp-auth-body .fp-favorite-list::-webkit-scrollbar {
	width: 8px;
}

.fp-auth-body .fp-favorite-list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 999px;
}

.fp-auth-body .fp-favorite-list::-webkit-scrollbar-thumb {
	background: rgba(124, 58, 237, 0.85);
	border-radius: 999px;
}

.fp-auth-body .fp-favorite-item {
	display: block;
	width: 100%;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: linear-gradient(160deg, rgba(139, 92, 246, 0.08), rgba(17, 20, 38, 0.72));
	border-radius: 12px;
	padding: 10px 12px;
	text-align: left;
	color: #d9e0f2;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.4;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	transition: all 0.2s ease;
	min-height: 70px;
}

.fp-auth-body .fp-favorite-item:hover {
	background: linear-gradient(160deg, rgba(139, 92, 246, 0.16), rgba(21, 25, 44, 0.9));
	border-color: rgba(139, 92, 246, 0.34);
	color: #ffffff;
	transform: translateY(-2px);
}

.fp-auth-body .fp-favorite-item.fp-favorite-item-active {
	background: linear-gradient(140deg, rgba(124, 58, 237, 0.28), rgba(79, 70, 229, 0.24));
	border-color: rgba(139, 92, 246, 0.58);
	box-shadow: 0 12px 24px rgba(59, 32, 132, 0.28);
}

.fp-auth-body .fp-favorite-id {
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #9fb0d3;
	margin-bottom: 5px;
}

.fp-auth-body .fp-favorite-name {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: #d6def1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.fp-auth-body .fp-order-filter-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}

.fp-auth-body .fp-order-chip {
	height: 36px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #cfd6ec;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-order-chip:hover {
	background: rgba(139, 92, 246, 0.18);
	color: #ffffff;
	border-color: rgba(139, 92, 246, 0.36);
}

.fp-auth-body .fp-order-chip.active {
    background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
    border: 2px solid #ffffff33 !important;
    color: #fff !important;

    box-shadow:
        0 0 0 2px var(--fp-accent-soft),
        0 0 20px var(--fp-accent-soft),
        0 10px 24px rgba(0,0,0,.25);

    transform: translateY(-1px) scale(1.03);
}

.fp-auth-body .fp-neworder-card .form-control {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
}

.fp-auth-body .fp-neworder-card .form-control:focus {
	border-color: rgba(139, 92, 246, 0.56);
	box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}

.fp-auth-body .fp-neworder-card .control-label {
	color: #d7deef;
	font-weight: 700;
}

.fp-auth-body .fp-neworder-card .btn.btn-primary {
	border-radius: 10px;
    color: #ffffff !important;
	border: 1px solid rgba(139, 92, 246, 0.34);
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.92), rgba(99, 102, 241, 0.86));
	font-weight: 700;
	padding: 11px 16px;
	box-shadow: 0 12px 24px rgba(124, 58, 237, 0.26);
}

@media (max-width: 767px) {
	.fp-auth-body .fp-neworder-page {
		padding-left: 0;
		padding-right: 0;
	}
	.fp-auth-body .fp-neworder-stats-row > [class*='col-'] {
		margin-bottom: 8px;
	}
	.fp-auth-body .fp-neworder-stat-card {
		padding: 10px;
		min-height: 70px;
		gap: 8px;
	}
	.fp-auth-body .fp-neworder-stat-icon {
		width: 34px;
		height: 34px;
		font-size: 14px;
		border-radius: 9px;
	}
	.fp-auth-body .fp-neworder-stat-text h3 {
		font-size: 17px;
		line-height: 1.1;
	}
	.fp-auth-body .fp-neworder-stat-text p {
		font-size: 10px;
		letter-spacing: 0.05em;
		margin-top: 3px;
	}
	.fp-auth-body .fp-neworder-card {
		padding: 10px;
		border-radius: 14px;
	}
	.fp-auth-body .fp-neworder-tabs {
		gap: 7px;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}
	.fp-auth-body .fp-neworder-tabs > li {
		flex: 1;
		min-width: 0;
	}
	.fp-auth-body .fp-neworder-tabs > li > a {
		width: 100%;
		justify-content: center;
		padding: 9px 10px;
		font-size: 11px;
	}
	.fp-auth-body .fp-order-filter-panel {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		padding-bottom: 4px;
		margin-bottom: 12px;
	}
	.fp-auth-body .fp-order-chip {
		flex: 0 0 auto;
		height: 32px;
		padding: 0 11px;
		font-size: 11px;
		white-space: nowrap;
        transition: all .2s ease;
	}
	.fp-auth-body .fp-neworder-card .form-group {
		margin-bottom: 12px;
	}
	.fp-auth-body .fp-neworder-card .control-label {
		font-size: 12px;
		margin-bottom: 6px;
	}
	.fp-auth-body .fp-neworder-card .form-control,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane .form-control,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane select,
	.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single {
		height: 42px;
		font-size: 13px;
	}
	.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single .select2-selection__rendered,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 40px;
	}
	.fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single .select2-selection__arrow,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 40px;
	}
	.fp-auth-body .fp-neworder-card #template-input {
		padding-left: 36px;
	}
	.fp-auth-body .fp-neworder-card .fp-order-search-btn {
		left: 10px;
	}
	.fp-auth-body .fp-neworder-card .fp-order-search-btn-rtl {
		left: auto;
		right: 10px;
	}
	.fp-auth-body .fp-neworder-card .btn.btn-primary,
	.fp-auth-body .fp-neworder-card #fp-favorite-pane .btn.btn-primary {
		height: 44px;
		font-size: 13px;
	}
	.fp-auth-body .fp-favorite-panel {
		padding: 12px;
	}
	.fp-auth-body .fp-favorite-list {
		gap: 8px;
	}
	.fp-auth-body .fp-favorite-list {
		grid-template-columns: 1fr;
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}
}

.fp-services-page {
	max-width: 100%;
}

.fp-services-page .nav.nav-pills {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 2px 0 14px;
	padding: 12px;
	border-radius: 14px;
	background: var(--fp-panel);
	border: 1px solid var(--fp-border);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.fp-services-page .nav.nav-pills > li {
	float: none;
}

.fp-services-page .nav.nav-pills > li.search {
	float: none !important;
	margin-left: auto;
	width: min(420px, 42vw);
	min-width: 220px;
}

.fp-services-page .nav.nav-pills > li.search .input-group {
	width: 100%;
}

.fp-services-page .btn.btn-primary.dropdown-toggle {
	border-radius: 10px;
	border: 1px solid var(--fp-border-strong);
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	color: var(--fp-text-main);
	font-weight: 700;
	padding: 9px 13px;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.28);
}

.fp-services-page .btn.btn-primary.dropdown-toggle:hover,
.fp-services-page .btn.btn-primary.dropdown-toggle:focus {
	background: linear-gradient(135deg, var(--fp-accent-strong), var(--fp-accent));
	outline: none;
}

.fp-services-page .dropdown-menu {
	max-height: 420px;
	overflow-y: auto;
	padding: 6px;
	border-radius: 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	box-shadow: 0 22px 40px rgba(0, 0, 0, 0.42);
}

.fp-services-page .dropdown-menu > li > a,
.fp-services-page .dropdown-item {
	border-radius: 8px;
	color: var(--fp-text-main);
	padding: 8px 10px;
	font-weight: 600;
	text-decoration: none;
}

.fp-services-page .dropdown-menu > li > a:hover,
.fp-services-page .dropdown-item:hover {
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-services-page .input-group .form-control {
	height: 40px;
	border-radius: 10px 0 0 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-services-page .input-group .form-control:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-services-page .input-group .btn.btn-default {
	height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid var(--fp-border);
	border-left: 0;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-services-page .input-group .btn.btn-default:hover {
	background: var(--fp-accent-soft);
}

/* Clean, soft Services card background */
.fp-auth-body .fp-services-card,
.fp-services-page .well {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: linear-gradient(180deg, #18182c 0%, #0b1020 100%) !important;
	box-shadow: none;
	overflow-x: auto;
}

.fp-services-page #service-table {
	width: 100%;
	margin-bottom: 0;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
}

.fp-services-page #service-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fp-accent);
	border-bottom: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
}

.fp-services-page #service-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
}

.fp-services-page #service-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-services-page #service-table .fp-service-meta-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	line-height: 1.25;
}

.fp-services-page #service-table > tbody > tr > td[colspan="100%"] {
	background: rgba(99, 102, 241, 0.12);
	color: #f1f4ff;
	border-top: 1px solid rgba(139, 92, 246, 0.24);
	font-size: 13px;
	letter-spacing: 0.03em;
}

.fp-services-page #service-table .service-name {
	font-weight: 700;
	color: var(--fp-text-muted);
	min-width: 200px;
}

.fp-services-page #service-table .service-name .service-name-text {
	display: block;
}

.fp-services-page #service-table .service-details__th,
.fp-services-page #service-table .service-details-cell {
	text-align: center;
	white-space: nowrap;
	min-width: 110px;
}

.fp-services-page #service-table .fp-service-readmore-btn {
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.fp-services-page #service-table .fp-service-readmore-btn.is-open {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.fp-services-page #service-table .fp-service-details-empty {
	color: #93a2c9;
	font-weight: 700;
}

.fp-services-page #service-table .fp-service-description-copy {
	padding: 6px 0;
	line-height: 1.65;
	color: #d7def5;
	white-space: normal;
}

.fp-services-page #service-table .fp-service-description-mobile-cell {
	padding: 10px 12px !important;
	line-height: 1.65;
	white-space: normal;
	color: #d7def5;
}

.fp-services-page .favorite-active,
.fp-services-page [data-favorite-service-id] {
	color: #fbbf24;
}

.fp-services-page .service-description {
	color: #b9c3df;
	line-height: 1.65;
}

@media (max-width: 991px) {
	.fp-services-page .nav.nav-pills {
		flex-wrap: wrap;
		padding: 10px;
	}
	.fp-services-page .nav.nav-pills > li.search {
		float: none !important;
		flex: 1 1 100%;
		margin-left: 0;
		width: 100%;
		min-width: 0;
	}
	.fp-services-page .fp-services-card,
	.fp-services-page .well {
		padding: 10px;
	}
	.fp-auth-body .fp-app-main > .container,
	.fp-auth-body .fp-app-main > .container-fluid {
		padding-left: 4px;
		padding-right: 4px;
	}
	.fp-services-page #service-table > thead > tr > th,
	.fp-services-page #service-table > tbody > tr > td {
		padding: 9px 8px;
	}
}

/* ============================================================
   ORDERS PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-orders-page {
	max-width: 100%;
}

.fp-auth-body .fp-orders-page .fp-orders-filters {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-width: 1050px;
	margin: 0 0 14px;
	padding: 0;
	border-bottom: 0;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li {
	float: none;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li > a {
	border-radius: 999px;
	padding: 8px 12px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #cfd6ec;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li > a,
.fp-auth-body .fp-orders-page .fp-orders-filters > li > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters > li > a:focus {
	pointer-events: auto;
}

.fp-auth-body .fp-orders-page .fp-orders-filters .fp-copy-orders-selected {
	border-radius: 999px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(139, 92, 246, 0.3);
	background: rgba(139, 92, 246, 0.16);
	color: #f5f7ff;
	font-size: 12px;
	font-weight: 700;
}

.fp-auth-body .fp-orders-page .fp-orders-filters .fp-copy-orders-selected:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters .fp-copy-orders-selected:focus {
	background: rgba(139, 92, 246, 0.24);
	color: #ffffff;
}

.fp-auth-body .fp-orders-page .fp-orders-filters .fp-copy-orders-selected[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-select-col {
	width: 34px;
	text-align: center;
}

.fp-auth-body .fp-orders-page .fp-order-service-id {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 7px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #dbe7ff;
	background: rgba(59, 130, 246, 0.28);
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a,
.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:focus {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.26);
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li.search {
	margin-left: auto;
	width: min(420px, 42vw);
	min-width: 220px;
}

.fp-auth-body .fp-orders-page #history-search .input-group .form-control {
	height: 40px;
	border-radius: 10px 0 0 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
	box-shadow: none;
}

.fp-auth-body .fp-orders-page #history-search .input-group .form-control:focus {
	border-color: rgba(139, 92, 246, 0.56);
	box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}

.fp-auth-body .fp-orders-page #history-search .input-group .btn.btn-default {
	height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid rgba(139, 92, 246, 0.24);
	border-left: 0;
	background: rgba(139, 92, 246, 0.2);
	color: #f5f7ff;
}

.fp-auth-body .fp-orders-page #history-search .input-group .btn.btn-default:hover {
	background: rgba(139, 92, 246, 0.3);
}

.fp-auth-body .fp-orders-page .fp-orders-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: #14182d;
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 2px;
	background: #14182d;
	scrollbar-width: none;
	-ms-overflow-style: none;
	will-change: scroll-position;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: none;
	contain: layout style paint;
	transform: translate3d(0, 0, 0);
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar {
	display: none;
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 999px;
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar-thumb {
	background: rgba(124, 58, 237, 0.85);
	border-radius: 999px;
}

.fp-auth-body .fp-orders-page .fp-orders-table {
	width: 100%;
	min-width: 1050px;
	margin-bottom: 0;
	color: #d8deee;
	background: #14182d;
	border-collapse: separate;
	border-spacing: 0;
	contain: paint;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b9c2dc;
	border-bottom: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	white-space: nowrap;
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
	contain: paint;
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr {
	will-change: background-color;
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-id-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-copy-order-id {
	width: 22px;
	height: 22px;
	min-width: 22px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1px solid rgba(139, 92, 246, 0.3);
	background: rgba(139, 92, 246, 0.12);
	color: #d8deee;
	line-height: 1;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-copy-order-id:hover,
.fp-auth-body .fp-orders-page .fp-orders-table .fp-copy-order-id:focus {
	background: rgba(139, 92, 246, 0.24);
	border-color: rgba(139, 92, 246, 0.46);
	color: #ffffff;
	outline: none;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-copy-order-id.is-copied {
	background: rgba(34, 197, 94, 0.22);
	border-color: rgba(74, 222, 128, 0.55);
	color: #bbf7d0;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(148, 163, 184, 0.14);
	color: #dbe5ff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.35;
	vertical-align: middle;
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-pending {
	color: #fde68a;
	background: rgba(245, 158, 11, 0.2);
	border-color: rgba(251, 191, 36, 0.55);
	box-shadow: 0 8px 16px rgba(180, 83, 9, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-inprogress,
.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-processing {
	color: #fef08a;
	background: rgba(234, 179, 8, 0.2);
	border-color: rgba(250, 204, 21, 0.55);
	box-shadow: 0 8px 16px rgba(161, 98, 7, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-completed {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.2);
	border-color: rgba(74, 222, 128, 0.55);
	box-shadow: 0 8px 16px rgba(21, 128, 61, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-partial {
	color: #bfdbfe;
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(96, 165, 250, 0.55);
	box-shadow: 0 8px 16px rgba(37, 99, 235, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-status-pill.fp-order-status-canceled {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.2);
	border-color: rgba(248, 113, 113, 0.55);
	box-shadow: 0 8px 16px rgba(185, 28, 28, 0.2);
}

.fp-auth-body .fp-refill-page .fp-status-pill,
.fp-auth-body .fp-drip-page .fp-status-pill,
.fp-auth-body .fp-subscriptions-page .fp-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(148, 163, 184, 0.14);
	color: #dbe5ff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.35;
	vertical-align: middle;
	white-space: nowrap;
}

.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-pending,
.fp-auth-body .fp-drip-page .fp-status-pill.fp-status-paused,
.fp-auth-body .fp-subscriptions-page .fp-status-pill.fp-status-paused {
	color: #fde68a;
	background: rgba(245, 158, 11, 0.2);
	border-color: rgba(251, 191, 36, 0.55);
	box-shadow: 0 8px 16px rgba(180, 83, 9, 0.2);
}

.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-inprogress,
.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-processing,
.fp-auth-body .fp-drip-page .fp-status-pill.fp-status-active,
.fp-auth-body .fp-subscriptions-page .fp-status-pill.fp-status-active {
	color: #fef08a;
	background: rgba(234, 179, 8, 0.2);
	border-color: rgba(250, 204, 21, 0.55);
	box-shadow: 0 8px 16px rgba(161, 98, 7, 0.2);
}

.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-completed,
.fp-auth-body .fp-drip-page .fp-status-pill.fp-status-completed,
.fp-auth-body .fp-subscriptions-page .fp-status-pill.fp-status-completed {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.2);
	border-color: rgba(74, 222, 128, 0.55);
	box-shadow: 0 8px 16px rgba(21, 128, 61, 0.2);
}

.fp-auth-body .fp-subscriptions-page .fp-status-pill.fp-status-expired,
.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-rejected,
.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-partial {
	color: #bfdbfe;
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(96, 165, 250, 0.55);
	box-shadow: 0 8px 16px rgba(37, 99, 235, 0.2);
}

.fp-auth-body .fp-refill-page .fp-status-pill.fp-status-error,
.fp-auth-body .fp-drip-page .fp-status-pill.fp-status-canceled,
.fp-auth-body .fp-subscriptions-page .fp-status-pill.fp-status-canceled {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.2);
	border-color: rgba(248, 113, 113, 0.55);
	box-shadow: 0 8px 16px rgba(185, 28, 28, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-link-col {
	min-width: 240px;
	max-width: 320px;
	word-break: break-word;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th:nth-child(7),
.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:nth-child(7) {
	min-width: 90px;
	max-width: 120px;
	white-space: nowrap;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th:nth-child(9),
.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:nth-child(9) {
	white-space: nowrap;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th:nth-child(8),
.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:nth-child(8) {
	white-space: nowrap;
}

.fp-auth-body .fp-orders-page .fp-orders-table .order-actions {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	align-items: center;
}

.fp-auth-body .fp-orders-page .fp-orders-table .btn.btn-xs.btn-primary,
.fp-auth-body .fp-orders-page .fp-orders-table .btn.btn-xs.btn-default {
	border-radius: 999px;
	font-weight: 700;
	padding: 5px 10px;
	font-size: 11px;
	letter-spacing: 0.02em;
}

.fp-auth-body .fp-orders-page .fp-orders-table .btn.btn-xs.btn-primary {
	border: 1px solid rgba(139, 92, 246, 0.34);
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.92), rgba(99, 102, 241, 0.86));
	box-shadow: 0 8px 16px rgba(124, 58, 237, 0.22);
}

.fp-auth-body .fp-orders-page .fp-orders-table .btn.btn-xs.btn-default {
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(139, 92, 246, 0.12);
	color: #e8ecfa;
}

.fp-auth-body .fp-orders-page .fp-orders-modal .modal-content {
	border: 1px solid rgba(139, 92, 246, 0.2);
	border-radius: 14px;
	background: rgba(14, 16, 33, 0.98);
	color: #dbe4f5;
	box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45);
}

.fp-auth-body .fp-orders-page .fp-orders-modal .modal-header {
	border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}

.fp-auth-body .fp-orders-page .fp-orders-modal .modal-title {
	color: #f5f7ff;
	font-weight: 800;
}

.fp-auth-body .fp-orders-page .fp-orders-modal .close {
	color: #d9e2f7;
	opacity: 0.9;
	text-shadow: none;
}

.fp-auth-body .fp-orders-page .fp-orders-modal .form-control {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	width: 100%;
	float: none !important;
	position: static !important;
	right: auto !important;
	left: auto !important;
	transform: none !important;
	clear: both;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li {
	float: none;
	display: inline-flex;
	position: static !important;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li > a,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li.active > a,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li.active > span,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li > span:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

@media (max-width: 991px) {
	.fp-auth-body .fp-orders-page .fp-orders-filters {
		flex-wrap: nowrap;
		min-width: 900px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-filters > li {
		flex: 0 0 auto;
	}
	.fp-auth-body .fp-orders-page .fp-orders-filters > li.search {
		margin-left: auto;
		width: min(320px, 40vw);
		min-width: 220px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-card {
		padding: 10px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table {
		min-width: 900px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th,
	.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
		padding: 9px 8px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-link-col {
		min-width: 220px;
	}
}

@media (max-width: 767px) {
	.fp-services-page.container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.fp-auth-body .fp-subscriptions-page.container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.fp-services-page .row {
		margin-left: 0;
		margin-right: 0;
	}
	.fp-auth-body .fp-subscriptions-page .row {
		margin-left: 0;
		margin-right: 0;
	}
	.fp-services-page .col-lg-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.fp-auth-body .fp-subscriptions-page .col-lg-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.fp-services-page .nav.nav-pills {
		padding: 10px;
	}
	.fp-services-page .nav.nav-pills > li.search {
		float: none !important;
		flex: 1 1 100%;
		margin-left: 0;
		width: 100%;
		min-width: 0;
	}
	.fp-services-page .nav.nav-pills > li.search .input-group,
	.fp-services-page .nav.nav-pills > li.search .input-group .form-control {
		width: 100%;
	}
	.fp-auth-body .fp-orders-page .fp-orders-filters {
		flex-wrap: nowrap;
		width: 100%;
		min-width: 760px;
		margin: 2px 0 14px;
		padding-bottom: 0;
	}
	.fp-auth-body .fp-orders-page .fp-orders-filters > li {
		width: auto;
		flex: 0 0 auto;
	}
	.fp-auth-body .fp-orders-page .fp-orders-filters > li.search {
		margin-left: auto;
		width: min(260px, 70vw);
		min-width: 180px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table-wrap {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table {
		min-width: 760px;
		width: 100%;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
		padding: 8px 7px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th {
		padding: 9px 7px;
		font-size: 11px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table .fp-order-link-col {
		min-width: 180px;
		max-width: 240px;
	}
	.fp-services-page .nav.nav-pills {
		flex-wrap: wrap;
		overflow: visible;
	}
	.fp-services-page .nav.nav-pills > li.search {
		margin-left: 0;
		width: 100%;
		min-width: 0;
	}
}

/* ============================================================
   SUBSCRIPTIONS PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-subscriptions-page {
	max-width: 100%;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 2px 0 14px;
	padding: 12px;
	border-radius: 14px;
	background: var(--fp-panel);
	border: 1px solid var(--fp-border);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li {
	float: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li > a {
	border-radius: 999px;
	padding: 8px 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li > a:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.active > a,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.active > a:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.active > a:focus {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	border-color: var(--fp-border-strong);
	color: var(--fp-text-main);
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.26);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
	margin-left: auto;
	width: min(420px, 42vw);
	min-width: 220px;
}

.fp-auth-body .fp-subscriptions-page #history-search .input-group .form-control {
	height: 40px;
	border-radius: 10px 0 0 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-subscriptions-page #history-search .input-group .form-control:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default {
	height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid var(--fp-border);
	border-left: 0;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default:hover {
	background: var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: visible;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 2px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	will-change: scroll-position;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar {
	display: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 999px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar-thumb {
	background: rgba(124, 58, 237, 0.85);
	border-radius: 999px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table {
	width: 100%;
	min-width: 0;
	margin-bottom: 0;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fp-accent);
	border-bottom: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td {
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(1),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(1) { width: 4%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(2),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(2) { width: 12%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(3),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(3) { width: 7%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(4),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(4) { width: 6%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(5),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(5) { width: 6%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(6),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(6) { width: 6%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(7),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(7) { width: 16%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(8),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(8) { width: 7%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(9),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(9) { width: 10%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(10),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(10) { width: 10%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(11),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(11) { width: 9%; }

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:nth-child(12),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(12) {
	width: 7%;
	text-align: right;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .link {
	min-width: 0;
	max-width: none;
	white-space: normal;
	line-height: 1.35;
	word-break: break-word;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(7),
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(8) {
	white-space: normal;
	line-height: 1.35;
	word-break: break-word;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-primary,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-default {
	border-radius: 999px;
	font-weight: 700;
	padding: 5px 10px;
	font-size: 11px;
	letter-spacing: 0.02em;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-primary {
	border: 1px solid rgba(139, 92, 246, 0.34);
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.92), rgba(99, 102, 241, 0.86));
	box-shadow: 0 8px 16px rgba(124, 58, 237, 0.22);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-default {
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(139, 92, 246, 0.12);
	color: #e8ecfa;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	width: 100%;
	float: none !important;
	position: static !important;
	right: auto !important;
	left: auto !important;
	transform: none !important;
	clear: both;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li {
	float: none;
	display: inline-flex;
	position: static !important;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > a,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > span,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > span:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

@media (max-width: 991px) {
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
		flex-wrap: wrap;
		padding: 10px;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
		margin-left: 0;
		width: 100%;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-card {
		padding: 10px;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table {
		min-width: 980px;
		table-layout: auto;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td {
		padding: 9px 8px;
	}
}

/* ============================================================
   UPDATES / TICKETS / REFILL / DRIP / ADD FUNDS THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-updates-page,
.fp-auth-body .fp-refill-page,
.fp-auth-body .fp-drip-page,
.fp-auth-body .fp-addfunds-page,
.fp-auth-body .fp-tickets-page {
	max-width: 100%;
}

.fp-auth-body .fp-updates-page .fp-updates-filters,
.fp-auth-body .fp-refill-page .fp-refill-filters,
.fp-auth-body .fp-drip-page .fp-drip-filters,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters,
.fp-auth-body .fp-tickets-page .fp-tickets-filters {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 2px 0 14px;
	padding: 12px;
	border-radius: 14px;
	background: var(--fp-panel);
	border: 1px solid var(--fp-border);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
	width: 100%;
	overflow-x: auto;
	flex-wrap: nowrap;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li,
.fp-auth-body .fp-refill-page .fp-refill-filters > li,
.fp-auth-body .fp-drip-page .fp-drip-filters > li,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li {
	flex: 0 0 auto;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search {
	margin-left: auto;
	width: 100%;
	min-width: 0;
	max-width: none;
	flex: 1 1 0%;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search .input-group {
	width: 100%;
	min-width: 0;
	max-width: none;
	flex: 1 1 0%;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search .input-group .form-control {
	width: 100%;
	min-width: 0;
	max-width: none;
	flex: 1 1 0%;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search .input-group,
.fp-auth-body .fp-refill-page .fp-refill-filters > li.search .input-group,
.fp-auth-body .fp-drip-page .fp-drip-filters > li.search .input-group,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search .input-group {
	width: 100%;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search .input-group .form-control,
.fp-auth-body .fp-refill-page .fp-refill-filters > li.search .input-group .form-control,
.fp-auth-body .fp-drip-page .fp-drip-filters > li.search .input-group .form-control,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search .input-group .form-control {
	width: 100%;
}

@media (max-width: 991px) {
	.fp-auth-body .fp-updates-page .fp-updates-filters,
	.fp-auth-body .fp-refill-page .fp-refill-filters,
	.fp-auth-body .fp-drip-page .fp-drip-filters,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters,
	.fp-auth-body .fp-tickets-page .fp-tickets-filters {
		 flex-wrap: nowrap;
		 overflow-x: auto;
		 gap: 8px;
		 padding: 10px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-filters > li.search,
	.fp-auth-body .fp-refill-page .fp-refill-filters > li.search,
	.fp-auth-body .fp-drip-page .fp-drip-filters > li.search,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
		 width: 100%;
		 min-width: 180px;
		 margin-left: 0;
	}
}

@media (max-width: 767px) {
	/* On phones: avoid horizontal-only filter bars that get clipped. */
	.fp-auth-body .fp-updates-page .fp-updates-filters,
	.fp-auth-body .fp-refill-page .fp-refill-filters,
	.fp-auth-body .fp-drip-page .fp-drip-filters,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters,
	.fp-auth-body .fp-tickets-page .fp-tickets-filters {
		flex-wrap: wrap;
		overflow-x: visible;
		overflow-y: visible;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	/* Updates page uses `pull-right` on the <ul>; disable float/shrink on mobile. */
	.fp-auth-body .fp-updates-page .fp-updates-filters.pull-right,
	.fp-auth-body .fp-updates-page .fp-updates-filters {
		float: none !important;
		display: flex;
	}
	/* Make search row a full-width line at the end. */
	.fp-auth-body .fp-updates-page .fp-updates-filters > li.search,
	.fp-auth-body .fp-refill-page .fp-refill-filters > li.search,
	.fp-auth-body .fp-drip-page .fp-drip-filters > li.search,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
		flex: 1 1 100%;
		order: 99;
		min-width: 0;
		margin-left: 0 !important;
	}
	.fp-auth-body .fp-updates-page .fp-updates-filters > li.search .input-group,
	.fp-auth-body .fp-refill-page .fp-refill-filters > li.search .input-group,
	.fp-auth-body .fp-drip-page .fp-drip-filters > li.search .input-group,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search .input-group {
		min-width: 0;
	}
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li,
.fp-auth-body .fp-refill-page .fp-refill-filters > li,
.fp-auth-body .fp-drip-page .fp-drip-filters > li,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li {
	float: none;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li > a,
.fp-auth-body .fp-refill-page .fp-refill-filters > li > a,
.fp-auth-body .fp-drip-page .fp-drip-filters > li > a,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li > a {
	border-radius: 999px;
	padding: 8px 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li > a:hover,
.fp-auth-body .fp-updates-page .fp-updates-filters > li.active > a,
.fp-auth-body .fp-updates-page .fp-updates-filters > li.active > a:hover,
.fp-auth-body .fp-refill-page .fp-refill-filters > li > a:hover,
.fp-auth-body .fp-refill-page .fp-refill-filters > li.active > a,
.fp-auth-body .fp-refill-page .fp-refill-filters > li.active > a:hover,
.fp-auth-body .fp-drip-page .fp-drip-filters > li > a:hover,
.fp-auth-body .fp-drip-page .fp-drip-filters > li.active > a,
.fp-auth-body .fp-drip-page .fp-drip-filters > li.active > a:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li > a:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li.active > a,
.fp-auth-body .fp-tickets-page .fp-tickets-filters > li.active > a:hover {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	border-color: var(--fp-border-strong);
	color: var(--fp-text-main);
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.26);
}

.fp-auth-body .fp-tickets-page .fp-tickets-filter-empty {
	margin-top: 10px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-weight: 600;
}

.fp-auth-body .fp-updates-page .btn.btn-primary.dropdown-toggle {
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--fp-border-strong);
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	color: var(--fp-text-main);
	font-weight: 700;
	padding: 9px 13px;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.28);
}

.fp-auth-body .fp-updates-page .btn.btn-primary.dropdown-toggle:hover,
.fp-auth-body .fp-updates-page .btn.btn-primary.dropdown-toggle:focus,
.fp-auth-body .fp-updates-page .btn.btn-primary.dropdown-toggle:active,
.fp-auth-body .fp-updates-page .open > .btn.btn-primary.dropdown-toggle {
	background: linear-gradient(135deg, var(--fp-accent-strong), var(--fp-accent));
	border-color: var(--fp-border-strong);
	color: var(--fp-text-main);
	outline: none;
}

.fp-auth-body .fp-updates-page .dropdown-menu {
	max-height: 420px;
	overflow-y: auto;
	padding: 6px;
	border-radius: 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	box-shadow: 0 22px 40px rgba(0, 0, 0, 0.42);
}

.fp-auth-body .fp-updates-page .dropdown-menu > li > a,
.fp-auth-body .fp-updates-page .dropdown-item {
	border-radius: 8px;
	color: var(--fp-text-main);
	padding: 8px 10px;
	font-weight: 600;
	text-decoration: none;
}

.fp-auth-body .fp-updates-page .dropdown-menu > li > a:hover,
.fp-auth-body .fp-updates-page .dropdown-item:hover,
.fp-auth-body .fp-updates-page .dropdown-menu > li.active > a {
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .fp-updates-page .fp-updates-filters > li.search,
.fp-auth-body .fp-refill-page .fp-refill-filters > li.search,
.fp-auth-body .fp-drip-page .fp-drip-filters > li.search {
	float: none !important;
	margin-left: auto;
	width: min(420px, 42vw);
	min-width: 220px;
}

.fp-auth-body .fp-updates-page #history-search .input-group .form-control,
.fp-auth-body .fp-refill-page #history-search .input-group .form-control,
.fp-auth-body .fp-drip-page #history-search .input-group .form-control,
.fp-auth-body .fp-tickets-page #history-search .input-group .form-control {
	height: 40px;
	border-radius: 10px 0 0 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-updates-page #history-search .input-group .form-control:focus,
.fp-auth-body .fp-refill-page #history-search .input-group .form-control:focus,
.fp-auth-body .fp-drip-page #history-search .input-group .form-control:focus,
.fp-auth-body .fp-tickets-page #history-search .input-group .form-control:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-updates-page #history-search .input-group .btn,
.fp-auth-body .fp-refill-page #history-search .input-group .btn,
.fp-auth-body .fp-drip-page #history-search .input-group .btn,
.fp-auth-body .fp-tickets-page #history-search .input-group .btn {
	height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid var(--fp-border);
	border-left: 0;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .fp-updates-page .fp-updates-card,
.fp-auth-body .fp-refill-page .fp-refill-card,
.fp-auth-body .fp-drip-page .fp-drip-card,
.fp-auth-body .fp-tickets-page .fp-tickets-list-card,
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card,
.fp-auth-body .fp-addfunds-page .fp-addfunds-history-card,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card,
.fp-auth-body .fp-tickets-page .fp-tickets-form-card,
.fp-auth-body .fp-tickets-page .fp-tickets-text-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-updates-page .fp-updates-table-wrap,
.fp-auth-body .fp-refill-page .fp-refill-table-wrap,
.fp-auth-body .fp-drip-page .fp-drip-table-wrap,
.fp-auth-body .fp-tickets-page .fp-tickets-table-wrap,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.75) rgba(255, 255, 255, 0.06);
	will-change: scroll-position;
	overscroll-behavior-x: none;
}

.fp-top-scrollbar {
	display: none;
	overflow-x: auto;
	overflow-y: hidden;
	height: 12px;
	margin: 0 0 8px;
	padding: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.82) rgba(255, 255, 255, 0.08);
	-webkit-overflow-scrolling: touch;
}

.fp-top-scrollbar.is-visible {
	display: block;
}

.fp-top-scrollbar::-webkit-scrollbar {
	height: 8px;
}

.fp-top-scrollbar::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
}

.fp-top-scrollbar::-webkit-scrollbar-thumb {
	background: rgba(124, 58, 237, 0.88);
	border-radius: 999px;
}

.fp-top-scrollbar-inner {
	height: 1px;
}

@media (max-width: 991px) {
	.fp-top-scrollbar {
		display: none !important;
	}
}

.fp-auth-body .fp-updates-page .fp-updates-table,
.fp-auth-body .fp-refill-page .fp-refill-table,
.fp-auth-body .fp-drip-page .fp-drip-table,
.fp-auth-body .fp-tickets-page .fp-tickets-table,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table {
	width: 100%;
	min-width: 900px;
	margin-bottom: 0;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
}

.fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th,
.fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th,
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
.fp-auth-body .fp-tickets-page .fp-tickets-table > thead > tr > th,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fp-accent);
	border-bottom: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	white-space: nowrap;
}

.fp-auth-body .fp-updates-page .fp-updates-table > tbody > tr > td,
.fp-auth-body .fp-refill-page .fp-refill-table > tbody > tr > td,
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td,
.fp-auth-body .fp-tickets-page .fp-tickets-table > tbody > tr > td,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
}

.fp-auth-body .fp-updates-page .fp-updates-table > tbody > tr:hover > td,
.fp-auth-body .fp-refill-page .fp-refill-table > tbody > tr:hover > td,
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr:hover > td,
.fp-auth-body .fp-tickets-page .fp-tickets-table > tbody > tr:hover > td,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-updates-page .fp-updates-table .fp-update-pill {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(148, 163, 184, 0.14);
	color: #dbe5ff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.35;
}

.fp-auth-body .fp-updates-page .fp-updates-table .fp-update-pill.fp-update-state-decrease {
	color: #bfdbfe;
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(96, 165, 250, 0.55);
	box-shadow: 0 8px 16px rgba(37, 99, 235, 0.2);
}

.fp-auth-body .fp-updates-page .fp-updates-table .fp-update-pill.fp-update-state-increase {
	color: #fde68a;
	background: rgba(234, 179, 8, 0.2);
	border-color: rgba(250, 204, 21, 0.55);
	box-shadow: 0 8px 16px rgba(202, 138, 4, 0.2);
}

.fp-auth-body .fp-updates-page .fp-updates-table .fp-update-pill.fp-update-state-disabled {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.2);
	border-color: rgba(248, 113, 113, 0.55);
	box-shadow: 0 8px 16px rgba(185, 28, 28, 0.2);
}

.fp-auth-body .fp-updates-page .fp-updates-table .fp-update-pill.fp-update-state-enabled {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.2);
	border-color: rgba(74, 222, 128, 0.55);
	box-shadow: 0 8px 16px rgba(21, 128, 61, 0.2);
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(148, 163, 184, 0.14);
	color: #dbe5ff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.35;
	vertical-align: middle;
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-status-pill.fp-ticket-status-open,
.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-status-pill.fp-ticket-status-pending {
	color: #fde68a;
	background: rgba(245, 158, 11, 0.2);
	border-color: rgba(251, 191, 36, 0.55);
	box-shadow: 0 8px 16px rgba(180, 83, 9, 0.2);
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-status-pill.fp-ticket-status-answered {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.2);
	border-color: rgba(74, 222, 128, 0.55);
	box-shadow: 0 8px 16px rgba(21, 128, 61, 0.2);
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-status-pill.fp-ticket-status-closed {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.2);
	border-color: rgba(248, 113, 113, 0.55);
	box-shadow: 0 8px 16px rgba(185, 28, 28, 0.2);
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-subject-link {
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease;
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-subject-link.fp-ticket-subject-unread {
	color: #f8fafc;
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-subject-link.fp-ticket-subject-read {
	color: #94a3b8;
}

.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-subject-link:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-table .fp-ticket-subject-link:focus {
	color: #ffffff;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.42);
	text-underline-offset: 2px;
}

.fp-auth-body .fp-refunds-page {
	max-width: 100%;
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 2px 0 14px;
	padding: 12px;
	border-radius: 14px;
	background: var(--fp-panel);
	border: 1px solid var(--fp-border);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
	width: 100%;
	overflow-x: auto;
	flex-wrap: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters > li {
	float: none;
	flex: 0 0 auto;
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters > li > a {
	border-radius: 999px;
	padding: 8px 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters > li > a:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-filters > li.active > a,
.fp-auth-body .fp-refunds-page .fp-refunds-filters > li.active > a:hover {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	border-color: var(--fp-border-strong);
	color: var(--fp-text-main);
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters > li.search {
	float: none !important;
	margin-left: auto;
	width: min(420px, 42vw);
	min-width: 220px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-filters > li.search .input-group {
	width: 100%;
}

.fp-auth-body .fp-refunds-page #history-search .input-group .form-control {
	height: 40px;
	border-radius: 10px 0 0 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-refunds-page #history-search .input-group .btn {
	height: 40px;
	border-radius: 0 10px 10px 0;
	border: 1px solid var(--fp-border);
	border-left: 0;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid var(--fp-border);
	background: var(--fp-panel);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	will-change: scroll-position;
	overscroll-behavior-x: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap::-webkit-scrollbar {
	display: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table {
	width: 100%;
	min-width: 760px;
	margin-bottom: 0;
	color: var(--fp-text-main);
	border-collapse: separate;
	border-spacing: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-alert {
	border-color: var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	width: 100%;
	float: none !important;
	position: static !important;
	clear: both;
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li {
	float: none;
	display: inline-flex;
}

.fp-auth-body .fp-drip-page .fp-drip-table .link,
.fp-auth-body .fp-refill-page .fp-refill-table .width-40,
.fp-auth-body .fp-updates-page .fp-updates-table .service-name {
	word-break: break-word;
	max-width: 340px;
}

.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(1),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(1),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(2),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(2),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(4),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(4),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(5),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(5) {
	white-space: nowrap;
}

.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(3),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(3),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(6),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(6) {
	min-width: 190px;
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(7),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(7),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(8),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(8),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(9),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(9),
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(10),
.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(10) {
	white-space: nowrap;
	min-width: 110px;
}

.fp-auth-body .fp-updates-page .fp-updates-pagination,
.fp-auth-body .fp-refill-page .fp-refill-pagination,
.fp-auth-body .fp-drip-page .fp-drip-pagination,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	width: 100%;
	float: none !important;
	position: static !important;
	clear: both;
}

.fp-auth-body .fp-updates-page .fp-updates-pagination > li,
.fp-auth-body .fp-refill-page .fp-refill-pagination > li,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination > li,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination > li {
	float: none;
	display: inline-flex;
}

.fp-auth-body .fp-updates-page .fp-updates-pagination > li > a,
.fp-auth-body .fp-updates-page .fp-updates-pagination > li > span,
.fp-auth-body .fp-refill-page .fp-refill-pagination > li > a,
.fp-auth-body .fp-refill-page .fp-refill-pagination > li > span,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li > a,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li > span,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination > li > a,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination > li > span,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination > li > a,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-auth-body .fp-updates-page .fp-updates-pagination > li.active > a,
.fp-auth-body .fp-updates-page .fp-updates-pagination > li > a:hover,
.fp-auth-body .fp-refill-page .fp-refill-pagination > li.active > a,
.fp-auth-body .fp-refill-page .fp-refill-pagination > li > a:hover,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li.active > a,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li > a:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination > li.active > a,
.fp-auth-body .fp-tickets-page .fp-tickets-pagination > li > a:hover,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination > li.active > a,
.fp-auth-body .fp-addfunds-page .fp-addfunds-pagination > li > a:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

.fp-auth-body .fp-tickets-page .fp-tickets-form-card .form-control,
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .form-control,
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card select {
	height: 44px;
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
	box-shadow: none;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .form-group.instruction .panel-body,
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body.border-solid.border-rounded {
	background: var(--fp-bg-soft) !important;
	border: 1px solid var(--fp-border) !important;
	border-radius: 10px !important;
	color: var(--fp-text-main) !important;
	box-shadow: none !important;
	padding: 12px 14px !important;
	line-height: 1.65;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body * {
	color: inherit;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body .bg-white,
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background-color:#fff'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background-color: #fff'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background-color:rgb(255,255,255)'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background-color: rgb(255, 255, 255)'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background:white'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card .instruction .panel-body [style*='background: white'] {
	background: transparent !important;
	background-color: transparent !important;
}

.fp-auth-body .fp-tickets-page .fp-tickets-form-card textarea.form-control {
	height: auto;
	min-height: 140px;
}

.fp-auth-body .fp-tickets-page .fp-tickets-submit,
.fp-auth-body .fp-addfunds-page .fp-addfunds-submit {
	width: 100%;
	height: 44px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.02em;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card {
	color: #d7deef;
	line-height: 1.7;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-content,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-content > * {
	background: transparent !important;
	color: inherit;
}

/* Force untrusted/editor inline content to match theme surface. */
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card > :not(img):not(video):not(iframe):not(svg),
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card *:not(img):not(video):not(iframe):not(svg):not(path) {
	background: transparent !important;
	background-color: transparent !important;
	color: inherit;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card [style*='background'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card [style*='background-color'],
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card [bgcolor] {
	background: transparent !important;
	background-color: transparent !important;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .well,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .panel,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .panel-body,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .card,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .container,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .container-fluid,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card .row,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card [class*='bg-'] {
	background: transparent !important;
	background-color: transparent !important;
	border-color: rgba(139, 92, 246, 0.2) !important;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h1,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h2,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h3,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h4,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h5,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card h6 {
	color: #f6f8ff;
	font-weight: 800;
	line-height: 1.35;
	margin: 0 0 10px;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card p,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card li,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card span,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card td,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card th {
	color: #d7deef;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card ul,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card ol {
	padding-left: 20px;
	margin: 0 0 14px;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card a {
	color: #a5b4fc;
	text-decoration: underline;
	text-decoration-color: rgba(165, 180, 252, 0.55);
	text-underline-offset: 2px;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card a:hover {
	color: #c7d2fe;
	text-decoration-color: rgba(199, 210, 254, 0.8);
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card table {
	width: 100%;
	margin: 12px 0;
	border-collapse: collapse;
	border: 1px solid rgba(139, 92, 246, 0.28);
	background: rgba(9, 11, 24, 0.45);
	border-radius: 10px;
	overflow: hidden;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card table th,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card table td {
	padding: 10px 12px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	vertical-align: top;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card table th {
	background: rgba(139, 92, 246, 0.12);
	font-weight: 700;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card pre,
.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card code {
	background: rgba(7, 10, 22, 0.72);
	border: 1px solid rgba(139, 92, 246, 0.22);
	border-radius: 8px;
	color: #e0e7ff;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card pre {
	padding: 10px 12px;
	overflow-x: auto;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card code {
	padding: 2px 6px;
}

.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card > *:last-child {
	margin-bottom: 0;
}

.fp-auth-body .fp-viewticket-page {
	max-width: 100%;
}

.fp-auth-body .fp-viewticket-page .fp-viewticket-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid var(--fp-border);
	background: var(--fp-panel);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	color: var(--fp-text-muted);
}

.fp-auth-body .fp-viewticket-page .titcket-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--fp-text-main);
	border-bottom: 1px solid var(--fp-border);
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.fp-auth-body .fp-viewticket-page .fp-viewticket-head-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: -4px 0 12px;
}

.fp-auth-body .fp-viewticket-page .fp-ticket-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.fp-auth-body .fp-viewticket-page .fp-viewticket-back {
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	color: var(--fp-accent);
}

.fp-auth-body .fp-viewticket-page .fp-viewticket-back:hover,
.fp-auth-body .fp-viewticket-page .fp-viewticket-back:focus {
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-viewticket-page .ticket-message-right .ticket-message,
.fp-auth-body .fp-viewticket-page .ticket-message-left .ticket-message {
	border-radius: 10px;
	padding: 12px 14px;
	color: var(--fp-text-main);
}

.fp-auth-body .fp-viewticket-page .ticket-message-right .ticket-message {
	background: var(--fp-accent-soft);
	border: 1px solid var(--fp-border-strong);
}

.fp-auth-body .fp-viewticket-page .ticket-message-left .ticket-message {
	background: var(--fp-bg-soft);
	border: 1px solid var(--fp-border);
}

.fp-auth-body .fp-viewticket-page .ticket-message a {
	color: var(--fp-accent);
	word-break: break-all;
}

.fp-auth-body .fp-viewticket-page .ticket-message a:hover {
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-viewticket-page .info {
	color: #b6c0de;
	margin-top: 6px;
	font-size: 12px;
}

.fp-auth-body .fp-viewticket-page .text-muted {
	color: #94a3c8;
}

.fp-auth-body .fp-viewticket-page .panel-border-top {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--fp-border);
}

.fp-auth-body .fp-viewticket-page .form-control {
	border-radius: 10px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-viewticket-page textarea.form-control {
	min-height: 130px;
	resize: vertical;
}

@media (max-width: 991px) {
	.fp-auth-body .fp-viewticket-page .fp-viewticket-card {
		padding: 10px;
	}
}

@media (max-width: 991px) {
	.fp-auth-body .fp-updates-page .fp-updates-filters,
	.fp-auth-body .fp-refill-page .fp-refill-filters,
	.fp-auth-body .fp-drip-page .fp-drip-filters {
		flex-wrap: wrap;
		padding: 10px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-filters > li.search,
	.fp-auth-body .fp-refill-page .fp-refill-filters > li.search,
	.fp-auth-body .fp-drip-page .fp-drip-filters > li.search {
		float: none !important;
		margin-left: 0;
		width: 100%;
	}
	.fp-auth-body .fp-updates-page .fp-updates-card,
	.fp-auth-body .fp-refill-page .fp-refill-card,
	.fp-auth-body .fp-drip-page .fp-drip-card,
	.fp-auth-body .fp-tickets-page .fp-tickets-list-card,
	.fp-auth-body .fp-addfunds-page .fp-addfunds-form-card,
	.fp-auth-body .fp-addfunds-page .fp-addfunds-history-card,
	.fp-auth-body .fp-addfunds-page .fp-addfunds-text-card,
	.fp-auth-body .fp-tickets-page .fp-tickets-form-card,
	.fp-auth-body .fp-tickets-page .fp-tickets-text-card {
		padding: 10px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table,
	.fp-auth-body .fp-refill-page .fp-refill-table,
	.fp-auth-body .fp-drip-page .fp-drip-table,
	.fp-auth-body .fp-tickets-page .fp-tickets-table,
	.fp-auth-body .fp-addfunds-page .fp-addfunds-table {
		min-width: 760px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table {
		min-width: 860px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td {
		padding: 9px 8px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(3),
	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(3),
	.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:nth-child(6),
	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(6) {
		min-width: 170px;
		max-width: 200px;
	}
}

/* ============================================================
   MASS ORDER / CHILD PANEL / FAQS + BUTTON FIXES (logged-in)
   ============================================================ */

.fp-auth-body .fp-massorder-page,
.fp-auth-body .fp-childpanel-page,
.fp-auth-body .fp-childpanel-create-page,
.fp-auth-body .fp-faqpage-page {
	max-width: 100%;
}

.fp-auth-body .fp-massorder-page .fp-massorder-card,
.fp-auth-body .fp-childpanel-page .fp-childpanel-card,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-info-card,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card,
.fp-auth-body .fp-faqpage-page .fp-faqpage-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-faqpage-page .fp-faqpage-card {
	line-height: 1.75;
	color: #d7deef;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.fp-auth-body .fp-faqpage-page .fp-faqpage-card * {
	color: #d7deef;
}

.fp-auth-body .fp-faqpage-page .fp-faqpage-card h1,
.fp-auth-body .fp-faqpage-page .fp-faqpage-card h2,
.fp-auth-body .fp-faqpage-page .fp-faqpage-card h3,
.fp-auth-body .fp-faqpage-page .fp-faqpage-card h4 {
	color: #f8faff;
	font-weight: 800;
}

.fp-auth-body .fp-faqpage-page .fp-faqpage-card a {
	color: #c4b5fd;
}

.fp-auth-body .fp-faqpage-page .fp-faqpage-card a:hover {
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-massorder-page .fp-massorder-form .form-control,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card .form-control,
.fp-auth-body .fp-tickets-page .fp-tickets-form-card .form-control {
	height: 44px;
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
	box-shadow: none;
}

.fp-auth-body .fp-massorder-page .fp-massorder-textarea,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card textarea.form-control,
.fp-auth-body .fp-tickets-page .fp-tickets-form-card textarea.form-control {
	height: auto;
	min-height: 160px;
	resize: vertical;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.75) rgba(255, 255, 255, 0.06);
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-table {
	width: 100%;
	min-width: 760px;
	margin-bottom: 0;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b9c2dc;
	border-bottom: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	white-space: nowrap;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-massorder-page .fp-massorder-submit,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-submit,
.fp-auth-body .fp-tickets-page .fp-tickets-submit {
	width: 100%;
	height: 44px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.02em;
	border: 1px solid rgba(139, 92, 246, 0.34);
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.92), rgba(99, 102, 241, 0.86));
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

.fp-auth-body .fp-massorder-page .fp-massorder-submit:hover,
.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-submit:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-submit:hover {
	background: linear-gradient(135deg, rgba(109, 40, 217, 0.95), rgba(79, 70, 229, 0.86));
	border-color: rgba(124, 58, 237, 0.7);
	color: #ffffff;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-btn {
	border-radius: 999px;
	font-weight: 700;
	padding: 6px 12px;
	font-size: 11px;
	letter-spacing: 0.02em;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(139, 92, 246, 0.12);
	color: #e8ecfa;
}

.fp-auth-body .fp-childpanel-page .fp-childpanel-btn:hover,
.fp-auth-body .fp-tickets-page .fp-tickets-search .btn.btn-default:hover {
	background: rgba(139, 92, 246, 0.28);
	border-color: rgba(139, 92, 246, 0.36);
	color: #ffffff;
}

@media (max-width: 991px) {
	.fp-auth-body .fp-massorder-page .fp-massorder-card,
	.fp-auth-body .fp-childpanel-page .fp-childpanel-card,
	.fp-auth-body .fp-childpanel-create-page .fp-childpanel-info-card,
	.fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card,
	.fp-auth-body .fp-faqpage-page .fp-faqpage-card {
		padding: 10px;
	}
	.fp-auth-body .fp-childpanel-page .fp-childpanel-table {
		min-width: 680px;
	}
	.fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th,
	.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td {
		padding: 9px 8px;
	}
}

/* ============================================================
   API PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-api-page {
	max-width: 100%;
}

.fp-auth-body .fp-api-page .fp-api-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-api-page .fp-api-content {
	color: #d7deef;
}

.fp-auth-body .fp-api-page .fp-api-title {
	margin-top: 0;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #f8faff;
}

.fp-auth-body .fp-api-page .fp-api-method {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid rgba(139, 92, 246, 0.16);
}

.fp-auth-body .fp-api-page .fp-api-method-title {
	margin-bottom: 10px;
	color: #f8faff;
}

.fp-auth-body .fp-api-page .fp-api-inline-form {
	margin: 0;
}

.fp-auth-body .fp-api-page .fp-api-select {
	height: 36px;
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(12, 14, 30, 0.92);
	color: #f5f7ff;
	box-shadow: none;
}

.fp-auth-body .fp-api-page .fp-api-table {
	width: 100%;
	margin-bottom: 12px;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(139, 92, 246, 0.2);
	border-radius: 12px;
	overflow: hidden;
}

.fp-auth-body .fp-api-page .fp-api-table > thead > tr > th {
	padding: 11px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b9c2dc;
	border-bottom: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-api-page .fp-api-table > tbody > tr > td {
	padding: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-right: 1px solid rgba(255, 255, 255, 0.04);
	vertical-align: middle;
	word-break: break-word;
}

.fp-auth-body .fp-api-page .fp-api-table > tbody > tr > td:last-child {
	border-right: 0;
}

.fp-auth-body .fp-api-page .fp-api-table a {
	color: #c4b5fd;
}

.fp-auth-body .fp-api-page .fp-api-table a:hover {
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-api-page .fp-api-pre {
	margin: 8px 0 12px;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(8, 10, 22, 0.9);
	color: #dbe5ff;
	font-size: 12px;
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-word;
}

.fp-auth-body .fp-api-page .fp-api-example-btn {
	border-radius: 999px;
	font-weight: 700;
	padding: 9px 14px;
	font-size: 12px;
	letter-spacing: 0.02em;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(139, 92, 246, 0.12);
	color: #e8ecfa;
}

.fp-auth-body .fp-api-page .fp-api-example-btn:hover,
.fp-auth-body .fp-api-page .fp-api-example-btn:focus {
	background: rgba(139, 92, 246, 0.28);
	border-color: rgba(139, 92, 246, 0.36);
	color: #ffffff;
	text-decoration: none;
}

@media (max-width: 991px) {
	.fp-auth-body .fp-api-page .fp-api-card {
		padding: 10px;
	}
	.fp-auth-body .fp-api-page .fp-api-title {
		font-size: 24px;
	}
	.fp-auth-body .fp-api-page .fp-api-table > thead > tr > th,
	.fp-auth-body .fp-api-page .fp-api-table > tbody > tr > td {
		padding: 9px 8px;
	}
}

/* ============================================================
   AFFILIATES PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-affiliates-page {
	max-width: 100%;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-card,
.fp-auth-body .fp-affiliates-page .fp-affiliates-text-card {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-text-card {
	line-height: 1.7;
	color: #d7deef;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-table-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.75) rgba(255, 255, 255, 0.06);
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-table {
	width: 100%;
	min-width: 760px;
	margin-bottom: 0;
	color: #d8deee;
	border-collapse: separate;
	border-spacing: 0;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th {
	padding: 12px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fp-accent);
	border-bottom: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	white-space: nowrap;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-table > tbody > tr > td {
	padding: 11px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	vertical-align: middle;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-table > tbody > tr:hover > td {
	background: rgba(139, 92, 246, 0.08);
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-payout-btn {
	border-radius: 999px;
	font-weight: 700;
	padding: 6px 12px;
	font-size: 11px;
	letter-spacing: 0.02em;
	border: 1px solid rgba(139, 92, 246, 0.24);
	background: rgba(139, 92, 246, 0.12);
	color: #e8ecfa;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-payout-btn:hover,
.fp-auth-body .fp-affiliates-page .fp-affiliates-payout-btn:focus {
	background: rgba(139, 92, 246, 0.28);
	border-color: rgba(139, 92, 246, 0.36);
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	width: 100%;
	float: none !important;
	position: static !important;
	clear: both;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination > li {
	float: none;
	display: inline-flex;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination > li > a,
.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination > li.active > a,
.fp-auth-body .fp-affiliates-page .fp-affiliates-pagination > li > a:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

@media (max-width: 991px) {
	.fp-auth-body .fp-affiliates-page .fp-affiliates-card,
	.fp-auth-body .fp-affiliates-page .fp-affiliates-text-card {
		padding: 10px;
	}
	.fp-auth-body .fp-affiliates-page .fp-affiliates-table {
		min-width: 700px;
	}
	.fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th,
	.fp-auth-body .fp-affiliates-page .fp-affiliates-table > tbody > tr > td {
		padding: 9px 8px;
	}
}

/* ============================================================
   TERMS + DASHBOARD EMPTY FALLBACK (logged-in)
   ============================================================ */

.fp-auth-body .fp-terms-page,
.fp-auth-body .fp-dashboard-empty {
	max-width: 100%;
}

.fp-auth-body .fp-terms-page .row {
	margin-left: 0;
	margin-right: 0;
}

.fp-auth-body .fp-terms-page .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

.fp-auth-body .fp-terms-card,
.fp-auth-body .fp-dashboard-empty-card {
	padding: 20px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
}

.fp-auth-body .fp-terms-card {
	line-height: 1.75;
	color: #d7deef;
	max-width: 1120px;
	margin: 0 auto;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.fp-auth-body .fp-terms-card * {
	color: #d7deef !important;
}

.fp-auth-body .fp-terms-card p,
.fp-auth-body .fp-terms-card li {
	font-size: 16px;
	line-height: 1.75;
}

.fp-auth-body .fp-terms-card ul,
.fp-auth-body .fp-terms-card ol {
	padding-left: 28px;
	margin: 8px 0 16px;
}

.fp-auth-body .fp-terms-card h1,
.fp-auth-body .fp-terms-card h2,
.fp-auth-body .fp-terms-card h3,
.fp-auth-body .fp-terms-card h4 {
	color: #f8faff !important;
	font-weight: 800;
	margin-top: 0;
}

.fp-auth-body .fp-terms-card a {
	color: #c4b5fd;
}

.fp-auth-body .fp-terms-card a:hover {
	color: #ffffff;
	text-decoration: none;
}

.fp-auth-body .fp-dashboard-empty-card h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #f8faff;
}

.fp-auth-body .fp-dashboard-empty-card p {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.7;
	color: #b9c3df;
}

.fp-auth-body .fp-empty-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.fp-auth-body .fp-empty-actions .btn {
	border-radius: 10px;
	font-weight: 700;
	padding: 10px 14px;
}

.fp-auth-body .fp-empty-actions .btn-default {
	background: rgba(139, 92, 246, 0.14);
	border-color: rgba(139, 92, 246, 0.28);
	color: #f5f7ff;
}

.fp-auth-body .fp-empty-actions .btn-default:hover {
	background: rgba(139, 92, 246, 0.24);
	color: #ffffff;
}

@media (max-width: 991px) {
	.fp-auth-body .fp-terms-card,
	.fp-auth-body .fp-dashboard-empty-card {
		padding: 14px;
	}
	.fp-auth-body .fp-terms-page .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ============================================================
   BLOG PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-blog-page,
.fp-auth-body .fp-blogpost-page {
	max-width: 100%;
}

.fp-public-body .fp-blog-page,
.fp-public-body .fp-blogpost-page {
	max-width: 100%;
}

.fp-auth-body .fp-blog-page .well,
.fp-auth-body .fp-blogpost-page .singleBlog {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	color: #d7deef;
}

.fp-public-body .fp-blog-page .well,
.fp-public-body .fp-blogpost-page .singleBlog {
	padding: 14px;
	border-radius: 16px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	color: #d7deef;
}

.fp-auth-body .fp-blog-page h1,
.fp-auth-body .fp-blog-page h4,
.fp-auth-body .fp-blogpost-page .singleBlog h1 {
	color: #f5f7ff;
}

.fp-public-body .fp-blog-page h1,
.fp-public-body .fp-blog-page h4,
.fp-public-body .fp-blogpost-page .singleBlog h1 {
	color: #f5f7ff;
}

.fp-auth-body .fp-blog-page .avatarData .date {
	color: #b6c0de;
	opacity: 0.9;
}

.fp-public-body .fp-blog-page .avatarData .date {
	color: #b6c0de;
	opacity: 0.9;
}

.fp-auth-body .fp-blog-page .btn.btn-primary,
.fp-auth-body .fp-blogpost-page .btn.btn-primary,
.fp-public-body .fp-blog-page .btn.btn-primary,
.fp-public-body .fp-blogpost-page .btn.btn-primary {
	border-radius: 999px;
	border: 1px solid rgba(139, 92, 246, 0.36);
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(99, 102, 241, 0.9));
	color: #ffffff !important;
	font-weight: 700;
	padding: 9px 14px;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

.fp-auth-body .fp-blog-page .btn.btn-primary:hover,
.fp-auth-body .fp-blogpost-page .btn.btn-primary:hover,
.fp-auth-body .fp-blog-page .btn.btn-primary:focus,
.fp-auth-body .fp-blogpost-page .btn.btn-primary:focus,
.fp-public-body .fp-blog-page .btn.btn-primary:hover,
.fp-public-body .fp-blogpost-page .btn.btn-primary:hover,
.fp-public-body .fp-blog-page .btn.btn-primary:focus,
.fp-public-body .fp-blogpost-page .btn.btn-primary:focus {
	background: linear-gradient(135deg, rgba(109, 40, 217, 0.98), rgba(79, 70, 229, 0.92));
	border-color: rgba(124, 58, 237, 0.72);
	color: #ffffff !important;
	box-shadow: 0 12px 24px rgba(109, 40, 217, 0.3);
}

.fp-auth-body .fp-blog-page .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.fp-public-body .fp-blog-page .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.fp-auth-body .fp-blog-page .pagination > li {
	float: none;
	display: inline-flex;
}

.fp-public-body .fp-blog-page .pagination > li {
	float: none;
	display: inline-flex;
}

.fp-auth-body .fp-blog-page .pagination > li > a,
.fp-auth-body .fp-blog-page .pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-public-body .fp-blog-page .pagination > li > a,
.fp-public-body .fp-blog-page .pagination > li > span {
	border-radius: 10px;
	border: 1px solid rgba(139, 92, 246, 0.22);
	background: rgba(139, 92, 246, 0.08);
	color: #d4ddf3;
	font-weight: 700;
	min-width: 38px;
	text-align: center;
}

.fp-auth-body .fp-blog-page .pagination > li.active > a,
.fp-auth-body .fp-blog-page .pagination > li.active > span,
.fp-auth-body .fp-blog-page .pagination > li > a:hover,
.fp-auth-body .fp-blog-page .pagination > li > span:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

.fp-public-body .fp-blog-page .pagination > li.active > a,
.fp-public-body .fp-blog-page .pagination > li.active > span,
.fp-public-body .fp-blog-page .pagination > li > a:hover,
.fp-public-body .fp-blog-page .pagination > li > span:hover {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(79, 70, 229, 0.9));
	border-color: rgba(124, 58, 237, 0.76);
	color: #ffffff;
	box-shadow: 0 10px 22px rgba(109, 40, 217, 0.24);
}

@media (max-width: 991px) {
	.fp-auth-body .fp-blog-page .well,
	.fp-auth-body .fp-blogpost-page .singleBlog {
		padding: 10px;
	}
	.fp-public-body .fp-blog-page .well,
	.fp-public-body .fp-blogpost-page .singleBlog {
		padding: 10px;
	}
}

/* ============================================================
   DASHBOARD PAGE THEME (logged-in)
   ============================================================ */

.fp-auth-body .fp-dashboard-page {
	padding-left: 2px;
	padding-right: 2px;
}

.fp-auth-body .fp-dashboard-page .meters-row {
	margin-left: -6px;
	margin-right: -6px;
}

.fp-auth-body .fp-dashboard-page .meters-row > [class*='col-'] {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
}

.fp-auth-body .fp-dashboard-page .fp-dashboard-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid rgba(139, 92, 246, 0.2);
	background: rgba(14, 16, 33, 0.86);
	box-shadow: 0 16px 30px rgba(0, 0, 0, 0.26);
}

.fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy h2 {
	margin: 0;
	font-size: 26px;
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #f8faff;
}

.fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy p {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--fp-text-muted);
}

.fp-auth-body .fp-dashboard-page .single-meter {
	min-height: 100%;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid var(--fp-border);
	background: var(--fp-panel);
	box-shadow: 0 14px 26px rgba(0, 0, 0, 0.24);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	overflow: hidden;
}

.fp-auth-body .fp-dashboard-page .single-meter:hover {
	transform: translateY(-4px);
	border-color: var(--fp-border-strong);
	box-shadow: 0 22px 40px rgba(0, 0, 0, 0.45), 0 0 20px var(--fp-accent-soft);
}

.fp-auth-body .fp-dashboard-page .single-meter.fp-meter-link {
	cursor: pointer;
}

.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.fp-auth-body .fp-dashboard-page .fp-dash-quick-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 12px;
	border-radius: 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

.fp-auth-body .fp-dashboard-page .fp-dash-quick-btn:hover,
.fp-auth-body .fp-dashboard-page .fp-dash-quick-btn:focus {
	text-decoration: none;
	color: #ffffff;
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	border-color: var(--fp-border-strong);
	box-shadow: 0 10px 22px var(--fp-accent-soft);
}

.fp-auth-body .fp-dashboard-page .single-meter .main {
	display: flex;
	align-items: center;
	gap: 10px;
}

.fp-auth-body .fp-dashboard-page .single-meter .icon {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 17px;
	flex-shrink: 0;
	border: 1px solid var(--fp-border);
}
/* ==========================================================
   FOLLOWERSPROVIDER DASHBOARD ICON COLORS
   ========================================================== */

/* Username */
.fp-auth-body .fp-dashboard-page .fp-meter-username .icon{
    background:rgba(59,130,246,.12);
    color:#3B82F6;
    border-color:rgba(59,130,246,.35);
    box-shadow:0 0 18px rgba(59,130,246,.18);
}

/* Balance */
.fp-auth-body .fp-dashboard-page .fp-meter-balance .icon{
    background:rgba(34,197,94,.12);
    color:#22C55E;
    border-color:rgba(34,197,94,.35);
    box-shadow:0 0 18px rgba(34,197,94,.18);
}

/* Total Spent */
.fp-auth-body .fp-dashboard-page .fp-meter-spent .icon{
    background:rgba(245,158,11,.12);
    color:#F59E0B;
    border-color:rgba(245,158,11,.35);
    box-shadow:0 0 18px rgba(245,158,11,.18);
}

/* Account Level */
.fp-auth-body .fp-dashboard-page .fp-meter-level .icon{
    background:rgba(168,85,247,.12);
    color:#A855F7;
    border-color:rgba(168,85,247,.35);
    box-shadow:0 0 18px rgba(168,85,247,.18);
}

/* Orders */
.fp-auth-body .fp-dashboard-page .fp-meter-orders .icon{
    background:rgba(14,165,233,.12);
    color:#0EA5E9;
    border-color:rgba(14,165,233,.35);
    box-shadow:0 0 18px rgba(14,165,233,.18);
}

/* Completed */
.fp-auth-body .fp-dashboard-page .fp-meter-completed .icon{
    background:rgba(16,185,129,.12);
    color:#10B981;
    border-color:rgba(16,185,129,.35);
    box-shadow:0 0 18px rgba(16,185,129,.18);
}

/* Services */
.fp-auth-body .fp-dashboard-page .fp-meter-services .icon{
    background:rgba(6,182,212,.12);
    color:#06B6D4;
    border-color:rgba(6,182,212,.35);
    box-shadow:0 0 18px rgba(6,182,212,.18);
}

/* Users */
.fp-auth-body .fp-dashboard-page .fp-meter-users .icon{
    background:rgba(236,72,153,.12);
    color:#EC4899;
    border-color:rgba(236,72,153,.35);
    box-shadow:0 0 18px rgba(236,72,153,.18);
}
.fp-auth-body .fp-dashboard-page .single-meter .icon{
    transition:.25s ease;
}

.fp-auth-body .fp-dashboard-page .single-meter:hover .icon{
    transform:scale(1.08);
}

.fp-auth-body .fp-dashboard-page .single-meter .icon.dbl {
	gap: 2px;
	font-size: 12px;
	padding-top: 1px;
}

.fp-auth-body .fp-dashboard-page .single-meter .text h3 {
	margin: 0;
	font-size: clamp(18px, 1.7vw, 38px);
	line-height: 1.12;
	font-weight: 800;
	color: #f8faff;
	letter-spacing: -0.02em;
	word-break: break-word;
}

.fp-auth-body .fp-dashboard-page .single-meter .text p {
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--fp-text-muted);
	text-transform: none;
	letter-spacing: 0.01em;
	font-weight: 700;
}

@media (max-width: 767px) {
	.fp-auth-body .fp-dashboard-page {
		padding-left: 0;
		padding-right: 0;
	}
	.fp-auth-body .fp-dashboard-page .meters-row {
		margin-left: -4px;
		margin-right: -4px;
	}
	.fp-auth-body .fp-dashboard-page .meters-row > [class*='col-'] {
		padding-left: 4px;
		padding-right: 4px;
		margin-bottom: 8px;
	}
	.fp-auth-body .fp-dashboard-page .single-meter {
		padding: 10px;
		border-radius: 12px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-head {
		padding: 10px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy h2 {
		font-size: 22px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy p {
		font-size: 12px;
	}
	.fp-auth-body .fp-dashboard-page .single-meter .main {
		gap: 8px;
	}
	.fp-auth-body .fp-dashboard-page .single-meter .icon {
		width: 34px;
		height: 34px;
		font-size: 14px;
		border-radius: 9px;
	}
	.fp-auth-body .fp-dashboard-page .single-meter .text h3 {
		font-size: 15px;
		line-height: 1.1;
		letter-spacing: -0.01em;
	}
	.fp-auth-body .fp-dashboard-page .single-meter .text p {
		font-size: 10px;
		letter-spacing: 0.01em;
		margin-top: 3px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions {
		display: flex;
		gap: 6px;
		width: 100%;
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 6px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: rgba(124, 58, 237, 0.75) rgba(255, 255, 255, 0.06);
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions::-webkit-scrollbar {
		height: 6px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.05);
		border-radius: 999px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions::-webkit-scrollbar-thumb {
		background: rgba(124, 58, 237, 0.82);
		border-radius: 999px;
	}
	.fp-auth-body .fp-dashboard-page .fp-dash-quick-btn {
		flex: 0 0 auto;
		min-width: 108px;
		padding: 7px 10px;
		font-size: 11px;
		white-space: nowrap;
	}
}

@media (max-width: 420px) {
	.fp-auth-body .fp-dashboard-page .fp-dashboard-quick-actions {
		display: flex;
	}
}
/* ============================================================
   FOLLOWERSPROVIDER FLOATING ACTION BUTTONS
   Discord + Beamer
   ============================================================ */

/* Hide the old Discord sidebar link when using floating button */
.fp-sidebar-link.fp-discord-hidden {
  display: none !important;
}

/* ============================================================
   SHARED FLOATING BUTTON STYLE
   ============================================================ */

.fp-floating-discord,
#beamerSelector {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  border: 1px solid var(--fp-border-strong, #1E6FFF) !important;
  border-radius: 17px !important;
  background:
    radial-gradient(
      circle at 25% 20%,
      var(--fp-accent-soft, rgba(30, 111, 255, 0.14)),
      transparent 55%
    ),
    linear-gradient(
      145deg,
      var(--fp-panel, #031229),
      var(--fp-bg-soft, #00050d)
    ) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 22px var(--fp-accent-soft, rgba(30, 111, 255, 0.14)) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* ============================================================
   DISCORD BUTTON
   ============================================================ */

.fp-floating-discord {
  position: fixed;
  right: 24px;
  bottom: 104px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #ffffff !important;
  font-size: 23px;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  z-index: 2147483002;
}

.fp-floating-discord::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 13px;
  background:
    linear-gradient(
      135deg,
      #5865f2,
      #4752c4
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  z-index: -1;
}

.fp-floating-discord i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #ffffff !important;
  font-size: inherit;
  line-height: 1;
}

.fp-floating-discord:hover,
.fp-floating-discord:focus {
  transform: translateY(-4px) scale(1.04);
  border-color: #7c86ff !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.38),
    0 0 28px rgba(88, 101, 242, 0.38) !important;
}

.fp-floating-discord:active {
  transform: translateY(-1px) scale(0.97);
}

/* ============================================================
   BEAMER BUTTON FIX
   ============================================================ */

#beamerSelector {
  position: fixed !important;
  right: 24px !important;
  bottom: 34px !important;
  left: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border: 1px solid var(--fp-border-strong, #1E6FFF) !important;
  border-radius: 17px !important;

  background:
    linear-gradient(
      135deg,
      var(--fp-accent, #1E6FFF),
      var(--fp-accent-strong, #3B8DFF)
    ) !important;

  background-image:
    linear-gradient(
      135deg,
      var(--fp-accent, #1E6FFF),
      var(--fp-accent-strong, #3B8DFF)
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 22px var(--fp-accent-soft, rgba(30, 111, 255, 0.18)) !important;

  cursor: pointer !important;
  z-index: 2147483001 !important;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

/* Hide Beamer's broken or conflicting internal icon */
#beamerSelector > *,
#beamerSelector span,
#beamerSelector div,
#beamerSelector img,
#beamerSelector svg,
#beamerSelector i {
  visibility: hidden !important;
}

/* Add a clean, reliable bell icon */
#beamerSelector::after {
  content: "\f0f3";

  position: absolute;
  top: 50%;
  left: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  margin: 0;
  padding: 0;

  transform: translate(-50%, -50%);

  color: #ffffff !important;

  font-family: "FontAwesome" !important;
  font-size: 21px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;

  text-align: center;
  visibility: visible !important;
  pointer-events: none;
  z-index: 5;
}

#beamerSelector:hover {
  transform: translateY(-4px) scale(1.04) !important;

  border-color:
    var(--fp-accent-strong, #3B8DFF) !important;

  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.38),
    0 0 28px var(--fp-accent-soft, rgba(30, 111, 255, 0.28)) !important;
}

#beamerSelector:active {
  transform: translateY(-1px) scale(0.97) !important;
}

/* ============================================================
   ACTIVE THEME SUPPORT
   ============================================================ */

html[data-fp-theme] #beamerSelector {
  border-color: var(--fp-border-strong) !important;

  background:
    linear-gradient(
      135deg,
      var(--fp-accent),
      var(--fp-accent-strong)
    ) !important;

  background-image:
    linear-gradient(
      135deg,
      var(--fp-accent),
      var(--fp-accent-strong)
    ) !important;

  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 22px var(--fp-accent-soft) !important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 991px) {
  #beamerSelector {
    right: 14px !important;
    bottom: 22px !important;

    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    border-radius: 15px !important;
  }

  #beamerSelector::after {
    width: 21px;
    height: 21px;
    font-size: 19px !important;
  }
}

@media (max-width: 420px) {
  #beamerSelector {
    right: 12px !important;
    bottom: 18px !important;
  }
}
/* ============================================================
   ACTIVE THEME SUPPORT
   ============================================================ */

html[data-fp-theme] .fp-floating-discord,
html[data-fp-theme] #beamerSelector {
  border-color: var(--fp-border-strong) !important;
  background:
    radial-gradient(
      circle at 25% 20%,
      var(--fp-accent-soft),
      transparent 55%
    ),
    linear-gradient(
      145deg,
      var(--fp-panel),
      var(--fp-bg-soft)
    ) !important;
}

html[data-fp-theme] #beamerSelector::before {
  background:
    linear-gradient(
      135deg,
      var(--fp-accent),
      var(--fp-accent-strong)
    ) !important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 991px) {
  .fp-floating-discord,
  #beamerSelector {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 15px !important;
  }

  .fp-floating-discord {
    right: 14px;
    bottom: 82px;
    font-size: 20px;
  }

  #beamerSelector {
    right: 14px !important;
    bottom: 22px !important;
  }

  .fp-floating-discord::before,
  #beamerSelector::before {
    inset: 4px;
    border-radius: 11px;
  }

  #beamerSelector i,
  #beamerSelector svg {
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
  }
}

/* ============================================================
   SMALL PHONES
   ============================================================ */

@media (max-width: 420px) {
  .fp-floating-discord,
  #beamerSelector {
    right: 12px !important;
  }

  .fp-floating-discord {
    bottom: 78px;
  }

  #beamerSelector {
    bottom: 18px !important;
  }
}

/* ============================================================
   THEME PICKER + MULTI-THEME TOKENS
   ============================================================ */

html[data-fp-theme="blue"] {
	--fp-bg-main: #081428;
	--fp-bg-soft: #0d1e36;
	--fp-panel: rgba(14, 30, 55, 0.84);
	--fp-border: rgba(96, 165, 250, 0.26);
	--fp-border-strong: rgba(96, 165, 250, 0.5);
	--fp-text-main: #f4f9ff;
	--fp-text-muted: #adc2dc;
	--fp-accent: #60a5fa;
	--fp-accent-strong: #3b82f6;
	--fp-accent-soft: rgba(96, 165, 250, 0.15);
	--fp-amber: #93c5fd;
	--fp-shadow: 0 24px 80px rgba(0, 0, 0, 0.46);
	--fp-theme-glow-1: rgba(96, 165, 250, 0.2);
	--fp-theme-glow-2: rgba(59, 130, 246, 0.14);
	--fp-row-odd: #071122;
	--fp-row-even: #0c2040;
	--fp-neworder-stat-border: rgba(96, 165, 250, 0.34);
	--fp-neworder-stat-bg:
		radial-gradient(circle at 12% 10%, rgba(96, 165, 250, 0.18), transparent 44%),
		linear-gradient(165deg, rgba(11, 28, 52, 0.96), rgba(5, 14, 30, 0.97));
	--fp-neworder-stat-icon-bg: rgba(96, 165, 250, 0.18);
	--fp-neworder-stat-icon-border: rgba(96, 165, 250, 0.46);
	--fp-neworder-stat-icon-color: #d9ecff;
	--fp-neworder-stat-title: #f5fbff;
	--fp-neworder-stat-caption: #adc2dc;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.38);
	--fp-neworder-tab-bg: rgba(96, 165, 250, 0.1);
	--fp-neworder-tab-border: rgba(96, 165, 250, 0.24);
	--fp-neworder-tab-text: #d9ecff;
	--fp-neworder-tab-hover-bg:
		linear-gradient(135deg, rgba(96, 165, 250, 0.22), rgba(59, 130, 246, 0.18));
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: rgba(96, 165, 250, 0.58);
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(37, 99, 235, 0.26);
}

html[data-fp-theme="midnight"] {
	--fp-bg-main: #080b16;
	--fp-bg-soft: #111831;
	--fp-panel: rgba(16, 24, 48, 0.88);
	--fp-border: rgba(129, 140, 248, 0.28);
	--fp-border-strong: rgba(129, 140, 248, 0.52);
	--fp-text-main: #f5f7ff;
	--fp-text-muted: #a8b2db;
	--fp-accent: #818cf8;
	--fp-accent-strong: #6366f1;
	--fp-accent-soft: rgba(129, 140, 248, 0.16);
	--fp-amber: #a5b4fc;
	--fp-shadow: 0 24px 80px rgba(2, 6, 23, 0.55);
	--fp-theme-glow-1: rgba(129, 140, 248, 0.22);
	--fp-theme-glow-2: rgba(99, 102, 241, 0.14);
	--fp-row-odd: #07091a;
	--fp-row-even: #0e1430;
	--fp-neworder-stat-border: rgba(129, 140, 248, 0.34);
	--fp-neworder-stat-bg:
		radial-gradient(circle at 12% 10%, rgba(129, 140, 248, 0.18), transparent 44%),
		linear-gradient(165deg, rgba(14, 18, 40, 0.96), rgba(6, 10, 24, 0.97));
	--fp-neworder-stat-icon-bg: rgba(129, 140, 248, 0.18);
	--fp-neworder-stat-icon-border: rgba(129, 140, 248, 0.46);
	--fp-neworder-stat-icon-color: #e3e7ff;
	--fp-neworder-stat-title: #f7f8ff;
	--fp-neworder-stat-caption: #a8b2db;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(2, 6, 23, 0.42);
	--fp-neworder-tab-bg: rgba(129, 140, 248, 0.1);
	--fp-neworder-tab-border: rgba(129, 140, 248, 0.26);
	--fp-neworder-tab-text: #e3e7ff;
	--fp-neworder-tab-hover-bg:
		linear-gradient(135deg, rgba(129, 140, 248, 0.22), rgba(99, 102, 241, 0.18));
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: rgba(129, 140, 248, 0.58);
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(67, 56, 202, 0.26);
}

html[data-fp-theme="pearl"] {
	/* Pearl Light: white SaaS-style theme */
	--fp-bg-main: #f7f9fc;
	--fp-bg-soft: #ffffff;
	--fp-panel: #ffffff;
	--fp-border: #dce5f1;
	--fp-border-strong: #9fc5ff;
	--fp-text-main: #10213f;
	--fp-text-muted: #71809b;
	--fp-accent: #4f8df7;
	--fp-accent-strong: #326fe0;
	--fp-accent-soft: rgba(79, 141, 247, 0.11);
	--fp-amber: #f59e0b;
	--fp-shadow: 0 14px 34px rgba(31, 55, 91, 0.09);
	--fp-theme-glow-1: rgba(79, 141, 247, 0.08);
	--fp-theme-glow-2: rgba(16, 185, 129, 0.06);
	--fp-row-odd: #ffffff;
	--fp-row-even: #f8fbff;
	--fp-neworder-stat-border: #dce5f1;
	--fp-neworder-stat-bg:
		radial-gradient(circle at 12% 10%, rgba(79, 141, 247, 0.08), transparent 44%),
		linear-gradient(165deg, #ffffff, #f8fbff);
	--fp-neworder-stat-icon-bg: rgba(79, 141, 247, 0.10);
	--fp-neworder-stat-icon-border: rgba(79, 141, 247, 0.25);
	--fp-neworder-stat-icon-color: #326fe0;
	--fp-neworder-stat-title: #10213f;
	--fp-neworder-stat-caption: #71809b;
	--fp-neworder-stat-shadow: 0 12px 28px rgba(31, 55, 91, 0.08);
	--fp-neworder-tab-bg: #ffffff;
	--fp-neworder-tab-border: #dce5f1;
	--fp-neworder-tab-text: #52627e;
	--fp-neworder-tab-hover-bg: linear-gradient(135deg, #4f8df7, #326fe0);
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: #326fe0;
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(50, 111, 224, 0.20);
}
html[data-fp-theme="pearl"] .fp-sidebar-utility-btn,
html[data-fp-theme="pearl"] .fp-sidebar-bal-btn,
html[data-fp-theme="pearl"] .fp-sidebar-language-toggle {
    background: #f3f7fd !important;
    border-color: var(--fp-border) !important;
    color: var(--fp-text-main) !important;
}
/* =========================================================
   RED THEME
   Black-dominant premium palette with restrained red accents.
   Canonical Red theme key: data-fp-theme="red".
========================================================= */
html[data-fp-theme="red"] {
	--fp-bg-main: #070708;
	--fp-bg-soft: #0d0d0f;
	--fp-panel: #111113;

	--fp-border: rgba(255, 255, 255, 0.09);
	--fp-border-strong: rgba(217, 31, 38, 0.32);

	--fp-text-main: #f7f7f8;
	--fp-text-muted: #96969f;

	--fp-accent: #d91f26;
	--fp-accent-strong: #a9141b;
	--fp-accent-soft: rgba(217, 31, 38, 0.11);
	--fp-accent-contrast: #ffffff;

	--fp-amber: #f59e0b;

	--fp-shadow:
		0 18px 42px rgba(0, 0, 0, 0.38),
		0 0 18px rgba(217, 31, 38, 0.025);

	--fp-theme-glow-1: rgba(217, 31, 38, 0.055);
	--fp-theme-glow-2: rgba(255, 255, 255, 0.018);

	--fp-row-odd: #111113;
	--fp-row-even: #0d0d0f;
	--fp-card: #111113;
	--fp-surface: #0d0d0f;

	--fp-neworder-stat-border: rgba(255, 255, 255, 0.09);
	--fp-neworder-stat-bg:
		radial-gradient(
			circle at 12% 10%,
			rgba(217, 31, 38, 0.065),
			transparent 42%
		),
		linear-gradient(
			165deg,
			#131315,
			#0c0c0e
		);

	--fp-neworder-stat-icon-bg: rgba(217, 31, 38, 0.10);
	--fp-neworder-stat-icon-border: rgba(217, 31, 38, 0.25);
	--fp-neworder-stat-icon-color: #ef3b42;

	--fp-neworder-stat-title: #f7f7f8;
	--fp-neworder-stat-caption: #96969f;

	--fp-neworder-stat-shadow:
		0 12px 28px rgba(0, 0, 0, 0.30);

	--fp-neworder-tab-bg: #101012;
	--fp-neworder-tab-border: rgba(255, 255, 255, 0.09);
	--fp-neworder-tab-text: #b7b7bd;

	--fp-neworder-tab-hover-bg:
		linear-gradient(
			135deg,
			#d91f26,
			#a9141b
		);

	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: #d91f26;
	--fp-neworder-tab-hover-shadow:
		0 9px 22px rgba(217, 31, 38, 0.20);
}

/* =========================================================
   RED THEME COMPONENT FINISHING
   Black surfaces stay dominant; red marks active states.
========================================================= */
html[data-fp-theme="red"] body {
	background:
		radial-gradient(
			circle at 92% 8%,
			rgba(217, 31, 38, 0.045),
			transparent 28%
		),
		#070708;
}

html[data-fp-theme="red"] .fp-sidebar,
html[data-fp-theme="red"] .fp-mobile-topbar {
	background:
		linear-gradient(
			180deg,
			rgba(11, 11, 13, 0.99),
			rgba(7, 7, 8, 0.99)
		);
	border-color: rgba(255, 255, 255, 0.08);
}

html[data-fp-theme="red"] .fp-sidebar-link,
html[data-fp-theme="red"] .fp-sidebar-more-toggle {
	border-color: transparent;
	background: transparent;
	color: var(--fp-text-muted);
	box-shadow: none;
}

html[data-fp-theme="red"] .fp-sidebar-link:hover,
html[data-fp-theme="red"] .fp-sidebar-more-toggle:hover {
	border-color: rgba(217, 31, 38, 0.16);
	background: rgba(217, 31, 38, 0.055);
	color: #ffffff;
	box-shadow: none;
}

html[data-fp-theme="red"] .fp-sidebar-link.active,
html[data-fp-theme="red"] .fp-sidebar-more-toggle.is-active {
	border-color: rgba(217, 31, 38, 0.24);
	background:
		linear-gradient(
			90deg,
			rgba(217, 31, 38, 0.13),
			rgba(217, 31, 38, 0.02)
		);
	color: #ffffff;
	box-shadow:
		inset 3px 0 0 #d91f26,
		0 8px 20px rgba(0, 0, 0, 0.18);
}

html[data-fp-theme="red"] .fp-sidebar-utility-btn,
html[data-fp-theme="red"] .fp-sidebar-bal-btn,
html[data-fp-theme="red"] .fp-sidebar-language-toggle {
	background: #101012 !important;
	border-color: rgba(255, 255, 255, 0.10) !important;
	color: #f7f7f8 !important;
	box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-sidebar-main-balance {
	background:
		linear-gradient(
			145deg,
			rgba(217, 31, 38, 0.055),
			rgba(15, 15, 17, 0.98)
		);
	border-color: rgba(255, 255, 255, 0.09);
	box-shadow: none;
}

html[data-fp-theme="red"] .fp-theme-switcher-toggle {
	border-color: rgba(217, 31, 38, 0.25);
	background: rgba(15, 15, 17, 0.97);
	color: #f7f7f8;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.30);
}

html[data-fp-theme="red"] .fp-theme-switcher-toggle i {
	color: #ef3b42;
}

html[data-fp-theme="red"] .fp-neworder-stat-card,
html[data-fp-theme="red"] .fp-neworder-card,
html[data-fp-theme="red"] .well,
html[data-fp-theme="red"] .fp-panel,
html[data-fp-theme="red"] .fp-mini-card {
	border-color: rgba(255, 255, 255, 0.09);
	background-color: #111113;
}

html[data-fp-theme="red"] .form-control,
html[data-fp-theme="red"] select,
html[data-fp-theme="red"] textarea {
	border-color: rgba(255, 255, 255, 0.10);
	background: #0c0c0e;
	color: #f7f7f8;
}

html[data-fp-theme="red"] .form-control:hover,
html[data-fp-theme="red"] select:hover,
html[data-fp-theme="red"] textarea:hover {
	border-color: rgba(255, 255, 255, 0.16);
}

html[data-fp-theme="red"] .form-control:focus,
html[data-fp-theme="red"] select:focus,
html[data-fp-theme="red"] textarea:focus {
	border-color: #d91f26;
	box-shadow: 0 0 0 3px rgba(217, 31, 38, 0.10);
}

html[data-fp-theme="red"] .btn-primary {
	border-color: #d91f26;
	background:
		linear-gradient(
			135deg,
			#d91f26,
			#a9141b
		);
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(217, 31, 38, 0.18);
}

html[data-fp-theme="red"] .btn-primary:hover,
html[data-fp-theme="red"] .btn-primary:focus {
	border-color: #ef3b42;
	background:
		linear-gradient(
			135deg,
			#e52b32,
			#b5161e
		);
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(217, 31, 38, 0.22);
}

html[data-fp-theme="red"] .btn-default,
html[data-fp-theme="red"] .fp-order-chip,
html[data-fp-theme="red"] .fp-neworder-tabs > li > a {
	border-color: rgba(255, 255, 255, 0.10);
	background: #101012;
	color: #b7b7bd;
	box-shadow: none;
}

html[data-fp-theme="red"] .btn-default:hover,
html[data-fp-theme="red"] .btn-default:focus,
html[data-fp-theme="red"] .fp-order-chip:hover {
	border-color: rgba(217, 31, 38, 0.24);
	background: rgba(217, 31, 38, 0.065);
	color: #ffffff;
	box-shadow: none;
}

html[data-fp-theme="red"] .fp-order-chip.active,
html[data-fp-theme="red"] .fp-neworder-tabs > li.active > a {
	border-color: #d91f26;
	background:
		linear-gradient(
			135deg,
			#d91f26,
			#a9141b
		);
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(217, 31, 38, 0.18);
}

html[data-fp-theme="red"] .fp-status-pill,
html[data-fp-theme="red"] .fp-service-meta-chip,
html[data-fp-theme="red"] .fp-order-service-id,
html[data-fp-theme="red"] .fp-order-transaction-service-id-box {
	border-color: rgba(255, 255, 255, 0.11);
}

html[data-fp-theme="red"] .fp-order-service-id,
html[data-fp-theme="red"] .fp-order-transaction-service-id-box,
html[data-fp-theme="red"] .fp-service-meta-chip {
	background: rgba(217, 31, 38, 0.075);
	color: #ef4a50;
}

html[data-fp-theme="red"] table,
html[data-fp-theme="red"] .table {
	background: transparent;
}

html[data-fp-theme="red"] .table > thead > tr > th {
	border-color: rgba(255, 255, 255, 0.10);
	background: #101012;
	color: #c4c4ca;
}

html[data-fp-theme="red"] .table > tbody > tr > td {
	border-color: rgba(255, 255, 255, 0.075);
}

html[data-fp-theme="red"] ::selection {
	background: rgba(217, 31, 38, 0.30);
	color: #ffffff;
}
html[data-fp-theme="violet"] {
	--fp-bg-main: #050507;
	--fp-bg-soft: #09080d;

	--fp-panel: rgba(11, 10, 16, 0.94);

	--fp-card: #0b0a10;
	--fp-card-soft: #100d18;

	--fp-border: rgba(139, 92, 246, 0.22);
	--fp-border-strong: rgba(168, 85, 247, 0.58);

	--fp-text-main: #faf8ff;
	--fp-text-muted: #aaa4ba;

	--fp-accent: #a855f7;
	--fp-accent-strong: #8b5cf6;
	--fp-accent-light: #c084fc;

	--fp-accent-soft: rgba(139, 92, 246, 0.14);

	--fp-amber: #c084fc;

	--fp-shadow:
		0 24px 80px rgba(0, 0, 0, 0.62);

	--fp-theme-glow-1:
		rgba(168, 85, 247, 0.2);

	--fp-theme-glow-2:
		rgba(139, 92, 246, 0.11);

	--fp-row-odd: #08070c;
	--fp-row-even: #0d0a14;

	--fp-neworder-stat-border:
		rgba(139, 92, 246, 0.28);

	--fp-neworder-stat-bg:
		radial-gradient(
			circle at 95% 0%,
			rgba(168, 85, 247, 0.13),
			transparent 43%
		),
		linear-gradient(
			155deg,
			rgba(15, 13, 22, 0.98),
			rgba(7, 6, 11, 0.99)
		);

	--fp-neworder-stat-icon-bg:
		linear-gradient(
			145deg,
			rgba(139, 92, 246, 0.19),
			rgba(168, 85, 247, 0.08)
		);

	--fp-neworder-stat-icon-border:
		rgba(168, 85, 247, 0.38);

	--fp-neworder-stat-icon-color:
		#c084fc;

	--fp-neworder-stat-title:
		#ffffff;

	--fp-neworder-stat-caption:
		#a9a4b7;

	--fp-neworder-stat-shadow:
		0 18px 38px rgba(0, 0, 0, 0.5);

	--fp-neworder-tab-bg:
		rgba(255, 255, 255, 0.018);

	--fp-neworder-tab-border:
		rgba(139, 92, 246, 0.24);

	--fp-neworder-tab-text:
		#d8d3e4;

	--fp-neworder-tab-hover-bg:
		linear-gradient(
			135deg,
			rgba(126, 34, 206, 0.94),
			rgba(168, 85, 247, 0.92)
		);

	--fp-neworder-tab-hover-text:
		#ffffff;

	--fp-neworder-tab-hover-border:
		rgba(192, 132, 252, 0.74);

	--fp-neworder-tab-hover-shadow:
		0 12px 30px rgba(139, 92, 246, 0.34);
}
/* =========================================================
   PURPLE BLACK THEME ENHANCEMENTS
   ========================================================= */

html[data-fp-theme="violet"] body.fp-auth-body {
	background:
		radial-gradient(
			circle at 88% 3%,
			rgba(139, 92, 246, 0.1),
			transparent 34%
		),
		radial-gradient(
			circle at 8% 94%,
			rgba(88, 28, 135, 0.11),
			transparent 38%
		),
		#050507;
}

/* Sidebar */

html[data-fp-theme="violet"] .fp-sidebar {
	background:
		radial-gradient(
			circle at 50% 100%,
			rgba(126, 34, 206, 0.14),
			transparent 35%
		),
		linear-gradient(
			180deg,
			#08070c,
			#050507
		);

	border-right:
		1px solid rgba(139, 92, 246, 0.2);

	box-shadow:
		18px 0 48px rgba(0, 0, 0, 0.34);
}

/* Mobile header */

html[data-fp-theme="violet"] .fp-mobile-topbar {
	background:
		rgba(5, 5, 8, 0.96);

	border-bottom:
		1px solid rgba(139, 92, 246, 0.2);

	box-shadow:
		0 12px 34px rgba(0, 0, 0, 0.38);
}

/* Active sidebar link */

html[data-fp-theme="violet"] .fp-sidebar-link.active,
html[data-fp-theme="violet"] .fp-sidebar-group-toggle.is-active {
	color: #ffffff;

	border-color:
		rgba(192, 132, 252, 0.6);

	background:
		linear-gradient(
			135deg,
			rgba(109, 40, 217, 0.95),
			rgba(168, 85, 247, 0.92)
		);

	box-shadow:
		0 10px 28px rgba(139, 92, 246, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

/* General cards */

html[data-fp-theme="violet"]
.fp-neworder-card,

html[data-fp-theme="violet"]
.fp-dashboard-page .single-meter,

html[data-fp-theme="violet"]
.well,

html[data-fp-theme="violet"]
.fp-addfunds-form-card,

html[data-fp-theme="violet"]
.fp-addfunds-side-card,

html[data-fp-theme="violet"]
.fp-addfunds-support-card {

	background:
		linear-gradient(
			155deg,
			rgba(15, 13, 22, 0.98),
			rgba(7, 6, 11, 0.99)
		);

	border-color:
		rgba(139, 92, 246, 0.22);

	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.48),
		inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* Decorative circles */

html[data-fp-theme="violet"]
.fp-neworder-card,

html[data-fp-theme="violet"]
.fp-login-announcement,

html[data-fp-theme="violet"]
.fp-dashboard-page .single-meter {

	position: relative;
	overflow: hidden;
	isolation: isolate;
}

html[data-fp-theme="violet"]
.fp-neworder-card::before,

html[data-fp-theme="violet"]
.fp-dashboard-page .single-meter::before {

	content: "";
	position: absolute;

	width: 420px;
	height: 420px;

	top: -255px;
	right: -205px;

	border-radius: 50%;

	border:
		1px solid rgba(168, 85, 247, 0.1);

	box-shadow:
		0 0 0 68px rgba(139, 92, 246, 0.025),
		0 0 0 136px rgba(139, 92, 246, 0.012);

	pointer-events: none;
	z-index: 0;
}

html[data-fp-theme="violet"]
.fp-neworder-card > *,

html[data-fp-theme="violet"]
.fp-dashboard-page .single-meter > * {

	position: relative;
	z-index: 1;
}

/* Form controls */

html[data-fp-theme="violet"]
.form-control,

html[data-fp-theme="violet"]
.select2-container .select2-selection,

html[data-fp-theme="violet"]
textarea {

	color: #f6f2ff;

	border-color:
		rgba(139, 92, 246, 0.22);

	background:
		linear-gradient(
			180deg,
			rgba(12, 10, 18, 0.98),
			rgba(7, 6, 11, 0.99)
		);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-fp-theme="violet"]
.form-control:focus,

html[data-fp-theme="violet"]
.select2-container--focus .select2-selection {

	border-color:
		rgba(192, 132, 252, 0.7);

	box-shadow:
		0 0 0 3px rgba(139, 92, 246, 0.12),
		0 0 22px rgba(139, 92, 246, 0.12);
}

/* Primary buttons */

html[data-fp-theme="violet"]
.btn-primary,

html[data-fp-theme="violet"]
.fp-login-announcement-button {

	color: #ffffff !important;

	border-color:
		rgba(192, 132, 252, 0.68);

	background:
		linear-gradient(
			135deg,
			#7c3aed,
			#a855f7
		);

	box-shadow:
		0 12px 28px rgba(139, 92, 246, 0.3);
}

html[data-fp-theme="violet"]
.btn-primary:hover,

html[data-fp-theme="violet"]
.fp-login-announcement-button:hover {

	background:
		linear-gradient(
			135deg,
			#a855f7,
			#c084fc
		);

	box-shadow:
		0 14px 34px rgba(168, 85, 247, 0.4);
}

/* Announcement */

html[data-fp-theme="violet"]
.fp-login-announcement {

	border-color:
		rgba(168, 85, 247, 0.45);

	background:
		radial-gradient(
			circle at 95% 0%,
			rgba(139, 92, 246, 0.17),
			transparent 38%
		),
		radial-gradient(
			circle at 0% 100%,
			rgba(88, 28, 135, 0.13),
			transparent 42%
		),
		linear-gradient(
			145deg,
			#100b19,
			#07070b
		);

	box-shadow:
		0 24px 56px rgba(0, 0, 0, 0.52),
		inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

html[data-fp-theme="violet"]
.fp-login-announcement-kicker,

html[data-fp-theme="violet"]
.fp-login-announcement-button {

	color: #c084fc !important;
}

html[data-fp-theme="violet"]
.fp-login-announcement-icon-gift,

html[data-fp-theme="violet"]
.fp-login-announcement-icon-points,

html[data-fp-theme="violet"]
.fp-login-announcement-icon-tier {

	color: #c084fc;

	border-color:
		rgba(168, 85, 247, 0.35);

	background:
		rgba(139, 92, 246, 0.12);
}

html[data-fp-theme="violet"]
.fp-login-announcement-line {

	background:
		linear-gradient(
			90deg,
			#6d28d9,
			#a855f7,
			#c084fc,
			#7c3aed
		);
}

/* Theme selector dot */

.fp-theme-dot-violet {
	background:
		linear-gradient(
			135deg,
			#7c3aed,
			#a855f7,
			#c084fc
		);

	box-shadow:
		0 0 12px rgba(168, 85, 247, 0.5);
}

html[data-fp-theme="pink"] {
	--fp-bg-main: #1a0d15;
	--fp-bg-soft: #26121f;
	--fp-panel: rgba(42, 20, 34, 0.92);
	--fp-border: rgba(244, 114, 182, 0.22);
	--fp-border-strong: rgba(244, 114, 182, 0.48);
	--fp-text-main: #fff1f7;
	--fp-text-muted: #d8a7bd;
	--fp-accent: #f472b6;
	--fp-accent-strong: #ec4899;
	--fp-accent-soft: rgba(244, 114, 182, 0.12);
	--fp-amber: #fb7185;
	--fp-shadow: 0 24px 80px rgba(157, 23, 77, 0.34);
	--fp-theme-glow-1: rgba(236, 72, 153, 0.14);
	--fp-theme-glow-2: rgba(244, 114, 182, 0.08);
	--fp-row-odd: #180c14;
	--fp-row-even: #24121d;
	--fp-neworder-stat-border: rgba(244, 114, 182, 0.28);
	--fp-neworder-stat-bg:
		radial-gradient(
			circle at 12% 10%,
			rgba(244, 114, 182, 0.12),
			transparent 44%
		),
		linear-gradient(
			165deg,
			rgba(52, 24, 42, 0.98),
			rgba(28, 13, 23, 0.98)
		);
	--fp-neworder-stat-icon-bg: rgba(244, 114, 182, 0.12);
	--fp-neworder-stat-icon-border: rgba(244, 114, 182, 0.35);
	--fp-neworder-stat-icon-color: #f9a8d4;
	--fp-neworder-stat-title: #fff1f7;
	--fp-neworder-stat-caption: #d8a7bd;
	--fp-neworder-stat-shadow:
		0 16px 32px rgba(131, 24, 67, 0.32);
	--fp-neworder-tab-bg: rgba(244, 114, 182, 0.08);
	--fp-neworder-tab-border: rgba(244, 114, 182, 0.22);
	--fp-neworder-tab-text: #fce7f3;
	--fp-neworder-tab-hover-bg:
		linear-gradient(
			135deg,
			rgba(244, 114, 182, 0.22),
			rgba(236, 72, 153, 0.14)
		);
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: rgba(244, 114, 182, 0.5);
	--fp-neworder-tab-hover-shadow:
		0 10px 22px rgba(157, 23, 77, 0.3);
}

html[data-fp-theme="navy"] {
	--fp-bg-main: #000711;
	--fp-bg-soft: #00050d;
	--fp-panel: #031229;
	--fp-border: #10376A;
	--fp-border-strong: #1E6FFF;
	--fp-text-main: #FFFFFF;
	--fp-text-muted: #A8B4D4;
	--fp-accent: #1E6FFF;
	--fp-accent-strong: #3B8DFF;
	--fp-accent-soft: rgba(30, 111, 255, 0.08);
	--fp-amber: #f59e0b;
	--fp-shadow: 0 0 20px rgba(30, 111, 255, 0.15), 0 0 40px rgba(30, 111, 255, 0.05);
	--fp-theme-glow-1: rgba(30, 111, 255, 0.07);
	--fp-theme-glow-2: rgba(30, 111, 255, 0.03);
	--fp-row-odd: #00040a;
	--fp-row-even: #031229;
	--fp-neworder-stat-border: #10376A;
	--fp-neworder-stat-bg: linear-gradient(180deg, #031229, #00050d);
	--fp-neworder-stat-icon-bg: rgba(30, 111, 255, 0.08);
	--fp-neworder-stat-icon-border: #10376A;
	--fp-neworder-stat-icon-color: #5EA4FF;
	--fp-neworder-stat-title: #ffffff;
	--fp-neworder-stat-caption: #7282A7;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
	--fp-neworder-tab-bg: #00050d;
	--fp-neworder-tab-border: #10376A;
	--fp-neworder-tab-text: #A8B4D4;
	--fp-neworder-tab-hover-bg: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: #3B8DFF;
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(30, 111, 255, 0.25);
}

html:not([data-fp-theme]) {
	--fp-theme-glow-1: rgba(30, 111, 255, 0.07);
	--fp-theme-glow-2: rgba(30, 111, 255, 0.03);
	--fp-row-odd: #00040a;
	--fp-row-even: #031229;
	--fp-neworder-stat-border: #10376A;
	--fp-neworder-stat-bg: linear-gradient(180deg, #031229, #00050d);
	--fp-neworder-stat-icon-bg: rgba(30, 111, 255, 0.08);
	--fp-neworder-stat-icon-border: #10376A;
	--fp-neworder-stat-icon-color: #5EA4FF;
	--fp-neworder-stat-title: #ffffff;
	--fp-neworder-stat-caption: #7282A7;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
	--fp-neworder-tab-bg: #00050d;
	--fp-neworder-tab-border: #10376A;
	--fp-neworder-tab-text: #A8B4D4;
	--fp-neworder-tab-hover-bg: linear-gradient(135deg, #1E6FFF, #3B8DFF);
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: #3B8DFF;
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(30, 111, 255, 0.25);
}

html:not([data-fp-theme]),
html[data-fp-theme]:not([data-fp-theme="pearl"]) {
	color-scheme: dark;
}

html[data-fp-theme="pearl"] {
	color-scheme: light;
}

html[data-fp-theme] body.fp-public-body,
html[data-fp-theme] body.fp-auth-body {
	background: var(--fp-bg-main) !important;
	color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-page,
html[data-fp-theme] body.fp-auth-body {
	background:
		radial-gradient(circle at 10% 10%, var(--fp-theme-glow-1), transparent 34%),
		radial-gradient(circle at 88% 12%, var(--fp-theme-glow-2), transparent 32%),
		linear-gradient(180deg, var(--fp-bg-soft) 0%, var(--fp-bg-main) 100%) !important;
}

html[data-fp-theme] .fp-signin-page {
	background:
		radial-gradient(circle at 10% 10%, rgba(139, 92, 246, 0.08), transparent 36%),
		radial-gradient(circle at 88% 12%, rgba(59, 130, 246, 0.05), transparent 34%),
		linear-gradient(180deg, var(--fp-bg-soft) 0%, var(--fp-bg-main) 100%) !important;
}

html[data-fp-theme] .fp-grid-overlay {
	background-image:
		linear-gradient(var(--fp-accent-soft) 1px, transparent 1px),
		linear-gradient(90deg, var(--fp-accent-soft) 1px, transparent 1px) !important;
}

html[data-fp-theme] .fp-public-navbar,
html[data-fp-theme] .fp-public-navbar.navbar,
html[data-fp-theme] .fp-public-navbar.navbar-default,
html[data-fp-theme] .fp-sidebar,
html[data-fp-theme] .fp-mobile-topbar {
	background: var(--fp-bg-soft) !important;
	border-color: var(--fp-border) !important;
}

html[data-fp-theme] .fp-brand-icon,
/* html[data-fp-theme] .fp-sidebar-brand-mark, */
html[data-fp-theme] .fp-platform-mark,
html[data-fp-theme] .fp-avatar,
html[data-fp-theme] .fp-avatar-alt,
html[data-fp-theme] .fp-avatar-third,
html[data-fp-theme] .fp-corner-flag,
html[data-fp-theme] .fp-check-card {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	color: #ffffff !important;
}

html[data-fp-theme] .fp-btn-primary,
html[data-fp-theme] .fp-btn-primary:hover,
html[data-fp-theme] .fp-btn-primary:focus,
html[data-fp-theme] .fp-nav-main-links > li > a[href*="signup"],
html[data-fp-theme] .fp-nav-main-links > li > a[href*="register"],
html[data-fp-theme] .fp-auth-body .btn.btn-primary {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	border-color: var(--fp-border-strong) !important;
	color: #ffffff !important;
}

html[data-fp-theme] .fp-btn-secondary,
html[data-fp-theme] .fp-btn-light,
html[data-fp-theme] .fp-btn-light:hover,
html[data-fp-theme] .fp-btn-light:focus,
html[data-fp-theme] .fp-auth-body .btn.btn-default,
html[data-fp-theme] .fp-sidebar-toggle,
html[data-fp-theme] .fp-sidebar-bal-btn,
html[data-fp-theme] .fp-sidebar-balance,
html[data-fp-theme] .fp-auth-body .fp-order-chip {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-border-strong) !important;
	color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-panel,
html[data-fp-theme] .fp-mini-card,
html[data-fp-theme] .fp-stat-card,
html[data-fp-theme] .fp-review-card,
html[data-fp-theme] .fp-dashboard-mockup,
html[data-fp-theme] .fp-hero-spotlight,
html[data-fp-theme] .fp-domain-showcase,
html[data-fp-theme] .fp-signup-aside,
html[data-fp-theme] .fp-signup-form-panel,
html[data-fp-theme] .fp-platform-panel-wide,
html[data-fp-theme] .fp-auth-body .panel,
html[data-fp-theme] .fp-auth-body .well,
html[data-fp-theme] .fp-auth-body .fp-neworder-card,
html[data-fp-theme] .fp-auth-body .fp-services-card,
html[data-fp-theme] .fp-auth-body .fp-orders-card,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-card,
html[data-fp-theme] .fp-auth-body .fp-updates-card,
html[data-fp-theme] .fp-auth-body .fp-refill-card,
html[data-fp-theme] .fp-auth-body .fp-drip-card,
html[data-fp-theme] .fp-auth-body .fp-tickets-list-card,
html[data-fp-theme] .fp-auth-body .fp-addfunds-form-card,
html[data-fp-theme] .fp-auth-body .fp-addfunds-history-card,
html[data-fp-theme] .fp-auth-body .fp-addfunds-text-card,
html[data-fp-theme] .fp-auth-body .fp-massorder-card,
html[data-fp-theme] .fp-auth-body .fp-childpanel-card,
html[data-fp-theme] .fp-auth-body .fp-childpanel-create-card,
html[data-fp-theme] .fp-auth-body .fp-api-card,
html[data-fp-theme] .fp-auth-body .fp-affiliates-card,
html[data-fp-theme] .fp-auth-body .fp-affiliates-text-card,
html[data-fp-theme] .fp-auth-body .fp-terms-card,
html[data-fp-theme] .fp-auth-body .fp-dashboard-empty-card,
html[data-fp-theme] .fp-auth-body .fp-dashboard-page .single-meter,
html[data-fp-theme] .fp-auth-body .fp-dashboard-page .fp-dashboard-head {
	background:
		radial-gradient(circle at 18% 10%, var(--fp-accent-soft), transparent 42%),
		linear-gradient(170deg, var(--fp-panel), var(--fp-bg-main)) !important;
	border-color: var(--fp-border) !important;
}

html[data-fp-theme] .fp-input,
html[data-fp-theme] .fp-auth-body .form-control,
html[data-fp-theme] .fp-auth-body select,
html[data-fp-theme] .fp-auth-body .select2-container--default .select2-selection--single,
html[data-fp-theme] .fp-auth-body .input-group .form-control,
html[data-fp-theme] .fp-auth-body .fp-api-select {
	background: var(--fp-bg-soft) !important;
	border-color: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-auth-body table.table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body table.table > thead > tr > th {
	background: var(--fp-accent-soft) !important;
	border-bottom-color: var(--fp-border) !important;
	color: var(--fp-text-muted) !important;
}

html[data-fp-theme] .fp-input:focus,
html[data-fp-theme] .fp-auth-body .form-control:focus,
html[data-fp-theme] .fp-auth-body select:focus,
html[data-fp-theme] .fp-auth-body .input-group .form-control:focus,
html[data-fp-theme] .fp-auth-body .select2-container--default .select2-selection--single:focus {
	border-color: var(--fp-border-strong) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

html[data-fp-theme] .fp-auth-body table thead tr th,
html[data-fp-theme] .fp-services-page #service-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-tickets-page .fp-tickets-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th {
	background: var(--fp-accent-soft) !important;
	border-bottom-color: var(--fp-border-strong) !important;
	color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-auth-body table tbody tr:hover td {
	background: var(--fp-accent-soft) !important;
}

/* Top theme picker */
.fp-theme-switcher {
	position: fixed;
	top: 12px;
	right: 14px;
	z-index: 2147483003;
}

.fp-theme-switcher-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid var(--fp-border-strong);
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.fp-theme-switcher-caret {
	font-size: 10px;
	transition: transform 0.2s ease;
}

.fp-theme-switcher.is-open .fp-theme-switcher-caret {
	transform: rotate(180deg);
}

.fp-theme-switcher-menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: 180px;
	display: none;
	padding: 8px;
	border-radius: 12px;
	border: 1px solid var(--fp-border);
	background: var(--fp-bg-soft);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(8px);
}

.fp-theme-switcher.is-open .fp-theme-switcher-menu {
	display: block;
}
.fp-theme-option {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--fp-text-main);
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}

.fp-theme-option:hover,
.fp-theme-option.is-active {
	background: var(--fp-accent-soft);
}

.fp-theme-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14);
}

.fp-theme-dot-blue { background: #3b82f6; }
.fp-theme-dot-navy { background: #3B8DFF; }
.fp-theme-dot-midnight { background: #6366f1; }
.fp-theme-dot-pearl {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 45%, #dceeff 100%) !important;
    border: 1px solid #b8d8ff;
    box-shadow: 0 0 0 2px rgba(184,216,255,.25);
}
.fp-theme-dot-red,
.fp-theme-dot-red {
    background: linear-gradient(135deg, #e52b32, #8f1117);
    border: 1px solid rgba(217, 31, 38, 0.38);
    box-shadow:
        0 0 0 2px rgba(217, 31, 38, 0.08),
        0 0 7px rgba(217, 31, 38, 0.24);
}
.fp-theme-dot-violet { background: #8b5cf6; }
.fp-theme-dot-pink {
    background: linear-gradient(135deg, #f9a8d4, #ec4899);
}

html[data-fp-theme="pink"] .fp-panel,
html[data-fp-theme="pink"] .fp-mini-card,
html[data-fp-theme="pink"] .fp-stat-card,
html[data-fp-theme="pink"] .fp-review-card,
html[data-fp-theme="pink"] .fp-dashboard-mockup,
html[data-fp-theme="pink"] .fp-hero-spotlight,
html[data-fp-theme="pink"] .fp-domain-showcase,
html[data-fp-theme="pink"] .fp-signup-aside,
html[data-fp-theme="pink"] .fp-signup-form-panel,
html[data-fp-theme="pink"] .fp-platform-panel-wide,
html[data-fp-theme="pink"] .fp-auth-body .panel,
html[data-fp-theme="pink"] .fp-auth-body .well,
html[data-fp-theme="pink"] .fp-auth-body .fp-neworder-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-services-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-orders-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-subscriptions-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-updates-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-refill-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-drip-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-tickets-list-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-addfunds-form-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-addfunds-history-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-addfunds-text-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-massorder-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-childpanel-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-childpanel-create-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-api-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-affiliates-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-affiliates-text-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-terms-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-dashboard-empty-card,
html[data-fp-theme="pink"] .fp-auth-body .fp-dashboard-page .single-meter,
html[data-fp-theme="pink"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head {
    background: linear-gradient(170deg, #2a1422, #170c13) !important;
}

html[data-fp-theme="pink"] .fp-btn-primary,
html[data-fp-theme="pink"] .fp-btn-primary:hover,
html[data-fp-theme="pink"] .fp-btn-primary:focus,
html[data-fp-theme="pink"] .fp-nav-main-links > li > a[href*="signup"],
html[data-fp-theme="pink"] .fp-nav-main-links > li > a[href*="register"],
html[data-fp-theme="pink"] .fp-auth-body .btn.btn-primary {
    background: linear-gradient(135deg, #f9a8d4, #ec4899) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(236, 72, 153, 0.28) !important;
}

@media (max-width: 991px) {
	.fp-theme-switcher {
		top: 10px;
		right: 10px;
	}
	.fp-theme-switcher-toggle {
		padding: 7px 10px;
		font-size: 11px;
	}
	.fp-theme-switcher-menu {
		width: 168px;
	}
}

/* Prevent theme toggle overlap with logged-in table/filter content. */
body.fp-auth-body .fp-app-main {
	padding-top: 62px;
}

body.fp-auth-body .fp-theme-switcher {
	top: 14px;
	right: 16px;
}

body.fp-rtl.fp-auth-body .fp-theme-switcher {
	right: auto;
	left: 16px;
}

/* Ensure auth table containers scroll instead of visually colliding. */
body.fp-services-page .fp-services-card,
body.fp-auth-body .fp-orders-page .fp-orders-card,
body.fp-auth-body .fp-subscriptions-page .fp-subscriptions-card,
body.fp-auth-body .fp-updates-page .fp-updates-card,
body.fp-auth-body .fp-refill-page .fp-refill-card,
body.fp-auth-body .fp-drip-page .fp-drip-card,
body.fp-auth-body .fp-tickets-page .fp-tickets-list-card,
body.fp-auth-body .fp-addfunds-page .fp-addfunds-history-card,
body.fp-auth-body .fp-childpanel-page .fp-childpanel-card,
body.fp-auth-body .fp-affiliates-page .fp-affiliates-card {
	overflow-x: auto;
}

@media (max-width: 991px) {
	body.fp-auth-body .fp-app-main {
		padding-top: 84px;
	}
	body.fp-auth-body .fp-theme-switcher {
		top: 8px;
		right: 8px;
	}
	body.fp-rtl.fp-auth-body .fp-theme-switcher {
		right: auto;
		left: 8px;
	}
}

/* ============================================================
   THEMED TABLES - all tables match the active theme
   ============================================================ */

/* --- Cell borders & text --- */
html[data-fp-theme] .fp-auth-body table.table > tbody > tr > td {
	border-top-color: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
}

/* --- Zebra striping: dark / light rows per theme (including default) --- */
html[data-fp-theme] .fp-auth-body table.table > tbody > tr:nth-child(odd) > td,
html:not([data-fp-theme]) .fp-auth-body table.table > tbody > tr:nth-child(odd) > td {
	background: var(--fp-row-odd) !important;
}

html[data-fp-theme] .fp-auth-body table.table > tbody > tr:nth-child(even) > td,
html:not([data-fp-theme]) .fp-auth-body table.table > tbody > tr:nth-child(even) > td {
	background: var(--fp-row-even) !important;
}

/* --- Row hover: accent pop --- */
html[data-fp-theme] .fp-auth-body table.table > tbody > tr:hover > td {
	background: var(--fp-accent-soft) !important;
}

/* --- Table headers: accent-colored text --- */
html[data-fp-theme] .fp-auth-body table.table > thead > tr > th {
	color: var(--fp-accent) !important;
	background: var(--fp-accent-soft) !important;
	border-bottom-color: var(--fp-border-strong) !important;
	letter-spacing: 0.04em;
}

/* --- Service category group header rows --- */
html[data-fp-theme] .fp-auth-body table.table > tbody > tr > td[colspan] {
	background: linear-gradient(90deg, var(--fp-accent-soft), transparent 70%) !important;
	border-top-color: var(--fp-border-strong) !important;
	color: var(--fp-accent) !important;
}

/* --- Service name text in the services table --- */
html[data-fp-theme] .fp-auth-body .service-name {
	color: var(--fp-accent) !important;
}

/* Keep Services category group label color stable across theme switches */
html[data-fp-theme] .fp-auth-body .fp-services-page #service-table > tbody > tr > td[colspan],
html:not([data-fp-theme]) .fp-auth-body .fp-services-page #service-table > tbody > tr > td[colspan] {
	color: #f1f4ff !important;
}

html[data-fp-theme] .fp-auth-body .fp-service-description-copy,
html[data-fp-theme] .fp-auth-body .fp-service-description-mobile-cell {
	color: var(--fp-text-main) !important;
}

/* ============================================================
   VIVID HEADER MODE (requested)
   ============================================================ */

.fp-services-page .nav.nav-pills,
.fp-auth-body .fp-updates-page .fp-updates-filters,
.fp-auth-body .fp-refill-page .fp-refill-filters,
.fp-auth-body .fp-drip-page .fp-drip-filters,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters,
.fp-auth-body .fp-refunds-page .fp-refunds-filters {
	background: linear-gradient(145deg, var(--fp-bg-soft), var(--fp-bg-main)) !important;
	border: 1px solid var(--fp-border-strong) !important;
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.3),
		inset 0 0 0 1px var(--fp-accent-soft) !important;
}

.fp-services-page #service-table > thead > tr > th,
.fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th,
.fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th,
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th,
.fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th,
.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	color: #ffffff !important;
	border-bottom: 1px solid var(--fp-border-strong) !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

.fp-services-page #service-table > thead > tr > th:first-child,
.fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th:first-child,
.fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th:first-child,
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:first-child,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:first-child,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th:first-child,
.fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th:first-child,
.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th:first-child {
	border-top-left-radius: 10px;
}

.fp-services-page #service-table > thead > tr > th:last-child,
.fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th:last-child,
.fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th:last-child,
.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th:last-child,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:last-child,
.fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th:last-child,
.fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th:last-child,
.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th:last-child {
	border-top-right-radius: 10px;
}

html[data-fp-theme] .fp-auth-body .fp-service-details-empty {
	color: var(--fp-text-muted) !important;
}

/* --- Order status pill: themed accent tint --- */
html[data-fp-theme] .fp-auth-body .fp-order-status-pill {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-border-strong) !important;
	color: var(--fp-accent) !important;
}

/* Keep fixed-meaning status colors readable but lightly themed on hover context */
html[data-fp-theme] .fp-auth-body .fp-order-status-pill.fp-order-status-completed {
	background: rgba(34, 197, 94, 0.14) !important;
	border-color: rgba(74, 222, 128, 0.4) !important;
	color: #4ade80 !important;
}
html[data-fp-theme] .fp-auth-body .fp-order-status-pill.fp-order-status-canceled {
	background: rgba(239, 68, 68, 0.13) !important;
	border-color: rgba(252, 165, 165, 0.38) !important;
	color: #f87171 !important;
}
html[data-fp-theme] .fp-auth-body .fp-order-status-pill.fp-order-status-inprogress,
html[data-fp-theme] .fp-auth-body .fp-order-status-pill.fp-order-status-processing {
	background: rgba(234, 179, 8, 0.13) !important;
	border-color: rgba(253, 224, 71, 0.38) !important;
	color: #fde047 !important;
}
html[data-fp-theme] .fp-auth-body .fp-order-status-pill.fp-order-status-partial {
	background: rgba(249, 115, 22, 0.13) !important;
	border-color: rgba(253, 186, 116, 0.38) !important;
	color: #fdba74 !important;
}

/* --- Copy order ID button --- */
html[data-fp-theme] .fp-auth-body .fp-copy-order-id {
	border-color: var(--fp-border-strong) !important;
	background: var(--fp-accent-soft) !important;
	color: var(--fp-text-muted) !important;
}
html[data-fp-theme] .fp-auth-body .fp-copy-order-id:hover,
html[data-fp-theme] .fp-auth-body .fp-copy-order-id:focus {
	background: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
}

/* --- Orders / subscriptions filter tab bar --- */
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html[data-fp-theme] .fp-auth-body .fp-orders-card,
html[data-fp-theme] .fp-auth-body .fp-orders-table-wrap,
html[data-fp-theme] .fp-auth-body .fp-orders-table {
	background: var(--fp-bg-soft) !important;
}

html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters > li > a,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li > a {
	border-color: var(--fp-border) !important;
	background: var(--fp-accent-soft) !important;
	color: var(--fp-text-muted) !important;
}

html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters > li > a:hover,
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a,
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:hover,
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:focus,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li > a:hover,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.active > a {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	border-color: var(--fp-border-strong) !important;
	color: #ffffff !important;
	box-shadow: 0 8px 18px var(--fp-theme-glow-1) !important;
}

/* --- Orders search bar inside filters --- */
html[data-fp-theme] .fp-auth-body .fp-orders-page #history-search .input-group .form-control {
	border-color: var(--fp-border) !important;
	background: var(--fp-bg-main) !important;
	color: var(--fp-text-main) !important;
}
html[data-fp-theme] .fp-auth-body .fp-orders-page #history-search .input-group .form-control:focus {
	border-color: var(--fp-border-strong) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}
html[data-fp-theme] .fp-auth-body .fp-orders-page #history-search .input-group .btn.btn-default {
	border-color: var(--fp-border) !important;
	background: var(--fp-accent-soft) !important;
	color: var(--fp-text-main) !important;
}
html[data-fp-theme] .fp-auth-body .fp-orders-page #history-search .input-group .btn.btn-default:hover {
	background: var(--fp-border) !important;
}

/* --- Pagination --- */
html[data-fp-theme] .fp-auth-body .pagination > li > a,
html[data-fp-theme] .fp-auth-body .pagination > li > span {
	background: var(--fp-bg-soft) !important;
	border-color: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
}
html[data-fp-theme] .fp-auth-body .pagination > li > a:hover,
html[data-fp-theme] .fp-auth-body .pagination > li > a:focus {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-border-strong) !important;
	color: var(--fp-accent) !important;
}
html[data-fp-theme] .fp-auth-body .pagination > .active > a,
html[data-fp-theme] .fp-auth-body .pagination > .active > span,
html[data-fp-theme] .fp-auth-body .pagination > .active > a:hover,
html[data-fp-theme] .fp-auth-body .pagination > .active > span:hover {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	border-color: var(--fp-border-strong) !important;
	color: #ffffff !important;
}

/* --- Scrollbar in table wrappers matches theme --- */
html[data-fp-theme] .fp-auth-body .fp-orders-table-wrap::-webkit-scrollbar-track,
html[data-fp-theme] .fp-auth-body [class*="-table-wrap"]::-webkit-scrollbar-track {
	background: var(--fp-bg-main) !important;
}
html[data-fp-theme] .fp-auth-body .fp-orders-table-wrap::-webkit-scrollbar-thumb,
html[data-fp-theme] .fp-auth-body [class*="-table-wrap"]::-webkit-scrollbar-thumb {
	background: var(--fp-border-strong) !important;
}

/* Keep top horizontal helper scrollbar visible in all selected themes. */
html[data-fp-theme] .fp-auth-body .fp-top-scrollbar {
	background: var(--fp-bg-main) !important;
	scrollbar-color: var(--fp-border-strong) var(--fp-bg-main) !important;
}

html[data-fp-theme] .fp-auth-body .fp-top-scrollbar.is-visible {
	display: block !important;
}

html[data-fp-theme] .fp-auth-body .fp-top-scrollbar::-webkit-scrollbar-track {
	background: var(--fp-bg-main) !important;
}

html[data-fp-theme] .fp-auth-body .fp-top-scrollbar::-webkit-scrollbar-thumb {
	background: var(--fp-border-strong) !important;
}

/* ============================================================
   DEFAULT THEME AUTH BUTTONS (no data-fp-theme)
   ============================================================ */
html:not([data-fp-theme]) .fp-auth-body .btn.btn-primary,
html:not([data-fp-theme]) .fp-auth-body .btn.btn-primary:hover,
html:not([data-fp-theme]) .fp-auth-body .btn.btn-primary:focus {
	background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
	border-color: rgba(139, 92, 246, 0.62) !important;
	color: #ffffff !important;
	box-shadow: 0 12px 24px rgba(109, 40, 217, 0.28) !important;
}

html:not([data-fp-theme]) .fp-auth-body .btn.btn-default,
html:not([data-fp-theme]) .fp-auth-body .btn.btn-default:hover,
html:not([data-fp-theme]) .fp-auth-body .btn.btn-default:focus {
	background: rgba(139, 92, 246, 0.12) !important;
	border-color: rgba(139, 92, 246, 0.36) !important;
	color: #e6ebff !important;
}

/* ============================================================
   ACCOUNT PAGE THEME FIXES
   ============================================================ */
.fp-auth-body .fp-account-page .nav.nav-pills {
	margin: 2px 0 14px;
	padding: 4px;
	border-radius: 12px;
	background: var(--fp-bg-soft);
	border: 1px solid var(--fp-border);
}

.fp-auth-body .fp-account-page .nav.nav-pills > li > a {
	border-radius: 8px;
	padding: 10px 14px;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-muted);
	font-weight: 700;
}

.fp-auth-body .fp-account-page .nav.nav-pills > li.active > a,
.fp-auth-body .fp-account-page .nav.nav-pills > li.active > a:hover,
.fp-auth-body .fp-account-page .nav.nav-pills > li > a:hover,
.fp-auth-body .fp-account-page .nav.nav-pills > li > a:focus {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
	border-color: var(--fp-border-strong);
	color: #ffffff;
}

.fp-auth-body .fp-account-page .well {
	border: 1px solid var(--fp-border);
	background: var(--fp-panel);
	box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-account-page .control-label,
.fp-auth-body .fp-account-page .modal-title {
	color: var(--fp-text-main);
}

.fp-auth-body .fp-account-page .form-control,
.fp-auth-body .fp-account-page select,
.fp-auth-body .fp-account-page .input-group .form-control {
	background: var(--fp-bg-soft);
	border-color: var(--fp-border);
	color: var(--fp-text-main);
	box-shadow: none;
}

.fp-auth-body .fp-account-page .form-control:focus,
.fp-auth-body .fp-account-page select:focus,
.fp-auth-body .fp-account-page .input-group .form-control:focus {
	border-color: var(--fp-border-strong);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-account-page .form-control[readonly],
.fp-auth-body .fp-account-page .form-control[disabled],
.fp-auth-body .fp-account-page fieldset[disabled] .form-control {
	background: var(--fp-bg-soft);
	border-color: var(--fp-border);
	color: var(--fp-text-muted);
	opacity: 1;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills {
	background: var(--fp-bg-soft) !important;
	border-color: var(--fp-border) !important;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills > li > a {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-border) !important;
	color: var(--fp-text-muted) !important;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills > li.active > a,
html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills > li.active > a:hover,
html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills > li > a:hover,
html[data-fp-theme] .fp-auth-body .fp-account-page .nav.nav-pills > li > a:focus {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	border-color: var(--fp-border-strong) !important;
	color: #ffffff !important;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .well {
	background:
		radial-gradient(circle at 18% 10%, var(--fp-accent-soft), transparent 42%),
		linear-gradient(170deg, var(--fp-panel), var(--fp-bg-main)) !important;
	border-color: var(--fp-border) !important;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .control-label,
html[data-fp-theme] .fp-auth-body .fp-account-page .modal-title {
	color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .form-control,
html[data-fp-theme] .fp-auth-body .fp-account-page select,
html[data-fp-theme] .fp-auth-body .fp-account-page .form-control[readonly],
html[data-fp-theme] .fp-auth-body .fp-account-page .form-control[disabled],
html[data-fp-theme] .fp-auth-body .fp-account-page fieldset[disabled] .form-control {
	background: var(--fp-bg-soft) !important;
	border-color: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
	opacity: 1;
}

html[data-fp-theme] .fp-auth-body .fp-account-page .form-control:focus,
html[data-fp-theme] .fp-auth-body .fp-account-page select:focus {
	border-color: var(--fp-border-strong) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

/* ============================================================
   SERVICES TABLE STRIPE FIX
   Keep alternating colors only on real service rows.
   ============================================================ */
html .fp-services-page #service-table > tbody > tr.fp-service-data-row.fp-service-data-row-odd > td {
	background: var(--fp-row-odd, rgba(255, 255, 255, 0.03)) !important;
}

html .fp-services-page #service-table > tbody > tr.fp-service-data-row.fp-service-data-row-even > td {
	background: var(--fp-row-even, rgba(255, 255, 255, 0.06)) !important;
}

html .fp-services-page #service-table > tbody > tr.fp-service-description-row > td {
	background: var(--fp-bg-soft, rgba(12, 14, 30, 0.92)) !important;
	border-top-color: var(--fp-border, rgba(139, 92, 246, 0.24)) !important;
}

/* Keep New Order stat cards theme-aware across all palettes. */
html .fp-auth-body .fp-neworder-page .fp-neworder-stat-card {
	border: 1px solid var(--fp-neworder-stat-border) !important;
	background: var(--fp-neworder-stat-bg) !important;
	box-shadow: var(--fp-neworder-stat-shadow) !important;
}

html .fp-auth-body .fp-neworder-page .fp-neworder-stat-icon {
	background: var(--fp-neworder-stat-icon-bg) !important;
	border: 1px solid var(--fp-neworder-stat-icon-border) !important;
	color: var(--fp-neworder-stat-icon-color) !important;
}

html .fp-auth-body .fp-neworder-page .fp-neworder-stat-text h3 {
	color: var(--fp-neworder-stat-title) !important;
}

html .fp-auth-body .fp-neworder-page .fp-neworder-stat-text p {
	color: var(--fp-neworder-stat-caption) !important;
}

/* Public/default services theme parity: keep same look when not logged in. */
html:not([data-fp-theme]) .fp-public-body .fp-services-page .btn.btn-primary.dropdown-toggle,
html:not([data-fp-theme]) .fp-public-body .fp-services-page .btn.btn-primary.dropdown-toggle:hover,
html:not([data-fp-theme]) .fp-public-body .fp-services-page .btn.btn-primary.dropdown-toggle:focus {
	background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
	border-color: var(--fp-border-strong) !important;
	color: var(--fp-text-main) !important;
	box-shadow: 0 12px 24px var(--fp-accent-soft) !important;
}

html:not([data-fp-theme]) .fp-public-body .fp-services-page .input-group .btn.btn-default,
html:not([data-fp-theme]) .fp-public-body .fp-services-page .input-group .btn.btn-default:hover,
html:not([data-fp-theme]) .fp-public-body .fp-services-page .input-group .btn.btn-default:focus {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-border) !important;
	color: var(--fp-text-main) !important;
}

html:not([data-fp-theme]) .fp-public-body .fp-services-page .fp-services-card,
html:not([data-fp-theme]) .fp-public-body .fp-services-page .well {
	background: linear-gradient(170deg, var(--fp-bg-soft), var(--fp-bg-main)) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	border-color: var(--fp-border) !important;
}

/* Services page: keep gradient theme but avoid radial/banding artifacts. */
html[data-fp-theme] .fp-services-page .fp-services-card,
html[data-fp-theme] .fp-services-page .well {
	background: linear-gradient(170deg, var(--fp-bg-soft), var(--fp-bg-main)) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}

html[data-fp-theme] .fp-services-page #service-table > tbody > tr > td[colspan="100%"] {
	background: linear-gradient(90deg, var(--fp-accent-soft) 0%, var(--fp-bg-soft) 100%) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}

/* Services-only: hide hard separator strokes that look like random background lines. */
html[data-fp-theme] .fp-services-page #service-table > tbody > tr > td,
html[data-fp-theme] .fp-services-page #service-table > tbody > tr.fp-service-description-row > td {
	border-top-color: rgba(0, 0, 0, 0) !important;
}

/* Services category rows: keep plain background and grayish text (no stripe/gradient). */
html[data-fp-theme] .fp-services-page #service-table > tbody > tr[data-filter-table-category-id] > td[colspan="100%"],
html:not([data-fp-theme]) .fp-services-page #service-table > tbody > tr[data-filter-table-category-id] > td[colspan="100%"] {
	background: linear-gradient(90deg, var(--fp-accent-soft) 0%, var(--fp-bg-soft) 100%) !important;
	color: #ffffff !important;
	border-top-color: var(--fp-border-strong) !important;
	box-shadow: inset 0 0 0 1px var(--fp-border) !important;
}

/* Final override: vivid header rows for key auth tables. */
html[data-fp-theme] .fp-services-page #service-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-tickets-page .fp-tickets-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-table > thead > tr > th,
html[data-fp-theme] .fp-auth-body .fp-notifications-page table.table > thead > tr > th {
	background: var(--fp-accent-strong) !important;
	color: #ffffff !important;
	border-bottom-color: var(--fp-border-strong) !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

html:not([data-fp-theme]) .fp-services-page #service-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-tickets-page .fp-tickets-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-addfunds-page .fp-addfunds-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-affiliates-page .fp-affiliates-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-api-page .fp-api-table > thead > tr > th,
html:not([data-fp-theme]) .fp-auth-body .fp-notifications-page table.table > thead > tr > th {
	background: var(--fp-accent-strong) !important;
	color: #ffffff !important;
	border-bottom-color: var(--fp-border-strong) !important;
	text-shadow: none !important;
}

/* Keep subscriptions filter row expandable on mobile, matching orders behavior. */
@media (max-width: 991px) {
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
		flex-wrap: wrap !important;
		overflow-x: hidden !important;
		overflow-y: visible;
		min-width: 0 !important;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li {
		flex: 0 0 auto;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
		margin-left: 0;
		width: 100%;
		min-width: 0;
		flex: 1 1 100%;
		order: 99;
	}
}

@media (max-width: 991px) {
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-card {
		float: none !important;
		width: 100% !important;
		clear: both;
		margin-top: 12px;
	}
	.fp-auth-body .fp-subscriptions-page .fp-top-scrollbar {
		display: block !important;
		height: 14px;
		margin: 0 0 8px;
		border: 1px solid rgba(139, 92, 246, 0.28);
		background: rgba(139, 92, 246, 0.14);
		cursor: ew-resize;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
		width: 100%;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
		position: relative;
		left: 0;
		right: 0;
	}
}

@media (max-width: 767px) {

	.fp-auth-body .fp-subscriptions-page .fp-top-scrollbar {
		display: block !important;
		height: 10px;
		margin: 0 0 6px;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
		flex-wrap: wrap !important;
		width: 100%;
		min-width: 0 !important;
		max-width: 100%;
		overflow-x: hidden !important;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li {
		width: auto;
		flex: 0 0 auto;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li.search {
		margin-left: 0;
		width: 100%;
		min-width: 0;
		flex: 1 1 100%;
		order: 99;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table {
		min-width: 760px !important;
		table-layout: auto;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th {
		padding: 7px 6px;
		font-size: 10px;
		letter-spacing: 0.05em;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td {
		padding: 7px 6px;
		font-size: 11px;
		line-height: 1.3;
	}
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-primary,
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table .btn.btn-xs.btn-default {
		padding: 4px 8px;
		font-size: 10px;
	}
	/* Ensure status column has minimum width for pill text */
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td:nth-child(8) {
		min-width: 95px;
	}
	/* Keep mobile subscriptions filter row visually clean; only active tab is accent. */
	.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters > li > a {
		background: rgba(255, 255, 255, 0.04) !important;
		border-color: var(--fp-border) !important;
	}
	html[data-fp-theme] .fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default,
	html:not([data-fp-theme]) .fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default {
		background: var(--fp-bg-soft) !important;
		border-color: var(--fp-border) !important;
	}
	html[data-fp-theme] .fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default:hover,
	html:not([data-fp-theme]) .fp-auth-body .fp-subscriptions-page #history-search .input-group .btn.btn-default:hover {
		background: var(--fp-border) !important;
	}
}

/* Subscriptions filters: keep chips style like orders (no full blue panel behind tabs). */
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-filters {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	padding-left: 0;
	padding-right: 0;
}

/* ============================================================
   ORDERS/REFILL/DRIP FEED MOBILE SCROLLING (Tablet 991px)
   ============================================================ */

@media (max-width: 991px) {
	/* ORDERS */
	.fp-auth-body .fp-orders-page .fp-orders-card {
		float: none !important;
		width: 100% !important;
		clear: both;
		overflow: visible;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-orders-page .fp-top-scrollbar {
		display: block !important;
		height: 14px;
		margin: 0 0 8px;
		border: 1px solid rgba(139, 92, 246, 0.28);
		background: rgba(139, 92, 246, 0.14);
		cursor: ew-resize;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:nth-child(9) {
		min-width: 90px;
	}
	/* UPDATES */
	.fp-auth-body .fp-updates-page .fp-updates-card {
		float: none !important;
		width: 100% !important;
		clear: both;
		padding: 14px;
		border-radius: 16px;
		border: 1px solid rgba(139, 92, 246, 0.2);
		background: rgba(14, 16, 33, 0.86);
		box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
		overflow: visible;
		margin-top: 12px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		width: 100%;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-updates-page .fp-top-scrollbar {
		display: block !important;
		height: 14px;
		margin: 0 0 8px;
		border: 1px solid rgba(139, 92, 246, 0.28);
		background: rgba(139, 92, 246, 0.14);
		cursor: ew-resize;
	}
	/* REFILL */
	.fp-auth-body .fp-refill-page .fp-refill-card {
		float: none !important;
		width: 100% !important;
		clear: both;
		padding: 14px;
		border-radius: 16px;
		border: 1px solid rgba(139, 92, 246, 0.2);
		background: rgba(14, 16, 33, 0.86);
		box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
		overflow: visible;
		margin-top: 12px;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		width: 100%;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-refill-page .fp-top-scrollbar {
		display: block !important;
		height: 14px;
		margin: 0 0 8px;
		border: 1px solid rgba(139, 92, 246, 0.28);
		background: rgba(139, 92, 246, 0.14);
		cursor: ew-resize;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table {
		min-width: 600px;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table > tbody > tr > td:nth-child(6) {
		min-width: 85px;
	}
	/* DRIP FEED */
	.fp-auth-body .fp-drip-page .fp-drip-card {
		float: none !important;
		width: 100% !important;
		clear: both;
		padding: 14px;
		border-radius: 16px;
		border: 1px solid rgba(139, 92, 246, 0.2);
		background: rgba(14, 16, 33, 0.86);
		box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
		overflow: visible;
		margin-top: 12px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		width: 100%;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-drip-page .fp-top-scrollbar {
		display: block !important;
		height: 14px;
		margin: 0 0 8px;
		border: 1px solid rgba(139, 92, 246, 0.28);
		background: rgba(139, 92, 246, 0.14);
		cursor: ew-resize;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table {
		min-width: 800px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(10) {
		min-width: 90px;
	}
}

@media (max-width: 767px) {
	/* ORDERS */
	.fp-auth-body .fp-orders-page .fp-orders-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-orders-page .fp-top-scrollbar {
		display: block !important;
		height: 10px;
		margin: 0 0 6px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table {
		min-width: 700px;
		table-layout: auto;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th {
		padding: 6px 5px;
		font-size: 9px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
		padding: 6px 5px;
		font-size: 10px;
	}
	.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:nth-child(9) {
		min-width: 85px;
	}
	/* UPDATES */
	.fp-auth-body .fp-updates-page .fp-updates-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-updates-page .fp-top-scrollbar {
		display: block !important;
		height: 10px;
		margin: 0 0 6px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table {
		min-width: 650px;
		table-layout: auto;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table > thead > tr > th {
		padding: 6px 5px;
		font-size: 9px;
	}
	.fp-auth-body .fp-updates-page .fp-updates-table > tbody > tr > td {
		padding: 6px 5px;
		font-size: 10px;
	}
	/* REFILL */
	.fp-auth-body .fp-refill-page .fp-refill-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-refill-page .fp-top-scrollbar {
		display: block !important;
		height: 10px;
		margin: 0 0 6px;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table {
		min-width: 550px;
		table-layout: auto;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table > thead > tr > th {
		padding: 6px 5px;
		font-size: 9px;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table > tbody > tr > td {
		padding: 6px 5px;
		font-size: 10px;
	}
	.fp-auth-body .fp-refill-page .fp-refill-table > tbody > tr > td:nth-child(6) {
		min-width: 80px;
	}
	/* DRIP FEED */
	.fp-auth-body .fp-drip-page .fp-drip-table-wrap {
		overflow-x: auto !important;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-drip-page .fp-top-scrollbar {
		display: block !important;
		height: 10px;
		margin: 0 0 6px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table {
		min-width: 750px;
		table-layout: auto;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table > thead > tr > th {
		padding: 6px 5px;
		font-size: 9px;
	}
	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td {
		padding: 6px 5px;
		font-size: 10px;
	}
	/* Refunds page responsive */
	.fp-auth-body .fp-refunds-page .fp-refunds-filters {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-filters > li {
		flex: 0 1 auto;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-filters > li.search {
		flex: 1 1 100%;
		margin-top: 8px;
		order: 99;
	}
}

@media (max-width: 991px) {
	.fp-auth-body .fp-refunds-page .fp-refunds-card {
		float: none !important;
		width: 100%;
		overflow: visible;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		position: relative;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-refunds-page .fp-top-scrollbar {
		height: 14px;
		background-color: #f0f0f0;
		border-radius: 4px;
		margin-bottom: 8px;
		cursor: ew-resize;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.fp-auth-body .fp-refunds-page .fp-top-scrollbar::-webkit-scrollbar {
		display: none;
	}
	.fp-auth-body .fp-refunds-page .fp-top-scrollbar-inner {
		background: rgba(139, 92, 246, 0.28);
		height: 4px;
		border-radius: 2px;
		margin: 5px 0;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table {
		min-width: 600px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th:nth-child(3) {
		min-width: 85px;
	}
}

@media (max-width: 767px) {
	.fp-auth-body .fp-refunds-page .fp-top-scrollbar {
		height: 10px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-filters > li a {
		padding: 6px 8px;
		font-size: 11px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table {
		min-width: 550px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th {
		padding: 6px 5px;
		font-size: 9px;
	}
	.fp-auth-body .fp-refunds-page .fp-refunds-table > tbody > tr > td {
		padding: 6px 5px;
		font-size: 10px;
	}
}

	.fp-auth-body .fp-drip-page .fp-drip-table > tbody > tr > td:nth-child(10) {
		min-width: 85px;
	}

/* ==========================================================================
   FollowersProvider Landing Page Redesign - Custom Overrides
   ========================================================================== */

/* Animations */
@keyframes fpFloatGraphic {
	0% {
		transform: translateY(0) rotate(-1deg);
	}
	100% {
		transform: translateY(-12px) rotate(1deg);
	}
}

@keyframes fpGlowPulse {
	0% {
		box-shadow: 0 0 15px rgba(30, 111, 255, 0.15);
	}
	100% {
		box-shadow: 0 0 30px rgba(30, 111, 255, 0.35);
	}
}

/* Public Navbar Adjustments */
.fp-public-navbar {
	background: rgba(0, 7, 17, 0.8) !important;
	border-bottom: 1px solid #10376A !important;
	backdrop-filter: blur(16px) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

.fp-brand {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px;
	white-space: nowrap !important;
}

.fp-brand-logo-img-icon {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	object-fit: cover;
	box-shadow: 0 4px 14px rgba(30, 111, 255, 0.35);
}

.fp-public-navbar .navbar-toggle .fa-bars {
	color: #A8B4D4;
	font-size: 16px;
}

.fp-public-navbar .navbar-toggle:hover .fa-bars {
	color: #ffffff;
}

.fp-brand-text {
	font-weight: 800;
	font-size: 20px;
	letter-spacing: -0.03em;
	background: linear-gradient(180deg, #ffffff 0%, #cbd5e1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fp-nav-menu-toggle {
	float: left;
	margin-left: 15px;
	margin-right: 0;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(30, 111, 255, 0.25) !important;
	border-radius: 8px;
	padding: 8px 11px;
	color: #fff;
	font-size: 15px;
	display: none;
}

.navbar-left-container {
	display: flex;
	align-items: center;
	margin-left: 16px;
}

.fp-lang-btn {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(30, 111, 255, 0.25) !important;
	border-radius: 999px;
	color: #A8B4D4 !important;
	padding: 7px 16px !important;
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
	outline: none !important;
}

.fp-lang-btn:hover {
	background: rgba(30, 111, 255, 0.08) !important;
	border-color: #1E6FFF !important;
	color: #ffffff !important;
}

.fp-lang-dropdown .dropdown-menu {
	background: #010c1e !important;
	border: 1px solid #10376A !important;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	margin-top: 6px;
}

.fp-lang-dropdown .dropdown-menu > li > a {
	color: #A8B4D4 !important;
	padding: 8px 16px;
	font-weight: 600;
	font-size: 13px;
}

.fp-lang-dropdown .dropdown-menu > li > a:hover {
	background: rgba(30, 111, 255, 0.15) !important;
	color: #ffffff !important;
}

/* Custom Navigation Link Styling */
.fp-nav-links > li > a {
	font-size: 14px;
	color: #A8B4D4 !important;
}

.fp-nav-main-links > li > a[href*="signup"],
.fp-nav-main-links > li > a[href*="register"] {
	background: linear-gradient(135deg, #1E6FFF, #3B8DFF) !important;
	box-shadow: 0 6px 16px rgba(30, 111, 255, 0.3) !important;
	border-radius: 999px !important;
	padding: 9px 18px !important;
}

.fp-nav-main-links > li > a[href*="signup"]:hover,
.fp-nav-main-links > li > a[href*="register"]:hover {
	background: linear-gradient(135deg, #2D7FFF, #5EA4FF) !important;
	box-shadow: 0 8px 20px rgba(30, 111, 255, 0.45) !important;
}

/* Hero Section */
.fp-hero {
	padding: 24px 0 12px;
	margin-bottom: 16px;
}

.fp-hero-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 310px;
}

.fp-hero-right {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 310px;
}

.fp-hero-graphic-wrap {
	position: relative;
	animation: fpFloatGraphic 6s ease-in-out infinite alternate;
}

.fp-hero-graphic {
	width: 100%;
	max-width: 400px;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.6));
}

.fp-text-gradient {
	background: linear-gradient(135deg, #1E6FFF, #5EA4FF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: none !important;
}

.fp-btn-outline {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(30, 111, 255, 0.35) !important;
	color: #A8B4D4 !important;
}

.fp-btn-outline:hover {
	background: rgba(30, 111, 255, 0.1) !important;
	border-color: #3B8DFF !important;
	color: #ffffff !important;
}

.arrow-right {
	display: inline-block;
	transition: transform 0.2s ease;
	margin-left: 4px;
}

.fp-btn:hover .arrow-right,
.fp-btn-outline:hover .arrow-right {
	transform: translateX(4px);
}

/* Metrics Cards Section */
.fp-metrics-section {
	margin-bottom: 38px;
}

.fp-metric-card {
	background: linear-gradient(180deg, #031229, #010c1e);
	border: 1px solid #10376A;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(12px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-metric-card:hover {
	transform: translateY(-4px);
	border-color: #1E6FFF;
	box-shadow: 0 0 20px rgba(30, 111, 255, 0.20), 0 0 40px rgba(30, 111, 255, 0.10);
}

.fp-metric-icon-wrap {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #ffffff;
	background: rgba(30, 111, 255, 0.12);
	border: 1px solid rgba(30, 111, 255, 0.32);
	box-shadow: 0 0 15px rgba(30, 111, 255, 0.2);
}

.fp-icon-uptime {
	color: #5EA4FF;
	background: rgba(94, 164, 255, 0.12);
	border-color: rgba(94, 164, 255, 0.32);
	box-shadow: 0 0 15px rgba(94, 164, 255, 0.2);
}

.fp-icon-clients {
	color: #3B8DFF;
}

.fp-icon-services {
	color: #1E6FFF;
}

.fp-metric-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.fp-metric-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #7282A7;
}

.fp-metric-value {
	font-size: 30px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.1;
}

.fp-metric-caption {
	font-size: 12px;
	color: #7282A7;
}

/* Login & Features Section */
.fp-login-features-section {
	margin-bottom: 42px;
}

.fp-login-panel {
	background: linear-gradient(180deg, #031229, #010c1e) !important;
	border: 1px solid #10376A !important;
	border-radius: 16px !important;
	padding: 34px !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5) !important;
}

.fp-panel-header h3 {
	font-size: 28px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	color: #ffffff !important;
	text-align: center;
	margin-top: 0;
	margin-bottom: 6px;
}

.fp-panel-header p {
	font-size: 14px !important;
	color: #7282A7 !important;
	text-align: center;
	margin-bottom: 28px;
}

.fp-input-group {
	position: relative;
	margin-bottom: 18px;
}

.fp-input-icon {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #7282A7;
	pointer-events: none;
	z-index: 5;
}

.fp-input {
	height: 48px !important;
	background: #000711 !important;
	border: 1px solid rgba(30, 111, 255, 0.18) !important;
	border-radius: 10px !important;
	padding-left: 44px !important;
	padding-right: 16px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	transition: all 0.25s ease !important;
}

.fp-input:focus {
	border-color: #3B8DFF !important;
	box-shadow: 0 0 16px rgba(30, 111, 255, 0.2) !important;
	background: #000711 !important;
}

.fp-password-group {
	position: relative;
}

.fp-password-toggle {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	color: #7282A7;
	cursor: pointer;
	padding: 4px;
	z-index: 5;
	outline: none;
}

.fp-password-toggle:hover {
	color: #A8B4D4;
}

.fp-login-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	font-size: 13px;
}

.fp-remember {
	color: #A8B4D4 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	user-select: none !important;
	padding-left: 0 !important;
	font-weight: 500 !important;
}

.fp-remember input[type="checkbox"] {
	position: static !important;
	margin: 0 !important;
	cursor: pointer !important;
	width: 15px !important;
	height: 15px !important;
	accent-color: #1E6FFF !important;
}

.fp-forgot-link {
	color: #2D7FFF !important;
	font-weight: 600;
	transition: color 0.2s ease;
}

.fp-forgot-link:hover {
	color: #5EA4FF !important;
	text-decoration: none !important;
}

.fp-login-actions {
	margin-bottom: 18px;
}

.fp-btn-block {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fp-signup-row {
	text-align: center;
	font-size: 13px;
	color: #7282A7;
	margin-top: 14px;
}

.fp-signup-row a {
	color: #2D7FFF;
	font-weight: 700;
	margin-left: 4px;
}

.fp-signup-row a:hover {
	color: #5EA4FF;
	text-decoration: none;
}

/* Features Stack */
.fp-features-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.fp-feature-card {
	background: linear-gradient(180deg, #031229, #010c1e);
	border: 1px solid #10376A;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(12px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-feature-card:hover {
	transform: translateY(-2px);
	border-color: #1E6FFF;
	box-shadow: 0 0 20px rgba(30, 111, 255, 0.20), 0 0 40px rgba(30, 111, 255, 0.10);
}

.fp-feature-icon-wrap {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #3B8DFF;
	background: rgba(30, 111, 255, 0.12);
	border: 1px solid rgba(30, 111, 255, 0.32);
	box-shadow: 0 0 15px rgba(30, 111, 255, 0.2);
}

.fp-feature-body h4 {
	font-size: 16px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 4px 0;
}

.fp-feature-body p {
	font-size: 13px;
	color: #A8B4D4;
	margin: 0;
}

/* Supported Platforms Section */
.fp-platform-panel-wide {
	background: linear-gradient(180deg, #031229, #010c1e) !important;
	border: 1px solid #10376A !important;
	border-radius: 16px !important;
	padding: 48px 24px !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5) !important;
}

.fp-section-kicker {
	border-color: rgba(30, 111, 255, 0.3) !important;
	background: rgba(30, 111, 255, 0.12) !important;
	color: #5EA4FF !important;
	font-size: 10px !important;
	margin-bottom: 14px;
}

.fp-platform-panel-wide h3 {
	font-size: 26px !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em !important;
	color: #ffffff !important;
	margin-bottom: 12px;
}

.fp-platform-copy {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	color: #A8B4D4 !important;
	font-size: 14px !important;
	line-height: 1.6;
	margin-bottom: 28px !important;
}

.fp-offer-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 32px;
}

.fp-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	background: #000711;
	border: 1px solid rgba(30, 111, 255, 0.2);
	border-radius: 999px;
	color: #A8B4D4;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	transition: all 0.2s ease;
}

.fp-chip i {
	color: #3B8DFF;
	font-size: 12px;
}

.fp-chip:hover {
	border-color: #1E6FFF;
	background: rgba(30, 111, 255, 0.12);
	color: #ffffff;
}

.fp-platforms-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin-bottom: 18px;
}

.fp-platform-card {
	background: #000711;
	border: 1px solid #10376A;
	border-radius: 16px;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-platform-card:hover {
	transform: translateY(-4px);
	border-color: #1E6FFF;
	box-shadow: 0 0 20px rgba(30, 111, 255, 0.15);
}

.fp-platform-icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.fp-platform-name {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #7282A7;
	transition: color 0.25s ease;
}

/* Custom Platform Colors */
.fp-platform-instagram .fp-platform-icon {
	background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);
}
.fp-platform-instagram:hover .fp-platform-name {
	color: #ee2a7b;
}

.fp-platform-youtube .fp-platform-icon {
	background: #ff0000;
}
.fp-platform-youtube:hover .fp-platform-name {
	color: #ff0000;
}

.fp-platform-spotify .fp-platform-icon {
	background: #1db954;
}
.fp-platform-spotify:hover .fp-platform-name {
	color: #1db954;
}

.fp-platform-discord .fp-platform-icon {
	background: #5865f2;
}
.fp-platform-discord:hover .fp-platform-name {
	color: #5865f2;
}

.fp-platform-twitter .fp-platform-icon {
	background: #000000;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.fp-platform-twitter:hover .fp-platform-name {
	color: #ffffff;
}

.fp-platform-tiktok .fp-platform-icon {
	background: #000000;
	border: 1px solid rgba(255, 255, 255, 0.15);
	text-shadow: -1px -1px 0 #00f2fe, 1px 1px 0 #fe0979;
}
.fp-platform-tiktok:hover .fp-platform-name {
	color: #00f2fe;
}

.fp-facebook-chip-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 28px;
}

.fp-facebook-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	background: #000711;
	border: 1px solid rgba(24, 119, 242, 0.25);
	border-radius: 999px;
	color: #A8B4D4;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: all 0.2s ease;
	cursor: pointer;
}

.fp-facebook-chip i {
	color: #1877f2;
	font-size: 12px;
}

.fp-facebook-chip:hover {
	border-color: #1877f2;
	background: rgba(24, 119, 242, 0.12);
	color: #ffffff;
}

.fp-platform-cta {
	display: flex;
	justify-content: center;
	gap: 16px;
}

/* Floating Widgets bottom right */
.fp-floating-widgets-wrapper {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 9999;
}

.fp-widget-discord,
.fp-widget-notification {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	border: 0;
	outline: none !important;
}

.fp-widget-discord {
	background: #5865f2;
	color: #ffffff;
}

.fp-widget-discord:hover {
	background: #4752c4;
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(88, 101, 242, 0.4);
	color: #ffffff !important;
	text-decoration: none;
}

.fp-widget-notification {
	background: #000711;
	border: 1px solid #10376A;
	color: #7282A7;
	position: relative;
}

.fp-widget-notification:hover {
	background: #010c1e;
	border-color: #1E6FFF;
	color: #ffffff;
	transform: translateY(-4px);
	box-shadow: 0 0 20px rgba(30, 111, 255, 0.15);
}

.fp-notification-badge {
	position: absolute;
	top: -2px;
	right: -2px;
	background: #ef4444;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #000711;
}

/* Responsiveness overrides */
@media (max-width: 991px) {
	.fp-public-navbar .navbar-header {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.fp-nav-menu-toggle {
		display: block;
	}
	
	.navbar-left-container {
		display: none;
	}
	
	.fp-platforms-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Tablet Hero Layout (Side-by-Side) */
@media (min-width: 768px) and (max-width: 991px) {
	.fp-hero-row {
		display: flex;
		flex-direction: row !important;
		align-items: center;
		gap: 16px;
	}
	
	.fp-hero-left {
		flex: 0 0 58% !important;
		width: 58% !important;
		min-height: auto;
		text-align: left !important;
		align-items: flex-start !important;
	}
	
	.fp-hero-right {
		flex: 0 0 42% !important;
		width: 42% !important;
		min-height: auto;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
	.fp-badge {
		align-self: flex-start !important;
	}
	
	.fp-hero-actions {
		justify-content: flex-start !important;
	}
}

/* Mobile Hero Layout (Stacked & Centered) */
@media (max-width: 767px) {
	.fp-hero-row {
		display: flex;
		flex-direction: column-reverse !important;
		gap: 20px;
	}
	.fp-hero-left {
		width: 100% !important;
		flex: 0 0 100% !important;
		text-align: center !important;
		align-items: center !important;
	}
	.fp-hero-right {
		width: 100% !important;
		flex: 0 0 100% !important;
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.fp-badge {
		align-self: center !important;
	}
	.fp-headline {
		font-size: 32px !important;
		line-height: 1.15 !important;
	}
	.fp-btn {
		padding: 12px 18px !important;
		font-size: 11px !important;
		letter-spacing: 0.04em !important;
	}
	.fp-hero-actions {
		justify-content: center !important;
		gap: 10px !important;
	}
	.fp-hero-graphic {
		max-width: 320px !important;
	}
	.fp-platforms-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.fp-login-features-row {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	
	.fp-hero {
		padding: 24px 0 10px;
	}
	
	.fp-metric-card {
		padding: 16px;
	}
	
	.fp-metric-value {
		font-size: 24px;
	}
	
	.fp-login-panel {
		padding: 24px !important;
	}
	
	.fp-floating-widgets-wrapper {
		bottom: 16px;
		right: 16px;
	}
	.fp-brand {
		gap: 6px !important;
	}
	
	.fp-brand-logo-img-icon {
		width: 30px !important;
		height: 30px !important;
		border-radius: 8px !important;
	}
	
	.fp-brand-text {
		font-size: 15px !important;
	}
	.fp-metrics-section {
		display: none !important;
	}
}

/* ============================================================
   USER PROFILE & AVATAR CHOOSER STYLES
   ============================================================ */

.fp-sidebar-profile {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 14px;
	margin: 10px 10px 4px;
	background:
		color-mix(
			in srgb,
			var(--fp-panel) 92%,
			var(--fp-accent) 8%
		);
	border: 1px solid
		color-mix(
			in srgb,
			var(--fp-border-strong) 45%,
			transparent
		);
	border-radius: 12px;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}

.fp-sidebar-profile:hover {
	background:
		color-mix(
			in srgb,
			var(--fp-panel) 85%,
			var(--fp-accent) 15%
		);
	border-color: var(--fp-border-strong);
	box-shadow:
		0 4px 15px
		color-mix(
			in srgb,
			var(--fp-accent) 20%,
			transparent
		);
}

.fp-sidebar-avatar-container {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	border: 1.5px solid var(--fp-border-strong);
	box-shadow:
		0 0 10px
		color-mix(
			in srgb,
			var(--fp-accent-strong) 30%,
			transparent
		);
}

.fp-sidebar-profile-info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.fp-sidebar-profile-name {
	font-weight: 700;
	font-size: 13.5px;
	color: var(--fp-text-main);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}

.fp-sidebar-profile-status {
	font-size: 10.5px;
	color: var(--fp-accent-strong);
	font-weight: 600;
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Avatar Rendering */
.fp-avatar-img-render {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	display: block;
}

.fp-avatar-preset-render {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: inherit;
	color: #ffffff !important;
}

.fp-avatar-preset-render i {
	font-size: 1.1em;
	color: #ffffff !important;
}

/* Avatar settings card UI */
.fp-avatar-chooser-well {
	padding: 24px !important;
}

.fp-avatar-chooser-header {
	display: flex;
	align-items: center;
	gap: 16px;
}

.fp-avatar-current-preview-wrapper {
	flex-shrink: 0;
}

.fp-avatar-current-preview-container {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--fp-border-strong);
	box-shadow:
		0 0 12px
		color-mix(
			in srgb,
			var(--fp-accent-strong) 35%,
			transparent
		);
}

.fp-avatar-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
	gap: 10px;
}

.fp-avatar-btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px solid transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	padding: 0;
	outline: none !important;
	overflow: hidden;
}

.fp-avatar-btn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

.fp-avatar-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.fp-avatar-btn.is-active {
	border-color: #ffffff !important;
	box-shadow: 0 0 12px var(--fp-accent-strong) !important;
	transform: scale(1.08);
}

/* Dashboard User Card Avatar Overlay style */
.fp-auth-body .fp-dashboard-page .single-meter .icon.fp-has-avatar {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	overflow: hidden;
}
/* Selected New Order platform filter */
html[data-fp-theme] .fp-auth-body .fp-order-chip.active,
html:not([data-fp-theme]) .fp-auth-body .fp-order-chip.active {
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	) !important;
	border-color: var(--fp-accent-strong) !important;
	color: #ffffff !important;
	box-shadow:
		0 0 0 2px var(--fp-accent-soft),
		0 10px 24px var(--fp-accent-soft) !important;
	transform: translateY(-1px);
}

html[data-fp-theme] .fp-auth-body .fp-order-chip.active i,
html:not([data-fp-theme]) .fp-auth-body .fp-order-chip.active i {
	color: #ffffff !important;
}
.fp-auth-body .fp-neworder-card .help-block {
	display: inline-block;
	margin-top: 8px;
	padding: 5px 10px;
	border-radius: 8px;
	background: var(--fp-accent-soft);
	border: 1px solid var(--fp-border);
	color: #ffffff !important;
	font-size: 11px;
	font-weight: 600;
}
/* ==========================================================
   FOLLOWERSPROVIDER PLATFORM FILTER CHIP COLORS
   Paste at the very bottom of style.css
   ========================================================== */

/* Base chip transition */
.fp-auth-body .fp-order-filter-panel .fp-order-chip {
    transition:
        background-color .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

/* Platform color variables */
.fp-auth-body .fp-order-chip.fp-chip-everything {
    --chip-color: #3b8dff;
    --chip-soft: rgba(59, 141, 255, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-instagram {
    --chip-color: #e4405f;
    --chip-soft: rgba(228, 64, 95, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-facebook {
    --chip-color: #1877f2;
    --chip-soft: rgba(24, 119, 242, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-youtube {
    --chip-color: #ff0000;
    --chip-soft: rgba(255, 0, 0, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-twitter {
    --chip-color: #1da1f2;
    --chip-soft: rgba(29, 161, 242, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-spotify {
    --chip-color: #1ed760;
    --chip-soft: rgba(30, 215, 96, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-tiktok {
    --chip-color: #25f4ee;
    --chip-soft: rgba(37, 244, 238, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-linkedin {
    --chip-color: #0a66c2;
    --chip-soft: rgba(10, 102, 194, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-google {
    --chip-color: #4285f4;
    --chip-soft: rgba(66, 133, 244, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-telegram {
    --chip-color: #229ed9;
    --chip-soft: rgba(34, 158, 217, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-discord {
    --chip-color: #5865f2;
    --chip-soft: rgba(88, 101, 242, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-snapchat {
    --chip-color: #fffc00;
    --chip-soft: rgba(255, 252, 0, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-twitch {
    --chip-color: #9146ff;
    --chip-soft: rgba(145, 70, 255, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-traffic {
    --chip-color: #38bdf8;
    --chip-soft: rgba(56, 189, 248, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-soundcloud {
    --chip-color: #ff5500;
    --chip-soft: rgba(255, 85, 0, .22);
}

.fp-auth-body .fp-order-chip.fp-chip-other {
    --chip-color: #94a3b8;
    --chip-soft: rgba(148, 163, 184, .22);
}

/* Inactive chip */
.fp-auth-body .fp-order-filter-panel .fp-order-chip[class*="fp-chip-"] {
    background: rgba(2, 8, 20, .72) !important;
    border-color: var(--chip-color) !important;
    color: #ffffff !important;
}

/* Colored platform icon */
.fp-auth-body .fp-order-filter-panel .fp-order-chip[class*="fp-chip-"] i {
    color: var(--chip-color) !important;
}

/* Hover */
.fp-auth-body .fp-order-filter-panel .fp-order-chip[class*="fp-chip-"]:hover {
    background: var(--chip-soft) !important;
    border-color: var(--chip-color) !important;
    color: #ffffff !important;
    box-shadow:
        0 0 0 1px var(--chip-color),
        0 6px 18px var(--chip-soft) !important;
    transform: translateY(-1px);
}

/* Active platform */
.fp-auth-body .fp-order-filter-panel .fp-order-chip[class*="fp-chip-"].active {
    background: var(--chip-color) !important;
    border-color: var(--chip-color) !important;
    color: #ffffff !important;
    box-shadow:
        0 0 0 2px var(--chip-soft),
        0 8px 22px var(--chip-soft) !important;
}

/* Active icon */
.fp-auth-body .fp-order-filter-panel .fp-order-chip[class*="fp-chip-"].active i {
    color: #ffffff !important;
}

/* Snapchat needs dark text on yellow */
.fp-auth-body .fp-order-filter-panel .fp-chip-snapchat.active {
    color: #111827 !important;
}

.fp-auth-body .fp-order-filter-panel .fp-chip-snapchat.active i {
    color: #111827 !important;
}
/* =========================================================
   FOLLOWERSPROVIDER SPENDING STATUS / RANK LADDER
   MULTI-THEME VERSION
   ========================================================= */

.fp-dashboard-page .fp-rank-section{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:22px;
    padding:24px;
    border:1px solid var(--fp-border);
    border-radius:20px;
    background:
        radial-gradient(
            circle at top right,
            var(--fp-theme-glow-1),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--fp-panel),
            var(--fp-bg-soft)
        );

    box-shadow:
        0 18px 45px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.03);
}

.fp-dashboard-page .fp-rank-section::before{
    content:"";
    position:absolute;
    top:-110px;
    right:-80px;
    width:230px;
    height:230px;
    border-radius:50%;
    background:var(--fp-accent-soft);
    filter:blur(80px);
    pointer-events:none;
}

.fp-dashboard-page .fp-rank-header{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:20px;
}

.fp-dashboard-page .fp-rank-header-copy{
    min-width:0;
}

.fp-dashboard-page .fp-rank-eyebrow{
    display:block;
    margin-bottom:5px;
    color:var(--fp-accent-strong);
    font-size:11px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.fp-dashboard-page .fp-rank-header h3{
    margin:0 0 7px;
    color:var(--fp-text-main);
    font-size:28px;
    font-weight:800;
}

.fp-dashboard-page .fp-rank-header p{
    margin:0;
    color:var(--fp-text-muted);
    font-size:14px;
    line-height:1.55;
}

.fp-dashboard-page .fp-rank-current-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--fp-border-strong);
    border-radius:999px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong);
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}

.fp-dashboard-page .fp-rank-current-badge i{
    font-size:15px;
}

.fp-dashboard-page .fp-rank-progress-card{
    position:relative;
    z-index:1;
    margin-bottom:20px;
    padding:18px;
    border:1px solid var(--fp-border);
    border-radius:16px;
    background:var(--fp-bg-soft);
}

.fp-dashboard-page .fp-rank-progress-top,
.fp-dashboard-page .fp-rank-progress-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.fp-dashboard-page .fp-rank-progress-label{
    display:block;
    margin-bottom:3px;
    color:var(--fp-text-muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.fp-dashboard-page .fp-rank-progress-top strong{
    color:var(--fp-text-main);
    font-size:16px;
    font-weight:800;
}

.fp-dashboard-page .fp-rank-percent{
    color:var(--fp-accent-strong);
    font-size:21px;
    font-weight:900;
}

/* =========================================================
   PREMIUM PROGRESS BAR
   ========================================================= */

.fp-dashboard-page .fp-rank-progress-track{
    position:relative;
    overflow:hidden;
    width:100%;
    height:13px;
    margin:15px 0 11px;
    border-radius:999px;
    background:rgba(255,255,255,.05);

    box-shadow:
        inset 0 2px 6px rgba(0,0,0,.45),
        inset 0 0 0 1px rgba(255,255,255,.02);
}

.fp-dashboard-page .fp-rank-progress-track span{
    position:relative;
    display:block;
    overflow:hidden;
    height:100%;
    max-width:100%;
    border-radius:inherit;

    background:linear-gradient(
    to bottom,
    #79bcff 0%,
    var(--fp-accent-strong) 20%,
    var(--fp-accent) 55%,
    #2d6cff 100%
);
    );

    background-size:100% 100%;

    animation:fpProgressGlow 5s ease-in-out infinite;

    box-shadow:
    inset 0 1px 1px rgba(255,255,255,.30),
    inset 0 -2px 4px rgba(0,0,0,.20),
    0 0 12px var(--fp-theme-glow-1),
    0 0 24px var(--fp-theme-glow-1),
    0 0 42px var(--fp-theme-glow-2);
}

.fp-dashboard-page .fp-rank-progress-track span::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:12px;
    height:14px;
    transform:translateY(-50%);
    border-radius:50%;
    background:#fff;
    border:2px solid var(--fp-accent-strong);

    box-shadow:
        0 0 8px var(--fp-theme-glow-1),
        0 0 18px var(--fp-theme-glow-2);
}

.fp-dashboard-page .fp-rank-progress-bottom{
    color:var(--fp-text-muted);
    font-size:12px;
    line-height:1.4;
}

.fp-dashboard-page .fp-rank-progress-bottom strong{
    color:var(--fp-text-main);
    font-weight:800;
}
/* =========================================================
   RANK LADDER
   ========================================================= */

.fp-dashboard-page .fp-rank-ladder{
    position:relative;
    z-index:1;
    overflow:hidden;
    border:1px solid var(--fp-border);
    border-radius:18px;
    background:var(--fp-bg-soft);
}

.fp-dashboard-page .fp-rank-item{
    --fp-rank-color:#7d899f;

    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:82px;
    padding:15px 18px;
    border-bottom:1px solid var(--fp-border);

    transition:
        background .20s ease,
        box-shadow .20s ease,
        transform .20s ease;
}

.fp-dashboard-page .fp-rank-item:last-child{
    border-bottom:0;
}

.fp-dashboard-page .fp-rank-item:hover{
    background:var(--fp-accent-soft);
}

.fp-dashboard-page .fp-rank-icon{
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border:1px solid var(--fp-rank-color);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:var(--fp-rank-color);
    font-size:19px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-dashboard-page .fp-rank-info{
    flex:1 1 auto;
    min-width:0;
}

.fp-dashboard-page .fp-rank-info strong{
    display:block;
    margin-bottom:4px;
    color:var(--fp-text-main);
    font-size:16px;
    font-weight:800;
    line-height:1.2;
}

.fp-dashboard-page .fp-rank-info span{
    display:block;
    color:var(--fp-text-muted);
    font-size:13px;
    font-weight:600;
    line-height:1.35;
}

.fp-dashboard-page .fp-rank-info small{
    display:block;
    margin-top:3px;
    color:var(--fp-rank-color);
    font-size:11px;
    font-weight:800;
    line-height:1.2;
}

.fp-dashboard-page .fp-rank-status{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid var(--fp-border-strong);
    border-radius:999px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong);
    font-size:10px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
}

.fp-dashboard-page .fp-rank-check{
    flex:0 0 auto;
    color:#20d695;
    font-size:18px;
}

.fp-dashboard-page .fp-rank-item.active{
    background:linear-gradient(
        90deg,
        var(--fp-accent-soft),
        transparent
    );

    box-shadow:
        inset 4px 0 var(--fp-accent-strong),
        0 0 20px var(--fp-theme-glow-2);
}

.fp-dashboard-page .fp-rank-item.active .fp-rank-icon{
    background:rgba(255,255,255,.055);

    box-shadow:
        0 0 18px rgba(255,255,255,.06),
        inset 0 1px 0 rgba(255,255,255,.07);
}

/* =========================================================
   RANK COLORS
   ========================================================= */

.fp-dashboard-page .fp-rank-new{
    --fp-rank-color:#ff667e;
}

.fp-dashboard-page .fp-rank-junior{
    --fp-rank-color:#7185ff;
}

.fp-dashboard-page .fp-rank-frequent{
    --fp-rank-color:#42a7ff;
}

.fp-dashboard-page .fp-rank-elite{
    --fp-rank-color:#20d69a;
}

.fp-dashboard-page .fp-rank-vip{
    --fp-rank-color:#ad7cff;
}

.fp-dashboard-page .fp-rank-master{
    --fp-rank-color:#f5b91d;
}

.fp-dashboard-page .fp-rank-diamond{
    --fp-rank-color:#58e7ff;
}

/* =========================================================
   RESET
   ========================================================= */

.fp-dashboard-page .fp-rank-section span,
.fp-dashboard-page .fp-rank-section small,
.fp-dashboard-page .fp-rank-section strong{
    float:none;
}

.fp-dashboard-page .fp-rank-section h3,
.fp-dashboard-page .fp-rank-section p{
    text-transform:none;
}
 /* =========================================================
   EXPLICIT THEME OVERRIDES
   Keeps the rank card synced with every panel theme
   ========================================================= */

html[data-fp-theme] .fp-dashboard-page .fp-rank-section{
    border-color:var(--fp-border) !important;

    background:
        radial-gradient(
            circle at top right,
            var(--fp-theme-glow-1),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--fp-panel),
            var(--fp-bg-soft)
        ) !important;
}

html[data-fp-theme] .fp-dashboard-page .fp-rank-progress-card,
html[data-fp-theme] .fp-dashboard-page .fp-rank-ladder{
    border-color:var(--fp-border) !important;
    background:var(--fp-bg-soft) !important;
}

html[data-fp-theme] .fp-dashboard-page .fp-rank-eyebrow,
html[data-fp-theme] .fp-dashboard-page .fp-rank-percent,
html[data-fp-theme] .fp-dashboard-page .fp-rank-current-badge,
html[data-fp-theme] .fp-dashboard-page .fp-rank-status{
    color:var(--fp-accent-strong) !important;
}

html[data-fp-theme] .fp-dashboard-page .fp-rank-current-badge,
html[data-fp-theme] .fp-dashboard-page .fp-rank-status{
    background:var(--fp-accent-soft) !important;
    border-color:var(--fp-border-strong) !important;
}

html[data-fp-theme] .fp-dashboard-page .fp-rank-progress-track span{
    background:linear-gradient(
        90deg,
        var(--fp-accent),
        var(--fp-accent-strong),
        var(--fp-accent)
    ) !important;

    background-size:200% 100% !important;
}

html[data-fp-theme] .fp-dashboard-page .fp-rank-item.active{
    background:linear-gradient(
        90deg,
        var(--fp-accent-soft),
        transparent
    ) !important;

    box-shadow:
        inset 4px 0 var(--fp-accent-strong),
        0 0 20px var(--fp-theme-glow-2) !important;
}

/* =========================================================
   ANIMATED PROGRESS GRADIENT
   ========================================================= */

@keyframes fpProgressGlow{
    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }
}

/* Disable animation for users who prefer reduced motion */

@media (prefers-reduced-motion:reduce){
    .fp-dashboard-page .fp-rank-progress-track span{
        animation:none;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991px){
    .fp-dashboard-page .fp-rank-section{
        padding:20px;
    }

    .fp-dashboard-page .fp-rank-header h3{
        font-size:25px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){
    .fp-dashboard-page .fp-rank-section{
        margin-top:16px;
        padding:16px;
        border-radius:17px;
    }

    .fp-dashboard-page .fp-rank-header{
        align-items:center;
        gap:10px;
        margin-bottom:16px;
    }

    .fp-dashboard-page .fp-rank-eyebrow{
        font-size:10px;
    }

    .fp-dashboard-page .fp-rank-header h3{
        margin-bottom:4px;
        font-size:23px;
    }

    .fp-dashboard-page .fp-rank-header p{
        font-size:12px;
        line-height:1.45;
    }

    .fp-dashboard-page .fp-rank-current-badge{
        min-height:35px;
        padding:0 10px;
        font-size:10px;
    }

    .fp-dashboard-page .fp-rank-current-badge i{
        font-size:12px;
    }

    .fp-dashboard-page .fp-rank-progress-card{
        margin-bottom:15px;
        padding:14px;
        border-radius:14px;
    }

    .fp-dashboard-page .fp-rank-progress-top strong{
        font-size:14px;
    }

    .fp-dashboard-page .fp-rank-percent{
        font-size:18px;
    }

    .fp-dashboard-page .fp-rank-progress-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    .fp-dashboard-page .fp-rank-item{
        min-height:72px;
        gap:11px;
        padding:12px 13px;
    }

    .fp-dashboard-page .fp-rank-icon{
        flex-basis:43px;
        width:43px;
        height:43px;
        border-radius:12px;
        font-size:17px;
    }

    .fp-dashboard-page .fp-rank-info strong{
        margin-bottom:3px;
        font-size:15px;
    }

    .fp-dashboard-page .fp-rank-info span{
        font-size:11px;
    }

    .fp-dashboard-page .fp-rank-info small{
        margin-top:2px;
        font-size:10px;
    }

    .fp-dashboard-page .fp-rank-status{
        min-height:25px;
        padding:0 8px;
        font-size:9px;
    }

    .fp-dashboard-page .fp-rank-check{
        font-size:16px;
    }
}

/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width:420px){
    .fp-dashboard-page .fp-rank-section{
        padding:14px;
    }

    .fp-dashboard-page .fp-rank-header{
        align-items:flex-start;
        flex-direction:column;
    }

    .fp-dashboard-page .fp-rank-current-badge{
        align-self:flex-start;
    }

    .fp-dashboard-page .fp-rank-item{
        align-items:center;
    }

    .fp-dashboard-page .fp-rank-info span{
        white-space:normal;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER CHILD PANEL PAGE
========================================================= */

.fp-childpanel-page {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 50px;
}

.fp-childpanel-hero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 24px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(109, 137, 255, 0.18);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at top right,
            rgba(72, 102, 255, 0.18),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(20, 27, 45, 0.98),
            rgba(13, 18, 31, 0.98)
        );
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.22);
}

.fp-childpanel-hero::after {
    position: absolute;
    top: -80px;
    right: -70px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(102, 132, 255, 0.15);
    border-radius: 50%;
    content: "";
}

.fp-childpanel-hero-icon {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 74px;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 1px solid rgba(113, 144, 255, 0.35);
    border-radius: 22px;
    background: linear-gradient(
        145deg,
        rgba(68, 102, 255, 0.22),
        rgba(39, 64, 156, 0.12)
    );
    color: #7fa0ff;
    font-size: 28px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 32px rgba(36, 65, 170, 0.16);
}

.fp-childpanel-hero-content {
    position: relative;
    z-index: 2;
}

.fp-childpanel-eyebrow,
.fp-childpanel-section-label {
    display: inline-block;
    margin-bottom: 7px;
    color: #7897f8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
}

.fp-childpanel-hero h1 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.fp-childpanel-hero p {
    max-width: 720px;
    margin: 0;
    color: #9aa6bb;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}

.fp-childpanel-alert {
    position: relative;
    margin-bottom: 18px;
    padding: 16px 48px 16px 18px;
    border-radius: 16px;
}

.fp-childpanel-alert-content {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.fp-childpanel-alert-content i {
    margin-top: 2px;
}

.fp-childpanel-alert .close {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.fp-childpanel-notice {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(18, 24, 39, 0.94);
}

.fp-childpanel-notice-warning {
    border-color: rgba(255, 185, 74, 0.28);
    background:
        linear-gradient(
            135deg,
            rgba(255, 169, 51, 0.1),
            rgba(18, 24, 39, 0.96)
        );
}

.fp-childpanel-notice-danger {
    border-color: rgba(255, 91, 113, 0.26);
    background:
        linear-gradient(
            135deg,
            rgba(255, 91, 113, 0.1),
            rgba(18, 24, 39, 0.96)
        );
}

.fp-childpanel-notice-icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 17px;
}

.fp-childpanel-notice-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.fp-childpanel-notice-content strong {
    margin-bottom: 3px;
    color: #ffffff;
    font-size: 14px;
}

.fp-childpanel-notice-content span {
    color: #a4adbc;
    font-size: 13px;
    line-height: 1.5;
}

.fp-childpanel-action-btn,
.fp-childpanel-admin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid rgba(112, 143, 255, 0.3);
    border-radius: 12px;
    background: linear-gradient(135deg, #5579f5, #385bdd);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 10px 25px rgba(56, 91, 221, 0.22);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.fp-childpanel-action-btn:hover,
.fp-childpanel-action-btn:focus,
.fp-childpanel-admin-btn:hover,
.fp-childpanel-admin-btn:focus {
    border-color: rgba(139, 164, 255, 0.6);
    background: linear-gradient(135deg, #6385fa, #4568e8);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(56, 91, 221, 0.3);
}

.fp-childpanel-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin: 28px 2px 14px;
}

.fp-childpanel-section-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.fp-childpanel-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 48px;
    padding: 9px 13px;
    border: 1px solid rgba(116, 145, 255, 0.2);
    border-radius: 12px;
    background: rgba(82, 111, 218, 0.1);
    color: #8ca7ff;
    font-size: 13px;
    font-weight: 800;
}

.fp-childpanel-card {
    overflow: hidden;
    border: 1px solid rgba(113, 137, 183, 0.15);
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            rgba(20, 27, 44, 0.98),
            rgba(12, 17, 29, 0.98)
        );
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.2);
}

.fp-childpanel-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.fp-childpanel-table {
    width: 100%;
    min-width: 850px;
    margin: 0;
    background: transparent;
}

.fp-childpanel-table > thead > tr > th {
    padding: 17px 20px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.018);
    color: #7f8ba1;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    vertical-align: middle;
}

.fp-childpanel-table > tbody > tr {
    transition: background 0.2s ease;
}

.fp-childpanel-table > tbody > tr:hover {
    background: rgba(90, 119, 222, 0.045);
}

.fp-childpanel-table > tbody > tr > td {
    padding: 18px 20px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    color: #b4bdcc;
    font-size: 13px;
    vertical-align: middle;
}

.fp-childpanel-table > tbody > tr:last-child > td {
    border-bottom: 0;
}

.fp-childpanel-domain {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fp-childpanel-domain-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(111, 142, 255, 0.2);
    border-radius: 13px;
    background: rgba(76, 107, 218, 0.11);
    color: #82a0ff;
    font-size: 15px;
}

.fp-childpanel-domain-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fp-childpanel-domain-info strong {
    max-width: 270px;
    overflow: hidden;
    color: #f5f7fb;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-childpanel-domain-info span {
    margin-top: 3px;
    color: #68748a;
    font-size: 11px;
    font-weight: 600;
}

.fp-childpanel-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
}

.fp-childpanel-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}

.fp-childpanel-status-active {
    border-color: rgba(50, 207, 144, 0.2);
    background: rgba(50, 207, 144, 0.1);
    color: #4bdca1;
}

.fp-childpanel-status-pending {
    border-color: rgba(255, 183, 65, 0.22);
    background: rgba(255, 183, 65, 0.1);
    color: #ffc05a;
}

.fp-childpanel-status-expired,
.fp-childpanel-status-disabled {
    border-color: rgba(255, 91, 113, 0.2);
    background: rgba(255, 91, 113, 0.1);
    color: #ff7187;
}

.fp-childpanel-status-default {
    border-color: rgba(127, 149, 187, 0.2);
    background: rgba(127, 149, 187, 0.09);
    color: #9ba8bd;
}

.fp-childpanel-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #aeb8c8;
    font-size: 12px;
    font-weight: 600;
}

.fp-childpanel-date i {
    color: #6f7e95;
}

.fp-childpanel-actions-column {
    width: 1%;
}

.fp-childpanel-actions {
    text-align: right;
}

.fp-childpanel-admin-btn {
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 11px;
}

.fp-childpanel-admin-unavailable {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #667187;
    font-size: 11px;
    font-weight: 700;
}

.fp-childpanel-empty {
    padding: 55px 25px;
    border: 1px solid rgba(111, 139, 255, 0.16);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at top center,
            rgba(70, 99, 218, 0.12),
            transparent 45%
        ),
        rgba(15, 21, 35, 0.96);
    text-align: center;
}

.fp-childpanel-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border: 1px solid rgba(113, 143, 255, 0.23);
    border-radius: 22px;
    background: rgba(76, 107, 218, 0.11);
    color: #7f9cff;
    font-size: 25px;
}

.fp-childpanel-empty h2 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
}

.fp-childpanel-empty p {
    max-width: 560px;
    margin: 0 auto;
    color: #8995a9;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================================================
   CHILD PANEL MOBILE CARDS
========================================================= */

@media (max-width: 767px) {
    .fp-childpanel-page {
        padding-top: 14px;
        padding-bottom: 35px;
    }

    .fp-childpanel-hero {
        align-items: flex-start;
        padding: 23px 20px;
        border-radius: 20px;
    }

    .fp-childpanel-hero-icon {
        flex-basis: 55px;
        width: 55px;
        height: 55px;
        border-radius: 17px;
        font-size: 21px;
    }

    .fp-childpanel-hero h1 {
        font-size: 25px;
    }

    .fp-childpanel-hero p {
        font-size: 13px;
        line-height: 1.6;
    }

    .fp-childpanel-eyebrow {
        font-size: 10px;
    }

    .fp-childpanel-notice {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 16px;
    }

    .fp-childpanel-notice-content {
        width: calc(100% - 62px);
    }

    .fp-childpanel-action-btn {
        width: 100%;
        margin-top: 3px;
    }

    .fp-childpanel-section-heading {
        align-items: center;
        margin-top: 24px;
    }

    .fp-childpanel-section-heading h2 {
        font-size: 20px;
    }

    .fp-childpanel-card {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .fp-childpanel-table-wrap {
        overflow: visible;
    }

    .fp-childpanel-table {
        display: block;
        min-width: 0;
    }

    .fp-childpanel-table thead {
        display: none;
    }

    .fp-childpanel-table tbody,
    .fp-childpanel-table tr,
    .fp-childpanel-table td {
        display: block;
        width: 100%;
    }

    .fp-childpanel-table > tbody > tr {
        margin-bottom: 15px;
        padding: 18px;
        border: 1px solid rgba(111, 139, 188, 0.15);
        border-radius: 19px;
        background:
            linear-gradient(
                145deg,
                rgba(20, 27, 44, 0.98),
                rgba(12, 17, 29, 0.98)
            );
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.16);
    }

    .fp-childpanel-table > tbody > tr:hover {
        background:
            linear-gradient(
                145deg,
                rgba(22, 30, 49, 0.98),
                rgba(13, 19, 32, 0.98)
            );
    }

    .fp-childpanel-table > tbody > tr > td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 12px 0;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.055);
        text-align: right;
    }

    .fp-childpanel-table > tbody > tr > td::before {
        flex: 0 0 auto;
        color: #66738a;
        content: attr(data-label);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-align: left;
        text-transform: uppercase;
    }

    .fp-childpanel-table > tbody > tr > td:first-child {
        display: block;
        padding-top: 0;
        padding-bottom: 16px;
        text-align: left;
    }

    .fp-childpanel-table > tbody > tr > td:first-child::before {
        display: none;
    }

    .fp-childpanel-table > tbody > tr > td:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .fp-childpanel-domain-info strong {
        max-width: 210px;
    }

    .fp-childpanel-actions {
        text-align: right;
    }

    .fp-childpanel-admin-btn {
        min-width: 120px;
    }

    .fp-childpanel-empty {
        padding: 42px 20px;
    }
}

@media (max-width: 420px) {
    .fp-childpanel-hero {
        gap: 14px;
        padding: 20px 17px;
    }

    .fp-childpanel-hero-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        border-radius: 15px;
        font-size: 18px;
    }

    .fp-childpanel-hero h1 {
        font-size: 22px;
    }

    .fp-childpanel-domain-info strong {
        max-width: 170px;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER VIEW TICKET
========================================================= */
.fp-viewticket-page {
  --fp-ticket-primary: var(--fp-accent, #1E6FFF);
  --fp-ticket-primary-strong: var(--fp-accent-strong, #3B8DFF);
  --fp-ticket-primary-soft: var(
    --fp-accent-soft,
    rgba(30, 111, 255, 0.12)
  );

  --fp-ticket-text: var(--fp-text-main, #ffffff);
  --fp-ticket-muted: var(--fp-text-muted, #a8b4d4);

  --fp-ticket-card: var(--fp-panel, #031229);
  --fp-ticket-card-soft: var(--fp-bg-soft, #00050d);
  --fp-ticket-input: var(--fp-bg-main, #000711);

  --fp-ticket-border: var(
    --fp-border,
    rgba(30, 111, 255, 0.25)
  );

  --fp-ticket-border-strong: var(
    --fp-border-strong,
    #1E6FFF
  );

  --fp-ticket-glow-1: var(
    --fp-theme-glow-1,
    rgba(30, 111, 255, 0.15)
  );

  --fp-ticket-glow-2: var(
    --fp-theme-glow-2,
    rgba(30, 111, 255, 0.08)
  );

  --fp-ticket-success: var(--success-color, #46d99b);
  --fp-ticket-warning: var(--warning-color, #ffc15d);
  --fp-ticket-danger: var(--danger-color, #ff647c);

  width: 100%;
  padding-top: 22px;
  padding-bottom: calc(145px + env(safe-area-inset-bottom));
}

/* =========================================================
  MAIN CARD
========================================================= */

.fp-viewticket-card {
 position: relative;
 overflow: hidden;
 margin: 0;
 padding: 0;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 34%,
   transparent
 );
 border-radius: 24px;
 background:
   radial-gradient(
     circle at 91% 4%,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 14%,
       transparent
     ),
     transparent 34%
   ),
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-card) 97%,
       black
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-card) 88%,
       black
     )
   );
 color: var(--fp-ticket-text);
 box-shadow:
   0 30px 80px rgba(0, 0, 0, 0.34),
   inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fp-viewticket-card::before {
 position: absolute;
 top: 0;
 left: 8%;
 width: 84%;
 height: 1px;
 content: "";
 pointer-events: none;
 background:
   linear-gradient(
     90deg,
     transparent,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 72%,
       transparent
     ),
     transparent
   );
}

/* =========================================================
  HEADER
========================================================= */

.fp-viewticket-header {
 position: relative;
 display: flex;
 align-items: center;
 gap: 15px;
 min-height: 112px;
 padding: 25px 27px;
 overflow: hidden;
 border-bottom: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 25%,
   transparent
 );
 background:
   radial-gradient(
     circle at 88% 18%,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 17%,
       transparent
     ),
     transparent 34%
   ),
   linear-gradient(
     135deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 15%,
       var(--fp-ticket-card)
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-card) 94%,
       black
     )
   );
}

.fp-viewticket-header::after {
 position: absolute;
 top: -82px;
 right: -48px;
 width: 230px;
 height: 230px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 15%,
   transparent
 );
 border-radius: 50%;
 content: "";
 pointer-events: none;
}

.fp-viewticket-back {
 position: relative;
 z-index: 2;
 display: inline-flex;
 flex: 0 0 42px;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 38%,
   transparent
 );
 border-radius: 13px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 12%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 65%,
   white
 ) !important;
 font-size: 21px;
 font-weight: 700;
 line-height: 1;
 text-decoration: none !important;
 box-shadow:
   inset 0 1px 0 rgba(255, 255, 255, 0.04),
   0 10px 25px rgba(0, 0, 0, 0.18);
 transition:
   transform 0.2s ease,
   border-color 0.2s ease,
   background 0.2s ease;
}

.fp-viewticket-back:hover,
.fp-viewticket-back:focus {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 72%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 22%,
   transparent
 );
 color: #ffffff !important;
 transform: translateX(-2px);
}

.fp-viewticket-header-icon {
 position: relative;
 z-index: 2;
 display: inline-flex;
 flex: 0 0 55px;
 align-items: center;
 justify-content: center;
 width: 55px;
 height: 55px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 36%,
   transparent
 );
 border-radius: 17px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 13%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 62%,
   white
 );
 font-size: 21px;
 box-shadow:
   inset 0 1px 0 rgba(255, 255, 255, 0.04),
   0 10px 25px rgba(0, 0, 0, 0.16);
}

.fp-viewticket-header-content {
 position: relative;
 z-index: 2;
 flex: 1;
 min-width: 0;
}

.fp-viewticket-eyebrow {
 display: block;
 margin-bottom: 4px;
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 66%,
   white
 );
 font-size: 10px;
 font-weight: 800;
 letter-spacing: 0.12em;
 line-height: 1.3;
 text-transform: uppercase;
}

.fp-viewticket-title {
 max-width: 670px;
 margin: 0;
 overflow: hidden;
 color: var(--fp-ticket-text);
 font-size: 24px;
 font-weight: 800;
 letter-spacing: -0.025em;
 line-height: 1.3;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fp-viewticket-head-meta {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 9px;
}

/* =========================================================
  STATUS PILLS
========================================================= */

.fp-ticket-status-pill,
.fp-ticket-message-total {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 min-height: 29px;
 padding: 6px 11px;
 border: 1px solid var(--fp-ticket-border);
 border-radius: 999px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-card-soft) 72%,
   transparent
 );
 color: var(--fp-ticket-muted);
 font-size: 10px;
 font-weight: 800;
 line-height: 1;
}

.fp-ticket-status-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: currentColor;
 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.025);
}

.fp-ticket-status-open {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-success) 30%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-success) 10%,
   transparent
 );
 color: var(--fp-ticket-success);
}

.fp-ticket-status-answered {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 32%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 10%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 68%,
   white
 );
}

.fp-ticket-status-pending {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-warning) 30%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-warning) 10%,
   transparent
 );
 color: var(--fp-ticket-warning);
}

.fp-ticket-status-closed {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-danger) 30%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-danger) 10%,
   transparent
 );
 color: var(--fp-ticket-danger);
}

.fp-ticket-status-default {
 border-color: var(--fp-ticket-border);
 background: color-mix(
   in srgb,
   var(--fp-ticket-card-soft) 72%,
   transparent
 );
 color: var(--fp-ticket-muted);
}

/* =========================================================
  CONVERSATION
========================================================= */

.fp-viewticket-conversation {
 padding: 31px 28px 14px;
}

.fp-ticket-message-row {
 display: flex;
 align-items: flex-start;
 gap: 12px;
 width: 100%;
 margin-bottom: 27px;
}

.fp-ticket-message-support {
 justify-content: flex-start;
}

.fp-ticket-message-customer {
 justify-content: flex-end;
}

.fp-ticket-message-column {
 display: inline-flex;
 width: fit-content;
 min-width: 0;
 max-width: 76%;
 flex-direction: column;
}

.fp-ticket-message-support .fp-ticket-message-column {
 align-items: flex-start;
}

.fp-ticket-message-customer .fp-ticket-message-column {
 align-items: flex-end;
}

/* =========================================================
  AVATARS
========================================================= */

.fp-ticket-avatar {
 position: relative;
 display: inline-flex;
 flex: 0 0 43px;
 align-items: center;
 justify-content: center;
 width: 43px;
 height: 43px;
 border-radius: 14px;
 color: #ffffff;
 font-size: 11px;
 font-weight: 900;
 line-height: 1;
 box-shadow:
   0 11px 26px rgba(0, 0, 0, 0.26),
   inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.fp-ticket-avatar::after {
 position: absolute;
 right: -2px;
 bottom: -2px;
 width: 10px;
 height: 10px;
 border: 2px solid var(--fp-ticket-card);
 border-radius: 50%;
 background: var(--fp-ticket-success);
 content: "";
}

.fp-ticket-avatar-support {
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 55%,
   transparent
 );
 background:
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 92%,
       white
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 72%,
       black
     )
   );
}

.fp-ticket-avatar-customer {
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 46%,
   transparent
 );
 background:
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 88%,
       white
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 66%,
       black
     )
   );
}

/* =========================================================
  MESSAGE BUBBLES
========================================================= */

.fp-ticket-message-bubble {
 position: relative;
 display: inline-block;
 width: fit-content;
 min-width: 0;
 max-width: 100%;
 min-height: 0;
 height: auto;
 padding: 16px 18px;
 overflow: visible;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 25%,
   transparent
 );
 border-radius: 18px;
 color: var(--fp-ticket-text);
 vertical-align: top;
 box-shadow:
   0 16px 34px rgba(0, 0, 0, 0.2),
   inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fp-ticket-message-support .fp-ticket-message-bubble {
 align-self: flex-start;
 border-bottom-left-radius: 6px;
 background:
   radial-gradient(
     circle at 5% 0%,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 10%,
       transparent
     ),
     transparent 40%
   ),
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 13%,
       var(--fp-ticket-card-soft)
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-card-soft) 90%,
       black
     )
   );
}

.fp-ticket-message-customer .fp-ticket-message-bubble {
 align-self: flex-end;
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 40%,
   transparent
 );
 border-bottom-right-radius: 6px;
 background:
   radial-gradient(
     circle at 100% 0%,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 20%,
       transparent
     ),
     transparent 42%
   ),
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 28%,
       var(--fp-ticket-card)
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-card) 82%,
       black
     )
   );
 box-shadow:
   0 16px 35px color-mix(
     in srgb,
     var(--fp-ticket-primary) 10%,
     transparent
   ),
   inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.fp-ticket-message-support .fp-ticket-message-bubble::before {
 position: absolute;
 top: 18px;
 left: -7px;
 width: 13px;
 height: 13px;
 border-bottom: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 20%,
   transparent
 );
 border-left: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 20%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 10%,
   var(--fp-ticket-card-soft)
 );
 content: "";
 transform: rotate(45deg);
}

.fp-ticket-message-customer .fp-ticket-message-bubble::before {
 position: absolute;
 top: 18px;
 right: -7px;
 width: 13px;
 height: 13px;
 border-top: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 35%,
   transparent
 );
 border-right: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 35%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 21%,
   var(--fp-ticket-card)
 );
 content: "";
 transform: rotate(45deg);
}

/* =========================================================
  MESSAGE TEXT
========================================================= */

.fp-ticket-message-text {
 display: block;
 width: auto;
 min-width: 0;
 min-height: 0;
 height: auto;
 margin: 0;
 padding: 0;
 color: var(--fp-ticket-text);
 font-size: 14px;
 line-height: 1.66;
 text-align: left;
 overflow-wrap: anywhere;
 word-break: break-word;
 white-space: pre-wrap;
 vertical-align: top;
}

.fp-ticket-message-text p {
 margin: 0 0 10px;
}

.fp-ticket-message-text p:last-child {
 margin-bottom: 0;
}

.fp-ticket-message-text > :first-child {
 margin-top: 0;
}

.fp-ticket-message-text > :last-child {
 margin-bottom: 0;
}

/* =========================================================
  SUPPORT LABEL
========================================================= */

.fp-ticket-support-label {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 margin-bottom: 9px;
 padding: 5px 8px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 22%,
   transparent
 );
 border-radius: 999px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 9%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 67%,
   white
 );
 font-size: 9px;
 font-weight: 900;
 letter-spacing: 0.07em;
 line-height: 1.2;
 text-transform: uppercase;
}

.fp-ticket-support-label span {
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

/* =========================================================
  ATTACHMENTS
========================================================= */

.fp-ticket-attachments {
 display: grid;
 width: 100%;
 gap: 8px;
 margin-top: 14px;
}

.fp-ticket-attachment {
 display: flex;
 align-items: center;
 gap: 10px;
 width: 100%;
 min-width: 240px;
 padding: 10px 11px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 24%,
   transparent
 );
 border-radius: 12px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 7%,
   rgba(0, 0, 0, 0.24)
 );
 color: var(--fp-ticket-text) !important;
 text-decoration: none !important;
 transition:
   transform 0.2s ease,
   border-color 0.2s ease,
   background 0.2s ease;
}

.fp-ticket-attachment:hover,
.fp-ticket-attachment:focus {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 58%,
   transparent
 );
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 14%,
   rgba(0, 0, 0, 0.22)
 );
 color: #ffffff !important;
 transform: translateY(-1px);
}

.fp-ticket-attachment-icon {
 display: inline-flex;
 flex: 0 0 35px;
 align-items: center;
 justify-content: center;
 width: 35px;
 height: 35px;
 border-radius: 10px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 15%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 65%,
   white
 );
}

.fp-ticket-attachment-text {
 display: flex;
 flex: 1;
 flex-direction: column;
 min-width: 0;
}

.fp-ticket-attachment-text strong {
 overflow: hidden;
 color: var(--fp-ticket-text);
 font-size: 11px;
 font-weight: 700;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fp-ticket-attachment-text small {
 margin-top: 2px;
 color: var(--fp-ticket-muted);
 font-size: 9px;
}

.fp-ticket-attachment-arrow {
 color: var(--fp-ticket-muted);
 font-size: 13px;
}

/* =========================================================
  REPLY COMPOSER
========================================================= */

.fp-viewticket-reply {
 position: relative;
 overflow: hidden;
 margin: 6px 20px 20px;
 padding: 22px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 42%,
   transparent
 );
 border-radius: 20px;
 background:
   radial-gradient(
     circle at 100% 100%,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 13%,
       transparent
     ),
     transparent 38%
   ),
   linear-gradient(
     145deg,
     color-mix(
       in srgb,
       var(--fp-ticket-card-soft) 95%,
       black
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-card) 96%,
       black
     )
   );
 box-shadow:
   0 20px 48px rgba(0, 0, 0, 0.24),
   inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fp-viewticket-reply::before {
 position: absolute;
 top: 0;
 left: 10%;
 width: 80%;
 height: 1px;
 background:
   linear-gradient(
     90deg,
     transparent,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 80%,
       transparent
     ),
     transparent
   );
 content: "";
}

.fp-viewticket-reply-form {
 margin: 0;
}

.fp-viewticket-reply-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
 margin-bottom: 18px;
}

.fp-viewticket-reply-eyebrow {
 display: block;
 margin-bottom: 3px;
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 69%,
   white
 );
 font-size: 9px;
 font-weight: 800;
 letter-spacing: 0.11em;
 line-height: 1.3;
 text-transform: uppercase;
}

.fp-viewticket-reply-header h3 {
 margin: 0;
 color: var(--fp-ticket-text);
 font-size: 19px;
 font-weight: 800;
}

.fp-viewticket-secure-badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 7px 10px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-success) 24%,
   transparent
 );
 border-radius: 999px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-success) 9%,
   transparent
 );
 color: var(--fp-ticket-success);
 font-size: 9px;
 font-weight: 800;
}

.fp-viewticket-message-group {
 margin-bottom: 14px;
}

.fp-viewticket-message-group label {
 display: block;
 margin-bottom: 8px;
 color: color-mix(
   in srgb,
   var(--fp-ticket-text) 78%,
   var(--fp-ticket-muted)
 );
 font-size: 12px;
 font-weight: 700;
}

.fp-viewticket-textarea {
 width: 100%;
 min-height: 135px;
 padding: 15px 16px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 34%,
   transparent
 ) !important;
 border-radius: 15px !important;
 background: color-mix(
   in srgb,
   var(--fp-ticket-input) 92%,
   black
 ) !important;
 color: var(--fp-ticket-text) !important;
 font-size: 14px;
 line-height: 1.65;
 resize: vertical;
 box-shadow:
   inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
 transition:
   border-color 0.2s ease,
   box-shadow 0.2s ease,
   background 0.2s ease;
}

.fp-viewticket-textarea::placeholder {
 color: var(--fp-ticket-muted);
 opacity: 0.65;
}

.fp-viewticket-textarea:focus {
 border-color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 78%,
   transparent
 ) !important;
 background: color-mix(
   in srgb,
   var(--fp-ticket-input) 95%,
   black
 ) !important;
 box-shadow:
   0 0 0 3px color-mix(
     in srgb,
     var(--fp-ticket-primary) 14%,
     transparent
   ),
   0 14px 30px color-mix(
     in srgb,
     var(--fp-ticket-primary) 8%,
     transparent
   ) !important;
}

.fp-viewticket-reply-actions {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
}

.fp-viewticket-uploader {
 flex: 1;
 min-width: 0;
}

.fp-viewticket-uploader .tickets-uploader {
 margin: 0;
}

.fp-viewticket-submit {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 9px;
 min-width: 150px;
 min-height: 45px;
 padding: 11px 19px;
 overflow: hidden;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 65%,
   white
 );
 border-radius: 13px;
 background:
   linear-gradient(
     135deg,
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 90%,
       white
     ),
     color-mix(
       in srgb,
       var(--fp-ticket-primary) 80%,
       black
     )
   );
 color: #ffffff !important;
 font-size: 12px;
 font-weight: 800;
 box-shadow:
   0 14px 30px color-mix(
     in srgb,
     var(--fp-ticket-primary) 31%,
     transparent
   );
 transition:
   transform 0.2s ease,
   filter 0.2s ease,
   box-shadow 0.2s ease;
}

.fp-viewticket-submit::after {
 position: absolute;
 top: -50%;
 left: -70%;
 width: 45%;
 height: 200%;
 background:
   linear-gradient(
     90deg,
     transparent,
     rgba(255, 255, 255, 0.2),
     transparent
   );
 content: "";
 transform: rotate(20deg);
 transition: left 0.55s ease;
}

.fp-viewticket-submit:hover,
.fp-viewticket-submit:focus {
 color: #ffffff !important;
 filter: brightness(1.08);
 transform: translateY(-2px);
 box-shadow:
   0 18px 36px color-mix(
     in srgb,
     var(--fp-ticket-primary) 38%,
     transparent
   );
}

.fp-viewticket-submit:hover::after {
 left: 130%;
}

/* =========================================================
  UPLOADER
========================================================= */

.fp-viewticket-uploader .btn,
.fp-viewticket-uploader button,
.fp-viewticket-uploader label {
 border-radius: 11px !important;
}

.fp-viewticket-uploader input[type="file"] {
 max-width: 100%;
}

/* =========================================================
  ALERTS
========================================================= */

.fp-viewticket-reply .alert {
 margin-bottom: 17px;
 padding: 14px 42px 14px 15px;
 border-radius: 13px;
}

.fp-viewticket-reply .alert .close {
 top: 50%;
 right: 14px;
 transform: translateY(-50%);
}

/* =========================================================
  CLOSED TICKET
========================================================= */

.fp-viewticket-closed {
 display: flex;
 align-items: center;
 gap: 13px;
 margin: 6px 20px 20px;
 padding: 17px 18px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-danger) 25%,
   transparent
 );
 border-radius: 17px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-danger) 8%,
   transparent
 );
}

.fp-viewticket-closed-icon {
 display: inline-flex;
 flex: 0 0 41px;
 align-items: center;
 justify-content: center;
 width: 41px;
 height: 41px;
 border-radius: 12px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-danger) 13%,
   transparent
 );
}

.fp-viewticket-closed > div:last-child {
 display: flex;
 flex-direction: column;
}

.fp-viewticket-closed strong {
 color: var(--fp-ticket-text);
 font-size: 12px;
}

.fp-viewticket-closed span {
 margin-top: 3px;
 color: var(--fp-ticket-muted);
 font-size: 11px;
}

/* =========================================================
  EMPTY STATE
========================================================= */

.fp-viewticket-empty {
 padding: 55px 20px 65px;
 text-align: center;
}

.fp-viewticket-empty-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 66px;
 height: 66px;
 margin-bottom: 15px;
 border: 1px solid color-mix(
   in srgb,
   var(--fp-ticket-primary) 24%,
   transparent
 );
 border-radius: 20px;
 background: color-mix(
   in srgb,
   var(--fp-ticket-primary) 10%,
   transparent
 );
 color: color-mix(
   in srgb,
   var(--fp-ticket-primary) 68%,
   white
 );
 font-size: 23px;
}

.fp-viewticket-empty h3 {
 margin: 0 0 7px;
 color: var(--fp-ticket-text);
 font-size: 19px;
 font-weight: 800;
}

.fp-viewticket-empty p {
 margin: 0;
 color: var(--fp-ticket-muted);
 font-size: 12px;
}

/* =========================================================
  RTL
========================================================= */

.rtl-content {
 direction: rtl;
}

.rtl-content .fp-viewticket-back span {
 display: inline-block;
 transform: rotate(180deg);
}

.rtl-content .fp-ticket-message-info-right {
 justify-content: flex-start;
}

.rtl-content .fp-ticket-message-customer {
 justify-content: flex-start;
}

.rtl-content .fp-ticket-message-support {
 justify-content: flex-end;
}

.rtl-content .fp-ticket-message-support .fp-ticket-message-bubble {
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 18px;
}

.rtl-content .fp-ticket-message-customer .fp-ticket-message-bubble {
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 18px;
}

/* =========================================================
  TABLET
========================================================= */

@media (max-width: 991px) {
 .fp-ticket-message-column {
   max-width: 82%;
 }
}

/* =========================================================
  MOBILE
========================================================= */

@media (max-width: 767px) {
 .fp-viewticket-page {
   padding-top: 13px;
   padding-bottom: calc(175px + env(safe-area-inset-bottom));
 }

 .fp-viewticket-card {
   border-radius: 20px;
 }

 .fp-viewticket-header {
   align-items: flex-start;
   gap: 11px;
   min-height: 0;
   padding: 18px 16px;
 }

 .fp-viewticket-back {
   flex: 0 0 38px;
   width: 38px;
   height: 38px;
   border-radius: 11px;
   font-size: 19px;
 }

 .fp-viewticket-header-icon {
   display: none;
 }

 .fp-viewticket-header-content {
   width: calc(100% - 49px);
 }

 .fp-viewticket-eyebrow {
   margin-top: 1px;
   font-size: 8px;
 }

 .fp-viewticket-title {
   max-width: 100%;
   margin-top: 2px;
   font-size: 18px;
   line-height: 1.25;
   white-space: normal;
 }

 .fp-viewticket-head-meta {
   margin-top: 7px;
 }

 .fp-ticket-message-total,
 .fp-ticket-status-pill {
   min-height: 26px;
   padding: 5px 10px;
   font-size: 9px;
 }

 .fp-viewticket-conversation {
   padding: 22px 13px 8px;
 }

 .fp-ticket-message-row {
   align-items: flex-start;
   gap: 8px;
   margin-bottom: 21px;
 }

 .fp-ticket-message-column {
   width: fit-content;
   max-width: calc(100% - 45px);
 }

 .fp-ticket-message-customer .fp-ticket-message-column {
   align-items: flex-end;
 }

 .fp-ticket-message-support .fp-ticket-message-column {
   align-items: flex-start;
 }

 .fp-ticket-avatar {
   flex: 0 0 37px;
   width: 37px;
   height: 37px;
   border-radius: 12px;
   font-size: 9px;
 }

 .fp-ticket-message-mobile-author {
   display: flex;
   align-items: center;
   gap: 7px;
   width: 100%;
   margin: 0 0 6px;
   padding: 0 4px;
 }

 .fp-ticket-message-customer .fp-ticket-message-mobile-author {
   justify-content: flex-end;
 }

 .fp-ticket-message-support .fp-ticket-message-mobile-author {
   justify-content: flex-start;
 }

 .fp-ticket-message-mobile-author strong {
   font-size: 10px;
 }

 .fp-ticket-message-mobile-author span {
   font-size: 9px;
 }
.fp-ticket-message-bubble {
   display: inline-block;
   width: fit-content;
   min-width: 0;
   max-width: 100%;
   min-height: 0;
   height: auto;
   padding: 13px 15px;
   border-radius: 16px;
 }

 .fp-ticket-message-support .fp-ticket-message-bubble {
   border-bottom-left-radius: 5px;
 }

 .fp-ticket-message-customer .fp-ticket-message-bubble {
   border-bottom-right-radius: 5px;
 }

 .fp-ticket-message-support .fp-ticket-message-bubble::before,
 .fp-ticket-message-customer .fp-ticket-message-bubble::before {
   top: 15px;
   width: 11px;
   height: 11px;
 }

 .fp-ticket-message-support .fp-ticket-message-bubble::before {
   left: -6px;
 }

 .fp-ticket-message-customer .fp-ticket-message-bubble::before {
   right: -6px;
 }

 .fp-ticket-message-text {
   width: auto;
   min-height: 0;
   height: auto;
   margin: 0;
   padding: 0;
   font-size: 13px;
   line-height: 1.58;
   text-align: left;
 }

 .fp-ticket-support-label {
   margin-bottom: 8px;
   padding: 4px 7px;
   font-size: 8px;
 }

 .fp-ticket-attachments {
   width: 100%;
   margin-top: 11px;
 }

 .fp-ticket-attachment {
   width: 100%;
   min-width: 0;
   padding: 9px 10px;
 }

 .fp-ticket-attachment-icon {
   flex-basis: 32px;
   width: 32px;
   height: 32px;
 }

 .fp-viewticket-reply {
   margin: 5px 10px calc(32px + env(safe-area-inset-bottom));
   padding: 16px 14px;
   border-radius: 17px;
 }

 .fp-viewticket-reply-header {
   align-items: flex-start;
   margin-bottom: 14px;
 }

 .fp-viewticket-reply-header h3 {
   font-size: 17px;
 }

 .fp-viewticket-secure-badge {
   padding: 6px 8px;
   font-size: 8px;
 }

 .fp-viewticket-textarea {
   min-height: 112px;
   padding: 13px 14px;
   font-size: 13px;
 }

 .fp-viewticket-reply-actions {
   flex-direction: column;
   align-items: stretch;
   gap: 11px;
 }

 .fp-viewticket-uploader {
   width: 100%;
 }

 .fp-viewticket-submit {
   width: 100%;
   min-height: 44px;
 }

 .fp-viewticket-closed {
   margin: 4px 10px 13px;
 }
}

/* =========================================================
  SMALL MOBILE
========================================================= */

@media (max-width: 420px) {
 .fp-viewticket-header {
   padding: 16px 14px;
 }

 .fp-viewticket-title {
   font-size: 17px;
 }

 .fp-viewticket-secure-badge {
   display: none;
 }

 .fp-viewticket-conversation {
   padding-right: 11px;
   padding-left: 11px;
 }

 .fp-ticket-message-column {
   max-width: calc(100% - 42px);
 }

 .fp-ticket-avatar {
   flex-basis: 34px;
   width: 34px;
   height: 34px;
 }

 .fp-ticket-message-bubble {
   padding: 12px 13px;
 }

 .fp-ticket-message-text {
   font-size: 12.5px;
 }
}
/* =========================================================
   FINAL COMPACT BUBBLE SIZE FIX
   Keep this as the LAST code in the View Ticket CSS
========================================================= */

.fp-ticket-message-row {
  display: flex !important;
  width: 100% !important;
}

.fp-ticket-message-column {
  display: flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 76% !important;
  flex-direction: column !important;
}

.fp-ticket-message-support .fp-ticket-message-column {
  align-items: flex-start !important;
}

.fp-ticket-message-customer .fp-ticket-message-column {
  align-items: flex-end !important;
}

.fp-ticket-message-bubble {
  display: inline-block !important;
  flex: 0 0 auto !important;

  width: max-content !important;
  inline-size: max-content !important;

  min-width: 0 !important;
  min-inline-size: 0 !important;

  max-width: 100% !important;
  max-inline-size: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  padding: 12px 15px !important;
  box-sizing: border-box !important;
}

.fp-ticket-message-support .fp-ticket-message-bubble,
.fp-ticket-message-customer .fp-ticket-message-bubble {
  width: max-content !important;
  inline-size: max-content !important;
  max-width: 100% !important;
  max-inline-size: 100% !important;
}

.fp-ticket-message-text {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.5 !important;
  white-space: pre-wrap !important;
}

/* Prevent inner elements from stretching the bubble */
.fp-ticket-message-bubble > * {
  max-width: 100% !important;
}

.fp-ticket-message-text p {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 7px !important;
}

.fp-ticket-message-text p:last-child {
  margin-bottom: 0 !important;
}

/* Attachments may use full available bubble width */
.fp-ticket-attachments {
  width: 100% !important;
  max-width: 420px !important;
}

/* =========================================================
   MOBILE COMPACT BUBBLES
========================================================= */

@media (max-width: 767px) {
  .fp-ticket-message-column {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 45px) !important;
  }

  .fp-ticket-message-bubble {
    width: max-content !important;
    inline-size: max-content !important;

    max-width: min(100%, 76vw) !important;
    max-inline-size: min(100%, 76vw) !important;

    padding: 11px 13px !important;
  }

  .fp-ticket-message-support .fp-ticket-message-bubble,
  .fp-ticket-message-customer .fp-ticket-message-bubble {
    width: max-content !important;
    inline-size: max-content !important;
    max-width: min(100%, 76vw) !important;
  }

  .fp-ticket-message-text {
    width: auto !important;
    max-width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.48 !important;
  }
}
/* =========================================================
   SMALLER COMPACT MESSAGE BUBBLES
========================================================= */

.fp-ticket-message-column {
  display: flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 72% !important;
  flex-direction: column !important;
}

.fp-ticket-message-support .fp-ticket-message-column {
  align-items: flex-start !important;
}

.fp-ticket-message-customer .fp-ticket-message-column {
  align-items: flex-end !important;
}

.fp-ticket-message-bubble {
  position: relative !important;
  display: inline-block !important;
  flex: 0 1 auto !important;

  width: auto !important;
  inline-size: fit-content !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: 100% !important;
  height: auto !important;

  padding: 10px 14px !important;

  border-radius: 14px !important;
  box-sizing: border-box !important;

  vertical-align: top !important;
}

.fp-ticket-message-support .fp-ticket-message-bubble {
  align-self: flex-start !important;
  border-bottom-left-radius: 5px !important;
}

.fp-ticket-message-customer .fp-ticket-message-bubble {
  align-self: flex-end !important;
  border-bottom-right-radius: 5px !important;
}

/* Smaller bubble tails */
.fp-ticket-message-support .fp-ticket-message-bubble::before,
.fp-ticket-message-customer .fp-ticket-message-bubble::before {
  top: 13px !important;
  width: 9px !important;
  height: 9px !important;
}

.fp-ticket-message-support .fp-ticket-message-bubble::before {
  left: -5px !important;
}

.fp-ticket-message-customer .fp-ticket-message-bubble::before {
  right: -5px !important;
}

/* =========================================================
   COMPACT MESSAGE TEXT
========================================================= */

.fp-ticket-message-text {
  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--fp-ticket-text) !important;

  font-size: 13px !important;
  line-height: 1.4 !important;

  text-align: left !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;

  /* This removes the huge spacing caused by blank lines */
  white-space: normal !important;
}

.fp-ticket-message-text p {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;

  margin: 0 0 5px !important;
  padding: 0 !important;
}

.fp-ticket-message-text p:last-child {
  margin-bottom: 0 !important;
}

.fp-ticket-message-text br {
  line-height: 1.1 !important;
}

/* Remove empty paragraphs that create tall bubbles */
.fp-ticket-message-text p:empty {
  display: none !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .fp-ticket-message-column {
    max-width: calc(100% - 43px) !important;
  }

  .fp-ticket-message-bubble {
    width: auto !important;
    inline-size: fit-content !important;

    max-width: min(100%, 78vw) !important;

    padding: 9px 12px !important;
    border-radius: 13px !important;
  }

  .fp-ticket-message-text {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  .fp-ticket-message-text p {
    margin-bottom: 4px !important;
  }

  .fp-ticket-message-row {
    margin-bottom: 16px !important;
  }
}
/* =========================================================
   VIEW TICKET EXACT THEME INTEGRATION
========================================================= */

.fp-viewticket-card {
  color: var(--fp-ticket-text) !important;

  border-color: var(--fp-ticket-border) !important;

  background:
    radial-gradient(
      circle at 91% 4%,
      var(--fp-ticket-primary-soft),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      var(--fp-ticket-card),
      var(--fp-ticket-card-soft)
    ) !important;

  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.34),
    0 0 36px var(--fp-ticket-glow-2) !important;
}

.fp-viewticket-header {
  border-bottom-color: var(--fp-ticket-border) !important;

  background:
    radial-gradient(
      circle at 88% 18%,
      var(--fp-ticket-primary-soft),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      var(--fp-ticket-card),
      var(--fp-ticket-card-soft)
    ) !important;
}

.fp-viewticket-back,
.fp-viewticket-header-icon {
  border-color: var(--fp-ticket-border-strong) !important;
  background: var(--fp-ticket-primary-soft) !important;
  color: var(--fp-ticket-primary) !important;
}

.fp-viewticket-back:hover,
.fp-viewticket-back:focus {
  border-color: var(--fp-ticket-primary) !important;
  background: var(--fp-ticket-primary-soft) !important;
  color: var(--fp-ticket-text) !important;
}

.fp-viewticket-eyebrow,
.fp-viewticket-reply-eyebrow {
  color: var(--fp-ticket-primary) !important;
}

.fp-viewticket-title,
.fp-viewticket-reply-header h3,
.fp-viewticket-message-group label {
  color: var(--fp-ticket-text) !important;
}

/* Avatars */

.fp-ticket-avatar-support,
.fp-ticket-avatar-customer {
  border-color: var(--fp-ticket-border-strong) !important;

  background:
    linear-gradient(
      135deg,
      var(--fp-ticket-primary),
      var(--fp-ticket-primary-strong)
    ) !important;

  box-shadow:
    0 11px 26px rgba(0, 0, 0, 0.26),
    0 0 18px var(--fp-ticket-glow-1) !important;
}

/* Support bubble */

.fp-ticket-message-support .fp-ticket-message-bubble {
  border-color: var(--fp-ticket-border) !important;

  background:
    radial-gradient(
      circle at 5% 0%,
      var(--fp-ticket-primary-soft),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      var(--fp-ticket-card),
      var(--fp-ticket-card-soft)
    ) !important;
}

/* Customer bubble */

.fp-ticket-message-customer .fp-ticket-message-bubble {
  border-color: var(--fp-ticket-border-strong) !important;

  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--fp-ticket-primary) 28%,
        var(--fp-ticket-card)
      ),
      color-mix(
        in srgb,
        var(--fp-ticket-primary-strong) 15%,
        var(--fp-ticket-card-soft)
      )
    ) !important;

  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.22),
    0 0 20px var(--fp-ticket-glow-2) !important;
}

/* Bubble tails */

.fp-ticket-message-support .fp-ticket-message-bubble::before {
  border-color: var(--fp-ticket-border) !important;

  background:
    color-mix(
      in srgb,
      var(--fp-ticket-primary) 8%,
      var(--fp-ticket-card)
    ) !important;
}

.fp-ticket-message-customer .fp-ticket-message-bubble::before {
  border-color: var(--fp-ticket-border-strong) !important;

  background:
    color-mix(
      in srgb,
      var(--fp-ticket-primary) 23%,
      var(--fp-ticket-card)
    ) !important;
}

/* Text */

.fp-ticket-message-text {
  color: var(--fp-ticket-text) !important;
}

.fp-ticket-message-info strong,
.fp-ticket-message-mobile-author strong {
  color: var(--fp-ticket-text) !important;
}

.fp-ticket-message-info span,
.fp-ticket-message-mobile-author span {
  color: var(--fp-ticket-muted) !important;
}

/* Support badge */

.fp-ticket-support-label {
  border-color: var(--fp-ticket-border) !important;
  background: var(--fp-ticket-primary-soft) !important;
  color: var(--fp-ticket-primary) !important;
}

/* Reply composer */

.fp-viewticket-reply {
  border-color: var(--fp-ticket-border-strong) !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      var(--fp-ticket-primary-soft),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      var(--fp-ticket-card),
      var(--fp-ticket-card-soft)
    ) !important;

  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.24),
    0 0 25px var(--fp-ticket-glow-2) !important;
}

.fp-viewticket-textarea {
  border-color: var(--fp-ticket-border) !important;
  background: var(--fp-ticket-input) !important;
  color: var(--fp-ticket-text) !important;
}

.fp-viewticket-textarea:focus {
  border-color: var(--fp-ticket-border-strong) !important;

  box-shadow:
    0 0 0 3px var(--fp-ticket-primary-soft),
    0 12px 28px var(--fp-ticket-glow-2) !important;
}

/* Submit button */

.fp-viewticket-submit {
  border-color: var(--fp-ticket-border-strong) !important;

  background:
    linear-gradient(
      135deg,
      var(--fp-ticket-primary),
      var(--fp-ticket-primary-strong)
    ) !important;

  box-shadow:
    0 14px 30px var(--fp-ticket-glow-1) !important;
}

/* Attachment cards */

.fp-ticket-attachment {
  border-color: var(--fp-ticket-border) !important;
  background: var(--fp-ticket-primary-soft) !important;
}

.fp-ticket-attachment-icon {
  background: var(--fp-ticket-primary-soft) !important;
  color: var(--fp-ticket-primary) !important;
}

/* Status and message count */

.fp-ticket-message-total,
.fp-ticket-status-default {
  border-color: var(--fp-ticket-border) !important;
  background: var(--fp-ticket-primary-soft) !important;
  color: var(--fp-ticket-muted) !important;
}
.fp-ticket-message-info strong{
    display:inline-block !important;
    color:var(--fp-ticket-text) !important;
    font-weight:700 !important;
}

.fp-ticket-message-info span{
    display:inline-block !important;
    color:var(--fp-ticket-muted) !important;
    margin-left:6px;
}

.fp-ticket-message-info-right{
    justify-content:flex-end;
    text-align:right;
}

/* =========================================================
   VIEW TICKET VIP - MESSAGE AUTHOR AND TIME BELOW BUBBLE
   Keep this block at the very bottom of style.css
========================================================= */

.fp-ticket-message-column {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
}

.fp-ticket-message-bubble {
  order: 1;
}

.fp-ticket-message-info,
.fp-ticket-message-info-right {
  order: 2;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  height: auto !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding: 0 6px !important;
  overflow: visible !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  white-space: nowrap;
}

.fp-ticket-message-support .fp-ticket-message-info {
  align-self: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.fp-ticket-message-customer .fp-ticket-message-info,
.fp-ticket-message-info-right {
  align-self: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.fp-ticket-message-info strong {
  display: inline-block !important;
  color: var(--fp-ticket-text, var(--fp-text-main, #ffffff)) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.fp-ticket-message-info span {
  display: inline-block !important;
  margin-left: 0 !important;
  color: var(--fp-ticket-muted, var(--fp-text-muted, #a8b4d4)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  opacity: .78 !important;
}

.fp-ticket-message-mobile-author {
  display: none !important;
}

@media (max-width: 767px) {
  .fp-ticket-message-info,
  .fp-ticket-message-info-right {
    display: flex !important;
    margin-top: 7px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    white-space: normal;
  }

  .fp-ticket-message-info strong,
  .fp-ticket-message-info span {
    font-size: 10px !important;
  }
}
/* =========================================================
   VIEW TICKET CUSTOMER AVATAR
========================================================= */

.fp-ticket-user-avatar {
  position: relative;
  overflow: visible !important;
  padding: 0 !important;
}

.fp-ticket-avatar-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
}

.fp-ticket-avatar-fallback {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}

/* Keep the online dot visible above the avatar */
.fp-ticket-user-avatar::after {
  z-index: 3;
}
/* =========================================================
   CHILD PANEL FINAL THEME + MOBILE FIX
========================================================= */

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page {
    color: var(--fp-text-main);
}

/* Hero */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-hero {
    border-color: var(--fp-border) !important;
    background:
        radial-gradient(
            circle at top right,
            var(--fp-accent-soft),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            var(--fp-panel),
            var(--fp-bg-main)
        ) !important;
    box-shadow: var(--fp-shadow);
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-hero::after {
    border-color: var(--fp-border) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-hero-icon {
    border-color: var(--fp-border-strong) !important;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-accent-strong) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        var(--fp-shadow);
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-eyebrow,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-section-label {
    color: var(--fp-accent-strong) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-hero h1,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-section-heading h2,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-empty h2 {
    color: var(--fp-text-main) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-hero p,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-empty p {
    color: var(--fp-text-muted) !important;
}

/* Panel count */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-count {
    border-color: var(--fp-border) !important;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-accent-strong) !important;
}

/* Main panel card */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-card {
    border-color: var(--fp-border) !important;
    background:
        radial-gradient(
            circle at 18% 10%,
            var(--fp-accent-soft),
            transparent 42%
        ),
        linear-gradient(
            170deg,
            var(--fp-panel),
            var(--fp-bg-main)
        ) !important;
    box-shadow: var(--fp-shadow);
}

/* Table */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table {
    color: var(--fp-text-main) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > thead > tr > th {
    border-bottom-color: var(--fp-border-strong) !important;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-text-main) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td {
    border-bottom-color: var(--fp-border) !important;
    color: var(--fp-text-muted) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr:hover > td {
    background: var(--fp-accent-soft) !important;
}

/* Domain */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain-icon {
    border-color: var(--fp-border) !important;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-accent-strong) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain-info strong {
    color: var(--fp-text-main) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain-info span,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-date {
    color: var(--fp-text-muted) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-date i {
    color: var(--fp-accent-strong) !important;
}

/* Buttons */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-action-btn,
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-admin-btn {
    border-color: var(--fp-border-strong) !important;
    background: linear-gradient(
        135deg,
        var(--fp-accent),
        var(--fp-accent-strong)
    ) !important;
    color: #ffffff !important;
    box-shadow: var(--fp-shadow);
}

/* Empty state */
html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-empty {
    border-color: var(--fp-border) !important;
    background:
        radial-gradient(
            circle at top center,
            var(--fp-accent-soft),
            transparent 45%
        ),
        linear-gradient(
            170deg,
            var(--fp-panel),
            var(--fp-bg-main)
        ) !important;
}

html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-empty-icon {
    border-color: var(--fp-border) !important;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-accent-strong) !important;
}

/* =========================================================
   MOBILE CARD LAYOUT
========================================================= */

@media (max-width: 767px) {

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-card {
        overflow: visible !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table-wrap {
        width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table thead {
        display: none !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table tbody,
    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table tr,
    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table td {
        display: block !important;
        width: 100% !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr {
        margin-bottom: 15px !important;
        padding: 18px !important;
        overflow: hidden;
        border: 1px solid var(--fp-border) !important;
        border-radius: 19px !important;
        background:
            radial-gradient(
                circle at top right,
                var(--fp-accent-soft),
                transparent 48%
            ),
            linear-gradient(
                170deg,
                var(--fp-panel),
                var(--fp-bg-main)
            ) !important;
        box-shadow: var(--fp-shadow);
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100% !important;
        padding: 12px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid var(--fp-border) !important;
        background: transparent !important;
        text-align: right;
        white-space: normal !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td::before {
        display: block;
        flex: 0 0 auto;
        content: attr(data-label);
        color: var(--fp-text-muted) !important;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-align: left;
        text-transform: uppercase;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td:first-child {
        display: block !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        text-align: left;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td:first-child::before {
        display: none !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain {
        width: 100%;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain-info {
        max-width: calc(100% - 55px);
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-domain-info strong {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-actions {
        text-align: right !important;
    }

    html[data-fp-theme] body.fp-auth-body .fp-childpanel-page .fp-childpanel-admin-btn {
        min-width: 120px;
    }
}
@media (max-width: 767px) {

    body.fp-auth-body .fp-childpanel-page .fp-childpanel-admin-btn {
        min-width: 0 !important;
        width: auto !important;
        max-width: 100%;
        padding: 9px 12px !important;
        font-size: 10px !important;
        white-space: normal !important;
        text-align: center;
        line-height: 1.35;
    }

    body.fp-auth-body .fp-childpanel-page .fp-childpanel-actions {
        justify-content: space-between !important;
        align-items: center !important;
    }

    body.fp-auth-body .fp-childpanel-page .fp-childpanel-date {
        justify-content: flex-end;
        font-size: 11px !important;
        line-height: 1.4;
        text-align: right;
        white-space: normal;
    }

    body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr > td {
        gap: 12px !important;
    }

    body.fp-auth-body .fp-childpanel-page .fp-childpanel-table > tbody > tr {
        padding: 16px !important;
    }
}
/* Child Panel status colors */

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-active {
    border-color: rgba(34, 197, 94, 0.35) !important;
    background: rgba(34, 197, 94, 0.14) !important;
    color: #4ade80 !important;
}

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-active .fp-childpanel-status-dot {
    background: #4ade80 !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12),
                0 0 10px rgba(34, 197, 94, 0.5);
}

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-expired,
body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-disabled {
    border-color: rgba(239, 68, 68, 0.35) !important;
    background: rgba(239, 68, 68, 0.14) !important;
    color: #f87171 !important;
}

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-expired .fp-childpanel-status-dot,
body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-disabled .fp-childpanel-status-dot {
    background: #f87171 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12),
                0 0 10px rgba(239, 68, 68, 0.45);
}

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-pending {
    border-color: rgba(245, 158, 11, 0.35) !important;
    background: rgba(245, 158, 11, 0.14) !important;
    color: #fbbf24 !important;
}

body.fp-auth-body .fp-childpanel-page .fp-childpanel-status-pending .fp-childpanel-status-dot {
    background: #fbbf24 !important;
}
/* ============================================================
   FOLLOWERSPROVIDER VIP CHILD PANEL CREATE PAGE
   Theme selector compatible
   Paste at the very bottom of style.css
   ============================================================ */

.fp-childpanel-create-page {
    --fp-cp-primary: var(--fp-accent, #1e6fff);
    --fp-cp-primary-strong: var(--fp-accent-strong, #3b8dff);
    --fp-cp-primary-soft: var(--fp-accent-soft, rgba(30, 111, 255, 0.12));

    --fp-cp-bg: var(--fp-bg-main, #000711);
    --fp-cp-bg-soft: var(--fp-bg-soft, #00050d);
    --fp-cp-card: var(--fp-panel, #031229);

    --fp-cp-border: var(--fp-border, rgba(30, 111, 255, 0.24));
    --fp-cp-border-strong: var(--fp-border-strong, #1e6fff);

    --fp-cp-text: var(--fp-text-main, #ffffff);
    --fp-cp-muted: var(--fp-text-muted, #a8b4d4);

    --fp-cp-success: var(--success-color, #46d99b);
    --fp-cp-danger: var(--danger-color, #ff647c);
    --fp-cp-warning: var(--warning-color, #ffc15d);

    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 60px;
    color: var(--fp-cp-text);
}

/* ============================================================
   VIP HERO
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-vip-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 310px;
    margin-bottom: 22px;
    padding: 38px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--fp-cp-border);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 88% 12%,
            var(--fp-cp-primary-soft),
            transparent 34%
        ),
        radial-gradient(
            circle at 10% 92%,
            var(--fp-cp-primary-soft),
            transparent 37%
        ),
        linear-gradient(
            145deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        );
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28),
        0 0 45px var(--fp-cp-primary-soft);
}

.fp-childpanel-create-page .fp-childpanel-vip-hero::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--fp-cp-primary),
        var(--fp-cp-primary-strong),
        transparent
    );
    content: "";
}

.fp-childpanel-create-page .fp-childpanel-vip-hero::after {
    position: absolute;
    right: -95px;
    bottom: -120px;
    z-index: -2;
    width: 310px;
    height: 310px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px var(--fp-cp-primary-soft),
        0 0 0 70px color-mix(
            in srgb,
            var(--fp-cp-primary) 4%,
            transparent
        );
    content: "";
}

.fp-childpanel-create-page .fp-childpanel-vip-glow {
    position: absolute;
    z-index: -3;
    border-radius: 50%;
    background: var(--fp-cp-primary);
    filter: blur(100px);
    opacity: 0.15;
    pointer-events: none;
}

.fp-childpanel-create-page .fp-childpanel-vip-glow-left {
    bottom: -130px;
    left: -90px;
    width: 280px;
    height: 280px;
}

.fp-childpanel-create-page .fp-childpanel-vip-glow-right {
    top: -130px;
    right: -80px;
    width: 320px;
    height: 320px;
}

.fp-childpanel-create-page .fp-childpanel-vip-hero-content {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    max-width: 720px;
}

.fp-childpanel-create-page .fp-childpanel-vip-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    margin-bottom: 18px;
    padding: 0 14px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 999px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.fp-childpanel-create-page .fp-childpanel-vip-badge i {
    font-size: 13px;
}

.fp-childpanel-create-page .fp-childpanel-vip-hero h1 {
    max-width: 680px;
    margin: 0 0 15px;
    color: var(--fp-cp-text);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.fp-childpanel-create-page .fp-childpanel-vip-hero h1 span {
    display: block;
    color: var(--fp-cp-primary);
    background: linear-gradient(
        135deg,
        var(--fp-cp-primary),
        var(--fp-cp-primary-strong)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 16px var(--fp-cp-primary-soft));
}

.fp-childpanel-create-page .fp-childpanel-vip-hero-content > p {
    max-width: 650px;
    margin: 0;
    color: var(--fp-cp-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* ============================================================
   HERO BENEFITS
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-vip-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin-top: 25px;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--fp-cp-card) 92%, transparent),
            color-mix(in srgb, var(--fp-cp-bg-soft) 88%, transparent)
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit:hover {
    transform: translateY(-3px);
    border-color: var(--fp-cp-border-strong);
    box-shadow: 0 12px 26px var(--fp-cp-primary-soft);
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 12px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 15px;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit div {
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit strong,
.fp-childpanel-create-page .fp-childpanel-vip-benefit small {
    display: block;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit strong {
    margin-bottom: 3px;
    overflow: hidden;
    color: var(--fp-cp-text);
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-childpanel-create-page .fp-childpanel-vip-benefit small {
    overflow: hidden;
    color: var(--fp-cp-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ============================================================
   VIP PRICE BOX
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-vip-price-box {
    position: relative;
    z-index: 3;
    flex: 0 0 230px;
    padding: 25px 22px;
    overflow: hidden;
    border: 1px solid var(--fp-cp-border-strong);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at top right,
            var(--fp-cp-primary-soft),
            transparent 46%
        ),
        linear-gradient(
            160deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        );
    text-align: center;
    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.3),
        0 0 35px var(--fp-cp-primary-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.fp-childpanel-create-page .fp-childpanel-vip-price-box::before {
    position: absolute;
    top: -55px;
    right: -45px;
    width: 120px;
    height: 120px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 50%;
    content: "";
}

.fp-childpanel-create-page .fp-childpanel-vip-price-label {
    display: block;
    margin-bottom: 11px;
    color: var(--fp-cp-primary-strong);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.fp-childpanel-create-page .fp-childpanel-vip-price-box > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--fp-cp-text);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
}

.fp-childpanel-create-page .fp-childpanel-vip-price-box > small {
    display: block;
    color: var(--fp-cp-muted);
    font-size: 11px;
}

.fp-childpanel-create-page .fp-childpanel-vip-price-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    margin-top: 17px;
    padding: 0 11px;
    border: 1px solid color-mix(
        in srgb,
        var(--fp-cp-success) 38%,
        transparent
    );
    border-radius: 999px;
    background: color-mix(
        in srgb,
        var(--fp-cp-success) 12%,
        transparent
    );
    color: var(--fp-cp-success);
    font-size: 10px;
    font-weight: 800;
}

/* ============================================================
   SETUP STEPS
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-vip-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 22px;
    padding: 17px 22px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        );
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
}

.fp-childpanel-create-page .fp-childpanel-vip-step {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-vip-step > span {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 12px;
    background: var(--fp-cp-bg-soft);
    color: var(--fp-cp-muted);
    font-size: 12px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-vip-step.active > span {
    border-color: var(--fp-cp-border-strong);
    background: linear-gradient(
        135deg,
        var(--fp-cp-primary),
        var(--fp-cp-primary-strong)
    );
    color: #ffffff;
    box-shadow: 0 8px 22px var(--fp-cp-primary-soft);
}

.fp-childpanel-create-page .fp-childpanel-vip-step div {
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-vip-step strong,
.fp-childpanel-create-page .fp-childpanel-vip-step small {
    display: block;
}

.fp-childpanel-create-page .fp-childpanel-vip-step strong {
    margin-bottom: 2px;
    color: var(--fp-cp-text);
    font-size: 12px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-vip-step small {
    color: var(--fp-cp-muted);
    font-size: 10px;
}

.fp-childpanel-create-page .fp-childpanel-vip-step-line {
    flex: 1 1 70px;
    max-width: 110px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--fp-cp-border-strong),
        transparent
    );
}

/* ============================================================
   MAIN CARDS
   ============================================================ */

html .fp-auth-body .fp-childpanel-create-page .fp-childpanel-info-card,
html .fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card {
    position: relative;
    margin-bottom: 22px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--fp-cp-border) !important;
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 96% 0,
            var(--fp-cp-primary-soft),
            transparent 30%
        ),
        linear-gradient(
            150deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        ) !important;
    color: var(--fp-cp-text);
    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.24),
        0 0 35px color-mix(
            in srgb,
            var(--fp-cp-primary) 5%,
            transparent
        );
}

html .fp-auth-body .fp-childpanel-create-page .fp-childpanel-info-card::before,
html .fp-auth-body .fp-childpanel-create-page .fp-childpanel-create-card::before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 105px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(
        90deg,
        var(--fp-cp-primary),
        var(--fp-cp-primary-strong)
    );
    content: "";
}

.fp-childpanel-create-page .fp-childpanel-card-heading {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 21px;
    border-bottom: 1px solid var(--fp-cp-border);
}

.fp-childpanel-create-page .fp-childpanel-card-icon {
    display: inline-flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 15px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 19px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.fp-childpanel-create-page .fp-childpanel-card-heading > div:last-child {
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-card-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--fp-cp-primary-strong);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.fp-childpanel-create-page .fp-childpanel-card-heading h3 {
    margin: 0;
    color: var(--fp-cp-text);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.fp-childpanel-create-page .fp-childpanel-card-heading p {
    max-width: 720px;
    margin: 7px 0 0;
    color: var(--fp-cp-muted);
    font-size: 13px;
    line-height: 1.65;
}

.fp-childpanel-create-page .fp-childpanel-info-content,
.fp-childpanel-create-page .fp-childpanel-info-content p,
.fp-childpanel-create-page .fp-childpanel-info-content li {
    color: var(--fp-cp-muted);
    line-height: 1.7;
}

.fp-childpanel-create-page .fp-childpanel-info-content a {
    color: var(--fp-cp-primary-strong);
}

/* ============================================================
   FORM SECTIONS
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-form-section {
    position: relative;
    margin-bottom: 18px;
    padding: 22px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--fp-cp-card) 92%, transparent),
            color-mix(in srgb, var(--fp-cp-bg-soft) 95%, transparent)
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.fp-childpanel-create-page .fp-childpanel-form-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 21px;
}

.fp-childpanel-create-page .fp-childpanel-form-section-number {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 12px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 11px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-form-section-heading h4 {
    margin: 1px 0 4px;
    color: var(--fp-cp-text);
    font-size: 17px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-form-section-heading p {
    margin: 0;
    color: var(--fp-cp-muted);
    font-size: 12px;
    line-height: 1.55;
}

.fp-childpanel-create-page .form-group {
    margin-bottom: 18px;
}

.fp-childpanel-create-page .form-group:last-child {
    margin-bottom: 0;
}

.fp-childpanel-create-page label.control-label {
    display: block;
    margin-bottom: 8px;
    color: var(--fp-cp-text) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

/* ============================================================
   INPUTS AND SELECT
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-input-wrap {
    position: relative;
}

.fp-childpanel-create-page .fp-childpanel-input-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    color: var(--fp-cp-muted);
    font-size: 14px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color 0.2s ease;
}

html .fp-auth-body .fp-childpanel-create-page .form-control,
html .fp-auth-body .fp-childpanel-create-page select.form-control {
    width: 100%;
    height: 50px;
    padding: 10px 15px 10px 45px;
    border: 1px solid var(--fp-cp-border) !important;
    border-radius: 13px;
    outline: none;
    background: var(--fp-cp-bg-soft) !important;
    color: var(--fp-cp-text) !important;
    font-size: 13px;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

html .fp-auth-body .fp-childpanel-create-page select.form-control {
    cursor: pointer;
}

html .fp-auth-body .fp-childpanel-create-page .form-control:focus,
html .fp-auth-body .fp-childpanel-create-page select.form-control:focus {
    border-color: var(--fp-cp-border-strong) !important;
    background: color-mix(
        in srgb,
        var(--fp-cp-bg-soft) 92%,
        var(--fp-cp-primary) 8%
    ) !important;
    box-shadow: 0 0 0 3px var(--fp-cp-primary-soft) !important;
}

.fp-childpanel-create-page
.fp-childpanel-input-wrap:focus-within
.fp-childpanel-input-icon {
    color: var(--fp-cp-primary-strong);
}

.fp-childpanel-create-page .form-control::placeholder {
    color: var(--fp-cp-muted) !important;
    opacity: 0.65;
}

.fp-childpanel-create-page select.form-control option {
    background: var(--fp-cp-bg-soft);
    color: var(--fp-cp-text);
}

.fp-childpanel-create-page .fp-childpanel-field-help {
    display: block;
    margin-top: 7px;
    color: var(--fp-cp-muted);
    font-size: 10px;
    line-height: 1.5;
}

/* ============================================================
   NAME SERVER BOX
   ============================================================ */

html .fp-auth-body .fp-childpanel-create-page .fp-childpanel-ns-box {
    margin: 8px 0 0;
    padding: 17px;
    border: 1px solid var(--fp-cp-border) !important;
    border-radius: 15px;
    background: var(--fp-cp-primary-soft) !important;
    color: var(--fp-cp-text) !important;
}

.fp-childpanel-create-page .fp-childpanel-ns-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}

.fp-childpanel-create-page .fp-childpanel-ns-icon {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 11px;
    background: var(--fp-cp-card);
    color: var(--fp-cp-primary-strong);
}

.fp-childpanel-create-page .fp-childpanel-ns-heading strong,
.fp-childpanel-create-page .fp-childpanel-ns-heading small {
    display: block;
}

.fp-childpanel-create-page .fp-childpanel-ns-heading strong {
    margin-bottom: 3px;
    color: var(--fp-cp-text);
    font-size: 12px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-ns-heading small {
    color: var(--fp-cp-muted);
    font-size: 10px;
}

.fp-childpanel-create-page .fp-childpanel-ns-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.fp-childpanel-create-page .fp-childpanel-ns-item {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 11px;
    background: color-mix(
        in srgb,
        var(--fp-cp-bg-soft) 83%,
        transparent
    );
}

.fp-childpanel-create-page .fp-childpanel-ns-item > span {
    color: var(--fp-cp-success);
    font-size: 10px;
}

.fp-childpanel-create-page .fp-childpanel-ns-item code {
    overflow: hidden;
    padding: 0;
    background: transparent;
    color: var(--fp-cp-text);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ============================================================
   ERROR ALERT
   ============================================================ */

html .fp-auth-body .fp-childpanel-create-page .alert-danger {
    position: relative;
    margin-bottom: 19px;
    padding: 14px 42px 14px 15px;
    border: 1px solid color-mix(
        in srgb,
        var(--fp-cp-danger) 42%,
        transparent
    ) !important;
    border-radius: 14px;
    background: color-mix(
        in srgb,
        var(--fp-cp-danger) 12%,
        var(--fp-cp-bg-soft)
    ) !important;
    color: var(--fp-cp-text) !important;
}

.fp-childpanel-create-page .fp-childpanel-alert-content {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.fp-childpanel-create-page .fp-childpanel-alert-content > i {
    margin-top: 2px;
    color: var(--fp-cp-danger);
    font-size: 17px;
}

.fp-childpanel-create-page .fp-childpanel-alert-content strong,
.fp-childpanel-create-page .fp-childpanel-alert-content span {
    display: block;
}

.fp-childpanel-create-page .fp-childpanel-alert-content strong {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-alert-content span {
    color: var(--fp-cp-muted);
    font-size: 11px;
}

.fp-childpanel-create-page .alert-danger .close {
    top: 10px;
    right: 13px;
    color: var(--fp-cp-text);
    opacity: 0.7;
}

/* ============================================================
   ORDER SUMMARY
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-order-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 20px 0 15px;
    padding: 18px;
    border: 1px solid var(--fp-cp-border-strong);
    border-radius: 17px;
    background:
        radial-gradient(
            circle at right top,
            var(--fp-cp-primary-soft),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        );
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.2),
        0 0 25px var(--fp-cp-primary-soft);
}

.fp-childpanel-create-page .fp-childpanel-order-summary-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-summary-icon {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 13px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 16px;
}

.fp-childpanel-create-page .fp-childpanel-order-summary-left span,
.fp-childpanel-create-page .fp-childpanel-order-summary-left small {
    display: block;
}

.fp-childpanel-create-page
.fp-childpanel-order-summary-left
div
> span {
    margin-bottom: 3px;
    color: var(--fp-cp-text);
    font-size: 13px;
    font-weight: 800;
}

.fp-childpanel-create-page
.fp-childpanel-order-summary-left
small {
    color: var(--fp-cp-muted);
    font-size: 10px;
}

.fp-childpanel-create-page .fp-childpanel-order-summary-price {
    flex: 0 0 auto;
    text-align: right;
}

.fp-childpanel-create-page .fp-childpanel-order-summary-price span,
.fp-childpanel-create-page .fp-childpanel-order-summary-price strong {
    display: block;
}

.fp-childpanel-create-page .fp-childpanel-order-summary-price span {
    margin-bottom: 4px;
    color: var(--fp-cp-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fp-childpanel-create-page .fp-childpanel-order-summary-price strong {
    color: var(--fp-cp-primary-strong);
    font-size: 23px;
    font-weight: 800;
}

/* ============================================================
   SUBMIT BUTTON
   ============================================================ */

html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
    padding: 10px 20px;
    border: 1px solid var(--fp-cp-border-strong) !important;
    border-radius: 15px;
    background: linear-gradient(
        135deg,
        var(--fp-cp-primary),
        var(--fp-cp-primary-strong)
    ) !important;
    color: #ffffff !important;
    box-shadow:
        0 14px 30px var(--fp-cp-primary-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease;
}

html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit::before {
    position: absolute;
    top: -50%;
    left: -65%;
    width: 42%;
    height: 200%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.22),
        transparent
    );
    content: "";
    transform: rotate(18deg);
    transition: left 0.55s ease;
}

html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow:
        0 19px 38px var(--fp-cp-primary-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit:hover::before {
    left: 125%;
}

html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit:focus,
html .fp-auth-body
.fp-childpanel-create-page
.fp-childpanel-create-submit:active {
    outline: none !important;
    color: #ffffff !important;
}

.fp-childpanel-create-page .fp-childpanel-submit-main {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.035em;
}

.fp-childpanel-create-page
.fp-childpanel-create-submit
small {
    color: rgba(255, 255, 255, 0.76);
    font-size: 9px;
    font-weight: 600;
}

.fp-childpanel-create-page .fp-childpanel-secure-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 11px;
    color: var(--fp-cp-muted);
    font-size: 10px;
    text-align: center;
}

.fp-childpanel-create-page .fp-childpanel-secure-note i {
    color: var(--fp-cp-success);
}

/* ============================================================
   RTL SUPPORT
   ============================================================ */

.fp-childpanel-create-page .rtl-content {
    direction: rtl;
    text-align: right;
}

.fp-childpanel-create-page .rtl-content .fp-childpanel-card-heading,
.fp-childpanel-create-page .rtl-alert .fp-childpanel-alert-content {
    flex-direction: row-reverse;
}

.fp-childpanel-create-page .rtl-content .fp-childpanel-input-icon {
    right: 15px;
    left: auto;
}

.fp-childpanel-create-page .rtl-content .form-control {
    padding-right: 45px;
    padding-left: 15px;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {
    .fp-childpanel-create-page {
        padding-top: 18px;
        padding-bottom: 45px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-hero {
        align-items: stretch;
        flex-direction: column;
        min-height: 0;
        padding: 30px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-hero-content {
        max-width: none;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-price-box {
        flex-basis: auto;
        width: 100%;
        max-width: none;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fp-childpanel-create-page .fp-childpanel-vip-steps {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-step {
        flex: 0 0 auto;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-step-line {
        flex: 0 0 50px;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {
    .fp-childpanel-create-page {
        padding-right: 0;
        padding-left: 0;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-hero {
        gap: 23px;
        margin-bottom: 16px;
        padding: 23px 18px;
        border-radius: 21px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-hero h1 {
        font-size: 32px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-hero-content > p {
        font-size: 13px;
        line-height: 1.65;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-benefits {
        grid-template-columns: 1fr;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-benefit {
        padding: 11px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-price-box {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-steps {
        gap: 10px;
        margin-bottom: 16px;
        padding: 13px;
        border-radius: 15px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-step div {
        display: none;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-step-line {
        min-width: 35px;
    }

    html .fp-auth-body
    .fp-childpanel-create-page
    .fp-childpanel-info-card,
    html .fp-auth-body
    .fp-childpanel-create-page
    .fp-childpanel-create-card {
        margin-bottom: 16px;
        padding: 20px 16px;
        border-radius: 20px;
    }

    html .fp-auth-body
    .fp-childpanel-create-page
    .fp-childpanel-info-card::before,
    html .fp-auth-body
    .fp-childpanel-create-page
    .fp-childpanel-create-card::before {
        left: 17px;
    }

    .fp-childpanel-create-page .fp-childpanel-card-heading {
        gap: 12px;
        margin-bottom: 20px;
        padding-bottom: 17px;
    }

    .fp-childpanel-create-page .fp-childpanel-card-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 13px;
        font-size: 16px;
    }

    .fp-childpanel-create-page .fp-childpanel-card-heading h3 {
        font-size: 20px;
    }

    .fp-childpanel-create-page .fp-childpanel-form-section {
        margin-bottom: 14px;
        padding: 17px 14px;
        border-radius: 15px;
    }

    .fp-childpanel-create-page .fp-childpanel-ns-list {
        grid-template-columns: 1fr;
    }

    .fp-childpanel-create-page .fp-childpanel-order-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }

    .fp-childpanel-create-page
    .fp-childpanel-order-summary-price {
        width: 100%;
        padding-top: 12px;
        border-top: 1px solid var(--fp-cp-border);
        text-align: left;
    }
}

/* ============================================================
   SMALL PHONES
   ============================================================ */

@media (max-width: 420px) {
    .fp-childpanel-create-page .fp-childpanel-vip-hero h1 {
        font-size: 28px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-badge {
        min-height: 31px;
        padding: 0 11px;
        font-size: 9px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-price-box > strong {
        font-size: 29px;
    }

    .fp-childpanel-create-page .fp-childpanel-form-section-heading {
        gap: 10px;
    }

    .fp-childpanel-create-page .fp-childpanel-form-section-number {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    html .fp-auth-body
    .fp-childpanel-create-page
    .form-control,
    html .fp-auth-body
    .fp-childpanel-create-page
    select.form-control {
        height: 48px;
        font-size: 12px;
    }
}
/* ============================================================
   CHILD PANEL VIP INFORMATION NOTICE
   Theme selector compatible
   ============================================================ */

.fp-childpanel-create-page .fp-childpanel-vip-notice {
    display: grid;
    gap: 15px;
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--fp-cp-card) 94%,
                transparent
            ),
            color-mix(
                in srgb,
                var(--fp-cp-bg-soft) 96%,
                transparent
            )
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-warning {
    border-color: color-mix(
        in srgb,
        var(--fp-cp-warning) 46%,
        transparent
    );
    background:
        radial-gradient(
            circle at top right,
            color-mix(
                in srgb,
                var(--fp-cp-warning) 13%,
                transparent
            ),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            var(--fp-cp-card),
            var(--fp-cp-bg-soft)
        );
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-icon {
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 14px;
    background: var(--fp-cp-primary-soft);
    color: var(--fp-cp-primary-strong);
    font-size: 18px;
}

.fp-childpanel-create-page
.fp-childpanel-vip-notice-warning
.fp-childpanel-vip-notice-icon {
    border-color: color-mix(
        in srgb,
        var(--fp-cp-warning) 42%,
        transparent
    );
    background: color-mix(
        in srgb,
        var(--fp-cp-warning) 13%,
        transparent
    );
    color: var(--fp-cp-warning);
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-content {
    min-width: 0;
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-label {
    display: block;
    margin-bottom: 5px;
    color: var(--fp-cp-primary-strong);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.fp-childpanel-create-page
.fp-childpanel-vip-notice-warning
.fp-childpanel-vip-notice-label {
    color: var(--fp-cp-warning);
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-content h4 {
    margin: 0 0 7px;
    color: var(--fp-cp-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.fp-childpanel-create-page .fp-childpanel-vip-notice-content p {
    margin: 0 0 8px;
    color: var(--fp-cp-muted);
    font-size: 12px;
    line-height: 1.65;
}

.fp-childpanel-create-page
.fp-childpanel-vip-notice-content
p:last-child {
    margin-bottom: 0;
}

.fp-childpanel-create-page
.fp-childpanel-vip-notice-content
strong {
    color: var(--fp-cp-text);
    font-weight: 800;
}

.fp-childpanel-create-page .fp-childpanel-vip-example {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    padding: 8px 10px;
    border: 1px solid var(--fp-cp-border);
    border-radius: 10px;
    background: var(--fp-cp-bg-soft);
    color: var(--fp-cp-text);
    font-size: 10px;
    font-weight: 700;
}

.fp-childpanel-create-page .fp-childpanel-vip-example i {
    color: var(--fp-cp-primary-strong);
}

/* Included and not included */

.fp-childpanel-create-page .fp-childpanel-vip-included-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.fp-childpanel-create-page .fp-childpanel-vip-included,
.fp-childpanel-create-page .fp-childpanel-vip-not-included {
    padding: 17px;
    border-radius: 15px;
}

.fp-childpanel-create-page .fp-childpanel-vip-included {
    border: 1px solid color-mix(
        in srgb,
        var(--fp-cp-success) 38%,
        transparent
    );
    background: color-mix(
        in srgb,
        var(--fp-cp-success) 8%,
        var(--fp-cp-bg-soft)
    );
}

.fp-childpanel-create-page .fp-childpanel-vip-not-included {
    border: 1px solid color-mix(
        in srgb,
        var(--fp-cp-danger) 38%,
        transparent
    );
    background: color-mix(
        in srgb,
        var(--fp-cp-danger) 8%,
        var(--fp-cp-bg-soft)
    );
}

.fp-childpanel-create-page .fp-childpanel-vip-list-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 11px;
    color: var(--fp-cp-text);
    font-size: 12px;
    font-weight: 800;
}

.fp-childpanel-create-page
.fp-childpanel-vip-included
.fp-childpanel-vip-list-title
i {
    color: var(--fp-cp-success);
}

.fp-childpanel-create-page
.fp-childpanel-vip-not-included
.fp-childpanel-vip-list-title
i {
    color: var(--fp-cp-danger);
}

.fp-childpanel-create-page .fp-childpanel-vip-included ul,
.fp-childpanel-create-page .fp-childpanel-vip-not-included ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fp-childpanel-create-page .fp-childpanel-vip-included li,
.fp-childpanel-create-page .fp-childpanel-vip-not-included li {
    position: relative;
    padding-left: 18px;
    color: var(--fp-cp-muted);
    font-size: 11px;
    line-height: 1.5;
}

.fp-childpanel-create-page .fp-childpanel-vip-included li::before,
.fp-childpanel-create-page .fp-childpanel-vip-not-included li::before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-size: 10px;
}

.fp-childpanel-create-page
.fp-childpanel-vip-included
li::before {
    color: var(--fp-cp-success);
    content: "\f00c";
}

.fp-childpanel-create-page
.fp-childpanel-vip-not-included
li::before {
    color: var(--fp-cp-danger);
    content: "\f00d";
}

/* Mobile */

@media (max-width: 767px) {
    .fp-childpanel-create-page .fp-childpanel-vip-notice-item {
        gap: 11px;
        padding: 14px;
    }

    .fp-childpanel-create-page .fp-childpanel-vip-notice-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 16px;
    }

    .fp-childpanel-create-page
    .fp-childpanel-vip-notice-content
    h4 {
        font-size: 14px;
    }

    .fp-childpanel-create-page
    .fp-childpanel-vip-included-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================================================
  FOLLOWERSPROVIDER VIP AFFILIATE PAGE
  Theme selector compatible
  Paste at the very bottom of style.css
  ============================================================ */
 
.fp-affiliates-page {
   --fp-aff-primary: var(--fp-accent, #1e6fff);
   --fp-aff-primary-strong: var(--fp-accent-strong, #3b8dff);
   --fp-aff-primary-soft: var(--fp-accent-soft, rgba(30, 111, 255, 0.12));
   --fp-aff-bg: var(--fp-bg-main, #000711);
   --fp-aff-bg-soft: var(--fp-bg-soft, #00050d);
   --fp-aff-card: var(--fp-panel, #031229);
   --fp-aff-border: var(--fp-border, rgba(30, 111, 255, 0.24));
   --fp-aff-border-strong: var(--fp-border-strong, #1e6fff);
   --fp-aff-text: var(--fp-text-main, #ffffff);
   --fp-aff-muted: var(--fp-text-muted, #a8b4d4);
   --fp-aff-success: var(--success-color, #46d99b);
   --fp-aff-danger: var(--danger-color, #ff647c);
   --fp-aff-warning: var(--warning-color, #ffc15d);
   width: 100%;
   max-width: 1220px;
   margin: 0 auto;
   padding-top: 24px;
   padding-bottom: 70px;
   color: var(--fp-aff-text);
}
 
/* HERO */
.fp-affiliates-page .fp-affiliates-hero {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   min-height: 300px;
   margin-bottom: 22px;
   padding: 38px;
   overflow: hidden;
   isolation: isolate;
   border: 1px solid var(--fp-aff-border);
   border-radius: 28px;
   background:
       radial-gradient(circle at 88% 12%, var(--fp-aff-primary-soft), transparent 34%),
       radial-gradient(circle at 10% 92%, var(--fp-aff-primary-soft), transparent 37%),
       linear-gradient(145deg, var(--fp-aff-card), var(--fp-aff-bg-soft));
   box-shadow: 0 24px 60px rgba(0,0,0,.28), 0 0 45px var(--fp-aff-primary-soft);
}
 
.fp-affiliates-page .fp-affiliates-hero::before {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 3px;
   background: linear-gradient(90deg, transparent, var(--fp-aff-primary), var(--fp-aff-primary-strong), transparent);
   content: "";
}
 
.fp-affiliates-page .fp-affiliates-hero::after {
   position: absolute;
   right: -95px;
   bottom: -120px;
   z-index: -2;
   width: 310px;
   height: 310px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 50%;
   box-shadow: 0 0 0 35px var(--fp-aff-primary-soft);
   content: "";
}
 
.fp-affiliates-page .fp-affiliates-hero-glow {
   position: absolute;
   z-index: -3;
   border-radius: 50%;
   background: var(--fp-aff-primary);
   filter: blur(100px);
   opacity: .15;
   pointer-events: none;
}
 
.fp-affiliates-page .fp-affiliates-hero-glow-left { bottom: -130px; left: -90px; width: 280px; height: 280px; }
.fp-affiliates-page .fp-affiliates-hero-glow-right { top: -130px; right: -80px; width: 320px; height: 320px; }
 
.fp-affiliates-page .fp-affiliates-hero-content { position: relative; z-index: 2; flex: 1 1 auto; max-width: 720px; }
 
.fp-affiliates-page .fp-affiliates-hero-badge {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   min-height: 34px;
   margin-bottom: 18px;
   padding: 0 14px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 999px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
   font-size: 11px;
   font-weight: 800;
   letter-spacing: .12em;
}
 
.fp-affiliates-page .fp-affiliates-hero h1 {
   max-width: 680px;
   margin: 0 0 15px;
   color: var(--fp-aff-text);
   font-size: clamp(34px, 4vw, 52px);
   font-weight: 800;
   line-height: 1.06;
   letter-spacing: -.045em;
}
 
.fp-affiliates-page .fp-affiliates-hero h1 span {
   display: block;
   background: linear-gradient(135deg, var(--fp-aff-primary), var(--fp-aff-primary-strong));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
 
.fp-affiliates-page .fp-affiliates-hero-content > p {
   max-width: 650px;
   margin: 0;
   color: var(--fp-aff-muted);
   font-size: 15px;
   line-height: 1.75;
}
 
.fp-affiliates-page .fp-affiliates-hero-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 11px;
   margin-top: 24px;
}
 
.fp-affiliates-page .fp-affiliates-copy-main,
.fp-affiliates-page .fp-affiliates-share-btn,
.fp-affiliates-page .fp-affiliates-copy-btn,
.fp-affiliates-page .fp-affiliates-payout-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 9px;
   min-height: 44px;
   padding: 0 17px;
   border-radius: 13px;
   font-size: 12px;
   font-weight: 800;
   text-decoration: none !important;
   transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}
 
.fp-affiliates-page .fp-affiliates-copy-main,
.fp-affiliates-page .fp-affiliates-copy-btn,
.fp-affiliates-page .fp-affiliates-payout-btn {
   border: 1px solid var(--fp-aff-border-strong) !important;
   background: linear-gradient(135deg, var(--fp-aff-primary), var(--fp-aff-primary-strong)) !important;
   color: #fff !important;
   box-shadow: 0 12px 28px var(--fp-aff-primary-soft);
}
 
.fp-affiliates-page .fp-affiliates-share-btn {
   border: 1px solid var(--fp-aff-border) !important;
   background: var(--fp-aff-primary-soft) !important;
   color: var(--fp-aff-text) !important;
}
 
.fp-affiliates-page .fp-affiliates-copy-main:hover,
.fp-affiliates-page .fp-affiliates-share-btn:hover,
.fp-affiliates-page .fp-affiliates-copy-btn:hover,
.fp-affiliates-page .fp-affiliates-payout-btn:hover {
   transform: translateY(-2px);
   filter: brightness(1.06);
}
 
.fp-affiliates-page .is-copied { background: var(--fp-aff-success) !important; border-color: var(--fp-aff-success) !important; }
 
/* RATE CARD */
.fp-affiliates-page .fp-affiliates-hero-rate-card {
   position: relative;
   z-index: 3;
   flex: 0 0 235px;
   padding: 26px 22px;
   overflow: hidden;
   border: 1px solid var(--fp-aff-border-strong);
   border-radius: 22px;
   background: radial-gradient(circle at top right, var(--fp-aff-primary-soft), transparent 46%), linear-gradient(160deg, var(--fp-aff-card), var(--fp-aff-bg-soft));
   text-align: center;
   box-shadow: 0 20px 42px rgba(0,0,0,.3), 0 0 35px var(--fp-aff-primary-soft);
}
 
.fp-affiliates-page .fp-affiliates-rate-label {
   display: block;
   margin-bottom: 11px;
   color: var(--fp-aff-primary-strong);
   font-size: 10px;
   font-weight: 800;
   letter-spacing: .13em;
}
 
.fp-affiliates-page .fp-affiliates-hero-rate-card > strong {
   display: block;
   margin-bottom: 7px;
   color: var(--fp-aff-text);
   font-size: 42px;
   font-weight: 800;
   line-height: 1;
}
 
.fp-affiliates-page .fp-affiliates-hero-rate-card > small { display: block; color: var(--fp-aff-muted); font-size: 11px; }
 
.fp-affiliates-page .fp-affiliates-rate-status {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   min-height: 30px;
   margin-top: 17px;
   padding: 0 11px;
   border: 1px solid color-mix(in srgb, var(--fp-aff-success) 38%, transparent);
   border-radius: 999px;
   background: color-mix(in srgb, var(--fp-aff-success) 12%, transparent);
   color: var(--fp-aff-success);
   font-size: 10px;
   font-weight: 800;
}
 
/* GENERIC CARDS */
html .fp-auth-body .fp-affiliates-page .fp-affiliates-card,
html .fp-auth-body .fp-affiliates-page .fp-affiliates-text-card {
   position: relative;
   margin: 0 0 22px;
   padding: 28px;
   overflow: hidden;
   border: 1px solid var(--fp-aff-border) !important;
   border-radius: 24px;
   background: radial-gradient(circle at 96% 0, var(--fp-aff-primary-soft), transparent 30%), linear-gradient(150deg, var(--fp-aff-card), var(--fp-aff-bg-soft)) !important;
   color: var(--fp-aff-text);
   box-shadow: 0 22px 52px rgba(0,0,0,.24);
}
 
html .fp-auth-body .fp-affiliates-page .fp-affiliates-card::before,
html .fp-auth-body .fp-affiliates-page .fp-affiliates-text-card::before {
   position: absolute;
   top: 0;
   left: 28px;
   width: 105px;
   height: 3px;
   border-radius: 0 0 4px 4px;
   background: linear-gradient(90deg, var(--fp-aff-primary), var(--fp-aff-primary-strong));
   content: "";
}
 
.fp-affiliates-page .fp-affiliates-section-heading {
   display: flex;
   align-items: flex-start;
   gap: 15px;
   margin-bottom: 22px;
   padding-bottom: 19px;
   border-bottom: 1px solid var(--fp-aff-border);
}
 
.fp-affiliates-page .fp-affiliates-section-icon {
   display: inline-flex;
   flex: 0 0 50px;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 15px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
   font-size: 19px;
}
 
.fp-affiliates-page .fp-affiliates-section-kicker {
   display: block;
   margin-bottom: 5px;
   color: var(--fp-aff-primary-strong);
   font-size: 10px;
   font-weight: 800;
   letter-spacing: .12em;
}
 
.fp-affiliates-page .fp-affiliates-section-heading h3 {
   margin: 0;
   color: var(--fp-aff-text);
   font-size: 24px;
   font-weight: 800;
   line-height: 1.2;
}
 
.fp-affiliates-page .fp-affiliates-section-heading p {
   margin: 7px 0 0;
   color: var(--fp-aff-muted);
   font-size: 13px;
   line-height: 1.65;
}
 
.fp-affiliates-page .fp-affiliates-admin-content,
.fp-affiliates-page .fp-affiliates-admin-content p,
.fp-affiliates-page .fp-affiliates-admin-content li { color: var(--fp-aff-muted); line-height: 1.7; }
 
/* REFERRAL LINK */
.fp-affiliates-page .fp-affiliates-link-box {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 13px;
   border: 1px solid var(--fp-aff-border-strong);
   border-radius: 16px;
   background: var(--fp-aff-bg-soft);
   box-shadow: 0 0 26px var(--fp-aff-primary-soft);
}
 
.fp-affiliates-page .fp-affiliates-link-value {
   display: flex;
   flex: 1 1 auto;
   align-items: center;
   gap: 12px;
   min-width: 0;
}
 
.fp-affiliates-page .fp-affiliates-link-icon {
   display: inline-flex;
   flex: 0 0 42px;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 12px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
}
 
.fp-affiliates-page .fp-affiliates-link-text {
   overflow: hidden;
   color: var(--fp-aff-text);
   font-size: 13px;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;
}
 
.fp-affiliates-page .fp-affiliates-link-details {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 12px;
   margin-top: 16px;
}
 
.fp-affiliates-page .fp-affiliates-link-detail {
   display: flex;
   align-items: center;
   gap: 11px;
   padding: 14px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 14px;
   background: color-mix(in srgb, var(--fp-aff-card) 92%, transparent);
}
 
.fp-affiliates-page .fp-affiliates-link-detail-icon {
   display: inline-flex;
   flex: 0 0 38px;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   border-radius: 11px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
}
 
.fp-affiliates-page .fp-affiliates-link-detail small,
.fp-affiliates-page .fp-affiliates-link-detail strong { display: block; }
.fp-affiliates-page .fp-affiliates-link-detail small { margin-bottom: 3px; color: var(--fp-aff-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.fp-affiliates-page .fp-affiliates-link-detail strong { color: var(--fp-aff-text); font-size: 13px; }
 
/* STATISTICS */
.fp-affiliates-page .fp-affiliates-stat-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
   margin-bottom: 22px;
}
 
.fp-affiliates-page .fp-affiliates-stat-card {
   position: relative;
   min-width: 0;
   padding: 18px;
   overflow: hidden;
   border: 1px solid var(--fp-aff-border);
   border-radius: 18px;
   background: linear-gradient(145deg, var(--fp-aff-card), var(--fp-aff-bg-soft));
   box-shadow: 0 16px 36px rgba(0,0,0,.18);
   transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
 
.fp-affiliates-page .fp-affiliates-stat-card:hover {
   transform: translateY(-3px);
   border-color: var(--fp-aff-border-strong);
   box-shadow: 0 18px 38px var(--fp-aff-primary-soft);
}
 
.fp-affiliates-page .fp-affiliates-stat-icon {
   display: inline-flex;
   width: 42px;
   height: 42px;
   align-items: center;
   justify-content: center;
   margin-bottom: 15px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 13px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
}
 
.fp-affiliates-page .fp-affiliates-stat-content span,
.fp-affiliates-page .fp-affiliates-stat-content strong { display: block; }
.fp-affiliates-page .fp-affiliates-stat-content span { margin-bottom: 6px; color: var(--fp-aff-muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.fp-affiliates-page .fp-affiliates-stat-content strong { color: var(--fp-aff-text); font-size: 28px; font-weight: 800; line-height: 1; }
.fp-affiliates-page .fp-affiliates-stat-card > small { display: block; margin-top: 9px; color: var(--fp-aff-muted); font-size: 10px; }
 
/* EARNINGS */
.fp-affiliates-page .fp-affiliates-earnings-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   margin-bottom: 22px;
}
 
html .fp-auth-body .fp-affiliates-page .fp-affiliates-earnings-card {
   display: flex;
   align-items: center;
   gap: 16px;
   min-height: 150px;
   margin: 0;
}
 
.fp-affiliates-page .fp-affiliates-earnings-icon {
   display: inline-flex;
   flex: 0 0 58px;
   align-items: center;
   justify-content: center;
   width: 58px;
   height: 58px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 17px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
   font-size: 22px;
}
 
.fp-affiliates-page .fp-affiliates-earnings-content { flex: 1 1 auto; min-width: 0; }
.fp-affiliates-page .fp-affiliates-earnings-content span,
.fp-affiliates-page .fp-affiliates-earnings-content strong,
.fp-affiliates-page .fp-affiliates-earnings-content small { display: block; }
.fp-affiliates-page .fp-affiliates-earnings-content span { margin-bottom: 5px; color: var(--fp-aff-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.fp-affiliates-page .fp-affiliates-earnings-content strong { margin-bottom: 7px; color: var(--fp-aff-text); font-size: 32px; font-weight: 800; line-height: 1; }
.fp-affiliates-page .fp-affiliates-earnings-content small { color: var(--fp-aff-muted); font-size: 10px; }
 
/* HOW IT WORKS */
.fp-affiliates-page .fp-affiliates-steps {
   display: flex;
   align-items: stretch;
   gap: 10px;
}
 
.fp-affiliates-page .fp-affiliates-step {
   position: relative;
   flex: 1 1 0;
   min-width: 0;
   padding: 18px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 16px;
   background: color-mix(in srgb, var(--fp-aff-card) 92%, transparent);
   text-align: center;
}
 
.fp-affiliates-page .fp-affiliates-step-number {
   position: absolute;
   top: 10px;
   right: 11px;
   color: var(--fp-aff-muted);
   font-size: 9px;
   font-weight: 800;
}
 
.fp-affiliates-page .fp-affiliates-step-icon {
   display: inline-flex;
   width: 46px;
   height: 46px;
   align-items: center;
   justify-content: center;
   margin-bottom: 12px;
   border: 1px solid var(--fp-aff-border);
   border-radius: 14px;
   background: var(--fp-aff-primary-soft);
   color: var(--fp-aff-primary-strong);
}
 
.fp-affiliates-page .fp-affiliates-step strong,
.fp-affiliates-page .fp-affiliates-step small { display: block; }
.fp-affiliates-page .fp-affiliates-step strong { margin-bottom: 6px; color: var(--fp-aff-text); font-size: 12px; font-weight: 800; }
.fp-affiliates-page .fp-affiliates-step small { color: var(--fp-aff-muted); font-size: 10px; line-height: 1.5; }
.fp-affiliates-page .fp-affiliates-step-line { align-self: center; flex: 0 0 34px; height: 1px; background: linear-gradient(90deg, transparent, var(--fp-aff-border-strong), transparent); }
 
/* PAYOUT HISTORY */
.fp-affiliates-page .fp-affiliates-table-wrap {
   width: 100%;
   overflow-x: auto;
   border: 1px solid var(--fp-aff-border);
   border-radius: 15px;
   background: var(--fp-aff-bg-soft);
}
 
.fp-affiliates-page .fp-affiliates-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; }
.fp-affiliates-page .fp-affiliates-table > thead > tr > th {
   padding: 14px 16px;
   border: 0 !important;
   border-bottom: 1px solid var(--fp-aff-border) !important;
   background: var(--fp-aff-primary-soft) !important;
   color: var(--fp-aff-text) !important;
   font-size: 10px;
   font-weight: 800;
   letter-spacing: .06em;
   text-transform: uppercase;
}
 
.fp-affiliates-page .fp-affiliates-table > tbody > tr > td {
   padding: 15px 16px;
   border: 0 !important;
   border-bottom: 1px solid var(--fp-aff-border) !important;
   background: transparent !important;
   color: var(--fp-aff-muted) !important;
   font-size: 12px;
   vertical-align: middle;
}
 
.fp-affiliates-page .fp-affiliates-table > tbody > tr:last-child > td { border-bottom: 0 !important; }
.fp-affiliates-page .fp-affiliates-payment-date { display: inline-flex; align-items: center; gap: 8px; color: var(--fp-aff-muted); }
.fp-affiliates-page .fp-affiliates-payment-date i { color: var(--fp-aff-primary-strong); }
.fp-affiliates-page .fp-affiliates-payment-amount { color: var(--fp-aff-text); font-weight: 800; }
.fp-affiliates-page .fp-affiliates-payment-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid var(--fp-aff-border); border-radius: 999px; background: var(--fp-aff-primary-soft); color: var(--fp-aff-text); font-size: 10px; font-weight: 700; }
.fp-affiliates-page .fp-affiliates-payment-status i { color: var(--fp-aff-success); font-size: 7px; }
 
/* PAGINATION */
.fp-affiliates-page .fp-affiliates-pagination { display: flex; justify-content: center; gap: 7px; margin: 24px 0 0; }
.fp-affiliates-page .fp-affiliates-pagination > li > a,
.fp-affiliates-page .fp-affiliates-pagination > li > span {
   min-width: 38px;
   min-height: 38px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid var(--fp-aff-border) !important;
   border-radius: 11px !important;
   background: var(--fp-aff-card) !important;
   color: var(--fp-aff-muted) !important;
}
.fp-affiliates-page .fp-affiliates-pagination > .active > a,
.fp-affiliates-page .fp-affiliates-pagination > .active > span {
   border-color: var(--fp-aff-border-strong) !important;
   background: linear-gradient(135deg, var(--fp-aff-primary), var(--fp-aff-primary-strong)) !important;
   color: #fff !important;
}
 
/* RTL */
.fp-affiliates-page .rtl-content { direction: rtl; text-align: right; }
.fp-affiliates-page .rtl-content .fp-affiliates-section-heading { flex-direction: row-reverse; }
.fp-affiliates-page .rtl-table { direction: rtl; }
 
/* TABLET */
@media (max-width: 991px) {
   .fp-affiliates-page { padding-top: 18px; }
   .fp-affiliates-page .fp-affiliates-hero { align-items: stretch; flex-direction: column; min-height: 0; padding: 30px; }
   .fp-affiliates-page .fp-affiliates-hero-rate-card { flex-basis: auto; width: 100%; }
   .fp-affiliates-page .fp-affiliates-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .fp-affiliates-page .fp-affiliates-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .fp-affiliates-page .fp-affiliates-step-line { display: none; }
}
 
/* MOBILE */
@media (max-width: 767px) {
   .fp-affiliates-page { padding-right: 0; padding-left: 0; padding-bottom: 55px; }
   .fp-affiliates-page .fp-affiliates-hero { gap: 23px; margin-bottom: 16px; padding: 23px 18px; border-radius: 21px; }
   .fp-affiliates-page .fp-affiliates-hero h1 { font-size: 32px; }
   .fp-affiliates-page .fp-affiliates-hero-content > p { font-size: 13px; line-height: 1.65; }
   .fp-affiliates-page .fp-affiliates-hero-actions { flex-direction: column; }
   .fp-affiliates-page .fp-affiliates-copy-main,
   .fp-affiliates-page .fp-affiliates-share-btn { width: 100%; }
   html .fp-auth-body .fp-affiliates-page .fp-affiliates-card,
   html .fp-auth-body .fp-affiliates-page .fp-affiliates-text-card { margin-bottom: 16px; padding: 20px 16px; border-radius: 20px; }
   html .fp-auth-body .fp-affiliates-page .fp-affiliates-card::before,
   html .fp-auth-body .fp-affiliates-page .fp-affiliates-text-card::before { left: 17px; }
   .fp-affiliates-page .fp-affiliates-section-heading { gap: 12px; margin-bottom: 18px; padding-bottom: 16px; }
   .fp-affiliates-page .fp-affiliates-section-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 13px; font-size: 16px; }
   .fp-affiliates-page .fp-affiliates-section-heading h3 { font-size: 20px; }
   .fp-affiliates-page .fp-affiliates-link-box { align-items: stretch; flex-direction: column; }
   .fp-affiliates-page .fp-affiliates-copy-btn { width: 100%; }
   .fp-affiliates-page .fp-affiliates-link-text { white-space: normal; word-break: break-all; }
   .fp-affiliates-page .fp-affiliates-link-details { grid-template-columns: 1fr; }
   .fp-affiliates-page .fp-affiliates-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
   .fp-affiliates-page .fp-affiliates-stat-card { padding: 15px; }
   .fp-affiliates-page .fp-affiliates-stat-content strong { font-size: 24px; }
   .fp-affiliates-page .fp-affiliates-earnings-grid { grid-template-columns: 1fr; gap: 12px; }
   html .fp-auth-body .fp-affiliates-page .fp-affiliates-earnings-card { min-height: 0; padding: 18px 16px; }
   .fp-affiliates-page .fp-affiliates-steps { grid-template-columns: 1fr; }
   .fp-affiliates-page .fp-affiliates-table-wrap { overflow: visible; border: 0; background: transparent; }
   .fp-affiliates-page .fp-affiliates-table,
   .fp-affiliates-page .fp-affiliates-table > tbody,
   .fp-affiliates-page .fp-affiliates-table > tr,
   .fp-affiliates-page .fp-affiliates-table > tbody > tr,
   .fp-affiliates-page .fp-affiliates-table > tbody > tr > td { display: block; width: 100%; }
   .fp-affiliates-page .fp-affiliates-table > thead { display: none; }
   .fp-affiliates-page .fp-affiliates-table > tbody > tr { margin-bottom: 12px; padding: 14px; border: 1px solid var(--fp-aff-border); border-radius: 14px; background: var(--fp-aff-bg-soft); }
   .fp-affiliates-page .fp-affiliates-table > tbody > tr > td { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 0; border-bottom: 1px solid var(--fp-aff-border) !important; text-align: right; }
   .fp-affiliates-page .fp-affiliates-table > tbody > tr > td:last-child { border-bottom: 0 !important; }
   .fp-affiliates-page .fp-affiliates-table > tbody > tr > td::before { flex: 0 0 auto; content: attr(data-label); color: var(--fp-aff-muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; text-align: left; }
}
 
/* SMALL PHONES */
@media (max-width: 420px) {
   .fp-affiliates-page .fp-affiliates-hero h1 { font-size: 28px; }
   .fp-affiliates-page .fp-affiliates-hero-badge { min-height: 31px; padding: 0 11px; font-size: 9px; }
   .fp-affiliates-page .fp-affiliates-hero-rate-card > strong { font-size: 36px; }
   .fp-affiliates-page .fp-affiliates-stat-grid { grid-template-columns: 1fr 1fr; }
   .fp-affiliates-page .fp-affiliates-stat-card { padding: 13px; }
   .fp-affiliates-page .fp-affiliates-stat-icon { width: 38px; height: 38px; }
   .fp-affiliates-page .fp-affiliates-stat-content strong { font-size: 22px; }
}
/* ============================================================
   AFFILIATE MOBILE SIZE FIX
   Add at the very bottom of style.css
   ============================================================ */

@media (max-width: 767px) {

    .fp-affiliates-page .fp-affiliates-hero {
        gap: 16px;
        padding: 18px 16px;
        border-radius: 20px;
    }

    .fp-affiliates-page .fp-affiliates-hero-badge {
        min-height: 30px;
        margin-bottom: 14px;
        padding: 0 11px;
        font-size: 9px;
    }

    .fp-affiliates-page .fp-affiliates-hero h1 {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 1.08;
        letter-spacing: -0.035em;
    }

    .fp-affiliates-page .fp-affiliates-hero-content > p {
        font-size: 12px;
        line-height: 1.55;
    }

    .fp-affiliates-page .fp-affiliates-hero-actions {
        gap: 9px;
        margin-top: 17px;
    }

    .fp-affiliates-page .fp-affiliates-copy-main,
    .fp-affiliates-page .fp-affiliates-share-btn {
        min-height: 46px;
        padding: 0 14px;
        border-radius: 12px;
        font-size: 12px;
    }

    .fp-affiliates-page .fp-affiliates-hero-rate-card {
        padding: 18px 14px;
        border-radius: 18px;
    }

    .fp-affiliates-page .fp-affiliates-rate-label {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .fp-affiliates-page .fp-affiliates-hero-rate-card > strong {
        margin-bottom: 6px;
        font-size: 34px;
    }

    .fp-affiliates-page .fp-affiliates-hero-rate-card > small {
        font-size: 10px;
    }

    .fp-affiliates-page .fp-affiliates-rate-status {
        min-height: 28px;
        margin-top: 12px;
        padding: 0 10px;
        font-size: 9px;
    }

    html .fp-auth-body .fp-affiliates-page .fp-affiliates-card,
    html .fp-auth-body .fp-affiliates-page .fp-affiliates-text-card {
        padding: 17px 14px;
        border-radius: 18px;
    }

    .fp-affiliates-page .fp-affiliates-section-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .fp-affiliates-page .fp-affiliates-section-heading h3 {
        font-size: 19px;
    }

    .fp-affiliates-page .fp-affiliates-section-heading p {
        font-size: 11px;
        line-height: 1.5;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER PINK THEME
   Keep this block at the very bottom of style.css
========================================================= */

html[data-fp-theme="pink"] {
    --fp-bg-main: #170b13;
    --fp-bg-soft: #21101b;
    --fp-panel: #2a1422;
    --fp-panel-soft: #341a2b;

    --fp-accent: #ec4899;
    --fp-accent-strong: #db2777;
    --fp-accent-soft: rgba(236, 72, 153, 0.15);

    --fp-text-main: #fff7fb;
    --fp-text-soft: #e8cbdc;
    --fp-text-muted: #b98fa8;

    --fp-border: rgba(244, 114, 182, 0.22);
    --fp-border-strong: rgba(244, 114, 182, 0.4);

    --fp-shadow:
        0 18px 45px rgba(10, 3, 8, 0.45);

    --fp-primary: #ec4899;
    --fp-primary-hover: #db2777;
}

/* Main authenticated background */
html[data-fp-theme="pink"] body,
html[data-fp-theme="pink"] .fp-auth-body,
html[data-fp-theme="pink"] .fp-app-main {
    background:
        radial-gradient(
            circle at top right,
            rgba(236, 72, 153, 0.15),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #170b13,
            #10070d
        ) !important;

    color: #fff7fb !important;
}

/* Sidebar */
html[data-fp-theme="pink"] .fp-sidebar {
    background:
        linear-gradient(
            180deg,
            #25101e,
            #160a12
        ) !important;

    border-color: rgba(244, 114, 182, 0.2) !important;
}

/* Cards and panels */
html[data-fp-theme="pink"] .fp-panel,
html[data-fp-theme="pink"] .panel,
html[data-fp-theme="pink"] .well,
html[data-fp-theme="pink"] .fp-mini-card,
html[data-fp-theme="pink"] .fp-stat-card,
html[data-fp-theme="pink"] .fp-review-card,
html[data-fp-theme="pink"] .fp-neworder-card,
html[data-fp-theme="pink"] .fp-services-card,
html[data-fp-theme="pink"] .fp-orders-card,
html[data-fp-theme="pink"] .fp-subscriptions-card,
html[data-fp-theme="pink"] .fp-updates-card,
html[data-fp-theme="pink"] .fp-refill-card,
html[data-fp-theme="pink"] .fp-drip-card,
html[data-fp-theme="pink"] .fp-tickets-list-card,
html[data-fp-theme="pink"] .fp-addfunds-form-card,
html[data-fp-theme="pink"] .fp-addfunds-history-card,
html[data-fp-theme="pink"] .fp-addfunds-text-card,
html[data-fp-theme="pink"] .fp-massorder-card,
html[data-fp-theme="pink"] .fp-childpanel-card,
html[data-fp-theme="pink"] .fp-childpanel-create-card,
html[data-fp-theme="pink"] .fp-api-card,
html[data-fp-theme="pink"] .fp-affiliates-card,
html[data-fp-theme="pink"] .fp-affiliates-text-card,
html[data-fp-theme="pink"] .fp-terms-card {
    background:
        linear-gradient(
            165deg,
            #301827,
            #1b0d16
        ) !important;

    border-color: rgba(244, 114, 182, 0.2) !important;

    box-shadow:
        0 18px 42px rgba(10, 3, 8, 0.38) !important;
}

/* Active sidebar links */
html[data-fp-theme="pink"] .fp-sidebar-link.active,
html[data-fp-theme="pink"] .fp-sidebar-link:hover,
html[data-fp-theme="pink"] .fp-sidebar-group-toggle.is-active {
    background:
        linear-gradient(
            135deg,
            rgba(244, 114, 182, 0.2),
            rgba(236, 72, 153, 0.1)
        ) !important;

    color: #f9a8d4 !important;
}

/* Primary buttons */
html[data-fp-theme="pink"] .fp-btn-primary,
html[data-fp-theme="pink"] .btn-primary,
html[data-fp-theme="pink"] .fp-auth-body .btn.btn-primary {
    background:
        linear-gradient(
            135deg,
            #f472b6,
            #ec4899
        ) !important;

    border-color: #ec4899 !important;
    color: #ffffff !important;

    box-shadow:
        0 12px 28px rgba(236, 72, 153, 0.3) !important;
}

html[data-fp-theme="pink"] .fp-btn-primary:hover,
html[data-fp-theme="pink"] .btn-primary:hover {
    background:
        linear-gradient(
            135deg,
            #ec4899,
            #db2777
        ) !important;
}

/* Form controls */
html[data-fp-theme="pink"] input,
html[data-fp-theme="pink"] select,
html[data-fp-theme="pink"] textarea,
html[data-fp-theme="pink"] .form-control {
    background: #1b0d16 !important;
    border-color: rgba(244, 114, 182, 0.22) !important;
    color: #fff7fb !important;
}

/* Pink theme menu dot */
.fp-theme-dot-pink {
    background:
        linear-gradient(
            135deg,
            #f9a8d4,
            #ec4899
        ) !important;

    box-shadow:
        0 0 10px rgba(236, 72, 153, 0.55);
}
.fp-neworder-stats-row > div:nth-child(1) .fp-neworder-stat-icon i {
    color: #60a5fa !important;
}

.fp-neworder-stats-row > div:nth-child(2) .fp-neworder-stat-icon i {
    color: #34d399 !important;
}

.fp-neworder-stats-row > div:nth-child(3) .fp-neworder-stat-icon i {
    color: #fb923c !important;
}

.fp-neworder-stats-row > div:nth-child(4) .fp-neworder-stat-icon i {
    color: #a78bfa !important;
}
/* =========================================
   NEW ORDER FILTERS - THEME COLORS
   ========================================= */

/* Default filter buttons */
html[data-fp-theme] .fp-auth-body .fp-neworder-page .fp-order-chip {
	background: var(--fp-bg-main) !important;
	border-color: var(--fp-border-strong) !important;
	color: var(--fp-text-main) !important;
}

/* Hover */
html[data-fp-theme] .fp-auth-body .fp-neworder-page .fp-order-chip:hover,
html[data-fp-theme] .fp-auth-body .fp-neworder-page .fp-order-chip:focus {
	background: var(--fp-accent-soft) !important;
	border-color: var(--fp-accent) !important;
	color: var(--fp-text-main) !important;
	box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

/* Selected filter */
html[data-fp-theme] .fp-auth-body .fp-neworder-page .fp-order-chip.active {
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	) !important;
	border-color: var(--fp-accent-strong) !important;
	color: #ffffff !important;
	box-shadow:
		0 8px 20px var(--fp-accent-soft),
		0 0 0 3px var(--fp-accent-soft) !important;
}

/* Active filter icon */
html[data-fp-theme] .fp-auth-body .fp-neworder-page .fp-order-chip.active i {
	color: #ffffff !important;
}
/* =========================================
   TOP TAB ICON COLORS
   ========================================= */

.fp-neworder-tabs > li:nth-child(1) > a > i {
    color: #60a5fa !important;
}

.fp-neworder-tabs > li:nth-child(2) > a > i {
    color: #a855f7 !important;
}

.fp-neworder-tabs > li:nth-child(3) > a > i {
    color: #f59e0b !important;
}
/* =========================================
   NEW ORDER TABS - ACTIVE THEME COLOR
   ========================================= */

/* Normal tabs */
html[data-fp-theme] .fp-neworder-tabs > li > a {
	background: var(--fp-neworder-tab-bg) !important;
	border-color: var(--fp-neworder-tab-border) !important;
	color: var(--fp-neworder-tab-text) !important;
}

/* Hover */
html[data-fp-theme] .fp-neworder-tabs > li > a:hover,
html[data-fp-theme] .fp-neworder-tabs > li > a:focus {
	background: var(--fp-neworder-tab-hover-bg) !important;
	border-color: var(--fp-neworder-tab-hover-border) !important;
	color: var(--fp-neworder-tab-hover-text) !important;
	box-shadow: var(--fp-neworder-tab-hover-shadow) !important;
}

/* Selected tab */
html[data-fp-theme] .fp-neworder-tabs > li.active > a,
html[data-fp-theme] .fp-neworder-tabs > li.active > a:hover,
html[data-fp-theme] .fp-neworder-tabs > li.active > a:focus {
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	) !important;
	border-color: var(--fp-accent-strong) !important;
	color: #ffffff !important;
	box-shadow:
		0 10px 24px var(--fp-accent-soft),
		0 0 0 3px var(--fp-accent-soft) !important;
}

/* Selected tab icon */
html[data-fp-theme] .fp-neworder-tabs > li.active > a > i {
	color: #ffffff !important;
	text-shadow: none !important;
}
/* =========================================
   FOLLOWERSPROVIDER FAQ PAGE
   ========================================= */

.fp-faq-page {
	padding-top: 34px;
	padding-bottom: 50px;
	color: var(--fp-text-main);
}

/* Hero */

.fp-faq-hero {
	position: relative;
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 28px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid var(--fp-border);
	border-radius: 24px;
	background:
		radial-gradient(
			circle at 12% 15%,
			var(--fp-accent-soft),
			transparent 42%
		),
		linear-gradient(
			165deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
	box-shadow: var(--fp-shadow);
}

.fp-faq-hero::after {
	content: "";
	position: absolute;
	top: -80px;
	right: -60px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: var(--fp-accent-soft);
	filter: blur(35px);
	pointer-events: none;
}

.fp-faq-hero-icon {
	position: relative;
	z-index: 1;
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--fp-border-strong);
	border-radius: 22px;
	background:
		linear-gradient(
			135deg,
			var(--fp-accent-soft),
			transparent
		);
	color: var(--fp-accent);
	font-size: 31px;
	box-shadow: 0 0 24px var(--fp-accent-soft);
}

.fp-faq-hero-content {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.fp-faq-eyebrow {
	display: block;
	margin-bottom: 7px;
	color: var(--fp-accent);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.fp-faq-hero h1 {
	margin: 0;
	color: var(--fp-text-main);
	font-size: 34px;
	font-weight: 800;
	line-height: 1.15;
}

.fp-faq-hero p {
	max-width: 620px;
	margin: 9px 0 0;
	color: var(--fp-text-muted);
	font-size: 15px;
	line-height: 1.65;
}

/* Search */

.fp-faq-search-wrap {
	position: relative;
	margin-bottom: 20px;
}

.fp-faq-search-wrap > i {
	position: absolute;
	top: 50%;
	left: 20px;
	z-index: 2;
	transform: translateY(-50%);
	color: var(--fp-accent);
	font-size: 19px;
	pointer-events: none;
}

.fp-faq-search {
	width: 100%;
	height: 58px;
	padding: 0 20px 0 54px;
	border: 1px solid var(--fp-border);
	border-radius: 17px;
	outline: none;
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	font-size: 15px;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
}

.fp-faq-search::placeholder {
	color: var(--fp-text-muted);
	opacity: 0.72;
}

.fp-faq-search:focus {
	border-color: var(--fp-border-strong);
	background: var(--fp-bg-main);
	box-shadow: 0 0 0 4px var(--fp-accent-soft);
}

/* FAQ items */

.fp-faq-list {
	display: grid;
	gap: 12px;
}

.fp-faq-item {
	overflow: hidden;
	border: 1px solid var(--fp-border);
	border-radius: 18px;
	background:
		linear-gradient(
			165deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.fp-faq-item:hover {
	border-color: var(--fp-border-strong);
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.fp-faq-item[open] {
	border-color: var(--fp-border-strong);
	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.2),
		0 0 22px var(--fp-accent-soft);
}

.fp-faq-item summary {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 17px 19px;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.fp-faq-item summary::-webkit-details-marker {
	display: none;
}

.fp-faq-question-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.035);
	font-size: 18px;
}

.fp-faq-question {
	flex: 1;
	min-width: 0;
	color: var(--fp-text-main);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.fp-faq-chevron {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	transition: transform 0.25s ease;
}

.fp-faq-item[open] .fp-faq-chevron {
	transform: rotate(180deg);
}

.fp-faq-answer {
	padding: 0 19px 19px 75px;
}

.fp-faq-answer::before {
	content: "";
	display: block;
	height: 1px;
	margin-bottom: 16px;
	background:
		linear-gradient(
			90deg,
			var(--fp-border),
			transparent
		);
}

.fp-faq-answer p {
	margin: 0;
	color: var(--fp-text-muted);
	font-size: 15px;
	line-height: 1.75;
}

.fp-faq-answer strong {
	color: var(--fp-text-main);
}

/* Icon colors */

.fp-faq-icon-blue {
	color: #60a5fa;
}

.fp-faq-icon-green {
	color: #34d399;
}

.fp-faq-icon-red {
	color: #fb7185;
}

.fp-faq-icon-orange {
	color: #fb923c;
}

.fp-faq-icon-cyan {
	color: #22d3ee;
}

.fp-faq-icon-gold {
	color: #fbbf24;
}

.fp-faq-icon-purple {
	color: #a78bfa;
}

.fp-faq-icon-pearl {
	color: #10b981;
}

.fp-faq-icon-yellow {
	color: #facc15;
}

/* Empty search result */

.fp-faq-empty {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 45px 20px;
	border: 1px dashed var(--fp-border);
	border-radius: 20px;
	background: var(--fp-panel);
	text-align: center;
}

.fp-faq-empty > i {
	margin-bottom: 13px;
	color: var(--fp-accent);
	font-size: 30px;
}

.fp-faq-empty h3 {
	margin: 0 0 6px;
	color: var(--fp-text-main);
	font-size: 19px;
}

.fp-faq-empty p {
	margin: 0;
	color: var(--fp-text-muted);
}

/* Support card */

.fp-faq-support-card {
	display: flex;
	align-items: center;
	gap: 17px;
	margin-top: 22px;
	padding: 22px;
	border: 1px solid var(--fp-border);
	border-radius: 20px;
	background:
		radial-gradient(
			circle at 10% 10%,
			var(--fp-accent-soft),
			transparent 42%
		),
		linear-gradient(
			165deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
}

.fp-faq-support-icon {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--fp-border-strong);
	border-radius: 16px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 22px;
}

.fp-faq-support-content {
	flex: 1;
	min-width: 0;
}

.fp-faq-support-content h3 {
	margin: 0 0 4px;
	color: var(--fp-text-main);
	font-size: 18px;
	font-weight: 800;
}

.fp-faq-support-content p {
	margin: 0;
	color: var(--fp-text-muted);
	font-size: 14px;
	line-height: 1.55;
}

.fp-faq-support-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 12px 17px;
	border: 1px solid var(--fp-border-strong) !important;
	border-radius: 13px !important;
	background:
		linear-gradient(
			135deg,
			var(--fp-accent),
			var(--fp-accent-strong)
		) !important;
	color: #ffffff !important;
	font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 10px 22px var(--fp-accent-soft);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-faq-support-btn:hover,
.fp-faq-support-btn:focus {
	transform: translateY(-2px);
	color: #ffffff !important;
	box-shadow:
		0 14px 28px var(--fp-accent-soft),
		0 0 0 4px var(--fp-accent-soft);
}

/* RTL */

.fp-faq-page .rtl-content .fp-faq-search-wrap > i {
	right: 20px;
	left: auto;
}

.fp-faq-page .rtl-content .fp-faq-search {
	padding-right: 54px;
	padding-left: 20px;
}

/* Mobile */

@media (max-width: 767px) {
	.fp-faq-page {
		padding-top: 20px;
		padding-bottom: 35px;
	}
	.fp-faq-hero {
		align-items: flex-start;
		gap: 15px;
		padding: 20px 17px;
		border-radius: 19px;
	}
	.fp-faq-hero-icon {
		flex-basis: 52px;
		width: 52px;
		height: 52px;
		border-radius: 16px;
		font-size: 23px;
	}
	.fp-faq-eyebrow {
		font-size: 10px;
	}
	.fp-faq-hero h1 {
		font-size: 25px;
	}
	.fp-faq-hero p {
		font-size: 13px;
		line-height: 1.55;
	}
	.fp-faq-search {
		height: 54px;
		border-radius: 15px;
	}
	.fp-faq-item {
		border-radius: 16px;
	}
	.fp-faq-item summary {
		gap: 11px;
		padding: 15px 14px;
	}
	.fp-faq-question-icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		border-radius: 12px;
		font-size: 16px;
	}
	.fp-faq-question {
		font-size: 14px;
	}
	.fp-faq-chevron {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
	}
	.fp-faq-answer {
		padding: 0 15px 17px;
	}
	.fp-faq-answer p {
		font-size: 14px;
	}
	.fp-faq-support-card {
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 18px;
	}
	.fp-faq-support-content {
		width: calc(100% - 70px);
	}
	.fp-faq-support-btn {
		width: 100%;
		margin-top: 4px;
	}
}
/* =========================================
   FAQ ANSWER VISIBILITY FIX
   ========================================= */

.fp-faq-item .fp-faq-answer {
	display: none !important;
}

.fp-faq-item[open] .fp-faq-answer {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}
/* =========================================
   FAQ QUICK HELP CARDS
   ========================================= */

.fp-faq-quick-help {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.fp-faq-quick-card {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
	padding: 15px;
	border: 1px solid var(--fp-border);
	border-radius: 17px;
	background:
		linear-gradient(
			165deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
	color: var(--fp-text-main);
	text-align: left;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-faq-quick-card:hover,
.fp-faq-quick-card:focus {
	transform: translateY(-2px);
	border-color: var(--fp-border-strong);
	background:
		radial-gradient(
			circle at 12% 15%,
			var(--fp-accent-soft),
			transparent 55%
		),
		linear-gradient(
			165deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
	outline: none;
}

.fp-faq-quick-card.active {
	border-color: var(--fp-accent);
	background: var(--fp-accent-soft);
	box-shadow:
		0 0 0 3px var(--fp-accent-soft),
		0 10px 24px rgba(0, 0, 0, 0.22);
}

.fp-faq-quick-icon {
	flex: 0 0 43px;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.035);
	font-size: 18px;
}

.fp-faq-quick-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.fp-faq-quick-text strong {
	color: var(--fp-text-main);
	font-size: 15px;
	line-height: 1.3;
}

.fp-faq-quick-text small {
	margin-top: 3px;
	overflow: hidden;
	color: var(--fp-text-muted);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fp-faq-quick-blue {
	color: #60a5fa;
}

.fp-faq-quick-green {
	color: #34d399;
}

.fp-faq-quick-orange {
	color: #fb923c;
}

.fp-faq-quick-purple {
	color: #a78bfa;
}

.fp-faq-quick-cyan {
	color: #22d3ee;
}

.fp-faq-quick-red {
	color: #fb7185;
}

@media (max-width: 767px) {
	.fp-faq-quick-help {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.fp-faq-quick-card {
		gap: 10px;
		padding: 12px;
		border-radius: 15px;
	}
	.fp-faq-quick-icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		border-radius: 11px;
		font-size: 16px;
	}
	.fp-faq-quick-text strong {
		font-size: 13px;
	}
	.fp-faq-quick-text small {
		font-size: 10px;
	}
}
/* =========================================
   FOLLOWERSPROVIDER HELP CENTER
   PHASE 1
   ========================================= */

/* HERO */

.fp-help-hero {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	padding: 42px 28px;
	border: 1px solid var(--fp-border);
	border-radius: 24px;
	background:
		linear-gradient(
			145deg,
			color-mix(in srgb, var(--fp-panel) 92%, transparent),
			color-mix(in srgb, var(--fp-bg-main) 94%, transparent)
		);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.fp-help-hero-content {
	position: relative;
	z-index: 2;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.fp-help-hero-glow {
	position: absolute;
	border-radius: 999px;
	filter: blur(10px);
	pointer-events: none;
	opacity: 0.55;
}

.fp-help-hero-glow-one {
	top: -90px;
	left: -80px;
	width: 260px;
	height: 260px;
	background: color-mix(
		in srgb,
		var(--fp-accent) 28%,
		transparent
	);
}

.fp-help-hero-glow-two {
	right: -90px;
	bottom: -110px;
	width: 300px;
	height: 300px;
	background: color-mix(
		in srgb,
		var(--fp-accent) 18%,
		transparent
	);
}

.fp-help-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 7px 12px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 999px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.fp-help-hero h1 {
	margin: 0;
	color: var(--fp-text-main);
	font-size: clamp(30px, 5vw, 48px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.fp-help-hero p {
	max-width: 680px;
	margin: 16px auto 0;
	color: var(--fp-text-muted);
	font-size: 15px;
	line-height: 1.7;
}

.fp-help-hero-search {
	display: flex;
	align-items: center;
	gap: 11px;
	max-width: 620px;
	margin: 24px auto 0;
	padding: 10px 12px 10px 16px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 16px;
	background: color-mix(
		in srgb,
		var(--fp-panel) 94%,
		transparent
	);
	box-shadow:
		0 12px 28px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fp-help-hero-search > i {
	flex: 0 0 auto;
	color: var(--fp-accent);
	font-size: 16px;
}

.fp-help-hero-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: 34px;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--fp-text-main);
	font-size: 14px;
}

.fp-help-hero-search input::placeholder {
	color: var(--fp-text-muted);
}

.fp-help-search-shortcut {
	flex: 0 0 auto;
	padding: 6px 9px;
	border: 1px solid var(--fp-border);
	border-radius: 9px;
	background: var(--fp-bg-main);
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.fp-help-hero-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9px;
	margin-top: 18px;
}

.fp-help-hero-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border: 1px solid var(--fp-border);
	border-radius: 999px;
	background: color-mix(
		in srgb,
		var(--fp-panel) 88%,
		transparent
	);
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		background 0.2s ease;
}

.fp-help-hero-link:hover,
.fp-help-hero-link:focus {
	transform: translateY(-2px);
	border-color: var(--fp-accent);
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	outline: none;
}

/* STATISTICS */

.fp-help-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.fp-help-stat-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--fp-border);
	border-radius: 18px;
	background:
		linear-gradient(
			155deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-help-stat-card:hover {
	transform: translateY(-2px);
	border-color: var(--fp-border-strong);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.fp-help-stat-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.03);
	font-size: 17px;
}

.fp-help-stat-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.fp-help-stat-content strong {
	color: var(--fp-text-main);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
}

.fp-help-stat-content span {
	margin-top: 3px;
	color: var(--fp-text-muted);
	font-size: 11px;
	line-height: 1.3;
}

.fp-help-stat-blue {
	color: #60a5fa;
}

.fp-help-stat-purple {
	color: #a78bfa;
}

.fp-help-stat-green {
	color: #34d399;
}

.fp-help-stat-orange {
	color: #fb923c;
}

/* GETTING STARTED */

.fp-help-getting-started {
	margin-bottom: 18px;
	padding: 22px;
	border: 1px solid var(--fp-border);
	border-radius: 22px;
	background:
		linear-gradient(
			155deg,
			var(--fp-panel),
			var(--fp-bg-main)
		);
}

.fp-help-section-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 20px;
}

.fp-help-section-eyebrow {
	display: block;
	margin-bottom: 6px;
	color: var(--fp-accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fp-help-section-header h2 {
	margin: 0;
	color: var(--fp-text-main);
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.025em;
}

.fp-help-section-header p {
	margin: 7px 0 0;
	color: var(--fp-text-muted);
	font-size: 13px;
	line-height: 1.6;
}

.fp-help-section-badge {
	flex: 0 0 auto;
	padding: 7px 11px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 999px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 11px;
	font-weight: 800;
}

.fp-help-steps {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		auto
		minmax(0, 1fr)
		auto
		minmax(0, 1fr)
		auto
		minmax(0, 1fr)
		auto
		minmax(0, 1fr);
	align-items: stretch;
	gap: 8px;
}

.fp-help-step-card {
	position: relative;
	min-width: 0;
	padding: 16px 14px;
	border: 1px solid var(--fp-border);
	border-radius: 17px;
	background: color-mix(
		in srgb,
		var(--fp-bg-main) 76%,
		transparent
	);
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-help-step-card:hover {
	transform: translateY(-3px);
	border-color: var(--fp-border-strong);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.fp-help-step-number {
	position: absolute;
	top: 11px;
	right: 11px;
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.fp-help-step-icon {
	width: 39px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 13px;
	border: 1px solid currentColor;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	font-size: 16px;
}

.fp-help-step-card h3 {
	margin: 0;
	color: var(--fp-text-main);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.fp-help-step-card p {
	margin: 7px 0 0;
	color: var(--fp-text-muted);
	font-size: 11px;
	line-height: 1.55;
}

.fp-help-step-connector {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--fp-text-muted);
	font-size: 11px;
}

.fp-help-step-blue {
	color: #60a5fa;
}

.fp-help-step-green {
	color: #34d399;
}

.fp-help-step-purple {
	color: #a78bfa;
}

.fp-help-step-orange {
	color: #fb923c;
}

.fp-help-step-red {
	color: #fb7185;
}

/* TABLET */

@media (max-width: 991px) {
	.fp-help-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.fp-help-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.fp-help-step-connector {
		display: none;
	}
	.fp-help-step-card:last-child {
		grid-column: 1 / -1;
	}
}

/* MOBILE */

@media (max-width: 767px) {
	.fp-help-hero {
		padding: 30px 16px;
		border-radius: 20px;
	}
	.fp-help-hero h1 {
		font-size: 31px;
	}
	.fp-help-hero p {
		font-size: 13px;
	}
	.fp-help-search-shortcut {
		display: none;
	}
	.fp-help-hero-links {
		gap: 7px;
	}
	.fp-help-hero-link {
		padding: 7px 10px;
		font-size: 11px;
	}
	.fp-help-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}
	.fp-help-stat-card {
		flex-direction: column;
		align-items: flex-start;
		padding: 13px;
	}
	.fp-help-stat-content strong {
		font-size: 15px;
	}
	.fp-help-getting-started {
		padding: 16px;
		border-radius: 19px;
	}
	.fp-help-section-header {
		flex-direction: column;
		gap: 10px;
	}
	.fp-help-section-header h2 {
		font-size: 21px;
	}
	.fp-help-steps {
		grid-template-columns: 1fr;
	}
	.fp-help-step-card:last-child {
    grid-column: auto;
}

}

/* FollowersProvider Tickets V4.10 - Card Layout */
.fp-support-page {
 --fp-primary: var(--fp-accent, #1e6fff);
 --fp-primary-strong: var(--fp-accent-strong, #3b8dff);
 --fp-primary-soft: var(--fp-accent-soft, rgba(30, 111, 255, 0.08));
 --fp-primary-medium: var(--fp-border-strong, #1e6fff);
 --fp-bg: var(--fp-bg-main, #000711);
 --fp-card: var(--fp-panel, #031229);
 --fp-card-soft: var(--fp-panel-soft, var(--fp-bg-soft, #00050d));
 --fp-text: var(--fp-text-main, #ffffff);
 --fp-muted: var(--fp-text-muted, #a8b4d4);
 --fp-success: var(--success-color, #29c883);
 --fp-warning: var(--warning-color, #f4b63e);
 --fp-info: var(--fp-accent-strong, #4c91ff);
 --fp-danger: var(--danger-color, #ff5f71);
 color: var(--fp-text);
 padding-top: 26px;
 padding-bottom: 24px;
}

.fp-support-page *,
.fp-support-page *::before,
.fp-support-page *::after {
 box-sizing: border-box;
}

.fp-support-page .well {
 min-height: 0;
 margin-bottom: 0;
 background: var(--fp-card);
 color: var(--fp-text);
 border: 1px solid var(--fp-border);
 box-shadow: none;
}

.fp-support-hero {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 margin-bottom: 22px;
 padding: 34px;
 border: 1px solid var(--fp-border);
 border-radius: 24px;
 background:
   linear-gradient(
     135deg,
     color-mix(in srgb, var(--fp-primary) 17%, var(--fp-card)),
     var(--fp-card) 54%,
     color-mix(in srgb, var(--fp-primary) 8%, var(--fp-card))
   );
 box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2);
}

.fp-support-hero::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 opacity: 0.22;
 background-image:
   linear-gradient(color-mix(in srgb, var(--fp-text) 8%, transparent) 1px, transparent 1px),
   linear-gradient(90deg, color-mix(in srgb, var(--fp-text) 8%, transparent) 1px, transparent 1px);
 background-size: 38px 38px;
 mask-image: linear-gradient(to right, black, transparent 78%);
}

.fp-support-hero-glow {
 position: absolute;
 z-index: -1;
 border-radius: 999px;
 filter: blur(18px);
 pointer-events: none;
}

.fp-support-hero-glow-one {
 top: -90px;
 right: -70px;
 width: 250px;
 height: 250px;
 background: color-mix(in srgb, var(--fp-primary) 28%, transparent);
}

.fp-support-hero-glow-two {
 bottom: -110px;
 left: 24%;
 width: 220px;
 height: 220px;
 background: color-mix(in srgb, var(--fp-primary) 14%, transparent);
}

.fp-support-hero-content {
 position: relative;
 z-index: 1;
}

.fp-support-hero-copy {
 max-width: 670px;
 margin-bottom: 26px;
}

.fp-support-eyebrow {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 13px;
 padding: 7px 11px;
 border: 1px solid var(--fp-primary-medium);
 border-radius: 999px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 font-size: 12px;
 font-weight: 800;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.fp-support-hero h1 {
 margin: 0 0 10px;
 color: var(--fp-text);
 font-size: clamp(30px, 5vw, 46px);
 line-height: 1.08;
 font-weight: 850;
 letter-spacing: -0.035em;
}

.fp-support-hero p {
 max-width: 660px;
 margin: 0;
 color: var(--fp-muted);
 font-size: 15px;
 line-height: 1.75;
}

.fp-support-hero-stats {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 13px;
}

.fp-support-stat {
 position: relative;
 display: flex;
 align-items: center;
 gap: 12px;
 min-width: 0;
 min-height: 76px;
 padding: 15px;
 border: 1px solid var(--fp-border);
 border-radius: 17px;
 background: color-mix(in srgb, var(--fp-card) 78%, transparent);
 color: var(--fp-text);
 text-decoration: none;
 backdrop-filter: blur(12px);
 transition:
   transform 0.2s ease,
   border-color 0.2s ease,
   background 0.2s ease;
}

.fp-support-stat-link:hover,
.fp-support-stat-link:focus {
 transform: translateY(-2px);
 border-color: var(--fp-primary-medium);
 background: color-mix(in srgb, var(--fp-primary) 12%, var(--fp-card));
 color: var(--fp-text);
 text-decoration: none;
}

.fp-support-stat-icon {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border: 1px solid var(--fp-primary-medium);
 border-radius: 13px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 76%, white 24%);
 font-size: 17px;
}

.fp-support-stat-copy {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: 3px;
}

.fp-support-stat-copy small {
 color: var(--fp-muted);
 font-size: 11px;
 font-weight: 700;
}

.fp-support-stat-copy strong {
 overflow: hidden;
 color: var(--fp-text);
 font-size: 13px;
 font-weight: 800;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fp-support-stat-arrow {
 margin-left: auto;
 color: var(--fp-muted);
}

.fp-support-tabs {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 margin-bottom: 20px;
 padding: 7px;
 border: 1px solid var(--fp-border);
 border-radius: 19px;
 background: color-mix(in srgb, var(--fp-card) 92%, transparent);
}

.fp-support-tab {
 position: relative;
 display: flex;
 align-items: center;
 gap: 13px;
 width: 100%;
 min-height: 70px;
 padding: 12px 15px;
 border: 1px solid transparent;
 border-radius: 14px;
 background: transparent;
 color: var(--fp-muted);
 text-align: left;
 cursor: pointer;
 transition:
   color 0.2s ease,
   background 0.2s ease,
   border-color 0.2s ease,
   transform 0.2s ease;
}

.fp-support-tab:hover {
 color: var(--fp-text);
 background: color-mix(in srgb, var(--fp-text) 4%, transparent);
}

.fp-support-tab.active {
 border-color: var(--fp-primary-medium);
 background:
   linear-gradient(
     135deg,
     color-mix(in srgb, var(--fp-primary) 20%, var(--fp-card)),
     color-mix(in srgb, var(--fp-primary) 7%, var(--fp-card))
   );
 color: var(--fp-text);
 box-shadow: 0 12px 26px color-mix(in srgb, var(--fp-primary) 11%, transparent);
}

.fp-support-tab-icon {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border: 1px solid var(--fp-border);
 border-radius: 13px;
 background: color-mix(in srgb, var(--fp-text) 4%, transparent);
 color: var(--fp-muted);
}

.fp-support-tab.active .fp-support-tab-icon {
 border-color: var(--fp-primary-medium);
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 76%, white 24%);
}

.fp-support-tab > span:not(.fp-support-tab-icon):not(.fp-support-tab-badge) {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: 3px;
}

.fp-support-tab strong {
 color: inherit;
 font-size: 14px;
 font-weight: 850;
}

.fp-support-tab small {
 color: var(--fp-muted);
 font-size: 11px;
 font-weight: 600;
}

.fp-support-tab-badge {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 23px;
 height: 23px;
 margin-left: auto;
 padding: 0 7px;
 border-radius: 999px;
 background: var(--fp-danger);
 color: white;
 font-size: 11px;
 font-weight: 900;
 box-shadow: 0 7px 18px color-mix(in srgb, var(--fp-danger) 28%, transparent);
}

.fp-support-panel {
 animation: fpSupportPanelIn 0.28s ease both;
}

.fp-support-panel[hidden] {
 display: none !important;
}

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

.fp-support-panel-row {
 display: flex;
 flex-wrap: wrap;
}

.fp-support-panel-row > [class*="col-"] {
 display: flex;
}

.fp-support-card {
 width: 100%;
 padding: 24px;
 border-radius: 21px;
}

.fp-support-card-header,
.fp-ticket-history-top {
 display: flex;
 align-items: center;
 gap: 14px;
}

.fp-support-card-header {
 margin-bottom: 24px;
 padding-bottom: 20px;
 border-bottom: 1px solid var(--fp-border);
}

.fp-support-section-icon {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;
 border: 1px solid var(--fp-primary-medium);
 border-radius: 15px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 76%, white 24%);
 font-size: 19px;
}

.fp-support-section-icon-small {
 width: 42px;
 height: 42px;
 border-radius: 13px;
 font-size: 16px;
}

.fp-support-card-heading,
.fp-ticket-history-heading > div {
 min-width: 0;
}

.fp-support-card-heading h2,
.fp-ticket-history-heading h2,
.fp-ticket-empty-card h2 {
 margin: 0 0 5px;
 color: var(--fp-text);
 font-size: 20px;
 font-weight: 850;
 letter-spacing: -0.02em;
}

.fp-support-card-heading p,
.fp-ticket-history-heading p,
.fp-ticket-empty-card p {
 margin: 0;
 color: var(--fp-muted);
 font-size: 12px;
 line-height: 1.55;
}

.fp-support-online {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 margin-left: auto;
 padding: 7px 10px;
 border: 1px solid color-mix(in srgb, var(--fp-success) 30%, transparent);
 border-radius: 999px;
 background: color-mix(in srgb, var(--fp-success) 11%, transparent);
 color: var(--fp-success);
 font-size: 11px;
 font-weight: 800;
 white-space: nowrap;
}

.fp-support-online-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: var(--fp-success);
 box-shadow: 0 0 0 5px color-mix(in srgb, var(--fp-success) 13%, transparent);
}

.fp-support-form-group {
 margin-bottom: 20px;
}

.fp-support-form-group .control-label {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 9px;
 color: var(--fp-text);
 font-size: 12px;
 font-weight: 800;
}

.fp-support-label-icon {
 color: color-mix(in srgb, var(--fp-primary) 75%, white 25%);
}

.fp-support-field-wrap {
 position: relative;
}

.fp-support-page .form-control {
 height: 48px;
 border: 1px solid var(--fp-border);
 border-radius: 13px;
 background: color-mix(in srgb, var(--fp-bg) 55%, var(--fp-card));
 color: var(--fp-text);
 box-shadow: none;
 font-size: 13px;
 transition:
   border-color 0.2s ease,
   box-shadow 0.2s ease,
   background 0.2s ease;
}

.fp-support-page textarea.form-control {
 min-height: 165px;
 height: auto;
 padding: 14px 15px 44px;
 line-height: 1.65;
 resize: vertical;
}

.fp-support-page .form-control::placeholder {
 color: color-mix(in srgb, var(--fp-muted) 75%, transparent);
}

.fp-support-page .form-control:focus {
 border-color: color-mix(in srgb, var(--fp-primary) 72%, transparent);
 background: color-mix(in srgb, var(--fp-bg) 48%, var(--fp-card));
 box-shadow: 0 0 0 4px var(--fp-primary-soft);
}

.fp-support-select-wrap select {
 appearance: none;
 padding-right: 42px;
}

.fp-support-field-icon {
 position: absolute;
 top: 50%;
 right: 15px;
 color: var(--fp-muted);
 pointer-events: none;
 transform: translateY(-50%);
}

.rtl-form .fp-support-field-icon {
 right: auto;
 left: 15px;
}

.fp-support-message-footer {
 position: absolute;
 right: 12px;
 bottom: 10px;
 left: 12px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 color: var(--fp-muted);
 font-size: 10px;
 pointer-events: none;
}

.fp-support-message-footer span:first-child {
 display: inline-flex;
 align-items: center;
 gap: 5px;
}

.fp-support-uploader {
 overflow: hidden;
 border: 1px dashed color-mix(in srgb, var(--fp-primary) 34%, var(--fp-border));
 border-radius: 15px;
 background: color-mix(in srgb, var(--fp-primary) 4%, transparent);
}

.fp-support-uploader .tickets-uploader {
 min-height: 58px;
 padding: 12px;
}

.fp-support-uploader-note {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 10px 13px;
 border-top: 1px solid var(--fp-border);
 color: var(--fp-muted);
 font-size: 10px;
}

.fp-support-submit-row {
 display: flex;
 align-items: center;
 gap: 14px;
 margin-top: 7px;
}

.fp-tickets-submit,
.fp-ticket-empty-create {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 9px;
 min-height: 48px;
 padding: 12px 22px;
 border: 0;
 border-radius: 13px;
 background:
   linear-gradient(
     135deg,
     color-mix(in srgb, var(--fp-primary) 88%, white 12%),
     var(--fp-primary)
   );
 color: white;
 font-size: 13px;
 font-weight: 850;
 box-shadow: 0 13px 28px color-mix(in srgb, var(--fp-primary) 25%, transparent);
 transition:
   transform 0.2s ease,
   box-shadow 0.2s ease,
   filter 0.2s ease;
}

.fp-tickets-submit:hover,
.fp-tickets-submit:focus,
.fp-ticket-empty-create:hover,
.fp-ticket-empty-create:focus {
 transform: translateY(-2px);
 filter: brightness(1.05);
 box-shadow: 0 17px 34px color-mix(in srgb, var(--fp-primary) 31%, transparent);
 color: white;
}

.fp-support-submit-note {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 color: var(--fp-muted);
 font-size: 10px;
}

.fp-support-sidebar {
 display: flex;
 width: 100%;
 flex-direction: column;
 gap: 16px;
}

.fp-support-side-title {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 18px;
}

.fp-support-side-title h3,
.fp-support-help-card h3 {
 margin: 0 0 4px;
 color: var(--fp-text);
 font-size: 15px;
 font-weight: 850;
}

.fp-support-side-title p,
.fp-support-help-card p {
 margin: 0;
 color: var(--fp-muted);
 font-size: 10px;
 line-height: 1.55;
}

.fp-support-tips {
 display: flex;
 margin: 0;
 padding: 0;
 flex-direction: column;
 gap: 13px;
 list-style: none;
}

.fp-support-tips li {
 display: flex;
 gap: 11px;
}

.fp-support-tips li > span {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 25px;
 height: 25px;
 border-radius: 8px;
 background: color-mix(in srgb, var(--fp-success) 13%, transparent);
 color: var(--fp-success);
 font-size: 10px;
}

.fp-support-tips li > div {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: 3px;
}

.fp-support-tips strong {
 color: var(--fp-text);
 font-size: 11px;
 font-weight: 800;
}

.fp-support-tips small {
 color: var(--fp-muted);
 font-size: 9.5px;
 line-height: 1.45;
}

.fp-support-help-card {
 position: relative;
 overflow: hidden;
 background:
   linear-gradient(
     145deg,
     color-mix(in srgb, var(--fp-primary) 18%, var(--fp-card)),
     var(--fp-card)
   ) !important;
}

.fp-support-help-card::after {
 content: "";
 position: absolute;
 right: -35px;
 bottom: -45px;
 width: 125px;
 height: 125px;
 border-radius: 50%;
 background: color-mix(in srgb, var(--fp-primary) 12%, transparent);
}

.fp-support-help-card-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 45px;
 height: 45px;
 margin-bottom: 16px;
 border: 1px solid var(--fp-primary-medium);
 border-radius: 14px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 75%, white 25%);
 font-size: 18px;
}

.fp-support-mini-label {
 display: block;
 margin-bottom: 5px;
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 font-size: 9px;
 font-weight: 850;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.fp-support-help-card p {
 margin-bottom: 15px;
}

.fp-support-help-link {
 position: relative;
 z-index: 1;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: color-mix(in srgb, var(--fp-primary) 74%, white 26%);
 font-size: 11px;
 font-weight: 850;
}

.fp-support-help-link:hover,
.fp-support-help-link:focus {
 color: var(--fp-text);
 text-decoration: none;
}

.fp-ticket-history-top {
 justify-content: space-between;
 margin-bottom: 17px;
}

.fp-ticket-history-heading {
 display: flex;
 align-items: center;
 gap: 13px;
}

.fp-ticket-new-button {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 42px;
 padding: 10px 14px;
 border: 1px solid var(--fp-primary-medium);
 border-radius: 12px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 font-size: 11px;
 font-weight: 850;
}

.fp-ticket-new-button:hover,
.fp-ticket-new-button:focus {
 border-color: var(--fp-primary);
 background: color-mix(in srgb, var(--fp-primary) 20%, transparent);
 color: var(--fp-text);
}

.fp-ticket-overview {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
 margin-bottom: 17px;
}

.fp-ticket-overview-card {
 display: flex;
 align-items: center;
 gap: 11px;
 min-height: 78px;
 padding: 14px;
 border: 1px solid var(--fp-border);
 border-radius: 16px;
 background: var(--fp-card);
 color: var(--fp-text);
 text-align: left;
 cursor: pointer;
 transition:
   transform 0.2s ease,
   border-color 0.2s ease,
   background 0.2s ease;
}

.fp-ticket-overview-card:hover,
.fp-ticket-overview-card.active {
 transform: translateY(-2px);
 border-color: var(--fp-primary-medium);
 background: color-mix(in srgb, var(--fp-primary) 8%, var(--fp-card));
}

.fp-ticket-overview-icon {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 border-radius: 12px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 75%, white 25%);
}

.fp-ticket-overview-card > span:last-child {
 display: flex;
 flex-direction: column;
 gap: 2px;
}

.fp-ticket-overview-card small {
 color: var(--fp-muted);
 font-size: 10px;
 font-weight: 700;
}

.fp-ticket-overview-card strong {
 color: var(--fp-text);
 font-size: 19px;
 font-weight: 900;
 line-height: 1;
}

.fp-ticket-tools {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
 margin-bottom: 14px;
}

.fp-tickets-filters {
 display: flex;
 flex-wrap: wrap;
 gap: 7px;
 margin: 0;
}

.fp-tickets-filters > li {
 float: none;
 margin: 0 !important;
}

.fp-tickets-filters > li > a {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 padding: 9px 13px;
 border: 1px solid var(--fp-border);
 border-radius: 999px;
 background: var(--fp-card);
 color: var(--fp-muted);
 font-size: 10px;
 font-weight: 800;
 transition:
   border-color 0.2s ease,
   color 0.2s ease,
   background 0.2s ease;
}

.fp-tickets-filters > li > a:hover {
 border-color: var(--fp-primary-medium);
 background: var(--fp-primary-soft);
 color: var(--fp-text);
}

.fp-tickets-filters > li.active > a,
.fp-tickets-filters > li.active > a:hover,
.fp-tickets-filters > li.active > a:focus {
 border-color: var(--fp-primary-medium);
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
}

.fp-filter-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
}

.fp-filter-dot-answered {
 background: var(--fp-info);
}

.fp-filter-dot-pending {
 background: var(--fp-warning);
}

.fp-filter-dot-closed {
 background: var(--fp-success);
}

.fp-tickets-search {
 width: min(100%, 390px);
}

.fp-ticket-search-field {
 position: relative;
 display: flex;
 align-items: center;
}

.fp-ticket-search-field > .fa-search {
 position: absolute;
 left: 14px;
 z-index: 2;
 color: var(--fp-muted);
}

.rtl-search .fp-ticket-search-field > .fa-search {
 right: 14px;
 left: auto;
}

.fp-ticket-search-field .form-control {
 width: 100%;
 padding-right: 93px;
 padding-left: 38px;
}

.rtl-search .fp-ticket-search-field .form-control {
 padding-right: 38px;
 padding-left: 93px;
}

.fp-ticket-search-button {
 position: absolute;
 top: 5px;
 right: 5px;
 bottom: 5px;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 0 12px;
 border: 0;
 border-radius: 10px;
 background: var(--fp-primary);
 color: white;
 font-size: 10px;
 font-weight: 850;
}

.rtl-search .fp-ticket-search-button {
 right: auto;
 left: 5px;
}

.fp-ticket-search-clear {
 position: absolute;
 right: 81px;
 z-index: 2;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 color: var(--fp-muted);
}

.rtl-search .fp-ticket-search-clear {
 right: auto;
 left: 81px;
}

.fp-tickets-list-card {
 overflow: hidden;
 padding: 0;
}

.fp-tickets-table-wrap {
 overflow-x: auto;
}

.fp-tickets-table {
 width: 100%;
 min-width: 760px;
 margin: 0;
 border-collapse: separate;
 border-spacing: 0;
 color: var(--fp-text);
}

.fp-tickets-table > thead > tr > th {
 padding: 15px 17px;
 border: 0;
 border-bottom: 1px solid var(--fp-border);
 background: color-mix(in srgb, var(--fp-text) 3%, transparent);
 color: var(--fp-muted);
 font-size: 9px;
 font-weight: 850;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.fp-tickets-table > tbody > tr {
 position: relative;
 transition:
   background 0.2s ease,
   transform 0.2s ease;
}

.fp-tickets-table > tbody > tr:hover {
 background: color-mix(in srgb, var(--fp-primary) 5%, transparent);
}

.fp-tickets-table > tbody > tr.fp-ticket-row-unread {
 background: color-mix(in srgb, var(--fp-primary) 6%, transparent);
}

.fp-tickets-table > tbody > tr.fp-ticket-row-unread::before {
 content: "";
 position: absolute;
 top: 12px;
 bottom: 12px;
 left: 0;
 width: 3px;
 border-radius: 0 4px 4px 0;
 background: var(--fp-primary);
}

.rtl-table > tbody > tr.fp-ticket-row-unread::before {
 right: 0;
 left: auto;
 border-radius: 4px 0 0 4px;
}

.fp-tickets-table > tbody > tr > td {
 padding: 15px 17px;
 border: 0;
 border-bottom: 1px solid var(--fp-border);
 color: var(--fp-text);
 vertical-align: middle;
 font-size: 11px;
}

.fp-tickets-table > tbody > tr:last-child > td {
 border-bottom: 0;
}

.fp-ticket-id {
 display: inline-flex;
 align-items: center;
 min-height: 29px;
 padding: 5px 9px;
 border: 1px solid var(--fp-border);
 border-radius: 8px;
 background: color-mix(in srgb, var(--fp-text) 3%, transparent);
 color: var(--fp-muted);
 font-size: 10px;
 font-weight: 850;
}

.fp-ticket-subject-cell {
 display: flex;
 align-items: center;
 gap: 11px;
}

.fp-ticket-subject-icon {
 display: inline-flex;
 flex: 0 0 auto;
 align-items: center;
 justify-content: center;
 width: 35px;
 height: 35px;
 border: 1px solid var(--fp-border);
 border-radius: 11px;
 background: color-mix(in srgb, var(--fp-text) 3%, transparent);
 color: var(--fp-muted);
}

.fp-ticket-subject-cell > div {
 display: flex;
 min-width: 0;
 align-items: center;
 flex-wrap: wrap;
 gap: 7px;
}

.fp-ticket-subject-link {
 display: inline-block;
 max-width: 330px;
 overflow: hidden;
 color: var(--fp-text);
 font-size: 11px;
 font-weight: 700;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fp-ticket-subject-link:hover,
.fp-ticket-subject-link:focus {
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 text-decoration: none;
}

.fp-ticket-subject-unread {
 font-weight: 900;
}

.fp-ticket-new-badge {
 display: inline-flex;
 align-items: center;
 min-height: 21px;
 padding: 3px 7px;
 border-radius: 999px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 font-size: 8px;
 font-weight: 900;
 letter-spacing: 0.05em;
 text-transform: uppercase;
}

.fp-ticket-status-pill {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 27px;
 padding: 5px 9px;
 border: 1px solid var(--fp-border);
 border-radius: 999px;
 background: color-mix(in srgb, var(--fp-text) 3%, transparent);
 color: var(--fp-muted);
 font-size: 9px;
 font-weight: 850;
 white-space: nowrap;
}

.fp-ticket-status-pill::before {
 content: "";
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: currentColor;
 box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 10%, transparent);
}

.fp-ticket-status-pill[data-status="answered"] {
 border-color: color-mix(in srgb, var(--fp-info) 25%, transparent);
 background: color-mix(in srgb, var(--fp-info) 9%, transparent);
 color: var(--fp-info);
}

.fp-ticket-status-pill[data-status="pending"] {
 border-color: color-mix(in srgb, var(--fp-warning) 25%, transparent);
 background: color-mix(in srgb, var(--fp-warning) 9%, transparent);
 color: var(--fp-warning);
}

.fp-ticket-status-pill[data-status="closed"] {
 border-color: color-mix(in srgb, var(--fp-success) 25%, transparent);
 background: color-mix(in srgb, var(--fp-success) 9%, transparent);
 color: var(--fp-success);
}

.fp-ticket-time {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 color: var(--fp-muted);
 font-size: 10px;
}

.fp-ticket-action-heading,
.fp-ticket-action-cell {
 text-align: right;
}

.rtl-table .fp-ticket-action-heading,
.rtl-table .fp-ticket-action-cell {
 text-align: left;
}

.fp-ticket-view-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-width: 138px;
    min-height: 42px;
    padding: 10px 18px;

    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-primary) 40%,
            transparent
        );

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--fp-primary) 16%,
                var(--fp-card)
            ),
            color-mix(
                in srgb,
                var(--fp-primary) 7%,
                var(--fp-card)
            )
        );

    color: var(--fp-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;

    box-shadow:
        0 8px 18px
        color-mix(
            in srgb,
            var(--fp-primary) 12%,
            transparent
        );

    transition:
        all .25s ease;
}

.fp-ticket-view-button:hover,
.fp-ticket-view-button:focus {
    border-color:
        color-mix(
            in srgb,
            var(--fp-primary) 55%,
            transparent
        );

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--fp-primary) 22%,
                var(--fp-card)
            ),
            color-mix(
                in srgb,
                var(--fp-primary) 10%,
                var(--fp-card)
            )
        );

    color:
        color-mix(
            in srgb,
            var(--fp-primary) 80%,
            white
        );

    box-shadow:
        0 8px 20px
        color-mix(
            in srgb,
            var(--fp-primary) 18%,
            transparent
        );

    transform: translateY(-1px);

    text-decoration: none;
}

.fp-tickets-filter-empty {
 padding: 50px 20px;
 text-align: center;
}

.fp-ticket-empty-icon,
.fp-ticket-empty-main-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid var(--fp-primary-medium);
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 74%, white 26%);
}

.fp-ticket-empty-icon {
 width: 48px;
 height: 48px;
 margin-bottom: 13px;
 border-radius: 15px;
 font-size: 18px;
}

.fp-tickets-filter-empty h3 {
 margin: 0 0 6px;
 color: var(--fp-text);
 font-size: 16px;
 font-weight: 850;
}

.fp-tickets-filter-empty p {
 margin: 0 0 14px;
 color: var(--fp-muted);
 font-size: 11px;
}

.fp-ticket-empty-reset {
 border: 1px solid var(--fp-primary-medium);
 border-radius: 10px;
 background: var(--fp-primary-soft);
 color: color-mix(in srgb, var(--fp-primary) 72%, white 28%);
 font-size: 10px;
 font-weight: 850;
}

.fp-ticket-empty-card {
 padding: 58px 24px;
 text-align: center;
}

.fp-ticket-empty-main-icon {
 width: 62px;
 height: 62px;
 margin-bottom: 17px;
 border-radius: 19px;
 color: var(--fp-success);
 font-size: 25px;
}

.fp-ticket-empty-card p {
 max-width: 470px;
 margin: 0 auto 20px;
}

.fp-tickets-pagination-wrap {
 margin-top: 17px;
 text-align: center;
}

.fp-tickets-pagination {
 display: inline-flex;
 gap: 6px;
 margin: 0;
}

.fp-tickets-pagination > li > a,
.fp-tickets-pagination > li > span {
 min-width: 36px;
 height: 36px;
 padding: 8px 10px;
 border: 1px solid var(--fp-border);
 border-radius: 10px !important;
 background: var(--fp-card);
 color: var(--fp-muted);
 font-size: 10px;
 font-weight: 800;
}

.fp-tickets-pagination > li > a:hover,
.fp-tickets-pagination > li > a:focus {
 border-color: var(--fp-primary-medium);
 background: var(--fp-primary-soft);
 color: var(--fp-text);
}

.fp-tickets-pagination > .active > a,
.fp-tickets-pagination > .active > a:hover,
.fp-tickets-pagination > .active > a:focus {
 border-color: var(--fp-primary);
 background: var(--fp-primary);
 color: white;
}

.fp-support-text-container {
 padding-top: 0;
}

.fp-tickets-text-card {
 border-radius: 20px;
 color: var(--fp-muted);
 font-size: 12px;
 line-height: 1.75;
}

.fp-support-page .hidden {
 display: none !important;
}

@media (max-width: 991px) {
 .fp-support-panel-row > [class*="col-"] {
   display: block;
 }

 .fp-support-sidebar {
   margin-top: 16px;
 }

 .fp-support-hero-stats {
   grid-template-columns: 1fr;
 }

 .fp-ticket-overview {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .fp-ticket-tools {
   align-items: stretch;
   flex-direction: column;
 }

 .fp-tickets-search {
   width: 100%;
 }
}

@media (max-width: 767px) {
 .fp-support-page {
   padding-top: 15px;
 }

 .fp-support-hero {
   padding: 24px 18px;
   border-radius: 20px;
 }

 .fp-support-tabs {
   grid-template-columns: 1fr;
 }

 .fp-support-tab {
   min-height: 62px;
 }

 .fp-support-card {
   padding: 18px;
   border-radius: 18px;
 }

 .fp-support-card-header {
   align-items: flex-start;
   flex-wrap: wrap;
 }

 .fp-support-online {
   margin-left: 62px;
 }

 .fp-support-submit-row {
   align-items: stretch;
   flex-direction: column;
 }

 .fp-tickets-submit {
   width: 100%;
 }

 .fp-support-message-footer {
   align-items: flex-start;
   flex-direction: column;
   gap: 3px;
 }

 .fp-support-page textarea.form-control {
   padding-bottom: 61px;
 }

 .fp-ticket-history-top {
   align-items: stretch;
   flex-direction: column;
 }

 .fp-ticket-new-button {
   justify-content: center;
   width: 100%;
 }

 .fp-ticket-overview {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .fp-tickets-filters {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   width: 100%;
 }

 .fp-tickets-filters > li > a {
   justify-content: center;
   width: 100%;
 }

 .fp-tickets-table {
   min-width: 0;
 }

 .fp-tickets-table thead {
   display: none;
 }

 .fp-tickets-table,
 .fp-tickets-table tbody,
 .fp-tickets-table tr,
 .fp-tickets-table td {
   display: block;
   width: 100%;
 }

 .fp-tickets-table > tbody > tr {
   padding: 14px 15px;
   border-bottom: 1px solid var(--fp-border);
 }

 .fp-tickets-table > tbody > tr:last-child {
   border-bottom: 0;
 }

 .fp-tickets-table > tbody > tr > td {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 15px;
   padding: 7px 0;
   border: 0;
   text-align: right;
 }

 .rtl-table > tbody > tr > td {
   text-align: left;
 }

 .fp-tickets-table > tbody > tr > td::before {
   content: attr(data-label);
   flex: 0 0 31%;
   color: var(--fp-muted);
   font-size: 9px;
   font-weight: 850;
   letter-spacing: 0.05em;
   text-align: left;
   text-transform: uppercase;
 }

 .rtl-table > tbody > tr > td::before {
   text-align: right;
 }

 .fp-ticket-subject-cell {
   justify-content: flex-end;
   max-width: 69%;
 }

 .rtl-table .fp-ticket-subject-cell {
   justify-content: flex-start;
 }

 .fp-ticket-subject-cell > div {
   justify-content: flex-end;
 }

 .rtl-table .fp-ticket-subject-cell > div {
   justify-content: flex-start;
 }

 .fp-ticket-subject-link {
   max-width: 190px;
 }

 .fp-ticket-action-cell {
   text-align: right;
 }
}

@media (max-width: 480px) {
 .fp-support-hero h1 {
   font-size: 31px;
 }

 .fp-ticket-overview {
   grid-template-columns: 1fr;
 }

 .fp-support-stat {
   min-height: 69px;
 }

 .fp-support-online {
   margin-left: 0;
 }

 .fp-ticket-search-button span {
   display: none;
 }

 .fp-ticket-search-button {
   width: 38px;
   justify-content: center;
   padding: 0;
 }

 .fp-ticket-search-field .form-control {
   padding-right: 52px;
 }

 .rtl-search .fp-ticket-search-field .form-control {
   padding-left: 52px;
 }

 .fp-ticket-search-clear {
   right: 45px;
 }

 .rtl-search .fp-ticket-search-clear {
   right: auto;
   left: 45px;
 }
}

/* =========================================================
  FOLLOWERSPROVIDER TICKETS V4.10
  REQUIRED CARD-GRID EXTENSION
  ========================================================= */

.fp-ticket-card-list {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 16px;
}

.fp-ticket-card {
 position: relative;
 display: flex;
 min-width: 0;
 min-height: 230px;
 padding: 20px;
 flex-direction: column;
 border: 1px solid var(--fp-border);
 border-radius: 19px;
 background:
   linear-gradient(
     145deg,
     color-mix(in srgb, var(--fp-primary) 6%, var(--fp-card)),
     var(--fp-card) 58%
   );
 box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
 transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.fp-ticket-card:hover {
 transform: translateY(-3px);
 border-color: var(--fp-primary-medium);
 box-shadow:
   0 22px 46px rgba(0, 0, 0, 0.22),
   0 0 28px color-mix(in srgb, var(--fp-primary) 9%, transparent);
}

.fp-ticket-card-unread {
 border-color: var(--fp-primary-medium);
 box-shadow:
   inset 3px 0 0 var(--fp-primary),
   0 16px 38px rgba(0, 0, 0, 0.16);
}

.fp-ticket-card-top,
.fp-ticket-card-main,
.fp-ticket-card-footer {
 display: flex;
 align-items: center;
}

.fp-ticket-card-top {
 justify-content: space-between;
 gap: 10px;
 margin-bottom: 22px;
}

.fp-ticket-card-main {
 align-items: flex-start;
 gap: 13px;
 min-width: 0;
 margin-bottom: 22px;
}

.fp-ticket-card-copy,
.fp-ticket-card-updated {
 display: flex;
 min-width: 0;
 flex-direction: column;
}

.fp-ticket-card-copy {
 gap: 5px;
}

.fp-ticket-card-label {
 color: var(--fp-muted);
 font-size: 9px;
 font-weight: 850;
 letter-spacing: 0.09em;
 line-height: 1.3;
 text-transform: uppercase;
}

.fp-ticket-card .fp-ticket-subject-link {
 display: block;
 max-width: 100%;
 overflow: hidden;
 color: var(--fp-text);
 font-size: 15px;
 font-weight: 850;
 line-height: 1.4;
 text-decoration: none;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.fp-ticket-card .fp-ticket-subject-link:hover,
.fp-ticket-card .fp-ticket-subject-link:focus {
 color: color-mix(in srgb, var(--fp-primary) 75%, white 25%);
 text-decoration: none;
}

.fp-ticket-card-footer {
 justify-content: space-between;
 gap: 14px;
 margin-top: auto;
 padding-top: 16px;
 border-top: 1px solid var(--fp-border);
}

.fp-ticket-card-updated {
 gap: 5px;
}

.fp-ticket-card .fp-ticket-time {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 color: var(--fp-muted);
 font-size: 10px;
 line-height: 1.45;
 white-space: normal;
}

.fp-ticket-card .fp-ticket-view-button {
 flex: 0 0 auto;
}

.fp-ticket-card-list .fp-tickets-filter-empty {
 grid-column: 1 / -1;
}

@media (min-width: 1200px) {
 .fp-ticket-card-list {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media (max-width: 767px) {
 .fp-ticket-card-list {
   grid-template-columns: 1fr;
   gap: 13px;
 }

 .fp-ticket-card {
   min-height: 0;
   padding: 17px;
   border-radius: 17px;
 }

 .fp-ticket-card-top,
 .fp-ticket-card-main {
   margin-bottom: 18px;
 }

 .fp-ticket-card-footer {
   align-items: flex-end;
 }

 .fp-ticket-card .fp-ticket-subject-link {
   font-size: 14px;
 }

 .fp-ticket-card .fp-ticket-view-button {
   min-height: 39px;
   padding: 9px 12px;
 }
}

@media (max-width: 420px) {
 .fp-ticket-card-footer {
   align-items: stretch;
   flex-direction: column;
 }

 .fp-ticket-card .fp-ticket-view-button {
   width: 100%;
   justify-content: center;
 }
}
/* =========================================================
   SUPPORT CENTER DESKTOP WIDTH
========================================================= */

.fp-support-page .container{
    width:98% !important;
    max-width:none !important;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto;
}
/* =========================================================
   SUPPORT CENTER MULTICOLOR ICON STYLE
   FollowersProvider Premium V3
========================================================= */

/* =========================================================
   BASE ICON STYLE
========================================================= */

.fp-support-stat-icon,
.fp-support-tab-icon,
.fp-ticket-overview-icon,
.fp-support-card-icon,
.fp-ticket-history-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.fp-support-stat-icon i,
.fp-support-tab-icon i,
.fp-ticket-overview-icon i,
.fp-support-card-icon i,
.fp-ticket-history-icon i,
.fp-support-stat-icon svg,
.fp-support-tab-icon svg,
.fp-ticket-overview-icon svg,
.fp-support-card-icon svg,
.fp-ticket-history-icon svg {
    color: inherit !important;
    fill: currentColor;
    font-size: 20px;
}

/* =========================================================
   SUPPORT HERO ICONS
========================================================= */

/* Average Response */

.fp-support-stat:nth-child(1) .fp-support-stat-icon {
    color: #5ea8ff !important;
    border: 1px solid rgba(94, 168, 255, .3) !important;
    background: rgba(53, 130, 255, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* Customer Satisfaction */

.fp-support-stat:nth-child(2) .fp-support-stat-icon {
    color: #b975ff !important;
    border: 1px solid rgba(185, 117, 255, .3) !important;
    background: rgba(155, 92, 255, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* Help Center */

.fp-support-stat:nth-child(3) .fp-support-stat-icon {
    color: #37d9ff !important;
    border: 1px solid rgba(55, 217, 255, .3) !important;
    background: rgba(45, 202, 235, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* =========================================================
   CREATE TICKET / MY TICKETS ICONS
========================================================= */

/* Create Ticket */

.fp-support-tab:nth-child(1) .fp-support-tab-icon {
    color: #39dd87 !important;
    border: 1px solid rgba(57, 221, 135, .3) !important;
    background: rgba(46, 205, 120, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* My Tickets */

.fp-support-tab:nth-child(2) .fp-support-tab-icon {
    color: #b36eff !important;
    border: 1px solid rgba(179, 110, 255, .3) !important;
    background: rgba(160, 95, 255, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* =========================================================
   CONTACT SUPPORT ICON
========================================================= */

.fp-support-card-icon {
    color: #4f90ff !important;
    border: 1px solid rgba(79, 144, 255, .3) !important;
    background: rgba(79, 144, 255, .14) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* =========================================================
   TICKET OVERVIEW ICONS
========================================================= */

/* All Tickets */

.fp-ticket-overview-card:nth-child(1) .fp-ticket-overview-icon {
    color: #5ea8ff !important;
    border: 1px solid rgba(94, 168, 255, .3) !important;
    background: rgba(53, 130, 255, .14) !important;
}

/* Pending */

.fp-ticket-overview-card:nth-child(2) .fp-ticket-overview-icon {
    color: #ffc857 !important;
    border: 1px solid rgba(255, 200, 87, .34) !important;
    background: rgba(255, 184, 44, .16) !important;
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .025),
        0 6px 18px rgba(255, 180, 44, .1);
}

/* Answered */

.fp-ticket-overview-card:nth-child(3) .fp-ticket-overview-icon {
    color: #37d9ff !important;
    border: 1px solid rgba(55, 217, 255, .3) !important;
    background: rgba(45, 202, 235, .14) !important;
}

/* Closed */

.fp-ticket-overview-card:nth-child(4) .fp-ticket-overview-icon {
    color: #39dd87 !important;
    border: 1px solid rgba(57, 221, 135, .3) !important;
    background: rgba(46, 205, 120, .14) !important;
}

/* Shared overview icon shadow */

.fp-ticket-overview-icon {
    box-shadow:
        inset 0 0 10px rgba(255, 255, 255, .02),
        0 6px 18px rgba(0, 0, 0, .18);
}

/* =========================================================
   ICON HOVER EFFECT
========================================================= */

.fp-support-stat:hover .fp-support-stat-icon,
.fp-support-tab:hover .fp-support-tab-icon,
.fp-ticket-overview-card:hover .fp-ticket-overview-icon,
.fp-support-card:hover .fp-support-card-icon {
    transform: translateY(-2px) scale(1.04);
    box-shadow:
        inset 0 0 12px rgba(255, 255, 255, .03),
        0 10px 24px rgba(0, 0, 0, .22);
}

/* =========================================================
   ALL FOUR OVERVIEW CARDS - SHARED ACTIVE BEHAVIOR
   Theme-aware: All, Pending, Answered and Closed
========================================================= */

.fp-support-page .fp-ticket-overview-card:hover,
.fp-support-page .fp-ticket-overview-card.active,
.fp-support-page .fp-ticket-overview-card.is-active,
.fp-support-page .fp-ticket-overview-card:focus,
.fp-support-page .fp-ticket-overview-card:focus-visible,
.fp-support-page .fp-ticket-overview-card:active {
    transform: translateY(-2px);
    color: var(--fp-text) !important;
    outline: none !important;
    border-color: var(--fp-primary-medium) !important;

    background:
        color-mix(
            in srgb,
            var(--fp-primary) 8%,
            var(--fp-card)
        ) !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.16) !important;
}
/* =========================================================
   ACTIVE FILTER PILLS
   Follow the currently selected theme
========================================================= */

.fp-tickets-filters > li.active > a,
.fp-tickets-filters > li.is-active > a,
.fp-tickets-filters > li > a.active,
.fp-tickets-filters > li > a.is-active,
.fp-ticket-filter.active,
.fp-ticket-filter.is-active {
    color: #ffffff !important;

    border-color: var(--fp-primary) !important;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--fp-primary) 78%,
                var(--fp-card)
            ),
            color-mix(
                in srgb,
                var(--fp-primary) 42%,
                var(--fp-card)
            )
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 8px 20px
            color-mix(
                in srgb,
                var(--fp-primary) 22%,
                transparent
            ) !important;
}
/* Keep status dots visible */

.fp-tickets-filters > li.active > a::before,
.fp-tickets-filters > li.is-active > a::before,
.fp-ticket-filter.active .fp-status-dot,
.fp-ticket-filter.is-active .fp-status-dot {
    opacity: 1 !important;
}

/* =========================================================
   TICKET ID BADGE
========================================================= */

.fp-ticket-id,
.fp-ticket-number,
.fp-ticket-card-id,
.fp-ticket-card-number,
.fp-ticket-card .fp-ticket-id-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid
    color-mix(
        in srgb,
        var(--fp-primary) 40%,
        transparent
    ) !important;

background:
    linear-gradient(
        135deg,
        color-mix(
            in srgb,
            var(--fp-primary) 18%,
            var(--fp-card)
        ),
        color-mix(
            in srgb,
            var(--fp-primary) 6%,
            var(--fp-card)
        )
    ) !important;

color:
    color-mix(
        in srgb,
        var(--fp-primary) 72%,
        #ffffff
    ) !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .025em;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 7px 18px rgba(0, 0, 0, .14);
    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        transform .22s ease;
}

.fp-ticket-id:hover,
.fp-ticket-number:hover,
.fp-ticket-card-id:hover,
.fp-ticket-card-number:hover,
.fp-ticket-card .fp-ticket-id-badge:hover {
    color: #ffffff !important;
    border-color: rgba(79, 144, 255, .58) !important;
    background:
        linear-gradient(
            135deg,
            rgba(47, 124, 255, .27),
            rgba(47, 124, 255, .1)
        ) !important;
    transform: translateY(-1px);
}

/* =========================================================
   LAST UPDATE METADATA
========================================================= */

.fp-ticket-card .fp-ticket-updated-label,
.fp-ticket-card .fp-ticket-last-update-label,
.fp-ticket-card .fp-ticket-card-label,
.fp-ticket-card .ticket-label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 7px;
    color:
    color-mix(
        in srgb,
        var(--fp-primary) 58%,
        var(--fp-text)
    ) !important;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Small clock dot/icon before Last Update */
.fp-ticket-card .fp-ticket-updated-label::before,
.fp-ticket-card .fp-ticket-last-update-label::before {
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;

    background: var(--fp-primary);

    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--fp-primary) 10%,
            transparent
        );

    content: "";
}

/* Ticket date */

.fp-ticket-card .fp-ticket-updated-date,
.fp-ticket-card .fp-ticket-last-update-date,
.fp-ticket-card .fp-ticket-card-date,
.fp-ticket-card .ticket-date,
.fp-ticket-card time {
    display: block;
    margin: 0;
    color: #b8c9e4 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .015em;
}

/* Metadata area */

.fp-ticket-card-footer,
.fp-ticket-card-meta,
.fp-ticket-card-bottom {
    align-items: flex-end;
}

/* =========================================================
   TICKET CARD DIVIDER
========================================================= */

.fp-ticket-card-divider,
.fp-ticket-card hr {
    height: 1px;
    margin: 20px 0;
    border: 0 !important;

    background:
        linear-gradient(
            90deg,
            color-mix(
                in srgb,
                var(--fp-primary) 28%,
                var(--fp-card)
            ),
            color-mix(
                in srgb,
                var(--fp-primary) 10%,
                var(--fp-card)
            ) 60%,
            transparent
        ) !important;
}

/* =========================================================
   VIEW TICKET BUTTON
========================================================= */

.fp-ticket-view-btn,
.fp-ticket-card-view,
.fp-ticket-card-action,
.fp-ticket-card .btn-view-ticket,
.fp-ticket-card a[href*="/tickets/"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 150px;
    min-height: 48px;
    padding: 11px 17px;
    border: 1px solid rgba(79, 144, 255, .34) !important;
    border-radius: 13px;
    background:
        linear-gradient(
            135deg,
            rgba(47, 124, 255, .18),
            rgba(47, 124, 255, .07)
        ) !important;
    color: #d8e7ff !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 9px 20px rgba(0, 0, 0, .16);
    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.fp-ticket-view-btn:hover,
.fp-ticket-view-btn:focus,
.fp-ticket-card-view:hover,
.fp-ticket-card-view:focus,
.fp-ticket-card-action:hover,
.fp-ticket-card-action:focus,
.fp-ticket-card .btn-view-ticket:hover,
.fp-ticket-card .btn-view-ticket:focus,
.fp-ticket-card a[href*="/tickets/"]:hover,
.fp-ticket-card a[href*="/tickets/"]:focus {
    color: #ffffff !important;
    border-color: #5a9cff !important;
    background:
        linear-gradient(
            135deg,
            #2f7cff,
            #4d97ff
        ) !important;
    box-shadow:
        0 13px 27px rgba(47, 124, 255, .27) !important;
    transform: translateY(-2px);
}

/* Arrow animation */

.fp-ticket-view-btn i,
.fp-ticket-card-view i,
.fp-ticket-card-action i,
.fp-ticket-card .btn-view-ticket i,
.fp-ticket-card a[href*="/tickets/"] i {
    transition: transform .22s ease;
}

.fp-ticket-view-btn:hover i,
.fp-ticket-card-view:hover i,
.fp-ticket-card-action:hover i,
.fp-ticket-card .btn-view-ticket:hover i,
.fp-ticket-card a[href*="/tickets/"]:hover i {
    transform: translateX(3px);
}

/* =========================================================
   MOBILE ADJUSTMENTS
========================================================= */

@media (max-width: 767px) {

    .fp-support-stat-icon,
    .fp-support-tab-icon,
    .fp-ticket-overview-icon,
    .fp-support-card-icon,
    .fp-ticket-history-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 13px;
    }

    .fp-support-stat-icon i,
    .fp-support-tab-icon i,
    .fp-ticket-overview-icon i,
    .fp-support-card-icon i,
    .fp-ticket-history-icon i {
        font-size: 18px;
    }

    .fp-ticket-id,
    .fp-ticket-number,
    .fp-ticket-card-id,
    .fp-ticket-card-number,
    .fp-ticket-card .fp-ticket-id-badge {
        min-width: 84px;
        min-height: 38px;
        padding: 8px 12px;
        font-size: 13px;
    }

    .fp-ticket-view-btn,
    .fp-ticket-card-view,
    .fp-ticket-card-action,
    .fp-ticket-card .btn-view-ticket,
    .fp-ticket-card a[href*="/tickets/"] {
        min-width: 140px;
        min-height: 46px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .fp-ticket-card .fp-ticket-updated-date,
    .fp-ticket-card .fp-ticket-last-update-date,
    .fp-ticket-card .fp-ticket-card-date,
    .fp-ticket-card .ticket-date,
    .fp-ticket-card time {
        font-size: 12px;
    }
}
/* =========================================================
   SUPPORT CENTER V3 CORRECTION PATCH
   Add AFTER Premium V3
========================================================= */

/* =========================================================
   FIX BLANK SUBJECT ICON
========================================================= */

.fp-ticket-card .fp-ticket-subject-icon,
.fp-ticket-card .fp-ticket-card-subject-icon,
.fp-ticket-card .fp-ticket-icon {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--fp-primary) 35%,
            transparent
        ) !important;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--fp-primary) 20%,
                var(--fp-card)
            ),
            color-mix(
                in srgb,
                var(--fp-primary) 7%,
                var(--fp-card)
            )
        ) !important;

    color: var(--fp-primary) !important;
}

/* Create a ticket shape even when the original icon is missing */

.fp-ticket-card .fp-ticket-subject-icon:empty::before,
.fp-ticket-card .fp-ticket-card-subject-icon:empty::before,
.fp-ticket-card .fp-ticket-icon:empty::before {
    content: "";
    width: 23px;
    height: 15px;
    border: 2px solid currentColor;
    border-radius: 4px;
    box-sizing: border-box;
}

.fp-ticket-card .fp-ticket-subject-icon:empty::after,
.fp-ticket-card .fp-ticket-card-subject-icon:empty::after,
.fp-ticket-card .fp-ticket-icon:empty::after {
    position: absolute;
    width: 2px;
    height: 11px;
    border-radius: 4px;
    background: currentColor;
    content: "";
}

/* =========================================================
   FIX BLANK PENDING OVERVIEW ICON
========================================================= */

.fp-ticket-overview-card:nth-child(2) .fp-ticket-overview-icon {
    position: relative;
    color: #ffc857 !important;
    border-color: rgba(255, 200, 87, .38) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255, 193, 65, .19),
            rgba(255, 170, 30, .08)
        ) !important;
}

/* CSS-drawn clock */

.fp-ticket-overview-card:nth-child(2)
.fp-ticket-overview-icon:empty::before {
    width: 21px;
    height: 21px;
    border: 2px solid #ffc857;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
}

.fp-ticket-overview-card:nth-child(2)
.fp-ticket-overview-icon:empty::after {
    position: absolute;
    width: 2px;
    height: 8px;
    margin-top: -4px;
    border-radius: 4px;
    background: #ffc857;
    box-shadow: 3px 5px 0 -0.2px #ffc857;
    content: "";
    transform-origin: bottom center;
}

/* =========================================================
   LAST UPDATE SECTION
========================================================= */

.fp-ticket-last-update,
.fp-ticket-updated,
.fp-ticket-card-update,
.fp-ticket-card-date-wrap,
.fp-ticket-card-footer > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* Label */

.fp-ticket-card .fp-ticket-last-update-label,
.fp-ticket-card .fp-ticket-updated-label,
.fp-ticket-card .fp-ticket-update-label,
.fp-ticket-card-footer > div:first-child > span:first-child,
.fp-ticket-card-footer > div:first-child > div:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px !important;
    color: #78a2d7 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2;
    letter-spacing: .15em !important;
    text-transform: uppercase;
}

/* Blue activity dot */

.fp-ticket-card .fp-ticket-last-update-label::before,
.fp-ticket-card .fp-ticket-updated-label::before,
.fp-ticket-card .fp-ticket-update-label::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #438cff;
    box-shadow:
        0 0 0 4px rgba(67, 140, 255, .11),
        0 0 12px rgba(67, 140, 255, .35);
    content: "";
}

/* Date text */

.fp-ticket-card .fp-ticket-last-update-date,
.fp-ticket-card .fp-ticket-updated-date,
.fp-ticket-card .fp-ticket-update-date,
.fp-ticket-card-footer > div:first-child > span:last-child,
.fp-ticket-card-footer > div:first-child > div:last-child,
.fp-ticket-card-footer time {
    display: block;
    margin: 0 !important;
    color: #aebfda !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45;
    letter-spacing: .01em;
}

/* =========================================================
   FORCE EVERY ACTIVE FILTER TO USE THE SAME BLUE STYLE
========================================================= */

.fp-ticket-filters .active,
.fp-ticket-filters .is-active,
.fp-ticket-filter.active,
.fp-ticket-filter.is-active,
.fp-ticket-filter[data-filter="pending"].active,
.fp-ticket-filter[data-status="pending"].active,
.fp-ticket-filter[data-ticket-filter="pending"].active,
.fp-ticket-filter[data-filter="answered"].active,
.fp-ticket-filter[data-status="answered"].active,
.fp-ticket-filter[data-ticket-filter="answered"].active,
.fp-ticket-filter[data-filter="closed"].active,
.fp-ticket-filter[data-status="closed"].active,
.fp-ticket-filter[data-ticket-filter="closed"].active {
    color: #ffffff !important;
    border-color: #3984ff !important;
    background:
        linear-gradient(
            135deg,
            rgba(47, 124, 255, .34),
            rgba(47, 124, 255, .15)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 8px 22px rgba(47, 124, 255, .2) !important;
}

/* Handle active class placed on parent elements */

.fp-ticket-filters li.active > a,
.fp-ticket-filters li.active > button,
.fp-ticket-filters li.is-active > a,
.fp-ticket-filters li.is-active > button {
    color: #ffffff !important;
    border-color: #3984ff !important;
    background:
        linear-gradient(
            135deg,
            rgba(47, 124, 255, .34),
            rgba(47, 124, 255, .15)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 8px 22px rgba(47, 124, 255, .2) !important;
}

/* =========================================================
   MOBILE POLISH
========================================================= */

@media (max-width: 767px) {

    .fp-ticket-card .fp-ticket-subject-icon,
    .fp-ticket-card .fp-ticket-card-subject-icon,
    .fp-ticket-card .fp-ticket-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 13px;
    }

    .fp-ticket-card .fp-ticket-last-update-date,
    .fp-ticket-card .fp-ticket-updated-date,
    .fp-ticket-card .fp-ticket-update-date,
    .fp-ticket-card-footer > div:first-child > span:last-child,
    .fp-ticket-card-footer > div:first-child > div:last-child,
    .fp-ticket-card-footer time {
        font-size: 12px !important;
    }
}
/* =========================================================
   SUPPORT CENTER FINAL MOBILE POLISH
========================================================= */

/* Draw a ticket icon inside the blank subject square */

.fp-ticket-card .fp-ticket-subject-icon,
.fp-ticket-card .fp-ticket-card-subject-icon,
.fp-ticket-card .fp-ticket-icon {
    position: relative;
}

.fp-ticket-card .fp-ticket-subject-icon::before,
.fp-ticket-card .fp-ticket-card-subject-icon::before,
.fp-ticket-card .fp-ticket-icon::before {
    content: "\f145";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5ea8ff;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-size: 19px;
    font-weight: 900;
}

/* Last Update area */

.fp-ticket-card-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.fp-ticket-card-footer > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
}

/* Last Update label */

.fp-ticket-card-footer > div:first-child > div:first-child,
.fp-ticket-card-footer > div:first-child > span:first-child {
    position: relative;
    padding-left: 15px;
}

.fp-ticket-card-footer > div:first-child > div:first-child::before,
.fp-ticket-card-footer > div:first-child > span:first-child::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;

    background: var(--fp-primary);

    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--fp-primary) 10%,
            transparent
        ),
        0 0 11px
        color-mix(
            in srgb,
            var(--fp-primary) 35%,
            transparent
        );

    content: "";
    transform: translateY(-50%);
}

/* Date badge */

.fp-ticket-card-footer time,
.fp-ticket-card .fp-ticket-last-update-date,
.fp-ticket-card .fp-ticket-updated-date,
.fp-ticket-card .fp-ticket-update-date {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(79, 144, 255, .16);
    border-radius: 9px;
    background: rgba(79, 144, 255, .055);
    color: #b7c9e6 !important;
}

/* Mobile spacing */

@media (max-width: 767px) {

    .fp-ticket-card-footer {
        gap: 12px;
    }

    .fp-ticket-card-footer time,
    .fp-ticket-card .fp-ticket-last-update-date,
    .fp-ticket-card .fp-ticket-updated-date,
    .fp-ticket-card .fp-ticket-update-date {
        max-width: 100%;
        min-height: 32px;
        padding: 6px 9px;
        font-size: 11px !important;
        white-space: nowrap;
    }

    .fp-ticket-view-btn,
    .fp-ticket-card-view,
    .fp-ticket-card-action,
    .fp-ticket-card .btn-view-ticket {
        min-width: 132px;
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 430px) {

    .fp-ticket-card-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .fp-ticket-view-btn,
    .fp-ticket-card-view,
    .fp-ticket-card-action,
    .fp-ticket-card .btn-view-ticket {
        width: 100%;
        min-width: 0;
    }
}
/* =========================================================
   FIX PENDING OVERVIEW CLOCK ICON
========================================================= */

.fp-ticket-overview-card[data-overview-filter="pending"]
.fp-ticket-overview-icon {
    position: relative;
    color: #ffc857 !important;
    border-color: rgba(255, 200, 87, .4) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255, 193, 65, .2),
            rgba(255, 170, 30, .08)
        ) !important;
}

.fp-ticket-overview-card[data-overview-filter="pending"]
.fp-ticket-overview-icon i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    color: #ffc857 !important;
    font-family: FontAwesome !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* Restore the Font Awesome clock glyph if another rule removed it */

.fp-ticket-overview-card[data-overview-filter="pending"]
.fp-ticket-overview-icon .fa-clock-o::before {
    content: "\f017" !important;
}

/* Disable the old CSS-drawn clock fallback */

.fp-ticket-overview-card[data-overview-filter="pending"]
.fp-ticket-overview-icon::before,
.fp-ticket-overview-card[data-overview-filter="pending"]
.fp-ticket-overview-icon::after {
    content: none !important;
    display: none !important;
}
/* Force Last Update dot to follow the active theme */
.fp-support-page .fp-ticket-card .fp-ticket-updated-label::before,
.fp-support-page .fp-ticket-card .fp-ticket-last-update-label::before {
    background-color: var(--fp-primary) !important;
    background-image: none !important;

    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--fp-primary) 12%,
            transparent
        ) !important;
}
/* =========================================================
   FOLLOWERSPROVIDER TICKET GUIDE
   ========================================================= */

.fp-tickets-text-card {
  padding: 0;
  overflow: hidden;
}

.fp-ticket-guide {
  --fp-guide-primary:
    var(--fp-accent, #1E6FFF);

  --fp-guide-primary-strong:
    var(--fp-accent-strong, #3B8DFF);

  --fp-guide-primary-soft:
    var(
      --fp-accent-soft,
      rgba(30, 111, 255, 0.12)
    );

  --fp-guide-panel:
    var(--fp-panel, #031229);

  --fp-guide-bg-soft:
    var(--fp-bg-soft, #00050d);

  --fp-guide-bg-main:
    var(--fp-bg-main, #000711);

  --fp-guide-border:
    var(--fp-border, #10376A);

  --fp-guide-border-strong:
    var(--fp-border-strong, #1E6FFF);

  --fp-guide-text:
    var(--fp-text-main, #edf4ff);

  --fp-guide-muted:
    var(--fp-text-muted, #8fa0ba);

  position: relative;
  padding: 32px;
  color: var(--fp-guide-text);
}

.fp-ticket-guide *,
.fp-ticket-guide *::before,
.fp-ticket-guide *::after {
  box-sizing: border-box;
}

/* =========================================================
   HEADER
   ========================================================= */

.fp-ticket-guide-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 28px;
}

.fp-ticket-guide-header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-guide-primary-strong) 55%,
      transparent
    );
  border-radius: 16px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  text-align: center;
  background:
    linear-gradient(
      135deg,
      var(--fp-guide-primary),
      var(--fp-guide-primary-strong)
    );
  box-shadow:
    0 12px 30px
    color-mix(
      in srgb,
      var(--fp-guide-primary) 28%,
      transparent
    );
}

.fp-ticket-guide-header-icon i {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.fp-ticket-guide-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--fp-guide-primary-strong);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.1px;
  line-height: 1.3;
  text-transform: uppercase;
}

.fp-ticket-guide-header h2 {
  margin: 0 0 8px;
  color: var(--fp-guide-text);
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
}

.fp-ticket-guide-header p {
  max-width: 720px;
  margin: 0;
  color: var(--fp-guide-muted);
  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   INFORMATION CARDS
   ========================================================= */

.fp-ticket-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.fp-ticket-guide-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--fp-guide-border);
  border-radius: 17px;
  background:
    radial-gradient(
      circle at top left,
      var(--fp-guide-primary-soft),
      transparent 46%
    ),
    linear-gradient(
      165deg,
      var(--fp-guide-panel),
      var(--fp-guide-bg-soft)
    );
  box-shadow:
    0 12px 28px
    rgba(0, 0, 0, 0.14);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.fp-ticket-guide-item:hover {
  transform: translateY(-2px);
  border-color: var(--fp-guide-border-strong);
  box-shadow:
    0 14px 32px
    color-mix(
      in srgb,
      var(--fp-guide-primary) 13%,
      rgba(0, 0, 0, 0.25)
    );
}

.fp-ticket-guide-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-guide-primary) 22%,
      transparent
    );
  border-radius: 13px;
  color: var(--fp-guide-primary-strong);
  font-size: 17px;
  line-height: 1;
  text-align: center;
  background: var(--fp-guide-primary-soft);
}

.fp-ticket-guide-icon i {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.fp-ticket-guide-item > div {
  min-width: 0;
  flex: 1 1 auto;
}

.fp-ticket-guide-item h3 {
  margin: 0 0 6px;
  color: var(--fp-guide-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.fp-ticket-guide-item p {
  margin: 0;
  color: var(--fp-guide-muted);
  font-size: 13px;
  line-height: 1.65;
}

.fp-ticket-guide-item p strong {
  color: var(--fp-guide-text);
  font-weight: 800;
}

/* =========================================================
   WARNING
   ========================================================= */

.fp-ticket-guide-warning {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 179, 71, 0.28);
  border-radius: 17px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 179, 71, 0.1),
      rgba(255, 112, 67, 0.05)
    );
}

.fp-ticket-guide-warning-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  border-radius: 12px;
  color: #ffb347;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  background: rgba(255, 179, 71, 0.13);
}

.fp-ticket-guide-warning-icon i {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.fp-ticket-guide-warning > div {
  min-width: 0;
  flex: 1 1 auto;
}

.fp-ticket-guide-warning strong {
  display: block;
  margin-bottom: 5px;
  color: #ffc46b;
  font-size: 14px;
  font-weight: 800;
}

.fp-ticket-guide-warning p {
  margin: 0;
  color: var(--fp-guide-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* =========================================================
   CATEGORY SECTION
   ========================================================= */

.fp-ticket-guide-categories {
  padding: 22px;
  border: 1px solid var(--fp-guide-border);
  border-radius: 19px;
  background:
    radial-gradient(
      circle at top right,
      var(--fp-guide-primary-soft),
      transparent 48%
    ),
    linear-gradient(
      165deg,
      var(--fp-guide-panel),
      var(--fp-guide-bg-soft)
    );
  box-shadow:
    0 12px 28px
    rgba(0, 0, 0, 0.14);
}

.fp-ticket-guide-categories-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 18px;
}

.fp-ticket-guide-categories-heading > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-guide-primary) 22%,
      transparent
    );
  border-radius: 13px;
  color: var(--fp-guide-primary-strong);
  font-size: 17px;
  line-height: 1;
  text-align: center;
  background: var(--fp-guide-primary-soft);
}

.fp-ticket-guide-categories-heading > span i {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.fp-ticket-guide-categories-heading > div {
  min-width: 0;
  flex: 1 1 auto;
}

.fp-ticket-guide-categories-heading h3 {
  margin: 0 0 4px;
  color: var(--fp-guide-text);
  font-size: 16px;
  font-weight: 800;
}

.fp-ticket-guide-categories-heading p {
  margin: 0;
  color: var(--fp-guide-muted);
  font-size: 12px;
  line-height: 1.5;
}

.fp-ticket-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fp-ticket-category-card {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--fp-guide-border);
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      var(--fp-guide-primary-soft),
      color-mix(
        in srgb,
        var(--fp-guide-bg-soft) 94%,
        transparent
      )
    );
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.fp-ticket-category-card:hover {
  transform: translateY(-1px);
  border-color: var(--fp-guide-border-strong);
  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--fp-guide-primary) 15%,
        var(--fp-guide-panel)
      ),
      var(--fp-guide-bg-soft)
    );
  box-shadow:
    0 10px 22px
    color-mix(
      in srgb,
      var(--fp-guide-primary) 10%,
      transparent
    );
}

.fp-ticket-category-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-guide-primary) 20%,
      transparent
    );
  border-radius: 11px;
  color: var(--fp-guide-primary-strong);
  font-size: 15px;
  line-height: 1;
  text-align: center;
  background: var(--fp-guide-primary-soft);
}

.fp-ticket-category-icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  vertical-align: middle;
}

.fp-ticket-category-card > div {
  min-width: 0;
  flex: 1 1 auto;
}

.fp-ticket-category-card strong {
  display: block;
  margin-bottom: 4px;
  color: var(--fp-guide-primary-strong);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.35px;
}

.fp-ticket-category-card > div > span {
  display: block;
  color: var(--fp-guide-muted);
  font-size: 12px;
  line-height: 1.55;
}

/* =========================================================
   FOOTER
   ========================================================= */

.fp-ticket-guide-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--fp-guide-border);
  text-align: center;
}

.fp-ticket-guide-footer > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--fp-guide-primary-strong);
  line-height: 1;
}

.fp-ticket-guide-footer > span i {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1;
}

.fp-ticket-guide-footer p {
  margin: 0;
  color: var(--fp-guide-muted);
  font-size: 12px;
  line-height: 1.6;
}

.fp-ticket-guide-footer a {
  color: var(--fp-guide-primary-strong);
  font-weight: 800;
  text-decoration: none;
}

.fp-ticket-guide-footer a:hover {
  color: var(--fp-guide-text);
  text-decoration: underline;
}

/* =========================================================
   ACTIVE THEME OVERRIDES
   ========================================================= */

html[data-fp-theme] .fp-ticket-guide {
  color: var(--fp-text-main);
}

html[data-fp-theme] .fp-ticket-guide-item,
html[data-fp-theme] .fp-ticket-guide-categories {
  border-color: var(--fp-border) !important;
  background:
    radial-gradient(
      circle at top right,
      var(--fp-accent-soft),
      transparent 46%
    ),
    linear-gradient(
      165deg,
      var(--fp-panel),
      var(--fp-bg-soft)
    ) !important;
}

html[data-fp-theme] .fp-ticket-category-card {
  border-color: var(--fp-border) !important;
  background:
    linear-gradient(
      145deg,
      var(--fp-accent-soft),
      var(--fp-bg-soft)
    ) !important;
}

html[data-fp-theme] .fp-ticket-guide-header-icon {
  background:
    linear-gradient(
      135deg,
      var(--fp-accent),
      var(--fp-accent-strong)
    ) !important;
  border-color: var(--fp-border-strong) !important;
  box-shadow:
    0 12px 30px
    var(--fp-accent-soft) !important;
}

html[data-fp-theme] .fp-ticket-guide-eyebrow,
html[data-fp-theme] .fp-ticket-guide-icon,
html[data-fp-theme] .fp-ticket-guide-categories-heading > span,
html[data-fp-theme] .fp-ticket-category-icon,
html[data-fp-theme] .fp-ticket-category-card strong,
html[data-fp-theme] .fp-ticket-guide-footer > span,
html[data-fp-theme] .fp-ticket-guide-footer a {
  color: var(--fp-accent-strong) !important;
}

html[data-fp-theme] .fp-ticket-guide-icon,
html[data-fp-theme] .fp-ticket-guide-categories-heading > span,
html[data-fp-theme] .fp-ticket-category-icon {
  border-color: var(--fp-border) !important;
  background: var(--fp-accent-soft) !important;
}

html[data-fp-theme] .fp-ticket-guide-header h2,
html[data-fp-theme] .fp-ticket-guide-item h3,
html[data-fp-theme] .fp-ticket-guide-categories-heading h3 {
  color: var(--fp-text-main) !important;
}

html[data-fp-theme] .fp-ticket-guide-header p,
html[data-fp-theme] .fp-ticket-guide-item p,
html[data-fp-theme] .fp-ticket-guide-categories-heading p,
html[data-fp-theme] .fp-ticket-category-card > div > span,
html[data-fp-theme] .fp-ticket-guide-warning p,
html[data-fp-theme] .fp-ticket-guide-footer p {
  color: var(--fp-text-muted) !important;
}

html[data-fp-theme] .fp-ticket-guide-footer {
  border-top-color: var(--fp-border) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .fp-ticket-guide {
    padding: 22px 17px;
  }

  .fp-ticket-guide-header {
    gap: 13px;
  }

  .fp-ticket-guide-header-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    border-radius: 14px;
    font-size: 18px;
  }

  .fp-ticket-guide-header h2 {
    font-size: 20px;
  }

  .fp-ticket-guide-grid,
  .fp-ticket-category-grid {
    grid-template-columns: 1fr;
  }

  .fp-ticket-guide-item,
  .fp-ticket-guide-warning {
    padding: 16px;
  }

  .fp-ticket-guide-categories {
    padding: 17px;
  }

  .fp-ticket-guide-footer {
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 86px;
    padding-bottom: 16px;
    text-align: left;
  }
}

@media (max-width: 420px) {
  .fp-ticket-guide-header {
    flex-direction: column;
  }

  .fp-ticket-guide-item {
    gap: 11px;
  }

  .fp-ticket-guide-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }

  .fp-ticket-category-card {
    gap: 10px;
  }

  .fp-ticket-guide-footer {
    padding-right: 78px;
  }
}

/* =========================================================
   SUPPORT PAGE TABLET / NARROW DESKTOP WIDTH FIX
   ========================================================= */

@media (max-width: 1199px) {
  .fp-support-panel-row > .col-lg-8,
  .fp-support-panel-row > .col-lg-4 {
    width: 100%;
    float: none;
  }

  .fp-support-sidebar {
    width: 100%;
  }

  .fp-ticket-create-card,
  .fp-ticket-tips-card,
  .fp-support-help-card {
    width: 100%;
  }
}
/* ============================================================
   FLOATING BUTTON POSITION FIX
   ============================================================ */

.fp-floating-discord {
  right: 14px !important;
  bottom: 92px !important;
}

#beamerSelector {
  right: 14px !important;
  bottom: 28px !important;
}

/* Keep both buttons above mobile browser controls */
@media (max-width: 767px) {
  .fp-floating-discord {
    right: 12px !important;
    bottom: 96px !important;
  }

  #beamerSelector {
    right: 12px !important;
    bottom: 32px !important;
  }
}
/* ============================================================
   FINAL BEAMER VISIBILITY FIX
   Keep launcher visible after changing themes
   ============================================================ */

#beamerSelector,
html[data-fp-theme] #beamerSelector {
  position: fixed !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  right: 12px !important;
  bottom: 32px !important;
  left: auto !important;
  top: auto !important;

  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border: 1px solid var(--fp-border-strong, #1E6FFF) !important;
  border-radius: 15px !important;

  background:
    linear-gradient(
      145deg,
      var(--fp-panel, #031229),
      var(--fp-bg-soft, #00050d)
    ) !important;

  background-image:
    linear-gradient(
      145deg,
      var(--fp-panel, #031229),
      var(--fp-bg-soft, #00050d)
    ) !important;

  transform: none !important;

  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 20px var(--fp-accent-soft, rgba(30, 111, 255, 0.18)) !important;

  cursor: pointer !important;
  z-index: 2147483640 !important;
}

/* Hide Beamer's original graphic without hiding the launcher */
#beamerSelector > * {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Draw the bell ourselves */
#beamerSelector::after,
html[data-fp-theme] #beamerSelector::after {
  content: "\f0f3" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  height: 36px !important;

  visibility: visible !important;
  opacity: 1 !important;

  border-radius: 11px !important;

  background:
    linear-gradient(
      135deg,
      var(--fp-accent, #1E6FFF),
      var(--fp-accent-strong, #3B8DFF)
    ) !important;

  color: #ffffff !important;

  font-family: "FontAwesome" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;

  transform: translate(-50%, -50%) !important;

  pointer-events: none !important;
  z-index: 10 !important;
}

/* Hover */
#beamerSelector:hover,
html[data-fp-theme] #beamerSelector:hover {
  transform: translateY(-3px) scale(1.03) !important;

  border-color: var(--fp-accent-strong, #3B8DFF) !important;

  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.44),
    0 0 26px var(--fp-accent-soft, rgba(30, 111, 255, 0.28)) !important;
}

/* Mobile positioning */
@media (max-width: 420px) {
  #beamerSelector,
  html[data-fp-theme] #beamerSelector {
    right: 12px !important;
    bottom: 24px !important;
  }
}
/* =========================================================
   TICKET STATUS FILTER GRID
   ========================================================= */

.fp-tickets-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin:0;
  padding:0;
}

.fp-tickets-filters::before,
.fp-tickets-filters::after{
  display:none;
  content:none;
}

.fp-tickets-filters > li{
  float:none;
  width:100%;
  margin:0!important;
}

.fp-tickets-filters > li > a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  width:100%;
  min-height:56px;
  padding:12px 18px;
  border:1px solid var(--fp-border);
  border-radius:16px;
  background:var(--fp-bg-soft);
  color:var(--fp-text-muted);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.fp-tickets-filters > li > a:hover,
.fp-tickets-filters > li > a:focus{
  border-color:var(--fp-border-strong);
  background:var(--fp-panel);
  color:var(--fp-text-main);
  transform:translateY(-1px);
}

.fp-tickets-filters > li.active > a,
.fp-tickets-filters > li.active > a:hover,
.fp-tickets-filters > li.active > a:focus{
  border-color:var(--fp-accent-strong);
  background:
    linear-gradient(
      135deg,
      var(--fp-accent),
      var(--fp-accent-strong)
    );
  color:#fff;
  box-shadow:0 10px 26px var(--fp-accent-soft);
}

.fp-filter-dot{
  display:inline-block;
  flex:0 0 9px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--fp-text-muted);
  box-shadow:0 0 0 4px var(--fp-bg-soft);
}

.fp-filter-dot-all{
  background:var(--fp-accent-strong);
}

.fp-filter-dot-answered{
  background:#3b82f6;
}

.fp-filter-dot-pending{
  background:#f5b335;
}

.fp-filter-dot-closed{
  background:#29cc8b;
}

.fp-tickets-filters > li.active .fp-filter-dot{
  background:#fff;
  box-shadow:0 0 0 4px var(--fp-accent-soft);
}

@media(max-width:575px){
  .fp-tickets-filters{
    gap:10px;
  }

  .fp-tickets-filters > li > a{
    min-height:52px;
    padding:11px 10px;
    border-radius:14px;
    font-size:13px;
  }

  .fp-filter-dot{
    flex-basis:8px;
    width:8px;
    height:8px;
  }
}

/* ================================================================
   EMERALD LIGHT THEME ??? WHITE SURFACE OVERRIDES
   Keeps the existing Pearl theme option but changes it into the
   clean white, soft-blue, lightly color-coded design.
   ================================================================ */

html[data-fp-theme="pearl"],
html[data-fp-theme="pearl"] body,
html[data-fp-theme="pearl"] body.fp-auth-body,
html[data-fp-theme="pearl"] body.fp-public-body {
  background: var(--fp-bg-main) !important;
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .fp-page,
html[data-fp-theme="pearl"] body.fp-auth-body,
html[data-fp-theme="pearl"] .fp-signin-page {
  background:
    radial-gradient(circle at 10% 8%, rgba(79,141,247,.07), transparent 31%),
    radial-gradient(circle at 90% 10%, rgba(16,185,129,.045), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
}

html[data-fp-theme="pearl"] .fp-public-navbar,
html[data-fp-theme="pearl"] .fp-public-navbar.navbar,
html[data-fp-theme="pearl"] .fp-public-navbar.navbar-default,
html[data-fp-theme="pearl"] .fp-sidebar,
html[data-fp-theme="pearl"] .fp-mobile-topbar,
html[data-fp-theme="pearl"] .fp-public-navbar.navbar-collapsed-before .navbar-collapse {
  background: rgba(255,255,255,.96) !important;
  border-color: var(--fp-border) !important;
  box-shadow: 0 8px 26px rgba(31,55,91,.07) !important;
  backdrop-filter: blur(16px);
}

html[data-fp-theme="pearl"] .fp-public-navbar .navbar-brand,
html[data-fp-theme="pearl"] .fp-public-navbar .navbar-nav > li > a,
html[data-fp-theme="pearl"] .fp-public-navbar.navbar-default .navbar-brand,
html[data-fp-theme="pearl"] .fp-public-navbar.navbar-default .navbar-nav > li > a,
html[data-fp-theme="pearl"] .fp-sidebar,
html[data-fp-theme="pearl"] .fp-sidebar a,
html[data-fp-theme="pearl"] .fp-mobile-topbar {
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .fp-panel,
html[data-fp-theme="pearl"] .fp-mini-card,
html[data-fp-theme="pearl"] .fp-stat-card,
html[data-fp-theme="pearl"] .fp-review-card,
html[data-fp-theme="pearl"] .fp-dashboard-mockup,
html[data-fp-theme="pearl"] .fp-hero-spotlight,
html[data-fp-theme="pearl"] .fp-domain-showcase,
html[data-fp-theme="pearl"] .fp-signup-aside,
html[data-fp-theme="pearl"] .fp-signup-form-panel,
html[data-fp-theme="pearl"] .fp-platform-panel-wide,
html[data-fp-theme="pearl"] .fp-auth-body .panel,
html[data-fp-theme="pearl"] .fp-auth-body .well,
html[data-fp-theme="pearl"] .fp-auth-body [class*="-card"],
html[data-fp-theme="pearl"] .fp-auth-body [class*="_card"] {
  background:
    radial-gradient(circle at 15% 8%, rgba(79,141,247,.045), transparent 42%),
    linear-gradient(165deg, #ffffff, #fbfdff) !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
  box-shadow: var(--fp-shadow) !important;
}

html[data-fp-theme="pearl"] .fp-input,
html[data-fp-theme="pearl"] .fp-auth-body .form-control,
html[data-fp-theme="pearl"] .fp-auth-body select,
html[data-fp-theme="pearl"] .fp-auth-body textarea,
html[data-fp-theme="pearl"] .fp-auth-body .select2-container--default .select2-selection--single,
html[data-fp-theme="pearl"] .fp-auth-body .input-group .form-control,
html[data-fp-theme="pearl"] .fp-auth-body .fp-api-select {
  background: #ffffff !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
  box-shadow: 0 5px 16px rgba(31,55,91,.035) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .form-control::placeholder,
html[data-fp-theme="pearl"] .fp-input::placeholder,
html[data-fp-theme="pearl"] .fp-auth-body textarea::placeholder {
  color: #9aa7bb !important;
  opacity: 1;
}

html[data-fp-theme="pearl"] .fp-input:focus,
html[data-fp-theme="pearl"] .fp-auth-body .form-control:focus,
html[data-fp-theme="pearl"] .fp-auth-body select:focus,
html[data-fp-theme="pearl"] .fp-auth-body textarea:focus {
  background: #ffffff !important;
  border-color: var(--fp-border-strong) !important;
  color: var(--fp-text-main) !important;
  box-shadow: 0 0 0 3px var(--fp-accent-soft) !important;
}

html[data-fp-theme="pearl"] .dropdown-menu,
html[data-fp-theme="pearl"] .select2-dropdown,
html[data-fp-theme="pearl"] .modal-content,
html[data-fp-theme="pearl"] .popover,
html[data-fp-theme="pearl"] .tooltip-inner {
  background: #ffffff !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
  box-shadow: 0 18px 44px rgba(31,55,91,.14) !important;
}

html[data-fp-theme="pearl"] .dropdown-menu > li > a,
html[data-fp-theme="pearl"] .select2-results__option,
html[data-fp-theme="pearl"] .modal-content,
html[data-fp-theme="pearl"] .modal-title {
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .dropdown-menu > li > a:hover,
html[data-fp-theme="pearl"] .dropdown-menu > li > a:focus,
html[data-fp-theme="pearl"] .select2-results__option--highlighted {
  background: var(--fp-accent-soft) !important;
  color: var(--fp-accent-strong) !important;
}

html[data-fp-theme="pearl"] table,
html[data-fp-theme="pearl"] .table,
html[data-fp-theme="pearl"] .table-responsive {
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body table > thead > tr > th,
html[data-fp-theme="pearl"] .fp-auth-body table.table > thead > tr > th {
  background: #f1f6fd !important;
  border-color: var(--fp-border) !important;
  color: #52627e !important;
}

html[data-fp-theme="pearl"] .fp-auth-body table > tbody > tr:nth-child(odd) > td {
  background: var(--fp-row-odd) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body table > tbody > tr:nth-child(even) > td {
  background: var(--fp-row-even) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body table > tbody > tr:hover > td {
  background: #eef5ff !important;
}

html[data-fp-theme="pearl"] hr,
html[data-fp-theme="pearl"] .modal-header,
html[data-fp-theme="pearl"] .modal-footer,
html[data-fp-theme="pearl"] .panel-heading,
html[data-fp-theme="pearl"] .panel-footer {
  border-color: var(--fp-border) !important;
}

html[data-fp-theme="pearl"] .text-muted,
html[data-fp-theme="pearl"] .help-block,
html[data-fp-theme="pearl"] small,
html[data-fp-theme="pearl"] [class*="muted"],
html[data-fp-theme="pearl"] [class*="caption"] {
  color: var(--fp-text-muted) !important;
}

html[data-fp-theme="pearl"] h1,
html[data-fp-theme="pearl"] h2,
html[data-fp-theme="pearl"] h3,
html[data-fp-theme="pearl"] h4,
html[data-fp-theme="pearl"] h5,
html[data-fp-theme="pearl"] h6,
html[data-fp-theme="pearl"] label,
html[data-fp-theme="pearl"] strong {
  color: var(--fp-text-main);
}

html[data-fp-theme="pearl"] a {
  color: var(--fp-accent-strong);
}

html[data-fp-theme="pearl"] .btn-primary,
html[data-fp-theme="pearl"] .fp-btn-primary,
html[data-fp-theme="pearl"] .fp-account-primary-btn,
html[data-fp-theme="pearl"] .fp-tickets-submit,
html[data-fp-theme="pearl"] .fp-api-generate-btn {
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong)) !important;
  border-color: var(--fp-accent-strong) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(50,111,224,.20) !important;
}

html[data-fp-theme="pearl"] .btn-default,
html[data-fp-theme="pearl"] .fp-btn-secondary,
html[data-fp-theme="pearl"] .fp-btn-light,
html[data-fp-theme="pearl"] .fp-sidebar-toggle,
html[data-fp-theme="pearl"] .fp-sidebar-bal-btn,
html[data-fp-theme="pearl"] .fp-sidebar-balance {
  background: #ffffff !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .alert-success {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #047857 !important;
}

html[data-fp-theme="pearl"] .alert-danger {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

html[data-fp-theme="pearl"] .alert-warning {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #a16207 !important;
}

html[data-fp-theme="pearl"] .alert-info {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

/* Dashboard color-coded cards, matching the white inspiration design. */
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(1),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(1) {
  background: linear-gradient(145deg,#ffffff,#f4f8ff) !important;
  border-color: #b9d4ff !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(2),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(2) {
  background: linear-gradient(145deg,#ffffff,#f1fcf7) !important;
  border-color: #b9ead2 !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(3),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(3) {
  background: linear-gradient(145deg,#ffffff,#fff8eb) !important;
  border-color: #f4d69a !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(4),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(4) {
  background: linear-gradient(145deg,#ffffff,#f8f3ff) !important;
  border-color: #dac7ff !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(5),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(5) {
  background: linear-gradient(145deg,#ffffff,#f2f8ff) !important;
  border-color: #bfd9ff !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(6),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(6) {
  background: linear-gradient(145deg,#ffffff,#f0fcf6) !important;
  border-color: #b8ead0 !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(7),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(7) {
  background: linear-gradient(145deg,#ffffff,#f8f3ff) !important;
  border-color: #ddccff !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-of-type(8),
html[data-fp-theme="pearl"] .fp-dashboard-page .single-meter:nth-child(8) {
  background: linear-gradient(145deg,#ffffff,#fff3f8) !important;
  border-color: #f7c9dc !important;
}

html[data-fp-theme="pearl"] ::-webkit-scrollbar-track {
  background: #eef2f7;
}

html[data-fp-theme="pearl"] ::-webkit-scrollbar-thumb {
  background: #b8c6d9;
  border-color: #eef2f7;
}


/* ============================================================
   EMERALD LIGHT TEXT RENDERING FIX
   Removes inherited dark-theme glow/shadow that makes text look doubled.
   ============================================================ */
html[data-fp-theme="pearl"] body,
html[data-fp-theme="pearl"] body * {
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-stat-text h3,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-stat-text p,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-tab,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-category-btn,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-category-btn *,
html[data-fp-theme="pearl"] .fp-auth-body .btn,
html[data-fp-theme="pearl"] .fp-auth-body .btn * {
  text-shadow: none !important;
  filter: none !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-stat-text h3 {
  color: var(--fp-text-main) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-stat-text p {
  color: var(--fp-text-muted) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-stat-card {
  box-shadow: 0 10px 24px rgba(31, 55, 91, 0.07) !important;
}

/* ============================================================
   EMERALD LIGHT DASHBOARD TEXT CONTRAST FIX V2
   Corrects hard-coded white text inherited from the dark themes.
   ============================================================ */
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page * {
  text-shadow: none !important;
}

/* Dashboard heading */
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy h1,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy h2,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy h3 {
  color: #102241 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #102241 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy p {
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Stat values and labels */
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .text h3,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .text h3 *,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .meter-value,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter [class*="value"] {
  color: #102241 !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: #102241 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .text p,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .text p *,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter [class*="label"],
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter small {
  color: #64748b !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Preserve the intentional colored values on selected cards */
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-orders .text h3 {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-completed .text h3 {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-spent .text h3 {
  color: #d97706 !important;
  -webkit-text-fill-color: #d97706 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-level .text h3 {
  color: #7c3aed !important;
  -webkit-text-fill-color: #7c3aed !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-services .text h3 {
  color: #0891b2 !important;
  -webkit-text-fill-color: #0891b2 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-meter-users .text h3 {
  color: #db2777 !important;
  -webkit-text-fill-color: #db2777 !important;
}

/* Rank card text */
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-header h3,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-progress-top strong,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-progress-bottom strong,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-info strong {
  color: #102241 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #102241 !important;
}

html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-header p,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-progress-label,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-progress-bottom,
html[data-fp-theme="pearl"] .fp-dashboard-page .fp-rank-info span {
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Prevent translucent overlays from washing text out */
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .main,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .single-meter .text,
html[data-fp-theme="pearl"] .fp-auth-body .fp-dashboard-page .fp-dashboard-head-copy {
  position: relative;
  z-index: 2;
  opacity: 1 !important;
}

/* ============================================================
   EMERALD LIGHT NEW ORDER CONTRAST FIX V3
   Corrects labels, values, descriptions, limits, terms and buttons.
   ============================================================ */

/* Keep every New Order text layer crisp and fully visible. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-page,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-page * {
  text-shadow: none !important;
  filter: none !important;
}

/* Main card and form labels. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .tab-content,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .tab-pane {
  color: var(--fp-text-main) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .control-label,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .form-group > label,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card label:not(.terms),
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .help-block {
  color: #52627a !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #52627a !important;
}

/* Inputs, textareas and native selects. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .form-control,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card input,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card textarea,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card select {
  background-color: #ffffff !important;
  border-color: #d7e1ee !important;
  color: #102241 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #102241 !important;
  caret-color: #2563eb !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card textarea {
  min-height: 118px;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .form-control::placeholder,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card input::placeholder,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card textarea::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* Select2 and other enhanced select plugins. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .select2-selection--single,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .bootstrap-select > .dropdown-toggle,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .btn.dropdown-toggle.selectpicker,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .chosen-container-single .chosen-single,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .selectize-control.single .selectize-input {
  background: #ffffff !important;
  border-color: #d7e1ee !important;
  color: #102241 !important;
  opacity: 1 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .select2-selection__rendered,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .filter-option,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .filter-option-inner-inner,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .chosen-single span,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .selectize-input .item {
  color: #102241 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #102241 !important;
}

/* Disabled fields must remain readable on a light surface. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .form-control:disabled,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .form-control[readonly],
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #orderform-category:disabled,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #orderform-service:disabled,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .select2-container--disabled .select2-selection--single,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .bootstrap-select.disabled > .dropdown-toggle {
  background: #f3f6fb !important;
  border-color: #d7e1ee !important;
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Service description content generated by the panel. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description .panel,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description .panel-body,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description p,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description span,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description div,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description li {
  color: #334155 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #334155 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card #service_description a {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

/* Min/Max or quantity helper badges. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .min-max,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card [class*="min-max"],
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card [class*="minmax"],
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .help-block,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card small {
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Agreement rows and links. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .terms,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .terms label,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .terms span,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card [class*="terms"] {
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .terms a,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card [class*="terms"] a {
  color: #2563eb !important;
  font-weight: 800 !important;
  -webkit-text-fill-color: #2563eb !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card input[type="checkbox"] {
  accent-color: #2563eb !important;
  opacity: 1 !important;
}

/* Submit button stays high contrast, including disabled/loading state. */
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .btn.btn-primary,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card button[type="submit"] {
  background: linear-gradient(135deg,#4f8df7,#6c9fee) !important;
  border-color: #4f8df7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 0 10px 24px rgba(50,111,224,.20) !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .btn.btn-primary:disabled,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card button[type="submit"]:disabled,
html[data-fp-theme="pearl"] .fp-auth-body .fp-neworder-card .btn.btn-primary.disabled {
  background: #9abcf1 !important;
  border-color: #9abcf1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
/* =========================================================
   API EXAMPLE RESPONSE BOX ? FOLLOW ACTIVE THEME
   ========================================================= */

html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-example,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-example-card,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-code-card {
  background: var(--fp-panel) !important;
  border-color: var(--fp-border) !important;
  box-shadow: none !important;
}

/* Top part containing Example response + Copy */

html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-example-header,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-code-header {
  background: var(--fp-accent-soft) !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
}

/* Copy button */

html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-copy,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-copy-btn,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-example-btn {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--fp-accent) !important;
}

/* Actual JSON/code box */

html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-pre,
html[data-fp-theme] .fp-auth-body .fp-api-page pre {
  background: var(--fp-bg-soft) !important;
  border-color: var(--fp-border) !important;
  color: var(--fp-text-main) !important;
  box-shadow: none !important;
}

/* Code text inside */

html[data-fp-theme] .fp-auth-body .fp-api-page pre code,
html[data-fp-theme] .fp-auth-body .fp-api-page .fp-api-pre code {
  background: transparent !important;
  color: var(--fp-text-main) !important;
}
/* =========================================================
   PEARL TICKET CARD BACKGROUND FIX
   Removes white Subject and Last Update strips
   ========================================================= */

html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card {
    background: #f4f7fb !important;
    border-color: #d9e2ee !important;
    overflow: hidden;
}

html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-top,
html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-main,
html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-footer,
html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-copy,
html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-updated {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-label {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #718096 !important;
}

html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-subject-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #162238 !important;
}

html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-time {
    background: transparent !important;
    background-color: transparent !important;
    color: #53647a !important;
}
@media (max-width: 767px) {
    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-main,
    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-footer {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow: none !important;
    }

    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-main::before,
    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-main::after,
    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-footer::before,
    html[data-fp-theme="pearl"] .fp-support-page .fp-ticket-card-footer::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}
/* Child Panel order summary icon alignment */
.fp-childpanel-order-summary .fp-childpanel-summary-icon {
    width: 66px;
    height: 66px;
    min-width: 66px;
    flex: 0 0 66px;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden;
    line-height: 1;
}

.fp-childpanel-order-summary .fp-childpanel-summary-icon i {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 27px;
    line-height: 1 !important;
    color: var(--fp-primary, #3b8dff);
}
@media (max-width: 767px) {
    .fp-childpanel-order-summary .fp-childpanel-summary-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        flex-basis: 58px;
    }

    .fp-childpanel-order-summary .fp-childpanel-summary-icon i {
        font-size: 24px;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER ADD FUNDS V2
   ========================================================= */

.fp-addfunds-page {
    padding-top: 28px;
    padding-bottom: 48px;
}

/* =========================================================
   HERO
   ========================================================= */

.fp-addfunds-hero {
    position: relative;
    overflow: hidden;
    padding: 36px;
    margin-bottom: 28px;
    border: 1px solid var(--fp-border);
    border-radius: 26px;
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--fp-primary) 13%, var(--fp-panel)),
            var(--fp-panel) 58%
        );
    box-shadow: var(--fp-shadow);
}

.fp-addfunds-hero-glow {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(10px);
    opacity: 0.28;
}

.fp-addfunds-hero-glow-one {
    width: 240px;
    height: 240px;
    top: -120px;
    right: 5%;
    background: var(--fp-primary);
}

.fp-addfunds-hero-glow-two {
    width: 180px;
    height: 180px;
    bottom: -110px;
    left: 12%;
    background: var(--fp-accent, var(--fp-primary));
}

.fp-addfunds-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.fp-addfunds-eyebrow,
.fp-addfunds-card-kicker,
.fp-addfunds-mini-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--fp-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.fp-addfunds-hero h1 {
    margin: 12px 0 10px;
    color: var(--fp-heading);
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
}

.fp-addfunds-hero p {
    max-width: 640px;
    margin: 0;
    color: var(--fp-muted);
    font-size: 16px;
    line-height: 1.75;
}

.fp-addfunds-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.fp-addfunds-hero-features span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--fp-panel) 82%, transparent);
    color: var(--fp-text);
    font-size: 13px;
    font-weight: 700;
}

.fp-addfunds-hero-features i {
    color: var(--fp-primary);
}

.fp-addfunds-hero-icon {
    flex: 0 0 auto;
}

.fp-addfunds-hero-icon span {
    width: 94px;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--fp-primary) 55%, transparent);
    border-radius: 26px;
    background: color-mix(in srgb, var(--fp-primary) 14%, var(--fp-panel));
    color: var(--fp-primary);
    box-shadow:
        inset 0 0 30px color-mix(in srgb, var(--fp-primary) 10%, transparent),
        0 15px 35px color-mix(in srgb, var(--fp-primary) 15%, transparent);
    font-size: 38px;
}

/* =========================================================
   MAIN AREA
   ========================================================= */

.fp-addfunds-main-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.fp-addfunds-form-card,
.fp-addfunds-side-card,
.fp-addfunds-support-card,
.fp-addfunds-history-card {
    border: 1px solid var(--fp-border);
    border-radius: 24px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-addfunds-form-card {
    padding: 30px;
}

.fp-addfunds-card-heading,
.fp-addfunds-text-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 26px;
}

.fp-addfunds-card-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--fp-primary) 45%, transparent);
    border-radius: 15px;
    background: color-mix(in srgb, var(--fp-primary) 12%, var(--fp-panel));
    color: var(--fp-primary);
    font-size: 19px;
}

.fp-addfunds-card-heading h2,
.fp-addfunds-text-header h2,
.fp-addfunds-history-heading h2 {
    margin: 5px 0 4px;
    color: var(--fp-heading);
    font-size: 23px;
    font-weight: 800;
}

.fp-addfunds-card-heading p,
.fp-addfunds-history-heading p {
    margin: 0;
    color: var(--fp-muted);
    line-height: 1.6;
}

/* =========================================================
   FORM
   ========================================================= */

.fp-addfunds-form-group {
    margin-bottom: 24px;
}

.fp-addfunds-form-group .control-label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: var(--fp-heading);
    font-size: 14px;
    font-weight: 700;
}

.fp-addfunds-label-icon {
    color: var(--fp-primary);
}

.fp-addfunds-field-wrap,
.fp-addfunds-amount-wrap {
    position: relative;
}

.fp-addfunds-form .form-control {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px;
    border: 1px solid var(--fp-border);
    border-radius: 14px;
    background: var(--fp-input, var(--fp-bg));
    color: var(--fp-text);
    font-size: 15px;
    box-shadow: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.fp-addfunds-form .form-control:focus {
    border-color: var(--fp-primary);
    background: var(--fp-panel);
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--fp-primary) 14%, transparent);
}

.fp-addfunds-select-wrap select {
    appearance: none;
    padding-right: 48px;
}

.fp-addfunds-select-icon {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    color: var(--fp-primary);
    pointer-events: none;
}

.fp-addfunds-amount-wrap .form-control {
    padding-left: 48px;
    font-size: 19px;
    font-weight: 800;
}

.fp-addfunds-currency-symbol {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    color: var(--fp-primary);
    font-size: 19px;
    font-weight: 800;
}

.fp-addfunds-quick-amounts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.fp-addfunds-quick-amounts button {
    min-height: 42px;
    border: 1px solid var(--fp-border);
    border-radius: 12px;
    background: var(--fp-bg);
    color: var(--fp-text);
    font-size: 14px;
    font-weight: 800;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        color 0.18s ease;
}

.fp-addfunds-quick-amounts button:hover,
.fp-addfunds-quick-amounts button.is-active {
    border-color: var(--fp-primary);
    background: color-mix(in srgb, var(--fp-primary) 14%, var(--fp-panel));
    color: var(--fp-primary);
    transform: translateY(-1px);
}

/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.fp-addfunds-submit {
    width: 100%;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 0;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            var(--fp-primary),
            color-mix(in srgb, var(--fp-primary) 68%, #8c52ff)
        );
    box-shadow:
        0 14px 30px color-mix(in srgb, var(--fp-primary) 24%, transparent);
    font-weight: 800;
}

.fp-addfunds-submit-main {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 16px;
}

.fp-addfunds-submit small {
    opacity: 0.78;
    font-size: 11px;
    font-weight: 600;
}

.fp-addfunds-secure-note {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    color: var(--fp-muted);
    font-size: 12px;
    line-height: 1.5;
}

.fp-addfunds-secure-note i {
    margin-top: 2px;
    color: var(--fp-success, #46dca3);
}

/* =========================================================
   ALERTS
   ========================================================= */

.fp-addfunds-alert {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 15px 42px 15px 15px;
    border-radius: 14px;
}

.fp-addfunds-alert-icon {
    margin-top: 2px;
    font-size: 18px;
}

.fp-addfunds-alert div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.fp-addfunds-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.fp-addfunds-side-card,
.fp-addfunds-support-card {
    padding: 23px;
}

.fp-addfunds-side-heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.fp-addfunds-side-heading > span {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: color-mix(in srgb, var(--fp-primary) 13%, var(--fp-panel));
    color: var(--fp-primary);
}

.fp-addfunds-side-heading h3,
.fp-addfunds-support-card h3 {
    margin: 0 0 4px;
    color: var(--fp-heading);
    font-size: 17px;
    font-weight: 800;
}

.fp-addfunds-side-heading p,
.fp-addfunds-support-card p {
    margin: 0;
    color: var(--fp-muted);
    font-size: 13px;
    line-height: 1.6;
}

.fp-addfunds-tips {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.fp-addfunds-tips li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.fp-addfunds-tips li > span {
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--fp-success, #46dca3) 14%, transparent);
    color: var(--fp-success, #46dca3);
    font-size: 10px;
}

.fp-addfunds-tips strong,
.fp-addfunds-tips small {
    display: block;
}

.fp-addfunds-tips strong {
    color: var(--fp-heading);
    font-size: 13px;
}

.fp-addfunds-tips small {
    margin-top: 3px;
    color: var(--fp-muted);
    line-height: 1.5;
}

.fp-addfunds-support-card {
    position: relative;
    overflow: hidden;
}

.fp-addfunds-support-icon {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--fp-primary) 15%, var(--fp-panel));
    color: var(--fp-primary);
}

.fp-addfunds-support-card h3 {
    margin-top: 7px;
}

.fp-addfunds-support-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    color: var(--fp-primary);
    font-weight: 800;
    text-decoration: none;
}

/* =========================================================
   CUSTOM ADD FUNDS CONTENT
   ========================================================= */

.fp-addfunds-text-card {
    padding: 30px;
    margin-top: 28px;
    border: 1px solid var(--fp-border);
    border-radius: 24px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-addfunds-text-content {
    color: var(--fp-text);
    line-height: 1.75;
}

.fp-addfunds-text-content > *:first-child {
    margin-top: 0;
}

.fp-addfunds-text-content > *:last-child {
    margin-bottom: 0;
}

.fp-addfunds-text-content a {
    color: var(--fp-primary);
}

.fp-addfunds-text-content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

/* =========================================================
   HISTORY
   ========================================================= */

.fp-addfunds-history-card {
    padding: 28px;
    margin-top: 28px;
}

.fp-addfunds-history-heading > div {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.fp-addfunds-history-heading {
    margin-bottom: 24px;
}

.fp-addfunds-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--fp-border);
    border-radius: 16px;
}

.fp-addfunds-table {
    min-width: 680px;
    margin: 0;
    color: var(--fp-text);
}

.fp-addfunds-table thead th {
    padding: 15px 17px;
    border: 0;
    border-bottom: 1px solid var(--fp-border);
    background: color-mix(in srgb, var(--fp-primary) 8%, var(--fp-panel));
    color: var(--fp-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fp-addfunds-table tbody td {
    padding: 16px 17px;
    border-top: 1px solid var(--fp-border);
    vertical-align: middle;
}

.fp-addfunds-table tbody tr:first-child td {
    border-top: 0;
}

.fp-addfunds-table tbody tr:hover {
    background: color-mix(in srgb, var(--fp-primary) 5%, transparent);
}

.fp-addfunds-payment-id,
.fp-addfunds-payment-method,
.fp-addfunds-payment-date,
.fp-addfunds-payment-amount {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.fp-addfunds-payment-id {
    color: var(--fp-primary);
    font-weight: 800;
}

.fp-addfunds-payment-date {
    color: var(--fp-muted);
}

.fp-addfunds-payment-method {
    color: var(--fp-text);
    font-weight: 700;
}

.fp-addfunds-payment-method i {
    color: var(--fp-primary);
}

.fp-addfunds-payment-amount {
    color: var(--fp-success, #46dca3);
    font-weight: 800;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {
    .fp-addfunds-main-row {
        display: block;
    }

    .fp-addfunds-sidebar {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .fp-addfunds-page {
        padding-top: 18px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .fp-addfunds-hero {
        padding: 26px 22px;
        border-radius: 21px;
    }

    .fp-addfunds-hero-content {
        align-items: flex-start;
    }

    .fp-addfunds-hero-icon {
        display: none;
    }

    .fp-addfunds-hero h1 {
        font-size: 34px;
    }

    .fp-addfunds-hero-features {
        display: grid;
        grid-template-columns: 1fr;
    }

    .fp-addfunds-form-card,
    .fp-addfunds-text-card,
    .fp-addfunds-history-card {
        padding: 21px;
        border-radius: 20px;
    }

    .fp-addfunds-card-heading,
    .fp-addfunds-text-header {
        align-items: flex-start;
    }

    .fp-addfunds-card-heading h2,
    .fp-addfunds-text-header h2,
    .fp-addfunds-history-heading h2 {
        font-size: 20px;
    }

    .fp-addfunds-quick-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fp-addfunds-table-wrap {
        overflow: visible;
        border: 0;
    }

    .fp-addfunds-table {
        display: block;
        min-width: 0;
    }

    .fp-addfunds-table thead {
        display: none;
    }

    .fp-addfunds-table tbody {
        display: grid;
        gap: 12px;
    }

    .fp-addfunds-table tr {
        display: block;
        padding: 15px;
        border: 1px solid var(--fp-border);
        border-radius: 15px;
        background: var(--fp-bg);
    }

    .fp-addfunds-table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 9px 0;
        border: 0;
        text-align: right;
    }

    .fp-addfunds-table tbody td::before {
        content: attr(data-label);
        color: var(--fp-muted);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-align: left;
        text-transform: uppercase;
    }
}
/* =========================================================
   ADD FUNDS PAYMENT HISTORY - TICKET CARD LAYOUT
   ========================================================= */

.fp-addfunds-history-section {
    padding: 28px;
    margin-top: 28px;
    border: 1px solid var(--fp-border);
    border-radius: 24px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-addfunds-history-heading {
    margin-bottom: 24px;
}

.fp-addfunds-history-heading-copy {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.fp-addfunds-history-heading h2 {
    margin: 5px 0 4px;
    color: var(--fp-heading);
    font-size: 23px;
    font-weight: 800;
}

.fp-addfunds-history-heading p {
    margin: 0;
    color: var(--fp-muted);
    line-height: 1.6;
}

.fp-payment-card-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.fp-payment-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 245px;
    border: 1px solid var(--fp-border);
    border-radius: 20px;
    background: var(--fp-card, var(--fp-bg));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.fp-payment-card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--fp-primary) 55%, var(--fp-border));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--fp-primary) 12%, transparent);
}

.fp-payment-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--fp-border);
    background: color-mix(in srgb, var(--fp-primary) 7%, var(--fp-panel));
}

.fp-payment-card-id {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--fp-primary) 45%, var(--fp-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--fp-primary) 11%, transparent);
    color: var(--fp-heading);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .03em;
    white-space: nowrap;
}

.fp-payment-card-amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    max-width: 48%;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--fp-success, #46dca3) 35%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--fp-success, #46dca3) 10%, transparent);
    color: var(--fp-success, #46dca3);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
    text-align: right;
    overflow-wrap: anywhere;
}

.fp-payment-card-main {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
    padding: 22px 17px;
    background: transparent;
}

.fp-payment-card-main-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--fp-primary) 58%, var(--fp-border));
    border-radius: 16px;
    background: color-mix(in srgb, var(--fp-primary) 14%, var(--fp-panel));
    color: var(--fp-primary);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 8px 18px color-mix(in srgb, var(--fp-primary) 9%, transparent);
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.fp-payment-card:hover .fp-payment-card-main-icon {
    border-color: var(--fp-primary);
    background: color-mix(in srgb, var(--fp-primary) 20%, var(--fp-panel));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 16px color-mix(in srgb, var(--fp-primary) 18%, transparent);
}

.fp-payment-card-main-icon i {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    color: currentColor;
    font-size: 22px;
    line-height: 1;
    transform: none;
}

.fp-payment-card-copy {
    min-width: 0;
    flex: 1;
}

.fp-payment-card-label {
    display: block;
    margin-bottom: 6px;
    color: var(--fp-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1.3;
    text-transform: uppercase;
}

.fp-payment-card-method {
    display: block;
    max-width: 100%;
    color: var(--fp-heading);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: normal;
}

.fp-payment-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 12px 15px;
    margin-top: auto;
    border-top: 1px solid var(--fp-border);
    background: color-mix(in srgb, var(--fp-primary) 3%, transparent);
}

.fp-payment-card-date {
    min-width: 0;
    flex: 1;
}

.fp-payment-card-date-value {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    color: var(--fp-text);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.fp-payment-card-date-value i {
    flex: 0 0 auto;
    color: var(--fp-primary);
}

.fp-payment-card-complete {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--fp-success, #46dca3) 35%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--fp-success, #46dca3) 11%, transparent);
    color: var(--fp-success, #46dca3);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .02em;
    white-space: nowrap;
}

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card {
    background: #f7f9fc !important;
    border-color: #d7e0ec !important;
}

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-top {
    background: #edf3fa !important;
}

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-footer {
    background: #f1f5fa !important;
}

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-main,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-copy,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-date,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-label,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-method,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-payment-card-date-value {
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 991px) {
    .fp-payment-card-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .fp-addfunds-history-section {
        padding: 18px 14px;
        border-radius: 20px;
    }

    .fp-addfunds-history-heading-copy {
        gap: 12px;
    }

    .fp-addfunds-history-heading h2 {
        font-size: 20px;
    }

    .fp-payment-card-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .fp-payment-card {
        min-height: 0;
        border-radius: 17px;
    }

    .fp-payment-card-top {
        min-height: 54px;
        padding: 10px 12px;
    }

    .fp-payment-card-id,
    .fp-payment-card-amount {
        min-height: 32px;
        padding: 0 11px;
        border-radius: 9px;
        font-size: 13px;
    }

    .fp-payment-card-main {
        align-items: flex-start;
        padding: 18px 13px;
    }

    .fp-payment-card-main-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        border-radius: 14px;
    }

    .fp-payment-card-main-icon i {
        font-size: 19px;
    }

    .fp-payment-card-method {
        font-size: 14px;
        line-height: 1.5;
    }

    .fp-payment-card-footer {
        min-height: 54px;
        padding: 10px 12px;
    }

    .fp-payment-card-date-value {
        font-size: 10px;
    }

    .fp-payment-card-complete {
        min-height: 30px;
        padding: 0 9px;
        border-radius: 9px;
        font-size: 9px;
    }
}

@media (max-width: 390px) {
    .fp-payment-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   PEARL ADD FUNDS WHITE BLOCK FIX
   ========================================================= */

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-form-card,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-section,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-text-card,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-side-card,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-support-card {
    background: #f5f8fd !important;
    border-color: #d8e1ee !important;
}

/* Remove white rectangles from headings and content */

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading > div,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-text-header,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-text-header > div,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading-copy,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading-copy > div,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-form,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-form-group,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-field-wrap,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-amount-wrap,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-text-content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Keep inputs white, but prevent text clipping */

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-form .form-control {
    background: #ffffff !important;
    color: #15233c !important;
    border-color: #ccd8e8 !important;
}

html[data-fp-theme="pearl"] .fp-addfunds-page select.form-control {
    padding-right: 48px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Fix any generated payment instruction content */

html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields,
html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields > div,
html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields label,
html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields p,
html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields span,
html[data-fp-theme="pearl"] .fp-addfunds-page #amount-fields strong {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   PEARL ADD FUNDS FINAL WHITE BACKGROUND FIX
   1. Payment ID
   2. Transaction History heading
   3. Add Balance heading
   4. Payment amount
   ========================================================= */

/* Add Balance heading */

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading > div,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading h2,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-heading p,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-card-kicker {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Transaction History heading */

html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading-copy,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading-copy > div,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading h2,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading p,
html[data-fp-theme="pearl"] .fp-addfunds-page .fp-addfunds-history-heading .fp-addfunds-card-kicker {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.fp-payment-card-deducted {
    border-color: color-mix(
        in srgb,
        #ff6b6b 42%,
        transparent
    );

    background: color-mix(
        in srgb,
        #ff6b6b 12%,
        transparent
    );

    color: #ff7b7b;
}

.fp-payment-card-deducted i {
    color: inherit;
}
.fp-payment-card:has(.fp-payment-card-deducted) .fp-payment-card-amount,
.fp-payment-card:has(.fp-payment-card-deducted) .fp-payment-card-amount > span {
    color: #ff7b7b;
    border-color: color-mix(in srgb, #ff6b6b 42%, transparent);
    background: color-mix(in srgb, #ff6b6b 12%, transparent);
}
/* =========================================================
   PAYMENT METHOD ICON BOX - ALL THEMES
   ========================================================= */

.fp-addfunds-page .fp-payment-card-main-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-primary) 55%,
            var(--fp-border)
        ) !important;

    background:
        color-mix(
            in srgb,
            var(--fp-primary) 14%,
            var(--fp-panel)
        ) !important;

    color: var(--fp-primary) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 8px 18px
        color-mix(
            in srgb,
            var(--fp-primary) 10%,
            transparent
        );

    line-height: 1;
}

.fp-addfunds-page .fp-payment-card-main-icon i {
    margin: 0;
    padding: 0;

    color: var(--fp-primary) !important;
    font-size: 23px;
    line-height: 1;

    transform: none;
}

/* Desktop hover */

.fp-addfunds-page .fp-payment-card:hover .fp-payment-card-main-icon {
    border-color: var(--fp-primary) !important;

    background:
        color-mix(
            in srgb,
            var(--fp-primary) 20%,
            var(--fp-panel)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 18px
        color-mix(
            in srgb,
            var(--fp-primary) 22%,
            transparent
        );
}

/* Mobile: same size as ticket icon box */

@media (max-width: 767px) {
    .fp-addfunds-page .fp-payment-card-main-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        border-radius: 14px;
    }

    .fp-addfunds-page .fp-payment-card-main-icon i {
        font-size: 20px;
    }
}
/* =========================================================
   PAYMENT CARD BOXES - ALL THEME COLORS
   KEEP AT ABSOLUTE BOTTOM OF STYLE.CSS
   ========================================================= */

html[data-fp-theme] .fp-addfunds-page .fp-payment-card {
    --fp-payment-accent: var(--fp-accent);
    --fp-payment-accent-strong: var(--fp-accent-strong);
    --fp-payment-accent-soft: var(--fp-accent-soft);
}

/* PAYMENT ID */

html[data-fp-theme] .fp-addfunds-page .fp-payment-card-id {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 0 16px !important;

    border: 1px solid var(--fp-payment-accent-strong) !important;
    border-radius: 13px !important;

    background: var(--fp-payment-accent-soft) !important;
    color: var(--fp-payment-accent-strong) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 8px 18px color-mix(
            in srgb,
            var(--fp-payment-accent) 14%,
            transparent
        ) !important;
}

/* WALLET ICON BOX */

html[data-fp-theme] .fp-addfunds-page .fp-payment-card-main-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 1px solid var(--fp-payment-accent-strong) !important;
    border-radius: 16px !important;

    background: var(--fp-payment-accent-soft) !important;
    color: var(--fp-payment-accent-strong) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 8px 18px color-mix(
            in srgb,
            var(--fp-payment-accent) 16%,
            transparent
        ) !important;
}

html[data-fp-theme] .fp-addfunds-page .fp-payment-card-main-icon i {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--fp-payment-accent-strong) !important;
    font-size: 23px !important;
    line-height: 1 !important;
}

/* HOVER */

html[data-fp-theme] .fp-addfunds-page .fp-payment-card:hover .fp-payment-card-id,
html[data-fp-theme] .fp-addfunds-page .fp-payment-card:hover .fp-payment-card-main-icon {
    border-color: var(--fp-payment-accent) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px color-mix(
            in srgb,
            var(--fp-payment-accent) 28%,
            transparent
        ) !important;
}

/* MOBILE */

@media (max-width: 767px) {
    html[data-fp-theme] .fp-addfunds-page .fp-payment-card-main-icon {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border-radius: 14px !important;
    }

    html[data-fp-theme] .fp-addfunds-page .fp-payment-card-main-icon i {
        font-size: 20px !important;
    }

    html[data-fp-theme] .fp-addfunds-page .fp-payment-card-id {
        min-height: 40px !important;
        padding: 0 14px !important;
        border-radius: 12px !important;
    }
}
/* =========================================================
   ADD FUNDS NAVIGATION TABS
   ========================================================= */

.fp-addfunds-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 16.66666667%);
    margin: 0 auto 24px;
    padding: 8px;
    overflow-x: auto;
    border: 1px solid var(--fp-border);
    border-radius: 18px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
    scrollbar-width: none;
}

.fp-addfunds-tabs::-webkit-scrollbar {
    display: none;
}

.fp-addfunds-tab {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 1 0 auto;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: var(--fp-text-muted);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.fp-addfunds-tab:hover,
.fp-addfunds-tab:focus {
    border-color: var(--fp-border-strong);
    background: var(--fp-bg-soft);
    color: var(--fp-text-main);
    text-decoration: none;
    transform: translateY(-1px);
}

.fp-addfunds-tab.is-active {
    border-color: var(--fp-accent-strong);
    background: linear-gradient(
        135deg,
        var(--fp-accent),
        var(--fp-accent-strong)
    );
    color: #ffffff;
    box-shadow:
        0 10px 24px var(--fp-accent-soft);
}

.fp-addfunds-tab i {
    flex: 0 0 auto;
    font-size: 14px;
}

.fp-addfunds-tab-panel[hidden] {
    display: none !important;
}

.fp-addfunds-tab-panel.is-active {
    display: block;
}

@media (max-width: 767px) {
    .fp-addfunds-tabs {
        width: 100%;
        gap: 7px;
        margin-bottom: 18px;
        padding: 7px;
        border-radius: 16px;
    }

    .fp-addfunds-tab {
        min-height: 44px;
        padding: 0 14px;
        border-radius: 11px;
        font-size: 12px;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER TERMS OF SERVICE PAGE
   ========================================================= */

.fp-terms-page {
    padding-top: 28px;
    padding-bottom: 40px;
    color: var(--fp-text-main);
}


/* =========================================================
   HERO
   ========================================================= */

.fp-terms-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    padding: 34px;
    border: 1px solid var(--fp-border);
    border-radius: 24px;
    background:
        linear-gradient(
            135deg,
            var(--fp-panel),
            var(--fp-bg-soft)
        );
    box-shadow: var(--fp-shadow);
    isolation: isolate;
}

.fp-terms-hero-glow {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(4px);
    opacity: 0.42;
    z-index: -1;
}

.fp-terms-hero-glow-one {
    width: 260px;
    height: 260px;
    top: -145px;
    right: -75px;
    background: var(--fp-accent-soft);
}

.fp-terms-hero-glow-two {
    width: 190px;
    height: 190px;
    left: -85px;
    bottom: -110px;
    background: var(--fp-accent-soft);
}

.fp-terms-hero-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.fp-terms-hero-copy {
    min-width: 0;
    max-width: 760px;
}

.fp-terms-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 12px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1;
    text-transform: uppercase;
}

.fp-terms-eyebrow i {
    font-size: 12px;
}

.fp-terms-hero h1 {
    margin: 0 0 12px;
    color: var(--fp-text-main);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.fp-terms-hero-copy > p {
    max-width: 720px;
    margin: 0;
    color: var(--fp-text-muted);
    font-size: 15px;
    line-height: 1.75;
}

.fp-terms-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.fp-terms-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--fp-border);
    border-radius: 10px;
    background: var(--fp-panel);
    color: var(--fp-text-muted);
    font-size: 12px;
    font-weight: 800;
}

.fp-terms-hero-meta i {
    color: var(--fp-accent);
}

.fp-terms-hero-icon {
    flex: 0 0 auto;
}

.fp-terms-hero-icon > span {
    width: 104px;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--fp-border);
    border-radius: 26px;
    background:
        linear-gradient(
            135deg,
            var(--fp-accent),
            var(--fp-accent-strong)
        );
    color: #ffffff;
    box-shadow:
        0 18px 42px var(--fp-accent-soft);
    transform: rotate(3deg);
}

.fp-terms-hero-icon i {
    font-size: 38px;
}


/* =========================================================
   AGREEMENT NOTICE
   ========================================================= */

.fp-terms-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid var(--fp-border);
    border-left: 4px solid var(--fp-accent);
    border-radius: 16px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-terms-notice-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 17px;
}

.fp-terms-notice strong {
    display: block;
    margin-bottom: 4px;
    color: var(--fp-text-main);
    font-size: 14px;
    font-weight: 900;
}

.fp-terms-notice p {
    margin: 0;
    color: var(--fp-text-muted);
    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   MAIN CONTENT WRAPPER
   ========================================================= */

.fp-terms-content {
    color: var(--fp-text-main);
}

.fp-terms-content > .fp-terms-section {
    position: relative;
    margin-bottom: 18px;
    padding: 26px 28px;
    border: 1px solid var(--fp-border);
    border-radius: 20px;
    background: var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-terms-content > .fp-terms-section:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.fp-terms-section > h2 {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 15px 54px;
    border-bottom: 1px solid var(--fp-border);
    color: var(--fp-text-main);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.fp-terms-section > h2::before {
    content: "\f15c";
    position: absolute;
    top: -5px;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            var(--fp-accent),
            var(--fp-accent-strong)
        );
    color: #ffffff;
    font-family: "Font Awesome 6 Free";
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 10px 22px var(--fp-accent-soft);
}

.fp-terms-section h3 {
    margin: 26px 0 10px;
    color: var(--fp-text-main);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.4;
}

.fp-terms-section h3:first-of-type {
    margin-top: 4px;
}


/* =========================================================
   PARAGRAPHS
   ========================================================= */

.fp-terms-section p {
    margin: 0 0 15px;
    color: var(--fp-text-muted);
    font-size: 14px;
    line-height: 1.8;
}

.fp-terms-section p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LISTS
   ========================================================= */

.fp-terms-section ul,
.fp-terms-section ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fp-terms-section > ul > li,
.fp-terms-section > ol > li {
    position: relative;
    margin-bottom: 10px;
    padding: 13px 14px 13px 42px;
    border: 1px solid var(--fp-border);
    border-radius: 13px;
    background: var(--fp-bg-soft);
    color: var(--fp-text-muted);
    font-size: 13px;
    line-height: 1.7;
}

.fp-terms-section > ul > li:last-child,
.fp-terms-section > ol > li:last-child {
    margin-bottom: 0;
}

.fp-terms-section > ul > li::before {
    content: "\f00c";
    position: absolute;
    top: 14px;
    left: 14px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-family: "Font Awesome 6 Free";
    font-size: 9px;
    font-weight: 900;
}

.fp-terms-section > ol {
    counter-reset: fp-terms-counter;
}

.fp-terms-section > ol > li {
    counter-increment: fp-terms-counter;
}

.fp-terms-section > ol > li::before {
    content: counter(fp-terms-counter);
    position: absolute;
    top: 12px;
    left: 12px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 10px;
    font-weight: 900;
}


/* =========================================================
   NESTED LISTS
   ========================================================= */

.fp-terms-section li > ul,
.fp-terms-section li > ol {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--fp-border);
}

.fp-terms-section li > ul > li,
.fp-terms-section li > ol > li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 19px;
    color: var(--fp-text-muted);
    font-size: 12px;
    line-height: 1.65;
}

.fp-terms-section li > ul > li:last-child,
.fp-terms-section li > ol > li:last-child {
    margin-bottom: 0;
}

.fp-terms-section li > ul > li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--fp-accent);
    box-shadow: 0 0 0 4px var(--fp-accent-soft);
}


/* =========================================================
   LINKS
   ========================================================= */

.fp-terms-section a {
    color: var(--fp-accent);
    font-weight: 800;
    text-decoration: none;
}

.fp-terms-section a:hover,
.fp-terms-section a:focus {
    color: var(--fp-accent-strong);
    text-decoration: underline;
}


/* =========================================================
   STRONG TEXT
   ========================================================= */

.fp-terms-section strong,
.fp-terms-section b {
    color: var(--fp-text-main);
    font-weight: 900;
}


/* =========================================================
   TABLES
   ========================================================= */

.fp-terms-section table {
    width: 100%;
    margin: 18px 0;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--fp-border);
    border-radius: 14px;
    background: var(--fp-bg-soft);
}

.fp-terms-section th,
.fp-terms-section td {
    padding: 13px 15px;
    border-right: 1px solid var(--fp-border);
    border-bottom: 1px solid var(--fp-border);
    color: var(--fp-text-muted);
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}

.fp-terms-section th {
    background: var(--fp-accent-soft);
    color: var(--fp-text-main);
    font-weight: 900;
}

.fp-terms-section th:last-child,
.fp-terms-section td:last-child {
    border-right: 0;
}

.fp-terms-section tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   QUOTES AND NOTICES
   ========================================================= */

.fp-terms-section blockquote {
    margin: 18px 0;
    padding: 16px 18px;
    border: 0;
    border-left: 4px solid var(--fp-accent);
    border-radius: 12px;
    background: var(--fp-accent-soft);
    color: var(--fp-text-main);
    font-size: 13px;
    line-height: 1.75;
}


/* =========================================================
   FOOTER
   ========================================================= */

.fp-terms-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 22px;
    padding: 18px;
    color: var(--fp-text-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.fp-terms-footer i {
    color: var(--fp-accent);
}


/* =========================================================
   RTL SUPPORT
   ========================================================= */

.fp-terms-content.rtl-content {
    direction: rtl;
    text-align: right;
}

.fp-terms-content.rtl-content .fp-terms-section > h2 {
    padding-right: 54px;
    padding-left: 0;
}

.fp-terms-content.rtl-content .fp-terms-section > h2::before {
    right: 0;
    left: auto;
}

.fp-terms-content.rtl-content .fp-terms-section > ul > li,
.fp-terms-content.rtl-content .fp-terms-section > ol > li {
    padding-right: 42px;
    padding-left: 14px;
}

.fp-terms-content.rtl-content .fp-terms-section > ul > li::before,
.fp-terms-content.rtl-content .fp-terms-section > ol > li::before {
    right: 14px;
    left: auto;
}

.fp-terms-content.rtl-content .fp-terms-section li > ul > li,
.fp-terms-content.rtl-content .fp-terms-section li > ol > li {
    padding-right: 19px;
    padding-left: 0;
}

.fp-terms-content.rtl-content .fp-terms-section li > ul > li::before {
    right: 2px;
    left: auto;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .fp-terms-hero {
        padding: 28px;
    }

    .fp-terms-hero-icon > span {
        width: 88px;
        height: 88px;
        border-radius: 22px;
    }

    .fp-terms-hero-icon i {
        font-size: 32px;
    }

    .fp-terms-content > .fp-terms-section {
        padding: 24px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fp-terms-page {
        padding-top: 18px;
        padding-bottom: 28px;
    }

    .fp-terms-hero {
        padding: 22px;
        border-radius: 19px;
    }

    .fp-terms-hero-content {
        align-items: flex-start;
        gap: 18px;
    }

    .fp-terms-hero h1 {
        font-size: 30px;
    }

    .fp-terms-hero-copy > p {
        font-size: 13px;
        line-height: 1.7;
    }

    .fp-terms-hero-meta {
        gap: 7px;
        margin-top: 17px;
    }

    .fp-terms-hero-meta span {
        min-height: 32px;
        padding: 0 9px;
        font-size: 10px;
    }

    .fp-terms-hero-icon > span {
        width: 68px;
        height: 68px;
        border-radius: 18px;
    }

    .fp-terms-hero-icon i {
        font-size: 25px;
    }

    .fp-terms-notice {
        gap: 11px;
        padding: 15px;
        border-radius: 14px;
    }

    .fp-terms-notice-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 10px;
        font-size: 15px;
    }

    .fp-terms-content > .fp-terms-section {
        margin-bottom: 14px;
        padding: 19px;
        border-radius: 17px;
    }

    .fp-terms-section > h2 {
        margin-bottom: 16px;
        padding: 0 0 13px 46px;
        font-size: 17px;
    }

    .fp-terms-section > h2::before {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 13px;
    }

    .fp-terms-section h3 {
        margin-top: 21px;
        font-size: 14px;
    }

    .fp-terms-section p {
        font-size: 13px;
        line-height: 1.72;
    }

    .fp-terms-section > ul > li,
    .fp-terms-section > ol > li {
        margin-bottom: 8px;
        padding: 12px 12px 12px 39px;
        border-radius: 11px;
        font-size: 12px;
        line-height: 1.65;
    }

    .fp-terms-section > ul > li::before {
        top: 13px;
        left: 12px;
    }

    .fp-terms-footer {
        margin-top: 16px;
        padding: 14px;
        font-size: 11px;
    }

    .fp-terms-content.rtl-content .fp-terms-section > h2 {
        padding-right: 46px;
    }

    .fp-terms-content.rtl-content .fp-terms-section > ul > li,
    .fp-terms-content.rtl-content .fp-terms-section > ol > li {
        padding-right: 39px;
        padding-left: 12px;
    }

    .fp-terms-content.rtl-content .fp-terms-section > ul > li::before,
    .fp-terms-content.rtl-content .fp-terms-section > ol > li::before {
        right: 12px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .fp-terms-hero-content {
        display: block;
    }

    .fp-terms-hero-icon {
        display: none;
    }

    .fp-terms-hero-meta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .fp-terms-hero-meta span {
        justify-content: flex-start;
    }

    .fp-terms-content > .fp-terms-section {
        padding: 16px;
    }

    .fp-terms-section > h2 {
        padding-left: 42px;
        font-size: 16px;
    }

    .fp-terms-section > h2::before {
        width: 31px;
        height: 31px;
    }

    .fp-terms-content.rtl-content .fp-terms-section > h2 {
        padding-right: 42px;
        padding-left: 0;
    }
}
/* ============================================================
   FOLLOWERSPROVIDER REFUNDS PAGE V2
   Matching CSS for:
   FollowersProvider_Refunds_V2_Updated_Twig.txt

   INSTALLATION:
   Paste this entire block at the VERY BOTTOM of style.css.
   Keeping it at the bottom allows it to override the older
   Refunds page styles safely.
   ============================================================ */


/* ============================================================
   1. PAGE FOUNDATION
   ============================================================ */

.fp-auth-body .fp-refunds-page {
	width: 100%;
	max-width: 100%;
	padding-top: 8px;
	padding-bottom: 34px;
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page *,
.fp-auth-body .fp-refunds-page *::before,
.fp-auth-body .fp-refunds-page *::after {
	box-sizing: border-box;
}

.fp-auth-body .fp-refunds-page a {
	text-decoration: none;
}

.fp-auth-body .fp-refunds-page a:hover,
.fp-auth-body .fp-refunds-page a:focus {
	text-decoration: none;
}


/* ============================================================
   2. HERO
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-hero {
	position: relative;
	margin: 0 0 18px;
	padding: 30px;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid var(--fp-border);
	border-radius: 22px;
	background:
		radial-gradient(
			circle at 8% 5%,
			var(--fp-theme-glow-1),
			transparent 36%
		),
		radial-gradient(
			circle at 94% 20%,
			var(--fp-theme-glow-2),
			transparent 38%
		),
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(
			115deg,
			transparent 0%,
			var(--fp-accent-soft) 46%,
			transparent 72%
		);
	opacity: 0.48;
	transform: translateX(-54%);
	animation: fpRefundsHeroSweep 9s ease-in-out infinite;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero::after {
	content: "";
	position: absolute;
	right: -55px;
	bottom: -80px;
	z-index: -2;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	border: 1px solid var(--fp-border);
	background: var(--fp-accent-soft);
	opacity: 0.55;
}

@keyframes fpRefundsHeroSweep {
	0%,
	100% {
		transform: translateX(-58%);
		opacity: 0.2;
	}

	50% {
		transform: translateX(64%);
		opacity: 0.52;
	}
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-glow {
	position: absolute;
	z-index: -2;
	border-radius: 50%;
	filter: blur(14px);
	pointer-events: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-glow-one {
	top: -80px;
	left: -70px;
	width: 210px;
	height: 210px;
	background: var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-glow-two {
	right: 12%;
	bottom: -90px;
	width: 190px;
	height: 190px;
	background: var(--fp-theme-glow-2);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-copy {
	min-width: 0;
	max-width: 760px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	padding: 7px 12px;
	border: 1px solid var(--fp-border);
	border-radius: 999px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-eyebrow i {
	font-size: 12px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero h1 {
	margin: 0 0 12px;
	color: var(--fp-text-main);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -0.035em;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-copy > p {
	max-width: 700px;
	margin: 0;
	color: var(--fp-text-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.75;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-top: 20px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 32px;
	padding: 7px 10px;
	border: 1px solid var(--fp-border);
	border-radius: 999px;
	background: var(--fp-bg-soft);
	color: var(--fp-text-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta > span i {
	color: var(--fp-accent);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon {
	position: relative;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	border: 1px solid var(--fp-border);
	border-radius: 32px;
	background:
		radial-gradient(
			circle at 28% 22%,
			var(--fp-accent-soft),
			transparent 48%
		),
		linear-gradient(
			145deg,
			var(--fp-bg-soft),
			var(--fp-panel)
		);
	box-shadow:
		0 20px 44px rgba(0, 0, 0, 0.22),
		inset 0 0 0 1px var(--fp-accent-soft);
	transform: rotate(4deg);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::before,
.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	border: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::before {
	inset: 15px;
	animation: fpRefundsIconPulse 3.8s ease-in-out infinite;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::after {
	inset: 27px;
	opacity: 0.55;
}

.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon > span {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 20px;
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	font-size: 27px;
	box-shadow: 0 14px 28px var(--fp-theme-glow-1);
	transform: rotate(-4deg);
}

@keyframes fpRefundsIconPulse {
	0%,
	100% {
		transform: scale(0.96);
		opacity: 0.45;
	}

	50% {
		transform: scale(1.04);
		opacity: 0.95;
	}
}


/* ============================================================
   3. INFORMATION NOTICE
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-notice {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	margin: 0 0 18px;
	padding: 15px 48px 15px 16px;
	border: 1px solid var(--fp-border);
	border-left: 3px solid var(--fp-accent);
	border-radius: 15px;
	background:
		linear-gradient(
			135deg,
			var(--fp-accent-soft),
			transparent 62%
		),
		var(--fp-panel);
	color: var(--fp-text-main);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--fp-border);
	border-radius: 11px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 16px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-copy {
	min-width: 0;
	padding-top: 1px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-copy strong {
	display: block;
	margin-bottom: 3px;
	color: var(--fp-text-main);
	font-size: 13px;
	font-weight: 800;
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-copy p {
	margin: 0;
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-close {
	position: absolute;
	top: 50%;
	right: 15px;
	margin: 0;
	padding: 5px;
	border: 0;
	background: transparent;
	color: var(--fp-text-muted);
	font-size: 23px;
	line-height: 1;
	opacity: 0.72;
	text-shadow: none;
	transform: translateY(-50%);
}

.fp-auth-body .fp-refunds-page .fp-refunds-notice-close:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-notice-close:focus {
	color: var(--fp-text-main);
	opacity: 1;
	outline: none;
}


/* ============================================================
   4. FILTER TOOLBAR
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(270px, 380px);
	align-items: stretch;
	gap: 14px;
	margin-bottom: 17px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	min-width: 0;
	padding: 9px;
	border: 1px solid var(--fp-border);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.14),
		inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: 58px;
	padding: 9px 11px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: transparent;
	color: var(--fp-text-muted);
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-tab:focus {
	border-color: var(--fp-border);
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	outline: none;
	transform: translateY(-1px);
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab.active {
	border-color: var(--fp-border-strong);
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	box-shadow: 0 10px 22px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-bg-soft);
	color: var(--fp-accent);
	font-size: 14px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab.active .fp-refunds-tab-icon {
	border-color: rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy {
	display: block;
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy strong,
.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy strong {
	color: inherit;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
}

.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy small {
	margin-top: 3px;
	color: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	opacity: 0.72;
}


/* ============================================================
   5. SEARCH
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-search {
	display: flex;
	min-width: 0;
	margin: 0;
	padding: 9px;
	border: 1px solid var(--fp-border);
	border-radius: 17px;
	background:
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.14),
		inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-icon {
	position: absolute;
	left: 14px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--fp-accent);
	font-size: 13px;
	pointer-events: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-box input {
	width: 100%;
	height: 58px;
	min-width: 0;
	padding: 0 106px 0 40px;
	border: 1px solid var(--fp-border);
	border-radius: 12px;
	background: var(--fp-bg-soft);
	color: var(--fp-text-main);
	font-size: 12px;
	font-weight: 600;
	box-shadow: none;
	outline: none;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-box input::placeholder {
	color: var(--fp-text-muted);
	opacity: 0.68;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-box input:focus {
	border-color: var(--fp-border-strong);
	background: var(--fp-panel);
	box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-clear {
	position: absolute;
	right: 84px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border: 1px solid var(--fp-border);
	border-radius: 8px;
	background: var(--fp-panel);
	color: var(--fp-text-muted);
	font-size: 10px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-clear:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-search-clear:focus {
	border-color: var(--fp-border-strong);
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	outline: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-button {
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 70px;
	padding: 0 12px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 9px;
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 8px 18px var(--fp-theme-glow-1);
	transition:
		transform 0.2s ease,
		filter 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-search-button:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-search-button:focus {
	color: #ffffff;
	filter: brightness(1.07);
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 11px 22px var(--fp-theme-glow-1);
}


/* ============================================================
   6. SUMMARY CARDS
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
	margin-bottom: 17px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
	min-height: 94px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid var(--fp-border);
	border-radius: 16px;
	background:
		radial-gradient(
			circle at 4% 0%,
			var(--fp-theme-glow-1),
			transparent 48%
		),
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow: 0 13px 28px rgba(0, 0, 0, 0.13);
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-card::after {
	content: "";
	position: absolute;
	top: -24px;
	right: -24px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--fp-accent-soft);
	opacity: 0.7;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-card:hover {
	border-color: var(--fp-border-strong);
	transform: translateY(-2px);
	box-shadow: 0 17px 34px rgba(0, 0, 0, 0.17);
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-icon {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--fp-border);
	border-radius: 13px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 17px;
	box-shadow: inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy {
	position: relative;
	z-index: 2;
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy small,
.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy strong,
.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy small {
	margin-bottom: 3px;
	color: var(--fp-text-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy strong {
	color: var(--fp-text-main);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.15;
}

.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy span {
	margin-top: 4px;
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 600;
}


/* ============================================================
   7. RECORDS CONTAINER
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-records {
	padding: 16px;
	border: 1px solid var(--fp-border);
	border-radius: 19px;
	background:
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 14px;
	padding: 3px 3px 14px;
	border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-header > div {
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-eyebrow {
	display: block;
	margin-bottom: 5px;
	color: var(--fp-accent);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-header h2 {
	margin: 0;
	color: var(--fp-text-main);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-header p {
	margin: 5px 0 0;
	color: var(--fp-text-muted);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.55;
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-count {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	border: 1px solid var(--fp-border);
	border-radius: 999px;
	background: var(--fp-accent-soft);
	color: var(--fp-text-main);
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-records-count i {
	color: var(--fp-accent);
}


/* ============================================================
   8. DESKTOP TABLE
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-desktop {
	display: block;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid var(--fp-border);
	border-radius: 14px;
	background: var(--fp-bg-soft);
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--fp-border-strong) var(--fp-bg-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap::-webkit-scrollbar {
	height: 6px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap::-webkit-scrollbar-track {
	background: var(--fp-bg-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-table-wrap::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: var(--fp-border-strong);
}

.fp-auth-body .fp-refunds-page .fp-refunds-table {
	width: 100%;
	min-width: 760px;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th {
	height: 46px;
	padding: 11px 13px;
	border: 0;
	border-bottom: 1px solid var(--fp-border-strong);
	background: var(--fp-accent-strong);
	color: #ffffff;
	font-size: 9px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	text-shadow: none;
	box-shadow: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th:first-child {
	border-top-left-radius: 13px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > thead > tr > th:last-child {
	border-top-right-radius: 13px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > tbody > tr > td {
	height: 67px;
	padding: 11px 13px;
	border: 0;
	border-top: 1px solid var(--fp-border);
	background: var(--fp-panel);
	color: var(--fp-text-main);
	font-size: 11px;
	font-weight: 600;
	vertical-align: middle;
	transition: background 0.18s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > tbody > tr:first-child > td {
	border-top: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > tbody > tr:nth-child(even) > td {
	background: var(--fp-bg-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-table > tbody > tr:hover > td {
	background: var(--fp-accent-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-action-heading {
	width: 52px;
	text-align: center;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-link:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-order-link:focus {
	color: var(--fp-accent);
	outline: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 12px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-copy {
	display: block;
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-copy small,
.fp-auth-body .fp-refunds-page .fp-refunds-order-copy strong {
	display: block;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-copy small {
	margin-bottom: 2px;
	color: var(--fp-text-muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-order-copy strong {
	color: inherit;
	font-size: 12px;
	font-weight: 900;
}

.fp-auth-body .fp-refunds-page .fp-refunds-amount {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #34d399;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-amount i {
	font-size: 12px;
}

.fp-auth-body .fp-refunds-page .fp-refunds-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 190px;
	padding: 6px 9px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-status-canceled {
	border-color: rgba(248, 113, 113, 0.34);
	background: rgba(248, 113, 113, 0.12);
	color: #f87171;
}

.fp-auth-body .fp-refunds-page .fp-refunds-status-partial {
	border-color: rgba(251, 191, 36, 0.36);
	background: rgba(251, 191, 36, 0.12);
	color: #fbbf24;
}

.fp-auth-body .fp-refunds-page .fp-refunds-status-default {
	border-color: rgba(52, 211, 153, 0.34);
	background: rgba(52, 211, 153, 0.12);
	color: #34d399;
}

.fp-auth-body .fp-refunds-page .fp-refunds-date {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-date i {
	color: var(--fp-accent);
}

.fp-auth-body .fp-refunds-page .fp-refunds-row-action {
	width: 52px;
	text-align: center;
}

.fp-auth-body .fp-refunds-page .fp-refunds-open-order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 11px;
	transition:
		transform 0.2s ease,
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-open-order:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-open-order:focus {
	border-color: var(--fp-border-strong);
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	outline: none;
	transform: translateX(2px);
}


/* ============================================================
   9. MOBILE CARDS
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-mobile {
	display: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card {
	margin-bottom: 11px;
	overflow: hidden;
	border: 1px solid var(--fp-border);
	border-radius: 15px;
	background:
		radial-gradient(
			circle at 0% 0%,
			var(--fp-theme-glow-1),
			transparent 46%
		),
		var(--fp-panel);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card:last-child {
	margin-bottom: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	padding: 13px;
	border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order-copy {
	min-width: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order-copy small {
	display: block;
	margin-bottom: 2px;
	color: var(--fp-text-muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order-copy a {
	display: block;
	overflow: hidden;
	color: var(--fp-text-main);
	font-size: 12px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order-copy a:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-mobile-order-copy a:focus {
	color: var(--fp-accent);
	outline: none;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-amount {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 17px 13px;
	background: var(--fp-bg-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-amount > span {
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 700;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-amount > strong {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #34d399;
	font-size: 17px;
	font-weight: 900;
	white-space: nowrap;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 13px;
	border-top: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	color: var(--fp-text-muted);
	font-size: 9px;
	font-weight: 700;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-date i {
	color: var(--fp-accent);
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-footer > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: var(--fp-accent);
	font-size: 10px;
	font-weight: 900;
}

.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-footer > a:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-footer > a:focus {
	color: var(--fp-accent-strong);
	outline: none;
}


/* ============================================================
   10. EMPTY STATE
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 330px;
	padding: 42px 20px;
	text-align: center;
	border: 1px dashed var(--fp-border);
	border-radius: 15px;
	background:
		radial-gradient(
			circle at 50% 16%,
			var(--fp-theme-glow-1),
			transparent 42%
		),
		var(--fp-bg-soft);
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	margin-bottom: 17px;
	border: 1px solid var(--fp-border);
	border-radius: 22px;
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	font-size: 26px;
	box-shadow: 0 15px 30px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty h3 {
	margin: 0 0 8px;
	color: var(--fp-text-main);
	font-size: 20px;
	font-weight: 900;
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty p {
	max-width: 490px;
	margin: 0;
	color: var(--fp-text-muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.7;
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty p strong {
	color: var(--fp-text-main);
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	margin-top: 18px;
	padding: 10px 15px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 11px;
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	box-shadow: 0 11px 22px var(--fp-theme-glow-1);
	transition:
		transform 0.2s ease,
		filter 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-empty-button:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-empty-button:focus {
	color: #ffffff;
	filter: brightness(1.06);
	outline: none;
	transform: translateY(-1px);
}


/* ============================================================
   11. PAGINATION
   ============================================================ */

.fp-auth-body .fp-refunds-page .fp-refunds-pagination-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-top: 17px;
	padding: 14px;
	border: 1px solid var(--fp-border);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			var(--fp-panel),
			var(--fp-bg-soft)
		);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination-info {
	color: var(--fp-text-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: auto;
	margin: 0;
	padding: 0;
	float: none !important;
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li {
	display: inline-flex;
	float: none;
	margin: 0;
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > a,
.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	margin: 0;
	padding: 0 9px;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	background: var(--fp-bg-soft);
	color: var(--fp-text-muted);
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	transition:
		transform 0.2s ease,
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > a:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > a:focus {
	border-color: var(--fp-border-strong);
	background: var(--fp-accent-soft);
	color: var(--fp-accent);
	outline: none;
	transform: translateY(-1px);
}

.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li.active > a,
.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li.active > span,
.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li.active > a:hover,
.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li.active > span:hover {
	border-color: var(--fp-border-strong);
	background: linear-gradient(
		135deg,
		var(--fp-accent),
		var(--fp-accent-strong)
	);
	color: #ffffff;
	box-shadow: 0 8px 18px var(--fp-theme-glow-1);
}


/* ============================================================
   12. RTL SUPPORT
   ============================================================ */

.fp-auth-body .fp-refunds-page .rtl-nav,
.fp-auth-body .fp-refunds-page .rtl-table {
	direction: rtl;
}

.fp-auth-body .fp-refunds-page .rtl-nav .fp-refunds-tab {
	text-align: right;
}

.fp-auth-body .fp-refunds-page .rtl-table th,
.fp-auth-body .fp-refunds-page .rtl-table td {
	text-align: right;
}

.fp-auth-body .fp-refunds-page .rtl-table .fp-refunds-row-action,
.fp-auth-body .fp-refunds-page .rtl-table .fp-refunds-action-heading {
	text-align: center;
}


/* ============================================================
   13. LIGHT PEARL THEME REFINEMENTS
   ============================================================ */

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-status-canceled {
	color: #dc2626;
	border-color: rgba(220, 38, 38, 0.24);
	background: rgba(220, 38, 38, 0.08);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-status-partial {
	color: #b45309;
	border-color: rgba(180, 83, 9, 0.24);
	background: rgba(245, 158, 11, 0.1);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-status-default,
html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-amount,
html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-mobile-amount > strong {
	color: #059669;
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refunds-page
.fp-refunds-table > tbody > tr > td {
	box-shadow: inset 0 -1px 0 rgba(31, 55, 91, 0.035);
}


/* ============================================================
   14. RESPONSIVE: TABLET
   ============================================================ */

@media (max-width: 1199px) {

	.fp-auth-body .fp-refunds-page .fp-refunds-toolbar {
		grid-template-columns: 1fr;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-box input {
		height: 52px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-tab {
		min-height: 52px;
	}

}


@media (max-width: 991px) {

	.fp-auth-body .fp-refunds-page .fp-refunds-hero {
		padding: 25px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon {
		width: 112px;
		height: 112px;
		border-radius: 28px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon > span {
		width: 56px;
		height: 56px;
		font-size: 23px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary-card:last-child {
		grid-column: 1 / -1;
	}

}


/* ============================================================
   15. RESPONSIVE: MOBILE
   ============================================================ */

@media (max-width: 767px) {

	.fp-auth-body .fp-refunds-page {
		padding-top: 2px;
		padding-bottom: 24px;
	}

	.fp-auth-body .fp-refunds-page > .row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.fp-auth-body .fp-refunds-page > .row > [class*="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero {
		padding: 21px 17px;
		border-radius: 18px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-content {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 18px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon {
		width: 82px;
		height: 82px;
		border-radius: 23px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::before {
		inset: 10px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::after {
		inset: 19px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon > span {
		width: 43px;
		height: 43px;
		border-radius: 14px;
		font-size: 18px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-eyebrow {
		margin-bottom: 10px;
		padding: 6px 10px;
		font-size: 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero h1 {
		font-size: 29px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-copy > p {
		font-size: 12px;
		line-height: 1.65;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta {
		gap: 7px;
		margin-top: 16px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta > span {
		min-height: 29px;
		padding: 6px 8px;
		font-size: 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-notice {
		padding: 13px 41px 13px 13px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-notice-icon {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-notice-copy strong {
		font-size: 11px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-notice-copy p {
		font-size: 10px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-tabs {
		grid-template-columns: 1fr;
		gap: 7px;
		padding: 8px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-tab {
		min-height: 49px;
		padding: 8px 10px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-tab-copy small {
		font-size: 8px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search {
		padding: 8px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-box input {
		height: 49px;
		padding-right: 96px;
		font-size: 11px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-button {
		min-width: 63px;
		font-size: 10px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-clear {
		right: 75px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary {
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary-card,
	.fp-auth-body .fp-refunds-page .fp-refunds-summary-card:last-child {
		grid-column: auto;
		min-height: 82px;
		padding: 13px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary-icon {
		width: 40px;
		height: 40px;
		font-size: 15px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-summary-copy strong {
		font-size: 17px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-records {
		padding: 12px;
		border-radius: 16px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-records-header {
		align-items: flex-start;
		gap: 10px;
		padding-bottom: 12px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-records-header h2 {
		font-size: 17px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-records-header p {
		font-size: 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-records-count {
		padding: 7px 9px;
		font-size: 8px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-desktop {
		display: none;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-mobile {
		display: block;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-status {
		max-width: 130px;
		padding: 5px 7px;
		font-size: 8px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-empty {
		min-height: 280px;
		padding: 34px 15px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-empty-icon {
		width: 60px;
		height: 60px;
		border-radius: 19px;
		font-size: 22px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-empty h3 {
		font-size: 17px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-empty p {
		font-size: 10px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-pagination-wrap {
		padding: 12px 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-pagination {
		gap: 5px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > a,
	.fp-auth-body .fp-refunds-page .fp-refunds-pagination > li > span {
		min-width: 31px;
		height: 31px;
		padding: 0 7px;
		font-size: 9px;
	}

}


/* ============================================================
   16. VERY SMALL PHONES
   ============================================================ */

@media (max-width: 420px) {

	.fp-auth-body .fp-refunds-page .fp-refunds-hero-meta > span {
		width: 100%;
		justify-content: flex-start;
		border-radius: 9px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-button span {
		display: none;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-button {
		min-width: 43px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-box input {
		padding-right: 77px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-search-clear {
		right: 55px;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-status {
		max-width: 100%;
	}

	.fp-auth-body .fp-refunds-page .fp-refunds-mobile-card-footer {
		align-items: flex-start;
		flex-direction: column;
	}

}


/* ============================================================
   17. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

	.fp-auth-body .fp-refunds-page .fp-refunds-hero::before,
	.fp-auth-body .fp-refunds-page .fp-refunds-hero-icon::before {
		animation: none;
	}

	.fp-auth-body .fp-refunds-page *,
	.fp-auth-body .fp-refunds-page *::before,
	.fp-auth-body .fp-refunds-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

}


/* ============================================================
   END FOLLOWERSPROVIDER REFUNDS PAGE V2
   ============================================================ */


/* ============================================================
   FOLLOWERSPROVIDER SUBSCRIPTIONS PAGE V2
   Paste at the bottom of style.css
   ============================================================ */

.fp-auth-body .fp-subscriptions-page {
  width: 100%;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 34px;
  color: var(--fp-text-main);
}

.fp-auth-body .fp-subscriptions-page *,
.fp-auth-body .fp-subscriptions-page *::before,
.fp-auth-body .fp-subscriptions-page *::after {
  box-sizing: border-box;
}

.fp-auth-body .fp-subscriptions-page a {
  text-decoration: none;
}

.fp-auth-body .fp-subscriptions-page a:hover,
.fp-auth-body .fp-subscriptions-page a:focus {
  text-decoration: none;
}

/* HERO */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero {
  position: relative;
  margin: 0 0 18px;
  padding: 30px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--fp-border);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 5%, var(--fp-theme-glow-1), transparent 36%),
    radial-gradient(circle at 94% 20%, var(--fp-theme-glow-2), transparent 38%),
    linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 0%,
    var(--fp-accent-soft) 46%,
    transparent 72%
  );
  opacity: 0.48;
  transform: translateX(-54%);
  animation: fpSubscriptionsHeroSweep 9s ease-in-out infinite;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -80px;
  z-index: -2;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  border: 1px solid var(--fp-border);
  background: var(--fp-accent-soft);
  opacity: 0.55;
}

@keyframes fpSubscriptionsHeroSweep {
  0%,
  100% {
    transform: translateX(-58%);
    opacity: 0.2;
  }

  50% {
    transform: translateX(64%);
    opacity: 0.52;
  }
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-glow {
  position: absolute;
  z-index: -2;
  border-radius: 50%;
  filter: blur(14px);
  pointer-events: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-glow-one {
  top: -80px;
  left: -70px;
  width: 210px;
  height: 210px;
  background: var(--fp-theme-glow-1);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-glow-two {
  right: 12%;
  bottom: -90px;
  width: 190px;
  height: 190px;
  background: var(--fp-theme-glow-2);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-copy {
  min-width: 0;
  max-width: 760px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero h1 {
  margin: 0 0 12px;
  color: var(--fp-text-main);
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-copy > p {
  max-width: 700px;
  margin: 0;
  color: var(--fp-text-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta > span i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border: 1px solid var(--fp-border);
  border-radius: 32px;
  background:
    radial-gradient(circle at 28% 22%, var(--fp-accent-soft), transparent 48%),
    linear-gradient(145deg, var(--fp-bg-soft), var(--fp-panel));
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.22),
    inset 0 0 0 1px var(--fp-accent-soft);
  transform: rotate(4deg);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::before,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::before {
  inset: 15px;
  animation: fpSubscriptionsIconPulse 3.8s ease-in-out infinite;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::after {
  inset: 27px;
  opacity: 0.55;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon > span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 27px;
  box-shadow: 0 14px 28px var(--fp-theme-glow-1);
  transform: rotate(-4deg);
}

@keyframes fpSubscriptionsIconPulse {
  0%,
  100% {
    transform: scale(0.96);
    opacity: 0.45;
  }

  50% {
    transform: scale(1.04);
    opacity: 0.95;
  }
}

/* TOOLBAR */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 380px);
  align-items: stretch;
  gap: 14px;
  margin-bottom: 17px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--fp-border);
  border-radius: 17px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--fp-text-muted);
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab:focus {
  border-color: var(--fp-border);
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  outline: none;
  transform: translateY(-1px);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab.active {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 10px 22px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-bg-soft);
  color: var(--fp-accent);
  font-size: 14px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab.active .fp-subscriptions-tab-icon {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-copy {
  display: block;
  min-width: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-copy strong,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-copy strong {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab-copy small {
  margin-top: 3px;
  color: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  opacity: 0.72;
}

/* SEARCH */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 9px;
  border: 1px solid var(--fp-border);
  border-radius: 17px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-icon {
  position: absolute;
  left: 14px;
  z-index: 2;
  color: var(--fp-accent);
  font-size: 13px;
  pointer-events: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input {
  width: 100%;
  height: 58px;
  min-width: 0;
  padding: 0 106px 0 40px;
  border: 1px solid var(--fp-border);
  border-radius: 12px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
  outline: none;
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input::placeholder {
  color: var(--fp-text-muted);
  opacity: 0.68;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-panel);
  box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-clear {
  position: absolute;
  right: 84px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid var(--fp-border);
  border-radius: 8px;
  background: var(--fp-panel);
  color: var(--fp-text-muted);
  font-size: 10px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-clear:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-clear:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  outline: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 70px;
  padding: 0 12px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 9px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button:focus {
  color: #ffffff;
  filter: brightness(1.07);
  outline: none;
  transform: translateY(-1px);
}

/* SUMMARY */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 17px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 94px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 4% 0%, var(--fp-theme-glow-1), transparent 48%),
    linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: 0 13px 28px rgba(0, 0, 0, 0.13);
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card::after {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--fp-accent-soft);
  opacity: 0.7;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card:hover {
  border-color: var(--fp-border-strong);
  transform: translateY(-2px);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-icon {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--fp-border);
  border-radius: 13px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 17px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy small,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy strong,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy small {
  margin-bottom: 3px;
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy strong {
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-copy span {
  margin-top: 4px;
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 600;
}

/* RECORDS */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records {
  padding: 16px;
  border: 1px solid var(--fp-border);
  border-radius: 19px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 3px 3px 14px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--fp-accent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header h2 {
  margin: 0;
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header p {
  margin: 5px 0 0;
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.55;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-count {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-count i {
  color: var(--fp-accent);
}

/* DESKTOP TABLE */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-desktop {
  display: block;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 14px;
  background: var(--fp-bg-soft);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--fp-border-strong) var(--fp-bg-main);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar {
  height: 7px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar-track {
  background: var(--fp-bg-main);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table-wrap::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--fp-border-strong);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table {
  width: 100%;
  min-width: 1500px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: var(--fp-text-main);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th {
  height: 46px;
  padding: 11px 12px;
  border: 0;
  border-bottom: 1px solid var(--fp-border-strong);
  background: var(--fp-accent-strong);
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: none;
  box-shadow: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:first-child {
  border-top-left-radius: 13px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > thead > tr > th:last-child {
  border-top-right-radius: 13px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr > td {
  min-height: 68px;
  padding: 11px 12px;
  border: 0;
  border-top: 1px solid var(--fp-border);
  background: var(--fp-panel);
  color: var(--fp-text-main);
  font-size: 10px;
  font-weight: 600;
  vertical-align: middle;
  transition: background 0.18s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr:first-child > td {
  border-top: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr:nth-child(even) > td {
  background: var(--fp-bg-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-table > tbody > tr:hover > td {
  background: var(--fp-accent-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-id,
.fp-auth-body .fp-subscriptions-page .fp-subscription-delay,
.fp-auth-body .fp-subscriptions-page .fp-subscription-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-id {
  color: var(--fp-text-main);
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-id i,
.fp-auth-body .fp-subscriptions-page .fp-subscription-delay i,
.fp-auth-body .fp-subscriptions-page .fp-subscription-date i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 220px;
  overflow: hidden;
  color: var(--fp-text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-link i {
  flex: 0 0 auto;
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 6px 8px;
  border: 1px solid var(--fp-border);
  border-radius: 9px;
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-progress {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  color: var(--fp-text-main);
  font-weight: 900;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-progress a {
  color: var(--fp-accent);
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-progress small {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 700;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-delay,
.fp-auth-body .fp-subscriptions-page .fp-subscription-date {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 700;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-service {
  display: block;
  max-width: 230px;
  overflow: hidden;
  color: var(--fp-text-main);
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* STATUS PILLS */

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 160px;
  padding: 6px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-active {
  border-color: rgba(52, 211, 153, 0.34);
  background: rgba(52, 211, 153, 0.12);
  color: #34d399;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-paused {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-completed {
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-expired {
  border-color: rgba(167, 139, 250, 0.34);
  background: rgba(167, 139, 250, 0.12);
  color: #a78bfa;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-canceled {
  border-color: rgba(248, 113, 113, 0.34);
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-status-default {
  border-color: var(--fp-border);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
}

/* ACTIONS */

.fp-auth-body .fp-subscriptions-page .fp-subscription-actions-cell {
  min-width: 115px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid var(--fp-border);
  border-radius: 9px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-action-primary {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-action-cancel {
  border-color: rgba(248, 113, 113, 0.34);
  background: rgba(248, 113, 113, 0.1);
  color: #f87171;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-action:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscription-action:focus {
  color: #ffffff;
  outline: none;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-action-cancel:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscription-action-cancel:focus {
  border-color: #ef4444;
  background: #ef4444;
}

/* MOBILE CARDS */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-mobile {
  display: none;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-card {
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, var(--fp-theme-glow-1), transparent 46%),
    var(--fp-panel);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-card:last-child {
  margin-bottom: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 13px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id small,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id strong {
  display: block;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id small {
  margin-bottom: 2px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-id strong {
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-link,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-service {
  padding: 13px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-link > span,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-service > small {
  display: block;
  margin-bottom: 5px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-link > span i {
  margin-right: 4px;
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-link > strong,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-service > strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--fp-text-main);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid > div {
  min-width: 0;
  padding: 12px;
  background: var(--fp-bg-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid small,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid strong {
  display: block;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid small {
  margin-bottom: 4px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid strong {
  color: var(--fp-text-main);
  font-size: 11px;
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-grid strong a {
  color: var(--fp-accent);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--fp-border);
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates > div {
  min-width: 0;
  padding: 11px;
  background: var(--fp-panel);
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates small,
.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates span {
  display: block;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates small {
  margin-bottom: 4px;
  color: var(--fp-text-muted);
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates span {
  color: var(--fp-text-main);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.45;
}

.fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px;
}

/* EMPTY STATE */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  padding: 42px 20px;
  text-align: center;
  border: 1px dashed var(--fp-border);
  border-radius: 15px;
  background:
    radial-gradient(circle at 50% 16%, var(--fp-theme-glow-1), transparent 42%),
    var(--fp-bg-soft);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-bottom: 17px;
  border: 1px solid var(--fp-border);
  border-radius: 22px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 26px;
  box-shadow: 0 15px 30px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty h3 {
  margin: 0 0 8px;
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty p {
  max-width: 490px;
  margin: 0;
  color: var(--fp-text-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty p strong {
  color: var(--fp-text-main);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  margin-top: 18px;
  padding: 10px 15px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 11px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 11px 22px var(--fp-theme-glow-1);
}

/* PAGINATION */

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  padding: 14px;
  border: 1px solid var(--fp-border);
  border-radius: 15px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination-info {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  margin: 0;
  padding: 0;
  float: none !important;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li {
  display: inline-flex;
  float: none;
  margin: 0;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  transition: 0.2s ease;
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  outline: none;
  transform: translateY(-1px);
}

.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > a,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > span,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > a:hover,
.fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li.active > span:hover {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
}

/* RTL */

.fp-auth-body .fp-subscriptions-page .rtl-nav,
.fp-auth-body .fp-subscriptions-page .rtl-table {
  direction: rtl;
}

.fp-auth-body .fp-subscriptions-page .rtl-nav .fp-subscriptions-tab {
  text-align: right;
}

.fp-auth-body .fp-subscriptions-page .rtl-table th,
.fp-auth-body .fp-subscriptions-page .rtl-table td {
  text-align: right;
}

/* PEARL */

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-subscriptions-page
.fp-subscription-status-active {
  color: #059669;
  border-color: rgba(5, 150, 105, 0.24);
  background: rgba(5, 150, 105, 0.08);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-subscriptions-page
.fp-subscription-status-paused {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.24);
  background: rgba(245, 158, 11, 0.1);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-subscriptions-page
.fp-subscription-status-canceled {
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.24);
  background: rgba(220, 38, 38, 0.08);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-toolbar {
    grid-template-columns: 1fr;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input {
    height: 52px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab {
    min-height: 52px;
  }
}

@media (max-width: 991px) {
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero {
    padding: 25px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon {
    width: 112px;
    height: 112px;
    border-radius: 28px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon > span {
    width: 56px;
    height: 56px;
    font-size: 23px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card:last-child {
    grid-column: 1 / -1;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .fp-auth-body .fp-subscriptions-page {
    padding-top: 2px;
    padding-bottom: 24px;
  }

  .fp-auth-body .fp-subscriptions-page > .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .fp-auth-body .fp-subscriptions-page > .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero {
    padding: 21px 17px;
    border-radius: 18px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-content {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 18px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon {
    width: 82px;
    height: 82px;
    border-radius: 23px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::before {
    inset: 10px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::after {
    inset: 19px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon > span {
    width: 43px;
    height: 43px;
    border-radius: 14px;
    font-size: 18px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero h1 {
    font-size: 29px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-copy > p {
    font-size: 12px;
    line-height: 1.65;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta {
    gap: 7px;
    margin-top: 16px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta > span {
    min-height: 29px;
    padding: 6px 8px;
    font-size: 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-tabs {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 8px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-tab {
    min-height: 49px;
    padding: 8px 10px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search {
    padding: 8px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input {
    height: 49px;
    padding-right: 96px;
    font-size: 11px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button {
    min-width: 63px;
    font-size: 10px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-clear {
    right: 75px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card,
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-summary-card:last-child {
    grid-column: auto;
    min-height: 82px;
    padding: 13px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-records {
    padding: 12px;
    border-radius: 16px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header {
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 12px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header h2 {
    font-size: 17px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-header p {
    font-size: 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-records-count {
    padding: 7px 9px;
    font-size: 8px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-desktop {
    display: none;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-mobile {
    display: block;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscription-status-pill {
    max-width: 135px;
    padding: 5px 7px;
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-empty {
    min-height: 280px;
    padding: 34px 15px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination-wrap {
    padding: 12px 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination {
    gap: 5px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > a,
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-pagination > li > span {
    min-width: 31px;
    height: 31px;
    padding: 0 7px;
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-meta > span {
    width: 100%;
    justify-content: flex-start;
    border-radius: 9px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button span {
    display: none;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-button {
    min-width: 43px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-box input {
    padding-right: 77px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-search-clear {
    right: 55px;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-card-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-dates {
    grid-template-columns: 1fr;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-actions {
    justify-content: stretch;
  }

  .fp-auth-body .fp-subscriptions-page .fp-subscription-mobile-actions .fp-subscription-action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero::before,
  .fp-auth-body .fp-subscriptions-page .fp-subscriptions-hero-icon::before {
    animation: none;
  }

  .fp-auth-body .fp-subscriptions-page *,
  .fp-auth-body .fp-subscriptions-page *::before,
  .fp-auth-body .fp-subscriptions-page *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* ============================================================
   FOLLOWERSPROVIDER REFILLS PAGE V2
   Paste at the bottom of style.css
   ============================================================ */

.fp-auth-body .fp-refills-page {
  width: 100%;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 34px;
  color: var(--fp-text-main);
}

.fp-auth-body .fp-refills-page *,
.fp-auth-body .fp-refills-page *::before,
.fp-auth-body .fp-refills-page *::after {
  box-sizing: border-box;
}

.fp-auth-body .fp-refills-page a {
  text-decoration: none;
}

.fp-auth-body .fp-refills-page a:hover,
.fp-auth-body .fp-refills-page a:focus {
  text-decoration: none;
}

/* HERO */

.fp-auth-body .fp-refills-page .fp-refills-hero {
  position: relative;
  margin: 0 0 18px;
  padding: 30px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--fp-border);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 5%, var(--fp-theme-glow-1), transparent 36%),
    radial-gradient(circle at 94% 20%, var(--fp-theme-glow-2), transparent 38%),
    linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-refills-page .fp-refills-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 0%,
    var(--fp-accent-soft) 46%,
    transparent 72%
  );
  opacity: 0.48;
  transform: translateX(-54%);
  animation: fpRefillsHeroSweep 9s ease-in-out infinite;
}

.fp-auth-body .fp-refills-page .fp-refills-hero::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -80px;
  z-index: -2;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  border: 1px solid var(--fp-border);
  background: var(--fp-accent-soft);
  opacity: 0.55;
}

@keyframes fpRefillsHeroSweep {
  0%,
  100% {
    transform: translateX(-58%);
    opacity: 0.2;
  }

  50% {
    transform: translateX(64%);
    opacity: 0.52;
  }
}

.fp-auth-body .fp-refills-page .fp-refills-hero-glow {
  position: absolute;
  z-index: -2;
  border-radius: 50%;
  filter: blur(14px);
  pointer-events: none;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-glow-one {
  top: -80px;
  left: -70px;
  width: 210px;
  height: 210px;
  background: var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refills-page .fp-refills-hero-glow-two {
  right: 12%;
  bottom: -90px;
  width: 190px;
  height: 190px;
  background: var(--fp-theme-glow-2);
}

.fp-auth-body .fp-refills-page .fp-refills-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-copy {
  min-width: 0;
  max-width: 760px;
}

.fp-auth-body .fp-refills-page .fp-refills-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refills-hero h1 {
  margin: 0 0 12px;
  color: var(--fp-text-main);
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-copy > p {
  max-width: 700px;
  margin: 0;
  color: var(--fp-text-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-meta > span i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refills-hero-icon {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border: 1px solid var(--fp-border);
  border-radius: 32px;
  background:
    radial-gradient(circle at 28% 22%, var(--fp-accent-soft), transparent 48%),
    linear-gradient(145deg, var(--fp-bg-soft), var(--fp-panel));
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.22),
    inset 0 0 0 1px var(--fp-accent-soft);
  transform: rotate(4deg);
}

.fp-auth-body .fp-refills-page .fp-refills-hero-icon::before,
.fp-auth-body .fp-refills-page .fp-refills-hero-icon::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refills-hero-icon::before {
  inset: 15px;
  animation: fpRefillsIconPulse 3.8s ease-in-out infinite;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-icon::after {
  inset: 27px;
  opacity: 0.55;
}

.fp-auth-body .fp-refills-page .fp-refills-hero-icon > span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 27px;
  box-shadow: 0 14px 28px var(--fp-theme-glow-1);
  transform: rotate(-4deg);
}

@keyframes fpRefillsIconPulse {
  0%,
  100% {
    transform: scale(0.96);
    opacity: 0.45;
  }

  50% {
    transform: scale(1.04);
    opacity: 0.95;
  }
}

/* TOOLBAR */

.fp-auth-body .fp-refills-page .fp-refills-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 380px);
  align-items: stretch;
  gap: 14px;
  margin-bottom: 17px;
}

.fp-auth-body .fp-refills-page .fp-refills-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--fp-border);
  border-radius: 17px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-refills-page .fp-refills-tab {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--fp-text-muted);
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-tab:hover,
.fp-auth-body .fp-refills-page .fp-refills-tab:focus {
  border-color: var(--fp-border);
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  outline: none;
  transform: translateY(-1px);
}

.fp-auth-body .fp-refills-page .fp-refills-tab.active {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 10px 22px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refills-page .fp-refills-tab-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-bg-soft);
  color: var(--fp-accent);
  font-size: 14px;
}

.fp-auth-body .fp-refills-page .fp-refills-tab.active .fp-refills-tab-icon {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.fp-auth-body .fp-refills-page .fp-refills-tab-copy {
  display: block;
  min-width: 0;
}

.fp-auth-body .fp-refills-page .fp-refills-tab-copy strong,
.fp-auth-body .fp-refills-page .fp-refills-tab-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refills-tab-copy strong {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.fp-auth-body .fp-refills-page .fp-refills-tab-copy small {
  margin-top: 3px;
  color: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  opacity: 0.72;
}

/* SEARCH */

.fp-auth-body .fp-refills-page .fp-refills-search {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 9px;
  border: 1px solid var(--fp-border);
  border-radius: 17px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px var(--fp-accent-soft);
}

.fp-auth-body .fp-refills-page .fp-refills-search-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.fp-auth-body .fp-refills-page .fp-refills-search-icon {
  position: absolute;
  left: 14px;
  z-index: 2;
  color: var(--fp-accent);
  font-size: 13px;
  pointer-events: none;
}

.fp-auth-body .fp-refills-page .fp-refills-search-box input {
  width: 100%;
  height: 58px;
  min-width: 0;
  padding: 0 106px 0 40px;
  border: 1px solid var(--fp-border);
  border-radius: 12px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
  outline: none;
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-search-box input::placeholder {
  color: var(--fp-text-muted);
  opacity: 0.68;
}

.fp-auth-body .fp-refills-page .fp-refills-search-box input:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-panel);
  box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-refills-page .fp-refills-search-clear {
  position: absolute;
  right: 84px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid var(--fp-border);
  border-radius: 8px;
  background: var(--fp-panel);
  color: var(--fp-text-muted);
  font-size: 10px;
}

.fp-auth-body .fp-refills-page .fp-refills-search-clear:hover,
.fp-auth-body .fp-refills-page .fp-refills-search-clear:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  outline: none;
}

.fp-auth-body .fp-refills-page .fp-refills-search-button {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 70px;
  padding: 0 12px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 9px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-search-button:hover,
.fp-auth-body .fp-refills-page .fp-refills-search-button:focus {
  color: #ffffff;
  filter: brightness(1.07);
  outline: none;
  transform: translateY(-1px);
}

/* SUMMARY */

.fp-auth-body .fp-refills-page .fp-refills-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 17px;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 94px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 4% 0%, var(--fp-theme-glow-1), transparent 48%),
    linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: 0 13px 28px rgba(0, 0, 0, 0.13);
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-card::after {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--fp-accent-soft);
  opacity: 0.7;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-card:hover {
  border-color: var(--fp-border-strong);
  transform: translateY(-2px);
}

.fp-auth-body .fp-refills-page .fp-refills-summary-icon {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--fp-border);
  border-radius: 13px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 17px;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-copy small,
.fp-auth-body .fp-refills-page .fp-refills-summary-copy strong,
.fp-auth-body .fp-refills-page .fp-refills-summary-copy span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-copy small {
  margin-bottom: 3px;
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-copy strong {
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

.fp-auth-body .fp-refills-page .fp-refills-summary-copy span {
  margin-top: 4px;
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 600;
}

/* RECORDS */

.fp-auth-body .fp-refills-page .fp-refills-records {
  padding: 16px;
  border: 1px solid var(--fp-border);
  border-radius: 19px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-refills-page .fp-refills-records-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 3px 3px 14px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refills-records-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--fp-accent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refills-records-header h2 {
  margin: 0;
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.fp-auth-body .fp-refills-page .fp-refills-records-header p {
  margin: 5px 0 0;
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.55;
}

.fp-auth-body .fp-refills-page .fp-refills-records-count {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refills-records-count i {
  color: var(--fp-accent);
}

/* DESKTOP TABLE */

.fp-auth-body .fp-refills-page .fp-refills-desktop {
  display: block;
}

.fp-auth-body .fp-refills-page .fp-refills-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 14px;
  background: var(--fp-bg-soft);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--fp-border-strong) var(--fp-bg-main);
}

.fp-auth-body .fp-refills-page .fp-refills-table-wrap::-webkit-scrollbar {
  height: 7px;
}

.fp-auth-body .fp-refills-page .fp-refills-table-wrap::-webkit-scrollbar-track {
  background: var(--fp-bg-main);
}

.fp-auth-body .fp-refills-page .fp-refills-table-wrap::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--fp-border-strong);
}

.fp-auth-body .fp-refills-page .fp-refills-table {
  width: 100%;
  min-width: 1500px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: var(--fp-text-main);
}

.fp-auth-body .fp-refills-page .fp-refills-table > thead > tr > th {
  height: 46px;
  padding: 11px 12px;
  border: 0;
  border-bottom: 1px solid var(--fp-border-strong);
  background: var(--fp-accent-strong);
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: none;
  box-shadow: none;
}

.fp-auth-body .fp-refills-page .fp-refills-table > thead > tr > th:first-child {
  border-top-left-radius: 13px;
}

.fp-auth-body .fp-refills-page .fp-refills-table > thead > tr > th:last-child {
  border-top-right-radius: 13px;
}

.fp-auth-body .fp-refills-page .fp-refills-table > tbody > tr > td {
  min-height: 68px;
  padding: 11px 12px;
  border: 0;
  border-top: 1px solid var(--fp-border);
  background: var(--fp-panel);
  color: var(--fp-text-main);
  font-size: 10px;
  font-weight: 600;
  vertical-align: middle;
  transition: background 0.18s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-table > tbody > tr:first-child > td {
  border-top: 0;
}

.fp-auth-body .fp-refills-page .fp-refills-table > tbody > tr:nth-child(even) > td {
  background: var(--fp-bg-soft);
}

.fp-auth-body .fp-refills-page .fp-refills-table > tbody > tr:hover > td {
  background: var(--fp-accent-soft);
}

.fp-auth-body .fp-refills-page .fp-refill-id,
.fp-auth-body .fp-refills-page .fp-refill-delay,
.fp-auth-body .fp-refills-page .fp-refill-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-id {
  color: var(--fp-text-main);
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-id i,
.fp-auth-body .fp-refills-page .fp-refill-delay i,
.fp-auth-body .fp-refills-page .fp-refill-date i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 220px;
  overflow: hidden;
  color: var(--fp-text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-link i {
  flex: 0 0 auto;
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 6px 8px;
  border: 1px solid var(--fp-border);
  border-radius: 9px;
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-progress {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  color: var(--fp-text-main);
  font-weight: 900;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-progress a {
  color: var(--fp-accent);
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-progress small {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 700;
}

.fp-auth-body .fp-refills-page .fp-refill-delay,
.fp-auth-body .fp-refills-page .fp-refill-date {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 700;
}

.fp-auth-body .fp-refills-page .fp-refill-service {
  display: block;
  max-width: 230px;
  overflow: hidden;
  color: var(--fp-text-main);
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* STATUS PILLS */

.fp-auth-body .fp-refills-page .fp-refill-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 160px;
  padding: 6px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-status-pending {
  border-color: rgba(52, 211, 153, 0.34);
  background: rgba(52, 211, 153, 0.12);
  color: #34d399;
}

.fp-auth-body .fp-refills-page .fp-refill-status-inprogress {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
}

.fp-auth-body .fp-refills-page .fp-refill-status-completed {
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
}

.fp-auth-body .fp-refills-page .fp-refill-status-rejected {
  border-color: rgba(167, 139, 250, 0.34);
  background: rgba(167, 139, 250, 0.12);
  color: #a78bfa;
}

.fp-auth-body .fp-refills-page .fp-refill-status-error {
  border-color: rgba(248, 113, 113, 0.34);
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}

.fp-auth-body .fp-refills-page .fp-refill-status-default {
  border-color: var(--fp-border);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
}

/* ACTIONS */

.fp-auth-body .fp-refills-page .fp-refill-actions-cell {
  min-width: 115px;
}

.fp-auth-body .fp-refills-page .fp-refill-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fp-auth-body .fp-refills-page .fp-refill-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid var(--fp-border);
  border-radius: 9px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refill-action-primary {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refills-page .fp-refill-action-cancel {
  border-color: rgba(248, 113, 113, 0.34);
  background: rgba(248, 113, 113, 0.1);
  color: #f87171;
}

.fp-auth-body .fp-refills-page .fp-refill-action:hover,
.fp-auth-body .fp-refills-page .fp-refill-action:focus {
  color: #ffffff;
  outline: none;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.fp-auth-body .fp-refills-page .fp-refill-action-cancel:hover,
.fp-auth-body .fp-refills-page .fp-refill-action-cancel:focus {
  border-color: #ef4444;
  background: #ef4444;
}

/* MOBILE CARDS */

.fp-auth-body .fp-refills-page .fp-refills-mobile {
  display: none;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-card {
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, var(--fp-theme-glow-1), transparent 46%),
    var(--fp-panel);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-card:last-child {
  margin-bottom: 0;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 13px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-id {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-id-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-id small,
.fp-auth-body .fp-refills-page .fp-refill-mobile-id strong {
  display: block;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-id small {
  margin-bottom: 2px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-id strong {
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-link,
.fp-auth-body .fp-refills-page .fp-refill-mobile-service {
  padding: 13px;
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-link > span,
.fp-auth-body .fp-refills-page .fp-refill-mobile-service > small {
  display: block;
  margin-bottom: 5px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-link > span i {
  margin-right: 4px;
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-link > strong,
.fp-auth-body .fp-refills-page .fp-refill-mobile-service > strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--fp-text-main);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid > div {
  min-width: 0;
  padding: 12px;
  background: var(--fp-bg-soft);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid small,
.fp-auth-body .fp-refills-page .fp-refill-mobile-grid strong {
  display: block;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid small {
  margin-bottom: 4px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid strong {
  color: var(--fp-text-main);
  font-size: 11px;
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-grid strong a {
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-dates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--fp-border);
  border-bottom: 1px solid var(--fp-border);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-dates > div {
  min-width: 0;
  padding: 11px;
  background: var(--fp-panel);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-dates small,
.fp-auth-body .fp-refills-page .fp-refill-mobile-dates span {
  display: block;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-dates small {
  margin-bottom: 4px;
  color: var(--fp-text-muted);
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-dates span {
  color: var(--fp-text-main);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.45;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px;
}

/* EMPTY STATE */

.fp-auth-body .fp-refills-page .fp-refills-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  padding: 42px 20px;
  text-align: center;
  border: 1px dashed var(--fp-border);
  border-radius: 15px;
  background:
    radial-gradient(circle at 50% 16%, var(--fp-theme-glow-1), transparent 42%),
    var(--fp-bg-soft);
}

.fp-auth-body .fp-refills-page .fp-refills-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-bottom: 17px;
  border: 1px solid var(--fp-border);
  border-radius: 22px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 26px;
  box-shadow: 0 15px 30px var(--fp-theme-glow-1);
}

.fp-auth-body .fp-refills-page .fp-refills-empty h3 {
  margin: 0 0 8px;
  color: var(--fp-text-main);
  font-size: 20px;
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refills-empty p {
  max-width: 490px;
  margin: 0;
  color: var(--fp-text-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
}

.fp-auth-body .fp-refills-page .fp-refills-empty p strong {
  color: var(--fp-text-main);
}

.fp-auth-body .fp-refills-page .fp-refills-empty-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  margin-top: 18px;
  padding: 10px 15px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 11px;
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 11px 22px var(--fp-theme-glow-1);
}

/* PAGINATION */

.fp-auth-body .fp-refills-page .fp-refills-pagination-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  padding: 14px;
  border: 1px solid var(--fp-border);
  border-radius: 15px;
  background: linear-gradient(145deg, var(--fp-panel), var(--fp-bg-soft));
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.fp-auth-body .fp-refills-page .fp-refills-pagination-info {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refills-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  margin: 0;
  padding: 0;
  float: none !important;
}

.fp-auth-body .fp-refills-page .fp-refills-pagination > li {
  display: inline-flex;
  float: none;
  margin: 0;
}

.fp-auth-body .fp-refills-page .fp-refills-pagination > li > a,
.fp-auth-body .fp-refills-page .fp-refills-pagination > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-bg-soft);
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  transition: 0.2s ease;
}

.fp-auth-body .fp-refills-page .fp-refills-pagination > li > a:hover,
.fp-auth-body .fp-refills-page .fp-refills-pagination > li > a:focus {
  border-color: var(--fp-border-strong);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  outline: none;
  transform: translateY(-1px);
}

.fp-auth-body .fp-refills-page .fp-refills-pagination > li.active > a,
.fp-auth-body .fp-refills-page .fp-refills-pagination > li.active > span,
.fp-auth-body .fp-refills-page .fp-refills-pagination > li.active > a:hover,
.fp-auth-body .fp-refills-page .fp-refills-pagination > li.active > span:hover {
  border-color: var(--fp-border-strong);
  background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
  color: #ffffff;
  box-shadow: 0 8px 18px var(--fp-theme-glow-1);
}

/* RTL */

.fp-auth-body .fp-refills-page .rtl-nav,
.fp-auth-body .fp-refills-page .rtl-table {
  direction: rtl;
}

.fp-auth-body .fp-refills-page .rtl-nav .fp-refills-tab {
  text-align: right;
}

.fp-auth-body .fp-refills-page .rtl-table th,
.fp-auth-body .fp-refills-page .rtl-table td {
  text-align: right;
}

/* PEARL */

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refills-page
.fp-refill-status-pending {
  color: #059669;
  border-color: rgba(5, 150, 105, 0.24);
  background: rgba(5, 150, 105, 0.08);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refills-page
.fp-refill-status-inprogress {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.24);
  background: rgba(245, 158, 11, 0.1);
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refills-page
.fp-refill-status-error {
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.24);
  background: rgba(220, 38, 38, 0.08);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .fp-auth-body .fp-refills-page .fp-refills-toolbar {
    grid-template-columns: 1fr;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-box input {
    height: 52px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab {
    min-height: 52px;
  }
}

@media (max-width: 991px) {
  .fp-auth-body .fp-refills-page .fp-refills-hero {
    padding: 25px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon {
    width: 112px;
    height: 112px;
    border-radius: 28px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon > span {
    width: 56px;
    height: 56px;
    font-size: 23px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fp-auth-body .fp-refills-page .fp-refills-summary-card:last-child {
    grid-column: 1 / -1;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .fp-auth-body .fp-refills-page {
    padding-top: 2px;
    padding-bottom: 24px;
  }

  .fp-auth-body .fp-refills-page > .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .fp-auth-body .fp-refills-page > .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero {
    padding: 21px 17px;
    border-radius: 18px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-content {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 18px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon {
    width: 82px;
    height: 82px;
    border-radius: 23px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon::before {
    inset: 10px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon::after {
    inset: 19px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-icon > span {
    width: 43px;
    height: 43px;
    border-radius: 14px;
    font-size: 18px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero h1 {
    font-size: 29px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-copy > p {
    font-size: 12px;
    line-height: 1.65;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-meta {
    gap: 7px;
    margin-top: 16px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-hero-meta > span {
    min-height: 29px;
    padding: 6px 8px;
    font-size: 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tabs {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 8px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab {
    min-height: 49px;
    padding: 8px 10px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search {
    padding: 8px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-box input {
    height: 49px;
    padding-right: 96px;
    font-size: 11px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-button {
    min-width: 63px;
    font-size: 10px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-clear {
    right: 75px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-summary {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-summary-card,
  .fp-auth-body .fp-refills-page .fp-refills-summary-card:last-child {
    grid-column: auto;
    min-height: 82px;
    padding: 13px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-records {
    padding: 12px;
    border-radius: 16px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-records-header {
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 12px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-records-header h2 {
    font-size: 17px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-records-header p {
    font-size: 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-records-count {
    padding: 7px 9px;
    font-size: 8px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-desktop {
    display: none;
  }

  .fp-auth-body .fp-refills-page .fp-refills-mobile {
    display: block;
  }

  .fp-auth-body .fp-refills-page .fp-refill-status-pill {
    max-width: 135px;
    padding: 5px 7px;
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
  }

  .fp-auth-body .fp-refills-page .fp-refills-empty {
    min-height: 280px;
    padding: 34px 15px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-pagination-wrap {
    padding: 12px 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-pagination {
    gap: 5px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-pagination > li > a,
  .fp-auth-body .fp-refills-page .fp-refills-pagination > li > span {
    min-width: 31px;
    height: 31px;
    padding: 0 7px;
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  .fp-auth-body .fp-refills-page .fp-refills-hero-meta > span {
    width: 100%;
    justify-content: flex-start;
    border-radius: 9px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-button span {
    display: none;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-button {
    min-width: 43px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-box input {
    padding-right: 77px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-search-clear {
    right: 55px;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-card-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-dates {
    grid-template-columns: 1fr;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-actions {
    justify-content: stretch;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-actions .fp-refill-action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fp-auth-body .fp-refills-page .fp-refills-hero::before,
  .fp-auth-body .fp-refills-page .fp-refills-hero-icon::before {
    animation: none;
  }

  .fp-auth-body .fp-refills-page *,
  .fp-auth-body .fp-refills-page *::before,
  .fp-auth-body .fp-refills-page *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* REFILLS-SPECIFIC CONTENT */

.fp-auth-body .fp-refills-page .fp-refill-order-link,
.fp-auth-body .fp-refills-page .fp-refill-link,
.fp-auth-body .fp-refills-page .fp-refill-date,
.fp-auth-body .fp-refills-page .fp-refill-id {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.fp-auth-body .fp-refills-page .fp-refill-order-link {
  color: var(--fp-accent);
  font-weight: 800;
}

.fp-auth-body .fp-refills-page .fp-refill-order-link:hover,
.fp-auth-body .fp-refills-page .fp-refill-order-link:focus {
  color: var(--fp-accent-strong);
}

.fp-auth-body .fp-refills-page .fp-refill-id {
  padding: 7px 10px;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  background: var(--fp-accent-soft);
  color: var(--fp-text-main);
  font-weight: 800;
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-id i,
.fp-auth-body .fp-refills-page .fp-refill-date i,
.fp-auth-body .fp-refills-page .fp-refill-link i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-date {
  color: var(--fp-text-muted);
  white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-link {
  width: min(100%, 440px);
  color: var(--fp-text-muted);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fp-auth-body .fp-refills-page .fp-refill-link i {
  flex: 0 0 auto;
}

.fp-auth-body .fp-refills-page .fp-refill-service {
  display: block;
  min-width: 180px;
  max-width: 360px;
  color: var(--fp-text-main);
  font-weight: 700;
  line-height: 1.5;
}

.fp-auth-body .fp-refills-page .fp-refill-status-pending {
  border-color: rgba(245, 158, 11, 0.32);
  background: rgba(245, 158, 11, 0.11);
  color: #fbbf24;
}

.fp-auth-body .fp-refills-page .fp-refill-status-inprogress {
  border-color: color-mix(in srgb, var(--fp-accent) 38%, transparent);
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-status-completed {
  border-color: rgba(34, 197, 94, 0.32);
  background: rgba(34, 197, 94, 0.11);
  color: #4ade80;
}

.fp-auth-body .fp-refills-page .fp-refill-status-rejected {
  border-color: rgba(244, 63, 94, 0.32);
  background: rgba(244, 63, 94, 0.11);
  color: #fb7185;
}

.fp-auth-body .fp-refills-page .fp-refill-status-error {
  border-color: rgba(239, 68, 68, 0.36);
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
}

.fp-auth-body .fp-refills-page .fp-refill-status-default {
  border-color: var(--fp-border);
  background: var(--fp-bg-soft);
  color: var(--fp-text-muted);
}

/* MOBILE REFILL DETAILS */

.fp-auth-body .fp-refills-page .fp-refill-mobile-order,
.fp-auth-body .fp-refills-page .fp-refill-mobile-link,
.fp-auth-body .fp-refills-page .fp-refill-mobile-service,
.fp-auth-body .fp-refills-page .fp-refill-mobile-date {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--fp-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--fp-bg-soft) 82%, transparent);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-order,
.fp-auth-body .fp-refills-page .fp-refill-mobile-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-order > span,
.fp-auth-body .fp-refills-page .fp-refill-mobile-link > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-order > span i,
.fp-auth-body .fp-refills-page .fp-refill-mobile-link > span i {
  color: var(--fp-accent);
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-order > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--fp-accent);
  font-size: 14px;
  font-weight: 900;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-link strong,
.fp-auth-body .fp-refills-page .fp-refill-mobile-service strong {
  display: block;
  margin-top: 8px;
  color: var(--fp-text-main);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-service small,
.fp-auth-body .fp-refills-page .fp-refill-mobile-date small {
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-date span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.fp-auth-body .fp-refills-page .fp-refill-mobile-date span i {
  color: var(--fp-accent);
}

/* COMPACT MOBILE FILTERS */

@media (max-width: 767px) {
  .fp-auth-body .fp-refills-page .fp-refills-tabs {
    gap: 8px;
    padding: 10px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab {
    min-height: 68px;
    padding: 10px 12px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab-copy strong {
    font-size: 14px;
  }

  .fp-auth-body .fp-refills-page .fp-refills-tab-copy small {
    margin-top: 2px;
    font-size: 11px;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-order,
  .fp-auth-body .fp-refills-page .fp-refill-mobile-date {
    align-items: flex-start;
    flex-direction: column;
  }

  .fp-auth-body .fp-refills-page .fp-refill-mobile-date span {
    text-align: left;
  }
}

/* ============================================================
   END REFILLS-SPECIFIC CONTENT
   ============================================================ */
/* ============================================================
   FOLLOWERSPROVIDER REFILLS V2
   COMPACT MOBILE TRANSACTION STYLE
   FULL REPLACEMENT CSS

   IMPORTANT:
   Replace the previous compact Refills CSS block with this one.
   Do not keep both versions.
   ============================================================ */


/* ============================================================
   MOBILE CARD CONTAINER
   ============================================================ */

.fp-refills-page .fp-refills-mobile.fp-refills-mobile-compact{
  display:flex !important;
  flex-direction:column !important;
  width:100%;
  margin:0 !important;
  padding:0 !important;
  gap:24px !important;
}


/* ============================================================
   TRANSACTION CARD
   ============================================================ */

.fp-refills-page .fp-refill-transaction-card{
  display:block;
  width:100%;
  margin:0 !important;
  padding:0;
  border:1px solid var(--fp-border);
  border-radius:18px;
  background:var(--fp-panel);
  box-shadow:var(--fp-shadow);
  overflow:hidden;
  position:relative;
  isolation:isolate;
}


/* Fallback spacing in case an older theme rule disables flex gap */
.fp-refills-page .fp-refill-transaction-card + .fp-refill-transaction-card{
  margin-top:24px !important;
}


/* ============================================================
   CARD HEADER
   ============================================================ */

.fp-refills-page .fp-refill-transaction-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:0;
  padding:18px;
  border:0;
  border-bottom:1px solid var(--fp-border);
  background:transparent;
}


.fp-refills-page .fp-refill-transaction-id{
  display:flex;
  align-items:center;
  min-width:0;
  gap:12px;
}


.fp-refills-page .fp-refill-transaction-id-icon{
  display:flex;
  flex:0 0 46px;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:1px solid var(--fp-border);
  border-radius:14px;
  background:var(--fp-accent-soft);
  color:var(--fp-accent);
  font-size:17px;
}


.fp-refills-page .fp-refill-transaction-id-copy{
  min-width:0;
}


.fp-refills-page .fp-refill-transaction-id-copy small,
.fp-refills-page .fp-refill-transaction-label{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:var(--fp-text-muted);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.fp-refills-page .fp-refill-transaction-id-copy strong{
  display:block;
  margin-top:4px;
  color:var(--fp-text-main);
  font-size:18px;
  font-weight:800;
  line-height:1.2;
  overflow-wrap:anywhere;
}


/* ============================================================
   STATUS BADGES
   ============================================================ */

.fp-refills-page .fp-refill-transaction-header .fp-refill-status-pill{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  margin:0;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}


/* ============================================================
   CARD ROWS
   ============================================================ */

.fp-refills-page .fp-refill-transaction-row{
  display:block;
  width:100%;
  margin:0;
  padding:16px 18px;
  border:0;
  border-top:1px solid var(--fp-border);
  background:transparent;
}


.fp-refills-page .fp-refill-transaction-header + .fp-refill-transaction-row{
  border-top:0;
}


.fp-refills-page .fp-refill-transaction-label i{
  color:var(--fp-accent);
  font-size:12px;
}


/* ============================================================
   ORDER ROW
   ============================================================ */

.fp-refills-page .fp-refill-transaction-order{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}


.fp-refills-page .fp-refill-transaction-order-link{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:0;
  color:var(--fp-accent);
  text-align:right;
  text-decoration:none;
}


.fp-refills-page .fp-refill-transaction-order-link:hover,
.fp-refills-page .fp-refill-transaction-order-link:focus{
  color:var(--fp-accent-strong);
  text-decoration:none;
}


.fp-refills-page .fp-refill-transaction-order-link strong{
  display:block;
  color:var(--fp-text-main);
  font-size:18px;
  font-weight:800;
  line-height:1.25;
  overflow-wrap:anywhere;
}


.fp-refills-page .fp-refill-transaction-order-link span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  color:var(--fp-accent);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}


/* ============================================================
   LINK AND SERVICE VALUES
   ============================================================ */

.fp-refills-page .fp-refill-transaction-value{
  display:block;
  width:100%;
  max-width:100%;
  margin-top:8px;
  color:var(--fp-text-main);
  font-size:14px;
  font-weight:600;
  line-height:1.6;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.fp-service-id{
    color:var(--fp-accent);
    font-weight:800;
    margin-right:8px;
}


.fp-refills-page .fp-refill-transaction-link .fp-refill-transaction-value{
  font-weight:700;
}


.fp-refills-page .fp-refill-transaction-service .fp-refill-transaction-value{
  font-weight:700;
}


/* ============================================================
   CARD FOOTER
   ============================================================ */

.fp-refills-page .fp-refill-transaction-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:0;
  padding:15px 18px;
  border:0;
  border-top:1px solid var(--fp-border);
  background:var(--fp-bg-soft);
}


.fp-refills-page .fp-refill-transaction-footer span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  gap:7px;
  color:var(--fp-text-muted);
  font-size:12px;
  font-weight:600;
  line-height:1.45;
  overflow-wrap:anywhere;
}


.fp-refills-page .fp-refill-transaction-footer span i{
  flex:0 0 auto;
  color:var(--fp-accent);
}


.fp-refills-page .fp-refill-transaction-footer a{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  color:var(--fp-accent);
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  text-decoration:none;
  white-space:nowrap;
}


.fp-refills-page .fp-refill-transaction-footer a:hover,
.fp-refills-page .fp-refill-transaction-footer a:focus{
  color:var(--fp-accent-strong);
  text-decoration:none;
}


/* ============================================================
   DESKTOP AND MOBILE VISIBILITY
   ============================================================ */

@media (min-width:768px){

  .fp-refills-page .fp-refills-mobile.fp-refills-mobile-compact{
    display:none !important;
  }

}


@media (max-width:767px){

  .fp-refills-page .fp-refills-desktop{
    display:none !important;
  }

  .fp-refills-page .fp-refills-mobile.fp-refills-mobile-compact{
    display:flex !important;
  }

  .fp-refills-page .fp-refill-transaction-order{
    flex-direction:column;
    align-items:flex-start;
  }

  .fp-refills-page .fp-refill-transaction-order-link{
    align-items:flex-start;
    width:100%;
    text-align:left;
  }

}


/* ============================================================
   SMALL MOBILE SCREENS
   ============================================================ */

@media (max-width:480px){

  .fp-refills-page .fp-refills-mobile.fp-refills-mobile-compact{
    gap:22px !important;
  }

  .fp-refills-page .fp-refill-transaction-card + .fp-refill-transaction-card{
    margin-top:22px !important;
  }

  .fp-refills-page .fp-refill-transaction-header{
    padding:16px;
  }

  .fp-refills-page .fp-refill-transaction-id-icon{
    flex-basis:42px;
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .fp-refills-page .fp-refill-transaction-id-copy strong{
    font-size:17px;
  }

  .fp-refills-page .fp-refill-transaction-header .fp-refill-status-pill{
    padding:6px 9px;
    font-size:10px;
  }

  .fp-refills-page .fp-refill-transaction-row{
    padding:15px 16px;
  }

  .fp-refills-page .fp-refill-transaction-footer{
    align-items:flex-start;
    padding:14px 16px;
  }

}


/* ============================================================
   RTL SUPPORT
   ============================================================ */

html[dir="rtl"] .fp-refills-page .fp-refill-transaction-order-link{
  align-items:flex-start;
  text-align:left;
}

html[dir="rtl"] .fp-refills-page .fp-refill-transaction-footer{
  direction:rtl;
}


/* ============================================================
   END FOLLOWERSPROVIDER REFILLS V2 COMPACT CSS
   ============================================================ */

/* =========================================================
   FOLLOWERSPROVIDER SIDEBAR
   BALANCE + CURRENCY + LANGUAGE
   Clean unified section
========================================================= */

.fp-sidebar-balance-area{
    padding:10px 10px 2px;
    flex-shrink:0;
}

.fp-sidebar-balance-utility{
    width:100%;
    margin-bottom:18px;
}

/* =========================================================
   MAIN BALANCE CARD
========================================================= */

.fp-sidebar-main-balance{
    display:flex;
    align-items:center;
    gap:12px;

    width:100%;
    min-height:58px;
    padding:11px 12px;

    border:1px solid var(--fp-border);
    border-radius:12px;

    background:var(--fp-panel);
    color:var(--fp-text-main);
    box-shadow:var(--fp-shadow);

    box-sizing:border-box;
}

.fp-sidebar-main-balance-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent);

    font-size:15px;
}

.fp-sidebar-main-balance-copy{
    min-width:0;
    flex:1;

    display:flex;
    flex-direction:column;
    gap:2px;
}

.fp-sidebar-main-balance-label{
    color:var(--fp-text-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-sidebar-main-balance-value{
    overflow:hidden;

    color:var(--fp-text-main);
    font-size:17px;
    font-weight:800;
    line-height:1.25;

    white-space:nowrap;
    text-overflow:ellipsis;
}

/* =========================================================
   CURRENCY + LANGUAGE UTILITY ROW
========================================================= */

.fp-sidebar-utility-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;

    width:100%;
    margin-top:8px;
}

.fp-sidebar-utility-item{
    position:relative;
    min-width:0;
}

.fp-sidebar-currency-area,
.fp-sidebar-language-area{
    position:relative;
    width:100%;
    margin:0;
}

/* =========================================================
   MATCHING UTILITY BUTTONS
========================================================= */

.fp-sidebar-utility-row .fp-sidebar-utility-btn,
.fp-sidebar-utility-row .fp-sidebar-bal-btn,
.fp-sidebar-utility-row .fp-sidebar-language-toggle{
    width:100%;
    height:42px !important;
    min-height:42px !important;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;

    margin:0 !important;
    padding:0 10px !important;

    border:1px solid var(--fp-border);
    border-radius:10px;

    background:var(--fp-accent-soft);
    color:var(--fp-text-main);

    font:inherit;
    text-align:left;
    cursor:pointer;
    box-shadow:none;

    box-sizing:border-box;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.fp-sidebar-utility-row .fp-sidebar-utility-btn:hover,
.fp-sidebar-utility-row .fp-sidebar-bal-btn:hover,
.fp-sidebar-utility-row .fp-sidebar-language-toggle:hover{
    background:var(--fp-accent-soft);
    border-color:var(--fp-accent);
}

.fp-sidebar-utility-row .fp-sidebar-utility-btn:focus-visible,
.fp-sidebar-utility-row .fp-sidebar-bal-btn:focus-visible,
.fp-sidebar-utility-row .fp-sidebar-language-toggle:focus-visible{
    outline:3px solid var(--fp-accent-soft);
    outline-offset:2px;
    border-color:var(--fp-accent);
}

.fp-sidebar-utility-row .fp-sidebar-utility-btn:active,
.fp-sidebar-utility-row .fp-sidebar-bal-btn:active,
.fp-sidebar-utility-row .fp-sidebar-language-toggle:active{
    transform:translateY(1px);
}

.fp-sidebar-utility-main{
    min-width:0;

    display:flex;
    align-items:center;
    gap:7px;

    font-size:13px;
    font-weight:800;
    line-height:1;
}

.fp-sidebar-utility-main > i{
    width:15px;
    flex:0 0 15px;

    color:var(--fp-accent);
    font-size:13px;
    text-align:center;
}

#fp-current-currency,
.fp-sidebar-language-short-code{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
}

.fp-sidebar-utility-row .fp-sidebar-language-flag{
    width:auto;
    height:auto;
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0;
    border:0;
    border-radius:0;
    background:transparent;

    font-size:16px;
    line-height:1;
}

.fp-currency-caret,
.fp-language-caret{
    flex:0 0 auto;
    color:var(--fp-accent);
    font-size:10px;
    opacity:.75;
    transition:transform .2s ease;
}

.fp-sidebar-currency-area.is-open .fp-currency-caret,
.fp-sidebar-language-area.is-open .fp-language-caret{
    transform:rotate(180deg);
}

/* =========================================================
   DROPDOWN PANELS
========================================================= */

.fp-sidebar-currency-panel,
.fp-sidebar-language-panel{
    display:none;

    position:absolute;
    top:calc(100% + 7px);
    left:0;
    z-index:100;

    width:max-content;
    min-width:100%;
    max-width:240px;
    max-height:245px;

    margin:0;
    padding:6px;

    overflow-y:auto;
    overscroll-behavior:contain;

    border:1px solid var(--fp-border);
    border-radius:12px;

    background:var(--fp-panel);
    box-shadow:var(--fp-shadow);

    box-sizing:border-box;
}

.fp-sidebar-currency-panel.is-open{
    display:flex;
    flex-direction:column;
    animation:fpSidebarUtilityOpen .18s ease both;
}

.fp-sidebar-language-area.is-open .fp-sidebar-language-panel{
    display:block;
    animation:fpSidebarUtilityOpen .18s ease both;
}

@keyframes fpSidebarUtilityOpen{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* =========================================================
   CURRENCY DROPDOWN ITEMS
========================================================= */

.fp-sidebar-currency-panel .fp-sidebar-currency-item{
    display:flex;
    align-items:center;
    gap:10px;

    width:100%;
    min-height:42px;
    padding:6px 8px;
    margin:2px 0;

    border:1px solid transparent;
    border-radius:10px;

    color:var(--fp-text-main);
    text-decoration:none !important;

    box-sizing:border-box;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.fp-sidebar-currency-panel .fp-sidebar-currency-item:hover,
.fp-sidebar-currency-panel .fp-sidebar-currency-item:focus{
    background:var(--fp-accent-soft);
    border-color:var(--fp-border);
    color:var(--fp-text-main);
    transform:translateX(2px);
}

.fp-sidebar-currency-symbol{
    width:32px;
    height:32px;
    flex:0 0 32px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--fp-border);
    border-radius:50%;

    background:var(--fp-accent-soft);
    color:var(--fp-accent);

    font-size:14px;
    font-weight:800;
    line-height:1;
}

.fp-sidebar-currency-code{
    flex:1;

    color:var(--fp-text-main);
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}

.fp-currency-check{
    display:none;
    color:var(--fp-accent);
    font-size:11px;
}

.fp-sidebar-currency-item.active,
.fp-sidebar-currency-item[data-selected="true"]{
    background:var(--fp-accent-soft);
    border-color:var(--fp-accent);
}

.fp-sidebar-currency-item.active .fp-sidebar-currency-symbol,
.fp-sidebar-currency-item[data-selected="true"] .fp-sidebar-currency-symbol{
    background:var(--fp-accent);
    border-color:var(--fp-accent);
    color:#fff;
}

.fp-sidebar-currency-item.active .fp-sidebar-currency-code,
.fp-sidebar-currency-item[data-selected="true"] .fp-sidebar-currency-code{
    color:var(--fp-accent);
    font-weight:800;
}

.fp-sidebar-currency-item.active .fp-currency-check,
.fp-sidebar-currency-item[data-selected="true"] .fp-currency-check{
    display:inline-block;
}

/* =========================================================
   LANGUAGE DROPDOWN ITEMS
========================================================= */

.fp-sidebar-language-item{
    display:flex;
    align-items:center;
    gap:8px;

    width:100%;
    min-height:42px;
    padding:6px 8px;
    margin:2px 0;

    border:1px solid transparent;
    border-radius:10px;

    color:var(--fp-text-main);
    text-decoration:none !important;

    box-sizing:border-box;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.fp-sidebar-language-item:hover,
.fp-sidebar-language-item:focus{
    background:var(--fp-accent-soft);
    border-color:var(--fp-border);
    color:var(--fp-text-main);
    text-decoration:none !important;
    transform:translateX(2px);
}

.fp-sidebar-language-item .fp-sidebar-language-flag{
    width:26px;
    height:26px;
    flex:0 0 26px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--fp-border);
    border-radius:50%;

    background:var(--fp-accent-soft);

    font-size:14px;
    line-height:1;
}

.fp-sidebar-language-name{
    min-width:0;
    flex:1;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:var(--fp-text-main);
    font-size:13px;
    font-weight:700;
}

.fp-sidebar-language-code{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:28px;
    height:22px;
    padding:0 7px;

    border:1px solid var(--fp-border);
    border-radius:8px;

    background:var(--fp-bg-soft);
    color:var(--fp-text-muted);

    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
}

.fp-language-check{
    display:none;
    color:var(--fp-accent);
    font-size:11px;
}

.fp-sidebar-language-item.active{
    background:var(--fp-accent-soft);
    border-color:var(--fp-accent);
}

.fp-sidebar-language-item.active .fp-sidebar-language-flag{
    background:var(--fp-accent);
    border-color:var(--fp-accent);
}

.fp-sidebar-language-item.active .fp-sidebar-language-name{
    color:var(--fp-accent);
    font-weight:800;
}

.fp-sidebar-language-item.active .fp-sidebar-language-code{
    background:var(--fp-accent);
    border-color:var(--fp-accent);
    color:#fff;
}

.fp-sidebar-language-item.active .fp-language-check{
    display:inline-block;
}

/* =========================================================
   SCROLLBARS
========================================================= */

.fp-sidebar-currency-panel::-webkit-scrollbar,
.fp-sidebar-language-panel::-webkit-scrollbar{
    width:5px;
}

.fp-sidebar-currency-panel::-webkit-scrollbar-thumb,
.fp-sidebar-language-panel::-webkit-scrollbar-thumb{
    background:var(--fp-border-strong);
    border-radius:999px;
}

/* =========================================================
   SMALL MOBILE SIDEBAR
========================================================= */

@media (max-width:380px){
    .fp-sidebar-utility-row{
        gap:6px;
    }

    .fp-sidebar-main-balance{
        padding:10px;
    }

    .fp-sidebar-main-balance-value{
        font-size:16px;
    }

    .fp-sidebar-utility-row .fp-sidebar-utility-btn,
    .fp-sidebar-utility-row .fp-sidebar-bal-btn,
    .fp-sidebar-utility-row .fp-sidebar-language-toggle{
        padding:0 8px !important;
    }
}
/* =====================================================
   MOBILE UTILITY ORDER + DROPDOWN POSITION
   Language left, currency right
===================================================== */

.fp-sidebar-utility-row {
    display: flex;
    gap: 12px;
}

/* Language on the left */
.fp-sidebar-language-area {
    order: 1;
    min-width: 0;
    flex: 1 1 0;
}

/* Currency on the right */
.fp-sidebar-currency-area {
    order: 2;
    min-width: 0;
    flex: 1 1 0;
}

/* Keep both buttons full width */
.fp-sidebar-language-area .fp-sidebar-utility-btn,
.fp-sidebar-currency-area .fp-sidebar-utility-btn {
    width: 100%;
}

/* Language dropdown opens inward from the left */
.fp-sidebar-language-panel {
    left: 0 !important;
    right: auto !important;
    width: max-content;
    min-width: 240px;
    max-width: calc(100vw - 32px);
    overflow-x: hidden;
}

/* Currency dropdown opens inward from the right */
.fp-sidebar-currency-panel {
    right: 0 !important;
    left: auto !important;
}

/* Prevent long language names from stretching the dropdown */
.fp-sidebar-language-item {
    min-width: 0;
}

.fp-sidebar-language-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fp-sidebar-balance-area{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.fp-sidebar-utility-row{
    margin-bottom:0 !important;
}

.fp-sidebar-nav{
    margin-top:0 !important;
    padding-top:6px !important;
}
/* Pearl theme: matching Language and Currency cards */
html[data-fp-theme="pearl"] #fp-language-toggle,
html[data-fp-theme="pearl"] #fp-currency-toggle {
    background: #f3f7fd !important;
    border-color: #dce5f1 !important;
    color: #10213f !important;
    box-shadow: none !important;
}
/* FOLLOWERSPROVIDER ORDERS PAGE UPGRADE */

.fp-auth-body .fp-orders-page {
    width: 100%;
    max-width: 100%;
    padding: 18px;
}

.fp-auth-body .fp-orders-page .fp-orders-card {
    margin: 0;
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--fp-border);
    border-radius: 18px;
    background: radial-gradient(circle at 8% 0%, var(--fp-theme-glow-1), transparent 32%), var(--fp-panel);
    box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 3px;
    background: transparent;
    scrollbar-width: thin;
    scrollbar-color: var(--fp-accent) transparent;
    -webkit-overflow-scrolling: touch;
}

.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar { height: 7px; }
.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar-track { background: transparent; }
.fp-auth-body .fp-orders-page .fp-orders-table-wrap::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--fp-accent);
}

/* FILTER / SEARCH TOOLBAR */
.fp-auth-body .fp-orders-page .fp-orders-filters {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 1080px;
    margin: 0 0 16px;
    padding: 10px;
    border: 1px solid var(--fp-border);
    border-radius: 14px;
    background: var(--fp-bg-soft);
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li {
    float: none;
    margin: 0;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-panel);
    color: var(--fp-text-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .025em;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters > li > a:focus {
    transform: translateY(-1px);
    border-color: var(--fp-border-strong);
    background: var(--fp-accent-soft);
    color: var(--fp-text-main);
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a,
.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-filters > li.active > a:focus {
    border-color: var(--fp-accent);
    background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-strong));
    color: #fff;
    box-shadow: 0 9px 20px rgba(0,0,0,.16);
}

.fp-auth-body .fp-orders-page .fp-copy-orders-selected {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid var(--fp-border-strong);
    border-radius: 999px;
    background: var(--fp-accent-soft);
    color: var(--fp-text-main);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.fp-auth-body .fp-orders-page .fp-copy-orders-selected:hover,
.fp-auth-body .fp-orders-page .fp-copy-orders-selected:focus {
    transform: translateY(-1px);
    border-color: var(--fp-accent);
    background: var(--fp-accent);
    color: #fff;
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-copy-orders-selected[disabled] {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
}

.fp-auth-body .fp-orders-page .fp-orders-filters > li.search {
    width: min(410px, 38vw);
    min-width: 240px;
    margin-left: auto;
}

.fp-auth-body .fp-orders-page #history-search .input-group { width: 100%; }

.fp-auth-body .fp-orders-page #history-search .form-control {
    height: 40px;
    padding: 0 13px;
    border: 1px solid var(--fp-border);
    border-right: 0;
    border-radius: 11px 0 0 11px;
    background: var(--fp-panel);
    color: var(--fp-text-main);
    box-shadow: none;
    font-size: 13px;
}

.fp-auth-body .fp-orders-page #history-search .form-control::placeholder {
    color: var(--fp-text-muted);
    opacity: .8;
}

.fp-auth-body .fp-orders-page #history-search .form-control:focus {
    border-color: var(--fp-accent);
    box-shadow: 0 0 0 3px var(--fp-accent-soft);
}

.fp-auth-body .fp-orders-page #history-search .btn.btn-default {
    width: 44px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--fp-border);
    border-left: 0;
    border-radius: 0 11px 11px 0;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    box-shadow: none;
}

.fp-auth-body .fp-orders-page #history-search .btn.btn-default:hover,
.fp-auth-body .fp-orders-page #history-search .btn.btn-default:focus {
    background: var(--fp-accent);
    color: #fff;
    outline: none;
}

/* TABLE */
.fp-auth-body .fp-orders-page .fp-orders-table {
    width: 100%;
    min-width: 1080px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    color: var(--fp-text-main);
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 13px 11px;
    border-top: 1px solid var(--fp-border);
    border-bottom: 1px solid var(--fp-border);
    background: var(--fp-bg-soft);
    color: var(--fp-text-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .075em;
    text-transform: uppercase;
    white-space: nowrap;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th:first-child {
    border-left: 1px solid var(--fp-border);
    border-radius: 12px 0 0 12px;
}

.fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th:last-child {
    border-right: 1px solid var(--fp-border);
    border-radius: 0 12px 12px 0;
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
    min-height: 58px;
    padding: 13px 11px;
    border-top: 0;
    border-bottom: 1px solid var(--fp-border);
    background: transparent;
    color: var(--fp-text-main);
    font-size: 13px;
    line-height: 1.45;
    vertical-align: middle;
    transition: background .18s ease, border-color .18s ease;
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr:hover > td {
    background: var(--fp-accent-soft);
}

.fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr:last-child > td {
    border-bottom-color: transparent;
}

.fp-auth-body .fp-orders-page .fp-order-select-col {
    width: 38px;
    text-align: center;
}

.fp-auth-body .fp-orders-page .fp-order-select-col input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--fp-accent);
    cursor: pointer;
}

/* ORDER ID */
.fp-auth-body .fp-orders-page .fp-order-id-wrap {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.fp-auth-body .fp-orders-page .fp-order-id-value {
    color: var(--fp-text-main);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}

.fp-auth-body .fp-orders-page .fp-order-id-value::before {
    content: "#";
    color: var(--fp-accent);
}

.fp-auth-body .fp-orders-page .fp-copy-order-id {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 0;
    border: 1px solid var(--fp-border);
    border-radius: 8px;
    background: var(--fp-bg-soft);
    color: var(--fp-text-muted);
    line-height: 1;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.fp-auth-body .fp-orders-page .fp-copy-order-id:hover,
.fp-auth-body .fp-orders-page .fp-copy-order-id:focus {
    transform: translateY(-1px);
    border-color: var(--fp-accent);
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-copy-order-id.is-copied {
    border-color: rgba(34,197,94,.48);
    background: rgba(34,197,94,.14);
    color: #22c55e;
}

/* FULL URL: visible, clickable and allowed to wrap */
.fp-auth-body .fp-orders-page .fp-order-link-col {
    width: 260px;
    min-width: 220px;
    max-width: 320px;
}

.fp-auth-body .fp-orders-page .fp-order-link-col > a {
    display: inline;
    color: var(--fp-accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-decoration: none;
}

.fp-auth-body .fp-orders-page .fp-order-link-col > a:hover,
.fp-auth-body .fp-orders-page .fp-order-link-col > a:focus {
    color: var(--fp-accent-strong);
    text-decoration: underline;
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-order-link-col > a[data-toggle="modal"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    color: var(--fp-text-muted);
}

/* SERVICE */
.fp-auth-body .fp-orders-page .fp-order-service-id {
    display: block;
    width: max-content;
    margin: 0 0 5px;
    padding: 3px 7px;
    border: 1px solid var(--fp-border-strong);
    border-radius: 7px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .035em;
}

/* STATUS PILLS */
.fp-auth-body .fp-orders-page .fp-order-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-bg-soft);
    color: var(--fp-text-main);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.fp-auth-body .fp-orders-page .fp-order-status-pill::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--fp-text-muted);
    box-shadow: 0 0 0 3px rgba(148,163,184,.18);
}

.fp-auth-body .fp-orders-page .fp-order-status-pending {
    border-color: rgba(245,158,11,.34);
    background: rgba(245,158,11,.11);
    color: #f59e0b;
}
.fp-auth-body .fp-orders-page .fp-order-status-pending::before {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,.18);
}

.fp-auth-body .fp-orders-page .fp-order-status-inprogress,
.fp-auth-body .fp-orders-page .fp-order-status-processing {
    border-color: rgba(59,130,246,.34);
    background: rgba(59,130,246,.11);
    color: #3b82f6;
}
.fp-auth-body .fp-orders-page .fp-order-status-inprogress::before,
.fp-auth-body .fp-orders-page .fp-order-status-processing::before {
    background: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}

.fp-auth-body .fp-orders-page .fp-order-status-completed {
    border-color: rgba(34,197,94,.34);
    background: rgba(34,197,94,.11);
    color: #22c55e;
}
.fp-auth-body .fp-orders-page .fp-order-status-completed::before {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34,197,94,.18);
}

.fp-auth-body .fp-orders-page .fp-order-status-partial {
    border-color: rgba(168,85,247,.34);
    background: rgba(168,85,247,.11);
    color: #a855f7;
}
.fp-auth-body .fp-orders-page .fp-order-status-partial::before {
    background: #a855f7;
    box-shadow: 0 0 0 3px rgba(168,85,247,.18);
}

.fp-auth-body .fp-orders-page .fp-order-status-canceled {
    border-color: rgba(239,68,68,.34);
    background: rgba(239,68,68,.11);
    color: #ef4444;
}
.fp-auth-body .fp-orders-page .fp-order-status-canceled::before {
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239,68,68,.18);
}

/* ACTIONS */
.fp-auth-body .fp-orders-page .order-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.fp-auth-body .fp-orders-page .order-actions .btn {
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.fp-auth-body .fp-orders-page .order-actions .btn-primary {
    border-color: var(--fp-accent);
    background: var(--fp-accent);
    color: #fff;
}

.fp-auth-body .fp-orders-page .order-actions .btn-default {
    border-color: var(--fp-border);
    background: var(--fp-bg-soft);
    color: var(--fp-text-main);
}

.fp-auth-body .fp-orders-page .order-actions .btn:hover { transform: translateY(-1px); }

/* MODAL */
.fp-auth-body .fp-orders-page .fp-orders-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--fp-border);
    border-radius: 16px;
    background: var(--fp-panel);
    color: var(--fp-text-main);
    box-shadow: var(--fp-shadow);
}

.fp-auth-body .fp-orders-page .fp-orders-modal .modal-header {
    border-bottom: 1px solid var(--fp-border);
    background: var(--fp-bg-soft);
}

.fp-auth-body .fp-orders-page .fp-orders-modal .modal-title {
    color: var(--fp-text-main);
    font-weight: 800;
}

.fp-auth-body .fp-orders-page .fp-orders-modal .close {
    color: var(--fp-text-main);
    opacity: .75;
}

.fp-auth-body .fp-orders-page .fp-orders-modal .form-control[disabled] {
    border-color: var(--fp-border);
    background: var(--fp-bg-soft);
    color: var(--fp-text-main);
    opacity: 1;
}

/* PAGINATION */
.fp-auth-body .fp-orders-page .fp-orders-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 18px 0 0;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li { display: block; }

.fp-auth-body .fp-orders-page .fp-orders-pagination > li > a,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--fp-border);
    border-radius: 10px;
    background: var(--fp-panel);
    color: var(--fp-text-main);
    font-size: 12px;
    font-weight: 800;
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li > a:focus {
    border-color: var(--fp-accent);
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
}

.fp-auth-body .fp-orders-page .fp-orders-pagination > li.active > a,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li.active > a:hover,
.fp-auth-body .fp-orders-page .fp-orders-pagination > li.active > a:focus {
    border-color: var(--fp-accent);
    background: var(--fp-accent);
    color: #fff;
}

/* MOBILE ORDER CARDS */
@media (max-width: 767px) {
    .fp-auth-body .fp-orders-page { padding: 10px; }

    .fp-auth-body .fp-orders-page .fp-orders-card {
        padding: 10px;
        border-radius: 15px;
        overflow: visible;
    }

    .fp-auth-body .fp-orders-page .fp-orders-table-wrap {
        overflow: visible;
        padding: 0;
    }

    .fp-auth-body .fp-orders-page .fp-orders-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        min-width: 0;
        padding: 9px;
        border-radius: 13px;
        overflow: visible;
    }

    .fp-auth-body .fp-orders-page .fp-orders-filters > li { width: 100%; }

    .fp-auth-body .fp-orders-page .fp-orders-filters > li > a,
    .fp-auth-body .fp-orders-page .fp-copy-orders-selected {
        width: 100%;
        min-height: 38px;
    }

    .fp-auth-body .fp-orders-page .fp-orders-filters > li.search {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        margin: 2px 0 0;
    }

    .fp-auth-body .fp-orders-page .fp-orders-table {
        display: block;
        min-width: 0;
        width: 100%;
        background: transparent;
    }

    .fp-auth-body .fp-orders-page .fp-orders-table > thead { display: none; }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody {
        display: grid;
        gap: 12px;
        width: 100%;
    }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr {
        position: relative;
        display: block;
        overflow: hidden;
        border: 1px solid var(--fp-border);
        border-radius: 15px;
        background: radial-gradient(circle at 100% 0%, var(--fp-theme-glow-1), transparent 40%), var(--fp-panel);
        box-shadow: 0 10px 24px rgba(0,0,0,.08);
    }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr:hover > td { background: transparent; }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
        display: grid;
        grid-template-columns: minmax(105px, 38%) minmax(0, 1fr);
        align-items: start;
        gap: 12px;
        min-height: 0;
        padding: 10px 12px;
        border-bottom: 1px solid var(--fp-border);
        background: transparent;
        text-align: right;
    }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td:last-child { border-bottom: 0; }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td::before {
        content: attr(data-label);
        color: var(--fp-text-muted);
        font-size: 10px;
        font-weight: 800;
        line-height: 1.4;
        letter-spacing: .065em;
        text-align: left;
        text-transform: uppercase;
    }

    .fp-auth-body .fp-orders-page .fp-order-select-col {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end;
        width: 100%;
        padding: 9px 12px !important;
        background: var(--fp-bg-soft) !important;
    }

    .fp-auth-body .fp-orders-page .fp-order-select-col::before { margin-right: auto; }

    .fp-auth-body .fp-orders-page .fp-order-id-wrap,
    .fp-auth-body .fp-orders-page .order-actions { justify-content: flex-end; }

    .fp-auth-body .fp-orders-page .fp-order-link-col {
        width: auto;
        min-width: 0;
        max-width: none;
    }

    .fp-auth-body .fp-orders-page .fp-order-link-col > a { text-align: right; }
    .fp-auth-body .fp-orders-page .fp-order-service-id { margin-left: auto; }

    .fp-auth-body .fp-orders-page .fp-orders-pagination {
        margin-top: 14px;
        gap: 6px;
    }

    .fp-auth-body .fp-orders-page .fp-orders-pagination > li > a,
    .fp-auth-body .fp-orders-page .fp-orders-pagination > li > span {
        min-width: 35px;
        height: 35px;
        border-radius: 9px;
    }
}

@media (max-width: 380px) {
    .fp-auth-body .fp-orders-page .fp-orders-filters { grid-template-columns: 1fr; }

    .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr > td {
        grid-template-columns: minmax(88px, 34%) minmax(0, 1fr);
        gap: 9px;
        padding: 9px 10px;
    }
}

/* PEARL THEME POLISH */
html[data-fp-theme="pearl"] .fp-auth-body .fp-orders-page .fp-orders-card,
html[data-fp-theme="pearl"] .fp-auth-body .fp-orders-page .fp-orders-table > tbody > tr {
    box-shadow: 0 14px 30px rgba(31,55,91,.08);
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-orders-page .fp-orders-filters,
html[data-fp-theme="pearl"] .fp-auth-body .fp-orders-page .fp-orders-table > thead > tr > th {
    background: #f3f7fd;
}
/* =========================================================
   ORDERS PAGE TEMPLATE ENHANCEMENTS
   Uses only global FollowersProvider theme variables.
========================================================= */

.fp-auth-body .fp-orders-page {
    --fp-orders-panel: var(--fp-panel, var(--fp-bg-soft));
    --fp-orders-soft: var(--fp-bg-soft, var(--fp-panel));
    --fp-orders-border: var(--fp-border);
    --fp-orders-border-strong: var(--fp-border-strong, var(--fp-accent));
    --fp-orders-text: var(--fp-text-main);
    --fp-orders-muted: var(--fp-text-muted);
    --fp-orders-accent: var(--fp-accent);
    --fp-orders-accent-strong: var(--fp-accent-strong, var(--fp-accent));
    --fp-orders-accent-soft: var(--fp-accent-soft);
}

.fp-auth-body .fp-orders-page .fp-orders-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 14px;
    padding: 2px 2px 0;
}

.fp-auth-body .fp-orders-page .fp-orders-page-head-copy {
    min-width: 0;
}

.fp-auth-body .fp-orders-page .fp-orders-page-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: var(--fp-orders-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.fp-auth-body .fp-orders-page .fp-orders-page-title {
    margin: 0;
    color: var(--fp-orders-text);
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.035em;
}

.fp-auth-body .fp-orders-page .fp-orders-page-description {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--fp-orders-muted);
    font-size: 13px;
    line-height: 1.6;
}

.fp-auth-body .fp-orders-page .fp-orders-page-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.fp-auth-body .fp-orders-page .fp-orders-view-badge,
.fp-auth-body .fp-orders-page .fp-orders-shown-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 11px;
    border: 1px solid var(--fp-orders-border);
    border-radius: 11px;
    background: var(--fp-orders-panel);
    color: var(--fp-orders-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .06);
}

.fp-auth-body .fp-orders-page .fp-orders-view-badge {
    border-color: var(--fp-orders-border-strong);
    background: var(--fp-orders-accent-soft);
    color: var(--fp-orders-accent);
}

.fp-auth-body .fp-orders-page .fp-orders-shown-badge strong {
    color: var(--fp-orders-text);
    font-size: 13px;
}

.fp-auth-body .fp-orders-page .fp-orders-toolbar-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.fp-auth-body .fp-orders-page .fp-orders-toolbar-scroll::-webkit-scrollbar {
    display: none;
}

.fp-auth-body .fp-orders-page .fp-copy-selected-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--fp-orders-panel);
    color: var(--fp-orders-accent);
    font-size: 10px;
    font-weight: 800;
}

.fp-auth-body .fp-orders-page .fp-copy-orders-selected.is-copied,
.fp-auth-body .fp-orders-page .fp-copy-order-link.is-copied {
    border-color: rgba(34, 197, 94, .5) !important;
    background: rgba(34, 197, 94, .14) !important;
    color: #22c55e !important;
}

.fp-auth-body .fp-orders-page .fp-order-date,
.fp-auth-body .fp-orders-page .fp-order-metric {
    color: var(--fp-orders-text);
    font-variant-numeric: tabular-nums;
}

.fp-auth-body .fp-orders-page .fp-order-charge {
    font-weight: 800;
}

.fp-auth-body .fp-orders-page .fp-order-link-wrap {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.fp-auth-body .fp-orders-page .fp-order-link {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--fp-orders-accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-decoration: none;
}

.fp-auth-body .fp-orders-page .fp-order-link:hover,
.fp-auth-body .fp-orders-page .fp-order-link:focus {
    color: var(--fp-orders-accent-strong);
    text-decoration: underline;
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-order-link-actions {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 5px;
}

.fp-auth-body .fp-orders-page .fp-order-link-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    min-width: 27px;
    height: 27px;
    margin: 0 !important;
    padding: 0;
    border: 1px solid var(--fp-orders-border);
    border-radius: 8px;
    background: var(--fp-orders-soft);
    color: var(--fp-orders-muted);
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease;
}

.fp-auth-body .fp-orders-page .fp-order-link-action:hover,
.fp-auth-body .fp-orders-page .fp-order-link-action:focus {
    transform: translateY(-1px);
    border-color: var(--fp-orders-accent);
    background: var(--fp-orders-accent-soft);
    color: var(--fp-orders-accent);
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-order-service-wrap {
    min-width: 190px;
}

.fp-auth-body .fp-orders-page .fp-order-service-name {
    display: block;
    color: var(--fp-orders-text);
    font-weight: 700;
    line-height: 1.45;
}

.fp-auth-body .fp-orders-page .fp-order-status-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fp-auth-body .fp-orders-page .fp-order-status-reason {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    min-width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid var(--fp-orders-border);
    border-radius: 8px;
    background: var(--fp-orders-soft);
    color: var(--fp-orders-muted);
}

.fp-auth-body .fp-orders-page .fp-order-status-reason:hover,
.fp-auth-body .fp-orders-page .fp-order-status-reason:focus {
    border-color: var(--fp-orders-accent);
    color: var(--fp-orders-accent);
    outline: none;
}

.fp-auth-body .fp-orders-page .fp-order-refilling {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--fp-orders-accent);
    font-size: 11px;
    font-weight: 800;
}

.fp-auth-body .fp-orders-page .order-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.fp-auth-body .fp-orders-page .fp-orders-empty-cell {
    padding: 42px 18px !important;
}

.fp-auth-body .fp-orders-page .fp-orders-empty-state {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    color: var(--fp-orders-muted);
    text-align: center;
}

.fp-auth-body .fp-orders-page .fp-orders-empty-state strong {
    color: var(--fp-orders-text);
    font-size: 15px;
}

.fp-auth-body .fp-orders-page .fp-orders-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border: 1px solid var(--fp-orders-border-strong);
    border-radius: 14px;
    background: var(--fp-orders-accent-soft);
    color: var(--fp-orders-accent);
    font-size: 18px;
}

.fp-auth-body .fp-orders-page .fp-orders-copy-feedback {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    max-width: min(340px, calc(100vw - 36px));
    padding: 11px 14px;
    border: 1px solid var(--fp-orders-border-strong);
    border-radius: 11px;
    background: var(--fp-orders-panel);
    color: var(--fp-orders-text);
    box-shadow: var(--fp-shadow);
    font-size: 12px;
    font-weight: 800;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}

.fp-auth-body .fp-orders-page .fp-orders-copy-feedback.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fp-rtl .fp-orders-page .fp-orders-copy-feedback {
    right: auto;
    left: 18px;
}

@media (max-width: 767px) {
    .fp-auth-body .fp-orders-page .fp-orders-page-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        padding: 0 2px;
    }

    .fp-auth-body .fp-orders-page .fp-orders-page-meta {
        justify-content: flex-start;
        width: 100%;
    }

    .fp-auth-body .fp-orders-page .fp-orders-view-badge,
    .fp-auth-body .fp-orders-page .fp-orders-shown-badge {
        flex: 1 1 auto;
        justify-content: center;
    }

    .fp-auth-body .fp-orders-page .fp-orders-toolbar-scroll {
        overflow: visible;
    }

    .fp-auth-body .fp-orders-page .fp-order-link-wrap {
        align-items: flex-end;
        flex-direction: column;
    }

    .fp-auth-body .fp-orders-page .fp-order-link {
        width: 100%;
        text-align: right;
    }

    .fp-auth-body .fp-orders-page .fp-order-link-actions {
        justify-content: flex-end;
    }

    .fp-auth-body .fp-orders-page .fp-order-service-wrap {
        min-width: 0;
        text-align: right;
    }

    .fp-auth-body .fp-orders-page .fp-order-status-wrap {
        justify-content: flex-end;
    }

    .fp-auth-body .fp-orders-page .fp-orders-copy-feedback {
        right: 10px;
        bottom: 10px;
        max-width: calc(100vw - 20px);
    }

    .fp-rtl .fp-orders-page .fp-orders-copy-feedback {
        right: auto;
        left: 10px;
    }
}

@media (max-width: 420px) {
    .fp-auth-body .fp-orders-page .fp-orders-page-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .fp-auth-body .fp-orders-page .fp-orders-page-description {
        font-size: 12px;
    }
}
.fp-auth-body .fp-orders-page .fp-order-transaction-id-copy {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fp-auth-body .fp-orders-page .fp-order-transaction-id-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 120px;
    height: 30px;
    padding: 0 12px;

    border: 1px solid var(--fp-accent);
    border-radius: 9px;

    background: var(--fp-accent-soft);
    color: var(--fp-accent);

    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.02em;
    white-space: nowrap;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    transition: all .2s ease;
}

.fp-auth-body .fp-orders-page .fp-order-transaction-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    padding: 0;

    border: 1px solid var(--fp-border);
    border-radius: 9px;

    background: var(--fp-panel);
    color: var(--fp-text-muted);

    transition: all .2s ease;
}

.fp-auth-body .fp-orders-page .fp-order-transaction-copy:hover,
.fp-auth-body .fp-orders-page .fp-order-transaction-copy:focus {
    border-color: var(--fp-accent);
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    outline: none;
}
.fp-auth-body .fp-orders-page .fp-order-transaction-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    border-bottom: 1px solid var(--fp-border);
    background: var(--fp-bg-soft);
}

.fp-auth-body .fp-orders-page .fp-order-transaction-id-copy {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

/* =========================================================
   FOLLOWERSPROVIDER REFILLS ORDER ID LATEST PATCH
   Updated Card View + Compact List order-link styling
========================================================= */

.fp-auth-body .fp-refills-page .fp-refill-order-badge,
.fp-refills-page .fp-refill-order-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--fp-text-main, var(--fp-refills-text, var(--text-color, #edf4ff)));
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  white-space: nowrap;
  text-decoration: none;
}

.fp-auth-body .fp-refills-page .fp-refill-order-badge i,
.fp-refills-page .fp-refill-order-badge i {
  color: var(--fp-accent, var(--fp-refills-accent, var(--primary-color, #2f7cff)));
}

.fp-auth-body .fp-refills-page .fp-refill-order-badge:hover,
.fp-auth-body .fp-refills-page .fp-refill-order-badge:focus,
.fp-refills-page .fp-refill-order-badge:hover,
.fp-refills-page .fp-refill-order-badge:focus {
  color: var(--fp-accent, var(--fp-refills-accent, var(--primary-color, #2f7cff)));
  text-decoration: none;
  outline: none;
}

/* Keep Service ID as a compact badge */
.fp-auth-body .fp-refills-page .fp-refill-service-id,
.fp-refills-page .fp-refill-service-id {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid var(--fp-border-strong, var(--fp-refills-border-strong, rgba(141, 163, 191, .32)));
  border-radius: 8px;
  background: var(--fp-panel, var(--fp-refills-panel, var(--card-bg, #07172d)));
  color: var(--fp-accent, var(--fp-refills-accent, var(--primary-color, #2f7cff)));
  font-size: 11px;
  font-weight: 900;
}
/* =========================================================
   PEARL THEME REFILLS CARD FIX
   Keeps Pearl light while removing white boxes behind text
========================================================= */

html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page {
    --fp-refills-panel: #ffffff;
    --fp-refills-panel-soft: #f4f7fc;
    --fp-refills-text: #10213f;
    --fp-refills-muted: #71809b;
    --fp-refills-border: #dce5f1;
    --fp-refills-border-strong: #9fc5ff;
}

/* Main card surfaces */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card {
    background: #ffffff !important;
    border-color: #dce5f1 !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-header,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-footer {
    background: #f4f7fc !important;
}

/* Text sections must stay transparent */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-body,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-row,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id small,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id strong,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-label,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-label span,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-label i,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-value,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-service-name,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-date {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Correct Pearl text colors */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id strong,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-value,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-service-name {
    color: #10213f !important;
}

html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id small,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-label,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-date {
    color: #71809b !important;
}

/* Preserve real badges */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-status-pill,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-service-id,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-copy-button,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-open-button {
    background-image: none !important;
}
/* =========================================================
   PEARL REFILLS FINAL WHITE BACKGROUND FIX
   Refill ID block + footer action row
========================================================= */

/* Refill ID text area */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-heading,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id small,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id strong {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Footer container */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-footer,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-actions {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Individual footer buttons */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-copy-button,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-open-button {
    background: #f4f7fc !important;
    background-color: #f4f7fc !important;
    background-image: none !important;
    border-color: #9fc5ff !important;
    box-shadow: none !important;
}

/* Remove any white pseudo-elements behind them */
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-heading::before,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-heading::after,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id::before,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id::after,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-actions::before,
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-actions::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================================
   REFILL ID HEADER MATCHES ORDERS PAGE
========================================================= */

.fp-auth-body .fp-refills-page .fp-refill-card-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.fp-auth-body .fp-refills-page .fp-refill-card-check {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin: 0;
    border: 1px solid var(--fp-border-strong);
    border-radius: 10px;
    background: var(--fp-panel);
}

.fp-auth-body .fp-refills-page .fp-refill-card-id-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    background: transparent !important;
}

.fp-auth-body .fp-refills-page .fp-refill-card-id-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--fp-accent);
    border-radius: 8px;
    background: var(--fp-accent-soft) !important;
    color: var(--fp-accent);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.02em;
    white-space: nowrap;
}

.fp-auth-body .fp-refills-page .fp-refill-card-id-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-height: 28px;
    flex: 0 0 28px;
    padding: 0;
    border: 1px solid var(--fp-border);
    border-radius: 8px;
    background: var(--fp-panel-soft);
    color: var(--fp-text-muted);
}

.fp-auth-body .fp-refills-page .fp-refill-card-id-copy:hover,
.fp-auth-body .fp-refills-page .fp-refill-card-id-copy:focus {
    border-color: var(--fp-accent);
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    outline: none;
}

.fp-auth-body .fp-refills-page .fp-refill-card-id-copy.is-copied {
    border-color: rgba(34, 197, 94, .5);
    background: rgba(34, 197, 94, .14);
    color: #22c55e;
}

/* Pearl theme */
html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refills-page
.fp-refill-card-id-actions {
    background: transparent !important;
}
html[data-fp-theme="pearl"] .fp-auth-body .fp-refills-page .fp-refill-card-id-badge {
    background: var(--fp-accent-soft) !important;
    border: 1px solid var(--fp-border-strong) !important;
    color: var(--fp-accent-strong) !important;
}

html[data-fp-theme="pearl"]
.fp-auth-body
.fp-refills-page
.fp-refill-card-id-copy {
    background: #f4f7fc !important;
}

/* ==========================================================
   RED NOIR V3 - HIGH SPECIFICITY FINAL OVERRIDES
   Forces a black-dominant theme with restrained red accents.
   Keep this block at the VERY END of the stylesheet.
========================================================== */

html[data-fp-theme="red"] body,
html[data-fp-theme="red"] .fp-auth-body,
html[data-fp-theme="red"] .fp-main-content,
html[data-fp-theme="red"] .fp-page-content {
    background:
        radial-gradient(circle at 50% 0%, rgba(217,31,38,.012), transparent 38%),
        #070708 !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-page {
    background: transparent !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-stat-card,
html[data-fp-theme="red"] .fp-auth-body .well,
html[data-fp-theme="red"] .fp-auth-body .panel {
    background: #0c0c0e !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.075) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.34) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-stat-card {
    background:
        linear-gradient(155deg, rgba(255,255,255,.012), transparent),
        #0c0c0e !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-stat-icon {
    background: rgba(217,31,38,.045) !important;
    border-color: rgba(217,31,38,.14) !important;
    box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs {
    border-bottom-color: rgba(255,255,255,.075) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs > li > a {
    background: #0d0d0f !important;
    border-color: rgba(255,255,255,.09) !important;
    color: #b9b9c0 !important;
    box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs > li > a:hover {
    background: #121214 !important;
    border-color: rgba(217,31,38,.22) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs > li.active > a,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs > li.active > a:hover,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-tabs > li.active > a:focus {
    background: linear-gradient(135deg,#d91f26,#a9141b) !important;
    border-color: #d91f26 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(217,31,38,.18) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-order-filter-panel {
    border-bottom-color: rgba(255,255,255,.07) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-order-filter-panel .fp-order-chip {
    background: #09090b !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    color: #d0d0d5 !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-order-filter-panel .fp-order-chip:hover {
    background: #101012 !important;
    border-color: rgba(217,31,38,.24) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-order-filter-panel .fp-order-chip.active {
    background: linear-gradient(135deg,#d91f26,#a9141b) !important;
    border: 1px solid #d91f26 !important;
    color: #ffffff !important;
    box-shadow: 0 7px 16px rgba(217,31,38,.16) !important;
    transform: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .form-control,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card select.form-control,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card textarea.form-control,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .select2-container--default .select2-selection--single,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .panel-body {
    background: #09090b !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.085) !important;
    color: #f2f2f4 !important;
    box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .form-control:hover,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card select.form-control:hover,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card textarea.form-control:hover {
    border-color: rgba(255,255,255,.14) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .form-control:focus,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card select.form-control:focus,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card textarea.form-control:focus,
html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .select2-container--open .select2-selection--single {
    border-color: #d91f26 !important;
    box-shadow: 0 0 0 3px rgba(217,31,38,.09) !important;
}

html[data-fp-theme="red"] .fp-auth-body .fp-neworder-card .control-label {
    color: #e6e6e9 !important;
}

html[data-fp-theme="red"] .fp-auth-body .btn-primary,
html[data-fp-theme="red"] .fp-auth-body button.btn-primary {
    background: linear-gradient(135deg,#d91f26,#a9141b) !important;
    border-color: #d91f26 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(217,31,38,.16) !important;
}

html[data-fp-theme="red"] .fp-auth-body .btn-primary:hover,
html[data-fp-theme="red"] .fp-auth-body .btn-primary:focus {
    background: linear-gradient(135deg,#e52b32,#b5161e) !important;
    border-color: #e52b32 !important;
    box-shadow: 0 9px 20px rgba(217,31,38,.20) !important;
}

html[data-fp-theme="red"] .fp-mobile-topbar,
html[data-fp-theme="red"] .fp-sidebar {
    background: #09090b !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.07) !important;
}

html[data-fp-theme="red"] .fp-theme-switcher-toggle,
html[data-fp-theme="red"] .fp-mobile-menu-toggle {
    background: #0d0d0f !important;
    border-color: rgba(217,31,38,.22) !important;
    box-shadow: none !important;
}

html[data-fp-theme="red"] .fp-auth-body::before,
html[data-fp-theme="red"] .fp-auth-body::after,
html[data-fp-theme="red"] body::before,
html[data-fp-theme="red"] body::after {
    opacity: .15 !important;
    filter: saturate(.65) !important;
}
/* =========================================================
   RED THEME - LANGUAGE & CURRENCY CARDS
   Match both sidebar selector cards
========================================================= */

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-utility-btn {
    min-height: 62px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 16px !important;
    background: #0d0d0f !important;
    color: #f7f7f8 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;
}

/* Remove the solid red USD card */
html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-utility-btn.is-currency {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: #0d0d0f !important;
}

/* Icons and arrows keep the theme color */
html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle i,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle i,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle .caret,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle .caret,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-utility-btn i,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-utility-btn .caret {
    color: var(--fp-accent) !important;
}

/* Hover and open dropdown state */
html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle:hover,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle:focus,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle:hover,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle:focus,

html[data-fp-theme="red"]
.fp-auth-body
.open > .fp-sidebar-language-toggle,

html[data-fp-theme="red"]
.fp-auth-body
.open > .fp-sidebar-currency-toggle {
    border-color: rgba(217, 31, 38, 0.42) !important;
    background: rgba(217, 31, 38, 0.07) !important;
    color: #ffffff !important;
    box-shadow:
        0 0 0 3px rgba(217, 31, 38, 0.08),
        0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

/* Keep the displayed language and currency bright */
html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-language-toggle strong,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-currency-toggle strong,

html[data-fp-theme="red"]
.fp-auth-body
.fp-sidebar-utility-btn strong {
    color: #ffffff !important;
}

/* =========================================================
   DRIP FEED - FOLLOW ACTIVE THEME COLORS
========================================================= */

.fp-auth-body .fp-drip-page {
    --fp-drip-accent: var(--fp-accent);
    --fp-drip-accent-strong: var(--fp-accent-strong, var(--fp-accent));
    --fp-drip-accent-soft: var(--fp-accent-soft);

    --fp-drip-panel: var(--fp-panel);
    --fp-drip-soft: var(--fp-bg-soft);

    --fp-drip-border: var(--fp-border);
    --fp-drip-border-strong: var(--fp-border-strong);

    --fp-drip-text: var(--fp-text-main);
    --fp-drip-muted: var(--fp-text-muted);
}

/* Hero */
.fp-auth-body .fp-drip-page .fp-drip-hero {
    border-color: var(--fp-drip-border) !important;
    background:
        radial-gradient(
            circle at 12% 12%,
            var(--fp-drip-accent-soft),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 72%,
            var(--fp-theme-glow-2),
            transparent 34%
        ),
        var(--fp-drip-panel) !important;
    color: var(--fp-drip-text) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-eyebrow,
.fp-auth-body .fp-drip-page .fp-drip-hero-icon {
    color: var(--fp-drip-accent) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-hero h1 {
    color: var(--fp-drip-text) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-hero p {
    color: var(--fp-drip-muted) !important;
}

/* Filter cards */
.fp-auth-body .fp-drip-page .fp-drip-filter-card {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-panel) !important;
    color: var(--fp-drip-text) !important;
    box-shadow: var(--fp-shadow) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-filter-card:hover {
    border-color: var(--fp-drip-accent) !important;
    background: var(--fp-drip-accent-soft) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-filter-card.active {
    border-color: var(--fp-drip-accent) !important;
    background:
        linear-gradient(
            135deg,
            var(--fp-drip-accent-soft),
            var(--fp-drip-panel)
        ) !important;
    box-shadow:
        0 0 0 1px var(--fp-drip-accent-soft),
        var(--fp-shadow) !important;
}

/* Filter icons */
.fp-auth-body .fp-drip-page .fp-drip-filter-icon {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-accent-soft) !important;
    color: var(--fp-drip-accent) !important;
}

.fp-auth-body
.fp-drip-page
.fp-drip-filter-card.active
.fp-drip-filter-icon {
    border-color: var(--fp-drip-accent) !important;
    color: var(--fp-drip-accent) !important;
}

/* Filter text */
.fp-auth-body .fp-drip-page .fp-drip-filter-card strong {
    color: var(--fp-drip-text) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-filter-card small {
    color: var(--fp-drip-muted) !important;
}

/* Main records panel */
.fp-auth-body .fp-drip-page .fp-drip-records,
.fp-auth-body .fp-drip-page .fp-drip-card,
.fp-auth-body .fp-drip-page .fp-drip-mobile-card {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-panel) !important;
    color: var(--fp-drip-text) !important;
}

/* ID and service badges */
.fp-auth-body .fp-drip-page .fp-drip-id-badge,
.fp-auth-body .fp-drip-page .fp-drip-service-id,
.fp-auth-body .fp-drip-page .fp-drip-service-id-badge {
    border-color: var(--fp-drip-accent) !important;
    background: var(--fp-drip-accent-soft) !important;
    color: var(--fp-drip-accent) !important;
}

/* View switch */
.fp-auth-body .fp-drip-page .fp-drip-view-button {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--fp-drip-muted) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-view-button.active,
.fp-auth-body .fp-drip-page .fp-drip-view-button.is-active {
    border-color: var(--fp-drip-accent) !important;
    background: var(--fp-drip-accent) !important;
    color: var(--fp-accent-contrast, #ffffff) !important;
}

/* Search */
.fp-auth-body .fp-drip-page .fp-drip-search-box,
.fp-auth-body .fp-drip-page .fp-drip-search-wrap {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-soft) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-search-box:focus-within,
.fp-auth-body .fp-drip-page .fp-drip-search-wrap:focus-within {
    border-color: var(--fp-drip-accent) !important;
    box-shadow: 0 0 0 3px var(--fp-drip-accent-soft) !important;
}

/* Primary actions */
.fp-auth-body .fp-drip-page .fp-drip-action-primary,
.fp-auth-body .fp-drip-page .fp-drip-copy-button:hover,
.fp-auth-body .fp-drip-page .fp-drip-copy-button:focus {
    border-color: var(--fp-drip-accent) !important;
    background: var(--fp-drip-accent-soft) !important;
    color: var(--fp-drip-accent) !important;
}

/* Decorative accent lines */
.fp-auth-body .fp-drip-page .fp-drip-card::before,
.fp-auth-body .fp-drip-page .fp-drip-mobile-card::before,
.fp-auth-body .fp-drip-page .fp-drip-progress-fill {
    background: var(--fp-drip-accent) !important;
}

/* Compact table */
.fp-auth-body .fp-drip-page .fp-drip-compact-table th,
.fp-auth-body .fp-drip-page .fp-drip-table thead th {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-soft) !important;
    color: var(--fp-drip-muted) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-compact-table td,
.fp-auth-body .fp-drip-page .fp-drip-table td {
    border-color: var(--fp-drip-border) !important;
    color: var(--fp-drip-text) !important;
}

/* Pagination */
.fp-auth-body .fp-drip-page .fp-drip-pagination > li > a {
    border-color: var(--fp-drip-border) !important;
    background: var(--fp-drip-panel) !important;
    color: var(--fp-drip-muted) !important;
}

.fp-auth-body .fp-drip-page .fp-drip-pagination > li.active > a,
.fp-auth-body .fp-drip-page .fp-drip-pagination > li > a:hover {
    border-color: var(--fp-drip-accent) !important;
    background: var(--fp-drip-accent) !important;
    color: var(--fp-accent-contrast, #ffffff) !important;
}
/* =========================================================
   DASHBOARD REWARDS METER
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-meter-rewards {
    position: relative;
    overflow: hidden;
    border-color: var(--fp-border);
    background:
        radial-gradient(
            circle at 92% 18%,
            var(--fp-accent-soft),
            transparent 38%
        ),
        var(--fp-panel);
}

.fp-auth-body
.fp-dashboard-page
.fp-meter-rewards::after {
    position: absolute;
    top: -34px;
    right: -26px;
    width: 110px;
    height: 110px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-accent-soft);
    content: "";
    opacity: .55;
    pointer-events: none;
}

.fp-auth-body
.fp-dashboard-page
.fp-meter-rewards .main,
.fp-auth-body
.fp-dashboard-page
.fp-meter-rewards
.fp-dashboard-redeem-button {
    position: relative;
    z-index: 1;
}

.fp-auth-body
.fp-dashboard-page
.fp-meter-rewards .icon {
    color: var(--fp-accent);
}

.fp-auth-body
.fp-dashboard-page
#fp-dashboard-reward-details {
    display: block;
    margin-top: 3px;
    color: var(--fp-text-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 30px;
    margin: 10px 16px 14px;
    padding: 6px 11px;
    border: 1px solid var(--fp-accent);
    border-radius: 9px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button:hover,
.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button:focus {
    background: var(--fp-accent);
    color: var(--fp-accent-contrast, #ffffff);
    outline: none;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button:disabled {
    opacity: .42;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .fp-auth-body
    .fp-dashboard-page
    .fp-dashboard-redeem-button {
        width: calc(100% - 24px);
        margin: 8px 12px 12px;
    }
}
/* =========================================================
   FP REWARDS BETA CARD
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-card {
    position: relative;
    min-height: 100%;
    padding: 22px;
    overflow: hidden;
    border: 1px solid var(--fp-border);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 92% 12%,
            var(--fp-accent-soft),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            var(--fp-panel),
            var(--fp-bg-soft)
        );
    box-shadow: var(--fp-shadow);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-card::before {
    position: absolute;
    top: -70px;
    right: -55px;
    width: 210px;
    height: 210px;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-accent-soft);
    content: "";
    opacity: .45;
    pointer-events: none;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-top,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-value-row,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-info,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-footer {
    position: relative;
    z-index: 1;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid var(--fp-border-strong);
    border-radius: 16px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 23px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-title-row {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-title-row h3 {
    margin: 0;
    color: var(--fp-text-main);
    font-size: 21px;
    font-weight: 900;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-label {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid var(--fp-accent);
    border-radius: 999px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .09em;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-heading p {
    max-width: 420px;
    margin: 6px 0 0;
    color: var(--fp-text-muted);
    font-size: 12px;
    line-height: 1.55;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-balance {
    min-width: 145px;
    text-align: right;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-balance strong {
    display: block;
    color: var(--fp-text-main);
    font-size: 31px;
    font-weight: 950;
    line-height: 1;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-balance span {
    display: block;
    margin-top: 7px;
    color: var(--fp-text-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-value-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid var(--fp-border);
    border-radius: 14px;
    background: var(--fp-bg-soft);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-value-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--fp-text-muted);
    font-size: 11px;
    font-weight: 800;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-value-row strong {
    color: var(--fp-accent);
    font-size: 17px;
    font-weight: 900;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress {
    margin-top: 18px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress-head span {
    color: var(--fp-text-muted);
    font-size: 11px;
    font-weight: 700;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress-head strong {
    color: var(--fp-accent);
    font-size: 11px;
    font-weight: 900;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress-track {
    height: 8px;
    overflow: hidden;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    background: var(--fp-bg-soft);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-progress-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            var(--fp-accent),
            var(--fp-accent-strong, var(--fp-accent))
        );
    box-shadow: 0 0 14px var(--fp-accent-soft);
    transition: width .45s ease;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-info > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 11px;
    border: 1px solid var(--fp-border);
    border-radius: 12px;
    background: var(--fp-bg-soft);
    color: var(--fp-text-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.45;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-info i {
    margin-top: 2px;
    color: var(--fp-accent);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
}

.fp-auth-body
.fp-dashboard-page
#fp-dashboard-reward-details {
    color: var(--fp-text-muted);
    font-size: 10px;
    font-weight: 700;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid var(--fp-accent);
    border-radius: 11px;
    background: var(--fp-accent-soft);
    color: var(--fp-accent);
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button:hover,
.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button:focus {
    background: var(--fp-accent);
    color: var(--fp-accent-contrast, #ffffff);
    outline: none;
}

.fp-auth-body
.fp-dashboard-page
a.fp-dashboard-redeem-button {
    text-decoration: none !important;
}

.fp-auth-body
.fp-dashboard-page
.fp-dashboard-redeem-button.is-disabled {
    opacity: .42;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 767px) {
    .fp-auth-body
    .fp-dashboard-page
    .fp-rewards-beta-top,
    .fp-auth-body
    .fp-dashboard-page
    .fp-rewards-beta-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .fp-auth-body
    .fp-dashboard-page
    .fp-rewards-beta-balance {
        text-align: left;
    }

    .fp-auth-body
    .fp-dashboard-page
    .fp-rewards-beta-info {
        grid-template-columns: 1fr;
    }

    .fp-auth-body
    .fp-dashboard-page
    .fp-dashboard-redeem-button {
        width: 100%;
    }
}
/* =========================================================
   FP REWARDS - MOBILE LAYOUT FIX
   Paste this AFTER your current dashboard CSS.
========================================================= */

/* ---------- Current Reward Tier Card ---------- */

.fp-dashboard-page .fp-rewards-tier-panel{
  position:relative !important;
  display:block !important;
  margin:18px 0 0 !important;
  padding:16px !important;
  border:1px solid var(--fp-border,rgba(255,255,255,.12)) !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg,var(--fp-accent-soft,rgba(47,124,255,.12)),transparent 72%),
    var(--fp-bg-soft,rgba(5,15,30,.72)) !important;
  overflow:hidden !important;
}

.fp-dashboard-page .fp-rewards-tier-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.fp-dashboard-page .fp-rewards-tier-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  flex:0 0 46px !important;
  border:1px solid var(--fp-border-strong,rgba(47,124,255,.45)) !important;
  border-radius:14px !important;
  background:var(--fp-accent-soft,rgba(47,124,255,.14)) !important;
  color:var(--fp-accent,#2f7cff) !important;
  font-size:19px !important;
}

.fp-dashboard-page .fp-rewards-tier-copy{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  line-height:1.25 !important;
}

.fp-dashboard-page .fp-rewards-tier-copy small{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.fp-dashboard-page .fp-rewards-tier-copy strong{
  display:block !important;
  margin:0 !important;
  color:var(--fp-text-main,#f4f7ff) !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
}

.fp-dashboard-page .fp-rewards-tier-copy span{
  display:block !important;
  margin:5px 0 0 !important;
  color:var(--fp-accent,#2f7cff) !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.35 !important;
}

.fp-dashboard-page .fp-rewards-tier-lock{
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  margin-top:14px !important;
  padding-top:13px !important;
  border-top:1px solid var(--fp-border,rgba(255,255,255,.1)) !important;
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.55 !important;
}

.fp-dashboard-page .fp-rewards-tier-lock i{
  flex:0 0 auto !important;
  margin-top:3px !important;
  color:var(--fp-accent,#2f7cff) !important;
}

/* ---------- Reward Sync Card ---------- */

.fp-dashboard-page .fp-rewards-sync-notice{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin:14px 0 0 !important;
  padding:16px !important;
  border:1px solid var(--fp-border-strong,rgba(47,124,255,.38)) !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg,var(--fp-accent-soft,rgba(47,124,255,.13)),transparent 78%),
    var(--fp-panel,rgba(7,18,36,.84)) !important;
}

.fp-dashboard-page .fp-rewards-sync-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  flex:0 0 44px !important;
  border:1px solid var(--fp-border-strong,rgba(47,124,255,.4)) !important;
  border-radius:14px !important;
  background:var(--fp-accent-soft,rgba(47,124,255,.14)) !important;
  color:var(--fp-accent,#2f7cff) !important;
  font-size:18px !important;
}

.fp-dashboard-page .fp-rewards-sync-notice > div{
  min-width:0 !important;
}

.fp-dashboard-page .fp-rewards-sync-notice strong{
  display:block !important;
  margin:0 !important;
  color:var(--fp-text-main,#f4f7ff) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

.fp-dashboard-page .fp-rewards-sync-notice p{
  display:block !important;
  margin:6px 0 0 !important;
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.55 !important;
}

/* ---------- Small Reward Information Cards ---------- */

.fp-dashboard-page .fp-rewards-premium-info{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:14px 0 0 !important;
}

.fp-dashboard-page .fp-rewards-premium-info > div{
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  min-height:54px !important;
  padding:13px !important;
  border:1px solid var(--fp-border,rgba(255,255,255,.11)) !important;
  border-radius:15px !important;
  background:var(--fp-bg-soft,rgba(5,15,30,.72)) !important;
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

.fp-dashboard-page .fp-rewards-premium-info i{
  flex:0 0 auto !important;
  margin-top:2px !important;
  color:var(--fp-accent,#2f7cff) !important;
}

/* ---------- Redemption Guide ---------- */

.fp-dashboard-page .fp-rewards-beta-redeem-guide{
  margin-top:16px !important;
  padding:16px !important;
  border:1px solid var(--fp-border,rgba(255,255,255,.11)) !important;
  border-radius:18px !important;
  background:var(--fp-bg-soft,rgba(5,15,30,.72)) !important;
}

.fp-dashboard-page .fp-rewards-beta-guide-title{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 0 12px !important;
  color:var(--fp-text-main,#f4f7ff) !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.fp-dashboard-page .fp-rewards-beta-guide-title i{
  color:var(--fp-accent,#2f7cff) !important;
}

.fp-dashboard-page .fp-rewards-beta-redeem-guide ol{
  margin:0 !important;
  padding-left:22px !important;
}

.fp-dashboard-page .fp-rewards-beta-redeem-guide li{
  margin:0 0 8px !important;
  padding-left:4px !important;
  color:var(--fp-text-main,#f4f7ff) !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

.fp-dashboard-page .fp-rewards-beta-redeem-guide li:last-child{
  margin-bottom:0 !important;
}

.fp-dashboard-page .fp-rewards-beta-redeem-guide p{
  margin:14px 0 0 !important;
  padding-top:13px !important;
  border-top:1px solid var(--fp-border,rgba(255,255,255,.1)) !important;
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:10px !important;
  line-height:1.55 !important;
}

/* ---------- Footer / Redemption Button ---------- */

.fp-dashboard-page .fp-rewards-beta-footer{
  display:grid !important;
  gap:12px !important;
  margin-top:14px !important;
}

.fp-dashboard-page .fp-rewards-beta-footer small{
  color:var(--fp-text-muted,#9ba8bb) !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

.fp-dashboard-page .fp-dashboard-redeem-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  width:100% !important;
  min-height:52px !important;
  padding:13px 16px !important;
  border:1px solid var(--fp-border-strong,rgba(47,124,255,.5)) !important;
  border-radius:15px !important;
  background:var(--fp-accent-soft,rgba(47,124,255,.14)) !important;
  color:var(--fp-accent,#2f7cff) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-align:center !important;
  text-decoration:none !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* ---------- Mobile ---------- */

@media(max-width:767px){
  .fp-dashboard-page .fp-rewards-premium-info{
    grid-template-columns:1fr !important;
  }

  .fp-dashboard-page .fp-rewards-tier-panel,
  .fp-dashboard-page .fp-rewards-sync-notice,
  .fp-dashboard-page .fp-rewards-beta-redeem-guide{
    padding:14px !important;
  }

  .fp-dashboard-page .fp-rewards-tier-copy strong{
    font-size:20px !important;
  }

  .fp-dashboard-page .fp-rewards-tier-copy span,
  .fp-dashboard-page .fp-rewards-sync-notice p,
  .fp-dashboard-page .fp-rewards-beta-redeem-guide li{
    font-size:10px !important;
  }
}
/* =========================================================
   RED THEME
   Match language and currency sizing with all other themes
========================================================= */

html[data-fp-theme="red"]
.fp-sidebar-utility-row
.fp-sidebar-utility-btn,

html[data-fp-theme="red"]
.fp-sidebar-utility-row
.fp-sidebar-bal-btn,

html[data-fp-theme="red"]
.fp-sidebar-utility-row
.fp-sidebar-language-toggle {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    border-radius: 10px !important;
    font-size: inherit !important;
}

html[data-fp-theme="red"]
.fp-sidebar-utility-main {
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

html[data-fp-theme="red"]
.fp-sidebar-utility-main > i {
    width: 15px !important;
    flex: 0 0 15px !important;
    font-size: 13px !important;
}

html[data-fp-theme="red"]
.fp-sidebar-language-short-code,

html[data-fp-theme="red"]
#fp-current-currency {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
}

html[data-fp-theme="red"]
.fp-sidebar-language-flag {
    width: auto !important;
    height: auto !important;
    font-size: 16px !important;
    line-height: 1 !important;
    transform: none !important;
}

html[data-fp-theme="red"]
.fp-currency-caret,

html[data-fp-theme="red"]
.fp-language-caret {
    font-size: 10px !important;
    transform: none;
}
/* =========================================================
   FP REWARDS AVAILABLE + LIFETIME POINTS
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-points-summary {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 22px;
  flex: 0 0 auto;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-balance,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-lifetime {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  min-width: 0;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-lifetime {
  position: relative;
  padding-left: 22px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-lifetime::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 1px;
  background: var(--fp-border);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-lifetime strong {
  color: var(--fp-accent);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-beta-lifetime span {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-top {
    align-items: flex-start;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-points-summary {
    width: 100%;
    justify-content: flex-start;
    gap: 18px;
    margin-top: 20px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-balance,
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-lifetime {
    align-items: flex-start;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-lifetime {
    padding-left: 18px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-beta-lifetime strong {
    font-size: 20px;
  }
}
/* =========================================================
   FP REWARDS VIP PREMIUM SUMMARY
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-summary {
  position: relative;
  display: grid;
  grid-template-columns:
    minmax(220px, .9fr)
    minmax(330px, 1.35fr);
  gap: 20px;
  width: 100%;
  margin-top: 24px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: 20px;
  background:
    radial-gradient(
      circle at 15% 10%,
      color-mix(in srgb, var(--fp-accent) 18%, transparent),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-card) 94%, black),
      color-mix(in srgb, var(--fp-card) 76%, black)
    );
  box-shadow:
    0 20px 45px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .035);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-summary::after {
  content: "";
  position: absolute;
  top: -90px;
  right: -70px;
  width: 240px;
  height: 240px;
  border: 1px solid
    color-mix(in srgb, var(--fp-accent) 20%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 0 34px
      color-mix(in srgb, var(--fp-accent) 4%, transparent),
    0 0 0 72px
      color-mix(in srgb, var(--fp-accent) 3%, transparent);
  pointer-events: none;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-available {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 4px 4px 4px 2px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--fp-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #46d99a;
  box-shadow: 0 0 14px rgba(70, 217, 154, .65);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-available > strong {
  display: block;
  margin-top: 12px;
  color: var(--fp-text-main);
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: .95;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-caption {
  margin-top: 10px;
  color: var(--fp-text-muted);
  font-size: 11px;
  font-weight: 650;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metrics {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 122px;
  padding: 15px;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .012)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background:
    color-mix(in srgb, var(--fp-accent) 14%, transparent);
  color: var(--fp-accent);
  font-size: 16px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-copy small {
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-copy strong {
  overflow: hidden;
  color: var(--fp-text-main);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-credit {
  border-color:
    color-mix(in srgb, #49dca3 34%, var(--fp-border));
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-credit
.fp-rewards-vip-metric-icon {
  background: rgba(73, 220, 163, .1);
  color: #49dca3;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-credit
.fp-rewards-vip-metric-copy strong {
  color: #49dca3;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-lifetime {
  border-color:
    color-mix(in srgb, #ffd76a 30%, var(--fp-border));
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-lifetime
.fp-rewards-vip-metric-icon {
  background: rgba(255, 215, 106, .1);
  color: #ffd76a;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-lifetime
.fp-rewards-vip-metric-copy strong {
  color: #ffd76a;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-vip-metric-tier
.fp-rewards-vip-metric-copy strong {
  color: var(--fp-accent);
}

@media (max-width: 991px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-summary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-summary {
    gap: 18px;
    margin-top: 22px;
    padding: 18px;
    border-radius: 18px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-available > strong {
    font-size: 48px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-metric {
    min-height: 108px;
    padding: 13px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-metric-tier {
    grid-column: 1 / -1;
    min-height: 92px;
    flex-direction: row;
    align-items: center;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-metric-tier
  .fp-rewards-vip-metric-copy {
    flex: 1;
    text-align: right;
  }
}

@media (max-width: 420px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-summary {
    padding: 16px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-available > strong {
    font-size: 44px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-vip-metric-copy strong {
    font-size: 15px;
  }
}
/* =========================================================
   FOLLOWERSPROVIDER LOGIN ANNOUNCEMENT
========================================================= */

.fp-login-announcement {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    margin: 18px auto 24px;
    padding: 25px 76px 25px 24px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-accent) 38%,
            var(--fp-border)
        );
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(46, 213, 148, .18),
            transparent 34%
        ),
        radial-gradient(
            circle at 100% 70%,
            color-mix(
                in srgb,
                var(--fp-accent) 18%,
                transparent
            ),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--fp-card) 96%,
                black
            ),
            color-mix(
                in srgb,
                var(--fp-card) 80%,
                black
            )
        );
    box-shadow:
        0 22px 52px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    animation:
        fpLoginAnnouncementEnter .45s ease both;
}

.fp-login-announcement[hidden] {
    display: none !important;
}

.fp-login-announcement::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    top: -205px;
    right: -105px;
    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-accent) 18%,
            transparent
        );
    border-radius: 50%;
    box-shadow:
        0 0 0 54px
            color-mix(
                in srgb,
                var(--fp-accent) 4%,
                transparent
            ),
        0 0 0 108px
            color-mix(
                in srgb,
                var(--fp-accent) 2%,
                transparent
            );
    pointer-events: none;
    z-index: 0;
}

.fp-login-announcement::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    left: 16%;
    bottom: -145px;
    border: 1px solid rgba(75, 220, 164, .12);
    border-radius: 50%;
    box-shadow:
        0 0 0 40px rgba(75, 220, 164, .025);
    pointer-events: none;
    z-index: 0;
}

.fp-login-announcement > * {
    position: relative;
    z-index: 2;
}

.fp-login-announcement-icons {
    display: flex;
    flex-shrink: 0;
    gap: 8px;
}

.fp-login-announcement-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--fp-border);
    border-radius: 15px;
    font-size: 19px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045);
}

.fp-login-announcement-icon-gift {
    color: #4bdca4;
    border-color: rgba(75, 220, 164, .3);
    background: rgba(75, 220, 164, .1);
}

.fp-login-announcement-icon-points {
    color: #ffd76a;
    border-color: rgba(255, 215, 106, .3);
    background: rgba(255, 215, 106, .1);
}

.fp-login-announcement-icon-tier {
    color: var(--fp-accent);
    border-color:
        color-mix(
            in srgb,
            var(--fp-accent) 34%,
            var(--fp-border)
        );
    background:
        color-mix(
            in srgb,
            var(--fp-accent) 11%,
            transparent
        );
}

.fp-login-announcement-copy {
    min-width: 0;
    flex: 1;
}

.fp-login-announcement-kicker {
    display: block;
    margin-bottom: 5px;
    color: #4bdca4;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.fp-login-announcement-copy h2 {
    margin: 0 0 6px;
    color: var(--fp-text-main);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.fp-login-announcement-copy p {
    max-width: 680px;
    margin: 0 0 15px;
    color: var(--fp-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.fp-login-announcement-button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 16px;
    border: 1px solid rgba(75, 220, 164, .42);
    border-radius: 13px;
    color: #55e4b1 !important;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none !important;
    background: rgba(75, 220, 164, .1);
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.fp-login-announcement-button:hover,
.fp-login-announcement-button:focus {
    transform: translateY(-1px);
    border-color: rgba(75, 220, 164, .7);
    background: rgba(75, 220, 164, .16);
}

.fp-login-announcement-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 13px;
    color: var(--fp-text-muted);
    font-size: 18px;
    background: rgba(255, 255, 255, .055);
    cursor: pointer;
    transition:
        transform .18s ease,
        color .18s ease,
        background .18s ease;
}

.fp-login-announcement-close:hover {
    transform: scale(1.04);
    color: var(--fp-text-main);
    background: rgba(255, 255, 255, .1);
}

.fp-login-announcement-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background:
        linear-gradient(
            90deg,
            #4bdca4,
            var(--fp-accent),
            #a989ff
        );
}

.fp-login-announcement.is-closing {
    animation:
        fpLoginAnnouncementClose .3s ease forwards;
}

@keyframes fpLoginAnnouncementEnter {
    from {
        opacity: 0;
        transform: translateY(-14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fpLoginAnnouncementClose {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-12px);
    }
}

/* Announcement mobile fix */
@media (max-width: 767px) {
    .fp-login-announcement {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 14px 0 20px !important;
        padding: 18px 16px !important;
        border-radius: 19px !important;
    }

    .fp-login-announcement-icons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 7px !important;
        width: 46px !important;
        margin: 0 !important;
    }

    .fp-login-announcement-icon {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        border-radius: 13px !important;
        font-size: 16px !important;
    }

    .fp-login-announcement-copy {
        min-width: 0 !important;
        width: 100% !important;
        padding-right: 42px !important;
    }

    .fp-login-announcement-kicker {
        margin-bottom: 5px !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    .fp-login-announcement-copy h2 {
        margin: 0 0 8px !important;
        font-size: 22px !important;
        line-height: 1.18 !important;
    }

    .fp-login-announcement-copy p {
        margin: 0 0 15px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    .fp-login-announcement-button {
        width: auto !important;
        min-height: 42px !important;
        padding: 9px 14px !important;
        font-size: 12px !important;
    }

    .fp-login-announcement-close {
        top: 14px !important;
        right: 14px !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .fp-login-announcement {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
        padding: 15px 16px 17px !important;
    }

    .fp-login-announcement-icons {
        flex-direction: row !important;
        width: auto !important;
        margin: 0 44px 0 0 !important;
        gap: 5px !important;
    }

    .fp-login-announcement-copy {
        padding-right: 0 !important;
    }

    .fp-login-announcement-copy h2 {
        font-size: 21px !important;
    }

    .fp-login-announcement-copy p {
        margin-bottom: 12px !important;
    }

    .fp-login-announcement-button {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fp-login-announcement,
    .fp-login-announcement.is-closing {
        animation: none;
    }
}


/* =========================================================
   FP REWARDS HISTORY
   Full wallet, analytics, timeline, achievements,
   verification, weekly chart, and rising bar animation
========================================================= */

/* =========================================================
   FP REWARDS HISTORY - COMPLETE CSS
   Wallet, analytics, timeline, achievements, and verification
========================================================= */
.fp-rewards-history-page {
  --fp-rh-green:#4bdca4;
  --fp-rh-gold:#ffd76a;
  --fp-rh-red:#ff6b78;
  --fp-rh-violet:#a989ff;
  --fp-rh-orange:#ffb347;
  --fp-rh-shadow:0 18px 42px rgba(0,0,0,.14);
  position:relative;
  padding:22px 0 44px;
}

/* Page header */
.fp-rewards-history-page .fp-rh-page-head {
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--fp-border);
  border-radius:20px;
  background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--fp-accent) 16%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--fp-card) 97%,black),color-mix(in srgb,var(--fp-card) 84%,black));
  box-shadow:var(--fp-rh-shadow),inset 0 1px 0 rgba(255,255,255,.03);
}

.fp-rewards-history-page .fp-rh-page-head:after {
  content:"";
  position:absolute;
  top:-88px;
  right:-62px;
  width:240px;
  height:240px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 18%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 34px color-mix(in srgb,var(--fp-accent) 4%,transparent),0 0 0 72px color-mix(in srgb,var(--fp-accent) 2%,transparent);
  pointer-events:none
}

.fp-rewards-history-page .fp-rh-page-head>* {
  position:relative;
  z-index:2
}

.fp-rewards-history-page .fp-rh-eyebrow,.fp-rewards-history-page .fp-rh-kicker,.fp-rewards-history-page .fp-rh-wallet-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--fp-accent);
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-eyebrow em {
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:2px 8px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 48%,var(--fp-border));
  border-radius:999px;
  background:color-mix(in srgb,var(--fp-accent) 11%,transparent);
  color:var(--fp-accent);
  font-size:8px;
  font-style:normal;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-page-head h1 {
  margin:9px 0 5px;
  color:var(--fp-text-main);
  font-size:clamp(27px,4vw,40px);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.05
}

.fp-rewards-history-page .fp-rh-page-head p,.fp-rewards-history-page .fp-rh-panel-head p,.fp-rewards-history-page .fp-rh-wallet-title p {
  margin:0;
  color:var(--fp-text-muted);
  font-size:12px;
  line-height:1.65
}

.fp-rewards-history-page .fp-rh-head-actions {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}

.fp-rewards-history-page .fp-rh-btn {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid var(--fp-border);
  border-radius:12px;
  color:var(--fp-text-main);
  font-size:10px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  transition:.18s ease
}

.fp-rewards-history-page .fp-rh-btn:hover {
  transform:translateY(-1px);
  text-decoration:none
}

.fp-rewards-history-page .fp-rh-btn-ghost {
  background:rgba(255,255,255,.02)
}

.fp-rewards-history-page .fp-rh-btn-primary {
  border-color:color-mix(in srgb,var(--fp-accent) 42%,var(--fp-border));
  background:color-mix(in srgb,var(--fp-accent) 13%,transparent);
  color:var(--fp-accent)
}

/* Wallet heading */
.fp-rewards-history-page .fp-rh-wallet-shell {
  position:relative;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-wallet-shell-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px
}

.fp-rewards-history-page .fp-rh-wallet-title {
  min-width:0;
  display:block
}

.fp-rewards-history-page .fp-rh-wallet-heading-row {
  display:flex;
  align-items:center;
  gap:14px;
  margin:12px 0 10px
}

.fp-rewards-history-page .fp-rh-wallet-heading-row h2 {
  min-width:0;
  margin:0;
  color:var(--fp-text-main);
  font-size:clamp(27px,4vw,38px);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.12
}

.fp-rewards-history-page .fp-rh-wallet-title-icon {
  position:static;
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border:1px solid rgba(47,124,255,.35);
  border-radius:17px;
  background:rgba(47,124,255,.1);
  color:#2f7cff
}

.fp-rewards-history-page .fp-rh-wallet-title-icon i {
  font-size:23px;
  line-height:1;
  color:inherit
}

.fp-rewards-history-page .fp-rh-wallet-live {
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid rgba(75,220,164,.28);
  border-radius:999px;
  background:rgba(75,220,164,.07);
  color:var(--fp-rh-green);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-live i {
  font-size:6px;
  filter:drop-shadow(0 0 6px rgba(75,220,164,.8))
}

/* Wallet card */
.fp-rewards-history-page .fp-rh-wallet-card {
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 40%,var(--fp-border));
  border-radius:26px;
  background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--fp-accent) 10%,transparent),transparent 33%),linear-gradient(145deg,color-mix(in srgb,var(--fp-card) 95%,black),color-mix(in srgb,var(--fp-card) 80%,black));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 50px rgba(0,0,0,.28)
}

.fp-rewards-history-page .fp-rh-wallet-orbit {
  position:absolute;
  z-index:0;
  border:1px solid color-mix(in srgb,var(--fp-accent) 16%,transparent);
  border-radius:50%;
  pointer-events:none
}

.fp-rewards-history-page .fp-rh-wallet-orbit-one {
  width:420px;
  height:420px;
  top:-235px;
  right:-115px;
  box-shadow:0 0 0 72px color-mix(in srgb,var(--fp-accent) 3%,transparent)
}

.fp-rewards-history-page .fp-rh-wallet-orbit-two {
  width:250px;
  height:250px;
  bottom:-180px;
  left:26%;
  box-shadow:0 0 0 48px color-mix(in srgb,var(--fp-accent) 2.5%,transparent)
}

.fp-rewards-history-page .fp-rh-wallet-card>:not(.fp-rh-wallet-orbit) {
  position:relative;
  z-index:1
}

.fp-rewards-history-page .fp-rh-wallet-main {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  gap:18px;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-wallet-balance,.fp-rewards-history-page .fp-rh-wallet-credit {
  border:1px solid var(--fp-border);
  border-radius:22px;
  background:color-mix(in srgb,var(--fp-card) 92%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}

.fp-rewards-history-page .fp-rh-wallet-balance {
  padding:24px
}

.fp-rewards-history-page .fp-rh-wallet-label {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
  color:var(--fp-text-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-label i {
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-wallet-balance>strong {
  display:block;
  margin-bottom:2px;
  color:var(--fp-text-main);
  font-size:clamp(44px,6vw,72px);
  font-weight:950;
  line-height:.98;
  letter-spacing:-.045em;
  text-shadow:0 0 26px color-mix(in srgb,var(--fp-accent) 24%,transparent)
}

.fp-rewards-history-page .fp-rh-wallet-balance>small {
  display:block;
  color:var(--fp-text-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-protection {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px
}

.fp-rewards-history-page .fp-rh-wallet-protection span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--fp-text-muted);
  font-size:11px;
  font-weight:700
}

.fp-rewards-history-page .fp-rh-wallet-protection i {
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-wallet-credit {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px;
  border-color:rgba(72,221,170,.32);
  background:linear-gradient(145deg,rgba(72,221,170,.085),rgba(72,221,170,.025))
}

.fp-rewards-history-page .fp-rh-wallet-credit small {
  margin-bottom:8px;
  color:var(--fp-text-muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-credit strong {
  color:#55dda9;
  font-size:32px;
  font-weight:950
}

/* Wallet stats */
.fp-rewards-history-page .fp-rh-wallet-stat-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-wallet-stat {
  min-width:0;
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px;
  border:1px solid var(--fp-border);
  border-radius:19px;
  background:color-mix(in srgb,var(--fp-card) 90%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}

.fp-rewards-history-page .fp-rh-wallet-stat>span {
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--fp-border);
  border-radius:15px;
  font-size:17px
}

.fp-rewards-history-page .fp-rh-wallet-stat>div {
  min-width:0
}

.fp-rewards-history-page .fp-rh-wallet-stat small,.fp-rewards-history-page .fp-rh-wallet-rate-card small {
  display:block;
  margin-bottom:4px;
  color:var(--fp-text-muted);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-wallet-stat strong {
  display:block;
  overflow:hidden;
  color:var(--fp-text-main);
  font-size:18px;
  font-weight:950;
  white-space:nowrap;
  text-overflow:ellipsis
}

.fp-rewards-history-page .fp-rh-wallet-stat em {
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:var(--fp-text-muted);
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
  text-overflow:ellipsis
}

.fp-rewards-history-page .fp-rh-wallet-stat-lifetime {
  border-color:rgba(255,210,103,.28)
}

.fp-rewards-history-page .fp-rh-wallet-stat-lifetime>span {
  color:#ffd76a;
  border-color:rgba(255,215,106,.30);
  background:rgba(255,215,106,.10)
}

.fp-rewards-history-page .fp-rh-wallet-stat-lifetime strong {
  color:var(--fp-rh-gold)
}

.fp-rewards-history-page .fp-rh-wallet-stat-tier>span {
  color:#2f7cff;
  border-color:rgba(47,124,255,.30);
  background:rgba(47,124,255,.10)
}

.fp-rewards-history-page .fp-rh-wallet-stat-tier strong {
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-wallet-stat-next {
  border-color:rgba(72,221,170,.26)
}

.fp-rewards-history-page .fp-rh-wallet-stat-next>span {
  color:#4bdca4;
  border-color:rgba(75,220,164,.30);
  background:rgba(75,220,164,.10)
}

.fp-rewards-history-page .fp-rh-wallet-stat-next strong {
  color:var(--fp-rh-green)
}

.fp-rewards-history-page .fp-rh-wallet-stat-status>span {
  color:#b884ff;
  border-color:rgba(184,132,255,.30);
  background:rgba(184,132,255,.10)
}

.fp-rewards-history-page .fp-rh-wallet-stat-status strong {
  background:linear-gradient(90deg,var(--fp-accent),var(--fp-rh-gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent
}

/* Wallet progress */
.fp-rewards-history-page .fp-rh-wallet-progress {
  margin-bottom:18px;
  padding:18px 4px 4px
}

.fp-rewards-history-page .fp-rh-wallet-progress-copy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px
}

.fp-rewards-history-page .fp-rh-wallet-progress-copy strong {
  color:var(--fp-text-muted);
  font-size:12px;
  font-weight:850
}

.fp-rewards-history-page .fp-rh-wallet-progress-copy span {
  color:var(--fp-accent);
  font-size:12px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-wallet-progress-track {
  position:relative;
  width:100%;
  height:12px;
  overflow:hidden;
  padding:2px;
  border:1px solid var(--fp-border);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  box-shadow:inset 0 1px 4px rgba(0,0,0,.4)
}

.fp-rewards-history-page .fp-rh-wallet-progress-track>span {
  position:relative;
  display:block;
  width:0;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--fp-accent-strong,var(--fp-accent)),color-mix(in srgb,var(--fp-accent) 68%,white));
  box-shadow:0 0 18px color-mix(in srgb,var(--fp-accent) 44%,transparent);
  transition:width .55s ease
}

/* Rate, info, redemption */
.fp-rewards-history-page .fp-rh-wallet-rate-card {
  display:flex;
  align-items:center;
  gap:15px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 30%,var(--fp-border));
  border-radius:19px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--fp-accent) 10%,transparent),rgba(255,255,255,.015))
}

.fp-rewards-history-page .fp-rh-wallet-rate-icon {
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,215,106,.30);
  border-radius:16px;
  background:rgba(255,215,106,.10);
  color:#ffd76a;
  font-size:19px
}

.fp-rewards-history-page .fp-rh-wallet-rate-card strong {
  color:var(--fp-accent);
  font-size:15px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-wallet-lock-note {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 20%,var(--fp-border));
  border-radius:15px;
  color:var(--fp-text-muted);
  background:color-mix(in srgb,var(--fp-accent) 5%,transparent);
  font-size:11px;
  line-height:1.55
}

.fp-rewards-history-page .fp-rh-wallet-lock-note i {
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-wallet-info-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:14px;
  margin-top:18px
}

.fp-rewards-history-page .fp-rh-wallet-info-card,.fp-rewards-history-page .fp-rh-wallet-mini-note {
  border:1px solid var(--fp-border);
  border-radius:18px;
  background:color-mix(in srgb,var(--fp-card) 88%,transparent)
}

.fp-rewards-history-page .fp-rh-wallet-info-card {
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px
}

.fp-rewards-history-page .fp-rh-wallet-info-card>span {
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(75,220,164,.30);
  border-radius:15px;
  background:rgba(75,220,164,.10);
  color:#4bdca4;
  font-size:18px
}

.fp-rewards-history-page .fp-rh-wallet-info-card strong {
  display:block;
  margin-bottom:5px;
  color:var(--fp-text-main);
  font-size:15px;
  font-weight:900
}

.fp-rewards-history-page .fp-rh-wallet-info-card p {
  margin:0;
  color:var(--fp-text-muted);
  font-size:11px;
  line-height:1.6
}

.fp-rewards-history-page .fp-rh-wallet-mini-note {
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px;
  color:var(--fp-text-muted);
  font-size:11px;
  font-weight:750
}

.fp-rewards-history-page .fp-rh-wallet-mini-note i {
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-wallet-redeem-card {
  margin-top:18px;
  padding:22px;
  border:1px solid var(--fp-border);
  border-radius:22px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--fp-card) 94%,black),color-mix(in srgb,var(--fp-card) 82%,black))
}

.fp-rewards-history-page .fp-rh-wallet-redeem-head {
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-wallet-redeem-head>span {
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,179,71,.30);
  border-radius:14px;
  color:#ffb347;
  background:rgba(255,179,71,.10)
}

.fp-rewards-history-page .fp-rh-wallet-redeem-head h3 {
  margin:0 0 4px;
  color:var(--fp-text-main);
  font-size:20px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-wallet-redeem-head p {
  margin:0;
  color:var(--fp-text-muted);
  font-size:11px
}

.fp-rewards-history-page .fp-rh-wallet-redeem-card ol {
  margin:0 0 18px;
  padding-left:22px
}

.fp-rewards-history-page .fp-rh-wallet-redeem-card li {
  margin-bottom:10px;
  color:var(--fp-text-muted);
  font-size:12px;
  line-height:1.55
}

.fp-rewards-history-page .fp-rh-wallet-redeem-card li strong,.fp-rewards-history-page .fp-rh-wallet-beta-note strong {
  color:var(--fp-text-main)
}

.fp-rewards-history-page .fp-rh-wallet-beta-note {
  margin-bottom:18px;
  padding:14px 16px;
  border-top:1px solid var(--fp-border);
  border-bottom:1px solid var(--fp-border);
  color:var(--fp-text-muted);
  font-size:11px;
  line-height:1.55
}

.fp-rewards-history-page .fp-rh-wallet-redeem-button {
  width:100%;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px 18px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 62%,white);
  border-radius:16px;
  color:#fff!important;
  font-size:13px;
  font-weight:950;
  text-decoration:none!important;
  background:linear-gradient(135deg,var(--fp-accent-strong,var(--fp-accent)),var(--fp-accent));
  box-shadow:0 14px 30px color-mix(in srgb,var(--fp-accent) 28%,transparent)
}

/* Panels */
.fp-rewards-history-page .fp-rh-panel {
  margin-bottom:18px;
  padding:20px;
  border:1px solid var(--fp-border);
  border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--fp-card) 97%,black),color-mix(in srgb,var(--fp-card) 84%,black));
  box-shadow:var(--fp-rh-shadow),inset 0 1px 0 rgba(255,255,255,.025)
}

.fp-rewards-history-page .fp-rh-panel-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-panel-head h2 {
  margin:5px 0;
  color:var(--fp-text-main);
  font-size:21px;
  font-weight:920
}

.fp-rewards-history-page .fp-rh-panel-head-wrap {
  flex-wrap:wrap
}

.fp-rewards-history-page .fp-rh-period-tabs,.fp-rewards-history-page .fp-rh-filters {
  display:flex;
  flex-wrap:wrap;
  gap:7px
}

.fp-rewards-history-page .fp-rh-period-tabs button,.fp-rewards-history-page .fp-rh-filters button {
  min-height:34px;
  padding:0 11px;
  border:1px solid var(--fp-border);
  border-radius:10px;
  background:rgba(255,255,255,.018);
  color:var(--fp-text-muted);
  font-size:9px;
  font-weight:850;
  cursor:pointer
}

.fp-rewards-history-page .fp-rh-period-tabs button.active,.fp-rewards-history-page .fp-rh-filters button.active {
  border-color:color-mix(in srgb,var(--fp-accent) 45%,var(--fp-border));
  background:color-mix(in srgb,var(--fp-accent) 12%,transparent);
  color:var(--fp-accent)
}

/* Member panel */
.fp-rewards-history-page .fp-rh-member-top {
  display:flex;
  align-items:center;
  gap:15px;
  padding-bottom:18px;
  border-bottom:1px solid var(--fp-border)
}

.fp-rewards-history-page .fp-rh-member-top>span {
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:color-mix(in srgb,var(--fp-accent) 13%,transparent);
  color:var(--fp-accent);
  font-size:23px
}

.fp-rewards-history-page .fp-rh-member-top small,.fp-rewards-history-page .fp-rh-member-top strong,.fp-rewards-history-page .fp-rh-member-top em {
  display:block
}

.fp-rewards-history-page .fp-rh-member-top small {
  color:var(--fp-text-muted);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-member-top strong {
  margin-top:4px;
  color:var(--fp-accent);
  font-size:25px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-member-top em {
  margin-top:5px;
  color:var(--fp-text-muted);
  font-size:9px;
  font-style:normal
}

.fp-rewards-history-page .fp-rh-member-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px
}

.fp-rewards-history-page .fp-rh-member-grid>div {
  padding:12px;
  border:1px solid var(--fp-border);
  border-radius:13px;
  background:rgba(255,255,255,.018)
}

.fp-rewards-history-page .fp-rh-member-grid small,.fp-rewards-history-page .fp-rh-member-grid strong {
  display:block
}

.fp-rewards-history-page .fp-rh-member-grid small {
  color:var(--fp-text-muted);
  font-size:7px;
  font-weight:850;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-member-grid strong {
  margin-top:5px;
  color:var(--fp-text-main);
  font-size:14px;
  font-weight:900
}

.fp-rewards-history-page .fp-rh-member-note {
  display:flex;
  gap:9px;
  margin-top:16px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 22%,var(--fp-border));
  border-radius:13px;
  background:color-mix(in srgb,var(--fp-accent) 5%,transparent);
  color:var(--fp-text-muted);
  font-size:9px;
  line-height:1.55
}

/* Timeline */
.fp-rewards-history-page .fp-rh-timeline {
  display:grid;
  gap:11px
}

.fp-rewards-history-page .fp-rh-day-group {
  display:grid;
  gap:9px
}

.fp-rewards-history-page .fp-rh-day-label {
  margin:8px 0 0;
  color:var(--fp-text-muted);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-event {
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:13px;
  overflow:hidden;
  border:1px solid var(--fp-border);
  border-radius:15px;
  background:rgba(255,255,255,.015)
}

.fp-rewards-history-page .fp-rh-event:before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--fp-accent);
  opacity:.7
}

.fp-rewards-history-page .fp-rh-event-icon {
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:color-mix(in srgb,var(--fp-accent) 11%,transparent);
  color:var(--fp-accent);
  font-size:16px
}

.fp-rewards-history-page .fp-rh-event-copy {
  min-width:0
}

.fp-rewards-history-page .fp-rh-event-copy strong,.fp-rewards-history-page .fp-rh-event-copy span,.fp-rewards-history-page .fp-rh-event-copy small {
  display:block
}

.fp-rewards-history-page .fp-rh-event-copy strong {
  color:var(--fp-text-main);
  font-size:11px;
  font-weight:900
}

.fp-rewards-history-page .fp-rh-event-copy span {
  overflow:hidden;
  margin-top:3px;
  color:var(--fp-text-muted);
  font-size:9px;
  white-space:nowrap;
  text-overflow:ellipsis
}

.fp-rewards-history-page .fp-rh-event-copy small {
  margin-top:3px;
  color:color-mix(in srgb,var(--fp-text-muted) 72%,transparent);
  font-size:8px
}

.fp-rewards-history-page .fp-rh-event-value {
  text-align:right
}

.fp-rewards-history-page .fp-rh-event-value strong,.fp-rewards-history-page .fp-rh-event-value span {
  display:block
}

.fp-rewards-history-page .fp-rh-event-value strong {
  font-size:13px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-event-positive .fp-rh-event-value strong {
  color:var(--fp-rh-green)
}

.fp-rewards-history-page .fp-rh-event-negative .fp-rh-event-value strong {
  color:var(--fp-rh-red)
}

/* Achievements */
.fp-rewards-history-page .fp-rh-achievement-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}

.fp-rewards-history-page .fp-rh-achievement-grid article {
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  border:1px solid var(--fp-border);
  border-radius:16px;
  background:rgba(255,255,255,.015);
  opacity:.62
}

.fp-rewards-history-page .fp-rh-achievement-grid article.unlocked {
  opacity:1;
  border-color:color-mix(in srgb,var(--fp-rh-gold) 28%,var(--fp-border));
  background:linear-gradient(145deg,rgba(255,215,106,.055),rgba(255,255,255,.012))
}

.fp-rewards-history-page .fp-rh-achievement-grid article>span {
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:color-mix(in srgb,var(--fp-accent) 9%,transparent);
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-achievement-grid small,.fp-rewards-history-page .fp-rh-achievement-grid strong,.fp-rewards-history-page .fp-rh-achievement-grid em {
  display:block
}

.fp-rewards-history-page .fp-rh-achievement-grid small {
  color:var(--fp-text-muted);
  font-size:7px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-achievement-grid strong {
  margin-top:4px;
  color:var(--fp-text-main);
  font-size:11px;
  font-weight:900
}

.fp-rewards-history-page .fp-rh-achievement-grid em {
  margin-top:4px;
  color:var(--fp-text-muted);
  font-size:8px;
  font-style:normal
}

.fp-rewards-history-page .fp-rh-achievement-grid article.unlocked em {
  color:var(--fp-rh-green)
}

/* Loading / warning */
.fp-rewards-history-page .fp-rh-loading {
  display:flex;
  justify-content:center;
  gap:6px;
  padding:38px
}

.fp-rewards-history-page .fp-rh-loading span {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--fp-accent);
  animation:fpRhLoading 1s ease-in-out infinite
}

.fp-rewards-history-page .fp-rh-loading span:nth-child(2) {
  animation-delay:.15s
}

.fp-rewards-history-page .fp-rh-loading span:nth-child(3) {
  animation-delay:.3s
}

@keyframes fpRhLoading {
  0%,100% {
    opacity:.25;
    transform:translateY(0)
  }

  50% {
    opacity:1;
    transform:translateY(-5px)
  }

}

.fp-rewards-history-page .fp-rh-empty {
  padding:34px;
  color:var(--fp-text-muted);
  text-align:center
}

.fp-rewards-history-page .fp-rh-empty i {
  display:block;
  margin-bottom:9px;
  color:var(--fp-accent);
  font-size:25px
}

.fp-rewards-history-page .fp-rh-empty strong,.fp-rewards-history-page .fp-rh-empty span {
  display:block
}

.fp-rewards-history-page .fp-rh-empty strong {
  color:var(--fp-text-main)
}

.fp-rewards-history-page .fp-rh-api-warning {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:18px;
  padding:15px;
  border:1px solid rgba(255,107,120,.28);
  border-radius:16px;
  background:rgba(255,107,120,.07);
  color:var(--fp-text-muted)
}

.fp-rewards-history-page .fp-rh-api-warning[hidden] {
  display:none!important
}

/* Verification modal */
.fp-rv-overlay {
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,5,12,.78);
  backdrop-filter:blur(14px)
}

.fp-rv-overlay[hidden] {
  display:none!important
}

.fp-rv-locked {
  overflow:hidden
}

.fp-rv-modal {
  position:relative;
  width:min(100%,470px);
  overflow:hidden;
  padding:30px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 45%,var(--fp-border));
  border-radius:24px;
  background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--fp-accent) 20%,transparent),transparent 42%),linear-gradient(150deg,color-mix(in srgb,var(--fp-card) 97%,black),color-mix(in srgb,var(--fp-card) 80%,black));
  box-shadow:0 30px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);
  text-align:center
}

.fp-rv-modal>* {
  position:relative;
  z-index:1
}

.fp-rv-icon {
  width:66px;
  height:66px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb,var(--fp-accent) 42%,var(--fp-border));
  border-radius:20px;
  background:color-mix(in srgb,var(--fp-accent) 13%,transparent);
  color:var(--fp-accent);
  font-size:26px
}

.fp-rv-kicker {
  color:var(--fp-accent);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}

.fp-rv-modal h2 {
  margin:8px 0;
  color:var(--fp-text-main);
  font-size:27px;
  font-weight:950
}

.fp-rv-modal p {
  margin:0 auto 21px;
  color:var(--fp-text-muted);
  font-size:13px;
  line-height:1.65
}

.fp-rv-modal label {
  display:block;
  margin:0 0 8px;
  color:var(--fp-text-muted);
  font-size:10px;
  font-weight:850;
  text-align:left;
  text-transform:uppercase
}

.fp-rv-modal input {
  width:100%;
  height:58px;
  margin-bottom:12px;
  border:1px solid var(--fp-border);
  border-radius:15px;
  background:rgba(0,0,0,.24);
  color:var(--fp-text-main);
  font-size:25px;
  font-weight:900;
  letter-spacing:.22em;
  text-align:center;
  outline:0
}

.fp-rv-modal input:focus {
  border-color:var(--fp-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fp-accent) 14%,transparent)
}

.fp-rv-primary,.fp-rv-secondary {
  width:100%;
  min-height:50px;
  border-radius:14px;
  font-weight:900
}

.fp-rv-primary {
  border:1px solid color-mix(in srgb,var(--fp-accent) 65%,white);
  background:linear-gradient(135deg,var(--fp-accent-strong,var(--fp-accent)),var(--fp-accent));
  color:#fff
}

.fp-rv-secondary {
  margin-top:8px;
  border:1px solid var(--fp-border);
  background:rgba(255,255,255,.025);
  color:var(--fp-text-muted)
}

.fp-rv-status {
  min-height:20px;
  margin-top:13px;
  color:#54dca6;
  font-size:11px;
  font-weight:800
}

.fp-rv-status.is-error {
  color:#ff7582
}

.fp-rv-modal>small {
  display:block;
  margin-top:10px;
  color:var(--fp-text-muted);
  font-size:9px;
  line-height:1.5
}

/* =========================================================
   PREMIUM REWARDS ANALYTICS - BAR CHART
   Matches the full bar-chart HTML + JavaScript file.
========================================================= */

.fp-rewards-history-page .fp-rh-analytics-panel {
  overflow:hidden
}

.fp-rewards-history-page .fp-rh-analytics-heading {
  margin-bottom:20px
}

.fp-rewards-history-page .fp-rh-analytics-summary {
  display:grid;
  grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);
  gap:14px;
  margin-bottom:18px
}

.fp-rewards-history-page .fp-rh-analytics-total {
  min-width:0;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 30%,var(--fp-border));
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--fp-accent) 15%,transparent),transparent 45%),
    linear-gradient(145deg,color-mix(in srgb,var(--fp-accent) 8%,transparent),rgba(255,255,255,.012))
}

.fp-rewards-history-page .fp-rh-analytics-total>small {
  display:block;
  color:var(--fp-text-muted);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-analytics-total-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:11px;
  margin-top:10px
}

.fp-rewards-history-page .fp-rh-analytics-total-row>strong {
  min-width:0;
  color:var(--fp-text-main);
  font-size:clamp(38px,5vw,57px);
  font-weight:950;
  letter-spacing:-.05em;
  line-height:.95;
  text-shadow:0 0 26px color-mix(in srgb,var(--fp-accent) 20%,transparent)
}

.fp-rewards-history-page .fp-rh-analytics-total p {
  margin:11px 0 0;
  color:var(--fp-text-muted);
  font-size:10px
}

.fp-rewards-history-page .fp-rh-chart-change {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 11px;
  border:1px solid var(--fp-border);
  border-radius:999px;
  font-size:10px;
  font-weight:900
}

.fp-rewards-history-page .fp-rh-chart-change.is-positive {
  border-color:rgba(75,220,164,.30);
  background:rgba(75,220,164,.10);
  color:#4bdca4
}

.fp-rewards-history-page .fp-rh-chart-change.is-negative {
  border-color:rgba(255,107,120,.30);
  background:rgba(255,107,120,.10);
  color:#ff6b78
}

.fp-rewards-history-page .fp-rh-chart-change.is-neutral {
  border-color:color-mix(in srgb,var(--fp-accent) 28%,var(--fp-border));
  background:color-mix(in srgb,var(--fp-accent) 8%,transparent);
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-analytics-mini-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px
}

.fp-rewards-history-page .fp-rh-analytics-mini-grid article {
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  border:1px solid var(--fp-border);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))
}

.fp-rewards-history-page .fp-rh-analytics-mini-icon {
  width:39px;
  height:39px;
  flex:0 0 39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  font-size:15px
}

.fp-rewards-history-page .fp-rh-analytics-mini-high {
  border:1px solid rgba(75,220,164,.24);
  background:rgba(75,220,164,.09);
  color:#4bdca4
}

.fp-rewards-history-page .fp-rh-analytics-mini-average {
  border:1px solid color-mix(in srgb,var(--fp-accent) 28%,var(--fp-border));
  background:color-mix(in srgb,var(--fp-accent) 9%,transparent);
  color:var(--fp-accent)
}

.fp-rewards-history-page .fp-rh-analytics-mini-life {
  border:1px solid rgba(255,215,106,.25);
  background:rgba(255,215,106,.09);
  color:#ffd76a
}

.fp-rewards-history-page .fp-rh-analytics-mini-grid small,
.fp-rewards-history-page .fp-rh-analytics-mini-grid strong {
  display:block
}

.fp-rewards-history-page .fp-rh-analytics-mini-grid small {
  color:var(--fp-text-muted);
  font-size:7px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase
}

.fp-rewards-history-page .fp-rh-analytics-mini-grid strong {
  margin-top:5px;
  overflow:hidden;
  color:var(--fp-text-main);
  font-size:14px;
  font-weight:950;
  white-space:nowrap;
  text-overflow:ellipsis
}

.fp-rewards-history-page .fp-rh-premium-chart {
  position:relative
}

.fp-rewards-history-page .fp-rh-bar-plot {
  position:relative;
  min-height:330px;
  overflow:hidden;
  padding:18px 18px 16px 58px;
  border:1px solid color-mix(in srgb,var(--fp-border) 88%,transparent);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--fp-accent) 10%,transparent),transparent 42%),
    linear-gradient(180deg,color-mix(in srgb,var(--fp-card) 94%,black),color-mix(in srgb,var(--fp-card) 82%,black))
}

.fp-rewards-history-page .fp-rh-bar-y-axis {
  position:absolute;
  top:18px;
  bottom:16px;
  left:14px;
  z-index:3;
  width:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-end;
  color:var(--fp-text-muted);
  font-size:8px;
  font-weight:800;
  pointer-events:none
}

.fp-rewards-history-page .fp-rh-bar-grid {
  position:absolute;
  inset:18px 18px 16px 58px;
  z-index:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  pointer-events:none
}

.fp-rewards-history-page .fp-rh-bar-grid span {
  display:block;
  width:100%;
  height:1px;
  background:color-mix(in srgb,var(--fp-border) 72%,transparent)
}

.fp-rewards-history-page .fp-rh-bars {
  position:relative;
  z-index:2;
  height:296px;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(12px,30px);
  justify-content:space-around;
  align-items:end;
  gap:clamp(8px,1.2vw,16px);
  overflow-x:auto;
  overflow-y:hidden;
  padding:14px 2px 0;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--fp-accent) 35%,transparent) transparent
}

.fp-rewards-history-page .fp-rh-bars::-webkit-scrollbar {
  height:5px
}

.fp-rewards-history-page .fp-rh-bars::-webkit-scrollbar-track {
  background:transparent
}

.fp-rewards-history-page .fp-rh-bars::-webkit-scrollbar-thumb {
  border-radius:999px;
  background:color-mix(in srgb,var(--fp-accent) 35%,transparent)
}

.fp-rewards-history-page .fp-rh-bar-item {
  position:relative;
  width:100%;
  min-width:12px;
  max-width:30px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-direction:column;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  outline:none;
  -webkit-tap-highlight-color:transparent
}

.fp-rewards-history-page .fp-rh-bar-value {
  position:absolute;
  top:0;
  left:50%;
  z-index:4;
  max-width:72px;
  padding:5px 7px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--fp-accent) 30%,var(--fp-border));
  border-radius:8px;
  background:color-mix(in srgb,var(--fp-card) 94%,black);
  color:var(--fp-text-main);
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-4px);
  transition:opacity .18s ease,transform .18s ease
}

.fp-rewards-history-page .fp-rh-bar-track {
  position:relative;
  width:100%;
  height:calc(100% - 30px);
  display:flex;
  align-items:flex-end;
  overflow:visible;
  border-radius:12px 12px 5px 5px;
  background:color-mix(in srgb,var(--fp-card) 72%,black)
}

.fp-rewards-history-page .fp-rh-bar-fill {
  position:relative;
  display:block;
  width:100%;
  min-height:0;
  border:1px solid color-mix(in srgb,var(--fp-accent) 55%,white);
  border-bottom:0;
  border-radius:10px 10px 4px 4px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--fp-accent) 72%,white),
      var(--fp-accent)
    );
  box-shadow:
    0 0 14px color-mix(in srgb,var(--fp-accent) 25%,transparent),
    inset 0 1px 0 rgba(255,255,255,.20);
  transform:scaleY(0);
  transform-origin:bottom center;
  animation:fpRewardsGraphBarRise .78s cubic-bezier(.18,.82,.2,1) forwards;
  transition:filter .18s ease,transform .18s ease,box-shadow .18s ease
}

.fp-rewards-history-page .fp-rh-bar-item:hover .fp-rh-bar-fill,
.fp-rewards-history-page .fp-rh-bar-item:focus .fp-rh-bar-fill,
.fp-rewards-history-page .fp-rh-bar-item.is-active .fp-rh-bar-fill {
  filter:brightness(1.12);
  transform:scaleY(1) translateY(-3px);
  box-shadow:
    0 0 24px color-mix(in srgb,var(--fp-accent) 52%,transparent),
    inset 0 1px 0 rgba(255,255,255,.34)
}

.fp-rewards-history-page .fp-rh-bar-item:hover .fp-rh-bar-value,
.fp-rewards-history-page .fp-rh-bar-item:focus .fp-rh-bar-value,
.fp-rewards-history-page .fp-rh-bar-item.is-active .fp-rh-bar-value {
  opacity:1;
  transform:translate(-50%,-8px)
}


@keyframes fpRewardsGraphBarRise {
  0% {
    transform:scaleY(0);
    opacity:.25
  }

  55% {
    opacity:1
  }

  100% {
    transform:scaleY(1);
    opacity:1
  }
}

.fp-rewards-history-page .fp-rh-chart-tooltip {
  position:absolute;
  z-index:20;
  min-width:128px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--fp-accent) 32%,var(--fp-border));
  border-radius:13px;
  background:color-mix(in srgb,var(--fp-card) 96%,black);
  box-shadow:0 14px 34px rgba(0,0,0,.42);
  pointer-events:none;
  transform:translate(-50%,calc(-100% - 13px))
}

.fp-rewards-history-page .fp-rh-chart-tooltip[hidden] {
  display:none!important
}

.fp-rewards-history-page .fp-rh-chart-tooltip small,
.fp-rewards-history-page .fp-rh-chart-tooltip strong {
  display:block
}

.fp-rewards-history-page .fp-rh-chart-tooltip small {
  color:var(--fp-text-muted);
  font-size:8px
}

.fp-rewards-history-page .fp-rh-chart-tooltip strong {
  margin-top:4px;
  color:var(--fp-text-main);
  font-size:12px;
  font-weight:950
}

.fp-rewards-history-page .fp-rh-chart-empty {
  position:absolute;
  inset:18px;
  z-index:5;
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  text-align:center;
  color:var(--fp-text-muted);
  pointer-events:none
}

.fp-rewards-history-page .fp-rh-chart-empty i {
  color:var(--fp-accent);
  font-size:25px
}

.fp-rewards-history-page .fp-rh-chart-empty strong {
  color:var(--fp-text-main)
}

.fp-rewards-history-page .fp-rh-chart-labels {
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:0 15px;
  margin-top:10px;
  color:var(--fp-text-muted);
  font-size:8px
}


/* Responsive */
@media(max-width:991px) {
  .fp-rewards-history-page .fp-rh-wallet-main {
    grid-template-columns:1fr
  }

  .fp-rewards-history-page .fp-rh-wallet-stat-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .fp-rewards-history-page .fp-rh-wallet-info-grid {
    grid-template-columns:1fr
  }

  .fp-rewards-history-page .fp-rh-achievement-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .fp-rewards-history-page .fp-rh-analytics-summary {
    grid-template-columns:1fr
  }

}

@media(max-width:767px) {
  .fp-rewards-history-page {
    padding-top:14px;
    padding-bottom:30px
  }

  .fp-rewards-history-page .fp-rh-page-head {
    align-items:stretch;
    flex-direction:column;
    padding:18px
  }

  .fp-rewards-history-page .fp-rh-head-actions {
    width:100%
  }

  .fp-rewards-history-page .fp-rh-btn {
    flex:1 1 0
  }

  .fp-rewards-history-page .fp-rh-wallet-shell-head {
    align-items:stretch;
    flex-direction:column;
    margin-bottom:16px
  }

  .fp-rewards-history-page .fp-rh-wallet-live {
    align-self:flex-start
  }

  .fp-rewards-history-page .fp-rh-wallet-card {
    padding:15px;
    border-radius:22px
  }

  .fp-rewards-history-page .fp-rh-wallet-stat {
    min-height:92px;
    padding:13px;
    gap:10px
  }

  .fp-rewards-history-page .fp-rh-wallet-stat>span {
    width:40px;
    height:40px;
    flex-basis:40px;
    font-size:15px
  }

  .fp-rewards-history-page .fp-rh-panel {
    padding:16px;
    border-radius:18px
  }

  .fp-rewards-history-page .fp-rh-panel-head {
    flex-direction:column;
    align-items:stretch
  }

  .fp-rewards-history-page .fp-rh-period-tabs button, .fp-rewards-history-page .fp-rh-filters button {
    flex:1 1 auto
  }

  .fp-rewards-history-page .fp-rh-analytics-mini-grid {
    grid-template-columns:1fr
  }

  .fp-rewards-history-page .fp-rh-analytics-mini-grid article {
    min-height:68px
  }

  .fp-rewards-history-page .fp-rh-bar-plot {
    min-height:270px;
    padding:10px 10px 12px 46px;
    border-radius:16px
  }

  .fp-rewards-history-page .fp-rh-bar-grid {
    inset:10px 10px 12px 46px
  }

  .fp-rewards-history-page .fp-rh-bars {
    height:246px;
    grid-auto-columns:minmax(10px,24px);
    justify-content:space-around;
    gap:8px;
    padding-top:12px
  }

  .fp-rewards-history-page .fp-rh-bar-value {
    display:none
  }


  .fp-rewards-history-page .fp-rh-bar-y-axis {
    top:10px;
    bottom:12px;
    left:8px;
    width:30px;
    font-size:7px
  }

  .fp-rewards-history-page .fp-rh-chart-labels {
    padding:0 4px;
    font-size:7px
  }

  .fp-rewards-history-page .fp-rh-event {
    grid-template-columns:40px minmax(0,1fr)
  }

  .fp-rewards-history-page .fp-rh-event-value {
    grid-column:2;
    text-align:left
  }

  .fp-rewards-history-page .fp-rh-achievement-grid {
    grid-template-columns:1fr
  }

}

@media(max-width:430px) {
  .fp-rewards-history-page .fp-rh-wallet-title-icon {
    width:48px;
    height:48px;
    flex-basis:48px
  }

  .fp-rewards-history-page .fp-rh-wallet-heading-row h2 {
    font-size:27px
  }

  .fp-rewards-history-page .fp-rh-wallet-stat-grid {
    grid-template-columns:1fr
  }

  .fp-rewards-history-page .fp-rh-member-grid {
    grid-template-columns:1fr
  }

  .fp-rewards-history-page .fp-rh-analytics-total {
    padding:17px
  }

  .fp-rewards-history-page .fp-rh-analytics-total-row>strong {
    font-size:42px
  }

  .fp-rewards-history-page .fp-rh-bar-plot {
    min-height:245px
  }

  .fp-rewards-history-page .fp-rh-bars {
    height:220px;
    grid-auto-columns:minmax(14px,1fr);
    gap:5px
  }

  .fp-rv-modal {
    padding:23px 18px
  }

}

@media(prefers-reduced-motion:reduce) {
  .fp-rewards-history-page *, .fp-rewards-history-page *:before, .fp-rewards-history-page *:after, .fp-rv-overlay * {
    animation:none!important;
    transition-duration:.01ms!important
  }
}
/* =========================================================
   REWARDS WALLET HEADER BOX FIX
========================================================= */

.fp-rewards-history-page .fp-rh-wallet-shell-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;

    margin-bottom: 18px;
    padding: 22px;

    overflow: hidden;

    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-accent) 32%,
            var(--fp-border)
        );

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 100% 0%,
            color-mix(
                in srgb,
                var(--fp-accent) 12%,
                transparent
            ),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--fp-card) 96%,
                black
            ),
            color-mix(
                in srgb,
                var(--fp-card) 84%,
                black
            )
        );

    box-shadow:
        0 18px 40px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .035);
}

.fp-rewards-history-page .fp-rh-wallet-shell-head::after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    top: -150px;
    right: -80px;

    border: 1px solid
        color-mix(
            in srgb,
            var(--fp-accent) 15%,
            transparent
        );

    border-radius: 50%;

    pointer-events: none;
}

.fp-rewards-history-page
.fp-rh-wallet-shell-head > * {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .fp-rewards-history-page
    .fp-rh-wallet-shell-head {
        padding: 18px !important;
        border-radius: 19px !important;
        margin-bottom: 16px !important;
    }
}
/* =========================================================
   MEMBER STAT CARD ICONS
   Total Events / Bonus / Orders / Member Since
========================================================= */

.fp-rewards-history-page .fp-rh-member-stat {
  min-width:0;
  min-height:86px;

  display:flex !important;
  align-items:center;
  gap:13px;

  padding:14px !important;

  border:1px solid var(--fp-border);
  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.024),
      rgba(255,255,255,.008)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.fp-rewards-history-page .fp-rh-member-stat:hover {
  transform:translateY(-1px);

  border-color:
    color-mix(
      in srgb,
      var(--fp-accent) 24%,
      var(--fp-border)
    );

  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--fp-accent) 4%,
        transparent
      ),
      rgba(255,255,255,.008)
    );
}

.fp-rewards-history-page .fp-rh-member-stat > div {
  min-width:0;
}

.fp-rewards-history-page .fp-rh-member-stat-icon {
  width:44px;
  height:44px;
  flex:0 0 44px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--fp-border);
  border-radius:14px;

  font-size:17px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-rewards-history-page .fp-rh-member-stat-icon i {
  line-height:1;
}

/* Total Events */
.fp-rewards-history-page
.fp-rh-member-stat-events
.fp-rh-member-stat-icon {
  color:#63a8ff;

  border-color:
    rgba(99,168,255,.30);

  background:
    rgba(99,168,255,.10);

  box-shadow:
    0 0 16px rgba(99,168,255,.08),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Bonus Points */
.fp-rewards-history-page
.fp-rh-member-stat-bonus
.fp-rh-member-stat-icon {
  color:#ffd76a;

  border-color:
    rgba(255,215,106,.30);

  background:
    rgba(255,215,106,.10);

  box-shadow:
    0 0 16px rgba(255,215,106,.07),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Order Rewards */
.fp-rewards-history-page
.fp-rh-member-stat-orders
.fp-rh-member-stat-icon {
  color:#4bdca4;

  border-color:
    rgba(75,220,164,.30);

  background:
    rgba(75,220,164,.10);

  box-shadow:
    0 0 16px rgba(75,220,164,.07),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Member Since */
.fp-rewards-history-page
.fp-rh-member-stat-since
.fp-rh-member-stat-icon {
  color:#b884ff;

  border-color:
    rgba(184,132,255,.30);

  background:
    rgba(184,132,255,.10);

  box-shadow:
    0 0 16px rgba(184,132,255,.07),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Copy */
.fp-rewards-history-page .fp-rh-member-stat small {
  display:block;

  margin:0 0 6px;

  color:var(--fp-text-muted);

  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  line-height:1.2;

  text-transform:uppercase;
}

.fp-rewards-history-page .fp-rh-member-stat strong {
  display:block;

  margin:0;

  overflow:hidden;

  color:var(--fp-text-main);

  font-size:17px;
  font-weight:950;
  line-height:1.15;

  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Slight individual value accents */
.fp-rewards-history-page
.fp-rh-member-stat-events strong {
  color:#63a8ff;
}

.fp-rewards-history-page
.fp-rh-member-stat-bonus strong {
  color:#ffd76a;
}

.fp-rewards-history-page
.fp-rh-member-stat-orders strong {
  color:#4bdca4;
}

.fp-rewards-history-page
.fp-rh-member-stat-since strong {
  color:#b884ff;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .fp-rewards-history-page .fp-rh-member-stat {
    min-height:82px;

    gap:11px;

    padding:12px !important;
  }

  .fp-rewards-history-page .fp-rh-member-stat-icon {
    width:40px;
    height:40px;
    flex-basis:40px;

    border-radius:13px;

    font-size:15px;
  }

  .fp-rewards-history-page .fp-rh-member-stat small {
    margin-bottom:5px;

    font-size:7px;
  }

  .fp-rewards-history-page .fp-rh-member-stat strong {
    font-size:15px;
  }
}

@media(max-width:430px) {

  .fp-rewards-history-page .fp-rh-member-stat {
    min-height:78px;
  }

  .fp-rewards-history-page .fp-rh-member-stat-icon {
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}
=========================================================
   FP REWARDS ULTRA VIP WALLET
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-shell {
  position: relative;
  display: grid;
  grid-template-columns:
    minmax(260px, .92fr)
    minmax(360px, 1.25fr);
  gap: 14px;
  width: 100%;
  margin-top: 22px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid
    color-mix(in srgb, var(--fp-accent) 30%, var(--fp-border));
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 10% 0%,
      color-mix(in srgb, var(--fp-accent) 22%, transparent),
      transparent 37%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(255, 215, 106, .08),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-card) 96%, black),
      color-mix(in srgb, var(--fp-card) 78%, black)
    );
  box-shadow:
    0 28px 60px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-shell::before {
  content: "";
  position: absolute;
  top: -110px;
  right: -90px;
  width: 310px;
  height: 310px;
  border: 1px solid
    color-mix(in srgb, var(--fp-accent) 18%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px
      color-mix(in srgb, var(--fp-accent) 4%, transparent),
    0 0 0 88px
      color-mix(in srgb, var(--fp-accent) 2%, transparent);
  pointer-events: none;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      115deg,
      transparent 22%,
      rgba(255,255,255,.025) 34%,
      transparent 44%
    );
  transform: translateX(-100%);
  animation: fpRewardsShine 7s ease-in-out infinite;
}

@keyframes fpRewardsShine {
  0%, 72% { transform: translateX(-100%); }
  88%, 100% { transform: translateX(100%); }
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-hero,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-grid {
  position: relative;
  z-index: 2;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-hero {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 228px;
  padding: 20px;
  border: 1px solid
    color-mix(in srgb, var(--fp-accent) 18%, var(--fp-border));
  border-radius: 19px;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-accent) 10%, transparent),
      rgba(255,255,255,.015)
    );
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-overline {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-gem {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background:
    color-mix(in srgb, var(--fp-accent) 13%, transparent);
  color: var(--fp-accent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  color: #51daa5;
  font-size: 8px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-live i {
  font-size: 6px;
  filter: drop-shadow(0 0 6px rgba(81,218,165,.8));
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-balance-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 14px;
  margin: 18px 0;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-balance-row > div:first-child {
  min-width: 0;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-balance-row
#fp-dashboard-reward-points {
  display: block;
  overflow: hidden;
  color: var(--fp-text-main);
  font-size: clamp(43px, 5vw, 66px);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: .94;
  text-overflow: ellipsis;
  text-shadow:
    0 0 26px
    color-mix(in srgb, var(--fp-accent) 28%, transparent);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-balance-row > div:first-child > span {
  display: block;
  margin-top: 10px;
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-credit-pill {
  min-width: 126px;
  padding: 12px 13px;
  border: 1px solid rgba(75, 220, 164, .28);
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      rgba(75,220,164,.09),
      rgba(75,220,164,.025)
    );
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-credit-pill small,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-credit-pill strong {
  display: block;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-credit-pill small {
  color: #8fa6a0;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-credit-pill strong {
  margin-top: 5px;
  color: #4bdca4;
  font-size: 19px;
  font-weight: 950;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-status-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-weight: 700;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-status-line span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-status-line i {
  color: var(--fp-accent);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 109px;
  padding: 14px;
  border: 1px solid var(--fp-border);
  border-radius: 17px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.03),
      rgba(255,255,255,.01)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat:hover {
  transform: translateY(-2px);
  border-color:
    color-mix(in srgb, var(--fp-accent) 35%, var(--fp-border));
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-accent) 7%, transparent),
      rgba(255,255,255,.012)
    );
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background:
    color-mix(in srgb, var(--fp-accent) 12%, transparent);
  color: var(--fp-accent);
  font-size: 17px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-copy small {
  color: var(--fp-text-muted);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-copy strong {
  overflow: hidden;
  color: var(--fp-text-main);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-copy em {
  overflow: hidden;
  color: var(--fp-text-muted);
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-lifetime {
  border-color:
    color-mix(in srgb, #ffd76a 25%, var(--fp-border));
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-lifetime
.fp-rewards-ultra-stat-icon,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-lifetime
.fp-rewards-ultra-stat-copy strong {
  color: #ffd76a;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-lifetime
.fp-rewards-ultra-stat-icon {
  background: rgba(255, 215, 106, .08);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-tier
.fp-rewards-ultra-stat-copy strong {
  color: var(--fp-accent);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-next
.fp-rewards-ultra-stat-copy strong {
  color: #52dba7;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-next
.fp-rewards-ultra-stat-icon {
  color: #52dba7;
  background: rgba(82,219,167,.08);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-stat-status
.fp-rewards-ultra-stat-copy strong {
  background:
    linear-gradient(
      90deg,
      var(--fp-accent),
      #ffd76a
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-progress
.fp-rewards-beta-progress-track {
  height: 12px;
  padding: 2px;
  border-radius: 999px;
  background:
    color-mix(in srgb, var(--fp-card) 70%, black);
  box-shadow:
    inset 0 1px 4px rgba(0,0,0,.4);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-progress
.fp-rewards-beta-progress-track > span {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--fp-accent),
      color-mix(in srgb, var(--fp-accent) 65%, #ffffff)
    );
  box-shadow:
    0 0 16px
    color-mix(in srgb, var(--fp-accent) 35%, transparent);
  transition: width .7s cubic-bezier(.2,.8,.2,1);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-ultra-progress
.fp-rewards-beta-progress-track > span::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,255,255,.28) 45%,
      transparent 70%
    );
  transform: translateX(-100%);
  animation: fpProgressSweep 2.8s ease-in-out infinite;
}

@keyframes fpProgressSweep {
  0%, 45% { transform: translateX(-100%); }
  75%, 100% { transform: translateX(100%); }
}

@media (max-width: 991px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-shell {
    gap: 11px;
    margin-top: 20px;
    padding: 11px;
    border-radius: 21px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-hero {
    min-height: 205px;
    padding: 17px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-balance-row {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-balance-row
  #fp-dashboard-reward-points {
    font-size: 47px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-credit-pill {
    min-width: 110px;
    padding: 10px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-credit-pill strong {
    font-size: 17px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-grid {
    gap: 9px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-stat {
    min-height: 100px;
    padding: 12px;
    gap: 10px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-stat-icon {
    width: 37px;
    height: 37px;
    flex-basis: 37px;
    font-size: 15px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-stat-copy strong {
    font-size: 15px;
  }
}

@media (max-width: 430px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-balance-row {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-credit-pill {
    width: 100%;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-grid {
    grid-template-columns: 1fr;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-stat {
    min-height: 84px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-shell::after,
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-ultra-progress
  .fp-rewards-beta-progress-track > span::after {
    animation: none;
  }
}


/* =========================================================
   MORE REWARDS HISTORY BUTTON
========================================================= */

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-action {
  width: 100%;
  margin-top: 18px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button {
  position: relative;
  width: 100%;
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  overflow: hidden;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-accent) 38%,
      var(--fp-border)
    );
  border-radius: 17px;
  background:
    radial-gradient(
      circle at 100% 0%,
      color-mix(in srgb, var(--fp-accent) 12%, transparent),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-accent) 9%, transparent),
      rgba(255,255,255,.012)
    );
  color: var(--fp-text-main) !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 28px rgba(0,0,0,.12);
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button:hover,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button:focus {
  transform: translateY(-2px);
  border-color:
    color-mix(
      in srgb,
      var(--fp-accent) 62%,
      var(--fp-border)
    );
  background:
    radial-gradient(
      circle at 100% 0%,
      color-mix(in srgb, var(--fp-accent) 18%, transparent),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--fp-accent) 14%, transparent),
      rgba(255,255,255,.018)
    );
  box-shadow:
    0 15px 32px
      color-mix(in srgb, var(--fp-accent) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid
    color-mix(
      in srgb,
      var(--fp-accent) 42%,
      var(--fp-border)
    );
  border-radius: 14px;
  background:
    color-mix(
      in srgb,
      var(--fp-accent) 12%,
      transparent
    );
  color: var(--fp-accent);
  font-size: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button-copy strong {
  color: var(--fp-text-main);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button-copy small {
  color: var(--fp-text-muted);
  font-size: 9px;
  line-height: 1.45;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-arrow {
  flex: 0 0 auto;
  color: var(--fp-accent);
  font-size: 16px;
  transition: transform .18s ease;
}

.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button:hover
.fp-rewards-history-arrow,
.fp-auth-body
.fp-dashboard-page
.fp-rewards-history-button:focus
.fp-rewards-history-arrow {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-history-button {
    min-height: 68px;
    padding: 12px 14px;
    gap: 12px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-history-button-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 16px;
  }

  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-history-button-copy strong {
    font-size: 13px;
  }
}

@media (max-width: 430px) {
  .fp-auth-body
  .fp-dashboard-page
  .fp-rewards-history-button-copy small {
    font-size: 8px;
  }
}

</style>
/* =========================================================
   FP REWARDS MOBILE COMPACT FIX
   FINAL OVERRIDE - KEEP AT VERY BOTTOM
========================================================= */

@media screen and (max-width: 767px) {

  /* OUTER REWARDS CARD */
  #fp-dashboard-rewards-card {
    padding: 14px !important;
    margin-top: 10px !important;
    border-radius: 20px !important;
  }

  /* TOP TITLE */
  #fp-dashboard-rewards-card .fp-rewards-beta-heading {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-beta-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    border-radius: 14px !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-beta-title-row h3 {
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-beta-heading p {
    margin: 5px 0 0 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  /* WALLET OUTER SHELL */
  #fp-dashboard-rewards-card .fp-rewards-ultra-shell {
    display: block !important;
    width: 100% !important;

    margin-top: 14px !important;
    padding: 9px !important;

    border-radius: 18px !important;
  }

  /* MAIN BALANCE CARD */
  #fp-dashboard-rewards-card .fp-rewards-ultra-hero {
    width: 100% !important;
    min-height: 0 !important;

    padding: 13px !important;
    margin: 0 0 8px !important;

    border-radius: 15px !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-ultra-overline {
    font-size: 7px !important;
    gap: 7px !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-ultra-gem {
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
  }

  /* BALANCE + CREDIT */
  #fp-dashboard-rewards-card .fp-rewards-ultra-balance-row {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      105px !important;

    align-items: center !important;

    gap: 8px !important;
    margin: 14px 0 !important;
  }

  #fp-dashboard-rewards-card
  #fp-dashboard-reward-points {
    font-size: 42px !important;
    line-height: .95 !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-balance-row
  > div:first-child > span {
    margin-top: 6px !important;
    font-size: 7px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-credit-pill {
    width: 105px !important;
    min-width: 105px !important;

    padding: 9px !important;

    border-radius: 12px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-credit-pill small {
    font-size: 6px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-credit-pill strong {
    margin-top: 4px !important;
    font-size: 16px !important;
  }

  /* PROTECTION TEXT */
  #fp-dashboard-rewards-card
  .fp-rewards-ultra-status-line {
    gap: 6px 10px !important;

    font-size: 7px !important;
    line-height: 1.3 !important;
  }

  /* =====================================================
     FOUR STATS: FORCE 2 x 2
  ===================================================== */

  #fp-dashboard-rewards-card .fp-rewards-ultra-grid {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 7px !important;

    width: 100% !important;
  }

  #fp-dashboard-rewards-card .fp-rewards-ultra-stat {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px !important;

    padding: 9px !important;

    gap: 8px !important;

    border-radius: 13px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-stat-icon {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;

    border-radius: 10px !important;

    font-size: 13px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-stat-copy {
    min-width: 0 !important;
    gap: 2px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-stat-copy small {
    font-size: 6px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-stat-copy strong {
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-stat-copy em {
    font-size: 6.5px !important;
  }

  /* PROGRESS */
  #fp-dashboard-rewards-card
  .fp-rewards-beta-progress {
    margin-top: 12px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-beta-progress-head {
    margin-bottom: 6px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-beta-progress-head span {
    font-size: 8px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-beta-progress-head strong {
    font-size: 9px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-beta-progress-track {
    height: 8px !important;
  }

  /* MORE HISTORY */
  #fp-dashboard-rewards-card
  .fp-rewards-history-action {
    margin-top: 11px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-history-button {
    width: 100% !important;
    min-height: 54px !important;

    padding: 9px 11px !important;

    gap: 9px !important;

    border-radius: 13px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-history-button-icon {
    width: 35px !important;
    height: 35px !important;
    flex: 0 0 35px !important;

    border-radius: 10px !important;

    font-size: 13px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-history-button-copy strong {
    font-size: 11px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-history-button-copy small {
    font-size: 7px !important;
    line-height: 1.25 !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-history-arrow {
    font-size: 11px !important;
  }
}


/* =========================================================
   EXTRA SMALL PHONE SAFETY
========================================================= */

@media screen and (max-width: 430px) {

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-balance-row {
    grid-template-columns:
      minmax(0, 1fr)
      100px !important;
  }

  #fp-dashboard-rewards-card
  .fp-rewards-ultra-credit-pill {
    width: 100px !important;
    min-width: 100px !important;
  }
}
/* =========================================================
   FP REWARDS CARD - TRUE SIZE FIX
   Removes inherited fixed/min heights from .single-meter
========================================================= */

#fp-dashboard-rewards-card {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;

    padding: 22px !important;

    overflow: hidden !important;
}

#fp-dashboard-rewards-card .fp-rewards-beta-top {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;
}

#fp-dashboard-rewards-card .fp-rewards-beta-heading {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

#fp-dashboard-rewards-card .fp-rewards-ultra-shell {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;
}

#fp-dashboard-rewards-card .fp-rewards-ultra-hero {
    height: auto !important;
    min-height: 0 !important;
}

#fp-dashboard-rewards-card .fp-rewards-ultra-grid {
    height: auto !important;
    min-height: 0 !important;
}

#fp-dashboard-rewards-card .fp-rewards-beta-progress {
    height: auto !important;
    min-height: 0 !important;
}

#fp-dashboard-rewards-card .fp-rewards-history-action {
    height: auto !important;
    min-height: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #fp-dashboard-rewards-card {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 16px !important;

        box-sizing: border-box !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-beta-top {
        height: auto !important;
        min-height: 0 !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-shell {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        margin: 16px 0 0 !important;
        padding: 10px !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-hero {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 15px !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-grid {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-stat {
        height: auto !important;
        min-height: 86px !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-beta-progress {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 16px 0 0 !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-history-action {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 14px 0 0 !important;
    }
}


/* =========================================================
   VERY SMALL PHONE
========================================================= */

@media (max-width: 430px) {

    #fp-dashboard-rewards-card .fp-rewards-ultra-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-stat {
        min-height: 80px !important;
    }
}
/* =========================================================
   REWARDS HISTORY IOS CLICK FIX
========================================================= */

#fp-dashboard-rewards-card {
  position: relative !important;
  z-index: 10 !important;
}

#fp-dashboard-rewards-card .fp-rewards-history-action {
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  pointer-events: auto !important;
}

#fp-dashboard-rewards-card .fp-rewards-history-button {
  position: relative !important;
  z-index: 101 !important;
  display: flex !important;
  width: 100% !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

#fp-dashboard-rewards-card .fp-rewards-history-button * {
  pointer-events: none !important;
}

@media screen and (max-width: 767px) {
  #fp-dashboard-rewards-card .fp-rewards-history-action {
    z-index: 1000 !important;
    isolation: isolate;
  }

  #fp-dashboard-rewards-card .fp-rewards-history-button {
    z-index: 1001 !important;
  }
}
/* =========================================================
   PREMIUM EMERALD REWARDS BUTTON
   FINAL OVERRIDE
========================================================= */

#fp-dashboard-rewards-card .fp-rewards-history-button{

    position:relative !important;

    border:1px solid #2ED38E !important;

    border-radius:17px !important;

    background:
    radial-gradient(
        circle at top right,
        rgba(46,211,142,.10),
        transparent 42%
    ),
    linear-gradient(
        135deg,
        #0A452C 0%,
        #0D5B39 35%,
        #116E47 70%,
        #12774D 100%
    ) !important;;

    box-shadow:
        0 0 16px rgba(46,211,142,.20),
        0 10px 28px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    color:#FFFFFF !important;

    overflow:hidden;
    transition:all .22s ease;
}


/* Animated shine */
#fp-dashboard-rewards-card .fp-rewards-history-button::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.10) 42%,
            transparent 65%
        );

    transform:translateX(-120%);

    animation:fpRewardsButtonShine 5.5s ease-in-out infinite;
}


@keyframes fpRewardsButtonShine{

    0%,70%{
        transform:translateX(-120%);
    }

    100%{
        transform:translateX(120%);
    }

}


/* Hover */

#fp-dashboard-rewards-card .fp-rewards-history-button:hover,
#fp-dashboard-rewards-card .fp-rewards-history-button:focus{

    transform:translateY(-2px);

    border-color:#59E8AA !important;

    background:
        radial-gradient(
            circle at top right,
            rgba(89,232,170,.18),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #116842 0%,
            #138454 45%,
            #20BE7B 100%
        ) !important;

    box-shadow:
        0 0 22px rgba(46,211,142,.28),
        0 16px 36px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}


/* Icon */

#fp-dashboard-rewards-card
.fp-rewards-history-button-icon{

    color:#B8FFE2 !important;

    border:1px solid rgba(184,255,226,.22) !important;

    background:
        rgba(255,255,255,.06) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05);
}


/* Title */

#fp-dashboard-rewards-card
.fp-rewards-history-button-copy strong{

    color:#FFFFFF !important;

    font-weight:900;
}


/* Description */

#fp-dashboard-rewards-card
.fp-rewards-history-button-copy small{

    color:rgba(255,255,255,.78) !important;
}


/* Arrow */

#fp-dashboard-rewards-card
.fp-rewards-history-arrow{

    color:#B8FFE2 !important;

    transition:all .20s ease;
}

#fp-dashboard-rewards-card
.fp-rewards-history-button:hover
.fp-rewards-history-arrow{

    transform:translateX(5px);
}


/* Mobile */

@media(max-width:767px){

    #fp-dashboard-rewards-card
    .fp-rewards-history-button{

        min-height:60px !important;

        padding:11px 13px !important;
    }
}
/* =========================================================
   FP LOW BALANCE MODAL
   FINAL STYLES
========================================================= */

.fp-low-balance-overlay {
    position: fixed !important;
    inset: 0 !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100vw !important;
    height: 100vh !important;

    padding: 20px !important;

    background: rgba(0, 7, 16, .78) !important;

    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);

    box-sizing: border-box !important;

    animation: fpLowBalanceOverlayIn .20s ease;
}

.fp-low-balance-modal {
    position: relative !important;

    width: 100% !important;
    max-width: 440px !important;

    margin: 0 auto !important;

    padding: 26px !important;

    border: 1px solid
        rgba(255, 184, 77, .35) !important;

    border-radius: 22px !important;

    background:
        radial-gradient(
            circle at top right,
            rgba(255, 184, 77, .12),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #101722,
            #080d15
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .55),
        0 0 30px rgba(255, 184, 77, .06),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;

    box-sizing: border-box !important;

    animation: fpLowBalanceModalIn .24s ease;
}


/* CLOSE BUTTON */

.fp-low-balance-close {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;

    width: 36px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 11px !important;

    background: rgba(255,255,255,.05) !important;

    color: #aeb8c7 !important;

    font-size: 15px !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


/* ICON */

.fp-low-balance-icon {
    width: 56px !important;
    height: 56px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 18px !important;

    border: 1px solid rgba(255, 184, 77, .35) !important;
    border-radius: 16px !important;

    background:
        rgba(255, 184, 77, .10) !important;

    color: #ffbd59 !important;

    font-size: 21px !important;

    box-shadow:
        0 0 20px rgba(255, 184, 77, .10) !important;
}


/* COPY */

.fp-low-balance-eyebrow {
    display: block !important;

    margin: 0 0 7px !important;

    color: #ffbd59 !important;

    font-size: 10px !important;
    font-weight: 900 !important;

    line-height: 1.2 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;
}

.fp-low-balance-copy h3 {
    margin: 0 42px 10px 0 !important;

    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 900 !important;

    line-height: 1.22 !important;
}

.fp-low-balance-copy p {
    margin: 0 !important;

    color: #9ca9ba !important;

    font-size: 13px !important;

    line-height: 1.65 !important;
}

.fp-low-balance-copy p strong {
    color: #ffbd59 !important;
    font-weight: 900 !important;
}


/* ACTIONS */

.fp-low-balance-actions {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    gap: 10px !important;

    width: 100% !important;

    margin-top: 22px !important;
}

.fp-low-balance-add,
.fp-low-balance-dismiss {
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    padding: 0 17px !important;

    border-radius: 12px !important;

    font-size: 12px !important;
    font-weight: 850 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* ADD FUNDS */

.fp-low-balance-add {
    border: 1px solid #2ed38e !important;

    background:
        linear-gradient(
            135deg,
            #0d6a43,
            #18a76c
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 10px 24px rgba(24,167,108,.20) !important;
}

.fp-low-balance-add:hover,
.fp-low-balance-add:focus {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #107a4d,
            #1cbd7a
        ) !important;

    text-decoration: none !important;
}


/* MAYBE LATER */

.fp-low-balance-dismiss {
    border: 1px solid rgba(255,255,255,.10) !important;

    background:
        rgba(255,255,255,.05) !important;

    color: #b8c2d0 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


/* CLOSING */

.fp-low-balance-overlay.is-closing {
    opacity: 0 !important;

    transition:
        opacity .20s ease !important;
}


/* ANIMATION */

@keyframes fpLowBalanceOverlayIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fpLowBalanceModalIn {
    from {
        opacity: 0;
        transform:
            translateY(12px)
            scale(.97);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 520px) {

    .fp-low-balance-overlay {
        align-items: center !important;

        padding: 15px !important;
    }

    .fp-low-balance-modal {
        width: 100% !important;

        max-width: 390px !important;

        padding:
            22px
            18px
            18px !important;

        border-radius: 20px !important;
    }

    .fp-low-balance-icon {
        width: 50px !important;
        height: 50px !important;

        margin-bottom: 15px !important;

        border-radius: 14px !important;

        font-size: 19px !important;
    }

    .fp-low-balance-copy h3 {
        margin-right: 35px !important;

        font-size: 21px !important;
    }

    .fp-low-balance-copy p {
        font-size: 12px !important;
    }

    .fp-low-balance-actions {
        grid-template-columns:
            1fr !important;

        gap: 8px !important;
    }

    .fp-low-balance-add,
    .fp-low-balance-dismiss {
        width: 100% !important;

        min-height: 47px !important;
    }
}
/* =========================================================
   ORDERS PAGE HEADER BOX
========================================================= */

.fp-auth-body .fp-orders-page .fp-orders-page-head {
    position: relative;
    padding: 22px 24px;
    margin-bottom: 18px;

    border: 1px solid var(--fp-border);
    border-radius: 18px;

    background: var(--fp-panel);
    color: var(--fp-text-main);

    box-shadow: var(--fp-shadow);

    overflow: hidden;
}

/* Subtle theme accent */
.fp-auth-body .fp-orders-page .fp-orders-page-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 3px;

    background: var(--fp-accent);
}

/* Keep content above accent/background */
.fp-auth-body .fp-orders-page .fp-orders-page-head-copy,
.fp-auth-body .fp-orders-page .fp-orders-page-meta {
    position: relative;
    z-index: 1;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .fp-auth-body .fp-orders-page .fp-orders-page-head {
        padding: 18px 16px;
        margin-bottom: 14px;
        border-radius: 16px;
    }

}
/* =========================================================
   FOLLOWERSPROVIDER ORDERS
   FINAL COMPACT-LIST SPACING FIX
   Search -> View Switch
========================================================= */


/* ---------------------------------------------------------
   TOOLBAR / FILTER AREA
--------------------------------------------------------- */

.fp-auth-body
.fp-orders-page
.fp-orders-toolbar-scroll {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ---------------------------------------------------------
   ORDER FILTERS
--------------------------------------------------------- */

.fp-auth-body
.fp-orders-page
.fp-orders-filters {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ---------------------------------------------------------
   SEARCH AREA
--------------------------------------------------------- */

.fp-auth-body
.fp-orders-page
.fp-orders-filters .search {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.fp-auth-body
.fp-orders-page
.fp-orders-filters .search form {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ---------------------------------------------------------
   CARDS / COMPACT LIST SWITCH
--------------------------------------------------------- */

.fp-auth-body
.fp-orders-page
.fp-orders-view-switch {
    margin-top: -8px !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* Remove unnecessary space below toolbar */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-toolbar-scroll {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* Remove unnecessary filter spacing */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* Search should not create a large bottom gap */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters .search {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters .search form {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* Pull Cards / Compact List upward slightly */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-view-switch {
        margin-top: 2px !important;
        margin-bottom: 12px !important;
        padding-top: 0 !important;
    }
}
/* =========================================================
   FINAL MOBILE SEARCH BAR ALIGNMENT
   Match Cards / Compact List outer width
========================================================= */

@media (max-width: 767px) {

    /* Break Search out of Bootstrap pull-right behavior */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search {
        float: none !important;
        clear: both !important;

        display: block !important;

        width: calc(100% + 32px) !important;
        max-width: none !important;

        margin-top: 12px !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        margin-bottom: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* Search form */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search
    #history-search {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Input + search button wrapper */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search
    .input-group {
        display: table !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }

    /* Search text field */
    .fp-auth-body
    .fp-orders-page
    #fp-orders-search {
        width: 100% !important;
    }
}
/* =========================================================
   FINAL MOBILE SEARCH BAR ALIGNMENT
   Fine tuned to match Cards / Compact List
========================================================= */

@media (max-width: 767px) {

    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search {
        float: none !important;
        clear: both !important;

        display: block !important;

        width: calc(100% + 20px) !important;
        max-width: none !important;

        margin-top: 12px !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
        margin-bottom: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search
    #history-search {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search
    .input-group {
        display: table !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }

    .fp-auth-body
    .fp-orders-page
    #fp-orders-search {
        width: 100% !important;
    }
}
/* =========================================================
   FOLLOWERSPROVIDER AFFILIATES
   MULTI-COLOR ICON SYSTEM
   ========================================================= */

/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

/* Affiliate Program Diamond */
.fp-affiliates-hero-badge i {
    color: #a855f7 !important;
}

/* Copy Referral Link */
.fp-affiliates-copy-main i {
    color: #ffffff !important;
}

/* Share Link */
.fp-affiliates-share-btn i {
    color: #38bdf8 !important;
}

/* Affiliate Active */
.fp-affiliates-rate-status i {
    color: #22c55e !important;
}


/* ---------------------------------------------------------
   SECTION HEADING ICONS
   --------------------------------------------------------- */

/* Default section icon */
.fp-affiliates-section-icon {
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

/* Program Information */
.fp-affiliates-text-card .fp-affiliates-section-icon {
    color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.13) !important;
    border-color: rgba(56, 189, 248, 0.28) !important;
}

/* Referral Link */
.fp-affiliates-link-card .fp-affiliates-section-icon {
    color: #8b5cf6 !important;
    background: rgba(139, 92, 246, 0.13) !important;
    border-color: rgba(139, 92, 246, 0.28) !important;
}

/* How It Works */
.fp-affiliates-how-card .fp-affiliates-section-icon {
    color: #f59e0b !important;
    background: rgba(245, 158, 11, 0.13) !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
}

/* Payout History */
.fp-affiliates-history-card .fp-affiliates-section-icon {
    color: #06b6d4 !important;
    background: rgba(6, 182, 212, 0.13) !important;
    border-color: rgba(6, 182, 212, 0.28) !important;
}


/* ---------------------------------------------------------
   REFERRAL LINK
   --------------------------------------------------------- */

/* Globe */
.fp-affiliates-link-icon {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.14) !important;
    border-color: rgba(59, 130, 246, 0.28) !important;
}

.fp-affiliates-link-icon i {
    color: #3b82f6 !important;
}

/* Copy Link button */
.fp-affiliates-copy-btn i {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   REFERRAL DETAILS
   Commission / Minimum Payout / Tracking
   --------------------------------------------------------- */

/* Commission Rate */
.fp-affiliates-link-detail:nth-child(1)
.fp-affiliates-link-detail-icon {
    color: #a855f7 !important;
    background: rgba(168, 85, 247, 0.14) !important;
    border-color: rgba(168, 85, 247, 0.28) !important;
}

.fp-affiliates-link-detail:nth-child(1)
.fp-affiliates-link-detail-icon i {
    color: #a855f7 !important;
}


/* Minimum Payout */
.fp-affiliates-link-detail:nth-child(2)
.fp-affiliates-link-detail-icon {
    color: #f59e0b !important;
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
}

.fp-affiliates-link-detail:nth-child(2)
.fp-affiliates-link-detail-icon i {
    color: #f59e0b !important;
}


/* Automatic Tracking */
.fp-affiliates-link-detail:nth-child(3)
.fp-affiliates-link-detail-icon {
    color: #06b6d4 !important;
    background: rgba(6, 182, 212, 0.14) !important;
    border-color: rgba(6, 182, 212, 0.28) !important;
}

.fp-affiliates-link-detail:nth-child(3)
.fp-affiliates-link-detail-icon i {
    color: #06b6d4 !important;
}


/* ---------------------------------------------------------
   STATISTIC CARDS
   --------------------------------------------------------- */

.fp-affiliates-stat-icon {
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/* Visits */
.fp-affiliates-stat-card:nth-child(1)
.fp-affiliates-stat-icon {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.14) !important;
    border-color: rgba(59, 130, 246, 0.30) !important;
}

.fp-affiliates-stat-card:nth-child(1)
.fp-affiliates-stat-icon i {
    color: #3b82f6 !important;
}


/* Registrations */
.fp-affiliates-stat-card:nth-child(2)
.fp-affiliates-stat-icon {
    color: #a855f7 !important;
    background: rgba(168, 85, 247, 0.14) !important;
    border-color: rgba(168, 85, 247, 0.30) !important;
}

.fp-affiliates-stat-card:nth-child(2)
.fp-affiliates-stat-icon i {
    color: #a855f7 !important;
}


/* Referrals */
.fp-affiliates-stat-card:nth-child(3)
.fp-affiliates-stat-icon {
    color: #06b6d4 !important;
    background: rgba(6, 182, 212, 0.14) !important;
    border-color: rgba(6, 182, 212, 0.30) !important;
}

.fp-affiliates-stat-card:nth-child(3)
.fp-affiliates-stat-icon i {
    color: #06b6d4 !important;
}


/* Conversion Rate */
.fp-affiliates-stat-card:nth-child(4)
.fp-affiliates-stat-icon {
    color: #f59e0b !important;
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: rgba(245, 158, 11, 0.30) !important;
}

.fp-affiliates-stat-card:nth-child(4)
.fp-affiliates-stat-icon i {
    color: #f59e0b !important;
}


/* ---------------------------------------------------------
   EARNINGS
   --------------------------------------------------------- */

/* Total Earnings */
.fp-affiliates-earnings-grid
.fp-affiliates-earnings-card:first-child
.fp-affiliates-earnings-icon {
    color: #22c55e !important;
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.30) !important;
}

.fp-affiliates-earnings-grid
.fp-affiliates-earnings-card:first-child
.fp-affiliates-earnings-icon i {
    color: #22c55e !important;
}


/* Available Earnings */
.fp-affiliates-available-card
.fp-affiliates-earnings-icon {
    color: #10b981 !important;
    background: rgba(16, 185, 129, 0.14) !important;
    border-color: rgba(16, 185, 129, 0.30) !important;
}

.fp-affiliates-available-card
.fp-affiliates-earnings-icon i {
    color: #10b981 !important;
}


/* Request Payout */
.fp-affiliates-payout-btn i {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   HOW IT WORKS
   --------------------------------------------------------- */

/* Step 01 - Copy */
.fp-affiliates-step:nth-of-type(1)
.fp-affiliates-step-icon {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.14) !important;
    border-color: rgba(59, 130, 246, 0.30) !important;
}

.fp-affiliates-step:nth-of-type(1)
.fp-affiliates-step-icon i {
    color: #3b82f6 !important;
}


/*
   Because .fp-affiliates-step-line elements sit between the
   steps, nth-child is safer for the remaining step positions.
*/

/* Step 02 - Share */
.fp-affiliates-steps
.fp-affiliates-step:nth-child(3)
.fp-affiliates-step-icon {
    color: #8b5cf6 !important;
    background: rgba(139, 92, 246, 0.14) !important;
    border-color: rgba(139, 92, 246, 0.30) !important;
}

.fp-affiliates-steps
.fp-affiliates-step:nth-child(3)
.fp-affiliates-step-icon i {
    color: #8b5cf6 !important;
}


/* Step 03 - Register */
.fp-affiliates-steps
.fp-affiliates-step:nth-child(5)
.fp-affiliates-step-icon {
    color: #06b6d4 !important;
    background: rgba(6, 182, 212, 0.14) !important;
    border-color: rgba(6, 182, 212, 0.30) !important;
}

.fp-affiliates-steps
.fp-affiliates-step:nth-child(5)
.fp-affiliates-step-icon i {
    color: #06b6d4 !important;
}


/* Step 04 - Earn */
.fp-affiliates-steps
.fp-affiliates-step:nth-child(7)
.fp-affiliates-step-icon {
    color: #22c55e !important;
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.30) !important;
}

.fp-affiliates-steps
.fp-affiliates-step:nth-child(7)
.fp-affiliates-step-icon i {
    color: #22c55e !important;
}


/* ---------------------------------------------------------
   STEP NUMBERS
   --------------------------------------------------------- */

.fp-affiliates-step:nth-child(1)
.fp-affiliates-step-number {
    color: #3b82f6 !important;
}

.fp-affiliates-step:nth-child(3)
.fp-affiliates-step-number {
    color: #8b5cf6 !important;
}

.fp-affiliates-step:nth-child(5)
.fp-affiliates-step-number {
    color: #06b6d4 !important;
}

.fp-affiliates-step:nth-child(7)
.fp-affiliates-step-number {
    color: #22c55e !important;
}


/* ---------------------------------------------------------
   PAYOUT HISTORY
   --------------------------------------------------------- */

/* Calendar */
.fp-affiliates-payment-date i {
    color: #3b82f6 !important;
}

/* Status dot */
.fp-affiliates-payment-status i {
    color: #22c55e !important;
}


/* ---------------------------------------------------------
   SUBTLE HOVER EFFECT
   DESKTOP ONLY
   --------------------------------------------------------- */

@media (hover: hover) {

    .fp-affiliates-stat-card:hover
    .fp-affiliates-stat-icon,

    .fp-affiliates-step:hover
    .fp-affiliates-step-icon,

    .fp-affiliates-link-detail:hover
    .fp-affiliates-link-detail-icon {

        transform: translateY(-2px);
    }
}
/* =========================================================
   FOLLOWERSPROVIDER REFILLS
   MULTI-COLOR ICON SYSTEM
   Add at the very bottom of the existing <style>
========================================================= */


/* =========================================================
   HERO AREA
========================================================= */

/* Delivery Recovery eyebrow */
.fp-refills-eyebrow i {
  color: #38bdf8 !important;
}

/* Large refill icon */
.fp-refills-hero-icon {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, .13) !important;
  border-color: rgba(56, 189, 248, .30) !important;
}

.fp-refills-hero-icon i {
  color: #38bdf8 !important;
}


/* Hero mini information icons */

/* Request tracking */
.fp-refills-hero-meta span:nth-child(1) i {
  color: #a855f7 !important;
}

/* Live status updates */
.fp-refills-hero-meta span:nth-child(2) i {
  color: #38bdf8 !important;
}

/* Refill protection */
.fp-refills-hero-meta span:nth-child(3) i {
  color: #22c55e !important;
}


/* =========================================================
   STATUS FILTER ICONS
========================================================= */

/* All */
.fp-refills-tab:nth-child(1) .fp-refills-tab-icon {
  color: #3b82f6 !important;
  background: rgba(59, 130, 246, .14) !important;
  border: 1px solid rgba(59, 130, 246, .28) !important;
}

.fp-refills-tab:nth-child(1) .fp-refills-tab-icon i {
  color: #3b82f6 !important;
}


/* Pending */
.fp-refills-tab:nth-child(2) .fp-refills-tab-icon {
  color: #f59e0b !important;
  background: rgba(245, 158, 11, .14) !important;
  border: 1px solid rgba(245, 158, 11, .28) !important;
}

.fp-refills-tab:nth-child(2) .fp-refills-tab-icon i {
  color: #f59e0b !important;
}


/* In Progress */
.fp-refills-tab:nth-child(3) .fp-refills-tab-icon {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, .14) !important;
  border: 1px solid rgba(56, 189, 248, .28) !important;
}

.fp-refills-tab:nth-child(3) .fp-refills-tab-icon i {
  color: #38bdf8 !important;
}


/* Completed */
.fp-refills-tab:nth-child(4) .fp-refills-tab-icon {
  color: #22c55e !important;
  background: rgba(34, 197, 94, .14) !important;
  border: 1px solid rgba(34, 197, 94, .28) !important;
}

.fp-refills-tab:nth-child(4) .fp-refills-tab-icon i {
  color: #22c55e !important;
}


/* Rejected */
.fp-refills-tab:nth-child(5) .fp-refills-tab-icon {
  color: #f43f5e !important;
  background: rgba(244, 63, 94, .14) !important;
  border: 1px solid rgba(244, 63, 94, .28) !important;
}

.fp-refills-tab:nth-child(5) .fp-refills-tab-icon i {
  color: #f43f5e !important;
}


/* Error */
.fp-refills-tab:nth-child(6) .fp-refills-tab-icon {
  color: #fb7185 !important;
  background: rgba(251, 113, 133, .14) !important;
  border: 1px solid rgba(251, 113, 133, .28) !important;
}

.fp-refills-tab:nth-child(6) .fp-refills-tab-icon i {
  color: #fb7185 !important;
}


/* =========================================================
   SEARCH
========================================================= */

.fp-refills-search-icon i {
  color: #38bdf8 !important;
}

.fp-refills-search-clear i {
  color: #f43f5e !important;
}

/* Search button remains white because it sits on accent bg */
.fp-refills-search-button i {
  color: #ffffff !important;
}


/* =========================================================
   SUMMARY CARDS
========================================================= */

/* Displayed records */
.fp-refills-summary-card:nth-child(1)
.fp-refills-summary-icon {
  color: #8b5cf6 !important;
  background: rgba(139, 92, 246, .14) !important;
  border: 1px solid rgba(139, 92, 246, .28) !important;
}

.fp-refills-summary-card:nth-child(1)
.fp-refills-summary-icon i {
  color: #8b5cf6 !important;
}


/* Current filter */
.fp-refills-summary-card:nth-child(2)
.fp-refills-summary-icon {
  color: #f59e0b !important;
  background: rgba(245, 158, 11, .14) !important;
  border: 1px solid rgba(245, 158, 11, .28) !important;
}

.fp-refills-summary-card:nth-child(2)
.fp-refills-summary-icon i {
  color: #f59e0b !important;
}


/* Search status */
.fp-refills-summary-card:nth-child(3)
.fp-refills-summary-icon {
  color: #06b6d4 !important;
  background: rgba(6, 182, 212, .14) !important;
  border: 1px solid rgba(6, 182, 212, .28) !important;
}

.fp-refills-summary-card:nth-child(3)
.fp-refills-summary-icon i {
  color: #06b6d4 !important;
}


/* =========================================================
   RECORD HEADER
========================================================= */

.fp-refills-records-count i {
  color: #8b5cf6 !important;
}


/* =========================================================
   SELECT + VIEW CONTROLS
========================================================= */

.fp-refills-copy-selected i {
  color: #38bdf8 !important;
}

/* Cards */
.fp-refills-view-button[data-view="cards"] i {
  color: #a855f7 !important;
}

/* Compact List */
.fp-refills-view-button[data-view="list"] i {
  color: #38bdf8 !important;
}

/* Active view keeps icon readable */
.fp-refills-view-button.active i {
  color: var(--fp-refills-accent) !important;
}


/* =========================================================
   REFILL CARD LABEL ICONS
========================================================= */

/* Order ID */
.fp-refill-card-row:nth-child(1)
.fp-refill-card-label i {
  color: #3b82f6 !important;
}

/* Service */
.fp-refill-card-row:nth-child(2)
.fp-refill-card-label i {
  color: #a855f7 !important;
}

/* Link */
.fp-refill-card-row:nth-child(3)
.fp-refill-card-label i {
  color: #06b6d4 !important;
}


/* =========================================================
   ORDER ID LINK
========================================================= */

.fp-refill-order-badge i {
  color: #3b82f6 !important;
}


/* =========================================================
   SERVICE ID
========================================================= */

.fp-refill-service-id {
  color: #a855f7 !important;
  background: rgba(168, 85, 247, .10) !important;
  border-color: rgba(168, 85, 247, .30) !important;
}

.fp-refill-service-id i {
  color: #a855f7 !important;
}


/* =========================================================
   CARD DATE
========================================================= */

.fp-refill-card-date i {
  color: #f59e0b !important;
}


/* =========================================================
   CARD ACTION BUTTON ICONS
========================================================= */

/* First action = copy refill ID */
.fp-refill-card-actions
.fp-refill-copy-button:nth-child(1) i {
  color: #8b5cf6 !important;
}

/* Second action = copy link */
.fp-refill-card-actions
.fp-refill-copy-button:nth-child(2) i {
  color: #06b6d4 !important;
}

/* Open order */
.fp-refill-card-actions
.fp-refill-open-button i {
  color: #3b82f6 !important;
}


/* =========================================================
   REFILL ID COPY BUTTON IN CARD HEADER
========================================================= */

.fp-refill-card-id-copy i {
  color: #8b5cf6 !important;
}


/* =========================================================
   STATUS ICONS
========================================================= */

/* Pending */
.fp-refill-status-pending i {
  color: #f59e0b !important;
}

/* In Progress */
.fp-refill-status-inprogress i {
  color: #38bdf8 !important;
}

/* Completed */
.fp-refill-status-completed i {
  color: #22c55e !important;
}

/* Rejected */
.fp-refill-status-rejected i {
  color: #f43f5e !important;
}

/* Error */
.fp-refill-status-error i {
  color: #fb7185 !important;
}

/* Other */
.fp-refill-status-default i {
  color: #94a3b8 !important;
}


/* =========================================================
   COMPACT TABLE ICONS
========================================================= */

/* Order link */
.fp-refills-list-order i {
  color: #3b82f6 !important;
}

/* Service ID */
.fp-refills-list-service
.fp-refill-service-id i {
  color: #a855f7 !important;
}


/* Compact action 1 = ID */
.fp-refills-list-actions
.fp-refill-copy-button:nth-child(1) i {
  color: #8b5cf6 !important;
}

/* Compact action 2 = link */
.fp-refills-list-actions
.fp-refill-copy-button:nth-child(2) i {
  color: #06b6d4 !important;
}

/* Compact action 3 = open order */
.fp-refills-list-actions
.fp-refill-open-button i {
  color: #3b82f6 !important;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.fp-refills-empty-icon {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, .14) !important;
  border: 1px solid rgba(56, 189, 248, .28) !important;
}

.fp-refills-empty-icon i {
  color: #38bdf8 !important;
}

/* Clear search */
.fp-refills-empty-button .fa-times {
  color: #ffffff !important;
}

/* View Orders */
.fp-refills-empty-button .fa-shopping-cart {
  color: #ffffff !important;
}


/* =========================================================
   PAGINATION
========================================================= */

.fp-refills-pagination .fa-angle-left,
.fp-refills-pagination .fa-angle-right {
  color: var(--fp-refills-accent) !important;
}


/* =========================================================
   COPY SUCCESS
========================================================= */

.fp-refill-copy-button.is-copied i,
.fp-refills-copy-selected.is-copied i {
  color: #22c55e !important;
}


/* =========================================================
   TOAST
========================================================= */

.fp-refills-toast i {
  color: #22c55e !important;
}


/* =========================================================
   OPTIONAL ICON GLOW
   Very subtle so the page does not look neon-heavy.
========================================================= */

.fp-refills-summary-icon i,
.fp-refills-tab-icon i,
.fp-refills-hero-icon i,
.fp-refills-empty-icon i {
  filter: drop-shadow(0 0 7px currentColor);
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

@media (hover: hover) {

  .fp-refills-tab:hover .fp-refills-tab-icon,
  .fp-refills-summary-card:hover .fp-refills-summary-icon {
    transform: translateY(-2px);
  }

  .fp-refills-tab-icon,
  .fp-refills-summary-icon {
    transition:
      transform .2s ease,
      background-color .2s ease,
      border-color .2s ease,
      color .2s ease;
  }
}
/* =========================================================
   REFILL CARD LINK
   Clean full clickable URL
========================================================= */

.fp-refills-page
.fp-refill-card-link-value {
  min-width: 0;
}


/* Full URL */
.fp-refills-page
.fp-refill-card-link {
  display: block;

  width: 100%;
  min-width: 0;

  color: var(--fp-refills-text);

  font-size: 12px;
  font-weight: 750;
  line-height: 1.55;

  text-decoration: none;

  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}


/* Hover */
.fp-refills-page
.fp-refill-card-link:hover,
.fp-refills-page
.fp-refill-card-link:focus {
  color: #06b6d4;
  text-decoration: underline;
  outline: none;
}


/* Mobile */
@media (max-width: 520px) {

  .fp-refills-page
  .fp-refill-card-link-row {
    grid-template-columns: 90px minmax(0, 1fr);
  }

  .fp-refills-page
  .fp-refill-card-link {
    font-size: 11px;
    line-height: 1.5;
  }

}
/* =========================================================
   FOLLOWERSPROVIDER - REFILL PAGE
   Refills V3 | Cards + Compact List
   ========================================================= */

.fp-refills-page {
  --fp-refills-accent: var(--fp-accent, var(--primary-color, #2f7cff));
  --fp-refills-accent-soft: var(--fp-accent-soft, rgba(47, 124, 255, .12));
  --fp-refills-panel: var(--fp-panel, var(--card-bg, var(--panel-bg, #07172d)));
  --fp-refills-panel-soft: var(--fp-bg-soft, var(--surface-color, #0b203b));
  --fp-refills-text: var(--fp-text-main, var(--text-color, #edf4ff));
  --fp-refills-muted: var(--fp-text-muted, var(--muted-color, #8fa2bd));
  --fp-refills-border: var(--fp-border, rgba(141, 163, 191, .18));
  --fp-refills-border-strong: var(--fp-border-strong, rgba(141, 163, 191, .32));
  --fp-refills-shadow: var(--fp-shadow, 0 18px 45px rgba(0, 0, 0, .22));
  color: var(--fp-refills-text);
}

.fp-refills-page *,
.fp-refills-page *::before,
.fp-refills-page *::after { box-sizing: border-box; }
.fp-refills-page a { text-decoration: none; }

.fp-refills-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 20%, rgba(47, 124, 255, .22), transparent 34%),
    radial-gradient(circle at 90% 70%, rgba(55, 212, 187, .14), transparent 30%),
    var(--fp-refills-panel);
  box-shadow: var(--fp-refills-shadow);
}

.fp-refills-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
}

.fp-refills-hero-copy { min-width: 0; }
.fp-refills-eyebrow,
.fp-refills-records-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fp-refills-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fp-refills-hero h1 {
  margin: 10px 0 8px;
  color: var(--fp-refills-text);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 900;
  line-height: 1.08;
}

.fp-refills-hero p {
  max-width: 700px;
  margin: 0;
  color: var(--fp-refills-muted);
  font-size: 14px;
  line-height: 1.65;
}

.fp-refills-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 17px;
}

.fp-refills-hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--fp-refills-muted);
  font-size: 12px;
  font-weight: 700;
}

.fp-refills-hero-icon {
  display: grid;
  width: 112px;
  height: 112px;
  flex: 0 0 112px;
  place-items: center;
  border: 1px solid var(--fp-refills-border);
  border-radius: 26px;
  background: var(--fp-refills-accent-soft);
  color: var(--fp-refills-accent);
  font-size: 42px;
  transform: rotate(-7deg);
}

.fp-refills-toolbar {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.fp-refills-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.fp-refills-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 15px;
  background: var(--fp-refills-panel);
  color: var(--fp-refills-text);
  transition: .2s ease;
}

.fp-refills-tab:hover,
.fp-refills-tab:focus,
.fp-refills-tab.active {
  border-color: var(--fp-refills-accent);
  background: var(--fp-refills-accent-soft);
  color: var(--fp-refills-text);
  outline: none;
}

.fp-refills-tab-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 10px;
  background: var(--fp-refills-panel-soft);
  color: var(--fp-refills-accent);
}

.fp-refills-tab-copy { min-width: 0; }
.fp-refills-tab-copy strong,
.fp-refills-tab-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fp-refills-tab-copy strong { color: inherit; font-size: 12px; font-weight: 900; }
.fp-refills-tab-copy small { margin-top: 3px; color: var(--fp-refills-muted); font-size: 10px; }

.fp-refills-search-box {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 16px;
  background: var(--fp-refills-panel);
  box-shadow: var(--fp-refills-shadow);
}

.fp-refills-search-icon {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  color: var(--fp-refills-accent);
}

.fp-refills-search-box input {
  width: 100%;
  min-width: 0;
  height: 40px;
  border: 0;
  background: transparent;
  color: var(--fp-refills-text);
  outline: none;
}
.fp-refills-search-box input::placeholder { color: var(--fp-refills-muted); }
.fp-refills-search-clear {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 9px;
  color: var(--fp-refills-muted);
}

.fp-refills-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--fp-refills-accent);
  border-radius: 11px;
  background: var(--fp-refills-accent);
  color: #fff;
  font-weight: 900;
}

.fp-refills-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.fp-refills-summary-card {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 17px;
  background: var(--fp-refills-panel);
}

.fp-refills-summary-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 12px;
  background: var(--fp-refills-accent-soft);
  color: var(--fp-refills-accent);
}

.fp-refills-summary-copy { min-width: 0; }
.fp-refills-summary-copy small,
.fp-refills-summary-copy strong,
.fp-refills-summary-copy span { display: block; }
.fp-refills-summary-copy small {
  color: var(--fp-refills-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.fp-refills-summary-copy strong {
  margin: 3px 0;
  overflow: hidden;
  color: var(--fp-refills-text);
  font-size: 18px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fp-refills-summary-copy span {
  overflow: hidden;
  color: var(--fp-refills-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-refills-records {
  overflow: hidden;
  border: 1px solid var(--fp-refills-border);
  border-radius: 20px;
  background: var(--fp-refills-panel);
  box-shadow: var(--fp-refills-shadow);
}

.fp-refills-records-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  border-bottom: 1px solid var(--fp-refills-border);
  background: var(--fp-refills-panel-soft);
}
.fp-refills-records-header h2 {
  margin: 5px 0;
  color: var(--fp-refills-text);
  font-size: 22px;
  font-weight: 900;
}
.fp-refills-records-header p { margin: 0; color: var(--fp-refills-muted); font-size: 12px; }
.fp-refills-records-count {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 999px;
  background: var(--fp-refills-panel);
  color: var(--fp-refills-muted);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.fp-refills-view-toolbar {
  position: sticky;
  top: 8px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--fp-refills-border);
  background: color-mix(in srgb, var(--fp-refills-panel) 92%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.fp-refills-toolbar-left,
.fp-refills-toolbar-right { display: flex; align-items: center; gap: 9px; min-width: 0; }
.fp-refills-select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--fp-refills-text);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.fp-refills-select-all input,
.fp-refill-select { width: 18px; height: 18px; margin: 0; accent-color: var(--fp-refills-accent); cursor: pointer; }
.fp-refills-selected-count {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
}

.fp-refills-copy-selected,
.fp-refills-view-button,
.fp-refill-copy-button,
.fp-refill-open-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--fp-refills-border-strong);
  border-radius: 10px;
  background: var(--fp-refills-panel-soft);
  color: var(--fp-refills-text);
  font-size: 11px;
  font-weight: 900;
  transition: .18s ease;
}
.fp-refills-copy-selected { min-height: 38px; padding: 0 12px; }
.fp-refills-copy-selected:not(:disabled):hover,
.fp-refills-view-button:hover,
.fp-refills-view-button.active,
.fp-refill-copy-button:hover,
.fp-refill-open-button:hover {
  border-color: var(--fp-refills-accent);
  background: var(--fp-refills-accent-soft);
  color: var(--fp-refills-accent);
}
.fp-refills-copy-selected:disabled { opacity: .45; cursor: not-allowed; }
.fp-refills-copy-selected.is-copied,
.fp-refill-copy-button.is-copied {
  border-color: rgba(34, 197, 94, .55);
  background: rgba(34, 197, 94, .14);
  color: #22c55e;
}
.fp-refills-view-toggle {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--fp-refills-border);
  border-radius: 12px;
  background: var(--fp-refills-panel-soft);
}
.fp-refills-view-button { min-height: 32px; padding: 0 10px; border-color: transparent; background: transparent; }
.fp-refills-view { display: none; }
.fp-refills-view.is-active { display: block; }

.fp-refills-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 15px;
}
.fp-refill-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--fp-refills-border);
  border-radius: 17px;
  background: var(--fp-refills-panel-soft);
  transition: .18s ease;
}
.fp-refill-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--fp-refills-accent);
  content: "";
  opacity: 0;
}
.fp-refill-card.is-selected { border-color: var(--fp-refills-accent); box-shadow: 0 0 0 2px var(--fp-refills-accent-soft); }
.fp-refill-card.is-selected::before { opacity: 1; }
.fp-refill-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border-bottom: 1px solid var(--fp-refills-border);
}
.fp-refill-card-heading { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fp-refill-card-check {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border: 1px solid var(--fp-refills-border-strong);
  border-radius: 10px;
  background: var(--fp-refills-panel);
}
.fp-refill-card-id-actions { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.fp-refill-card-id-badge { color: var(--fp-refills-text); font-size: 16px; font-weight: 900; white-space: nowrap; }
.fp-refill-card-id-copy { width: 34px; min-width: 34px; padding: 0; }

.fp-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 150px;
  padding: 7px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.fp-refill-status-pending { color: #f59e0b; background: rgba(245, 158, 11, .10); }
.fp-refill-status-inprogress { color: #38bdf8; background: rgba(56, 189, 248, .10); }
.fp-refill-status-completed { color: #22c55e; background: rgba(34, 197, 94, .10); }
.fp-refill-status-rejected { color: #f43f5e; background: rgba(244, 63, 94, .10); }
.fp-refill-status-error { color: #fb7185; background: rgba(251, 113, 133, .10); }
.fp-refill-status-default { color: var(--fp-refills-muted); background: rgba(143, 162, 189, .10); }

.fp-refill-card-body { padding: 4px 14px; }
.fp-refill-card-row {
  display: grid;
  grid-template-columns: 115px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--fp-refills-border);
}
.fp-refill-card-row:last-child { border-bottom: 0; }
.fp-refill-card-label {
  display: inline-flex;
  align-items: flex-start;
  gap: 7px;
  color: var(--fp-refills-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fp-refill-card-label i { margin-top: 2px; color: var(--fp-refills-accent); }
.fp-refill-card-value {
  min-width: 0;
  color: var(--fp-refills-text);
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.fp-refill-order-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--fp-refills-text);
  font-size: 13px;
  font-weight: 900;
}
.fp-refill-order-badge:hover { color: var(--fp-refills-accent); text-decoration: none; }
.fp-refill-service-id {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid var(--fp-refills-border-strong);
  border-radius: 8px;
  background: var(--fp-refills-panel);
  color: var(--fp-refills-accent);
  font-size: 11px;
  font-weight: 900;
}
.fp-refill-service-name { display: block; margin-top: 6px; color: var(--fp-refills-text); }

.fp-refill-card-link-value { min-width: 0; }
.fp-refill-card-link {
  display: block;
  width: 100%;
  min-width: 0;
  color: var(--fp-refills-text);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-decoration: none;
}
.fp-refill-card-link:hover,
.fp-refill-card-link:focus { color: #06b6d4; text-decoration: underline; outline: none; }

.fp-refill-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 12px 14px;
  border-top: 1px solid var(--fp-refills-border);
}
.fp-refill-card-date { display: inline-flex; align-items: center; gap: 7px; color: var(--fp-refills-muted); font-size: 11px; font-weight: 700; }
.fp-refill-card-actions { display: flex; align-items: center; gap: 7px; }
.fp-refill-copy-button,
.fp-refill-open-button { min-height: 34px; padding: 0 9px; }
.fp-refill-open-button { color: var(--fp-refills-accent); }

.fp-refills-list-wrap { width: 100%; overflow-x: auto; }
.fp-refills-compact-table { width: 100%; min-width: 980px; margin: 0; border-collapse: collapse; background: transparent; }
.fp-refills-compact-table th,
.fp-refills-compact-table td { padding: 11px 10px; border-bottom: 1px solid var(--fp-refills-border); vertical-align: middle; }
.fp-refills-compact-table th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--fp-refills-panel-soft);
  color: var(--fp-refills-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.fp-refills-compact-table td { color: var(--fp-refills-text); font-size: 11px; }
.fp-refills-compact-row { transition: background .18s ease; }
.fp-refills-compact-row:hover,
.fp-refills-compact-row.is-selected { background: var(--fp-refills-accent-soft); }
.fp-refills-list-check-cell { width: 42px; text-align: center; }
.fp-refills-list-id { color: var(--fp-refills-text); font-weight: 900; white-space: nowrap; }
.fp-refills-list-date { color: var(--fp-refills-muted); white-space: nowrap; }
.fp-refills-list-order { display: inline-flex; align-items: center; gap: 6px; color: var(--fp-refills-accent); font-weight: 900; white-space: nowrap; }
.fp-refills-list-link { display: block; max-width: 235px; overflow: hidden; color: var(--fp-refills-text); text-overflow: ellipsis; white-space: nowrap; }
.fp-refills-list-service { max-width: 300px; }
.fp-refills-list-service .fp-refill-service-id { margin-bottom: 5px; }
.fp-refills-list-service-name { display: block; overflow: hidden; color: var(--fp-refills-text); text-overflow: ellipsis; white-space: nowrap; }
.fp-refills-list-actions { display: flex; align-items: center; gap: 6px; white-space: nowrap; }

.fp-refills-empty { padding: 55px 20px; text-align: center; }
.fp-refills-empty-icon {
  display: grid;
  width: 66px;
  height: 66px;
  margin: 0 auto 14px;
  place-items: center;
  border-radius: 19px;
  background: var(--fp-refills-accent-soft);
  color: var(--fp-refills-accent);
  font-size: 26px;
}
.fp-refills-empty h3 { margin: 0 0 7px; color: var(--fp-refills-text); font-size: 19px; font-weight: 900; }
.fp-refills-empty p { max-width: 560px; margin: 0 auto 15px; color: var(--fp-refills-muted); }
.fp-refills-empty-button { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; border-radius: 10px; background: var(--fp-refills-accent); color: #fff; font-weight: 900; }
.fp-refills-pagination-wrap { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; }
.fp-refills-pagination-info { color: var(--fp-refills-muted); font-size: 11px; font-weight: 800; }
.fp-refills-pagination { margin: 0; }
.fp-refills-pagination > li > a,
.fp-refills-pagination > li > span { border-color: var(--fp-refills-border); background: var(--fp-refills-panel); color: var(--fp-refills-text); }
.fp-refills-pagination > .active > a,
.fp-refills-pagination > .active > a:hover { border-color: var(--fp-refills-accent); background: var(--fp-refills-accent); color: #fff; }

.fp-refills-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 36px);
  padding: 11px 13px;
  border: 1px solid rgba(34, 197, 94, .45);
  border-radius: 12px;
  background: #082815;
  color: #8df0af;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
  font-size: 12px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: .2s ease;
}
.fp-refills-toast.is-visible { opacity: 1; transform: translateY(0); }
.fp-refills-page[dir="rtl"] .fp-refill-card::before { right: 0; left: auto; }
.fp-refills-page[dir="rtl"] .fp-refills-toast { right: auto; left: 18px; }

/* MULTI-COLOR ICONS */
.fp-refills-eyebrow i { color: #38bdf8 !important; }
.fp-refills-hero-icon { color: #38bdf8 !important; background: rgba(56, 189, 248, .13) !important; border-color: rgba(56, 189, 248, .30) !important; }
.fp-refills-hero-icon i { color: #38bdf8 !important; }
.fp-refills-hero-meta span:nth-child(1) i { color: #a855f7 !important; }
.fp-refills-hero-meta span:nth-child(2) i { color: #38bdf8 !important; }
.fp-refills-hero-meta span:nth-child(3) i { color: #22c55e !important; }

.fp-refills-tab:nth-child(1) .fp-refills-tab-icon { color: #3b82f6 !important; background: rgba(59,130,246,.14) !important; border: 1px solid rgba(59,130,246,.28) !important; }
.fp-refills-tab:nth-child(2) .fp-refills-tab-icon { color: #f59e0b !important; background: rgba(245,158,11,.14) !important; border: 1px solid rgba(245,158,11,.28) !important; }
.fp-refills-tab:nth-child(3) .fp-refills-tab-icon { color: #38bdf8 !important; background: rgba(56,189,248,.14) !important; border: 1px solid rgba(56,189,248,.28) !important; }
.fp-refills-tab:nth-child(4) .fp-refills-tab-icon { color: #22c55e !important; background: rgba(34,197,94,.14) !important; border: 1px solid rgba(34,197,94,.28) !important; }
.fp-refills-tab:nth-child(5) .fp-refills-tab-icon { color: #f43f5e !important; background: rgba(244,63,94,.14) !important; border: 1px solid rgba(244,63,94,.28) !important; }
.fp-refills-tab:nth-child(6) .fp-refills-tab-icon { color: #fb7185 !important; background: rgba(251,113,133,.14) !important; border: 1px solid rgba(251,113,133,.28) !important; }

.fp-refills-search-icon i { color: #38bdf8 !important; }
.fp-refills-search-clear i { color: #f43f5e !important; }
.fp-refills-search-button i { color: #fff !important; }

.fp-refills-summary-card:nth-child(1) .fp-refills-summary-icon { color: #8b5cf6 !important; background: rgba(139,92,246,.14) !important; border: 1px solid rgba(139,92,246,.28) !important; }
.fp-refills-summary-card:nth-child(2) .fp-refills-summary-icon { color: #f59e0b !important; background: rgba(245,158,11,.14) !important; border: 1px solid rgba(245,158,11,.28) !important; }
.fp-refills-summary-card:nth-child(3) .fp-refills-summary-icon { color: #06b6d4 !important; background: rgba(6,182,212,.14) !important; border: 1px solid rgba(6,182,212,.28) !important; }

.fp-refills-records-count i { color: #8b5cf6 !important; }
.fp-refills-copy-selected i { color: #38bdf8 !important; }
.fp-refills-view-button[data-view="cards"] i { color: #a855f7 !important; }
.fp-refills-view-button[data-view="list"] i { color: #38bdf8 !important; }
.fp-refills-view-button.active i { color: var(--fp-refills-accent) !important; }

.fp-refill-card-row:nth-child(1) .fp-refill-card-label i { color: #3b82f6 !important; }
.fp-refill-card-row:nth-child(2) .fp-refill-card-label i { color: #a855f7 !important; }
.fp-refill-card-row:nth-child(3) .fp-refill-card-label i { color: #06b6d4 !important; }
.fp-refill-order-badge i { color: #3b82f6 !important; }
.fp-refill-service-id { color: #a855f7 !important; background: rgba(168,85,247,.10) !important; border-color: rgba(168,85,247,.30) !important; }
.fp-refill-service-id i { color: #a855f7 !important; }
.fp-refill-card-date i { color: #f59e0b !important; }
.fp-refill-card-id-copy i { color: #8b5cf6 !important; }
.fp-refill-card-actions .fp-refill-copy-button:nth-child(1) i { color: #8b5cf6 !important; }
.fp-refill-card-actions .fp-refill-copy-button:nth-child(2) i { color: #06b6d4 !important; }
.fp-refill-card-actions .fp-refill-open-button i { color: #3b82f6 !important; }

.fp-refill-status-pending i { color: #f59e0b !important; }
.fp-refill-status-inprogress i { color: #38bdf8 !important; }
.fp-refill-status-completed i { color: #22c55e !important; }
.fp-refill-status-rejected i { color: #f43f5e !important; }
.fp-refill-status-error i { color: #fb7185 !important; }
.fp-refill-status-default i { color: #94a3b8 !important; }

.fp-refills-list-order i { color: #3b82f6 !important; }
.fp-refills-list-actions .fp-refill-copy-button:nth-child(1) i { color: #8b5cf6 !important; }
.fp-refills-list-actions .fp-refill-copy-button:nth-child(2) i { color: #06b6d4 !important; }
.fp-refills-list-actions .fp-refill-open-button i { color: #3b82f6 !important; }
.fp-refills-empty-icon { color: #38bdf8 !important; background: rgba(56,189,248,.14) !important; border: 1px solid rgba(56,189,248,.28) !important; }
.fp-refills-empty-button i { color: #fff !important; }
.fp-refills-pagination .fa-angle-left,
.fp-refills-pagination .fa-angle-right { color: var(--fp-refills-accent) !important; }
.fp-refill-copy-button.is-copied i,
.fp-refills-copy-selected.is-copied i,
.fp-refills-toast i { color: #22c55e !important; }

@media (max-width: 1199px) {
  .fp-refills-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .fp-refills-summary { grid-template-columns: 1fr; }
  .fp-refills-cards { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fp-refills-page { padding: 8px; }
  .fp-refills-hero-content { padding: 20px; }
  .fp-refills-hero-icon,
  .fp-refills-hero-meta { display: none; }
  .fp-refills-tabs { display: flex; overflow-x: auto; padding-bottom: 3px; scroll-snap-type: x mandatory; }
  .fp-refills-tab { min-width: 185px; scroll-snap-align: start; }
  .fp-refills-records-header { padding: 16px; }
  .fp-refills-records-header p { display: none; }
  .fp-refills-view-toolbar { align-items: stretch; flex-direction: column; }
  .fp-refills-toolbar-left,
  .fp-refills-toolbar-right { justify-content: space-between; width: 100%; }
  .fp-refills-view-toggle,
  .fp-refills-copy-selected { flex: 1; }
  .fp-refills-view-button { flex: 1; }
  .fp-refills-cards { padding: 10px; }
  .fp-refill-card-row,
  .fp-refill-card-link-row { grid-template-columns: 90px minmax(0, 1fr); }
  .fp-refill-card-footer { align-items: stretch; flex-direction: column; }
  .fp-refill-card-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fp-refill-copy-button,
  .fp-refill-open-button { width: 100%; }
  .fp-refills-pagination-wrap { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .fp-refill-card-link { font-size: 11px; line-height: 1.5; }
}
@media (max-width: 420px) {
  .fp-refills-search-button span,
  .fp-refills-copy-selected .fp-refills-copy-label,
  .fp-refills-view-button span { display: none; }
  .fp-refills-search-button { width: 42px; padding: 0; }
  .fp-refill-card-header { align-items: flex-start; }
  .fp-status-pill { max-width: 120px; }
}
/* =========================================================
   ORDERS DESKTOP TOOLBAR FIX
   Prevents Search + Cards/Compact List from overlapping
========================================================= */

@media (min-width: 768px) {

    /* Search gets its own clean full-width row */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.search,
    
    .fp-auth-body
    .fp-orders-page
    .fp-orders-filters
    li.pull-right.search {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        margin: 14px 0 0 !important;
    }

    .fp-auth-body
    .fp-orders-page
    #history-search {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .fp-auth-body
    .fp-orders-page
    #history-search .input-group {
        display: table !important;
        width: 100% !important;
        max-width: none !important;
    }

    .fp-auth-body
    .fp-orders-page
    #fp-orders-search {
        width: 100% !important;
    }

    /* Cards / Compact List gets a separate row */
    .fp-auth-body
    .fp-orders-page
    .fp-orders-view-switch {
        position: relative !important;
        float: none !important;
        clear: both !important;
        display: flex !important;
        width: 100% !important;
        margin: 14px 0 !important;
        padding: 0 !important;
        justify-content: flex-end !important;
    }

    .fp-auth-body
    .fp-orders-page
    .fp-orders-view-switch-inner {
        position: relative !important;
        width: auto !important;
        min-width: 330px !important;
        margin: 0 !important;
    }

    .fp-auth-body
    .fp-orders-page
    .fp-orders-view-button {
        min-width: 155px !important;
    }
}
/* =========================================================
   DASHBOARD REWARDS
   FINAL DESKTOP LAYOUT FIX
========================================================= */

@media screen and (min-width: 992px) {

    #fp-dashboard-rewards-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 18px !important;
        overflow: visible !important;
    }

    /* Restore desktop 2-column wallet layout */
    #fp-dashboard-rewards-card .fp-rewards-ultra-shell {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(0, .85fr) !important;

        align-items: stretch !important;

        gap: 14px !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin-top: 16px !important;
        padding: 12px !important;
    }

    /* LEFT LARGE WALLET */
    #fp-dashboard-rewards-card .fp-rewards-ultra-hero {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;

        width: 100% !important;

        height: 100% !important;
        min-height: 205px !important;

        margin: 0 !important;
        padding: 18px 20px !important;
    }

    /* Points + credit stay closer together */
    #fp-dashboard-rewards-card .fp-rewards-ultra-balance-row {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            150px !important;

        align-items: end !important;

        gap: 20px !important;

        margin: 16px 0 !important;
    }

    #fp-dashboard-rewards-card
    .fp-rewards-ultra-balance-row > div:first-child {
        min-width: 0 !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-credit-pill {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;

        padding: 12px 14px !important;
        margin: 0 !important;
    }

    /* RIGHT SIDE 2 x 2 STATS */
    #fp-dashboard-rewards-card .fp-rewards-ultra-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-template-rows:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        width: 100% !important;

        height: 100% !important;
        min-height: 205px !important;
    }

    #fp-dashboard-rewards-card .fp-rewards-ultra-stat {
        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        padding: 13px 14px !important;
        margin: 0 !important;
    }
}
/* =========================================================
   DASHBOARD LEVEL BENEFITS MODAL
========================================================= */

.fp-rank-benefits-action {
  display: flex;
  justify-content: flex-end;
  margin: 14px 0 18px;
}

.fp-rank-benefits-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 12px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 12px;
  font-weight: 900;
}

.fp-rank-benefits-button:hover,
.fp-rank-benefits-button:focus {
  border-color: var(--fp-accent);
  background: var(--fp-accent);
  color: var(--fp-accent-contrast, #fff);
  outline: none;
}

.fp-rank-benefits-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.fp-rank-benefits-overlay.is-open {
  display: flex;
}

.fp-rank-benefits-modal {
  display: flex;
  flex-direction: column;
  width: min(760px, 100%);
  max-height: min(780px, calc(100vh - 40px));
  overflow: hidden;
  border: 1px solid var(--fp-border-strong);
  border-radius: 22px;
  background: var(--fp-panel);
  color: var(--fp-text-main);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.fp-rank-benefits-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--fp-border);
  background: var(--fp-bg-soft);
}

.fp-rank-benefits-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}

.fp-rank-benefits-heading-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 12px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 17px;
}

.fp-rank-benefits-heading span {
  color: var(--fp-text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}

.fp-rank-benefits-heading h3 {
  margin: 2px 0 0;
  color: var(--fp-text-main);
  font-size: 19px;
  font-weight: 900;
}

.fp-rank-benefits-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--fp-border);
  border-radius: 11px;
  background: var(--fp-panel);
  color: var(--fp-text-main);
}

.fp-rank-benefits-body {
  overflow-y: auto;
  padding: 14px;
  -webkit-overflow-scrolling: touch;
}

.fp-rank-benefit-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid var(--fp-border);
  border-radius: 16px;
  background: var(--fp-bg-soft);
}

.fp-rank-benefit-card:last-child {
  margin-bottom: 0;
}

.fp-rank-benefit-card.is-current {
  border-color: var(--fp-accent);
  box-shadow: inset 4px 0 0 var(--fp-accent);
}

.fp-rank-benefit-title {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 12px;
}

.fp-rank-benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid currentColor;
  border-radius: 12px;
  background: var(--fp-panel);
}

.fp-rank-benefit-title > div {
  min-width: 0;
  flex: 1;
}

.fp-rank-benefit-title strong {
  display: block;
  color: var(--fp-text-main);
  font-size: 16px;
  font-weight: 900;
}

.fp-rank-benefit-title > div > span {
  display: block;
  margin-top: 2px;
  color: var(--fp-text-muted);
  font-size: 11px;
}

.fp-rank-benefit-current {
  padding: 5px 8px;
  border: 1px solid var(--fp-accent);
  border-radius: 999px;
  background: var(--fp-accent-soft);
  color: var(--fp-accent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fp-rank-benefit-list {
  display: grid;
  gap: 7px;
}

.fp-rank-benefit-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid var(--fp-border);
  border-radius: 11px;
  background: var(--fp-panel);
  color: var(--fp-text-main);
  font-size: 11px;
  font-weight: 750;
}

.fp-rank-benefit-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 8px;
  background: rgba(34, 197, 94, .14);
  color: #22c55e;
  font-size: 10px;
}

/* Individual level colors */
.fp-benefit-new .fp-rank-benefit-icon {
  color: #fb7185;
}

.fp-benefit-junior .fp-rank-benefit-icon {
  color: #818cf8;
}

.fp-benefit-frequent .fp-rank-benefit-icon {
  color: #38bdf8;
}

.fp-benefit-elite .fp-rank-benefit-icon {
  color: #34d399;
}

.fp-benefit-vip .fp-rank-benefit-icon {
  color: #c084fc;
}

.fp-benefit-master .fp-rank-benefit-icon {
  color: #fbbf24;
}

.fp-benefit-diamond .fp-rank-benefit-icon {
  color: #67e8f9;
}

.fp-rank-benefits-footer {
  padding: 12px 14px 14px;
  border-top: 1px solid var(--fp-border);
  background: var(--fp-bg-soft);
}

.fp-rank-benefits-footer-close {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--fp-border-strong);
  border-radius: 12px;
  background: var(--fp-panel);
  color: var(--fp-text-main);
  font-size: 12px;
  font-weight: 900;
}

body.fp-rank-modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .fp-rank-benefits-action {
    justify-content: stretch;
  }

  .fp-rank-benefits-button {
    width: 100%;
  }

  .fp-rank-benefits-overlay {
    align-items: flex-end;
    padding: 10px;
  }

  .fp-rank-benefits-modal {
    width: 100%;
    max-height: calc(100vh - 20px);
    border-radius: 20px;
  }

  .fp-rank-benefits-body {
    padding: 10px;
  }

  .fp-rank-benefit-card {
    padding: 12px;
  }
}
/* =========================================================
   VIEW LEVEL BENEFITS BUTTON
   Green Rewards Style
   Matches More Rewards History
   ========================================================= */

#fp-rank-benefits-open {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  padding: 16px 20px;
  margin: 24px 0 28px;

  /* Same green background as More Rewards History */
  background:
    radial-gradient(
      circle at top right,
      rgba(46, 211, 142, .12),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #0A442C 0%,
      #0D5A39 35%,
      #116F47 70%,
      #148657 100%
    ) !important;

  border: 1px solid #2ED38E;
  border-radius: 14px;

  color: #FFFFFF !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;

  cursor: pointer;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, .18),
    0 0 18px rgba(46, 211, 142, .08);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    filter .2s ease;
}


/* =========================================================
   BUTTON ICON
   ========================================================= */

#fp-rank-benefits-open i {
  color: #FFFFFF !important;
  font-size: 17px;
}


/* =========================================================
   BUTTON TEXT
   ========================================================= */

#fp-rank-benefits-open span {
  color: #FFFFFF !important;
}


/* =========================================================
   ARROW
   ========================================================= */

#fp-rank-benefits-open .fp-rank-benefits-arrow {
  color: #FFFFFF !important;
  font-size: 17px;
  transition: transform .2s ease;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

#fp-rank-benefits-open:hover,
#fp-rank-benefits-open:focus {
  background:
    radial-gradient(
      circle at top right,
      rgba(46, 211, 142, .18),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #0B4B31 0%,
      #0F6240 35%,
      #13794E 70%,
      #17945F 100%
    ) !important;

  border-color: #36E59B;

  color: #FFFFFF !important;
  text-decoration: none !important;
  outline: none;

  box-shadow:
    0 12px 34px rgba(0, 0, 0, .22),
    0 0 24px rgba(46, 211, 142, .16);

  transform: translateY(-1px);
}


/* Keep icon/text white on hover */
#fp-rank-benefits-open:hover i,
#fp-rank-benefits-open:focus i,
#fp-rank-benefits-open:hover span,
#fp-rank-benefits-open:focus span {
  color: #FFFFFF !important;
}


/* Move arrow slightly on hover */
#fp-rank-benefits-open:hover .fp-rank-benefits-arrow,
#fp-rank-benefits-open:focus .fp-rank-benefits-arrow {
  transform: translateX(4px);
}


/* =========================================================
   ACTIVE / CLICK
   ========================================================= */

#fp-rank-benefits-open:active {
  transform: scale(.99);
  box-shadow:
    0 6px 18px rgba(0, 0, 0, .18),
    0 0 14px rgba(46, 211, 142, .10);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  #fp-rank-benefits-open {
    padding: 15px 16px;
    margin: 20px 0 24px;

    gap: 10px;

    font-size: 14px;

    border-radius: 13px;
  }

  #fp-rank-benefits-open i,
  #fp-rank-benefits-open .fp-rank-benefits-arrow {
    font-size: 16px;
  }
}
/* =========================================================
   COMPACT LIST CANCEL BUTTON
   X + CANCEL TEXT
========================================================= */

.fp-auth-body .fp-orders-page .fp-orders-compact-cancel {
    width: auto !important;
    min-width: 82px !important;
    height: 32px !important;
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    padding: 0 12px !important;

    border: 1px solid rgba(239, 68, 68, .45) !important;
    border-radius: 9px !important;

    background: rgba(239, 68, 68, .10) !important;
    color: #ef4444 !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
}

.fp-auth-body .fp-orders-page .fp-orders-compact-cancel i {
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: #ef4444 !important;
    font-size: 11px !important;
}

.fp-auth-body .fp-orders-page .fp-orders-compact-cancel span {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;

    color: #ef4444 !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}

.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:hover,
.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:focus {
    border-color: #ef4444 !important;
    background: rgba(239, 68, 68, .18) !important;
    color: #ef4444 !important;
    outline: none !important;
}

.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:hover i,
.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:hover span,
.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:focus i,
.fp-auth-body .fp-orders-page .fp-orders-compact-cancel:focus span {
    color: #ef4444 !important;
}
/* =========================================================
   PEARL THEME - ANNOUNCEMENTS
   ========================================================= */

html[data-fp-theme="pearl"] .fp-global-announcements-panel {
    background: #ffffff;
    border-color: #d7e1ef;
    color: #172033;
    box-shadow: 0 24px 60px rgba(31, 50, 81, 0.18);
}

html[data-fp-theme="pearl"] .fp-global-announcements-head {
    background: #ffffff;
    border-bottom-color: #d7e1ef;
}

html[data-fp-theme="pearl"] .fp-global-announcements-heading strong {
    color: #172033;
}

html[data-fp-theme="pearl"] .fp-global-announcements-heading small {
    color: #75839a;
}

html[data-fp-theme="pearl"] .fp-global-announcements-icon {
    background: #edf5ff;
    border-color: #b9d3f7;
    color: #2878e5;
}

html[data-fp-theme="pearl"] .fp-global-announcements-close {
    background: #f7f9fc;
    border-color: #d7e1ef;
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-global-announcements-close:hover {
    background: #edf3fa;
    color: #172033;
}

/* Announcement cards */

html[data-fp-theme="pearl"] .fp-global-announcement {
    background: #f8fafc;
    border-color: #d7e1ef;
}

html[data-fp-theme="pearl"] .fp-global-announcement h4 {
    color: #172033;
}

html[data-fp-theme="pearl"] .fp-global-announcement-message {
    color: #5f6f85;
}

html[data-fp-theme="pearl"] .fp-global-announcement-date {
    color: #8290a4;
}

/* Badges */

html[data-fp-theme="pearl"] .fp-global-announcement-badge {
    background: #edf5ff;
    border-color: #c5d9f4;
}

html[data-fp-theme="pearl"] .fp-global-announcement-badge.update {
    color: #16a34a;
    background: #ecfdf3;
    border-color: #bbf7d0;
}

html[data-fp-theme="pearl"] .fp-global-announcement-badge.important,
html[data-fp-theme="pearl"] .fp-global-announcement-badge.outage {
    color: #dc2626;
    background: #fef2f2;
    border-color: #fecaca;
}

html[data-fp-theme="pearl"] .fp-global-announcement-badge.warning,
html[data-fp-theme="pearl"] .fp-global-announcement-badge.maintenance {
    color: #d97706;
    background: #fffbeb;
    border-color: #fde68a;
}

html[data-fp-theme="pearl"] .fp-global-announcement-badge.promo,
html[data-fp-theme="pearl"] .fp-global-announcement-badge.new_feature,
html[data-fp-theme="pearl"] .fp-global-announcement-badge.beta {
    background: #faf5ff;
    border-color: #e9d5ff;
}

html[data-fp-theme="pearl"] .fp-global-announcement-badge.resolved,
html[data-fp-theme="pearl"] .fp-global-announcement-badge.payment {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

/* Link button */

html[data-fp-theme="pearl"] .fp-global-announcement-copy-link {
    background: #edf5ff;
    border-color: #c5d9f4;
    color: #2878e5;
}

html[data-fp-theme="pearl"] .fp-global-announcement-copy-link:hover {
    background: #dfeeff;
    border-color: #9fc3ef;
}

/* Links inside announcements */

html[data-fp-theme="pearl"] .fp-global-announcement-inline-link {
    color: #2878e5;
}

/* Footer */

html[data-fp-theme="pearl"] .fp-global-announcements-footer {
    background: #ffffff;
    border-top-color: #d7e1ef;
    color: #7b899d;
}

/* Empty / loading states */

html[data-fp-theme="pearl"] .fp-global-announcements-loading,
html[data-fp-theme="pearl"] .fp-global-announcements-empty {
    color: #75839a;
}
/* =========================================================
   FOLLOWERSPROVIDER
   ANNOUNCEMENT CENTER
   ========================================================= */


/* =========================================================
   PAGE
   ========================================================= */

.fp-announcements-page {
    padding-top: 28px;
    padding-bottom: 60px;
}

.fp-announcements-column {
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   HERO
   ========================================================= */

.fp-announcements-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 22px;
    padding: 24px 26px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            var(--fp-accent-soft, rgba(47, 124, 255, .12)),
            transparent 48%
        ),
        var(--fp-card, #07152b);

    color: var(--fp-text-main, #f4f7ff);

    box-shadow: 0 18px 50px rgba(0, 0, 0, .16);
}

.fp-announcements-hero-copy {
    min-width: 0;
}

.fp-announcements-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 8px;

    color: var(--fp-accent, #2f7cff);

    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fp-announcements-hero h1 {
    margin: 0 0 8px;

    color: var(--fp-text-main, #f4f7ff);

    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
}

.fp-announcements-hero p {
    max-width: 650px;
    margin: 0;

    color: var(--fp-text-muted, #91a0b6);

    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
}

.fp-announcements-total {
    min-width: 118px;
    flex: 0 0 auto;

    padding: 14px 16px;

    border: 1px solid var(--fp-border-strong, rgba(47, 124, 255, .32));
    border-radius: 16px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .09));

    text-align: center;
}

.fp-announcements-total span {
    display: block;

    color: var(--fp-text-main, #f4f7ff);

    font-size: 25px;
    font-weight: 900;
    line-height: 1.1;
}

.fp-announcements-total small {
    display: block;

    margin-top: 4px;

    color: var(--fp-text-muted, #91a0b6);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.fp-announcements-toolbar {
    margin-bottom: 20px;
    padding: 15px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 18px;

    background: var(--fp-card, #07152b);

    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
}


/* =========================================================
   SEARCH
   ========================================================= */

.fp-announcements-search {
    position: relative;

    display: flex;
    align-items: center;

    margin-bottom: 13px;
}

.fp-announcements-search > i {
    position: absolute;
    left: 15px;
    z-index: 2;

    color: var(--fp-text-muted, #91a0b6);

    font-size: 12px;

    pointer-events: none;
}

.fp-announcements-search input {
    width: 100%;
    height: 46px;

    padding: 0 44px 0 40px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 13px;

    outline: none;

    background: var(--fp-bg, #020814);
    color: var(--fp-text-main, #f4f7ff);

    font-family: inherit;
    font-size: 12px;
    font-weight: 650;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.fp-announcements-search input::placeholder {
    color: var(--fp-text-muted, #91a0b6);

    opacity: .9;
}

.fp-announcements-search input:focus {
    border-color: var(--fp-border-strong, rgba(47, 124, 255, .55));

    box-shadow:
        0 0 0 3px
        var(--fp-accent-soft, rgba(47, 124, 255, .10));
}

.fp-announcements-search-clear {
    position: absolute;
    right: 9px;

    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: transparent;
    color: var(--fp-text-muted, #91a0b6);

    cursor: pointer;
}

.fp-announcements-search-clear:hover,
.fp-announcements-search-clear:focus {
    background: var(--fp-accent-soft, rgba(47, 124, 255, .08));
    color: var(--fp-text-main, #f4f7ff);

    outline: none;
}


/* =========================================================
   FILTERS
   ========================================================= */

.fp-announcements-filters {
    display: flex;
    align-items: center;
    gap: 7px;

    overflow-x: auto;

    padding-bottom: 2px;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}

.fp-announcements-filters::-webkit-scrollbar {
    display: none;
}

.fp-announcements-filter {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    flex: 0 0 auto;

    padding: 6px 11px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 999px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .04));
    color: var(--fp-text-muted, #91a0b6);

    font-size: 9px;
    font-weight: 850;

    cursor: pointer;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.fp-announcements-filter:hover,
.fp-announcements-filter:focus {
    color: var(--fp-text-main, #f4f7ff);

    transform: translateY(-1px);

    outline: none;
}

.fp-announcements-filter.active {
    border-color: var(--fp-border-strong, rgba(47, 124, 255, .45));

    background: var(--fp-accent-soft, rgba(47, 124, 255, .13));
    color: var(--fp-accent, #2f7cff);
}


/* =========================================================
   STATUS
   ========================================================= */

.fp-announcements-status {
    margin: -5px 2px 14px;

    color: var(--fp-text-muted, #91a0b6);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   LIST
   ========================================================= */

.fp-announcements-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* =========================================================
   ANNOUNCEMENT CARD
   ========================================================= */

.fp-announcements-card {
    position: relative;

    overflow: hidden;

    padding: 20px 21px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 18px;

    background: var(--fp-card, #07152b);
    color: var(--fp-text-main, #f4f7ff);

    box-shadow: 0 12px 34px rgba(0, 0, 0, .12);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.fp-announcements-card:hover {
    transform: translateY(-2px);

    border-color: var(--fp-border-strong, rgba(47, 124, 255, .28));

    box-shadow: 0 18px 42px rgba(0, 0, 0, .17);
}

.fp-announcements-card::before {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: var(--fp-accent, #2f7cff);

    content: '';
}


/* =========================================================
   CARD TYPE COLORS
   ========================================================= */

.fp-announcements-card[data-type="announcement"]::before,
.fp-announcements-card[data-type="info"]::before {
    background: #3b82f6;
}

.fp-announcements-card[data-type="update"]::before {
    background: #22c55e;
}

.fp-announcements-card[data-type="warning"]::before {
    background: #f59e0b;
}

.fp-announcements-card[data-type="promo"]::before {
    background: #a855f7;
}

.fp-announcements-card[data-type="important"]::before {
    background: #ef4444;
}

.fp-announcements-card[data-type="maintenance"]::before {
    background: #f97316;
}

.fp-announcements-card[data-type="service_update"]::before {
    background: #06b6d4;
}

.fp-announcements-card[data-type="outage"]::before {
    background: #dc2626;
}

.fp-announcements-card[data-type="resolved"]::before {
    background: #22c55e;
}

.fp-announcements-card[data-type="payment"]::before {
    background: #10b981;
}

.fp-announcements-card[data-type="rewards"]::before {
    background: #eab308;
}

.fp-announcements-card[data-type="new_feature"]::before {
    background: #8b5cf6;
}

.fp-announcements-card[data-type="security"]::before {
    background: #6366f1;
}

.fp-announcements-card[data-type="beta"]::before {
    background: #ec4899;
}


/* =========================================================
   CARD META
   ========================================================= */

.fp-announcements-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-bottom: 13px;
}

.fp-announcements-card-badges {
    min-width: 0;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.fp-announcements-badge {
    min-height: 25px;

    display: inline-flex;
    align-items: center;
    gap: 5px;

    padding: 4px 8px;

    border: 1px solid var(--fp-border-strong, rgba(47, 124, 255, .30));
    border-radius: 999px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .09));
    color: var(--fp-accent, #2f7cff);

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.fp-announcements-badge.pinned {
    color: var(--fp-accent, #2f7cff);
}

.fp-announcements-badge.important {
    color: #ef4444;
}

.fp-announcements-badge.warning {
    color: #f59e0b;
}

.fp-announcements-badge.update,
.fp-announcements-badge.resolved {
    color: #22c55e;
}

.fp-announcements-badge.promo {
    color: #a855f7;
}

.fp-announcements-badge.maintenance {
    color: #f97316;
}

.fp-announcements-badge.service_update {
    color: #06b6d4;
}

.fp-announcements-badge.outage {
    color: #ef4444;
}

.fp-announcements-badge.payment {
    color: #10b981;
}

.fp-announcements-badge.rewards {
    color: #d6a700;
}

.fp-announcements-badge.new_feature {
    color: #8b5cf6;
}

.fp-announcements-badge.security {
    color: #6366f1;
}

.fp-announcements-badge.beta {
    color: #ec4899;
}

.fp-announcements-card-date {
    flex: 0 0 auto;

    color: var(--fp-text-muted, #91a0b6);

    font-size: 9px;
    font-weight: 700;

    white-space: nowrap;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.fp-announcements-card-title {
    margin: 0 0 9px;

    color: var(--fp-text-main, #f4f7ff);

    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
}

.fp-announcements-card-message {
    position: relative;

    max-height: 125px;

    overflow: hidden;

    margin: 0;

    color: var(--fp-text-muted, #a4b0c2);

    font-size: 11px;
    font-weight: 600;
    line-height: 1.72;

    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fp-announcements-card-message.is-short {
    max-height: none;
}

.fp-announcements-card-message a {
    color: var(--fp-accent, #2f7cff);

    font-weight: 800;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.fp-announcements-card-message a:hover,
.fp-announcements-card-message a:focus {
    color: var(--fp-accent-strong, #3b8dff);

    outline: none;
}

.fp-announcements-card-fade {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    height: 48px;

    background: linear-gradient(
        to bottom,
        transparent,
        var(--fp-card, #07152b) 92%
    );

    pointer-events: none;
}


/* =========================================================
   CARD FOOTER
   ========================================================= */

.fp-announcements-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 16px;
    padding-top: 14px;

    border-top: 1px solid var(--fp-border, rgba(255, 255, 255, .08));
}

.fp-announcements-view {
    min-height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 7px 12px;

    border: 1px solid var(--fp-border-strong, rgba(47, 124, 255, .40));
    border-radius: 10px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .10));
    color: var(--fp-accent, #2f7cff);

    font-size: 10px;
    font-weight: 850;

    text-decoration: none !important;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.fp-announcements-view:hover,
.fp-announcements-view:focus {
    border-color: var(--fp-border-strong, rgba(47, 124, 255, .55));

    background: var(--fp-accent-soft, rgba(47, 124, 255, .17));
    color: var(--fp-accent, #2f7cff);

    transform: translateY(-1px);

    outline: none;
}

.fp-announcements-copy {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 10px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .06));
    color: var(--fp-text-muted, #91a0b6);

    cursor: pointer;

    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease;
}

.fp-announcements-copy:hover,
.fp-announcements-copy:focus {
    border-color: var(--fp-border-strong, rgba(47, 124, 255, .35));

    background: var(--fp-accent-soft, rgba(47, 124, 255, .12));
    color: var(--fp-accent, #2f7cff);

    outline: none;
}

.fp-announcements-copy.is-copied {
    border-color: rgba(34, 197, 94, .35);

    color: #22c55e;
}


/* =========================================================
   LOADING / EMPTY / ERROR
   ========================================================= */

.fp-announcements-loading,
.fp-announcements-empty,
.fp-announcements-error {
    min-height: 260px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;

    padding: 30px;

    border: 1px solid var(--fp-border, rgba(255, 255, 255, .10));
    border-radius: 18px;

    background: var(--fp-card, #07152b);
    color: var(--fp-text-muted, #91a0b6);

    text-align: center;
}

.fp-announcements-loading-icon,
.fp-announcements-empty-icon,
.fp-announcements-error-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 3px;

    border: 1px solid var(--fp-border-strong, rgba(47, 124, 255, .28));
    border-radius: 14px;

    background: var(--fp-accent-soft, rgba(47, 124, 255, .08));
    color: var(--fp-accent, #2f7cff);

    font-size: 17px;
}

.fp-announcements-error-icon {
    color: #ef4444;
}

.fp-announcements-loading strong,
.fp-announcements-empty strong,
.fp-announcements-error strong {
    color: var(--fp-text-main, #f4f7ff);

    font-size: 14px;
    font-weight: 900;
}

.fp-announcements-loading > span:last-child,
.fp-announcements-empty > span:last-child,
.fp-announcements-error > span:last-child {
    max-width: 420px;

    font-size: 10px;
    font-weight: 600;
    line-height: 1.6;
}


/* =========================================================
   PEARL THEME
   ========================================================= */

html[data-fp-theme="pearl"] .fp-announcements-page {
    color: #0f172a;
}

html[data-fp-theme="pearl"] .fp-announcements-hero,
html[data-fp-theme="pearl"] .fp-announcements-toolbar,
html[data-fp-theme="pearl"] .fp-announcements-card,
html[data-fp-theme="pearl"] .fp-announcements-loading,
html[data-fp-theme="pearl"] .fp-announcements-empty,
html[data-fp-theme="pearl"] .fp-announcements-error {
    border-color: rgba(37, 99, 235, .18);

    background: #ffffff;

    color: #0f172a;

    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

html[data-fp-theme="pearl"] .fp-announcements-hero {
    background:
        linear-gradient(
            135deg,
            rgba(59, 130, 246, .10),
            rgba(255, 255, 255, 0) 48%
        ),
        #ffffff;
}

html[data-fp-theme="pearl"] .fp-announcements-hero h1,
html[data-fp-theme="pearl"] .fp-announcements-card-title,
html[data-fp-theme="pearl"] .fp-announcements-loading strong,
html[data-fp-theme="pearl"] .fp-announcements-empty strong,
html[data-fp-theme="pearl"] .fp-announcements-error strong {
    color: #0f172a;
}

html[data-fp-theme="pearl"] .fp-announcements-hero p,
html[data-fp-theme="pearl"] .fp-announcements-card-message,
html[data-fp-theme="pearl"] .fp-announcements-card-date,
html[data-fp-theme="pearl"] .fp-announcements-status,
html[data-fp-theme="pearl"] .fp-announcements-loading,
html[data-fp-theme="pearl"] .fp-announcements-empty,
html[data-fp-theme="pearl"] .fp-announcements-error {
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-announcements-search input {
    border-color: rgba(37, 99, 235, .22);

    background: #f8fbff;
    color: #0f172a;
}

html[data-fp-theme="pearl"] .fp-announcements-search input::placeholder {
    color: #7c8ba1;
}

html[data-fp-theme="pearl"] .fp-announcements-search > i,
html[data-fp-theme="pearl"] .fp-announcements-search-clear {
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-announcements-filter {
    border-color: rgba(37, 99, 235, .18);

    background: #f7faff;
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-announcements-filter:hover,
html[data-fp-theme="pearl"] .fp-announcements-filter:focus {
    color: #0f172a;
}

html[data-fp-theme="pearl"] .fp-announcements-filter.active {
    border-color: rgba(37, 99, 235, .45);

    background: rgba(59, 130, 246, .10);
    color: #2563eb;
}

html[data-fp-theme="pearl"] .fp-announcements-total {
    border-color: rgba(37, 99, 235, .20);

    background: rgba(59, 130, 246, .08);
}

html[data-fp-theme="pearl"] .fp-announcements-total span {
    color: #0f172a;
}

html[data-fp-theme="pearl"] .fp-announcements-total small {
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-announcements-badge {
    border-color: rgba(37, 99, 235, .22);

    background: rgba(59, 130, 246, .07);
}

html[data-fp-theme="pearl"] .fp-announcements-card-footer {
    border-top-color: rgba(15, 23, 42, .09);
}

html[data-fp-theme="pearl"] .fp-announcements-view {
    border-color: rgba(37, 99, 235, .35);

    background: rgba(59, 130, 246, .08);
    color: #2563eb;
}

html[data-fp-theme="pearl"] .fp-announcements-view:hover,
html[data-fp-theme="pearl"] .fp-announcements-view:focus {
    border-color: rgba(37, 99, 235, .50);

    background: rgba(59, 130, 246, .14);
    color: #1d4ed8;
}

html[data-fp-theme="pearl"] .fp-announcements-copy {
    border-color: rgba(37, 99, 235, .16);

    background: #f2f6fc;
    color: #64748b;
}

html[data-fp-theme="pearl"] .fp-announcements-copy:hover,
html[data-fp-theme="pearl"] .fp-announcements-copy:focus {
    border-color: rgba(37, 99, 235, .35);

    background: rgba(59, 130, 246, .10);
    color: #2563eb;
}

html[data-fp-theme="pearl"] .fp-announcements-card-message a {
    color: #2563eb;
}

/* =========================================================
   PEARL - MESSAGE FADE FIX
   ========================================================= */

html[data-fp-theme="pearl"] .fp-announcements-card-fade {
    display: none !important;
}

html[data-fp-theme="pearl"] .fp-announcements-card-message {
    background: transparent !important;
}

html[data-fp-theme="pearl"] .fp-announcements-card-message::before,
html[data-fp-theme="pearl"] .fp-announcements-card-message::after {
    display: none !important;
    background: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fp-announcements-page {
        padding-top: 18px;
        padding-bottom: 45px;
    }

    .fp-announcements-hero {
        align-items: flex-start;

        padding: 19px;

        border-radius: 18px;
    }

    .fp-announcements-hero h1 {
        font-size: 25px;
    }

    .fp-announcements-hero p {
        font-size: 11px;
    }

    .fp-announcements-total {
        min-width: 77px;

        padding: 10px 9px;

        border-radius: 13px;
    }

    .fp-announcements-total span {
        font-size: 20px;
    }

    .fp-announcements-total small {
        font-size: 7px;
    }

    .fp-announcements-toolbar {
        padding: 12px;

        border-radius: 16px;
    }

    .fp-announcements-search input {
        height: 44px;
    }

    .fp-announcements-card {
        padding: 17px;

        border-radius: 16px;
    }

    .fp-announcements-card-meta {
        align-items: flex-start;
    }

    .fp-announcements-card-title {
        font-size: 16px;
    }

    .fp-announcements-card-message {
        max-height: 116px;

        font-size: 10px;
    }

    .fp-announcements-card-footer {
        margin-top: 14px;
        padding-top: 13px;
    }

    .fp-announcements-view {
        min-height: 38px;

        padding: 7px 11px;

        font-size: 10px;
    }

    .fp-announcements-copy {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

    .fp-announcements-hero {
        gap: 12px;
    }

    .fp-announcements-total {
        display: none !important;
    }

    .fp-announcements-card-date {
        font-size: 8px;
    }

    .fp-announcements-card {
        padding: 16px 16px 17px;
    }

    .fp-announcements-card-meta {
        gap: 8px;
    }

    .fp-announcements-badge {
        min-height: 24px;

        padding: 4px 7px;
    }

    .fp-announcements-card-title {
        font-size: 16px;
    }

    .fp-announcements-card-message {
        font-size: 10.5px;
        line-height: 1.68;
    }

    .fp-announcements-view {
        max-width: calc(100% - 50px);
    }
}
/* =========================================================
   PINK THEME
   ========================================================= */

html[data-fp-theme="pink"] .fp-announcements-hero,
html[data-fp-theme="pink"] .fp-announcements-toolbar,
html[data-fp-theme="pink"] .fp-announcements-card,
html[data-fp-theme="pink"] .fp-announcements-loading,
html[data-fp-theme="pink"] .fp-announcements-empty,
html[data-fp-theme="pink"] .fp-announcements-error {
    border-color: rgba(236, 72, 153, .28);

    background: #220b19;

    color: #fff5fb;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, .20),
        0 0 0 1px rgba(236, 72, 153, .03);
}


/* HERO */

html[data-fp-theme="pink"] .fp-announcements-hero {
    background:
        linear-gradient(
            135deg,
            rgba(236, 72, 153, .14),
            rgba(168, 85, 247, .06) 48%,
            transparent 70%
        ),
        #220b19;
}

html[data-fp-theme="pink"] .fp-announcements-eyebrow {
    color: #ff4fa3;
}

html[data-fp-theme="pink"] .fp-announcements-hero h1 {
    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-hero p {
    color: #d59ab9;
}

html[data-fp-theme="pink"] .fp-announcements-total {
    border-color: rgba(236, 72, 153, .42);

    background: rgba(236, 72, 153, .10);
}

html[data-fp-theme="pink"] .fp-announcements-total span {
    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-total small {
    color: #d59ab9;
}


/* TOOLBAR */

html[data-fp-theme="pink"] .fp-announcements-toolbar {
    background: #220b19;
}


/* SEARCH */

html[data-fp-theme="pink"] .fp-announcements-search input {
    border-color: rgba(236, 72, 153, .30);

    background: #180712;

    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-search input::placeholder {
    color: #c98eae;
}

html[data-fp-theme="pink"] .fp-announcements-search > i,
html[data-fp-theme="pink"] .fp-announcements-search-clear {
    color: #d59ab9;
}

html[data-fp-theme="pink"] .fp-announcements-search input:focus {
    border-color: rgba(255, 79, 163, .62);

    box-shadow:
        0 0 0 3px rgba(236, 72, 153, .12);
}


/* FILTERS */

html[data-fp-theme="pink"] .fp-announcements-filter {
    border-color: rgba(236, 72, 153, .26);

    background: rgba(236, 72, 153, .08);

    color: #d59ab9;
}

html[data-fp-theme="pink"] .fp-announcements-filter:hover,
html[data-fp-theme="pink"] .fp-announcements-filter:focus {
    border-color: rgba(236, 72, 153, .42);

    background: rgba(236, 72, 153, .13);

    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-filter.active {
    border-color: rgba(255, 79, 163, .58);

    background: rgba(236, 72, 153, .17);

    color: #ff4fa3;
}


/* ANNOUNCEMENT CARDS */

html[data-fp-theme="pink"] .fp-announcements-card {
    border-color: rgba(236, 72, 153, .28);

    background: #220b19;

    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-card:hover {
    border-color: rgba(255, 79, 163, .46);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, .24),
        0 0 22px rgba(236, 72, 153, .05);
}


/* CARD TEXT */

html[data-fp-theme="pink"] .fp-announcements-card-title {
    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-card-message {
    color: #d59ab9;
}

html[data-fp-theme="pink"] .fp-announcements-card-date {
    color: #cf91b2;
}

html[data-fp-theme="pink"] .fp-announcements-status {
    color: #cf91b2;
}


/* CARD BADGES */

html[data-fp-theme="pink"] .fp-announcements-badge {
    border-color: rgba(236, 72, 153, .34);

    background: rgba(236, 72, 153, .10);
}

html[data-fp-theme="pink"] .fp-announcements-badge.pinned {
    color: #ff4fa3;
}


/* CARD LINKS */

html[data-fp-theme="pink"] .fp-announcements-card-message a {
    color: #ff4fa3;
}

html[data-fp-theme="pink"] .fp-announcements-card-message a:hover,
html[data-fp-theme="pink"] .fp-announcements-card-message a:focus {
    color: #ff75b7;
}


/* FADE OVER LONG MESSAGE */

html[data-fp-theme="pink"] .fp-announcements-card-fade {
    background: linear-gradient(
        to bottom,
        rgba(34, 11, 25, 0),
        #220b19 92%
    );
}


/* CARD FOOTER */

html[data-fp-theme="pink"] .fp-announcements-card-footer {
    border-top-color: rgba(236, 72, 153, .25);
}


/* READ FULL ANNOUNCEMENT */

html[data-fp-theme="pink"] .fp-announcements-view {
    border-color: rgba(236, 72, 153, .46);

    background: rgba(236, 72, 153, .11);

    color: #ff4fa3;
}

html[data-fp-theme="pink"] .fp-announcements-view:hover,
html[data-fp-theme="pink"] .fp-announcements-view:focus {
    border-color: rgba(255, 79, 163, .65);

    background: rgba(236, 72, 153, .19);

    color: #ff75b7;
}


/* COPY BUTTON */

html[data-fp-theme="pink"] .fp-announcements-copy {
    border-color: rgba(236, 72, 153, .28);

    background: rgba(236, 72, 153, .08);

    color: #cf91b2;
}

html[data-fp-theme="pink"] .fp-announcements-copy:hover,
html[data-fp-theme="pink"] .fp-announcements-copy:focus {
    border-color: rgba(255, 79, 163, .48);

    background: rgba(236, 72, 153, .15);

    color: #ff4fa3;
}


/* LOADING / EMPTY / ERROR */

html[data-fp-theme="pink"] .fp-announcements-loading,
html[data-fp-theme="pink"] .fp-announcements-empty,
html[data-fp-theme="pink"] .fp-announcements-error {
    background: #220b19;

    color: #d59ab9;
}

html[data-fp-theme="pink"] .fp-announcements-loading strong,
html[data-fp-theme="pink"] .fp-announcements-empty strong,
html[data-fp-theme="pink"] .fp-announcements-error strong {
    color: #fff7fc;
}

html[data-fp-theme="pink"] .fp-announcements-loading-icon,
html[data-fp-theme="pink"] .fp-announcements-empty-icon,
html[data-fp-theme="pink"] .fp-announcements-error-icon {
    border-color: rgba(236, 72, 153, .35);

    background: rgba(236, 72, 153, .10);

    color: #ff4fa3;
}
/* =========================================================
   ANNOUNCEMENT CENTER
   PEARL BADGE WHITE BLOCK FIX
   KEEP AT ABSOLUTE BOTTOM OF CSS
   ========================================================= */

/* Meta row itself */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-card-meta {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Container holding UPDATE + PINNED */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-card-badges {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Kill inherited backgrounds on EVERYTHING inside badge container */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-card-badges > * {
    background-image: none !important;
    box-shadow: none !important;
}

/* Remove any pseudo-element creating a rectangle */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-card-badges::before,

html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-card-badges::after,

html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-badge::before,

html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-badge::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* =========================================================
   RESTORE THE ACTUAL BADGE PILLS
   ========================================================= */

html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-badge {
    background: rgba(59, 130, 246, 0.06) !important;
    background-color: rgba(59, 130, 246, 0.06) !important;
    background-image: none !important;

    border: 1px solid rgba(59, 130, 246, 0.28) !important;
    box-shadow: none !important;
}


/* UPDATE */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-badge.update {
    color: #22c55e !important;
}


/* PINNED */
html[data-fp-theme="pearl"] body
.fp-announcements-card
.fp-announcements-badge.pinned {
    color: #3b82f6 !important;
}
.fp-account-page {
    padding-top:24px;
    padding-bottom:42px
}

.fp-account-tabs-wrap {
    margin-bottom:18px
}

.fp-account-tabs {
    display:inline-flex;
    gap:6px;
    padding:5px;
    border:1px solid var(--fp-border);
    border-radius:14px;
    background:var(--fp-panel)
}

.fp-account-tabs>li {
    float:none;
    margin:0!important
}

.fp-account-tabs>li>a {
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:10px;
    color:var(--fp-text-muted);
    font-weight:700;
    transition:.2s ease
}

.fp-account-tabs>li>a:hover {
    background:var(--fp-accent-soft);
    color:var(--fp-text-main)
}

.fp-account-tabs>li.active>a,
.fp-account-tabs>li.active>a:hover,
.fp-account-tabs>li.active>a:focus {
    background:var(--fp-accent);
    color:#fff;
    box-shadow:0 8px 24px var(--fp-accent-soft)
}

.fp-account-page-intro {
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
    padding:20px 22px;
    border:1px solid var(--fp-border);
    border-radius:18px;
    background:radial-gradient(circle at top right,var(--fp-accent-soft),transparent 40%),linear-gradient(145deg,var(--fp-panel),var(--fp-bg-soft))
}

.fp-account-page-intro-icon,
.fp-account-card-header-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:46px;
    height:46px;
    border:1px solid var(--fp-border-strong);
    border-radius:14px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong);
    font-size:18px
}

.fp-account-eyebrow,
.fp-account-card-eyebrow {
    display:block;
    margin-bottom:4px;
    color:var(--fp-accent-strong);
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase
}

.fp-account-page-intro h1 {
    margin:0 0 5px;
    color:var(--fp-text-main);
    font-size:28px;
    font-weight:800
}

.fp-account-page-intro p,
.fp-account-card-header-copy p,
.fp-avatar-custom-url-heading p,
.fp-account-security-copy p,
.fp-account-empty-state p {
    margin:0;
    color:var(--fp-text-muted);
    line-height:1.5
}

.fp-account-card {
    position:relative;
    overflow:hidden;
    margin-bottom:18px;
    padding:22px;
    border:1px solid var(--fp-border);
    border-radius:18px;
    background:radial-gradient(circle at top right,var(--fp-accent-soft),transparent 35%),linear-gradient(145deg,var(--fp-panel),var(--fp-bg-soft));
    box-shadow:0 16px 40px rgba(0,0,0,.18)
}

.fp-account-card-header {
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:20px
}

.fp-account-card-header-copy {
    min-width:0;
    flex:1 1 auto
}

.fp-account-card-header-copy h3 {
    margin:0 0 5px;
    color:var(--fp-text-main);
    font-size:20px;
    font-weight:800
}

.fp-account-card-header-status {
    align-items:center
}

.fp-account-form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
}

.fp-account-field {
    margin-bottom:16px
}

.fp-account-field .control-label,
.fp-account-field>label {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    color:var(--fp-text-main);
    font-size:12px;
    font-weight:800
}

.fp-account-field .control-label i {
    color:var(--fp-accent-strong)
}

.fp-account-input-wrap {
    position:relative
}

.fp-account-input-wrap .form-control {
    padding-right:46px
}

.fp-account-page .form-control,
.fp-account-modal .form-control,
.fp-disabled-control {
    min-height:45px;
    border:1px solid var(--fp-border);
    border-radius:11px;
    background:rgba(255,255,255,.035);
    color:var(--fp-text-main);
    box-shadow:none;
    transition:.2s ease
}

.fp-account-page .form-control:focus,
.fp-account-modal .form-control:focus {
    border-color:var(--fp-accent-strong);
    box-shadow:0 0 0 3px var(--fp-accent-soft)
}

.fp-account-page .form-control[readonly] {
    opacity:.9;
    cursor:not-allowed
}

.fp-account-input-status,
.fp-password-toggle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:0;
    background:transparent;
    color:var(--fp-text-muted)
}

.fp-account-input-status,
.fp-password-toggle {
    right:6px
}

.fp-password-toggle:hover {
    color:var(--fp-accent-strong)
}

.fp-account-card-actions {
    display:flex;
    justify-content:flex-end;
    margin-top:4px
}

.fp-account-primary-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border-radius:10px;
    font-weight:800;
    transition:.2s ease
}

.fp-account-primary-btn:hover {
    transform:translateY(-1px);
    box-shadow:0 9px 24px var(--fp-accent-soft)
}

.fp-account-alert-content {
    display:flex;
    align-items:center;
    gap:9px
}

.fp-avatar-chooser-layout {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:22px
}

.fp-avatar-current-panel,
.fp-avatar-selection-panel,
.fp-avatar-custom-url-wrapper,
.fp-account-security-box,
.fp-account-empty-state {
    border:1px solid var(--fp-border);
    border-radius:15px;
    background:rgba(255,255,255,.025)
}

.fp-avatar-current-panel {
    padding:18px;
    text-align:center
}

.fp-avatar-section-label {
    display:block;
    margin-bottom:12px;
    color:var(--fp-text-muted);
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}

.fp-avatar-current-preview-wrapper {
    position:relative;
    display:inline-block
}

.fp-avatar-current-preview-container {
    width:112px;
    height:112px;
    overflow:hidden;
    border:3px solid var(--fp-accent-strong);
    border-radius:50%;
    background:var(--fp-bg-soft);
    box-shadow:0 0 28px var(--fp-accent-soft)
}

.fp-avatar-current-preview-container img {
    width:100%;
    height:100%;
    object-fit:cover
}

.fp-avatar-current-badge {
    position:absolute;
    right:-8px;
    bottom:4px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border:2px solid var(--fp-panel);
    border-radius:999px;
    background:#20d695;
    color:#052a1e;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase
}

.fp-avatar-current-help {
    margin:14px 0 0;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.45
}

.fp-avatar-selection-panel {
    padding:18px
}

.fp-avatar-selection-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-bottom:14px
}

.fp-avatar-selection-heading strong {
    color:var(--fp-text-main)
}

.fp-avatar-count {
    padding:5px 8px;
    border-radius:999px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong);
    font-size:10px;
    font-weight:800
}

.fp-avatar-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px
}

.fp-avatar-btn {
    position:relative;
    overflow:hidden;
    padding:0;
    aspect-ratio:1/1;
    border:2px solid transparent;
    border-radius:50%;
    background:transparent;
    transition:.2s ease
}

.fp-avatar-btn:hover {
    transform:translateY(-3px) scale(1.03);
    border-color:var(--fp-accent-strong);
    box-shadow:0 10px 24px var(--fp-accent-soft)
}

.fp-avatar-btn img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%
}

.fp-avatar-selected-icon {
    position:absolute;
    right:1px;
    bottom:1px;
    display:none;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border:2px solid var(--fp-panel);
    border-radius:50%;
    background:var(--fp-accent);
    color:#fff;
    font-size:8px
}

.fp-avatar-btn.active .fp-avatar-selected-icon {
    display:flex
}

.fp-avatar-custom-url-wrapper {
    margin-top:18px;
    padding:18px
}

.fp-avatar-custom-url-heading {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px
}

.fp-avatar-custom-url-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong)
}

.fp-avatar-custom-url-heading strong {
    display:block;
    color:var(--fp-text-main)
}

.fp-password-strength {
    margin-top:8px
}

.fp-password-strength-track {
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.07)
}

.fp-password-strength-track span {
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:var(--fp-accent);
    transition:.25s ease
}

.fp-password-strength small,
#fp-password-match {
    display:block;
    margin-top:6px;
    color:var(--fp-text-muted);
    font-size:10px
}

.fp-account-status-badge {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid var(--fp-border);
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase
}

.fp-account-status-badge.is-enabled {
    color:#20d695;
    background:rgba(32,214,149,.1)
}

.fp-account-status-badge.is-disabled {
    color:#ff8b9d;
    background:rgba(255,102,126,.1)
}

.fp-account-status-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 10px currentColor
}

.fp-account-security-box {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
    padding:15px
}

.fp-account-security-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong)
}

.fp-account-security-copy strong {
    display:block;
    margin-bottom:3px;
    color:var(--fp-text-main)
}

.fp-account-muted-copy {
    color:var(--fp-text-muted)
}

.fp-account-preference-form {
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid var(--fp-border)
}

.fp-account-empty-state {
    padding:22px;
    text-align:center
}

.fp-account-empty-state i {
    display:block;
    margin-bottom:10px;
    color:var(--fp-accent-strong);
    font-size:28px
}

.fp-account-empty-state strong {
    display:block;
    margin-bottom:5px;
    color:var(--fp-text-main)
}

.fp-account-modal .modal-content {
    border:1px solid var(--fp-border);
    border-radius:18px;
    background:var(--fp-panel);
    color:var(--fp-text-main)
}

.fp-account-modal .modal-header,
.fp-account-modal .modal-footer {
    border-color:var(--fp-border)
}

.fp-disabled-control {
    display:flex;
    align-items:center;
    opacity:.8
}

/* Discord */
.fp-discord-card {
    background:radial-gradient(circle at top right,rgba(88,101,242,.14),transparent 42%),linear-gradient(145deg,var(--fp-panel),var(--fp-bg-soft))
}

.fp-discord-header-icon {
    border-color:rgba(88,101,242,.32);
    background:rgba(88,101,242,.12);
    color:#7289da
}

.fp-discord-card-header {
    align-items:center
}

.fp-discord-status-badge {
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    padding:7px 10px;
    border:1px solid var(--fp-border);
    border-radius:999px;
    color:var(--fp-text-muted);
    background:var(--fp-bg-soft);
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase
}

.fp-discord-status-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 10px currentColor
}

.fp-discord-status-badge.is-connected {
    border-color:rgba(32,214,149,.28);
    background:rgba(32,214,149,.08);
    color:#20d695
}

.fp-discord-status-badge.is-disconnected {
    border-color:rgba(148,163,184,.22);
    background:rgba(148,163,184,.07);
    color:var(--fp-text-muted)
}

.fp-discord-status-badge.is-auth-required {
    border-color:rgba(245,158,11,.28);
    background:rgba(245,158,11,.08);
    color:#f59e0b
}

.fp-discord-loading {
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border:1px solid var(--fp-border);
    border-radius:15px;
    background:var(--fp-bg-soft)
}

.fp-discord-loading-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:13px;
    background:rgba(88,101,242,.12);
    color:#7289da;
    font-size:17px
}

.fp-discord-loading strong {
    display:block;
    margin-bottom:3px;
    color:var(--fp-text-main);
    font-size:13px;
    font-weight:800
}

.fp-discord-loading p {
    margin:0;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.55
}

.fp-discord-state {
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px;
    border:1px solid var(--fp-border);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(88,101,242,.07),rgba(255,255,255,.015))
}

.fp-discord-state[hidden],
.fp-discord-loading[hidden],
.fp-discord-error[hidden] {
    display:none!important
}

.fp-discord-state-icon,
.fp-discord-auth-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 54px;
    width:54px;
    height:54px;
    border:1px solid rgba(88,101,242,.28);
    border-radius:16px;
    background:rgba(88,101,242,.12);
    color:#7289da;
    font-size:23px
}

.fp-discord-auth-icon {
    border-color:rgba(245,158,11,.28);
    background:rgba(245,158,11,.09);
    color:#f59e0b
}

.fp-discord-state-copy {
    min-width:0;
    flex:1
}

.fp-discord-state-eyebrow {
    display:block;
    margin-bottom:3px;
    color:#7289da;
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase
}

.fp-discord-connected-label {
    color:#20d695
}

.fp-discord-state-copy>strong {
    display:block;
    margin-bottom:4px;
    color:var(--fp-text-main);
    font-size:15px;
    font-weight:800
}

.fp-discord-state-copy>p {
    margin:0;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.6
}

.fp-discord-state-copy b {
    color:var(--fp-text-main);
    font-weight:800
}

.fp-discord-avatar {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 58px;
    width:58px;
    height:58px;
    overflow:hidden;
    border:2px solid rgba(88,101,242,.55);
    border-radius:50%;
    background:rgba(88,101,242,.13);
    color:#7289da;
    font-size:23px;
    box-shadow:0 0 22px rgba(88,101,242,.14)
}

.fp-discord-avatar img {
    width:100%;
    height:100%;
    object-fit:cover
}

.fp-discord-user-line {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:5px!important
}

#fp-discord-username {
    color:#7289da;
    font-weight:800
}

.fp-discord-user-id {
    display:inline-flex;
    align-items:center;
    padding:3px 6px;
    border:1px solid var(--fp-border);
    border-radius:6px;
    background:var(--fp-bg-main);
    color:var(--fp-text-muted);
    font-family:"Courier New",monospace;
    font-size:8px
}

.fp-discord-connected-help {
    margin-top:4px!important
}

.fp-discord-state-actions {
    display:flex;
    align-items:center;
    flex:0 0 auto
}

.fp-discord-connect-btn,
.fp-discord-verify-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:0 16px;
    border:1px solid rgba(88,101,242,.55)!important;
    border-radius:11px;
    background:linear-gradient(135deg,#5865f2,#4752c4)!important;
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(88,101,242,.20);
    transition:transform .2s ease,box-shadow .2s ease
}

.fp-discord-connect-btn:hover,
.fp-discord-connect-btn:focus,
.fp-discord-verify-btn:hover,
.fp-discord-verify-btn:focus {
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 14px 30px rgba(88,101,242,.28)
}

.fp-discord-connect-btn:disabled {
    opacity:.65;
    cursor:wait
}

.fp-discord-disconnect-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:0 13px;
    border:1px solid rgba(239,68,68,.28)!important;
    border-radius:10px;
    background:rgba(239,68,68,.07)!important;
    color:#ff667e!important;
    font-size:10px;
    font-weight:800
}

.fp-discord-disconnect-btn:hover,
.fp-discord-disconnect-btn:focus {
    border-color:rgba(239,68,68,.48)!important;
    background:rgba(239,68,68,.13)!important;
    color:#ff8294!important
}

.fp-discord-error {
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px solid rgba(239,68,68,.28);
    border-radius:13px;
    background:rgba(239,68,68,.07)
}

.fp-discord-error>i {
    color:#ff667e;
    font-size:18px
}

.fp-discord-error>div {
    min-width:0;
    flex:1
}

.fp-discord-error strong {
    display:block;
    margin-bottom:2px;
    color:var(--fp-text-main);
    font-size:11px;
    font-weight:800
}

.fp-discord-error span {
    display:block;
    color:var(--fp-text-muted);
    font-size:10px
}

.fp-discord-retry {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid var(--fp-border);
    border-radius:8px;
    background:var(--fp-bg-soft);
    color:var(--fp-text-main);
    font-size:9px;
    font-weight:800
}

.fp-discord-callback-notice {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    padding:13px 15px;
    border:1px solid rgba(32,214,149,.28);
    border-radius:13px;
    background:rgba(32,214,149,.07);
    color:var(--fp-text-main);
    font-size:11px;
    font-weight:700
}

.fp-discord-callback-notice i {
    color:#20d695;
    font-size:16px
}

/* API section */
.fp-account-api-card {
    background:radial-gradient(circle at top right,var(--fp-accent-soft),transparent 42%),linear-gradient(145deg,var(--fp-panel),var(--fp-bg-soft))
}

.fp-api-security-box {
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-bottom:20px;
    padding:16px;
    border:1px solid var(--fp-border);
    border-radius:15px;
    background:linear-gradient(135deg,var(--fp-accent-soft),rgba(255,255,255,.015))
}

.fp-api-security-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border:1px solid var(--fp-border);
    border-radius:12px;
    background:var(--fp-bg-soft);
    color:var(--fp-accent-strong);
    font-size:16px
}

.fp-api-security-copy {
    min-width:0;
    flex:1
}

.fp-api-security-copy strong {
    display:block;
    margin-bottom:4px;
    color:var(--fp-text-main);
    font-size:13px;
    font-weight:800
}

.fp-api-security-copy p {
    margin:0;
    color:var(--fp-text-muted);
    font-size:12px;
    line-height:1.6
}

.fp-api-existing-state {
    padding:20px;
    border:1px solid var(--fp-border);
    border-radius:17px;
    background:radial-gradient(circle at top left,var(--fp-accent-soft),transparent 46%),linear-gradient(165deg,var(--fp-bg-soft),var(--fp-bg-main))
}

.fp-api-existing-heading {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px
}

.fp-api-existing-heading-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    border:1px solid var(--fp-border);
    border-radius:12px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong)
}

.fp-api-existing-heading>div:nth-child(2) {
    min-width:0;
    flex:1
}

.fp-api-existing-heading>div:nth-child(2)>span {
    display:block;
    margin-bottom:2px;
    color:var(--fp-text-muted);
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase
}

.fp-api-existing-heading>div:nth-child(2)>strong {
    display:block;
    color:var(--fp-text-main);
    font-size:15px;
    font-weight:800
}

.fp-api-status-badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid rgba(32,214,149,.28);
    border-radius:999px;
    background:rgba(32,214,149,.09);
    color:#20d695;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase
}

.fp-api-key-field {
    margin-bottom:0
}

.fp-api-disabled-input {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:62px;
    padding:10px 12px 10px 16px;
    overflow:hidden;
    border:1px solid var(--fp-border);
    border-radius:14px;
    background:var(--fp-bg-main);
    cursor:not-allowed;
    box-shadow:inset 0 1px 0 var(--fp-accent-soft);
    transition:border-color .2s ease,background .2s ease
}

.fp-api-disabled-input:hover {
    border-color:var(--fp-border-strong);
    background:var(--fp-bg-soft)
}

.fp-api-left,
.fp-api-right {
    display:flex;
    align-items:center
}

.fp-api-left {
    flex:0 0 auto;
    gap:10px;
    color:var(--fp-text-main);
    font-size:13px;
    font-weight:800
}

.fp-api-left>i {
    color:var(--fp-accent-strong);
    font-size:15px
}

.fp-api-right {
    min-width:0;
    flex:1;
    justify-content:flex-end;
    gap:12px
}

.fp-api-mask-dots {
    min-width:0;
    overflow:hidden;
    color:var(--fp-text-muted);
    font-family:"Courier New",monospace;
    font-size:17px;
    font-weight:900;
    letter-spacing:2px;
    line-height:1;
    text-overflow:clip;
    white-space:nowrap
}

.fp-api-mask-lock {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border:1px solid var(--fp-border);
    border-radius:11px;
    background:var(--fp-accent-soft);
    color:var(--fp-accent-strong)
}

.fp-api-created-date {
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:11px;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.5
}

.fp-api-created-date i {
    color:var(--fp-accent-strong)
}

.fp-api-created-date strong {
    color:var(--fp-text-main);
    font-weight:700
}

.fp-api-hidden-notice {
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid var(--fp-border)
}

.fp-api-hidden-notice i {
    margin-top:2px;
    color:var(--fp-accent-strong)
}

.fp-api-hidden-notice p {
    margin:0;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.6
}

.fp-api-empty-state {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:28px 20px;
    background:radial-gradient(circle at center,var(--fp-accent-soft),transparent 65%),var(--fp-bg-soft)
}

.fp-api-empty-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:13px;
    border:1px solid var(--fp-border-strong);
    border-radius:16px;
    background:linear-gradient(135deg,var(--fp-accent),var(--fp-accent-strong));
    color:#fff;
    font-size:20px;
    box-shadow:0 12px 26px var(--fp-accent-soft)
}

.fp-api-empty-state .fp-api-empty-icon i {
    margin:0;
    color:#fff;
    font-size:inherit
}

.fp-api-empty-state strong {
    font-size:16px
}

.fp-api-empty-state p {
    max-width:500px;
    margin-top:5px;
    font-size:12px;
    line-height:1.6
}

.fp-api-generate-actions {
    margin-top:18px
}

.fp-api-generate-btn {
    width:100%;
    min-height:50px;
    border:1px solid var(--fp-border-strong)!important;
    border-radius:13px;
    color:#fff!important;
    background:linear-gradient(135deg,var(--fp-accent),var(--fp-accent-strong))!important;
    box-shadow:0 12px 28px var(--fp-accent-soft)
}

.fp-api-generate-btn:hover,
.fp-api-generate-btn:focus {
    color:#fff!important;
    box-shadow:0 16px 34px var(--fp-accent-soft)
}

.fp-api-regenerate-warning {
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:13px;
    padding:12px 13px;
    border:1px solid rgba(245,158,11,.25);
    border-radius:12px;
    background:rgba(245,158,11,.07)
}

.fp-api-regenerate-warning i {
    margin-top:2px;
    color:#f59e0b
}

.fp-api-regenerate-warning p {
    margin:0;
    color:var(--fp-text-muted);
    font-size:10px;
    line-height:1.55
}

.fp-generated-api-alert {
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:20px;
    padding:18px!important;
    border:1px solid var(--fp-border-strong)!important;
    border-radius:17px!important;
    color:var(--fp-text-main)!important;
    background:radial-gradient(circle at top right,var(--fp-accent-soft),transparent 45%),linear-gradient(155deg,var(--fp-panel),var(--fp-bg-soft))!important;
    box-shadow:0 16px 38px rgba(0,0,0,.24)!important
}

.fp-generated-api-alert .close {
    position:absolute;
    top:10px;
    right:13px;
    color:var(--fp-text-muted);
    opacity:.8
}

.fp-generated-api-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:13px;
    background:linear-gradient(135deg,#20d695,#10a978);
    color:#fff;
    font-size:17px;
    box-shadow:0 10px 23px rgba(32,214,149,.2)
}

.fp-generated-api-content {
    min-width:0;
    flex:1;
    padding-right:20px
}

.fp-generated-api-content>strong {
    display:block;
    margin-bottom:4px;
    color:var(--fp-text-main);
    font-size:15px;
    font-weight:800
}

.fp-generated-api-content>p {
    margin:0 0 12px;
    color:var(--fp-text-muted);
    font-size:11px;
    line-height:1.6
}

.fp-generated-api-key-row {
    display:flex;
    align-items:stretch;
    gap:9px
}

.fp-generated-api-key {
    display:flex;
    align-items:center;
    min-width:0;
    min-height:46px;
    overflow-x:auto;
    flex:1;
    padding:11px 13px;
    border:1px solid var(--fp-border);
    border-radius:11px;
    background:var(--fp-bg-main);
    color:var(--fp-text-main);
    font-family:"Courier New",monospace;
    font-size:12px;
    font-weight:700;
    line-height:1.45;
    white-space:nowrap;
    user-select:all;
    -webkit-overflow-scrolling:touch
}

.fp-generated-api-copy {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:46px;
    padding:10px 14px;
    border:1px solid var(--fp-border-strong);
    border-radius:11px;
    background:linear-gradient(135deg,var(--fp-accent),var(--fp-accent-strong));
    color:#fff;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer
}

.fp-generated-api-copy.is-copied {
    border-color:#20d695;
    background:linear-gradient(135deg,#20d695,#10a978)
}

.fp-generated-api-feedback {
    min-height:15px;
    margin-top:6px;
    color:var(--fp-text-muted);
    font-size:9px
}

@media(max-width:991px) {
    .fp-avatar-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

}

@media(max-width:767px) {
    .fp-account-page {
        padding-top:16px
    }

    .fp-account-page-intro {
        align-items:flex-start;
        padding:17px
    }

    .fp-account-page-intro h1 {
        font-size:23px
    }

    .fp-account-card {
        padding:17px;
        border-radius:16px
    }

    .fp-account-card-header {
        gap:11px
    }

    .fp-account-card-header-icon {
        width:42px;
        height:42px
    }

    .fp-account-form-grid {
        grid-template-columns:1fr;
        gap:0
    }

    .fp-avatar-chooser-layout {
        grid-template-columns:1fr
    }

    .fp-avatar-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .fp-account-card-header-status {
        align-items:flex-start;
        flex-wrap:wrap
    }

    .fp-account-status-badge {
        margin-left:56px
    }

    .fp-account-card-actions {
        justify-content:stretch
    }

    .fp-account-card-actions .btn {
        width:100%
    }

    .fp-avatar-custom-input-group {
        display:flex;
        flex-direction:column;
        gap:10px
    }

    .fp-avatar-custom-input-group .form-control,
    .fp-avatar-custom-input-group .input-group-btn,
    .fp-avatar-custom-input-group .input-group-btn .btn {
        width:100%
    }

    .fp-avatar-custom-input-group .input-group-btn {
        display:block
    }

    .fp-api-security-box {
        padding:14px
    }

    .fp-api-existing-state {
        padding:16px
    }

    .fp-api-existing-heading {
        align-items:flex-start;
        flex-wrap:wrap
    }

    .fp-api-status-badge {
        margin-left:52px
    }

    .fp-api-disabled-input {
        min-height:58px;
        padding:9px 10px 9px 13px;
        gap:10px
    }

    .fp-api-left {
        gap:7px;
        font-size:12px
    }

    .fp-api-right {
        gap:8px
    }

    .fp-api-mask-dots {
        font-size:14px;
        letter-spacing:1.2px
    }

    .fp-api-mask-lock {
        flex-basis:36px;
        width:36px;
        height:36px
    }

    .fp-generated-api-alert {
        gap:10px;
        padding:15px!important
    }

    .fp-generated-api-icon {
        flex-basis:38px;
        width:38px;
        height:38px
    }

    .fp-generated-api-key-row {
        flex-direction:column
    }

    .fp-generated-api-copy {
        width:100%
    }

    .fp-discord-card-header {
        align-items:flex-start;
        flex-wrap:wrap
    }

    .fp-discord-status-badge {
        margin-left:53px
    }

    .fp-discord-state {
        align-items:flex-start;
        flex-wrap:wrap
    }

    .fp-discord-state-actions {
        width:100%
    }

    .fp-discord-state-actions .btn {
        width:100%
    }

}

@media(max-width:420px) {
    .fp-account-tabs {
        display:flex;
        width:100%
    }

    .fp-account-tabs>li {
        flex:1
    }

    .fp-account-tabs>li>a {
        justify-content:center;
        padding:10px
    }

    .fp-account-page-intro {
        flex-direction:column
    }

    .fp-avatar-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .fp-api-security-box {
        flex-direction:column
    }

    .fp-api-existing-heading {
        display:grid;
        grid-template-columns:40px minmax(0,1fr)
    }

    .fp-api-status-badge {
        grid-column:2;
        width:max-content;
        margin-left:0
    }

    .fp-api-disabled-input {
        padding-left:11px
    }

    .fp-api-left span {
        display:none
    }

    .fp-api-mask-dots {
        font-size:13px;
        letter-spacing:1px
    }

    .fp-discord-state {
        flex-direction:column
    }

    .fp-discord-status-badge {
        margin-left:0
    }

}
/* =========================================================
   REWARDS ACHIEVEMENTS — COLORED ICON STYLE
   ========================================================= */

/* First Reward — Yellow */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement="first_reward"] {
    --fp-ach-color: #f5b942;
    --fp-ach-rgb: 245, 185, 66;
}

/* First Redemption — Blue */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement="first_redemption"] {
    --fp-ach-color: #3b82f6;
    --fp-ach-rgb: 59, 130, 246;
}

/* 1,000 Club — Green */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement="one_thousand"] {
    --fp-ach-color: #10b981;
    --fp-ach-rgb: 16, 185, 129;
}

/* Rewards Legend — Purple */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement="ten_thousand"] {
    --fp-ach-color: #a855f7;
    --fp-ach-rgb: 168, 85, 247;
}

/* Colored icon boxes */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement] > span {
    color: var(--fp-ach-color) !important;

    background:
        linear-gradient(
            145deg,
            rgba(var(--fp-ach-rgb), .18),
            rgba(var(--fp-ach-rgb), .07)
        ) !important;

    border:
        1px solid rgba(
            var(--fp-ach-rgb),
            .40
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(
            var(--fp-ach-rgb),
            .12
        ) !important;

    opacity: 1 !important;
    filter: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

/* Keep the original thin-outline icons */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement] > span i {
    color: var(--fp-ach-color) !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Locked achievement: softer but still colored */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement]:not(.unlocked) > span {
    background:
        linear-gradient(
            145deg,
            rgba(var(--fp-ach-rgb), .13),
            rgba(var(--fp-ach-rgb), .05)
        ) !important;

    border-color:
        rgba(
            var(--fp-ach-rgb),
            .28
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 7px 18px rgba(
            var(--fp-ach-rgb),
            .08
        ) !important;
}

/* Unlocked achievement: brighter glow */
.fp-rewards-history-page
.fp-rh-achievement-grid
article[data-achievement].unlocked > span {
    background:
        linear-gradient(
            145deg,
            rgba(var(--fp-ach-rgb), .27),
            rgba(var(--fp-ach-rgb), .11)
        ) !important;

    border-color:
        rgba(
            var(--fp-ach-rgb),
            .60
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 10px 26px rgba(
            var(--fp-ach-rgb),
            .20
        ),
        0 0 0 4px rgba(
            var(--fp-ach-rgb),
            .06
        ) !important;
}

@media (hover: hover) {
    .fp-rewards-history-page
    .fp-rh-achievement-grid
    article[data-achievement]:hover > span {
        transform: translateY(-2px);
    }
}
/* Smaller global announcement button on mobile */
@media (max-width: 767px) {
    .fp-global-announcements-trigger {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        border-radius: 14px !important;
        font-size: 16px !important;
        box-shadow:
            0 8px 20px rgba(0, 0, 0, .25),
            0 0 0 3px var(
                --fp-accent-soft,
                rgba(47, 124, 255, .10)
            ) !important;
    }

    .fp-global-announcements-count {
        top: -5px !important;
        right: -5px !important;
        min-width: 19px !important;
        width: auto !important;
        height: 19px !important;
        padding: 0 4px !important;
        border-width: 2px !important;
        font-size: 8px !important;
    }
}