/**
 * CCD Eventos QR — Public CSS
 */

/* Ticket view */
.ccd-ticket-wrap { max-width: 500px; margin: 0 auto; font-family: Arial, sans-serif; }

/* Formulário de participantes */
.ccd-participant-form label { display: block; font-weight: bold; margin-bottom: 4px; font-size: 14px; }
.ccd-participant-form input,
.ccd-participant-form select {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	margin-bottom: 12px;
	box-sizing: border-box;
}

.ccd-participant-form input:focus,
.ccd-participant-form select:focus {
	border-color: #c0392b;
	outline: none;
	box-shadow: 0 0 0 2px rgba(192,57,43,0.15);
}

.ccd-submit-btn {
	background: #c0392b;
	color: #fff;
	border: none;
	padding: 12px 28px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	transition: background 0.2s;
}

.ccd-submit-btn:hover { background: #a93226; }

/* Check-in público */
.ccd-public-checkin { max-width: 700px; margin: 0 auto; }

/* Resultado do check-in */
.ccd-checkin-result {
	padding: 20px;
	border-radius: 8px;
	margin-top: 15px;
	text-align: center;
	border: 2px solid;
}

.ccd-checkin-result-valid {
	background: #f0fff4;
	border-color: #27ae60;
	color: #1e8449;
}

.ccd-checkin-result-used {
	background: #fff0f0;
	border-color: #e74c3c;
	color: #c0392b;
}

.ccd-checkin-result-error {
	background: #fff8ee;
	border-color: #e67e22;
	color: #d35400;
}

.ccd-checkin-name {
	font-size: 22px;
	font-weight: 900;
	margin-bottom: 4px;
}

.ccd-checkin-company {
	font-size: 14px;
	opacity: 0.8;
	margin-bottom: 8px;
}

.ccd-checkin-product {
	display: inline-block;
	background: rgba(0,0,0,0.08);
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 13px;
	margin-bottom: 15px;
}

.ccd-confirm-btn {
	background: #27ae60;
	color: #fff;
	border: none;
	padding: 14px 30px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
}

.ccd-confirm-btn:hover { background: #219150; }

/* QR scanner */
#reader__scan_region { background: #000; }
#reader__scan_region video { border-radius: 6px; }

/* Animação de sucesso */
@keyframes ccd-flash-green {
	0%   { background: #f0fff4; }
	50%  { background: #d5f5e3; }
	100% { background: #f0fff4; }
}

.ccd-flash-success { animation: ccd-flash-green 0.5s ease; }

/* Responsivo */
@media (max-width: 600px) {
	.ccd-ticket-wrap { padding: 0 10px; }
}