/* Certificate Verification - Frontend styles */

/*.cv-verify-wrap {*/
/*	max-width: 9000px;*/
/*	margin: 0 auto;*/
/*	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
/*}*/

.cv-verify-box {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
	padding: 32px;
}

.cv-verify-title {
	text-align: center;
	margin: 0 0 20px;
	font-size: 22px;
}

.cv-verify-form {
	gap: 10px;
	display: flex;
    justify-content: center;
}

.cv-verify-input {
	flex: 1;
	padding: 12px 14px;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	font-size: 15px;
	max-width: 400px;
}

.cv-verify-button {
	padding: 12px 22px;
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease;
}

.cv-verify-button:hover {
	background: #1a5a8a;
}

#cv-result-container {
	margin-top: 24px;
}


.cv-invalid-actions {
	text-align: center;
}

@media (max-width: 760px) {
	.cv-result-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.cv-verify-box { padding: 20px; }
	.cv-verify-form { flex-direction: column; }
	.cv-main-card { padding: 20px; }
	.cv-details-grid { grid-template-columns: 1fr; }
	.cv-card-header { flex-direction: column; }
	.cv-card-footer { flex-direction: column; align-items: stretch; }
	.cv-footer-actions { flex-direction: column; }
	.cv-success-title { font-size: 22px; }
}



.cv-verified-page{

max-width:1200px;

margin:40px auto;

font-family:Inter,sans-serif;

}

.cv-success{

text-align:center;

margin-bottom:40px;

}

.cv-success-icon{

width:70px;

height:70px;

border-radius:50%;

background:#EAF8EF;

color:#198754;

font-size:34px;

display:flex;

align-items:center;

justify-content:center;

margin:auto auto 18px;

font-weight:700;

}


.cv-cross-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: #fbe4e4;
	color: #d92d20;
	border-radius: 16px;
	font-size: 26px;
	margin-bottom: 16px;
}

.cv-success h2{

font-size:42px;

margin:0;

font-weight:700;

}

.cv-success p{

color:#666;

max-width:700px;

margin:12px auto;

}

.cv-grid{

display:grid;

grid-template-columns:2fr 1fr;

gap:25px;

}

.cv-card{

background:#fff;

border:1px solid #e4e4e4;

padding:30px;

border-radius:10px;

}

.cv-card-header{

display:flex;

justify-content:space-between;

align-items:center;

padding-bottom:20px;

border-bottom:1px solid #eee;

margin-bottom:25px;

}

.cv-card-header small{

display:block;

font-size:11px;

letter-spacing:1px;

color:#999;

text-transform:uppercase;

}

.cv-status{

background:#0B6B53;

color:#fff;

padding:8px 16px;

border-radius:20px;

font-size:12px;

font-weight:600;

}

.cv-info{

display:grid;

grid-template-columns:1fr 1fr;

gap:25px;

}

.cv-item.full{

grid-column:1/-1;

}

.cv-item label{

display:block;

font-size:11px;

color:#888;

margin-bottom:6px;

text-transform:uppercase;

}

.cv-item strong{

font-size:18px;

font-weight:600;

display:block;

}

.cv-actions{

display:flex;

gap:15px;

margin-top:35px;

}

.cv-actions a{

flex:1;

text-align:center;

padding:14px;

text-decoration:none;

font-weight:600;

border-radius:4px;

}

.cv-download{

background:#111;

color:#fff;

}

.cv-linkedin{

border:1px solid #ddd;

color:#222;

background:#fff;

}

.cv-sidebar{

display:flex;

flex-direction:column;

gap:20px;

}

.cv-side-card{

background:#fff;

border:1px solid #e6e6e6;

padding:24px;

border-radius:10px;

}

.cv-side-card h4{

margin-top:0;

}

.cv-side-card ul{

margin:15px 0;

padding-left:18px;

}

.cv-side-card li{

margin-bottom:14px;

}

.cv-secondary-btn{

display:block;

padding:14px;

background:#111827;

color:#fff;

text-align:center;

text-decoration:none;

border-radius:4px;

}

@media(max-width:900px){

.cv-grid{

grid-template-columns:1fr;

}

.cv-info{

grid-template-columns:1fr;

}

.cv-success h2{

font-size:30px;

}

}


.cv-fail {
	text-align: center;
	margin-bottom: 30px;
	display: grid;
    justify-content: center;
}
.cv-fail-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fdecea;
	/*color: #d93025;*/
	font-size: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 18px;
	font-weight: 700;
	color: #ff3b30; 
    font-family: inherit;           
    font-variant-numeric: tabular-nums; 
    text-shadow: 0 0 0 #ff3b30;
}
.cv-fail h2 {
	font-size: 36px;
	margin: 0;
	font-weight: 700;
}
.cv-fail p {
	color: #666;
	max-width: 600px;
	margin: 12px auto 0;
}
.cv-fail-card {
	max-width: 300px;
	margin: 0 auto;
}
.cv-fail-card .cv-secondary-btn {
	background: #d93025;
}

.cv-issuer {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: #667085;
	max-width: 260px;
}

.cv-issuer-logo {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	object-fit: cover;
	flex-shrink: 0;
}

.cv-issuer-initial {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #101828;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
}

.cv-footer-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.cv-revoked-icon {
	background: #fff4e5;
	color: #b25e09;
}
.cv-revoked h2 {
	color: #b25e09;
}
.cv-revoke-reason {
	font-style: italic;
	font-size: 13px;
	color: #b25e09;
}
.cv-revoked + .cv-fail-card .cv-secondary-btn {
	background: #b25e09;
}
.cv-loading {
	text-align: center;
	padding: 20px 0;
}