/* Kod/adet girişi ve sonuçlar aynı katalog kontrolünün görünümüdür. */
.cozumoto-servis-form,
.cozumoto-servis-sonuc {
	box-sizing: border-box;
	max-width: 900px;
	margin-block: var(--space-6);
	padding: var(--space-5);
	border: 1px solid var(--oyp-border-input);
	border-radius: var(--radius-md);
	background: var(--oyp-surface);
}
.cozumoto-servis-form label { display: block; font-weight: 700; }
.cozumoto-servis-form p { margin: var(--space-2) 0 var(--space-3); }
.cozumoto-servis-form textarea {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: var(--space-4);
	padding: var(--space-3);
	border: 1px solid var(--oyp-border-input);
	font-family: var(--font-mono);
	font-size: 16px;
	line-height: 1.5;
	resize: vertical;
}
.cozumoto-servis-form button { min-height: var(--space-12); }
#cozumoto-servis-sonuc,
#cozumoto-servis-satirlar { scroll-margin-top: var(--space-4); }
.cozumoto-servis-sonuc h3 { margin-top: 0; }
.cozumoto-servis-sonuc p { margin-block: var(--space-3); }
.cozumoto-servis-sonuc--hata { border-left: var(--space-1) solid var(--oyp-danger-text); }
.cozumoto-servis-satirlar { list-style: none; margin: var(--space-4) 0; padding: 0; }
.cozumoto-servis-satirlar li {
	margin: var(--space-3) 0;
	padding: var(--space-4);
	border: 1px solid var(--oyp-card-border);
	border-radius: var(--radius-sm);
	background: #fff;
	overflow-wrap: anywhere;
}
.cozumoto-servis-eslesme { font-weight: 700; }
.cozumoto-servis-sonuc a {
	display: inline-flex;
	align-items: center;
	min-height: calc(var(--space-10) + var(--space-1));
	color: var(--oyp-dark);
	text-decoration: underline;
	overflow-wrap: anywhere;
}
.cozumoto-servis-sonuc:focus { outline: 3px solid var(--oyp-dark); outline-offset: 2px; }
@media (max-width: 767px) {
	.cozumoto-servis-form,
	.cozumoto-servis-sonuc { padding: var(--space-4); }
	.cozumoto-servis-form button { width: 100%; }
}