/**
 * Uplata / Prijava page — component styles (AC-106).
 *
 * Generic layout, spacing, alignment, weight and the white/danger text colours
 * come from Bootstrap utilities in the markup. This file carries only what the
 * design system doesn't: the dark cards, the big event title, the detail/label
 * tables, the member table and the QR box.
 *
 * Colours use the theme's ic- preset tokens (orange = brand
 * var(--wp--preset--color--ic-orange, var(--wp--preset--color--orange, #FF6D00)) = #FF6D00); each var chains old-theme preset → challenge preset → hex
 * (AC-175), so the page holds its colours under either theme.
 */

.ic-uplata__event { font-size: 4rem; line-height: 1.1; letter-spacing: 1px; }

.ic-uplata__lead { font-size: 1.125rem; color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999)); }
.ic-uplata--locked .ic-uplata__lead { max-width: 560px; margin-left: auto; margin-right: auto; }

.ic-uplata__accent { color: var(--wp--preset--color--ic-orange, var(--wp--preset--color--orange, #FF6D00)); }

.ic-uplata__card {
	background: var(--wp--preset--color--ic-grey-light, var(--wp--preset--color--bg-medium, #212224));
	border-radius: 12px;
	padding: 2rem;
}

.ic-uplata__table { width: 100%; }
.ic-uplata__table td { padding: 0.4rem 0; }
.ic-uplata__label {
	width: 40%;
	vertical-align: top;
	color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999));
}
.ic-uplata__ref { font-size: 1.2rem; letter-spacing: 1px; }

.ic-uplata__subhead { font-size: 1rem; letter-spacing: .04em; }

.ic-uplata__members { width: 100%; border-collapse: collapse; }
.ic-uplata__members th {
	padding: .4rem .5rem;
	font-weight: 600;
	text-align: left;
	color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999));
}
.ic-uplata__members thead tr { border-bottom: 1px solid #3a3b3d; }
.ic-uplata__members tbody tr { border-bottom: 1px solid var(--wp--preset--color--ic-bg-card, var(--wp--preset--color--bg-card, #2D2E30)); }
.ic-uplata__members td { padding: .45rem .5rem; }
.ic-uplata__members td:first-child { color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999)); }

.ic-uplata__note-label { color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999)); }
.ic-uplata__note { margin: .35rem 0 0; white-space: pre-line; }

.ic-uplata__qr { display: inline-block; cursor: pointer; transition: opacity .2s ease; }
.ic-uplata__qr:hover { opacity: .85; }
.ic-uplata__qr img {
	display: block;
	max-width: 100%;
	height: auto;
	background: var(--wp--preset--color--ic-text-primary, var(--wp--preset--color--white, #FFFFFF));
	padding: 8px;
	border-radius: 8px;
}
.ic-uplata__qr-hint { font-size: .9rem; line-height: 1.4; color: var(--wp--preset--color--ic-text-muted, var(--wp--preset--color--text-muted, #999999)); }