.srf-wrapper{
	max-width:600px;
	margin:30px auto;
	font-family:Arial, Helvetica, sans-serif;
}

/* ---- Search box ---- */
.srf-search-box{
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:10px;
	padding:24px;
	box-shadow:0 2px 8px rgba(0,0,0,.06);
	text-align:center;
}
.srf-search-box h3{
	margin:0 0 18px;
	font-size:22px;
	color:#1a3b1a;
}
.srf-form-row{
	text-align:left;
	margin-bottom:14px;
}
.srf-form-row label{
	display:block;
	font-weight:600;
	margin-bottom:6px;
	color:#333;
	font-size:14px;
}
.srf-form-row input[type=text]{
	width:100%;
	padding:10px 12px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:15px;
	box-sizing:border-box;
}
.srf-form-row input[type=text]:focus{
	outline:none;
	border-color:#2e7d32;
	box-shadow:0 0 0 2px rgba(46,125,50,.15);
}
#srf_find_btn{
	background:#2e7d32;
	color:#fff;
	border:none;
	padding:12px 30px;
	font-size:16px;
	font-weight:700;
	border-radius:6px;
	cursor:pointer;
	margin-top:6px;
	transition:background .2s ease;
}
#srf_find_btn:hover{ background:#245f27; }
#srf_find_btn:disabled{ background:#9bbf9d; cursor:not-allowed; }

#srf_message{
	margin-top:14px;
	font-size:14px;
	font-weight:600;
}
#srf_message.srf-error{ color:#c0392b; }

/* ---- Certificate card ---- */
.srf-certificate-wrapper{
	margin-top:24px;
}
.srf-certificate{
	background:#f7941d;
	border:3px solid #ffffff;
	border-radius:14px;
	padding:18px;
	box-shadow:0 6px 18px rgba(0,0,0,.18);
	color:#111;
}
.srf-cert-topbar{
	text-align:center;
	font-weight:800;
	font-size:16px;
	color:#fff;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:.5px;
}
.srf-cert-header{
	background:linear-gradient(135deg,#1b6e2c,#0f4d1c);
	border:3px solid #0a3812;
	border-radius:10px;
	padding:12px 20px;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	box-sizing:border-box;
	gap:16px;
}
.srf-cert-logo{
	max-width:60px;
	width:60px;
	height:auto;
	flex-shrink:0;
	background:#fff;
	border-radius:6px;
	padding:3px;
}
.srf-cert-org-title{
	flex:1;
	font-size:19px;
	font-weight:800;
	line-height:1.3;
	text-align:center;
	color:#fff;
	white-space:nowrap;
}
.srf-cert-candidate{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:18px;
	padding:0 6px;
}
.srf-cert-photo{
	width:70px;
	height:70px;
	border-radius:50%;
	border:3px solid #b3261e;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	flex-shrink:0;
}
.srf-cert-photo img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.srf-photo-placeholder{
	font-size:34px;
	color:#555;
}
.srf-cert-name{
	font-size:19px;
	color:#fff;
}
.srf-cert-table{
	background:#0f4d1c;
	border:3px solid #0f4d1c;
	border-radius:8px;
	overflow:hidden;
}
.srf-cert-row{
	border-bottom:2px solid #fff;
}
.srf-cert-row:last-child{ border-bottom:none; }
.srf-cert-row-3{
	display:flex;
}
.srf-cert-cell{
	flex:1;
	padding:12px 10px;
	text-align:center;
	border-right:2px solid #fff;
}
.srf-cert-cell:last-child{ border-right:none; }
.srf-cell-label{
	display:block;
	font-size:12px;
	font-weight:700;
	color:#fff;
	letter-spacing:.5px;
	margin-bottom:4px;
}
.srf-cell-value{
	display:block;
	font-size:16px;
	font-weight:800;
	color:#fff;
}
.srf-cert-status-row{
	text-align:center;
	padding:14px 10px;
	background:#0f4d1c;
}
.srf-cert-status-row .srf-cell-label{ margin-bottom:6px; color:#fff; }
.srf-status-value{
	font-size:28px;
	font-weight:900;
	letter-spacing:1px;
}
.srf-status-value.srf-pass{ color:#fff; }
.srf-status-value.srf-fail{ color:#ffd6d6; }
.srf-cert-congrats{
	padding:14px 16px;
	text-align:center;
}
.srf-cert-congrats h4{
	margin:0 0 8px;
	font-size:15px;
	font-weight:800;
	color:#fff;
}
.srf-cert-congrats p{
	margin:0;
	font-size:12.5px;
	font-style:italic;
	color:#f0f0f0;
	line-height:1.5;
}

/* ---- Download PDF button ---- */
.srf-cert-actions{
	text-align:center;
	margin-top:16px;
}
.srf-download-btn{
	background:#0f4d1c;
	color:#fff;
	border:none;
	padding:12px 28px;
	font-size:15px;
	font-weight:700;
	border-radius:6px;
	cursor:pointer;
	transition:background .2s ease;
}
.srf-download-btn:hover{ background:#0a3812; }
.srf-download-btn:disabled{ background:#8f96a8; cursor:not-allowed; }

@media (max-width:480px){
	.srf-cert-row-3{ flex-direction:column; }
	.srf-cert-cell{ border-right:none; border-bottom:2px solid #fff; }
	.srf-cert-cell:last-child{ border-bottom:none; }
	.srf-cert-org-title{ font-size:14px; white-space:normal; }
}