/* MineJobs candidate job preferences - component only, no dashboard shell rules. */
.mjpref-card{
	position:relative;
	overflow:hidden;
}
.mjpref-card:before{
	content:"";
	position:absolute;
	inset:auto -80px -100px auto;
	width:220px;
	height:220px;
	background:radial-gradient(circle, rgba(42,102,255,.12), transparent 68%);
	pointer-events:none;
}
.mjpref-ai-note{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:13px 15px;
	margin:0 0 18px;
	border:1px solid rgba(42,102,255,.12);
	border-radius:16px;
	background:linear-gradient(135deg, rgba(42,102,255,.08), rgba(0,210,255,.05));
	color:#37506f;
	font-size:13px;
	line-height:1.9;
}
.mjpref-ai-note i{
	width:28px;
	height:28px;
	border-radius:10px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	background:#fff;
	color:#2f63ff;
	box-shadow:0 8px 20px rgba(42,102,255,.13);
}
.mjpref-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
	position:relative;
	z-index:1;
}
.mjpref-block{
	padding:16px;
	border:1px solid rgba(15,35,65,.08);
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 26px rgba(12,34,70,.045);
}
.mjpref-block--wide{
	grid-column:1/-1;
}
.mjpref-label{
	display:block;
	margin:0 0 10px;
	font-weight:800;
	font-size:13px;
	color:#17233c;
}
.mjpref-chip-list,
.mjpref-option-grid{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
}
.mjpref-chip-list--scroll{
	max-height:190px;
	overflow:auto;
	padding-inline-end:3px;
}
.mjpref-chip,
.mjpref-option,
.mjpref-switch{
	position:relative;
	display:inline-flex;
	align-items:center;
	cursor:pointer;
	user-select:none;
}
.mjpref-chip input,
.mjpref-option input,
.mjpref-switch input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}
.mjpref-chip span,
.mjpref-option span,
.mjpref-switch span{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:8px 13px;
	border:1px solid rgba(33,50,84,.12);
	border-radius:999px;
	background:#f7f9fc;
	color:#4d5d76;
	font-size:13px;
	font-weight:700;
	line-height:1.5;
	transition:all .18s ease;
}
.mjpref-chip input:checked+span,
.mjpref-option input:checked+span{
	border-color:rgba(42,102,255,.42);
	background:linear-gradient(135deg,#eef4ff,#f7fbff);
	color:#1d51d4;
	box-shadow:0 8px 22px rgba(42,102,255,.13);
}
.mjpref-option--must input:checked+span{
	border-color:rgba(0,142,255,.4);
	background:linear-gradient(135deg,#ebf6ff,#f7fbff);
}
.mjpref-switch{
	margin-top:12px;
}
.mjpref-switch span{
	border-radius:14px;
	background:#f8fafc;
}
.mjpref-switch input:checked+span{
	background:#eef5ff;
	border-color:rgba(42,102,255,.35);
	color:#1f56d8;
}
.mjpref-input,
.mjpref-textarea{
	width:100%;
	border:1px solid rgba(25,42,76,.12) !important;
	border-radius:14px !important;
	background:#f8fafc !important;
	box-shadow:none !important;
	color:#17233c !important;
	font-size:14px !important;
	font-weight:700;
	outline:none !important;
	transition:all .18s ease;
}
.mjpref-input{
	height:46px !important;
	padding:0 13px !important;
}
.mjpref-textarea{
	min-height:104px;
	padding:12px 13px !important;
	resize:vertical;
	line-height:1.9;
}
.mjpref-input:focus,
.mjpref-textarea:focus{
	border-color:rgba(42,102,255,.55) !important;
	background:#fff !important;
	box-shadow:0 0 0 4px rgba(42,102,255,.09) !important;
}
.mjpref-inline-inputs{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:8px;
}
.mjpref-inline-inputs span{
	font-size:18px;
	font-weight:900;
	color:#8a98ad;
}
.mjpref-empty{
	width:100%;
	padding:12px 14px;
	border:1px dashed rgba(35,50,80,.18);
	border-radius:14px;
	background:#fafbfc;
	color:#7a8798;
	font-size:13px;
}
@media (max-width: 767px){
	.mjpref-grid{
		grid-template-columns:1fr;
	}
	.mjpref-block,
	.mjpref-ai-note{
		border-radius:15px;
	}
	.mjpref-chip span,
	.mjpref-option span,
	.mjpref-switch span{
		min-height:36px;
		padding:7px 11px;
		font-size:12.5px;
	}
}
