.skv-form {
	display: grid;
	gap: var(--skv-gap);
}

.skv-form-grid {
	display: grid;
	gap: var(--skv-gap);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.skv-field {
	display: grid;
	gap: 8px;
}

.skv-label {
	color: var(--skv-muted);
	font-size: 13px;
	font-weight: 700;
}

.skv-input {
	background: var(--skv-surface-2);
	border: 1px solid var(--skv-border);
	border-radius: calc(var(--skv-radius) - 8px);
	color: var(--skv-text);
	font-family: var(--skv-font);
	font-size: 16px;
	min-height: 46px;
	padding: 10px 12px;
	width: 100%;
}

.skv-input:focus {
	border-color: var(--skv-primary);
	outline: 2px solid rgba(245, 197, 66, 0.2);
}

@media (max-width: 640px) {
	.skv-form-grid {
		grid-template-columns: 1fr;
	}
}