/* Team editor and team banner refinement. */
body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-shell {
	display: grid;
	gap: 20px;
}
body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-heading,
body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-section {
	margin: 0;
	max-width: none;
	padding: clamp(18px, 2.2vw, 30px);
	border: 1px solid var(--cs2-border);
	border-radius: var(--cs2-radius);
	background: var(--cs2-card);
}
body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-form { max-width: none; }
body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-membership-row { padding-inline: 4px; }
body.cs2day-v2 .cs2day-banner-field img {
	display: block;
	width: 100%;
	max-height: 220px;
	object-fit: cover;
	border: 1px solid var(--cs2-border);
	border-radius: var(--cs2-radius);
}
body.cs2day-v2 .cs2day-banner-field small { color: var(--cs2-text-muted); font-weight: 500; }
body.cs2day-v2 .cs2day-lineup-actions,
body.cs2day-v2 .cs2day-lineup-actions > form,
body.cs2day-v2 .cs2day-lineup-actions > form:first-child {
	display: flex;
	align-items: center;
	gap: 8px;
}
body.cs2day-v2 .cs2day-lineup-actions select { min-width: 150px; }
body.cs2day-v2 .cs2day-lineup-invite-form,
body.cs2day-v2 .cs2day-internal-player-form {
	margin-top: 22px;
	padding: 20px;
	border: 1px solid var(--cs2-border);
	border-radius: var(--cs2-radius);
	background: var(--cs2-card-elevated);
}
body.cs2day-v2 .cs2day-lineup-invite-form h3,
body.cs2day-v2 .cs2day-internal-player-form h3 { margin: 0; }
body.cs2day-v2 .cs2-detail-hero--entity.has-cover {
	position: relative;
	overflow: hidden;
}
body.cs2day-v2 .cs2-detail-hero--entity .cs2-detail-hero__cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .3;
}
body.cs2day-v2 .cs2-detail-hero--entity.has-cover::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--cs2-card) 94%, transparent) 18%, color-mix(in srgb, var(--cs2-card) 68%, transparent));
}
body.cs2day-v2 .cs2-detail-hero--entity > :not(.cs2-detail-hero__cover) { position: relative; z-index: 1; }
body.cs2day-v2 .cs2-team-story .cs2-org-story__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 820px) {
	body.cs2day-v2 .cs2-team-story .cs2-org-story__grid { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2day-lineup-actions,
	body.cs2day-v2 .cs2day-lineup-actions > form:first-child { align-items: stretch; flex-direction: column; }
	body.cs2day-v2 .cs2day-lineup-actions select,
	body.cs2day-v2 .cs2day-lineup-actions .button { width: 100%; }
}
@media (max-width: 600px) {
	body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-heading,
	body.cs2day-v2.cs2day-entity-view--team-manage .cs2day-entity-section { padding: 16px; }
	body.cs2day-v2 .cs2day-membership-row { align-items: stretch; flex-direction: column; }
	body.cs2day-v2 .cs2day-lineup-actions { align-items: stretch; }
	body.cs2day-v2 .cs2day-lineup-actions > form:last-child .button { width: 100%; }
}
