/*
================================================================
FOLLOWERSPROVIDER THEME
SAFE CLEANUP PASS

This version preserves the original cascade order.
Changes:
1. Removed accidental non-CSS text from the beginning.
2. Moved @import to the top so the browser loads it correctly.
3. Normalized encoding and line endings.
4. Preserved all selectors, declarations, overrides, and media rules.
================================================================
*/

@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;
}
html[data-fp-theme="sunset"] {
	--fp-bg-main: #21110b;
	--fp-bg-soft: #34190f;
	--fp-panel: rgba(56, 24, 16, 0.88);
	--fp-border: rgba(251, 146, 60, 0.3);
	--fp-border-strong: rgba(249, 115, 22, 0.56);
	--fp-text-main: #fff5ef;
	--fp-text-muted: #e8bda9;
	--fp-accent: #fb923c;
	--fp-accent-strong: #f97316;
	--fp-accent-soft: rgba(251, 146, 60, 0.18);
	--fp-amber: #fdba74;
	--fp-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
	--fp-theme-glow-1: rgba(251, 146, 60, 0.24);
	--fp-theme-glow-2: rgba(249, 115, 22, 0.14);
	--fp-row-odd: #1a0d07;
	--fp-row-even: #2c1409;
	--fp-neworder-stat-border: rgba(251, 146, 60, 0.34);
	--fp-neworder-stat-bg:
		radial-gradient(circle at 12% 10%, rgba(251, 146, 60, 0.2), transparent 44%),
		linear-gradient(165deg, rgba(62, 28, 17, 0.96), rgba(31, 16, 10, 0.97));
	--fp-neworder-stat-icon-bg: rgba(251, 146, 60, 0.18);
	--fp-neworder-stat-icon-border: rgba(251, 146, 60, 0.46);
	--fp-neworder-stat-icon-color: #ffe8da;
	--fp-neworder-stat-title: #fff8f4;
	--fp-neworder-stat-caption: #e8bda9;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
	--fp-neworder-tab-bg: rgba(251, 146, 60, 0.1);
	--fp-neworder-tab-border: rgba(251, 146, 60, 0.26);
	--fp-neworder-tab-text: #ffe8da;
	--fp-neworder-tab-hover-bg:
		linear-gradient(135deg, rgba(251, 146, 60, 0.22), rgba(249, 115, 22, 0.18));
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: rgba(251, 146, 60, 0.58);
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(249, 115, 22, 0.22);
}

html[data-fp-theme="violet"] {
	--fp-bg-main: #140b23;
	--fp-bg-soft: #21123a;
	--fp-panel: rgba(32, 17, 57, 0.88);
	--fp-border: rgba(167, 139, 250, 0.3);
	--fp-border-strong: rgba(139, 92, 246, 0.54);
	--fp-text-main: #f7f2ff;
	--fp-text-muted: #c9b8e9;
	--fp-accent: #a78bfa;
	--fp-accent-strong: #8b5cf6;
	--fp-accent-soft: rgba(167, 139, 250, 0.18);
	--fp-amber: #c4b5fd;
	--fp-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
	--fp-theme-glow-1: rgba(167, 139, 250, 0.24);
	--fp-theme-glow-2: rgba(139, 92, 246, 0.14);
	--fp-row-odd: #10081e;
	--fp-row-even: #1c0f34;
	--fp-neworder-stat-border: rgba(167, 139, 250, 0.34);
	--fp-neworder-stat-bg:
		radial-gradient(circle at 12% 10%, rgba(167, 139, 250, 0.2), transparent 44%),
		linear-gradient(165deg, rgba(38, 21, 68, 0.96), rgba(18, 10, 34, 0.97));
	--fp-neworder-stat-icon-bg: rgba(167, 139, 250, 0.18);
	--fp-neworder-stat-icon-border: rgba(167, 139, 250, 0.46);
	--fp-neworder-stat-icon-color: #f3ebff;
	--fp-neworder-stat-title: #faf7ff;
	--fp-neworder-stat-caption: #c9b8e9;
	--fp-neworder-stat-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
	--fp-neworder-tab-bg: rgba(167, 139, 250, 0.1);
	--fp-neworder-tab-border: rgba(167, 139, 250, 0.26);
	--fp-neworder-tab-text: #f3ebff;
	--fp-neworder-tab-hover-bg:
		linear-gradient(135deg, rgba(167, 139, 250, 0.22), rgba(139, 92, 246, 0.18));
	--fp-neworder-tab-hover-text: #ffffff;
	--fp-neworder-tab-hover-border: rgba(167, 139, 250, 0.58);
	--fp-neworder-tab-hover-shadow: 0 10px 22px rgba(139, 92, 246, 0.24);
}

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-sunset { background: #f97316; }
.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;
}