/* Logo-derived identity, scoped to team profiles. Keep semantic alerts untouched. */
.team-profile-page {
  --ts-line: color-mix(in srgb, var(--team-accent-primary, #e63168) 30%, #293342);
  --ts-card: #111722;
  --ts-accent: color-mix(in srgb, var(--team-accent-primary, #e63168) 48%, #fff);
  --ts-team-edge: color-mix(in srgb, var(--team-accent-primary, #e63168) 72%, #354052);
  --ts-team-wash: color-mix(in srgb, var(--team-accent-primary, #e63168) 12%, #111722);
  --ts-team-button: color-mix(in srgb, var(--team-accent-primary, #e63168) 38%, #101620);
  --ts-team-button-end: color-mix(in srgb, var(--team-accent-secondary, #5865f2) 25%, #101620);
}

/* Brand presence is strongest around the banner and identity, not over the photo. */
.team-profile-page .team-profile-banner.ts-cover {
  border: 1px solid var(--ts-team-edge) !important;
  border-top: 3px solid var(--team-accent-primary, #e63168) !important;
}
.team-profile-page .ts-cover::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(100deg, var(--team-accent-primary, #e63168) 55%, var(--team-accent-secondary, #5865f2));
  pointer-events: none;
}
.team-profile-page .ts-cover .ts-cover-art {
  background: radial-gradient(ellipse at 90% 15%, color-mix(in srgb, var(--team-accent-primary, #e63168) 42%, transparent), transparent 70%),
    linear-gradient(125deg, #101722 25%, color-mix(in srgb, var(--team-accent-secondary, #5865f2) 16%, #101722));
}
.team-profile-page .team-profile-hero {
  background: linear-gradient(105deg, var(--ts-team-wash), #111722 72%) !important;
  border-color: var(--ts-line) !important;
  box-shadow: 0 16px 36px #0003 !important;
}
.team-profile-page .team-profile-logo,
.team-profile-page .team-profile-mark {
  box-shadow: 0 0 0 2px var(--ts-team-edge), 0 8px 24px #0005;
}
.team-profile-page .team-profile-facts > span,
.team-profile-page .team-profile-facts > a {
  border-color: var(--ts-line);
  background: color-mix(in srgb, var(--team-accent-primary, #e63168) 9%, #141c29);
}

/* Navigation, headings and cards retain the same geometry and interactions. */
.team-profile-page .team-section-nav {
  border-color: var(--ts-line);
  background: linear-gradient(100deg, var(--ts-team-wash), #101620 80%);
}
.team-profile-page .team-section-nav a[aria-current],
.team-profile-page .sn-tabs a[aria-current] {
  color: #f5f7fb;
  background: color-mix(in srgb, var(--team-accent-primary, #e63168) 22%, #111722);
  border-color: var(--ts-team-edge);
  box-shadow: inset 0 -3px var(--team-accent-primary, #e63168);
}
.team-profile-page .team-section-nav a > strong {
  color: #f5f7fb;
  background: var(--ts-team-button);
  border: 1px solid var(--ts-team-edge);
}
.team-profile-page .ts-next > .ts-heading,
.team-profile-page .ts-feed > .ts-heading {
  border-left: 4px solid var(--team-accent-primary, #e63168);
  padding-left: 14px;
}
.team-profile-page .ts-card,
.team-profile-page .ts-race {
  border-color: var(--ts-line);
  border-top: 2px solid var(--ts-team-edge);
  background: linear-gradient(145deg, var(--ts-team-wash), var(--ts-card) 170px);
}
.team-profile-page .ts-settings {
  border-top-width: 1px;
  background: var(--ts-card);
}
.team-profile-page .ts-post {
  border-top-width: 1px;
  border-left: 3px solid var(--ts-team-edge);
  background: linear-gradient(100deg, color-mix(in srgb, var(--team-accent-primary, #e63168) 7%, #111722), #111722 65%);
}
.team-profile-page .ts-team-avatar {
  border: 1px solid var(--ts-line);
  background: var(--ts-team-wash);
}
.team-profile-page .ts-stats strong,
.team-profile-page .ts-kicker,
.team-profile-page .ts-race-link,
.team-profile-page .ts-heading > a,
.team-profile-page .eyebrow,
.team-profile-page .ts-like.is-liked {
  color: var(--ts-accent);
}

/* Explicit social/identity actions only: never recolor delete or warning controls. */
.team-profile-page :is(.team-profile-actions, .ts-composer, .ts-reply, .sn-follow-bar, .ts-race-empty) .button {
  color: #fff;
  background: linear-gradient(110deg, var(--ts-team-button), var(--ts-team-button-end));
  border: 1px solid var(--ts-team-edge);
  box-shadow: none;
}
.team-profile-page :is(.team-profile-actions, .ts-composer, .ts-reply, .sn-follow-bar, .ts-race-empty) .button:hover {
  border-color: var(--ts-accent);
  filter: brightness(1.12);
}
.team-profile-page .sn-upload {
  border-color: var(--ts-team-edge);
  background: color-mix(in srgb, var(--team-accent-primary, #e63168) 5%, #090f18);
}
.team-profile-page .sn-tags a,
.team-profile-page .sn-tag-chip {
  border-color: var(--ts-line);
  background: var(--ts-team-wash);
}
.team-profile-page :focus-visible {
  outline-color: var(--ts-accent);
}
@media (max-width: 700px) {
  .team-profile-page .ts-next > .ts-heading,
  .team-profile-page .ts-feed > .ts-heading { padding-left: 10px; }
}