/* Quick Certificate — public search */

.qc-verify {
	--qc-navy: #13233f;
	--qc-gold: #c5a059;
	--qc-paper: #fbf7f1;
	--qc-ink: #1c1917;
	--qc-muted: #6b6258;
	--qc-line: #e8e0d4;
	max-width: 640px;
	margin: 24px auto;
	font-family: "Segoe UI", "Noto Sans Devanagari", "Noto Sans", sans-serif;
	color: var(--qc-ink);
}

.qc-verify__card {
	background: linear-gradient(180deg, #fff 0%, var(--qc-paper) 100%);
	border: 1px solid var(--qc-line);
	border-radius: 24px;
	padding: 32px 24px 28px;
	box-shadow: 0 18px 50px rgba(19, 35, 63, 0.08);
	text-align: center;
}

.qc-verify__seal {
	margin-bottom: 12px;
}

.qc-verify__title {
	margin: 0 0 8px;
	font-size: 28px;
	letter-spacing: -0.03em;
	color: var(--qc-navy);
}

.qc-verify__help {
	margin: 0 auto 22px;
	max-width: 440px;
	color: var(--qc-muted);
	line-height: 1.55;
	font-size: 15px;
}

.qc-verify__form {
	display: flex;
	gap: 8px;
	max-width: 480px;
	margin: 0 auto;
}

.qc-verify .ar-enquiry-product-field,
.qc-verify #ar_enquiry_product,
.qc-verify .ar-enquiry-product-note,
.qc-verify select:not(#qc-date-type) {
	display: none !important;
}

.qc-verify__field {
	flex: 1;
}

.qc-verify__field input {
	width: 100%;
	height: 52px;
	border: 1px solid var(--qc-line);
	border-radius: 14px;
	padding: 0 16px;
	font-size: 16px;
	background: #fff;
	box-shadow: none;
}

.qc-verify__field input:focus {
	outline: none;
	border-color: var(--qc-gold);
	box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.18);
}

.qc-verify__submit {
	height: 52px;
	padding: 0 20px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(180deg, #d4b36e, var(--qc-gold));
	color: var(--qc-navy);
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

.qc-verify__submit:disabled {
	opacity: 0.6;
	cursor: wait;
}

.qc-verify__status {
	margin: 18px 0 0;
	color: var(--qc-muted);
	font-size: 14px;
}

.qc-verify__list {
	margin-top: 20px;
	display: grid;
	gap: 12px;
	text-align: left;
}

.qc-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #fff;
	border: 1px solid var(--qc-line);
	border-radius: 16px;
	padding: 14px 16px;
}

.qc-item__meta {
	min-width: 0;
}

.qc-item__no {
	display: block;
	font-family: ui-monospace, Consolas, monospace;
	font-size: 12px;
	font-weight: 700;
	color: var(--qc-gold);
	letter-spacing: 0.04em;
}

.qc-item__name {
	display: block;
	font-size: 16px;
	font-weight: 650;
	color: var(--qc-navy);
	margin-top: 2px;
}

.qc-item__btn {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 12px;
	background: var(--qc-navy);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 700;
}

.qc-item__btn:hover {
	filter: brightness(1.08);
	color: #fff !important;
}

.qc-item__btn.is-disabled {
	background: #d7d0c6;
	color: #6b6258 !important;
	pointer-events: none;
}

.qc-verify .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

@media (max-width: 600px) {
	.qc-verify {
		margin: 12px 0;
	}

	.qc-verify__card {
		padding: 24px 16px;
		border-radius: 18px;
	}

	.qc-verify__form {
		flex-direction: column;
	}

	.qc-verify__submit,
	.qc-verify__field input {
		width: 100%;
	}

	.qc-item {
		flex-direction: column;
		align-items: stretch;
	}

	.qc-item__btn {
		width: 100%;
	}
}
.qc-date-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;flex-basis:100%;width:100%;text-align:left}.qc-date-filter label{font-size:12px;color:#526675}.qc-date-filter select,.qc-date-filter input{min-width:0;width:100%;padding:10px;border:1px solid #dce4e9;border-radius:6px;background:white;color:#153449}.qc-verify__form{flex-wrap:wrap}.qc-item__actions{display:flex;flex-wrap:wrap;gap:7px}.qc-item__meta small{font-size:11px;color:#617383;margin-top:5px;display:block}

.qc-verify__field{flex-basis:100%}.qc-verify__submit{width:100%}.qc-date-filter select{display:block!important}

/* Stacked, full-width certificate and calibration-date fields. */
.qc-verify .qc-verify__form{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.qc-verify .qc-verify__field,.qc-verify .qc-date-filter{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0;flex-basis:auto;margin:0;text-align:left}
.qc-verify .qc-verify__label,.qc-verify .qc-date-filter label{display:block;font-size:12px;font-weight:600;line-height:1.4;color:#526675;margin:0}
.qc-verify #qc-cert-input,.qc-verify #qc-date-input{display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;height:52px;padding:12px 15px;border:1px solid #dce4e9;border-radius:9px;background:#fff;color:#153449;font:inherit;font-size:15px}
.qc-verify #qc-cert-input:focus,.qc-verify #qc-date-input:focus{outline:2px solid #c5a059;outline-offset:2px;border-color:#c5a059}
.qc-verify #qc-date-input::-webkit-date-and-time-value{text-align:left}