/* Tryout results list — inherits the theme's CSS custom properties
   (--surface, --primary, --text, --border, --text-faint, …) with safe
   fallbacks so it still looks right if the plugin is used outside the
   club-hockey theme. */

.ch-tryout-results,
.ch-tryout-results-empty {
	--ch-tryout-results-surface: var(--surface, #15181d);
	--ch-tryout-results-border: var(--border, #2c313a);
	--ch-tryout-results-text: var(--text, #f2f4f7);
	--ch-tryout-results-faint: var(--text-faint, #6b7280);
	--ch-tryout-results-primary: var(--primary, #1c61b0);
}

.ch-tryout-results {
	max-width: var(--content-max-width, 1280px);
	margin: 0 auto;
	padding: 24px;
}

.ch-tryout-results-group {
	margin-bottom: 40px;
}

.ch-tryout-results-group-label {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--ch-tryout-results-faint);
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 8px;
}

.ch-tryout-results-group-label::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--ch-tryout-results-border);
}

.ch-tryout-results-list {
	border: 1px solid var(--ch-tryout-results-border);
	border-radius: 8px;
	overflow: hidden;
}

.ch-tryout-results-row {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 14px 20px;
	border-bottom: 1px solid var(--ch-tryout-results-border);
}

.ch-tryout-results-row:last-child {
	border-bottom: none;
}

.ch-tryout-results-number {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--ch-tryout-results-faint);
	min-width: 32px;
}

.ch-tryout-results-name {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--ch-tryout-results-text);
}

/* Empty state, shown before any players have been added */
.ch-tryout-results-empty {
	max-width: 700px;
	margin: 0 auto;
	border: 1px solid var(--ch-tryout-results-border);
	border-radius: 8px;
	background: var(--ch-tryout-results-surface);
	border-left: 3px solid var(--ch-tryout-results-primary);
	padding: 28px 30px;
}

.ch-tryout-results-empty strong {
	display: block;
	color: var(--ch-tryout-results-text);
	font-family: 'Barlow Condensed', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 15px;
	margin-bottom: 8px;
}

.ch-tryout-results-empty p {
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: var(--ch-tryout-results-text);
	margin: 0;
}