/* ==========================================================================
   NoDMLink — Ultra-Premium Custom Interface
   Engineered for maximum visual excellence and complete WordPress theme compatibility.
   ========================================================================== */

/* ──────────────────────────────────────────────
 * SEO Template Layout Classes
 * (replaces inline styles from home-page.php / single-link.php)
 * ────────────────────────────────────────────── */

/* Homepage main wrapper */
.nodmlink-home-main {
    min-height: 80vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 20px !important;
}
.nodmlink-home-container {
    width: 100% !important;
    max-width: 680px !important;
}

/* Single-link / programmatic SEO page wrapper */
.nodmlink-seo-main {
    padding: 40px 20px !important;
}
.nodmlink-seo-container {
    max-width: 680px !important;
    margin: 0 auto !important;
}

/*
 * Visually-hidden SEO h1
 * Fully readable by Googlebot & screen readers, invisible to sighted users.
 * Uses the SR-only pattern (not display:none which hides from crawlers).
 */
.nodmlink-seo-h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ──────────────────────────────────────────────
 * High-Performance Ambient Background (0% GPU Load)
 * ────────────────────────────────────────────── */
.aurora-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: 
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99, 102, 241, 0.08), transparent 70%),
        radial-gradient(ellipse 60% 40% at 90% 15%, rgba(59, 130, 246, 0.06), transparent 60%),
        radial-gradient(ellipse 60% 40% at 10% 20%, rgba(139, 92, 246, 0.05), transparent 60%);
    z-index: -9999;
    pointer-events: none;
    transform: translateZ(0);
}

.aurora-layer {
    display: none !important;
}

:root {
	--ndm-font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--ndm-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--ndm-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	
	/* Curated Bespoke Palette */
	--ndm-primary: #4f46e5;
	--ndm-primary-hover: #4338ca;
	--ndm-accent: #6366f1;
	--ndm-ink: #0f172a;
	--ndm-muted: #64748b;
	--ndm-subtle: #94a3b8;
	
	--ndm-surface: #ffffff;
	--ndm-surface-alt: #f8fafc;
	--ndm-border: #e2e8f0;
	--ndm-border-strong: #cbd5e1;

	--ndm-emerald: #059669;
	--ndm-emerald-bg: #ecfdf5;
	--ndm-emerald-border: #a7f3d0;

	--ndm-radius-lg: 18px;
	--ndm-radius-md: 12px;
	--ndm-radius-sm: 8px;

	--ndm-shadow: 0 10px 30px -10px rgba(79, 70, 229, 0.12), 0 20px 40px -15px rgba(15, 23, 42, 0.08);
}

/* ─── Defensive Resets Scoped Strictly to #nodmlink-app ─── */
.nodmlink-container {
	max-width: 660px !important;
	margin: 36px auto !important;
	padding: 0 16px !important;
	font-family: var(--ndm-font-body) !important;
	color: var(--ndm-ink) !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	box-sizing: border-box !important;
}

.nodmlink-container *,
.nodmlink-container *::before,
.nodmlink-container *::after {
	box-sizing: border-box !important;
}

/* ─── Hero Header ─── */
.nodmlink-header {
	text-align: center !important;
	margin-bottom: 28px !important;
}

.nodmlink-title {
	font-family: var(--ndm-font-heading) !important;
	font-size: 38px !important;
	font-weight: 800 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.15 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 10px 0 !important;
}

.nodmlink-gradient-text {
	background: linear-gradient(135deg, #006aff 0%, #0056cc 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
}

.nodmlink-tagline {
	font-size: 16px !important;
	line-height: 1.55 !important;
	color: var(--ndm-muted) !important;
	max-width: 480px !important;
	margin: 0 auto 20px auto !important;
}

.nodmlink-tagline-part {
	display: inline;
}

@media (max-width: 640px) {
	.nodmlink-tagline-part {
		display: block !important;
	}
}

/* Supported Platform Pills */
.nodmlink-platforms-row {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

.nodmlink-platform-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 12px !important;
	border-radius: 20px !important;
	background: #f1f5f9 !important;
	border: 1px solid var(--ndm-border) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--ndm-muted) !important;
	transition: all 0.2s ease !important;
	cursor: default !important;
}

.nodmlink-platform-chip svg {
	display: inline-block !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
}

.nodmlink-platform-chip:hover,
.nodmlink-platform-chip.is-active {
	color: var(--ndm-ink) !important;
	background: #ffffff !important;
	border-color: var(--ndm-accent) !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
}

.nodmlink-chip-ig.is-active { border-color: #e1306c !important; color: #e1306c !important; }
.nodmlink-chip-tt.is-active { border-color: #000000 !important; color: #000000 !important; }
.nodmlink-chip-yt.is-active { border-color: #ff0000 !important; color: #ff0000 !important; }
.nodmlink-chip-x.is-active  { border-color: #0f172a !important; color: #0f172a !important; }
.nodmlink-chip-fb.is-active { border-color: #1877f2 !important; color: #1877f2 !important; }

/* ─── Search Form & Elevated Capsule ─── */
.nodmlink-form {
	margin-bottom: 24px !important;
}

.nodmlink-search-capsule {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1.5px solid rgba(79, 70, 229, 0.45) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 6px 8px 6px 16px !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12), 0 10px 30px -10px rgba(79, 70, 229, 0.18), 0 20px 40px -15px rgba(15, 23, 42, 0.06) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.nodmlink-search-capsule:focus-within {
	border-color: var(--ndm-primary) !important;
	box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.2), 0 16px 36px -8px rgba(79, 70, 229, 0.24) !important;
}

.nodmlink-input-wrapper {
	display: flex !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	position: relative !important;
}

.nodmlink-search-lead-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	background: #eef2ff !important;
	color: var(--ndm-primary) !important;
	margin-right: 10px !important;
	flex-shrink: 0 !important;
}

.nodmlink-search-lead-icon svg {
	width: 16px !important;
	height: 16px !important;
}

.nodmlink-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: 100% !important;
	border: none !important;
	outline: none !important;
	background: transparent !important;
	font-family: var(--ndm-font-body) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: var(--ndm-ink) !important;
	padding: 10px 6px !important;
	margin: 0 !important;
	box-shadow: none !important;
	line-height: normal !important;
}

.nodmlink-input::placeholder {
	color: var(--ndm-subtle) !important;
	font-weight: 400 !important;
}

/* Dynamic Rotating Placeholder Overlay */
.nodmlink-placeholder-overlay {
	position: absolute !important;
	left: 48px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: inline-flex !important;
	align-items: center !important;
	pointer-events: none !important;
	user-select: none !important;
	font-family: var(--ndm-font-body) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: var(--ndm-subtle) !important;
	white-space: nowrap !important;
	line-height: normal !important;
	transition: opacity 0.2s ease, visibility 0.2s ease !important;
	z-index: 2 !important;
}

.nodmlink-placeholder-overlay.is-hidden,
.nodmlink-input:not(:placeholder-shown) ~ .nodmlink-placeholder-overlay {
	opacity: 0 !important;
	visibility: hidden !important;
}

.nodmlink-ph-fixed {
	display: inline-block !important;
	color: var(--ndm-subtle) !important;
	margin-right: 6px !important;
}

.nodmlink-ph-rotator {
	display: inline-flex !important;
	position: relative !important;
	align-items: center !important;
	height: 1.35em !important;
	line-height: 1.35em !important;
	overflow: hidden !important;
	vertical-align: middle !important;
	perspective: 450px !important;
	perspective-origin: 50% 50% !important;
	transform-style: preserve-3d !important;
}

.nodmlink-ph-word {
	display: inline-block !important;
	color: var(--ndm-subtle) !important;
	white-space: nowrap !important;
	font-weight: 500 !important;
	will-change: transform, opacity, filter !important;
	backface-visibility: hidden !important;
	transform-origin: 50% 50% -10px !important;
}

.nodmlink-ph-word.is-active {
	transform: translateY(0) rotateX(0deg) translateZ(0) !important;
	opacity: 0.65 !important;
	filter: blur(0px) !important;
	position: relative !important;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, filter 0.35s ease !important;
}

.nodmlink-ph-word.is-leaving {
	transform: translateY(-115%) rotateX(55deg) translateZ(0) !important;
	opacity: 0 !important;
	filter: blur(2.5px) !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.32s ease, filter 0.32s ease !important;
}

.nodmlink-ph-word.is-entering {
	transform: translateY(115%) rotateX(-55deg) translateZ(0) !important;
	opacity: 0 !important;
	filter: blur(2.5px) !important;
	position: relative !important;
}

/* Platform Signature Brand Styling (Calibrated for Placeholder Subtlety) */
.nodmlink-ph-word[data-platform="Instagram"] {
	background: linear-gradient(135deg, #f58529 0%, #dd2a7b 50%, #8134af 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	font-weight: 600 !important;
}

.nodmlink-ph-word[data-platform="TikTok"] {
	color: #0f172a !important;
	font-weight: 600 !important;
	text-shadow: -1px -1px 0 rgba(37, 244, 238, 0.45), 1px 1px 0 rgba(254, 44, 85, 0.45) !important;
}

.nodmlink-ph-word[data-platform="YouTube"] {
	color: #e02424 !important;
	font-weight: 600 !important;
}

.nodmlink-ph-word[data-platform="Facebook"] {
	color: #1877f2 !important;
	font-weight: 600 !important;
}

.nodmlink-ph-word[data-platform="X"],
.nodmlink-ph-word[data-platform="X (Twitter)"] {
	color: #0f172a !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
}

.nodmlink-capsule-actions {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-shrink: 0 !important;
}

/* Clear Button */
.nodmlink-clear-btn {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	border: none !important;
	background: #f1f5f9 !important;
	color: var(--ndm-muted) !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 8px 0 2px !important;
	flex-shrink: 0 !important;
	transition: all 0.15s ease !important;
}

.nodmlink-input:not(:placeholder-shown) ~ .nodmlink-clear-btn {
	display: inline-flex !important;
}

.nodmlink-clear-btn:hover {
	background: #e2e8f0 !important;
	color: var(--ndm-ink) !important;
}

/* Quick Paste Button */
.nodmlink-paste-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	background: #f8fafc !important;
	border: 1px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-sm) !important;
	color: var(--ndm-ink) !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: all 0.15s ease !important;
}

.nodmlink-paste-btn:hover {
	background: #f1f5f9 !important;
	border-color: var(--ndm-border-strong) !important;
}

.nodmlink-paste-btn:active {
	transform: scale(0.97) !important;
}

.nodmlink-paste-btn.is-success {
	background: #ecfdf5 !important;
	border-color: #10b981 !important;
	color: #065f46 !important;
}

.nodmlink-paste-btn.is-alert {
	background: #fffbeb !important;
	border-color: #f59e0b !important;
	color: #92400e !important;
	animation: nodmlink-paste-pulse 0.35s ease !important;
}

@keyframes nodmlink-paste-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.04); }
}

/* Submit Action Button */
.nodmlink-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 20px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: var(--ndm-radius-md) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
	white-space: nowrap !important;
}

.nodmlink-submit-btn .btn-text {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.nodmlink-submit-btn .btn-arrow {
	transition: transform 0.2s ease !important;
}

.nodmlink-submit-btn:hover {
	background: #1e293b !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.3) !important;
}

.nodmlink-submit-btn:hover .btn-arrow {
	transform: translateX(3px) !important;
}

.nodmlink-submit-btn:active {
	transform: translateY(1px) scale(0.98) !important;
}

.nodmlink-submit-btn:disabled {
	opacity: 0.7 !important;
	cursor: not-allowed !important;
	transform: none !important;
}

/* ─── Scanner Skeleton (Loading state) ─── */
.nodmlink-scanner-card {
	background: #ffffff !important;
	border: 1.5px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 24px !important;
	box-shadow: var(--ndm-shadow) !important;
	margin-bottom: 24px !important;
}

.nodmlink-scanner-top {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin-bottom: 18px !important;
}

.nodmlink-scanner-radar {
	position: relative !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: rgba(79, 70, 229, 0.1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.nodmlink-radar-core {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: var(--ndm-primary) !important;
}

.nodmlink-radar-ripple {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	border: 2px solid var(--ndm-primary) !important;
	animation: ndm-ripple 1.4s infinite ease-out !important;
}

@keyframes ndm-ripple {
	0% { transform: scale(0.4); opacity: 1; }
	100% { transform: scale(1.6); opacity: 0; }
}

.nodmlink-scanner-title {
	font-family: var(--ndm-font-heading) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--ndm-ink) !important;
}

.nodmlink-scanner-sub {
	font-size: 12.5px !important;
	color: var(--ndm-muted) !important;
}

.nodmlink-skeleton-bar {
	height: 16px !important;
	border-radius: 6px !important;
	background: #f1f5f9 !important;
	margin-bottom: 10px !important;
}

.nodmlink-skeleton-lg { width: 85% !important; height: 20px !important; }
.nodmlink-skeleton-md { width: 55% !important; }

.nodmlink-shimmer {
	position: relative !important;
	overflow: hidden !important;
}

.nodmlink-shimmer::after {
	content: '' !important;
	position: absolute !important;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent) !important;
	transform: translateX(-100%) !important;
	animation: ndm-shimmer 1.4s infinite !important;
}

@keyframes ndm-shimmer {
	100% { transform: translateX(100%); }
}

/* ─── Notice / Error Cards (Unsupported Platform, Invalid URL, Errors) ─── */
.nodmlink-notice-card {
	background: #ffffff !important;
	border: 1px solid rgba(226, 232, 240, 0.9) !important;
	border-radius: 20px !important;
	padding: 30px 24px !important;
	text-align: center !important;
	margin-bottom: 24px !important;
	box-shadow: 0 16px 40px -8px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(99, 102, 241, 0.04) inset !important;
	animation: ndm-notice-appear 0.28s cubic-bezier(0.16, 1, 0.3, 1) both !important;
	position: relative !important;
	overflow: hidden !important;
}

@keyframes ndm-notice-appear {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.nodmlink-notice-icon-aura {
	width: 58px !important;
	height: 58px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(239, 68, 68, 0.1) 100%) !important;
	border: 1.5px solid rgba(245, 158, 11, 0.3) !important;
	color: #d97706 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 16px auto !important;
	box-shadow: 0 0 24px rgba(245, 158, 11, 0.18) !important;
	animation: ndm-radar-pulse 3s infinite ease-in-out !important;
}

.nodmlink-notice-icon-aura.nodmlink-icon-aura-warning {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(168, 85, 247, 0.15) 100%) !important;
	border-color: rgba(168, 85, 247, 0.3) !important;
	color: #6366f1 !important;
	box-shadow: 0 0 24px rgba(99, 102, 241, 0.18) !important;
}

.nodmlink-notice-icon-aura.nodmlink-icon-aura-error {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(225, 29, 72, 0.1) 100%) !important;
	border-color: rgba(239, 68, 68, 0.3) !important;
	color: #dc2626 !important;
	box-shadow: 0 0 24px rgba(239, 68, 68, 0.18) !important;
}

.nodmlink-notice-heading {
	font-family: var(--ndm-font-heading) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: -0.01em !important;
}

.nodmlink-notice-sub {
	font-size: 14px !important;
	color: var(--ndm-muted) !important;
	line-height: 1.55 !important;
	max-width: 480px !important;
	margin: 0 auto 18px auto !important;
}

.nodmlink-supported-platforms-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 0 auto 18px auto !important;
	max-width: 520px !important;
}

.nodmlink-supported-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 7px 14px !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #334155 !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
	transition: all 0.18s ease !important;
}

.nodmlink-supported-pill:hover {
	transform: translateY(-1px) !important;
	background: #ffffff !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.07) !important;
}

.nodmlink-pill-svg {
	flex-shrink: 0 !important;
}

.nodmlink-sup-ig .nodmlink-pill-svg { color: #e1306c !important; }
.nodmlink-sup-tt .nodmlink-pill-svg { color: #000000 !important; }
.nodmlink-sup-yt .nodmlink-pill-svg { color: #ff0000 !important; }
.nodmlink-sup-x  .nodmlink-pill-svg { color: #0f172a !important; }
.nodmlink-sup-fb .nodmlink-pill-svg { color: #1877f2 !important; }

.nodmlink-notice-tip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 16px !important;
	border-radius: 10px !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	font-size: 12.5px !important;
	color: #64748b !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

.nodmlink-notice-tip svg {
	color: #6366f1 !important;
	flex-shrink: 0 !important;
}

.nodmlink-notice-tip code {
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	padding: 1px 5px !important;
	border-radius: 4px !important;
	font-size: 11.5px !important;
	color: #4f46e5 !important;
	font-family: monospace !important;
}

/* ─── Destination Result Card (Found) ─── */
.nodmlink-found-card {
	background: #ffffff !important;
	border: 1.5px solid var(--ndm-emerald-border) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 24px !important;
	box-shadow: 0 12px 32px -8px rgba(5, 150, 105, 0.12), var(--ndm-shadow) !important;
	margin-bottom: 24px !important;
}

.nodmlink-card-ribbon {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	flex-wrap: nowrap !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid var(--ndm-border) !important;
}

.nodmlink-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 4px 10px !important;
	border-radius: 9999px !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.nodmlink-status-admin,
.nodmlink-status-community {
	background: var(--ndm-emerald-bg) !important;
	color: var(--ndm-emerald) !important;
	border: 1px solid var(--ndm-emerald-border) !important;
}

.nodmlink-status-submitted {
	background: #fefce8 !important;
	color: #854d0e !important;
	border: 1px solid #fef08a !important;
}

.nodmlink-status-disputed {
	background: #fef2f2 !important;
	color: #991b1b !important;
	border: 1px solid #fecaca !important;
}

.nodmlink-source-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--ndm-muted) !important;
}

.nodmlink-source-creator {
	color: var(--ndm-primary) !important;
}

/* Destination Hero Box */
.nodmlink-destination-showcase {
	margin-bottom: 20px !important;
}

/* Ribbon Badges Group */
.nodmlink-ribbon-badges {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
	flex-shrink: 0 !important;
}

/* Views Pill on Card Ribbon */
.nodmlink-views-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	background: rgba(99, 102, 241, 0.08) !important;
	border: 1px solid rgba(99, 102, 241, 0.22) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #4338ca !important;
	letter-spacing: -0.01em !important;
	transition: all 0.2s ease !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

.nodmlink-views-pill svg {
	color: #4f46e5 !important;
	stroke-width: 2 !important;
	flex-shrink: 0 !important;
}

.nodmlink-domain-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--ndm-muted) !important;
	margin-bottom: 0 !important;
	flex-shrink: 1 !important;
	min-width: 0 !important;
	max-width: 140px !important;
	white-space: nowrap !important;
}

.nodmlink-domain-badge svg {
	flex-shrink: 0 !important;
}

.nodmlink-domain-badge span {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.nodmlink-dest-headline {
	font-family: var(--ndm-font-heading) !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.3 !important;
	text-align: center !important;
}

.nodmlink-url-preview {
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-sm) !important;
	padding: 8px 12px !important;
	overflow: hidden !important;
}

.nodmlink-url-text {
	display: block !important;
	font-family: var(--ndm-font-mono) !important;
	font-size: 12.5px !important;
	color: var(--ndm-muted) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Action Buttons Bar */
.nodmlink-actions-bar {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 16px !important;
}

.nodmlink-btn-open-primary {
	flex: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	padding: 12px 18px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border-radius: var(--ndm-radius-md) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

.nodmlink-btn-open-primary:hover {
	background: #1e293b !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

.nodmlink-btn-copy-secondary {
	flex: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 12px 16px !important;
	background: var(--ndm-surface-alt) !important;
	color: var(--ndm-ink) !important;
	border: 1.5px solid var(--ndm-border-strong) !important;
	border-radius: var(--ndm-radius-md) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: all 0.15s ease !important;
}

.nodmlink-btn-copy-secondary:hover {
	background: #e2e8f0 !important;
}

.nodmlink-btn-copy-secondary.is-copied {
	background: var(--ndm-emerald-bg) !important;
	border-color: var(--ndm-emerald-border) !important;
	color: var(--ndm-emerald) !important;
}

/* Quick Shares Row */
.nodmlink-quick-shares {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 0 !important;
	border-top: 1px solid var(--ndm-border) !important;
	border-bottom: 1px solid var(--ndm-border) !important;
	margin-bottom: 14px !important;
	font-size: 12px !important;
	flex-wrap: wrap !important;
}

.nodmlink-shares-label {
	color: var(--ndm-subtle) !important;
	font-weight: 600 !important;
}

.nodmlink-share-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border) !important;
	color: var(--ndm-muted) !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.nodmlink-share-pill:hover {
	background: #e2e8f0 !important;
	color: var(--ndm-ink) !important;
}

/* Community Footer & Feedback */
/* ==========================================================================
   Contributor Rewards
   ========================================================================== */
.nodmlink-contributor-reward-box {
	background: #f8fafc !important;
	border-radius: var(--ndm-radius-sm) !important;
	padding: 10px 5px !important;
	margin-top: 16px !important;
	border: 1px dashed var(--ndm-border) !important;
	text-align: center !important;
}
.nodmlink-contributor-shoutout {
	font-size: 13px !important;
	color: var(--ndm-ink-light) !important;
	margin-bottom: 8px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}
.nodmlink-affiliates-wrap {
	margin-top: 8px !important;
	padding-top: 8px !important;
	border-top: 1px solid var(--ndm-border) !important;
}
.nodmlink-affiliates-title {
	font-size: 12px !important;
	color: var(--ndm-ink-light) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 8px !important;
	font-weight: 600 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}
.nodmlink-shoutout-line {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1.2 !important;
}
.nodmlink-shoutout-prefix {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 4px !important;
	width: 124px !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}
.nodmlink-shoutout-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}
.nodmlink-shoutout-icon svg {
	display: block !important;
}
.nodmlink-ig-link {
	font-weight: 700 !important;
	font-size: 13px !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	margin-left: 4px !important;
}
.nodmlink-ig-link:hover .nodmlink-ig-text {
	opacity: 0.8 !important;
}
.nodmlink-ig-text {
	background: linear-gradient(135deg, #f58529 0%, #dd2a7b 50%, #8134af 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	transition: opacity 0.2s ease !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	display: inline-block !important;
}
.nodmlink-title-user {
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	margin-left: 4px !important;
	letter-spacing: normal !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	background: linear-gradient(135deg, #f58529 0%, #dd2a7b 50%, #8134af 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	transition: opacity 0.2s ease !important;
}
.nodmlink-title-user:hover {
	opacity: 0.8 !important;
}
.nodmlink-affiliates-buttons {
	display: flex !important;
	justify-content: center !important;
	gap: 14px !important;
	text-align: left !important;
}
.nodmlink-affiliate-card,
.nodmlink-affiliate-btn {
	flex: 1 1 0 !important;
	max-width: 220px !important;
	min-width: 150px !important;
	display: flex !important;
	flex-direction: column !important;
	background: #ffffff !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
	padding: 12px !important;
	border-radius: 16px !important;
	text-decoration: none !important;
	color: inherit !important;
	position: relative !important;
	overflow: hidden !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}
.nodmlink-affiliate-card:hover,
.nodmlink-affiliate-btn:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 14px 28px -4px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.04) !important;
	border-color: #cbd5e1 !important;
}
.nodmlink-affiliate-card.is-amazon-card:hover {
	border-color: #fbd38d !important;
	box-shadow: 0 14px 28px -4px rgba(246, 173, 85, 0.18), 0 4px 10px -2px rgba(15, 23, 42, 0.05) !important;
}

/* Header inside card */
.nodmlink-affiliate-card-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 8px !important;
}
.nodmlink-store-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	background: #f1f5f9 !important;
	color: #475569 !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	padding: 2.5px 7px !important;
	border-radius: 6px !important;
	line-height: 1 !important;
}
.nodmlink-store-badge.nodmlink-badge-amazon {
	background: #131921 !important;
	color: #ffffff !important;
	letter-spacing: -0.2px !important;
}
.nodmlink-amazon-logo-text {
	font-weight: 800 !important;
	font-size: 11px !important;
	color: #ffffff !important;
	position: relative !important;
	display: inline-block !important;
}
.nodmlink-amazon-logo-text::after {
	content: '' !important;
	display: inline-block !important;
	width: 4px !important;
	height: 4px !important;
	background: #ff9900 !important;
	border-radius: 50% !important;
	margin-left: 1.5px !important;
	vertical-align: 1px !important;
}
.nodmlink-card-head-right {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}
.nodmlink-card-arrow-chip {
	color: #94a3b8 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}
.nodmlink-affiliate-card:hover .nodmlink-card-arrow-chip {
	color: #0f172a !important;
	transform: translate(2px, -2px) !important;
}

/* Image stage */
.nodmlink-affiliate-img-wrap {
	width: 100% !important;
	height: 110px !important;
	background: radial-gradient(circle at center, #ffffff 40%, #f8fafc 100%) !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 10px !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	border: 1px solid rgba(241, 245, 249, 0.8) !important;
}
.nodmlink-affiliate-img {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	mix-blend-mode: multiply !important;
}
.nodmlink-affiliate-fallback {
	color: #94a3b8 !important;
}

/* Footer deal & CTA */
.nodmlink-affiliate-footer {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin-top: auto !important;
}
.nodmlink-deal-badge {
	background: #cc0c39 !important;
	color: #ffffff !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	padding: 2px 5px !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.25px !important;
}
.nodmlink-deal-text {
	color: #cc0c39 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	margin-bottom: 2px !important;
}
.nodmlink-affiliate-cta {
	background: linear-gradient(180deg, #ffd814 0%, #f7ca00 100%) !important;
	border: 1px solid #fcd200 !important;
	box-shadow: 0 1px 3px rgba(213, 162, 0, 0.25) !important;
	color: #0f1111 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	padding: 7px 10px !important;
	border-radius: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}
.nodmlink-affiliate-card:hover .nodmlink-affiliate-cta {
	background: linear-gradient(180deg, #f7ca00 0%, #f2a700 100%) !important;
	box-shadow: 0 3px 8px rgba(242, 167, 0, 0.35) !important;
}
.nodmlink-affiliate-card:hover .nodmlink-affiliate-cta svg {
	transform: translateX(2px) !important;
}
.nodmlink-affiliate-cta svg {
	transition: transform 0.2s ease !important;
}

@media (max-width: 768px) {
	.nodmlink-affiliates-buttons {
		display: flex !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		overflow-x: auto !important;
		padding: 2px 2px 8px 2px !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.nodmlink-affiliates-buttons::-webkit-scrollbar {
		height: 4px !important;
	}
	.nodmlink-affiliates-buttons::-webkit-scrollbar-track {
		background: transparent !important;
	}
	.nodmlink-affiliates-buttons::-webkit-scrollbar-thumb {
		background: var(--ndm-border) !important;
		border-radius: 4px !important;
	}
	.nodmlink-affiliate-card,
	.nodmlink-affiliate-btn {
		flex: 0 0 142px !important;
		max-width: 142px !important;
		min-width: 142px !important;
		padding: 9px !important;
		border-radius: 14px !important;
		scroll-snap-align: start !important;
	}
	.nodmlink-affiliate-card-head {
		margin-bottom: 6px !important;
	}
	.nodmlink-store-badge {
		font-size: 9.5px !important;
		padding: 2px 5px !important;
		border-radius: 4px !important;
	}
	.nodmlink-affiliate-img-wrap {
		height: 80px !important;
		margin-bottom: 8px !important;
		padding: 6px !important;
		border-radius: 10px !important;
	}
	.nodmlink-card-head-right {
		gap: 4px !important;
	}
	.nodmlink-deal-badge {
		font-size: 8px !important;
		padding: 1.5px 3.5px !important;
		border-radius: 3px !important;
	}
	.nodmlink-deal-text {
		font-size: 9.5px !important;
	}
	.nodmlink-affiliate-cta {
		font-size: 10px !important;
		padding: 5px 6px !important;
		border-radius: 14px !important;
	}
	.nodmlink-found-card {
		padding: 10px !important;
	}
	.nodmlink-seo-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.nodmlink-community-footer {
	width: 100% !important;
	display: block !important;
	margin-top: 14px !important;
	padding-top: 0 !important;
	border-top: none !important;
}

.nodmlink-reward-divider {
	height: 1px !important;
	background: var(--ndm-border) !important;
	margin: 16px 0 !important;
	width: 100% !important;
	border: none !important;
}
.nodmlink-reward-divider + .nodmlink-contributor-reward-box {
	margin-top: 0 !important;
}

.nodmlink-trust-row {
	font-size: 12.5px !important;
	color: var(--ndm-muted) !important;
	margin-bottom: 10px !important;
}

.nodmlink-trust-contributor {
	font-weight: 600 !important;
}

.nodmlink-vote-box {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	background: var(--ndm-surface-alt) !important;
	border-radius: var(--ndm-radius-sm) !important;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
	flex-wrap: wrap !important;
}

.nodmlink-vote-question {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: var(--ndm-ink) !important;
}

.nodmlink-vote-actions {
	display: flex !important;
	gap: 6px !important;
}

.nodmlink-vote-action {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	font-family: var(--ndm-font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border: 1px solid var(--ndm-border-strong) !important;
	background: #ffffff !important;
	color: var(--ndm-ink) !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: all 0.15s ease !important;
}

.nodmlink-vote-positive:hover:not(:disabled) {
	background: var(--ndm-emerald-bg) !important;
	border-color: var(--ndm-emerald-border) !important;
	color: var(--ndm-emerald) !important;
}

.nodmlink-vote-negative:hover:not(:disabled) {
	background: #fef2f2 !important;
	border-color: #fecaca !important;
	color: #dc2626 !important;
}

.nodmlink-vote-badge {
	display: inline-block !important;
	background: rgba(0, 0, 0, 0.06) !important;
	padding: 1px 5px !important;
	border-radius: 8px !important;
	font-family: var(--ndm-font-mono) !important;
	font-size: 10.5px !important;
}

.nodmlink-vote-action:disabled {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}


.nodmlink-multi-views-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #6366f1 !important;
	margin-top: 4px !important;
}

/* ─── Multi-Link Block ─── */
.nodmlink-multi-links-block {
	background: #ffffff !important;
	border: 1px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 18px !important;
	margin-bottom: 24px !important;
}

.nodmlink-multi-header h4 {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 12px 0 !important;
}

.nodmlink-multi-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.nodmlink-multi-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-sm) !important;
	padding: 8px 12px !important;
}

.nodmlink-multi-left {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.nodmlink-multi-index {
	font-family: var(--ndm-font-heading) !important;
	font-weight: 700 !important;
	color: var(--ndm-primary) !important;
	font-size: 13px !important;
}

.nodmlink-multi-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--ndm-ink) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.nodmlink-multi-url {
	display: block !important;
	font-family: var(--ndm-font-mono) !important;
	font-size: 11.5px !important;
	color: var(--ndm-muted) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.nodmlink-multi-actions {
	display: flex !important;
	gap: 6px !important;
	flex-shrink: 0 !important;
}

.nodmlink-mini-btn {
	padding: 4px 9px !important;
	border-radius: 4px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border: 1px solid var(--ndm-border-strong) !important;
	background: #ffffff !important;
	color: var(--ndm-ink) !important;
	cursor: pointer !important;
	text-decoration: none !important;
	margin: 0 !important;
}

.nodmlink-mini-open {
	background: #0f172a !important;
	border-color: #0f172a !important;
	color: #ffffff !important;
}

/* ─── Not Found Radar Card ─── */
.nodmlink-empty-radar-card {
	background: #ffffff !important;
	border: 1.5px dashed var(--ndm-border-strong) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 30px 20px !important;
	text-align: center !important;
	margin-bottom: 24px !important;
}

.nodmlink-radar-icon-aura {
	width: 58px !important;
	height: 58px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(168, 85, 247, 0.15) 100%) !important;
	border: 1.5px solid rgba(168, 85, 247, 0.3) !important;
	color: #6366f1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 16px auto !important;
	box-shadow: 0 0 24px rgba(99, 102, 241, 0.18) !important;
	animation: ndm-radar-pulse 3s infinite ease-in-out !important;
}

@keyframes ndm-radar-pulse {
	0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(99, 102, 241, 0.15); }
	50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(99, 102, 241, 0.32); }
}

.nodmlink-not-found-heading {
	font-family: var(--ndm-font-heading) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: -0.01em !important;
}

.nodmlink-not-found-sub {
	font-size: 14px !important;
	color: var(--ndm-muted) !important;
	line-height: 1.55 !important;
	max-width: 440px !important;
	margin: 0 auto 18px auto !important;
}

.nodmlink-scroll-to-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 9px 18px !important;
	border-radius: var(--ndm-radius-sm) !important;
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border-strong) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--ndm-ink) !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: all 0.15s ease !important;
}

.nodmlink-scroll-to-submit-btn:hover {
	background: #e2e8f0 !important;
}

/* ─── Inline & Standalone Submission Card ─── */
.nodmlink-submit-card {
	background: #ffffff !important;
	background-image: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.05) 0%, transparent 60%) !important;
	border: 1px solid rgba(226, 232, 240, 0.9) !important;
	border-radius: 20px !important;
	padding: 26px !important;
	box-shadow: 0 16px 40px -8px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(99, 102, 241, 0.04) inset !important;
	margin-bottom: 24px !important;
	position: relative !important;
	overflow: hidden !important;
}

.nodmlink-submit-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 10% !important;
	right: 10% !important;
	height: 2px !important;
	background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.6), rgba(168, 85, 247, 0.6), transparent) !important;
	pointer-events: none !important;
}

/* ─── Unified Expandable Not Found & Submission Card ─── */
.nodmlink-unified-card {
	padding: 32px 26px !important;
	text-align: center !important;
	transition: all 0.3s ease !important;
}

.nodmlink-unified-card-header {
	text-align: center !important;
}

.nodmlink-toggle-expand-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	padding: 12px 22px !important;
	border-radius: var(--ndm-radius-md) !important;
	background: linear-gradient(135deg, #090d16 0%, #1e1b4b 45%, #4338ca 100%) !important;
	border: 1.5px solid rgba(168, 85, 247, 0.45) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	cursor: pointer !important;
	margin: 6px auto 0 auto !important;
	position: relative !important;
	overflow: hidden !important;
	box-shadow: 0 6px 22px -3px rgba(79, 70, 229, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.14) inset !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.nodmlink-toggle-expand-btn:hover {
	transform: translateY(-2px) !important;
	background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 80%, #7c3aed 100%) !important;
	border-color: rgba(251, 191, 36, 0.75) !important;
	box-shadow: 0 10px 28px -3px rgba(99, 102, 241, 0.65), 0 0 20px rgba(251, 191, 36, 0.35) !important;
	color: #ffffff !important;
}

.nodmlink-toggle-expand-btn:active {
	transform: translateY(1px) !important;
}

/* Close Submission state: shares the EXACT SAME theme as the new button design */
.nodmlink-toggle-expand-btn.is-active {
	background: linear-gradient(135deg, #090d16 0%, #1e1b4b 45%, #4338ca 100%) !important;
	border: 1.5px solid rgba(168, 85, 247, 0.45) !important;
	border-radius: var(--ndm-radius-md) !important;
	box-shadow: 0 6px 22px -3px rgba(79, 70, 229, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.14) inset !important;
	color: #ffffff !important;
	transform: none !important;
}

.nodmlink-toggle-expand-btn.is-active:hover {
	transform: translateY(-2px) !important;
	background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 80%, #7c3aed 100%) !important;
	border-color: rgba(251, 191, 36, 0.75) !important;
	box-shadow: 0 10px 28px -3px rgba(99, 102, 241, 0.65), 0 0 20px rgba(251, 191, 36, 0.35) !important;
	color: #ffffff !important;
}

.nodmlink-toggle-expand-btn.is-active .nodmlink-reward-icon {
	display: none !important;
}

.nodmlink-toggle-expand-btn .nodmlink-toggle-icon {
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	color: #ffffff !important;
}

.nodmlink-toggle-expand-btn.is-active .nodmlink-toggle-icon {
	transform: rotate(180deg) !important;
	color: #ffffff !important;
}

.nodmlink-expandable-form-wrap {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	margin-top: 0;
	padding-top: 0;
	border-top: 1px solid transparent;
	transition: grid-template-rows 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, margin-top 0.35s ease, padding-top 0.35s ease, border-top-color 0.35s ease !important;
	text-align: left !important;
}

.nodmlink-form-inner {
	min-height: 0;
	overflow: hidden;
}

.nodmlink-expandable-form-wrap.is-expanded {
	grid-template-rows: 1fr;
	opacity: 1;
	margin-top: 24px;
	padding-top: 22px;
	padding-bottom: 16px !important;
	border-top-color: var(--ndm-border) !important;
}

/* ─── A/B Testing Variant Modifiers ─── */
.nodmlink-unified-card.nodmlink-variant-a .nodmlink-toggle-expand-btn {
	display: none !important;
}

.nodmlink-unified-card.nodmlink-variant-a .nodmlink-not-found-sub {
	margin-bottom: 0 !important;
}

.nodmlink-unified-card.nodmlink-variant-a .nodmlink-expandable-form-wrap {
	grid-template-rows: 1fr !important;
	opacity: 1 !important;
	margin-top: 24px !important;
	padding-top: 22px !important;
	padding-bottom: 16px !important;
	border-top-color: var(--ndm-border) !important;
}

.nodmlink-unified-card.nodmlink-variant-a .nodmlink-form-inner {
	overflow: visible !important;
}

.nodmlink-unified-card.nodmlink-variant-b .nodmlink-toggle-expand-btn {
	display: inline-flex !important;
}

.nodmlink-submit-card-header {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	margin-bottom: 20px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid var(--ndm-border) !important;
}

.nodmlink-submit-icon-badge {
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	background: #f1f5f9 !important;
	color: var(--ndm-ink) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.nodmlink-submit-heading {
	font-family: var(--ndm-font-heading) !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 4px 0 !important;
}

.nodmlink-submit-desc {
	font-size: 13px !important;
	color: var(--ndm-muted) !important;
	margin: 0 !important;
	line-height: 1.45 !important;
}

.nodmlink-form-field {
	margin-bottom: 15px !important;
}

/* ─── Give & Take Section Separation ─── */
.nodmlink-section-give {
	background: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 14px !important;
	padding: 16px !important;
	margin-bottom: 12px !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
	text-align: left !important;
}

.nodmlink-section-give .nodmlink-field-input {
	background: #ffffff !important;
}

.nodmlink-step-badge-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 10px !important;
}

.nodmlink-step-num-badge {
	width: 22px !important;
	height: 22px !important;
	border-radius: 6px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.nodmlink-step-num-badge.nodmlink-step-reward-badge {
	background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%) !important;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35) !important;
}

.nodmlink-step-title {
	font-family: var(--ndm-font-heading) !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	letter-spacing: -0.01em !important;
}

.nodmlink-step-tag {
	font-size: 11.5px !important;
	color: var(--ndm-muted) !important;
	margin-left: auto !important;
}

/* ─── Give / Take Exchange Bridge Divider ─── */
.nodmlink-give-take-divider {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 18px 0 !important;
}

.nodmlink-divider-line {
	flex: 1 !important;
	height: 1.5px !important;
	background: linear-gradient(90deg, rgba(226, 232, 240, 0.2), #cbd5e1, rgba(226, 232, 240, 0.2)) !important;
}

.nodmlink-divider-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 14px !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	border: 1.5px solid #c7d2fe !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	color: #4f46e5 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.12) !important;
	white-space: nowrap !important;
}

.nodmlink-divider-icon {
	font-size: 12px !important;
}

/* ─── Dedicated Reward "Take" Box ─── */
.nodmlink-reward-take-card {
	background: linear-gradient(180deg, #fbfcfe 0%, #f5f3ff 100%) !important;
	border: 1.5px solid rgba(129, 140, 248, 0.35) !important;
	border-radius: 16px !important;
	padding: 16px 14px !important;
	margin-bottom: 16px !important;
	text-align: left !important;
	box-shadow: 0 6px 20px -2px rgba(99, 102, 241, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
	position: relative !important;
}

.nodmlink-reward-take-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 10px !important;
}

.nodmlink-reward-take-header .nodmlink-step-badge-row {
	margin-bottom: 0 !important;
}

.nodmlink-reward-take-hint {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	color: #059669 !important;
	background: rgba(16, 185, 129, 0.1) !important;
	border: 1px solid rgba(16, 185, 129, 0.25) !important;
	padding: 2px 7px !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
}

/* ─── Reward Type Segmented Control ─── */
.nodmlink-reward-type-toggle {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 6px !important;
	background: #ffffff !important;
	padding: 4px !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	margin-top: 6px !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) inset !important;
}

.nodmlink-reward-option {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	box-sizing: border-box !important;
	gap: 7px !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
	user-select: none !important;
	margin: 0 !important;
}

.nodmlink-reward-option:hover {
	background: rgba(241, 245, 249, 0.8) !important;
}

.nodmlink-reward-option input[type="radio"] {
	display: none !important;
}

.nodmlink-reward-option.active {
	background: #ffffff !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 2px 8px -1px rgba(15, 23, 42, 0.1), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.nodmlink-reward-opt-svg {
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
	display: block !important;
	transition: transform 0.15s ease !important;
}

.nodmlink-svg-instagram {
	color: #e1306c !important;
}

.nodmlink-svg-affiliate {
	color: #059669 !important;
}

.nodmlink-svg-both {
	color: #d97706 !important;
}

.nodmlink-reward-option.active .nodmlink-reward-opt-svg {
	transform: scale(1.1) !important;
}

.nodmlink-reward-opt-title {
	font-family: var(--ndm-font-heading) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.nodmlink-reward-option.active .nodmlink-reward-opt-title {
	color: #0f172a !important;
}

.nodmlink-reward-opt-pill {
	font-size: 9.5px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	color: #ea580c !important;
	background: #ffedd5 !important;
	border: 1px solid #fed7aa !important;
	padding: 2px 6px !important;
	border-radius: 999px !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
}

/* ─── Animated Field Groups ─── */
.nodmlink-reward-fields-group {
	margin-top: 14px !important;
}

.nodmlink-reward-fields-group.is-animating {
	animation: ndm-fields-appear 0.28s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

@keyframes ndm-fields-appear {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.nodmlink-field-help-text {
	font-size: 12px !important;
	color: var(--ndm-muted) !important;
	margin: 6px 0 0 2px !important;
	line-height: 1.45 !important;
	text-align: left !important;
}

.nodmlink-badge-subtle {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	color: #059669 !important;
	background: rgba(16, 185, 129, 0.1) !important;
	border: 1px solid rgba(167, 243, 208, 0.9) !important;
	padding: 1px 6px !important;
	border-radius: 4px !important;
}

/* ─── Affiliate Value Callout Banner ─── */
.nodmlink-affiliate-banner {
	display: flex !important;
	flex-direction: row-reverse !important;
	align-items: flex-start !important;
	gap: 10px !important;
	padding: 12px 14px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, rgba(236, 253, 245, 0.95) 0%, rgba(240, 253, 250, 0.95) 100%) !important;
	border: 1px solid rgba(167, 243, 208, 0.85) !important;
	margin-bottom: 14px !important;
	text-align: left !important;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.06) !important;
}

.nodmlink-affiliate-banner-icon {
	width: 28px !important;
	height: 28px !important;
	border-radius: 7px !important;
	background: #10b981 !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3) !important;
}

.nodmlink-affiliate-banner-content {
	flex: 1 !important;
	line-height: 1.4 !important;
}

.nodmlink-affiliate-banner-heading {
	font-family: var(--ndm-font-heading) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #065f46 !important;
	margin-bottom: 2px !important;
}

.nodmlink-affiliate-banner-sub {
	font-size: 12px !important;
	color: #047857 !important;
}

.nodmlink-field-label {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--ndm-ink) !important;
	margin-bottom: 6px !important;
	text-align: left !important;
}

.nodmlink-field-required {
	color: #ef4444 !important;
}

.nodmlink-field-hint {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: var(--ndm-subtle) !important;
}

.nodmlink-field-input-wrap {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}

.nodmlink-field-icon {
	position: absolute !important;
	left: 13px !important;
	color: #94a3b8 !important;
	pointer-events: none !important;
	transition: color 0.2s ease !important;
}

.nodmlink-field-input-wrap:focus-within .nodmlink-field-icon {
	color: #6366f1 !important;
}

.nodmlink-field-prefix {
	position: absolute !important;
	left: 13px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #6366f1 !important;
	pointer-events: none !important;
}

.nodmlink-field-input {
	width: 100% !important;
	padding: 11px 14px 11px 38px !important;
	font-family: var(--ndm-font-body) !important;
	font-size: 14px !important;
	color: var(--ndm-ink) !important;
	background: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 11px !important;
	outline: none !important;
	margin: 0 !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.nodmlink-field-input:focus {
	background: #ffffff !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 3.5px rgba(99, 102, 241, 0.14) !important;
}

.nodmlink-btn-submit-action {
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	padding: 13px 18px !important;
	border-radius: var(--ndm-radius-md) !important;
	background: linear-gradient(135deg, #090d16 0%, #1e1b4b 45%, #4338ca 100%) !important;
	border: 1.5px solid rgba(168, 85, 247, 0.45) !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	cursor: pointer !important;
	margin: 10px 0 6px 0 !important;
	position: relative !important;
	overflow: hidden !important;
	box-shadow: 0 6px 22px -3px rgba(79, 70, 229, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.14) inset !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.nodmlink-btn-submit-action:hover {
	transform: translateY(-2px) !important;
	background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 80%, #7c3aed 100%) !important;
	border-color: rgba(251, 191, 36, 0.75) !important;
	box-shadow: 0 8px 24px -2px rgba(99, 102, 241, 0.6), 0 0 16px rgba(251, 191, 36, 0.35) !important;
	color: #ffffff !important;
}

.nodmlink-btn-submit-action:active {
	transform: translateY(1px) !important;
}

/* ─── Radiant Reward Gift Box Icon & Sheen Beam ─── */
.nodmlink-reward-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.85)) !important;
	animation: ndm-reward-sparkle 2.6s ease-in-out infinite !important;
	flex-shrink: 0 !important;
}

.nodmlink-reward-icon svg {
	color: #fde047 !important;
	stroke: #fde047 !important;
	fill: rgba(251, 191, 36, 0.22) !important;
	display: block !important;
}

@keyframes ndm-reward-sparkle {
	0%, 100% { transform: scale(1) rotate(0deg); }
	20% { transform: scale(1.14) rotate(-8deg); }
	40% { transform: scale(1.14) rotate(8deg); }
	60% { transform: scale(1.05) rotate(-3deg); }
	80% { transform: scale(1) rotate(0deg); }
}

.nodmlink-reward-cta-btn::after,
.nodmlink-reward-submit-btn::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -120% !important;
	width: 50% !important;
	height: 100% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent) !important;
	transform: skewX(-24deg) !important;
	animation: ndm-reward-sheen 3.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
	pointer-events: none !important;
}

@keyframes ndm-reward-sheen {
	0%, 60% { left: -120%; }
	100% { left: 220%; }
}

.nodmlink-sub-result {
	margin-top: 12px !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	text-align: center !important;
	font-weight: 600 !important;
	display: none !important;
}

.nodmlink-sub-result.is-submitting {
	display: block !important;
	background: var(--ndm-surface-alt) !important;
	color: var(--ndm-muted) !important;
}

.nodmlink-sub-result.is-success {
	display: block !important;
	background: var(--ndm-emerald-bg) !important;
	border: 1px solid var(--ndm-emerald-border) !important;
	color: var(--ndm-emerald) !important;
}

.nodmlink-sub-result.is-error {
	display: block !important;
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	color: #991b1b !important;
}

/* ─── Contributor Profile ─── */
.nodmlink-contributor-profile {
	background: #ffffff !important;
	border: 1.5px solid var(--ndm-border-strong) !important;
	border-radius: var(--ndm-radius-lg) !important;
	padding: 28px !important;
	box-shadow: var(--ndm-shadow) !important;
	margin-top: 20px !important;
	text-align: center !important;
}

.nodmlink-avatar-container {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	margin-bottom: 20px !important;
}

.nodmlink-avatar-ring {
	width: 64px !important;
	height: 64px !important;
	border-radius: 50% !important;
	background: #0f172a !important;
	padding: 2px !important;
	margin-bottom: 10px !important;
}

.nodmlink-avatar-initial {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	color: #ffffff !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 24px !important;
	font-weight: 800 !important;
}

.nodmlink-contributor-name {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	font-family: var(--ndm-font-heading) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	margin: 0 0 6px 0 !important;
}

.nodmlink-contributor-stats {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
}

.nodmlink-stat-card {
	background: var(--ndm-surface-alt) !important;
	border: 1px solid var(--ndm-border) !important;
	border-radius: var(--ndm-radius-sm) !important;
	padding: 12px 8px !important;
	text-align: center !important;
}

.nodmlink-stat-value {
	font-family: var(--ndm-font-heading) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	color: var(--ndm-ink) !important;
	line-height: 1.1 !important;
}

.nodmlink-stat-label {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--ndm-muted) !important;
	text-transform: uppercase !important;
	margin-top: 4px !important;
}

.nodmlink-contributor-bio {
	background: var(--ndm-surface-alt) !important;
	border-left: 3px solid var(--ndm-primary) !important;
	border-radius: 2px 6px 6px 2px !important;
	padding: 12px 14px !important;
	font-size: 13.5px !important;
	color: var(--ndm-muted) !important;
	line-height: 1.5 !important;
}

/* ─── Footer Note ─── */
.nodmlink-footer-note {
	text-align: center !important;
	margin-top: 20px !important;
	font-size: 12px !important;
	color: var(--ndm-subtle) !important;
}

/* ─── Floating Toast Notification ─── */
.nodmlink-floating-toast {
	position: fixed !important;
	bottom: 24px !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(20px) !important;
	background: #0f172a !important;
	color: #ffffff !important;
	padding: 8px 18px !important;
	border-radius: 9999px !important;
	font-family: var(--ndm-font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	z-index: 999999 !important;
}

.nodmlink-floating-toast.is-visible {
	opacity: 1 !important;
	transform: translateX(-50%) translateY(0) !important;
}

/* ─── Mobile Responsiveness ─── */
@media (max-width: 580px) {
	.nodmlink-container {
		padding: 0 !important;
		margin: 20px auto !important;
	}

	.nodmlink-seo-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.nodmlink-title {
		font-size: 28px !important;
	}

	.nodmlink-tagline {
		font-size: 15px !important;
		margin-bottom: 16px !important;
	}

	.nodmlink-tagline-part {
		display: block !important;
	}

	/* Icon-only platform chips on mobile */
	.nodmlink-platforms-row {
		gap: 10px !important;
		margin-bottom: 20px !important;
	}

	.nodmlink-platform-chip {
		width: 36px !important;
		height: 36px !important;
		padding: 0 !important;
		border-radius: 50% !important;
		justify-content: center !important;
		gap: 0 !important;
	}

	.nodmlink-platform-chip span {
		display: none !important;
	}

	.nodmlink-platform-chip svg {
		width: 17px !important;
		height: 17px !important;
		margin: 0 !important;
	}

	.nodmlink-search-capsule {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 10px 12px 12px 12px !important;
		border-radius: 18px !important;
		background: #ffffff !important;
		border: 1.5px solid rgba(79, 70, 229, 0.45) !important;
		box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12), 0 10px 24px -6px rgba(79, 70, 229, 0.18) !important;
		gap: 0 !important;
	}

	.nodmlink-search-capsule:focus-within {
		border-color: var(--ndm-primary) !important;
		box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.2), 0 16px 32px -6px rgba(79, 70, 229, 0.24) !important;
	}

	.nodmlink-input-wrapper {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		min-width: 0 !important;
		position: relative !important;
		padding: 6px 2px !important;
		border-bottom: 1px solid #f1f5f9 !important;
		margin-bottom: 8px !important;
	}

	.nodmlink-search-lead-icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 30px !important;
		height: 30px !important;
		border-radius: 8px !important;
		background: #eef2ff !important;
		color: #4f46e5 !important;
		margin-right: 8px !important;
		flex-shrink: 0 !important;
	}

	.nodmlink-search-lead-icon svg {
		width: 15px !important;
		height: 15px !important;
	}

	.nodmlink-input {
		height: 30px !important;
		font-size: 15px !important;
		padding: 0 4px !important;
		line-height: 30px !important;
	}

	.nodmlink-placeholder-overlay {
		left: 40px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		height: 30px !important;
		line-height: 1 !important;
		font-size: 15px !important;
		max-width: calc(100% - 70px) !important;
		overflow: hidden !important;
	}

	.nodmlink-clear-btn {
		width: 24px !important;
		height: 24px !important;
		border-radius: 50% !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		flex-shrink: 0 !important;
	}

	.nodmlink-capsule-actions {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		gap: 8px !important;
		margin-top: 0 !important;
	}

	.nodmlink-paste-btn {
		flex: none !important;
		width: 40px !important;
		height: 40px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;
		color: #334155 !important;
		padding: 0 !important;
	}

	.nodmlink-paste-btn:active {
		background: #f1f5f9 !important;
		transform: scale(0.98) !important;
	}

	.nodmlink-submit-btn {
		flex: 1.4 !important;
		height: 40px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #0f172a !important;
		color: #ffffff !important;
		border: none !important;
		border-radius: 10px !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		padding: 0 16px !important;
		box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15) !important;
	}

	.nodmlink-submit-btn:active {
		transform: scale(0.98) !important;
	}

	.nodmlink-actions-bar {
		flex-direction: row !important;
	}

	.nodmlink-btn-open-primary,
	.nodmlink-btn-copy-secondary {
		flex: 1 !important;
		padding: 12px 10px !important;
	}

	.nodmlink-community-footer {
		width: 100% !important;
		display: block !important;
		margin-top: 14px !important;
		padding-top: 0 !important;
		border-top: none !important;
		box-sizing: border-box !important;
	}

	.nodmlink-vote-box {
		width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		padding: 8px 12px !important;
		background: var(--ndm-surface-alt) !important;
		border-radius: var(--ndm-radius-sm) !important;
		box-sizing: border-box !important;
		flex-wrap: nowrap !important;
	}

	.nodmlink-vote-question {
		font-size: 13px !important;
		font-weight: 600 !important;
		color: var(--ndm-ink) !important;
		margin: 0 !important;
		text-align: left !important;
		white-space: nowrap !important;
	}

	.nodmlink-vote-actions {
		display: flex !important;
		gap: 6px !important;
		flex-shrink: 0 !important;
	}

	.nodmlink-vote-action {
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		padding: 5px 8px !important;
		font-size: 12px !important;
		border-radius: 6px !important;
		white-space: nowrap !important;
	}

	/* Found Card Header Ribbon on Mobile — Strictly 1 Row */
	.nodmlink-card-ribbon {
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 6px !important;
		margin-bottom: 12px !important;
		padding-bottom: 10px !important;
	}

	.nodmlink-status-pill {
		font-size: 11px !important;
		padding: 3px 8px !important;
		gap: 4px !important;
		flex-shrink: 0 !important;
		white-space: nowrap !important;
	}

	.nodmlink-status-pill svg {
		width: 12px !important;
		height: 12px !important;
	}

	.nodmlink-ribbon-badges {
		flex-wrap: nowrap !important;
		gap: 4px !important;
		flex-shrink: 0 !important;
	}

	.nodmlink-views-pill {
		font-size: 11px !important;
		padding: 2.5px 6px !important;
		gap: 3px !important;
		flex-shrink: 0 !important;
		white-space: nowrap !important;
	}

	.nodmlink-views-pill svg {
		width: 12px !important;
		height: 12px !important;
	}

	.nodmlink-domain-badge {
		font-size: 11px !important;
		padding: 2.5px 6px !important;
		gap: 4px !important;
		max-width: 115px !important;
		flex-shrink: 1 !important;
		white-space: nowrap !important;
	}

	.nodmlink-domain-badge svg {
		width: 12px !important;
		height: 12px !important;
	}

	.nodmlink-domain-badge span {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.nodmlink-contributor-stats {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	.nodmlink-submit-card {
		padding: 15px 15px !important;
		border-radius: 16px !important;
	}

	.nodmlink-reward-type-toggle {
		gap: 4px !important;
		padding: 3px !important;
		border-radius: 10px !important;
	}

	.nodmlink-reward-option {
		height: 38px !important;
		min-height: 38px !important;
		max-height: 38px !important;
		padding: 0 4px !important;
		gap: 5px !important;
		border-radius: 7px !important;
	}

	.nodmlink-reward-opt-svg {
		width: 14px !important;
		height: 14px !important;
	}

	.nodmlink-reward-opt-title {
		font-size: 12px !important;
	}

	.nodmlink-reward-opt-pill {
		font-size: 8px !important;
		padding: 1px 4px !important;
	}

	.nodmlink-affiliate-banner {
		padding: 10px 10px !important;
		gap: 8px !important;
	}

	.nodmlink-affiliate-banner-heading {
		font-size: 12px !important;
	}

	.nodmlink-affiliate-banner-sub {
		font-size: 11px !important;
	}

	.nodmlink-section-give {
		padding: 12px 10px !important;
		border-radius: 12px !important;
		margin-bottom: 10px !important;
	}

	.nodmlink-give-take-divider {
		margin: 12px 0 !important;
		gap: 6px !important;
	}

	.nodmlink-divider-pill {
		font-size: 10px !important;
		padding: 4px 10px !important;
		gap: 4px !important;
	}

	.nodmlink-reward-take-card {
		padding: 12px 10px !important;
		border-radius: 14px !important;
		margin-bottom: 14px !important;
	}

	.nodmlink-step-title {
		font-size: 12.5px !important;
	}

	.nodmlink-step-tag {
		display: none !important;
	}

	.nodmlink-reward-take-hint {
		font-size: 9.5px !important;
		padding: 2px 6px !important;
	}

	.nodmlink-field-label {
		flex-wrap: wrap !important;
		gap: 4px 6px !important;
		font-size: 12.5px !important;
	}

	.nodmlink-notice-card {
		padding: 22px 14px !important;
		border-radius: 16px !important;
	}

	.nodmlink-notice-heading {
		font-size: 18px !important;
	}

	.nodmlink-notice-sub {
		font-size: 13px !important;
		margin-bottom: 14px !important;
	}

	.nodmlink-supported-platforms-grid {
		gap: 6px !important;
		margin-bottom: 14px !important;
	}

	.nodmlink-supported-pill {
		padding: 6px 10px !important;
		font-size: 11.5px !important;
	}

	.nodmlink-notice-tip {
		font-size: 11.5px !important;
		padding: 8px 10px !important;
		flex-direction: column !important;
		text-align: center !important;
		gap: 4px !important;
	}
}