@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

.cv-builder-app {
	--cv-bg: #f8fafc;
	--cv-surface: #ffffff;
	--cv-ink: #0f172a;
	--cv-muted: #475569;
	--cv-line: #e2e8f0;
	--cv-accent: #0284c7;
	--cv-accent-strong: #0369a1;
	--cv-shadow: 0 20px 40px rgba(2, 132, 199, 0.05), 0 1px 3px rgba(0,0,0,0.02);
	--cv-font-title: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--cv-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--cv-font-mono: 'JetBrains Mono', monospace;
	color: var(--cv-ink);
	font-family: var(--cv-font-body);
	line-height: 1.45;
	zoom: 0.75;
}

.cv-builder-app h1:not(.cv-preview *),
.cv-builder-app h2:not(.cv-preview *),
.cv-builder-app h3:not(.cv-preview *),
.cv-builder-app h4:not(.cv-preview *),
.cv-builder-app h5:not(.cv-preview *),
.cv-builder-app h6:not(.cv-preview *) {
	font-family: var(--cv-font-title) !important;
	letter-spacing: -0.02em;
}

.cv-home-container {
	margin: 0 auto;
	max-width: 1180px;
}

.cv-home-hero,
.cv-home-steps,
.cv-home-templates {
	margin-bottom: 72px;
}

.cv-home-templates {
	display: none !important;
}

.cv-home-hero {
	background:
		radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.22), transparent 45%),
		radial-gradient(circle at 15% 85%, rgba(99, 102, 241, 0.16), transparent 40%),
		linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
	border: 1px solid rgba(186, 230, 253, 0.4);
	border-radius: 40px;
	overflow: hidden;
	padding: 80px 64px;
	position: relative;
	box-shadow: 0 30px 60px rgba(2, 132, 199, 0.05);
}

.cv-home-hero::after {
	background:
		radial-gradient(circle, rgba(255, 163, 118, 0.65) 0 2px, transparent 3px) 0 0 / 16px 16px;
	bottom: 68px;
	content: "";
	height: 140px;
	position: absolute;
	right: 160px;
	width: 140px;
}

.cv-home-hero-grid,
.cv-steps-grid,
.cv-template-grid {
	display: grid;
	gap: 36px;
}

.cv-home-hero-grid {
	align-items: center;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
}

.cv-home-copy h1 {
	font-size: clamp(2.7rem, 5vw, 4.2rem) !important;
	letter-spacing: -0.04em !important;
	line-height: 1.02 !important;
	margin: 0 !important;
	font-weight: 800 !important;
	background: linear-gradient(135deg, #0f172a 30%, var(--cv-accent) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.cv-home-section-heading h2 {
	font-size: clamp(2.3rem, 4vw, 3.3rem) !important;
	line-height: 1.08 !important;
	margin: 0 !important;
	font-weight: 800 !important;
	background: linear-gradient(135deg, #0f172a 40%, var(--cv-accent) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.cv-home-copy p {
	color: #475569 !important;
	font-size: 1.15rem !important;
	line-height: 1.6 !important;
	margin: 20px 0 0 !important;
	max-width: 580px !important;
}

.cv-home-actions,
.cv-home-benefits,
.cv-hero-tools,
.cv-template-nav,
.cv-template-dots {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.cv-home-actions {
	margin-top: 32px;
}

.cv-home-primary,
.cv-template-pill {
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	padding: 16px 34px;
	background: linear-gradient(135deg, var(--cv-accent) 0%, #3b82f6 100%);
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25);
	transition: all 0.25s ease;
}

.cv-home-primary:hover,
.cv-template-pill:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
}

.cv-home-secondary {
	border: 1px solid var(--cv-line);
	border-radius: 999px;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	padding: 15px 33px;
	background: #ffffff;
	color: var(--cv-ink);
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	transition: all 0.25s ease;
}

.cv-home-secondary:hover {
	background: #f8fafc;
	border-color: #cbd5e1;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.cv-home-benefits {
	color: var(--cv-muted);
	margin-top: 28px;
}

.cv-home-benefits span {
	align-items: center;
	display: inline-flex;
	gap: 10px;
}

.cv-home-benefits span::before {
	background: var(--cv-accent);
	border-radius: 50%;
	content: "";
	height: 12px;
	width: 12px;
	box-shadow: 0 0 10px rgba(2, 132, 199, 0.4);
}

.cv-hero-visual {
	min-height: 430px;
	position: relative;
}

.cv-hero-sheet {
	background: rgba(255, 255, 255, 0.88) !important;
	backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 24px !important;
	box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.08) !important;
	position: absolute !important;
}

.cv-hero-sheet-main {
	height: 395px !important;
	padding: 22px !important;
	right: 36px !important;
	top: 12px !important;
	width: 300px !important;
}

.cv-hero-sheet-bar {
	background: linear-gradient(90deg, var(--cv-accent) 0%, #38bdf8 100%) !important;
	border-radius: 999px !important;
	height: 12px !important;
	margin-bottom: 18px !important;
	width: 100% !important;
}

.cv-hero-sheet-main h3,
.cv-template-card h3 {
	font-size: 1.05rem;
	margin: 0;
}

.cv-hero-lines {
	display: grid;
	gap: 7px;
	margin-top: 14px;
}

.cv-hero-lines span {
	background: #dce3ef;
	border-radius: 999px;
	display: block;
	height: 7px;
}

.cv-hero-lines span:nth-child(2) {
	width: 88%;
}

.cv-hero-lines span:nth-child(3) {
	width: 76%;
}

.cv-hero-lines span:nth-child(4) {
	width: 62%;
}

.cv-hero-columns {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr 0.72fr;
	margin-top: 26px;
}

.cv-hero-columns strong,
.cv-hero-sheet-card h4 {
	display: block;
	font-size: 0.85rem;
	margin-bottom: 10px;
}

.cv-hero-lines-tight {
	margin-top: 0;
}

.cv-hero-sheet-card {
	bottom: 96px !important;
	left: 12px !important;
	padding: 18px !important;
	width: 268px !important;
	z-index: 2 !important;
	box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.1) !important;
}

.cv-hero-slider {
	background: linear-gradient(90deg, var(--cv-accent) 38%, #e2e8f0 38%) !important;
	border-radius: 999px !important;
	height: 4px !important;
	margin-bottom: 18px !important;
	position: relative !important;
}

.cv-hero-slider span {
	background: #ffffff !important;
	border: 2px solid var(--cv-accent) !important;
	border-radius: 50% !important;
	height: 14px !important;
	left: 38% !important;
	position: absolute !important;
	top: -5px !important;
	width: 14px !important;
	box-shadow: 0 2px 4px rgba(15, 23, 42, 0.1) !important;
}

.cv-hero-controls {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 90px;
}

.cv-hero-controls div {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 8px 12px !important;
}

.cv-hero-controls label {
	color: var(--cv-muted);
	display: block;
	font-size: 0.74rem;
	margin-bottom: 6px;
}

.cv-hero-tools {
	background: rgba(15, 23, 42, 0.88) !important;
	backdrop-filter: blur(8px) !important;
	border-radius: 18px !important;
	box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.2) !important;
	bottom: 16px !important;
	left: 2px !important;
	padding: 8px !important;
	position: absolute !important;
	z-index: 2 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.cv-hero-tools span {
	background: rgba(255, 255, 255, 0.08) !important;
	border-radius: 10px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	padding: 8px 14px !important;
	transition: background 0.2s !important;
	cursor: pointer !important;
}

.cv-hero-tools span:hover {
	background: rgba(255, 255, 255, 0.18) !important;
}

.cv-hero-palette {
	display: grid !important;
	gap: 10px !important;
	position: absolute !important;
	right: 0 !important;
	top: 136px !important;
}

.cv-hero-palette span {
	border: 3px solid #ffffff !important;
	border-radius: 50% !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -2px rgba(15, 23, 42, 0.05) !important;
	display: block !important;
	height: 32px !important;
	width: 32px !important;
	cursor: pointer !important;
	transition: transform 0.2s !important;
}

.cv-hero-palette span:hover {
	transform: scale(1.15) !important;
}

.cv-hero-palette .is-red { background: #d45457; }
.cv-hero-palette .is-orange { background: #f5b562; }
.cv-hero-palette .is-slate { background: #607d8b; }
.cv-hero-palette .is-black { background: #050505; }

.cv-home-section-heading {
	margin: 0 auto 34px;
	max-width: 900px;
	text-align: center;
}

.cv-home-section-heading h2 {
	font-size: clamp(2.3rem, 4vw, 3.3rem);
	line-height: 1.08;
}

.cv-home-section-heading p {
	color: #2d3648;
	font-size: 1.02rem;
	margin: 20px auto 0;
	max-width: 760px;
}

.cv-steps-grid {
	align-items: center;
	grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
}

.cv-steps-art {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 450px;
}

.cv-steps-stack {
	height: 420px;
	position: relative;
	width: 100%;
}

.cv-step-sheet {
	background: #ffffff;
	border: 1px solid #dde4f0;
	border-radius: 16px;
	box-shadow: 0 20px 48px rgba(31, 48, 115, 0.1);
	position: absolute;
}

.cv-step-sheet::before,
.cv-step-sheet::after {
	content: "";
	position: absolute;
}

.cv-step-sheet::before {
	background: #1e6c87;
	border-radius: 0;
	height: 18px;
	left: 0;
	top: 0;
	width: 100%;
}

.cv-step-sheet::after {
	background:
		linear-gradient(#222 0 0) 22px 46px / 180px 4px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 62px / 160px 6px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 78px / 210px 6px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 94px / 190px 6px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 130px / 120px 6px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 146px / 210px 6px no-repeat,
		linear-gradient(#d8dfef 0 0) 22px 162px / 200px 6px no-repeat;
	inset: 0;
}

.cv-step-sheet-back {
	background: #ebe8ff;
	height: 338px;
	left: 10px;
	top: 44px;
	width: 440px;
}

.cv-step-sheet-mid {
	height: 300px;
	left: 58px;
	top: 68px;
	width: 360px;
}

.cv-step-sheet-front {
	height: 420px;
	left: 94px;
	top: 0;
	width: 332px;
}

.cv-steps-accordion {
	display: grid;
	gap: 0;
}

.cv-step-item {
	align-items: flex-start !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	display: grid !important;
	gap: 18px !important;
	grid-template-columns: 52px 1fr 28px !important;
	padding: 20px 24px !important;
	margin-bottom: 12px !important;
	text-align: left !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02) !important;
}

.cv-step-item:hover {
	border-color: #cbd5e1 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.05) !important;
}

.cv-step-number {
	align-items: center !important;
	border: 2px solid #e2e8f0 !important;
	background: #ffffff !important;
	border-radius: 50% !important;
	color: #64748b !important;
	display: inline-flex !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	height: 40px !important;
	justify-content: center !important;
	width: 40px !important;
	transition: all 0.2s !important;
}

.cv-step-copy strong {
	display: block;
	font-size: 1.1rem;
}

.cv-step-copy small {
	color: #2d3648;
	display: none;
	font-size: 1rem;
	line-height: 1.45;
	margin-top: 14px;
}

.cv-step-item.is-active {
	background: #f0f9ff !important;
	border-color: rgba(2, 132, 199, 0.3) !important;
	box-shadow: 0 10px 20px -5px rgba(2, 132, 199, 0.08) !important;
}

.cv-step-item.is-active .cv-step-number {
	border-color: var(--cv-accent) !important;
	background: var(--cv-accent) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 10px rgba(2, 132, 199, 0.2) !important;
}

.cv-step-item.is-active .cv-step-copy strong {
	color: var(--cv-accent) !important;
}

.cv-step-item.is-active .cv-step-copy small {
	display: block !important;
}

.cv-step-toggle {
	color: #60697e;
	font-size: 2rem;
	line-height: 1;
}

.cv-steps-cta {
	padding-top: 28px;
	text-align: center;
}

.cv-template-carousel {
	overflow: hidden;
}

.cv-template-viewport {
	overflow: hidden;
	padding-bottom: 34px;
	width: 100%;
}

.cv-template-track {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.35s ease;
	width: 100%;
}

.cv-template-slide {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 100%;
	padding-bottom: 8px;
}

.cv-template-grid {
	display: grid;
	gap: 36px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cv-template-card {
	position: relative;
	text-align: center;
}

.cv-template-card h3 {
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
	min-height: 2.5em;
	padding: 0 10px;
}

.cv-template-preview {
	background: #ffffff;
	border: 1px solid #e3e7f0;
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(31, 48, 115, 0.08);
	height: 470px;
	margin-bottom: 18px;
	overflow: hidden;
	position: relative;
}

.cv-template-doc {
	height: 100%;
	padding: 20px 22px;
	position: relative;
	text-align: left;
}

.cv-doc-header,
.cv-doc-title,
.cv-doc-name-inverse,
.cv-doc-name-stack {
	color: #202020;
	font-weight: 700;
}

.cv-doc-header {
	border-top: 6px solid #b14c56;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
	padding-top: 16px;
}

.cv-doc-header.accent {
	color: #65c1b0;
	font-size: 0.86rem;
}

.cv-doc-header.blue {
	color: #2d66c3;
	font-size: 0.86rem;
}

.cv-doc-header.dark {
	border-top-color: #666;
}

.cv-doc-section {
	margin-top: 26px;
}

.cv-doc-section strong {
	display: block;
	font-size: 0.58rem;
	letter-spacing: 0.07em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.cv-doc-section span,
.cv-doc-body span,
.cv-doc-copy span {
	background: #d5ddec;
	display: block;
	height: 5px;
	margin-bottom: 8px;
}

.cv-doc-section span:nth-child(2),
.cv-doc-body span:nth-child(2),
.cv-doc-copy span:nth-child(2) { width: 86%; }
.cv-doc-section span:nth-child(3),
.cv-doc-body span:nth-child(3),
.cv-doc-copy span:nth-child(3) { width: 93%; }
.cv-doc-section span:nth-child(4),
.cv-doc-body span:nth-child(4),
.cv-doc-copy span:nth-child(4) { width: 72%; }
.cv-doc-section span:nth-child(5),
.cv-doc-body span:nth-child(5),
.cv-doc-copy span:nth-child(5) { width: 80%; }

.cv-template-preview-modern {
	background: linear-gradient(180deg, #dff5ef 0 95px, #ffffff 95px 100%);
}

.cv-template-doc-modern {
	padding-top: 26px;
}

.cv-doc-avatar,
.cv-doc-photo {
	background: linear-gradient(135deg, #e7ebf7, #ffffff);
	border-radius: 50%;
	height: 66px;
	width: 66px;
}

.cv-doc-avatar {
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.cv-doc-title {
	font-size: 0.92rem;
	left: 106px;
	position: absolute;
	top: 30px;
}

.cv-doc-side {
	background: rgba(101, 193, 176, 0.16);
	bottom: 0;
	position: absolute;
	right: 0;
	top: 95px;
	width: 38%;
}

.cv-doc-body {
	margin-top: 34px;
	max-width: 58%;
}

.cv-template-preview-bold {
	background: linear-gradient(90deg, #396bc0 0 39%, #4b4b4b 39% 100%);
}

.cv-template-doc-bold {
	padding: 18px 20px;
}

.cv-doc-name-inverse {
	color: #ffffff;
	font-size: 0.9rem;
}

.cv-doc-split {
	display: grid;
	grid-template-columns: 33% 1fr;
	height: calc(100% - 32px);
	margin-top: 16px;
}

.cv-doc-band {
	background: rgba(255, 255, 255, 0.08);
	border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.cv-doc-copy {
	padding-left: 18px;
	padding-top: 16px;
}

.cv-doc-copy span {
	background: rgba(255, 255, 255, 0.75);
}

.cv-template-preview-simple {
	background: #ffffff;
}

.cv-template-doc-simple .cv-doc-photo {
	border-radius: 12px;
	height: 100px;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 78px;
}

.cv-template-preview-minimal {
	background: #fbfcff;
}

.cv-doc-topbar {
	background: #555;
	height: 18px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.cv-template-preview-chromatic {
	background: linear-gradient(90deg, #6a6a6a 0 38%, #ffffff 38% 100%);
}

.cv-template-doc-chromatic .cv-doc-photo.large,
.cv-template-doc-flare .cv-doc-photo.small,
.cv-template-doc-professional .cv-doc-photo {
	background: linear-gradient(135deg, #d4dceb, #ffffff);
	border: 5px solid rgba(255, 255, 255, 0.65);
}

.cv-template-doc-chromatic .cv-doc-photo.large {
	height: 74px;
	left: 18px;
	position: absolute;
	top: 18px;
	width: 74px;
}

.cv-doc-name-stack {
	font-size: 1.05rem;
	left: 118px;
	line-height: 1;
	position: absolute;
	top: 28px;
}

.cv-doc-name-stack.serif {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	font-weight: 400;
}

.cv-template-preview-visual {
	background: #f7f3ea; /* beige workspace background */
	padding: 12px !important;
}

.cv-template-doc-visual {
	border: 4px solid var(--cv-preview-accent, #e11d48) !important;
	box-sizing: border-box !important;
	padding: 12px 14px !important;
	background: #ffffff !important;
	font-family: 'Courier New', Courier, monospace !important;
}

.cv-template-doc-visual * {
	font-family: 'Courier New', Courier, monospace !important;
}

.cv-template-doc-visual .cv-doc-photo {
	display: none !important;
}

.cv-template-doc-visual .cv-doc-header {
	font-size: 0.65rem !important;
	font-weight: 700 !important;
	color: #000000 !important;
	text-transform: uppercase !important;
	border-top: none !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
}

.cv-template-doc-visual .cv-doc-header::after {
	content: "Assistant" !important;
	font-size: 0.45rem !important;
	font-weight: 400 !important;
	color: #4a5568 !important;
	text-transform: none !important;
}

.cv-template-doc-visual .cv-doc-section {
	margin-top: 10px !important;
}

.cv-template-doc-visual .cv-doc-section span {
	background: #cbd5e1 !important;
	height: 2px !important;
	margin-bottom: 4px !important;
	width: 100% !important;
}

.cv-template-doc-visual .cv-doc-section span:nth-child(1) {
	width: 35% !important; /* Section heading Profile */
	background: #000000 !important;
	height: 3px !important;
	margin-bottom: 6px !important;
}

.cv-template-doc-visual .cv-doc-section span:nth-child(2) {
	width: 90% !important;
}

.cv-template-doc-visual .cv-doc-section span:nth-child(3) {
	width: 80% !important;
}

.cv-template-doc-visual .cv-doc-section span:nth-child(4) {
	width: 45% !important; /* Section heading Experience */
	background: #000000 !important;
	height: 3px !important;
	margin-top: 10px !important;
	margin-bottom: 6px !important;
}

.cv-template-doc-sleek .cv-doc-header,
.cv-template-doc-professional .cv-doc-header {
	border-top: 10px solid transparent;
	padding-top: 0;
}

.cv-template-preview-sleek {
	background: #ffffff;
}

.cv-template-doc-sleek {
	background: linear-gradient(180deg, #ffffff 0 22px, #fdfdfd 22px 100%);
}

.cv-template-preview-flare {
	background: linear-gradient(90deg, #9bb0d2 0 32%, #ffffff 32% 100%);
}

.cv-template-doc-flare .cv-doc-photo.small {
	height: 54px;
	left: 18px;
	position: absolute;
	top: 18px;
	width: 54px;
}

.cv-template-preview-professional {
	background: #ffffff;
}

.cv-template-doc-professional .cv-doc-photo {
	border-radius: 14px;
	height: 88px;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 70px;
}

.cv-template-preview-polished {
	background: linear-gradient(180deg, #d9e2f2 0 72px, #ffffff 72px 100%);
}

.cv-doc-badge {
	background: #214e93;
	height: 48px;
	left: 18px;
	position: absolute;
	top: 18px;
	width: 38px;
}

.cv-template-preview-freeform {
	background: #ffffff;
}

.cv-template-card.is-featured {
	transform: none;
}

.cv-template-pill {
	opacity: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 372px;
	transform: translateX(-50%);
	transition: opacity 0.2s ease, transform 0.2s ease;
	visibility: hidden;
	white-space: nowrap;
}

.cv-template-card:hover .cv-template-pill,
.cv-template-card:focus-within .cv-template-pill {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(-6px);
	visibility: visible;
}

.cv-template-nav {
	justify-content: center;
	margin-top: 24px;
}

.cv-template-nav > button {
	background: var(--cv-accent);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.5rem;
	height: 50px;
	width: 50px;
}

.cv-template-dots button {
	background: #c4cad8;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 10px;
	padding: 0;
	width: 10px;
}

.cv-template-dots button.is-active {
	background: #111111;
}

.cv-builder-shell {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
	align-items: start;
	margin: 0 auto;
	max-width: 1180px;
}

.cv-builder-panel {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), #ffffff);
	border: 1px solid var(--cv-line);
	border-radius: 24px;
	box-shadow: var(--cv-shadow);
	padding: 28px;
}

.cv-builder-heading h2,
.cv-builder-section h3,
.cv-preview h1,
.cv-preview-section h3 {
	margin: 0;
}

.cv-builder-eyebrow {
	color: var(--cv-accent) !important;
	display: inline-flex !important;
	align-items: center !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 16px !important;
	text-transform: uppercase !important;
	font-family: var(--cv-font-mono) !important;
	background: rgba(2, 132, 199, 0.06) !important;
	border: 1px solid rgba(2, 132, 199, 0.15) !important;
	padding: 5px 14px !important;
	border-radius: 999px !important;
}

.cv-builder-heading p {
	color: var(--cv-muted);
	margin-top: 10px;
}

.cv-builder-toolbar,
.cv-builder-grid,
.cv-builder-section-header,
.cv-builder-repeatable-header,
.cv-preview-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.cv-builder-toolbar,
.cv-builder-section {
	margin-top: 24px;
}

.cv-builder-grid label,
.cv-builder-section label {
	display: flex;
	flex: 1 1 240px;
	flex-direction: column;
	gap: 8px;
}

.cv-builder-section label small {
	color: var(--cv-muted);
}

.cv-builder-toolbar label {
	align-items: center;
	display: flex;
	font-weight: 600;
	gap: 8px;
}

.cv-builder-section-header,
.cv-builder-repeatable-header {
	align-items: center;
	justify-content: space-between;
}

.cv-builder-repeatable-item {
	border: 1px solid var(--cv-line);
	border-radius: 18px;
	margin-top: 16px;
	padding: 18px;
}

.cv-builder-app input,
.cv-builder-app textarea,
.cv-builder-app select {
	background: #fffdf9;
	border: 1px solid #cfc9bf;
	border-radius: 12px;
	color: var(--cv-ink);
	font: inherit;
	padding: 12px 14px;
	width: 100%;
}

.cv-builder-app textarea {
	min-height: 110px;
	resize: vertical;
}

.cv-builder-button,
.cv-builder-link {
	border: 0;
	cursor: pointer;
	font: inherit;
}

.cv-builder-button {
	background: #111111;
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	padding: 12px 18px;
	transition: background 0.2s ease;
}

.cv-builder-button:hover,
.cv-builder-button:focus {
	background: var(--cv-accent-strong);
}

.cv-builder-button-secondary {
	background: #eef2fb;
	color: var(--cv-ink);
}

.cv-builder-link {
	background: transparent;
	color: #3455db;
	padding: 0;
	text-decoration: underline;
}

.cv-preview {
	background: var(--cv-surface);
	border: 1px solid var(--cv-line);
	border-radius: 20px;
	min-height: 100%;
	padding: 36px;
}

.cv-preview-header {
	border-bottom: 2px solid var(--cv-line);
	padding-bottom: 18px;
}

.cv-preview h1 {
	font-size: 2.2rem;
	letter-spacing: -0.03em;
}

.cv-preview-header p,
.cv-preview-contact,
.cv-preview-section p,
.cv-preview-item-meta {
	color: var(--cv-muted);
}

.cv-preview-contact {
	font-size: 0.95rem;
	margin-top: 12px;
}

.cv-contact-icon {
	display: none;
}

.cv-preview-contact span::after {
	content: "•";
	margin-left: 14px;
}

.cv-preview-contact span:last-child::after {
	content: "";
	margin: 0;
}

.cv-preview-section {
	margin-top: 26px;
}

.cv-preview-section h3 {
	border-bottom: 1px solid var(--cv-line);
	font-size: 1rem;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.cv-preview-item {
	margin-bottom: 16px;
}

.cv-preview-item-header {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: space-between;
}

.cv-preview-item h4 {
	font-size: 1.08rem;
	margin: 0;
}

.cv-preview-item p {
	margin: 6px 0 0;
	white-space: pre-line;
}

.cv-skill-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cv-skill-chip {
	background: #ebeffa;
	border-radius: 999px;
	font-size: 0.95rem;
	padding: 7px 12px;
}

/* Restructured Preview Certificates and Languages defaults */
.cv-certificate-list,
.cv-language-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.cv-certificate-chip,
.cv-language-chip {
	display: inline-block !important;
	background: #ebeffa;
	border-radius: 999px;
	font-size: 0.95rem;
	padding: 7px 12px;
}

/* Restructured Preview Photo and Contacts defaults */
.cv-preview-photo-wrap {
	display: none;
}
.cv-preview-photo {
	width: 130px;
	height: 130px;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	background: #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.cv-preview-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cv-preview-photo-placeholder svg {
	width: 50px;
	height: 50px;
}

.cv-preview-contact-item {
	font-size: 0.9rem;
	color: #4a5568;
}

/* ==========================================
   DESIGN 1: Classic (Professional Classic)
   ========================================== */
.cv-preview-classic {
	display: flex !important;
	flex-direction: column !important;
	padding: 44px 50px !important;
	background: var(--cv-page-bg, #ffffff) !important;
	gap: 0 !important;
}

/* Force elegant serif typography on entire Classic template */
.cv-preview-classic,
.cv-preview-classic h1,
.cv-preview-classic h3,
.cv-preview-classic h4,
.cv-preview-classic p,
.cv-preview-classic li,
.cv-preview-classic span,
.cv-preview-classic a,
.cv-preview-classic div,
.cv-preview-classic .cv-preview-item-meta {
	font-family: Georgia, "Times New Roman", serif !important;
}

/* Standard ATS formats do not include profile pictures */
.cv-preview-classic .cv-preview-photo-wrap {
	display: none !important;
}

/* Centered Name and Job Title Header */
.cv-preview-classic .cv-preview-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 6px !important;
}

.cv-preview-classic .cv-preview-header h1 {
	font-size: 2.3rem !important;
	font-weight: 700 !important;
	color: var(--cv-preview-title, #000000) !important;
	margin: 0 0 6px 0 !important;
	text-transform: none !important;
	letter-spacing: -0.01em !important;
}

.cv-preview-classic .cv-preview-header p {
	font-size: 1.1rem !important;
	color: var(--cv-preview-subtitle, #111111) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	margin: 0 !important;
	text-transform: none !important;
}

/* Centered contact info bar with solid black rule underneath */
.cv-preview-classic .cv-preview-contact {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 6px 18px !important;
	width: 100% !important;
	margin-top: 10px !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 1.5px solid #000000 !important;
}

.cv-preview-classic .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 0.88rem !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-contact-icon {
	display: flex !important;
	align-items: center !important;
	color: var(--cv-preview-icon-color, var(--cv-preview-body, #111111)) !important;
}

.cv-preview-classic .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-classic .cv-preview-contact span::after,
.cv-preview-classic .cv-preview-contact-item span::after {
	display: none !important;
}

/* Section styling: bold, uppercase headings with bottom black rules */
.cv-preview-classic .cv-preview-section {
	width: 100% !important;
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}

.cv-preview-classic .cv-preview-section-summary,
.cv-preview-classic .cv-preview-section-experience,
.cv-preview-classic .cv-preview-section-education,
.cv-preview-classic .cv-preview-section-courses,
.cv-preview-classic .cv-preview-section-skills,
.cv-preview-classic .cv-preview-section-certificates,
.cv-preview-classic .cv-preview-section-languages {
	margin-top: 16px !important;
}

.cv-preview-classic h3,
.cv-preview-classic .cv-preview-section-title,
.cv-preview-classic[class*="cv-heading-style-"] h3,
.cv-preview-classic[class*="cv-heading-style-"] .cv-preview-section-title {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	color: #000000 !important;
	border-bottom: 1px solid #666666 !important;
	padding-bottom: 4px !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	display: block !important;
}

.cv-preview-classic .cv-preview-section-title svg,
.cv-preview-classic h3 svg {
	display: none !important;
}

.cv-preview-classic h3::before,
.cv-preview-classic .cv-preview-section-title::before {
	display: none !important;
	content: none !important;
}

.cv-preview-classic h3::after,
.cv-preview-classic .cv-preview-section-title::after {
	display: none !important;
}

.cv-preview-classic .cv-preview-section-summary p {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	text-align: justify !important;
}

.cv-preview-classic .cv-preview-item {
	margin-bottom: 14px !important;
	width: 100% !important;
}

.cv-preview-classic .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

/* Two-column align for items header (details on left, date/loc stacked on right) */
.cv-preview-classic .cv-preview-item-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	width: 100% !important;
	margin-bottom: 4px !important;
}

.cv-preview-classic .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

.cv-preview-classic .cv-preview-item-header-left h4 {
	font-size: calc(var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) * 1.05) !important;
	font-weight: 700 !important;
	color: var(--cv-preview-color-title, #000000) !important;
	margin: 0 !important;
}

.cv-preview-classic .cv-preview-item-subtitle {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-subtitle, #111111) !important;
	font-style: italic !important;
	margin-top: 2px !important;
}

.cv-preview-classic .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	text-align: right !important;
}

.cv-preview-classic .cv-preview-item-meta {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
	margin: 0 !important;
	font-weight: normal !important;
	font-style: normal !important;
}

.cv-preview-classic .cv-preview-item-meta.date {
	font-weight: 500 !important;
	color: var(--cv-preview-date, var(--cv-preview-body, #111111)) !important;
}

.cv-preview-classic .cv-preview-item-meta.location {
	margin-top: 2px !important;
	color: var(--cv-preview-location, var(--cv-preview-body, #111111)) !important;
}

.cv-preview-classic .cv-preview-item-details {
	margin-top: 4px !important;
}

.cv-preview-classic .cv-preview-item-details ul {
	margin: 0 !important;
	padding-left: 20px !important;
}

.cv-preview-classic .cv-preview-item-details li {
	margin-bottom: 4px !important;
	line-height: 1.45 !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, #111111)) !important;
}

/* Two-column bullet grids for skills, certificates, languages, interests */
.cv-preview-classic [data-bind-list="certificates"],
.cv-preview-classic [data-bind-list="interests"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 6px 40px !important;
	width: 100% !important;
	padding: 0 !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-certificate-chip,
.cv-preview-classic .cv-interests-chip {
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 20px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-grid-layout {
	display: grid !important;
	gap: 6px 40px !important;
	width: 100% !important;
	padding: 0 !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-grid-layout .cv-skill-grid-item {
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 20px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-rows-layout {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-rows-layout .cv-skill-row-item {
	display: block !important;
	margin-left: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-compact-layout {
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-bubble-layout {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-bubble-layout .cv-skill-chip-bubble {
	display: inline-block !important;
	margin-left: 0 !important;
	list-style: none !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-level-layout {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-skill-list.cv-skills-level-layout .cv-skill-level-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-left: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-language-list.cv-languages-grid-layout {
	display: grid !important;
	gap: 6px 40px !important;
	width: 100% !important;
	padding: 0 !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-language-list.cv-languages-grid-layout .cv-lang-grid-item {
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 20px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-language-list.cv-languages-rows-layout {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-language-list.cv-languages-rows-layout .cv-lang-row-item {
	display: block !important;
	margin-left: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-language-list.cv-languages-compact-layout {
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-classic .cv-language-list.cv-languages-bubble-layout {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-language-list.cv-languages-bubble-layout .cv-lang-chip-bubble {
	display: inline-block !important;
	margin-left: 0 !important;
	list-style: none !important;
}

.cv-preview-classic .cv-language-list.cv-languages-level-layout {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.cv-preview-classic .cv-language-list.cv-languages-level-layout .cv-lang-level-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-left: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #111111) !important;
}

.cv-preview-clear {
	background: var(--cv-page-bg, #ffffff) !important;
	display: flex;
	flex-direction: column;
	padding: 44px 56px 52px;
	font-family: Georgia, "Times New Roman", serif;
}

.cv-preview-clear .cv-preview-photo-wrap {
	display: none;
}

.cv-preview-clear .cv-preview-header {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.cv-preview-clear .cv-preview-header h1 {
	color: #1f1f1f;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2.35rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	margin: 0;
	text-transform: none;
}

.cv-preview-clear .cv-preview-header p {
	color: #3d3d3d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.1rem;
	font-style: italic;
	font-weight: 500;
	margin: 8px 0 0;
}

.cv-preview-clear .cv-preview-contact {
	align-items: center;
	border-bottom: 2px solid #2f2f2f;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	justify-content: center;
	margin: 18px 0 16px;
	padding: 0 0 14px;
}

.cv-preview-clear .cv-preview-contact-item {
	color: #252525;
	font-family: var(--cv-font-body);
	font-size: 0.82rem;
	line-height: 1.35;
	display: flex;
	align-items: center;
}

.cv-preview-clear .cv-preview-contact-item strong {
	display: none;
}

.cv-preview-clear .cv-preview-contact span::after {
	content: "";
	margin: 0;
}

.cv-preview-clear .cv-contact-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	color: #111111;
}

.cv-preview-clear .cv-preview-section {
	margin-top: 20px;
	padding: 0;
}

.cv-preview-clear .cv-preview-section:last-child {
	padding-bottom: 0;
}

.cv-preview-clear h3 {
	border-bottom: 2px solid #2f2f2f;
	color: #1f1f1f;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 10px;
	padding-bottom: 6px;
	text-transform: uppercase;
}

.cv-preview-clear h3::after {
	display: none;
}

.cv-preview-clear .cv-preview-section-summary p,
.cv-preview-clear .cv-preview-item p,
.cv-preview-clear .cv-preview-item-bullets li,
.cv-preview-clear .cv-preview-item-meta,
.cv-preview-clear .cv-skill-chip {
	color: #222222;
	font-family: var(--cv-font-body);
	font-size: 0.88rem;
	line-height: 1.42;
}

.cv-preview-clear .cv-preview-item {
	margin-bottom: 12px;
}

.cv-preview-clear .cv-preview-item-header {
	align-items: start;
	display: grid;
	gap: 4px 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: 4px;
}

.cv-preview-clear .cv-preview-item-header h4 {
	color: #161616;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.95rem;
	font-weight: 700;
	margin: 0;
}

.cv-preview-clear .cv-preview-item-meta {
	font-style: italic;
	font-weight: 500;
}

.cv-preview-clear .cv-preview-item-header-right {
	text-align: right;
}

.cv-preview-clear .cv-preview-item-header-right .cv-preview-item-meta {
	font-style: normal;
	font-weight: 400;
	color: #222222;
}

.cv-preview-clear .cv-preview-item-bullets {
	margin: 6px 0 0 18px;
	padding-left: 0;
}

.cv-preview-clear .cv-preview-item-bullets li {
	margin-bottom: 4px;
}

.cv-preview-clear .cv-skill-list,
.cv-preview-clear .cv-certificate-list,
.cv-preview-clear .cv-language-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 24px;
}

.cv-preview-clear .cv-skill-chip,
.cv-preview-clear .cv-certificate-chip,
.cv-preview-clear .cv-language-chip {
	background: transparent;
	border: 0;
	display: list-item;
	list-style-type: disc;
	margin-left: 18px;
	padding: 0;
}

.cv-preview-clear .cv-certificate-chip,
.cv-preview-clear .cv-language-chip {
	color: var(--cv-preview-body, #222222);
	font-family: var(--cv-font-body);
	font-size: 0.88rem;
	line-height: 1.42;
}

.cv-preview-professional {
	background: var(--cv-page-bg, #ffffff) !important;
	padding: 18px 20px 28px;
}

.cv-preview-professional-bar {
	background: var(--cv-preview-accent, #214b92) !important;
	height: 24px;
	margin: 0 0 26px;
}

.cv-preview-professional-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1fr) 206px;
}

.cv-preview-professional-name {
	border-bottom: 2px solid #aeb4bf;
	margin-bottom: 18px;
	padding-bottom: 8px;
}

.cv-preview-professional-name h1 {
	font-size: 1.9rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	margin: 0;
	text-transform: uppercase;
}

.cv-preview-professional-section {
	border-bottom: 2px solid #b4bac3;
	margin-bottom: 18px;
	padding-bottom: 12px;
}

.cv-preview-professional-section:last-child {
	margin-bottom: 0;
}

.cv-preview-professional-section h3 {
	align-items: center;
	display: flex;
	font-size: 0.92rem;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.02em;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.cv-preview-professional-section h3::after {
	background: #e3e8f0;
	content: "";
	flex: 1;
	height: 12px;
}

.cv-preview-professional-main p,
.cv-preview-professional-main .cv-preview-item,
.cv-preview-professional-side .cv-preview-contact-stack,
.cv-preview-professional-skills {
	color: #4b5563;
	font-size: 0.78rem;
	line-height: 1.5;
}

.cv-preview-professional-photo {
	margin-bottom: 18px;
}

.cv-preview-professional-photo img {
	display: block;
	height: 206px;
	object-fit: cover;
	width: 100%;
}

.cv-preview-professional .cv-preview-item strong,
.cv-preview-professional .cv-preview-contact-stack strong {
	color: #111111;
	font-weight: 800;
}

.cv-preview-professional .cv-preview-item-meta {
	color: #111111;
	font-weight: 700;
	margin: 2px 0 8px;
}

.cv-preview-professional .cv-preview-item-bullets,
.cv-preview-professional-skills {
	margin: 0;
	padding-left: 15px;
}

.cv-preview-professional .cv-preview-item-bullets li,
.cv-preview-professional-skills li {
	margin-bottom: 5px;
}

.cv-preview-professional .cv-preview-contact-stack div {
	margin-bottom: 5px;
}

.cv-preview-professional-side .cv-preview-professional-section:first-of-type {
	padding-bottom: 10px;
}

.cv-preview-professional-side .cv-preview-professional-section:last-of-type {
	border-bottom: 0;
}

.cv-preview-professional .cv-preview-item-bullets {
	margin-top: 6px;
}

.cv-preview-professional .cv-preview-item-bullets li::marker,
.cv-preview-professional-skills li::marker {
	color: #111111;
}

/* Live workspace/modal version of Visual Professional */
.cv-preview-professional:has(.cv-preview-col-main) {
	display: flex !important;
	gap: 0 !important;
	padding: 0 !important;
	background: var(--cv-page-bg, #ffffff) !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-professional:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	order: 1 !important;
	width: 34% !important;
	padding: 34px 26px 28px !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent-soft, #efefec)) !important;
	color: #262626 !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}

.cv-preview-professional:has(.cv-preview-col-main) .cv-preview-col-main {
	order: 2 !important;
	width: 66% !important;
	padding: 34px 34px 30px !important;
	background: var(--cv-page-bg, #ffffff) !important;
	color: #262626 !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}

.cv-preview-professional .cv-preview-photo-wrap {
	display: flex !important;
	justify-content: center !important;
	margin: 16px 0 18px !important;
	padding: 0 !important;
	background: transparent !important;
}

.cv-preview-professional .cv-preview-photo {
	width: 138px !important;
	height: 138px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	border: 0 !important;
}

.cv-preview-professional .cv-preview-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.cv-preview-professional .cv-preview-header {
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: left !important;
}

.cv-preview-professional .cv-preview-header h1 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 2.15rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	color: #202020 !important;
	margin: 0 !important;
}

.cv-preview-professional .cv-preview-header p,
.cv-preview-professional .cv-preview-title {
	margin: 6px 0 0 !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	color: #2a2a2a !important;
}

.cv-preview-professional .cv-preview-contact {
	margin: 0 0 18px !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	font-size: 0.88rem !important;
	color: #2f2f2f !important;
}

.cv-preview-professional .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: #2f2f2f !important;
}

.cv-preview-professional .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-professional .cv-contact-icon {
	display: inline-flex !important;
	width: 14px !important;
	height: 14px !important;
	flex: 0 0 14px !important;
}

.cv-preview-professional .cv-preview-contact span::after {
	display: none !important;
}

.cv-preview-professional .cv-preview-section {
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.cv-preview-professional .cv-preview-section-title,
.cv-preview-professional .cv-preview-section h3 {
	margin: 0 0 10px !important;
	padding: 4px 12px !important;
	border: 0 !important;
	background: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, #ececeb)) !important;
	border-radius: 2px !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: #222222 !important;
}

.cv-preview-professional .cv-preview-section-title::before,
.cv-preview-professional .cv-preview-section-title::after,
.cv-preview-professional .cv-preview-section-title svg,
.cv-preview-professional .cv-section-icon {
	display: none !important;
}

.cv-preview-professional .cv-preview-section-subtitle {
	display: none !important;
}

.cv-preview-professional .cv-preview-col-sidebar p,
.cv-preview-professional .cv-preview-col-sidebar li,
.cv-preview-professional .cv-preview-col-sidebar span,
.cv-preview-professional .cv-preview-col-sidebar div {
	font-size: 0.9rem !important;
	line-height: 1.35 !important;
	color: #2c2c2c !important;
}

.cv-preview-professional .cv-preview-item {
	margin: 0 0 16px !important;
	color: #2a2a2a !important;
}

.cv-preview-professional .cv-preview-item-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 0 6px !important;
}

.cv-preview-professional .cv-preview-item-header-left,
.cv-preview-professional .cv-preview-item-header-right {
	display: block !important;
}

.cv-preview-professional .cv-preview-item-header-left h4 {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #1f1f1f !important;
	margin: 0 !important;
}

.cv-preview-professional .cv-preview-item-subtitle,
.cv-preview-professional .cv-preview-item-meta.subtitle {
	display: block !important;
	font-size: 0.86rem !important;
	font-weight: 500 !important;
	color: var(--cv-preview-subtitle, #2c2c2c) !important;
	margin-top: 2px !important;
}

.cv-preview-professional .cv-preview-item-meta.date,
.cv-preview-professional .cv-preview-item-meta.location {
	display: block !important;
	font-size: 0.82rem !important;
	font-weight: 500 !important;
	text-align: right !important;
}

.cv-preview-professional .cv-preview-item-meta.date {
	color: var(--cv-preview-date, #2c2c2c) !important;
}

.cv-preview-professional .cv-preview-item-meta.location {
	color: var(--cv-preview-location, #2c2c2c) !important;
}

.cv-preview-professional .cv-preview-item-meta.location::before {
	content: none !important;
}

.cv-preview-professional .cv-preview-item-details,
.cv-preview-professional .cv-preview-item-details p {
	font-size: 0.86rem !important;
	line-height: 1.34 !important;
	color: var(--cv-preview-body, #2c2c2c) !important;
}

.cv-preview-professional .cv-preview-item-bullets,
.cv-preview-professional .cv-preview-item-bullets li {
	font-size: 0.86rem !important;
	line-height: 1.34 !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, #2c2c2c)) !important;
}

.cv-preview-professional .cv-preview-item-bullets {
	margin: 0 !important;
	padding-left: 18px !important;
}

.cv-preview-professional .cv-preview-item-bullets li {
	margin: 0 0 3px !important;
}

.cv-preview-professional .cv-skill-list,
.cv-preview-professional .cv-language-list,
.cv-preview-professional .cv-certificate-list {
	display: block !important;
}

.cv-preview-professional .cv-skill-chip,
.cv-preview-professional .cv-language-chip,
.cv-preview-professional .cv-certificate-chip,
.cv-preview-professional .cv-skill-grid-item,
.cv-preview-professional .cv-lang-grid-item,
.cv-preview-professional .cv-skill-row-item,
.cv-preview-professional .cv-lang-row-item {
	display: list-item !important;
	list-style: disc !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 8px 18px !important;
	color: var(--cv-preview-body, #2c2c2c) !important;
	font-size: 0.9rem !important;
	line-height: 1.25 !important;
}

.cv-preview-professional .cv-languages-level-layout {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.cv-preview-professional .cv-lang-level-item {
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	align-items: center !important;
	gap: 10px !important;
}

.cv-preview-professional .cv-lang-level-dots {
	display: flex !important;
	gap: 6px !important;
}

.cv-preview-professional .cv-lang-level-dot {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: #d7d7d2 !important;
}

.cv-preview-professional .cv-lang-level-dot.is-filled {
	background: var(--cv-level-color, #7a7a62) !important;
}

/* ==========================================
   DESIGN 2: Simple (Contemporary Simple)
   ========================================== */
.cv-preview-simple {
	display: flex;
	flex-direction: column;
	padding: 0;
	background: var(--cv-page-bg, #ffffff) !important;
}

.cv-preview-simple .cv-preview-photo-wrap {
	display: none;
}

.cv-preview-simple .cv-preview-header {
	background: var(--cv-sidebar-bg, #0d47a1);
	color: var(--cv-sidebar-text-color, #ffffff);
	padding: 40px;
	text-align: center;
	border-bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-left: calc(-1 * var(--cv-side-margin, 40px)) !important;
	margin-right: calc(-1 * var(--cv-side-margin, 40px)) !important;
	margin-top: calc(-1 * var(--cv-vertical-margin, 40px)) !important;
	width: auto !important;
}

.cv-preview-simple .cv-preview-header h1 {
	color: var(--cv-sidebar-text-color, #ffffff);
	font-size: 2.5rem;
	font-weight: 700;
	margin: 0 0 6px 0;
}

.cv-preview-simple .cv-preview-header p {
	color: var(--cv-sidebar-text-color, #e3f2fd);
	font-size: 1.15rem;
	margin: 0;
}

.cv-preview-simple .cv-preview-contact {
	display: flex;
	justify-content: center;
	gap: 16px 24px;
	margin-top: 16px;
	flex-wrap: wrap;
}

.cv-preview-simple .cv-preview-contact-item {
	color: var(--cv-sidebar-text-color, #e3f2fd);
	font-size: 0.85rem;
}

.cv-preview-simple .cv-preview-contact-item strong {
	display: none;
}

.cv-preview-simple .cv-preview-section {
	padding: 0;
	margin-top: 24px !important;
	margin-bottom: 0 !important;
}

.cv-preview-simple .cv-preview-section-summary {
	margin-top: 16px !important;
}

.cv-preview-simple .cv-preview-section:last-child {
	padding-bottom: 10px;
}

.cv-preview-simple h3 {
	color: #0d47a1;
	border-bottom: 1.5px solid #90caf9;
	font-size: 1.1rem;
	font-weight: 700;
	padding-bottom: 6px;
	margin-top: 0 !important;
	margin-bottom: 12px !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Remove default browser margins from summary text to prevent huge bottom gap */
.cv-preview-simple .cv-preview-section-summary p {
	margin: 0 !important;
	line-height: 1.55 !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: #2d3748 !important;
	text-align: justify !important;
}

/* Proper margins and alignments for experience/education entries */
.cv-preview-simple .cv-preview-item {
	margin-bottom: 18px !important;
}

.cv-preview-simple .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

/* Align Job Title, Company, Date, and Location cleanly */
.cv-preview-simple .cv-preview-item-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	width: 100% !important;
	margin-bottom: 4px !important;
}

.cv-preview-simple .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

.cv-preview-simple .cv-preview-item-header-left h4 {
	font-size: calc(var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) * 1.08) !important;
	font-weight: 700 !important;
	color: #1a202c !important;
	margin: 0 !important;
}

.cv-preview-simple .cv-preview-item-subtitle {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: #4a5568 !important;
	font-style: italic !important;
	margin-top: 2px !important;
}

.cv-preview-simple .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: #4a5568 !important;
	font-weight: 500 !important;
	text-align: right !important;
	margin-top: 2px !important;
}

/* Add a clean separator bar between Date and Location when rendered inline */
.cv-preview-simple .cv-preview-item-location::before {
	content: "| " !important;
	color: #cbd5e0 !important;
	margin-right: 4px !important;
}

.cv-preview-simple .cv-preview-item-location:empty::before {
	content: "" !important;
}

/* Force clean 3-column bullet grids for lists in Minimel Conty ATS */
.cv-preview-simple [data-bind-list="skills"],
.cv-preview-simple [data-bind-list="languages"],
.cv-preview-simple [data-bind-list="certificates"],
.cv-preview-simple [data-bind-list="interests"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 8px 24px !important;
	width: 100% !important;
	padding: 0 !important;
	margin-top: 10px !important;
}

.cv-preview-simple .cv-skill-grid-item,
.cv-preview-simple .cv-skill-level-item,
.cv-preview-simple .cv-skill-row-item,
.cv-preview-simple .cv-lang-grid-item,
.cv-preview-simple .cv-lang-level-item,
.cv-preview-simple .cv-lang-row-item,
.cv-preview-simple .cv-certificate-chip,
.cv-preview-simple .cv-interests-chip {
	display: list-item !important;
	list-style-type: square !important;
	margin-left: 18px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body, #374151) !important;
}

.cv-preview-simple .cv-preview-item-details {
	margin-top: 6px !important;
}

.cv-preview-simple .cv-preview-item-details ul {
	margin: 0 !important;
	padding-left: 20px !important;
}

.cv-preview-simple .cv-preview-item-details li {
	margin-bottom: 6px !important;
	line-height: 1.45 !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
}

/* ==========================================
   DESIGN 3: Modern (Modern Expressive)
   ========================================== */
.cv-preview-modern {
	display: grid;
	grid-template-columns: 1fr 140px;
	column-gap: 20px;
	row-gap: 0;
	padding: 2cm !important;
	background: var(--cv-page-bg, #ffffff) !important;
	border-left: 0;
}

.cv-preview-modern .cv-preview-photo-wrap {
	grid-column: 2;
	grid-row: 1 / span 2;
	justify-self: right;
	align-self: center;
	padding: 0;
	background: transparent;
}

.cv-preview-modern .cv-preview-photo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: none;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.cv-preview-modern .cv-preview-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cv-preview-modern .cv-preview-header {
	grid-column: 1;
	grid-row: 1;
	padding: 0;
	margin-bottom: 12px;
	border-bottom: 0;
}

.cv-preview-modern .cv-preview-header h1 {
	display: inline-block;
	color: var(--cv-preview-accent, #0f2e59);
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 15px 4px 0;
}

.cv-preview-modern .cv-preview-header p {
	display: inline-block;
	font-size: 1.2rem;
	color: #4a5568;
	font-style: italic;
	font-weight: 400;
	margin: 0;
}

.cv-preview-modern .cv-preview-contact {
	grid-column: 1;
	grid-row: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 24px;
	background: transparent;
	padding: 0 0 16px 0 !important;
	margin-bottom: 20px !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.cv-preview-modern .cv-preview-contact-item {
	display: flex;
	align-items: center;
	color: #2d3748;
	font-size: 0.85rem;
}

.cv-preview-modern .cv-preview-contact-item strong {
	display: none;
}

.cv-preview-modern .cv-contact-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	border: 1px solid #e2e8f0 !important;
	background: #f8fafc !important;
	border-radius: 4px !important;
	margin-right: 10px !important;
	color: #475569 !important;
}

.cv-preview-modern .cv-contact-icon svg {
	width: 12px !important;
	height: 12px !important;
}

/* Sections and Title Stripes */
.cv-preview-modern .cv-preview-section-summary,
.cv-preview-modern .cv-preview-section-skills,
.cv-preview-modern .cv-preview-section-experience,
.cv-preview-modern .cv-preview-section-education,
.cv-preview-modern .cv-preview-section-courses,
.cv-preview-modern .cv-preview-section-awards,
.cv-preview-modern .cv-preview-section-publications,
.cv-preview-modern .cv-preview-section-references,
.cv-preview-modern .cv-preview-section-declaration,
.cv-preview-modern .cv-preview-section-languages,
.cv-preview-modern .cv-preview-section-certificates,
.cv-preview-modern .cv-preview-section-interests,
.cv-preview-modern .cv-preview-section-projects {
	grid-column: 1 / span 2;
	width: 100%;
	padding: 0;
	margin-bottom: 16px;
	background: transparent;
	border: none;
}

.cv-preview-modern h3,
.cv-preview-modern .cv-preview-section-summary h3,
.cv-preview-modern .cv-preview-section-skills h3,
.cv-preview-modern .cv-preview-section-experience h3,
.cv-preview-modern .cv-preview-section-education h3,
.cv-preview-modern .cv-preview-section-courses h3,
.cv-preview-modern .cv-preview-section-awards h3,
.cv-preview-modern .cv-preview-section-publications h3,
.cv-preview-modern .cv-preview-section-references h3,
.cv-preview-modern .cv-preview-section-declaration h3,
.cv-preview-modern .cv-preview-section-languages h3,
.cv-preview-modern .cv-preview-section-certificates h3,
.cv-preview-modern .cv-preview-section-interests h3,
.cv-preview-modern .cv-preview-section-projects h3 {
	grid-column: 1 / span 2;
	background: #f1f5f9 !important;
	color: var(--cv-preview-accent, #0f2e59) !important;
	text-align: center !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	padding: 8px 0 !important;
	margin: 20px 0 16px 0 !important;
	border: none !important;
	border-radius: 4px !important;
	width: 100% !important;
	display: block !important;
}

.cv-preview-modern h3 svg,
.cv-preview-modern .cv-preview-section-title svg {
	display: none !important;
}

.cv-preview-modern .cv-preview-section-summary p {
	color: #2d3748;
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Experience, Education and other list items */
.cv-preview-modern .cv-preview-item {
	display: grid;
	grid-template-columns: 25% 75%;
	column-gap: 20px;
	margin-bottom: 16px;
	width: 100%;
	font-size: 0.9rem;
}

.cv-preview-modern .cv-preview-item-header {
	display: contents;
}

.cv-preview-modern .cv-preview-item-header-right {
	grid-column: 1;
	grid-row: 1;
	text-align: left;
}

.cv-preview-modern .cv-preview-item-date {
	font-size: 0.85rem;
	color: #2d3748;
	font-weight: 500;
}

.cv-preview-modern .cv-preview-item-location {
	font-size: 0.8rem;
	color: #718096;
	margin-top: 2px;
}

.cv-preview-modern .cv-preview-item-header-left {
	grid-column: 2;
	grid-row: 1;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 0 !important;
}

/* Experience specific header order: Subtitle (Company) first and bold, Title (Role) second and italic */
.cv-preview-modern .cv-preview-section-experience .cv-preview-item-subtitle {
	order: 1 !important;
	font-weight: 700 !important;
	font-style: normal !important;
	color: #1a202c !important;
	font-size: 0.98rem !important;
}
.cv-preview-modern .cv-preview-section-experience .cv-preview-item-subtitle::before {
	content: none !important;
}
.cv-preview-modern .cv-preview-section-experience .cv-preview-item-header-left h4 {
	order: 2 !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #4a5568 !important;
	font-size: 0.98rem !important;
}
.cv-preview-modern .cv-preview-section-experience .cv-preview-item-header-left h4::before {
	content: ", " !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

/* Education and default header order: Title (Degree) first and bold, Subtitle (School) second and italic */
.cv-preview-modern .cv-preview-section-education h4,
.cv-preview-modern .cv-preview-item-header-left h4 {
	order: 1 !important;
	font-weight: 700 !important;
	font-style: normal !important;
	color: #1a202c !important;
	font-size: 0.98rem !important;
}
.cv-preview-modern .cv-preview-section-education .cv-preview-item-subtitle,
.cv-preview-modern .cv-preview-item-subtitle {
	order: 2 !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #4a5568 !important;
	font-size: 0.98rem !important;
}
.cv-preview-modern .cv-preview-section-education .cv-preview-item-subtitle::before,
.cv-preview-modern .cv-preview-item-subtitle::before {
	content: ", " !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.cv-preview-modern .cv-preview-item-subtitle:empty,
.cv-preview-modern .cv-preview-item-date:empty,
.cv-preview-modern .cv-preview-item-location:empty {
	display: none;
}

.cv-preview-modern .cv-preview-item-details {
	grid-column: 2;
	grid-row: 2;
	margin-top: 6px;
}

.cv-preview-modern .cv-preview-item-details ul {
	margin: 4px 0 0 0;
	padding-left: 16px;
	list-style-type: disc;
}

.cv-preview-modern .cv-preview-item-details li {
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, #2d3748)) !important;
	margin-bottom: 4px !important;
}

.cv-preview-modern .cv-preview-item-details p {
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
	color: var(--cv-preview-body, #2d3748) !important;
	margin-bottom: 4px !important;
}

/* Skills, Languages, Certificates grid item bullets */
.cv-preview-modern .cv-skill-grid-item,
.cv-preview-modern .cv-lang-grid-item,
.cv-preview-modern .cv-certificate-grid-item,
.cv-preview-modern .cv-interest-grid-item {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	color: var(--cv-preview-body, #2d3748);
}

.cv-preview-modern .cv-skill-grid-item::before,
.cv-preview-modern .cv-lang-grid-item::before,
.cv-preview-modern .cv-certificate-grid-item::before,
.cv-preview-modern .cv-interest-grid-item::before {
	content: "• ";
	color: var(--cv-preview-bullet, #4a5568);
	margin-right: 8px;
	font-weight: bold;
}

/* Force 3-column bullet grid layout for skills, languages, certificates and interests */
.cv-preview-modern [data-bind-list="skills"],
.cv-preview-modern [data-bind-list="languages"],
.cv-preview-modern [data-bind-list="certificates"],
.cv-preview-modern [data-bind-list="interests"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 8px 16px !important;
	width: 100% !important;
}

.cv-preview-modern .cv-skill-grid-item,
.cv-preview-modern .cv-skill-level-item,
.cv-preview-modern .cv-skill-row-item,
.cv-preview-modern .cv-lang-grid-item,
.cv-preview-modern .cv-lang-level-item,
.cv-preview-modern .cv-lang-row-item,
.cv-preview-modern .cv-certificate-chip,
.cv-preview-modern .cv-interests-chip {
	display: flex !important;
	align-items: center !important;
	font-size: 0.9rem !important;
	color: var(--cv-preview-body, #2d3748) !important;
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
}

.cv-preview-modern .cv-skill-grid-item::before,
.cv-preview-modern .cv-skill-level-item::before,
.cv-preview-modern .cv-skill-row-item::before,
.cv-preview-modern .cv-lang-grid-item::before,
.cv-preview-modern .cv-lang-level-item::before,
.cv-preview-modern .cv-lang-row-item::before,
.cv-preview-modern .cv-certificate-chip::before,
.cv-preview-modern .cv-interests-chip::before {
	content: "• " !important;
	color: var(--cv-preview-bullet, #4a5568) !important;
	margin-right: 8px !important;
	font-weight: bold !important;
}

/* Hide level visualizers, stars, bars, details and text values in Modern layout */
.cv-preview-modern .cv-skill-level-dots,
.cv-preview-modern .cv-skill-level-bar,
.cv-preview-modern .cv-lang-level-dots,
.cv-preview-modern .cv-lang-level-bar,
.cv-preview-modern .cv-lang-level-text-val,
.cv-preview-modern .cv-skill-details,
.cv-preview-modern .cv-lang-details {
	display: none !important;
}

/* ==========================================
   DESIGN 4: Bold (Contemporary Contrast)
   ========================================== */
.cv-preview-bold {
	display: grid;
	grid-template-columns: 35% 65%;
	padding: 0;
	background: var(--cv-page-bg, #ffffff) !important;
	color: #222222;
}

.cv-preview-bold .cv-preview-photo-wrap {
	display: none;
}

.cv-preview-bold .cv-preview-header {
	grid-column: 1 / -1;
	grid-row: 1;
	background: var(--cv-sidebar-bg, #374151);
	color: var(--cv-sidebar-text-color, #ffffff);
	padding: 28px 36px;
	border-bottom: 0;
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
}

.cv-preview-bold .cv-preview-header h1 {
	color: var(--cv-sidebar-text-color, #ffffff);
	font-size: 2.2rem;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
}

.cv-preview-bold .cv-preview-header p {
	display: block;
	font-size: 1.1rem;
	color: var(--cv-sidebar-text-color, #ffffff);
	font-weight: 700;
	margin: 6px 0 0 0;
}

.cv-preview-bold .cv-preview-contact {
	grid-column: 1;
	grid-row: 2;
	background: var(--cv-sidebar-bg, #4f5d75);
	padding: 24px;
	color: var(--cv-sidebar-text-color, #ffffff);
	display: flex;
	flex-direction: column;
	gap: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cv-preview-bold .cv-preview-contact-item {
	color: var(--cv-sidebar-text-color, #ffffff);
	font-size: 0.85rem;
}

.cv-preview-bold .cv-preview-contact-item strong {
	display: block;
	color: var(--cv-sidebar-text-color, #ffffff);
	margin-bottom: 2px;
}

.cv-preview-bold .cv-preview-section-skills {
	grid-column: 1;
	grid-row: 3 / 5;
	background: #4f5d75;
	padding: 24px;
	color: #ffffff;
	height: 100%;
	border-bottom-left-radius: 19px;
}

.cv-preview-bold .cv-preview-section-skills h3 {
	color: #ffffff;
	border-bottom: 0;
	font-size: 0.95rem;
	margin-bottom: 8px;
}

.cv-preview-bold .cv-skill-list {
	display: block;
}

.cv-preview-bold .cv-skill-chip {
	background: transparent;
	color: #ffffff;
	padding: 0;
	font-size: 0.85rem;
	display: list-item;
	list-style-type: disc;
	margin-left: 16px;
	margin-bottom: 6px;
}

.cv-preview-bold .cv-preview-section-summary {
	grid-column: 2;
	grid-row: 2;
	padding: 24px 36px 12px 36px;
}

.cv-preview-bold .cv-preview-section-experience {
	grid-column: 2;
	grid-row: 3;
	padding: 12px 36px;
}

.cv-preview-bold .cv-preview-section-education {
	grid-column: 2;
	grid-row: 4;
	padding: 12px 36px 36px 36px;
}

.cv-preview-bold .cv-preview-section-courses {
	grid-column: 2;
	grid-row: 5;
	padding: 12px 36px 36px 36px;
}

.cv-preview-bold h3 {
	color: #111111;
	border-bottom: 1.5px solid #cbd5e1;
	padding-bottom: 6px;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
}

.cv-preview-bold .cv-preview-item {
	font-size: 0.9rem;
}

/* ==========================================
   DESIGN 5: Flare (Creative Flare / Visual)
   ========================================== */
.cv-preview-flare {
	display: grid;
	grid-template-columns: 32% 68%;
	padding: 0;
	background: var(--cv-page-bg, #ffffff) !important;
	color: #222222;
}

.cv-preview-flare .cv-preview-photo-wrap {
	display: flex;
	grid-column: 1;
	grid-row: 1;
	background: var(--cv-preview-photo-box, #b2c8f0);
	padding: 36px 20px 16px 20px;
	justify-content: center;
	border-top-left-radius: 19px;
}

.cv-preview-flare .cv-preview-photo {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	overflow: hidden;
}

.cv-preview-flare .cv-preview-contact {
	grid-column: 1;
	grid-row: 2;
	background: #b2c8f0;
	padding: 16px 20px;
	color: #2c3e50;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-bottom: 1.5px solid rgba(255, 255, 255, 0.2);
}

.cv-preview-flare .cv-preview-contact-item {
	color: #2c3e50;
	font-size: 0.85rem;
}

.cv-preview-flare .cv-preview-contact-item strong {
	display: block;
	color: #2c3e50;
	margin-bottom: 2px;
}

.cv-preview-flare .cv-preview-section-skills {
	grid-column: 1;
	grid-row: 3;
	background: #b2c8f0;
	padding: 16px 20px;
	color: #2c3e50;
	border-bottom: 1.5px solid rgba(255, 255, 255, 0.2);
}

.cv-preview-flare .cv-preview-section-skills h3 {
	color: #2c3e50;
	border-bottom: 0;
	font-size: 0.95rem;
	font-weight: 700;
}

.cv-preview-flare .cv-skill-list {
	display: block;
}

.cv-preview-flare .cv-skill-chip {
	background: transparent;
	color: #2c3e50;
	padding: 0;
	font-size: 0.85rem;
	display: list-item;
	list-style-type: disc;
	margin-left: 16px;
	margin-bottom: 6px;
}

.cv-preview-flare .cv-preview-section-education {
	grid-column: 1;
	grid-row: 4;
	background: #b2c8f0;
	padding: 16px 20px 36px 20px;
	color: #2c3e50;
	height: 100%;
	border-bottom-left-radius: 19px;
}

.cv-preview-flare .cv-preview-section-courses {
	grid-column: 1;
	grid-row: 5;
	background: #b2c8f0;
	padding: 16px 20px 36px 20px;
	color: #2c3e50;
	height: 100%;
	border-bottom-left-radius: 19px;
}

.cv-preview-flare .cv-preview-section-education h3,
.cv-preview-flare .cv-preview-section-courses h3 {
	color: #2c3e50;
	border-bottom: 0;
	font-size: 0.95rem;
	font-weight: 700;
}

.cv-preview-flare .cv-preview-header {
	grid-column: 2;
	grid-row: 1;
	padding: 36px 36px 12px 36px;
	border-bottom: 0;
	position: relative;
}

.cv-preview-flare .cv-preview-header h1 {
	font-size: 2.2rem;
	font-weight: 800;
	color: #111111;
	margin: 0;
}

.cv-preview-flare .cv-preview-header h1::first-line {
	color: #5d9cec;
	font-weight: 300;
}

.cv-preview-flare .cv-preview-header p {
	display: block;
	font-size: 1.1rem;
	color: #4a5568;
	font-weight: 700;
	margin: 6px 0 0 0;
}

.cv-preview-flare .cv-preview-header::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 36px;
	width: 70px;
	height: 4px;
	background: #5d9cec;
}

.cv-preview-flare .cv-preview-section-summary {
	grid-column: 2;
	grid-row: 2;
	padding: 20px 36px;
}

.cv-preview-flare .cv-preview-section-experience {
	grid-column: 2;
	grid-row: 3 / 5;
	padding: 16px 36px 36px 36px;
}

.cv-preview-flare h3 {
	color: #111111;
	border-bottom: 1.5px solid #cbd5e1;
	padding-bottom: 6px;
	font-size: 1.05rem;
	font-weight: 700;
}

.cv-preview-flare .cv-preview-item {
	font-size: 0.9rem;
}

/* Preview accent themes */
.cv-preview[class*="cv-theme-"] {
	--cv-preview-accent: #1e3a8a;
	--cv-preview-accent-soft: #dbeafe;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.9);
	--cv-preview-accent-dark: #1f2937;
}

.cv-preview.cv-theme-darkgray {
	--cv-preview-accent: #374151;
	--cv-preview-accent-soft: #e5e7eb;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.88);
	--cv-preview-accent-dark: #111827;
}

.cv-preview.cv-theme-beige {
	--cv-preview-accent: #bda09c;
	--cv-preview-accent-soft: #f1e8e6;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #6b4f4a;
}

.cv-preview.cv-theme-darkblue {
	--cv-preview-accent: #1e3a8a;
	--cv-preview-accent-soft: #dbeafe;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.9);
	--cv-preview-accent-dark: #1e40af;
}

.cv-preview.cv-theme-lightblue {
	--cv-preview-accent: #3b82f6;
	--cv-preview-accent-soft: #dbeafe;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #2563eb;
}

.cv-preview.cv-theme-cyan {
	--cv-preview-accent: #06b6d4;
	--cv-preview-accent-soft: #cffafe;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #0891b2;
}

.cv-preview.cv-theme-green {
	--cv-preview-accent: #10b981;
	--cv-preview-accent-soft: #d1fae5;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #047857;
}

.cv-preview.cv-theme-orange {
	--cv-preview-accent: #f59e0b;
	--cv-preview-accent-soft: #fef3c7;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #d97706;
}

.cv-preview.cv-theme-pink {
	--cv-preview-accent: #e11d48;
	--cv-preview-accent-soft: #ffe4e6;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #be123c;
}

.cv-preview.cv-theme-medbiomate {
	--cv-preview-accent: #0284c7;
	--cv-preview-accent-soft: #f2fdff;
	--cv-preview-accent-ink: #ffffff;
	--cv-preview-accent-muted: rgba(255, 255, 255, 0.92);
	--cv-preview-accent-dark: #074acc;
}

.cv-preview-professional[class*="cv-theme-"] .cv-preview-professional-bar,
.cv-preview-simple .cv-preview-header,
.cv-preview-bold .cv-preview-header,
.cv-preview-bold .cv-preview-contact,
.cv-preview-bold .cv-preview-section-skills,
.cv-preview-modern .cv-preview-contact,
.cv-preview-modern .cv-preview-section-summary,
.cv-preview-modern .cv-preview-section-skills,
.cv-preview-flare .cv-preview-contact,
.cv-preview-flare .cv-preview-section-skills,
.cv-preview-flare .cv-preview-section-education,
.cv-preview-flare .cv-preview-section-courses,
.cv-preview-simple[class*="cv-theme-"] .cv-preview-header,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-header,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-contact,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-skills,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-contact,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-skills,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-photo-wrap,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-contact,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-skills,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-education,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-courses {
	background: var(--cv-preview-accent) !important;
}

.cv-preview-modern .cv-preview-header h1,
.cv-preview-flare .cv-preview-header h1::first-line,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-header h1,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-header h1::first-line {
	color: var(--cv-preview-accent-dark) !important;
}

.cv-preview-flare .cv-preview-header::after,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-header::after {
	background: var(--cv-preview-accent-dark) !important;
}

.cv-preview-simple.cv-theme-minimal .cv-preview-header,
.cv-preview-simple .cv-preview-header h1,
.cv-preview-simple .cv-preview-header p,
.cv-preview-bold .cv-preview-header h1,
.cv-preview-bold .cv-preview-contact-item,
.cv-preview-bold .cv-preview-contact-item strong,
.cv-preview-bold .cv-preview-section-skills h3,
.cv-preview-bold .cv-skill-chip,
.cv-preview-modern .cv-preview-contact-item,
.cv-preview-modern .cv-preview-contact-item strong,
.cv-preview-modern .cv-preview-section-summary h3,
.cv-preview-modern .cv-preview-section-summary p,
.cv-preview-modern .cv-preview-section-skills h3,
.cv-preview-modern .cv-skill-chip,
.cv-preview-flare .cv-preview-contact-item,
.cv-preview-flare .cv-preview-contact-item strong,
.cv-preview-flare .cv-preview-section-skills h3,
.cv-preview-flare .cv-preview-section-education h3,
.cv-preview-flare .cv-preview-section-courses h3,
.cv-preview-flare .cv-skill-chip,
.cv-preview-simple[class*="cv-theme-"] .cv-preview-header h1,
.cv-preview-simple[class*="cv-theme-"] .cv-preview-header p,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-header h1,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-contact-item,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-contact-item strong,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-bold[class*="cv-theme-"] .cv-skill-chip,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-contact-item,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-contact-item strong,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary p,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-modern[class*="cv-skill-chip"],
.cv-preview-flare[class*="cv-theme-"] .cv-preview-contact-item,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-contact-item strong,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-education h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-courses h3,
.cv-preview-flare[class*="cv-theme-"] .cv-skill-chip {
	color: var(--cv-preview-accent-ink) !important;
}

.cv-preview-bold .cv-preview-contact-item span,
.cv-preview-modern .cv-preview-header p,
.cv-preview-modern .cv-preview-section-summary p,
.cv-preview-flare .cv-preview-contact-item,
.cv-preview-flare .cv-skill-chip,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary p,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-contact-item,
.cv-preview-flare[class*="cv-theme-"] .cv-skill-chip {
	color: var(--cv-preview-accent-muted) !important;
}

.cv-preview-bold .cv-preview-section-skills h3,
.cv-preview-modern .cv-preview-section-summary h3,
.cv-preview-modern .cv-preview-section-skills h3,
.cv-preview-flare .cv-preview-section-skills h3,
.cv-preview-flare .cv-preview-section-education h3,
.cv-preview-flare .cv-preview-section-courses h3,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-skills h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-education h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-courses h3 {
	background: var(--cv-preview-left-badge-bg, rgba(255, 255, 255, 0.12)) !important;
	border-radius: 14px !important;
	padding: 10px 16px !important;
}

.cv-preview-bold .cv-preview-section-summary h3,
.cv-preview-bold .cv-preview-section-experience h3,
.cv-preview-bold .cv-preview-section-education h3,
.cv-preview-bold .cv-preview-section-courses h3,
.cv-preview-modern .cv-preview-section-experience h3,
.cv-preview-modern .cv-preview-section-education h3,
.cv-preview-modern .cv-preview-section-courses h3,
.cv-preview-flare .cv-preview-section-summary h3,
.cv-preview-flare .cv-preview-section-experience h3,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-summary h3,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-experience h3,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-education h3,
.cv-preview-bold[class*="cv-theme-"] .cv-preview-section-courses h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-experience h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-education h3,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-courses h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-summary h3,
.cv-preview-flare[class*="cv-theme-"] .cv-preview-section-experience h3 {
	background: var(--cv-preview-right-badge-bg, var(--cv-preview-accent-soft)) !important;
	border-radius: 14px !important;
	padding: 10px 16px !important;
}

.cv-preview-simple .cv-preview-header,
.cv-preview-minimal .cv-preview-header,
.cv-preview-chromatic .cv-preview-header,
.cv-preview-simple[class*="cv-theme-"] .cv-preview-header,
.cv-preview-minimal[class*="cv-theme-"] .cv-preview-header,
.cv-preview-chromatic[class*="cv-theme-"] .cv-preview-header {
	background: var(--cv-preview-accent) !important;
}

.cv-preview-visual .cv-preview-header h1,
.cv-preview-sleek .cv-preview-header,
.cv-preview-polished .cv-preview-header,
.cv-preview-freeform .cv-preview-header,
.cv-preview-visual[class*="cv-theme-"] .cv-preview-header h1,
.cv-preview-sleek[class*="cv-theme-"] .cv-preview-header,
.cv-preview-polished[class*="cv-theme-"] .cv-preview-header,
.cv-preview-freeform[class*="cv-theme-"] .cv-preview-header {
	color: var(--cv-preview-accent-dark) !important;
}

@media (max-width: 980px) {
	.cv-home-hero {
		padding: 36px 22px;
	}

	.cv-home-hero-grid,
	.cv-steps-grid,
	.cv-builder-shell {
		grid-template-columns: 1fr;
	}

	.cv-template-grid {
		grid-template-columns: 1fr;
	}

	.cv-home-copy h1,
	.cv-home-section-heading h2 {
		font-size: 2.4rem;
	}

	.cv-hero-visual {
		min-height: 500px;
	}

	.cv-hero-sheet-main {
		right: 18px;
		width: 260px;
	}

	.cv-steps-art {
		min-height: 320px;
	}

	.cv-step-sheet-back {
		width: 84%;
	}

	.cv-step-sheet-mid {
		width: 74%;
	}

	.cv-step-sheet-front {
		left: 70px;
		width: 66%;
	}

	.cv-template-pill {
		top: auto;
		bottom: 82px;
	}
}


/* Onboarding Screens */
.cv-hidden,
.cv-tab-panel.cv-hidden,
.cv-tab-panel[data-tab-panel].cv-hidden,
[data-tab-panel].cv-hidden {
	display: none !important;
}

.cv-onboarding-container {
	margin: 0 auto;
	max-width: 1000px;
	padding: 40px 20px;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cv-step-templates .cv-onboarding-container {
	max-width: 1820px;
	padding: 24px 72px 48px;
}

.cv-onboarding-title {
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 800;
	text-align: center;
	color: #111111;
	margin-bottom: 40px;
	letter-spacing: -0.03em;
}

/* Choice screen styling */
.cv-choice-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 28px;
	margin-bottom: 40px;
}

.cv-choice-card {
	background: #ffffff !important;
	border: 1px solid var(--cv-line) !important;
	border-radius: 20px !important;
	padding: 32px !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 20px !important;
	cursor: pointer !important;
	position: relative !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.02) !important;
}

.cv-choice-card:hover {
	transform: translateY(-4px) !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08) !important;
}

.cv-choice-card.is-selected {
	background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 40%) !important;
	border: 2px solid var(--cv-accent) !important;
	box-shadow: 0 20px 25px -5px rgba(2, 132, 199, 0.12) !important;
}

.cv-choice-card.is-selected .cv-choice-icon-wrap {
	background: var(--cv-accent) !important;
	border-color: var(--cv-accent) !important;
}

.cv-choice-card.is-selected .cv-choice-icon-wrap svg {
	stroke: #ffffff !important;
}

.cv-choice-badge {
	position: absolute !important;
	top: -14px !important;
	right: 24px !important;
	background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
	color: #ffffff !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 5px 14px !important;
	border-radius: 999px !important;
	border: none !important;
	box-shadow: 0 4px 10px rgba(2, 132, 199, 0.25) !important;
}

.cv-choice-icon-wrap {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	background: #f8fafc;
	border: 1px solid var(--cv-line);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
}

.cv-choice-info {
	flex-grow: 1;
}

.cv-choice-info h3 {
	margin: 0 0 8px 0;
	font-size: 1.35rem;
	font-weight: 700;
	color: #000000;
}

.cv-choice-info p {
	margin: 0;
	font-size: 0.96rem;
	color: #4a4a4a;
	line-height: 1.4;
}

.cv-onboarding-footer-text {
	text-align: center;
	color: #667085;
	font-size: 0.85rem;
	max-width: 700px;
	margin: 0 auto 32px;
	line-height: 1.5;
}

/* Bottom Bar */
.cv-onboarding-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #d9dfef;
	padding-top: 24px;
	margin-top: auto;
}

.cv-btn-back {
	background: #ffffff;
	border: 1px solid var(--cv-line);
	color: var(--cv-ink);
	border-radius: 999px;
	padding: 14px 36px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	transition: all 0.2s ease;
}

.cv-btn-back:hover {
	background: #f8fafc;
	border-color: #cbd5e1;
}

.cv-btn-continue {
	background: linear-gradient(135deg, var(--cv-accent) 0%, #3b82f6 100%);
	color: #ffffff;
	border: 0;
	border-radius: 999px;
	padding: 14px 44px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25);
	transition: all 0.2s ease;
}

.cv-btn-continue:hover {
	background: var(--cv-accent-strong);
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
}

/* Upgrade Screen Styling */
.cv-upgrade-steps-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px auto 60px;
	max-width: 850px;
	gap: 20px;
	position: relative;
}

.cv-upgrade-step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	z-index: 2;
}

.cv-upgrade-icon-box {
	width: 80px !important;
	height: 80px !important;
	background: #ffffff !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	margin-bottom: 20px !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.04) !important;
	transition: all 0.25s ease !important;
}

.cv-upgrade-step:hover .cv-upgrade-icon-box {
	transform: translateY(-2px) !important;
	border-color: var(--cv-accent) !important;
	box-shadow: 0 10px 20px rgba(2, 132, 199, 0.1) !important;
}

.cv-upgrade-number {
	position: absolute !important;
	top: -6px !important;
	left: -6px !important;
	width: 24px !important;
	height: 24px !important;
	background: var(--cv-accent) !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	box-shadow: 0 3px 6px rgba(2, 132, 199, 0.25) !important;
}

.cv-upgrade-step-text {
	font-size: 0.95rem;
	font-weight: 600;
	color: #111111;
	line-height: 1.4;
	max-width: 200px;
}

.cv-upgrade-connector {
	flex-grow: 1 !important;
	height: 2px !important;
	background: #cbd5e1 !important;
	border: none !important;
	max-width: 100px !important;
	margin-bottom: 40px !important;
	z-index: 1 !important;
}

.cv-upgrade-cta {
	text-align: center;
	margin-bottom: 40px;
}

.cv-btn-upload {
	background: linear-gradient(135deg, var(--cv-accent) 0%, #3b82f6 100%);
	color: #ffffff;
	border: 0;
	border-radius: 999px;
	padding: 16px 54px;
	font-weight: 700;
	font-size: 1.15rem;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25);
	transition: all 0.2s ease;
}

.cv-btn-upload:hover {
	background: var(--cv-accent-strong);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
}

.cv-upload-btn-wrapper {
	position: relative;
	display: inline-block;
}

.cv-upload-btn-wrapper input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 10;
}

.cv-upload-direct-input {
	display: block;
	margin: 0 auto 14px;
	max-width: 360px;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #c7d2fe;
	border-radius: 14px;
	background: #ffffff;
	color: #111827;
	font: inherit;
}

.cv-upload-helptext {
	margin-top: 12px;
	color: #475569;
	font-size: 14px;
}

.cv-upload-status {
	margin-top: 10px;
	color: #334155;
	font-size: 14px;
	font-weight: 600;
}

/* Digital clock counter */
.cv-stats-timer-box {
	display: inline-flex !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 12px 24px !important;
	gap: 16px !important;
	margin-top: 24px !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.04) !important;
}

.cv-digital-clock {
	display: flex !important;
	gap: 4px !important;
}

.cv-digital-digit {
	background: #0f172a !important;
	color: #38bdf8 !important;
	font-family: var(--cv-font-mono), monospace !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	padding: 6px 8px !important;
	border-radius: 6px !important;
	min-width: 24px !important;
	text-align: center !important;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important;
}

.cv-digital-colon {
	color: #475569 !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	align-self: center !important;
}

.cv-stats-text {
	font-size: 0.92rem !important;
	color: #475569 !important;
	font-weight: 600 !important;
}

.cv-upgrade-footer {
	text-align: center;
	margin-top: 40px;
}

.cv-upgrade-footer-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: #4a4a4a;
	margin-bottom: 16px;
}

.cv-file-formats {
	display: flex;
	justify-content: center;
	gap: 20px;
	opacity: 0.75;
}

.cv-file-formats svg {
	width: 22px;
	height: 22px;
	fill: #000080;
	transition: opacity 0.2s;
}

.cv-file-formats svg:hover {
	opacity: 1;
}

/* AI Loading Spinner / Overlay */
.cv-ai-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(244, 247, 252, 0.85);
	backdrop-filter: blur(8px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.cv-ai-loader-overlay.is-active {
	opacity: 1;
	pointer-events: auto;
}

.cv-ai-loader-content {
	text-align: center;
	max-width: 450px;
	padding: 40px;
	background: #ffffff;
	border: 1px solid var(--cv-line);
	border-radius: 24px;
	box-shadow: 0 20px 40px rgba(2, 132, 199, 0.08);
}

.cv-ai-spinner {
	width: 64px;
	height: 64px;
	border: 5px solid #e1e6f2;
	border-top: 5px solid var(--cv-accent);
	border-radius: 50%;
	margin: 0 auto 24px;
	animation: cv-spin 1s linear infinite;
}

.cv-ai-loader-status {
	font-size: 1.2rem;
	font-weight: 700;
	color: #111111;
	margin-bottom: 12px;
}

.cv-ai-loader-sub {
	font-size: 0.92rem;
	color: #667085;
}

@keyframes cv-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Fixes/adjustments for workspace template layouts */
.cv-builder-workspace-view {
	animation: cv-fade-in 0.35s ease;
}

@keyframes cv-fade-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Guided Onboarding Wizard Steps */
.cv-exp-grid,
.cv-company-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
	margin: 32px auto;
	max-width: 800px;
}

.cv-exp-card,
.cv-company-card {
	background: #ffffff;
	border: 1.5px solid #cfd6ea;
	border-radius: 12px;
	padding: 28px 20px;
	text-align: center;
	font-size: 1.15rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 10px rgba(31, 48, 115, 0.03);
}

.cv-exp-card:hover,
.cv-company-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(2, 132, 199, 0.06);
	border-color: var(--cv-accent);
}

.cv-exp-card.is-selected,
.cv-company-card.is-selected {
	background: #f0f5ff;
	border: 2px solid var(--cv-accent);
	box-shadow: 0 8px 20px rgba(2, 132, 199, 0.1);
}

.cv-onboarding-subtext {
	text-align: center;
	font-size: 1.05rem;
	font-weight: 500;
	color: #7c3aed;
	margin: 24px auto 32px;
}

/* Step 3: Goals Screen */
.cv-goals-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	margin: 32px auto;
	max-width: 750px;
}

.cv-goal-card {
	background: #ffffff !important;
	border: 1.5px solid var(--cv-line) !important;
	border-radius: 20px !important;
	padding: 24px 28px !important;
	cursor: pointer !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.02) !important;
}

.cv-goal-card:hover {
	border-color: #cbd5e1 !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.06) !important;
}

.cv-goal-card.is-selected {
	background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%) !important;
	border: 2px solid var(--cv-accent) !important;
	box-shadow: 0 20px 25px -5px rgba(2, 132, 199, 0.12) !important;
}

.cv-goal-card h4 {
	margin: 0 0 6px 0 !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	font-family: var(--cv-font-title) !important;
}

.cv-goal-card p {
	margin: 0 !important;
	font-size: 0.92rem !important;
	color: #475569 !important;
	line-height: 1.5 !important;
	font-family: var(--cv-font-body) !important;
}

.cv-goals-grid .is-centered-item {
	grid-column: 1 / -1 !important;
	justify-self: center !important;
	width: 100% !important;
	max-width: 380px !important;
	text-align: center !important;
}

/* Step 4: Industries Screen */
.cv-industries-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin: 32px auto;
	max-width: 700px;
}

.cv-industry-pill {
	background: #ffffff !important;
	border: 1.5px solid var(--cv-line) !important;
	border-radius: 9999px !important;
	padding: 10px 22px !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02) !important;
}

.cv-industry-pill:hover {
	border-color: var(--cv-accent) !important;
	color: var(--cv-accent) !important;
	background: #f0f9ff !important;
	transform: translateY(-1px) !important;
}

.cv-industry-pill.is-selected {
	background: var(--cv-accent) !important;
	border-color: var(--cv-accent) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.2) !important;
}

.cv-industry-pill.is-selected span {
	color: #ffffff !important;
}

.cv-custom-industry-box {
	max-width: 360px !important;
	margin: 32px auto 44px !important;
	text-align: left !important;
}

.cv-custom-industry-box label {
	display: block !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	color: #475569 !important;
	margin-bottom: 8px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
}

.cv-custom-industry-box input {
	width: 100% !important;
	padding: 12px 16px !important;
	font-size: 0.95rem !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	outline: none !important;
	transition: all 0.2s !important;
	box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.02) !important;
}

.cv-custom-industry-box input:focus {
	border-color: var(--cv-accent) !important;
	box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15), inset 0 2px 4px rgba(15, 23, 42, 0.02) !important;
}

.cv-onboarding-actions-stacked {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin-top: 32px;
}

.cv-btn-skip-link {
	background: transparent;
	border: 0;
	color: #0000dd;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: underline;
	cursor: pointer;
}

.cv-btn-skip-link:hover {
	color: #000080;
}

/* Step 5: Choose Template Screen */
.cv-template-select-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 32px auto 24px;
	max-width: 980px;
	width: 100%;
	border-bottom: 1.5px solid #d9dfef;
	padding-bottom: 14px;
	flex-wrap: wrap;
	gap: 16px;
}

.cv-tabs {
	display: flex;
	gap: 24px;
}

.cv-tab {
	background: transparent;
	border: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #667085;
	cursor: pointer;
	padding-bottom: 14px;
	position: relative;
}

.cv-tab.is-active {
	color: #0000dd;
}

.cv-tab.is-active::after {
	content: "";
	position: absolute;
	bottom: -15.5px;
	left: 0;
	right: 0;
	height: 3px;
	background: #0000dd;
}

.cv-color-selector {
	display: flex;
	align-items: center;
	gap: 12px;
}

.cv-color-label {
	font-size: 0.9rem;
	font-weight: 700;
	color: #4a4a4a;
}

.cv-color-dots {
	display: flex;
	gap: 8px;
}

.cv-color-dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #d1d5db;
	cursor: pointer;
	transition: transform 0.15s ease;
	position: relative;
}

.cv-color-dot:hover {
	transform: scale(1.15);
}

.cv-color-dot.is-active {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0000dd;
}

.cv-color-dot.is-default {
	background: #ffffff;
}
.cv-color-dot.is-default::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 1.5px;
	background: #ef4444;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.cv-color-dot.is-darkgray { background: #374151; }
.cv-color-dot.is-beige { background: #d7ccc8; }
.cv-color-dot.is-darkblue { background: #0d47a1; }
.cv-color-dot.is-lightblue { background: #2196f3; }
.cv-color-dot.is-medbiomate { background: #0284c7; }
.cv-color-dot.is-cyan { background: #00bcd4; }
.cv-color-dot.is-green { background: #4caf50; }
.cv-color-dot.is-orange { background: #ff9800; }
.cv-color-dot.is-pink { background: #e91e63; }

.cv-filters-btn {
	background: #ffffff;
	border: 1.5px solid #cfd6ea;
	border-radius: 8px;
	padding: 8px 16px;
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
}

.cv-filters-btn:hover {
	border-color: #111111;
}

.cv-templates-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
	margin: 32px auto;
	max-width: 100%;
	align-items: start;
	width: 100%;
}

.cv-template-select-card {
	background: #ffffff;
	border: 2px solid #e2e8f0;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(31, 48, 115, 0.08);
	cursor: pointer;
	transition: all 0.25s ease;
	position: relative;
	min-width: 0;
	max-width: 100%;
	aspect-ratio: 2 / 3;
	display: flex;
	flex-direction: column;
}

.cv-template-select-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 20px rgba(31, 48, 115, 0.1);
	border-color: #cbd5e1;
}

.cv-template-select-card.is-selected {
	border-color: #3047ff;
	box-shadow: 0 0 0 4px rgba(48, 71, 255, 0.12);
}

.cv-template-select-card .cv-template-preview {
	flex: 1 1 auto;
	min-height: 0;
	margin-bottom: 0;
	border: 0;
	border-bottom: 1.5px solid #f1f5f9;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 6px 6px 0;
	box-sizing: border-box;
}

.cv-template-select-card .cv-preview {
	transform: translateX(-50%) scale(var(--cv-template-card-preview-scale, 0.32)) !important;
	transform-origin: top center !important;
	width: 800px !important;
	height: 1131.4px !important;
	position: absolute !important;
	top: 10px !important;
	left: 50% !important;
	margin-left: 0 !important;
	pointer-events: none;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-height: auto !important;
	padding: 28px !important;
	background: #ffffff !important;
}

.cv-template-select-card h4 {
	margin: 16px 16px 18px;
	font-size: 0.92rem;
	font-weight: 800;
	color: #000000;
	text-align: center;
	line-height: 1.2;
	min-height: 2.4em;
}

@media (max-width: 1300px) {
	.cv-step-templates .cv-onboarding-container {
		padding-left: 48px;
		padding-right: 48px;
	}

	.cv-templates-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1200px) {
	.cv-step-templates .cv-onboarding-container {
		padding-left: 24px;
		padding-right: 24px;
	}

	.cv-templates-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.cv-templates-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.cv-template-select-card h4 {
		font-size: 0.82rem;
		margin: 12px 10px 14px;
	}
}

.cv-templates-footer {
	text-align: center;
	margin: 32px auto;
}

.cv-btn-see-all {
	background: transparent;
	border: 0;
	color: #0000dd;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: underline;
	cursor: pointer;
}

/* Modal Overlay */
.cv-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.5);
	backdrop-filter: blur(4px);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
}

.cv-modal-badge-top {
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--cv-ink);
	color: #ffffff;
	padding: 8px 20px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.8rem;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 100000;
	font-family: var(--cv-font-mono);
	letter-spacing: -0.01em;
}

.cv-modal-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.96), rgba(246, 248, 252, 0.94) 58%, rgba(230, 235, 243, 0.96) 100%);
	color: #111827;
	border: 1px solid rgba(148, 163, 184, 0.28);
	font-size: 2.15rem;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:
		0 18px 40px rgba(15, 23, 42, 0.16),
		0 4px 12px rgba(15, 23, 42, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	transition: all 0.2s ease;
	z-index: 100000;
	backdrop-filter: blur(6px);
}

.cv-modal-nav-btn:hover {
	transform: translateY(-50%) scale(1.04);
	color: #0f172a;
	box-shadow:
		0 22px 44px rgba(15, 23, 42, 0.2),
		0 8px 18px rgba(15, 23, 42, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.98);
	border-color: rgba(99, 102, 241, 0.22);
}

.cv-modal-nav-btn:active {
	transform: translateY(-50%) scale(0.98);
}

.cv-modal-nav-btn:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

.cv-modal-nav-prev {
	left: 40px;
}

.cv-modal-nav-next {
	right: 40px;
}

.cv-modal-content {
	background: #ffffff;
	border-radius: 20px;
	width: 100%;
	max-width: 1170px;
	height: 810px;
	max-height: 88vh;
	overflow: hidden;
	position: relative;
	box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

.cv-modal-close {
	position: absolute;
	top: 24px;
	right: 28px;
	background: transparent;
	border: 0;
	font-size: 2.5rem;
	color: #111111;
	cursor: pointer;
	z-index: 10;
	font-weight: 300;
}

.cv-modal-grid {
	display: grid;
	grid-template-columns: 50.5% 49.5%;
	height: 100%;
}

.cv-modal-left {
	background: linear-gradient(180deg, #f3f9fd 0%, #eef5fb 100%);
	border-right: 1px solid #e2e8f0;
	padding: 34px 28px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 0;
}

.cv-modal-preview-wrapper {
	width: min(100%, 560px);
	aspect-ratio: 210 / 297;
	max-height: min(700px, calc(100% - 110px));
	background: #f8fbff;
	border-radius: 12px;
	border: 1px solid #cbd5e1;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#cv-modal-preview-container {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

#cv-modal-preview-container .cv-preview {
	width: 800px !important;
	height: 1131.4px !important;
	transform: translateX(-50%) scale(var(--cv-modal-preview-scale, 0.46));
	transform-origin: top center;
	position: absolute !important;
	top: 10px !important;
	left: 50% !important;
	margin-top: 0 !important;
	pointer-events: none;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-height: auto !important;
	padding: 36px !important;
	background: #ffffff;
}

.cv-modal-colors {
	margin-top: 22px;
	display: flex;
	align-items: center;
	gap: 14px;
	align-self: flex-start;
	flex-wrap: wrap;
}

.cv-modal-color-label {
	font-weight: 800;
	color: #111111;
	font-size: 0.95rem;
}

.cv-modal-color-dots {
	display: flex;
	gap: 12px;
}

.cv-modal-color-dot {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid transparent;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cv-modal-color-dot::after {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: transparent;
	transition: all 0.2s ease;
}

.cv-modal-color-dot.is-active::after {
	content: "✓";
	color: #555555;
	font-size: 11px;
	font-weight: 800;
}

.cv-modal-color-dot.is-default { background: #ffffff; border: 1.5px solid #d1d5db; }
.cv-modal-color-dot.is-default.is-active::after { content: "✓"; color: #4b5563; }
.cv-modal-color-dot.is-darkgray { background: #374151; }
.cv-modal-color-dot.is-beige { background: #bda09c; }
.cv-modal-color-dot.is-beige.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-darkblue { background: #1e3a8a; }
.cv-modal-color-dot.is-darkblue.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-lightblue { background: #3b82f6; }
.cv-modal-color-dot.is-lightblue.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-medbiomate { background: #0284c7; }
.cv-modal-color-dot.is-medbiomate.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-cyan { background: #06b6d4; }
.cv-modal-color-dot.is-cyan.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-green { background: #10b981; }
.cv-modal-color-dot.is-green.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-orange { background: #f59e0b; }
.cv-modal-color-dot.is-orange.is-active::after { content: "✓"; color: #ffffff; }
.cv-modal-color-dot.is-pink { background: #be123c; }
.cv-modal-color-dot.is-pink.is-active::after { content: "✓"; color: #ffffff; }

.cv-modal-right {
	padding: 40px 40px 36px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	overflow-y: auto;
	min-height: 0;
}

.cv-modal-right::-webkit-scrollbar {
	width: 6px;
}
.cv-modal-right::-webkit-scrollbar-track {
	background: transparent;
}
.cv-modal-right::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 99px;
}
.cv-modal-right::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

.cv-modal-tag {
	align-self: flex-start;
	background: #eef2ff;
	color: var(--cv-accent);
	padding: 6px 14px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.8rem;
	margin-bottom: 16px;
	font-family: var(--cv-font-mono);
	letter-spacing: -0.01em;
}

.cv-modal-right h2 {
	font-size: clamp(2.35rem, 3vw, 3.2rem);
	font-weight: 900;
	color: #111111;
	margin: 0 0 26px 0;
	line-height: 1.08;
	letter-spacing: -0.03em;
	max-width: none;
}

.cv-modal-bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 34px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cv-modal-bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.98rem;
	color: #111111;
	font-weight: 500;
	line-height: 1.35;
}

.cv-modal-tick {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: #111111;
}

.cv-modal-tick polyline {
	stroke: #111111;
}

.cv-modal-info-link {
	color: #2563eb;
	text-decoration: none;
	font-weight: bold;
	margin-left: 4px;
}

.cv-modal-use-btn {
	background: #10ef95;
	color: #000000;
	border: 0;
	border-radius: 999px;
	padding: 17px 42px;
	font-size: 1rem;
	font-weight: 800;
	cursor: pointer;
	width: 100%;
	max-width: 304px;
	margin-bottom: 34px;
	box-shadow: 0 4px 14px rgba(16, 239, 149, 0.35);
	transition: all 0.2s ease;
	text-align: center;
}

.cv-modal-use-btn:hover {
	background: #08cd7f;
	transform: translateY(-1px);
}

.cv-modal-features-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px 24px;
	border-top: 1px solid #f1f5f9;
	padding-top: 28px;
}

.cv-modal-feature-item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.cv-modal-feature-icon {
	width: 24px;
	height: 24px;
	color: #000000;
	flex-shrink: 0;
}

.cv-modal-feature-text strong {
	display: block;
	font-size: 0.88rem;
	font-weight: 700;
	color: #111111;
	margin-bottom: 4px;
}

.cv-modal-feature-text p {
	font-size: 0.8rem;
	color: #475569;
	margin: 0;
	line-height: 1.4;
}

@media (max-width: 900px) {
	.cv-modal-content {
		height: auto;
		max-height: 92vh;
		overflow-y: auto;
	}

	.cv-modal-grid {
		grid-template-columns: 1fr;
		height: auto;
	}
	.cv-modal-left {
		border-right: 0;
		border-bottom: 1px solid #e2e8f0;
		padding: 28px 20px 24px;
	}
	.cv-modal-preview-wrapper {
		width: min(100%, 460px);
		max-height: none;
	}
	.cv-modal-right {
		padding: 32px 24px 28px;
		overflow: visible;
	}
	.cv-modal-nav-prev {
		left: 10px;
	}
	.cv-modal-nav-next {
		right: 10px;
	}
}

@media (max-height: 850px) {
	.cv-modal-overlay {
		padding: 20px;
	}
	.cv-modal-content {
		height: 90vh;
		max-height: 720px;
	}
	.cv-modal-left {
		padding: 24px 20px 16px;
	}
	.cv-modal-preview-wrapper {
		max-height: calc(100% - 85px);
	}
	.cv-modal-colors {
		margin-top: 14px;
	}
	.cv-modal-right {
		padding: 30px 30px 24px;
	}
	.cv-modal-right h2 {
		margin-bottom: 16px;
	}
	.cv-modal-bullets {
		margin-bottom: 20px;
		gap: 8px;
	}
	.cv-modal-use-btn {
		margin-bottom: 24px;
		padding: 14px 36px;
	}
	.cv-modal-features-grid {
		gap: 16px 20px;
		padding-top: 20px;
	}
}

@media (max-height: 650px) {
	.cv-modal-overlay {
		padding: 10px;
	}
	.cv-modal-content {
		height: 95vh;
		max-height: 580px;
	}
	.cv-modal-left {
		padding: 16px 15px 12px;
	}
	.cv-modal-colors {
		margin-top: 8px;
		gap: 10px;
	}
	.cv-modal-color-dot {
		width: 22px;
		height: 22px;
	}
	.cv-modal-right {
		padding: 20px 20px 16px;
	}
	.cv-modal-right h2 {
		margin-bottom: 12px;
	}
	.cv-modal-bullets {
		margin-bottom: 14px;
		gap: 6px;
	}
	.cv-modal-use-btn {
		margin-bottom: 16px;
		padding: 10px 28px;
	}
	.cv-modal-features-grid {
		gap: 10px 12px;
		padding-top: 14px;
	}
}

/* --- CV Workspace Restructuring --- */

.cv-builder-workspace-view {
	display: grid;
	grid-template-columns: 260px 1fr;
	background: #ffffff;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: var(--cv-font-body);
}

.cv-builder-workspace-view.cv-hidden {
	display: none !important;
}

.cv-builder-workspace-view.sidebar-collapsed {
	grid-template-columns: 80px 1fr;
}

.cv-workspace-sidebar {
	background: #080c30;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 28px 16px;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	overflow: visible;
	height: 100%;
	position: sticky;
	top: 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1000;
}

.cv-builder-workspace-view.sidebar-collapsed .cv-workspace-sidebar {
	padding: 28px 12px;
}

.cv-sidebar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
}

.cv-sidebar-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 800;
	font-size: 1.4rem;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.cv-builder-workspace-view.sidebar-collapsed .cv-sidebar-logo span {
	display: none;
}

.cv-logo-bullet {
	width: 12px;
	height: 12px;
	background: #3b82f6;
	border-radius: 50%;
}

.cv-sidebar-collapse-btn {
	background: #2563eb;
	border: 0;
	color: #ffffff;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 0.85rem;
	font-weight: 800;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35);
	z-index: 1010;
	transition: all 0.2s ease;
}

.cv-sidebar-collapse-btn:hover {
	background: #1d4ed8;
	transform: translateY(-50%) scale(1.05);
}

.cv-builder-workspace-view.sidebar-collapsed #cv-sidebar-collapse {
	transform: translateY(-50%) rotate(180deg);
}

.cv-sidebar-nav {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-grow: 1;
}

.cv-sidebar-item {
	background: transparent;
	border: 0;
	color: #94a3b8;
	padding: 12px 20px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	gap: 16px;
	cursor: pointer;
	text-align: left;
	font-weight: 600;
	font-size: 0.95rem;
	transition: all 0.25s ease;
	width: calc(100% - 8px);
	margin: 0 4px;
}

.cv-sidebar-item:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
}

.cv-sidebar-item.is-active {
	background: var(--cv-accent);
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
}

.cv-sidebar-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.cv-builder-workspace-view.sidebar-collapsed .cv-sidebar-item {
	width: 100%;
	margin: 0;
	justify-content: center;
	padding: 12px 0;
}

.cv-builder-workspace-view.sidebar-collapsed .cv-sidebar-item span {
	display: none;
}

.cv-sidebar-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 20px;
	font-size: 0.75rem;
	color: #64748b;
}

.cv-builder-workspace-view.sidebar-collapsed .cv-sidebar-footer {
	display: none;
}

.cv-sidebar-links {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}

.cv-sidebar-links a {
	color: #94a3b8;
	text-decoration: underline;
	font-weight: 500;
}

.cv-sidebar-links a:hover {
	color: #ffffff;
}

.cv-builder-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 600px;
	height: 100%;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	background: #ffffff;
}

.cv-builder-main .cv-builder-panel {
	background: #ffffff;
	padding: 48px 56px;
	overflow-y: auto;
	height: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.cv-workspace-tipbox {
	display: flex;
	gap: 16px;
	background: #ebf3ff;
	border: 1.5px solid var(--cv-accent);
	border-radius: 8px;
	padding: 14px 20px;
	margin-bottom: 36px;
	align-items: center;
}

.cv-tipbox-icon {
	width: 20px;
	height: 20px;
	color: var(--cv-accent);
	flex-shrink: 0;
}

.cv-tipbox-text {
	font-size: 0.9rem;
	color: var(--cv-accent-strong);
	font-weight: 600;
	line-height: 1.4;
}

.cv-workspace-heading {
	font-size: 2.2rem;
	font-weight: 800;
	color: #111111;
	margin: 0 0 28px 0;
	letter-spacing: -0.02em;
}

.cv-workspace-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 36px;
}

.cv-workspace-grid label {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cv-workspace-grid label span {
	font-size: 0.85rem;
	font-weight: 700;
	color: #111111;
}

.cv-workspace-grid label input[type="text"],
.cv-workspace-grid label input[type="email"],
.cv-workspace-grid label input[type="tel"],
.cv-workspace-grid label textarea,
.cv-workspace-grid label select {
	padding: 12px 16px;
	border: 1.5px solid #cbd5e1;
	border-radius: 6px;
	font-size: 0.95rem;
	color: #111111;
	outline: 0;
	transition: all 0.2s ease;
	background: #ffffff;
}

.cv-workspace-grid label input:focus,
.cv-workspace-grid label textarea:focus,
.cv-workspace-grid label select:focus {
	border-color: var(--cv-accent);
	box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}

.cv-workspace-grid .full-width {
	grid-column: span 2 !important;
}

.cv-workspace-grid-three-col {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-workspace-grid-three-col label {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-workspace-grid-three-col label span {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #1e293b !important;
}

.cv-workspace-grid-three-col label input {
	height: 38px !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 6px !important;
	padding: 0 12px !important;
	font-size: 0.85rem !important;
	background: #ffffff !important;
	transition: all 0.2s ease !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-workspace-grid-three-col label input:focus {
	border-color: var(--cv-accent) !important;
	box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
	outline: none !important;
}

.cv-workspace-grid label.checkbox-label {
	grid-column: span 2;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-top: -12px;
	margin-bottom: 12px;
}

.cv-workspace-grid label.checkbox-label input {
	width: 18px;
	height: 18px;
	accent-color: #3b82f6;
}

.cv-date-range-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cv-date-range-field > span {
	font-size: 0.85rem;
	font-weight: 700;
	color: #111111;
}

.cv-date-dropdowns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.cv-date-dropdowns select {
	padding: 12px 16px;
	border: 1.5px solid #cbd5e1;
	border-radius: 6px;
	font-size: 0.95rem;
	outline: 0;
	background: #ffffff;
	cursor: pointer;
}

.cv-workspace-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1.5px solid #f1f5f9;
	padding-top: 28px;
	margin-top: 28px;
}

.cv-workspace-back-btn {
	background: transparent;
	border: 0;
	color: #111111;
	font-weight: 800;
	font-size: 1rem;
	text-decoration: underline;
	cursor: pointer;
}

.cv-workspace-next-btn {
	background: var(--cv-accent);
	color: #ffffff;
	border: 0;
	border-radius: 999px;
	padding: 14px 40px;
	font-size: 1.05rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cv-workspace-next-btn:hover {
	background: var(--cv-accent-strong);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35);
}

.cv-workspace-add-more-btn {
	background: transparent;
	border: 1.5px dashed #cbd5e1;
	border-radius: 8px;
	padding: 16px;
	color: var(--cv-accent);
	font-weight: 700;
	font-size: 0.95rem;
	cursor: pointer;
	width: 100%;
	transition: all 0.2s ease;
	margin-bottom: 24px;
}

.cv-workspace-add-more-btn:hover {
	background: #f8fafc;
	border-color: #94a3b8;
}

.cv-entries-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

.cv-entry-card-item {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 8px;
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cv-entry-card-info strong {
	display: block;
	font-size: 0.95rem;
	color: #111111;
}

.cv-entry-card-info span {
	font-size: 0.85rem;
	color: #64748b;
}

.cv-entry-card-actions {
	display: flex;
	gap: 12px;
}

.cv-entry-card-action-btn {
	background: transparent;
	border: 0;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}

.cv-entry-card-action-btn.edit {
	color: #0284c7;
}

.cv-entry-card-action-btn.delete {
	color: #ef4444;
}

.cv-builder-panel-preview {
	background: #f4f6fa;
	display: flex;
	flex-direction: column;
	padding: 28px 24px;
	height: 100%;
	border-left: 1px solid #e2e8f0;
	align-items: center;
	justify-content: flex-start;
	overflow-y: auto;
	position: relative;
	width: 100%;
	min-width: 0;
}

.cv-preview-top-actions {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	max-width: 540px;
}

.cv-customizer-dropdown-container {
	position: relative;
	display: inline-block;
}

.cv-customizer-toggle-btn {
	background: #ffffff !important;
	color: #0f172a !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 999px !important;
	padding: 10px 20px !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.cv-customizer-toggle-btn:hover {
	background: #f8fafc !important;
	border-color: #94a3b8 !important;
}

.cv-customizer-popover {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.05);
	padding: 20px;
	width: 240px;
	z-index: 10000;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cv-customizer-popover.cv-hidden {
	display: none !important;
}

.cv-popover-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: #0f172a;
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 8px;
}

.cv-popover-section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cv-popover-section h5 {
	margin: 0;
	font-size: 0.76rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #94a3b8;
	font-weight: 800;
}

.cv-popover-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.84rem;
	font-weight: 600;
	color: #475569;
}

.cv-size-controller {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cv-size-btn {
	background: #f1f5f9;
	border: 0;
	width: 22px;
	height: 22px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: bold;
	color: #475569;
	font-size: 0.8rem;
	transition: all 0.15s ease;
	line-height: 1;
}

.cv-size-btn:hover {
	background: #cbd5e1;
	color: #0f172a;
}

.cv-size-val {
	font-size: 0.8rem;
	font-weight: 700;
	color: #475569;
	min-width: 32px;
	text-align: center;
}

.cv-color-picker-wrapper {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #cbd5e1;
	overflow: hidden;
	cursor: pointer;
	box-shadow: inset 0 0 0 2px #ffffff;
}

.cv-color-picker-wrapper input[type="color"] {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: none;
}

.cv-preview-save-btn {
	background: transparent;
	border: 0;
	color: #111111;
	font-weight: 800;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	text-decoration: underline;
}

.cv-preview-save-btn svg {
	color: #2563eb;
	stroke-width: 2.5;
}

.cv-preview-save-btn:hover {
	text-decoration: underline;
}

.cv-preview-sheet-container {
	width: 540px;
	height: calc(var(--page-count, 1) * 763.7px) !important;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.05);
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	transition: height 0.25s ease;
}

.cv-preview-sheet-container .cv-preview {
	width: 800px;
	height: calc(var(--page-count, 1) * 1131.4px);
	transform: scale(0.675);
	transform-origin: top left;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box !important;
}

/* Customizer variables target styles */
.cv-preview {
	--cv-font-scale-title: 1;
	--cv-font-scale-subtitle: 1;
	--cv-font-scale-body: 1;
	--cv-subtitle-text-space: 6px;
	
	--cv-preview-color-title: inherit;
	--cv-preview-color-subtitle: inherit;
	--cv-preview-color-body: inherit;

	background-color: var(--cv-page-bg, #ffffff) !important;
	background-image: none;

	/* Dynamic Customizer Properties */
	font-size: var(--cv-base-font-size, 9pt) !important;
	line-height: var(--cv-line-height, 1.45) !important;
	padding: var(--cv-vertical-margin, 40px) var(--cv-side-margin, 40px) !important;
}

.cv-preview-section {
	margin-bottom: var(--cv-element-space, 14px) !important;
}

.cv-preview-item {
	margin-bottom: calc(var(--cv-element-space, 14px) * 0.7) !important;
}

/* Full Name */
.cv-preview h1, 
.cv-preview .cv-preview-header h1,
.cv-preview[class*="cv-preview-"] .cv-preview-header h1 {
	font-size: var(--cv-fullname-font-size, 20pt) !important;
	color: var(--cv-preview-color-title, inherit) !important;
}

/* Professional Title */
.cv-preview .cv-preview-header p,
.cv-preview .cv-preview-title,
.cv-preview[class*="cv-preview-"] .cv-preview-header p,
.cv-preview[class*="cv-preview-"] .cv-preview-title {
	font-size: var(--cv-title-font-size, 14pt) !important;
}

/* Section Headings */
.cv-preview h3, 
.cv-preview .cv-preview-section h3, 
.cv-preview h2,
.cv-preview-section-title,
.cv-preview[class*="cv-preview-"] h3,
.cv-preview[class*="cv-preview-"] .cv-preview-section-title {
	font-size: var(--cv-heading-font-size, 12pt) !important;
	color: var(--cv-preview-color-subtitle, inherit) !important;
}

/* Entry Header (Job/School/Degree) */
.cv-preview .cv-preview-item-header h4,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header h4 {
	font-size: calc(var(--cv-entry-font-size, 9pt) + 1.2pt) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: var(--cv-preview-color-title, #111827) !important;
}

.cv-preview .cv-preview-item-header .subtitle,
.cv-preview .cv-preview-item-header .date,
.cv-preview .cv-preview-item-header .location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .subtitle,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .location {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
}

.cv-preview .cv-preview-item-header .subtitle,
.cv-preview .cv-preview-item-subtitle,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .subtitle,
.cv-preview[class*="cv-preview-"] .cv-preview-item-subtitle {
	color: var(--cv-preview-subtitle, var(--cv-preview-color-subtitle, inherit)) !important;
}

.cv-preview .cv-preview-item-header .date,
.cv-preview .cv-preview-item-date,
.cv-preview .cv-preview-item-meta.date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-meta.date {
	color: var(--cv-preview-date, var(--cv-preview-body, inherit)) !important;
}

.cv-preview .cv-preview-item-header .location,
.cv-preview .cv-preview-item-location,
.cv-preview .cv-preview-item-meta.location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-header .location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-meta.location {
	color: var(--cv-preview-location, var(--cv-preview-body, inherit)) !important;
}

/* Base Body Text */
.cv-preview p,
.cv-preview li,
.cv-preview .cv-preview-contact-item,
.cv-preview .cv-preview-contact-item span,
.cv-preview .cv-preview-contact-item a,
.cv-preview .cv-preview-item-details,
.cv-preview .cv-preview-item-details p,
.cv-preview .cv-preview-item-details li,
.cv-preview .cv-preview-item-details span,
.cv-preview .cv-preview-item-details strong,
.cv-preview[class*="cv-preview-"] p,
.cv-preview[class*="cv-preview-"] li,
.cv-preview[class*="cv-preview-"] .cv-preview-item-details {
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-color-body, inherit) !important;
}

.cv-preview-bottom-actions {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	max-width: 440px;
}

.cv-preview-change-template-link {
	color: #2563eb;
	font-weight: 800;
	font-size: 0.9rem;
	text-decoration: underline;
	cursor: pointer;
}

.cv-workspace-toolbar {
	display: flex;
	gap: 16px;
	margin-top: 16px;
	margin-bottom: 24px;
}

.cv-workspace-print-btn {
	background: var(--cv-accent);
	color: #ffffff;
	border: 0;
	border-radius: 8px;
	padding: 14px 24px;
	font-weight: 800;
	font-size: 0.95rem;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
}

.cv-workspace-reset-btn {
	background: #f1f5f9;
	color: #111111;
	border: 0;
	border-radius: 8px;
	padding: 14px 24px;
	font-weight: 700;
	font-size: 0.95rem;
	cursor: pointer;
}

.cv-workspace-print-btn:hover {
	background: var(--cv-accent-strong);
}

.cv-workspace-reset-btn:hover {
	background: #e2e8f0;
}

@media (max-width: 1024px) {
	.cv-builder-workspace-view {
		grid-template-columns: 80px 1fr;
	}
	.cv-workspace-sidebar {
		padding: 28px 12px;
	}
	.cv-sidebar-logo span,
	.cv-sidebar-item span,
	.cv-sidebar-footer {
		display: none;
	}
}

@media (max-width: 768px) {
	.cv-builder-workspace-view {
		grid-template-columns: 1fr;
	}
	.cv-workspace-sidebar {
		display: none;
	}
	.cv-builder-main {
		grid-template-columns: 1fr;
		height: auto;
		overflow: visible;
	}
	.cv-builder-panel-preview {
		height: 600px;
	}
}

/* Formatting Modal Styles */
.cv-formatting-modal-content {
	background: #ffffff;
	border-radius: 16px;
	width: 98%;
	max-width: 1320px;
	height: 96vh;
	position: relative;
	box-shadow: 0 20px 50px rgba(0,0,0,0.15);
	animation: cvModalFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.cv-formatting-modal-grid {
	display: grid;
	grid-template-columns: 1fr 320px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.cv-formatting-modal-left {
	background: #f4f6fa;
	height: 100%;
	display: block;
	padding: 40px 24px;
	overflow-y: auto;
}

.cv-formatting-modal-preview-container {
	display: block;
	width: 100%;
}

.cv-preview-sheet-container.large-preview {
	width: 680px;
	height: 960px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.cv-preview-sheet-container.large-preview [data-preview-modal] {
	width: 800px;
	transform-origin: top left;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	position: absolute;
	left: 0;
	overflow: hidden;
	transition: top 0.3s ease-in-out;
	box-sizing: border-box !important;
}

.cv-formatting-modal-right {
	background: #ffffff;
	border-left: 1px solid #e2e8f0;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow-y: auto;
	height: 100%;
}

.cv-formatting-sidebar-title {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 800;
	color: #0f172a;
}

.cv-formatting-sidebar-desc {
	margin: -10px 0 0 0;
	font-size: 0.86rem;
	color: #64748b;
	line-height: 1.5;
}

.cv-customizer-section {
	display: flex;
	flex-direction: column;
	gap: 14px;
	border-top: 1px solid #f1f5f9;
	padding-top: 20px;
}

.cv-customizer-section h4 {
	margin: 0 0 4px 0;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #94a3b8;
	font-weight: 800;
}

.cv-customizer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.95rem;
	font-weight: 600;
	color: #334155;
}

/* Pagination Bar Styling */
.cv-modal-pagination-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}

.cv-modal-pagination-bar.cv-hidden {
	display: none !important;
}

.cv-pagination-btn {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	padding: 6px 14px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #0f172a;
	cursor: pointer;
	transition: all 0.15s ease;
}

.cv-pagination-btn:hover:not(:disabled) {
	background: #f8fafc;
	border-color: #94a3b8;
}

.cv-pagination-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.cv-pagination-info {
	font-size: 0.84rem;
	font-weight: 700;
	color: #475569;
}

/* Formatting Canvas Page Mode Layout Overrides (Disabled) */
.cv-builder-workspace-view.formatting-mode-disabled {
	grid-template-columns: 1fr !important;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-workspace-sidebar {
	display: none !important;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-builder-main {
	grid-template-columns: 1fr 340px !important;
	background: #f4f6fa;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-builder-panel {
	grid-column: 2 !important;
	grid-row: 1 !important;
	border-left: 1px solid #e2e8f0 !important;
	padding: 40px 24px !important;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.03) !important;
	z-index: 10;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-builder-panel-preview {
	grid-column: 1 !important;
	grid-row: 1 !important;
	background: #f4f6fa !important;
	padding: 8px 12px !important;
	overflow: auto !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: center !important;
	height: 100% !important;
	gap: 16px !important;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-preview-sheet-container {
	flex: none !important;
	width: 540px !important;
	height: calc(var(--page-count, 1) * 763.7px) !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	background: #ffffff !important;
	border-radius: 4px !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
	overflow: hidden !important;
	position: relative !important;
	margin: 0 auto !important;
	transition: none !important;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-preview-top-actions,
.cv-builder-workspace-view.formatting-mode-disabled .cv-preview-bottom-actions {
	display: none !important;
}

/* Workspace Pagination Bar Styling */
.cv-workspace-pagination-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}

.cv-builder-workspace-view.formatting-mode-disabled .cv-workspace-pagination-bar {
	display: none !important;
}

.cv-workspace-pagination-bar.cv-hidden {
	display: none !important;
}

.cv-workspace-thumbnails-sidebar {
	display: none !important;
}

/* Thumbnail Item Card */
.cv-workspace-thumbnail-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	width: 100%;
}

.cv-workspace-thumbnail-label {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}

.cv-workspace-thumbnail-item.active .cv-workspace-thumbnail-label {
	color: #2563eb;
}

.cv-workspace-thumbnail-preview-wrap {
	width: 110px;
	height: 155px;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	border: 2px solid #e2e8f0;
	background: #ffffff;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
	transition: all 0.2s ease;
}

.cv-workspace-thumbnail-item:hover .cv-workspace-thumbnail-preview-wrap {
	border-color: #cbd5e1;
	transform: translateY(-2px);
}

.cv-workspace-thumbnail-item.active .cv-workspace-thumbnail-preview-wrap {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* Cloned preview inside thumbnail wrapper */
.cv-workspace-thumbnail-preview-wrap .cv-preview {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 800px !important;
	transform-origin: top left !important;
	pointer-events: none !important;
	border: none !important;
	box-shadow: none !important;
}

/* Grid collapsing rules when Summary is hidden */
.cv-preview-modern .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-skills {
	grid-row: 3 !important;
}

.cv-preview-bold .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-experience {
	grid-row: 2 !important;
}

.cv-preview-bold .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-education {
	grid-row: 3 !important;
}
.cv-preview-bold .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-courses {
	grid-row: 4 !important;
}

.cv-preview-flare .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-experience {
	grid-row: 2 / 5 !important;
}

.cv-preview-classic .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-experience {
	grid-row: 3 !important;
}

.cv-preview-classic .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-education {
	grid-row: 4 !important;
}
.cv-preview-classic .cv-preview-section-summary.cv-hidden ~ .cv-preview-section-courses {
	grid-row: 5 !important;
}

/* Flex Column wrapping layout overrides for 2-column templates to prevent grid alignment gaps - ONLY applied when columns are wrapped by JS */
.cv-preview:has(.cv-preview-col-main) {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
}

/* Classic Column Styles */
.cv-preview-classic:has(.cv-preview-col-main) {
	gap: 36px !important;
}
.cv-preview-classic:has(.cv-preview-col-main) .cv-preview-col-main {
	order: 1 !important;
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}
.cv-preview-classic:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	order: 2 !important;
	width: 260px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

/* Modern Column Styles */
.cv-preview-modern:has(.cv-preview-col-main) {
	gap: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
}
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	order: 1 !important;
	width: 35% !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #6366f1)) !important;
	color: var(--cv-preview-accent-ink) !important;
	display: flex !important;
	flex-direction: column !important;
	border-bottom-left-radius: 19px !important;
	padding: 32px 24px !important;
	gap: 24px !important;
	box-sizing: border-box !important;
	min-height: 100% !important;
}
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-col-main {
	order: 2 !important;
	width: 65% !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 32px 36px !important;
	gap: 24px !important;
	box-sizing: border-box !important;
	min-height: 100% !important;
}

/* Unified Section Title Stripe System */
.cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
	margin: 0 0 16px 0 !important;
	font-weight: 700 !important;
	font-size: calc(var(--cv-font-scale-subtitle, 1) * 0.95rem) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	border-bottom: none !important;
	font-family: var(--cv-font-title), -apple-system, sans-serif !important;
}

/* Sidebar Title Stripe (Modern & generally in sidebar) */
.cv-preview-col-sidebar .cv-preview-section-title {
	background: var(--cv-preview-left-badge-bg, rgba(255, 255, 255, 0.08)) !important;
	color: var(--cv-preview-accent-ink) !important;
}
.cv-preview-col-sidebar .cv-preview-section-title .cv-section-icon {
	color: var(--cv-preview-accent-ink) !important;
}

/* Main Column Title Stripe */
.cv-preview-col-main .cv-preview-section-title {
	background: var(--cv-preview-right-badge-bg, var(--cv-preview-accent-soft)) !important;
	color: var(--cv-preview-accent-dark) !important;
}
.cv-preview-col-main .cv-preview-section-title .cv-section-icon {
	color: var(--cv-preview-accent-dark) !important;
}

.cv-section-icon {
	flex-shrink: 0;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-contact,
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-col-sidebar .cv-preview-section {
	background: transparent !important;
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Header placement inside Sidebar for Modern */
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-header {
	padding: 0 !important;
	margin: 0 0 8px 0 !important;
	border: none !important;
	text-align: left !important;
}
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-header h1 {
	color: var(--cv-preview-title, var(--cv-preview-accent-ink)) !important;
	font-size: calc(var(--cv-font-scale-title, 1) * 1.85rem) !important;
	font-weight: 700 !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	letter-spacing: -0.01em !important;
	text-transform: none !important;
}
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-header p {
	color: var(--cv-preview-subtitle, var(--cv-preview-accent-muted)) !important;
	font-size: calc(var(--cv-font-scale-body, 1) * 1.05rem) !important;
	font-weight: 500 !important;
	margin-top: 6px !important;
	font-family: var(--cv-font-title), -apple-system, sans-serif !important;
}

/* Hide strong labels in Modern template contact list */
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-contact {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: var(--cv-preview-accent-muted) !important;
	font-size: calc(var(--cv-font-scale-body, 1) * 0.9rem) !important;
	line-height: 1.4 !important;
	font-family: var(--cv-font-body), sans-serif !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-contact-icon {
	color: var(--cv-preview-accent-ink) !important;
	width: 14px !important;
	height: 14px !important;
	opacity: 0.85;
}

/* Experience List Layout Swapping (Employer on top, Job Title below) */
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item {
	margin-bottom: 20px !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	margin-bottom: 6px !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header-left h4 {
	order: 2 !important; /* Job Title is 2nd */
	font-size: calc(var(--cv-entry-font-size, 9pt) + 1.2pt) !important;
	font-weight: 800 !important;
	color: var(--cv-preview-subtitle) !important;
	margin: 2px 0 0 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header-left .subtitle {
	order: 1 !important; /* Employer is 1st */
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	font-weight: 500 !important;
	color: var(--cv-preview-body) !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

/* Date and Location Inline Positioning */
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 6px !important;
	order: 3 !important; /* Appears 3rd under header-left */
	margin-top: 4px !important;
	font-size: var(--cv-body-font-size, var(--cv-base-font-size, 9pt)) !important;
	color: var(--cv-preview-body) !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-header-right .location::before {
	content: "| " !important;
	margin-right: 4px !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-bullets {
	margin-top: 8px !important;
	padding-left: 0 !important;
	list-style-type: disc !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-item-bullets li {
	margin-bottom: 4px !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body)) !important;
	line-height: 1.5 !important;
	font-size: calc(var(--cv-font-scale-body, 1) * 0.9rem) !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-section-summary p {
	color: var(--cv-preview-accent-muted) !important;
	font-size: calc(var(--cv-font-scale-body, 1) * 0.9rem) !important;
	line-height: 1.5 !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

/* Simple text Languages rendering in sidebar */
.cv-preview-modern:has(.cv-preview-col-main) .cv-language-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin-top: 8px !important;
}

.cv-preview-modern:has(.cv-preview-col-main) .cv-language-chip {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	color: var(--cv-preview-accent-muted) !important;
	font-size: calc(var(--cv-font-scale-body, 1) * 0.92rem) !important;
	display: block !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

/* Bold Column Styles */
.cv-preview-bold:has(.cv-preview-col-main) {
	gap: 0 !important;
}
.cv-preview-bold:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	order: 1 !important;
	width: 35% !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #6366f1)) !important;
	color: var(--cv-preview-accent-ink) !important;
	display: flex !important;
	flex-direction: column !important;
	border-bottom-left-radius: 19px !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}
.cv-preview-bold:has(.cv-preview-col-main) .cv-preview-col-main {
	order: 2 !important;
	width: 65% !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}

/* Flare Column Styles */
.cv-preview-flare:has(.cv-preview-col-main) {
	gap: 0 !important;
}
.cv-preview-flare:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	order: 1 !important;
	width: 32% !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #6366f1)) !important;
	color: var(--cv-preview-accent-ink) !important;
	display: flex !important;
	flex-direction: column !important;
	border-bottom-left-radius: 19px !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}
.cv-preview-flare:has(.cv-preview-col-main) .cv-preview-col-main {
	order: 2 !important;
	width: 68% !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}



/* Break recursive height loop on sidebar columns by resetting section height to auto */
.cv-preview:has(.cv-preview-col-main) .cv-preview-section-skills,
.cv-preview:has(.cv-preview-col-main) .cv-preview-section-education,
.cv-preview:has(.cv-preview-col-main) .cv-preview-section-courses {
	height: auto !important;
}

/* Reference-aligned Creative Flare layout */
.cv-preview-flare {
	--cv-flare-sidebar-bg: #405348;
	--cv-flare-sidebar-text: #f6f1e8;
	--cv-flare-main-text: #33453c;
	--cv-flare-rule: #596c62;
	--cv-flare-muted: rgba(246, 241, 232, 0.9);
	font-family: "Cormorant Garamond", Georgia, serif !important;
	background: var(--cv-page-bg, #ffffff) !important;
	color: var(--cv-flare-main-text) !important;
	padding: 0 !important;
}

.cv-preview-flare:has(.cv-preview-col-main) {
	display: flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	min-height: 100% !important;
}

.cv-preview-flare:has(.cv-preview-col-main) .cv-preview-col-sidebar {
	width: 35% !important;
	padding: 62px 34px 48px !important;
	background: var(--cv-flare-sidebar-bg) !important;
	color: var(--cv-flare-sidebar-text) !important;
	border-radius: 0 !important;
	min-height: 100% !important;
}

.cv-preview-flare:has(.cv-preview-col-main) .cv-preview-col-main {
	width: 65% !important;
	padding: 58px 42px 46px !important;
	background: var(--cv-main-bg, var(--cv-page-bg, #ffffff)) !important;
	color: var(--cv-flare-main-text) !important;
	min-height: 100% !important;
}

.cv-preview-flare .cv-preview-photo-wrap {
	display: none !important;
}

.cv-preview-flare .cv-preview-photo {
	border: 3px solid var(--cv-box-bubble-color, rgba(255, 255, 255, 0.35)) !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

.cv-preview-flare .cv-preview-header {
	padding: 0 !important;
	margin: 0 0 26px !important;
	border: 0 !important;
}

.cv-preview-flare .cv-preview-header::after {
	display: none !important;
}

.cv-preview-flare .cv-preview-header h1 {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 2.48rem !important;
	font-weight: 700 !important;
	line-height: 0.98 !important;
	letter-spacing: 0 !important;
	color: var(--cv-flare-sidebar-text) !important;
	margin: 0 !important;
}

.cv-preview-flare .cv-preview-header h1::first-line {
	color: var(--cv-flare-sidebar-text) !important;
	font-weight: 700 !important;
}

.cv-preview-flare .cv-preview-header p,
.cv-preview-flare .cv-preview-header .cv-header-subtitle {
	margin: 10px 0 0 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 1.1rem !important;
	font-style: italic !important;
	font-weight: 500 !important;
	color: var(--cv-flare-sidebar-text) !important;
}

.cv-preview-flare .cv-preview-contact {
	margin: 0 0 32px !important;
	padding: 0 !important;
	background: transparent !important;
	gap: 9px !important;
}

.cv-preview-flare .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.96rem !important;
	line-height: 1.18 !important;
	color: var(--cv-flare-sidebar-text) !important;
}

.cv-preview-flare .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-flare .cv-preview-contact-item span,
.cv-preview-flare .cv-preview-contact-item a {
	color: var(--cv-flare-sidebar-text) !important;
}

.cv-preview-flare .cv-contact-icon {
	display: inline-flex !important;
	width: 15px !important;
	height: 15px !important;
	flex: 0 0 15px !important;
	color: var(--cv-flare-sidebar-text) !important;
	fill: var(--cv-flare-sidebar-text) !important;
}

.cv-preview-flare .cv-preview-contact span::after {
	display: none !important;
}

.cv-preview-flare .cv-preview-section {
	margin: 0 0 22px !important;
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	border: 0 !important;
}

.cv-preview-flare .cv-preview-section-title,
.cv-preview-flare .cv-preview-section h3 {
	display: block !important;
	margin: 0 0 12px !important;
	padding: 0 0 5px !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid var(--cv-box-bubble-color, currentColor) !important;
	border-radius: 0 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 1.14rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
}

.cv-preview-flare .cv-preview-section-title::before,
.cv-preview-flare .cv-preview-section-title::after,
.cv-preview-flare .cv-preview-section-title svg,
.cv-preview-flare .cv-section-icon {
	display: none !important;
}

.cv-preview-flare .cv-preview-col-sidebar .cv-preview-section-title,
.cv-preview-flare .cv-preview-col-sidebar .cv-preview-section h3 {
	color: var(--cv-flare-sidebar-text) !important;
}

.cv-preview-flare .cv-preview-col-sidebar .cv-preview-section-title::after,
.cv-preview-flare .cv-preview-col-sidebar .cv-preview-section h3::after {
	content: "" !important;
	display: block !important;
	width: 42px !important;
	height: 4px !important;
	margin-top: 8px !important;
	background: var(--cv-box-bubble-color, var(--cv-flare-sidebar-text)) !important;
	border-radius: 999px !important;
}

.cv-preview-flare .cv-preview-col-main .cv-preview-section-title,
.cv-preview-flare .cv-preview-col-main .cv-preview-section h3 {
	color: var(--cv-flare-main-text) !important;
}

.cv-preview-flare .cv-preview-section-subtitle {
	display: none !important;
}

.cv-preview-flare .cv-preview-section-summary p,
.cv-preview-flare .cv-preview-section-summary .cv-preview-item-details,
.cv-preview-flare .cv-preview-section-summary .cv-preview-item-details p {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.97rem !important;
	line-height: 1.24 !important;
	color: inherit !important;
	margin: 0 !important;
}

.cv-preview-flare .cv-skill-list,
.cv-preview-flare .cv-language-list,
.cv-preview-flare .cv-certificate-list,
.cv-preview-flare [data-bind-list="skills"],
.cv-preview-flare [data-bind-list="languages"],
.cv-preview-flare [data-bind-list="certificates"] {
	display: block !important;
}

.cv-preview-flare .cv-skill-chip,
.cv-preview-flare .cv-language-chip,
.cv-preview-flare .cv-certificate-chip,
.cv-preview-flare .cv-skill-grid-item,
.cv-preview-flare .cv-lang-grid-item,
.cv-preview-flare .cv-skill-row-item,
.cv-preview-flare .cv-lang-row-item,
.cv-preview-flare .cv-skill-level-item,
.cv-preview-flare .cv-lang-level-item {
	display: list-item !important;
	list-style: disc !important;
	margin: 0 0 8px 18px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.96rem !important;
	line-height: 1.16 !important;
	color: inherit !important;
}

.cv-preview-flare .cv-lang-level-dots,
.cv-preview-flare .cv-skill-level-dots,
.cv-preview-flare .cv-lang-level-bar-bg,
.cv-preview-flare .cv-skill-level-bar-bg {
	display: none !important;
}

.cv-preview-flare .cv-preview-item {
	margin: 0 0 18px !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.97rem !important;
	color: var(--cv-flare-main-text) !important;
}

.cv-preview-flare .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

.cv-preview-flare .cv-preview-item-header {
	display: block !important;
	margin: 0 0 6px !important;
}

.cv-preview-flare .cv-preview-item-header-left,
.cv-preview-flare .cv-preview-item-header-right {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
}

.cv-preview-flare .cv-preview-item-header-left h4,
.cv-preview-flare .cv-preview-item-header-left .subtitle,
.cv-preview-flare .cv-preview-item-header .cv-preview-item-meta.subtitle {
	display: inline !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 1rem !important;
	line-height: 1.15 !important;
}

.cv-preview-flare .cv-preview-item-header-left h4 {
	font-weight: 700 !important;
	color: var(--cv-flare-main-text) !important;
}

.cv-preview-flare .cv-preview-item-header-left .subtitle,
.cv-preview-flare .cv-preview-item-header .cv-preview-item-meta.subtitle {
	font-style: italic !important;
	font-weight: 500 !important;
	color: var(--cv-flare-main-text) !important;
}

.cv-preview-flare .cv-preview-item-header-left .subtitle::before,
.cv-preview-flare .cv-preview-item-header .cv-preview-item-meta.subtitle::before {
	content: ", ";
	font-style: normal;
}

.cv-preview-flare .cv-preview-item-header-right .date,
.cv-preview-flare .cv-preview-item-header-right .location,
.cv-preview-flare .cv-preview-item-meta.date,
.cv-preview-flare .cv-preview-item-meta.location {
	display: inline !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.93rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--cv-flare-main-text) !important;
}

.cv-preview-flare .cv-preview-item-meta.location::before {
	content: " | ";
}

.cv-preview-flare .cv-preview-item-details,
.cv-preview-flare .cv-preview-item-details p {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.95rem !important;
	line-height: 1.18 !important;
	color: var(--cv-preview-body, var(--cv-flare-main-text)) !important;
}

.cv-preview-flare .cv-preview-item-bullets,
.cv-preview-flare .cv-preview-item-bullets li {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 0.95rem !important;
	line-height: 1.18 !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, var(--cv-flare-main-text))) !important;
}

.cv-preview-flare .cv-preview-item-bullets {
	margin: 0 !important;
	padding-left: 16px !important;
}

.cv-preview-flare .cv-preview-item-bullets li {
	margin: 0 0 3px !important;
}

.cv-preview-flare .cv-preview-col-sidebar .cv-preview-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-preview-item *,
.cv-preview-flare .cv-preview-col-sidebar .cv-preview-item-bullets li,
.cv-preview-flare .cv-preview-col-sidebar .cv-skill-chip,
.cv-preview-flare .cv-preview-col-sidebar .cv-language-chip,
.cv-preview-flare .cv-preview-col-sidebar .cv-skill-grid-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-lang-grid-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-skill-row-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-lang-row-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-skill-level-item,
.cv-preview-flare .cv-preview-col-sidebar .cv-lang-level-item {
	color: var(--cv-flare-sidebar-text) !important;
}

/* ==========================================================================
   CV WORKSPACE OVERHAUL STYLES
   ========================================================================== */

/* Main Layout */
.cv-builder-workspace-view {
	display: flex !important;
	flex-direction: column !important;
	background: #f7f5f0 !important; /* Soft cream background */
	margin: 0 !important;
	padding: 0 !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 9999 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Topbar */
.cv-workspace-topbar {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: #ffffff !important;
	border-bottom: 1px solid #e5e7eb !important;
	height: 64px !important;
	padding: 0 24px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
	z-index: 100 !important;
}

.cv-topbar-left {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.cv-topbar-tab-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 16px !important;
	border-radius: 9999px !important;
	border: 1.5px solid transparent !important;
	background: transparent !important;
	color: #4b5563 !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.cv-topbar-tab-btn svg {
	fill: currentColor !important;
}

.cv-topbar-tab-btn:hover {
	background: #f3f4f6 !important;
	color: #111827 !important;
}

.cv-topbar-tab-btn.is-active {
	background: #f0f9ff !important;
	border-color: var(--cv-accent) !important;
	color: var(--cv-accent) !important;
}

.cv-topbar-right {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.cv-topbar-resume-select {
	padding: 8px 16px !important;
	border-radius: 8px !important;
	border: 1px solid #d1d5db !important;
	background: #ffffff !important;
	color: #374151 !important;
	font-weight: 500 !important;
	font-size: 0.9rem !important;
	outline: none !important;
	cursor: pointer !important;
}

.cv-topbar-download-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 20px !important;
	border-radius: 8px !important;
	border: none !important;
	background: #1e1b4b !important; /* Dark navy */
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	cursor: pointer !important;
	transition: background 0.2s !important;
}

.cv-topbar-download-btn:hover {
	background: #111827 !important;
}

.cv-topbar-dots-btn {
	background: transparent !important;
	border: none !important;
	color: #4b5563 !important;
	cursor: pointer !important;
	padding: 8px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.cv-topbar-dots-btn:hover {
	background: #f3f4f6 !important;
	color: #111827 !important;
}

/* Workspace Body split panels */
.cv-workspace-body {
	display: flex !important;
	flex: 1 !important;
	height: calc(100vh - 64px) !important;
	overflow: hidden !important;
}

/* Left Editor Column */
.cv-workspace-editor-column {
	width: 460px !important;
	background: #ffffff !important;
	border-right: 1px solid #e5e7eb !important;
	padding: 24px !important;
	overflow-y: auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.01) !important;
}

/* Right Preview Column */
.cv-workspace-preview-column {
	flex: 1 !important;
	padding: 40px !important;
	overflow-y: auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 20px !important;
	background: #f7f5f0 !important; /* Cream background */
	height: calc(100vh - 92px) !important;
	max-height: calc(100vh - 92px) !important;
	box-sizing: border-box !important;
}

.cv-workspace-preview-column .cv-preview-sheet-container {
	margin: 0 auto !important;
	box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
	background: #ffffff !important;
	border-radius: 4px !important;
}

/* Dashboard View Styles */
.cv-dashboard-view {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

/* Contact details card widget */
.cv-dash-contact-card {
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	padding: 20px !important;
	position: relative !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
}

.cv-dash-contact-card-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 12px !important;
}

.cv-dash-contact-card-header h3 {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	margin: 0 !important;
}

.cv-dash-edit-btn {
	width: 28px !important;
	height: 28px !important;
	background: var(--cv-accent) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: background 0.2s, transform 0.2s !important;
}

.cv-dash-edit-btn:hover {
	background: var(--cv-accent-strong) !important;
	transform: scale(1.05) !important;
}

.cv-dash-contact-card-content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.cv-dash-contact-card-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.cv-dash-info-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #6b7280 !important;
	font-size: 0.85rem !important;
}

.cv-dash-info-item svg {
	fill: #9ca3af !important;
}

.cv-dash-photo-circle {
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
	background: #f3f4f6 !important;
	border: 1px dashed #d1d5db !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.cv-dash-photo-circle img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Sections lists and cards in dashboard */
.cv-dashboard-sections-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.cv-dash-section-item-card {
	background: #f9fafb !important;
	border: 1px solid #f3f4f6 !important;
	border-radius: 8px !important;
	padding: 12px 16px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.cv-dash-section-item-card-info strong {
	font-size: 0.9rem !important;
	color: #374151 !important;
}

.cv-dash-section-item-card-actions {
	display: flex !important;
	gap: 8px !important;
}

.cv-dash-section-item-card-actions button {
	padding: 6px 12px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
	transition: all 0.2s !important;
}

.cv-dash-section-item-card-actions button.edit {
	background: #f3f4f6 !important;
	color: #4b5563 !important;
}

.cv-dash-section-item-card-actions button.edit:hover {
	background: #e5e7eb !important;
	color: #1f2937 !important;
}

.cv-dash-section-item-card-actions button.delete {
	background: transparent !important;
	color: #ef4444 !important;
	border-color: #fca5a5 !important;
}

.cv-dash-section-item-card-actions button.delete:hover {
	background: #fee2e2 !important;
}

/* Add Content container and button */
.cv-dash-add-content-container {
	position: relative !important;
	margin-top: 20px !important;
}

.cv-dash-add-content-btn {
	background: linear-gradient(135deg, var(--cv-accent) 0%, #38bdf8 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	border: none !important;
	border-radius: 9999px !important;
	padding: 12px 28px !important;
	width: 100% !important;
	max-width: 280px !important;
	margin: 0 auto !important;
	display: block !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(255, 78, 126, 0.25) !important;
	transition: all 0.2s !important;
}

.cv-dash-add-content-btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(255, 78, 126, 0.35) !important;
}

/* Dropdown selections overlay */
.cv-dash-add-content-dropdown {
	position: absolute !important;
	bottom: calc(100% + 8px) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 240px !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
	z-index: 500 !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.cv-dash-add-content-dropdown button {
	padding: 12px 16px !important;
	text-align: left !important;
	background: transparent !important;
	border: none !important;
	color: #374151 !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	width: 100% !important;
	transition: background 0.15s !important;
}

.cv-dash-add-content-dropdown button:hover {
	background: #f3f4f6 !important;
	color: var(--cv-accent) !important;
}

/* Template lists under Overview Tab */
.cv-workspace-templates-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin-top: 20px !important;
}

.cv-workspace-tpl-card {
	background: #ffffff !important;
	border: 1.5px solid #e5e7eb !important;
	border-radius: 10px !important;
	padding: 16px !important;
	cursor: pointer !important;
	transition: all 0.2s !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.cv-workspace-tpl-card:hover {
	border-color: var(--cv-accent) !important;
	background: #f0f9ff !important;
}

.cv-workspace-tpl-card.is-active {
	border-color: var(--cv-accent) !important;
	background: #e0f2fe !important;
	box-shadow: 0 4px 12px rgba(2, 130, 199, 0.1) !important;
}

.cv-workspace-tpl-card strong {
	font-size: 0.95rem !important;
	color: #1f2937 !important;
}

.cv-workspace-tpl-card span {
	font-size: 0.8rem !important;
	color: #6b7280 !important;
}

/* Workspace visual refresh to match the cleaner content layout */
.cv-builder-workspace-view {
	background: #f7f3ea !important;
}

.cv-workspace-topbar {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	border-radius: 22px !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
	margin: 6px 18px 0 !important;
	padding: 14px 18px !important;
}

.cv-workspace-body {
	background: #f7f3ea !important;
	display: grid !important;
	grid-template-columns: minmax(380px, 0.94fr) minmax(560px, 1.16fr) !important;
	height: calc(100vh - 92px) !important;
}

.cv-workspace-editor-column {
	background: transparent !important;
	border-right: 1px solid rgba(148, 163, 184, 0.18) !important;
	box-shadow: none !important;
	padding: 32px 26px 40px !important;
	width: auto !important;
	overflow-y: auto !important;
	height: calc(100vh - 92px) !important;
	max-height: calc(100vh - 92px) !important;
	box-sizing: border-box !important;
}

.cv-workspace-preview-column {
	background: #f7f3ea !important;
	border-left: 0 !important;
	padding: 32px 28px 40px !important;
	overflow-y: auto !important;
	height: calc(100vh - 92px) !important;
	max-height: calc(100vh - 92px) !important;
	box-sizing: border-box !important;
}

.cv-dashboard-view {
	align-items: flex-start !important;
	gap: 28px !important;
}

.cv-dash-contact-card {
	background: #ffffff !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 22px !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
	padding: 30px 28px !important;
	width: min(100%, 660px) !important;
}

.cv-dash-contact-card-header {
	margin-bottom: 18px !important;
}

.cv-dash-contact-card-header h3 {
	color: #98a2b3 !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
}

.cv-dash-contact-card-content {
	align-items: center !important;
	gap: 24px !important;
}

.cv-dash-contact-card-info {
	gap: 14px !important;
}

.cv-dash-info-item {
	color: #98a2b3 !important;
	font-size: 0.98rem !important;
	gap: 10px !important;
}

.cv-dash-info-item svg {
	fill: #b0b8c8 !important;
}

.cv-dash-photo-circle {
	background: #f5f7fb !important;
	border: 0 !important;
	height: 102px !important;
	width: 102px !important;
}

.cv-dashboard-sections-list {
	display: none !important;
}

.cv-dash-add-content-container {
	display: flex !important;
	justify-content: center !important;
	margin-top: 8px !important;
	width: min(100%, 660px) !important;
}

.cv-dash-add-content-btn {
	background: linear-gradient(135deg, var(--cv-accent) 0%, #38bdf8 100%) !important;
	border: 4px solid rgba(186, 230, 253, 0.9) !important;
	border-radius: 18px !important;
	box-shadow: 0 12px 24px rgba(2, 130, 199, 0.16) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	margin: 0 !important;
	max-width: 290px !important;
	padding: 16px 28px !important;
	width: 100% !important;
}

.cv-dash-add-content-btn:hover {
	box-shadow: 0 16px 28px rgba(239, 12, 143, 0.22) !important;
	transform: translateY(-1px) !important;
}

.cv-dash-add-content-dropdown {
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.cv-preview-sheet-container {
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08) !important;
	max-width: 100% !important;
}

/* Content workspace redesign */
.cv-workspace-body {
	align-items: start !important;
}

.cv-tab-panel[data-tab-panel="content"] {
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	min-height: 100% !important;
	padding-bottom: 140px !important;
	box-sizing: border-box !important;
}

.cv-dashboard-view {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding-top: 4px !important;
	padding-bottom: 140px !important;
	box-sizing: border-box !important;
}

.cv-dash-contact-card {
	max-width: 700px !important;
	min-height: 214px !important;
}

.cv-dash-contact-card-content {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 128px !important;
	align-items: center !important;
}

.cv-dash-edit-btn {
	background: var(--cv-accent) !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	height: 30px !important;
	width: 30px !important;
}

.cv-dash-photo-circle {
	height: 136px !important;
	width: 136px !important;
	border-radius: 999px !important;
}

.cv-dash-add-content-container {
	margin-top: 12px !important;
}

.cv-dash-add-content-btn {
	align-items: center !important;
	display: inline-flex !important;
	gap: 12px !important;
	justify-content: center !important;
	max-width: 300px !important;
}

.cv-dash-add-content-btn span:first-child {
	font-size: 2rem !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

.cv-dash-add-content-dropdown {
	display: none !important;
}

.cv-dashboard-form-container {
	max-width: 760px !important;
}

.cv-workspace-tipbox {
	border: 2px solid #2f6df6 !important;
	background: #edf4ff !important;
	color: #2056cc !important;
	border-radius: 14px !important;
	padding: 18px 20px !important;
}

.cv-workspace-tipbox .cv-tipbox-icon {
	color: #2f6df6 !important;
}

.cv-personal-details-shell {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.cv-personal-details-card {
	background: #fff !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 24px !important;
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08) !important;
	padding: 34px 38px 28px !important;
}

.cv-personal-details-header {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-bottom: 26px !important;
}

.cv-personal-details-header .cv-workspace-heading {
	margin: 0 !important;
	color: #291447 !important;
	font-size: 2rem !important;
	font-weight: 800 !important;
}

.cv-personal-tips-btn {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	color: #23153d !important;
	cursor: default !important;
	display: inline-flex !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	gap: 8px !important;
	padding: 0 !important;
}

.cv-personal-details-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 148px !important;
	gap: 24px !important;
	align-items: start !important;
	margin-bottom: 20px !important;
}

.cv-workspace-grid-personal {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 20px 18px !important;
}

.cv-workspace-grid-personal-stack {
	grid-template-columns: 1fr !important;
	margin-top: 12px !important;
}

.cv-workspace-grid-personal label span {
	color: #24153c !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	margin-bottom: 10px !important;
}

.cv-workspace-grid-personal input {
	background: #f2f4f8 !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	color: #202939 !important;
	font-size: 1rem !important;
	min-height: 48px !important;
	padding: 0 16px !important;
}

.cv-personal-photo-editor {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	align-items: center !important;
}

.cv-personal-photo-editor > span {
	align-self: flex-start !important;
	color: #24153c !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
}

.cv-personal-photo-trigger {
	cursor: pointer !important;
	width: 100% !important;
}

.cv-personal-photo-trigger input {
	display: none !important;
}

.cv-personal-photo-circle {
	align-items: center !important;
	background: #f4f4f7 !important;
	border-radius: 999px !important;
	color: #d3d7df !important;
	display: flex !important;
	height: 142px !important;
	justify-content: center !important;
	width: 142px !important;
}

.cv-personal-photo-circle svg {
	height: 56px !important;
	width: 56px !important;
}

.cv-personal-extra-details {
	margin-top: 26px !important;
}

.cv-personal-extra-details strong {
	color: #24153c !important;
	display: block !important;
	font-size: 0.98rem !important;
	margin-bottom: 14px !important;
}

.cv-personal-detail-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.cv-personal-detail-pills button {
	background: #f3f4f8 !important;
	border: 1px solid #eceef4 !important;
	border-radius: 12px !important;
	color: #667085 !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	padding: 10px 14px !important;
}

.cv-personal-detail-pills .cv-personal-detail-more {
	background: #fff !important;
	border-color: #b9bfd0 !important;
	color: #291447 !important;
	font-weight: 700 !important;
}

.cv-workspace-actions-personal {
	align-items: center !important;
	background: #fff !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 24px !important;
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06) !important;
	display: flex !important;
	justify-content: space-between !important;
	margin-top: 0 !important;
	padding: 16px 22px !important;
}

.cv-workspace-actions-personal .cv-workspace-next-btn {
	background: linear-gradient(135deg, var(--cv-accent) 0%, #38bdf8 100%) !important;
	border: 0 !important;
	border-radius: 18px !important;
	box-shadow: none !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	max-width: 300px !important;
	padding: 18px 38px !important;
}

.cv-content-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 1200 !important;
}

.cv-content-modal-backdrop {
	background: rgba(24, 24, 27, 0.35) !important;
	height: 100% !important;
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 100% !important;
}

.cv-content-modal-dialog {
	background: #fff !important;
	border-radius: 28px !important;
	box-shadow: 0 30px 60px rgba(15, 23, 42, 0.24) !important;
	left: 50% !important;
	max-width: 1500px !important;
	padding: 34px 34px 40px !important;
	position: absolute !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: min(calc(100vw - 64px), 1500px) !important;
}

.cv-content-modal-close {
	align-items: center !important;
	background: #fff !important;
	border: 1px solid #d5d9e4 !important;
	border-radius: 12px !important;
	color: #5b6577 !important;
	display: inline-flex !important;
	height: 42px !important;
	justify-content: center !important;
	padding: 0 !important;
	position: absolute !important;
	right: 18px !important;
	top: 18px !important;
	width: 42px !important;
}

.cv-content-modal-header {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 20px 26px !important;
	margin-bottom: 28px !important;
	padding-right: 64px !important;
}

.cv-content-modal-title {
	color: #291447 !important;
	font-size: 4rem !important;
	font-weight: 900 !important;
	letter-spacing: -0.04em !important;
	line-height: 0.95 !important;
	margin: 0 !important;
}

.cv-content-modal-quickstart {
	align-items: center !important;
	display: flex !important;
	gap: 14px !important;
}

.cv-content-modal-quickstart > span {
	color: #291447 !important;
	font-size: 1.05rem !important;
}

.cv-content-modal-import {
	align-items: center !important;
	background: #ecebff !important;
	border: 0 !important;
	border-radius: 16px !important;
	color: #6345d8 !important;
	display: inline-flex !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	gap: 12px !important;
	padding: 14px 22px !important;
}

.cv-content-modal-grid {
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.cv-content-card {
	background: #f3f4f7 !important;
	border: 1px solid transparent !important;
	border-radius: 14px !important;
	color: #2d3748 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	min-height: 112px !important;
	padding: 18px 18px 16px !important;
	text-align: left !important;
}

.cv-content-card strong {
	color: #111827 !important;
	font-size: 0.98rem !important;
	font-weight: 800 !important;
}

.cv-content-card span {
	color: #667085 !important;
	font-size: 0.92rem !important;
	line-height: 1.4 !important;
}

.cv-content-card-dashed {
	border: 1.5px dashed #1f2937 !important;
}

@media (max-width: 1400px) {
	.cv-content-modal-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

.cv-input-with-handle {
	position: relative !important;
	width: 100% !important;
}

.cv-input-with-handle input {
	padding-right: 44px !important;
	width: 100% !important;
}

.cv-input-drag-handle {
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	color: #94a3b8 !important;
	pointer-events: none !important;
}

.cv-input-handle-icon {
	color: #94a3b8 !important;
}

.cv-personal-photo-circle img {
	width: 100% !important;
	height: 100% !important;
	border-radius: 999px !important;
	object-fit: cover !important;
}

/* Dashboard Accordion Styles */
.cv-dash-accordion-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
	margin-bottom: 16px !important;
	overflow: hidden !important;
	transition: all 0.2s ease !important;
}

.cv-dash-accordion-card:hover {
	border-color: #cbd5e1 !important;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
}

.cv-dash-accordion-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 18px 20px !important;
	cursor: pointer !important;
	user-select: none !important;
	background: #ffffff !important;
}

.cv-dash-accordion-title-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	color: #1e293b !important;
}

.cv-dash-accordion-title-wrap svg {
	color: #64748b !important;
}

.cv-dash-accordion-title-wrap strong {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

.cv-dash-accordion-arrow {
	color: #94a3b8 !important;
	display: flex !important;
	align-items: center !important;
}

.cv-dash-accordion-content {
	padding: 0 20px 20px 20px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	border-top: 1px solid #f1f5f9 !important;
	padding-top: 16px !important;
}

.cv-dash-entry-card {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.cv-dash-entry-card:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
}

.cv-dash-entry-left {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex: 1 !important;
	min-width: 0 !important;
}

.cv-dash-drag-handle {
	color: #cbd5e1 !important;
	font-size: 1.1rem !important;
	font-weight: bold !important;
	cursor: grab !important;
	user-select: none !important;
	margin-right: 4px !important;
}

.cv-dash-entry-text {
	color: #334155 !important;
	font-size: 0.9rem !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	flex: 1 !important;
}

.cv-dash-entry-text strong {
	color: #0f172a !important;
	margin-right: 6px !important;
}

.cv-dash-entry-right {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.cv-dash-entry-delete {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
}

.cv-dash-entry-delete:hover {
	background: #fee2e2 !important;
	border-color: #fca5a5 !important;
	color: #ef4444 !important;
}

.cv-dash-add-entry-btn {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	background: #ffffff !important;
	border: 1.5px dashed #cbd5e1 !important;
	border-radius: 8px !important;
	padding: 10px 16px !important;
	color: #475569 !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	width: 100% !important;
	flex: 1 !important;
	transition: all 0.15s ease !important;
}

.cv-dash-add-entry-btn:hover {
	border-color: #94a3b8 !important;
	background: #f8fafc !important;
	color: #1e293b !important;
}

/* Final content overview match */
.cv-tab-panel[data-tab-panel="content"] {
	align-items: flex-start !important;
}

.cv-dashboard-view {
	align-items: stretch !important;
	gap: 14px !important;
	max-width: 680px !important;
	padding-top: 0 !important;
	padding-bottom: 140px !important;
	width: 100% !important;
	margin: 0 auto 0 0 !important;
}

.cv-dash-contact-card {
	border: 1px solid #ede7dc !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
	min-height: 0 !important;
	padding: 20px 26px !important;
	width: 100% !important;
	max-width: none !important;
	position: relative !important;
	box-sizing: border-box !important;
}

.cv-dash-contact-card-header {
	display: block !important;
	padding-right: 52px !important;
	margin-bottom: 12px !important;
}

.cv-dash-contact-card-header h3 {
	color: #20263a !important;
	font-size: 1.12rem !important;
	font-weight: 800 !important;
}

.cv-dash-role {
	color: #5d6476 !important;
	font-size: 0.82rem !important;
	font-weight: 500 !important;
	display: block !important;
	margin: 4px 0 0 !important;
}

.cv-dash-edit-btn {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
}

.cv-dash-contact-card-content {
	grid-template-columns: minmax(0, 1fr) 118px !important;
	gap: 18px !important;
	align-items: center !important;
}

.cv-dash-contact-card-info {
	gap: 10px !important;
}

.cv-dash-info-item {
	color: #4b5567 !important;
	font-size: 0.95rem !important;
}

.cv-dash-info-item svg {
	fill: #6b7280 !important;
}

.cv-dash-photo-circle {
	background: #f6f7fb !important;
	height: 104px !important;
	width: 104px !important;
}

.cv-dashboard-sections-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-dash-accordion-card {
	background: #fff !important;
	border: 1px solid #ede7dc !important;
	border-radius: 16px !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
	overflow: hidden !important;
}

.cv-dash-accordion-header {
	background: #fff !important;
	padding: 16px 20px !important;
}

.cv-dash-accordion-title-wrap {
	gap: 10px !important;
	color: #1c2437 !important;
}

.cv-dash-accordion-title-wrap svg {
	color: #26153f !important;
	height: 15px !important;
	width: 15px !important;
}

.cv-dash-accordion-title-wrap strong {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

.cv-dash-accordion-arrow {
	color: #8c94a7 !important;
}

.cv-dash-accordion-content {
	padding: 0 16px 14px !important;
	padding-top: 12px !important;
}

.cv-dash-accordion-content.cv-hidden {
	display: none !important;
	border-top: 0 !important;
	padding: 0 !important;
}

.cv-dash-accordion-content:not(.cv-hidden) {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	border-top: 1px solid #f1f5f9 !important;
	padding: 12px 16px 14px !important;
}

.cv-dash-add-content-container {
	justify-content: center !important;
	margin-top: 12px !important;
	margin-bottom: 48px !important;
	width: 100% !important;
}

.cv-dash-add-content-btn {
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 24px rgba(239, 12, 143, 0.14) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	max-width: 282px !important;
	min-height: 56px !important;
	padding: 16px 28px !important;
}

.cv-dash-add-content-btn span:first-child {
	font-size: 1.35rem !important;
	font-weight: 500 !important;
}

/* Stable workspace shell: fill viewport and keep scrolling inside panes */
.cv-builder-app,
.cv-builder-workspace,
.cv-builder-workspace-view:not(.cv-hidden) {
	background: #f7f3ea !important;
}

body:has(.cv-builder-workspace-view:not(.cv-hidden)) .cv-builder-app {
	zoom: 1 !important;
}

.cv-builder-workspace-view {
	position: fixed !important;
	inset: 0 !important;
	z-index: 9999 !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100vw !important;
	height: 100dvh !important;
	min-height: 100dvh !important;
	max-height: 100dvh !important;
	padding: 14px !important;
	overflow: hidden !important;
	background: #f7f3ea !important;
	box-sizing: border-box !important;
}

.cv-builder-workspace-view.cv-hidden {
	display: none !important;
}

.cv-builder-app > .cv-workspace-preview-column {
	display: none !important;
}

.cv-workspace-topbar {
	flex: 0 0 auto !important;
	width: min(1320px, calc(100vw - 64px)) !important;
	margin: 0 !important;
	margin-inline: auto !important;
}

.cv-workspace-body {
	display: flex !important;
	grid-template-columns: none !important;
	grid-template: none !important;
	flex: 1 1 0% !important;
	min-height: 0 !important;
	height: 0 !important;
	max-height: 100% !important;
	width: min(1320px, calc(100vw - 64px)) !important;
	margin-top: 18px !important;
	margin-inline: auto !important;
	overflow: hidden !important;
	align-items: stretch !important;
	background: #f7f3ea !important;
	column-gap: 34px !important;
}

.cv-workspace-editor-column,
.cv-workspace-preview-column {
	min-height: 0 !important;
	height: 100% !important;
	max-height: 100% !important;
	overflow-x: hidden !important;
	align-self: stretch !important;
	box-sizing: border-box !important;
}

.cv-workspace-editor-column {
	flex: 0 0 44% !important;
	max-width: 680px !important;
	overflow-y: auto !important;
	padding-bottom: 24px !important;
	background: #f7f3ea !important;
}

.cv-workspace-preview-column {
	flex: 1 1 56% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow-y: auto !important;
	padding: 0 0 24px !important;
	background: #f7f3ea !important;
}

.cv-workspace-preview-column .cv-preview-sheet-container {
	flex: 0 0 auto !important;
	margin: 0 auto !important;
}

.cv-tab-panel[data-tab-panel="content"] {
	min-height: 0 !important;
}

/* Dashboard Contact Card Icon Styles Override */
.cv-dash-info-item svg {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2px !important;
}
.cv-dash-edit-btn svg {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2px !important;
}
.cv-dash-photo-placeholder {
	fill: none !important;
	stroke: #a0aec0 !important;
	stroke-width: 2px !important;
}

/* Hide scrollbars for workspace columns and modals while keeping scroll functionality */
.cv-workspace-editor-column::-webkit-scrollbar,
.cv-workspace-preview-column::-webkit-scrollbar,
.cv-modal-right::-webkit-scrollbar {
	display: none !important;
}

.cv-workspace-editor-column,
.cv-workspace-preview-column,
.cv-modal-right {
	-ms-overflow-style: none !important;  /* IE and Edge */
	scrollbar-width: none !important;  /* Firefox */
}

/* Ensure dashboard and form container hide completely when cv-hidden class is active */
#cv-content-dashboard.cv-hidden,
#cv-dashboard-form-container.cv-hidden {
	display: none !important;
}

/* Enforce border-box sizing on all editor inputs to prevent horizontal overflow */
.cv-workspace-editor-column input,
.cv-workspace-editor-column select,
.cv-workspace-editor-column textarea {
	box-sizing: border-box !important;
}

/* Optional contact fields styling (label row and Remove Field button) */
.cv-field-label-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	margin-bottom: 6px !important;
}

.cv-field-label-row span {
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	color: #111111 !important;
	margin-bottom: 0 !important;
}

.cv-remove-field-btn {
	background: none !important;
	border: none !important;
	color: #94a3b8 !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	cursor: pointer !important;
	padding: 0 !important;
	transition: color 0.2s ease !important;
}

.cv-remove-field-btn:hover {
	color: #ef4444 !important;
}

.cv-remove-field-btn svg {
	stroke: currentColor !important;
}

/* Add details section styles */
.cv-personal-extra-details {
	margin-top: 30px !important;
	border-top: 1px solid #e2e8f0 !important;
	padding-top: 24px !important;
}

.cv-personal-extra-details > strong {
	display: block !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin-bottom: 20px !important;
}

.cv-extra-details-group h4 {
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	color: #334155 !important;
	margin-bottom: 12px !important;
	margin-top: 0 !important;
}

/* Pills list styling */
.cv-personal-detail-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.cv-personal-detail-pills button {
	background-color: #f1f5f9 !important;
	border: none !important;
	border-radius: 8px !important;
	color: #475569 !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	padding: 8px 14px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

.cv-personal-detail-pills button:hover {
	background-color: #e2e8f0 !important;
	color: #1e293b !important;
}

/* Search Box container and input */
.cv-search-pills-wrapper {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.cv-pill-search-box {
	position: relative !important;
	width: 100% !important;
}

.cv-pill-search-box svg.cv-search-icon {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #64748b !important;
	pointer-events: none !important;
}

.cv-pill-search-box input {
	width: 100% !important;
	background-color: #f1f5f9 !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	padding: 10px 14px 10px 36px !important;
	font-size: 0.9rem !important;
	color: #1e293b !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.cv-pill-search-box input:focus {
	border-color: #cbd5e1 !important;
	background-color: #ffffff !important;
}

.cv-pill-search-box input::placeholder {
	color: #94a3b8 !important;
}

/* Dashboard Section Actions and Delete Button */
.cv-dash-section-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-dash-section-clear-btn {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
}

.cv-dash-section-clear-btn:hover {
	background: #fef2f2 !important;
	border-color: #fca5a5 !important;
	color: #ef4444 !important;
}

/* Dashboard Section Subtitle Actions */
.cv-dash-section-subtitle-btn {
	position: absolute !important;
	left: 0 !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
}

.cv-dash-section-subtitle-btn:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
}

.cv-dash-section-subtitle-btn.is-active {
	background: #eff6ff !important;
	border-color: #bfdbfe !important;
	color: #2563eb !important;
}

.cv-dash-section-subtitle-wrapper {
	width: 100% !important;
	margin-bottom: 12px !important;
}

.cv-dash-section-subtitle-input {
	width: 100% !important;
	padding: 10px 14px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	font-size: 0.9rem !important;
	color: #1e293b !important;
	outline: none !important;
	box-sizing: border-box !important;
	background-color: #f8fafc !important;
	transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.cv-dash-section-subtitle-input:focus {
	border-color: #3b82f6 !important;
	background-color: #ffffff !important;
}

/* Resume Preview Section Subtitle Style */
.cv-preview-section-subtitle {
	font-size: 0.85rem !important;
	font-style: italic !important;
	color: #64748b !important;
	margin-top: 4px !important;
	margin-bottom: 8px !important;
	text-transform: none !important;
}

/* Edit Heading Button */
.cv-dash-edit-heading-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 20px !important;
	padding: 4px 12px !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: #475569 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	margin-left: 12px !important;
	vertical-align: middle !important;
}

.cv-dash-edit-heading-btn:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

.cv-dash-edit-heading-btn svg {
	color: #64748b !important;
}

/* Heading Editor Panel */
.cv-dash-heading-editor-panel {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 16px !important;
	margin-bottom: 16px !important;
	box-sizing: border-box !important;
}

.cv-dash-heading-editor-row {
	margin-bottom: 12px !important;
}

.cv-dash-heading-editor-row label {
	display: block !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
	margin-bottom: 6px !important;
}

.cv-dash-heading-editor-row input {
	width: 100% !important;
	padding: 8px 12px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	font-size: 0.85rem !important;
	color: #1e293b !important;
	outline: none !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
}

.cv-dash-heading-editor-row input:focus {
	border-color: #3b82f6 !important;
}

.cv-dash-heading-editor-close-btn {
	background: #475569 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 6px 16px !important;
	font-size: 0.8rem !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
}

.cv-dash-heading-editor-close-btn:hover {
	background: #1e293b !important;
}

/* Entry Visibility Toggle Button */
.cv-dash-entry-visibility-btn {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
}

.cv-dash-entry-visibility-btn:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
}

.cv-dash-entry-card.cv-dash-entry-hidden {
	opacity: 0.55 !important;
}

.cv-dash-entry-card.cv-dash-entry-hidden .cv-dash-entry-title {
	text-decoration: line-through !important;
	color: #94a3b8 !important;
}

/* Outer handle and Link button styles */
.cv-input-row-container {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
}

.cv-input-row-container .cv-input-with-handle {
	flex: 1 !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 0 8px 0 0 !important;
	box-sizing: border-box !important;
}

.cv-input-row-container .cv-input-with-handle input {
	flex: 1 !important;
	border: none !important;
	background: transparent !important;
	height: 38px !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
	outline: none !important;
}

.cv-input-link-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	padding: 4px 10px !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: #475569 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	height: 28px !important;
}

.cv-input-link-btn:hover {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

.cv-input-link-btn.is-linked {
	background: #eff6ff !important;
	border-color: #bfdbfe !important;
	color: #2563eb !important;
}

.cv-input-row-container .cv-input-drag-handle {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 38px !important;
	color: #94a3b8 !important;
	cursor: grab !important;
}

/* Rich text editor styles */
.cv-rich-editor {
	display: flex !important;
	flex-direction: column !important;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 14px !important;
	transition: all 0.2s ease !important;
	width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

.cv-rich-editor.is-focused {
	border-color: var(--cv-accent) !important;
	box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

.cv-rich-editor-toolbar {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 10px 14px !important;
	background: #f8fafc !important;
	border-bottom: 1.5px solid #cbd5e1 !important;
	flex-wrap: wrap !important;
	user-select: none !important;
}

.cv-rich-editor-toolbar button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: none !important;
	border-radius: 8px !important;
	width: 36px !important;
	height: 36px !important;
	color: #475569 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-weight: bold !important;
	font-family: inherit !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
}

.cv-rich-editor-toolbar button:hover {
	background: #e2e8f0 !important;
	color: #0f172a !important;
}

.cv-rich-editor-toolbar button.is-active {
	background: #6366f1 !important; /* Beautiful premium purple */
	color: #ffffff !important;
}

.cv-rich-editor-separator {
	display: inline-block !important;
	width: 1.5px !important;
	height: 16px !important;
	background: #cbd5e1 !important;
	margin: 0 4px !important;
}

.cv-rich-editor-content {
	min-height: 210px !important;
	max-height: 350px !important;
	overflow-y: auto !important;
	padding: 18px 20px !important;
	outline: none !important;
	font-size: 1rem !important;
	color: #334155 !important;
	line-height: 1.7 !important;
	text-align: left !important;
	box-sizing: border-box !important;
	width: 100% !important;
	white-space: pre-wrap !important;
	word-break: break-word !important;
	caret-color: #2563eb !important;
}

.cv-rich-editor-content.is-empty::before {
	content: attr(data-placeholder) !important;
	color: #94a3b8 !important;
	pointer-events: none !important;
	display: block !important;
}

.cv-rich-editor-content.is-empty:focus::before {
	opacity: 0 !important;
}

.cv-rich-editor-content p,
.cv-rich-editor-content ul,
.cv-rich-editor-content ol {
	margin: 0 0 10px !important;
}

.cv-rich-editor-content > *:first-child {
	margin-top: 0 !important;
}

.cv-rich-editor-content > *:last-child {
	margin-bottom: 0 !important;
}

/* Styled fallback for contenteditable rich text list tags */
.cv-preview-item ul {
	list-style-type: disc !important;
	margin-left: 20px !important;
	padding-left: 0 !important;
	margin-top: 6px !important;
	margin-bottom: 0 !important;
	color: #4b5563 !important;
}

.cv-preview-item li {
	margin-bottom: 6px !important;
	line-height: 1.45 !important;
}

.cv-rich-editor-toolbar button.is-active {
	background: var(--cv-accent) !important;
	color: #ffffff !important;
}

/* Customizer Panel Layout */
.cv-customizer-panel-layout {
	display: flex !important;
	width: 100% !important;
	height: calc(100vh - 120px) !important;
	gap: 20px !important;
	box-sizing: border-box !important;
}

/* Sidebar Menu */
.cv-customizer-menu-sidebar {
	width: 160px !important;
	flex-shrink: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	border-right: 1px solid #e2e8f0 !important;
	padding-right: 12px !important;
	box-sizing: border-box !important;
	height: 100% !important;
	overflow-y: auto !important;
}

/* Hide Scrollbar for Sidebar */
.cv-customizer-menu-sidebar::-webkit-scrollbar {
	display: none !important;
}

.cv-customizer-menu-item {
	background: transparent !important;
	border: none !important;
	padding: 8px 12px !important;
	text-align: left !important;
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	color: #64748b !important;
	cursor: pointer !important;
	border-radius: 6px !important;
	transition: all 0.15s ease !important;
	width: 100% !important;
}

.cv-customizer-menu-item:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
}

.cv-customizer-menu-item.is-active {
	background: #eff6ff !important;
	color: #3b82f6 !important;
	font-weight: 600 !important;
}

/* Options Content */
.cv-customizer-options-content {
	flex: 1 !important;
	height: 100% !important;
	overflow-y: auto !important;
	padding-right: 8px !important;
	box-sizing: border-box !important;
	scrollbar-width: thin !important;
	scrollbar-color: #cbd5e1 #f8fafc !important;
	padding-bottom: 28px !important;
}

.cv-customizer-options-content::-webkit-scrollbar {
	width: 10px !important;
}

.cv-customizer-options-content::-webkit-scrollbar-track {
	background: #f8fafc !important;
	border-radius: 999px !important;
}

.cv-customizer-options-content::-webkit-scrollbar-thumb {
	background: #cbd5e1 !important;
	border-radius: 999px !important;
	border: 2px solid #f8fafc !important;
}

.cv-customizer-options-content::-webkit-scrollbar-thumb:hover {
	background: #94a3b8 !important;
}

.cv-customizer-subpanel {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.cv-customizer-subpanel.cv-hidden {
	display: none !important;
}

.cv-customizer-subheading {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 !important;
}

.cv-customizer-subdesc {
	font-size: 0.82rem !important;
	color: #64748b !important;
	margin: -8px 0 8px 0 !important;
	line-height: 1.4 !important;
}

/* Premium Card */
.cv-customizer-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	box-sizing: border-box !important;
}

/* Customizer Template Picker Banner */
.cv-customizer-template-banner {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 16px !important;
	text-align: center !important;
}

.cv-customizer-template-image-stack {
	display: flex !important;
	gap: 8px !important;
	justify-content: center !important;
	margin-bottom: 8px !important;
}

.tpl-card-mini {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	padding: 10px 16px !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

.cv-customizer-browse-btn {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	color: #0f172a !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.cv-customizer-browse-btn:hover {
	background: #f8fafc !important;
	border-color: #94a3b8 !important;
}

/* Layout Columns Selectors */
.cv-customizer-card-title {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
	margin: 0 !important;
}

.cv-layout-cols-selector {
	display: flex !important;
	gap: 12px !important;
}

.cv-layout-col-btn {
	flex: 1 !important;
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 14px 8px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.cv-layout-col-btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

.cv-layout-col-btn.is-active {
	border-color: #6366f1 !important;
	background: #eff6ff !important;
	color: #6366f1 !important;
}

.cv-col-icon-one {
	width: 28px !important;
	height: 16px !important;
	background: linear-gradient(to bottom, #cbd5e1 3px, transparent 3px, transparent 6px, #cbd5e1 6px, transparent 6px, transparent 9px, #cbd5e1 9px, transparent 9px) !important;
	background-size: 100% 4px !important;
}

.cv-col-icon-two {
	width: 28px !important;
	height: 16px !important;
	background: linear-gradient(to right, #cbd5e1 12px, transparent 12px, transparent 16px, #cbd5e1 16px) !important;
}

.cv-col-icon-mix {
	width: 28px !important;
	height: 16px !important;
	background: linear-gradient(to bottom, #cbd5e1 3px, transparent 3px) !important;
}

.cv-layout-col-btn.is-active .cv-col-icon-one,
.cv-layout-col-btn.is-active .cv-col-icon-two,
.cv-layout-col-btn.is-active .cv-col-icon-mix {
	opacity: 0.8 !important;
}

/* Beautiful Custom Sliders */
.cv-customizer-slider-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.cv-slider-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 2px !important;
}

.cv-slider-label {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
	letter-spacing: -0.01em !important;
}

.cv-slider-value {
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: #6366f1 !important;
	background: rgba(99, 102, 241, 0.08) !important;
	padding: 2px 8px !important;
	border-radius: 9999px !important;
}

.cv-slider-control-row {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.cv-custom-slider-track {
	position: relative !important;
	flex: 1 !important;
	height: 6px !important;
	background: linear-gradient(to right, #6366f1 0%, #6366f1 var(--value-percent, 0%), #e2e8f0 var(--value-percent, 0%), #e2e8f0 100%) !important;
	border-radius: 9999px !important;
	display: flex !important;
	align-items: center !important;
	transition: background 0.15s ease !important;
}

.cv-custom-slider-ticks {
	position: absolute !important;
	width: 100% !important;
	left: 0 !important;
	top: 0 !important;
	height: 100% !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
	pointer-events: none !important;
}

.cv-custom-slider-ticks span {
	width: 4px !important;
	height: 4px !important;
	border-radius: 50% !important;
	background: rgba(15, 23, 42, 0.12) !important;
	transition: background-color 0.15s ease !important;
}

.cv-custom-range {
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 100% !important;
	height: 28px !important;
	-webkit-appearance: none !important;
	background: transparent !important;
	margin: 0 !important;
	outline: none !important;
	cursor: pointer !important;
}

.cv-custom-range::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 2px solid #6366f1 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(99, 102, 241, 0.15) !important;
	cursor: pointer !important;
	transition: transform 0.1s ease, background-color 0.1s ease, border-color 0.1s ease !important;
}

.cv-custom-range:hover::-webkit-slider-thumb {
	transform: scale(1.1) !important;
	border-color: #4f46e5 !important;
}

.cv-custom-range:active::-webkit-slider-thumb {
	transform: scale(1.15) !important;
	background: #6366f1 !important;
	border-color: #6366f1 !important;
}

.cv-custom-range::-moz-range-thumb {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 2px solid #6366f1 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(99, 102, 241, 0.15) !important;
	cursor: pointer !important;
	border: none !important;
	transition: transform 0.1s ease, background-color 0.1s ease, border-color 0.1s ease !important;
}

.cv-custom-range:hover::-moz-range-thumb {
	transform: scale(1.1) !important;
	border-color: #4f46e5 !important;
}

.cv-custom-range:active::-moz-range-thumb {
	transform: scale(1.15) !important;
	background: #6366f1 !important;
	border-color: #6366f1 !important;
}

.cv-slider-step-btn {
	width: 28px !important;
	height: 28px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	color: #64748b !important;
	cursor: pointer !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;
	box-sizing: border-box !important;
}

.cv-slider-step-btn:hover {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
	transform: scale(1.05) !important;
}

.cv-slider-step-btn:active {
	background: #f1f5f9 !important;
	transform: scale(0.95) !important;
}

/* Lightroom-style Premium Sliders */
.cv-studio-slider-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 14px 0 !important;
	border-bottom: 1px dashed rgba(226, 232, 240, 0.8) !important;
	box-sizing: border-box !important;
}

.cv-studio-slider-group:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.cv-studio-slider-group:first-child {
	padding-top: 0 !important;
}

.cv-studio-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
}

.cv-studio-label-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.cv-studio-icon {
	width: 24px !important;
	height: 24px !important;
	border-radius: 6px !important;
	background: rgba(99, 102, 241, 0.08) !important;
	color: #6366f1 !important;
	font-weight: 700 !important;
	font-size: 0.65rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--cv-font-title) !important;
	text-transform: uppercase !important;
}

.cv-studio-label {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
	letter-spacing: -0.01em !important;
}

.cv-studio-value {
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	color: #6366f1 !important;
	background: rgba(99, 102, 241, 0.06) !important;
	padding: 2px 8px !important;
	border-radius: 9999px !important;
	font-family: var(--cv-font-mono) !important;
}

.cv-studio-control-row {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-studio-track-wrapper {
	flex: 1 !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}

/* Override flanking step buttons */
.cv-studio-step-btn {
	background: transparent !important;
	border: none !important;
	font-size: 1.1rem !important;
	font-weight: 500 !important;
	color: #94a3b8 !important;
	cursor: pointer !important;
	padding: 0 4px !important;
	width: auto !important;
	height: auto !important;
	box-shadow: none !important;
	transition: color 0.15s ease, transform 0.1s ease !important;
}

.cv-studio-step-btn:hover {
	background: transparent !important;
	border-color: transparent !important;
	color: #6366f1 !important;
	transform: scale(1.25) !important;
}

.cv-studio-step-btn:active {
	background: transparent !important;
	transform: scale(0.9) !important;
}

/* Entry Layout Rows styling */
.cv-layout-setting-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.cv-layout-setting-row:last-child {
	border-bottom: none !important;
}

.cv-layout-setting-row > span {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
}

.cv-pill-choice-group {
	display: flex !important;
	gap: 6px !important;
	background: #f1f5f9 !important;
	padding: 3px !important;
	border-radius: 8px !important;
}

.cv-pill-btn {
	border: none !important;
	background: transparent !important;
	padding: 6px 12px !important;
	border-radius: 6px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.cv-pill-btn:hover {
	color: #0f172a !important;
}

.cv-pill-btn.is-active {
	background: #ffffff !important;
	color: #6366f1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Customizer Layout Structure Buttons */
.cv-customizer-layout-structure-choice {
	display: flex !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-layout-struct-btn {
	flex: 1 !important;
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 14px 8px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	box-sizing: border-box !important;
}

.cv-layout-struct-btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

.cv-layout-struct-btn.is-active {
	border-color: #6366f1 !important;
	background: #eff6ff !important;
	color: #6366f1 !important;
}

.cv-struct-icon-full {
	width: 32px !important;
	height: 18px !important;
	background: linear-gradient(to bottom, #cbd5e1 2px, transparent 2px) repeat-y !important;
	background-size: 100% 4px !important;
}

.cv-layout-struct-btn.is-active .cv-struct-icon-full {
	background: linear-gradient(to bottom, #6366f1 2px, transparent 2px) repeat-y !important;
	background-size: 100% 4px !important;
}

.cv-struct-icon-cols {
	width: 32px !important;
	height: 18px !important;
	background: linear-gradient(to right, #cbd5e1 14px, transparent 14px, transparent 18px, #cbd5e1 18px) !important;
}

.cv-layout-struct-btn.is-active .cv-struct-icon-cols {
	background: linear-gradient(to right, #6366f1 14px, transparent 14px, transparent 18px, #6366f1 18px) !important;
}

/* Manual Split Inputs */
.cv-customizer-split-inputs-row {
	display: flex !important;
	gap: 12px !important;
	margin-top: 4px !important;
	margin-bottom: 12px !important;
	padding-left: 12px !important;
	border-left: 2px solid #e2e8f0 !important;
}

.cv-split-input-col {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.cv-split-input-col label {
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

.cv-split-percent-input {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 8px !important;
	height: 38px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	padding: 0 8px !important;
}

.cv-split-percent-input:hover {
	border-color: #cbd5e1 !important;
}

.cv-info-tooltip {
	display: inline-flex !important;
	width: 14px !important;
	height: 14px !important;
	border-radius: 50% !important;
	background: #e2e8f0 !important;
	color: #64748b !important;
	font-size: 0.65rem !important;
	font-weight: bold !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: help !important;
	margin-left: 4px !important;
}

/* Advanced Accordion styling */
.cv-customizer-advanced-accordion {
	border-top: 1px solid #f1f5f9 !important;
	padding-top: 8px !important;
	margin-top: 8px !important;
}

.cv-customizer-advanced-trigger {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	cursor: pointer !important;
	padding: 8px 0 !important;
}

.cv-accordion-arrow {
	transition: transform 0.2s ease !important;
	color: #64748b !important;
}

.cv-customizer-advanced-trigger.is-expanded .cv-accordion-arrow {
	transform: rotate(180deg) !important;
}

.cv-customizer-advanced-content {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 12px 10px !important;
	background: #f8fafc !important;
	border-radius: 8px !important;
	margin-top: 6px !important;
}

.cv-advanced-setting-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.cv-advanced-setting-group label {
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

.cv-font-style-choices {
	display: flex !important;
	gap: 8px !important;
}

.cv-style-choice-btn {
	width: 36px !important;
	height: 36px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0.85rem !important;
	color: #475569 !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	box-sizing: border-box !important;
}

.cv-style-choice-btn:hover {
	border-color: #cbd5e1 !important;
}

.cv-style-choice-btn.is-active {
	border-color: #6366f1 !important;
	background: #eff6ff !important;
	color: #6366f1 !important;
}

/* Custom Toggle Switch */
.cv-toggle-switch {
	position: relative !important;
	display: inline-block !important;
	width: 44px !important;
	height: 24px !important;
}

.cv-toggle-switch input {
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

.cv-toggle-slider {
	position: absolute !important;
	cursor: pointer !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: #cbd5e1 !important;
	transition: .2s ease !important;
	border-radius: 24px !important;
}

.cv-toggle-slider:before {
	position: absolute !important;
	content: "" !important;
	height: 18px !important;
	width: 18px !important;
	left: 3px !important;
	bottom: 3px !important;
	background-color: white !important;
	transition: .2s ease !important;
	border-radius: 50% !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

.cv-toggle-switch input:checked + .cv-toggle-slider {
	background-color: #6366f1 !important;
}

.cv-toggle-switch input:checked + .cv-toggle-slider:before {
	transform: translateX(20px) !important;
}

/* Font style customizer bindings */
.cv-preview {
	--cv-subtitle-weight: normal;
	--cv-subtitle-style: normal;
	--cv-date-weight: normal;
	--cv-date-style: normal;
	--cv-location-weight: normal;
	--cv-location-style: normal;
}

.cv-preview-item-subtitle,
.cv-preview-item-meta.subtitle,
.cv-preview[class*="cv-preview-"] .cv-preview-item-subtitle,
.cv-preview[class*="cv-preview-"] .cv-preview-item-meta.subtitle {
	font-weight: var(--cv-subtitle-weight, normal) !important;
	font-style: var(--cv-subtitle-style, normal) !important;
}

.cv-preview-item-date,
.cv-preview-item-meta.date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-date,
.cv-preview[class*="cv-preview-"] .cv-preview-item-meta.date {
	font-weight: var(--cv-date-weight, normal) !important;
	font-style: var(--cv-date-style, normal) !important;
}

.cv-preview-item-location,
.cv-preview-item-meta.location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-location,
.cv-preview[class*="cv-preview-"] .cv-preview-item-meta.location {
	font-weight: var(--cv-location-weight, normal) !important;
	font-style: var(--cv-location-style, normal) !important;
}

/* Layout structures flex styling */
.cv-preview-item-header-left {
	display: flex !important;
	flex-direction: var(--cv-title-sub-direction, column) !important;
	align-items: var(--cv-title-sub-align, flex-start) !important;
	gap: var(--cv-title-sub-gap, 2px) !important;
}

.cv-preview-item-header-right {
	display: flex !important;
	flex-direction: var(--cv-date-loc-direction, column) !important;
	align-items: var(--cv-date-loc-align, flex-end) !important;
	gap: var(--cv-date-loc-gap, 2px) !important;
}

.cv-preview-item-details {
	padding-left: var(--cv-desc-indent, 0px) !important;
	transition: padding 0.15s ease !important;
}

/* Hyphen bullet points list style */
.cv-preview-list-hyphen .cv-preview-item-bullets {
	list-style-type: none !important;
	padding-left: 0 !important;
	margin-left: 8px !important;
}

.cv-preview-list-hyphen .cv-preview-item-bullets li {
	position: relative !important;
	padding-left: 12px !important;
}

.cv-preview-list-hyphen .cv-preview-item-bullets li::before {
	content: "–" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: var(--cv-preview-bullet, inherit) !important;
}

.cv-preview .cv-preview-item-bullets li::marker,
.cv-preview .cv-preview-section-skills li::marker,
.cv-preview .cv-preview-section-languages li::marker,
.cv-preview .cv-preview-section-certificates li::marker,
.cv-preview[class*="cv-preview-"] .cv-preview-item-bullets li::marker,
.cv-preview[class*="cv-preview-"] .cv-preview-section-skills li::marker,
.cv-preview[class*="cv-preview-"] .cv-preview-section-languages li::marker,
.cv-preview[class*="cv-preview-"] .cv-preview-section-certificates li::marker {
	color: var(--cv-preview-bullet, currentColor) !important;
}

.cv-inline-bullet {
	color: var(--cv-preview-bullet, currentColor) !important;
}

.cv-preview .cv-preview-item-bullets,
.cv-preview .cv-preview-item-bullets li {
	color: var(--cv-preview-body, inherit) !important;
}

/* Layout classes responsiveness overrides & Entry Layouts */
.cv-preview-entry-cols .cv-preview-item {
	display: flex !important;
	flex-direction: row !important;
	gap: 24px !important;
	align-items: flex-start !important;
	margin-bottom: 20px !important;
}

.cv-preview-entry-cols .cv-preview-item-header {
	flex: 0 0 var(--cv-header-split-left, 35%) !important;
	max-width: var(--cv-header-split-left, 35%) !important;
	width: var(--cv-header-split-left, 35%) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	align-items: flex-start !important;
	text-align: left !important;
}

.cv-preview-entry-cols .cv-preview-item-header-left {
	width: 100% !important;
	align-items: flex-start !important;
}

.cv-preview-entry-cols .cv-preview-item-header-right {
	width: 100% !important;
	align-items: flex-start !important;
	text-align: left !important;
	margin-top: 4px !important;
}

.cv-preview-entry-cols .cv-preview-item-details {
	flex: 1 !important;
	padding-left: 0 !important;
	margin-top: 0 !important;
}

.cv-preview-entry-full .cv-preview-item-header {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	width: 100% !important;
}

.cv-preview-entry-full:not(.cv-preview-date-below) .cv-preview-item-header-left {
	flex: 0 0 var(--cv-header-split-left, auto) !important;
	max-width: var(--cv-header-split-left, none) !important;
}

.cv-preview-entry-full:not(.cv-preview-date-below) .cv-preview-item-header-right {
	flex: 0 0 var(--cv-header-split-right, auto) !important;
	max-width: var(--cv-header-split-right, none) !important;
	text-align: right !important;
}

.cv-preview-date-below .cv-preview-item-header {
	flex-direction: column !important;
	align-items: flex-start !important;
}

.cv-preview-date-below .cv-preview-item-header-right {
	align-items: flex-start !important;
	margin-top: 4px !important;
	flex-direction: row !important;
	gap: 10px !important;
}

.cv-preview-sub-below .cv-preview-item-header-left {
	flex-direction: column !important;
	align-items: flex-start !important;
}

.cv-preview-loc-below .cv-preview-item-header-right {
	flex-direction: column !important;
	align-items: flex-start !important;
}

/* Split input controls styling */
.cv-customizer-split-inputs-row {
	display: flex !important;
	gap: 16px !important;
	width: 100% !important;
	margin-top: 6px !important;
}

.cv-split-input-col {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.cv-split-label {
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

.cv-split-stepper {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #f1f5f9 !important;
	border-radius: 8px !important;
	padding: 4px !important;
	height: 32px !important;
	box-sizing: border-box !important;
}

.cv-split-step-btn {
	border: none !important;
	background: transparent !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.cv-split-step-btn:hover {
	background: #ffffff !important;
	color: #6366f1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.cv-split-step-btn:active {
	transform: scale(0.9) !important;
}

.cv-split-value-display {
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	font-family: var(--cv-font-mono) !important;
}

/* Skills Layout Customizer Grid columns selector */
.cv-skills-grid-columns {
	display: flex !important;
	gap: 8px !important;
	width: 100% !important;
}

.cv-skills-col-btn {
	flex: 1 !important;
	height: 38px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0 8px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	box-sizing: border-box !important;
}

.cv-skills-col-btn:hover {
	border-color: #cbd5e1 !important;
}

.cv-skills-col-btn.is-active {
	border-color: #6366f1 !important;
	background: #eff6ff !important;
}

.cv-skills-col-bar {
	height: 8px !important;
	background: #cbd5e1 !important;
	border-radius: 4px !important;
	display: inline-block !important;
}

.cv-skills-col-btn.is-active .cv-skills-col-bar {
	background: #6366f1 !important;
}

/* Skills Preview Render Styles */
.cv-skills-grid-layout {
	width: 100% !important;
}

.cv-skill-grid-item {
	font-size: var(--cv-base-font-size, 9pt) !important;
	color: inherit !important;
	line-height: var(--cv-line-height, 1.45) !important;
}

.cv-skill-row-item {
	font-size: var(--cv-base-font-size, 9pt) !important;
	color: inherit !important;
	line-height: var(--cv-line-height, 1.45) !important;
}

.cv-skill-chip-bubble {
	display: inline-block !important;
	font-size: calc(var(--cv-base-font-size, 9pt) * 0.95) !important;
	padding: 4px 10px !important;
	border-radius: 12px !important;
	background: #f1f5f9 !important;
	color: #334155 !important;
	line-height: 1.2 !important;
	border: 1px solid #e2e8f0 !important;
}

.cv-skills-level-layout {
	width: 100% !important;
}

.cv-skill-level-item {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.cv-skill-level-name {
	font-size: var(--cv-base-font-size, 9pt) !important;
	font-weight: 600 !important;
	color: inherit !important;
}

.cv-skill-level-bar-bg {
	width: 100% !important;
	height: 6px !important;
	background: #e2e8f0 !important;
	border-radius: 3px !important;
	overflow: hidden !important;
}

.cv-skill-level-bar-fill {
	height: 100% !important;
	background: var(--cv-level-color, var(--cv-preview-accent, #6366f1)) !important;
	border-radius: 3px !important;
}

/* Global photo border radius override rule */
.cv-preview[class*="cv-preview-"] .cv-preview-photo {
	border-radius: var(--cv-photo-border-radius, 8px) !important;
}

/* Languages Preview Render Styles */
.cv-languages-grid-layout {
	width: 100% !important;
}

.cv-lang-grid-item {
	font-size: var(--cv-base-font-size, 9pt) !important;
	color: inherit !important;
	line-height: var(--cv-line-height, 1.45) !important;
}

.cv-lang-row-item {
	font-size: var(--cv-base-font-size, 9pt) !important;
	color: inherit !important;
	line-height: var(--cv-line-height, 1.45) !important;
}

.cv-lang-chip-bubble {
	display: inline-block !important;
	font-size: calc(var(--cv-base-font-size, 9pt) * 0.95) !important;
	padding: 4px 10px !important;
	border-radius: 12px !important;
	background: #f1f5f9 !important;
	color: #334155 !important;
	line-height: 1.2 !important;
	border: 1px solid #e2e8f0 !important;
}

.cv-languages-level-layout {
	width: 100% !important;
}

.cv-lang-level-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
}

.cv-lang-level-name {
	font-size: var(--cv-base-font-size, 9pt) !important;
	font-weight: 600 !important;
	color: inherit !important;
}

.cv-lang-level-bar-bg {
	width: 80px !important;
	height: 6px !important;
	background: #e2e8f0 !important;
	border-radius: 3px !important;
	overflow: hidden !important;
}

.cv-lang-level-bar-fill {
	height: 100% !important;
	background: var(--cv-level-color, var(--cv-preview-accent, #6366f1)) !important;
	border-radius: 3px !important;
}

.cv-lang-level-dots {
	display: flex !important;
	gap: 4px !important;
	align-items: center !important;
}

.cv-lang-level-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #cbd5e1 !important;
}

.cv-lang-level-dot.is-filled {
	background: var(--cv-level-color, var(--cv-preview-accent, #6366f1)) !important;
}

/* Sidebar overrides for dark/accent-colored sidebars (Modern, Bold, Flare) */
.cv-preview-col-sidebar .cv-lang-level-dot,
.cv-preview-col-sidebar .cv-skill-level-bar-bg,
.cv-preview-col-sidebar .cv-lang-level-bar-bg {
	background: rgba(255, 255, 255, 0.25) !important;
}

.cv-preview-col-sidebar .cv-lang-level-dot.is-filled,
.cv-preview-col-sidebar .cv-skill-level-bar-fill,
.cv-preview-col-sidebar .cv-lang-level-bar-fill {
	background: var(--cv-level-color, var(--cv-preview-accent-ink, #ffffff)) !important;
}

.cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-col-sidebar .cv-language-chip {
	background: rgba(255, 255, 255, 0.15) !important;
	color: var(--cv-sidebar-text-color, var(--cv-preview-accent-ink, #ffffff)) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Show contact icons for templates that hide strong text labels */
.cv-preview-clear .cv-contact-icon,
.cv-preview-simple .cv-contact-icon,
.cv-preview-modern .cv-contact-icon {
	display: inline-block !important;
	vertical-align: middle !important;
	width: 14px !important;
	height: 14px !important;
	margin-right: 6px !important;
}

/* Ensure alignment of contact items */
.cv-preview-clear .cv-preview-contact-item,
.cv-preview-simple .cv-preview-contact-item,
.cv-preview-modern .cv-preview-contact-item {
	display: inline-flex !important;
	align-items: center !important;
}

/* Enforce hiding rule for contact items when cv-hidden is active */
.cv-preview[class*="cv-preview-"] .cv-preview-contact-item.cv-hidden {
	display: none !important;
}

/* Customizer Section Headings grid and preview buttons */
.cv-heading-customizer-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	margin-bottom: 12px !important;
}

.cv-heading-customizer-label {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #0f172a !important;
}

.cv-heading-styles-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-heading-style-btn {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 8px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 48px !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-sizing: border-box !important;
}

.cv-heading-style-btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

.cv-heading-style-btn.is-active {
	border-color: #6366f1 !important;
	background: #f5f3ff !important;
	box-shadow: 0 0 0 1px #6366f1 !important;
}

.cv-heading-demo-box {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
}

.demo-line-main {
	position: absolute !important;
	left: 4px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 24px !important;
	height: 4px !important;
	background: #94a3b8 !important;
	border-radius: 1px !important;
}

.demo-line-main.center {
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 18px !important;
}

/* Style 1: Bottom border style */
.style-1::after {
	content: "" !important;
	position: absolute !important;
	left: 4px !important;
	bottom: 2px !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #cbd5e1 !important;
}

/* Style 2: Boxed */
.style-2 {
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 3px !important;
}
.style-2 .demo-line-main {
	left: 8px !important;
	width: 18px !important;
}

/* Style 3: Top/Bottom double line */
.style-3 .demo-line-top,
.style-4 .demo-line-top {
	position: absolute !important;
	left: 4px !important;
	top: 2px !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #cbd5e1 !important;
}
.style-3 .demo-line-bottom,
.style-4 .demo-line-bottom {
	position: absolute !important;
	left: 4px !important;
	bottom: 2px !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #cbd5e1 !important;
}

/* Style 4: Center top/bottom line */
.style-4 .demo-line-top,
.style-4 .demo-line-bottom {
	left: 10px !important;
	width: 34px !important;
}

/* Style 5: Left Accent */
.style-5 .demo-accent-left {
	position: absolute !important;
	left: 2px !important;
	top: 4px !important;
	bottom: 4px !important;
	width: 3px !important;
	background: #cbd5e1 !important;
	border-radius: 1px !important;
}
.cv-heading-style-btn.is-active .style-5 .demo-accent-left {
	background: #6366f1 !important;
}
.style-5 .demo-line-main {
	left: 10px !important;
	width: 20px !important;
}

/* Style 6: Bottom Accent */
.style-6 .demo-accent-bottom {
	position: absolute !important;
	left: 4px !important;
	bottom: 2px !important;
	width: 16px !important;
	height: 3px !important;
	background: #6366f1 !important;
	border-radius: 1px !important;
}

/* Style 7: Underline Accent */
.style-7 .demo-accent-bottom-short {
	position: absolute !important;
	left: 4px !important;
	bottom: 2px !important;
	width: 10px !important;
	height: 3px !important;
	background: #cbd5e1 !important;
	border-radius: 1px !important;
}
.cv-heading-style-btn.is-active .style-7 .demo-accent-bottom-short {
	background: #6366f1 !important;
}

/* Style 8: Dotted/Wavy style */
.style-8::after {
	content: "" !important;
	position: absolute !important;
	left: 4px !important;
	bottom: 2px !important;
	width: 38px !important;
	border-bottom: 2.5px dotted #cbd5e1 !important;
}

/* Style 9: No Design style */
.style-9 {
	border: none !important;
}
.style-9 .demo-line-main {
	left: 8px !important;
	width: 30px !important;
}

/* Section Heading Style Overrides */
.cv-preview-section-title {
	transition: all 0.15s ease !important;
}

/* Style 1: Bottom Border */
.cv-heading-style-1 .cv-preview-section-title {
	border-bottom: 1px solid var(--cv-line, #e2e8f0) !important;
	padding-bottom: 8px !important;
	display: block !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 2: Boxed */
.cv-heading-style-2 .cv-preview-section-title {
	border: 1px solid var(--cv-line, #e2e8f0) !important;
	padding: 6px 12px !important;
	display: inline-block !important;
	border-radius: 4px !important;
	border-bottom: 1px solid var(--cv-line, #e2e8f0) !important;
}

/* Style 3: Double Line */
.cv-heading-style-3 .cv-preview-section-title {
	border-top: 1px solid var(--cv-line, #e2e8f0) !important;
	border-bottom: 1px solid var(--cv-line, #e2e8f0) !important;
	padding: 8px 0 !important;
	display: block !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 4: Centered Double Line */
.cv-heading-style-4 .cv-preview-section-title {
	text-align: center !important;
	border-top: 1px solid var(--cv-line, #e2e8f0) !important;
	border-bottom: 1px solid var(--cv-line, #e2e8f0) !important;
	padding: 8px 0 !important;
	display: block !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 5: Left Accent */
.cv-heading-style-5 .cv-preview-section-title {
	border-left: 4px solid var(--cv-preview-accent, #6366f1) !important;
	padding-left: 10px !important;
	display: block !important;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 6: Bottom Accent */
.cv-heading-style-6 .cv-preview-section-title {
	border-bottom: 3px solid var(--cv-preview-accent, #6366f1) !important;
	padding-bottom: 6px !important;
	display: block !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 7: Underline Accent */
.cv-heading-style-7 .cv-preview-section-title {
	position: relative !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid var(--cv-line, #e2e8f0) !important;
	display: block !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}
.cv-heading-style-7 .cv-preview-section-title::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -1px !important;
	width: 40px !important;
	height: 3px !important;
	background-color: var(--cv-preview-accent, #6366f1) !important;
}

/* Style 8: Dotted Bottom Line */
.cv-heading-style-8 .cv-preview-section-title {
	border-bottom: 2.5px dotted var(--cv-preview-accent, #6366f1) !important;
	padding-bottom: 8px !important;
	display: block !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Style 9: No Design (Plain Text) */
.cv-heading-style-9 .cv-preview-section-title {
	border: none !important;
	border-bottom: none !important;
	padding-bottom: 4px !important;
	display: block !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}

/* Capitalization Case settings */
.cv-heading-case-capitalize .cv-preview-section-title {
	text-transform: capitalize !important;
}
.cv-heading-case-uppercase .cv-preview-section-title {
	text-transform: uppercase !important;
}

/* Always hide the duplicate inline/hardcoded SVGs when heading icon settings are applied */
.cv-preview-icon-none .cv-preview-section-title svg,
.cv-preview-icon-outline .cv-preview-section-title svg,
.cv-preview-icon-filled .cv-preview-section-title svg {
	display: none !important;
}

/* Alignments for icons */
.cv-preview-icon-outline .cv-preview-section-title,
.cv-preview-icon-filled .cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
}

.cv-heading-style-2.cv-preview-icon-outline .cv-preview-section-title,
.cv-heading-style-2.cv-preview-icon-filled .cv-preview-section-title {
	display: inline-flex !important;
}

.cv-heading-style-4.cv-preview-icon-outline .cv-preview-section-title,
.cv-heading-style-4.cv-preview-icon-filled .cv-preview-section-title {
	justify-content: center !important;
}

/* Dynamic SVG Icons styling */
.cv-preview-icon-outline .cv-preview-section-title::before,
.cv-preview-icon-filled .cv-preview-section-title::before {
	content: "" !important;
	display: inline-block !important;
	width: 1.1em !important;
	height: 1.1em !important;
	margin-right: 8px !important;
	vertical-align: middle !important;
	background-color: currentColor !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
}

/* Outline SVGs */
.cv-preview-icon-outline .cv-preview-section-summary .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-experience .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-education .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 2 2 3 6 3s6-1 6-3v-5"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-courses .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20M4 19.5A2.5 2.5 0 0 0 6.5 22H20M4 19.5v-15A2.5 2.5 0 0 1 6.5 2M20 2v20"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-skills .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-languages .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-certificates .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/></svg>') !important;
}

/* Filled SVGs */
.cv-preview-icon-filled .cv-preview-section-summary .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 7V3.5L18.5 9H13z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-experience .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-education .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91v6.27h2V9L12 3z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-courses .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 2H6.5C5.12 2 4 3.12 4 4.5v15C4 20.88 5.12 22 6.5 22H19c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H7V9h11v2z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-skills .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L1 7l11 5 9-4.09V17h2V7L12 2zM2 17l10 5 10-5v-2l-10 5-10-5v2zM2 12l10 5 10-5v-2l-10 5-10-5v2z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-languages .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.9 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-certificates .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.47 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.53c-.26-.81-1-1.4-1.9-1.4h-1v-3c0-.55-.45-1-1-1h-6v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.4z"/></svg>') !important;
}

/* Accordion trigger hover styling */
.cv-customizer-advanced-trigger {
	transition: color 0.15s ease !important;
}
.cv-customizer-advanced-trigger:hover {
	color: #6366f1 !important;
}
.cv-customizer-advanced-trigger:hover .cv-accordion-arrow {
	color: #6366f1 !important;
}

/* Color customizer targets and mode grids */
.cv-color-target-grid,
.cv-color-mode-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-color-target-btn,
.cv-color-mode-btn {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 10px 4px !important;
	cursor: pointer !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.cv-color-target-btn:hover,
.cv-color-mode-btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

.cv-color-target-btn.is-active,
.cv-color-mode-btn.is-active {
	border-color: #6366f1 !important;
	background: #f5f3ff !important;
	box-shadow: 0 0 0 1px #6366f1 !important;
}

.cv-color-target-btn > span,
.cv-color-mode-btn > span {
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

.cv-color-target-btn.is-active > span,
.cv-color-mode-btn.is-active > span {
	color: #6366f1 !important;
}

/* Icons for targets and modes */
.cv-target-icon,
.cv-mode-icon {
	width: 32px !important;
	height: 42px !important;
	border-radius: 4px !important;
	border: 1.5px solid #cbd5e1 !important;
	position: relative !important;
	background: #ffffff !important;
	overflow: hidden !important;
}

.cv-color-target-btn.is-active .cv-target-icon,
.cv-color-mode-btn.is-active .cv-mode-icon {
	border-color: #6366f1 !important;
}

/* Full Page Target Icon */
.full-page .inner-sheet {
	position: absolute !important;
	left: 3px !important;
	top: 3px !important;
	right: 3px !important;
	bottom: 3px !important;
	background: #e0e7ff !important;
	border-radius: 2px !important;
}

/* Column Target Icon */
.column-page {
	display: flex !important;
}
.column-page .inner-sidebar {
	width: 35% !important;
	height: 100% !important;
	background: #94a3b8 !important;
}
.cv-color-target-btn.is-active .column-page .inner-sidebar {
	background: #6366f1 !important;
}
.column-page .inner-main {
	width: 65% !important;
	height: 100% !important;
	background: #ffffff !important;
}

/* Border Target Icon */
.border-page .inner-border {
	position: absolute !important;
	left: 2px !important;
	top: 2px !important;
	right: 2px !important;
	bottom: 2px !important;
	border: 2px solid #94a3b8 !important;
}
.cv-color-target-btn.is-active .border-page .inner-border {
	border-color: #6366f1 !important;
}

/* Mode Icons */
.cv-mode-icon {
	height: 24px !important;
	width: 48px !important;
	border-radius: 6px !important;
}

/* Single Mode Icon */
.single-mode {
	background: #cbd5e1 !important;
}
.cv-color-mode-btn.is-active .single-mode {
	background: #6366f1 !important;
}

/* Multi Mode Icon */
.multi-mode {
	display: flex !important;
	align-items: center !important;
	background: #ffffff !important;
}
.multi-mode .mode-t {
	width: 40% !important;
	height: 100% !important;
	background: #475569 !important;
	color: #ffffff !important;
	font-size: 9px !important;
	font-weight: bold !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.cv-color-mode-btn.is-active .multi-mode .mode-t {
	background: #6366f1 !important;
}
.multi-mode .mode-bg {
	width: 60% !important;
	height: 100% !important;
	background: #e2e8f0 !important;
}

/* Image Mode Icon */
.image-mode {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><circle cx="3" cy="3" r="1.5" fill="%2394a3b8"/></svg>') !important;
	background-size: 6px 6px !important;
}

/* Solid Color Preset Buttons */
.cv-solid-colors-grid {
	display: grid !important;
	grid-template-columns: repeat(8, 1fr) !important;
	gap: 10px !important;
	width: 100% !important;
}

.cv-solid-color-btn {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	cursor: pointer !important;
	position: relative !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
	transition: all 0.15s ease !important;
	padding: 0 !important;
}

.cv-solid-color-btn:hover {
	transform: scale(1.1) !important;
}

.cv-solid-color-btn.is-active {
	transform: scale(1.05) !important;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1 !important;
}

.cv-solid-color-btn.is-active::after {
	content: "\2713" !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/* Custom Slash/None Button */
.cv-solid-color-btn.transparent {
	background: #ffffff !important;
}
.cv-solid-color-btn.transparent::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 1px !important;
	height: 100% !important;
	background: var(--cv-accent-strong) !important;
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* Custom Rainbow Color Wheel Button */
.cv-solid-color-btn.custom-wheel {
	background: conic-gradient(red, yellow, green, cyan, blue, magenta, red) !important;
	border: none !important;
}

/* Duo Tone Preset Buttons */
.cv-multi-presets-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-multi-preset-btn {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 4px !important;
	cursor: pointer !important;
	height: 38px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
}

.cv-multi-preset-btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
}

.cv-multi-preset-btn.is-active {
	border-color: #6366f1 !important;
	background: #f5f3ff !important;
	box-shadow: 0 0 0 1px #6366f1 !important;
}

.preset-split {
	display: flex !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	border: 1px solid #cbd5e1 !important;
}

.preset-split .left-split {
	width: 50% !important;
	height: 100% !important;
}

.preset-split .right-split {
	width: 50% !important;
	height: 100% !important;
	background: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.preset-t {
	font-size: 12px !important;
	font-weight: 800 !important;
}

/* Patterns/Images Presets */
.cv-image-patterns-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 12px !important;
	width: 100% !important;
}

.cv-image-pattern-btn {
	height: 48px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.cv-image-pattern-btn:hover {
	border-color: #cbd5e1 !important;
}

.cv-image-pattern-btn.is-active {
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1 !important;
}

/* Apply border styling on preview */
.cv-preview.cv-has-border {
	border: 0 solid var(--cv-border-color, #6366f1) !important;
}
.cv-preview.cv-border-top {
	border-top-width: var(--cv-border-width, 8px) !important;
}
.cv-preview.cv-border-bottom {
	border-bottom-width: var(--cv-border-width, 8px) !important;
}
.cv-preview.cv-border-left {
	border-left-width: var(--cv-border-width, 8px) !important;
}
.cv-preview.cv-border-right {
	border-right-width: var(--cv-border-width, 8px) !important;
}

/* Apply Accent Color Toggles */
.cv-accent-name-active h1,
.cv-accent-name-active .cv-preview-header h1 {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-jobtitle-active .cv-preview-header p,
.cv-accent-jobtitle-active .cv-preview-title {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-headings-active .cv-preview-section-title {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-headericons-active .cv-contact-icon {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-skills-active .cv-skill-level-bar-fill,
.cv-accent-skills-active .cv-lang-level-bar-fill,
.cv-accent-skills-active .cv-lang-level-dot.is-filled {
	background: var(--cv-preview-accent, #6366f1) !important;
}
.cv-accent-dates-active .cv-preview-item-date {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-subtitle-active .cv-preview-item-subtitle {
	color: var(--cv-preview-accent, inherit) !important;
}
.cv-accent-linkicons-active .cv-preview-section-title::before {
	background-color: var(--cv-preview-accent, currentColor) !important;
}

/* Sidebar text & accent ink override */
.cv-preview-col-sidebar {
	color: var(--cv-sidebar-text-color, var(--cv-preview-accent-ink, #ffffff)) !important;
}
.cv-preview-col-sidebar span,
.cv-preview-col-sidebar li,
.cv-preview-col-sidebar a,
.cv-preview-col-sidebar p,
.cv-preview-col-sidebar div,
.cv-preview-col-sidebar strong,
.cv-preview-col-sidebar h1,
.cv-preview-col-sidebar h2,
.cv-preview-col-sidebar h3,
.cv-preview-col-sidebar h4,
.cv-preview-col-sidebar h5,
.cv-preview-col-sidebar h6,
.cv-preview-col-sidebar .cv-preview-contact-item,
.cv-preview-col-sidebar .cv-preview-contact-item span,
.cv-preview-col-sidebar .cv-preview-item-details,
.cv-preview-col-sidebar .cv-preview-item-details p,
.cv-preview-col-sidebar .cv-preview-item-details span,
.cv-preview-col-sidebar .cv-preview-item-details li,
.cv-preview-col-sidebar .cv-preview-item-details strong,
.cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-col-sidebar .cv-language-chip {
	color: var(--cv-sidebar-text-color, inherit) !important;
}

/* Dynamic icon color override */
.cv-preview .cv-contact-icon,
.cv-preview-modern:has(.cv-preview-col-main) .cv-contact-icon,
.cv-preview [class*="cv-preview-"] .cv-contact-icon,
.cv-preview .cv-preview-col-sidebar .cv-contact-icon,
.cv-preview .cv-preview-col-main .cv-contact-icon,
.cv-preview .cv-preview-section-title .cv-section-icon,
.cv-preview .cv-preview-section-title::before,
.cv-preview .cv-section-icon,
.cv-preview .cv-heading-icon-placeholder,
.cv-preview .cv-contact-icon svg,
.cv-preview .cv-contact-icon i {
	color: var(--cv-preview-icon-color) !important;
	fill: var(--cv-preview-icon-color) !important;
}

/* Box & Bubble Color overrides */
.cv-preview {
	--cv-preview-photo-box: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, #b2c8f0)) !important;
	--cv-preview-left-badge-bg: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, rgba(255, 255, 255, 0.08))) !important;
	--cv-preview-right-badge-bg: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, rgba(255, 255, 255, 0.08))) !important;
}

.cv-preview .cv-lang-chip-bubble,
.cv-preview .cv-skill-chip-bubble,
.cv-preview .cv-certificate-chip,
.cv-preview .cv-language-chip,
.cv-preview .cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview .cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview .cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview .cv-preview-col-sidebar .cv-language-chip,
.cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-col-sidebar .cv-language-chip {
	background: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, #f1f5f9)) !important;
	border-color: var(--cv-box-bubble-color, var(--cv-preview-accent-soft, #e2e8f0)) !important;
}

/* ATS Classic First thumbnail mock overrides */
.cv-template-preview-classic {
	background: #ffffff !important;
}

.cv-template-doc-classic {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	padding: 18px !important;
	position: relative !important;
}

.cv-template-doc-classic::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #103f8a;
}

.cv-template-doc-classic .cv-doc-title {
	position: static !important;
	text-align: center !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	margin-top: 12px !important;
	margin-bottom: 4px !important;
	color: #111111 !important;
}

.cv-template-doc-classic .cv-doc-side {
	display: none !important;
}

.cv-template-doc-classic .cv-doc-body {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	gap: 6px !important;
	width: 100% !important;
	margin-bottom: 12px !important;
}

.cv-template-doc-classic .cv-doc-body span {
	height: 4px !important;
	background: #64748b !important;
}
.cv-template-doc-classic .cv-doc-body span:nth-child(1) { width: 50px !important; }
.cv-template-doc-classic .cv-doc-body span:nth-child(2) { width: 40px !important; }
.cv-template-doc-classic .cv-doc-body span:nth-child(3) { width: 60px !important; }
.cv-template-doc-classic .cv-doc-body span:nth-child(4) { display: none !important; }

.cv-template-doc-classic .cv-doc-section {
	width: 100% !important;
	margin-top: 10px !important;
	position: static !important;
}

.cv-template-doc-classic .cv-doc-section strong {
	font-size: 0.72rem !important;
	text-transform: uppercase !important;
	display: block !important;
	border-bottom: 1px solid #111111 !important;
	padding-bottom: 2px !important;
	margin-bottom: 6px !important;
	width: 100% !important;
}

.cv-template-doc-classic .cv-doc-section span {
	height: 3px !important;
	background: #94a3b8 !important;
	margin-bottom: 3px !important;
	display: block !important;
}

@media print {
	/* Hide everything else on the page by setting display: none up to the root */
	body > :not(.cv-builder-app),
	.cv-builder-app > :not(#cv-builder-workspace),
	#cv-builder-workspace > :not(.cv-workspace-body),
	.cv-workspace-body > :not(.cv-workspace-preview-column),
	.cv-workspace-preview-column > :not(.cv-preview-sheet-container),
	.cv-preview-sheet-container > :not(.cv-preview[data-preview]) {
		display: none !important;
	}

	/* Also explicitly hide any open modal overlays and loading screens */
	.cv-modal-overlay,
	.cv-content-modal,
	.cv-ai-loader-overlay {
		display: none !important;
	}

	/* Explicitly size the page & body */
	@page {
		size: A4 portrait;
		margin: 0;
	}

	* {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html, body {
		width: 210mm !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	/* Force zoom to 1 and remove positioning/scrolling/flex of layout wrappers */
	.cv-builder-app,
	.cv-builder-workspace-view,
	.cv-workspace-body,
	.cv-workspace-preview-column,
	.cv-preview-sheet-container {
		zoom: 1 !important;
		display: block !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		background: var(--cv-page-bg, #ffffff) !important;
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
		inset: auto !important;
	}

	/* Fit active CV preview to exact A4 size and render as a relative block in the flow */
	.cv-preview[data-preview] {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 210mm !important;
		height: calc(var(--page-count, 1) * 297mm) !important;
		transform: none !important;
		transform-origin: top left !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: #ffffff !important;
		margin: 0 !important;
		padding: 36px; /* Removed !important to allow template overrides like vertical centering */
		box-sizing: border-box !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.cv-preview-section,
	.cv-preview-item,
	.cv-preview-item li,
	.cv-preview-item p,
	.cv-preview-section h3,
	.cv-preview-item-header {
		page-break-inside: auto !important;
		break-inside: auto !important;
	}
}

/* Rohan K. Patel Custom Modern Expressive Layout overrides */
.cv-preview-modern {
	display: block !important;
	padding: var(--cv-modern-padding-top, 24px) 30px var(--cv-modern-padding-bottom, 24px) 30px !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
	position: relative !important;
	font-family: Arial, sans-serif !important;
	border-radius: 19px !important;
}

.cv-preview-modern .cv-preview-col-sidebar,
.cv-preview-modern .cv-preview-col-main,
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-col-sidebar,
.cv-preview-modern:has(.cv-preview-col-main) .cv-preview-col-main {
	width: 100% !important;
	display: block !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	border: none !important;
	min-height: auto !important;
	box-sizing: border-box !important;
}

/* Avatar positioning on the right of the header */
.cv-preview-modern .cv-preview-photo-wrap {
	position: absolute !important;
	right: 30px !important;
	top: var(--cv-modern-padding-top, 24px) !important;
	display: flex !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	z-index: 10 !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	height: auto !important;
}

.cv-preview-modern .cv-preview-photo {
	width: 96px !important;
	height: 96px !important;
	border-radius: 50% !important;
	border: 1px solid #cbd5e1 !important;
	overflow: hidden !important;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06) !important;
}

.cv-preview-modern .cv-preview-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Left-aligned header with name & title next to photo */
.cv-preview-modern .cv-preview-header {
	text-align: left !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 4px !important;
	width: calc(100% - 130px) !important;
	border: none !important;
	background: none !important;
}

.cv-preview-modern .cv-preview-header h1 {
	font-family: Georgia, serif !important;
	color: #1e3a8a !important; /* Blue/Navy */
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	margin: 0 0 4px 0 !important;
	text-transform: none !important;
	letter-spacing: -0.01em !important;
}

.cv-preview-modern .cv-preview-header p {
	font-size: 1.0rem !important;
	color: #000000 !important;
	font-style: italic !important;
	font-weight: 500 !important;
	margin: 0 !important;
	text-transform: none !important;
}

/* 2-column contact info block */
.cv-preview-modern .cv-preview-contact {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 4px 20px !important;
	background: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	border: none !important;
	width: calc(100% - 130px) !important;
}

.cv-preview-modern .cv-preview-contact-item,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-contact-item {
	color: #000000 !important;
	font-size: 0.88rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.cv-preview-modern .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-modern .cv-preview-contact-item svg,
.cv-preview-modern .cv-preview-contact-item .cv-contact-icon svg {
	color: #1e3a8a !important;
	width: 14px !important;
	height: 14px !important;
}

/* Centered grey-blue banner bars for section headers */
#cv-builder-workspace .cv-preview-modern h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-summary h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-skills h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-skills h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-experience h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-experience h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-education h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-courses h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-education h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-courses h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-languages h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-languages h3,
#cv-builder-workspace .cv-preview-modern .cv-preview-section-certificates h3,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-preview-section-certificates h3 {
	background: #f1f5f9 !important;
	color: #1e3a8a !important;
	padding: 3px 10px !important;
	font-family: Georgia, serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-align: center !important;
	margin: 0 0 6px 0 !important;
	border: none !important;
	border-radius: 4px !important;
	width: auto !important;
	box-shadow: none !important;
}

.cv-preview-modern .cv-preview-section {
	margin-bottom: 5px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	height: auto !important; /* Force height auto to override default theme height 100% stretching */
}

.cv-preview-modern .cv-preview-section-summary p,
.cv-preview-modern[class*="cv-theme-"] .cv-preview-section-summary p {
	font-size: 0.9rem !important;
	line-height: 1.4 !important;
	color: #000000 !important;
	text-align: justify !important;
}

/* 2-column experience & education items */
.cv-preview-modern .cv-preview-item {
	display: grid !important;
	grid-template-columns: 24% 76% !important;
	gap: 2px 16px !important;
	margin-bottom: 4px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

.cv-preview-modern .cv-preview-item-header {
	display: contents !important;
}

.cv-preview-modern .cv-preview-item-header-right {
	grid-column: 1 !important;
	text-align: left !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.cv-preview-modern .cv-preview-item-meta.date {
	font-weight: 600 !important;
	color: #000000 !important;
	font-size: 0.88rem !important;
}

.cv-preview-modern .cv-preview-item-meta.location {
	color: #000000 !important;
	font-size: 0.84rem !important;
}

.cv-preview-modern .cv-preview-item-header-left {
	grid-column: 2 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	gap: 0 !important;
	flex-wrap: wrap !important;
}

.cv-preview-modern .cv-preview-item-header-left h4 {
	font-family: Arial, sans-serif !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1a202c !important;
	font-size: 0.98rem !important;
	margin: 0 !important;
}

.cv-preview-modern .cv-preview-item-subtitle {
	font-style: italic !important;
	font-weight: 400 !important;
	color: #4a5568 !important;
	font-size: 0.98rem !important;
}

/* Experience Section Override: Company (Subtitle) first & bold, Role (h4) second & italic */
.cv-preview-modern .cv-preview-section-experience .cv-preview-item-subtitle {
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1a202c !important;
}
.cv-preview-modern .cv-preview-section-experience h4 {
	font-style: italic !important;
	font-weight: 400 !important;
	color: #4a5568 !important;
}

/* Education Section Override: Degree (h4) first & bold, School (Subtitle) second & italic */
.cv-preview-modern .cv-preview-section-education h4 {
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1a202c !important;
}
.cv-preview-modern .cv-preview-section-education .cv-preview-item-subtitle {
	font-style: italic !important;
	font-weight: 400 !important;
	color: #4a5568 !important;
}

.cv-preview-modern .cv-preview-item-details {
	grid-column: 2 !important;
	margin-top: 3px !important;
}

.cv-preview-modern .cv-preview-item-bullets {
	margin-left: 20px !important;
	padding-left: 0 !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, #000000)) !important;
}

.cv-preview-modern .cv-preview-item-bullets li {
	margin-bottom: 3px !important;
	line-height: 1.35 !important;
	font-size: 0.86rem !important;
}

/* 3-column skills, languages, certificates lists */
.cv-preview-modern .cv-skill-list,
.cv-preview-modern .cv-language-list,
.cv-preview-modern .cv-certificate-list {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 4px 24px !important;
	margin-top: 6px !important;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}

.cv-preview-modern .cv-skill-chip,
.cv-preview-modern[class*="cv-theme-"] .cv-skill-chip,
.cv-preview-modern .cv-language-chip,
.cv-preview-modern[class*="cv-theme-"] .cv-language-chip,
.cv-preview-modern .cv-certificate-chip,
.cv-preview-modern[class*="cv-theme-"] .cv-certificate-chip {
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 20px !important;
	background: none !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 0.95rem !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

/* Comprehensive high-specificity color overrides for all layout items of skills, languages, and certificates */
#cv-builder-workspace .cv-preview-modern .cv-skill-chip,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-skill-chip,
#cv-builder-workspace .cv-preview-modern .cv-skill-grid-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-skill-grid-item,
#cv-builder-workspace .cv-preview-modern .cv-skill-row-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-skill-row-item,
#cv-builder-workspace .cv-preview-modern .cv-skill-chip-bubble,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-skill-chip-bubble,
#cv-builder-workspace .cv-preview-modern .cv-skill-level-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-skill-level-item,
#cv-builder-workspace .cv-preview-modern .cv-language-chip,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-language-chip,
#cv-builder-workspace .cv-preview-modern .cv-lang-grid-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-lang-grid-item,
#cv-builder-workspace .cv-preview-modern .cv-lang-row-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-lang-row-item,
#cv-builder-workspace .cv-preview-modern .cv-lang-chip-bubble,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-lang-chip-bubble,
#cv-builder-workspace .cv-preview-modern .cv-lang-level-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-lang-level-item,
#cv-builder-workspace .cv-preview-modern .cv-certificate-chip,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-certificate-chip,
#cv-builder-workspace .cv-preview-modern .cv-cert-grid-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-cert-grid-item,
#cv-builder-workspace .cv-preview-modern .cv-cert-row-item,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-cert-row-item,
#cv-builder-workspace .cv-preview-modern .cv-cert-chip-bubble,
#cv-builder-workspace .cv-preview-modern[class*="cv-theme-"] .cv-cert-chip-bubble {
	color: #000000 !important;
}

/* Fallback override to guarantee cached debug overlays are hidden */
#cv-debug-overlay {
	display: none !important;
}

/* ==========================================================================
   NEWMORN CV (Bold Template Style Overrides)
   ========================================================================== */

/* Main 2-column container */
#cv-builder-workspace .cv-preview-bold {
	display: flex !important;
	flex-direction: row !important;
	background: #ffffff !important;
	color: #2d3748 !important;
	min-height: 1131.4px !important;
	font-family: 'Inter', sans-serif !important;
	border-radius: 0 !important; /* Sharp A4 edges */
	border: none !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
	padding: 0 !important; /* Remove page container padding to make columns full bleed */
}

/* Left Sidebar Column (Plum Background) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar {
	width: 38% !important; /* Spacious sidebar just like Lara's layout */
	background: var(--cv-sidebar-bg, #50283c) !important;
	color: var(--cv-sidebar-text-color, #ffffff) !important;
	padding: 48px 32px 36px 32px !important; /* Increased margins from outer edges */
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	box-sizing: border-box !important;
	border-radius: 0 !important; /* Sharp sidebar edges */
}

/* Right Main Column (White Background) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main {
	width: 62% !important;
	background: var(--cv-main-bg, var(--cv-page-bg, #ffffff)) !important;
	color: #000000 !important;
	padding: 48px 36px 36px 36px !important; /* Increased margins from outer edges */
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	box-sizing: border-box !important;
	border-radius: 0 !important; /* Sharp main column edges */
}

/* Sidebar Elements Order & Layout */
#cv-builder-workspace .cv-preview-bold .cv-preview-header {
	order: 1 !important;
	grid-column: auto !important;
	grid-row: auto !important;
	background: none !important;
	color: #ffffff !important;
	padding: 0 !important;
	margin: 0 0 4px 0 !important;
	border-radius: 0 !important;
	border: none !important;
	text-align: left !important;
	width: auto !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-header h1 {
	font-family: 'Inter', sans-serif !important;
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	letter-spacing: 0.02em !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-header p {
	font-family: 'Inter', sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.95) !important;
	text-transform: uppercase !important;
	margin: 6px 0 0 0 !important;
	letter-spacing: 0.05em !important;
}

/* Profile Photo placement (below Header in sidebar, full width) */
#cv-builder-workspace .cv-preview-bold .cv-preview-photo-wrap {
	order: 2 !important;
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	margin: 12px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.cv-preview.cv-preview-bold .cv-preview-photo,
.cv-preview.cv-preview-bold[class*="cv-preview-"] .cv-preview-photo,
.cv-preview.cv-preview-bold .cv-preview-photo img,
.cv-preview.cv-preview-bold .cv-preview-photo-placeholder,
.cv-preview.cv-preview-bold .cv-preview-photo-placeholder svg {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: var(--cv-photo-border-radius, 8px) !important;
	object-fit: cover !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 !important;
}

/* Contact block list */
#cv-builder-workspace .cv-preview-bold .cv-preview-contact {
	order: 3 !important;
	grid-column: auto !important;
	grid-row: auto !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 0 8px 0 !important;
	border: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-contact-item:not(.cv-hidden) {
	color: #ffffff !important;
	font-size: 0.85rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: none !important;
	padding: 0 !important;
	border: none !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-contact-item.cv-hidden,
.cv-preview.cv-preview-bold .cv-preview-contact-item.cv-hidden {
	display: none !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-contact-item strong {
	display: none !important; /* Hide label texts 'Email', 'Phone' to match icons flow */
}

#cv-builder-workspace .cv-preview-bold .cv-preview-contact-item span {
	color: #ffffff !important;
}

/* Force contact icons to be white and visible on dark sidebar */
.cv-preview.cv-preview-bold .cv-preview-col-sidebar .cv-contact-icon {
	display: inline-block !important;
	width: 14px !important;
	height: 14px !important;
	color: #ffffff !important;
	opacity: 0.95 !important;
}

.cv-preview.cv-preview-bold .cv-preview-col-sidebar .cv-contact-icon:not([fill="none"]) {
	fill: #ffffff !important; /* Force white fill for map-marker, envelope, receiver */
}

.cv-preview.cv-preview-bold .cv-preview-col-sidebar .cv-contact-icon[fill="none"] {
	fill: none !important; /* Preserve transparency for linkedin, globe */
	stroke: #ffffff !important; /* Force white stroke lines */
}

/* Summary Placement */
#cv-builder-workspace .cv-preview-bold .cv-preview-section-summary {
	order: 4 !important;
	grid-column: auto !important;
	grid-row: auto !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	height: auto !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-section-summary p {
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 0.85rem !important;
	line-height: 1.45 !important;
	text-align: justify !important;
	margin: 0 !important;
	font-family: 'Inter', sans-serif !important;
}

/* Languages Placement */
#cv-builder-workspace .cv-preview-bold .cv-preview-section-languages {
	order: 5 !important;
	grid-column: auto !important;
	grid-row: auto !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	height: auto !important;
}

/* Sidebar Section Headers */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar h3 {
	color: #ffffff !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border-bottom: none !important; /* Remove full-width border */
	padding: 0 0 8px 0 !important; /* Reset padding-left to 0 */
	margin: 20px 0 12px 0 !important;
	border-radius: 0 !important;
	background: none !important;
	text-align: left !important;
	box-shadow: none !important;
	width: auto !important;
	position: relative !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar h3::after {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 32px !important; /* Short line */
	height: 4.5px !important; /* Thick line */
	background-color: #ffffff !important; /* White accent for sidebar */
}

/* Main Column Section Headers */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main h3 {
	color: #000000 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border-bottom: none !important; /* Remove full-width border */
	padding: 0 0 8px 0 !important; /* Reset padding-left to 0 */
	margin: 0 0 14px 0 !important;
	border-radius: 0 !important;
	background: none !important;
	text-align: left !important;
	box-shadow: none !important;
	width: auto !important;
	position: relative !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main h3::after {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 32px !important; /* Short line */
	height: 4.5px !important; /* Thick line */
	background-color: #000000 !important; /* Black accent for main body */
}

/* Remove default heading icon placeholders taking up space */
.cv-preview.cv-preview-bold .cv-preview-section-title::before,
#cv-builder-workspace .cv-preview-bold .cv-preview-section-title::before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	margin-right: 0 !important;
}

/* Sidebar lists styling (Languages / Certificates) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-language-list,
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-certificate-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	padding: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-language-chip,
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-certificate-chip {
	color: #ffffff !important;
	font-size: 0.85rem !important;
	background: none !important;
	padding: 0 !important;
	border: none !important;
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 16px !important;
}

/* Main Column lists styling (Skills) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 8px 16px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-chip {
	color: #000000 !important;
	font-size: 0.85rem !important;
	background: none !important;
	padding: 0 !important;
	border: none !important;
	display: list-item !important;
	list-style-type: disc !important;
	margin-left: 16px !important;
}

/* Main Column sections reset */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-section {
	grid-column: auto !important;
	grid-row: auto !important;
	padding: 0 !important;
	margin: 0 !important; /* Main column gap: 20px is sufficient between sections */
	background: none !important;
	border: none !important;
	height: auto !important;
}

/* Experience & Education Item vertical stack flow (NO GRID OVERLAPS) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	margin-bottom: 12px !important;
	background: none !important;
	padding: 0 !important;
	border: none !important;
	width: 100% !important;
}

/* Item Header flow (Company Name -> Job Title -> Date/Location inline) */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	width: 100% !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	order: 1 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-header-left h4 {
	order: 2 !important; /* Job title below company */
	font-family: 'Inter', sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	color: #4a5568 !important;
	margin: 2px 0 0 0 !important;
	text-transform: none !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-subtitle {
	order: 1 !important; /* Company Name on top */
	font-family: 'Inter', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #000000 !important;
	font-style: normal !important;
	text-transform: none !important;
}

/* Dates & Location inline metadata with pipe separator */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0 !important;
	width: 100% !important;
	order: 2 !important; /* Below Job title */
	margin: 2px 0 6px 0 !important;
	grid-column: auto !important;
	text-align: left !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-meta.date {
	font-family: 'Inter', sans-serif !important;
	font-weight: 400 !important;
	font-size: 0.82rem !important;
	color: #718096 !important;
	margin: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-meta.location {
	font-family: 'Inter', sans-serif !important;
	font-weight: 400 !important;
	font-size: 0.82rem !important;
	color: #718096 !important;
	margin: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-meta.location::before {
	content: " | " !important;
	color: #cbd5e1 !important;
	margin: 0 6px !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-details {
	width: 100% !important;
	margin-top: 2px !important;
	grid-column: auto !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-item-bullets li {
	font-size: 0.85rem !important;
	line-height: 1.45 !important;
	color: var(--cv-preview-bullet, var(--cv-preview-body, #333333)) !important;
	margin-bottom: 3px !important;
}

/* Newmorn CV Languages rating dots in Sidebar */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-languages-level-layout {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-lang-level-item {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	font-size: 0.85rem !important;
	color: #ffffff !important;
	margin: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-lang-level-name {
	font-weight: 500 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-lang-level-dots {
	display: flex !important;
	gap: 5px !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-lang-level-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.25) !important; /* Unfilled */
	display: inline-block !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-sidebar .cv-lang-level-dot.is-filled {
	background-color: var(--cv-level-color, #ffffff) !important;
}

/* Newmorn CV Skills rating dots in Main Column */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skills-level-layout {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important; /* 2-column skills grid just like Lara's design */
	gap: 8px 24px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-level-item {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	font-size: 0.88rem !important;
	color: #000000 !important;
	margin: 0 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-level-name {
	font-weight: 500 !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-level-dots {
	display: flex !important;
	gap: 5px !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-level-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #e2e8f0 !important; /* Unfilled */
	display: inline-block !important;
}

#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-skill-level-dot.is-filled {
	background-color: var(--cv-level-color, var(--cv-preview-accent, #50283c)) !important;
}

/* Eliminate last item margin-bottom inside sections to remove excess whitespace gaps */
#cv-builder-workspace .cv-preview-bold .cv-preview-col-main .cv-preview-section .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

/* ==========================================================================
   New Sections: Awards, Publications, References, Declaration
   ========================================================================== */

/* Classic template styling */
.cv-preview-classic .cv-preview-section-awards,
.cv-preview-classic .cv-preview-section-publications,
.cv-preview-classic .cv-preview-section-references,
.cv-preview-classic .cv-preview-section-declaration {
	grid-column: auto !important;
	grid-row: auto !important;
	margin-top: 6px !important;
}

/* Modern template styling */
.cv-preview-modern .cv-preview-section-awards,
.cv-preview-modern .cv-preview-section-publications,
.cv-preview-modern .cv-preview-section-references,
.cv-preview-modern .cv-preview-section-declaration {
	grid-column: 2;
	padding: 16px 36px 36px 36px;
}

/* Bold template styling */
.cv-preview-bold .cv-preview-section-awards,
.cv-preview-bold .cv-preview-section-publications,
.cv-preview-bold .cv-preview-section-references,
.cv-preview-bold .cv-preview-section-declaration {
	grid-column: 2;
	padding: 12px 36px 36px 36px;
}

/* Flare template styling */
.cv-preview-flare .cv-preview-section-awards,
.cv-preview-flare .cv-preview-section-publications,
.cv-preview-flare .cv-preview-section-references,
.cv-preview-flare .cv-preview-section-declaration {
	grid-column: 2;
	padding: 20px 36px;
}

/* Pseudo element outline masks for new sections */
.cv-preview-icon-outline .cv-preview-section-awards .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.45 1-1 1H4v2h16v-2h-5c-.55 0-1-.45-1-1v-2.34M12 2a4 4 0 0 0-4 4v8h8V6a4 4 0 0 0-4-4z"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-publications .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-references .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>') !important;
}
.cv-preview-icon-outline .cv-preview-section-declaration .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2zM14 2v6h6M16 13H8M16 17H8M10 9H8"/></svg>') !important;
}

/* Pseudo element filled masks for new sections */
.cv-preview-icon-filled .cv-preview-section-awards .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.66 4.34 4.94C8.21 14.2 10.36 15.6 11 16.19V19H9v2h6v-2h-2v-2.81c.64-.59 2.79-1.99 3.66-3.3C19.08 12.66 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-publications .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 6c-2.3-2.1-5.7-3-9-3v14c3.3 0 6.7.9 9 3 2.3-2.1 5.7-3 9-3V3c-3.3 0-6.7.9-9 3z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-references .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>') !important;
}
.cv-preview-icon-filled .cv-preview-section-declaration .cv-preview-section-title::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>') !important;
}

/* Drag and Drop styling */
.cv-dash-accordion-card.cv-dragging {
	opacity: 0.4;
	border: 1px dashed #6366f1 !important;
}
.cv-section-drag-handle {
	transition: color 0.2s ease;
}
.cv-dash-accordion-header:hover .cv-section-drag-handle {
	color: #6366f1 !important;
}

/* Cascading override to prevent double bullets in Modern Expressive template */
.cv-preview-modern .cv-skill-chip,
.cv-preview-modern .cv-language-chip,
.cv-preview-modern .cv-certificate-chip,
.cv-preview-modern .cv-interests-chip,
.cv-preview-modern .cv-skill-grid-item,
.cv-preview-modern .cv-lang-grid-item,
.cv-preview-modern .cv-certificate-chip a,
.cv-preview-modern .cv-interests-chip a {
	display: flex !important;
	list-style: none !important;
	list-style-type: none !important;
}

/* ==========================================
   DESIGN 7: Minimal (Minimal Sleek) Overrides
   ========================================== */
.cv-preview-minimal,
.cv-preview-minimal:has(.cv-preview-col-main) {
	display: grid !important;
	grid-template-columns: 32% 68% !important;
	column-gap: 32px !important;
	row-gap: 16px !important;
	padding: 2cm !important;
	background: var(--cv-page-bg, #ffffff) !important;
	align-content: start !important;
	
	/* Typography & Line Spacing Override Variables */
	--cv-font-body: Georgia, serif !important;
	--cv-font-title: Georgia, serif !important;
	--cv-line-height: 1.35 !important;
	--cv-element-space: 12px !important;
	
	font-family: Georgia, serif !important;
	line-height: 1.35 !important;
}

/* Photo Visibility and Header Layout Toggles */
.cv-preview-minimal.cv-has-photo .cv-preview-photo-wrap {
	display: block !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	justify-self: center !important;
	align-self: center !important;
	padding: 0 !important;
	background: transparent !important;
}

.cv-preview-minimal:not(.cv-has-photo) .cv-preview-photo-wrap {
	display: none !important;
}

.cv-preview-minimal.cv-has-photo .cv-preview-header {
	grid-column: 2 !important;
	grid-row: 1 !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}

.cv-preview-minimal:not(.cv-has-photo) .cv-preview-header {
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}

.cv-preview-minimal.cv-has-photo .cv-preview-contact {
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 6px 16px !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	background: transparent !important;
}

.cv-preview-minimal:not(.cv-has-photo) .cv-preview-contact {
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 6px 16px !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	background: transparent !important;
}

.cv-preview-minimal .cv-preview-photo {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important;
	border: none !important;
	overflow: hidden !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

.cv-preview-minimal .cv-preview-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.cv-preview-minimal .cv-preview-header h1 {
	font-family: Georgia, serif !important;
	font-size: 2.2rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	display: inline-block !important;
	margin: 0 12px 0 0 !important;
	letter-spacing: -0.5px !important;
}

.cv-preview-minimal .cv-preview-header p {
	font-family: Georgia, serif !important;
	font-size: 1.35rem !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #475569 !important;
	display: inline-block !important;
	margin: 0 !important;
}

.cv-preview-minimal .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	font-family: Georgia, serif !important;
	font-size: 0.85rem !important;
	color: #475569 !important;
}

.cv-preview-minimal .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-minimal .cv-contact-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	border: none !important;
	background: transparent !important;
	margin-right: 6px !important;
	color: var(--cv-preview-accent, #d97706) !important;
}

.cv-preview-minimal .cv-contact-icon svg {
	width: 12px !important;
	height: 12px !important;
}

.cv-preview-minimal .cv-preview-col-sidebar {
	grid-column: 1 !important;
	grid-row: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

.cv-preview-minimal .cv-preview-col-main {
	grid-column: 2 !important;
	grid-row: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

/* Sidebar Text & Accent Color Overrides (Force visible charcoal color instead of white, using Georgia) */
.cv-preview-minimal .cv-preview-col-sidebar,
.cv-preview-minimal .cv-preview-col-sidebar span,
.cv-preview-minimal .cv-preview-col-sidebar li,
.cv-preview-minimal .cv-preview-col-sidebar a,
.cv-preview-minimal .cv-preview-col-sidebar p,
.cv-preview-minimal .cv-preview-col-sidebar div,
.cv-preview-minimal .cv-preview-col-sidebar strong,
.cv-preview-minimal .cv-preview-col-sidebar h4,
.cv-preview-minimal .cv-preview-col-sidebar h5,
.cv-preview-minimal .cv-preview-col-sidebar h6,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-contact-item,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-contact-item span,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-item-details,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-item-details p,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-item-details span,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-item-details li,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-item-details strong,
.cv-preview-minimal .cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview-minimal .cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview-minimal .cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-minimal .cv-preview-col-sidebar .cv-language-chip {
	color: #2d3748 !important;
	font-family: Georgia, serif !important;
}

/* Headings with Gold/Accent Underline */
.cv-preview-minimal h3,
.cv-preview-minimal .cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: var(--cv-heading-font-size, 11pt) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding-bottom: 5px !important;
	margin-top: 18px !important;
	margin-bottom: 5px !important; /* Short gap between header and body text */
	border-bottom: 2px solid var(--cv-preview-accent, #d97706) !important;
	color: #111827 !important;
	width: 100% !important;
	grid-column: auto !important;
	background: transparent !important;
	text-align: left !important;
	border-radius: 0 !important;
}

.cv-preview-minimal h3 svg,
.cv-preview-minimal .cv-preview-section-title svg {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	color: #111827 !important;
}

/* Tighten section gap and zero out first content item top margins */
.cv-preview-minimal [data-bind-list],
.cv-preview-minimal [data-bind-list] > *,
.cv-preview-minimal [data-bind-list] .cv-preview-item:first-child,
.cv-preview-minimal [data-bind-list] .cv-preview-item:first-of-type,
.cv-preview-minimal .cv-preview-section-summary p,
.cv-preview-minimal .cv-preview-section > *,
.cv-preview-minimal .cv-preview-section-title + * {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Standardized Body Font Size & Line Spacing (Summary, lists, and bullets match exactly, scaling with slider) */
.cv-preview-minimal .cv-preview-section-summary p,
.cv-preview-minimal .cv-preview-item-details li,
.cv-preview-minimal .cv-preview-item-details p,
.cv-preview-minimal .cv-preview-col-sidebar .cv-skill-grid-item,
.cv-preview-minimal .cv-preview-col-sidebar .cv-lang-grid-item,
.cv-preview-minimal .cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-minimal .cv-preview-col-sidebar .cv-interests-chip,
.cv-preview-minimal .cv-preview-col-sidebar .cv-preview-contact-item,
.cv-preview-minimal .cv-preview-col-sidebar p,
.cv-preview-minimal .cv-preview-col-sidebar li,
.cv-preview-minimal .cv-preview-col-sidebar span {
	font-size: var(--cv-body-font-size, 9pt) !important;
	line-height: 1.45 !important;
}

/* Sidebar List Item Styles (No Bullets, Vertical flow) */
.cv-preview-minimal .cv-preview-col-sidebar [data-bind-list="skills"],
.cv-preview-minimal .cv-preview-col-sidebar [data-bind-list="languages"],
.cv-preview-minimal .cv-preview-col-sidebar [data-bind-list="certificates"],
.cv-preview-minimal .cv-preview-col-sidebar [data-bind-list="interests"] {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	width: 100% !important;
}

.cv-preview-minimal .cv-preview-col-sidebar .cv-skill-grid-item,
.cv-preview-minimal .cv-preview-col-sidebar .cv-lang-grid-item,
.cv-preview-minimal .cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-minimal .cv-preview-col-sidebar .cv-interests-chip {
	display: block !important;
	font-family: Georgia, serif !important;
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
}

.cv-preview-minimal .cv-preview-col-sidebar .cv-skill-grid-item::before,
.cv-preview-minimal .cv-preview-col-sidebar .cv-lang-grid-item::before,
.cv-preview-minimal .cv-preview-col-sidebar .cv-certificate-chip::before,
.cv-preview-minimal .cv-preview-col-sidebar .cv-interests-chip::before {
	content: none !important;
}

/* Experience/Education entry layout (Inline stacking) */
.cv-preview-minimal .cv-preview-item {
	display: flex !important;
	flex-direction: column !important;
	margin-bottom: 16px !important;
	width: 100% !important;
	grid-template-columns: none !important;
}

.cv-preview-minimal .cv-preview-item-header {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.cv-preview-minimal .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 0 !important;
}

.cv-preview-minimal.cv-preview[class*="cv-preview-"] .cv-preview-item-header h4,
.cv-preview-minimal .cv-preview-item-header-left h4,
.cv-preview-minimal .cv-preview-item h4 {
	font-family: Georgia, serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	font-weight: 700 !important;
	color: #1a202c !important;
	margin: 0 !important;
}

.cv-preview-minimal.cv-preview[class*="cv-preview-"] .cv-preview-item-header .subtitle,
.cv-preview-minimal .cv-preview-item-subtitle {
	font-family: Georgia, serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	font-weight: 400 !important;
	color: #4a5568 !important;
	font-style: italic !important;
}

.cv-preview-minimal .cv-preview-item-subtitle::before,
.cv-preview-minimal.cv-preview[class*="cv-preview-"] .cv-preview-item-header .subtitle::before {
	content: ", " !important;
	font-style: normal !important;
}

.cv-preview-minimal .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: Georgia, serif !important;
	font-size: 0.78rem !important;
	color: #4a5568 !important;
}

.cv-preview-minimal .cv-preview-item-location::before {
	content: "| " !important;
	margin-right: 2px !important;
	color: #cbd5e1 !important;
}

.cv-preview-minimal .cv-preview-item-details {
	margin-top: 6px !important;
	grid-column: auto !important;
}

.cv-preview-minimal .cv-preview-item-details ul {
	margin: 4px 0 0 0 !important;
	padding-left: 16px !important;
	list-style-type: disc !important;
}

.cv-preview-minimal .cv-preview-item-details li,
.cv-preview-minimal .cv-preview-item-details p {
	font-family: Georgia, serif !important;
	color: #2d3748 !important;
	margin-bottom: 4px !important;
}

/* ==========================================
   DESIGN 5: Clean Chromatic (Anna Field Style)
   ========================================== */
.cv-preview-chromatic {
	padding: 0 !important;
	background: var(--cv-page-bg, #ffffff) !important;
	color: #2c3e50 !important;
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

.cv-preview-chromatic .cv-preview-photo-wrap {
	display: flex !important;
	justify-content: center !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #991b1b)) !important;
	padding: 35px 0 5px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-preview-chromatic .cv-preview-photo {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important;
	border: 3px solid #ffffff !important;
	object-fit: cover !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.cv-preview-chromatic .cv-preview-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #991b1b)) !important;
	padding: 5px 20px 5px 20px !important;
	margin: 0 !important;
	width: 100% !important;
	text-align: center !important;
	border: none !important;
	box-sizing: border-box !important;
}

.cv-preview.cv-preview-chromatic .cv-preview-header h1,
.cv-preview.cv-preview-chromatic .cv-preview-header h1[data-bind="fullName"] {
	font-size: var(--cv-fullname-font-size, 22pt) !important;
	font-weight: 700 !important;
	color: var(--cv-sidebar-text-color, #ffffff) !important;
	margin: 0 0 4px 0 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: -0.01em !important;
}

.cv-preview-chromatic .cv-preview-header p {
	font-size: var(--cv-title-font-size, 10.5pt) !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: var(--cv-sidebar-text-color, rgba(255, 255, 255, 0.95)) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.cv-preview-chromatic .cv-preview-contact {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 16px !important;
	background: var(--cv-sidebar-bg, var(--cv-preview-accent, #991b1b)) !important;
	padding: 10px 20px 30px 20px !important;
	margin: 0 0 25px 0 !important;
	width: 100% !important;
	border: none !important;
	box-sizing: border-box !important;
}

.cv-preview-chromatic .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: var(--cv-sidebar-text-color, rgba(255, 255, 255, 0.95)) !important;
	font-size: var(--cv-body-font-size, 8.5pt) !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

.cv-preview-chromatic .cv-preview-contact-item a,
.cv-preview-chromatic .cv-preview-contact-item span {
	color: var(--cv-sidebar-text-color, rgba(255, 255, 255, 0.95)) !important;
	text-decoration: none !important;
}

.cv-preview-chromatic .cv-preview-contact-item svg {
	width: 13px !important;
	height: 13px !important;
	color: var(--cv-sidebar-text-color, #ffffff) !important;
	fill: currentColor !important;
}

/* Page margin insets for single-column body sections */
.cv-preview-chromatic .cv-preview-section {
	padding-left: var(--cv-side-margin, 36px) !important;
	padding-right: var(--cv-side-margin, 36px) !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 20px;
	margin-bottom: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Headings with Full-Width Accent Underline */
.cv-preview-chromatic h3,
.cv-preview-chromatic .cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-heading-font-size, 11pt) !important;
	font-weight: 700 !important;
	color: var(--cv-preview-accent, #991b1b) !important;
	border-bottom: 1.5px solid var(--cv-preview-accent, #991b1b) !important;
	padding-bottom: 4px !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	width: 100% !important;
	text-transform: none !important;
	background: transparent !important;
	text-align: left !important;
	border-radius: 0 !important;
}

.cv-preview-chromatic h3 svg,
.cv-preview-chromatic .cv-preview-section-title svg,
.cv-preview-chromatic h3::before,
.cv-preview-chromatic .cv-preview-section-title::before,
.cv-preview-chromatic h3::after,
.cv-preview-chromatic .cv-preview-section-title::after {
	display: none !important; /* Hide icons and icon pseudo-placeholders for clean classic look */
	content: none !important;
}

/* Tighten section gap and zero out first content item top margins */
.cv-preview-chromatic [data-bind-list],
.cv-preview-chromatic [data-bind-list] > *,
.cv-preview-chromatic [data-bind-list] .cv-preview-item:first-child,
.cv-preview-chromatic [data-bind-list] .cv-preview-item:first-of-type,
.cv-preview-chromatic .cv-preview-section-summary p,
.cv-preview-chromatic .cv-preview-section > *,
.cv-preview-chromatic .cv-preview-section-title + * {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Body font settings */
.cv-preview-chromatic .cv-preview-section-summary p,
.cv-preview-chromatic .cv-preview-item-details li,
.cv-preview-chromatic .cv-preview-item-details p,
.cv-preview-chromatic .cv-preview-item-details span,
.cv-preview-chromatic .cv-preview-item-details strong,
.cv-preview-chromatic p,
.cv-preview-chromatic li {
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	line-height: 1.45 !important;
	color: #374151 !important;
}

/* Experience & Education list layout */
.cv-preview-chromatic .cv-preview-item {
	display: flex !important;
	flex-direction: column !important;
	margin-bottom: 14px !important;
	width: 100% !important;
}

.cv-preview-chromatic .cv-preview-item-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	margin-bottom: 3px !important;
	width: 100% !important;
}

.cv-preview-chromatic .cv-preview-item-header-left {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 4px !important;
}

.cv-preview-chromatic .cv-preview-item-header-left h4 {
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	font-weight: 700 !important;
	color: #111827 !important;
	margin: 0 !important;
}

.cv-preview-chromatic .cv-preview-item-subtitle {
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #4b5563 !important;
}

.cv-preview-chromatic .cv-preview-item-subtitle::before {
	content: ", " !important;
	font-style: normal !important;
}

.cv-preview-chromatic .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	gap: 6px !important;
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-body-font-size, 8.5pt) !important;
	color: #4b5563 !important;
	text-align: right !important;
}

.cv-preview-chromatic .cv-preview-item-location::before {
	content: " | " !important;
}

.cv-preview-chromatic .cv-preview-item-details {
	margin-top: 4px !important;
	width: 100% !important;
}

.cv-preview-chromatic .cv-preview-item-details ul {
	margin: 4px 0 0 0 !important;
	padding-left: 16px !important;
	list-style-type: disc !important;
}

.cv-preview-chromatic .cv-preview-item-details li {
	margin-bottom: 3px !important;
}

/* Skills list layout (No bullet prefix if emoji is present, plain blocks) */
.cv-preview-chromatic [data-bind-list="skills"] {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	width: 100% !important;
}

.cv-preview-chromatic .cv-skill-grid-item,
.cv-preview-chromatic .cv-skill-chip-bubble {
	display: block !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	line-height: 1.45 !important;
	color: #374151 !important;
}

/* Languages section (Two-column grid layout with clean dot ratings) */
.cv-preview-chromatic .cv-language-list.cv-languages-level-layout {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	column-gap: 36px !important;
	row-gap: 8px !important;
	flex-direction: row !important;
	width: 100% !important;
}

.cv-preview-chromatic .cv-lang-level-item {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 !important;
}

.cv-preview-chromatic .cv-lang-level-name {
	font-family: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: var(--cv-body-font-size, 9pt) !important;
	font-weight: 700 !important;
	color: #374151 !important;
}

.cv-preview-chromatic .cv-lang-level-dots {
	display: flex !important;
	gap: 5px !important;
	align-items: center !important;
}

.cv-preview-chromatic .cv-lang-level-dot {
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #e5e7eb !important;
}

.cv-preview-chromatic .cv-lang-level-dot.is-filled {
	background-color: var(--cv-preview-accent, #991b1b) !important;
}

/* ==========================================================================
   Template 7: VE Solid Layout
   ========================================================================== */

/* Monospace font for the entire template */
.cv-preview-visual,
.cv-preview-visual * {
	font-family: 'Courier New', Courier, monospace !important;
	color: #000000 !important;
	box-sizing: border-box;
}

/* Page padding & border theme */
.cv-preview-visual {
	padding: 40px 48px !important;
	background-color: var(--cv-page-bg, #ffffff) !important;
	border: none !important;
}

/* Style the page-wise border overlay */
.cv-page-border-overlay {
	border: none !important;
	box-sizing: border-box !important;
	box-shadow: inset 0 0 0 12px var(--cv-preview-accent, #e11d48) !important;
}

/* Ensure borders print properly as vector backgrounds */
@media print {
	.cv-page-border-overlay {
		border: none !important;
		height: 1131.4px !important;
		box-shadow: inset 0 0 0 12px var(--cv-preview-accent, #e11d48) !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	.cv-page-border-overlay[data-page-index="0"] { top: 0px !important; }
	.cv-page-border-overlay[data-page-index="1"] { top: 1131.4px !important; }
	.cv-page-border-overlay[data-page-index="2"] { top: 2262.8px !important; }
	.cv-page-border-overlay[data-page-index="3"] { top: 3394.2px !important; }
	.cv-page-border-overlay[data-page-index="4"] { top: 4525.6px !important; }
	.cv-page-border-overlay[data-page-index="5"] { top: 5657.0px !important; }
	.cv-page-border-overlay[data-page-index="6"] { top: 6788.4px !important; }
	.cv-page-border-overlay[data-page-index="7"] { top: 7919.8px !important; }
	.cv-page-border-overlay[data-page-index="8"] { top: 9051.2px !important; }
	.cv-page-border-overlay[data-page-index="9"] { top: 10182.6px !important; }

	.cv-page-divider {
		display: none !important;
	}
}

/* Header layout: Name on left, Job Title on right */
.cv-preview-visual .cv-preview-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	border-bottom: none !important;
	padding: 0 0 12px 0 !important;
	margin: 0 0 12px 0 !important;
	background: transparent !important;
	width: 100% !important;
}

.cv-preview-visual .cv-preview-header h1 {
	font-size: 20pt !important;
	font-weight: 700 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.cv-preview-visual .cv-preview-header p[data-bind="jobTitle"],
.cv-preview-visual .cv-preview-header .cv-header-subtitle {
	font-size: 14pt !important;
	font-weight: 400 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
	text-align: right !important;
}

/* Contact Info Layout: 2-column grid using :has() for placement */
.cv-preview-visual .cv-preview-contact {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
	gap: 6px 24px !important;
	margin: 0 0 24px 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
	background: transparent !important;
	width: 100% !important;
}

.cv-preview-visual .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	font-size: 10pt !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Hide labels in contact items */
.cv-preview-visual .cv-preview-contact-item strong {
	display: none !important;
}

/* Contact Item placement via :has */
.cv-preview-visual .cv-preview-contact-item:has([data-bind="location"]) {
	grid-column: 1 !important;
	grid-row: 1 !important;
}
.cv-preview-visual .cv-preview-contact-item:has([data-bind="email"]) {
	grid-column: 1 !important;
	grid-row: 2 !important;
}
.cv-preview-visual .cv-preview-contact-item:has([data-bind="website"]) {
	grid-column: 2 !important;
	grid-row: 1 !important;
}
.cv-preview-visual .cv-preview-contact-item:has([data-bind="phone"]) {
	grid-column: 2 !important;
	grid-row: 2 !important;
}

/* Contact Badge Icons */
.cv-preview-visual .cv-contact-icon {
	background-color: var(--cv-preview-accent, #e11d48) !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	width: 18px !important;
	height: 18px !important;
	padding: 3px !important;
	margin-right: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.cv-preview-visual .cv-contact-icon svg,
.cv-preview-visual .cv-contact-icon path {
	stroke: #ffffff !important;
	fill: none !important;
}

/* Section Container Styling */
.cv-preview-visual .cv-preview-section {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	page-break-inside: avoid !important;
	width: 100% !important;
}

/* Section Titles: Preceded by icons, no underlines, clear spacing */
.cv-preview-visual .cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
	font-size: 11pt !important;
	font-weight: 700 !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.cv-preview-visual .cv-preview-section-title::before,
.cv-preview-visual .cv-preview-section-title::after {
	display: none !important;
	content: none !important;
}

.cv-preview-visual .cv-section-icon {
	color: #000000 !important;
	margin-right: 8px !important;
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
}

.cv-preview-visual .cv-section-icon path,
.cv-preview-visual .cv-section-icon rect,
.cv-preview-visual .cv-section-icon polyline,
.cv-preview-visual .cv-section-icon line {
	stroke: #000000 !important;
}

/* Summary / Profile Text */
.cv-preview-visual p[data-bind="summary"] {
	font-size: 10pt !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	color: #000000 !important;
}

/* Experience / Education list item container */
.cv-preview-visual .cv-preview-item {
	margin-bottom: 12px !important;
	width: 100% !important;
}

.cv-preview-visual .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

/* Header for Entry item */
.cv-preview-visual .cv-preview-item-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	width: 100% !important;
	margin-bottom: 4px !important;
}

.cv-preview-visual .cv-preview-item-header-left {
	display: block !important;
	text-align: left !important;
}

.cv-preview-visual .cv-item-title {
	display: inline !important;
	font-size: 10pt !important;
	font-weight: 700 !important;
	color: #000000 !important;
	margin: 0 !important;
}

.cv-preview-visual .cv-item-subtitle {
	display: inline !important;
	font-size: 10pt !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #000000 !important;
	margin: 0 !important;
}

/* Comma separator if both title and subtitle exist */
.cv-preview-visual .cv-item-title + .cv-item-subtitle::before {
	content: ", " !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.cv-preview-visual .cv-preview-item-header-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	justify-content: flex-end !important;
	font-size: 10pt !important;
}

.cv-preview-visual .cv-item-date {
	color: var(--cv-preview-accent, #e11d48) !important;
	font-size: 10pt !important;
	font-weight: 400 !important;
}

.cv-preview-visual .cv-item-location {
	color: #000000 !important;
	font-size: 10pt !important;
	font-weight: 400 !important;
}

.cv-preview-visual .cv-item-date + .cv-item-location::before {
	content: " | " !important;
	color: #000000 !important;
}

/* Descriptions & Bullets */
.cv-preview-visual .cv-preview-item-description {
	font-size: 10pt !important;
	line-height: 1.4 !important;
	color: #000000 !important;
	margin-top: 2px !important;
}

.cv-preview-visual .cv-preview-item-description ul {
	margin: 4px 0 0 0 !important;
	padding-left: 20px !important;
}

.cv-preview-visual .cv-preview-item-description li {
	margin-bottom: 2px !important;
	line-height: 1.4 !important;
	list-style-type: disc !important;
}

/* Certificates Inline List */
.cv-preview-visual .cv-preview-section-certificates [data-bind-list="certificates"] {
	display: block !important;
	line-height: 1.4 !important;
}

.cv-preview-visual .cv-certificate-chip {
	display: inline !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 10pt !important;
	color: #000000 !important;
}

.cv-preview-visual .cv-certificate-chip::after {
	content: " • " !important;
	font-weight: 700 !important;
}

.cv-preview-visual .cv-certificate-chip:last-child::after {
	content: "" !important;
}

/* Languages Inline List */
.cv-preview-visual .cv-preview-section-languages [data-bind-list="languages"] {
	display: block !important;
	line-height: 1.4 !important;
	font-size: 10pt !important;
}

/* Skills section: 2-column grid with dots */
.cv-preview-visual .cv-skill-list {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	column-gap: 40px !important;
	row-gap: 6px !important;
	width: 100% !important;
}

.cv-preview-visual .cv-skill-item {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cv-preview-visual .cv-skill-name {
	font-size: 10pt !important;
	font-weight: 400 !important;
	color: #000000 !important;
}

.cv-preview-visual .cv-skill-rating {
	display: flex !important;
	gap: 4px !important;
	align-items: center !important;
}

.cv-preview-visual .cv-skill-dot {
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #e5e7eb !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cv-preview-visual .cv-skill-dot.filled {
	background-color: #000000 !important;
}

/* DESIGN: Modern Unified CV (sleek) */
.cv-preview-sleek,
.cv-preview-sleek:has(.cv-preview-col-main) {
	display: block !important;
	padding: 0 !important;
	background: var(--cv-page-bg, #ffffff) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	color: #334155 !important;
	position: relative !important;
}

.cv-preview-sleek::after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

/* Header */
.cv-preview-sleek .cv-preview-header {
	background: #1a2d37 !important;
	color: #ffffff !important;
	padding: 32px 40px 12px 40px !important;
	margin: 0 !important;
	border-bottom: none !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
}

.cv-preview-sleek .cv-preview-header h1 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 24pt !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.cv-preview-sleek .cv-preview-header p[data-bind="jobTitle"],
.cv-preview-sleek .cv-preview-header .cv-header-subtitle {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 13pt !important;
	font-weight: 400 !important;
	color: #e2e8f0 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

/* Profile Photo */
.cv-preview-sleek.cv-has-photo .cv-preview-photo-wrap {
	display: block !important;
	position: absolute !important;
	top: 32px !important;
	right: 40px !important;
	width: 100px !important;
	height: 100px !important;
	z-index: 10 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cv-preview-sleek .cv-preview-photo {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important;
	border: 3px solid #ffffff !important;
	overflow: hidden !important;
	background: #cbd5e1 !important;
}

.cv-preview-sleek .cv-preview-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Contact Block connects to Header */
.cv-preview-sleek .cv-preview-contact {
	background: #1a2d37 !important;
	color: #ffffff !important;
	padding: 0 40px 28px 40px !important;
	margin: 0 0 28px 0 !important;
	border-bottom: none !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cv-preview-sleek .cv-preview-contact-item {
	display: flex !important;
	align-items: center !important;
	color: #e2e8f0 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 8.5pt !important;
	line-height: 1.3 !important;
	margin: 0 !important;
}

.cv-preview-sleek .cv-preview-contact-item strong {
	display: none !important;
}

.cv-preview-sleek .cv-contact-icon {
	color: #ffffff !important;
	margin-right: 6px !important;
	width: 13px !important;
	height: 13px !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.cv-preview-sleek .cv-contact-icon svg,
.cv-preview-sleek .cv-contact-icon path {
	stroke: #ffffff !important;
	fill: none !important;
}

/* Columns */
.cv-preview-sleek .cv-preview-col-sidebar {
	width: 290px !important;
	padding-left: 40px !important;
	box-sizing: border-box !important;
	float: left !important;
	background: transparent !important;
}

.cv-preview-sleek .cv-preview-col-sidebar,
.cv-preview-sleek .cv-preview-col-sidebar span,
.cv-preview-sleek .cv-preview-col-sidebar li,
.cv-preview-sleek .cv-preview-col-sidebar a,
.cv-preview-sleek .cv-preview-col-sidebar p,
.cv-preview-sleek .cv-preview-col-sidebar div,
.cv-preview-sleek .cv-preview-col-sidebar strong,
.cv-preview-sleek .cv-preview-col-sidebar h1,
.cv-preview-sleek .cv-preview-col-sidebar h2,
.cv-preview-sleek .cv-preview-col-sidebar h3,
.cv-preview-sleek .cv-preview-col-sidebar h4,
.cv-preview-sleek .cv-preview-col-sidebar h5,
.cv-preview-sleek .cv-preview-col-sidebar h6,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-contact-item,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-contact-item span,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-item-details,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-item-details p,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-item-details span,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-item-details li,
.cv-preview-sleek .cv-preview-col-sidebar .cv-preview-item-details strong,
.cv-preview-sleek .cv-preview-col-sidebar .cv-lang-chip-bubble,
.cv-preview-sleek .cv-preview-col-sidebar .cv-skill-chip-bubble,
.cv-preview-sleek .cv-preview-col-sidebar .cv-certificate-chip,
.cv-preview-sleek .cv-preview-col-sidebar .cv-language-chip {
	color: #334155 !important;
}

.cv-preview-sleek .cv-preview-col-main {
	width: 430px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
	float: right !important;
}

/* Sections */
.cv-preview-sleek .cv-preview-section {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	page-break-inside: avoid !important;
	width: 100% !important;
}

/* Grey Badges for Section Titles */
.cv-preview-sleek .cv-preview-section-title {
	display: flex !important;
	align-items: center !important;
	background: #f1f5f9 !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	margin: 0 0 12px 0 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 8.5pt !important;
	font-weight: 700 !important;
	color: #334155 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	border-bottom: none !important;
}

.cv-preview-sleek .cv-preview-section-title::before,
.cv-preview-sleek .cv-preview-section-title::after {
	display: none !important;
	content: none !important;
}

.cv-preview-sleek .cv-section-icon {
	color: #334155 !important;
	margin-right: 8px !important;
	width: 14px !important;
	height: 14px !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
}

.cv-preview-sleek .cv-section-icon path,
.cv-preview-sleek .cv-section-icon rect,
.cv-preview-sleek .cv-section-icon polyline,
.cv-preview-sleek .cv-section-icon line,
.cv-preview-sleek .cv-section-icon circle {
	stroke: #334155 !important;
}

/* Body Text & line-heights */
.cv-preview-sleek p,
.cv-preview-sleek li,
.cv-preview-sleek span {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 9pt !important;
	line-height: 1.45 !important;
	color: #334155 !important;
}

.cv-preview-sleek p[data-bind="summary"] {
	margin: 0 !important;
}

/* Entries formatting */
.cv-preview-sleek .cv-preview-item {
	margin-bottom: 14px !important;
	width: 100% !important;
}

.cv-preview-sleek .cv-preview-item:last-child {
	margin-bottom: 0 !important;
}

.cv-preview-sleek .cv-preview-item strong {
	display: block !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 9.5pt !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin-bottom: 2px !important;
}

.cv-preview-sleek .cv-preview-item-header {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 9pt !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

.cv-preview-sleek .cv-preview-item-meta {
	font-family: Georgia, "Times New Roman", serif !important;
	font-style: italic !important;
	font-size: 8.5pt !important;
	color: #64748b !important;
	margin-bottom: 4px !important;
}

.cv-preview-sleek .cv-preview-item-details {
	margin-top: 4px !important;
}

.cv-preview-sleek .cv-preview-item-details p {
	margin: 0 0 4px 0 !important;
}

.cv-preview-sleek .cv-preview-item-details ul {
	margin: 0 !important;
	padding-left: 18px !important;
}

.cv-preview-sleek .cv-preview-item-details li {
	margin-bottom: 4px !important;
	list-style-type: disc !important;
}

/* Skills list as bullets */
.cv-preview-sleek .cv-skill-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.cv-preview-sleek .cv-skill-chip {
	display: block !important;
	background: transparent !important;
	border: none !important;
	color: #334155 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 9pt !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-sleek .cv-skill-chip::before {
	content: "• " !important;
	color: #64748b !important;
	font-weight: 700 !important;
	margin-right: 6px !important;
}

/* Languages and certificates list */
.cv-preview-sleek .cv-language-list,
.cv-preview-sleek .cv-certificate-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.cv-preview-sleek .cv-certificate-chip {
	display: block !important;
	background: transparent !important;
	border: none !important;
	color: #334155 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 9pt !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

.cv-preview-sleek .cv-certificate-chip::before {
	content: "• " !important;
	color: #64748b !important;
	font-weight: 700 !important;
	margin-right: 6px !important;
}

/* Rating Dots for Languages */
.cv-preview-sleek .cv-lang-level-item {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
}

.cv-preview-sleek .cv-lang-level-name {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 9pt !important;
	color: #334155 !important;
}

.cv-preview-sleek .cv-lang-level-dots {
	display: flex !important;
	gap: 4px !important;
	align-items: center !important;
}

.cv-preview-sleek .cv-lang-level-dot {
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #cbd5e1 !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cv-preview-sleek .cv-lang-level-dot.is-filled {
	background-color: #334155 !important;
}

/* August 2026 refresh: light blue theme + safer full-page workspace layout */
.cv-builder-app {
	--cv-bg: #eef7ff;
	--cv-surface: #ffffff;
	--cv-ink: #0f2740;
	--cv-muted: #58708a;
	--cv-line: #cfe2f7;
	--cv-accent: #38bdf8;
	--cv-accent-strong: #0ea5e9;
	--cv-shadow: 0 24px 60px rgba(56, 189, 248, 0.12), 0 2px 6px rgba(15, 39, 64, 0.06);
	background:
		radial-gradient(circle at top left, rgba(125, 211, 252, 0.28), transparent 32%),
		linear-gradient(180deg, #f4fbff 0%, #eaf5ff 100%);
}

.cv-home-hero {
	background:
		radial-gradient(circle at 92% 18%, rgba(125, 211, 252, 0.28), transparent 32%),
		radial-gradient(circle at 12% 82%, rgba(147, 197, 253, 0.18), transparent 28%),
		linear-gradient(135deg, #ffffff 0%, #eef7ff 100%);
	border-color: rgba(186, 230, 253, 0.95);
	box-shadow: 0 36px 70px rgba(56, 189, 248, 0.10);
}

.cv-home-copy p,
.cv-builder-heading p,
.cv-onboarding-subtext {
	color: #4c6782 !important;
}

.cv-home-primary,
.cv-template-pill,
.cv-builder-button,
.cv-topbar-download-btn {
	background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
	box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18) !important;
}

.cv-home-secondary,
.cv-builder-button-secondary {
	background: #f3faff !important;
	border-color: #bfdbfe !important;
	color: #12314f !important;
}

.cv-builder-panel,
.cv-dash-contact-card,
.cv-builder-shell > *,
.cv-topbar,
.cv-template-card {
	box-shadow: 0 18px 40px rgba(14, 165, 233, 0.08) !important;
}

.cv-builder-app input,
.cv-builder-app textarea,
.cv-builder-app select,
.cv-topbar-resume-select {
	background: #f7fbff !important;
	border-color: #c7ddf4 !important;
	color: #12314f !important;
}

.cv-builder-app input:focus,
.cv-builder-app textarea:focus,
.cv-builder-app select:focus {
	border-color: #7dd3fc !important;
	box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.14) !important;
	outline: none !important;
}

.cv-workspace-body {
	background: linear-gradient(180deg, #f4fbff 0%, #e8f3ff 100%) !important;
	min-height: calc(100vh - 92px) !important;
	height: calc(100vh - 92px) !important;
	max-height: calc(100vh - 92px) !important;
	overflow: hidden !important;
}

.cv-workspace-editor-column,
.cv-workspace-preview-column {
	background: linear-gradient(180deg, #f8fcff 0%, #edf6ff 100%) !important;
	min-height: calc(100vh - 92px) !important;
	height: calc(100vh - 92px) !important;
	max-height: calc(100vh - 92px) !important;
}

.cv-workspace-preview-column {
	padding-bottom: 40px !important;
}

.cv-workspace-editor-column {
	padding-bottom: 120px !important;
	scroll-padding-bottom: 120px !important;
}

.cv-workspace-preview-column .cv-preview-sheet-container,
.cv-preview-sheet-container.large-preview {
	background: #fafdff !important;
	border: 1px solid #cfe2f7 !important;
	box-shadow: 0 18px 42px rgba(37, 99, 235, 0.10) !important;
}

.cv-preview-sheet-container {
	overflow: visible !important;
}

.cv-preview-sheet-container .cv-preview,
.cv-preview-sheet-container.large-preview [data-preview-modal] {
	background: var(--cv-page-bg, #ffffff) !important;
}

/* Onboarding full-screen cleanup */
.cv-onboarding-choice,
.cv-step-experience,
.cv-step-company,
.cv-step-goals,
.cv-step-industries,
.cv-step-templates,
.cv-onboarding-upgrade {
	background: linear-gradient(180deg, #f6fbff 0%, #ebf5ff 100%) !important;
	min-height: calc(100vh - 24px) !important;
	padding: 24px 0 36px !important;
	box-sizing: border-box !important;
}

.cv-onboarding-container {
	background: transparent !important;
	min-height: calc(100vh - 84px) !important;
	max-width: 1120px !important;
	padding: 56px 28px 40px !important;
	justify-content: flex-start !important;
	gap: 28px !important;
}

.cv-step-templates .cv-onboarding-container {
	max-width: 1820px !important;
	padding: 28px 56px 44px !important;
}

.cv-onboarding-title {
	color: #0f2740 !important;
	margin-bottom: 18px !important;
}

.cv-onboarding-footer-text,
.cv-onboarding-subtext {
	color: #52708e !important;
}

.cv-choice-card,
.cv-exp-card,
.cv-company-card,
.cv-goal-card,
.cv-industry-pill,
.cv-custom-industry-box input {
	box-shadow: 0 10px 24px rgba(56, 189, 248, 0.05) !important;
}

.cv-onboarding-actions {
	margin-top: auto !important;
	padding-top: 28px !important;
	border-top-color: #d6e6f7 !important;
}

/* Final blue background enforcement */
html,
body {
	background: #eef6ff !important;
	min-height: 100% !important;
}

body {
	margin: 0 !important;
}

.cv-builder-app,
.cv-builder-workspace,
.cv-builder-workspace-view,
.cv-builder-workspace-view:not(.cv-hidden),
.cv-onboarding-choice,
.cv-step-experience,
.cv-step-company,
.cv-step-goals,
.cv-step-industries,
.cv-step-templates,
.cv-onboarding-upgrade,
.cv-home-steps {
	background: #eef6ff !important;
}

.cv-home-steps {
	border-radius: 32px !important;
	box-shadow: 0 18px 42px rgba(56, 189, 248, 0.08) !important;
}

.cv-home-steps .cv-home-container {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.cv-home-section-heading h2,
.cv-upgrade-step-text,
.cv-upgrade-footer-title,
.cv-step-copy strong {
	color: #0f2740 !important;
}

.cv-step-copy small,
.cv-stats-text,
.cv-upload-helptext {
	color: #54718e !important;
}

.cv-upgrade-icon-box,
.cv-stats-timer-box {
	background: #f7fbff !important;
	border-color: #cfe2f7 !important;
}

.cv-upgrade-footer,
.cv-upgrade-cta,
.cv-upgrade-steps-container {
	background: transparent !important;
}


/* ==========================================================================
   HOMEPAGE PREMIUM OVERHAUL ADDITIONS
   ========================================================================== */

.cv-hero-sheet-profile {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 16px !important;
}

.cv-hero-sheet-photo {
	width: 36px !important;
	height: 36px !important;
	background: #e2e8f0 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	border: 1px solid #cbd5e1 !important;
}

.cv-hero-sheet-photo svg {
	width: 24px !important;
	height: 24px !important;
}

.cv-hero-sheet-name h3 {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 !important;
}

.cv-hero-sheet-name p {
	font-size: 0.72rem !important;
	color: #64748b !important;
	margin: 2px 0 0 !important;
}

.cv-hero-skill-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	margin-top: 6px !important;
}

.cv-hero-skill-chips span {
	background: rgba(2, 132, 199, 0.08) !important;
	color: var(--cv-accent) !important;
	font-size: 0.65rem !important;
	font-weight: 600 !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
}




/* Ensure all interactive fields inherit our primary fonts correctly */
.cv-builder-app button,
.cv-builder-app input,
.cv-builder-app textarea,
.cv-builder-app select,
.cv-builder-app label,
.cv-builder-app span,
.cv-builder-app p,
.cv-builder-app small,
.cv-builder-app strong,
.cv-builder-app div {
	font-family: var(--cv-font-body) !important;
}

.cv-builder-app h1,
.cv-builder-app h2,
.cv-builder-app h3,
.cv-builder-app h4,
.cv-builder-app h5,
.cv-builder-app h6,
.cv-builder-app .cv-onboarding-title,
.cv-builder-app h2:not(.cv-preview *) {
	font-family: var(--cv-font-title) !important;
}

/* ========================================================================== 
   ENTRY LAYOUT PANEL POLISH
   ========================================================================== */

.cv-customizer-subpanel[data-customizer-panel="entries"] {
	padding-right: 6px !important;
}

.cv-customizer-subpanel[data-customizer-panel="entries"] .cv-customizer-subheading {
	margin-bottom: 18px !important;
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	color: #102a43 !important;
	letter-spacing: -0.02em !important;
}

.cv-entry-layout-card {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
	border: 1px solid #d8e7fb !important;
	border-radius: 26px !important;
	padding: 18px !important;
	box-shadow: 0 20px 38px rgba(46, 109, 187, 0.08) !important;
}

.cv-entry-layout-card .cv-layout-setting-row--primary {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 10px !important;
	align-items: start !important;
	padding: 14px 14px 14px 16px !important;
	margin-bottom: 12px !important;
	border: 1px solid #e3edf9 !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 18px rgba(15, 39, 64, 0.045) !important;
	overflow: hidden !important;
}

.cv-entry-layout-card .cv-layout-setting-row--primary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	border-radius: 999px;
	background: linear-gradient(180deg, #38bdf8 0%, #2563eb 100%);
}

.cv-entry-layout-card .cv-layout-setting-row--primary:last-of-type {
	margin-bottom: 18px !important;
}

.cv-entry-layout-card .cv-layout-row-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
}

.cv-entry-layout-card .cv-layout-row-title {
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #102a43 !important;
	letter-spacing: -0.015em !important;
}

.cv-entry-layout-card .cv-layout-row-sub {
	font-size: 0.78rem !important;
	line-height: 1.35 !important;
	color: #5f7b99 !important;
	max-width: 42ch !important;
}

.cv-entry-layout-card .cv-pill-choice-group {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-self: stretch !important;
	width: 100% !important;
	background: #edf4fd !important;
	padding: 4px !important;
	border-radius: 16px !important;
	gap: 4px !important;
	box-shadow: inset 0 0 0 1px #dbe8f8 !important;
}

.cv-entry-layout-card .cv-pill-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 40px !important;
	padding: 8px 12px !important;
	border-radius: 12px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: #60748f !important;
}

.cv-entry-layout-card .cv-pill-btn:hover {
	transform: translateY(-1px) !important;
	color: #17324d !important;
}

.cv-entry-layout-card .cv-pill-btn.is-active {
	background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
	color: #4f46e5 !important;
	box-shadow: 0 5px 14px rgba(79, 70, 229, 0.12) !important;
}

.cv-entry-layout-card .cv-customizer-advanced-accordion {
	margin-top: 4px !important;
	padding-top: 0 !important;
	border-top: none !important;
}

.cv-entry-layout-card .cv-customizer-advanced-trigger {
	padding: 12px 16px !important;
	border: 1px solid #dce9f8 !important;
	border-radius: 16px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
	box-shadow: 0 8px 18px rgba(15, 39, 64, 0.035) !important;
}

.cv-entry-layout-card .cv-customizer-advanced-trigger span {
	font-size: 0.94rem !important;
	font-weight: 800 !important;
	color: #102a43 !important;
}

.cv-entry-layout-card .cv-accordion-arrow {
	color: #4f46e5 !important;
}

.cv-entry-layout-card .cv-customizer-advanced-content {
	margin-top: 12px !important;
	padding: 14px !important;
	border: 1px solid #dde9f7 !important;
	border-radius: 18px !important;
	background: linear-gradient(180deg, #f9fbff 0%, #f2f7ff 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 22px rgba(46, 109, 187, 0.05) !important;
	gap: 10px !important;
}

.cv-entry-layout-card .cv-advanced-setting-group {
	gap: 7px !important;
}

.cv-entry-layout-card .cv-advanced-setting-group[style*="border-bottom"] {
	padding-bottom: 10px !important;
	border-bottom: 1px solid #d9e6f5 !important;
}

.cv-entry-layout-card .cv-advanced-setting-group > span:first-child,
.cv-entry-layout-card .cv-advanced-setting-group > div > span:first-child {
	font-size: 0.84rem !important;
	font-weight: 800 !important;
	color: #17324d !important;
}

.cv-entry-layout-card .cv-advanced-setting-group > div > span:last-child {
	font-size: 0.74rem !important;
	line-height: 1.35 !important;
	color: #6b84a0 !important;
}

.cv-entry-layout-card .cv-font-style-choices,
.cv-entry-layout-card .cv-pill-choice-group[style*="width: 100%"] {
	width: 100% !important;
}

.cv-entry-layout-card .cv-style-choice-btn,
.cv-entry-layout-card [data-list-style],
.cv-entry-layout-card [data-sub-place],
.cv-entry-layout-card [data-loc-place],
.cv-entry-layout-card [data-order] {
	flex: 1 !important;
}

.cv-entry-layout-card .cv-toggle-switch {
	flex-shrink: 0 !important;
}

@media (max-width: 680px) {
	.cv-entry-layout-card {
		padding: 12px !important;
		border-radius: 18px !important;
	}

	.cv-entry-layout-card .cv-layout-setting-row--primary {
		padding: 13px !important;
		gap: 10px !important;
	}

	.cv-entry-layout-card .cv-layout-row-sub {
		max-width: none !important;
	}

	.cv-entry-layout-card .cv-pill-choice-group {
		width: 100% !important;
	}

	.cv-entry-layout-card .cv-pill-btn {
		flex: 1 !important;
		min-height: 38px !important;
		padding: 8px 10px !important;
		font-size: 0.8rem !important;
	}
}