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

/* ==========================================================================
   1. AUTHENTICATION & LOGIN SCREEN STYLES
   ========================================================================== */
.cnradards-auth-container,
.cnradards-auth-container * {
	box-sizing: border-box !important;
}

.cnradards-auth-container {
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	max-width: 480px !important;
	margin: 40px auto !important;
	background: #ffffff !important;
	border-radius: 20px !important;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.01) !important;
	border: 1px solid #e2e8f0 !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
}
.cnradards-auth-header {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	padding: 40px 30px !important;
	text-align: center !important;
	color: #ffffff !important;
	position: relative !important;
}
.cnradards-auth-header h2 {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.5px !important;
	line-height: 1.2 !important;
}
.cnradards-auth-header p {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 14px !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}
.cnradards-auth-nav {
	display: flex !important;
	background: #f8fafc !important;
	border-bottom: 1px solid #e2e8f0 !important;
}
.cnradards-auth-nav-btn {
	flex: 1 !important;
	padding: 16px 20px !important;
	background: none !important;
	border: none !important;
	border-bottom: 3px solid transparent !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
	outline: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}
.cnradards-auth-nav-btn:hover {
	color: #4f46e5 !important;
	background: #f1f5f9 !important;
}
.cnradards-auth-nav-btn.active {
	color: #4f46e5 !important;
	border-bottom-color: #4f46e5 !important;
	background: #ffffff !important;
}
.cnradards-auth-body {
	padding: 30px !important;
}
.cnradards-auth-pane {
	display: none !important;
	animation: cnradardsFadeIn 0.3s ease !important;
}
.cnradards-auth-pane.active {
	display: block !important;
}
@keyframes cnradardsFadeIn {
	from { opacity: 0; transform: translateY(5px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Alerts */
.cnradards-auth-alert {
	padding: 14px 18px !important;
	border-radius: 10px !important;
	margin-bottom: 20px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	border: 1px solid transparent !important;
}
.cnradards-auth-alert.error {
	background: #fef2f2 !important;
	border-color: #fecaca !important;
	color: #991b1b !important;
}
.cnradards-auth-alert.success {
	background: #ecfdf5 !important;
	border-color: #a7f3d0 !important;
	color: #065f46 !important;
}

/* Form fields */
.cnradards-field-group {
	margin-bottom: 20px !important;
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
}
.cnradards-field-group label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #475569 !important;
	margin-bottom: 6px !important;
}
.cnradards-input-wrapper {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}
.cnradards-input-icon {
	position: absolute !important;
	left: 14px !important;
	color: #94a3b8 !important;
	font-size: 16px !important;
	-webkit-user-select: none !important;
	user-select: none !important;
	pointer-events: none !important;
}
.cnradards-field-group input {
	width: 100% !important;
	padding: 12px 14px 12px 42px !important;
	border: 2px solid #e2e8f0 !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	background-color: #ffffff !important;
	outline: none !important;
	transition: all 0.2s ease !important;
	height: auto !important;
	margin: 0 !important;
	box-shadow: none !important;
}
.cnradards-field-group input:focus {
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}
.cnradards-field-group input.filled {
	border-color: #10b981 !important;
}
.cnradards-field-group input.invalid {
	border-color: #ef4444 !important;
}
.cnradards-field-group input.filled + .cnradards-pass-toggle,
.cnradards-field-group input.filled ~ .cnradards-input-icon {
	color: #10b981 !important;
}
.cnradards-field-group input.invalid ~ .cnradards-input-icon {
	color: #ef4444 !important;
}
.cnradards-field-group input::placeholder {
	color: #94a3b8 !important;
}
.cnradards-field-group.no-icon input {
	padding-left: 14px !important;
}

/* Password Toggle Eye */
.cnradards-pass-toggle {
	position: absolute !important;
	right: 14px !important;
	background: none !important;
	border: none !important;
	color: #94a3b8 !important;
	cursor: pointer !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 16px !important;
}
.cnradards-pass-toggle:hover {
	color: #4f46e5 !important;
}

/* Helper elements */
.cnradards-auth-meta {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 24px !important;
	font-size: 13px !important;
}
.cnradards-auth-remember {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	color: #64748b !important;
	font-weight: 500 !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}
.cnradards-auth-remember input {
	cursor: pointer !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
}
.cnradards-lostpass-link {
	color: #4f46e5 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.15s ease !important;
}
.cnradards-lostpass-link:hover {
	color: #7c3aed !important;
	text-decoration: underline !important;
}

/* Register name row */
.cnradards-field-row {
	display: flex !important;
	gap: 16px !important;
}
.cnradards-field-row .cnradards-field-group {
	flex: 1 !important;
}

/* Button */
.cnradards-auth-btn {
	width: 100% !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
	color: #ffffff !important;
	border: none !important;
	padding: 14px 24px !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important;
	text-align: center !important;
	outline: none !important;
}
.cnradards-auth-btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(79, 70, 229, 0.3) !important;
}
.cnradards-auth-btn:active {
	transform: translateY(0) !important;
}

/* Back link */
.cnradards-back-login {
	display: block !important;
	text-align: center !important;
	margin-top: 20px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}
.cnradards-back-login:hover {
	color: #4f46e5 !important;
}

/* Keyboard focus rings for accessibility */
.cnradards-auth-nav-btn:focus-visible,
.cnradards-auth-btn:focus-visible,
.cnradards-pass-toggle:focus-visible,
.cnradards-back-login:focus-visible,
.cnradards-lostpass-link:focus-visible,
.cnradards-field-group input:focus-visible {
	outline: 3px solid #4f46e5 !important;
	outline-offset: 2px !important;
}

/* Responsive Layouts */
@media (max-width: 480px) {
	.cnradards-auth-container {
		margin: 10px auto !important;
		border-radius: 12px !important;
	}
	.cnradards-auth-header {
		padding: 24px 20px !important;
	}
	.cnradards-auth-body {
		padding: 20px !important;
	}
	.cnradards-field-row {
		flex-direction: column !important;
		gap: 0 !important;
	}
}


/* ==========================================================================
   2. LOGGED-IN PREMIUM DASHBOARD STYLES
   ========================================================================== */
:root {
	--premium-bg: #F8FAFC;
	--premium-surface: #FFFFFF;
	--premium-primary: #0F172A;
	--premium-secondary: #312E81;
	--premium-indigo: #4F46E5;
	--premium-accent: #B45309;
	--premium-accent-soft: rgba(180, 83, 9, 0.12);
	--premium-success: #059669;
	--premium-success-soft: rgba(5, 150, 105, 0.10);
	--premium-text: #0F172A;
	--premium-muted: #64748B;
	--premium-border: #E2E8F0;
	--premium-border-strong: #CBD5E1;
	--premium-radius: 20px;
	--premium-radius-sm: 14px;
	--premium-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
	--premium-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);
}

/* ─── Account Grid & Cards ─── */
.cnradards-account-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 300px !important;
	gap: 28px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}
@media (max-width: 900px) {
	.cnradards-account-grid {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}
}

.cnradards-account-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 20px !important;
	padding: 30px 30px 12px 30px !important;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055) !important;
	position: relative !important;
	overflow: hidden !important;
	align-self: start !important;
	height: auto !important;
}

.cnradards-account-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background: linear-gradient(90deg, rgba(79, 70, 229, 0.65), rgba(99, 102, 241, 0.22)) !important;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	z-index: 10 !important;
}

.cnradards-summary-card {
	padding: 30px 28px !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055) !important;
	align-self: start !important;
	position: relative !important;
	overflow: hidden !important;
}

.cnradards-summary-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background: linear-gradient(90deg, rgba(59, 130, 246, 0.35), rgba(79, 70, 229, 0.35)) !important;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	z-index: 10 !important;
}

.cnradards-summary-title {
	font-size: 18px !important;
	font-weight: 750 !important;
	color: #0f172a !important;
	margin: 0 0 8px 0 !important;
}

.cnradards-summary-subtitle {
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	color: #64748b !important;
	margin: 0 0 20px 0 !important;
}

.cnradards-summary-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

.cnradards-summary-row,
.cnradards-summary-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(226, 232, 240, 0.5) !important;
}
.cnradards-summary-item:last-child {
	border-bottom: none !important;
}

.cnradards-summary-row:last-child,
.cnradards-summary-item:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.cnradards-summary-row:first-child,
.cnradards-summary-item:first-child {
	padding-top: 0 !important;
}

.cnradards-summary-label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

.cnradards-summary-value {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
}

.cnradards-summary-value.is-premium,
.cnradards-summary-value.premium,
.cnradards-value-highlight {
	color: #b26822 !important;
}

.cnradards-summary-value.is-success,
.cnradards-summary-value.success,
.cnradards-value-success {
	color: #0d895f !important;
}

.cnradards-intro-block {
	margin-bottom: 26px !important;
}

.cnradards-intro-title {
	font-size: 18px !important;
	line-height: 1.25 !important;
	font-weight: 750 !important;
	color: #0f172a !important;
	margin: 0 0 8px 0 !important;
}
.cnradards-intro-desc,
.cnradards-intro-text {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #64748b !important;
	max-width: 520px !important;
	margin: 0 !important;
}

.cnradards-form-grid,
.cnradards-account-card #cnradards-profile-form .cnradards-form-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	row-gap: 18px !important;
	margin-bottom: 18px !important;
}

.cnradards-dashboard-wrap,
.cnradards-dashboard-wrap * {
	box-sizing: border-box !important;
}

.cnradards-dashboard-wrap {
	max-width: 1080px !important;
	margin: 50px auto !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	color: #1e293b !important;
	animation: cnDashboardEntrance 0.6s ease-out !important;
}

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

.cnradards-dashboard-card {
	background: #ffffff !important;
	border-radius: 24px !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04) !important;
	border: 1px solid rgba(226,232,240,0.6) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

/* ─── HEADER ─── */
.cnradards-dashboard-header {
	padding: 24px 30px 22px !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #0b0f19 0%, #1c1d30 100%) !important;
	position: relative !important;
	overflow: hidden !important;
}

.cnradards-dashboard-header::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.01'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
	pointer-events: none !important;
	animation: cnPatternDrift 45s linear infinite !important;
}

@keyframes cnPatternDrift {
	from { background-position: 0 0; }
	to { background-position: 60px 60px; }
}

.cnradards-dashboard-header::after {
	content: '' !important;
	position: absolute !important;
	top: -80px !important;
	right: -60px !important;
	width: 350px !important;
	height: 350px !important;
	background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 65%) !important;
	border-radius: 50% !important;
	animation: cnHeaderOrb 10s ease-in-out infinite !important;
	pointer-events: none !important;
}

@keyframes cnHeaderOrb {
	0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
	50% { transform: translate(-30px, 20px) scale(1.1); opacity: 0.8; }
}

.cnradards-dashboard-header.premium-active {
	background: linear-gradient(135deg, #0b0f19 0%, #1e1b4b 50%, #312e81 100%) !important;
}

/* ─── Premium Badge ─── */
.cnradards-premium-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	background: rgba(15, 23, 42, 0.6) !important;
	border: 1px solid rgba(217, 119, 6, 0.30) !important;
	color: #f59e0b !important;
	padding: 5px 14px !important;
	border-radius: 9999px !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	margin-bottom: 16px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	position: relative !important;
	overflow: hidden !important;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important;
	line-height: 1 !important;
}

.cnradards-premium-badge::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -100% !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent) !important;
	animation: cnShimmer 4s ease-in-out infinite !important;
}

@keyframes cnShimmer {
	0% { left: -100%; }
	50% { left: 200%; }
	100% { left: 200%; }
}

.cnradards-header-title {
	color: #fff !important;
	margin: 0 0 6px 0 !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	font-family: inherit !important;
	position: relative !important;
	letter-spacing: -0.5px !important;
	text-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
}

.cnradards-header-subtitle {
	color: rgba(255,255,255,0.8) !important;
	margin: 0 !important;
	font-size: 14px !important;
	position: relative !important;
	font-weight: 500 !important;
}

/* ─── Minimalist Tabs ─── */
.cnradards-dashboard-tabs {
	display: flex !important;
	background: transparent !important;
	border-bottom: 1px solid #e2e8f0 !important;
	overflow-x: auto !important;
	margin: 0 !important;
	padding: 0 30px !important;
	gap: 24px !important;
}

.cnradards-dashboard-tabs::-webkit-scrollbar {
	display: none !important;
}

.cnradards-tab-btn {
	flex: 0 0 auto !important;
	padding: 18px 8px !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 3px solid transparent !important;
	color: #64748b !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-align: center !important;
	white-space: nowrap !important;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	letter-spacing: 0.3px !important;
}

.cnradards-tab-btn:hover {
	color: #0f172a !important;
	border-bottom-color: #cbd5e1 !important;
	background: transparent !important;
}

.cnradards-tab-btn.active {
	color: #0f172a !important;
	background: transparent !important;
	border-bottom-color: #0f172a !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

.cnradards-dashboard-header.premium-active ~ .cnradards-dashboard-tabs .cnradards-tab-btn.active {
	color: #312e81 !important;
	border-bottom-color: #312e81 !important;
	box-shadow: none !important;
}

/* ─── Body & Panels ─── */
.cnradards-dashboard-body {
	padding: 28px 30px !important;
	background: #ffffff !important;
}

.cnradards-tab-panel {
	display: none !important;
	padding-top: 28px !important;
}
.cnradards-tab-panel.active {
	display: block !important;
	animation: cnFadeSlideIn 0.4s ease forwards !important;
}

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

/* ─── Panel Titles ─── */
.cnradards-panel-title {
	margin-top: 0 !important;
	color: #0f172a !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: -0.3px !important;
}

.cnradards-panel-subtitle {
	color: #64748b !important;
	font-size: 15px !important;
	margin-bottom: 28px !important;
	line-height: 1.6 !important;
}

.cnradards-section-title {
	margin: 0 0 16px 0 !important;
	color: #1e293b !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.cnradards-subsection-title {
	margin: 0 0 15px 0 !important;
	color: #1e293b !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

/* ─── Form Elements ─── */
.cnradards-form-row {
	display: flex !important;
	flex-direction: row !important;
	gap: 16px !important;
	margin-bottom: 18px !important;
}

.cnradards-form-group {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	margin-bottom: 0 !important;
}

.cnradards-form-group label,
.cnradards-account-card label {
	display: block !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 650 !important;
	color: #475569 !important;
	margin: 0 0 8px 0 !important;
}

.cnradards-input-text {
	width: 100% !important;
	box-sizing: border-box !important;
	height: 48px !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	background: #f8fafc !important;
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	padding: 0 15px !important;
	box-shadow: none !important;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.cnradards-input-text:focus {
	outline: none !important;
	border-color: #4f46e5 !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.10) !important;
}

.cnradards-btn-submit {
	background: linear-gradient(135deg, #10b981, #059669) !important;
	color: #fff !important;
	border: none !important;
	width: 230px !important;
	height: 50px !important;
	padding: 0 28px !important;
	border-radius: 14px !important;
	font-size: 15px !important;
	font-weight: 750 !important;
	cursor: pointer !important;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-shadow: 0 8px 20px rgba(5, 150, 105, 0.15) !important;
	text-transform: none !important;
	margin: 0 auto !important;
	position: relative !important;
	overflow: hidden !important;
	line-height: 1 !important;
}
@media (max-width: 760px) {
	.cnradards-btn-submit {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
}

.cnradards-btn-submit::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -100% !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
	transition: left 0.5s ease !important;
}

.cnradards-btn-submit:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 12px 24px rgba(5, 150, 105, 0.20) !important;
}

.cnradards-btn-submit:hover::before {
	left: 100% !important;
}

.cnradards-btn-submit:active {
	transform: translateY(0px) !important;
	box-shadow: 0 4px 12px rgba(5, 150, 105, 0.15) !important;
}

.cnradards-dashboard-header.premium-active ~ .cnradards-dashboard-tabs ~ .cnradards-dashboard-body .cnradards-btn-submit {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
	box-shadow: 0 8px 20px rgba(5, 150, 105, 0.15) !important;
}

.cnradards-dashboard-header.premium-active ~ .cnradards-dashboard-tabs ~ .cnradards-dashboard-body .cnradards-btn-submit:hover {
	box-shadow: 0 16px 32px rgba(5, 150, 105, 0.28) !important;
}

.cnradards-btn-danger {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
	box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3) !important;
}

.cnradards-btn-danger:hover {
	box-shadow: 0 10px 30px rgba(239, 68, 68, 0.4) !important;
}

/* ─── Tables ─── */
.cnradards-data-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-top: 15px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	border: 1px solid #e2e8f0 !important;
}

.cnradards-data-table th {
	background: transparent !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	padding: 16px !important;
	text-align: left !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.cnradards-data-table td {
	padding: 16px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	font-size: 13px !important;
	color: #334155 !important;
	transition: background 0.15s ease !important;
}

.cnradards-data-table tbody tr {
	background: #ffffff !important;
}

.cnradards-data-table tbody tr:hover {
	background: #f8fafc !important;
}

.cnradards-data-table tbody tr:last-child td {
	border-bottom: none !important;
}

/* ─── Table Action Buttons ─── */
.cnradards-btn-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 12px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	background: transparent !important;
	border: 1px solid #e2e8f0 !important;
	color: #475569 !important;
}
.cnradards-btn-action:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border-color: #cbd5e1 !important;
}
.cnradards-btn-action-danger:hover {
	background: #fef2f2 !important;
	color: #b91c1c !important;
	border-color: #fecaca !important;
}
.cnradards-btn-action-primary {
	background: #f8fafc !important;
	color: #3b82f6 !important;
	border-color: #bfdbfe !important;
}
.cnradards-btn-action-primary:hover {
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	border-color: #93c5fd !important;
}

/* ─── Alert Box ─── */
.cnradards-dashboard-alert {
	padding: 16px 20px !important;
	border-radius: 14px !important;
	margin-bottom: 25px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: none;
	border: 1px solid transparent !important;
	line-height: 1.5 !important;
}

.cnradards-dashboard-alert.success {
	display: block !important;
	background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
	border-color: #a7f3d0 !important;
	color: #065f46 !important;
	animation: cnAlertSlideIn 0.5s ease !important;
}

.cnradards-dashboard-alert.error {
	display: block !important;
	background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
	border-color: #fecaca !important;
	color: #991b1b !important;
	animation: cnAlertSlideIn 0.5s ease !important;
}

.cnradards-dashboard-alert.info {
	display: block !important;
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
	border-color: #93c5fd !important;
	color: #1e3a8a !important;
	animation: cnAlertSlideIn 0.5s ease !important;
}

.cnradards-dashboard-alert.success::before { content: '✅ '; }
.cnradards-dashboard-alert.error::before { content: '❌ '; }
.cnradards-dashboard-alert.info::before { content: 'ℹ️ '; }

@keyframes cnAlertSlideIn {
	from { opacity: 0; transform: translateY(-12px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ─── Feature Box (Glassmorphism) ─── */
.cnradards-feature-box {
	background: linear-gradient(135deg, rgba(248,250,252,0.95) 0%, rgba(241,245,249,0.8) 100%) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
	border-radius: 16px !important;
	padding: 24px !important;
	border: 1px solid rgba(226,232,240,0.6) !important;
	margin-top: 25px !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

.cnradards-feature-box:hover {
	border-color: rgba(79, 70, 229, 0.2) !important;
	box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important;
	transform: translateY(-2px) !important;
}

/* ─── Inner Cards ─── */
.cnradards-inner-card {
	background: #f8fafc !important;
	border-radius: 14px !important;
	padding: 20px !important;
	border: 1px solid #e2e8f0 !important;
	margin-bottom: 20px !important;
}

.cnradards-inner-card-title {
	margin: 0 0 12px 0 !important;
	color: #1e293b !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.cnradards-label-sm {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	margin-bottom: 5px !important;
}

.cnradards-license-display {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	color: #64748b !important;
	font-weight: 600 !important;
	display: block !important;
}

.cnradards-license-value {
	display: block !important;
	font-size: 16px !important;
	color: #1e293b !important;
	margin-top: 2px !important;
	font-family: 'JetBrains Mono', 'Courier New', monospace !important;
	letter-spacing: 0.5px !important;
	font-weight: 600 !important;
}

.cnradards-hint {
	display: block !important;
	font-size: 11px !important;
	color: #64748b !important;
	margin-top: 8px !important;
	line-height: 1.4 !important;
}

.cnradards-locked-text {
	font-size: 13px !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* ─── Select ─── */
.cnradards-select {
	height: 44px !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 14px center !important;
	border: 2px solid #e2e8f0 !important;
	border-radius: 12px !important;
	width: 100% !important;
	font-size: 13px !important;
	padding: 0 34px 0 14px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	font-weight: 500 !important;
	color: #334155 !important;
}

.cnradards-select:focus {
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
	background-color: #fff !important;
}

/* ─── Mating Report ─── */
.cnradards-report-card {
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 25px !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
}

.cnradards-report-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
	margin-bottom: 20px !important;
}
.cnradards-report-grid > * {
	flex: 1 1 calc(50% - 20px) !important;
	box-sizing: border-box !important;
}

.cnradards-metric-card {
	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
	padding: 18px !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
}

.cnradards-metric-label {
	font-size: 11px !important;
	text-transform: uppercase !important;
	color: #64748b !important;
	font-weight: 700 !important;
	letter-spacing: 0.6px !important;
}

.cnradards-metric-value {
	display: block !important;
	font-size: 16px !important;
	color: #334155 !important;
	margin-top: 5px !important;
	font-weight: 700 !important;
}

/* ─── Focus Rings ─── */
.cnradards-tab-btn:focus-visible,
.cnradards-btn-submit:focus-visible,
.cnradards-input-text:focus-visible,
.cnradards-select:focus-visible {
	outline: 3px solid #4f46e5 !important;
	outline-offset: 2px !important;
}

/* ─── Spinner ─── */
@keyframes cn-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ─── Responsive ─── */
@media (max-width: 760px) {
	.cnradards-dashboard-wrap {
		margin: 12px 16px !important;
	}
	.cnradards-dashboard-header {
		padding: 24px 20px 20px !important;
	}
	.cnradards-header-title {
		font-size: 22px !important;
	}
	.cnradards-dashboard-body {
		padding: 20px !important;
	}
	.cnradards-account-card,
	.cnradards-summary-card {
		padding: 24px 20px 20px 20px !important;
	}
	.cnradards-form-row {
		flex-direction: column !important;
		gap: 18px !important;
	}
	.cnradards-report-grid {
		grid-template-columns: 1fr !important;
	}
	.cnradards-dashboard-tabs {
		padding: 0 20px !important;
		gap: 16px !important;
	}
	.cnradards-tab-btn {
		padding: 12px 4px !important;
		font-size: 13px !important;
	}
	
	/* Responsive Tables */
	.cnradards-data-table, 
	.cnradards-data-table thead, 
	.cnradards-data-table tbody, 
	.cnradards-data-table th, 
	.cnradards-data-table td, 
	.cnradards-data-table tr { 
		display: block !important; 
	}
	
	.cnradards-data-table thead tr { 
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}
	
	.cnradards-data-table tr { 
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		margin-bottom: 12px !important;
		padding: 12px !important;
		background: #ffffff !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
	}
	
	.cnradards-data-table td { 
		border: none !important;
		border-bottom: 1px solid #f1f5f9 !important; 
		position: relative !important;
		padding-left: 45% !important; 
		text-align: left !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
	.cnradards-data-table td:last-child {
		border-bottom: 0 !important;
		text-align: right !important;
		padding-left: 12px !important;
	}
	
	.cnradards-data-table td:before { 
		position: absolute !important;
		top: 10px !important;
		left: 12px !important;
		width: 40% !important; 
		padding-right: 10px !important; 
		white-space: nowrap !important;
		text-align: left !important;
		font-weight: 700 !important;
		color: #64748b !important;
		font-size: 11px !important;
		text-transform: uppercase !important;
		content: attr(data-label) !important;
	}
	
	.cnradards-data-table td:last-child:before {
		content: "" !important;
	}
}

/* ─── Inline Replacements: Layout & Spacing ─── */
.cnradards-mb-0 { margin-bottom: 0 !important; }
.cnradards-mb-15 { margin-bottom: 15px !important; }
.cnradards-mb-20 { margin-bottom: 20px !important; }
.cnradards-mb-25 { margin-bottom: 25px !important; }
.cnradards-mt-20 { margin-top: 20px !important; }

/* ─── iCal & Form Containers ─── */
.cnradards-ical-container,
.cnradards-mating-container,
.cnradards-rule-form-container {
	background: #ffffff !important;
	border-radius: 16px !important;
	padding: 28px !important;
	border: 1px solid #f1f5f9 !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important;
	margin-bottom: 24px !important;
}

.cnradards-mating-container {
	margin-bottom: 25px !important;
}

/* ─── Select Styled (menulist) ─── */
.cnradards-select-menu {
	height: 50px !important;
	-webkit-appearance: menulist !important;
	appearance: menulist !important;
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	width: 100% !important;
	font-size: 15px !important;
	padding: 0 16px !important;
	font-weight: 500 !important;
	color: var(--premium-text) !important;
}

.cnradards-select-menu-lg {
	height: 50px !important;
	-webkit-appearance: menulist !important;
	appearance: menulist !important;
	border-radius: 14px !important;
	font-size: 15px !important;
	padding: 0 16px !important;
}

/* ─── Link Row (flex with gap) ─── */
.cnradards-link-row {
	display: flex !important;
	gap: 8px !important;
	align-items: center !important;
}

/* ─── iCal URL Input ─── */
.cnradards-ical-url {
	font-family: monospace !important;
	font-size: 13px !important;
	background: #f8fafc !important;
	flex: 1 !important;
	min-width: 0 !important;
}

/* ─── Copy Button ─── */
.cnradards-btn-copy {
	padding: 0 24px !important;
	font-size: 14px !important;
	margin-top: 0 !important;
	width: auto !important;
	background: linear-gradient(135deg, #059669, #047857) !important;
	border-radius: var(--premium-radius-sm) !important;
	box-shadow: 0 4px 12px rgba(5, 150, 105, 0.2) !important;
	height: 48px !important;
	color: #fff !important;
	font-weight: 600 !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
	border: none !important;
	cursor: pointer !important;
}
.cnradards-btn-copy:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(5, 150, 105, 0.3) !important;
}
@media (max-width: 600px) {
	.cnradards-link-row {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}
	.cnradards-btn-copy {
		width: 100% !important;
	}
}

/* ─── Mating Simulator Selects ─── */
.cnradards-mating-select {
	height: 40px !important;
	-webkit-appearance: menulist !important;
	appearance: menulist !important;
	background: #fff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	width: 100% !important;
	font-size: 13px !important;
	padding: 0 10px !important;
}

/* ─── Mating Report Cards ─── */
.cnradards-mating-report {
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 25px !important;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important;
}

.cnradards-mating-report-header {
	margin: 0 0 20px 0 !important;
	color: #1e293b !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	border-bottom: 2px solid #f1f5f9 !important;
	padding-bottom: 10px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* ─── Missing Dogs Warning ─── */
.cnradards-missing-section {
	margin-bottom: 24px !important;
	padding: 18px !important;
	background: #fffbeb !important;
	border: 1px solid #fef3c7 !important;
	border-radius: 12px !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.02) !important;
}

.cnradards-missing-title {
	margin: 0 0 8px 0 !important;
	color: #b45309 !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.cnradards-missing-desc {
	margin: 0 0 14px 0 !important;
	font-size: 12px !important;
	color: #78350f !important;
	line-height: 1.5 !important;
}

.cnradards-missing-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

/* ─── Loading Spinner ─── */
.cnradards-loading-center {
	text-align: center !important;
	padding: 40px 0 !important;
}

.cnradards-spinner {
	display: inline-block !important;
	width: 30px !important;
	height: 30px !important;
	border: 4px solid #f3f3f3 !important;
	border-top: 4px solid #4f46e5 !important;
	border-radius: 50% !important;
	animation: cn-spin 1s linear infinite !important;
	margin-bottom: 15px !important;
}

.cnradards-loading-text {
	font-weight: 600 !important;
	color: #4f46e5 !important;
	margin: 0 !important;
}

.cnradards-loading-subtext {
	font-size: 12px !important;
	color: #64748b !important;
	margin: 5px 0 0 0 !important;
}

/* ─── Report Sub-titles ─── */
.cnradards-report-subtitle {
	margin: 0 0 8px 0 !important;
	color: #1e293b !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

.cnradards-report-subtitle-green {
	margin: 0 0 8px 0 !important;
	color: #15803d !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

.cnradards-report-subtitle-red {
	margin: 0 0 8px 0 !important;
	color: #b91c1c !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

/* ─── Report Lists ─── */
.cnradards-report-list {
	margin: 0 !important;
	padding-left: 20px !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

.cnradards-report-list-muted { color: #475569 !important; }
.cnradards-report-list-green { color: #15803d !important; }
.cnradards-report-list-red { color: #b91c1c !important; }

/* ─── Rationale Callout ─── */
.cnradards-rationale-box {
	background: #eff6ff !important;
	border-left: 4px solid #3b82f6 !important;
	padding: 15px !important;
	border-radius: 0 8px 8px 0 !important;
}

.cnradards-rationale-title {
	margin: 0 0 5px 0 !important;
	color: #1d4ed8 !important;
	font-weight: 700 !important;
	font-size: 13px !important;
}

.cnradards-rationale-text {
	margin: 0 !important;
	color: #1e3a8a !important;
	font-size: 13px !important;
	font-style: italic !important;
	line-height: 1.5 !important;
}

/* ─── Cache Notice ─── */
.cnradards-cache-notice {
	margin-top: 15px !important;
	padding: 8px 12px !important;
	background: #fefce8 !important;
	border: 1px solid #fde68a !important;
	border-radius: 6px !important;
	font-size: 11px !important;
	color: #92400e !important;
}

/* ─── Legal Disclaimer ─── */
.cnradards-disclaimer {
	margin-top: 20px !important;
	padding: 12px !important;
	background: #fff7ed !important;
	border: 1px solid #fed7aa !important;
	border-radius: 8px !important;
}

.cnradards-disclaimer p {
	margin: 0 !important;
	font-size: 11px !important;
	color: #9a3412 !important;
	line-height: 1.5 !important;
}

/* ─── Form Label (Small) ─── */
.cnradards-label-inline {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	margin-bottom: 5px !important;
}

.cnradards-label-field {
	display: block !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	color: #64748b !important;
	margin-bottom: 8px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

/* ─── Mating Simulate Button ─── */
.cnradards-btn-simulate {
	margin-top: 20px !important;
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
}

/* ─── Deactivate Button Override ─── */
.cnradards-btn-deactivate {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	color: #b91c1c !important;
	border: 1px solid #fca5a5 !important;
	padding: 0 24px !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	height: 44px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
	margin: 16px auto 0 auto !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}
.cnradards-btn-deactivate:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
	color: #991b1b !important;
}
@media (max-width: 768px) {
	.cnradards-btn-deactivate {
		width: 100% !important;
	}
}

/* ─── Compact Buttons (inline forms) ─── */
.cnradards-btn-sm {
	padding: 6px 12px !important;
	font-size: 11px !important;
	height: auto !important;
	box-shadow: none !important;
	margin-top: 0 !important;
}

.cnradards-btn-orange { background: #ea580c !important; }
.cnradards-btn-gray { background: #64748b !important; }
.cnradards-btn-green { background: #10b981 !important; }

/* ─── Missing Dog Item (JS generated) ─── */
.cnradards-missing-item {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 12px !important;
	background: #ffffff !important;
	border: 1px solid #fed7aa !important;
	border-radius: 8px !important;
}

.cnradards-missing-item-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.cnradards-missing-item-label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #334155 !important;
}

.cnradards-missing-form {
	margin-top: 8px !important;
	border-top: 1px dashed #e2e8f0 !important;
	padding-top: 10px !important;
}

.cnradards-missing-input {
	padding: 8px !important;
	font-size: 12px !important;
}

.cnradards-missing-label {
	font-size: 11px !important;
}

.cnradards-missing-success {
	background: #f0fdf4 !important;
	border-color: #bbf7d0 !important;
}

.cnradards-missing-success-msg {
	color: #166534 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.cnradards-btn-row-end {
	display: flex !important;
	justify-content: flex-end !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}
@media (max-width: 760px) {
	.cnradards-btn-row-end {
		justify-content: stretch !important;
	}
}

/* ─── Form Row Inline Override ─── */
.cnradards-form-row-inline {
	gap: 10px !important;
	margin-bottom: 10px !important;
	flex-direction: row !important;
}

.cnradards-flex-1 { flex: 1 !important; }

/* === Migrated PHP Inline Style Blocks === */

/* Migrated PHP style block from includes/Admin/AlertsPage.php block 0 */
.cnradards-alerts-wrap {
				max-width: 1100px;
				margin: 20px 0;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			}
			.cnradards-metrics-grid {
				display: flex;
				gap: 15px;
				margin-bottom: 25px;
				flex-wrap: wrap;
			}
			.cnradards-metric-box {
				flex: 1;
				min-width: 180px;
				background: #fff;
				border: 1px solid #e5e7eb;
				border-radius: 8px;
				padding: 15px 20px;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
				border-left: 4px solid #9ca3af;
			}
			.cnradards-metric-box.pending {
				border-left-color: #f59e0b;
			}
			.cnradards-metric-box.processed {
				border-left-color: #10b981;
			}
			.cnradards-metric-box.discarded {
				border-left-color: #ef4444;
			}
			.cnradards-metric-title {
				font-size: 11px;
				font-weight: 700;
				color: #6b7280;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				margin: 0;
			}
			.cnradards-metric-val {
				font-size: 24px;
				font-weight: 800;
				margin: 5px 0 0 0;
				color: #111827;
			}
			.cnradards-filter-bar {
				background: #fff;
				border: 1px solid #e5e7eb;
				border-radius: 8px;
				padding: 15px;
				margin-bottom: 20px;
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
				align-items: center;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
			}
			.cnradards-filter-bar input[type="text"],
			.cnradards-filter-bar select {
				padding: 8px 12px;
				border: 1px solid #d1d5db;
				border-radius: 6px;
				font-size: 13px;
				font-weight: 500;
				color: #374151;
				background: #fff;
				min-width: 180px;
				height: 38px;
				box-sizing: border-box;
			}
			.cnradards-filter-bar input[type="text"]:focus,
			.cnradards-filter-bar select:focus {
				border-color: #4f46e5;
				outline: none;
			}
			.cnradards-table-container {
				background: #fff;
				border: 1px solid #e5e7eb;
				border-radius: 8px;
				overflow-x: auto;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
			}
			.cnradards-table {
				width: 100%;
				border-collapse: collapse;
				text-align: left;
				font-size: 13px;
			}
			.cnradards-table th {
				background: #f9fafb;
				padding: 14px 16px;
				font-weight: 700;
				color: #374151;
				border-bottom: 2px solid #e5e7eb;
				text-transform: uppercase;
				font-size: 11px;
				letter-spacing: 0.5px;
			}
			.cnradards-table td {
				padding: 14px 16px;
				border-bottom: 1px solid #f3f4f6;
				color: #4b5563;
				vertical-align: middle;
			}
			.cnradards-table tr:hover td {
				background: #f9fafb;
			}
			.cnradards-badge {
				display: inline-flex;
				align-items: center;
				padding: 4px 10px;
				border-radius: 9999px;
				font-size: 11px;
				font-weight: 700;
				text-transform: uppercase;
			}
			.cnradards-badge.circular {
				background: #e0f2fe;
				color: #0369a1;
				border: 1px solid #bae6fd;
			}
			.cnradards-badge.schedule {
				background: #fef3c7;
				color: #b45309;
				border: 1px solid #fde68a;
			}
			.cnradards-badge.registration-open {
				background: #dcfce7;
				color: #15803d;
				border: 1px solid #bbf7d0;
			}
			.cnradards-badge.registration-closed {
				background: #fee2e2;
				color: #991b1b;
				border: 1px solid #fecaca;
			}
			.cnradards-badge.results {
				background: #f3e8ff;
				color: #6b21a8;
				border: 1px solid #e9d5ff;
			}
			.cnradards-badge.new-event {
				background: #ecfdf5;
				color: #065f46;
				border: 1px solid #a7f3d0;
			}
			.cnradards-badge.date-change {
				background: #fff7ed;
				color: #c2410c;
				border: 1px solid #ffedd5;
			}
			.cnradards-badge.location-change {
				background: #f0fdfa;
				color: #0f766e;
				border: 1px solid #ccfbf1;
			}
			.cnradards-badge.links-change {
				background: #f8fafc;
				color: #334155;
				border: 1px solid #e2e8f0;
			}
			.cnradards-badge.default {
				background: #f3f4f6;
				color: #374151;
				border: 1px solid #e5e7eb;
			}
			.cnradards-badge.conflict {
				background: #fef2f2;
				color: #991b1b;
				border: 1px solid #fee2e2;
			}
			.cnradards-status {
				display: inline-flex;
				align-items: center;
				gap: 4px;
				font-weight: 700;
				font-size: 11px;
				text-transform: uppercase;
				padding: 4px 8px;
				border-radius: 4px;
			}
			.cnradards-status.pending {
				background: #fffbeb;
				color: #d97706;
				border: 1px solid #fef3c7;
			}
			.cnradards-status.processed {
				background: #f0fdf4;
				color: #16a34a;
				border: 1px solid #dcfce7;
			}
			.cnradards-status.discarded {
				background: #fef2f2;
				color: #dc2626;
				border: 1px solid #fee2e2;
			}
			.cnradards-diff-container {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				background: #f8fafc;
				padding: 6px 12px;
				border-radius: 6px;
				border: 1px solid #e2e8f0;
			}
			.cnradards-diff-old {
				color: #ef4444;
				text-decoration: line-through;
				font-weight: 600;
			}
			.cnradards-diff-new {
				color: #22c55e;
				font-weight: 700;
			}
			.cnradards-btn-group {
				display: flex;
				gap: 6px;
			}

/* Migrated PHP style block from includes/Admin/ClubeMetabox.php block 0 */
.cn-clube-meta-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
				gap: 15px;
				padding: 10px 0;
			}
			.cn-clube-meta-field {
				display: flex;
				flex-direction: column;
				gap: 5px;
			}
			.cn-clube-meta-field label {
				font-weight: 600;
				color: #1e293b;
				font-size: 13px;
			}
			.cn-clube-meta-field input {
				padding: 8px 10px;
				border: 1px solid #cbd5e1;
				border-radius: 4px;
				font-size: 13px;
			}

/* Migrated PHP style block from includes/Admin/DashboardPage.php block 0 */
.cnradards-dashboard-wrap {
				max-width: 1100px;
				margin: 20px 0;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			}
			.cnradards-stats-card {
				background: #fff;
				padding: 20px;
				border-radius: 8px;
				border: 1px solid #e5e7eb;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
				overflow-x: auto;
			}
			.cnradards-flex-row {
				display: flex;
				gap: 20px;
				margin: 20px 0;
				flex-wrap: wrap;
			}
			.cnradards-flex-col {
				flex: 1;
				min-width: 250px;
			}

/* Migrated PHP style block from includes/Admin/DogsPage.php block 0 */
.cnradards-wrap {
				max-width: 1200px;
				margin: 20px 0;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			}
			.cnradards-stats-card {
				background: #fff;
				padding: 20px;
				border-radius: 8px;
				border: 1px solid #e5e7eb;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
				margin-bottom: 20px;
				overflow-x: auto;
			}
			.cnradards-flex-row {
				display: flex;
				gap: 20px;
				margin: 20px 0;
				flex-wrap: wrap;
			}
			.cnradards-flex-col {
				flex: 1;
				min-width: 300px;
			}
			.cnradards-flex-col-3 {
				flex: 3;
				min-width: 300px;
			}
			.cn-progress-container {
				margin-top: 15px;
				display: none;
			}
			.cn-progress-bar-wrap {
				background: #e5e7eb;
				border-radius: 9999px;
				height: 20px;
				overflow: hidden;
				margin-bottom: 10px;
				position: relative;
			}
			.cn-progress-bar {
				background: #4f46e5;
				height: 100%;
				width: 0%;
				transition: width 0.3s ease;
			}
			.cn-progress-percent {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 11px;
				font-weight: 700;
				color: #1f2937;
			}
			.cn-progress-log {
				background: #111827;
				color: #10b981;
				font-family: monospace;
				font-size: 12px;
				padding: 10px;
				border-radius: 6px;
				height: 150px;
				overflow-y: scroll;
				white-space: pre-wrap;
			}
			.tablenav-pages {
				margin: 10px 0;
			}
			.pagination-links {
				display: inline-flex;
				gap: 5px;
			}
			.pagination-links a, .pagination-links span {
				padding: 5px 10px;
				border: 1px solid #ccd0d4;
				background: #fff;
				text-decoration: none;
				border-radius: 3px;
				color: #2271b1;
			}
			.pagination-links span.current {
				background: #2271b1;
				color: #fff;
				border-color: #2271b1;
			}

/* Migrated PHP style block from includes/Admin/EventoMetabox.php block 0 */
.cn-evento-meta-section {
				margin-bottom: 20px;
			}
			.cn-evento-meta-section h4 {
				margin: 0 0 10px 0;
				color: #1e293b;
				font-size: 14px;
				border-bottom: 1px solid #e2e8f0;
				padding-bottom: 5px;
			}
			.cn-evento-form-group {
				display: flex;
				flex-direction: column;
				gap: 5px;
				max-width: 400px;
				margin-bottom: 15px;
			}
			.cn-evento-form-group label {
				font-weight: 600;
				color: #334155;
				font-size: 13px;
			}
			.cn-evento-form-group select {
				padding: 8px;
				border: 1px solid #cbd5e1;
				border-radius: 4px;
				font-size: 13px;
			}
			.cn-exposicoes-table {
				width: 100%;
				border-collapse: collapse;
				margin-top: 10px;
			}
			.cn-exposicoes-table th {
				text-align: left;
				padding: 8px;
				background: #f1f5f9;
				border-bottom: 2px solid #cbd5e1;
				color: #475569;
				font-size: 12px;
				font-weight: 600;
			}
			.cn-exposicoes-table td {
				padding: 8px;
				border-bottom: 1px solid #e2e8f0;
			}
			.cn-exposicoes-table input,
			.cn-exposicoes-table select {
				width: 100%;
				box-sizing: border-box;
				padding: 6px;
				border: 1px solid #cbd5e1;
				border-radius: 4px;
				font-size: 13px;
			}
			.cn-btn-danger {
				background: #ef4444;
				color: #fff;
				border: none;
				padding: 6px 12px;
				border-radius: 4px;
				cursor: pointer;
				font-size: 12px;
				font-weight: 600;
			}
			.cn-btn-danger:hover {
				background: #dc2626;
			}
			.cn-btn-secondary {
				background: #64748b;
				color: #fff;
				border: none;
				padding: 8px 16px;
				border-radius: 4px;
				cursor: pointer;
				font-size: 13px;
				font-weight: 600;
				margin-top: 10px;
			}
			.cn-btn-secondary:hover {
				background: #475569;
			}

/* Migrated PHP style block from includes/Admin/JuizMetabox.php block 0 */
.cn-juiz-meta-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
				gap: 15px;
				padding: 10px 0;
			}
			.cn-juiz-meta-field {
				display: flex;
				flex-direction: column;
				gap: 5px;
			}
			.cn-juiz-meta-field.full-width {
				grid-column: 1 / -1;
			}
			.cn-juiz-meta-field label {
				font-weight: 600;
				color: #1e293b;
				font-size: 13px;
			}
			.cn-juiz-meta-field input,
			.cn-juiz-meta-field select,
			.cn-juiz-meta-field textarea {
				padding: 8px 10px;
				border: 1px solid #cbd5e1;
				border-radius: 4px;
				font-size: 13px;
			}

/* Migrated PHP style block from includes/Admin/LicensePage.php block 0 */
.cnradards-admin-license-wrap {
				max-width: 1100px;
				margin: 20px 20px 0 0;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			}
			.cnradards-admin-card {
				background: #fff;
				border-radius: 8px;
				box-shadow: 0 4px 12px rgba(0,0,0,0.05);
				border: 1px solid #e2e8f0;
				padding: 25px;
				margin-bottom: 30px;
			}
			.cnradards-admin-title {
				font-size: 22px;
				font-weight: 700;
				color: #1e293b;
				margin: 0 0 15px 0;
			}
			.cnradards-admin-desc {
				font-size: 14px;
				color: #64748b;
				margin: 0 0 25px 0;
				line-height: 1.5;
			}
			.cnradards-input-admin {
				padding: 8px 12px;
				border: 1px solid #cbd5e1;
				border-radius: 6px;
				font-size: 14px;
				width: 100%;
				box-sizing: border-box;
			}
			.cnradards-btn-admin {
				background: #4f46e5;
				color: #fff;
				border: none;
				padding: 10px 20px;
				border-radius: 6px;
				font-weight: 600;
				font-size: 14px;
				cursor: pointer;
				transition: background 0.2s;
			}
			.cnradards-btn-admin:hover {
				background: #4338ca;
			}
			.cnradards-btn-revoke {
				background: #ef4444;
				color: #fff;
				border: none;
				padding: 6px 12px;
				border-radius: 4px;
				font-size: 12px;
				font-weight: 600;
				cursor: pointer;
			}
			.cnradards-btn-revoke:hover {
				background: #dc2626;
			}
			.cnradards-table {
				width: 100%;
				border-collapse: collapse;
				margin-top: 15px;
				font-size: 14px;
			}
			.cnradards-table th {
				background: #f8fafc;
				border-bottom: 2px solid #e2e8f0;
				padding: 12px 10px;
				text-align: left;
				font-weight: 600;
				color: #475569;
			}
			.cnradards-table td {
				border-bottom: 1px solid #f1f5f9;
				padding: 12px 10px;
				color: #334155;
			}
			.cnradards-alert {
				padding: 15px;
				border-radius: 6px;
				margin-bottom: 20px;
				font-size: 14px;
				font-weight: 500;
			}
			.cnradards-alert-success { background: #ecfdf5; border-left: 4px solid #10b981; color: #065f46; }
			.cnradards-alert-error { background: #fef2f2; border-left: 4px solid #f87171; color: #991b1b; }
			.cnradards-alert-info { background: #eff6ff; border-left: 4px solid #60a5fa; color: #1e3a8a; }

			@media (max-width: 768px) {
				.cnradards-admin-license-wrap > div {
					grid-template-columns: 1fr !important;
				}
				.cnradards-table {
					display: block !important;
					overflow-x: auto !important;
					white-space: nowrap !important;
					width: 100% !important;
				}
			}

/* Migrated PHP style block from includes/Admin/SettingsPage.php block 0 */
.cn-sync-card {
						background: #fff;
						border: 1px solid #e2e8f0;
						border-radius: 8px;
						padding: 28px;
						max-width: 650px;
						margin-top: 15px;
						box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
					}
					.cn-sync-header {
						margin-bottom: 22px;
					}
					.cn-sync-title {
						font-size: 18px;
						font-weight: 600;
						color: #0f172a;
						margin: 0 0 6px 0;
					}
					.cn-sync-desc {
						color: #64748b;
						font-size: 14px;
						line-height: 1.5;
						margin: 0;
					}
					.cn-sync-btn-container {
						margin-top: 20px;
					}
					.cn-sync-btn {
						background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
						color: #fff;
						border: none;
						padding: 12px 24px;
						font-size: 14px;
						font-weight: 600;
						border-radius: 6px;
						cursor: pointer;
						box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
						transition: all 0.2s ease;
					}
					.cn-sync-btn:hover {
						background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
						box-shadow: 0 4px 6px rgba(37, 99, 235, 0.3);
					}
					.cn-sync-btn:disabled {
						background: #cbd5e1;
						color: #64748b;
						cursor: not-allowed;
						box-shadow: none;
					}
					.cn-sync-progress-container {
						display: none;
						margin-top: 28px;
						border-top: 1px solid #f1f5f9;
						padding-top: 24px;
					}
					.cn-sync-progress-bar-wrapper {
						background: #f1f5f9;
						border-radius: 9999px;
						height: 10px;
						width: 100%;
						overflow: hidden;
						position: relative;
					}
					.cn-sync-progress-bar-fill {
						background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);
						height: 100%;
						width: 0%;
						border-radius: 9999px;
						transition: width 0.3s ease;
					}
					.cn-sync-progress-stats {
						display: flex;
						justify-content: space-between;
						font-size: 13px;
						font-weight: 600;
						color: #475569;
						margin-top: 8px;
					}
					.cn-sync-status-msg {
						margin-top: 18px;
						padding: 12px 16px;
						border-radius: 6px;
						font-size: 13px;
						background: #f8fafc;
						border-left: 4px solid #cbd5e1;
						color: #334155;
						line-height: 1.4;
					}
					.cn-sync-status-msg.success {
						background: #f0fdf4;
						border-left-color: #22c55e;
						color: #15803d;
					}
					.cn-sync-status-msg.error {
						background: #fef2f2;
						border-left-color: #ef4444;
						color: #b91c1c;
					}
					.cn-sync-log {
						margin-top: 18px;
						max-height: 180px;
						overflow-y: auto;
						background: #0f172a;
						color: #38bdf8;
						font-family: Consolas, Monaco, monospace;
						font-size: 11px;
						padding: 14px;
						border-radius: 6px;
						line-height: 1.6;
						box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
					}
					.cn-sync-log div {
						margin-bottom: 4px;
					}

.cn-dogs-reconciliation-card {
	max-width: 1180px;
}

.cn-dogs-reconciliation-summary-cards {
	display: grid;
	grid-template-columns: repeat(7, minmax(120px, 1fr));
	gap: 10px;
	margin: 18px 0 12px;
}

.cn-dogs-reconciliation-summary-card {
	padding: 12px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.cn-dogs-reconciliation-summary-card span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #64748b;
	margin-bottom: 6px;
}

.cn-dogs-reconciliation-summary-card strong {
	display: block;
	font-size: 18px;
	color: #0f172a;
}

.cn-dogs-reconciliation-quick-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}

.cn-dogs-reconciliation-filters {
	display: grid;
	grid-template-columns: minmax(120px, 150px) minmax(180px, 230px) minmax(220px, 1fr) minmax(100px, 130px) auto auto;
	gap: 12px;
	align-items: end;
	margin: 20px 0 16px;
}

.cn-dogs-reconciliation-filters label,
.cn-dogs-reconciliation-apply-options label,
.cn-dogs-reconciliation-filter-toggles label,
.cn-dogs-reconciliation-manual label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #475569;
}

.cn-dogs-reconciliation-filters input,
.cn-dogs-reconciliation-filters select,
.cn-dogs-reconciliation-manual input {
	min-height: 38px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #0f172a;
}

.cn-dogs-reconciliation-filter-toggles {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 12px;
	padding: 10px 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.cn-dogs-reconciliation-filter-toggles label {
	flex-direction: row;
	align-items: center;
	font-weight: 600;
}

.cn-dogs-reconciliation-manual {
	margin: 0 0 14px;
	padding: 10px 12px;
	border: 1px dashed #cbd5e1;
	border-radius: 6px;
	background: #fff;
}

.cn-dogs-reconciliation-manual summary {
	cursor: pointer;
	font-weight: 700;
	color: #475569;
}

.cn-dogs-reconciliation-manual label {
	max-width: 280px;
	margin-top: 10px;
}

.cn-dogs-reconciliation-manual p {
	margin: 8px 0 0;
	font-size: 12px;
	color: #64748b;
}

.cn-dogs-reconciliation-apply-options {
	display: grid;
	grid-template-columns: repeat(5, minmax(150px, 1fr));
	gap: 10px;
	margin: 10px 0 16px;
	padding: 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.cn-dogs-reconciliation-apply-options label {
	flex-direction: row;
	align-items: center;
	font-weight: 600;
}

.cn-dogs-reconciliation-table-wrap {
	margin-top: 18px;
	overflow-x: auto;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.cn-dogs-reconciliation-table {
	min-width: 1080px;
	border: 0;
}

.cn-dogs-reconciliation-table th {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #475569;
}

.cn-dogs-reconciliation-table td {
	vertical-align: top;
}

.cn-dogs-reconciliation-table tr.needs-reconciliation td:first-child {
	border-left: 4px solid #f59e0b;
}

.cn-dogs-reconciliation-event-title {
	color: #0f172a;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.cn-dogs-reconciliation-event-id,
.cn-dogs-reconciliation-event-meta {
	margin-top: 4px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
}

.cn-dogs-reconciliation-error-cell {
	max-width: 180px;
	white-space: normal;
	color: #7f1d1d;
	font-size: 12px;
}

.cn-dogs-reconciliation-actions {
	min-width: 220px;
}

.cn-dogs-reconciliation-actions .button {
	margin: 0 4px 4px 0;
}

.cn-dogs-reconciliation-actions .cn-dogs-reconciliation-apply:not(:disabled) {
	border-color: #b91c1c;
	color: #b91c1c;
}

.cn-dogs-reconciliation-actions .cn-dogs-reconciliation-apply:not(:disabled):hover {
	border-color: #7f1d1d;
	color: #7f1d1d;
}

.cn-dogs-reconciliation-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	background: #f1f5f9;
	color: #334155;
	border: 1px solid #cbd5e1;
	white-space: nowrap;
}

.cn-dogs-reconciliation-status-badge.status-completed_pending_reconciliation,
.cn-dogs-reconciliation-status-badge.status-legacy_processed,
.cn-dogs-reconciliation-status-badge.status-queued_profiles {
	background: #fffbeb;
	color: #92400e;
	border-color: #fcd34d;
}

.cn-dogs-reconciliation-status-badge.status-partial,
.cn-dogs-reconciliation-status-badge.status-reconciled_with_warnings {
	background: #fff7ed;
	color: #9a3412;
	border-color: #fdba74;
}

.cn-dogs-reconciliation-status-badge.status-failed {
	background: #fef2f2;
	color: #991b1b;
	border-color: #fecaca;
}

.cn-dogs-reconciliation-status-badge.status-reconciled_complete {
	background: #ecfdf5;
	color: #065f46;
	border-color: #a7f3d0;
}

.cn-dogs-reconciliation-status-badge.status-reconciling,
.cn-dogs-reconciliation-status-badge.status-collecting,
.cn-dogs-reconciliation-status-badge.status-importing {
	background: #eff6ff;
	color: #1d4ed8;
	border-color: #bfdbfe;
}

.cn-dogs-reconciliation-report {
	margin-top: 18px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
}

.cn-dogs-reconciliation-report-empty {
	padding: 16px;
	color: #64748b;
}

.cn-dogs-reconciliation-report-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-bottom: 1px solid #e2e8f0;
	background: #f8fafc;
}

.cn-dogs-reconciliation-report-header h3 {
	margin: 0;
	font-size: 15px;
	color: #0f172a;
}

.cn-dogs-reconciliation-mode {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1d4ed8;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	padding: 4px 8px;
}

.cn-dogs-reconciliation-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(130px, 1fr));
	gap: 10px;
	padding: 16px 18px;
}

.cn-dogs-reconciliation-metric {
	padding: 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.cn-dogs-reconciliation-metric span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #64748b;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.cn-dogs-reconciliation-metric strong {
	display: block;
	font-size: 16px;
	color: #0f172a;
}

.cn-dogs-reconciliation-report-section {
	padding: 14px 18px;
	border-top: 1px solid #f1f5f9;
}

.cn-dogs-reconciliation-report-section h4 {
	margin: 0 0 8px;
	font-size: 13px;
	color: #0f172a;
}

.cn-dogs-reconciliation-report-section h4 span {
	color: #64748b;
}

.cn-dogs-reconciliation-report-section p,
.cn-dogs-reconciliation-report-section ol {
	margin: 0;
	color: #475569;
	font-size: 12px;
	line-height: 1.55;
}

.cn-dogs-reconciliation-report-section ol {
	padding-left: 18px;
}

@media (max-width: 960px) {
	.cn-dogs-reconciliation-filters,
	.cn-dogs-reconciliation-summary-cards,
	.cn-dogs-reconciliation-apply-options,
	.cn-dogs-reconciliation-metrics {
		grid-template-columns: 1fr;
	}
}

/* Migrated PHP style block from includes/Core/Plugin.php block 0 */
.badge-status {
				display: inline-flex;
				align-items: center;
				font-size: 11px;
				font-weight: 700;
				padding: 3px 8px;
				border-radius: 9999px;
				text-transform: uppercase;
			}
			.badge-status.success {
				background-color: #ecfdf5;
				color: #065f46;
				border: 1px solid #a7f3d0;
			}
			.badge-status.default {
				background-color: #f3f4f6;
				color: #6b7280;
				border: 1px solid #e5e7eb;
			}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 0 */
.cnradards-events-container,
			.cnradards-events-container * {
				box-sizing: border-box !important;
			}

			.cnradards-events-container {
				font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
				color: #1e293b !important;
				max-width: 1200px !important;
				margin: 20px auto !important;
				padding: 0 15px !important;
			}

			.cnradards-filters-header-mobile {
				display: flex !important;
				justify-content: space-between !important;
				align-items: center !important;
				margin-bottom: 15px !important;
			}
			.cnradards-btn-mobile-toggle {
				display: none !important; /* Hidden on desktop */
				background: #f8fafc !important;
				border: 1px solid #cbd5e1 !important;
				color: #334155 !important;
				padding: 10px 16px !important;
				border-radius: 8px !important;
				font-size: 14px !important;
				font-weight: 700 !important;
				cursor: pointer !important;
				align-items: center !important;
				transition: all 0.2s ease !important;
			}
			.cnradards-btn-mobile-toggle:hover {
				background: #f1f5f9 !important;
				border-color: #94a3b8 !important;
			}
			.cnradards-events-counter {
				font-size: 13px !important;
				font-weight: 700 !important;
				color: #64748b !important;
				background: #f1f5f9 !important;
				padding: 6px 12px !important;
				border-radius: 99px !important;
				display: inline-flex !important;
				align-items: center !important;
			}
			.cnradards-toast-container {
				position: fixed !important;
				bottom: 24px !important;
				right: 24px !important;
				z-index: 999999 !important;
				display: flex !important;
				flex-direction: column !important;
				gap: 12px !important;
				pointer-events: none !important;
			}
			.cnradards-toast {
				background: #1e293b !important;
				color: #fff !important;
				padding: 14px 20px !important;
				border-radius: 10px !important;
				font-size: 14px !important;
				font-weight: 600 !important;
				box-shadow: 0 10px 25px -5px rgba(0,0,0,0.2) !important;
				display: flex !important;
				align-items: center !important;
				gap: 10px !important;
				pointer-events: auto !important;
				transform: translateY(100px);
				opacity: 0;
				animation: cnradards-toast-slide-up 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
			}
			@keyframes cnradards-toast-slide-up {
				to { transform: translateY(0); opacity: 1; }
			}
			.cnradards-toast-error {
				border-left: 4px solid #ef4444 !important;
			}
			.cnradards-toast-success {
				border-left: 4px solid #10b981 !important;
			}
			.cnradards-shake {
				animation: cnradards-shake-anim 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
			}
			@keyframes cnradards-shake-anim {
				10%, 90% { transform: translate3d(-1px, 0, 0); }
				20%, 80% { transform: translate3d(2px, 0, 0); border-color: #ef4444 !important; }
				30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
				40%, 60% { transform: translate3d(4px, 0, 0); }
			}
			.cnradards-empty-state-wrapper {
				text-align: center !important;
				padding: 40px 20px !important;
				background: #f8fafc !important;
				border-radius: 16px !important;
				border: 1px dashed #cbd5e1 !important;
				margin: 30px 0 !important;
			}
			.cnradards-empty-state-icon {
				font-size: 48px !important;
				margin-bottom: 16px !important;
				display: block !important;
				opacity: 0.5 !important;
			}
			.cnradards-empty-state-title {
				font-size: 18px !important;
				font-weight: 800 !important;
				color: #1e293b !important;
				margin: 0 0 8px 0 !important;
			}
			.cnradards-empty-state-desc {
				font-size: 14px !important;
				color: #64748b !important;
				margin: 0 0 20px 0 !important;
			}

			.cnradards-filters-bar {
				background: #ffffff !important;
				border: 1px solid #e2e8f0 !important;
				border-radius: 16px !important;
				padding: 24px !important;
				margin-bottom: 30px !important;
				box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.02) !important;
				display: flex !important;
				flex-direction: column !important;
				gap: 20px !important;
				align-items: stretch !important;
			}

			.cnradards-filters-grid {
				display: flex !important;
				flex-wrap: wrap !important;
				gap: 16px !important;
				align-items: flex-end !important;
				width: 100% !important;
			}

			.cnradards-filter-field {
				flex: 1 1 180px !important;
				display: flex !important;
				flex-direction: column !important;
				gap: 6px !important;
			}

			.cnradards-search-field {
				flex: 2 1 280px !important;
			}

			.cnradards-search-wrapper {
				position: relative !important;
				margin: 0 !important;
				padding: 0 !important;
				width: 100% !important;
			}

			.cnradards-search-wrapper svg {
				position: absolute !important;
				left: 14px !important;
				top: 50% !important;
				transform: translateY(-50%) !important;
				color: #94a3b8 !important;
				pointer-events: none !important;
				z-index: 2 !important;
			}

			.cnradards-search-wrapper input[type="text"] {
				width: 100% !important;
				height: 46px !important;
				line-height: normal !important;
				padding: 8px 16px 8px 42px !important;
				border: 1px solid #cbd5e1 !important;
				border-radius: 12px !important;
				font-size: 14px !important;
				font-weight: 500 !important;
				color: #1e293b !important;
				background-color: #ffffff !important;
				box-shadow: inset 0 2px 4px rgba(0,0,0,0.01) !important;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
				outline: none !important;
				margin: 0 !important;
				display: block !important;
			}

			.cnradards-search-wrapper input[type="text"]:focus {
				border-color: #4f46e5 !important;
				box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
			}

			.cnradards-filter-select {
				display: inline-block !important;
				width: 100% !important;
				height: 46px !important;
				line-height: normal !important;
				padding: 8px 36px 8px 16px !important;
				border: 1px solid #cbd5e1 !important;
				border-radius: 12px !important;
				font-size: 14px !important;
				font-weight: 500 !important;
				color: #475569 !important;
				background-color: #ffffff !important;
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
				background-position: right 12px center !important;
				background-repeat: no-repeat !important;
				background-size: 20px !important;
				-webkit-appearance: none !important;
				-moz-appearance: none !important;
				appearance: none !important;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
				outline: none !important;
				margin: 0 !important;
			}

			.cnradards-filter-select:focus {
				border-color: #4f46e5 !important;
				box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
				color: #1e293b !important;
			}

			.cnradards-filter-group-label {
				font-size: 12px !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
				color: #64748b !important;
				line-height: normal !important;
				margin-bottom: 2px !important;
				display: block !important;
			}

			.cnradards-events-container .cnradards-event-hidden {
				display: none !important;
			}

			/* Event List Cards Styling */
			.cnradards-event-card-list {
				display: flex !important;
				flex-direction: column !important;
				gap: 18px !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-event-card {
				background: #ffffff !important;
				border: 1px solid #e2e8f0 !important;
				border-radius: 20px !important;
				padding: 24px !important;
				display: flex !important;
				flex-direction: column !important;
				align-items: stretch !important;
				gap: 20px !important;
				box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01) !important;
				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
				margin: 0 0 18px 0 !important;
			}

			.cnradards-event-card:hover {
				transform: translateY(-2px) !important;
				box-shadow: 0 16px 32px -4px rgba(79, 70, 229, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.02) !important;
				border-color: #cbd5e1 !important;
			}

			/* Calendar Date Badge */
			.cnradards-calendar-badge {
				width: 80px !important;
				height: 86px !important;
				background: #ffffff !important;
				border-radius: 16px !important;
				border: 1px solid #e2e8f0 !important;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
				overflow: hidden !important;
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
				flex-shrink: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-calendar-month {
				width: 100% !important;
				background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
				color: #ffffff !important;
				font-size: 11px !important;
				font-weight: 800 !important;
				padding: 5px 0 !important;
				text-align: center !important;
				text-transform: uppercase !important;
				letter-spacing: 1.5px !important;
				margin: 0 !important;
				line-height: normal !important;
			}

			.cnradards-calendar-day {
				font-size: 26px !important;
				font-weight: 800 !important;
				color: #1e293b !important;
				line-height: 1.1 !important;
				margin-top: 6px !important;
				margin-bottom: 0 !important;
				padding: 0 !important;
			}

			.cnradards-calendar-year {
				font-size: 10px !important;
				font-weight: 600 !important;
				color: #64748b !important;
				margin-bottom: 6px !important;
				margin-top: 2px !important;
				padding: 0 !important;
				line-height: normal !important;
			}

			/* Event Info Column */
			.cnradards-info-column {
				flex-grow: 1 !important;
				display: flex !important;
				flex-direction: column !important;
				gap: 8px !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-event-header {
				display: flex !important;
				align-items: center !important;
				flex-wrap: wrap !important;
				gap: 12px !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-event-title {
				font-size: 18px !important;
				font-weight: 700 !important;
				color: #0f172a !important;
				margin: 0 !important;
				line-height: 1.3 !important;
				padding: 0 !important;
			}

			.cnradards-source-badge {
				font-size: 10px !important;
				font-weight: 700 !important;
				padding: 4px 8px !important;
				border-radius: 6px !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
				border: 1px solid transparent !important;
				margin: 0 !important;
				display: inline-block !important;
				line-height: normal !important;
			}

			.cnradards-source-dogshow {
				background-color: #fffbeb !important;
				color: #b45309 !important;
				border-color: #fde68a !important;
			}

			.cnradards-source-cbkc {
				background-color: #eff6ff !important;
				color: #1d4ed8 !important;
				border-color: #bfdbfe !important;
			}

			.cnradards-saiba-mais-btn,
			.cnradards-follow-btn,
			.cnradards-edit-event-btn {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 6px !important;
				height: 36px !important;
				padding: 0 16px !important;
				font-size: 12px !important;
				font-weight: 700 !important;
				border-radius: 8px !important;
				text-decoration: none !important;
				cursor: pointer !important;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
				line-height: normal !important;
				box-sizing: border-box !important;
				outline: none !important;
				box-shadow: none !important;
				margin: 0 !important;
			}

			.cnradards-saiba-mais-btn {
				background-color: #f8fafc !important;
				border: 1px solid #cbd5e1 !important;
				color: #475569 !important;
			}
			.cnradards-saiba-mais-btn:hover {
				background-color: #f1f5f9 !important;
				color: #1e293b !important;
				border-color: #94a3b8 !important;
			}

			.cnradards-follow-btn {
				background-color: #f8fafc !important;
				border: 1px solid #cbd5e1 !important;
				color: #475569 !important;
			}
			.cnradards-follow-btn:hover {
				background-color: #f1f5f9 !important;
				color: #1e293b !important;
				border-color: #94a3b8 !important;
			}
			.cnradards-follow-btn.cnradards-follow-btn-active {
				background-color: #e0e7ff !important;
				border: 1px solid #c7d2fe !important;
				color: #4338ca !important;
				box-shadow: 0 2px 4px rgba(79, 70, 229, 0.05) !important;
			}
			.cnradards-follow-btn.cnradards-follow-btn-active:hover {
				background-color: #c7d2fe !important;
				border-color: #a5b4fc !important;
				color: #3730a3 !important;
				transform: translateY(-1px) !important;
				box-shadow: 0 4px 10px rgba(79, 70, 229, 0.1) !important;
			}

			.cnradards-edit-event-btn {
				background-color: #fff5f5 !important;
				border: 1px solid #fca5a5 !important;
				color: #b91c1c !important;
			}
			.cnradards-edit-event-btn:hover {
				background-color: #fee2e2 !important;
				color: #991b1b !important;
				border-color: #f87171 !important;
				transform: translateY(-1px) !important;
			}

			.cnradards-event-details {
				display: flex !important;
				flex-direction: column !important;
				align-items: flex-start !important;
				gap: 8px !important;
				margin: 0 !important;
				padding: 0 !important;
				width: 100% !important;
			}

			.cnradards-card-meta-actions {
				display: flex !important;
				gap: 8px !important;
				align-items: center !important;
				margin-top: 4px !important;
				flex-wrap: wrap !important;
				width: 100% !important;
			}

			.cnradards-location {
				display: flex !important;
				align-items: center !important;
				gap: 6px !important;
				font-size: 13px !important;
				font-weight: 500 !important;
				color: #64748b !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-location svg {
				color: #94a3b8 !important;
				fill: none !important;
				margin: 0 !important;
			}

			/* Actions Column & Grid */
			.cnradards-actions-column {
				flex-shrink: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-actions-grid {
				display: grid !important;
				grid-template-columns: repeat(4, 1fr) !important;
				gap: 12px !important;
				margin: 0 !important;
				padding: 0 !important;
				width: 100% !important;
			}

			.cnradards-actions-grid form {
				margin: 0 !important;
				padding: 0 !important;
				width: 100% !important;
				display: block !important;
			}

			.cnradards-action-cell {
				display: flex !important;
				flex-direction: column !important;
				gap: 6px !important;
				align-items: flex-start !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.cnradards-cell-label {
				font-size: 10px !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
				color: #94a3b8 !important;
				margin: 0 !important;
				padding: 0 !important;
				line-height: normal !important;
				text-align: left !important;
				align-self: flex-start !important;
			}

			.cnradards-action-btn,
			.cnradards-action-badge {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 6px !important;
				width: 100% !important;
				height: 36px !important;
				line-height: normal !important;
				padding: 0 10px !important;
				margin: 0 !important;
				border-radius: 8px !important;
				font-size: 12px !important;
				font-weight: 700 !important;
				text-decoration: none !important;
				text-align: center !important;
				box-sizing: border-box !important;
				white-space: nowrap !important;
				border: 1px solid transparent !important;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
			}

			button.cnradards-action-btn {
				cursor: pointer !important;
				outline: none !important;
				font-family: inherit !important;
				line-height: normal !important;
			}

			.cnradards-btn-circular-active,
			.cnradards-btn-horario-active,
			.cnradards-btn-inscricao-active,
			.cnradards-btn-resultados-active {
				background-color: #ecfdf5 !important;
				border: 1px solid #a7f3d0 !important;
				color: #047857 !important;
			}
			.cnradards-btn-circular-active:hover,
			.cnradards-btn-horario-active:hover,
			.cnradards-btn-inscricao-active:hover,
			.cnradards-btn-resultados-active:hover {
				background-color: #d1fae5 !important;
				border-color: #6ee7b7 !important;
				color: #065f46 !important;
				transform: translateY(-1px) !important;
				box-shadow: 0 4px 10px rgba(16, 185, 129, 0.1) !important;
			}

			.cnradards-badge-unavailable,
			.cnradards-badge-closed {
				background-color: #fef2f2 !important;
				border: 1px solid #fee2e2 !important;
				color: #ef4444 !important;
				box-shadow: none !important;
				cursor: not-allowed !important;
			}

			/* Responsive Media Queries */
			@media (max-width: 1024px) {
				.cnradards-event-card {
					flex-direction: column !important;
					align-items: stretch !important;
					gap: 16px !important;
					padding: 20px !important;
				}
				.cnradards-calendar-badge {
					align-self: flex-start !important;
				}
				.cnradards-actions-column {
					width: 100% !important;
					margin-top: 10px !important;
					border-top: 1px solid #f1f5f9 !important;
					padding-top: 16px !important;
				}
				.cnradards-actions-grid {
					grid-template-columns: repeat(4, 1fr) !important;
					width: 100% !important;
				}
			}

			@media (max-width: 768px) {
				.cnradards-btn-mobile-toggle {
					display: flex !important;
				}
				.cnradards-filters-bar {
					display: none !important;
					padding: 16px !important;
				}
				.cnradards-filters-bar.cnradards-filters-expanded {
					display: flex !important;
				}
				.cnradards-filters-grid {
					flex-direction: column !important;
					align-items: stretch !important;
					gap: 12px !important;
				}
				.cnradards-filter-field {
					flex: 1 1 100% !important;
				}
				.cnradards-actions-grid {
					grid-template-columns: repeat(2, 1fr) !important;
					gap: 10px !important;
				}
			}

			@media (max-width: 600px) {
				.cnradards-event-card-top {
					flex-direction: column !important;
					align-items: center !important;
					gap: 12px !important;
					text-align: center !important;
				}
				.cnradards-calendar-badge {
					align-self: center !important;
				}
				.cnradards-info-column {
					width: 100% !important;
					display: flex !important;
					flex-direction: column !important;
					align-items: center !important;
				}
				.cnradards-event-header {
					flex-direction: column !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 8px !important;
					width: 100% !important;
				}
				.cnradards-event-title-wrapper {
					display: flex !important;
					flex-direction: column !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 6px !important;
					width: 100% !important;
				}
				.cnradards-event-title {
					text-align: center !important;
				}
				.cnradards-edit-event-btn {
					align-self: center !important;
					margin: 4px auto 0 auto !important;
				}
				.cnradards-event-details {
					align-items: center !important;
					width: 100% !important;
				}
				.cnradards-location {
					justify-content: center !important;
					width: 100% !important;
				}
				.cnradards-card-meta-actions {
					justify-content: center !important;
				}
				.cnradards-card-meta-actions button,
				.cnradards-card-meta-actions a {
					flex: 1 1 0% !important;
					min-width: 0 !important;
				}
				.cnradards-modal-card {
					padding: 20px !important;
					border-radius: 16px !important;
					max-height: 90vh !important;
					margin: 10px !important;
				}
				.cnradards-modal-header-section {
					flex-direction: column !important;
					align-items: center !important;
					text-align: center !important;
					gap: 15px !important;
				}
				.cnradards-modal-photo-wrap {
					width: 80px !important;
					height: 80px !important;
				}
				.cnradards-modal-header-text h3 {
					font-size: 18px !important;
				}
				.cnradards-modal-badges {
					justify-content: center !important;
				}
				.cnradards-modal-details-grid {
					grid-template-columns: 1fr !important;
					gap: 10px !important;
					padding: 12px !important;
				}
			}

			@media (max-width: 480px) {
				.cnradards-actions-grid {
					grid-template-columns: 1fr !important;
				}
			}

			/* Estilos do Card Expansível */
			.cnradards-event-card {
				flex-wrap: wrap !important;
				position: relative !important;
			}
			.cnradards-expand-btn {
				transition: all 0.2s ease !important;
			}
			.cnradards-expand-btn:hover {
				background-color: #f1f5f9 !important;
				color: #4f46e5 !important;
			}
			.cnradards-saiba-mais-btn:hover {
				background-color: #e2e8f0 !important;
				color: #1e293b !important;
				border-color: #94a3b8 !important;
			}
			.cnradards-edit-event-btn:hover {
				background-color: #fee2e2 !important;
				color: #991b1b !important;
				border-color: #f87171 !important;
			}
			.cnradards-event-card.expanded .cn-chevron-icon {
				transform: rotate(180deg) !important;
			}
			.cn-chevron-icon {
				transition: transform 0.3s ease !important;
			}
			.cnradards-gps-btn {
				background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
				color: #ffffff !important;
				text-decoration: none !important;
				font-size: 12px !important;
				font-weight: 700 !important;
				padding: 8px 16px !important;
				border-radius: 8px !important;
				display: inline-flex !important;
				align-items: center !important;
				gap: 4px !important;
				transition: all 0.2s ease !important;
				box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1) !important;
				border: none !important;
				line-height: normal !important;
			}
			.cnradards-gps-btn:hover {
				background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
				box-shadow: 0 4px 10px rgba(16, 185, 129, 0.2) !important;
				transform: translateY(-1px) !important;
			}
			.cn-expo-badge {
				font-size: 10px !important;
				font-weight: 700 !important;
				padding: 3px 8px !important;
				border-radius: 6px !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
				display: inline-block !important;
				line-height: normal !important;
			}
			.cn-type-panamericana { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
			.cn-type-internacional { background: #fef9c3 !important; color: #a16207 !important; border: 1px solid #fef08a !important; }
			.cn-type-nacional { background: #dcfce7 !important; color: #15803d !important; border: 1px solid #bbf7d0 !important; }
			.cn-type-especializada { background: #f3e8ff !important; color: #6b21a8 !important; border: 1px solid #e9d5ff !important; }
			.cn-type-latinoamericana { background: #ffedd5 !important; color: #c2410c !important; border: 1px solid #fed7aa !important; }
			.cn-type-especializada_raca { background: #fae8ff !important; color: #86198f !important; border: 1px solid #f5d0fe !important; }
			.cn-type-especializada_grupo { background: #fce7f3 !important; color: #be185d !important; border: 1px solid #fbcfe8 !important; }
			.cn-type-outra { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }

			.cnradards-judge-link:hover {
				border-color: #818cf8 !important;
				background: #c7d2fe !important;
				color: #3730a3 !important;
				transform: translateY(-1px) !important;
				box-shadow: 0 2px 5px rgba(79, 70, 229, 0.1) !important;
			}

			/* Modal Glassmorphism Styling */
			.cnradards-modal-overlay {
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				width: 100vw !important;
				height: 100vh !important;
				background: rgba(15, 23, 42, 0.4) !important;
				-webkit-backdrop-filter: blur(10px) !important;
				backdrop-filter: blur(10px) !important;
				z-index: 99999 !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				padding: 20px !important;
				opacity: 0;
				pointer-events: none;
				transition: opacity 0.3s ease-in-out !important;
			}
			.cnradards-modal-overlay.active {
				opacity: 1 !important;
				pointer-events: auto !important;
			}
			.cnradards-modal-card {
				background: #ffffff !important;
				border: 1px solid rgba(255, 255, 255, 0.8) !important;
				border-radius: 24px !important;
				max-width: 650px !important;
				width: 100% !important;
				max-height: 85vh !important;
				overflow-y: auto !important;
				position: relative !important;
				box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
				transform: scale(0.9) translateY(20px);
				transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
				padding: 35px !important;
			}
			.cnradards-modal-overlay.active .cnradards-modal-card {
				transform: scale(1) translateY(0) !important;
			}
			.cnradards-modal-close-btn {
				position: absolute !important;
				top: 20px !important;
				right: 20px !important;
				background: #f1f5f9 !important;
				color: #64748b !important;
				border: none !important;
				font-size: 24px !important;
				font-weight: 700 !important;
				line-height: 1 !important;
				width: 36px !important;
				height: 36px !important;
				border-radius: 50% !important;
				cursor: pointer !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				transition: all 0.2s ease !important;
				z-index: 10 !important;
				outline: none !important;
				box-shadow: none !important;
			}
			.cnradards-modal-close-btn:hover {
				background: #e2e8f0 !important;
				color: #0f172a !important;
			}
			.cnradards-modal-spinner {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 15px !important;
				padding: 50px 0 !important;
				color: #64748b !important;
				font-weight: 600 !important;
				font-size: 14px !important;
			}
			.cn-spinner-circle {
				width: 40px !important;
				height: 40px !important;
				border: 4px solid #f1f5f9 !important;
				border-top-color: #4f46e5 !important;
				border-radius: 50% !important;
				animation: cn-spin 0.8s linear infinite !important;
			}
			@keyframes cn-spin {
				to { transform: rotate(360deg); }
			}
			.cnradards-modal-header-section {
				display: flex !important;
				align-items: center !important;
				gap: 20px !important;
				margin-bottom: 25px !important;
				flex-wrap: wrap !important;
			}
			.cnradards-modal-photo-wrap {
				width: 100px !important;
				height: 100px !important;
				border-radius: 50% !important;
				overflow: hidden !important;
				border: 3px solid #e0e7ff !important;
				background: #f1f5f9 !important;
				flex-shrink: 0 !important;
			}
			.cnradards-modal-photo-wrap img {
				width: 100% !important;
				height: 100% !important;
				object-fit: cover !important;
			}
			.cnradards-modal-header-text h3 {
				margin: 0 0 8px 0 !important;
				font-size: 22px !important;
				font-weight: 800 !important;
				color: #0f172a !important;
			}
			.cnradards-modal-badges {
				display: flex !important;
				gap: 8px !important;
				flex-wrap: wrap !important;
			}
			.cn-modal-badge {
				font-size: 11px !important;
				font-weight: 700 !important;
				padding: 4px 10px !important;
				border-radius: 9999px !important;
				background: #f1f5f9 !important;
				color: #475569 !important;
				text-transform: uppercase !important;
			}
			#cn-modal-judge-availability-badge {
				background: #ecfdf5 !important;
				color: #065f46 !important;
			}
			.cnradards-modal-details-grid {
				display: grid !important;
				grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
				gap: 15px !important;
				background: #f8fafc !important;
				border: 1px solid #e2e8f0 !important;
				border-radius: 16px !important;
				padding: 18px !important;
				margin-bottom: 25px !important;
			}
			.cn-detail-item {
				display: flex !important;
				flex-direction: column !important;
				gap: 4px !important;
			}
			.cn-detail-label {
				font-size: 10px !important;
				font-weight: 700 !important;
				color: #94a3b8 !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
			}
			.cn-detail-value {
				font-size: 13px !important;
				font-weight: 700 !important;
				color: #334155 !important;
			}
			.cnradards-modal-bio-section,
			.cnradards-modal-qualifications-section {
				margin-bottom: 25px !important;
			}
			.cnradards-modal-bio-section h4,
			.cnradards-modal-qualifications-section h4 {
				margin: 0 0 10px 0 !important;
				font-size: 14px !important;
				font-weight: 800 !important;
				color: #0f172a !important;
				text-transform: uppercase !important;
				letter-spacing: 0.5px !important;
				border-left: 3px solid #4f46e5 !important;
				padding-left: 8px !important;
			}
			.cnradards-modal-bio-section div {
				font-size: 14px !important;
				color: #475569 !important;
				line-height: 1.6 !important;
			}
			.cnradards-modal-qualifications-section ul {
				list-style: none !important;
				padding: 0 !important;
				margin: 0 !important;
				display: flex !important;
				flex-direction: column !important;
				gap: 6px !important;
			}
			.cnradards-modal-qualifications-section li {
				font-size: 13px !important;
				color: #334155 !important;
				padding: 8px 12px !important;
				background: #f8fafc !important;
				border-radius: 8px !important;
				border-left: 3px solid #cbd5e1 !important;
				margin: 0 !important;
			}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 1 */
@keyframes cn-spin {
								0% { transform: rotate(0deg); }
								100% { transform: rotate(360deg); }
							}
							.cnradards-pedigree-wrapper { display: flex; flex-direction: row; align-items: center; font-family: inherit; }
							.cnradards-pedigree-node-container { display: flex; align-items: center; margin: 5px 0; }
							.cnradards-pedigree-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 10px; min-width: 140px; max-width: 240px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); position: relative; z-index: 2; }
							.cnradards-pedigree-card.node-macho { border-left: 4px solid #3b82f6; }
							.cnradards-pedigree-card.node-femea { border-left: 4px solid #ec4899; }
							.cnradards-pedigree-card.node-unknown { border-left: 4px solid #94a3b8; }
							.cnradards-pedigree-name { font-size: 11px; font-weight: 700; color: #1e293b; margin-bottom: 4px; line-height: 1.3; word-break: break-word; }
							.cnradards-pedigree-rg { font-size: 10px; color: #64748b; }
							.cnradards-pedigree-parents { display: flex; flex-direction: column; margin-left: 20px; position: relative; }
							.cnradards-pedigree-parents::before { content: ''; position: absolute; left: -10px; top: 25%; bottom: 25%; border-left: 1px solid #cbd5e1; z-index: 1; }
							.cnradards-pedigree-parent-link { position: relative; display: flex; align-items: center; }
							.cnradards-pedigree-parent-link::before { content: ''; position: absolute; left: -20px; top: 50%; width: 20px; border-top: 1px solid #cbd5e1; z-index: 1; }
							.cnradards-pedigree-card-connector { position: absolute; right: -10px; top: 50%; width: 10px; border-top: 1px solid #cbd5e1; z-index: 1; }
							@media (max-width: 640px) {
								.cnradards-form-row { flex-direction: column !important; gap: 10px !important; }
								.cnradards-report-grid { grid-template-columns: 1fr !important; }
							}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 2 */
.cnradards-frontend-edit-container {
					font-family: 'Plus Jakarta Sans', sans-serif;
					max-width: 800px;
					margin: 0 auto;
					padding: 20px;
					background: #ffffff;
					border-radius: 16px;
					border: 1px solid #e2e8f0;
					box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
				}
				.cnradards-edit-title-bar {
					display: flex;
					justify-content: space-between;
					align-items: center;
					border-bottom: 1px solid #f1f5f9;
					padding-bottom: 15px;
					margin-bottom: 25px;
				}
				.cnradards-edit-title-bar h2 {
					margin: 0;
					font-size: 22px;
					font-weight: 800;
					color: #0f172a;
				}
				.cnradards-edit-btn-back {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #4338ca !important;
					text-decoration: none !important;
					background: #e0e7ff !important;
					padding: 8px 16px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					border: 1px solid #c7d2fe !important;
				}
				.cnradards-edit-btn-back:hover {
					background: #c7d2fe !important;
					color: #3730a3 !important;
					border-color: #a5b4fc !important;
				}
				.cnradards-edit-section {
					margin-bottom: 25px;
					padding-bottom: 20px;
					border-bottom: 1px solid #f1f5f9;
				}
				.cnradards-edit-section h3 {
					margin: 0 0 15px 0;
					font-size: 15px;
					font-weight: 800;
					color: #334155;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.cnradards-edit-grid {
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					gap: 15px;
				}
				.cnradards-edit-form-group {
					display: flex;
					flex-direction: column;
					gap: 6px;
				}
				.cnradards-edit-form-group.span-2 {
					grid-column: span 2;
				}
				.cnradards-edit-form-group label {
					font-size: 12px;
					font-weight: 700;
					color: #475569;
					text-transform: uppercase;
				}
				.cnradards-edit-form-group input[type="text"],
				.cnradards-edit-form-group input[type="date"],
				.cnradards-edit-form-group select {
					width: 100%;
					height: 40px;
					padding: 8px 12px;
					border: 1px solid #cbd5e1;
					border-radius: 8px;
					font-size: 14px;
					font-weight: 500;
					color: #1e293b;
					background-color: #ffffff;
					box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
					transition: all 0.2s;
				}
				.cnradards-edit-form-group input:focus,
				.cnradards-edit-form-group select:focus {
					border-color: #4f46e5;
					outline: none;
					box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
				}
				.cnradards-edit-table {
					width: 100%;
					border-collapse: collapse;
					margin-top: 10px;
				}
				.cnradards-edit-table th {
					text-align: left;
					padding: 10px;
					background: #f8fafc;
					border-bottom: 2px solid #e2e8f0;
					color: #64748b;
					font-size: 11px;
					font-weight: 700;
					text-transform: uppercase;
				}
				.cnradards-edit-table td {
					padding: 10px;
					border-bottom: 1px solid #f1f5f9;
				}
				.cnradards-edit-table input,
				.cnradards-edit-table select {
					height: 36px;
					padding: 6px 10px;
					border: 1px solid #cbd5e1;
					border-radius: 6px;
					font-size: 13px;
					width: 100%;
				}
				.cnradards-edit-table input:focus,
				.cnradards-edit-table select:focus {
					border-color: #4f46e5;
					outline: none;
				}
				.cnradards-alert {
					padding: 12px 16px;
					border-radius: 8px;
					font-weight: 600;
					font-size: 14px;
					margin-bottom: 20px;
				}
				.cnradards-alert-success {
					background-color: #ecfdf5;
					color: #065f46;
					border: 1px solid #a7f3d0;
				}
				.cnradards-alert-error {
					background-color: #fef2f2;
					color: #991b1b;
					border: 1px solid #fca5a5;
				}

				@media (max-width: 768px) {
					/* Force table to not be like a table anymore */
					.cnradards-edit-table, 
					.cnradards-edit-table thead, 
					.cnradards-edit-table tbody, 
					.cnradards-edit-table th, 
					.cnradards-edit-table td, 
					.cnradards-edit-table tr { 
						display: block !important; 
					}
					
					/* Hide table headers */
					.cnradards-edit-table thead tr { 
						position: absolute !important;
						top: -9999px !important;
						left: -9999px !important;
					}
					
					.cnradards-edit-table tr { 
						border: 1px solid #cbd5e1 !important;
						border-radius: 12px !important;
						margin-bottom: 20px !important;
						padding: 15px !important;
						background: #f8fafc !important;
					}
					
					.cnradards-edit-table td { 
						border: none !important;
						border-bottom: 1px solid #e2e8f0 !important; 
						position: relative !important;
						padding: 10px 0 10px 40% !important; 
						text-align: left !important;
					}
					
					.cnradards-edit-table td:last-child {
						border-bottom: 0 !important;
						text-align: right !important;
						padding: 10px 0 0 0 !important;
					}
					
					/* Label prefixing */
					.cnradards-edit-table td:before { 
						position: absolute !important;
						top: 18px !important;
						left: 0 !important;
						width: 35% !important; 
						padding-right: 10px !important; 
						white-space: nowrap !important;
						text-align: left !important;
						font-weight: 700 !important;
						color: #64748b !important;
						font-size: 11px !important;
						text-transform: uppercase !important;
						content: attr(data-label) !important;
					}
					
					.cnradards-edit-table td:last-child:before {
						content: "" !important;
					}
					
					.cnradards-edit-table select, 
					.cnradards-edit-table input {
						width: 100% !important;
						box-sizing: border-box !important;
					}

					.select2-container {
						max-width: 100% !important;
					}
				}

				@media (max-width: 600px) {
					.cnradards-frontend-edit-container {
						padding: 15px !important;
						border-radius: 12px !important;
					}
					.cnradards-edit-grid {
						grid-template-columns: 1fr !important;
						gap: 12px !important;
					}
					.cnradards-edit-form-group.span-2 {
						grid-column: span 1 !important;
					}
					.cnradards-edit-title-bar {
						flex-direction: column !important;
						align-items: flex-start !important;
						gap: 12px !important;
					}
				}

				.cnradards-edit-actions {
					display: flex;
					gap: 15px;
					justify-content: flex-end;
					margin-top: 20px;
				}
				.cnradards-edit-btn-save {
					background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
					color: #ffffff;
					border: none;
					padding: 10px 24px;
					border-radius: 8px;
					font-weight: 700;
					font-size: 14px;
					cursor: pointer;
					transition: all 0.2s;
					box-shadow: 0 4px 10px rgba(124, 58, 237, 0.2);
				}
				.cnradards-edit-btn-save:hover {
					transform: translateY(-1px);
					box-shadow: 0 6px 15px rgba(124, 58, 237, 0.3);
				}
				.cnradards-edit-btn-add {
					background-color: #f8fafc;
					border: 1px solid #cbd5e1;
					color: #475569;
					padding: 8px 16px;
					border-radius: 8px;
					font-weight: 700;
					font-size: 13px;
					cursor: pointer;
					transition: all 0.2s;
					margin-top: 10px;
				}
				.cnradards-edit-btn-add:hover {
					background-color: #f1f5f9;
					border-color: #94a3b8;
					color: #1e293b;
				}
				.cnradards-edit-btn-delete {
					background: #fef2f2;
					border: 1px solid #fee2e2;
					color: #ef4444;
					padding: 6px 12px;
					border-radius: 6px;
					font-weight: 700;
					font-size: 11px;
					cursor: pointer;
					transition: all 0.2s;
				}
				.cnradards-edit-btn-delete:hover {
					background: #fee2e2;
					border-color: #fca5a5;
					color: #b91c1c;
				}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 3 */
.cnradards-judges-mgr-container {
					font-family: 'Plus Jakarta Sans', sans-serif;
					max-width: 1000px;
					margin: 0 auto;
					padding: 20px;
					background: #ffffff;
					border-radius: 16px;
					border: 1px solid #e2e8f0;
					box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
				}
				/* Premium Stats Grid & Cards */
				.cnradards-stats-grid {
					display: grid;
					grid-template-columns: repeat(4, 1fr);
					gap: 15px;
					margin-bottom: 25px;
				}
				.cnradards-stat-card {
					background: #f8fafc;
					border: 1px solid #e2e8f0;
					border-radius: 12px;
					padding: 15px 20px;
					display: flex;
					flex-direction: column;
					gap: 6px;
					transition: all 0.2s ease-in-out;
				}
				.cnradards-stat-card:hover {
					transform: translateY(-2px);
					box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
					border-color: #cbd5e1;
				}
				.cnradards-stat-label {
					font-size: 11px;
					font-weight: 700;
					color: #64748b;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.cnradards-stat-value {
					font-size: 24px;
					font-weight: 800;
					color: #0f172a;
					line-height: 1;
				}
				.cnradards-stat-subtext {
					font-size: 11px;
					color: #94a3b8;
				}
				/* Empty State */
				.cnradards-empty-state {
					text-align: center;
					padding: 50px 20px;
					background: #f8fafc;
					border-radius: 12px;
					border: 1px dashed #cbd5e1;
					color: #64748b;
					margin: 20px 0;
				}
				.cnradards-empty-icon {
					font-size: 36px;
					margin-bottom: 12px;
					display: block;
				}
				.cnradards-empty-title {
					font-size: 16px;
					font-weight: 700;
					color: #334155;
					margin-bottom: 6px;
				}
				.cnradards-empty-desc {
					font-size: 13px;
					margin-bottom: 15px;
				}
				@media (max-width: 768px) {
					.cnradards-stats-grid {
						grid-template-columns: repeat(2, 1fr) !important;
					}
				}
				@media (max-width: 480px) {
					.cnradards-stats-grid {
						grid-template-columns: 1fr !important;
					}
				}
				.cnradards-mgr-header {
					display: flex;
					justify-content: space-between;
					align-items: center;
					border-bottom: 1px solid #f1f5f9;
					padding-bottom: 15px;
					margin-bottom: 25px;
					flex-wrap: wrap;
					gap: 15px;
				}
				.cnradards-mgr-header h2 {
					margin: 0;
					font-size: 22px;
					font-weight: 800;
					color: #0f172a;
				}
				.cnradards-mgr-header-actions {
					display: flex;
					gap: 10px;
					flex-wrap: wrap;
				}
				.cnradards-mgr-btn-add,
				.cnradards-mgr-btn-save {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #ffffff !important;
					background: #4f46e5 !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: none !important;
					cursor: pointer !important;
					box-shadow: 0 4px 10px rgba(79, 70, 229, 0.15) !important;
				}
				.cnradards-mgr-btn-add:hover,
				.cnradards-mgr-btn-save:hover {
					background: #4338ca !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-export {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #475569 !important;
					background: #ffffff !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: 1px solid #cbd5e1 !important;
					cursor: pointer !important;
				}
				.cnradards-mgr-btn-export:hover {
					background: #f8fafc !important;
					border-color: #94a3b8 !important;
					color: #1e293b !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-sync {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #b45309 !important;
					background: #fffbeb !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: 1px solid #fde68a !important;
					cursor: pointer !important;
				}
				.cnradards-mgr-btn-sync:hover {
					background: #fef3c7 !important;
					border-color: #f59e0b !important;
					color: #92400e !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-back {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #4338ca !important;
					text-decoration: none !important;
					background: #e0e7ff !important;
					padding: 8px 16px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					border: 1px solid #c7d2fe !important;
				}
				.cnradards-mgr-btn-back:hover {
					background: #c7d2fe !important;
					color: #3730a3 !important;
					border-color: #a5b4fc !important;
				}
				.cnradards-mgr-actions-wrap {
					display: flex !important;
					gap: 8px !important;
					justify-content: flex-end !important;
					align-items: center !important;
					flex-wrap: wrap !important;
				}
				.cnradards-mgr-btn-delete {
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 6px !important;
					font-size: 12px !important;
					font-weight: 700 !important;
					color: #ef4444 !important;
					background: #fef2f2 !important;
					border: 1px solid #fee2e2 !important;
					width: 105px !important;
					height: 32px !important;
					border-radius: 6px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					cursor: pointer !important;
					box-sizing: border-box !important;
					margin: 0 !important;
				}
				.cnradards-mgr-btn-delete:hover {
					background: #fee2e2 !important;
					color: #991b1b !important;
					text-decoration: none !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-filter-bar {
					display: flex;
					gap: 15px;
					margin-bottom: 20px;
					flex-wrap: wrap;
				}
				.cnradards-mgr-filter-bar input {
					flex: 1;
					min-width: 200px;
					height: 40px;
					padding: 8px 12px;
					border: 1px solid #cbd5e1;
					border-radius: 8px;
					font-size: 14px;
				}
				.cnradards-mgr-filter-bar button {
					height: 40px;
					padding: 0 20px;
					background: #f1f5f9;
					border: 1px solid #cbd5e1;
					color: #334155;
					border-radius: 8px;
					font-weight: 700;
					cursor: pointer;
					transition: all 0.2s;
				}
				.cnradards-mgr-filter-bar button:hover {
					background: #e2e8f0;
				}
				.cnradards-mgr-table-wrapper {
					border-radius: 12px;
					overflow: hidden;
					border: 1px solid #e2e8f0;
					box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
					margin-top: 15px;
				}
				.cnradards-mgr-table {
					width: 100%;
					border-collapse: collapse;
					margin: 0;
				}
				.cnradards-mgr-table th {
					text-align: left;
					padding: 14px 16px;
					background: #f8fafc;
					border-bottom: 2px solid #e2e8f0;
					color: #475569;
					font-size: 11px;
					font-weight: 700;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.cnradards-mgr-table tr {
					transition: background-color 0.2s ease-in-out;
				}
				.cnradards-mgr-table tr:hover {
					background-color: #f8fafc;
				}
				.cnradards-mgr-table td {
					padding: 14px 16px;
					border-bottom: 1px solid #f1f5f9;
					font-size: 13px;
					color: #334155;
					vertical-align: middle;
				}
				.cnradards-mgr-table tr:last-child td {
					border-bottom: none;
				}
				.cnradards-judge-avatar {
					width: 40px;
					height: 40px;
					border-radius: 50%;
					object-fit: cover;
					border: 2px solid #e2e8f0;
					background: #f8fafc;
				}
				.cnradards-judge-avatar-placeholder {
					width: 40px;
					height: 40px;
					border-radius: 50%;
					background: #f1f5f9;
					border: 2px solid #e2e8f0;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 18px;
					color: #94a3b8;
				}
				.cnradards-mgr-edit-btn {
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 6px !important;
					font-size: 12px !important;
					font-weight: 700 !important;
					color: #4f46e5 !important;
					background: #f5f3ff !important;
					border: 1px solid #ddd6fe !important;
					width: 105px !important;
					height: 32px !important;
					border-radius: 6px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					cursor: pointer !important;
					box-sizing: border-box !important;
					margin: 0 !important;
				}
				.cnradards-mgr-edit-btn:hover {
					background: #ede9fe !important;
					color: #4338ca !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-form-photo-preview-wrap {
					display: flex;
					align-items: center;
					gap: 15px;
					margin-bottom: 10px;
				}
				.cnradards-form-photo-preview {
					width: 80px;
					height: 80px;
					border-radius: 50%;
					object-fit: cover;
					border: 3px solid #e2e8f0;
				}
				.cnradards-upload-zone {
					position: relative;
					border: 2px dashed #cbd5e1;
					border-radius: 12px;
					padding: 20px;
					text-align: center;
					background: #f8fafc;
					transition: all 0.2s;
					cursor: pointer;
				}
				.cnradards-upload-zone:hover {
					border-color: #4f46e5;
					background: #f5f3ff;
				}
				.cnradards-upload-zone input[type="file"] {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
					cursor: pointer;
				}
				.cnradards-upload-zone-text {
					font-size: 13px;
					color: #64748b;
					font-weight: 500;
				}
				.cnradards-upload-zone-text strong {
					color: #4f46e5;
				}
				
				.cnradards-edit-grid {
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					gap: 15px;
				}
				.cnradards-edit-form-group {
					display: flex;
					flex-direction: column;
					gap: 6px;
				}
				.cnradards-edit-form-group.span-2 {
					grid-column: span 2;
				}
				.cnradards-edit-form-group label {
					font-size: 12px;
					font-weight: 700;
					color: #475569;
					text-transform: uppercase;
				}
				.cnradards-edit-form-group input[type="text"],
				.cnradards-edit-form-group input[type="date"],
				.cnradards-edit-form-group input[type="email"],
				.cnradards-edit-form-group input[type="file"],
				.cnradards-edit-form-group select,
				.cnradards-edit-form-group textarea {
					width: 100%;
					padding: 8px 12px;
					border: 1px solid #cbd5e1;
					border-radius: 8px;
					font-size: 14px;
					font-weight: 500;
					color: #1e293b;
					background-color: #ffffff;
					box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
					transition: all 0.2s;
				}
				.cnradards-edit-form-group input:focus,
				.cnradards-edit-form-group select:focus,
				.cnradards-edit-form-group textarea:focus {
					border-color: #4f46e5;
					outline: none;
					box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
				}
				.cnradards-pagination a,
				.cnradards-pagination span {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					min-width: 32px;
					height: 32px;
					padding: 0 6px;
					font-size: 13px;
					font-weight: 600;
					border-radius: 8px;
					border: 1px solid #cbd5e1;
					color: #475569;
					text-decoration: none;
					transition: all 0.2s;
					background: #ffffff;
				}
				.cnradards-pagination a:hover {
					background: #f1f5f9;
					border-color: #94a3b8;
					color: #1e293b;
					transform: translateY(-1px);
				}
				.cnradards-pagination span.current {
					background: #4f46e5 !important;
					color: #ffffff !important;
					border-color: #4f46e5 !important;
					box-shadow: 0 4px 10px rgba(79, 70, 229, 0.15) !important;
				}

				@media (max-width: 768px) {
					.cnradards-mgr-table-wrapper {
						border: none !important;
						box-shadow: none !important;
					}
					.cnradards-mgr-table, 
					.cnradards-mgr-table thead, 
					.cnradards-mgr-table tbody, 
					.cnradards-mgr-table th, 
					.cnradards-mgr-table td, 
					.cnradards-mgr-table tr { 
						display: block !important; 
					}
					
					.cnradards-mgr-table thead tr { 
						position: absolute !important;
						top: -9999px !important;
						left: -9999px !important;
					}
					
					.cnradards-mgr-table tr { 
						border: 1px solid #cbd5e1 !important;
						border-radius: 12px !important;
						margin-bottom: 20px !important;
						padding: 15px !important;
						background: #f8fafc !important;
					}
					
					.cnradards-mgr-table td { 
						border: none !important;
						border-bottom: 1px solid #e2e8f0 !important; 
						position: relative !important;
						padding: 10px 0 10px 40% !important; 
						text-align: left !important;
					}
					
					.cnradards-mgr-table td:last-child {
						border-bottom: 0 !important;
						text-align: right !important;
						padding: 10px 0 0 0 !important;
					}
					
					.cnradards-mgr-table td:before { 
						position: absolute !important;
						top: 12px !important;
						left: 0 !important;
						width: 35% !important; 
						padding-right: 10px !important; 
						white-space: nowrap !important;
						text-align: left !important;
						font-weight: 700 !important;
						color: #64748b !important;
						font-size: 11px !important;
						text-transform: uppercase !important;
						content: attr(data-label) !important;
					}
					
					.cnradards-mgr-table td:last-child:before {
						content: "" !important;
					}
					
					.cnradards-edit-grid {
						grid-template-columns: 1fr !important;
						gap: 12px !important;
					}
					
					.cnradards-edit-form-group.span-2 {
						grid-column: span 1 !important;
					}
					
					.cnradards-mgr-header {
						flex-direction: column !important;
						align-items: flex-start !important;
					}
				}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 4 */
.cnradards-clubes-mgr-container {
					font-family: 'Plus Jakarta Sans', sans-serif;
					max-width: 1000px;
					margin: 0 auto;
					padding: 20px;
					background: #ffffff;
					border-radius: 16px;
					border: 1px solid #e2e8f0;
					box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
				}
				/* Premium Stats Grid & Cards */
				.cnradards-stats-grid {
					display: grid;
					grid-template-columns: repeat(4, 1fr);
					gap: 15px;
					margin-bottom: 25px;
				}
				.cnradards-stat-card {
					background: #f8fafc;
					border: 1px solid #e2e8f0;
					border-radius: 12px;
					padding: 15px 20px;
					display: flex;
					flex-direction: column;
					gap: 6px;
					transition: all 0.2s ease-in-out;
				}
				.cnradards-stat-card:hover {
					transform: translateY(-2px);
					box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
					border-color: #cbd5e1;
				}
				.cnradards-stat-label {
					font-size: 11px;
					font-weight: 700;
					color: #64748b;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.cnradards-stat-value {
					font-size: 24px;
					font-weight: 800;
					color: #0f172a;
					line-height: 1;
				}
				.cnradards-stat-subtext {
					font-size: 11px;
					color: #94a3b8;
				}
				/* Empty State */
				.cnradards-empty-state {
					text-align: center;
					padding: 50px 20px;
					background: #f8fafc;
					border-radius: 12px;
					border: 1px dashed #cbd5e1;
					color: #64748b;
					margin: 20px 0;
				}
				.cnradards-empty-icon {
					font-size: 36px;
					margin-bottom: 12px;
					display: block;
				}
				.cnradards-empty-title {
					font-size: 16px;
					font-weight: 700;
					color: #334155;
					margin-bottom: 6px;
				}
				.cnradards-empty-desc {
					font-size: 13px;
					margin-bottom: 15px;
				}
				@media (max-width: 768px) {
					.cnradards-stats-grid {
						grid-template-columns: repeat(2, 1fr) !important;
					}
				}
				@media (max-width: 480px) {
					.cnradards-stats-grid {
						grid-template-columns: 1fr !important;
					}
				}
				.cnradards-mgr-header {
					display: flex;
					justify-content: space-between;
					align-items: center;
					border-bottom: 1px solid #f1f5f9;
					padding-bottom: 15px;
					margin-bottom: 25px;
					flex-wrap: wrap;
					gap: 15px;
				}
				.cnradards-mgr-header h2 {
					margin: 0;
					font-size: 22px;
					font-weight: 800;
					color: #0f172a;
				}
				.cnradards-mgr-header-actions {
					display: flex;
					gap: 10px;
					flex-wrap: wrap;
				}
				.cnradards-mgr-btn-add,
				.cnradards-mgr-btn-save {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #ffffff !important;
					background: #4f46e5 !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: none !important;
					cursor: pointer !important;
					box-shadow: 0 4px 10px rgba(79, 70, 229, 0.15) !important;
				}
				.cnradards-mgr-btn-add:hover,
				.cnradards-mgr-btn-save:hover {
					background: #4338ca !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-export {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #475569 !important;
					background: #ffffff !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: 1px solid #cbd5e1 !important;
					cursor: pointer !important;
				}
				.cnradards-mgr-btn-export:hover {
					background: #f8fafc !important;
					border-color: #94a3b8 !important;
					color: #1e293b !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-sync {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #b45309 !important;
					background: #fffbeb !important;
					padding: 10px 18px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					border: 1px solid #fde68a !important;
					cursor: pointer !important;
				}
				.cnradards-mgr-btn-sync:hover {
					background: #fef3c7 !important;
					border-color: #f59e0b !important;
					color: #92400e !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-btn-back {
					display: inline-flex !important;
					align-items: center !important;
					gap: 6px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #4338ca !important;
					text-decoration: none !important;
					background: #e0e7ff !important;
					padding: 8px 16px !important;
					border-radius: 8px !important;
					transition: all 0.2s !important;
					border: 1px solid #c7d2fe !important;
				}
				.cnradards-mgr-btn-back:hover {
					background: #c7d2fe !important;
					color: #3730a3 !important;
					border-color: #a5b4fc !important;
				}
				.cnradards-mgr-actions-wrap {
					display: flex !important;
					gap: 8px !important;
					justify-content: flex-end !important;
					align-items: center !important;
					flex-wrap: wrap !important;
				}
				.cnradards-mgr-btn-delete {
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 6px !important;
					font-size: 12px !important;
					font-weight: 700 !important;
					color: #ef4444 !important;
					background: #fef2f2 !important;
					border: 1px solid #fee2e2 !important;
					width: 105px !important;
					height: 32px !important;
					border-radius: 6px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					cursor: pointer !important;
					box-sizing: border-box !important;
					margin: 0 !important;
				}
				.cnradards-mgr-btn-delete:hover {
					background: #fee2e2 !important;
					color: #991b1b !important;
					text-decoration: none !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-mgr-filter-bar {
					display: flex;
					gap: 15px;
					margin-bottom: 20px;
					flex-wrap: wrap;
				}
				.cnradards-mgr-filter-bar input {
					flex: 1;
					min-width: 200px;
					height: 40px;
					padding: 8px 12px;
					border: 1px solid #cbd5e1;
					border-radius: 8px;
					font-size: 14px;
				}
				.cnradards-mgr-filter-bar button {
					height: 40px;
					padding: 0 20px;
					background: #f1f5f9;
					border: 1px solid #cbd5e1;
					color: #334155;
					border-radius: 8px;
					font-weight: 700;
					cursor: pointer;
					transition: all 0.2s;
				}
				.cnradards-mgr-filter-bar button:hover {
					background: #e2e8f0;
				}
				.cnradards-mgr-table-wrapper {
					border-radius: 12px;
					overflow: hidden;
					border: 1px solid #e2e8f0;
					box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
					margin-top: 15px;
				}
				.cnradards-mgr-table {
					width: 100%;
					border-collapse: collapse;
					margin: 0;
				}
				.cnradards-mgr-table th {
					text-align: left;
					padding: 14px 16px;
					background: #f8fafc;
					border-bottom: 2px solid #e2e8f0;
					color: #475569;
					font-size: 11px;
					font-weight: 700;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.cnradards-mgr-table tr {
					transition: background-color 0.2s ease-in-out;
				}
				.cnradards-mgr-table tr:hover {
					background-color: #f8fafc;
				}
				.cnradards-mgr-table td {
					padding: 14px 16px;
					border-bottom: 1px solid #f1f5f9;
					font-size: 13px;
					color: #334155;
					vertical-align: middle;
				}
				.cnradards-mgr-table tr:last-child td {
					border-bottom: none;
				}
				.cnradards-club-logo {
					width: 40px;
					height: 40px;
					border-radius: 8px;
					object-fit: contain;
					border: 1px solid #e2e8f0;
					background: #f8fafc;
				}
				.cnradards-club-logo-placeholder {
					width: 40px;
					height: 40px;
					border-radius: 8px;
					background: #f1f5f9;
					border: 1px solid #e2e8f0;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 18px;
					color: #94a3b8;
				}
				.cnradards-mgr-edit-btn {
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 6px !important;
					font-size: 12px !important;
					font-weight: 700 !important;
					color: #4f46e5 !important;
					background: #f5f3ff !important;
					border: 1px solid #ddd6fe !important;
					width: 105px !important;
					height: 32px !important;
					border-radius: 6px !important;
					transition: all 0.2s !important;
					text-decoration: none !important;
					cursor: pointer !important;
					box-sizing: border-box !important;
					margin: 0 !important;
				}
				.cnradards-mgr-edit-btn:hover {
					background: #ede9fe !important;
					color: #4338ca !important;
					transform: translateY(-1px) !important;
				}
				.cnradards-form-logo-preview-wrap {
					display: flex;
					align-items: center;
					gap: 15px;
					margin-bottom: 10px;
				}
				.cnradards-form-logo-preview {
					width: 80px;
					height: 80px;
					border-radius: 8px;
					object-fit: contain;
					border: 2px solid #e2e8f0;
					background: #f8fafc;
				}
				.cnradards-upload-zone {
					position: relative;
					border: 2px dashed #cbd5e1;
					border-radius: 12px;
					padding: 20px;
					text-align: center;
					background: #f8fafc;
					transition: all 0.2s;
					cursor: pointer;
				}
				.cnradards-upload-zone:hover {
					border-color: #4f46e5;
					background: #f5f3ff;
				}
				.cnradards-upload-zone input[type="file"] {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
					cursor: pointer;
				}
				.cnradards-upload-zone-text {
					font-size: 13px;
					color: #64748b;
					font-weight: 500;
				}
				.cnradards-upload-zone-text strong {
					color: #4f46e5;
				}
				
				.cnradards-edit-grid {
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					gap: 15px;
				}
				.cnradards-edit-form-group {
					display: flex;
					flex-direction: column;
					gap: 6px;
				}
				.cnradards-edit-form-group.span-2 {
					grid-column: span 2;
				}
				.cnradards-edit-form-group label {
					font-size: 12px;
					font-weight: 700;
					color: #475569;
					text-transform: uppercase;
				}
				.cnradards-edit-form-group input[type="text"],
				.cnradards-edit-form-group input[type="url"],
				.cnradards-edit-form-group input[type="email"],
				.cnradards-edit-form-group input[type="file"],
				.cnradards-edit-form-group select,
				.cnradards-edit-form-group textarea {
					width: 100%;
					padding: 8px 12px;
					border: 1px solid #cbd5e1;
					border-radius: 8px;
					font-size: 14px;
					font-weight: 500;
					color: #1e293b;
					background-color: #ffffff;
					box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
					transition: all 0.2s;
				}
				.cnradards-edit-form-group input:focus,
				.cnradards-edit-form-group select:focus,
				.cnradards-edit-form-group textarea:focus {
					border-color: #4f46e5;
					outline: none;
					box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
				}
				.cnradards-pagination a,
				.cnradards-pagination span {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					min-width: 32px;
					height: 32px;
					padding: 0 6px;
					font-size: 13px;
					font-weight: 600;
					border-radius: 8px;
					border: 1px solid #cbd5e1;
					color: #475569;
					text-decoration: none;
					transition: all 0.2s;
					background: #ffffff;
				}
				.cnradards-pagination a:hover {
					background: #f1f5f9;
					border-color: #94a3b8;
					color: #1e293b;
					transform: translateY(-1px);
				}
				.cnradards-pagination span.current {
					background: #4f46e5 !important;
					color: #ffffff !important;
					border-color: #4f46e5 !important;
					box-shadow: 0 4px 10px rgba(79, 70, 229, 0.15) !important;
				}

				@media (max-width: 768px) {
					.cnradards-mgr-table-wrapper {
						border: none !important;
						box-shadow: none !important;
					}
					.cnradards-mgr-table, 
					.cnradards-mgr-table thead, 
					.cnradards-mgr-table tbody, 
					.cnradards-mgr-table th, 
					.cnradards-mgr-table td, 
					.cnradards-mgr-table tr { 
						display: block !important; 
					}
					
					.cnradards-mgr-table thead tr { 
						position: absolute !important;
						top: -9999px !important;
						left: -9999px !important;
					}
					
					.cnradards-mgr-table tr { 
						border: 1px solid #cbd5e1 !important;
						border-radius: 12px !important;
						margin-bottom: 20px !important;
						padding: 15px !important;
						background: #f8fafc !important;
					}
					
					.cnradards-mgr-table td { 
						border: none !important;
						border-bottom: 1px solid #e2e8f0 !important; 
						position: relative !important;
						padding: 10px 0 10px 40% !important; 
						text-align: left !important;
					}
					
					.cnradards-mgr-table td:last-child {
						border-bottom: 0 !important;
						text-align: right !important;
						padding: 10px 0 0 0 !important;
					}
					
					.cnradards-mgr-table td:before { 
						position: absolute !important;
						top: 12px !important;
						left: 0 !important;
						width: 35% !important; 
						padding-right: 10px !important; 
						white-space: nowrap !important;
						text-align: left !important;
						font-weight: 700 !important;
						color: #64748b !important;
						font-size: 11px !important;
						text-transform: uppercase !important;
						content: attr(data-label) !important;
					}
					
					.cnradards-mgr-table td:last-child:before {
						content: "" !important;
					}
					
					.cnradards-edit-grid {
						grid-template-columns: 1fr !important;
						gap: 12px !important;
					}
					
					.cnradards-edit-form-group.span-2 {
						grid-column: span 1 !important;
					}
					
					.cnradards-mgr-header {
						flex-direction: column !important;
						align-items: flex-start !important;
					}
				}

/* Migrated PHP style block from includes/Frontend/Shortcodes.php block 5 */
.cnradards-pedigree-wrapper { display: flex; flex-direction: row; align-items: center; font-family: inherit; }
			.cnradards-pedigree-node-container { display: flex; align-items: center; margin: 5px 0; }
			.cnradards-pedigree-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 10px; min-width: 140px; max-width: 240px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); position: relative; z-index: 2; }
			.cnradards-pedigree-card.node-macho { border-left: 4px solid #3b82f6; }
			.cnradards-pedigree-card.node-femea { border-left: 4px solid #ec4899; }
			.cnradards-pedigree-card.node-unknown { border-left: 4px solid #94a3b8; }
			.cnradards-pedigree-name { font-size: 11px; font-weight: 700; color: #1e293b; margin-bottom: 4px; line-height: 1.3; word-break: break-word; }
			.cnradards-pedigree-rg { font-size: 10px; color: #64748b; }
			.cnradards-pedigree-parents { display: flex; flex-direction: column; margin-left: 20px; position: relative; }
			.cnradards-pedigree-parents::before { content: ''; position: absolute; left: -10px; top: 25%; bottom: 25%; border-left: 1px solid #cbd5e1; z-index: 1; }
			.cnradards-pedigree-parent-link { position: relative; display: flex; align-items: center; }
			.cnradards-pedigree-parent-link::before { content: ''; position: absolute; left: -20px; top: 50%; width: 20px; border-top: 1px solid #cbd5e1; z-index: 1; }
			.cnradards-pedigree-card-connector { position: absolute; right: -10px; top: 50%; width: 10px; border-top: 1px solid #cbd5e1; z-index: 1; }

/* Migrated PHP style block from templates/single-cn_promotor_clube.php block 0 */
.cn-club-container,
	.cn-club-container * {
		box-sizing: border-box !important;
	}
	.cn-page-wrapper {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
		min-height: 75vh !important;
		box-sizing: border-box !important;
	}
	.cn-club-container {
		max-width: 1000px;
		margin: 0 auto !important;
		padding: 0 20px;
		font-family: 'Plus Jakarta Sans', sans-serif;
		color: #1e293b;
		line-height: 1.6;
	}
	
	/* CV Header styling */
	.cn-club-cv-header {
		display: flex;
		gap: 30px;
		align-items: center;
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 30px;
		margin-bottom: 30px;
	}
	.cn-club-logo-wrap {
		width: 120px;
		height: 120px;
		border-radius: 12px;
		overflow: hidden;
		border: 4px solid #f8fafc;
		box-shadow: 0 8px 20px rgba(0,0,0,0.06);
		display: flex;
		align-items: center;
		justify-content: center;
		background: #f8fafc;
		flex-shrink: 0;
	}
	.cn-club-logo-wrap img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 8px;
	}
	.cn-club-logo-placeholder {
		font-size: 40px;
		color: #cbd5e1;
		font-weight: 800;
	}
	.cn-club-cv-header-details {
		flex: 1;
	}
	.cn-club-title-cv {
		font-size: 30px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 8px 0 !important;
		line-height: 1.2 !important;
	}
	.cn-club-subtitle-cv {
		font-size: 12px;
		color: #4f46e5;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 4px;
	}
	.cn-club-location-cv {
		font-size: 14px;
		color: #64748b;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-club-cv-header-actions {
		flex-shrink: 0;
	}

	/* CV Layout Grid */
	.cn-club-profile-grid {
		display: grid;
		grid-template-columns: 320px 1fr;
		gap: 30px;
	}
	@media (max-width: 768px) {
		.cn-club-profile-grid {
			grid-template-columns: 1fr;
		}
		.cn-club-cv-header {
			flex-direction: column;
			text-align: center;
			padding: 24px;
			gap: 20px;
		}
		.cn-club-logo-wrap {
			align-self: center;
		}
		.cn-club-location-cv {
			justify-content: center;
		}
		.cn-club-cv-header-actions {
			width: 100%;
		}
		.cn-share-btn {
			width: 100%;
		}
	}

	.cn-club-sidebar {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.cn-club-sidebar-info {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 24px;
	}
	.cn-club-sidebar-title {
		font-size: 14px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 16px 0;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border-bottom: 2px solid #f1f5f9;
		padding-bottom: 8px;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-club-info-list {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.cn-club-info-item {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.cn-club-info-label {
		font-size: 10px;
		color: #94a3b8;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.5px;
		display: flex;
		align-items: center;
		gap: 4px;
	}
	.cn-club-info-value {
		font-size: 14px;
		color: #334155;
		font-weight: 600;
	}

	/* Contacts */
	.cn-contact-pill {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 10px 14px;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.2s ease;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid transparent;
		text-align: center;
	}
	.cn-contact-email {
		background: #f0f9ff;
		color: #0369a1;
		border-color: #bae6fd;
	}
	.cn-contact-email:hover {
		background: #e0f2fe;
		color: #0284c7;
	}
	.cn-contact-phone {
		background: #f8fafc;
		color: #475569;
		border-color: #e2e8f0;
	}
	.cn-contact-phone:hover {
		background: #f1f5f9;
		color: #334155;
	}
	.cn-contact-whatsapp {
		background: #ecfdf5;
		color: #047857;
		border-color: #a7f3d0;
	}
	.cn-contact-whatsapp:hover {
		background: #d1fae5;
		color: #065f46;
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(4, 120, 87, 0.1);
	}
	.cn-contact-website {
		background: #f5f3ff;
		color: #4f46e5;
		border-color: #ddd6fe;
	}
	.cn-contact-website:hover {
		background: #ede9fe;
		color: #4338ca;
	}
	.cn-contact-instagram {
		background: #fdf2f8;
		color: #db2777;
		border-color: #fbcfe8;
	}
	.cn-contact-instagram:hover {
		background: #fce7f3;
		color: #be185d;
	}
	.cn-contact-facebook {
		background: #eff6ff;
		color: #1d4ed8;
		border-color: #bfdbfe;
	}
	.cn-contact-facebook:hover {
		background: #dbeafe;
		color: #1e3a8a;
	}

	/* Sidebar Metrics Row */
	.cn-club-sidebar-metrics-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.cn-club-metric-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 14px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		transition: all 0.2s ease;
	}
	.cn-club-metric-row:hover {
		background: #ffffff;
		border-color: #cbd5e1;
		box-shadow: 0 4px 12px rgba(0,0,0,0.02);
	}
	.cn-club-metric-lbl {
		font-size: 10px;
		font-weight: 800;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.cn-club-metric-val {
		font-size: 18px;
		font-weight: 800;
		color: #4f46e5;
	}

	/* Main Content Column */
	.cn-club-main-content {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.cn-club-section-card {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 28px;
	}
	.cn-club-section-title {
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 20px 0;
		border-left: 4px solid #4f46e5;
		padding-left: 12px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.cn-club-description,
	.cn-club-description p {
		color: #334155 !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}

	.cn-club-events-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 16px;
		width: 100%;
	}
	.cn-club-event-card {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 16px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		transition: all 0.2s ease;
	}
	.cn-club-event-card:hover {
		border-color: #cbd5e1;
		background: #ffffff;
		box-shadow: 0 4px 12px rgba(0,0,0,0.02);
		transform: translateY(-1px);
	}
	.cn-club-event-name {
		font-weight: 700;
		font-size: 14px;
		color: #1e293b;
		margin: 0 0 8px 0;
		line-height: 1.3;
	}
	.cn-club-event-name a {
		color: inherit;
		text-decoration: none;
	}
	.cn-club-event-name a:hover {
		color: #4f46e5;
	}
	.cn-club-event-date-loc {
		font-size: 12px;
		color: #64748b;
		font-weight: 500;
		display: flex;
		align-items: center;
		gap: 4px;
		margin-bottom: 12px;
	}
	.cn-club-event-badges {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.cn-club-event-badge {
		font-size: 9px;
		font-weight: 800;
		padding: 3px 8px;
		border-radius: 9999px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border: 1px solid transparent;
	}
	.cn-badge-success { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
	.cn-badge-default { background: #f8fafc; color: #64748b; border-color: #e2e8f0; }

	/* Widget de Calendário Premium CSS */
	.cn-mini-calendar {
		display: flex !important;
		flex-direction: column !important;
		width: 44px !important;
		height: 44px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		text-align: center !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
		flex-shrink: 0 !important;
	}
	.cn-mini-month {
		background: #4f46e5 !important;
		color: #ffffff !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		padding: 2px 0 !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		line-height: 1 !important;
	}
	.cn-mini-day {
		color: #1e293b !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.5 !important;
		display: block !important;
	}

	/* Copyable details styling */
	.cn-copyable {
		position: relative;
		cursor: pointer;
		transition: all 0.2s ease;
		padding: 2px 6px;
		margin: -2px -6px;
		border-radius: 4px;
	}
	.cn-copyable:hover {
		background: #f1f5f9;
		color: #0f172a;
	}
	.cn-copyable-hint {
		font-size: 8px;
		color: #94a3b8;
		font-weight: 800;
		text-transform: uppercase;
		margin-left: 6px;
		letter-spacing: 0.3px;
		border: 1px dashed #cbd5e1;
		padding: 1px 4px;
		border-radius: 3px;
		display: inline-block;
		vertical-align: middle;
	}

	/* Share Button */
	.cn-share-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		color: #64748b;
		font-size: 12px;
		font-weight: 700;
		padding: 8px 14px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.2s ease;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.cn-share-btn:hover {
		background: #f1f5f9;
		color: #334155;
		border-color: #cbd5e1;
	}

	/* Botão Voltar Premium */
	.cn-back-btn-wrapper {
		margin-bottom: 24px;
	}
	.cn-back-btn {
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		color: #4f46e5;
		background: #f5f3ff;
		border: 1px solid #ddd6fe;
		padding: 8px 16px;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 700;
		transition: all 0.2s ease;
	}
	.cn-back-btn:hover {
		background: #ede9fe;
		color: #4338ca;
		transform: translateX(-2px);
	}
	.cn-back-btn svg {
		margin-right: 6px;
		transition: transform 0.2s ease;
	}
	.cn-back-btn:hover svg {
		transform: translateX(-2px);
	}

	/* Toast Notification */
	#cn-toast-notification {
		position: fixed;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%) translateY(100px);
		background: #0f172a;
		color: #ffffff;
		padding: 12px 24px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 600;
		box-shadow: 0 10px 25px rgba(0,0,0,0.25);
		z-index: 9999;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
		opacity: 0;
		pointer-events: none;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	#cn-toast-notification.cn-toast-show {
		transform: translateX(-50%) translateY(0);
		opacity: 1;
	}

	.cn-svg-icon {
		vertical-align: middle;
		flex-shrink: 0;
	}

/* Migrated PHP style block from templates/single-cn_radar_evento.php block 0 */
.cn-event-container,
	.cn-event-container * {
		box-sizing: border-box !important;
	}
	.cn-event-container {
		max-width: 850px;
		margin: 30px auto;
		padding: 0 15px;
		font-family: 'Plus Jakarta Sans', sans-serif;
		color: #1e293b;
		line-height: 1.5;
	}
	.cn-event-card {
		background: #ffffff;
		border-radius: 20px;
		box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
		border: 1px solid #e2e8f0;
		padding: 35px;
	}
	@media (max-width: 600px) {
		.cn-event-card {
			padding: 20px;
		}
	}
	
	/* Title Area */
	.cn-event-title-area {
		margin-bottom: 25px;
		position: relative;
	}
	.cn-event-meta-row {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 12px;
		flex-wrap: wrap;
	}
	.cn-event-source-badge {
		display: inline-flex;
		align-items: center;
		background: #f1f5f9;
		color: #475569;
		font-size: 10px;
		font-weight: 700;
		padding: 5px 12px;
		border-radius: 9999px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border: 1px solid #e2e8f0;
	}
	.cn-event-source-cbkc { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
	.cn-event-source-dogshow { background: #dbeafe; color: #1e40af; border-color: #bfdbfe; }
	
	.cn-edit-btn-header {
		font-size: 11px !important;
		font-weight: 700 !important;
		color: #dc2626 !important;
		background: #fef2f2 !important;
		border: 1px solid #fee2e2 !important;
		padding: 5px 12px !important;
		border-radius: 9999px !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		transition: all 0.2s ease !important;
	}
	.cn-edit-btn-header:hover {
		background: #fee2e2 !important;
		border-color: #f87171 !important;
		color: #991b1b !important;
		transform: translateY(-1px) !important;
	}
	.cn-event-main-title {
		margin: 0 !important;
		font-size: 28px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		line-height: 1.2 !important;
		letter-spacing: -0.5px !important;
	}
	.cn-event-card h1.cn-event-main-title {
		color: #0f172a !important;
	}
	@media (max-width: 600px) {
		.cn-event-main-title {
			font-size: 20px !important;
		}
	}
	
	/* Core Info Cards - Date & Location (2 Columns) */
	.cn-event-info-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		margin-bottom: 15px;
		margin-top: 5px;
	}
	@media (max-width: 600px) {
		.cn-event-info-grid {
			grid-template-columns: 1fr;
		}
	}
	.cn-info-card {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 16px;
		display: flex;
		align-items: center;
		gap: 15px;
		transition: all 0.2s ease;
	}
	.cn-info-card:hover {
		border-color: #cbd5e1;
		background: #f1f5f9;
	}
	.cn-info-card-icon {
		font-size: 20px;
		background: #ffffff;
		width: 42px;
		height: 42px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 2px 5px rgba(0,0,0,0.02);
		flex-shrink: 0;
		border: 1px solid #e2e8f0;
	}
	.cn-info-card-content {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.cn-info-card-label {
		font-size: 10px;
		color: #64748b;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.5px;
	}
	.cn-info-card-value {
		font-size: 14px;
		color: #1e293b;
		font-weight: 700;
	}
	
	/* Address Row */
	.cn-address-row {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 15px 18px;
		margin-bottom: 25px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		flex-wrap: wrap;
		transition: all 0.2s ease;
	}
	.cn-address-row:hover {
		border-color: #cbd5e1;
	}
	.cn-address-content {
		display: flex;
		flex-direction: column;
		gap: 4px;
		flex: 1;
		min-width: 250px;
	}
	.cn-address-text {
		font-size: 13px;
		color: #475569;
		font-weight: 500;
	}
	.cn-gps-btn {
		background: #10b981 !important;
		color: #ffffff !important;
		text-decoration: none !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 8px 14px !important;
		border-radius: 6px !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1) !important;
		transition: all 0.2s ease !important;
		border: none !important;
		cursor: pointer !important;
	}
	.cn-gps-btn:hover {
		background: #059669 !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 8px rgba(5, 150, 105, 0.2) !important;
	}
	
	/* Expositions */
	.cn-expos-section {
		margin-bottom: 25px;
	}
	.cn-expos-section h3 {
		font-size: 18px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 15px 0;
		border-left: 3px solid #4f46e5;
		padding-left: 10px;
	}
	.cn-expos-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.cn-expo-card {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 16px 20px;
		transition: all 0.2s ease;
		box-shadow: 0 1px 3px rgba(0,0,0,0.01);
	}
	.cn-expo-card:hover {
		border-color: #cbd5e1;
		box-shadow: 0 4px 10px rgba(0,0,0,0.02);
	}
	.cn-expo-header-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;
	}
	.cn-expo-title-text {
		font-weight: 800;
		font-size: 14px;
		color: #0f172a;
	}
	.cn-expo-meta-right {
		display: flex;
		align-items: center;
		gap: 10px;
		flex-wrap: wrap;
	}
	.cn-expo-date-text {
		font-size: 12px;
		color: #64748b;
		font-weight: 600;
	}
	.cn-expo-badge {
		font-size: 9px;
		font-weight: 700;
		padding: 3px 8px;
		border-radius: 4px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border: 1px solid transparent;
	}
	.cn-type-panamericana { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
	.cn-type-internacional { background: #fef9c3 !important; color: #a16207 !important; border: 1px solid #fef08a !important; }
	.cn-type-nacional { background: #dcfce7 !important; color: #15803d !important; border: 1px solid #bbf7d0 !important; }
	.cn-type-especializada { background: #f3e8ff !important; color: #6b21a8 !important; border: 1px solid #e9d5ff !important; }
	.cn-type-latinoamericana { background: #ffedd5 !important; color: #c2410c !important; border: 1px solid #fed7aa !important; }
	.cn-type-especializada_raca { background: #fae8ff !important; color: #86198f !important; border: 1px solid #f5d0fe !important; }
	.cn-type-especializada_grupo { background: #fce7f3 !important; color: #be185d !important; border: 1px solid #fbcfe8 !important; }
	.cn-type-outra { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }

	.cnradards-judge-link {
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}
	.cnradards-judge-link:hover {
		border-color: #818cf8 !important;
		background: #e0e7ff !important;
		color: #3730a3 !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 8px rgba(79, 70, 229, 0.08) !important;
	}

	/* Modal Glassmorphism Styling */
	.cnradards-modal-overlay {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background: rgba(15, 23, 42, 0.4) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		backdrop-filter: blur(8px) !important;
		z-index: 99999 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 20px !important;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.25s ease-in-out !important;
	}
	.cnradards-modal-overlay.active {
		opacity: 1 !important;
		pointer-events: auto !important;
	}
	.cnradards-modal-card {
		background: #ffffff !important;
		border: 1px solid rgba(255, 255, 255, 0.8) !important;
		border-radius: 24px !important;
		max-width: 650px !important;
		width: 100% !important;
		max-height: 85vh !important;
		overflow-y: auto !important;
		position: relative !important;
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
		transform: scale(0.95) translateY(10px);
		transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
		padding: 35px !important;
	}
	.cnradards-modal-overlay.active .cnradards-modal-card {
		transform: scale(1) translateY(0) !important;
	}
	.cnradards-modal-close-btn {
		position: absolute !important;
		top: 20px !important;
		right: 20px !important;
		background: #f1f5f9 !important;
		color: #64748b !important;
		border: none !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		width: 36px !important;
		height: 36px !important;
		border-radius: 50% !important;
		cursor: pointer !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		transition: all 0.2s ease !important;
		z-index: 10 !important;
		outline: none !important;
		box-shadow: none !important;
	}
	.cnradards-modal-close-btn:hover {
		background: #e2e8f0 !important;
		color: #0f172a !important;
	}
	.cnradards-modal-spinner {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 15px !important;
		padding: 50px 0 !important;
		color: #64748b !important;
		font-weight: 600 !important;
		font-size: 14px !important;
	}
	.cn-spinner-circle {
		width: 40px !important;
		height: 40px !important;
		border: 4px solid #f1f5f9 !important;
		border-top-color: #4f46e5 !important;
		border-radius: 50% !important;
		animation: cn-spin 0.8s linear infinite !important;
	}
	@keyframes cn-spin {
		to { transform: rotate(360deg); }
	}
	.cnradards-modal-header-section {
		display: flex !important;
		align-items: center !important;
		gap: 20px !important;
		margin-bottom: 25px !important;
		flex-wrap: wrap !important;
	}
	.cnradards-modal-photo-wrap {
		width: 100px !important;
		height: 100px !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		border: 3px solid #e0e7ff !important;
		background: #f1f5f9 !important;
		flex-shrink: 0 !important;
	}
	.cnradards-modal-photo-wrap img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	.cnradards-modal-header-text h3 {
		margin: 0 0 8px 0 !important;
		font-size: 22px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
	}
	.cnradards-modal-badges {
		display: flex !important;
		gap: 8px !important;
		flex-wrap: wrap !important;
	}
	.cn-modal-badge {
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 4px 10px !important;
		border-radius: 9999px !important;
		background: #f1f5f9 !important;
		color: #475569 !important;
		text-transform: uppercase !important;
	}
	#cn-modal-judge-availability-badge {
		background: #ecfdf5 !important;
		color: #065f46 !important;
	}
	.cnradards-modal-details-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
		gap: 15px !important;
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 16px !important;
		padding: 18px !important;
		margin-bottom: 25px !important;
	}
	.cn-detail-item {
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
	}
	.cn-detail-label {
		font-size: 10px !important;
		font-weight: 700 !important;
		color: #94a3b8 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
	}
	.cn-detail-value {
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #334155 !important;
	}
	.cnradards-modal-bio-section,
	.cnradards-modal-qualifications-section {
		margin-bottom: 25px !important;
	}
	.cnradards-modal-bio-section h4,
	.cnradards-modal-qualifications-section h4 {
		margin: 0 0 10px 0 !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		border-left: 3px solid #4f46e5 !important;
		padding-left: 8px !important;
	}
	.cnradards-modal-bio-section div {
		font-size: 14px !important;
		color: #475569 !important;
		line-height: 1.6 !important;
	}
	.cnradards-modal-qualifications-section ul {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
	}
	.cnradards-modal-qualifications-section li {
		font-size: 13px !important;
		color: #334155 !important;
		padding: 8px 12px !important;
		background: #f8fafc !important;
		border-radius: 8px !important;
		border-left: 3px solid #cbd5e1 !important;
		margin: 0 !important;
	}

	/* Action Buttons Row */
	.cn-event-actions {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		margin: 25px 0;
		border-top: 1px solid #f1f5f9;
		padding-top: 20px;
	}
	@media (max-width: 500px) {
		.cn-event-actions {
			grid-template-columns: 1fr;
		}
	}
	.cn-action-item {
		width: 100%;
		height: 38px;
	}
	.cn-action-item form {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.cn-event-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		padding: 0 12px !important;
		border-radius: 8px !important;
		font-weight: 700 !important;
		font-size: 12px !important;
		text-decoration: none !important;
		text-align: center !important;
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
		cursor: pointer !important;
		border: 1px solid transparent !important;
		box-sizing: border-box !important;
		line-height: normal !important;
		outline: none !important;
		box-shadow: none !important;
	}
	.cn-btn-circular-active,
	.cn-btn-horario-active,
	.cn-btn-inscricao-active,
	.cn-btn-resultados-active {
		background: #ecfdf5 !important;
		background-color: #ecfdf5 !important;
		border: 1px solid #a7f3d0 !important;
		color: #047857 !important;
	}
	.cn-btn-circular-active:hover,
	.cn-btn-horario-active:hover,
	.cn-btn-inscricao-active:hover,
	.cn-btn-resultados-active:hover {
		background: #d1fae5 !important;
		background-color: #d1fae5 !important;
		border-color: #6ee7b7 !important;
		color: #065f46 !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 8px rgba(16, 185, 129, 0.1) !important;
	}
	.cn-btn-disabled {
		background: #fef2f2 !important;
		background-color: #fef2f2 !important;
		border: 1px solid #fee2e2 !important;
		color: #991b1b !important;
		cursor: not-allowed !important;
		opacity: 0.85 !important;
	}

	/* GPS & Edit Buttons */
	.cn-gps-btn {
		background: #10b981 !important;
		color: #ffffff !important;
		text-decoration: none !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 8px 14px !important;
		border-radius: 6px !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1) !important;
		transition: all 0.2s ease !important;
		border: none !important;
		cursor: pointer !important;
	}
	.cn-gps-btn:hover {
		background: #059669 !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 8px rgba(5, 150, 105, 0.2) !important;
	}
	.cn-edit-btn-header {
		font-size: 11px !important;
		font-weight: 700 !important;
		color: #dc2626 !important;
		background: #fef2f2 !important;
		border: 1px solid #fee2e2 !important;
		padding: 5px 12px !important;
		border-radius: 9999px !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		transition: all 0.2s ease !important;
	}
	.cn-edit-btn-header:hover {
		background: #fee2e2 !important;
		border-color: #f87171 !important;
		color: #991b1b !important;
		transform: translateY(-1px) !important;
	}

	/* Confirmed Judges */
	.cn-judges-section {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 20px;
		margin-top: 25px;
	}
	.cn-judges-section h3 {
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 12px 0;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-judges-list {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.cn-judge-tag {
		background: #ffffff;
		border: 1px solid #cbd5e1;
		color: #334155;
		font-size: 12px;
		font-weight: 600;
		padding: 5px 12px;
		border-radius: 6px;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.01);
	}

	@media (max-width: 600px) {
		.cnradards-modal-card {
			padding: 20px !important;
			border-radius: 16px !important;
			max-height: 90vh !important;
			margin: 10px !important;
		}
		.cnradards-modal-header-section {
			flex-direction: column !important;
			align-items: center !important;
			text-align: center !important;
			gap: 15px !important;
		}
		.cnradards-modal-photo-wrap {
			width: 80px !important;
			height: 80px !important;
		}
		.cnradards-modal-header-text h3 {
			font-size: 18px !important;
		}
		.cnradards-modal-badges {
			justify-content: center !important;
		}
		.cnradards-modal-details-grid {
			grid-template-columns: 1fr !important;
			gap: 10px !important;
			padding: 12px !important;
		}
	}

/* Migrated PHP style block from templates/single-cn_radar_juiz.php block 0 */
.cn-judge-container,
	.cn-judge-container * {
		box-sizing: border-box !important;
	}
	.cn-page-wrapper {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
		min-height: 75vh !important;
		box-sizing: border-box !important;
	}
	.cn-judge-container {
		max-width: 1000px;
		margin: 0 auto !important;
		padding: 0 20px;
		font-family: 'Plus Jakarta Sans', sans-serif;
		color: #1e293b;
		line-height: 1.6;
	}

	/* CV Header styling */
	.cn-judge-cv-header {
		display: flex;
		gap: 30px;
		align-items: center;
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 30px;
		margin-bottom: 30px;
	}
	.cn-judge-cv-avatar-wrap {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		overflow: hidden;
		border: 4px solid #f8fafc;
		box-shadow: 0 8px 20px rgba(0,0,0,0.06);
		display: flex;
		align-items: center;
		justify-content: center;
		background: #f8fafc;
		flex-shrink: 0;
	}
	.cn-judge-cv-avatar-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.cn-judge-cv-avatar-placeholder {
		font-size: 56px;
		color: #cbd5e1;
	}
	.cn-judge-cv-header-details {
		flex: 1;
	}
	.cn-judge-name-cv {
		font-size: 30px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 8px 0 !important;
		line-height: 1.2 !important;
	}
	.cn-judge-subtitle-cv {
		font-size: 12px;
		color: #4f46e5;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 4px;
	}
	.cn-judge-location-cv {
		font-size: 14px;
		color: #64748b;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-judge-cv-header-actions {
		flex-shrink: 0;
	}

	/* Metrics List in Sidebar */
	.cn-judge-sidebar-metrics-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.cn-judge-metric-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 14px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		transition: all 0.2s ease;
	}
	.cn-judge-metric-row:hover {
		background: #ffffff;
		border-color: #cbd5e1;
		box-shadow: 0 4px 12px rgba(0,0,0,0.02);
	}
	.cn-judge-metric-lbl {
		font-size: 10px;
		font-weight: 800;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.cn-judge-metric-val {
		font-size: 18px;
		font-weight: 800;
		color: #4f46e5;
	}

	@media (max-width: 768px) {
		.cn-judge-cv-header {
			flex-direction: column;
			text-align: center;
			padding: 24px;
			gap: 20px;
		}
		.cn-judge-cv-avatar-wrap {
			align-self: center;
		}
		.cn-judge-location-cv {
			justify-content: center;
		}
		.cn-judge-cv-header-actions {
			width: 100%;
		}
		.cn-share-btn {
			width: 100%;
		}
	}
	
	/* Botão Voltar Premium */
	.cn-back-btn-wrapper {
		margin-bottom: 24px;
	}
	.cn-back-btn {
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		color: #4f46e5;
		background: #f5f3ff;
		border: 1px solid #ddd6fe;
		padding: 8px 16px;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 700;
		transition: all 0.2s ease;
	}
	.cn-back-btn:hover {
		background: #ede9fe;
		color: #4338ca;
		transform: translateX(-2px);
	}
	.cn-back-btn svg {
		margin-right: 6px;
		transition: transform 0.2s ease;
	}
	.cn-back-btn:hover svg {
		transform: translateX(-2px);
	}

	.cn-judge-profile-grid {
		display: grid;
		grid-template-columns: 320px 1fr;
		gap: 30px;
	}
	@media (max-width: 768px) {
		.cn-judge-profile-grid {
			grid-template-columns: 1fr;
		}
	}
	.cn-judge-sidebar {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.cn-judge-photo-card {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 28px 24px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}
	.cn-judge-photo-wrapper {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
		border: 4px solid #f8fafc;
		box-shadow: 0 8px 20px rgba(0,0,0,0.06);
		display: flex;
		align-items: center;
		justify-content: center;
		background: #f8fafc;
	}
	.cn-judge-photo-wrapper img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.cn-judge-photo-placeholder {
		font-size: 64px;
		color: #cbd5e1;
	}
	
	.cn-judge-badges-row {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 5px;
	}
	
	.cn-judge-badge-status {
		display: inline-block;
		font-size: 10px;
		font-weight: 800;
		padding: 4px 12px;
		border-radius: 9999px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.cn-badge-active { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
	.cn-badge-inactive { background: #fef2f2; color: #991b1b; border: 1px solid #fee2e2; }
	
	.cn-judge-badge-avail {
		display: inline-block;
		font-size: 10px;
		font-weight: 800;
		padding: 4px 12px;
		border-radius: 9999px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		background: #eff6ff;
		color: #1e40af;
		border: 1px solid #bfdbfe;
	}
	.cn-judge-badge-unavail { background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }

	.cn-judge-sidebar-info {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 24px;
	}
	.cn-judge-sidebar-title {
		font-size: 14px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 16px 0;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border-bottom: 2px solid #f1f5f9;
		padding-bottom: 8px;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-judge-info-list {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.cn-judge-info-item {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.cn-judge-info-label {
		font-size: 10px;
		color: #94a3b8;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.5px;
		display: flex;
		align-items: center;
		gap: 4px;
	}
	.cn-judge-info-value {
		font-size: 14px;
		color: #334155;
		font-weight: 600;
	}
	
	/* Pílulas de Contato */
	.cn-contact-pill {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 10px 14px;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.2s ease;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid transparent;
		text-align: center;
	}
	.cn-contact-email {
		background: #f0f9ff;
		color: #0369a1;
		border-color: #bae6fd;
	}
	.cn-contact-email:hover {
		background: #e0f2fe;
		color: #0284c7;
	}
	.cn-contact-phone {
		background: #f8fafc;
		color: #475569;
		border-color: #e2e8f0;
	}
	.cn-contact-phone:hover {
		background: #f1f5f9;
		color: #334155;
	}
	.cn-contact-whatsapp {
		background: #ecfdf5;
		color: #047857;
		border-color: #a7f3d0;
	}
	.cn-contact-whatsapp:hover {
		background: #d1fae5;
		color: #065f46;
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(4, 120, 87, 0.1);
	}

	.cn-judge-main-content {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.cn-judge-header-card {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 30px;
	}
	.cn-judge-name {
		font-size: 30px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 0 0 10px 0 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.5px !important;
	}
	.cn-judge-location {
		font-size: 15px;
		color: #64748b;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-judge-section-card {
		background: #ffffff;
		border-radius: 16px;
		border: 1px solid #f1f5f9;
		box-shadow: 0 10px 30px rgba(0,0,0,0.03);
		padding: 28px;
	}
	.cn-judge-section-title {
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 20px 0;
		border-left: 4px solid #4f46e5;
		padding-left: 12px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.cn-judge-qualifications-list {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
		gap: 12px !important;
	}
	.cn-judge-qual-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 4px !important;
		font-size: 13px !important;
		background: #f8fafc !important;
		border: 1px solid #e2e8f0 !important;
		padding: 12px 16px !important;
		border-radius: 10px !important;
		transition: all 0.2s ease !important;
	}
	.cn-judge-qual-item:hover {
		border-color: #cbd5e1 !important;
		background: #ffffff !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
	}
	.cn-judge-qual-prefix {
		font-size: 10px !important;
		font-weight: 800 !important;
		color: #4f46e5 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		min-width: unset !important;
	}
	.cn-judge-qual-value {
		font-weight: 600 !important;
		color: #1e293b !important;
	}
	.cn-judge-bio,
	.cn-judge-bio p {
		color: #334155 !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.cn-agenda-events-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.cn-agenda-event-card {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 14px 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 15px;
		transition: all 0.2s ease;
	}
	.cn-agenda-event-card:hover {
		border-color: #cbd5e1;
		background: #f1f5f9;
		transform: translateY(-1px);
	}
	.cn-agenda-event-name {
		font-weight: 700;
		font-size: 15px;
		color: #1e293b;
		text-decoration: none;
		line-height: 1.3;
	}
	.cn-agenda-event-name:hover {
		color: #4f46e5;
	}
	.cn-agenda-event-meta {
		display: flex;
		align-items: center;
		gap: 15px;
		font-size: 13px;
		color: #64748b;
		font-weight: 500;
		margin-top: 4px;
	}
	
	/* Widget de Calendário Premium CSS */
	.cn-mini-calendar {
		display: flex !important;
		flex-direction: column !important;
		width: 48px !important;
		height: 48px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		text-align: center !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
		flex-shrink: 0 !important;
	}
	.cn-mini-month {
		background: #4f46e5 !important;
		color: #ffffff !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		padding: 2px 0 !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		line-height: 1 !important;
	}
	.cn-mini-day {
		color: #1e293b !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.6 !important;
		display: block !important;
	}
	
	/* Botão Ver Evento Premium */
	.cn-agenda-view-btn {
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		background: #f8fafc;
		border: 1px solid #cbd5e1;
		color: #475569;
		font-size: 12px;
		font-weight: 700;
		padding: 8px 14px;
		border-radius: 6px;
		transition: all 0.2s ease;
	}
	.cn-agenda-view-btn:hover {
		background: #4f46e5;
		color: #ffffff;
		border-color: #4f46e5;
		box-shadow: 0 4px 10px rgba(79, 70, 229, 0.15);
	}
	
	.cn-svg-icon {
		vertical-align: middle;
		flex-shrink: 0;
	}

	/* Stats Grid */
	.cn-judge-stats-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
		margin-bottom: 24px;
	}
	@media (max-width: 600px) {
		.cn-judge-stats-grid {
			grid-template-columns: 1fr;
			gap: 12px;
		}
	}
	.cn-judge-stat-card {
		background: #ffffff;
		border-radius: 12px;
		border: 1px solid #f1f5f9;
		padding: 16px;
		text-align: center;
		box-shadow: 0 4px 12px rgba(0,0,0,0.02);
		transition: all 0.2s ease;
	}
	.cn-judge-stat-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 24px rgba(0,0,0,0.04);
		border-color: #e2e8f0;
	}
	.cn-judge-stat-num {
		display: block;
		font-size: 24px;
		font-weight: 800;
		color: #4f46e5;
		line-height: 1.2;
		margin-bottom: 4px;
	}
	.cn-judge-stat-lbl {
		font-size: 11px;
		font-weight: 700;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	/* Search Qual input */
	.cn-search-qual-wrapper {
		position: relative;
	}
	.cn-search-qual-wrapper input {
		width: 220px;
		padding: 8px 12px 8px 32px;
		font-size: 13px;
		border: 1px solid #cbd5e1;
		border-radius: 8px;
		outline: none;
		transition: all 0.2s ease;
		font-family: inherit;
	}
	.cn-search-qual-wrapper input:focus {
		border-color: #4f46e5;
		box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
	}
	.cn-search-icon {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #94a3b8;
		pointer-events: none;
	}

	/* Toast Notification */
	#cn-toast-notification {
		position: fixed;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%) translateY(100px);
		background: #0f172a;
		color: #ffffff;
		padding: 12px 24px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 600;
		box-shadow: 0 10px 25px rgba(0,0,0,0.25);
		z-index: 9999;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
		opacity: 0;
		pointer-events: none;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	#cn-toast-notification.cn-toast-show {
		transform: translateX(-50%) translateY(0);
		opacity: 1;
	}

	/* Share Button */
	.cn-share-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		color: #64748b;
		font-size: 12px;
		font-weight: 700;
		padding: 8px 14px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.2s ease;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.cn-share-btn:hover {
		background: #f1f5f9;
		color: #334155;
		border-color: #cbd5e1;
	}

	/* Copyable details styling */
	.cn-copyable {
		position: relative;
		cursor: pointer;
		transition: all 0.2s ease;
		padding: 2px 6px;
		margin: -2px -6px;
		border-radius: 4px;
	}
	.cn-copyable:hover {
		background: #f1f5f9;
		color: #0f172a;
	}
	.cn-copyable-hint {
		font-size: 8px;
		color: #94a3b8;
		font-weight: 800;
		text-transform: uppercase;
		margin-left: 6px;
		letter-spacing: 0.3px;
		border: 1px dashed #cbd5e1;
		padding: 1px 4px;
		border-radius: 3px;
		display: inline-block;
		vertical-align: middle;
	}


/* === Generated Classes From Removed PHP style Attributes === */
.cn-inline-b7dbe9cd9e { color: #f59e0b; }
.cn-inline-20bb596098 { color: #10b981; }
.cn-inline-ecc5dd786e { color: #ef4444; }
.cn-inline-d6b5eedf56 { height:38px; line-height:36px; font-weight:600; }
.cn-inline-9ea04b762f { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.cn-inline-4a5d9a1075 { display: flex; gap: 6px; }
.cn-inline-a125479e34 { height: 30px; font-size: 13px; padding: 0 8px; }
.cn-inline-9956cac525 { font-size: 13px; font-weight: 500; color: #4b5563; }
.cn-inline-7f4ee4f38a { margin-right: 8px; }
.cn-inline-08e96d834e { margin: 0 6px; }
.cn-inline-6e3f5513c4 { width: 40px; text-align: center; }
.cn-inline-75342211ab { width: 160px; }
.cn-inline-b15addacd5 { width: 120px; }
.cn-inline-c25159cbe2 { width: 150px; }
.cn-inline-c45cca1476 { width: 200px; text-align: center; }
.cn-inline-abae31feb3 { text-align: center; padding: 30px; color: #9ca3af; font-size: 14px; }
.cn-inline-2b4b4f6710 { text-align: center; vertical-align: middle; }
.cn-inline-b940c074ad { margin-bottom: 6px; font-size: 12px; line-height: 1.4; }
.cn-inline-db2d092236 { color:#ef4444; text-decoration:line-through; }
.cn-inline-ceaddf29a6 { color:#10b981; font-weight:600; }
.cn-inline-2c739d0af3 { color: #64748b; font-weight: bold; }
.cn-inline-cdd8ca0640 { text-align: center; }
.cn-inline-673d484721 { display:inline; margin:0; }
.cn-inline-86a0b9e969 { color:#9ca3af; font-weight:600; }
.cn-inline-a95f6d0658 { color: #64748b; font-style: italic; }
.cn-inline-b384338cf2 { font-family: inherit; }
.cn-inline-fa8f3fd3a6 { margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.cn-inline-ed9646baf1 { font-weight: 600; color: #475569; font-size: 13px; }
.cn-inline-b0473a88db { margin-bottom: 15px; }
.cn-inline-610bd2f7a9 { color: #dc2626; }
.cn-inline-0e23a4f05a { background-color: #fef2f2; border: 1px solid #fee2e2; border-left: 4px solid #ef4444; padding: 10px; border-radius: 4px; color: #991b1b; font-size: 12px; margin-bottom: 12px; max-height: 120px; overflow-y: auto; }
.cn-inline-8ecca84489 { margin-top: 15px; }
.cn-inline-d23dd4be2c { width: 100%; text-align: center; justify-content: center; display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 13px; font-weight: 600; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.cn-inline-e02b4b38ed { font-size: 16px; width: 16px; height: 16px; margin: 0; }
.cn-inline-768ed244a3 { float: none; margin: 5px 0 0 0; vertical-align: middle; }
.cn-inline-d170847e37 { margin-top: 10px; font-size: 12px; display: none; }
.cn-inline-1e7454ddce { color:#10b981; font-weight:bold; }
.cn-inline-c9c5531a2f { border-left: 4px solid #4f46e5; }
.cn-inline-56c7439694 { margin-top: 0; color: #4b5563; font-size:14px; font-weight:600; }
.cn-inline-d0b611bb83 { font-size: 28px; font-weight: 800; margin: 10px 0; color: #1f2937; }
.cn-inline-6fd9f1178a { text-decoration:none; font-weight:600; color:#4f46e5; }
.cn-inline-afdef5b234 { border-left: 4px solid #f59e0b; }
.cn-inline-0f286dd12d { font-size: 28px; font-weight: 800; margin: 10px 0; color: #f59e0b; }
.cn-inline-0dfa618c11 { text-decoration:none; font-weight:600; color:#f59e0b; }
.cn-inline-168e402621 { border-left: 4px solid #ef4444; }
.cn-inline-d85ddbc4fe { font-size: 28px; font-weight: 800; margin: 10px 0; color: #ef4444; }
.cn-inline-fb9e01a698 { text-decoration:none; font-weight:600; color:#ef4444; }
.cn-inline-742d3437b1 { border-left: 4px solid #10b981; }
.cn-inline-3fa8797a31 { font-size: 14px; font-weight: 700; margin: 12px 0 6px 0; color:#374151; }
.cn-inline-785e699418 { font-size: 13px; margin: 0 0 12px 0; color:#6b7280; }
.cn-inline-46dcee6408 { margin:0; }
.cn-inline-651ca08e40 { display: flex; align-items: center; justify-content: space-between; }
.cn-inline-f05077ab32 { margin: 0; color: #4b5563; font-size: 14px; font-weight: 600; }
.cn-inline-ba814c8440 { margin: 10px 0 0 0; font-size: 26px; font-weight: 800; color: #1f2937; }
.cn-inline-f55bfd8fed { font-size:12px; color:#9ca3af; }
.cn-inline-34abc011e8 { margin-bottom: 30px; padding: 25px; }
.cn-inline-afb85b0ec8 { font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 25px; color: #1f2937; }
.cn-inline-536d7f4797 { color:#6b7280; font-size: 14px; }
.cn-inline-8f6494c519 { max-width: 650px; margin: 0 auto; }
.cn-inline-a1c987ec6c { width: 100%; height: auto; overflow: visible; font-family: inherit; }
.cn-inline-07c308b02c { margin-top: 10px; }
.cn-inline-a1ea7a38a9 { display:flex; flex-direction:column; gap:20px; min-width: 250px; }
.cn-inline-f602a96e32 { border-left: 4px solid #3b82f6; }
.cn-inline-54648c26c7 { margin-top: 0; color: #1f2937; font-size:16px; font-weight:700; }
.cn-inline-a6f3b60181 { display:flex; gap:30px; margin-top:15px; }
.cn-inline-a87f929c91 { font-size:11px; font-weight:700; color:#6b7280; text-transform:uppercase; }
.cn-inline-947eb000a3 { font-size:24px; font-weight:800; margin:5px 0 0 0; color:#2563eb; }
.cn-inline-ab53202b1e { margin: 15px 0 0 0; }
.cn-inline-a5d2baa139 { font-weight:600; }
.cn-inline-5e7d5bc8e5 { box-shadow:none; border:none; margin-top:10px; }
.cn-inline-dde204ed64 { min-width: 250px; }
.cn-inline-2485a6155a { box-shadow:none; border:none; margin-top:10px; font-size:12px; }
.cn-inline-e314119931 { width: 130px; }
.cn-inline-588c2dd81c { width: 80px; }
.cn-inline-3c73485ce5 { color:#9ca3af; text-align:center; padding:15px; }
.cn-inline-9b069f46f1 { color:#4b5563; }
.cn-inline-bc9cee5cd6 { margin-top: 30px; }
.cn-inline-f2cae0c338 { box-shadow:none; border:none; margin-top:15px; }
.cn-inline-ba7829a08d { margin-top:15px; }
.cn-inline-876e5f2184 { margin-top: 0; font-size:16px; font-weight:700; color:#1f2937; }
.cn-inline-042a4c4109 { display:flex; gap:10px; margin-bottom: 20px; align-items:center; flex-wrap:wrap; }
.cn-inline-22023353c4 { height: 30px; max-width: 250px; }
.cn-inline-f89c0a40a2 { background:#059669; color:#fff; border-color:#059669; }
.cn-inline-5134674051 { width:100px; }
.cn-inline-45e74eed77 { width:70px; }
.cn-inline-757ff2de47 { width:90px; }
.cn-inline-7daf6ba907 { width:130px; }
.cn-inline-383f7c5568 { width:60px; text-align:center; }
.cn-inline-0051c4a2ca { color:#9ca3af; }
.cn-inline-c66b41e8da { font-family:monospace; }
.cn-inline-36a770d064 { font-size:11px; display:block; }
.cn-inline-e0e54a9f60 { font-size:11px; display:block; margin-top:2px; }
.cn-inline-643a7cf57b { font-size:11px; }
.cn-inline-539b047e86 { text-align:center; }
.cn-inline-abebd1e6bc { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999; align-items:center; justify-content:center; }
.cn-inline-1f4f62a8a2 { background:#fff; width:600px; max-width:90%; max-height:90vh; overflow-y:auto; border-radius:8px; padding:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.cn-inline-22caa55412 { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e5e7eb; padding-bottom:10px; margin-bottom:20px; }
.cn-inline-9caa74cf3d { margin:0; font-size:18px; }
.cn-inline-eb182f92b4 { background:none; border:none; font-size:20px; cursor:pointer; }
.cn-inline-6640acb8cf { display:flex; justify-content:flex-end; gap:10px; }
.cn-inline-faecc9eee8 { align-self:center; color:#059669; font-weight:bold; }
.cn-inline-4d1e5c7dd7 { max-width: 600px; }
.cn-inline-3af624f162 { width: 35%; }
.cn-inline-f6f6b1169e { width: 20%; }
.cn-inline-c7ee808893 { width: 15%; }
.cn-inline-659522f4c3 { width: 10%; text-align: right; }
.cn-inline-7851dbc0a6 { text-align: right; }
.cn-inline-82e6c96f67 { font-weight: 800; font-size: 28px; color: #0f172a; margin-bottom: 25px; }
.cn-inline-def584c7b4 { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
.cn-inline-4140978956 { margin-bottom: 20px; display: flex; gap: 10px; }
.cn-inline-1f037b2d2f { padding: 8px 16px; }
.cn-inline-c35c8f5fea { line-height: 2.2; }
.cn-inline-8844d4fa78 { text-align: center; color: #94a3b8; padding: 25px; }
.cn-inline-1e239851ba { font-size: 11px; color: #64748b; }
.cn-inline-876ffb225e { font-family: monospace; font-weight: 600; }
.cn-inline-9cd17f4392 { height: fit-content; }
.cn-inline-4fdfa13c62 { display:block; font-weight: 600; font-size: 13px; color: #475569; margin-bottom: 6px; }
.cn-inline-7002f9ca25 { margin-bottom: 20px; }
.cn-inline-51874e9e4a { font-size: 11px; color: #94a3b8; display:block; margin-top: 4px; }
.cn-inline-199b6f0e58 { width: 100%; }
.cn-inline-88b20135f3 { overflow-x: auto; width: 100%; }
.cn-inline-0435e7493f { max-height: 100px; overflow: auto; margin: 0; background: #f9f9f9; border: 1px solid #ddd; padding: 5px; font-size: 11px; }
.cn-inline-d03a4a385e { display:none; background:linear-gradient(135deg, #dc2626, #b91c1c); margin-top:8px; }
.cn-inline-224b51a7b4 { display: none; }
.cn-inline-710d3fb40d { margin: 20px 0 20px 0; }
.cn-inline-e45f485b84 { display:block; font-weight:600; margin-bottom:5px; }
.cn-inline-53689bd7e4 { width: 100%; height: 35px; }
.cn-inline-2c00859721 { margin: 20px 0 10px 0; }
.cn-inline-d8b6c2596d { width:100%; height:35px; }
.cn-inline-d08c624e5b { font-size:11px; color:#64748b; }
.cn-inline-dfdde16fdd { font-weight:600; cursor:pointer; }
.cn-inline-d70988e67d { margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.cn-inline-194b571d8e { margin-top: 20px; }
.cn-inline-7a63ba3cbb { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); }
.cn-inline-65b3fc4584 { display: none; margin-top: 20px; }
.cn-inline-fce9dfdd40 { margin-bottom: 15px; font-weight: 700; }
.cn-inline-af82d1b09b { display: block; background: #f8fafc; border: 1px solid #cbd5e1; padding: 15px; color: #334155; max-height: 400px; overflow-y: auto; font-family: sans-serif; border-radius: 8px; }
.cn-inline-06a7ba87d7 { margin-top: 25px; padding: 20px; background: linear-gradient(135deg, #f8fafc, #f1f5f9); border: 1px solid #e2e8f0; border-radius: 12px; }
.cn-inline-e3753fea56 { margin: 0 0 8px 0; font-size: 15px; font-weight: 700; color: #1e293b; }
.cn-inline-86e0adcb0d { margin: 0 0 15px 0; font-size: 13px; color: #64748b; }
.cn-inline-44380e2ca1 { background: linear-gradient(135deg, #4f46e5, #4338ca); color: #fff; border: none; padding: 8px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; }
.cn-inline-1f00bbe931 { margin-left: 12px; font-size: 13px; font-weight: 600; }
.cn-inline-25cb8a6a55 { color:#ef4444; }
.cn-inline-d8ea76c3ad { color:#64748b; font-style:italic; }
.cn-inline-29ae065748 { color:#ef4444; font-weight:600; }
.cn-inline-9abdb29ac6 { text-align: left; padding: 4px; font-size: 11px; line-height: 1.3; }
.cn-inline-cef4b947ef { margin-top: 4px; color:#475569; font-style:italic; }
.cn-inline-a2af38823b { color:#64748b; font-style:italic; margin:0; }
.cn-inline-a7bd977747 { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.cn-inline-d500b0b492 { border-bottom: 2px solid #cbd5e1; font-weight: 700; color: #475569; }
.cn-inline-7c796f9614 { padding: 8px 4px; }
.cn-inline-b343259826 { padding: 8px 4px; text-align: center; }
.cn-inline-06ea75a191 { border-bottom: 1px solid #e2e8f0; color: #334155; }
.cn-inline-403d3907a5 { padding: 10px 4px; font-weight: 600; }
.cn-inline-b82960b74d { padding: 10px 4px; }
.cn-inline-3d0809d323 { color:#94a3b8; font-family:monospace; }
.cn-inline-48141a36f5 { background:#2563eb; color:#fff; border:none; border-radius: 4px; padding: 4px 8px; cursor: pointer; }
.cn-inline-d1d21b8f41 { margin-right: 6px; }
.cn-inline-dcd425a04a { display: flex !important; align-items: flex-start !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.cn-inline-ec8f79573c { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; flex-wrap: wrap !important; gap: 12px !important; }
.cn-inline-15d8271c90 { display: inline-flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
.cn-inline-75648e1948 { margin: 0 !important; }
.cn-inline-632a1c9eb5 { margin: 0 !important; padding: 0 !important; }
.cn-inline-88b6a26d2b { margin: 0; width: 100%; }
.cn-inline-638afd1b6b { display: none; width: 100%; margin-top: 20px; border-top: 1px solid #f1f5f9; padding-top: 20px; overflow: hidden; transition: height 0.3s ease-in-out; }
.cn-inline-636aa657a7 { display: grid; grid-template-columns: 1fr; gap: 20px; }
.cn-inline-007bbf7e67 { margin: 0 0 8px 0; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.5px; }
.cn-inline-fd00ba8e93 { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.cn-inline-0785a840db { color: #cbd5e1; font-size: 18px; font-weight: 300; display: inline-block; }
.cn-inline-e88ae5f201 { margin: 0; font-size: 14px; color: #334155; font-weight: 500; }
.cn-inline-9b6cafcc62 { margin: 0 0 12px 0; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.5px; }
.cn-inline-e4b1745b1e { display: flex; flex-direction: column; gap: 10px; }
.cn-inline-e742be8034 { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; }
.cn-inline-94c01f7246 { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 12px; width: 100%; }
.cn-inline-95703da10d { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.cn-inline-4f3311d5e7 { font-size: 16px; color: #1e293b; font-weight: 700; }
.cn-inline-1e9cbc8fb6 { display: inline-flex; align-items: center; }
.cn-inline-0acd7a54de { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.cn-inline-87aae6ee28 { font-size: 11px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-right: 4px; }
.cn-inline-dcff8aa526 { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 8px; border: 1px solid #cbd5e1; background: #ffffff; color: #475569; font-size: 11px; font-weight: 600; }
.cn-inline-768e1f234b { font-size: 18px; }
.cn-inline-e09688420c { color:#94a3b8; font-style:italic; }
.cn-inline-c42e0ec4d5 { margin-bottom: 0; }
.cn-inline-180d3b8ff6 { display: none; font-size: 11px; margin-top: 5px; font-weight: 600; }
.cn-inline-6308504b50 { margin-top: 12px; margin-bottom: 8px; }
.cn-inline-f4b4b7a2c9 { font-size: 22px; font-weight: 800; color: #0F172A; }
.cn-inline-24ce702364 { font-size: 15px; color: #64748B; }
.cn-inline-e9a4c3d0e4 { display: flex; flex-direction: column; gap: 24px; }
.cn-inline-96e715e609 { font-size:13px; color:#64748B; font-weight:600; }
.cn-inline-11d6921227 { background:#F8FAFC; padding:8px 12px; border-radius:10px; border:1px solid #E2E8F0; margin-top:4px; display:flex; align-items:center; justify-content:space-between; flex-wrap: nowrap; gap: 12px; }
.cn-inline-70fa631623 { font-family:monospace; font-size:13px; color:#0F172A; letter-spacing: 1px; }
.cn-inline-af33f9f224 { margin-bottom:0; font-size:10px; padding:4px 10px; }
.cn-inline-aa6ece5115 { margin-top: 14px; padding: 0; background: transparent; border: none; display: flex; flex-direction: column; gap: 14px; }
.cn-inline-e753082c75 { display: flex !important; gap: 12px !important; align-items: center !important; width: 100% !important; }
.cn-inline-fcb7d5e5f4 { flex: 0 0 auto; }
.cn-inline-b32c5cb841 { font-size: 13px; color: #64748B; margin-top: 6px; display: block; }
.cn-inline-0b669593d6 { color: #64748B; margin-top: 16px; }
.cn-inline-a25e46b590 { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.cn-inline-9131d66cae { background: #D1FAE5; color: #065F46; padding: 4px 12px; border-radius: 9999px; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.cn-inline-a10d3f85d7 { flex: 1 1 100%; max-width: 100%; background: #eff6ff; border-color: #bfdbfe; }
.cn-inline-f4772c7072 { margin-top:0; color:#1e3a8a; }
.cn-inline-c58d5bea11 { margin-bottom:10px; }
.cn-inline-dd7e28065e { font-size:16px; }
.cn-inline-d299102cc6 { color:#334155; font-size:14px; margin:0; }
.cn-inline-e0d7cd7903 { width: 100%; height: 8px; background-color: #e2e8f0; border-radius: 4px; margin-top: 8px; overflow: hidden; }
.cn-inline-2e09c73ac1 { height: 100%; width: 0%; background-color: #3b82f6; transition: width 0.5s ease-in-out, background-color 0.5s; }
.cn-inline-105a2abc9e { display:block; margin-top:5px; color:#64748b; font-size:11px; }
.cn-inline-a66bb12897 { flex: 2 1 calc(66% - 20px); }
.cn-inline-75f2a97ee0 { font-size: 14px; font-weight: 500; }
.cn-inline-fbd84d77d0 { font-size:12px; color:#64748b; margin-top:5px; margin-bottom:0; }
.cn-inline-47576b296e { overflow-x: auto; padding: 10px 0; }
.cn-inline-3329584691 { background: #f8fafc; border-color: #e2e8f0; }
.cn-inline-743d48d0c0 { color: #0f172a; }
.cn-inline-3ca2b3df03 { display: flex; gap: 20px; flex-wrap: wrap; }
.cn-inline-5df0a2c761 { flex: 1; min-width: 250px; }
.cn-inline-ccea1c1adf { margin: 0 0 5px 0; color: #334155; }
.cn-inline-6039a3a095 { margin-top:0; }
.cn-inline-7e1ee083b8 { margin: 0 0 5px 0; color: #7f1d1d; }
.cn-inline-064acea389 { margin-top:0; color: #475569; }
.cn-inline-93b8ea5b2f { display:none; }
.cn-inline-2a117045e4 { gap: 10px; }
.cn-inline-267f6d5056 { font-size: 14px; }
.cn-inline-b040eebf4c { margin-top:5px; font-size:11px; color:#64748b; background:#f8fafc; padding:4px 8px; border-radius:4px; border-left:2px solid #cbd5e1; font-style: italic; }
.cn-inline-1c7cd41b86 { text-align: right; white-space: nowrap; }
.cn-inline-3d7b4a57f3 { text-align: center; color: #94a3b8; padding: 15px; }
.cn-inline-624d9abd24 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.cn-inline-a42798876b { background: #fff; width: 100%; max-width: 1200px; max-height: 90vh; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }
.cn-inline-2c451fd10e { padding: 15px 20px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; background: #f8fafc; }
.cn-inline-7501e149de { margin: 0; font-size: 18px; color: #0f172a; font-family: inherit; }
.cn-inline-a8d101c937 { background: none; border: none; font-size: 28px; cursor: pointer; color: #64748b; line-height: 1; }
.cn-inline-10e6e20c26 { padding: 20px; overflow-y: auto; flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.cn-inline-1ff44d546c { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; display: flex; flex-direction: column; }
.cn-inline-428403a479 { margin-top: 0; margin-bottom: 15px; color: #1e293b; font-size: 16px; text-align: center; border-bottom: 2px solid #3b82f6; padding-bottom: 10px; font-family: inherit; }
.cn-inline-8b42441d09 { margin-bottom: 15px; background: #fff; }
.cn-inline-499df8f2e9 { font-size: 15px; }
.cn-inline-b9b0c9deb3 { margin-bottom: 15px; background: #e0f2fe; padding: 10px; border-radius: 6px; border: 1px solid #bae6fd; }
.cn-inline-fe9a404140 { display:block; margin-bottom: 5px; color: #0369a1; }
.cn-inline-097a208ba0 { font-size: 13px; color: #0284c7; margin: 0; line-height: 1.4; font-weight: 500; }
.cn-inline-5cafecb5a6 { display:block; margin-bottom: 5px; }
.cn-inline-8bcc902495 { font-size: 13px; color: #475569; margin: 0; line-height: 1.6; }
.cn-inline-cd3a2022d1 { margin-bottom: 15px; background: #fffbeb; padding: 10px; border-radius: 6px; border: 1px solid #fde68a; }
.cn-inline-08c64f18a2 { display:block; margin-bottom: 5px; color: #d97706; }
.cn-inline-d82d5c87e7 { font-size: 13px; color: #b45309; padding-left: 20px; margin: 0; }
.cn-inline-ad31a7a5d9 { font-size: 13px; color: #ef4444; padding-left: 20px; margin: 0; }
.cn-inline-d114d319e3 { color:#64748b; }
.cn-inline-44960bd9fa { margin-top: auto; padding-top: 15px; }
.cn-inline-692aa37309 { font-size: 13px; color: #10b981; padding-left: 20px; margin: 0; }
.cn-inline-473694ea4a { padding: 12px; border-bottom: 1px solid #e2e8f0; font-size: 13px; font-weight: 600; color: #334155; }
.cn-inline-446a3b0a09 { padding: 12px; border-bottom: 1px solid #e2e8f0; font-size: 13px; font-weight: 500; color: #475569; }
.cn-inline-51a6aeb3af { padding: 12px; border-bottom: 1px solid #e2e8f0; text-align: right; }
.cn-inline-e09cc4718b { padding: 12px; border-bottom: 1px solid #e2e8f0; font-size: 13px; color: #475569; }
.cn-inline-b7f4b0f205 { margin-top: 20px; padding: 25px; background: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0; }
.cn-inline-09d2dc5308 { font-size: 14px; color: #475569; margin-bottom: 20px; }
.cn-inline-d4ebc62c54 { display: none; height: 40px; margin-left: 10px !important; }
.cn-inline-6ffd243ee5 { display: none; margin-top: 25px; }
.cn-inline-8ae85dba7a { display: flex; justify-content: space-between; font-size: 13px; font-weight: 700; color: #334155; margin-bottom: 8px; }
.cn-inline-3b0d744f8a { width: 100%; height: 12px; background: #e2e8f0; border-radius: 6px; overflow: hidden; }
.cn-inline-cffb801e51 { width: 0%; height: 100%; background: #4f46e5; transition: width 0.3s; }
.cn-inline-6baa54d005 { font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; }
.cn-inline-dcca5cfa5e { width: 100%; height: 200px; overflow-y: auto; background: #1e293b; color: #38bdf8; font-family: monospace; font-size: 12px; padding: 15px; border-radius: 8px; margin-top: 5px; white-space: pre-wrap; }
.cn-inline-f7dbe1a347 { font-size: 13px; color: #64748b; }
.cn-inline-e81c485daf { font-weight:700; color:#4f46e5; }
.cn-inline-4b18e7e4cd { margin-top: 25px; }
.cn-inline-b2d2033a7d { color: #3b82f6; }
.cn-inline-7316f068da { color: #8b5cf6; }
.cn-inline-29b0e12de8 { height: 40px; padding: 0 10px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 14px; font-weight: 500; color: #1e293b; background: white; }
.cn-inline-8d8cd3d19c { display: none; align-items: center; gap: 10px; margin-bottom: 15px; padding: 10px 15px; background: #f8fafc; border-radius: 12px; border: 1px solid #cbd5e1; }
.cn-inline-3ee6593571 { font-size: 13px; font-weight: 700; color: #475569; }
.cn-inline-6f52c9b2e4 { padding: 6px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 13px; font-weight: 600; color: #334155; }
.cn-inline-560aeb34a0 { padding: 6px 15px; background: #4f46e5; color: white; border: none; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; transition: background 0.2s; }
.cn-inline-d75b81ffb9 { width: 150px; text-align: right; }
.cn-inline-be8e63caf6 { font-weight: 700; }
.cn-inline-b4bbca00cf { display: flex; gap: 8px; margin-top: 25px; justify-content: center; }
.cn-inline-2c21d44692 { width: 16px; height: 16px; color: #64748b; }
.cn-inline-14134965fb { flex-grow: 0.5 !important; min-width: 160px !important; }
.cn-inline-6bf519e83f { width: 28px; height: 28px; color: #10b981; flex-shrink: 0; }
.cn-inline-a5cec711e1 { background: rgba(79, 70, 229, 0.06); }
.cn-inline-beaf32cb9f { width: 28px; height: 28px; }
.cn-inline-90186a58fa { background: rgba(6, 182, 212, 0.06); }
.cn-inline-2fd39cff22 { background: rgba(16, 185, 129, 0.06); }
.cn-inline-3aee4f6b2f { background: rgba(245, 158, 11, 0.06); }
.cn-inline-e307b14964 { display: flex; flex-direction: column; gap: 32px; box-sizing: border-box; }
.cn-inline-3f5f26544c { width: 22px; height: 22px; color: #4f46e5; }
.cn-inline-59d43db409 { width: 22px; height: 22px; color: #ec4899; }
.cn-inline-7e403bc564 { align-items: center; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; }
.cn-inline-d71929b56d { position: relative; width: 140px; height: 140px; }
.cn-inline-edb88888a9 { transform: rotate(-90deg); overflow: visible; }
.cn-inline-9231918cb0 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.cn-inline-67bd83c3b8 { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; }
.cn-inline-1e5b662052 { font-size: 20px; font-weight: 800; color: #0f172a; }
.cn-inline-886a39e0b9 { flex-direction: column; display: flex; gap: 12px; }
.cn-inline-78e1f293c2 { width: 22px; height: 22px; color: #6366f1; }
.cn-inline-5fde7873eb { width: 22px; height: 22px; color: #2563eb; }
.cn-inline-e8ab506b9f { width: 22px; height: 22px; color: #db2777; }
.cn-inline-07c2bf2a30 { width: 22px; height: 22px; color: #10b981; }
.cn-inline-d0c91f6b59 { margin-top: 32px !important; }
.cn-inline-4530a370c5 { margin-bottom: 24px !important; }
.cn-inline-ce21a65950 { margin-bottom: 8px !important; }
.cn-inline-2d5c195c59 { height: 14px !important; display: flex !important; overflow: hidden !important; }
.cn-inline-83ff9d75df { display: flex; gap: 16px; margin-top: 8px; justify-content: center; font-size: 12px; font-weight: 600; color: #64748b; }
.cn-inline-a2bd098f05 { display: flex; align-items: center; gap: 4px; }
.cn-inline-9f11ea2050 { width: 8px; height: 8px; background: #10b981; border-radius: 50%; }
.cn-inline-915bf29db5 { width: 8px; height: 8px; background: #f59e0b; border-radius: 50%; }
.cn-inline-59e96f1f6b { width: 70px !important; }
.cn-inline-c2025d0f4b { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cn-inline-6d0d322e54 { gap: 12px !important; }
.cn-inline-eac8444499 { width: 40px !important; }
.cn-inline-7d450fc963 { height: 10px !important; }
.cn-inline-ed02332de9 { width: 70px !important; font-size: 11px !important; }
.cn-inline-a4196e09c2 { display: flex; flex-direction: column; }
.cn-inline-64cd6828e9 { width: 100%; height: 260px; position: relative; margin-top: 10px; }
.cn-inline-3b94c1d565 { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.cn-inline-5b72abf72c { padding: 12px 8px; }
.cn-inline-b847e04c2a { padding: 12px 8px; text-align: right; }
.cn-inline-4d9b353ccb { padding: 20px; text-align: center; color: #64748b; }
.cn-inline-0c50a59f9b { padding: 12px 8px; font-weight: 700; }
.cn-inline-d38e8135f5 { padding: 12px 8px; text-align: right; font-weight: 600; }
.cn-inline-0779b08395 { justify-content: center !important; }
.cn-inline-c97cee91c4 { color: #64748b !important; }
.cn-inline-b131259d80 { display: flex; gap: 8px; align-items: center; }
.cn-inline-70943a92ef { font-size: 11px; opacity: 0.85; }
.cn-inline-bded6c7578 { width: 22px; height: 22px; color: #f59e0b; }
.cn-inline-2d3bb916e6 { text-align: center; color: #64748b; font-size: 14px; padding: 20px 0; }
.cn-inline-7e4b6fd3b7 { color: #64748b; font-size: 14px; }
.cn-inline-307a0fa8d2 { padding: 12px 8px; font-weight: 700; color: #1e3a8a; }
.cn-inline-85ae198ef6 { padding: 12px 8px; text-align: right; color: #475569; }
.cn-inline-877c90f707 { font-size: 15px; color: #1e3a8a !important; display: block; }
.cn-inline-02dda8a84f { font-size: 12px; color: #64748b !important; }
.cn-inline-bff8fc9662 { background: rgba(16, 185, 129, 0.06) !important; color: #10b981 !important; margin-bottom: 0 !important; font-size: 10px !important; }
.cn-inline-53ebda05cc { font-size: 14px; color: #0f172a !important; display: block; margin-top: 4px; }
.cn-inline-2df97141cc { text-align: center; color: #64748b; font-size: 14px; padding-top: 100px; }
.cn-inline-95317cb979 { overflow: visible; max-width: 100%; }
.cn-inline-7aad39221b { cursor: pointer; transition: all 0.2s ease; }
.cn-inline-c310338cb1 { margin:0; font-size:12px; color:#64748b; }
.cn-inline-1e07c37b47 { background: #fef2f2; border-color: #fca5a5; }
.cn-inline-6655d527ec { color: #991b1b; }
.cn-inline-518aba1695 { background: #fffbeb; border: 1px solid #fde68a; }
.cn-inline-b6e0ed33e2 { color: #d97706; }
.cn-inline-c2a1b6091d { color: #b45309; }
.cn-inline-47ad980684 { background: #fdf4ff; border-color: #f0abfc; }
.cn-inline-53ce1f762a { color: #86198f; }
.cn-inline-e30630a2c3 { margin: 0 0 5px 0; color: #701a75; }
.cn-inline-c7c2877337 { margin-top:0; color: #701a75; }
.cn-inline-3eaf05ee77 { text-align: right; padding-top: 15px; border-top: 1px solid #e2e8f0; }
.cn-inline-303e278d97 { font-size: 12px; color: #64748b; }
.cn-inline-ba292da310 { margin: 15px 0; }
.cn-inline-05a26eb6b4 { background: #16a34a; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; display: inline-block; }
.cn-inline-df16f27ebe { background: #4f46e5; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; display: inline-block; }
.cn-inline-da4f53d392 { list-style: none; padding: 0; margin: 10px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cn-inline-296564e825 { background: #f1f5f9; border: 1px solid #cbd5e1; color: #334155; font-size: 13px; font-weight: 600; padding: 4px 12px; border-radius: 6px; display: inline-flex; align-items: center; gap: 4px; list-style: none; margin: 0; }
.cn-inline-cd994bd5b6 { color: #64748b; font-style: italic; font-size: 13px; margin: 5px 0; }
.cn-inline-96d6a75b39 { background: #ffffff; border: 1px solid #e2e8f0; border-left: 6px solid #4f46e5; border-radius: 12px; padding: 25px; margin: 20px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.03); max-width: 100%; box-sizing: border-box; }
.cn-inline-d73eb5a451 { margin-top: 0; margin-bottom: 20px; color: #1e293b; font-size: 18px; font-weight: 800; border-bottom: 2px solid #f1f5f9; padding-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.cn-inline-96aab09662 { font-size: 20px; margin-right: 6px; }
.cn-inline-056cf13d6c { margin-bottom: 25px; font-size: 0; }
.cn-inline-ef162669b0 { display: inline-block; width: 33%; min-width: 180px; vertical-align: top; margin-bottom: 15px; box-sizing: border-box; padding-right: 10px; }
.cn-inline-352d6719e3 { display: block; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #64748b; letter-spacing: 0.5px; margin-bottom: 4px; }
.cn-inline-d9a147f71d { font-size: 15px; color: #1e293b; display: block; }
.cn-inline-e0d649b9e7 { display: inline-block; width: 33%; min-width: 180px; vertical-align: top; margin-bottom: 15px; box-sizing: border-box; }
.cn-inline-2955678b10 { background: #f8fafc; border-radius: 8px; padding: 18px; border: 1px solid #f1f5f9; margin-bottom: 25px; }
.cn-inline-67bd2fdf50 { display: block; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #64748b; letter-spacing: 0.5px; margin-bottom: 12px; }
.cn-inline-658fefd6f7 { border-top: 1px solid #f1f5f9; padding-top: 20px; font-size: 0; }
.cn-inline-b7b5c3a18b { display: inline-block; width: 25%; min-width: 130px; vertical-align: top; margin-bottom: 10px; font-size: 13px; color: #475569; }
.cn-inline-452c450dc1 { display: block; margin-bottom: 4px; color: #1e293b; }
.cn-inline-6d53225e14 { display:inline-block;margin:5px 0; }
.cn-inline-1015cafba8 { margin-bottom: 6px; }
.cn-inline-8753a2908d { margin-left: 2px; }
.cn-inline-b920bafcf5 { margin-top: -6px; }
.cn-inline-deccb74e2a { display: flex; gap: 15px; align-items: flex-start; width: 100%; }
.cn-inline-49cdf8748d { flex: 1; }
.cn-inline-b7e5c654c5 { margin-right: 4px; vertical-align: middle; }
.cn-inline-7673d97030 { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; width: 100%; border-top: 1px solid #f1f5f9; padding-top: 15px; flex-wrap: wrap; gap: 10px; }
.cn-inline-bee235d387 { color: #64748b; font-style: italic; font-size: 14px; margin: 0; }
.cn-inline-d0def548c6 { opacity: 0.85; }
.cn-inline-23e780a656 { opacity: 0.75; }
.cn-inline-5d85c29dd5 { background: #64748b !important; }
.cn-inline-118eb8ff83 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; width: 100%; }
.cn-inline-963be46e97 { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.cn-inline-01fee83829 { padding: 3px 8px; font-size: 11px; margin: 0; background: #ffffff; border-color: #cbd5e1; color: #475569; font-weight: 600; }
.cn-inline-c50d4c2b0d { margin-top: 30px; border-top: 1px solid #f1f5f9; padding-top: 25px; font-size: 15px; color: #334155; }
.cn-inline-91de7f8197 { justify-content: flex-start; margin-bottom: 8px; }
.cn-inline-aec8da490d { color: #0f172a !important; margin: 4px 0 !important; }
.cn-inline-bbbd0eae9d { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; border-bottom: 2px solid #f1f5f9; padding-bottom: 12px; }
.cn-inline-ae0dcae9fb { margin: 0; border: none; padding: 0; display: flex; align-items: center; gap: 6px; }
.cn-inline-4f07d1f477 { display: none; color: #64748b; font-style: italic; font-size: 14px; margin: 10px 0 0 0; }
.cn-inline-99129a5060 { display: flex; align-items: center; gap: 15px; }

/* Migrated PHP style block from includes/Frontend/Shortcodes.php stats block */
.cn-stats-wrapper {
					font-family: 'Outfit', sans-serif !important;
					background: #ffffff !important;
					color: #1e293b !important;
					padding: 40px !important;
					border-radius: 28px !important;
					box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.01) !important;
					max-width: 1200px !important;
					margin: 20px auto !important;
					border: 1px solid rgba(226, 232, 240, 0.6) !important;
					opacity: 1 !important;
					box-sizing: border-box !important;
					transition: opacity 0.3s ease !important;
				}

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

				.cn-stats-wrapper .cn-stats-header {
					text-align: center !important;
					margin-bottom: 40px !important;
					position: relative !important;
				}

				.cn-stats-wrapper .cn-stats-badge {
					background: rgba(79, 70, 229, 0.06) !important;
					color: #4f46e5 !important;
					padding: 6px 16px !important;
					border-radius: 9999px !important;
					font-size: 11px !important;
					font-weight: 700 !important;
					text-transform: uppercase !important;
					letter-spacing: 1.5px !important;
					display: inline-block !important;
					margin-bottom: 14px !important;
				}

				.cn-stats-wrapper h2.cn-stats-title {
					font-size: 40px !important;
					font-weight: 800 !important;
					color: #1e3a8a !important; /* solid premium dark blue to guarantee legibility */
					margin: 0 0 12px 0 !important;
					letter-spacing: -1.2px !important;
					line-height: 1.2 !important;
					background: none !important;
					-webkit-background-clip: initial !important;
					background-clip: initial !important;
					-webkit-text-fill-color: initial !important;
				}

				.cn-stats-wrapper p.cn-stats-subtitle {
					font-size: 16px !important;
					color: #64748b !important;
					margin: 0 auto !important;
					max-width: 600px !important;
					line-height: 1.6 !important;
					font-weight: 400 !important;
				}

				/* Controls row */
				.cn-stats-wrapper .cn-stats-controls-row {
					display: flex !important;
					justify-content: space-between !important;
					align-items: center !important;
					gap: 20px !important;
					margin-bottom: 32px !important;
					flex-wrap: wrap !important;
				}

				.cn-stats-wrapper .cn-stats-select-wrapper, 
				.cn-stats-wrapper .cn-stats-search-wrapper {
					display: flex !important;
					align-items: center !important;
					gap: 12px !important;
					flex-grow: 1 !important;
					min-width: 280px !important;
				}

				.cn-stats-wrapper .cn-stats-select-label, 
				.cn-stats-wrapper .cn-stats-search-label {
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #475569 !important;
					text-transform: uppercase !important;
					letter-spacing: 0.5px !important;
					white-space: nowrap !important;
				}

				.cn-stats-wrapper .cn-stats-select, 
				.cn-stats-wrapper .cn-stats-search-input {
					width: 100% !important;
					padding: 10px 16px !important;
					border-radius: 12px !important;
					border: 1px solid #cbd5e1 !important;
					font-family: 'Outfit', sans-serif !important;
					font-size: 15px !important;
					color: #1e293b !important;
					background: #ffffff !important;
					box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
					outline: none !important;
					transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
					height: auto !important;
					line-height: normal !important;
				}

				.cn-stats-wrapper .cn-stats-select:focus, 
				.cn-stats-wrapper .cn-stats-search-input:focus {
					border-color: #4f46e5 !important;
					box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
				}

				/* Search Results Container */
				.cn-stats-wrapper .cn-stats-search-results {
					width: 100% !important;
					margin-top: -12px !important;
					margin-bottom: 32px !important;
					display: none;
					flex-direction: column !important;
					gap: 10px !important;
					animation: cnFadeInUp 0.3s ease forwards !important;
				}

				.cn-stats-wrapper .cn-stats-search-result-card {
					background: #f8fafc !important;
					border: 1px solid #e2e8f0 !important;
					border-radius: 12px !important;
					padding: 14px 18px !important;
					display: flex !important;
					justify-content: space-between !important;
					align-items: center !important;
					transition: transform 0.2s ease !important;
				}

				.cn-stats-wrapper .cn-stats-search-result-card:hover {
					transform: translateX(4px) !important;
					background: #f1f5f9 !important;
				}

				/* Rastreabilidade Microchip Selo */
				.cn-stats-wrapper .cn-microchip-badge-wrapper {
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 12px !important;
					background: rgba(16, 185, 129, 0.04) !important;
					border: 1px dashed #10b981 !important;
					border-radius: 16px !important;
					padding: 16px !important;
					margin-bottom: 32px !important;
					animation: cnPulse 2.5s infinite ease-in-out !important;
					box-sizing: border-box !important;
				}

				@keyframes cnPulse {
					0%, 100% { transform: scale(1); }
					50% { transform: scale(1.015); }
				}

				.cn-stats-wrapper .cn-microchip-badge-text {
					font-size: 14px !important;
					font-weight: 600 !important;
					color: #065f46 !important;
					line-height: 1.4 !important;
					text-align: left !important;
				}

				/* Grid of Cards */
				.cn-stats-wrapper .cn-stats-grid-4 {
					display: grid !important;
					grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
					gap: 24px !important;
					margin-bottom: 48px !important;
				}

				.cn-stats-wrapper .cn-stats-card {
					background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
					border: 1px solid rgba(226, 232, 240, 0.8) !important;
					border-radius: 20px !important;
					padding: 32px 24px !important;
					text-align: center !important;
					transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
					box-shadow: 0 4px 20px -2px rgba(51, 65, 85, 0.04) !important;
					position: relative !important;
					overflow: hidden !important;
					display: flex !important;
					flex-direction: column !important;
					align-items: center !important;
					justify-content: center !important;
					box-sizing: border-box !important;
				}

				.cn-stats-wrapper .cn-stats-card::after {
					content: '' !important;
					position: absolute !important;
					bottom: 0 !important;
					left: 0 !important;
					width: 100% !important;
					height: 3px !important;
					background: linear-gradient(90deg, #4f46e5, #06b6d4) !important;
					opacity: 0 !important;
					transition: opacity 0.3s ease !important;
				}

				.cn-stats-wrapper .cn-stats-card:hover {
					transform: translateY(-8px) !important;
					box-shadow: 0 20px 40px -15px rgba(51, 65, 85, 0.1) !important;
					border-color: rgba(99, 102, 241, 0.25) !important;
				}

				.cn-stats-wrapper .cn-stats-card:hover::after {
					opacity: 1 !important;
				}

				.cn-stats-wrapper .cn-stats-card-icon-wrapper {
					width: 64px !important;
					height: 64px !important;
					border-radius: 18px !important;
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;
					margin-bottom: 18px !important;
					transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
				}

				.cn-stats-wrapper .cn-stats-card:hover .cn-stats-card-icon-wrapper {
					transform: scale(1.1) rotate(6deg) !important;
				}

				.cn-stats-wrapper .cn-stats-card-val {
					font-size: 38px !important;
					font-weight: 800 !important;
					color: #0f172a !important;
					margin: 8px 0 !important;
					letter-spacing: -1px !important;
				}

				.cn-stats-wrapper .cn-stats-card-lbl {
					font-size: 12px !important;
					font-weight: 700 !important;
					color: #64748b !important;
					text-transform: uppercase !important;
					letter-spacing: 0.8px !important;
				}

				/* Section Layouts */
				.cn-stats-wrapper .cn-stats-sections {
					display: grid !important;
					grid-template-columns: 1fr !important;
					gap: 32px !important;
				}

				@media (max-width: 900px) {
					.cn-stats-wrapper {
						padding: 24px !important;
					}
					.cn-stats-wrapper h2.cn-stats-title {
						font-size: 30px !important;
					}
				}

				.cn-stats-wrapper .cn-stats-section {
					background: #ffffff !important;
					border: 1px solid rgba(226, 232, 240, 0.7) !important;
					border-radius: 20px !important;
					padding: 32px !important;
					box-shadow: 0 4px 20px -2px rgba(51, 65, 85, 0.03) !important;
					box-sizing: border-box !important;
					min-width: 0 !important;
				}

				.cn-stats-wrapper h3.cn-stats-sec-title {
					font-size: 19px !important;
					font-weight: 700 !important;
					color: #0f172a !important;
					margin: 0 0 24px 0 !important;
					display: flex !important;
					align-items: center !important;
					gap: 10px !important;
					border-bottom: 1px solid #f1f5f9 !important;
					padding-bottom: 16px !important;
				}

				.cn-stats-wrapper h3.cn-stats-sec-title svg {
					flex-shrink: 0 !important;
				}

				/* Progress bar lists */
				.cn-stats-wrapper .cn-stats-progress-list {
					display: flex !important;
					flex-direction: column !important;
					gap: 20px !important;
				}

				.cn-stats-wrapper .cn-stats-progress-item {
					display: flex !important;
					flex-direction: column !important;
					gap: 8px !important;
				}

				.cn-stats-wrapper .cn-stats-progress-label {
					display: flex !important;
					justify-content: space-between !important;
					font-size: 14px !important;
					font-weight: 600 !important;
					color: #334155 !important;
					min-width: 0 !important;
				}

				.cn-stats-wrapper .cn-stats-progress-label span:first-child {
					color: #0f172a !important;
					white-space: nowrap !important;
					overflow: hidden !important;
					text-overflow: ellipsis !important;
					min-width: 0 !important;
				}

				.cn-stats-wrapper .cn-stats-progress-label span:last-child {
					font-size: 12px !important;
					color: #64748b !important;
					font-weight: 500 !important;
					flex-shrink: 0 !important;
					margin-left: 8px !important;
				}

				.cn-stats-wrapper .cn-stats-progress-bar-bg {
					background: #f1f5f9 !important;
					border-radius: 9999px !important;
					height: 10px !important;
					overflow: hidden !important;
				}

				.cn-stats-wrapper .cn-stats-progress-bar-fill {
					background: linear-gradient(90deg, #4f46e5 0%, #06b6d4 100%) !important;
					height: 100% !important;
					border-radius: 9999px !important;
					transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
				}

				/* Sex distribution container */
				.cn-stats-wrapper .cn-sex-container {
					display: flex !important;
					flex-direction: column !important;
					gap: 20px !important;
					padding: 8px 0 !important;
				}

				.cn-stats-wrapper .cn-sex-legends {
					display: flex !important;
					justify-content: center !important;
					gap: 32px !important;
					margin-top: 8px !important;
				}

				.cn-stats-wrapper .cn-sex-legend-item {
					display: flex !important;
					align-items: center !important;
					gap: 8px !important;
					font-size: 14px !important;
					font-weight: 600 !important;
					color: #475569 !important;
				}

				.cn-stats-wrapper .cn-sex-dot {
					width: 12px !important;
					height: 12px !important;
					border-radius: 9999px !important;
					box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
				}

				.cn-stats-wrapper .cn-sex-dot.male { background: #3b82f6 !important; }
				.cn-stats-wrapper .cn-sex-dot.female { background: #ec4899 !important; }

				/* Age Chart Bars */
				.cn-stats-wrapper .cn-age-chart-container {
					display: flex !important;
					flex-direction: column !important;
					gap: 16px !important;
					margin-top: 8px !important;
				}

				.cn-stats-wrapper .cn-age-bar-wrapper {
					display: flex !important;
					align-items: center !important;
					gap: 16px !important;
				}

				.cn-stats-wrapper .cn-age-bar-label {
					width: 120px !important;
					font-size: 13px !important;
					font-weight: 600 !important;
					color: #475569 !important;
					flex-shrink: 0 !important;
					text-align: left !important;
				}

				.cn-stats-wrapper .cn-age-bar-bg {
					flex-grow: 1 !important;
					background: #f1f5f9 !important;
					height: 14px !important;
					border-radius: 9999px !important;
					overflow: hidden !important;
					position: relative !important;
				}

				.cn-stats-wrapper .cn-age-bar-fill {
					height: 100% !important;
					border-radius: 9999px !important;
					transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
				}

				.cn-stats-wrapper .cn-age-bar-fill.filhote { background: linear-gradient(90deg, #10b981 0%, #34d399 100%) !important; }
				.cn-stats-wrapper .cn-age-bar-fill.jovem { background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%) !important; }
				.cn-stats-wrapper .cn-age-bar-fill.adulto { background: linear-gradient(90deg, #6366f1 0%, #818cf8 100%) !important; }
				.cn-stats-wrapper .cn-age-bar-fill.veterano { background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%) !important; }

				.cn-stats-wrapper .cn-age-bar-val {
					width: 80px !important;
					font-size: 13px !important;
					font-weight: 700 !important;
					color: #1e293b !important;
					text-align: right !important;
					flex-shrink: 0 !important;
				}

				/* Leaderboard Tables */
				.cn-stats-wrapper .cn-stats-table-list {
					display: flex !important;
					flex-direction: column !important;
					gap: 12px !important;
				}

				.cn-stats-wrapper .cn-stats-table-row {
					display: flex !important;
					justify-content: space-between !important;
					align-items: center !important;
					padding: 12px 16px !important;
					background: #f8fafc !important;
					border-radius: 12px !important;
					border: 1px solid rgba(226, 232, 240, 0.5) !important;
					transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
				}

				.cn-stats-wrapper .cn-stats-table-row:hover {
					transform: translateX(6px) !important;
					background: #f1f5f9 !important;
					border-color: rgba(203, 213, 225, 0.8) !important;
				}

				.cn-stats-wrapper .cn-stats-name-wrapper {
					display: flex !important;
					align-items: center !important;
					overflow: hidden !important;
					margin-right: 8px !important;
					min-width: 0 !important;
				}

				.cn-stats-wrapper .cn-stats-rank {
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;
					width: 26px !important;
					height: 26px !important;
					font-size: 12px !important;
					font-weight: 700 !important;
					border-radius: 9999px !important;
					margin-right: 12px !important;
					color: #64748b !important;
					background: #e2e8f0 !important;
					flex-shrink: 0;
				}

				.cn-stats-wrapper .cn-stats-table-row.gold {
					background: #fffdf5 !important;
					border-color: #fde68a !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.gold .cn-stats-rank {
					background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
					color: #ffffff !important;
					box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2) !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.silver {
					background: #fafafa !important;
					border-color: #e2e8f0 !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.silver .cn-stats-rank {
					background: linear-gradient(135deg, #cbd5e1 0%, #64748b 100%) !important;
					color: #ffffff !important;
					box-shadow: 0 2px 4px rgba(100, 116, 139, 0.2) !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.bronze {
					background: #fffaf7 !important;
					border-color: #ffedd5 !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.bronze .cn-stats-rank {
					background: linear-gradient(135deg, #f97316 0%, #b45309 100%) !important;
					color: #ffffff !important;
					box-shadow: 0 2px 4px rgba(180, 83, 9, 0.2) !important;
				}

				.cn-stats-wrapper .cn-stats-table-name {
					font-size: 14px !important;
					font-weight: 600 !important;
					color: #1e293b !important;
					white-space: nowrap !important;
					overflow: hidden !important;
					text-overflow: ellipsis !important;
					min-width: 0 !important;
				}

				.cn-stats-wrapper .cn-stats-table-val {
					font-size: 12px !important;
					font-weight: 700 !important;
					background: #e2e8f0 !important;
					color: #475569 !important;
					padding: 4px 10px !important;
					border-radius: 9999px !important;
					white-space: nowrap !important;
					flex-shrink: 0 !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.gold .cn-stats-table-val {
					background: #fef3c7 !important;
					color: #b45309 !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.silver .cn-stats-table-val {
					background: #f1f5f9 !important;
					color: #475569 !important;
				}

				.cn-stats-wrapper .cn-stats-table-row.bronze .cn-stats-table-val {
					background: #ffedd5 !important;
					color: #c2410c !important;
				}

				/* Unique Breeds Pills */
				.cn-stats-wrapper .cn-unique-breeds-cloud {
					display: flex !important;
					flex-wrap: wrap !important;
					gap: 8px !important;
					margin-top: 12px !important;
				}

				.cn-stats-wrapper .cn-unique-breed-pill {
					background: #faf5ff !important;
					color: #7e22ce !important;
					border: 1px solid #e9d5ff !important;
					padding: 6px 12px !important;
					border-radius: 9999px !important;
					font-size: 12px !important;
					font-weight: 600 !important;
					transition: all 0.2s ease !important;
				}

				.cn-stats-wrapper .cn-unique-breed-pill:hover {
					background: #7e22ce !important;
					color: #ffffff !important;
					border-color: transparent !important;
					transform: scale(1.05) !important;
				}

				/* Word cloud tags */
				.cn-stats-wrapper .cn-word-cloud {
					display: flex !important;
					flex-wrap: wrap !important;
					gap: 10px !important;
					justify-content: center !important;
					padding: 16px 0 !important;
				}

				.cn-stats-wrapper .cn-word-tag {
					background: #f8fafc !important;
					color: #475569 !important;
					border: 1px solid #e2e8f0 !important;
					padding: 8px 16px !important;
					border-radius: 9999px !important;
					font-size: 13px !important;
					font-weight: 600 !important;
					box-shadow: 0 2px 4px rgba(0,0,0,0.01) !important;
					transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
					cursor: default !important;
				}

				.cn-stats-wrapper .cn-word-tag:hover {
					background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
					color: #ffffff !important;
					border-color: transparent !important;
					transform: translateY(-3px) scale(1.04) !important;
					box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.25) !important;
				}

				/* Refresh Button */
				.cn-stats-wrapper .cn-refresh-btn-container {
					text-align: right !important;
					margin-top: 32px !important;
				}

				.cn-stats-wrapper .cn-refresh-btn {
					background: transparent !important;
					color: #94a3b8 !important;
					border: 1px solid #e2e8f0 !important;
					padding: 8px 16px !important;
					font-size: 11px !important;
					font-weight: 600 !important;
					border-radius: 8px !important;
					cursor: pointer !important;
					text-decoration: none !important;
					transition: all 0.2s ease !important;
					display: inline-block !important;
				}

				.cn-stats-wrapper .cn-refresh-btn:hover {
					background: #f8fafc !important;
					color: #64748b !important;
					border-color: #cbd5e1 !important;
				}

				/* Toggle switch wrapper */
				.cn-stats-wrapper .cn-stats-dark-mode-toggle-wrapper {
					position: absolute !important;
					top: 24px !important;
					right: 24px !important;
					display: flex !important;
					align-items: center !important;
					gap: 8px !important;
					z-index: 5 !important;
				}
				
				.cn-stats-wrapper .cn-switch {
					position: relative !important;
					display: inline-block !important;
					width: 40px !important;
					height: 20px !important;
					margin: 0 !important;
				}
				
				.cn-stats-wrapper .cn-switch input {
					opacity: 0 !important;
					width: 0 !important;
					height: 0 !important;
				}
				
				.cn-stats-wrapper .cn-slider {
					position: absolute !important;
					cursor: pointer !important;
					top: 0 !important;
					left: 0 !important;
					right: 0 !important;
					bottom: 0 !important;
					background-color: #cbd5e1 !important;
					transition: .3s !important;
					border-radius: 9999px !important;
				}
				
				.cn-stats-wrapper .cn-slider:before {
					position: absolute !important;
					content: "" !important;
					height: 14px !important;
					width: 14px !important;
					left: 3px !important;
					bottom: 3px !important;
					background-color: white !important;
					transition: .3s !important;
					border-radius: 50% !important;
				}
				
				.cn-stats-wrapper .cn-switch input:checked + .cn-slider {
					background-color: #4f46e5 !important;
				}
				
				.cn-stats-wrapper .cn-switch input:checked + .cn-slider:before {
					transform: translateX(20px) !important;
				}

				/* Loading overlay */
				.cn-stats-wrapper.cn-loading {
					position: relative !important;
				}
				.cn-stats-wrapper.cn-loading::before {
					content: '' !important;
					position: absolute !important;
					top: 0 !important;
					left: 0 !important;
					width: 100% !important;
					height: 100% !important;
					background: rgba(255,255,255,0.6) !important;
					z-index: 10 !important;
					border-radius: 28px !important;
					-webkit-backdrop-filter: blur(2px) !important;
					backdrop-filter: blur(2px) !important;
					transition: all 0.3s ease !important;
				}
				
				.cn-stats-wrapper.cn-dark.cn-loading::before {
					background: rgba(15,23,42,0.6) !important;
				}

				/* Dark Mode overrides */
				.cn-stats-wrapper.cn-dark {
					background: #0f172a !important;
					color: #f1f5f9 !important;
					border-color: rgba(51, 65, 85, 0.6) !important;
					box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5) !important;
				}
				
				.cn-stats-wrapper.cn-dark h2.cn-stats-title {
					color: #f8fafc !important;
				}
				
				.cn-stats-wrapper.cn-dark p.cn-stats-subtitle,
				.cn-stats-wrapper.cn-dark .cn-stats-select-label,
				.cn-stats-wrapper.cn-dark .cn-stats-search-label,
				.cn-stats-wrapper.cn-dark .cn-stats-card-lbl,
				.cn-stats-wrapper.cn-dark .cn-age-bar-label {
					color: #94a3b8 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-select,
				.cn-stats-wrapper.cn-dark .cn-stats-search-input {
					background: #1e293b !important;
					color: #f8fafc !important;
					border-color: #475569 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-card {
					background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
					border-color: rgba(51, 65, 85, 0.7) !important;
					box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.3) !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-card-val {
					color: #f8fafc !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-section {
					background: #1e293b !important;
					border-color: rgba(51, 65, 85, 0.6) !important;
					box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.2) !important;
				}
				
				.cn-stats-wrapper.cn-dark h3.cn-stats-sec-title {
					color: #f8fafc !important;
					border-bottom-color: #334155 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-table-row {
					background: #0f172a !important;
					border-color: rgba(51, 65, 85, 0.4) !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-table-row:hover {
					background: #1e293b !important;
					border-color: rgba(99, 102, 241, 0.4) !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-table-name {
					color: #e2e8f0 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-progress-label,
				.cn-stats-wrapper.cn-dark .cn-age-bar-val,
				.cn-stats-wrapper.cn-dark .cn-sex-legend-item {
					color: #cbd5e1 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-progress-label span:first-child {
					color: #f8fafc !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-progress-bar-bg,
				.cn-stats-wrapper.cn-dark .cn-age-bar-bg {
					background: #334155 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-donut-segment[stroke="#f1f5f9"] {
					stroke: #334155 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-donut-text #cn-donut-total-val {
					color: #f8fafc !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-word-tag {
					background: #0f172a !important;
					color: #cbd5e1 !important;
					border-color: #334155 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-unique-breed-pill {
					background: rgba(126, 34, 206, 0.15) !important;
					color: #d8b4fe !important;
					border-color: rgba(168, 85, 247, 0.4) !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-unique-breed-pill:hover {
					background: #7e22ce !important;
					color: #ffffff !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-refresh-btn {
					border-color: #334155 !important;
					color: #64748b !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-refresh-btn:hover {
					background: #1e293b !important;
					color: #cbd5e1 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-search-result-card {
					background: #0f172a !important;
					border-color: #334155 !important;
				}
				
				.cn-stats-wrapper.cn-dark .cn-stats-search-result-card:hover {
					background: #1e293b !important;
				}

				/* YoY Tabs & YoY Table Premium Styling */
				.cn-stats-tabs {
					display: flex !important;
					justify-content: center !important;
					gap: 16px !important;
					margin-bottom: 32px !important;
					border-bottom: 2px solid #e2e8f0 !important;
					padding-bottom: 12px !important;
				}

				.cn-stats-tab-btn {
					background: transparent !important;
					border: none !important;
					color: #64748b !important;
					font-family: 'Outfit', sans-serif !important;
					font-size: 16px !important;
					font-weight: 700 !important;
					padding: 10px 24px !important;
					cursor: pointer !important;
					position: relative !important;
					transition: color 0.3s ease !important;
					outline: none !important;
				}

				.cn-stats-tab-btn:hover {
					color: #4f46e5 !important;
				}

				.cn-stats-tab-btn.active {
					color: #4f46e5 !important;
				}

				.cn-stats-tab-btn.active::after {
					content: '' !important;
					position: absolute !important;
					bottom: -14px !important;
					left: 0 !important;
					width: 100% !important;
					height: 3px !important;
					background: #4f46e5 !important;
					border-radius: 9999px !important;
				}

				.cn-stats-wrapper .cn-stats-tab-content {
					display: none;
				}

				div.cn-stats-wrapper div.cn-stats-tab-content.active {
					display: block !important;
					opacity: 1 !important;
					visibility: visible !important;
					animation: cnFadeInUp 0.4s ease forwards !important;
				}

				.cn-stats-wrapper.cn-dark .cn-stats-tabs {
					border-bottom-color: #334155 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-tab-btn {
					color: #94a3b8 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-tab-btn.active {
					color: #818cf8 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-tab-btn.active::after {
					background: #818cf8 !important;
				}

				.cn-stats-yoy-table tr {
					border-bottom: 1px solid #f1f5f9 !important;
					transition: background-color 0.2s ease !important;
				}
				.cn-stats-yoy-table tr:hover {
					background-color: #f8fafc !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-yoy-table tr {
					border-bottom-color: #334155 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-yoy-table tr:hover {
					background-color: #1e293b !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-yoy-table th {
					color: #cbd5e1 !important;
				}
				.cn-stats-yoy-table td {
					color: #475569 !important;
				}
				.cn-stats-yoy-table td:first-child {
					color: #1e3a8a !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-yoy-table td {
					color: #cbd5e1 !important;
				}
				.cn-stats-wrapper.cn-dark .cn-stats-yoy-table td:first-child {
					color: #818cf8 !important;
				}
				#cn-yoy-chart-wrapper svg {
					width: 100% !important;
					height: auto !important;
					max-width: 100% !important;
				}
				#cn-tab-comparative .cn-stats-sections {
					grid-template-columns: 1fr !important;
				}

				/* Responsive mobile overrides to prevent overflow */
				@media (max-width: 768px) {
					.cn-stats-wrapper {
						padding: 20px 16px !important;
						margin: 10px auto !important;
						border-radius: 16px !important;
					}
					.cn-stats-wrapper .cn-stats-section {
						padding: 20px 16px !important;
						border-radius: 12px !important;
					}
					.cn-stats-wrapper .cn-stats-grid-4 {
						grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
						gap: 16px !important;
						margin-bottom: 24px !important;
					}
					.cn-stats-wrapper .cn-stats-card {
						padding: 20px 16px !important;
					}
					.cn-stats-wrapper .cn-stats-card-val {
						font-size: 28px !important;
					}
					.cn-stats-wrapper .cn-stats-sections {
						gap: 20px !important;
					}
					#cn-seasonality-grid {
						grid-template-columns: 1fr !important;
						gap: 12px !important;
					}
					.cn-stats-tabs {
						flex-wrap: wrap !important;
						gap: 8px !important;
						padding-bottom: 8px !important;
					}
					.cn-stats-tab-btn {
						font-size: 14px !important;
						padding: 8px 16px !important;
					}
					.cn-stats-tab-btn.active::after {
						bottom: -10px !important;
					}
				}

				@media (max-width: 580px) {
					.cn-stats-wrapper .cn-stats-controls-row {
						flex-direction: column !important;
						align-items: stretch !important;
						gap: 12px !important;
					}
					.cn-stats-wrapper .cn-stats-select-wrapper, 
					.cn-stats-wrapper .cn-stats-search-wrapper {
						min-width: 0 !important;
						width: 100% !important;
						flex-direction: column !important;
						align-items: flex-start !important;
						gap: 6px !important;
					}
					.cn-stats-wrapper .cn-stats-select, 
					.cn-stats-wrapper .cn-stats-search-input {
						width: 100% !important;
					}
					#cn-year-filter-wrapper {
						width: 100% !important;
						min-width: 0 !important;
					}
					.cn-stats-wrapper .cn-age-bar-wrapper {
						flex-wrap: wrap !important;
						gap: 4px !important;
					}
					.cn-stats-wrapper .cn-age-bar-label {
						width: 100% !important;
						text-align: left !important;
						margin-bottom: 2px !important;
					}
					.cn-stats-wrapper .cn-age-bar-bg {
						flex-grow: 1 !important;
						width: auto !important;
					}
					.cn-stats-wrapper .cn-age-bar-val {
						width: auto !important;
						text-align: right !important;
					}
					/* State UF bars */
					.cn-stats-wrapper #cn-states-chart-container .cn-age-bar-label {
						width: 100% !important;
					}
					/* Prevent seasonality month bars from wrapping as they fit on a single line */
					#cn-seasonality-grid .cn-age-bar-wrapper {
						flex-wrap: nowrap !important;
						gap: 16px !important;
					}
					#cn-seasonality-grid .cn-age-bar-label {
						width: 40px !important;
						margin-bottom: 0 !important;
					}
					#cn-seasonality-grid .cn-age-bar-bg {
						flex-grow: 1 !important;
						width: auto !important;
					}
					#cn-seasonality-grid .cn-age-bar-val {
						width: 70px !important;
						text-align: right !important;
					}
					/* Donut chart wrap */
					.cn-sex-container {
						flex-direction: column !important;
						align-items: center !important;
						gap: 24px !important;
					}
					.cn-stats-wrapper h2.cn-stats-title {
						font-size: 24px !important;
						letter-spacing: -0.8px !important;
					}
					.cn-stats-wrapper p.cn-stats-subtitle {
						font-size: 14px !important;
					}
					.cn-microchip-badge-wrapper {
						flex-direction: column !important;
						text-align: center !important;
						align-items: center !important;
						padding: 12px !important;
					}
					.cn-microchip-badge-text {
						text-align: center !important;
						font-size: 12px !important;
					}
					.cn-stats-wrapper .cn-stats-table-row {
						padding: 10px 12px !important;
					}
					.cn-stats-wrapper .cn-stats-table-name {
						font-size: 13px !important;
					}
					.cn-stats-wrapper .cn-stats-table-val {
						font-size: 11px !important;
					}
				}

				@media (max-width: 380px) {
					.cn-stats-wrapper {
						padding: 12px 8px !important;
					}
					.cn-stats-wrapper .cn-stats-section {
						padding: 12px 8px !important;
					}
				}

/* ==========================================================================
   CN CENTRALIZED UTILITY CLASSES
   ========================================================================== */
.cn-ui-hidden { display: none !important; }
.cn-ui-block { display: block !important; }
.cn-ui-display-flex { display: flex !important; }
.cn-ui-flex { display: flex !important; align-items: center !important; gap: 4px !important; }
.cn-ui-inline-flex { display: inline-flex !important; }
.cn-ui-inline-block { display: inline-block !important; }
.cn-ui-dimmed { opacity: 0.6 !important; }
.cn-ui-toast-dismiss { animation: none !important; transition: all 0.3s ease !important; opacity: 0 !important; transform: translateY(100px) !important; }
.cn-ui-overflow-visible { overflow-x: visible !important; overflow-y: visible !important; }
.cn-ui-overflow-auto { overflow-x: auto !important; overflow-y: auto !important; }
.cn-ui-uppercase { text-transform: uppercase !important; }
.cn-copy-buffer { position: fixed !important; opacity: 0 !important; }
.cn-ui-state-muted { color: #64748b !important; }
.cn-ui-state-success { color: #10b981 !important; }
.cn-ui-state-warning { color: #f59e0b !important; }
.cn-ui-state-error { color: #ef4444 !important; }
.cn-ui-dog-edit-success { color: #059669 !important; }
.cn-ui-dog-edit-error { color: #dc2626 !important; }
.cn-ui-copy-success { background: #10b981 !important; }
.cn-ui-copy-default { background: #4f46e5 !important; }
.cn-ui-monospace-flex { font-family: monospace !important; flex: 1 !important; min-width: 200px !important; }
.cn-ui-link-indigo { color: #312e81 !important; text-decoration: none !important; }
.cn-ui-link-primary { color: #4f46e5 !important; text-decoration: none !important; font-weight: 700 !important; }
.cn-ui-empty-filter-link { display: inline-flex !important; margin-top: 10px !important; }
.cn-ui-dimmed-link { opacity: 0.85 !important; }
.cn-ui-select-full { width: 100% !important; }
.cn-ui-admin-input-search { min-width: 250px !important; height: 30px !important; }
.cn-ui-admin-input-small { width: 100px !important; }
.cn-ui-admin-input-medium { max-width: 350px !important; }
.cn-ui-admin-input-full { width: 100% !important; }
.cn-ui-admin-button-filter { height: 38px !important; font-weight: 600 !important; }
.cn-ui-admin-button-compact { height: 30px !important; line-height: 28px !important; font-weight: 600 !important; }
.cn-ui-admin-button-page { padding: 0 8px !important; height: 28px !important; line-height: 26px !important; }
.cn-ui-admin-link-strong { text-decoration: none !important; color: #1e293b !important; }
.cn-ui-admin-action { font-weight: 600 !important; }
.cn-ui-admin-action-success { font-weight: 600 !important; background: #10b981 !important; border-color: #10b981 !important; box-shadow: none !important; text-shadow: none !important; }
.cn-ui-admin-action-primary { font-weight: 600 !important; background: #4f46e5 !important; border-color: #4f46e5 !important; }
.cn-ai-column-cell { padding: 10px 4px !important; text-align: center !important; }
.cn-status-badge { color: #fff !important; padding: 3px 8px !important; border-radius: 12px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.cn-status-badge.is-success { background-color: #22c55e !important; }
.cn-status-badge.is-error { background-color: #ef4444 !important; }
.cn-status-badge.is-pending { background-color: #f59e0b !important; }
.cn-status-badge.is-processing { background-color: #3b82f6 !important; }
.cn-status-badge.is-muted { background-color: #64748b !important; }
.cn-circular-document-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 8px 12px !important; background-color: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; color: #334155 !important; text-decoration: none !important; font-size: 13px !important; font-weight: 600 !important; width: 100% !important; box-sizing: border-box !important; justify-content: center !important; transition: all 0.2s !important; }
.cn-dashboard-sync-status { font-weight: 700 !important; }
.cn-dashboard-sync-status.is-success { color: #10b981 !important; }
.cn-dashboard-sync-status.is-error { color: #ef4444 !important; }
.cn-log-level-label { font-weight: 700 !important; text-transform: uppercase !important; }
.cn-log-level-label.is-error { color: #ef4444 !important; }
.cn-log-level-label.is-info { color: #4f46e5 !important; }
.cn-alert-duplicate-badge { color: #fff !important; padding: 2px 6px !important; border-radius: 3px !important; font-weight: 700 !important; }
.cn-alert-duplicate-badge.is-low { background: #10b981 !important; }
.cn-alert-duplicate-badge.is-medium { background: #f59e0b !important; }
.cn-alert-duplicate-badge.is-high { background: #ef4444 !important; }
.cn-alert-duplicate-recommendation { margin-top: 4px !important; font-weight: 700 !important; }
.cn-alert-duplicate-recommendation.is-merge { color: #dc2626 !important; }
.cn-alert-duplicate-recommendation.is-keep { color: #15803d !important; }
.cn-ajax-result.is-muted { color: #64748b !important; }
.cn-ajax-result.is-success { color: #15803d !important; }
.cn-ajax-result.is-error { color: #b91c1c !important; }
.cn-ajax-message { padding: 8px !important; margin-top: 10px !important; }
.cn-ajax-message.is-success { color: #166534 !important; background-color: #f0fdf4 !important; border-left: 4px solid #22c55e !important; }
.cn-ajax-message.is-error { color: #991b1b !important; background-color: #fef2f2 !important; border-left: 4px solid #ef4444 !important; }
.cn-expo-badge { font-size: 13px !important; font-weight: 700 !important; padding: 6px 14px !important; border-radius: 9999px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: inline-block !important; }
.cnradards-gps-btn, .cnradards-whatsapp-btn { text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important; padding: 6px 14px !important; border-radius: 8px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }
.cnradards-whatsapp-btn { background-color: #25d366 !important; color: #ffffff !important; border: none !important; }
.cnradards-judge-link { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 10px !important; border-radius: 8px !important; border: 1px solid #c7d2fe !important; background: #e0e7ff !important; color: #4338ca !important; text-decoration: none !important; font-size: 11px !important; font-weight: 700 !important; transition: all 0.2s !important; }
.cn-judge-tag.cnradards-judge-link { padding: 3px 8px !important; margin: 0 !important; }
.cn-action-link-danger { background: none !important; border: none !important; color: #ef4444 !important; font-weight: 700 !important; cursor: pointer !important; font-size: 12px !important; padding: 4px 8px !important; border-radius: 6px !important; transition: background 0.2s !important; box-shadow: none !important; }
.cn-stats-progress-bar-fill, .cn-age-bar-fill, .cn-stats-origin-bar, .cn-mating-inbreeding-bar { transition: width 0.8s ease !important; }
.cn-stats-origin-bar { height: 100% !important; }
.cn-stats-origin-bar.is-national { background: linear-gradient(90deg, #10b981 0%, #34d399 100%) !important; }
.cn-stats-origin-bar.is-imported { background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%) !important; }
.cn-stats-state-bar { background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%) !important; }
.cn-season-bar-fill { background: linear-gradient(90deg, #6366f1 0%, #818cf8 100%) !important; }
.cn-donut-segment { transition: stroke-dasharray 0.8s ease, stroke-dashoffset 0.8s ease !important; }
.cn-mating-inbreeding-bar { height: 100% !important; width: 0 !important; background-color: #3b82f6 !important; transition: width 0.5s ease-in-out, background-color 0.5s !important; }
.cn-mating-inbreeding-bar.is-low { background-color: #10b981 !important; }
.cn-mating-inbreeding-bar.is-medium { background-color: #f59e0b !important; }
.cn-mating-inbreeding-bar.is-high { background-color: #ef4444 !important; }
.cn-pct-0 { width: 0% !important; }
.cn-pct-1 { width: 1% !important; }
.cn-pct-2 { width: 2% !important; }
.cn-pct-3 { width: 3% !important; }
.cn-pct-4 { width: 4% !important; }
.cn-pct-5 { width: 5% !important; }
.cn-pct-6 { width: 6% !important; }
.cn-pct-7 { width: 7% !important; }
.cn-pct-8 { width: 8% !important; }
.cn-pct-9 { width: 9% !important; }
.cn-pct-10 { width: 10% !important; }
.cn-pct-11 { width: 11% !important; }
.cn-pct-12 { width: 12% !important; }
.cn-pct-13 { width: 13% !important; }
.cn-pct-14 { width: 14% !important; }
.cn-pct-15 { width: 15% !important; }
.cn-pct-16 { width: 16% !important; }
.cn-pct-17 { width: 17% !important; }
.cn-pct-18 { width: 18% !important; }
.cn-pct-19 { width: 19% !important; }
.cn-pct-20 { width: 20% !important; }
.cn-pct-21 { width: 21% !important; }
.cn-pct-22 { width: 22% !important; }
.cn-pct-23 { width: 23% !important; }
.cn-pct-24 { width: 24% !important; }
.cn-pct-25 { width: 25% !important; }
.cn-pct-26 { width: 26% !important; }
.cn-pct-27 { width: 27% !important; }
.cn-pct-28 { width: 28% !important; }
.cn-pct-29 { width: 29% !important; }
.cn-pct-30 { width: 30% !important; }
.cn-pct-31 { width: 31% !important; }
.cn-pct-32 { width: 32% !important; }
.cn-pct-33 { width: 33% !important; }
.cn-pct-34 { width: 34% !important; }
.cn-pct-35 { width: 35% !important; }
.cn-pct-36 { width: 36% !important; }
.cn-pct-37 { width: 37% !important; }
.cn-pct-38 { width: 38% !important; }
.cn-pct-39 { width: 39% !important; }
.cn-pct-40 { width: 40% !important; }
.cn-pct-41 { width: 41% !important; }
.cn-pct-42 { width: 42% !important; }
.cn-pct-43 { width: 43% !important; }
.cn-pct-44 { width: 44% !important; }
.cn-pct-45 { width: 45% !important; }
.cn-pct-46 { width: 46% !important; }
.cn-pct-47 { width: 47% !important; }
.cn-pct-48 { width: 48% !important; }
.cn-pct-49 { width: 49% !important; }
.cn-pct-50 { width: 50% !important; }
.cn-pct-51 { width: 51% !important; }
.cn-pct-52 { width: 52% !important; }
.cn-pct-53 { width: 53% !important; }
.cn-pct-54 { width: 54% !important; }
.cn-pct-55 { width: 55% !important; }
.cn-pct-56 { width: 56% !important; }
.cn-pct-57 { width: 57% !important; }
.cn-pct-58 { width: 58% !important; }
.cn-pct-59 { width: 59% !important; }
.cn-pct-60 { width: 60% !important; }
.cn-pct-61 { width: 61% !important; }
.cn-pct-62 { width: 62% !important; }
.cn-pct-63 { width: 63% !important; }
.cn-pct-64 { width: 64% !important; }
.cn-pct-65 { width: 65% !important; }
.cn-pct-66 { width: 66% !important; }
.cn-pct-67 { width: 67% !important; }
.cn-pct-68 { width: 68% !important; }
.cn-pct-69 { width: 69% !important; }
.cn-pct-70 { width: 70% !important; }
.cn-pct-71 { width: 71% !important; }
.cn-pct-72 { width: 72% !important; }
.cn-pct-73 { width: 73% !important; }
.cn-pct-74 { width: 74% !important; }
.cn-pct-75 { width: 75% !important; }
.cn-pct-76 { width: 76% !important; }
.cn-pct-77 { width: 77% !important; }
.cn-pct-78 { width: 78% !important; }
.cn-pct-79 { width: 79% !important; }
.cn-pct-80 { width: 80% !important; }
.cn-pct-81 { width: 81% !important; }
.cn-pct-82 { width: 82% !important; }
.cn-pct-83 { width: 83% !important; }
.cn-pct-84 { width: 84% !important; }
.cn-pct-85 { width: 85% !important; }
.cn-pct-86 { width: 86% !important; }
.cn-pct-87 { width: 87% !important; }
.cn-pct-88 { width: 88% !important; }
.cn-pct-89 { width: 89% !important; }
.cn-pct-90 { width: 90% !important; }
.cn-pct-91 { width: 91% !important; }
.cn-pct-92 { width: 92% !important; }
.cn-pct-93 { width: 93% !important; }
.cn-pct-94 { width: 94% !important; }
.cn-pct-95 { width: 95% !important; }
.cn-pct-96 { width: 96% !important; }
.cn-pct-97 { width: 97% !important; }
.cn-pct-98 { width: 98% !important; }
.cn-pct-99 { width: 99% !important; }
.cn-pct-100 { width: 100% !important; }


/* === WhatsApp Card Premium Refinements === */
.cnradards-whatsapp-card {
	position: relative !important;
	transition: all 0.3s ease !important;
}
.cnradards-whatsapp-card.whatsapp-active {
	background: #f0fdf4 !important; /* light premium green */
	border: 1px solid #e2e8f0 !important; /* matches other cards */
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055) !important; /* matches other cards shadow */
}
.cnradards-whatsapp-card .cn-inline-9131d66cae {
	position: absolute !important;
	top: 24px !important;
	right: 28px !important;
	margin: 0 !important;
	background: #10b981 !important;
	color: #ffffff !important;
	padding: 6px 14px !important;
	border-radius: 9999px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15) !important;
}
@media (max-width: 600px) {
	.cnradards-whatsapp-card .cn-inline-9131d66cae {
		position: static !important;
		display: inline-block !important;
		margin-top: 12px !important;
		margin-bottom: 0 !important;
	}
}

/* WordPress Admin Bar Top Spacing Support */
body.admin-bar .cnradards-dashboard-wrap {
	margin-top: 50px !important;
}

/* ==========================================================================
   3. PREMIUM DASHBOARD FINAL INTEGRATION & VISUAL REFINEMENTS
   ========================================================================== */

/* 1. Header and Footer Theme Interference Fix */
body.page-id-578 #header,
body.page-id-578 #footer,
body.page-id-578 footer,
body.page-id-578 .footer-wrapper,
body.page-id-578 .absolute-footer {
	display: none !important;
}

/* 2. Top Empty Space Corrections */
body.page-id-578 {
	background-color: #f8fafc !important; /* matches --premium-bg */
}
body.page-id-578 #wrapper {
	background-color: #f8fafc !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}
body.page-id-578 #main {
	padding: 0 !important;
	margin: 0 !important;
	background-color: #f8fafc !important;
}
body.page-id-578 .page-wrapper,
body.page-id-578 .row-main,
body.page-id-578 .col-inner,
body.page-id-578 .large-12.col {
	padding: 0 !important;
	margin: 0 !important;
}
body.page-id-578 .cnradards-dashboard-wrap {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}
body.page-id-578 .cnradards-auth-container {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

/* WordPress Admin Bar Top Spacing Support for Page 578 */
body.page-id-578.admin-bar .cnradards-dashboard-wrap {
	margin-top: 24px !important;
}
body.page-id-578.admin-bar .cnradards-auth-container {
	margin-top: 40px !important;
}

/* 3. Width Alignment of "Licença ativa" Card */
.cnradards-premium-cards-container .cnradards-account-card {
	align-self: stretch !important;
	width: 100% !important;
}

/* 4. Active Key Display Box & Badge Refinements */
.cn-inline-11d6921227 {
	background: #f1f5f9 !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 12px !important;
	padding: 12px 18px !important;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
	margin-top: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
}
.cn-inline-af33f9f224 {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}



/* 5. iCal Card Refinements (Desktop & Mobile height align and stacking) */
@media (min-width: 601px) {
	.cnradards-link-row.cn-inline-e753082c75 {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 12px !important;
		width: 100% !important;
	}
	.cnradards-link-row.cn-inline-e753082c75 #cnradards-ical-generated-url {
		flex: 1 1 auto !important;
		height: 48px !important;
		margin: 0 !important;
	}
	.cnradards-link-row.cn-inline-e753082c75 #cnradards-btn-copy-ical {
		flex: 0 0 auto !important;
		height: 48px !important;
		margin: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 24px !important;
		border-radius: 12px !important;
		font-size: 14px !important;
	}
}

@media (max-width: 600px) {
	.cnradards-link-row.cn-inline-e753082c75 {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		width: 100% !important;
	}
	.cnradards-link-row.cn-inline-e753082c75 #cnradards-ical-generated-url {
		width: 100% !important;
		height: 48px !important;
		margin: 0 !important;
	}
	.cnradards-link-row.cn-inline-e753082c75 #cnradards-btn-copy-ical {
		width: 100% !important;
		height: 48px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 12px !important;
		font-size: 14px !important;
	}
}

/* iCal inputs and forms container margins */
.cnradards-ical-generator {
	margin-top: 14px !important;
}

/* 7. Responsiveness: Global Stacking & Container Spacing */
@media (max-width: 768px) {
	body.page-id-578 .cnradards-dashboard-wrap {
		margin: 16px 12px !important;
		width: calc(100% - 24px) !important;
	}
	body.page-id-578 .cnradards-auth-container {
		margin: 20px 12px !important;
		width: calc(100% - 24px) !important;
	}
	/* Ensure all cards occupy 100% width on tablet/mobile */
	.cnradards-account-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	.cnradards-summary-card {
		width: 100% !important;
	}
}

@media (max-width: 600px) {
	/* Stack forms/inputs on mobile */
	.cnradards-form-row {
		flex-direction: column !important;
		gap: 12px !important;
		margin-bottom: 12px !important;
	}
	.cnradards-form-group {
		width: 100% !important;
		flex: 1 1 auto !important;
	}
	.cnradards-input-text {
		font-size: 14px !important;
	}
	
	/* Avoid horizontal overflow in data tables */
	.cnradards-tab-panel table.cnradards-data-table {
		display: block !important;
		width: 100% !important;
		overflow-x: auto !important;
	}
}

/* ==========================================================================
   FINAL VISUAL POLISH - PREMIUM TAB
   ========================================================================== */

/* 1. Refinar densidade geral da aba Premium */
.cnradards-premium-cards-container {
	display: flex !important;
	flex-direction: column !important;
	gap: 26px !important;
	width: 100% !important;
}

#panel-assinatura .cnradards-account-card {
	padding: 28px 30px !important;
	margin-bottom: 0 !important;
}

/* 3. Card Licença ativa alignment */
#panel-assinatura .cnradards-account-card:nth-child(1) .cnradards-ical-container {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 24px 20px !important;
	margin-bottom: 0 !important;
	gap: 8px !important;
}
#panel-assinatura .cnradards-account-card:nth-child(1) .cn-inline-11d6921227 {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.cnradards-license-display {
	margin: 0 !important;
}
.cnradards-license-value {
	margin: 0 !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	color: #0f172a !important;
}

/* 4. Botão “Desativar Licença Premium” */
.cnradards-btn-deactivate {
	background: #ffffff !important;
	color: #b91c1c !important;
	border: 1px solid #fca5a5 !important;
	box-shadow: none !important;
	border-radius: 13px !important;
	height: 46px !important;
	padding: 0 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 22px auto 0 auto !important;
	width: auto !important;
}
.cnradards-btn-deactivate:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
	color: #991b1b !important;
}

/* 5. Linhas superiores dos cards (Premium tab specific) */
#panel-assinatura .cnradards-account-card::before {
	height: 2px !important;
	background: linear-gradient(90deg, rgba(79, 70, 229, 0.35), rgba(99, 102, 241, 0.15)) !important;
}
/* Remove WhatsApp card top line since it has its own green border/gradient */
#panel-assinatura .cnradards-whatsapp-card::before {
	display: none !important;
}

/* 6. Card “Sincronização de Calendário iCal” */
.cnradards-ical-generator .cnradards-form-row {
	display: flex !important;
	gap: 16px !important;
	margin-bottom: 16px !important;
}
.cnradards-ical-generator .cnradards-form-group {
	flex: 1 1 50% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
}
.cnradards-ical-generator select.cnradards-input-text {
	height: 48px !important;
	width: 100% !important;
}
.cnradards-link-row {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
}
.cnradards-ical-url {
	height: 48px !important;
	flex: 1 1 auto !important;
	margin-bottom: 0 !important;
}

/* 7. Botão “Copiar” */
.cnradards-btn-copy {
	height: 48px !important;
	width: auto !important;
	padding: 0 24px !important;
	margin: 0 !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(5, 150, 105, 0.12) !important;
	flex: 0 0 auto !important;
}
.cnradards-btn-copy:hover {
	box-shadow: 0 6px 16px rgba(5, 150, 105, 0.18) !important;
}

/* 8. Card “Alertas via WhatsApp” */
.cnradards-whatsapp-card {
	background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%) !important;
	border: 1px solid rgba(16, 185, 129, 0.22) !important;
	border-radius: 20px !important;
	padding: 28px 32px !important;
}
.cnradards-whatsapp-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-bottom: 12px !important;
}
.cnradards-whatsapp-title {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 750 !important;
	color: #0f172a !important;
}
.cnradards-whatsapp-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 28px !important;
	padding: 0 12px !important;
	border-radius: 999px !important;
	background: rgba(16, 185, 129, 0.14) !important;
	color: #047857 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
}
.cnradards-whatsapp-description {
	margin: 0 !important;
	color: #64748b !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

/* Mobile Responsiveness for Premium Tab */
@media (max-width: 760px) {
	.cnradards-ical-generator .cnradards-form-row {
		flex-direction: column !important;
		gap: 12px !important;
	}
	.cnradards-ical-generator .cnradards-form-group {
		flex: 1 1 100% !important;
	}
	.cnradards-link-row {
		flex-direction: column !important;
		gap: 10px !important;
	}
	.cnradards-btn-copy {
		width: 100% !important;
		height: 48px !important;
	}
	.cnradards-btn-deactivate {
		width: 100% !important;
	}
	.cnradards-whatsapp-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}
}

/* --- ALERTAS TAB PREMIUM REFINEMENT --- */
.cnradards-form-row-3col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.cnradards-form-actions {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid #f1f5f9;
}
.cnradards-table-card {
	padding: 0 !important;
	overflow: hidden;
}
.cnradards-table-card .cnradards-section-title {
	padding: 25px 25px 15px 25px;
	margin: 0;
	border-bottom: 1px solid #f1f5f9;
}
.cnradards-premium-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
.cnradards-premium-table thead th {
	background: #f8fafc;
	color: #64748b;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 25px;
	border-bottom: 1px solid #e2e8f0;
	text-align: left;
}
.cnradards-premium-table tbody td {
	padding: 18px 25px;
	border-bottom: 1px solid #f1f5f9;
	color: #334155;
	font-size: 14px;
	vertical-align: middle;
}
.cnradards-premium-table tbody tr:hover {
	background-color: #f8fafc;
}
.cnradards-premium-table tbody tr:last-child td {
	border-bottom: none;
}
.cnradards-btn-outline-danger {
	background: #ffffff !important;
	color: #b91c1c !important;
	border: 1px solid #fca5a5 !important;
	box-shadow: none !important;
	border-radius: 12px !important;
	height: 44px !important;
	padding: 0 20px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}
.cnradards-btn-outline-danger:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
	color: #991b1b !important;
}
.cnradards-max-w-600 {
	max-width: 600px !important;
}
.cnradards-text-right {
	text-align: right !important;
}
.cnradards-text-center {
	text-align: center !important;
}

/* Text Refinements */
.cnradards-panel-subtitle,
.cnradards-section-desc {
	color: #64748B !important;
	font-size: 14px !important;
}
.cnradards-section-desc {
	margin-bottom: 22px !important;
}
.cnradards-rule-form-container .cnradards-form-group label {
	color: #475569 !important;
	font-weight: 500 !important;
	margin-bottom: 6px !important;
	display: block !important;
	font-size: 13.5px !important;
}
.cnradards-rule-form-container .cnradards-input-text {
	height: 48px !important;
	border-radius: 13px !important;
	color: #0F172A !important;
	border: 1px solid #E2E8F0 !important;
	background: #FFFFFF !important;
	width: 100% !important;
	padding: 0 14px !important;
}
.cnradards-rule-form-container .cnradards-input-text:focus {
	border-color: #4f46e5 !important;
	outline: none !important;
}
.cnradards-rule-form-container .cnradards-btn-submit {
	height: 48px !important;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15) !important;
	border-radius: 13px !important;
	font-weight: 700 !important;
	padding: 0 32px !important;
}
.cnradards-rule-form-container .cnradards-btn-submit:hover {
	box-shadow: 0 6px 16px rgba(16, 185, 129, 0.25) !important;
}

/* Empty State */
.cnradards-empty-state-cell {
	padding: 20px !important;
	text-align: center;
	background: #ffffff !important;
	border-bottom: none !important;
}
.cnradards-empty-state {
	background: #F8FAFC !important;
	border: 1px dashed #CBD5E1 !important;
	border-radius: 16px !important;
	padding: 26px 30px !important;
	max-width: 420px !important;
	margin: 24px auto !important;
	text-align: center !important;
}
.cnradards-empty-icon {
	color: #D97706 !important;
	font-size: 32px !important;
	margin-bottom: 10px !important;
	opacity: 0.85 !important;
}
.cnradards-empty-title {
	color: #0F172A !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	margin: 0 0 6px 0 !important;
}
.cnradards-empty-desc {
	color: #64748B !important;
	font-size: 13.5px !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

/* Responsive Alertas */
@media (max-width: 991px) {
	.cnradards-form-row-3col {
		grid-template-columns: repeat(2, 1fr);
	}
	.cnradards-form-row-3col .cnradards-form-group:last-child {
		grid-column: span 2;
	}
}

@media (max-width: 768px) {
	.cnradards-form-row-3col {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	.cnradards-form-row-3col .cnradards-form-group:last-child {
		grid-column: span 1;
	}
	.cnradards-form-actions {
		text-align: center !important;
	}
	.cnradards-btn-full-mobile {
		width: 100% !important;
	}
	.cnradards-table-responsive {
		overflow-x: auto;
	}
}