.ida-tab--locked {
	color: var(--color-text-tertiary, rgba(37, 43, 58, 0.45));
	cursor: not-allowed;
	opacity: 0.72;
}

.ida-tab--locked:hover {
	background: none;
}

.ida-tab--locked.is-active {
	color: var(--color-text-tertiary, rgba(37, 43, 58, 0.45));
	opacity: 0.82;
}

.ida-tab-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ida-lock-icon {
	display: inline-block;
	vertical-align: middle;
	flex: 0 0 auto;
}

.ida-tab-panel--locked .da-markdown {
	min-height: 180px;
}

.ida-synthesis-preview {
	position: relative;
}

.ida-synthesis-fade {
	position: relative;
}

.ida-synthesis-fade::after,
.ida-synthesis-aim-card .ida-synthesis-fade::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 40%, #ffffff 100%) !important;
	pointer-events: none;
	z-index: 1;
}

.ida-synthesis-aim-card .ida-upsell-card {
	border: none;
	box-shadow: none;
	background: none;
	border-radius: 0;
	margin: 0;
	padding: 20px 0 4px;
	overflow: visible;
}

.ida-synthesis-aim-card .ida-upsell-card::before {
	display: none;
}

.ida-synthesis-gated-wrap {
	position: relative;
	margin-top: 20px;
	padding: 22px;
	border-radius: 22px;
	border: 0.5px solid var(--color-border-secondary, rgba(23, 34, 56, 0.12));
	background:
		linear-gradient(180deg, rgba(83, 74, 183, 0.03), rgba(83, 74, 183, 0.01)),
		var(--color-background-primary, #ffffff);
	box-shadow: 0 12px 30px rgba(17, 25, 40, 0.045);
}

.ida-synthesis-gated-intro {
	margin-bottom: 14px;
}

.ida-synthesis-gated-kicker {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6a5fd2;
	margin-bottom: 8px;
}

.ida-synthesis-gated-title {
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--color-text-secondary, #4f5d77);
	max-width: 48rem;
}

.ida-synthesis-gated {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	padding: 14px;
	background: rgba(255, 255, 255, 0.72);
}

.ida-synthesis-gated::after {
	content: "";
	position: absolute;
	inset: 0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background:
		linear-gradient(to bottom, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.5) 42%, rgba(255,255,255,0.9) 100%),
		linear-gradient(90deg, rgba(83,74,183,0.04), rgba(83,74,183,0.01));
	pointer-events: none;
}

.ida-synthesis-gated-card {
	padding: 16px 18px;
	border-radius: 16px;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.82), rgba(245,244,255,0.92));
	border: 0.5px solid rgba(83, 74, 183, 0.12);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

.ida-synthesis-gated-card + .ida-synthesis-gated-card {
	margin-top: 10px;
}

.ida-synthesis-gated-card--short {
	padding-bottom: 12px;
}

.ida-synthesis-gated-card--compact {
	padding-top: 14px;
	padding-bottom: 14px;
}

.ida-synthesis-gated-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.ida-synthesis-gated-card__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: var(--color-text-primary, #1c2230);
}

.ida-synthesis-gated-card__lock {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6a5fd2;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(106, 95, 210, 0.1);
}

.ida-synthesis-gated-card__lines {
	display: grid;
	gap: 8px;
}

.ida-synthesis-gated-card__line {
	display: block;
	height: 9px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(106,95,210,0.12), rgba(106,95,210,0.05));
}

.ida-synthesis-gated-card__line.is-wide {
	width: 92%;
}

.ida-synthesis-gated-card__line.is-short {
	width: 58%;
}

.ida-upsell-card {
	position: relative;
	overflow: hidden;
	border: 0.5px solid rgba(106, 95, 210, 0.14);
	border-radius: 20px;
	padding: 36px 32px 30px;
	text-align: center;
	margin: 20px 0;
	background:
		linear-gradient(180deg, rgba(245, 244, 255, 0.55) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow:
		0 1px 2px rgba(106, 95, 210, 0.06),
		0 8px 24px rgba(17, 25, 40, 0.055),
		0 20px 40px rgba(83, 74, 183, 0.04);
}

.ida-upsell-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #9b8ef0, #534ab7 40%, #534ab7 60%, #9b8ef0);
}

.ida-upsell-eyebrow {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6a5fd2;
	margin-bottom: 10px;
}

.ida-upsell-headline {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text-primary, #1c2230);
	margin-bottom: 12px;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

.ida-upsell-body {
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--color-text-secondary, #4f5d77);
	margin: 0 auto 18px;
	max-width: 540px;
}

.ida-upsell-features {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-bottom: 20px;
}

.ida-upsell-feature {
	font-size: 11.5px;
	font-weight: 500;
	padding: 5px 14px;
	background: linear-gradient(135deg, #eeedfe, #e6e4fc);
	color: #3c3489;
	border-radius: 999px;
	border: 0.5px solid rgba(106, 95, 210, 0.1);
}

.ida-upsell-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.ida-upsell-cta-primary {
	display: inline-block;
	padding: 12px 28px;
	background: #373737;
	color: #fff;
	border: none;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(83, 74, 183, 0.28);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ida-upsell-cta-primary:hover,
.ida-upsell-cta-primary:focus {
	color: #fff;
	background: linear-gradient(135deg, #7c6fe0, #6358c4);
	box-shadow: 0 6px 20px rgba(83, 74, 183, 0.38);
	transform: translateY(-1px);
}

.ida-upsell-cta-secondary {
	font-size: 13px;
	color: var(--color-text-secondary, #4f5d77);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.da-integral-dark .ida-upsell-card,
.da-theme-dark .ida-upsell-card,
.da-about-page.da-integral-dark .ida-upsell-card {
	background:
		linear-gradient(180deg, rgba(83, 74, 183, 0.1) 0%, rgba(18, 24, 37, 0.96) 100%);
	border-color: rgba(136, 124, 244, 0.16);
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.2),
		0 18px 36px rgba(0, 0, 0, 0.28);
}

.da-integral-dark .ida-upsell-card::before,
.da-theme-dark .ida-upsell-card::before {
	background: linear-gradient(90deg, #887cf4, #6a5fd2 40%, #6a5fd2 60%, #887cf4);
}

.da-integral-dark .ida-upsell-cta-primary,
.da-theme-dark .ida-upsell-cta-primary {
	background: linear-gradient(135deg, #7c6fe0, #6358c4);
	box-shadow: 0 4px 14px rgba(106, 95, 210, 0.35);
}

.da-integral-dark .ida-upsell-cta-primary:hover,
.da-integral-dark .ida-upsell-cta-primary:focus,
.da-theme-dark .ida-upsell-cta-primary:hover,
.da-theme-dark .ida-upsell-cta-primary:focus {
	background: linear-gradient(135deg, #9b8ef0, #7c6fe0);
	box-shadow: 0 6px 20px rgba(136, 124, 244, 0.4);
}

.da-integral-dark .ida-upsell-feature,
.da-theme-dark .ida-upsell-feature {
	background: rgba(136, 124, 244, 0.12);
	border-color: rgba(136, 124, 244, 0.14);
	color: #cfc8ff;
}

.da-integral-dark .ida-upsell-eyebrow,
.da-theme-dark .ida-upsell-eyebrow {
	color: #a89ef4;
}

.da-integral-dark .ida-synthesis-fade::after,
.da-theme-dark .ida-synthesis-fade::after {
	background: linear-gradient(to bottom, rgba(19,19,22,0) 40%, rgba(19,19,22,1) 100%);
}

.da-integral-dark .ida-synthesis-aim-card .ida-upsell-card,
.da-theme-dark .ida-synthesis-aim-card .ida-upsell-card {
	background: none;
	border: none;
	box-shadow: none;
}

.da-integral-dark .ida-synthesis-gated-wrap,
.da-theme-dark .ida-synthesis-gated-wrap {
	background:
		linear-gradient(180deg, rgba(83, 74, 183, 0.1), rgba(83, 74, 183, 0.03)),
		rgba(17, 22, 34, 0.92);
}

.da-integral-dark .ida-synthesis-gated,
.da-theme-dark .ida-synthesis-gated {
	background: rgba(255, 255, 255, 0.04);
}

.da-integral-dark .ida-synthesis-gated::after,
.da-theme-dark .ida-synthesis-gated::after {
	background:
		linear-gradient(to bottom, rgba(7,10,18,0.14) 0%, rgba(12,16,26,0.54) 42%, rgba(12,16,26,0.94) 100%),
		linear-gradient(90deg, rgba(83,74,183,0.08), rgba(83,74,183,0.02));
}

.da-integral-dark .ida-synthesis-gated-title,
.da-theme-dark .ida-synthesis-gated-title {
	color: rgba(231, 236, 247, 0.72);
}

.da-integral-dark .ida-synthesis-gated-card,
.da-theme-dark .ida-synthesis-gated-card {
	background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
	border-color: rgba(136, 124, 244, 0.18);
}

.da-integral-dark .ida-synthesis-gated-card__label,
.da-theme-dark .ida-synthesis-gated-card__label {
	color: #f6f7fb;
}

.da-integral-dark .ida-synthesis-gated-card__lock,
.da-theme-dark .ida-synthesis-gated-card__lock {
	background: rgba(136, 124, 244, 0.14);
	color: #cfc8ff;
}

.da-integral-dark .ida-synthesis-gated-card__line,
.da-theme-dark .ida-synthesis-gated-card__line {
	background: linear-gradient(90deg, rgba(207,200,255,0.16), rgba(207,200,255,0.06));
}

.da-integral-dark .ida-upsell-body,
.da-theme-dark .ida-upsell-body {
	color: rgba(231, 236, 247, 0.76);
}

.da-integral-dark .ida-upsell-headline,
.da-theme-dark .ida-upsell-headline {
	color: #f6f7fb;
}

@media (max-width: 767px) {
	.ida-synthesis-gated-wrap {
		padding: 16px;
	}

	.ida-upsell-card {
		padding: 28px 20px 24px;
		text-align: left;
	}

	.ida-upsell-headline {
		font-size: 18px;
	}

	.ida-upsell-actions,
	.ida-upsell-features {
		justify-content: flex-start;
	}

	.ida-upsell-cta-primary {
		width: 100%;
		text-align: center;
	}
}