/**
 * Collectiv — auth extras: venue-only capture fields + verification banner.
 * Scoped to .cvauth- classes so it never collides with core auth styles.
 */

/* ---- Venue-only post-signup capture (shown when role=venue picked) ---- */
.cvauth-venueonly {
	display: none;
	margin: 4px 0 2px;
	padding: 16px 16px 6px;
	border: 1px solid #2a2238;
	border-radius: 14px;
	background: #100c18;
}

/* JS toggles .is-shown; :has() covers no-JS on modern browsers. */
.cvauth-venueonly.is-shown,
.cv-roles:has(input[value="venue"]:checked) ~ .cvauth-venueonly {
	display: block;
}

.cvauth-venuehint {
	margin: 0 0 14px;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: .02em;
	color: #9a92a8;
}

/* ---- Verification status banner (venue Settings) ---- */
.cvauth-vbanner {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid #2a2238;
	border-radius: 14px;
	background: #100c18;
}

.cvauth-vbanner__dot {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 15px;
	line-height: 1;
}

.cvauth-vbanner__txt {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.cvauth-vbanner__txt strong {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.01em;
	color: #f4f1f7;
}

.cvauth-vbanner__txt span {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 500;
	font-size: 12.5px;
	line-height: 1.55;
	color: #9a92a8;
}

/* Pending — amber */
.cvauth-vbanner--wait {
	background: #1a130c;
	border-color: #5a4420;
}
.cvauth-vbanner--wait .cvauth-vbanner__dot {
	background: #1e1408;
	border: 1px solid #ffb020;
	color: #ffd27a;
}
.cvauth-vbanner--wait .cvauth-vbanner__txt strong {
	color: #ffd27a;
}

/* Approved — green */
.cvauth-vbanner--ok {
	background: #04130b;
	border-color: #1e5a3a;
}
.cvauth-vbanner--ok .cvauth-vbanner__dot {
	background: #2fe08f;
	color: #04130b;
	box-shadow: 0 0 22px rgba(47, 224, 143, .35);
}
.cvauth-vbanner--ok .cvauth-vbanner__txt strong {
	color: #5ef0a8;
}

/* Rejected — red */
.cvauth-vbanner--bad {
	background: #1a0c10;
	border-color: #5a2a33;
}
.cvauth-vbanner--bad .cvauth-vbanner__dot {
	background: #2a0f16;
	border: 1px solid #ff7a90;
	color: #ff7a90;
}
.cvauth-vbanner--bad .cvauth-vbanner__txt strong {
	color: #ff7a90;
}