/* Match-content submission tab: reuse the platform's dense search-and-filter surface. */
body.cs2day-v2 .cs2-match-content-submit {
	max-width: 860px;
}

body.cs2day-v2 .cs2-match-content-submit__match {
	border: 1px solid var(--cs2-border, #283647);
	border-radius: 8px;
	background: var(--cs2-panel, #18212c);
	margin-bottom: 18px;
	padding: 18px;
}

body.cs2day-v2 .cs2-match-content-submit__match > header {
	margin-bottom: 12px;
}

body.cs2day-v2 .cs2-match-content-submit__match > header .cs2-help {
	margin: 5px 0 0;
}

body.cs2day-v2 .cs2-match-content-submit__search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

body.cs2day-v2 .cs2-match-content-submit__filters {
	margin-top: 10px;
}

body.cs2day-v2 .cs2-match-content-submit__filters .cs2-directory-filters {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding-top: 12px;
}

body.cs2day-v2 .cs2-match-content-submit__selected {
	align-items: center;
	background: color-mix(in srgb, var(--cs2-accent, #00fca7) 9%, var(--cs2-panel, #18212c));
	border: 1px solid color-mix(in srgb, var(--cs2-accent, #00fca7) 42%, var(--cs2-border, #283647));
	border-radius: 6px;
	display: grid;
	gap: 2px 10px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 12px;
	padding: 10px 12px;
}

body.cs2day-v2 .cs2-match-content-submit__selected strong { min-width: 0; }
body.cs2day-v2 .cs2-match-content-submit__selected span { color: var(--cs2-text-muted, #9fabb8); font-size: .8rem; }
body.cs2day-v2 .cs2-match-content-submit__selected .cs2-icon-button { grid-column: 2; grid-row: 1 / span 2; }

body.cs2day-v2 .cs2-match-content-submit__results {
	border: 1px solid var(--cs2-border, #283647);
	border-radius: 6px;
	margin-top: 8px;
	max-height: 330px;
	overflow: auto;
}

body.cs2day-v2 .cs2-match-content-submit__result {
	align-items: center;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--cs2-border, #283647);
	color: inherit;
	cursor: pointer;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) minmax(150px, auto);
	padding: 10px 12px;
	text-align: left;
	width: 100%;
}

body.cs2day-v2 .cs2-match-content-submit__result:last-child { border-bottom: 0; }
body.cs2day-v2 .cs2-match-content-submit__result:hover,
body.cs2day-v2 .cs2-match-content-submit__result:focus-visible { background: color-mix(in srgb, var(--cs2-accent, #00fca7) 9%, transparent); outline: none; }
body.cs2day-v2 .cs2-match-content-submit__result > b { color: var(--cs2-text-muted, #9fabb8); font-size: .72rem; text-align: center; }
body.cs2day-v2 .cs2-match-content-submit__result > small { color: var(--cs2-text-muted, #9fabb8); font-size: .75rem; text-align: right; }
body.cs2day-v2 .cs2-match-content-submit__team { align-items: center; display: flex; gap: 8px; min-width: 0; }
body.cs2day-v2 .cs2-match-content-submit__team:last-of-type { justify-content: flex-end; text-align: right; }
body.cs2day-v2 .cs2-match-content-submit__team img { height: 28px; object-fit: contain; width: 28px; }
body.cs2day-v2 .cs2-match-content-submit__team strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 640px) {
	body.cs2day-v2 .cs2-match-content-submit__match { padding: 14px; }
	body.cs2day-v2 .cs2-match-content-submit__filters .cs2-directory-filters { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-match-content-submit__result { grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr); }
	body.cs2day-v2 .cs2-match-content-submit__result > small { grid-column: 1 / -1; text-align: left; }
	body.cs2day-v2 .cs2-match-content-submit__team img { height: 24px; width: 24px; }
}