:root {
	--mjcd-primary: #0e6bff;
	--mjcd-primary-2: #4f8dff;
	--mjcd-dark: #0f1728;
	--mjcd-soft: #f5f9ff;
	--mjcd-soft-2: #edf4ff;
	--mjcd-border: #dce8fa;
	--mjcd-border-strong: #c9daf8;
	--mjcd-text: #132b45;
	--mjcd-muted: #6e7f97;
	--mjcd-shadow: 0 18px 42px rgba(18, 52, 104, .08);
	--mjcd-shadow-soft: 0 12px 26px rgba(18, 52, 104, .06);
}

.minejobs-candidate-modern .main-content,
.minejobs-candidate-modern #main,
.minejobs-candidate-modern .site-content {
	background:
		radial-gradient(circle at 12% 0, rgba(14,107,255,.08), transparent 34%),
		linear-gradient(180deg, #fbfdff 0%, #fff 48%);
}

.minejobs-candidate-modern .member-content,
.minejobs-candidate-modern .member-manage,
.minejobs-candidate-modern .woocommerce-MyAccount-content,
.minejobs-candidate-modern .noo-dashboard,
.minejobs-candidate-modern .resume-manager {
	border: 1px solid var(--mjcd-border) !important;
	border-radius: 26px !important;
	background: #fff !important;
	box-shadow: var(--mjcd-shadow) !important;
}

.minejobs-candidate-modern .member-content,
.minejobs-candidate-modern .woocommerce-MyAccount-content {
	padding: 22px !important;
}

.minejobs-candidate-modern--candidate .member-sidebar,
.minejobs-candidate-modern--candidate .dashboard-sidebar,
.minejobs-candidate-modern--candidate .woocommerce-MyAccount-navigation {
	padding: 16px !important;
	border-radius: 26px !important;
	background: linear-gradient(180deg, var(--mjcd-dark) 0%, #0a101f 100%) !important;
	border: 1px solid rgba(121, 159, 228, .16) !important;
	box-shadow: 0 24px 54px rgba(5, 12, 27, .42) !important;
}

.minejobs-candidate-modern--candidate .member-sidebar ul,
.minejobs-candidate-modern--candidate .dashboard-sidebar ul,
.minejobs-candidate-modern--candidate .woocommerce-MyAccount-navigation ul,
.minejobs-candidate-modern--candidate .member-menu ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.minejobs-candidate-modern--candidate .member-sidebar li,
.minejobs-candidate-modern--candidate .dashboard-sidebar li,
.minejobs-candidate-modern--candidate .woocommerce-MyAccount-navigation li,
.minejobs-candidate-modern--candidate .member-menu li {
	margin-bottom: 8px !important;
}

.minejobs-candidate-modern--candidate .member-sidebar a,
.minejobs-candidate-modern--candidate .dashboard-sidebar a,
.minejobs-candidate-modern--candidate .woocommerce-MyAccount-navigation a,
.minejobs-candidate-modern--candidate .member-menu a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 12px 14px !important;
	border-radius: 14px !important;
	color: rgba(255,255,255,.82) !important;
	font-weight: 850 !important;
	text-decoration: none !important;
	transition: .18s ease;
}

.minejobs-candidate-modern--candidate .member-sidebar a:hover,
.minejobs-candidate-modern--candidate .dashboard-sidebar a:hover,
.minejobs-candidate-modern--candidate .member-sidebar .active a,
.minejobs-candidate-modern--candidate .dashboard-sidebar .active a,
.minejobs-candidate-modern--candidate .member-menu .active a,
.minejobs-candidate-modern--candidate .woocommerce-MyAccount-navigation .is-active a {
	background: rgba(14,107,255,.16) !important;
	color: #fff !important;
	box-shadow: inset 0 0 0 1px rgba(124, 175, 255, .18);
	transform: translateY(-1px);
}

.mjcd-hero,
.mjcd-applications-hero {
	margin: 0 0 24px;
	padding: 28px;
	border-radius: 28px;
	border: 1px solid var(--mjcd-border-strong);
	background: linear-gradient(180deg, #f6faff 0%, #edf4ff 100%);
	box-shadow: var(--mjcd-shadow-soft);
}

.mjcd-hero--reports {
	margin-bottom: 28px;
}

.mjcd-hero__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
}

.mjcd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(14,107,255,.08);
	color: var(--mjcd-primary);
	font-size: 12px;
	font-weight: 900;
	margin-bottom: 12px;
}

.mjcd-hero h2,
.mjcd-applications-hero h2 {
	margin: 0 0 10px;
	font-size: 34px;
	line-height: 1.25;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcd-hero p,
.mjcd-applications-hero p {
	margin: 0;
	font-size: 15px;
	line-height: 1.95;
	color: var(--mjcd-muted);
}

.mjcd-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.mjcd-button,
.mjcd-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none !important;
	transition: .18s ease;
	cursor: pointer;
}

.mjcd-button:hover,
.mjcd-link:hover {
	transform: translateY(-1px);
}

.mjcd-button--primary {
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2));
	color: #fff !important;
	box-shadow: 0 14px 28px rgba(14, 107, 255, .2);
	border: 0;
}

.mjcd-button--light,
.mjcd-link {
	background: #fff;
	border: 1px solid var(--mjcd-border);
	color: var(--mjcd-text) !important;
}

.mjcd-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 22px;
}

.mjcd-kpi-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;
	border-radius: 22px;
	background: rgba(255,255,255,.9);
	border: 1px solid rgba(196, 218, 255, .9);
	box-shadow: 0 12px 22px rgba(18, 52, 104, .04);
}

.mjcd-kpi-icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(14,107,255,.12), rgba(79,141,255,.18));
	font-size: 22px;
}

.mjcd-kpi-card strong {
	display: block;
	font-size: 29px;
	line-height: 1;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcd-kpi-card span:not(.mjcd-kpi-icon) {
	display: block;
	font-size: 13px;
	font-weight: 900;
	color: var(--mjcd-text);
	margin-top: 4px;
}

.mjcd-kpi-card small {
	display: block;
	font-size: 12px;
	color: var(--mjcd-muted);
	line-height: 1.8;
	margin-top: 3px;
}

.mjcd-panel {
	padding: 22px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid var(--mjcd-border);
	box-shadow: var(--mjcd-shadow-soft);
	margin-bottom: 18px;
}

.mjcd-panel--latest {
	background: rgba(255,255,255,.72);
}

.mjcd-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.mjcd-panel__head h3 {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcd-panel__head p {
	margin: 0;
	font-size: 13px;
	color: var(--mjcd-muted);
}

.mjcd-chart-legend {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	font-size: 12px;
	font-weight: 800;
	color: var(--mjcd-muted);
}

.mjcd-chart-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.mjcd-chart-legend i {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	display: inline-block;
}

.mjcd-chart-legend .is-one { background: var(--mjcd-primary); }
.mjcd-chart-legend .is-two { background: #bfd8ff; }

.mjcd-bars {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	align-items: end;
	min-height: 220px;
	padding-top: 12px;
}

.mjcd-bars__col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.mjcd-bars__bars {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 6px;
	height: 170px;
	width: 100%;
	padding: 0 4px;
	border-bottom: 1px dashed var(--mjcd-border-strong);
}

.mjcd-bars__bar {
	display: block;
	width: 22px;
	max-width: 46%;
	border-radius: 12px 12px 4px 4px;
	box-shadow: 0 8px 18px rgba(14,107,255,.14);
}

.mjcd-bars__bar.is-one {
	background: linear-gradient(180deg, var(--mjcd-primary-2), var(--mjcd-primary));
}

.mjcd-bars__bar.is-two {
	background: linear-gradient(180deg, #d8e7ff, #a5c6ff);
	box-shadow: none;
}

.mjcd-bars__col small {
	font-size: 12px;
	color: var(--mjcd-muted);
	font-weight: 800;
}

.mjcd-latest-grid,
.mjcd-reports-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.mjcd-reports-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mjcd-panel--full {
	grid-column: 1 / -1;
}

.mjcd-resume-mini {
	position: relative;
	overflow: hidden;
	padding: 18px;
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	border: 1px solid var(--mjcd-border);
	box-shadow: 0 10px 24px rgba(18, 52, 104, .05);
}

.mjcd-resume-mini__accent {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, transparent, var(--mjcd-primary));
}

.mjcd-resume-mini h4 {
	margin: 4px 0 12px;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.8;
}

.mjcd-resume-mini h4 a {
	color: var(--mjcd-text) !important;
	text-decoration: none !important;
}

.mjcd-resume-mini__meta,
.mjcd-resume-mini__actions {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 13px;
	color: var(--mjcd-muted);
	padding-top: 10px;
}

.mjcd-resume-mini__meta {
	border-top: 1px dashed var(--mjcd-border);
}

.mjcd-resume-mini__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 11px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid var(--mjcd-border);
	color: var(--mjcd-primary) !important;
	font-weight: 900;
	text-decoration: none !important;
}

.mjcd-status-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.mjcd-status-card {
	padding: 16px;
	border-radius: 20px;
	border: 1px solid var(--mjcd-border);
	background: linear-gradient(180deg, #fff, #fbfdff);
	box-shadow: 0 10px 20px rgba(18, 52, 104, .04);
}

.mjcd-status-card strong {
	display: block;
	font-size: 26px;
	font-weight: 950;
	line-height: 1.1;
	margin-bottom: 6px;
	color: var(--mjcd-text);
}

.mjcd-status-card span {
	font-size: 13px;
	font-weight: 900;
	color: var(--mjcd-muted);
}

.mjcd-status-card.is-pending { box-shadow: inset 4px 0 0 #ffb020, 0 10px 20px rgba(18,52,104,.04); }
.mjcd-status-card.is-approved { box-shadow: inset 4px 0 0 #17b26a, 0 10px 20px rgba(18,52,104,.04); }
.mjcd-status-card.is-rejected { box-shadow: inset 4px 0 0 #ef4444, 0 10px 20px rgba(18,52,104,.04); }
.mjcd-status-card.is-all { box-shadow: inset 4px 0 0 var(--mjcd-primary), 0 10px 20px rgba(18,52,104,.04); }

.mjcd-rank-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mjcd-rank-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--mjcd-border);
	border-radius: 18px;
	background: linear-gradient(180deg, #fff, #fafcff);
}

.mjcd-rank-row > span {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgba(14,107,255,.1);
	color: var(--mjcd-primary);
	font-weight: 900;
}

.mjcd-rank-row strong a {
	color: var(--mjcd-text) !important;
	text-decoration: none !important;
}

.mjcd-rank-row small {
	color: var(--mjcd-muted);
	font-size: 12px;
}

.mjcd-empty {
	padding: 18px;
	border-radius: 18px;
	background: var(--mjcd-soft);
	border: 1px dashed var(--mjcd-border-strong);
	color: var(--mjcd-muted);
	text-align: center;
	grid-column: 1 / -1;
}

/* Professional strips for candidate rows */
.minejobs-candidate-modern table,
.minejobs-candidate-modern .noo-table,
.minejobs-candidate-modern .shop_table {
	border-collapse: separate !important;
	border-spacing: 0 12px !important;
	width: 100%;
	border: 0 !important;
	background: transparent !important;
}

.minejobs-candidate-modern table thead th {
	color: var(--mjcd-muted) !important;
	font-size: 13px;
	font-weight: 900 !important;
	border: 0 !important;
	background: transparent !important;
}

.minejobs-candidate-modern table tbody tr {
	background: #f8fbff !important;
	border: 1px solid var(--mjcd-border) !important;
	box-shadow: 0 12px 30px rgba(18, 52, 104, .05);
}

.minejobs-candidate-modern table tbody td {
	padding: 16px 14px !important;
	border-top: 1px solid var(--mjcd-border) !important;
	border-bottom: 1px solid var(--mjcd-border) !important;
	vertical-align: middle !important;
	color: var(--mjcd-text);
	font-weight: 750;
	background: transparent !important;
}

.minejobs-candidate-modern table tbody td:first-child {
	border-inline-start: 1px solid var(--mjcd-border) !important;
	border-radius: 18px 0 0 18px;
	box-shadow: inset 4px 0 0 var(--mjcd-primary);
}

.minejobs-candidate-modern table tbody td:last-child {
	border-inline-end: 1px solid var(--mjcd-border) !important;
	border-radius: 0 18px 18px 0;
}

.minejobs-candidate-modern .member-manage-actions a,
.minejobs-candidate-modern .resume-actions a,
.minejobs-candidate-modern .application-attachment,
.minejobs-candidate-modern .application-resume {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	margin: 0 3px 5px;
	border-radius: 12px;
	border: 1px solid var(--mjcd-border);
	background: #fff;
	color: var(--mjcd-primary) !important;
	text-decoration: none !important;
}

/* Resume submission form */
.mjcd-form-guide {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin: 0 0 20px;
	padding: 20px;
	border-radius: 22px;
	background: linear-gradient(180deg, #f8fbff, #edf4ff);
	border: 1px solid var(--mjcd-border);
	box-shadow: var(--mjcd-shadow-soft);
}

.mjcd-form-guide__icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(18, 52, 104, .06);
	font-size: 22px;
}

.mjcd-form-guide h3 {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcd-form-guide p {
	margin: 0;
	color: var(--mjcd-muted);
	line-height: 1.9;
}

.minejobs-candidate-modern .resume-form,
.minejobs-candidate-modern .candidate-profile-form {
	padding: 22px !important;
	border-radius: 26px !important;
	background: #fff !important;
	border: 1px solid var(--mjcd-border) !important;
	box-shadow: var(--mjcd-shadow) !important;
}

.minejobs-candidate-modern .resume-form .form-group,
.minejobs-candidate-modern .candidate-profile-form .form-group {
	margin-bottom: 18px !important;
}

.minejobs-candidate-modern .resume-form label,
.minejobs-candidate-modern .candidate-profile-form label {
	color: var(--mjcd-text);
	font-weight: 900 !important;
}

.minejobs-candidate-modern .resume-form input[type="text"],
.minejobs-candidate-modern .resume-form input[type="email"],
.minejobs-candidate-modern .resume-form select,
.minejobs-candidate-modern .resume-form textarea,
.minejobs-candidate-modern .candidate-profile-form input[type="text"],
.minejobs-candidate-modern .candidate-profile-form input[type="email"],
.minejobs-candidate-modern .candidate-profile-form select,
.minejobs-candidate-modern .candidate-profile-form textarea,
.minejobs-candidate-modern .select2-selection,
.minejobs-candidate-modern .chosen-single {
	border: 1px solid #e3ecfa !important;
	border-radius: 16px !important;
	background: #f8fbff !important;
	color: var(--mjcd-text) !important;
	box-shadow: none !important;
	min-height: 50px;
}

.minejobs-candidate-modern textarea {
	min-height: 145px;
}

.minejobs-candidate-modern input:focus,
.minejobs-candidate-modern textarea:focus,
.minejobs-candidate-modern select:focus {
	border-color: var(--mjcd-primary) !important;
	box-shadow: 0 0 0 4px rgba(14,107,255,.08) !important;
	outline: 0 !important;
}

.minejobs-candidate-modern .btn-primary,
.minejobs-candidate-modern button[type="submit"],
.minejobs-candidate-modern input[type="submit"] {
	border-radius: 16px !important;
	border: 0 !important;
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2)) !important;
	color: #fff !important;
	font-weight: 950 !important;
	box-shadow: 0 14px 30px rgba(14,107,255,.2) !important;
	min-height: 48px;
	padding-inline: 22px !important;
}

/* Resume share/display */
.mjcd-resume-share-box {
	margin: 24px 0;
	padding: 22px;
	border-radius: 24px;
	border: 1px solid var(--mjcd-border);
	background:
		radial-gradient(circle at 0 100%, rgba(14,107,255,.1), transparent 34%),
		#fff;
	box-shadow: var(--mjcd-shadow);
}

.mjcd-resume-share-box__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.mjcd-resume-share-box__head span {
	color: var(--mjcd-primary);
	font-weight: 900;
	font-size: 12px;
}

.mjcd-resume-share-box__head h3 {
	margin: 4px 0 0;
	font-size: 20px;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcd-resume-share-box__body {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.mjcd-short-link {
	flex: 1 1 300px;
	height: 46px;
	border: 1px solid var(--mjcd-border);
	border-radius: 14px;
	padding: 0 14px;
	background: #f8fbff;
	color: var(--mjcd-text);
	direction: ltr;
	text-align: left;
}

.mjcd-copy-short-link,
.mjcd-share-wa,
.mjcd-share-tg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 16px;
	border: 1px solid var(--mjcd-border);
	border-radius: 14px;
	background: #fff;
	color: var(--mjcd-text) !important;
	font-weight: 900;
	text-decoration: none !important;
	cursor: pointer;
}

.mjcd-copy-short-link:hover,
.mjcd-share-wa:hover,
.mjcd-share-tg:hover {
	background: var(--mjcd-soft);
	color: var(--mjcd-primary) !important;
}

.mjcd-resume-share-box p {
	margin: 12px 0 0;
	color: var(--mjcd-muted);
}

/* Image editor */
.mjcd-image-editor-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
	padding: 10px 14px;
	border: 1px solid var(--mjcd-border);
	border-radius: 14px;
	background: #fff;
	color: var(--mjcd-primary);
	font-weight: 900;
	cursor: pointer;
}

.mjcd-editor-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(8, 16, 31, .66);
	padding: 20px;
}

.mjcd-editor-modal.is-open {
	display: flex;
}

.mjcd-editor-box {
	width: min(720px, 100%);
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 30px 90px rgba(0,0,0,.25);
	overflow: hidden;
	direction: rtl;
}

.mjcd-editor-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--mjcd-border);
}

.mjcd-editor-head h3 {
	margin: 0;
	font-size: 19px;
	font-weight: 950;
}

.mjcd-editor-close {
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 12px;
	background: #f2f5fb;
	cursor: pointer;
}

.mjcd-editor-body {
	padding: 20px;
}

.mjcd-canvas-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
	border-radius: 22px;
	background: #f5f8ff;
	border: 1px dashed var(--mjcd-border-strong);
	overflow: hidden;
}

#mJcdAvatarCanvas {
	max-width: 100%;
	border-radius: 18px;
	background: #fff;
}

.mjcd-editor-controls {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 12px;
	align-items: center;
	margin-top: 14px;
}

.mjcd-editor-controls label {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--mjcd-muted);
	font-weight: 800;
}

.mjcd-editor-controls input[type="range"] {
	width: 100%;
}

.mjcd-editor-controls button,
.mjcd-editor-apply {
	border: 0;
	border-radius: 14px;
	min-height: 42px;
	padding: 0 14px;
	font-weight: 900;
	cursor: pointer;
}

.mjcd-editor-controls button {
	background: #eef4ff;
	color: var(--mjcd-primary);
}

.mjcd-editor-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 16px;
}

.mjcd-editor-apply {
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2));
	color: #fff;
}

/* Resume single refinement */
.minejobs-resume-single-modern .resume,
.minejobs-resume-single-modern .resume-detail,
.minejobs-resume-single-modern .resume-single,
.minejobs-resume-single-modern .resume-candidate-profile {
	border-radius: 26px;
}

@media (max-width: 1200px) {
	.mjcd-kpis,
	.mjcd-latest-grid,
	.mjcd-status-grid,
	.mjcd-reports-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.mjcd-hero,
	.mjcd-applications-hero,
	.mjcd-panel,
	.mjcd-form-guide,
	.mjcd-resume-share-box {
		padding: 18px;
	}

	.mjcd-hero__head,
	.mjcd-panel__head,
	.mjcd-resume-share-box__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.mjcd-kpis,
	.mjcd-latest-grid,
	.mjcd-status-grid,
	.mjcd-reports-grid,
	.mjcd-bars,
	.mjcd-editor-controls {
		grid-template-columns: 1fr;
	}

	.mjcd-hero h2,
	.mjcd-applications-hero h2 {
		font-size: 28px;
	}

	.minejobs-candidate-modern table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.mjcd-canvas-wrap {
		min-height: 280px;
	}
}


/* Candidate profile page refinement */
.minejobs-candidate-endpoint--candidate-profile .form-title {
	display: none !important;
}

.mjcp-profile-page {
	direction: rtl;
	text-align: right;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.mjcp-profile-hero {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
	margin-bottom: 20px;
	padding: 24px;
	border-radius: 30px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
	border: 1px solid var(--mjcd-border-strong);
	box-shadow: var(--mjcd-shadow-soft);
}

.mjcp-profile-hero__avatar,
.mjcp-profile-hero__content {
	border: 1px solid rgba(196, 218, 255, .9);
	border-radius: 24px;
	background: rgba(255,255,255,.86);
	box-shadow: 0 12px 22px rgba(18, 52, 104, .04);
}

.mjcp-profile-hero__avatar {
	padding: 20px;
	text-align: center;
}

.mjcp-avatar-frame {
	position: relative;
	width: 132px;
	height: 132px;
	margin: 0 auto 14px;
	border-radius: 34px;
	background: linear-gradient(135deg, rgba(14,107,255,.12), rgba(79,141,255,.18));
	padding: 7px;
	overflow: hidden;
}

.mjcp-avatar-frame.is-empty {
	background: #eef4ff;
}

.mjcp-avatar-preview {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 28px;
	object-fit: cover;
	background: #fff;
}

.mjcp-avatar-ring {
	position: absolute;
	inset: 0;
	border-radius: 34px;
	box-shadow: inset 0 0 0 1px rgba(14,107,255,.16);
	pointer-events: none;
}

.mjcp-profile-image-value {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.mjcp-avatar-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin: 12px 0;
}

.mjcp-avatar-pick,
.mjcp-avatar-remove {
	min-height: 44px;
	border: 0;
	border-radius: 15px;
	font-weight: 950;
	cursor: pointer;
	transition: .18s ease;
}

.mjcp-avatar-pick {
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2));
	color: #fff;
	box-shadow: 0 14px 28px rgba(14, 107, 255, .18);
}

.mjcp-avatar-remove {
	background: #eef4ff;
	color: var(--mjcd-muted);
}

.mjcp-avatar-pick:hover,
.mjcp-avatar-remove:hover {
	transform: translateY(-1px);
}

.mjcp-avatar-help {
	margin: 0;
	font-size: 12px;
	line-height: 1.9;
	color: var(--mjcd-muted);
}

.mjcp-profile-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px;
}

.mjcp-eyebrow {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 12px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(14,107,255,.09);
	color: var(--mjcd-primary);
	font-size: 12px;
	font-weight: 950;
}

.mjcp-profile-hero h2 {
	margin: 0 0 8px;
	font-size: 32px;
	line-height: 1.35;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcp-profile-hero p {
	margin: 0;
	color: var(--mjcd-muted);
	line-height: 1.95;
}

.mjcp-profile-progress {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 20px;
}

.mjcp-profile-progress div {
	display: flex;
	flex-direction: column;
	min-width: 90px;
}

.mjcp-profile-progress strong {
	color: var(--mjcd-primary);
	font-size: 24px;
	font-weight: 950;
	line-height: 1;
}

.mjcp-profile-progress span {
	color: var(--mjcd-muted);
	font-size: 12px;
	font-weight: 850;
	margin-top: 5px;
}

.mjcp-profile-progress em {
	display: block;
	flex: 1;
	height: 10px;
	border-radius: 999px;
	background: #e8f0fd;
	overflow: hidden;
}

.mjcp-profile-progress i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--mjcd-primary), var(--mjcd-primary-2));
}

.mjcp-profile-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 20px;
	padding: 10px;
	border-radius: 22px;
	background: #eef4ff;
	border: 1px solid var(--mjcd-border);
}

.mjcp-profile-tabs span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 14px;
	border-radius: 14px;
	color: var(--mjcd-muted);
	font-size: 13px;
	font-weight: 900;
}

.mjcp-profile-tabs span.is-active {
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2));
	color: #fff;
	box-shadow: 0 12px 24px rgba(14,107,255,.18);
}

.mjcp-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
	gap: 18px;
}

.mjcp-card {
	padding: 22px;
	border-radius: 26px;
	background: #fff;
	border: 1px solid var(--mjcd-border);
	box-shadow: var(--mjcd-shadow);
}

.mjcp-card--wide {
	grid-row: span 2;
}

.mjcp-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 18px;
}

.mjcp-card__head h3 {
	margin: 0 0 7px;
	color: var(--mjcd-text);
	font-size: 20px;
	font-weight: 950;
}

.mjcp-card__head p {
	margin: 0;
	color: var(--mjcd-muted);
	font-size: 13px;
	line-height: 1.9;
}

.mjcp-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border-radius: 16px;
	background: var(--mjcd-soft);
	color: var(--mjcd-primary);
	font-size: 18px;
}

.mjcp-system-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.mjcp-system-field {
	padding: 14px;
	border: 1px solid var(--mjcd-border);
	border-radius: 18px;
	background: #f8fbff;
}

.mjcp-system-field label {
	display: block;
	margin: 0 0 7px;
	color: var(--mjcd-muted);
	font-size: 12px;
	font-weight: 900;
}

.mjcp-system-field strong {
	display: block;
	color: var(--mjcd-text);
	font-size: 14px;
	font-weight: 900;
	word-break: break-word;
}

.mjcp-fields-grid,
.mjcp-social-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
}

.mjcp-fields-grid .form-group,
.mjcp-social-grid .form-group {
	margin: 0 !important;
}

.mjcp-fields-grid .form-group.row,
.mjcp-social-grid .form-group.row {
	display: block;
}

.mjcp-fields-grid [class*="col-"],
.mjcp-social-grid [class*="col-"] {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.mjcp-fields-grid label,
.mjcp-social-grid label {
	display: block;
	margin-bottom: 8px;
	color: var(--mjcd-text);
	font-size: 13px;
	font-weight: 950 !important;
}

.mjcp-fields-grid input,
.mjcp-fields-grid select,
.mjcp-fields-grid textarea,
.mjcp-social-grid input,
.mjcp-social-grid select,
.mjcp-social-grid textarea,
.mjcp-editor-wrap textarea {
	width: 100%;
	border: 1px solid #e3ecfa !important;
	border-radius: 16px !important;
	background: #f8fbff !important;
	color: var(--mjcd-text) !important;
	box-shadow: none !important;
	min-height: 50px;
}

.mjcp-fields-grid input:focus,
.mjcp-fields-grid textarea:focus,
.mjcp-fields-grid select:focus,
.mjcp-social-grid input:focus,
.mjcp-social-grid textarea:focus,
.mjcp-social-grid select:focus,
.mjcp-editor-wrap textarea:focus {
	border-color: var(--mjcd-primary) !important;
	box-shadow: 0 0 0 4px rgba(14,107,255,.08) !important;
	outline: 0 !important;
}

.mjcp-editor-wrap .wp-editor-wrap {
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--mjcd-border);
	background: #fff;
}

.mjcp-editor-wrap .wp-editor-container {
	border: 0 !important;
}

.mjcp-empty {
	padding: 16px;
	border-radius: 16px;
	background: var(--mjcd-soft);
	color: var(--mjcd-muted);
	font-weight: 800;
}

.minejobs-candidate-endpoint--candidate-profile #candidate_profile_form > .form-group:last-child {
	display: flex;
	justify-content: flex-start;
	margin-top: 18px;
	padding: 22px;
	border-radius: 24px;
	background: linear-gradient(180deg, #fff, #f8fbff);
	border: 1px solid var(--mjcd-border);
	box-shadow: var(--mjcd-shadow-soft);
}

.minejobs-candidate-endpoint--candidate-profile #candidate_profile_form > .form-group:last-child .btn-primary {
	min-width: 190px;
	min-height: 50px;
}

.minejobs-candidate-endpoint--candidate-profile hr,
.minejobs-candidate-endpoint--candidate-profile .change-password-form,
.minejobs-candidate-endpoint--candidate-profile .password-form {
	border-color: var(--mjcd-border) !important;
}

/* Candidate profile avatar modal */
.mjcp-avatar-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(8, 16, 31, .68);
	padding: 20px;
}

.mjcp-avatar-modal.is-open {
	display: flex;
}

.mjcp-avatar-modal__box {
	width: min(760px, 100%);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 30px 90px rgba(0,0,0,.28);
	overflow: hidden;
	direction: rtl;
}

.mjcp-avatar-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border-bottom: 1px solid var(--mjcd-border);
}

.mjcp-avatar-modal__head h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 950;
	color: var(--mjcd-text);
}

.mjcp-avatar-modal__close {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 13px;
	background: #f2f5fb;
	color: var(--mjcd-text);
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
}

.mjcp-avatar-modal__body {
	padding: 20px;
}

.mjcp-avatar-canvas-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 410px;
	border-radius: 24px;
	background:
		linear-gradient(45deg, rgba(14,107,255,.06) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(14,107,255,.06) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, rgba(14,107,255,.06) 75%),
		linear-gradient(-45deg, transparent 75%, rgba(14,107,255,.06) 75%),
		#f5f8ff;
	background-size: 22px 22px;
	background-position: 0 0, 0 11px, 11px -11px, -11px 0;
	border: 1px dashed var(--mjcd-border-strong);
	overflow: hidden;
}

#mjcpAvatarCanvas {
	width: min(480px, 100%);
	max-height: 480px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(18,52,104,.12);
}

.mjcp-avatar-controls {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 12px;
	align-items: center;
	margin-top: 14px;
}

.mjcp-avatar-controls label {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--mjcd-muted);
	font-weight: 850;
}

.mjcp-avatar-controls input[type="range"] {
	width: 100%;
}

.mjcp-avatar-controls button,
.mjcp-avatar-apply {
	border: 0;
	border-radius: 14px;
	min-height: 42px;
	padding: 0 14px;
	font-weight: 900;
	cursor: pointer;
}

.mjcp-avatar-controls button {
	background: #eef4ff;
	color: var(--mjcd-primary);
}

.mjcp-avatar-modal__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 16px;
}

.mjcp-avatar-apply {
	background: linear-gradient(135deg, var(--mjcd-primary), var(--mjcd-primary-2));
	color: #fff;
	min-width: 210px;
}

.mjcp-avatar-upload-status {
	color: var(--mjcd-muted);
	font-size: 13px;
	font-weight: 850;
}

.mjcp-avatar-upload-status.is-success {
	color: #16875d;
}

.mjcp-avatar-upload-status.is-error {
	color: #d92d20;
}

@media (max-width: 991px) {
	.mjcp-profile-hero,
	.mjcp-profile-grid {
		grid-template-columns: 1fr;
	}

	.mjcp-card--wide {
		grid-row: auto;
	}
}

@media (max-width: 640px) {
	.mjcp-profile-hero,
	.mjcp-card {
		padding: 18px;
		border-radius: 22px;
	}

	.mjcp-fields-grid,
	.mjcp-social-grid,
	.mjcp-system-fields,
	.mjcp-avatar-controls {
		grid-template-columns: 1fr;
	}

	.mjcp-profile-hero h2 {
		font-size: 26px;
	}

	.mjcp-profile-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.mjcp-profile-tabs span {
		white-space: nowrap;
	}

	.mjcp-avatar-modal__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mjcp-avatar-apply {
		width: 100%;
	}
}