.kodo-profile-talent-map-panel {
	font-family: system-ui, sans-serif;
}

paddle-subscription-provider{
	display: none;
}

/* Layout */

.kodo-profile-talent-map-panel .talent-map {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.kodo-profile-talent-map-panel .talent-map__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 8px;
}

.kodo-profile-talent-map-panel .talent-map__title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 20px;
	font-weight: 700;
	color: #111827;
	margin: 0;
}

.kodo-profile-talent-map-panel .talent-map__title-icon {
	width: 24px;
	height: 24px;
	color: #f59e0b;
	stroke-width: 2;
}

/* Cards */

.kodo-profile-talent-map-panel .talent-map__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.kodo-profile-talent-map-panel .talent-card {
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 32px;
	padding: 20px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	position: relative;
	overflow: hidden;
}

.kodo-profile-talent-map-panel .talent-card--interactive {
	transition: transform 0.15s ease;
	cursor: pointer;
}

.kodo-profile-talent-map-panel .talent-card--interactive:active {
	transform: scale(0.95);
}

/* Card structure */

.kodo-profile-talent-map-panel .talent-card__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kodo-profile-talent-map-panel .talent-card__content {
	display: flex;
	gap: 16px;
	flex: 1;
	min-width: 0;
}

.kodo-profile-talent-map-panel .talent-card__header {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.kodo-profile-talent-map-panel .talent-card__text {
	flex: 1;
	min-width: 0;
}

/* Icon */

.kodo-profile-talent-map-panel .talent-card__icon {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.kodo-profile-talent-map-panel .talent-card__icon svg {
	width: 28px;
	height: 28px;
	stroke-width: 2;
}

/* Color variants */

.kodo-profile-talent-map-panel .talent-card__icon--blue {
	background: #dbeafe;
	color: #1d4ed8;
}

.kodo-profile-talent-map-panel .talent-card__icon--rose {
	background: #ffe4e6;
	color: #be123c;
}

/* Text */

.kodo-profile-talent-map-panel .talent-card__title {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}

.kodo-profile-talent-map-panel .talent-card__title--blue {
	color: #1d4ed8;
}

.kodo-profile-talent-map-panel .talent-card__title--rose {
	color: #be123c;
}

.kodo-profile-talent-map-panel .talent-card__description {
	font-size: 14px;
	color: #4b5563;
	margin: 4px 0 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kodo-profile-talent-map-panel .talent-card__subtitle {
	font-size: 14px;
	color: #9ca3af;
	margin: 0;
	line-height: 1.5;
}

/* Arrow */

.kodo-profile-talent-map-panel .talent-card__arrow {
	padding-left: 16px;
}

.kodo-profile-talent-map-panel .talent-card__arrow svg {
	width: 24px;
	height: 24px;
	color: #1d4ed8;
}

/* Buttons */

.kodo-profile-talent-map-panel .talent-card__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.kodo-profile-talent-map-panel .btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none;
	cursor: pointer;
	transition: all 0.15s ease;
}

.kodo-profile-talent-map-panel .btn:active {
	transform: scale(0.95);
}

.kodo-profile-talent-map-panel .btn--primary {
	padding: 14px;
	border-radius: 12px;
	font-weight: 700;
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.kodo-profile-talent-map-panel .btn--rose {
	background: #f43f5e;
	box-shadow: 0 4px 10px rgba(244,63,94,0.3);
}

.kodo-profile-talent-map-panel .btn--rose:hover {
	background: #e11d48;
}

.kodo-profile-talent-map-panel .btn--secondary {
	padding: 8px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #9ca3af;
	background: transparent;
	text-decoration: none;
}
.kodo-profile-talent-map-panel .btn--secondary svg{
	width: 1rem;
	height: 1rem;
}

.kodo-profile-talent-map-panel .btn--secondary:hover {
	color: #4b5563;
	background: #f9fafb;
}


/* COLOR MODIFIERS */

/* BLUE */
.kodo-profile-talent-map-panel .talent-card--blue .talent-card__icon {
	background: #dbeafe;
	color: #1d4ed8;
}
.kodo-profile-talent-map-panel .talent-card--blue .talent-card__title {
	color: #1d4ed8;
}
.kodo-profile-talent-map-panel .talent-card--blue .btn--primary {
	background: #2563eb;
	box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--blue .btn--primary:hover {
	background: #1d4ed8;
}

/* PURPLE */
.kodo-profile-talent-map-panel .talent-card--purple .talent-card__icon {
	background: #ede9fe;
	color: #7c3aed;
}
.kodo-profile-talent-map-panel .talent-card--purple .talent-card__title {
	color: #7c3aed;
}
.kodo-profile-talent-map-panel .talent-card--purple .btn--primary {
	background: #7c3aed;
	box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--purple .btn--primary:hover {
	background: #6d28d9;
}

/* GREEN */
.kodo-profile-talent-map-panel .talent-card--green .talent-card__icon {
	background: #dcfce7;
	color: #15803d;
}
.kodo-profile-talent-map-panel .talent-card--green .talent-card__title {
	color: #15803d;
}
.kodo-profile-talent-map-panel .talent-card--green .btn--primary {
	background: #16a34a;
	box-shadow: 0 4px 10px rgba(22, 163, 74, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--green .btn--primary:hover {
	background: #15803d;
}

/* INDIGO */
.kodo-profile-talent-map-panel .talent-card--indigo .talent-card__icon {
	background: #e0e7ff;
	color: #4338ca;
}
.kodo-profile-talent-map-panel .talent-card--indigo .talent-card__title {
	color: #4338ca;
}
.kodo-profile-talent-map-panel .talent-card--indigo .btn--primary {
	background: #4f46e5;
	box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--indigo .btn--primary:hover {
	background: #4338ca;
}

/* PINK */
.kodo-profile-talent-map-panel .talent-card--pink .talent-card__icon {
	background: #fce7f3;
	color: #be185d;
}
.kodo-profile-talent-map-panel .talent-card--pink .talent-card__title {
	color: #be185d;
}
.kodo-profile-talent-map-panel .talent-card--pink .btn--primary {
	background: #ec4899;
	box-shadow: 0 4px 10px rgba(236, 72, 153, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--pink .btn--primary:hover {
	background: #db2777;
}

/* VIOLET */
.kodo-profile-talent-map-panel .talent-card--violet .talent-card__icon {
	background: #f5f3ff;
	color: #6d28d9;
}
.kodo-profile-talent-map-panel .talent-card--violet .talent-card__title {
	color: #6d28d9;
}
.kodo-profile-talent-map-panel .talent-card--violet .btn--primary {
	background: #8b5cf6;
	box-shadow: 0 4px 10px rgba(139, 92, 246, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--violet .btn--primary:hover {
	background: #7c3aed;
}

/* AMBER */
.kodo-profile-talent-map-panel .talent-card--amber .talent-card__icon {
	background: #fef3c7;
	color: #b45309;
}
.kodo-profile-talent-map-panel .talent-card--amber .talent-card__title {
	color: #b45309;
}
.kodo-profile-talent-map-panel .talent-card--amber .btn--primary {
	background: #f59e0b;
	box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--amber .btn--primary:hover {
	background: #d97706;
}

/* ROSE */
.kodo-profile-talent-map-panel .talent-card--rose .talent-card__icon {
	background: #ffe4e6;
	color: #be123c;
}
.kodo-profile-talent-map-panel .talent-card--rose .talent-card__title {
	color: #be123c;
}
.kodo-profile-talent-map-panel .talent-card--rose .btn--primary {
	background: #f43f5e;
	box-shadow: 0 4px 10px rgba(244, 63, 94, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--rose .btn--primary:hover {
	background: #e11d48;
}

/* ORANGE */
.kodo-profile-talent-map-panel .talent-card--orange .talent-card__icon {
	background: #ffedd5;
	color: #c2410c;
}
.kodo-profile-talent-map-panel .talent-card--orange .talent-card__title {
	color: #c2410c;
}
.kodo-profile-talent-map-panel .talent-card--orange .btn--primary {
	background: #f97316;
	box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--orange .btn--primary:hover {
	background: #ea580c;
}

/* EMERALD */
.kodo-profile-talent-map-panel .talent-card--emerald .talent-card__icon {
	background: #d1fae5;
	color: #047857;
}
.kodo-profile-talent-map-panel .talent-card--emerald .talent-card__title {
	color: #047857;
}
.kodo-profile-talent-map-panel .talent-card--emerald .btn--primary {
	background: #10b981;
	box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);
	text-decoration: none;
}
.kodo-profile-talent-map-panel .talent-card--emerald .btn--primary:hover {
	background: #059669;
}

/*  RESTRICTED  */
.kodo-profile-talent-map-panel .panel-restricted {
	position: relative;
	padding: 20px;
	border-radius: 2rem;
	background-color: #f9fafb;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.kodo-profile-talent-map-panel .panel-restricted__icon-overlay {
	position: absolute;
	top: 16px;
	right: 16px;
}

.kodo-profile-talent-map-panel .panel-restricted .icon {
	display: block;
}

.kodo-profile-talent-map-panel .panel-restricted .icon--lock {
	width: 20px;
	height: 20px;
	color: #d1d5db;
}

.kodo-profile-talent-map-panel .panel-restricted__content {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}

.kodo-profile-talent-map-panel .panel-restricted__icon-wrapper {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border: 1px solid #f3f4f6;
	color: #d1d5db;
	flex-shrink: 0;
	font-size: 20px;
}

.kodo-profile-talent-map-panel .panel-restricted svg {
	width: 28px;
	height: 28px;
}

.kodo-profile-talent-map-panel .panel-restricted__text {
	padding-right: 24px;
}

.kodo-profile-talent-map-panel .panel-restricted__title {
	font-weight: 700;
	font-size: 18px;
	color: #6b7280;
	margin: 0;
}

.kodo-profile-talent-map-panel .panel-restricted__description {
	margin: 0;
	font-size: 14px;
	color: #9ca3af;
	font-weight: 500;
	line-height: 1.5;
}

.kodo-profile-talent-map-panel .panel-restricted__button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 0;
	border-radius: 12px;
	font-weight: 700;
	background-color: #ffffff;
	border: 2px solid #fef3c7;
	color: #d97706;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	z-index: 1;
	text-decoration: none;
}

.kodo-profile-talent-map-panel .panel-restricted__button:hover {
	background-color: #fffbeb;
}

.kodo-profile-talent-map-panel .panel-restricted__button:active {
	transform: scale(0.95);
}

.kodo-profile-talent-map-panel .panel-restricted .icon--button {
	width: 16px;
	height: 16px;
}

/* Report completed button  */
.kodo-profile-talent-map-panel .kodo-profile-talent-map-report-link-holder .btn--primary {
	background: none;
	box-shadow: none;
	text-decoration: none;
}

.kodo-profile-talent-map-panel .kodo-profile-talent-map-report-link-holder .btn--primary {
	background-color: #ffffff;
	box-shadow: none;
}
.kodo-profile-talent-map-report-link-holder {
	display: block;
	width: 100%;
}

.kodo-profile-talent-map-report-link-holder .report-link {
	display: block;
	width: 100%;
	text-decoration: none;
}

.kodo-profile-talent-map-report-link-holder .btn--primary{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;

	padding: 14px 0;

	font-weight: 700;
	color: #374151;

	transition: all 0.2s ease;
}

.kodo-profile-talent-map-panel .kodo-profile-talent-map-report-link-holder .btn--primary:hover {
	background-color: #f9fafb;
}

.kodo-profile-talent-map-panel .kodo-profile-talent-map-report-link-holder .btn--primary:active {
	transform: scale(0.95);
}

.kodo-profile-talent-map-report-link-holder .report-link__icon {
	width: 20px;
	height: 20px;
	color: #f59e0b;
	flex-shrink: 0;
}

.kodo-profile-talent-map-report-link-holder .report-link__text {
	white-space: nowrap;
}