/* Release 191: unified archive tools, match detail refinements and team match content. */
body.cs2day-v2 .cs2-search-filter-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	flex: 1 1 100%;
	width: 100%;
	margin: 0 0 18px;
}

body.cs2day-v2 .cs2-archive-tools:has(.cs2-search-filter-toolbar) {
	width: 100%;
}

body.cs2day-v2 .cs2-search-filter-toolbar__search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	min-width: 0;
	min-height: 48px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-card);
	overflow: hidden;
}

body.cs2day-v2 .cs2-search-filter-toolbar__search input[type='search'] {
	width: 100%;
	min-width: 0;
	height: 46px;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--cs2-text);
	box-shadow: none;
}

body.cs2day-v2 .cs2-search-filter-toolbar__button,
body.cs2day-v2 .cs2-search-filter-toolbar > details > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 96px;
	height: 48px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-card-elevated);
	color: var(--cs2-text);
	font: inherit;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}

body.cs2day-v2 .cs2-search-filter-toolbar__button {
	min-width: 92px;
	height: 46px;
	border-width: 0 0 0 1px;
	border-radius: 0;
}

body.cs2day-v2 .cs2-search-filter-toolbar__button svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

body.cs2day-v2 .cs2-search-filter-toolbar > details.cs2-filter-panel {
	display: contents;
}

body.cs2day-v2 .cs2-search-filter-toolbar > details > summary {
	grid-column: 2;
	grid-row: 1;
	list-style: none;
}

body.cs2day-v2 .cs2-search-filter-toolbar > details > summary::-webkit-details-marker { display: none; }

body.cs2day-v2 .cs2-search-filter-toolbar > details[open] > summary {
	border-color: color-mix(in srgb, var(--cs2-accent) 45%, var(--cs2-border));
}

body.cs2day-v2 .cs2-search-filter-toolbar > details > form {
	grid-column: 1 / -1;
	grid-row: 2;
	margin-top: 2px;
}

body.cs2day-v2 .cs2-match-line__league {
	justify-self: stretch;
	justify-content: flex-end;
	padding-inline: 18px 6px;
	text-align: right;
}

body.cs2day-v2 .cs2-match-detail-lineups {
	padding: 8px 0 2px;
}

body.cs2day-v2 .cs2-match-detail-lineups > .cs2-detail-panel__heading {
	padding-inline: 0;
}

body.cs2day-v2 .cs2-match-lineups > div {
	border: 0;
	background: transparent;
}

body.cs2day-v2 .cs2-match-lineups > div > h3 {
	padding-inline: 10px;
}

body.cs2day-v2 .cs2-match-maps--detail > .cs2-match-map {
	background-image: linear-gradient(180deg, rgba(5, 10, 14, .18), rgba(5, 10, 14, .9)), url('../images/cs2-map-sprite.png');
	background-repeat: no-repeat;
	background-size: 500% 200%;
}

body.cs2day-v2 .cs2-match-map--mirage { background-position: 0 0; }
body.cs2day-v2 .cs2-match-map--inferno { background-position: 25% 0; }
body.cs2day-v2 .cs2-match-map--nuke { background-position: 50% 0; }
body.cs2day-v2 .cs2-match-map--ancient { background-position: 75% 0; }
body.cs2day-v2 .cs2-match-map--anubis { background-position: 100% 0; }
body.cs2day-v2 .cs2-match-map--dust-ii,
body.cs2day-v2 .cs2-match-map--dust2 { background-position: 0 100%; }
body.cs2day-v2 .cs2-match-map--overpass { background-position: 25% 100%; }
body.cs2day-v2 .cs2-match-map--train { background-position: 50% 100%; }
body.cs2day-v2 .cs2-match-map--vertigo { background-position: 75% 100%; }
body.cs2day-v2 .cs2-match-map--cache { background-position: 100% 100%; }

body.cs2day-v2 .cs2-match-maps--detail > .cs2-match-map {
	min-height: 170px;
	background-color: #090f14;
	background-blend-mode: normal;
}

body.cs2day-v2 .cs2-match-map::before {
	background: linear-gradient(180deg, transparent 30%, rgba(5, 10, 14, .88));
}

body.cs2day-v2 .cs2-match-map > div {
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

body.cs2day-v2 .cs2-match-map > div strong { font-size: 22px; }
body.cs2day-v2 .cs2-match-map > div b { font-size: 23px; }

body.cs2day-v2 .cs2-match-opponent-history {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	margin-top: 12px;
	padding: 13px 16px;
	border-left: 3px solid var(--cs2-accent);
	background: color-mix(in srgb, var(--cs2-card-elevated) 70%, transparent);
}

body.cs2day-v2 .cs2-match-opponent-history ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.cs2day-v2 :where(.cs2-match-content-hub, .cs2-team-matchcenter) {
	width: min(100%, var(--cs2-max-width));
	margin-inline: auto;
}

body.cs2day-v2 .cs2-match-content__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

body.cs2day-v2 .cs2-match-content__heading small {
	color: var(--cs2-text-muted);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

body.cs2day-v2 .cs2-match-content__heading h2 { margin: 3px 0 0; }

body.cs2day-v2 .cs2-match-lineups {
	grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
	align-items: center;
}

body.cs2day-v2 .cs2-match-lineups__versus {
	display: grid;
	place-items: center;
	align-self: stretch;
	margin: 0;
}

body.cs2day-v2 .cs2-match-scoreboard__team-identity {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

body.cs2day-v2 .cs2-match-scoreboard__team-identity .cs2-match-scoreboard__team-logo {
	margin: 0;
}

body.cs2day-v2 .cs2-match-content-matrix {
	display: grid;
	gap: 18px;
}

body.cs2day-v2 .cs2-match-content-row {
	display: grid;
	gap: 9px;
}

body.cs2day-v2 .cs2-match-content-row > h3 {
	margin: 0;
	font-size: 14px;
}

body.cs2day-v2 .cs2-match-content-row__teams {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

body.cs2day-v2 .cs2-match-content-team {
	min-width: 0;
	padding: 12px;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: color-mix(in srgb, var(--cs2-card-elevated) 72%, transparent);
}

body.cs2day-v2 .cs2-match-content-team > header {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 10px;
}

body.cs2day-v2 .cs2-match-content-team > header img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

body.cs2day-v2 .cs2-match-content-team .cs2-match-content-card {
	padding: 11px 0 0;
	border: 0;
	border-top: 1px solid var(--cs2-border);
	border-radius: 0;
	background: transparent;
}

body.cs2day-v2 .cs2-match-content-team .cs2-match-content-card + .cs2-match-content-card {
	margin-top: 12px;
}

body.cs2day-v2 .cs2-match-content-team .cs2-match-content-card > header {
	display: flex;
	justify-content: flex-end;
}

body.cs2day-v2 .cs2-match-content-team__empty {
	margin: 0;
	padding: 13px 0 4px;
	border-top: 1px solid var(--cs2-border);
	color: var(--cs2-text-muted);
	font-size: 12px;
}

body.cs2day-v2 .cs2-match-content-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 3px;
}

body.cs2day-v2 .cs2-match-content-card__author {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

body.cs2day-v2 .cs2-match-content-card__author img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

body.cs2day-v2 .cs2-match-content-card__author > span {
	display: grid;
}

body.cs2day-v2 .cs2-match-content-card__author small {
	color: var(--cs2-text-muted);
	font-size: 9px;
}

body.cs2day-v2 .cs2-team-match__submissions {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

body.cs2day-v2 .cs2-team-match__submissions > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 8px;
	border: 1px solid var(--cs2-border);
	border-radius: 4px;
	background: var(--cs2-bg-alt);
	font-size: 10px;
}

body.cs2day-v2 .cs2-team-match__submissions small { color: var(--cs2-text-muted); }
body.cs2day-v2 .cs2-team-match__submissions .is-publish small { color: var(--cs2-success); }
body.cs2day-v2 .cs2-team-match__submissions .is-pending small { color: var(--cs2-warning); }
body.cs2day-v2 .cs2-team-match__submissions .is-trash small { color: var(--cs2-error); }

body.cs2day-v2 :where(.cs2-match-content__grid, .cs2-match-content-hub__grid) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

body.cs2day-v2 .cs2-match-content-card {
	display: grid;
	align-content: start;
	gap: 9px;
	min-width: 0;
	padding: 15px;
	border: 1px solid var(--cs2-border);
	border-top: 2px solid color-mix(in srgb, var(--cs2-accent) 65%, var(--cs2-border));
	border-radius: 6px;
	background: var(--cs2-card-elevated);
}

body.cs2day-v2 .cs2-match-content-card--banter { border-top-color: var(--cs2-warning); }
body.cs2day-v2 .cs2-match-content-card--post-match { border-top-color: var(--cs2-info); }

body.cs2day-v2 .cs2-match-content-card header {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
}

body.cs2day-v2 .cs2-match-content-card header img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

body.cs2day-v2 .cs2-match-content-card header span { display: grid; min-width: 0; }
body.cs2day-v2 .cs2-match-content-card header small { color: var(--cs2-text-muted); font-size: 9px; text-transform: uppercase; }
body.cs2day-v2 .cs2-match-content-card header time { color: var(--cs2-text-muted); font-size: 10px; }
body.cs2day-v2 .cs2-match-content-card h3 { margin: 0; font-size: 16px; }
body.cs2day-v2 .cs2-match-content-card p { margin: 0; color: var(--cs2-text-muted); }
body.cs2day-v2 .cs2-match-content-card > a { justify-self: start; color: var(--cs2-text); font-weight: 750; }

body.cs2day-v2 .cs2-match-content-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 14px;
	padding: 7px;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-card);
}

body.cs2day-v2 .cs2-match-content-tabs a {
	padding: 8px 12px;
	border-radius: 4px;
	color: var(--cs2-text-muted);
	font-size: 12px;
	font-weight: 750;
	text-decoration: none;
}

body.cs2day-v2 .cs2-match-content-tabs a:hover { background: var(--cs2-card-elevated); color: var(--cs2-text); }

body.cs2day-v2 .cs2-team-matchcenter__list { display: grid; gap: 8px; }
body.cs2day-v2 .cs2-team-match { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid var(--cs2-border); border-radius: 6px; background: var(--cs2-card); }
body.cs2day-v2 .cs2-team-match__fixture { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; }
body.cs2day-v2 .cs2-team-match__fixture small { grid-column: 1 / -1; color: var(--cs2-text-muted); }
body.cs2day-v2 .cs2-team-match__fixture h2 { margin: 0; font-size: 16px; }
body.cs2day-v2 .cs2-team-match__fixture h2 a { color: var(--cs2-text); text-decoration: none; }

body.cs2day-v2 .cs2-transfer-row__logo img.is-player {
	border-radius: 50%;
	object-fit: cover;
}

body.cs2day-v2 .cs2-match-submit-dialog form { display: grid; gap: 14px; width: min(620px, calc(100vw - 28px)); padding: 20px; }
body.cs2day-v2 .cs2-match-submit-dialog label { display: grid; gap: 6px; }
body.cs2day-v2 .cs2-match-submit-dialog footer { display: flex; justify-content: flex-end; gap: 8px; }

@media (max-width: 980px) {
	body.cs2day-v2 :where(.cs2-match-content__grid, .cs2-match-content-hub__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.cs2day-v2 .cs2-match-line__league { padding-inline: 10px 4px; }
}

@media (max-width: 720px) {
	body.cs2day-v2 .cs2-search-filter-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
	body.cs2day-v2 .cs2-search-filter-toolbar__button { min-width: 48px; width: 48px; }
	body.cs2day-v2 .cs2-search-filter-toolbar__button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	body.cs2day-v2 .cs2-search-filter-toolbar > details > summary { min-width: 48px; width: 48px; padding: 0; }
	body.cs2day-v2 .cs2-search-filter-toolbar > details > summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	body.cs2day-v2 :where(.cs2-match-content__grid, .cs2-match-content-hub__grid) { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-match-content-tabs { overflow-x: auto; }
	body.cs2day-v2 .cs2-team-match { align-items: stretch; flex-direction: column; }
	body.cs2day-v2 .cs2-team-match > .cs2-button { align-self: flex-end; }
	body.cs2day-v2 .cs2-match-opponent-history { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-match-content-row__teams { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-match-content-card__footer { align-items: flex-start; flex-direction: column; }
	body.cs2day-v2 .cs2-match-lineups { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-match-lineups__versus { min-height: 40px; }
}