.wcs-candidates{--text:#182028;--muted:#5f6973;--border:#dce1e5;--accent:#155f68;max-width:1000px;margin:2rem auto;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
.wcs-candidates *{box-sizing:border-box}
.wcs-candidates-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.wcs-candidates-header h2{margin:.25rem 0 .5rem;font-size:clamp(2rem,5vw,3rem);line-height:1.05}
.wcs-candidates-header p{color:var(--muted);max-width:760px}
.wcs-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:1.5rem}
.wcs-candidate-public-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(24,32,40,.05)}
.wcs-candidate-public-photo{aspect-ratio:4/3;background:#f1f3f4;overflow:hidden}
.wcs-candidate-public-photo img{width:100%;height:100%;object-fit:cover;display:block}
.wcs-candidate-public-content{padding:1.1rem}
.wcs-candidate-public-content h3{margin:0;font-size:1.35rem}
.wcs-candidate-group{color:var(--accent);font-weight:800;margin:.2rem 0 .8rem}
.wcs-candidate-profile p{margin:.65rem 0 0}


/* 0.6 – Full-width & mobile refinements */
.wcs-public-shell .wcs-candidates {
	width: 100%;
	max-width: none;
	margin: 0;
}

.wcs-public-shell .wcs-candidate-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

@media (min-width: 1280px) {
	.wcs-public-shell .wcs-candidate-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1800px) {
	.wcs-public-shell .wcs-candidate-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.wcs-public-shell .wcs-candidate-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.wcs-public-shell .wcs-candidate-public-card {
		border-radius: 14px;
	}

	.wcs-public-shell .wcs-candidate-public-photo {
		aspect-ratio: 16 / 10;
	}

	.wcs-public-shell .wcs-candidate-public-content {
		padding: 1rem;
	}
}


/* 0.8.1 – öffentliche Darstellung eingeladener, noch nicht freigegebener Kandidierender */
.wcs-candidate-public-card.is-pending .wcs-candidate-public-photo{
	background:linear-gradient(135deg,#eef2f3,#e4eaec);
}

.wcs-candidate-photo-placeholder{
	width:100%;
	height:100%;
	min-height:100%;
	display:grid;
	place-items:center;
	background:linear-gradient(135deg,#eef3f4,#dde7e9);
	color:#155f68;
}

.wcs-candidate-photo-placeholder span{
	display:grid;
	place-items:center;
	width:clamp(72px,12vw,120px);
	aspect-ratio:1;
	border-radius:999px;
	background:#fff;
	border:1px solid #d6dfe2;
	font-size:clamp(2rem,5vw,3.5rem);
	font-weight:800;
	box-shadow:0 8px 28px rgba(24,32,40,.08);
}

.wcs-candidate-status-notice{
	display:grid;
	gap:.35rem;
	margin-top:.9rem;
	padding:.85rem .9rem;
	border-radius:12px;
	border:1px solid #dce1e5;
	background:#f7f9fa;
}

.wcs-candidate-status-notice strong{
	font-size:.98rem;
}

.wcs-candidate-status-notice span{
	color:#5f6973;
	font-size:.9rem;
}

.wcs-candidate-status-notice.is-waiting{
	border-left:4px solid #8c8f94;
}

.wcs-candidate-status-notice.is-review{
	border-left:4px solid #b26200;
	background:#fff8e8;
}

.wcs-candidate-status-badge{
	display:inline-flex;
	margin-top:.6rem;
	padding:.3rem .55rem;
	border-radius:999px;
	background:#e8f4ec;
	color:#1f6b3a;
	font-size:.78rem;
	font-weight:800;
}

@media(max-width:640px){
	.wcs-candidate-status-notice{
		padding:.75rem;
	}
}


/* 1.1 – Projektfarben & aufklappbare Kandidatenvorstellung */
.wcs-public-shell .wcs-candidates{
	--text:var(--wcs-project-text,#111114);
	--accent:var(--wcs-project-primary,#ff007a);
}

.wcs-public-shell .wcs-candidate-public-card{
	background:var(--wcs-project-surface,#f7f7f8);
}

.wcs-public-shell .wcs-candidate-photo-placeholder{
	color:var(--wcs-project-primary,#ff007a);
}

.wcs-candidate-profile-details{
	margin-top:.85rem;
	border-top:1px solid var(--border);
	padding-top:.75rem;
}

.wcs-candidate-profile-details summary{
	cursor:pointer;
	font-weight:800;
	color:var(--accent);
	list-style-position:outside;
}

.wcs-candidate-profile-details summary:hover{
	text-decoration:underline;
}

.wcs-candidate-profile-details[open] summary{
	margin-bottom:.55rem;
}

.wcs-candidate-profile-details .wcs-candidate-profile{
	color:var(--text);
}