/* Public verification page */
.kmdv {
	--kmdv-ink: #0F172A;
	--kmdv-muted: #475569;
	--kmdv-line: #E2E8F0;
	--kmdv-blue: #0056D2;
	max-width: 760px;
	margin: 0 auto 48px;
	color: var(--kmdv-ink);
}

.kmdv-form {
	padding: 22px;
	border: 1px solid var(--kmdv-line);
	border-radius: 16px;
	background: #FFFFFF;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}
.kmdv-form label { display: block; margin: 0 0 8px; font-weight: 700; }
.kmdv-row { display: flex; gap: 10px; flex-wrap: wrap; }
.kmdv-row input {
	flex: 1 1 220px;
	min-width: 0;
	height: 50px;
	padding: 0 14px;
	border: 1px solid #CBD5E1;
	border-radius: 12px;
	font-size: 18px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-family: ui-monospace, Consolas, monospace;
}
.kmdv-row input:focus { outline: 2px solid var(--kmdv-blue); outline-offset: 1px; border-color: var(--kmdv-blue); }
.kmdv-row button {
	flex: 0 0 auto;
	height: 50px;
	padding: 0 26px;
	border: 0;
	border-radius: 12px;
	background: var(--kmdv-blue);
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}
.kmdv-row button:hover { background: #1D4ED8; }
.kmdv-hint { margin: 10px 0 0; font-size: 14px; color: var(--kmdv-muted); }

.kmdv-status {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 22px 0 0;
	padding: 18px 20px;
	border-radius: 16px;
	border: 1px solid;
}
.kmdv-status strong { display: block; font-size: 20px; line-height: 1.25; }
.kmdv-status p { margin: 4px 0 0; font-size: 15px; line-height: 1.5; }
.kmdv-icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 700;
}
.kmdv-status--ok { background: #ECFDF5; border-color: #A7F3D0; color: #064E3B; }
.kmdv-status--ok .kmdv-icon { background: #059669; }
.kmdv-status--warn { background: #FFFBEB; border-color: #FDE68A; color: #78350F; }
.kmdv-status--warn .kmdv-icon { background: #D97706; }
.kmdv-status--bad { background: #FEF2F2; border-color: #FECACA; color: #7F1D1D; }
.kmdv-status--bad .kmdv-icon { background: #DC2626; }

.kmdv-facts {
	margin: 16px 0 0;
	border: 1px solid var(--kmdv-line);
	border-radius: 16px;
	background: #FFFFFF;
	overflow: hidden;
}
.kmdv-facts > div {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 12px;
	padding: 12px 18px;
	border-top: 1px solid var(--kmdv-line);
}
.kmdv-facts > div:first-child { border-top: 0; }
.kmdv-facts dt { margin: 0; font-size: 14px; font-weight: 700; color: var(--kmdv-muted); }
.kmdv-facts dd { margin: 0; font-size: 15px; word-break: break-word; }

.kmdv-alert,
.kmdv-note {
	margin: 16px 0 0;
	padding: 14px 16px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.5;
}
.kmdv-alert { background: #FEF2F2; color: #7F1D1D; border: 1px solid #FECACA; }
.kmdv-note { background: #F8FAFC; color: var(--kmdv-muted); border: 1px solid var(--kmdv-line); }

.kmdv-copy { margin: 22px 0 0; }
.kmdv-copy p { margin: 0 0 10px; font-size: 15px; line-height: 1.5; color: var(--kmdv-muted); }
.kmdv-copy iframe {
	display: block;
	width: 100%;
	border: 1px solid var(--kmdv-line);
	border-radius: 12px;
	background: #FFFFFF;
}

@media (max-width: 560px) {
	.kmdv-facts > div { grid-template-columns: 1fr; gap: 2px; }
	.kmdv-row button { flex: 1 1 100%; }
}