/* CINEVA - Użytkownicy: drobne uzupełnienia formularzy logowania. */

.cnv-ui .cnv-ui__podpowiedz { font-size: 12px; color: var(--k-tekst-cichy); }

.cnv-ui .cnv-ui__pole input[name="kod"] {
	font-size: 26px;
	letter-spacing: 0.4em;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.cnv-ui .cnv-ui__wiersz { display: flex; gap: 10px; }
.cnv-ui .cnv-ui__wiersz input { flex: 1; min-width: 0; }
.cnv-ui .cnv-ui__dwa { display: grid; grid-template-columns: 1fr 2fr; gap: 14px; }
@media (max-width: 560px) { .cnv-ui .cnv-ui__dwa { grid-template-columns: 1fr; } }

.cnv-uz-avatar__wiersz { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cnv-uz-avatar__kolko {
	display: flex; align-items: center; justify-content: center; flex: none;
	width: 84px; height: 84px; border-radius: 50%; overflow: hidden;
	background: #111; border: 2px solid rgba(255, 255, 255, .85);
	color: #fff; font-size: 34px; font-weight: 700;
}
.cnv-uz-avatar__kolko img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cnv-ui .cnv-uz-avatar__wybierz { cursor: pointer; }

/* ---------- okno kadrowania zdjęcia profilowego ---------- */
html.cnv-crop-otwarte { overflow: hidden; }
.cnv-ui.cnv-crop {
	position: fixed; inset: 0; z-index: 100000; max-width: none; margin: 0; padding: 16px;
	display: flex; align-items: center; justify-content: center;
	background: rgba(6, 6, 6, .88);
}
.cnv-crop__pudlo {
	width: 100%; max-width: 380px; padding: 22px 20px 20px;
	background: var(--k-karta); border: 1px solid var(--k-linia); border-radius: 20px; color: var(--k-tekst);
}
.cnv-crop__pudlo h3 { margin: 0 0 6px; font-size: 20px; }
.cnv-crop__opis { margin: 0 0 14px; font-size: 13px; color: var(--k-tekst-cichy); }
.cnv-crop__scena {
	position: relative; margin: 0 auto 14px; overflow: hidden; border-radius: 6px; background: #000;
	touch-action: none; user-select: none; -webkit-user-select: none; cursor: crosshair;
}
.cnv-crop__scena canvas { display: block; pointer-events: none; }
.cnv-crop__ramka {
	position: absolute; left: 0; top: 0; box-sizing: border-box; cursor: move;
	border: 2px solid #fff; box-shadow: 0 0 0 999px rgba(0, 0, 0, .6);
}
.cnv-crop__kolko { position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .55); pointer-events: none; }
.cnv-crop__uchwyt {
	position: absolute; right: 3px; bottom: 3px; width: 26px; height: 26px; border-radius: 50%;
	background: #fff; border: 3px solid #ff00c8; box-sizing: border-box; cursor: nwse-resize;
}
.cnv-crop__zoom { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 13px; color: var(--k-tekst-cichy); }
.cnv-crop__zoom input { flex: 1; min-width: 0; accent-color: var(--k-rozowy); }
.cnv-crop__przyciski { display: flex; justify-content: flex-end; gap: 10px; }