/* Release 273: functional, scrollable Team & Matchcenter header workspace. */
body.cs2day-v2 .cs2-team-match-menu__panel {
	max-height: min(680px, calc(100dvh - 96px));
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: var(--cs2-border) transparent;
	scrollbar-width: thin;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}

body.cs2day-v2 .cs2-team-match-menu__panel [data-cs2-compact-panel][hidden] {
	display: none !important;
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs {
	position: sticky;
	top: -1px;
	z-index: 3;
	margin-inline: -2px;
	padding: 7px 2px;
	background: var(--cs2-bg-alt, #10151d);
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs button {
	transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs button:hover,
body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs button:focus-visible {
	border-color: color-mix(in srgb, var(--cs2-accent) 48%, var(--cs2-border));
	background: var(--cs2-card-elevated, #202c39);
	color: var(--cs2-text, #eef3f7);
	outline: 0;
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs button.is-active {
	background: color-mix(in srgb, var(--cs2-card-elevated) 90%, var(--cs2-accent) 10%);
}

body.cs2day-v2 .cs2-team-match-menu__panel :is(.cs2-header-team-row__actions, .cs2-header-match-row__actions) a,
body.cs2day-v2 .cs2-team-match-menu__panel footer > a,
body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-list > .cs2-button {
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

body.cs2day-v2 .cs2-team-match-menu__panel :is(.cs2-header-team-row__actions, .cs2-header-match-row__actions) a:hover,
body.cs2day-v2 .cs2-team-match-menu__panel :is(.cs2-header-team-row__actions, .cs2-header-match-row__actions) a:focus-visible,
body.cs2day-v2 .cs2-team-match-menu__panel footer > a:hover,
body.cs2day-v2 .cs2-team-match-menu__panel footer > a:focus-visible,
body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-list > .cs2-button:hover,
body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-list > .cs2-button:focus-visible {
	border-color: color-mix(in srgb, var(--cs2-accent) 52%, var(--cs2-border));
	background: color-mix(in srgb, var(--cs2-card-elevated) 92%, var(--cs2-accent) 8%);
	color: var(--cs2-text);
	outline: 0;
	transform: translateY(-1px);
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-row__fixture {
	border-radius: 5px;
	transition: background-color .16s ease;
}

body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-row__fixture:hover,
body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-match-row__fixture:focus-visible {
	background: color-mix(in srgb, var(--cs2-card-elevated) 70%, transparent);
	outline: 0;
}

body.cs2day-v2 .cs2-team-match-menu__panel footer > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 11px;
	border: 1px solid var(--cs2-border);
	border-radius: 5px;
	background: var(--cs2-card);
	color: var(--cs2-text);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 600px) {
	body.cs2day-v2 .cs2-team-match-menu__panel {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		max-width: none !important;
		max-height: calc(100dvh - 84px);
	}

	body.cs2day-v2 .cs2-team-match-menu__panel .cs2-header-menu-tabs {
		margin-inline: -3px;
	}
}