@media (max-width: 899px) {
  body.matches-app-page {
    background: #070a0c;
  }

  body.matches-app-page .app-header {
    min-height: 72px;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 20px 10px;
    background: #111519;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    backdrop-filter: none;
  }

  body.matches-app-page .app-header-brand {
    gap: 8px;
  }

  body.matches-app-page .app-header-brand img {
    width: 34px;
    height: 34px;
  }

  body.matches-app-page .app-header-brand strong {
    font-size: 1.34rem;
    font-weight: 820;
    letter-spacing: -.03em;
  }

  body.matches-app-page .app-header-menu {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .075);
  }

  body.matches-app-page .app-header-menu span {
    width: 18px;
    height: 2px;
    margin: 2px 0;
  }

  body.matches-app-page .matches-app {
    width: 100%;
    max-width: none;
    padding: 14px 12px calc(78px + env(safe-area-inset-bottom, 0px));
    background: #070a0c;
  }

  body.matches-app-page .matches-date-control {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    gap: 10px;
    margin-bottom: 12px;
  }

  body.matches-app-page .matches-date-control > a,
  body.matches-app-page .matches-date-control > span,
  body.matches-app-page .matches-date-control > button {
    height: 40px;
    border: 0;
    border-radius: 11px;
    background: #202529;
    color: #f5f7f9;
    box-shadow: none;
  }

  body.matches-app-page .matches-date-control > a,
  body.matches-app-page .matches-date-control > span {
    width: 40px;
    font-size: 1.55rem;
    line-height: 1;
  }

  body.matches-app-page .matches-date-control strong {
    font-size: .94rem;
    font-weight: 760;
  }

  body.matches-app-page .matches-date-control svg {
    width: 17px;
    height: 17px;
  }

  body.matches-app-page .matches-date-control em {
    font-size: .9rem;
  }

  body.matches-app-page .app-filter-row {
    margin-bottom: 12px;
    padding: 4px;
    border: 0;
    border-radius: 11px;
    background: #202529;
    box-shadow: none;
  }

  body.matches-app-page .app-filter-row button,
  body.matches-app-page .app-filter-row a {
    min-height: 36px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #9aa0a6;
    font-size: .74rem;
    font-weight: 700;
  }

  body.matches-app-page .app-filter-row button.active {
    background: var(--accent);
    color: #081004;
  }

  body.matches-app-page .app-filter-row a strong {
    min-width: 24px;
    height: 24px;
    margin-left: 5px;
    font-size: .68rem;
  }

  body.matches-app-page .matches-search-row {
    grid-template-columns: minmax(0, 1fr) auto 46px;
    gap: 7px;
    margin-bottom: 13px;
  }

  body.matches-app-page .matches-search-row label {
    min-height: 42px;
    padding: 0 11px;
    border: 0;
    border-radius: 11px;
    background: #202529;
    box-shadow: none;
  }

  body.matches-app-page .matches-search-row svg {
    width: 17px;
    height: 17px;
  }

  body.matches-app-page .matches-search-row input {
    color: #f5f7f9;
    font-size: .82rem;
    font-weight: 560;
  }

  body.matches-app-page .matches-search-row input::placeholder {
    color: #9aa0a6;
  }

  body.matches-app-page .matches-search-row > span {
    color: #c7cbd0;
    font-size: .76rem;
    font-weight: 680;
  }

  body.matches-app-page .matches-search-row button {
    width: 46px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #344046;
  }

  body.matches-app-page .matches-search-row button.active {
    background: #1e55ff;
  }

  body.matches-app-page .matches-search-row button i {
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    background: #fff;
  }

  body.matches-app-page .matches-search-row button.active i {
    left: 20px;
  }

  body.matches-app-page .matches-advice-link {
    min-height: 44px;
    margin-bottom: 16px;
    padding: 0 12px;
    border-color: rgba(94, 239, 255, .55);
    border-radius: 12px;
    background: rgba(7, 41, 47, .78);
    box-shadow: none;
  }

  body.matches-app-page .matches-advice-link span,
  body.matches-app-page .matches-advice-link em {
    color: #7ff4ff;
    font-size: 1.05rem;
  }

  body.matches-app-page .matches-advice-link strong {
    color: #7ff4ff;
    font-size: .78rem;
    font-weight: 760;
  }

  body.matches-app-page .matches-data-chip {
    display: none;
  }

  body.matches-app-page .app-competition {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.matches-app-page .app-competition summary {
    min-height: 38px;
    padding: 0 24px 8px 42px;
    border: 0;
    background: transparent;
  }

  body.matches-app-page .app-competition summary::before {
    width: 32px;
    height: 32px;
    border: 0;
    background: rgba(198, 255, 46, .16);
    color: var(--accent);
    font-size: .82rem;
  }

  body.matches-app-page .app-competition summary::after {
    right: 5px;
    color: #9aa0a6;
    font-size: 1.05rem;
  }

  body.matches-app-page .app-competition summary span {
    color: #f8fafc;
    font-size: .91rem;
    font-weight: 780;
  }

  body.matches-app-page .app-competition summary small {
    color: #9aa0a6;
    font-size: .66rem;
    line-height: 1.1;
  }

  body.matches-app-page .app-competition > div {
    gap: 7px;
    padding: 0;
  }

  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    grid-template-columns: 48px minmax(0, 1fr) 24px 24px;
    gap: 7px;
    min-height: 56px;
    padding: 8px 9px;
    border: 0;
    border-radius: 11px;
    background: #12171b;
    box-shadow: none;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    grid-template-columns: 47px minmax(0, 1fr) 82px 22px 24px;
    gap: 5px;
  }

  body.matches-app-page .app-match-status {
    padding-right: 7px;
    border-right: 1px solid rgba(255, 255, 255, .09);
    color: #a4abb2;
    font-size: .66rem;
    font-weight: 740;
  }

  body.matches-app-page .app-match-teams {
    gap: 4px;
  }

  body.matches-app-page .app-match-team {
    gap: 5px;
  }

  body.matches-app-page .app-team-flag {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 2px;
    background: transparent;
  }

  body.matches-app-page .app-team-flag img {
    border-radius: 2px;
    object-fit: cover;
  }

  body.matches-app-page .app-match-team strong {
    color: #d9dde2;
    font-size: .76rem;
    font-weight: 590;
    line-height: 1.05;
  }

  body.matches-app-page .app-match-score {
    gap: 1px;
  }

  body.matches-app-page .app-match-score strong {
    font-size: .7rem;
    font-weight: 760;
  }

  body.matches-app-page .app-match-star {
    width: 24px;
    height: 24px;
    color: #9099a4;
    font-size: 1.2rem;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-height: 26px;
    padding: 1px;
    border-radius: 5px;
    background: transparent;
    color: #9aa0a6;
    font-size: .47rem;
    line-height: .95;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    font-size: .45rem;
    font-weight: 620;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    min-width: 24px;
    padding: 4px 2px;
    border-radius: 5px;
    background: #202529;
    color: #f5f7f9;
    font-size: .56rem;
    font-weight: 760;
  }

  body.matches-app-page .bottom-nav {
    min-height: calc(70px + env(safe-area-inset-bottom, 0px));
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
    background: #202529;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, .28);
  }

  body.matches-app-page .bottom-nav a {
    min-height: 48px;
    gap: 2px;
    color: #9aa0a6;
    font-size: .6rem;
    font-weight: 650;
  }

  body.matches-app-page .bottom-nav a.active {
    color: #f8fafc;
  }

  body.matches-app-page .bottom-nav-icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: #9aa0a6;
    background: transparent;
  }

  body.matches-app-page .bottom-nav a.active .bottom-nav-icon {
    color: #071105;
    background: var(--accent);
  }

  body.matches-app-page .bottom-nav-icon svg {
    width: 19px;
    height: 19px;
  }
}

body.neo-history-app-page .neo-history-stake-note {
  display: grid !important;
  gap: 4px !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(15, 23, 42, .07) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
}

body.neo-history-app-page .neo-history-stake-note strong {
  color: #111827 !important;
  font-size: .78rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

body.neo-history-app-page .neo-history-stake-note p {
  margin: 0 !important;
  color: #667085 !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

/* App legal footer + compact cards polish */
body.app-page:not(.chat-page) .site-footer,
body.dashboard-hub-page .site-footer {
  display: block !important;
  margin: 28px auto 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(6, 9, 14, .92) !important;
  color: rgba(255, 255, 255, .62) !important;
}

body.chat-page .site-footer {
  display: none !important;
}

html[data-theme="light"] body.app-page:not(.chat-page) .site-footer,
html[data-theme="light"] body.dashboard-hub-page .site-footer {
  border-top-color: rgba(15, 23, 42, .08) !important;
  background: rgba(248, 250, 252, .94) !important;
  color: rgba(15, 23, 42, .62) !important;
}

body.app-page:not(.chat-page) .site-footer a,
body.dashboard-hub-page .site-footer a {
  color: inherit !important;
}

body.app-page:not(.chat-page) .site-footer a:hover,
body.dashboard-hub-page .site-footer a:hover {
  color: var(--accent) !important;
}

.recommendations-app .app-pro-hero {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.recommendations-app .app-pro-hero > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-size: 1rem !important;
}

.recommendations-app .app-pro-hero h1 {
  font-size: clamp(1.08rem, 4vw, 1.42rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.recommendations-app .app-pro-hero p {
  max-width: 36rem !important;
  margin-top: 5px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

.recommendations-app .app-pro-hero .btn,
.recommendations-app .app-pro-hero a {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 13px !important;
  font-size: .74rem !important;
  white-space: nowrap !important;
}

.neo-history-list {
  gap: 8px !important;
}

.neo-history-card.neo-history-card-compact {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 10px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
}

.neo-history-card-compact .neo-history-main span {
  margin-bottom: 3px !important;
  font-size: .6rem !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

.neo-history-card-compact .neo-history-main h2 {
  font-size: .9rem !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
}

.neo-history-card-compact .neo-history-meta {
  min-width: 66px !important;
  gap: 3px !important;
  align-items: flex-end !important;
}

.neo-history-card-compact .neo-history-meta strong {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.neo-history-card-compact .neo-history-meta small {
  font-size: .56rem !important;
  line-height: 1.05 !important;
}

.neo-history-card-compact .pick-status {
  min-height: 23px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: .58rem !important;
}

.neo-history-card-compact .neo-history-signals {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 1px !important;
}

.neo-history-card-compact .neo-history-signals span {
  min-height: 32px !important;
  padding: 5px 6px !important;
  border-radius: 10px !important;
  font-size: .56rem !important;
  line-height: 1.12 !important;
}

.neo-history-card-compact .neo-history-foot {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
  font-size: .6rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 899px) {
  body.app-page:not(.chat-page) .site-footer,
  body.dashboard-hub-page .site-footer {
    width: min(calc(100% - 32px), 640px) !important;
    margin: 20px auto calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 18px 0 0 !important;
    background: transparent !important;
  }

  body.app-page:not(.chat-page) .site-footer .footer-inner,
  body.dashboard-hub-page .site-footer .footer-inner {
    width: 100% !important;
    padding: 0 !important;
  }

  body.app-page:not(.chat-page) .footer-grid,
  body.dashboard-hub-page .footer-grid {
    gap: 12px !important;
  }

  body.app-page:not(.chat-page) .footer-bottom,
  body.dashboard-hub-page .footer-bottom {
    gap: 8px !important;
    padding-bottom: 0 !important;
    font-size: .7rem !important;
  }
}

@media (max-width: 520px) {
  .recommendations-app .app-pro-hero {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .recommendations-app .app-pro-hero > span {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  .recommendations-app .app-pro-hero h1 {
    font-size: 1.05rem !important;
  }

  .recommendations-app .app-pro-hero p {
    font-size: .72rem !important;
  }

  .recommendations-app .app-pro-hero .btn,
  .recommendations-app .app-pro-hero a {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 36px !important;
  }

  .neo-history-card.neo-history-card-compact {
    padding: 10px !important;
  }

  .neo-history-card-compact .neo-history-main h2 {
    font-size: .84rem !important;
  }

  .neo-history-card-compact .neo-history-meta {
    min-width: 60px !important;
  }
}

/* 2026-06-30: page Matchs, lignes de matchs finales.
   Ciblage strict: uniquement les lignes de matchs de /matches, avec mode cotes conservé. */
@media (max-width: 899px) {
  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    min-height: 62px !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 27px 24px !important;
    gap: 8px !important;
    align-items: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-match-status {
    color: rgba(255, 255, 255, .68) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.matches-app-page .app-match-teams {
    min-width: 0 !important;
    gap: 4px !important;
  }

  body.matches-app-page .app-match-team {
    min-width: 0 !important;
    min-height: 20px !important;
    gap: 7px !important;
  }

  body.matches-app-page .app-team-flag {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body.matches-app-page .app-team-flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.matches-app-page .app-match-team strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: .88rem !important;
    font-weight: 560 !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.matches-app-page .app-match-score {
    display: grid !important;
    gap: 3px !important;
    justify-items: center !important;
  }

  body.matches-app-page .app-match-score strong {
    color: rgba(255, 255, 255, .92) !important;
    font-size: .82rem !important;
    font-weight: 720 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .app-match-star {
    width: 24px !important;
    height: 24px !important;
    font-size: 1.18rem !important;
    justify-self: end !important;
    color: rgba(255, 255, 255, .56) !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    min-height: 66px !important;
    padding: 8px 9px !important;
    grid-template-columns: 40px minmax(84px, 1fr) minmax(108px, 122px) 24px 21px !important;
    gap: 6px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-status {
    font-size: .69rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team {
    gap: 5px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-team-flag {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team strong {
    font-size: .78rem !important;
    font-weight: 560 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 2px 3px !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 0 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    color: rgba(255, 255, 255, .58) !important;
    font-size: .54rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    color: rgba(255, 255, 255, .9) !important;
    font-size: .66rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score {
    width: 24px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score strong {
    font-size: .75rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-star {
    width: 21px !important;
    height: 21px !important;
    font-size: 1.04rem !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-row,
  html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: #101828 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045) !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-status {
    color: #667085 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-team strong,
  html[data-theme="light"] body.matches-app-page .app-match-score strong {
    color: #101828 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-star {
    color: #64748b !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em {
    background: #eef2f7 !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    color: #64748b !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    color: #101828 !important;
  }
}

@media (max-width: 899px) {
  html body.matches-app-page,
  html body.matches-app-page .matches-app {
    background: #eef1f5 !important;
  }

  html body.matches-app-page .matches-date-control > a,
  html body.matches-app-page .matches-date-control > span,
  html body.matches-app-page .matches-date-control > button,
  html body.matches-app-page .app-filter-row,
  html body.matches-app-page .matches-search-row label {
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
  }

  html body.matches-app-page .app-filter-row button,
  html body.matches-app-page .app-filter-row a {
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  html body.matches-app-page .app-filter-row button.active,
  html body.matches-app-page .app-filter-row a.active,
  html body.matches-app-page .app-filter-row .active {
    background: #baff23 !important;
    color: #071105 !important;
    box-shadow: none !important;
  }

  html body.matches-app-page .matches-live-badge {
    background: #ff2d55 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 6px rgba(255, 45, 85, .16) !important;
  }

  html body.matches-app-page .matches-search-row input {
    color: #111827 !important;
  }

  html body.matches-app-page .matches-search-row input::placeholder {
    color: #98a2b3 !important;
  }

  html body.matches-app-page .matches-search-row > span {
    color: #59677c !important;
  }

  html body.matches-app-page .matches-search-row .matches-odds-toggle {
    background: #e8eef5 !important;
  }

  html body.matches-app-page .matches-search-row .matches-odds-toggle i {
    background: #ffffff !important;
  }
}

/* 2026-07-02: Mon profil, override final du contenu uniquement */
body.profile-app-page:not(.account-app-page) {
  background: #eef2f5 !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page)::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% -6%, rgba(186, 255, 35, .14), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(73, 202, 255, .10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

body.profile-app-page:not(.account-app-page) .app-main.profile-app {
  width: min(100% - 28px, 560px) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 16px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity,
body.profile-app-page:not(.account-app-page) .profile-app-subscription,
body.profile-app-page:not(.account-app-page) .profile-app-menu {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 21px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(186, 255, 35, .50) !important;
  background: #f4f7fa !important;
  box-shadow: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar img {
  width: 108% !important;
  height: 108% !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity h1 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.22rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p,
body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p {
  color: #667085 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  color: #98a2b3 !important;
  font-size: .72rem !important;
  font-weight: 450 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription {
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 14px !important;
  border-radius: 21px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-pill {
  min-height: 25px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(186, 255, 35, .58) !important;
  border-radius: 999px !important;
  background: #ecffd4 !important;
  color: #111827 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription-main {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription h2 {
  max-width: none !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription p {
  margin: 6px 0 0 !important;
  color: #667085 !important;
  font-size: .78rem !important;
  font-weight: 450 !important;
  line-height: 1.36 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown {
  width: 34px !important;
  height: 34px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown svg,
body.profile-app-page:not(.account-app-page) .profile-app-row-icon svg,
body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  stroke-width: 1.75 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note {
  gap: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
  color: #667085 !important;
  font-size: .74rem !important;
  font-weight: 450 !important;
  line-height: 1.34 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  width: 19px !important;
  height: 19px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-primary {
  width: 100% !important;
  min-height: 41px !important;
  border-radius: 14px !important;
  background: #aaff12 !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 650 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section {
  margin-top: 14px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section > h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-menu {
  display: grid !important;
  gap: 0 !important;
  padding: 6px !important;
  border-radius: 19px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-form {
  margin: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row {
  grid-template-columns: 23px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 47px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row-form + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row-form {
  border-top: 1px solid rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row:hover,
body.profile-app-page:not(.account-app-page) .profile-app-row:focus-visible {
  background: #f6f8fb !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-icon {
  width: 22px !important;
  height: 22px !important;
  color: #7f8a9b !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row em {
  color: #9aa4b2 !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger .profile-app-row-icon,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger em {
  color: #ef4444 !important;
}

@media (max-width: 899px) {
  body.profile-app-page:not(.account-app-page) .app-main.profile-app {
    width: min(100% - 24px, 560px) !important;
    padding-top: 14px !important;
  }
}

@media (max-width: 380px) {
  body.profile-app-page:not(.account-app-page) .profile-app-subscription-main {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.profile-app-page:not(.account-app-page) .profile-app-crown {
    display: inline-grid !important;
  }
}

/* 2026-07-02: Mon profil, contenu uniquement, aligné sur les pages blanches de l'app */
body.profile-app-page:not(.account-app-page) {
  background: #eef2f5 !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page)::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% -6%, rgba(186, 255, 35, .14), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(73, 202, 255, .10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

body.profile-app-page:not(.account-app-page) .app-main.profile-app {
  width: min(100% - 28px, 560px) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 16px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity,
body.profile-app-page:not(.account-app-page) .profile-app-subscription,
body.profile-app-page:not(.account-app-page) .profile-app-menu {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 21px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(186, 255, 35, .50) !important;
  background: #f4f7fa !important;
  box-shadow: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar img {
  width: 108% !important;
  height: 108% !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity h1 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.22rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p,
body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p {
  color: #667085 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  color: #98a2b3 !important;
  font-size: .72rem !important;
  font-weight: 450 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription {
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 14px !important;
  border-radius: 21px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-pill {
  min-height: 25px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(186, 255, 35, .58) !important;
  border-radius: 999px !important;
  background: #ecffd4 !important;
  color: #111827 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription-main {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription h2 {
  max-width: none !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription p {
  margin: 6px 0 0 !important;
  color: #667085 !important;
  font-size: .78rem !important;
  font-weight: 450 !important;
  line-height: 1.36 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown {
  width: 34px !important;
  height: 34px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown svg,
body.profile-app-page:not(.account-app-page) .profile-app-row-icon svg,
body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  stroke-width: 1.75 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note {
  gap: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
  color: #667085 !important;
  font-size: .74rem !important;
  font-weight: 450 !important;
  line-height: 1.34 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  width: 19px !important;
  height: 19px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-primary {
  width: 100% !important;
  min-height: 41px !important;
  border-radius: 14px !important;
  background: #aaff12 !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 650 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section {
  margin-top: 14px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section > h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-menu {
  display: grid !important;
  gap: 0 !important;
  padding: 6px !important;
  border-radius: 19px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-form {
  margin: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row {
  grid-template-columns: 23px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 47px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row-form + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row-form {
  border-top: 1px solid rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row:hover,
body.profile-app-page:not(.account-app-page) .profile-app-row:focus-visible {
  background: #f6f8fb !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-icon {
  width: 22px !important;
  height: 22px !important;
  color: #7f8a9b !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row em {
  color: #9aa4b2 !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger .profile-app-row-icon,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger em {
  color: #ef4444 !important;
}

@media (max-width: 899px) {
  body.profile-app-page:not(.account-app-page) .app-main.profile-app {
    width: min(100% - 24px, 560px) !important;
    padding-top: 14px !important;
  }
}

@media (max-width: 380px) {
  body.profile-app-page:not(.account-app-page) .profile-app-subscription-main {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.profile-app-page:not(.account-app-page) .profile-app-crown {
    display: inline-grid !important;
  }
}

/* Absolute final overrides 2026-06-30: app footer, compact Avis IA and compact Historique. */
body.app-page:not(.chat-page) .site-footer,
body.dashboard-hub-page .site-footer {
  display: block !important;
  margin: 28px auto 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(6, 9, 14, .92) !important;
  color: rgba(255, 255, 255, .62) !important;
}

body.chat-page .site-footer {
  display: none !important;
}

html[data-theme="light"] body.app-page:not(.chat-page) .site-footer,
html[data-theme="light"] body.dashboard-hub-page .site-footer {
  border-top-color: rgba(15, 23, 42, .08) !important;
  background: rgba(248, 250, 252, .94) !important;
  color: rgba(15, 23, 42, .62) !important;
}

.recommendations-app .app-pro-hero {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.recommendations-app .app-pro-hero > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-size: 1rem !important;
}

.recommendations-app .app-pro-hero h1 {
  font-size: clamp(1.08rem, 4vw, 1.42rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.recommendations-app .app-pro-hero p {
  max-width: 36rem !important;
  margin-top: 5px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

.recommendations-app .app-pro-hero .btn,
.recommendations-app .app-pro-hero a {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 13px !important;
  font-size: .74rem !important;
  white-space: nowrap !important;
}

.neo-history-list {
  gap: 8px !important;
}

.neo-history-card.neo-history-card-compact {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 10px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
}

.neo-history-card-compact .neo-history-main span {
  margin-bottom: 3px !important;
  font-size: .6rem !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

.neo-history-card-compact .neo-history-main h2 {
  font-size: .9rem !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
}

.neo-history-card-compact .neo-history-meta {
  min-width: 66px !important;
  gap: 3px !important;
  align-items: flex-end !important;
}

.neo-history-card-compact .neo-history-meta strong {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.neo-history-card-compact .neo-history-meta small {
  font-size: .56rem !important;
  line-height: 1.05 !important;
}

.neo-history-card-compact .pick-status {
  min-height: 23px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: .58rem !important;
}

.neo-history-card-compact .neo-history-signals {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 1px !important;
}

.neo-history-card-compact .neo-history-signals span {
  min-height: 32px !important;
  padding: 5px 6px !important;
  border-radius: 10px !important;
  font-size: .56rem !important;
  line-height: 1.12 !important;
}

.neo-history-card-compact .neo-history-foot {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
  font-size: .6rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 899px) {
  body.app-page:not(.chat-page) .site-footer,
  body.dashboard-hub-page .site-footer {
    width: min(calc(100% - 32px), 640px) !important;
    margin: 20px auto calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 18px 0 0 !important;
    background: transparent !important;
  }

  body.app-page:not(.chat-page) .site-footer .footer-inner,
  body.dashboard-hub-page .site-footer .footer-inner {
    width: 100% !important;
    padding: 0 !important;
  }

  body.app-page:not(.chat-page) .footer-grid,
  body.dashboard-hub-page .footer-grid {
    gap: 12px !important;
  }

  body.app-page:not(.chat-page) .footer-bottom,
  body.dashboard-hub-page .footer-bottom {
    gap: 8px !important;
    padding-bottom: 0 !important;
    font-size: .7rem !important;
  }
}

@media (max-width: 520px) {
  .recommendations-app .app-pro-hero {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .recommendations-app .app-pro-hero > span {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  .recommendations-app .app-pro-hero h1 {
    font-size: 1.05rem !important;
  }

  .recommendations-app .app-pro-hero p {
    font-size: .72rem !important;
  }

  .recommendations-app .app-pro-hero .btn,
  .recommendations-app .app-pro-hero a {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 36px !important;
  }

  .neo-history-card.neo-history-card-compact {
    padding: 10px !important;
  }

  .neo-history-card-compact .neo-history-main h2 {
    font-size: .84rem !important;
  }

  .neo-history-card-compact .neo-history-meta {
    min-width: 60px !important;
  }
}

/* Final overrides 2026-06-30: app footer, Chat banner, compact Avis IA + Historique. */
body.app-page:not(.chat-page) .site-footer,
body.dashboard-hub-page .site-footer {
  display: block !important;
  margin: 28px auto 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(6, 9, 14, .92) !important;
  color: rgba(255, 255, 255, .62) !important;
}

body.chat-page .site-footer {
  display: none !important;
}

html[data-theme="light"] body.app-page:not(.chat-page) .site-footer,
html[data-theme="light"] body.dashboard-hub-page .site-footer {
  border-top-color: rgba(15, 23, 42, .08) !important;
  background: rgba(248, 250, 252, .94) !important;
  color: rgba(15, 23, 42, .62) !important;
}

body.app-page:not(.chat-page) .site-footer a,
body.dashboard-hub-page .site-footer a {
  color: inherit !important;
}

body.app-page:not(.chat-page) .site-footer a:hover,
body.dashboard-hub-page .site-footer a:hover {
  color: var(--accent) !important;
}

.recommendations-app .app-pro-hero {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.recommendations-app .app-pro-hero > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-size: 1rem !important;
}

.recommendations-app .app-pro-hero h1 {
  font-size: clamp(1.08rem, 4vw, 1.42rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.recommendations-app .app-pro-hero p {
  max-width: 36rem !important;
  margin-top: 5px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

.recommendations-app .app-pro-hero .btn,
.recommendations-app .app-pro-hero a {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 13px !important;
  font-size: .74rem !important;
  white-space: nowrap !important;
}

.neo-history-list {
  gap: 8px !important;
}

.neo-history-card.neo-history-card-compact {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 10px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
}

.neo-history-card-compact .neo-history-main span {
  margin-bottom: 3px !important;
  font-size: .6rem !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

.neo-history-card-compact .neo-history-main h2 {
  font-size: .9rem !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
}

.neo-history-card-compact .neo-history-meta {
  min-width: 66px !important;
  gap: 3px !important;
  align-items: flex-end !important;
}

.neo-history-card-compact .neo-history-meta strong {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.neo-history-card-compact .neo-history-meta small {
  font-size: .56rem !important;
  line-height: 1.05 !important;
}

.neo-history-card-compact .pick-status {
  min-height: 23px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: .58rem !important;
}

.neo-history-card-compact .neo-history-signals {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 1px !important;
}

.neo-history-card-compact .neo-history-signals span {
  min-height: 32px !important;
  padding: 5px 6px !important;
  border-radius: 10px !important;
  font-size: .56rem !important;
  line-height: 1.12 !important;
}

.neo-history-card-compact .neo-history-foot {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
  font-size: .6rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 899px) {
  body.app-page:not(.chat-page) .site-footer,
  body.dashboard-hub-page .site-footer {
    width: min(calc(100% - 32px), 640px) !important;
    margin: 20px auto calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 18px 0 0 !important;
    background: transparent !important;
  }

  body.app-page:not(.chat-page) .site-footer .footer-inner,
  body.dashboard-hub-page .site-footer .footer-inner {
    width: 100% !important;
    padding: 0 !important;
  }

  body.app-page:not(.chat-page) .footer-grid,
  body.dashboard-hub-page .footer-grid {
    gap: 12px !important;
  }

  body.app-page:not(.chat-page) .footer-bottom,
  body.dashboard-hub-page .footer-bottom {
    gap: 8px !important;
    padding-bottom: 0 !important;
    font-size: .7rem !important;
  }
}

@media (max-width: 520px) {
  .recommendations-app .app-pro-hero {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .recommendations-app .app-pro-hero > span {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  .recommendations-app .app-pro-hero h1 {
    font-size: 1.05rem !important;
  }

  .recommendations-app .app-pro-hero p {
    font-size: .72rem !important;
  }

  .recommendations-app .app-pro-hero .btn,
  .recommendations-app .app-pro-hero a {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 36px !important;
  }

  .neo-history-card.neo-history-card-compact {
    padding: 10px !important;
  }

  .neo-history-card-compact .neo-history-main h2 {
    font-size: .84rem !important;
  }

  .neo-history-card-compact .neo-history-meta {
    min-width: 60px !important;
  }
}

/* 2026-06-30: page Matchs, affichage des matchs uniquement.
   Rapproche les lignes du rendu Direct, en gardant le mode cotes intact. */
@media (max-width: 899px) {
  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    min-height: 62px !important;
    padding: 8px 10px !important;
    grid-template-columns: 46px minmax(0, 1fr) 28px 24px !important;
    gap: 8px !important;
    align-items: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-match-status {
    min-width: 0 !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    color: rgba(255, 255, 255, .68) !important;
  }

  body.matches-app-page .app-match-teams {
    min-width: 0 !important;
    gap: 4px !important;
  }

  body.matches-app-page .app-match-team {
    min-height: 20px !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.matches-app-page .app-team-flag {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .10) !important;
  }

  body.matches-app-page .app-team-flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.matches-app-page .app-team-flag em {
    font-size: .58rem !important;
    font-weight: 650 !important;
  }

  body.matches-app-page .app-match-team strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .86rem !important;
    line-height: 1.08 !important;
    font-weight: 570 !important;
    color: rgba(255, 255, 255, .90) !important;
  }

  body.matches-app-page .app-match-score {
    min-width: 24px !important;
    justify-self: end !important;
    align-items: center !important;
    gap: 2px !important;
  }

  body.matches-app-page .app-match-score strong {
    font-size: .82rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, .92) !important;
  }

  body.matches-app-page .app-match-star {
    width: 24px !important;
    height: 24px !important;
    justify-self: end !important;
    font-size: 1.22rem !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, .66) !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    min-height: 66px !important;
    padding: 8px 8px !important;
    grid-template-columns: 40px minmax(86px, 1fr) minmax(108px, 122px) 22px 20px !important;
    gap: 6px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-status {
    font-size: .68rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team {
    grid-template-columns: 19px minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-team-flag {
    width: 19px !important;
    height: 19px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team strong {
    font-size: .78rem !important;
    font-weight: 560 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-width: 0 !important;
    min-height: 27px !important;
    padding: 2px 3px 3px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .085) !important;
    border: 1px solid rgba(255, 255, 255, .035) !important;
    text-align: center !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    margin-bottom: 1px !important;
    font-size: .52rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, .55) !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    font-size: .64rem !important;
    line-height: 1 !important;
    font-weight: 720 !important;
    color: rgba(255, 255, 255, .92) !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score {
    min-width: 20px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score strong {
    font-size: .74rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-star {
    width: 20px !important;
    height: 20px !important;
    font-size: 1.06rem !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-row,
  html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .085) !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .04) !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-status,
  html[data-theme="light"] body.matches-app-page .app-match-star {
    color: #7a8492 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-team strong,
  html[data-theme="light"] body.matches-app-page .app-match-score strong {
    color: #111827 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-team-flag {
    background: #f1f5f9 !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em {
    background: #eef2f7 !important;
    border-color: rgba(15, 23, 42, .04) !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    color: #667085 !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    color: #111827 !important;
  }
}

/* Mobile match detail: app-like pre-match presentation */
@media (max-width: 899px) {
  body.analysis-app-page > .app-header,
  body.analysis-app-page > .global-pro-banner {
    display: none !important;
  }

  body.analysis-app-page {
    background: #05090a !important;
  }

  body.analysis-app-page .analysis-layout {
    max-width: none !important;
    width: 100% !important;
    min-height: 100vh !important;
    padding: 0 0 calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    background:
      radial-gradient(circle at 0 0, rgba(165, 255, 35, .18), transparent 30%),
      radial-gradient(circle at 100% 72%, rgba(82, 54, 160, .22), transparent 34%),
      linear-gradient(180deg, #06100d 0%, #05090a 42%, #111027 100%) !important;
  }

  body.analysis-app-page .analysis-v2-match {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 16px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 5% 0%, rgba(182, 255, 34, .18), transparent 34%),
      radial-gradient(circle at 100% 0%, rgba(89, 160, 255, .11), transparent 32%),
      linear-gradient(145deg, rgba(17, 28, 26, .98), rgba(13, 18, 29, .98)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .34) !important;
  }

  body.analysis-app-page .analysis-v2-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    margin: 0 0 18px !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-competition-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    color: #f8fafc !important;
    font-size: 1rem !important;
    font-weight: 690 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-competition-title i {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(181, 255, 35, .35) !important;
    background: rgba(181, 255, 35, .12) !important;
    font-size: 1rem !important;
    font-style: normal !important;
  }

  body.analysis-app-page .analysis-v2-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    border: 0 !important;
    color: rgba(255, 255, 255, .76) !important;
    background: rgba(255, 255, 255, .10) !important;
    font-size: .82rem !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }

  body.analysis-app-page .analysis-v2-scoreboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body.analysis-app-page .analysis-v2-team {
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.analysis-app-page .analysis-v2-team img,
  body.analysis-app-page .analysis-v2-team .team-logo {
    width: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    background: rgba(255, 255, 255, .13) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: inset 0 0 0 7px rgba(255, 255, 255, .06) !important;
  }

  body.analysis-app-page .analysis-v2-team strong {
    width: 100% !important;
    color: #fff !important;
    font-size: .96rem !important;
    font-weight: 660 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.analysis-app-page .team-favorite-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score {
    min-width: 96px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-score strong {
    color: #fff !important;
    font-size: 2.05rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-score span {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .86rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 18px -16px 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.analysis-app-page .analysis-v2-tabs a {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 13px 0 12px !important;
    color: rgba(255, 255, 255, .56) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-tabs a:first-child {
    color: #fff !important;
  }

  body.analysis-app-page .analysis-v2-tabs a:first-child::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 46px !important;
    height: 4px !important;
    border-radius: 999px 999px 0 0 !important;
    background: #baff23 !important;
    transform: translateX(-50%) !important;
  }

  body.analysis-app-page .analysis-v2-info-row,
  body.analysis-app-page .analysis-v2-quality-panel,
  body.analysis-app-page .analysis-v2-loading-card {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-picks-section,
  body.analysis-app-page .analysis-v2-card,
  body.analysis-app-page .analysis-v2-disclaimer {
    width: calc(100% - 32px) !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.analysis-app-page .analysis-v2-picks-section {
    margin-top: 22px !important;
  }

  body.analysis-app-page .analysis-v2-section-title {
    margin: 0 0 12px !important;
  }

  body.analysis-app-page .analysis-v2-section-title .eyebrow {
    margin-bottom: 4px !important;
    color: #baff23 !important;
    font-size: .68rem !important;
    font-weight: 760 !important;
    letter-spacing: .07em !important;
  }

  body.analysis-app-page .analysis-v2-section-title h1,
  body.analysis-app-page .analysis-v2-section-title h2 {
    color: #fff !important;
    font-size: 1.12rem !important;
    line-height: 1.18 !important;
    font-weight: 740 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow) {
    color: rgba(255, 255, 255, .62) !important;
    font-size: .78rem !important;
    line-height: 1.36 !important;
  }

  body.analysis-app-page .analysis-v2-picks-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.analysis-app-page .analysis-v2-pick,
  body.analysis-app-page .analysis-v2-card {
    border-radius: 22px !important;
    border: 1px solid rgba(91, 231, 244, .34) !important;
    background:
      radial-gradient(circle at 0 0, rgba(83, 232, 241, .11), transparent 38%),
      linear-gradient(145deg, rgba(17, 26, 36, .95), rgba(12, 17, 25, .95)) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .22) !important;
  }

  body.analysis-app-page .analysis-v2-pick {
    padding: 14px !important;
  }

  body.analysis-app-page .analysis-v2-pick-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-pick .eyebrow {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 12px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(91, 231, 244, .48) !important;
    color: #77eff8 !important;
    background: rgba(91, 231, 244, .10) !important;
    font-size: .65rem !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pick h2 {
    color: #fff !important;
    font-size: 1.02rem !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
  }

  body.analysis-app-page .analysis-v2-pick p {
    margin-top: 8px !important;
    color: rgba(255, 255, 255, .64) !important;
    font-size: .78rem !important;
    line-height: 1.38 !important;
  }

  body.analysis-app-page .analysis-v2-odds {
    min-width: 82px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .08) !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-odds strong {
    color: #baff23 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 780 !important;
  }

  body.analysis-app-page .analysis-v2-odds span {
    color: rgba(255, 255, 255, .62) !important;
    font-size: .62rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  body.analysis-app-page .analysis-v2-metrics span {
    display: grid !important;
    place-items: center !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: rgba(255, 255, 255, .58) !important;
    background: rgba(255, 255, 255, .07) !important;
    font-size: .68rem !important;
    font-weight: 520 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-metrics strong {
    color: #baff23 !important;
    font-size: .92rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-evidence-grid,
  body.analysis-app-page .analysis-follow-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 6px 0 10px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head .eyebrow {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head h2 {
    color: #fff !important;
    font-size: 1.14rem !important;
    font-weight: 740 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list {
    display: grid !important;
    gap: 11px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article,
  body.analysis-app-page .analysis-v2-odds-table article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    align-items: center !important;
    min-height: 74px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .045) !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span {
    color: rgba(255, 255, 255, .58) !important;
    font-size: .68rem !important;
    font-weight: 690 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list h3 {
    margin-top: 3px !important;
    color: #fff !important;
    font-size: .92rem !important;
    line-height: 1.15 !important;
    font-weight: 680 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list p {
    margin-top: 4px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: .66rem !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside {
    display: grid !important;
    place-items: center !important;
    width: 62px !important;
    min-height: 48px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #baff23 !important;
    color: #071105 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside strong {
    color: #071105 !important;
    font-size: 1.02rem !important;
    font-weight: 790 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside small {
    color: rgba(7, 17, 5, .72) !important;
    font-size: .55rem !important;
    font-weight: 700 !important;
  }

  body.analysis-app-page .analysis-v2-card {
    margin-top: 16px !important;
    padding: 16px !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios {
    overflow: hidden !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title p:not(.eyebrow) {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article {
    flex: 0 0 172px !important;
    min-width: 172px !important;
    padding: 13px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .05) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article.featured {
    border-color: rgba(186, 255, 35, .45) !important;
    background: rgba(186, 255, 35, .08) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid span {
    color: #baff23 !important;
    font-size: .68rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid strong {
    color: #fff !important;
    font-size: 1.48rem !important;
    font-weight: 780 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid p,
  body.analysis-app-page .analysis-v2-scenario-note {
    color: rgba(255, 255, 255, .60) !important;
    font-size: .7rem !important;
    line-height: 1.28 !important;
  }

  body.analysis-app-page .analysis-v2-stats-panel {
    display: grid !important;
    gap: 16px !important;
  }

  body.analysis-app-page .analysis-v2-stats-title {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-mini-flag {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-mini-flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.analysis-app-page .analysis-v2-stats-title h3 {
    color: #fff !important;
    font-size: 1.08rem !important;
    line-height: 1.12 !important;
    font-weight: 720 !important;
  }

  body.analysis-app-page .analysis-v2-stats-title p {
    margin-top: 4px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: .72rem !important;
    line-height: 1.25 !important;
  }

  body.analysis-app-page .analysis-v2-form-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards article {
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .05) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards strong {
    display: block !important;
    color: #fff !important;
    font-size: .85rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.analysis-app-page .analysis-v2-form-cards p {
    display: flex !important;
    gap: 6px !important;
    margin: 8px 0 7px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards span {
    padding: 3px 7px !important;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, .72) !important;
    background: rgba(255, 255, 255, .08) !important;
    font-size: .66rem !important;
    font-weight: 780 !important;
  }

  body.analysis-app-page .analysis-v2-form-cards span.win {
    color: #2ff06b !important;
    background: rgba(47, 240, 107, .14) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards span.loss {
    color: #ff5b5b !important;
    background: rgba(255, 91, 91, .13) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards small {
    color: rgba(255, 255, 255, .54) !important;
    font-size: .68rem !important;
    font-weight: 620 !important;
  }

  body.analysis-app-page .analysis-v2-stat-bars {
    display: grid !important;
    gap: 14px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 46px !important;
    align-items: end !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row > strong {
    color: #fff !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
  }

  body.analysis-app-page .analysis-v2-stat-row > strong:last-child {
    text-align: right !important;
  }

  body.analysis-app-page .analysis-v2-stat-row span {
    display: block !important;
    margin-bottom: 6px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    height: 8px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-stat-row b {
    display: block !important;
    height: 100% !important;
    border-radius: 999px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row b.home {
    justify-self: end !important;
    background: #55c8d5 !important;
  }

  body.analysis-app-page .analysis-v2-stat-row b.away {
    justify-self: start !important;
    background: #a9ee24 !important;
  }

  body.analysis-app-page .analysis-v2-empty-note {
    padding: 14px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-empty-note h3 {
    color: #fff !important;
    font-size: .96rem !important;
    font-weight: 720 !important;
  }

  body.analysis-app-page .analysis-v2-empty-note p {
    margin-top: 6px !important;
    color: rgba(255, 255, 255, .60) !important;
    font-size: .76rem !important;
    line-height: 1.36 !important;
  }

  body.analysis-app-page .analysis-v2-match-analysis .analysis-v2-section-title h2 {
    font-size: 1.02rem !important;
  }

  body.analysis-app-page .analysis-v2-prose p {
    color: rgba(255, 255, 255, .70) !important;
    font-size: .82rem !important;
    line-height: 1.54 !important;
    font-weight: 420 !important;
  }

  body.analysis-app-page .analysis-v2-prose p.lead {
    color: rgba(255, 255, 255, .82) !important;
    font-size: .88rem !important;
    font-weight: 520 !important;
  }

  body.analysis-app-page .analysis-v2-disclaimer {
    margin-top: 18px !important;
    color: rgba(255, 255, 255, .42) !important;
    font-size: .68rem !important;
    line-height: 1.35 !important;
  }

  html[data-theme="light"] body.analysis-app-page {
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-layout {
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-match {
    color: #fff !important;
    background:
      radial-gradient(circle at 5% 0%, rgba(182, 255, 34, .18), transparent 34%),
      radial-gradient(circle at 100% 0%, rgba(89, 160, 255, .12), transparent 32%),
      linear-gradient(145deg, #10221b, #111827) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-card {
    background: #fff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h1,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-head h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row > strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid strong {
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow),
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards small,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-note {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row i {
    background: #e7edf4 !important;
  }
}
@media (max-width: 899px) {
  body.menu-open {
    overflow: hidden !important;
  }

  .side-menu {
    position: fixed !important;
    z-index: 999 !important;
    inset: 0 !important;
    display: none !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, .62) !important;
    backdrop-filter: blur(2px) !important;
  }

  .side-menu.open {
    display: block !important;
  }

  .side-menu-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 88px !important;
    padding: 18px 18px 16px !important;
    background: #111519 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  }

  .side-menu-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
  }

  .side-menu-logo img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
  }

  .side-menu-logo strong {
    color: #fff !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    font-weight: 830 !important;
    letter-spacing: 0 !important;
  }

  .side-menu-logo span {
    color: var(--accent) !important;
  }

  .side-menu-close {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 2.25rem !important;
    font-weight: 360 !important;
    line-height: 1 !important;
  }

  .side-menu-panel {
    display: grid !important;
    width: auto !important;
    height: auto !important;
    gap: 12px !important;
    margin: 16px 14px 24px !important;
    padding: 18px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f4f4f5 !important;
    color: #182234 !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .24) !important;
  }

  .side-menu-welcome {
    display: grid !important;
    gap: 8px !important;
    padding: 2px 2px 8px !important;
  }

  .side-menu-welcome strong {
    color: #1b2434 !important;
    font-size: .95rem !important;
    font-weight: 650 !important;
  }

  .side-menu-welcome p {
    margin: 0 !important;
    color: #738095 !important;
    font-size: .86rem !important;
    line-height: 1.35 !important;
    font-weight: 450 !important;
  }

  .side-menu-action,
  .side-menu-panel a.side-menu-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #1b2434 !important;
    font-size: .9rem !important;
    font-weight: 680 !important;
    box-shadow: none !important;
  }

  .side-menu-pro,
  .side-menu-panel a.side-menu-pro {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    margin-top: 2px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #baff1e, #dfff4b) !important;
    color: #081004 !important;
    font-size: .9rem !important;
    font-weight: 760 !important;
  }

  .side-menu-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    border-top: 1px solid #dfe5ec !important;
    border-bottom: 1px solid #dfe5ec !important;
  }

  .side-menu-links a,
  .side-menu-panel .side-menu-links a {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .66) !important;
    color: #334155 !important;
    font-size: .78rem !important;
    font-weight: 620 !important;
  }

  .side-menu-appearance {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
  }

  .side-menu-appearance-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #eef2f7 !important;
    color: #64748b !important;
    font-size: 1.2rem !important;
  }

  .side-menu-appearance strong {
    display: block !important;
    color: #1b2434 !important;
    font-size: .88rem !important;
    font-weight: 680 !important;
  }

  .side-menu-appearance p {
    margin: 2px 0 0 !important;
    color: #738095 !important;
    font-size: .76rem !important;
    line-height: 1.25 !important;
    font-weight: 450 !important;
  }

  .theme-switch {
    position: relative !important;
    width: 48px !important;
    height: 30px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #334155 !important;
    box-shadow: none !important;
  }

  .theme-switch i {
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #fff !important;
    transition: transform .18s ease !important;
  }

  .theme-switch.active {
    background: #1e55ff !important;
  }

  .theme-switch.active i {
    transform: translateX(18px) !important;
  }

  .bottom-nav {
    min-height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 6px 12px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(15, 23, 42, .08) !important;
    background: #e9ecef !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .16) !important;
  }

  .bottom-nav a {
    min-height: 48px !important;
    gap: 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: .62rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  .bottom-nav a.active {
    color: #111827 !important;
    background: transparent !important;
  }

  .bottom-nav-icon,
  .bottom-nav a.active .bottom-nav-icon {
    width: 27px !important;
    height: 27px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    box-shadow: none !important;
  }

  .bottom-nav-icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2 !important;
  }

  .bottom-nav a.active .bottom-nav-icon,
  .bottom-nav a.active {
    color: var(--accent) !important;
  }

  html[data-theme="light"] body.app-page,
  html[data-theme="light"] body.app-screen-page,
  html[data-theme="light"] body.matches-app-page,
  html[data-theme="light"] body.direct-app-page,
  html[data-theme="light"] body.recommendations-app-page {
    color: #111827 !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(198, 255, 46, .18), transparent 19rem),
      linear-gradient(180deg, #f5f7fa 0%, #edf1f5 100%) !important;
  }

  html[data-theme="light"] body.app-page::before {
    opacity: .2 !important;
  }

  html[data-theme="light"] .app-header {
    background: #f8fafc !important;
    border-bottom-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] .app-header-brand strong {
    color: #111827 !important;
  }

  html[data-theme="light"] .app-header-menu {
    background: #e5e7eb !important;
  }

  html[data-theme="light"] .app-header-menu span {
    background: #111827 !important;
  }

  .app-header-menu,
  body.matches-app-page .app-header-menu {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .app-header-menu span,
  body.matches-app-page .app-header-menu span {
    display: none !important;
  }

  .neo-menu-icon {
    display: block !important;
    width: 38px !important;
    height: 28px !important;
    overflow: visible !important;
  }

  .neo-menu-line {
    fill: none !important;
    stroke: #f8fafc !important;
    stroke-width: 3.2 !important;
    stroke-linecap: round !important;
    filter: drop-shadow(0 0 5px rgba(198, 255, 46, .12)) !important;
  }

  .neo-menu-line-mid {
    stroke-width: 3.4 !important;
  }

  .neo-menu-dot {
    fill: var(--accent) !important;
    filter: drop-shadow(0 0 8px rgba(198, 255, 46, .42)) !important;
  }

  .neo-menu-dot-soft {
    opacity: .75 !important;
  }

  .app-header-menu:active .neo-menu-icon {
    transform: scale(.94) !important;
  }

  html[data-theme="light"] .neo-menu-line {
    stroke: #111827 !important;
  }

  html[data-theme="light"] .app-header-menu,
  html[data-theme="light"] body.matches-app-page .app-header-menu {
    background: transparent !important;
    border: 0 !important;
  }

  html[data-theme="light"] .glass-panel,
  html[data-theme="light"] .match-card,
  html[data-theme="light"] .app-competition,
  html[data-theme="light"] .app-match-row {
    background: rgba(255, 255, 255, .82) !important;
    border-color: rgba(15, 23, 42, .1) !important;
  }
}

@media (max-width: 899px) {
  body.matches-app-page {
    --matches-surface: #eef1f5;
    --matches-control: #ffffff;
    --matches-muted: #667085;
    --matches-soft-line: rgba(15, 23, 42, .08);
    background: #eef1f5 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  body.matches-app-page .app-header {
    min-height: calc(62px + env(safe-area-inset-top, 0px)) !important;
    padding: calc(7px + env(safe-area-inset-top, 0px)) 22px 8px !important;
    background: #111519 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-header-brand {
    gap: 8px !important;
  }

  body.matches-app-page .app-header-brand img {
    width: 30px !important;
    height: 30px !important;
  }

  body.matches-app-page .app-header-brand strong {
    font-size: 1.14rem !important;
    line-height: 1 !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .app-header-menu {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    background: #22272b !important;
  }

  body.matches-app-page .app-header-menu span {
    width: 17px !important;
    height: 1.5px !important;
    margin: 2px 0 !important;
    border-radius: 999px !important;
  }

  body.matches-app-page .matches-app {
    padding: 12px 10px calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0 !important;
  }

  body.matches-app-page .matches-date-control {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 9px !important;
    margin: 0 0 11px !important;
  }

  body.matches-app-page .matches-date-control > a,
  body.matches-app-page .matches-date-control > span,
  body.matches-app-page .matches-date-control > button {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 11px !important;
    background: var(--matches-control) !important;
    color: #111827 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
  }

  body.matches-app-page .matches-date-control > a,
  body.matches-app-page .matches-date-control > span {
    width: 40px !important;
    font-size: 1.34rem !important;
    font-weight: 720 !important;
  }

  body.matches-app-page .matches-date-control button {
    gap: 9px !important;
    padding: 0 14px !important;
  }

  body.matches-app-page .matches-date-control strong {
    color: #111827 !important;
    font-size: .92rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .matches-date-control svg {
    width: 15px !important;
    height: 15px !important;
    color: #111827 !important;
    stroke-width: 2 !important;
  }

  body.matches-app-page .matches-date-control em {
    color: #98a2b3 !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
  }

  body.matches-app-page .matches-date-menu {
    top: calc(100% + 6px) !important;
    border-radius: 12px !important;
    padding: 6px !important;
  }

  body.matches-app-page .matches-date-menu a {
    min-height: 36px !important;
    padding: 7px 9px !important;
    border-radius: 9px !important;
  }

  body.matches-app-page .app-filter-row {
    min-height: 40px !important;
    margin: 0 0 11px !important;
    padding: 4px !important;
    border-radius: 11px !important;
    background: var(--matches-control) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
  }

  body.matches-app-page .app-filter-row button,
  body.matches-app-page .app-filter-row a {
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    font-weight: 690 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .app-filter-row button.active {
    background: var(--accent) !important;
    color: #081004 !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-filter-row a strong {
    min-width: 21px !important;
    height: 21px !important;
    margin-left: 5px !important;
    padding: 0 5px !important;
    font-size: .62rem !important;
    font-weight: 720 !important;
  }

  body.matches-app-page .matches-search-row {
    grid-template-columns: minmax(0, 1fr) auto 44px !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
    align-items: center !important;
  }

  body.matches-app-page .matches-search-row label {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    background: var(--matches-control) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
  }

  body.matches-app-page .matches-search-row svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2 !important;
  }

  body.matches-app-page .matches-search-row input {
    height: 38px !important;
    font-size: .78rem !important;
    font-weight: 520 !important;
  }

  body.matches-app-page .matches-search-row > span {
    font-size: .72rem !important;
    font-weight: 650 !important;
    color: #d8dbde !important;
  }

  body.matches-app-page .matches-search-row button {
    width: 44px !important;
    height: 28px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    background: #354047 !important;
  }

  body.matches-app-page .matches-search-row button i {
    top: 3px !important;
    left: 3px !important;
    width: 22px !important;
    height: 22px !important;
  }

  body.matches-app-page .matches-search-row button.active i {
    left: 19px !important;
  }

  body.matches-app-page .matches-advice-link {
    min-height: 42px !important;
    margin: 0 0 15px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    border-width: 1px !important;
    background: rgba(4, 39, 45, .78) !important;
    box-shadow: none !important;
  }

  body.matches-app-page .matches-advice-link span,
  body.matches-app-page .matches-advice-link em {
    font-size: 1rem !important;
  }

  body.matches-app-page .matches-advice-link strong {
    font-size: .75rem !important;
    font-weight: 730 !important;
  }

  body.matches-app-page .app-competition-stack {
    gap: 14px !important;
  }

  body.matches-app-page .app-competition {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-competition summary {
    min-height: 36px !important;
    padding: 0 28px 8px 42px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.matches-app-page .app-competition summary::before {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    font-size: .82rem !important;
  }

  body.matches-app-page .app-competition summary::after {
    right: 7px !important;
    top: 6px !important;
    font-size: .92rem !important;
  }

  body.matches-app-page .app-competition summary span {
    font-size: .86rem !important;
    font-weight: 740 !important;
    line-height: 1.05 !important;
  }

  body.matches-app-page .app-competition summary small {
    margin-top: 2px !important;
    font-size: .61rem !important;
    font-weight: 560 !important;
  }

  body.matches-app-page .app-competition > div {
    gap: 6px !important;
  }

  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    grid-template-columns: 45px minmax(0, 1fr) 22px 22px !important;
    gap: 6px !important;
    min-height: 54px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    border: 0 !important;
    background: #12171b !important;
    box-shadow: none !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    grid-template-columns: 43px minmax(0, 1fr) 76px 18px 22px !important;
    min-height: 54px !important;
    gap: 5px !important;
  }

  body.matches-app-page .app-match-status {
    padding-right: 7px !important;
    font-size: .61rem !important;
    font-weight: 720 !important;
    color: #a4abb2 !important;
  }

  body.matches-app-page .app-match-teams {
    gap: 3px !important;
    min-width: 0 !important;
  }

  body.matches-app-page .app-match-team {
    min-width: 0 !important;
    gap: 5px !important;
  }

  body.matches-app-page .app-team-flag {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.matches-app-page .app-team-flag img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  body.matches-app-page .app-match-team strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .74rem !important;
    line-height: 1.05 !important;
    font-weight: 570 !important;
    color: #dfe3e7 !important;
  }

  body.matches-app-page .app-match-score {
    gap: 0 !important;
  }

  body.matches-app-page .app-match-score strong {
    min-height: 16px !important;
    font-size: .66rem !important;
    line-height: 1 !important;
    font-weight: 730 !important;
  }

  body.matches-app-page .app-match-star {
    width: 22px !important;
    height: 22px !important;
    font-size: 1.06rem !important;
    color: #949da7 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2px !important;
    width: 76px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-height: 24px !important;
    padding: 0 !important;
    gap: 1px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    font-size: .43rem !important;
    line-height: 1 !important;
    font-weight: 580 !important;
    color: #8e969f !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    min-width: 22px !important;
    min-height: 18px !important;
    padding: 2px 2px !important;
    border-radius: 4px !important;
    background: #202529 !important;
    color: #f3f5f7 !important;
    font-size: .5rem !important;
    line-height: 1 !important;
    font-weight: 730 !important;
  }

  body.matches-app-page .bottom-nav {
    min-height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    padding: 5px 10px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(0, 0, 0, .08) !important;
    background: #e5e8ea !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .18) !important;
  }

  body.matches-app-page .bottom-nav a {
    min-height: 48px !important;
    gap: 2px !important;
    border-radius: 14px !important;
    color: #111519 !important;
    font-size: .58rem !important;
    font-weight: 650 !important;
  }

  body.matches-app-page .bottom-nav a.active {
    color: #111519 !important;
    background: rgba(198, 255, 46, .18) !important;
  }

  body.matches-app-page .bottom-nav-icon {
    width: 27px !important;
    height: 27px !important;
    border-radius: 8px !important;
    background: rgba(17, 21, 25, .07) !important;
    color: #111519 !important;
  }

  body.matches-app-page .bottom-nav a.active .bottom-nav-icon {
    background: var(--accent) !important;
    color: #081004 !important;
  }

  body.matches-app-page .bottom-nav-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.9 !important;
  }
}

/* 2026-06-29: chrome mobile unifié.
   La page Matchs ne doit plus avoir un header différent, et son menu bas
   devient la référence visuelle pour tout le dashboard mobile. */
@media (max-width: 899px) {
  body.app-page .app-header,
  body.app-screen-page .app-header,
  body.chat-page .app-header,
  body.matches-app-page .app-header,
  body.direct-app-page .app-header,
  body.recommendations-app-page .app-header,
  body.analysis-app-page .app-header,
  body.dashboard-hub-page .app-header {
    min-height: calc(62px + env(safe-area-inset-top, 0px)) !important;
    padding: calc(7px + env(safe-area-inset-top, 0px)) 18px 8px !important;
    background: #111519 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
  }

  body.app-page .app-header-brand,
  body.app-screen-page .app-header-brand,
  body.chat-page .app-header-brand,
  body.matches-app-page .app-header-brand,
  body.direct-app-page .app-header-brand,
  body.recommendations-app-page .app-header-brand,
  body.analysis-app-page .app-header-brand,
  body.dashboard-hub-page .app-header-brand {
    gap: 8px !important;
  }

  body.app-page .app-header-brand img,
  body.app-screen-page .app-header-brand img,
  body.chat-page .app-header-brand img,
  body.matches-app-page .app-header-brand img,
  body.direct-app-page .app-header-brand img,
  body.recommendations-app-page .app-header-brand img,
  body.analysis-app-page .app-header-brand img,
  body.dashboard-hub-page .app-header-brand img {
    width: 30px !important;
    height: 30px !important;
  }

  body.app-page .app-header-brand strong,
  body.app-screen-page .app-header-brand strong,
  body.chat-page .app-header-brand strong,
  body.matches-app-page .app-header-brand strong,
  body.direct-app-page .app-header-brand strong,
  body.recommendations-app-page .app-header-brand strong,
  body.analysis-app-page .app-header-brand strong,
  body.dashboard-hub-page .app-header-brand strong {
    color: #f8fafc !important;
    font-size: 1.14rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.app-page .app-header-menu,
  body.app-screen-page .app-header-menu,
  body.chat-page .app-header-menu,
  body.matches-app-page .app-header-menu,
  body.direct-app-page .app-header-menu,
  body.recommendations-app-page .app-header-menu,
  body.analysis-app-page .app-header-menu,
  body.dashboard-hub-page .app-header-menu {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.app-page .app-header-menu span,
  body.app-screen-page .app-header-menu span,
  body.chat-page .app-header-menu span,
  body.matches-app-page .app-header-menu span,
  body.direct-app-page .app-header-menu span,
  body.recommendations-app-page .app-header-menu span,
  body.analysis-app-page .app-header-menu span,
  body.dashboard-hub-page .app-header-menu span {
    display: none !important;
  }

  body.app-page .neo-menu-icon,
  body.app-screen-page .neo-menu-icon,
  body.chat-page .neo-menu-icon,
  body.matches-app-page .neo-menu-icon,
  body.direct-app-page .neo-menu-icon,
  body.recommendations-app-page .neo-menu-icon,
  body.analysis-app-page .neo-menu-icon,
  body.dashboard-hub-page .neo-menu-icon {
    display: block !important;
    width: 38px !important;
    height: 28px !important;
    overflow: visible !important;
  }

  body.app-page .neo-menu-line,
  body.app-screen-page .neo-menu-line,
  body.chat-page .neo-menu-line,
  body.matches-app-page .neo-menu-line,
  body.direct-app-page .neo-menu-line,
  body.recommendations-app-page .neo-menu-line,
  body.analysis-app-page .neo-menu-line,
  body.dashboard-hub-page .neo-menu-line {
    fill: none !important;
    stroke: #f8fafc !important;
    stroke-width: 3.2 !important;
    stroke-linecap: round !important;
    filter: drop-shadow(0 0 5px rgba(198, 255, 46, .12)) !important;
  }

  body.app-page .neo-menu-line-mid,
  body.app-screen-page .neo-menu-line-mid,
  body.chat-page .neo-menu-line-mid,
  body.matches-app-page .neo-menu-line-mid,
  body.direct-app-page .neo-menu-line-mid,
  body.recommendations-app-page .neo-menu-line-mid,
  body.analysis-app-page .neo-menu-line-mid,
  body.dashboard-hub-page .neo-menu-line-mid {
    stroke-width: 3.4 !important;
  }

  body.app-page .neo-menu-dot,
  body.app-screen-page .neo-menu-dot,
  body.chat-page .neo-menu-dot,
  body.matches-app-page .neo-menu-dot,
  body.direct-app-page .neo-menu-dot,
  body.recommendations-app-page .neo-menu-dot,
  body.analysis-app-page .neo-menu-dot,
  body.dashboard-hub-page .neo-menu-dot {
    fill: var(--accent) !important;
    filter: drop-shadow(0 0 8px rgba(198, 255, 46, .42)) !important;
  }

  body.app-page .neo-menu-dot-soft,
  body.app-screen-page .neo-menu-dot-soft,
  body.chat-page .neo-menu-dot-soft,
  body.matches-app-page .neo-menu-dot-soft,
  body.direct-app-page .neo-menu-dot-soft,
  body.recommendations-app-page .neo-menu-dot-soft,
  body.analysis-app-page .neo-menu-dot-soft,
  body.dashboard-hub-page .neo-menu-dot-soft {
    opacity: .75 !important;
  }

  body.app-page .bottom-nav,
  body.app-screen-page .bottom-nav,
  body.chat-page .bottom-nav,
  body.matches-app-page .bottom-nav,
  body.direct-app-page .bottom-nav,
  body.recommendations-app-page .bottom-nav,
  body.analysis-app-page .bottom-nav,
  body.dashboard-hub-page .bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 120 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    padding: 5px 10px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(15, 23, 42, .08) !important;
    background: #e5e8ea !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .18) !important;
  }

  body.app-page .bottom-nav a,
  body.app-screen-page .bottom-nav a,
  body.chat-page .bottom-nav a,
  body.matches-app-page .bottom-nav a,
  body.direct-app-page .bottom-nav a,
  body.recommendations-app-page .bottom-nav a,
  body.analysis-app-page .bottom-nav a,
  body.dashboard-hub-page .bottom-nav a {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    min-height: 48px !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111519 !important;
    font-size: .58rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  body.app-page .bottom-nav-icon,
  body.app-screen-page .bottom-nav-icon,
  body.chat-page .bottom-nav-icon,
  body.matches-app-page .bottom-nav-icon,
  body.direct-app-page .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav-icon,
  body.analysis-app-page .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav-icon {
    display: grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    box-shadow: none !important;
  }

  body.app-page .bottom-nav-icon svg,
  body.app-screen-page .bottom-nav-icon svg,
  body.chat-page .bottom-nav-icon svg,
  body.matches-app-page .bottom-nav-icon svg,
  body.direct-app-page .bottom-nav-icon svg,
  body.recommendations-app-page .bottom-nav-icon svg,
  body.analysis-app-page .bottom-nav-icon svg,
  body.dashboard-hub-page .bottom-nav-icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2 !important;
  }

  body.app-page .bottom-nav a.active,
  body.app-screen-page .bottom-nav a.active,
  body.chat-page .bottom-nav a.active,
  body.matches-app-page .bottom-nav a.active,
  body.direct-app-page .bottom-nav a.active,
  body.recommendations-app-page .bottom-nav a.active,
  body.analysis-app-page .bottom-nav a.active,
  body.dashboard-hub-page .bottom-nav a.active {
    color: #111519 !important;
    background: transparent !important;
  }

  body.app-page .bottom-nav a.active .bottom-nav-icon,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon,
  body.chat-page .bottom-nav a.active .bottom-nav-icon,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon {
    color: var(--accent) !important;
  }

  html[data-theme="light"] body.app-page .app-header,
  html[data-theme="light"] body.app-screen-page .app-header,
  html[data-theme="light"] body.chat-page .app-header,
  html[data-theme="light"] body.matches-app-page .app-header,
  html[data-theme="light"] body.direct-app-page .app-header,
  html[data-theme="light"] body.recommendations-app-page .app-header,
  html[data-theme="light"] body.analysis-app-page .app-header,
  html[data-theme="light"] body.dashboard-hub-page .app-header {
    background: #f8fafc !important;
    border-bottom-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.app-page .app-header-brand strong,
  html[data-theme="light"] body.app-screen-page .app-header-brand strong,
  html[data-theme="light"] body.chat-page .app-header-brand strong,
  html[data-theme="light"] body.matches-app-page .app-header-brand strong,
  html[data-theme="light"] body.direct-app-page .app-header-brand strong,
  html[data-theme="light"] body.recommendations-app-page .app-header-brand strong,
  html[data-theme="light"] body.analysis-app-page .app-header-brand strong,
  html[data-theme="light"] body.dashboard-hub-page .app-header-brand strong {
    color: #111827 !important;
  }

  html[data-theme="light"] body.app-page .neo-menu-line,
  html[data-theme="light"] body.app-screen-page .neo-menu-line,
  html[data-theme="light"] body.chat-page .neo-menu-line,
  html[data-theme="light"] body.matches-app-page .neo-menu-line,
  html[data-theme="light"] body.direct-app-page .neo-menu-line,
  html[data-theme="light"] body.recommendations-app-page .neo-menu-line,
  html[data-theme="light"] body.analysis-app-page .neo-menu-line,
  html[data-theme="light"] body.dashboard-hub-page .neo-menu-line {
    stroke: #111827 !important;
  }
}

/* 2026-06-29: état actif du menu bas + vrai thème clair dashboard. */
@media (max-width: 899px) {
  body.app-page .bottom-nav a.active,
  body.app-screen-page .bottom-nav a.active,
  body.chat-page .bottom-nav a.active,
  body.matches-app-page .bottom-nav a.active,
  body.direct-app-page .bottom-nav a.active,
  body.recommendations-app-page .bottom-nav a.active,
  body.analysis-app-page .bottom-nav a.active,
  body.dashboard-hub-page .bottom-nav a.active {
    background: transparent !important;
    box-shadow: none !important;
    color: #111519 !important;
  }

  body.app-page .bottom-nav a.active .bottom-nav-icon,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon,
  body.chat-page .bottom-nav a.active .bottom-nav-icon,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon,
  body.app-page .bottom-nav a.active .bottom-nav-icon *,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon *,
  body.chat-page .bottom-nav a.active .bottom-nav-icon *,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon *,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon *,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon *,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon *,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon * {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.app-page .bottom-nav a.active .bottom-nav-icon,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon,
  body.chat-page .bottom-nav a.active .bottom-nav-icon,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon {
    color: var(--accent) !important;
  }
}

html[data-theme="light"] body.app-page,
html[data-theme="light"] body.app-screen-page,
html[data-theme="light"] body.chat-page,
html[data-theme="light"] body.matches-app-page,
html[data-theme="light"] body.direct-app-page,
html[data-theme="light"] body.recommendations-app-page,
html[data-theme="light"] body.analysis-app-page,
html[data-theme="light"] body.dashboard-hub-page {
  --bg: #f3f5f6;
  --bg-soft: #eef1f3;
  --surface: #ffffff;
  --surface-2: #f7f9fa;
  --line: rgba(15, 23, 42, .11);
  --text: #111827;
  --muted: #667085;
  background: #f3f5f6 !important;
  color: #111827 !important;
}

html[data-theme="light"] body.app-page::before,
html[data-theme="light"] body.app-screen-page::before,
html[data-theme="light"] body.chat-page::before,
html[data-theme="light"] body.matches-app-page::before,
html[data-theme="light"] body.direct-app-page::before,
html[data-theme="light"] body.recommendations-app-page::before,
html[data-theme="light"] body.analysis-app-page::before,
html[data-theme="light"] body.dashboard-hub-page::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(198, 255, 46, .18), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(64, 196, 255, .14), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f5 100%) !important;
}

html[data-theme="light"] .app-header {
  background: #ffffff !important;
  border-bottom-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .global-pro-banner,
html[data-theme="light"] .dashboard-hero,
html[data-theme="light"] .dashboard-tile,
html[data-theme="light"] .dashboard-summary,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .match-card,
html[data-theme="light"] .app-card,
html[data-theme="light"] .app-panel,
html[data-theme="light"] .app-competition,
html[data-theme="light"] .recommendation-card,
html[data-theme="light"] .advice-card,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .history-card,
html[data-theme="light"] .neo-history-card,
html[data-theme="light"] .subscription-card,
html[data-theme="light"] .affiliate-card,
html[data-theme="light"] .chat-shell,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .message-bot,
html[data-theme="light"] .side-menu-panel {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .matches-date-control > a,
html[data-theme="light"] .matches-date-control > span,
html[data-theme="light"] .matches-date-control > button,
html[data-theme="light"] .app-filter-row,
html[data-theme="light"] .matches-search-row label,
html[data-theme="light"] .matches-search-row button,
html[data-theme="light"] .matches-date-menu,
html[data-theme="light"] .side-menu-action,
html[data-theme="light"] .side-menu-appearance,
html[data-theme="light"] .chat-form,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: rgba(255, 255, 255, .9) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
}

html[data-theme="light"] .app-filter-row button,
html[data-theme="light"] .app-filter-row a,
html[data-theme="light"] .matches-search-row input,
html[data-theme="light"] .side-menu-welcome p,
html[data-theme="light"] .side-menu-appearance p,
html[data-theme="light"] .muted,
html[data-theme="light"] p,
html[data-theme="light"] small {
  color: #667085 !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong,
html[data-theme="light"] .app-competition summary span,
html[data-theme="light"] .app-match-team strong,
html[data-theme="light"] .side-menu-welcome strong,
html[data-theme="light"] .side-menu-appearance strong {
  color: #111827 !important;
}

html[data-theme="light"] .app-match-row,
html[data-theme="light"] body.matches-app-page .app-match-row,
html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  color: #111827 !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06) !important;
}

html[data-theme="light"] .app-match-status,
html[data-theme="light"] .app-match-star,
html[data-theme="light"] .matches-app.show-odds .app-match-odds em small {
  color: #667085 !important;
}

html[data-theme="light"] .matches-app.show-odds .app-match-odds em strong {
  background: #eef2f5 !important;
  color: #111827 !important;
}

html[data-theme="light"] .bottom-nav {
  background: #ffffff !important;
  border-top-color: rgba(15, 23, 42, .10) !important;
  box-shadow: 0 -10px 28px rgba(15, 23, 42, .10) !important;
}

html[data-theme="light"] .bottom-nav a {
  color: #667085 !important;
}

html[data-theme="light"] .bottom-nav a.active,
html[data-theme="light"] .bottom-nav a.active .bottom-nav-icon {
  color: #111827 !important;
}

html[data-theme="light"] .bottom-nav a.active .bottom-nav-icon svg {
  stroke: var(--accent) !important;
}

html[data-theme="light"] .side-menu {
  background: rgba(15, 23, 42, .32) !important;
}

html[data-theme="light"] .side-menu-top {
  background: #ffffff !important;
  border-bottom-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .side-menu-logo strong,
html[data-theme="light"] .side-menu-close {
  color: #111827 !important;
}

html[data-theme="light"] .side-menu-pro {
  color: #071109 !important;
}

/* 2026-06-29: tab bar fine type ZoneStat + thème clair harmonisé. */
@media (max-width: 899px) {
  body.app-page .bottom-nav,
  body.app-screen-page .bottom-nav,
  body.chat-page .bottom-nav,
  body.matches-app-page .bottom-nav,
  body.direct-app-page .bottom-nav,
  body.recommendations-app-page .bottom-nav,
  body.analysis-app-page .bottom-nav,
  body.dashboard-hub-page .bottom-nav {
    min-height: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    background: #e6e9ec !important;
    border-top: 1px solid rgba(15, 23, 42, .12) !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .45) inset !important;
  }

  body.app-page .bottom-nav a,
  body.app-screen-page .bottom-nav a,
  body.chat-page .bottom-nav a,
  body.matches-app-page .bottom-nav a,
  body.direct-app-page .bottom-nav a,
  body.recommendations-app-page .bottom-nav a,
  body.analysis-app-page .bottom-nav a,
  body.dashboard-hub-page .bottom-nav a {
    min-height: 46px !important;
    gap: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7d8792 !important;
    font-size: .62rem !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.app-page .bottom-nav a::before,
  body.app-page .bottom-nav a::after,
  body.app-screen-page .bottom-nav a::before,
  body.app-screen-page .bottom-nav a::after,
  body.chat-page .bottom-nav a::before,
  body.chat-page .bottom-nav a::after,
  body.matches-app-page .bottom-nav a::before,
  body.matches-app-page .bottom-nav a::after,
  body.direct-app-page .bottom-nav a::before,
  body.direct-app-page .bottom-nav a::after,
  body.recommendations-app-page .bottom-nav a::before,
  body.recommendations-app-page .bottom-nav a::after,
  body.analysis-app-page .bottom-nav a::before,
  body.analysis-app-page .bottom-nav a::after,
  body.dashboard-hub-page .bottom-nav a::before,
  body.dashboard-hub-page .bottom-nav a::after {
    display: none !important;
    content: none !important;
  }

  body.app-page .bottom-nav-icon,
  body.app-screen-page .bottom-nav-icon,
  body.chat-page .bottom-nav-icon,
  body.matches-app-page .bottom-nav-icon,
  body.direct-app-page .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav-icon,
  body.analysis-app-page .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav-icon,
  body.app-page .bottom-nav a.active .bottom-nav-icon,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon,
  body.chat-page .bottom-nav a.active .bottom-nav-icon,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon {
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body.app-page .bottom-nav-icon svg,
  body.app-screen-page .bottom-nav-icon svg,
  body.chat-page .bottom-nav-icon svg,
  body.matches-app-page .bottom-nav-icon svg,
  body.direct-app-page .bottom-nav-icon svg,
  body.recommendations-app-page .bottom-nav-icon svg,
  body.analysis-app-page .bottom-nav-icon svg,
  body.dashboard-hub-page .bottom-nav-icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    fill: none !important;
  }

  body.app-page .bottom-nav a.active,
  body.app-screen-page .bottom-nav a.active,
  body.chat-page .bottom-nav a.active,
  body.matches-app-page .bottom-nav a.active,
  body.direct-app-page .bottom-nav a.active,
  body.recommendations-app-page .bottom-nav a.active,
  body.analysis-app-page .bottom-nav a.active,
  body.dashboard-hub-page .bottom-nav a.active {
    color: #111827 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body.app-page .bottom-nav a.active .bottom-nav-icon,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon,
  body.chat-page .bottom-nav a.active .bottom-nav-icon,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon {
    color: #111827 !important;
    background: transparent !important;
  }

  body.app-page .bottom-nav a.active .bottom-nav-icon svg,
  body.app-screen-page .bottom-nav a.active .bottom-nav-icon svg,
  body.chat-page .bottom-nav a.active .bottom-nav-icon svg,
  body.matches-app-page .bottom-nav a.active .bottom-nav-icon svg,
  body.direct-app-page .bottom-nav a.active .bottom-nav-icon svg,
  body.recommendations-app-page .bottom-nav a.active .bottom-nav-icon svg,
  body.analysis-app-page .bottom-nav a.active .bottom-nav-icon svg,
  body.dashboard-hub-page .bottom-nav a.active .bottom-nav-icon svg {
    stroke: #111827 !important;
    filter: none !important;
  }
}

html[data-theme="light"] body.app-page,
html[data-theme="light"] body.app-screen-page,
html[data-theme="light"] body.chat-page,
html[data-theme="light"] body.matches-app-page,
html[data-theme="light"] body.direct-app-page,
html[data-theme="light"] body.recommendations-app-page,
html[data-theme="light"] body.analysis-app-page,
html[data-theme="light"] body.dashboard-hub-page {
  --bg: #f4f6f8;
  --bg-soft: #eef2f5;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2f5;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --line: rgba(15, 23, 42, .10);
  --text: #111827;
  --muted: #667085;
  --muted-2: #8a94a3;
  color-scheme: light;
  background: #f4f6f8 !important;
  color: #111827 !important;
}

html[data-theme="light"] body.app-page::before,
html[data-theme="light"] body.app-screen-page::before,
html[data-theme="light"] body.chat-page::before,
html[data-theme="light"] body.matches-app-page::before,
html[data-theme="light"] body.direct-app-page::before,
html[data-theme="light"] body.recommendations-app-page::before,
html[data-theme="light"] body.analysis-app-page::before,
html[data-theme="light"] body.dashboard-hub-page::before {
  background:
    radial-gradient(circle at 10% -10%, rgba(198, 255, 46, .18), transparent 28%),
    radial-gradient(circle at 86% 0%, rgba(73, 202, 255, .12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

html[data-theme="light"] .app-shell,
html[data-theme="light"] .matches-app,
html[data-theme="light"] .dashboard-hub,
html[data-theme="light"] .recommendations-app,
html[data-theme="light"] .direct-app,
html[data-theme="light"] .profile-app,
html[data-theme="light"] .history-app,
html[data-theme="light"] .analysis-app {
  color: #111827 !important;
}

html[data-theme="light"] .dashboard-tile,
html[data-theme="light"] .dashboard-summary,
html[data-theme="light"] .matches-advice-link,
html[data-theme="light"] .matches-date-control > a,
html[data-theme="light"] .matches-date-control > span,
html[data-theme="light"] .matches-date-control > button,
html[data-theme="light"] .app-filter-row,
html[data-theme="light"] .matches-search-row label,
html[data-theme="light"] .matches-search-row button,
html[data-theme="light"] .matches-date-menu,
html[data-theme="light"] .app-competition,
html[data-theme="light"] .app-match-row,
html[data-theme="light"] .advice-card,
html[data-theme="light"] .recommendation-card,
html[data-theme="light"] .neo-history-card,
html[data-theme="light"] .history-card,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .app-panel,
html[data-theme="light"] .app-card,
html[data-theme="light"] .chat-shell,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .message-bot,
html[data-theme="light"] .side-menu-panel,
html[data-theme="light"] .side-menu-action,
html[data-theme="light"] .side-menu-appearance,
html[data-theme="light"] .global-pro-banner {
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .07) !important;
}

html[data-theme="light"] body.matches-app-page .app-competition,
html[data-theme="light"] body.matches-app-page .app-competition summary {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.matches-app-page .app-match-row,
html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
  background: #ffffff !important;
}

html[data-theme="light"] .matches-app.show-odds .app-match-odds em strong,
html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em strong,
html[data-theme="light"] .stat-pill,
html[data-theme="light"] .odds-pill,
html[data-theme="light"] .risk-pill {
  background: #edf1f5 !important;
  border-color: rgba(15, 23, 42, .08) !important;
  color: #111827 !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .chat-form,
html[data-theme="light"] .message-user {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
}

html[data-theme="light"] .message-user {
  background: #c6ff2e !important;
  color: #081004 !important;
}

html[data-theme="light"] .app-filter-row button,
html[data-theme="light"] .app-filter-row a,
html[data-theme="light"] .matches-search-row input,
html[data-theme="light"] .app-match-status,
html[data-theme="light"] .app-match-star,
html[data-theme="light"] .side-menu-welcome p,
html[data-theme="light"] .side-menu-appearance p,
html[data-theme="light"] .muted,
html[data-theme="light"] p,
html[data-theme="light"] small {
  color: #667085 !important;
}

html[data-theme="light"] .app-filter-row button.active,
html[data-theme="light"] .app-filter-row a.active,
html[data-theme="light"] .matches-advice-link,
html[data-theme="light"] .side-menu-pro,
html[data-theme="light"] .global-pro-banner-cta,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] button.primary {
  background: #c6ff2e !important;
  color: #081004 !important;
  border-color: rgba(8, 16, 4, .08) !important;
}

html[data-theme="light"] .bottom-nav,
html[data-theme="light"] body.matches-app-page .bottom-nav {
  background: #e6e9ec !important;
  border-top-color: rgba(15, 23, 42, .12) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, .45) inset !important;
}

html[data-theme="light"] .bottom-nav a,
html[data-theme="light"] body.matches-app-page .bottom-nav a {
  color: #7d8792 !important;
}

html[data-theme="light"] .bottom-nav a.active,
html[data-theme="light"] .bottom-nav a.active .bottom-nav-icon,
html[data-theme="light"] body.matches-app-page .bottom-nav a.active,
html[data-theme="light"] body.matches-app-page .bottom-nav a.active .bottom-nav-icon {
  color: #111827 !important;
  background: transparent !important;
}

html[data-theme="light"] .app-header,
html[data-theme="light"] .side-menu-top {
  background: #ffffff !important;
}

html[data-theme="light"] .theme-switch {
  background: #c6ff2e !important;
}

/* 2026-06-29: complete light theme repair for app-like dashboard pages */
html[data-theme="light"] body.app-page,
html[data-theme="light"] body.app-screen-page,
html[data-theme="light"] body.chat-page,
html[data-theme="light"] body.matches-app-page,
html[data-theme="light"] body.direct-app-page,
html[data-theme="light"] body.recommendations-app-page,
html[data-theme="light"] body.analysis-app-page,
html[data-theme="light"] body.dashboard-hub-page {
  --light-bg: #f4f6f8;
  --light-surface: #ffffff;
  --light-surface-soft: #f8fafc;
  --light-border: rgba(15, 23, 42, .10);
  --light-text: #111827;
  --light-muted: #667085;
  --light-accent: #baff23;
  background: #f4f6f8 !important;
  color: #111827 !important;
}

html[data-theme="light"] body.app-page::before,
html[data-theme="light"] body.app-screen-page::before,
html[data-theme="light"] body.chat-page::before,
html[data-theme="light"] body.matches-app-page::before,
html[data-theme="light"] body.direct-app-page::before,
html[data-theme="light"] body.recommendations-app-page::before,
html[data-theme="light"] body.analysis-app-page::before,
html[data-theme="light"] body.dashboard-hub-page::before {
  background:
    radial-gradient(circle at 0% 0%, rgba(186, 255, 35, .18), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(83, 208, 255, .12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f6f8 62%, #eef2f6 100%) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .app-header,
html[data-theme="light"] body.matches-app-page .app-header,
html[data-theme="light"] body.dashboard-hub-page .app-header {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
}

html[data-theme="light"] .app-header-brand strong,
html[data-theme="light"] body.matches-app-page .app-header-brand strong,
html[data-theme="light"] body.dashboard-hub-page .app-header-brand strong {
  color: #111827 !important;
}

html[data-theme="light"] .neo-menu-line {
  background: #111827 !important;
  stroke: #111827 !important;
}

html[data-theme="light"] .app-main,
html[data-theme="light"] .app-screen,
html[data-theme="light"] .matches-app,
html[data-theme="light"] .dashboard-hub,
html[data-theme="light"] .direct-app,
html[data-theme="light"] .recommendations-app,
html[data-theme="light"] .chat-main,
html[data-theme="light"] .profile-app,
html[data-theme="light"] .history-app,
html[data-theme="light"] .analysis-app {
  background: transparent !important;
  color: #111827 !important;
}

html[data-theme="light"] :is(
  .matches-date-control > a,
  .matches-date-control > span,
  .matches-date-control > button,
  .app-filter-row,
  .matches-search-row label,
  .matches-search-row button,
  .matches-date-menu,
  .matches-advice-link,
  .app-competition,
  .app-match-row,
  .dashboard-hub-card,
  .dashboard-hub-today,
  .dashboard-hub-pro,
  .direct-signal-card,
  .app-section-head,
  .app-pro-hero,
  .app-advice-card,
  .app-locked-signal,
  .app-empty-card,
  .chat-shell,
  .chat-window,
  .chat-pro-lockbar,
  .message-bot,
  .profile-card,
  .history-card,
  .neo-history-card,
  .recommendation-card,
  .glass-panel,
  .app-panel,
  .app-card,
  .side-menu-panel,
  .side-menu-action,
  .side-menu-appearance
) {
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .07) !important;
}

html[data-theme="light"] :is(
  .matches-date-control > a,
  .matches-date-control > span,
  .matches-date-control > button,
  .app-filter-row,
  .matches-search-row label,
  .matches-search-row button,
  .matches-advice-link,
  .app-competition,
  .app-match-row,
  .dashboard-hub-card,
  .dashboard-hub-today,
  .dashboard-hub-pro,
  .direct-signal-card,
  .app-pro-hero,
  .app-advice-card,
  .app-locked-signal,
  .chat-shell,
  .chat-window,
  .chat-pro-lockbar
) :is(h1, h2, h3, h4, strong, b, em, span, label) {
  color: #111827 !important;
}

html[data-theme="light"] :is(
  .dashboard-hub-card,
  .dashboard-hub-today,
  .dashboard-hub-pro,
  .direct-signal-card,
  .app-pro-hero,
  .app-advice-card,
  .app-locked-signal,
  .chat-pro-lockbar,
  .app-section-head
) :is(p, small) {
  color: #667085 !important;
}

html[data-theme="light"] .dashboard-hub-hero h1,
html[data-theme="light"] .dashboard-hub-hero p,
html[data-theme="light"] .chat-intro h1,
html[data-theme="light"] .chat-intro p,
html[data-theme="light"] .app-mobile-titlebar strong,
html[data-theme="light"] .app-section-head h2,
html[data-theme="light"] .app-section-head a {
  color: #111827 !important;
}

html[data-theme="light"] .dashboard-hub-hero p,
html[data-theme="light"] .chat-intro p,
html[data-theme="light"] .app-mobile-titlebar span,
html[data-theme="light"] .app-section-head p,
html[data-theme="light"] .app-section-head > span {
  color: #667085 !important;
}

html[data-theme="light"] .app-mobile-titlebar a {
  color: #baff23 !important;
}

html[data-theme="light"] .app-pro-hero,
html[data-theme="light"] .app-pro-hero.is-unlocked,
html[data-theme="light"] .direct-signal-card,
html[data-theme="light"] .dashboard-hub-pro {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(237, 248, 255, .94)) !important;
  border-color: rgba(53, 167, 189, .26) !important;
}

html[data-theme="light"] .app-pro-hero > span,
html[data-theme="light"] .app-pro-hero span:first-child,
html[data-theme="light"] .dashboard-hub-pro > span,
html[data-theme="light"] .direct-radar {
  background: rgba(186, 255, 35, .20) !important;
  color: #6ca600 !important;
}

html[data-theme="light"] .app-advice-card {
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
}

html[data-theme="light"] .app-advice-matchline,
html[data-theme="light"] .app-advice-footer span,
html[data-theme="light"] .app-advice-metrics span,
html[data-theme="light"] .dashboard-hub-access,
html[data-theme="light"] .chat-plan-notice {
  background: #eef2f6 !important;
  border-color: rgba(15, 23, 42, .08) !important;
  color: #111827 !important;
}

html[data-theme="light"] .app-advice-matchline i,
html[data-theme="light"] .app-team-flag,
html[data-theme="light"] .dashboard-hub-avatar,
html[data-theme="light"] .chat-neo-avatar {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] body.matches-app-page .matches-app,
html[data-theme="light"] body.matches-app-page .matches-app::before {
  background: transparent !important;
}

html[data-theme="light"] body.matches-app-page .matches-date-control,
html[data-theme="light"] body.matches-app-page .matches-search-row {
  background: transparent !important;
}

html[data-theme="light"] body.matches-app-page .matches-date-control > a,
html[data-theme="light"] body.matches-app-page .matches-date-control > span,
html[data-theme="light"] body.matches-app-page .matches-date-control > button,
html[data-theme="light"] body.matches-app-page .app-filter-row,
html[data-theme="light"] body.matches-app-page .matches-search-row label,
html[data-theme="light"] body.matches-app-page .matches-search-row button {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] body.matches-app-page .app-filter-row button,
html[data-theme="light"] body.matches-app-page .app-filter-row a,
html[data-theme="light"] body.matches-app-page .matches-search-row input,
html[data-theme="light"] body.matches-app-page .matches-search-row > span {
  color: #667085 !important;
}

html[data-theme="light"] body.matches-app-page .app-filter-row button.active,
html[data-theme="light"] body.matches-app-page .app-filter-row a.active {
  background: #baff23 !important;
  color: #081004 !important;
}

html[data-theme="light"] body.matches-app-page .matches-advice-link {
  background: #ecfeff !important;
  border-color: rgba(8, 145, 178, .26) !important;
}

html[data-theme="light"] body.matches-app-page .matches-advice-link strong,
html[data-theme="light"] body.matches-app-page .matches-advice-link span,
html[data-theme="light"] body.matches-app-page .matches-advice-link em {
  color: #0f6f7d !important;
}

html[data-theme="light"] body.matches-app-page .app-competition {
  background: rgba(255, 255, 255, .94) !important;
}

html[data-theme="light"] body.matches-app-page .app-competition summary,
html[data-theme="light"] body.matches-app-page .app-competition > div {
  background: transparent !important;
}

html[data-theme="light"] body.matches-app-page .app-competition summary::before {
  background: rgba(186, 255, 35, .18) !important;
}

html[data-theme="light"] body.matches-app-page .app-competition summary span,
html[data-theme="light"] body.matches-app-page .app-match-team strong,
html[data-theme="light"] body.matches-app-page .app-match-score strong {
  color: #111827 !important;
}

html[data-theme="light"] body.matches-app-page .app-competition summary small,
html[data-theme="light"] body.matches-app-page .app-match-status,
html[data-theme="light"] body.matches-app-page .app-match-star,
html[data-theme="light"] body.matches-app-page .app-match-odds em small {
  color: #667085 !important;
}

html[data-theme="light"] body.matches-app-page .app-match-row,
html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

html[data-theme="light"] .matches-app.show-odds .app-match-odds em strong,
html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em strong,
html[data-theme="light"] .odds-pill,
html[data-theme="light"] .stat-pill,
html[data-theme="light"] .risk-pill {
  background: #edf1f5 !important;
  color: #111827 !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: transparent !important;
  color: #111827 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #98a2b3 !important;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn.btn-primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .global-pro-banner-cta {
  background: #baff23 !important;
  color: #081004 !important;
  border-color: rgba(8, 16, 4, .08) !important;
  box-shadow: 0 10px 26px rgba(186, 255, 35, .20) !important;
}

html[data-theme="light"] .btn-primary *,
html[data-theme="light"] .btn.btn-primary * {
  color: #081004 !important;
}

html[data-theme="light"] .message-user {
  background: #baff23 !important;
  color: #081004 !important;
}

html[data-theme="light"] .message-user p {
  color: #081004 !important;
}

html[data-theme="light"] .side-menu-backdrop {
  background: rgba(15, 23, 42, .42) !important;
}

html[data-theme="light"] .side-menu-top,
html[data-theme="light"] .side-menu-panel {
  background: #f4f6f8 !important;
}

html[data-theme="light"] .side-menu-logo strong,
html[data-theme="light"] .side-menu-action strong,
html[data-theme="light"] .side-menu-welcome strong,
html[data-theme="light"] .side-menu-appearance strong {
  color: #111827 !important;
}

html[data-theme="light"] .side-menu-close {
  color: #111827 !important;
}

html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .chat-page .bottom-nav,
html[data-theme="light"] body.app-page .bottom-nav,
html[data-theme="light"] body.app-screen-page .bottom-nav,
html[data-theme="light"] body.matches-app-page .bottom-nav,
html[data-theme="light"] body.direct-app-page .bottom-nav,
html[data-theme="light"] body.recommendations-app-page .bottom-nav,
html[data-theme="light"] body.analysis-app-page .bottom-nav,
html[data-theme="light"] body.dashboard-hub-page .bottom-nav {
  background: #e6e9ec !important;
  border-top: 1px solid rgba(15, 23, 42, .12) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, .55) inset !important;
}

html[data-theme="light"] .bottom-nav a,
html[data-theme="light"] body.matches-app-page .bottom-nav a {
  color: #7d8792 !important;
  background: transparent !important;
  text-shadow: none !important;
}

html[data-theme="light"] .bottom-nav-icon,
html[data-theme="light"] body.matches-app-page .bottom-nav-icon {
  color: currentColor !important;
  background: transparent !important;
}

html[data-theme="light"] .bottom-nav-icon svg,
html[data-theme="light"] body.matches-app-page .bottom-nav-icon svg {
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="light"] .bottom-nav a.active,
html[data-theme="light"] .bottom-nav a.active .bottom-nav-icon,
html[data-theme="light"] body.matches-app-page .bottom-nav a.active,
html[data-theme="light"] body.matches-app-page .bottom-nav a.active .bottom-nav-icon {
  color: #111827 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .bottom-nav a.active .bottom-nav-icon svg,
html[data-theme="light"] body.matches-app-page .bottom-nav a.active .bottom-nav-icon svg {
  stroke: #111827 !important;
}

/* 2026-06-29: dashboard "Aujourd'hui" card aligned with the iOS app */
.dashboard-hub-today {
  position: relative !important;
  display: grid !important;
  gap: 14px !important;
  overflow: hidden !important;
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, .085) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(142, 126, 255, .14), transparent 34%),
    linear-gradient(145deg, rgba(16, 23, 33, .88), rgba(10, 12, 22, .94)) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .22) !important;
}

.dashboard-hub-today::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 42%),
    radial-gradient(circle at 14% 0%, rgba(186, 255, 35, .09), transparent 30%) !important;
}

.dashboard-hub-today header,
.dashboard-hub-today > div {
  position: relative !important;
  z-index: 1 !important;
}

.dashboard-hub-today header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.dashboard-hub-today header strong {
  color: #ffffff !important;
  font-size: 1.02rem !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
}

.dashboard-hub-today header span {
  color: rgba(255, 255, 255, .64) !important;
  font-size: .76rem !important;
  font-weight: 780 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.dashboard-hub-today > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.dashboard-hub-today article {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 11px 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, .055) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.dashboard-hub-today article strong {
  display: block !important;
  color: var(--accent) !important;
  font-size: 1.35rem !important;
  font-weight: 790 !important;
  line-height: .98 !important;
  letter-spacing: -.02em !important;
}

.dashboard-hub-today article span {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, .64) !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 899px) {
  .dashboard-hub-today {
    margin-top: 16px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .dashboard-hub-today header strong {
    font-size: .95rem !important;
  }

  .dashboard-hub-today header span {
    font-size: .68rem !important;
  }

  .dashboard-hub-today > div {
    gap: 8px !important;
  }

  .dashboard-hub-today article {
    min-height: 58px !important;
    padding: 8px 5px !important;
    border-radius: 13px !important;
  }

  .dashboard-hub-today article strong {
    font-size: 1.08rem !important;
  }

  .dashboard-hub-today article span {
    margin-top: 4px !important;
    font-size: .62rem !important;
  }
}

html[data-theme="light"] .dashboard-hub-today {
  background:
    radial-gradient(circle at 92% 8%, rgba(83, 208, 255, .12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(246, 249, 252, .98)) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .dashboard-hub-today::before {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, .025), transparent 42%),
    radial-gradient(circle at 14% 0%, rgba(186, 255, 35, .16), transparent 32%) !important;
}

html[data-theme="light"] .dashboard-hub-today header strong {
  color: #111827 !important;
}

html[data-theme="light"] .dashboard-hub-today header span {
  color: #667085 !important;
}

html[data-theme="light"] .dashboard-hub-today article {
  background: #f1f4f7 !important;
  border-color: rgba(15, 23, 42, .06) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}

html[data-theme="light"] .dashboard-hub-today article strong {
  color: #7eb500 !important;
}

html[data-theme="light"] .dashboard-hub-today article span {
  color: #667085 !important;
}

/* 2026-06-29: light theme polish for odds toggle, Direct page and bottom nav clarity */
html[data-theme="light"] body.matches-app-page .matches-search-row button {
  position: relative !important;
  background: #d8e0e6 !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 6px 16px rgba(15, 23, 42, .06) !important;
}

html[data-theme="light"] body.matches-app-page .matches-search-row button i {
  background: #111827 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .18) !important;
}

html[data-theme="light"] body.matches-app-page .matches-search-row button.active {
  background: var(--accent) !important;
  border-color: rgba(126, 181, 0, .30) !important;
}

html[data-theme="light"] body.matches-app-page .matches-search-row button.active i {
  background: #081004 !important;
}

html[data-theme="light"] body.direct-app-page .direct-app {
  background: transparent !important;
}

html[data-theme="light"] body.direct-app-page .direct-signal-card {
  background:
    radial-gradient(circle at 8% 50%, rgba(186, 255, 35, .12), transparent 34%),
    linear-gradient(145deg, #ffffff, #f8fbff) !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] body.direct-app-page .direct-signal-card strong {
  color: #111827 !important;
}

html[data-theme="light"] body.direct-app-page .direct-signal-card p {
  color: #667085 !important;
}

html[data-theme="light"] body.direct-app-page .direct-radar {
  background: rgba(186, 255, 35, .18) !important;
}

html[data-theme="light"] body.direct-app-page .app-section-head {
  margin: 22px 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.direct-app-page .app-section-head h2 {
  color: #111827 !important;
}

html[data-theme="light"] body.direct-app-page .app-section-head p {
  color: #667085 !important;
}

html[data-theme="light"] body.direct-app-page .app-section-head a,
html[data-theme="light"] body.direct-app-page .app-section-head > span {
  color: #7eb500 !important;
}

html[data-theme="light"] body.direct-app-page .app-competition {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07) !important;
}

html[data-theme="light"] body.direct-app-page .app-competition summary::before {
  background: rgba(186, 255, 35, .16) !important;
}

html[data-theme="light"] body.direct-app-page .app-match-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
}

html[data-theme="light"] body.direct-app-page .app-match-time,
html[data-theme="light"] body.direct-app-page .app-match-score {
  color: #111827 !important;
}

html[data-theme="light"] body.direct-app-page .app-team-name {
  color: #111827 !important;
}

html[data-theme="light"] body.direct-app-page .app-match-star {
  color: #111827 !important;
}

@media (max-width: 899px) {
  body.direct-app-page .direct-signal-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  body.direct-app-page .direct-radar {
    width: 54px !important;
    height: 54px !important;
  }

  body.direct-app-page .direct-signal-card .btn {
    width: auto !important;
    justify-self: start !important;
    grid-column: 2 !important;
    min-height: 38px !important;
    margin-top: 7px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
  }

  body.direct-app-page .direct-signal-card strong {
    font-size: .96rem !important;
  }

  body.direct-app-page .direct-signal-card p {
    font-size: .82rem !important;
    line-height: 1.28 !important;
  }
}

/* 2026-06-29: robust PRO cards for recommendations and cleaner TopStats PRO page */
.recommendations-app .app-pro-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.recommendations-app .app-pro-hero > div {
  min-width: 0 !important;
}

.recommendations-app .app-pro-hero h1 {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.recommendations-app .app-pro-hero .btn {
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.pro-conversion-page {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 calc(112px + env(safe-area-inset-bottom)) !important;
}

.pro-conversion-page .pro-conversion-hero,
.pro-conversion-page .promo-code-card,
.pro-conversion-page .pro-active-panel,
.pro-conversion-page .pro-cancel-card,
.pro-conversion-page .pro-pack-card,
.pro-conversion-page .pro-benefit-grid article {
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(121, 243, 255, .11), transparent 34%),
    linear-gradient(145deg, rgba(15, 22, 32, .92), rgba(9, 11, 20, .96)) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .22) !important;
}

.pro-conversion-page .pro-conversion-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
}

.pro-conversion-page .eyebrow,
.pro-conversion-page .pro-current-card span,
.pro-conversion-page .promo-code-card span,
.pro-conversion-page .pro-pack-card span,
.pro-conversion-page .pro-cancel-card span,
.pro-conversion-page .pro-benefit-grid span {
  color: var(--accent) !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.pro-conversion-page .pro-conversion-hero h1 {
  max-width: 720px !important;
  margin: 6px 0 10px !important;
  color: #fff !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

.pro-conversion-page .pro-conversion-hero p,
.pro-conversion-page .promo-code-card p,
.pro-conversion-page .pro-pack-card p,
.pro-conversion-page .pro-pack-card li,
.pro-conversion-page .pro-cancel-card p,
.pro-conversion-page .pro-benefit-grid p,
.pro-conversion-page .disclaimer {
  color: rgba(255, 255, 255, .68) !important;
  font-size: .88rem !important;
  font-weight: 480 !important;
  line-height: 1.48 !important;
}

.pro-conversion-page .pro-current-card {
  display: grid !important;
  align-content: center !important;
  gap: 7px !important;
  padding: 16px !important;
  border: 1px solid rgba(186, 255, 35, .18) !important;
  border-radius: 18px !important;
  background: rgba(186, 255, 35, .07) !important;
}

.pro-conversion-page .pro-current-card strong,
.pro-conversion-page .promo-code-card h2,
.pro-conversion-page .pro-pack-card h2,
.pro-conversion-page .pro-cancel-card h2,
.pro-conversion-page .pro-benefit-grid h2 {
  color: #fff !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
}

.pro-conversion-page .pro-current-card strong {
  font-size: 1.22rem !important;
}

.pro-conversion-page .promo-code-card {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(280px, 1fr) !important;
  gap: 16px !important;
  align-items: end !important;
  margin-top: 16px !important;
  padding: 18px !important;
  border-color: rgba(121, 243, 255, .16) !important;
}

.pro-conversion-page .promo-code-form {
  display: grid !important;
  gap: 8px !important;
}

.pro-conversion-page .promo-code-form > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.pro-conversion-page .promo-code-form input {
  min-height: 46px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

.pro-conversion-page .pro-pack-focus {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.pro-conversion-page .pro-pack-card {
  display: grid !important;
  align-content: space-between !important;
  gap: 16px !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

.pro-conversion-page .pro-pack-card.featured {
  border-color: rgba(121, 243, 255, .34) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(121, 243, 255, .18), transparent 36%),
    linear-gradient(145deg, rgba(16, 30, 42, .94), rgba(12, 14, 26, .98)) !important;
}

.pro-conversion-page .pro-pack-card strong {
  color: var(--accent) !important;
  font-size: clamp(1.65rem, 3.2vw, 2rem) !important;
  font-weight: 840 !important;
  line-height: 1 !important;
}

.pro-conversion-page .pro-pack-card ul {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pro-conversion-page .pro-pack-card form,
.pro-conversion-page .pro-pack-card button {
  width: 100% !important;
}

.pro-conversion-page .pro-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

.pro-conversion-page .pro-benefit-grid article {
  padding: 18px !important;
}

html[data-theme="light"] .recommendations-app .app-pro-hero {
  background:
    radial-gradient(circle at 5% 50%, rgba(186, 255, 35, .12), transparent 33%),
    linear-gradient(145deg, #ffffff, #f8fbff) !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .recommendations-app .app-pro-hero h1 {
  color: #111827 !important;
}

html[data-theme="light"] .recommendations-app .app-pro-hero p {
  color: #667085 !important;
}

html[data-theme="light"] .pro-conversion-page .pro-conversion-hero,
html[data-theme="light"] .pro-conversion-page .promo-code-card,
html[data-theme="light"] .pro-conversion-page .pro-active-panel,
html[data-theme="light"] .pro-conversion-page .pro-cancel-card,
html[data-theme="light"] .pro-conversion-page .pro-pack-card,
html[data-theme="light"] .pro-conversion-page .pro-benefit-grid article {
  background:
    radial-gradient(circle at 92% 8%, rgba(83, 208, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 250, 253, .98)) !important;
  border-color: rgba(15, 23, 42, .09) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .pro-conversion-page .pro-pack-card.featured {
  background:
    radial-gradient(circle at 92% 8%, rgba(83, 208, 255, .14), transparent 34%),
    linear-gradient(145deg, #ffffff, #eef8ff) !important;
  border-color: rgba(53, 167, 189, .24) !important;
}

html[data-theme="light"] .pro-conversion-page .pro-conversion-hero h1,
html[data-theme="light"] .pro-conversion-page .pro-current-card strong,
html[data-theme="light"] .pro-conversion-page .promo-code-card h2,
html[data-theme="light"] .pro-conversion-page .pro-pack-card h2,
html[data-theme="light"] .pro-conversion-page .pro-cancel-card h2,
html[data-theme="light"] .pro-conversion-page .pro-benefit-grid h2 {
  color: #111827 !important;
}

html[data-theme="light"] .pro-conversion-page .pro-conversion-hero p,
html[data-theme="light"] .pro-conversion-page .promo-code-card p,
html[data-theme="light"] .pro-conversion-page .pro-pack-card p,
html[data-theme="light"] .pro-conversion-page .pro-pack-card li,
html[data-theme="light"] .pro-conversion-page .pro-cancel-card p,
html[data-theme="light"] .pro-conversion-page .pro-benefit-grid p,
html[data-theme="light"] .pro-conversion-page .disclaimer {
  color: #667085 !important;
}

html[data-theme="light"] .pro-conversion-page .pro-current-card {
  background: rgba(186, 255, 35, .12) !important;
  border-color: rgba(126, 181, 0, .20) !important;
}

html[data-theme="light"] .pro-conversion-page .promo-code-form input {
  background: #f6f8fa !important;
  border-color: rgba(15, 23, 42, .10) !important;
  color: #111827 !important;
}

@media (max-width: 899px) {
  .recommendations-app .app-pro-hero {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin-bottom: 18px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .recommendations-app .app-pro-hero > span {
    width: 44px !important;
    height: 44px !important;
    font-size: 1.1rem !important;
  }

  .recommendations-app .app-pro-hero h1 {
    font-size: clamp(1.28rem, 6.2vw, 1.7rem) !important;
    line-height: 1.05 !important;
  }

  .recommendations-app .app-pro-hero p {
    margin-top: 5px !important;
    font-size: .84rem !important;
    line-height: 1.34 !important;
  }

  .recommendations-app .app-pro-hero .btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 2px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
  }

  .recommendations-app .app-pro-hero.is-unlocked {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  .recommendations-app .app-pro-hero.is-unlocked em {
    min-width: 56px !important;
    min-height: 34px !important;
    font-size: .74rem !important;
  }

  .pro-conversion-page {
    width: min(100% - 24px, 560px) !important;
    padding-top: 14px !important;
  }

  .pro-conversion-page .pro-conversion-hero,
  .pro-conversion-page .promo-code-card,
  .pro-conversion-page .pro-pack-focus,
  .pro-conversion-page .pro-benefit-grid {
    grid-template-columns: 1fr !important;
  }

  .pro-conversion-page .pro-conversion-hero {
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .pro-conversion-page .pro-conversion-hero h1 {
    margin: 4px 0 8px !important;
    font-size: clamp(1.35rem, 6.6vw, 1.8rem) !important;
  }

  .pro-conversion-page .pro-conversion-hero p {
    font-size: .86rem !important;
  }

  .pro-conversion-page .pro-current-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px 10px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .pro-conversion-page .pro-current-card p {
    grid-column: 1 / -1 !important;
  }

  .pro-conversion-page .promo-code-card,
  .pro-conversion-page .pro-pack-card,
  .pro-conversion-page .pro-active-panel,
  .pro-conversion-page .pro-cancel-card,
  .pro-conversion-page .pro-benefit-grid article {
    padding: 15px !important;
    border-radius: 20px !important;
  }

  .pro-conversion-page .promo-code-form > div {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 380px) {
  .recommendations-app .app-pro-hero {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .recommendations-app .app-pro-hero > span {
    width: 38px !important;
    height: 38px !important;
  }

  .recommendations-app .app-pro-hero h1 {
    font-size: 1.22rem !important;
  }

  .recommendations-app .app-pro-hero p {
    font-size: .8rem !important;
  }
}

/* 2026-06-29: app-style profile screen, dark and light themes */
.profile-app-page .app-main.profile-app {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 26px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
}

.profile-app-identity,
.profile-app-subscription,
.profile-app-menu,
.profile-app-detail {
  border: 1px solid rgba(255, 255, 255, .09) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(186, 255, 35, .08), transparent 34%),
    linear-gradient(145deg, rgba(16, 24, 34, .96), rgba(10, 13, 25, .98)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

.profile-app-identity {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 20px !important;
  border-radius: 28px !important;
}

.profile-app-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 82px !important;
  height: 82px !important;
  flex: 0 0 auto !important;
  border: 2px solid rgba(186, 255, 35, .42) !important;
  border-radius: 999px !important;
  background: rgba(186, 255, 35, .08) !important;
  overflow: hidden !important;
}

.profile-app-avatar img {
  width: 112% !important;
  height: 112% !important;
  object-fit: contain !important;
}

.profile-app-identity h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
  font-weight: 780 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.profile-app-identity p,
.profile-app-identity small {
  display: block !important;
  margin: 6px 0 0 !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: .98rem !important;
  font-weight: 560 !important;
  line-height: 1.25 !important;
}

.profile-app-identity small {
  color: rgba(255, 255, 255, .44) !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
}

.profile-app-subscription {
  position: relative !important;
  display: grid !important;
  gap: 18px !important;
  margin-top: 24px !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border-radius: 30px !important;
  border-color: rgba(121, 243, 255, .22) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(121, 243, 255, .11), transparent 38%),
    radial-gradient(circle at 92% 8%, rgba(186, 255, 35, .08), transparent 30%),
    linear-gradient(145deg, rgba(15, 28, 38, .96), rgba(11, 15, 27, .98)) !important;
}

.profile-app-pill {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(186, 255, 35, .32) !important;
  border-radius: 999px !important;
  background: rgba(186, 255, 35, .10) !important;
  color: var(--accent, #baff23) !important;
  font-size: .82rem !important;
  font-weight: 860 !important;
  letter-spacing: .025em !important;
}

.profile-app-subscription-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
}

.profile-app-subscription h2 {
  max-width: 620px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.7rem, 4vw, 2.7rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.profile-app-subscription p {
  margin: 16px 0 0 !important;
  color: rgba(255, 255, 255, .64) !important;
  font-size: 1rem !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

.profile-app-crown {
  display: inline-grid !important;
  place-items: center !important;
  width: 76px !important;
  height: 76px !important;
  color: #72f2ff !important;
}

.profile-app-crown svg,
.profile-app-row-icon svg,
.profile-app-access-note svg {
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.profile-app-access-note {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .065) !important;
  color: rgba(255, 255, 255, .74) !important;
  font-size: .94rem !important;
  font-weight: 670 !important;
  line-height: 1.35 !important;
}

.profile-app-access-note svg {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 auto !important;
  color: var(--accent, #baff23) !important;
  stroke-width: 2.2 !important;
}

.profile-app-primary {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  font-size: 1.02rem !important;
  font-weight: 850 !important;
}

.profile-app-section {
  margin-top: 26px !important;
}

.profile-app-section > h2 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
  font-weight: 820 !important;
  line-height: 1.1 !important;
}

.profile-app-menu {
  display: grid !important;
  gap: 0 !important;
  padding: 10px !important;
  border-radius: 28px !important;
}

.profile-app-row-form {
  margin: 0 !important;
}

.profile-app-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .18s ease, transform .18s ease !important;
}

.profile-app-row + .profile-app-row,
.profile-app-row-form + .profile-app-row,
.profile-app-row + .profile-app-row-form {
  border-top: 1px solid rgba(255, 255, 255, .055) !important;
}

.profile-app-row:hover,
.profile-app-row:focus-visible {
  background: rgba(255, 255, 255, .045) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.profile-app-row-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--accent, #baff23) !important;
}

.profile-app-row-icon svg {
  stroke-width: 2 !important;
}

.profile-app-row em {
  color: var(--accent, #baff23) !important;
  font-style: normal !important;
  font-size: 2.1rem !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

.profile-app-row.is-danger,
.profile-app-row.is-danger .profile-app-row-icon,
.profile-app-row.is-danger em {
  color: #ff5148 !important;
}

.profile-app-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.profile-app-detail {
  margin-top: 0 !important;
  padding: clamp(18px, 2.4vw, 24px) !important;
  border-radius: 24px !important;
}

.profile-app-detail h2 {
  color: #fff !important;
  font-size: 1.18rem !important;
  font-weight: 760 !important;
  line-height: 1.16 !important;
}

.profile-app-detail p,
.profile-app-detail label,
.profile-app-detail small {
  color: rgba(255, 255, 255, .64) !important;
}

.profile-app-detail .eyebrow {
  color: var(--accent, #baff23) !important;
}

.profile-app-detail .btn {
  border-radius: 15px !important;
}

.profile-app-detail .toggle-row,
.profile-app-detail .streamer-toggle {
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-radius: 16px !important;
}

.profile-app-detail input,
.profile-app-detail textarea {
  border-radius: 15px !important;
}

.profile-app .legal-profile-card,
.profile-app .danger-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  margin-top: 16px !important;
}

.profile-app .danger-card {
  border-color: rgba(255, 81, 72, .24) !important;
}

html[data-theme="light"] .profile-app-identity,
html[data-theme="light"] .profile-app-subscription,
html[data-theme="light"] .profile-app-menu,
html[data-theme="light"] .profile-app-detail {
  background:
    radial-gradient(circle at 8% 0%, rgba(186, 255, 35, .10), transparent 30%),
    linear-gradient(145deg, #ffffff, #f8fafc) !important;
  border-color: rgba(15, 23, 42, .09) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .profile-app-subscription {
  background:
    radial-gradient(circle at 0% 0%, rgba(83, 208, 255, .12), transparent 35%),
    radial-gradient(circle at 95% 0%, rgba(186, 255, 35, .13), transparent 32%),
    linear-gradient(145deg, #ffffff, #f4f8fb) !important;
  border-color: rgba(53, 167, 189, .20) !important;
}

html[data-theme="light"] .profile-app-identity h1,
html[data-theme="light"] .profile-app-subscription h2,
html[data-theme="light"] .profile-app-section > h2,
html[data-theme="light"] .profile-app-row,
html[data-theme="light"] .profile-app-detail h2 {
  color: #111827 !important;
}

html[data-theme="light"] .profile-app-identity p,
html[data-theme="light"] .profile-app-identity small,
html[data-theme="light"] .profile-app-subscription p,
html[data-theme="light"] .profile-app-detail p,
html[data-theme="light"] .profile-app-detail label,
html[data-theme="light"] .profile-app-detail small {
  color: #667085 !important;
}

html[data-theme="light"] .profile-app-access-note,
html[data-theme="light"] .profile-app-detail .toggle-row,
html[data-theme="light"] .profile-app-detail .streamer-toggle {
  background: #eef2f6 !important;
  color: #344054 !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .profile-app-row + .profile-app-row,
html[data-theme="light"] .profile-app-row-form + .profile-app-row,
html[data-theme="light"] .profile-app-row + .profile-app-row-form {
  border-top-color: rgba(15, 23, 42, .06) !important;
}

html[data-theme="light"] .profile-app-row:hover,
html[data-theme="light"] .profile-app-row:focus-visible {
  background: rgba(15, 23, 42, .035) !important;
}

html[data-theme="light"] .profile-app .danger-card {
  border-color: rgba(239, 68, 68, .18) !important;
}

.account-app-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 38px !important;
  margin: 0 0 14px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: .88rem !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

.account-app-grid {
  margin-top: 22px !important;
}

.account-app-danger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important;
  gap: 22px !important;
  align-items: center !important;
  margin-top: 16px !important;
}

html[data-theme="light"] .account-app-back {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
  color: #111827 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
}

body.app-page .site-footer {
  margin-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, .075) !important;
  background: rgba(7, 10, 16, .92) !important;
}

body.app-page .site-footer-inner {
  width: min(1120px, calc(100% - 32px)) !important;
}

body.app-page .site-footer-col strong {
  color: rgba(255, 255, 255, .94) !important;
}

body.app-page .site-footer a {
  color: rgba(255, 255, 255, .62) !important;
}

body.app-page .site-footer a:hover,
body.app-page .site-footer a:focus-visible {
  color: var(--accent, #baff23) !important;
}

html[data-theme="light"] body.app-page .site-footer {
  background: #ffffff !important;
  border-top-color: rgba(15, 23, 42, .08) !important;
  color: #667085 !important;
  box-shadow: 0 -10px 30px rgba(15, 23, 42, .04) !important;
}

html[data-theme="light"] body.app-page .site-footer-col strong {
  color: #111827 !important;
}

html[data-theme="light"] body.app-page .site-footer a {
  color: #344054 !important;
}

html[data-theme="light"] body.app-page .site-footer-bottom {
  color: #667085 !important;
}

@media (max-width: 899px) {
  .profile-app-page .app-main.profile-app {
    width: min(100% - 24px, 560px) !important;
    padding-top: 18px !important;
  }

  .profile-app-identity {
    gap: 13px !important;
    padding: 15px !important;
    border-radius: 23px !important;
  }

  .profile-app-avatar {
    width: 62px !important;
    height: 62px !important;
  }

  .profile-app-identity h1 {
    font-size: clamp(1.35rem, 6.4vw, 1.95rem) !important;
  }

  .profile-app-identity p {
    font-size: .86rem !important;
  }

  .profile-app-identity small {
    font-size: .74rem !important;
  }

  .profile-app-subscription {
    gap: 14px !important;
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 25px !important;
  }

  .profile-app-pill {
    min-height: 32px !important;
    padding: 0 13px !important;
    font-size: .75rem !important;
  }

  .profile-app-subscription-main {
    gap: 12px !important;
  }

  .profile-app-subscription h2 {
    font-size: clamp(1.36rem, 7vw, 1.9rem) !important;
  }

  .profile-app-subscription p {
    margin-top: 10px !important;
    font-size: .88rem !important;
  }

  .profile-app-crown {
    width: 42px !important;
    height: 42px !important;
  }

  .profile-app-access-note {
    padding: 12px !important;
    border-radius: 16px !important;
    font-size: .82rem !important;
  }

  .profile-app-primary {
    min-height: 49px !important;
    font-size: .94rem !important;
  }

  .profile-app-section {
    margin-top: 22px !important;
  }

  .profile-app-section > h2 {
    margin-bottom: 12px !important;
    font-size: 1.38rem !important;
  }

  .profile-app-menu {
    padding: 8px !important;
    border-radius: 24px !important;
  }

  .profile-app-row {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 14px !important;
    min-height: 56px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    font-size: .98rem !important;
  }

  .profile-app-row-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .profile-app-row em {
    font-size: 1.8rem !important;
  }

  .profile-app-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .profile-app-detail {
    padding: 16px !important;
    border-radius: 21px !important;
  }

  .profile-app-detail h2 {
    font-size: 1.04rem !important;
  }

  .profile-app-detail p {
    font-size: .84rem !important;
  }

  .profile-app .legal-profile-card,
  .profile-app .danger-card,
  .profile-app .affiliate-profile-card {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .profile-app .legal-profile-links {
    justify-content: flex-start !important;
  }

  .account-app-back {
    min-height: 34px !important;
    margin-bottom: 12px !important;
    padding: 0 12px !important;
    font-size: .82rem !important;
  }

  .account-app-danger {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.app-page .site-footer {
    margin-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.app-page .site-footer-inner {
    width: min(100% - 28px, 560px) !important;
    padding: 22px 0 !important;
  }

  body.app-page .site-footer-columns {
    gap: 24px !important;
  }

  body.app-page .site-footer-col {
    gap: 13px !important;
  }
}

@media (max-width: 380px) {
  .profile-app-subscription-main {
    grid-template-columns: 1fr !important;
  }

  .profile-app-crown {
    display: none !important;
  }
}

/* 2026-06-29: affiliation and TopStats history app-style refresh */
body.affiliate-dashboard-page::before,
body.neo-history-app-page::before {
  background:
    radial-gradient(circle at 10% -8%, rgba(186, 255, 35, .18), transparent 30%),
    radial-gradient(circle at 92% 2%, rgba(81, 221, 255, .10), transparent 32%),
    linear-gradient(180deg, #07120d 0%, #06080b 38%, #100f24 100%) !important;
  opacity: 1 !important;
}

.affiliate-dashboard-shell,
.neo-history-app {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 26px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  color: #fff !important;
}

.affiliate-hero-card,
.affiliate-tier-card,
.affiliate-create-card,
.affiliate-kpi-card,
.affiliate-share-card,
.affiliate-progress-card,
.affiliate-panel,
.affiliate-payout-card,
.neo-history-app-hero,
.neo-history-gain-card,
.neo-history-fomo,
.neo-history-summary article,
.neo-history-card,
.neo-history-app .empty-state {
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(186, 255, 35, .08), transparent 34%),
    linear-gradient(145deg, rgba(17, 25, 35, .96), rgba(9, 12, 23, .98)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

.affiliate-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: start !important;
  padding: clamp(20px, 3vw, 30px) !important;
  margin-bottom: 16px !important;
}

.affiliate-hero-card h1,
.neo-history-app-hero h1 {
  margin: 4px 0 8px !important;
  color: #fff !important;
  font-size: clamp(1.55rem, 3.4vw, 2.45rem) !important;
  font-weight: 780 !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

.affiliate-hero-card p:not(.eyebrow),
.neo-history-app-hero p:not(.eyebrow),
.affiliate-panel-head p,
.affiliate-tier-head p,
.affiliate-create-card p,
.affiliate-payout-card p,
.neo-history-fomo p,
.neo-history-gain-card p {
  color: rgba(255, 255, 255, .62) !important;
  font-size: .94rem !important;
  line-height: 1.48 !important;
}

.affiliate-status-pill,
.affiliate-table-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(186, 255, 35, .30) !important;
  border-radius: 999px !important;
  background: rgba(186, 255, 35, .10) !important;
  color: var(--accent, #baff23) !important;
  font-size: .76rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.affiliate-primer,
.affiliate-kpi-grid,
.affiliate-tier-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 14px 0 !important;
}

.affiliate-primer article,
.affiliate-tier-grid article {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .045) !important;
}

.affiliate-primer span,
.affiliate-tier-grid strong,
.affiliate-kpi-card strong,
.affiliate-share-card h2,
.affiliate-progress-card h2 {
  color: var(--accent, #baff23) !important;
}

.affiliate-primer strong,
.affiliate-tier-head h2,
.affiliate-create-card h2,
.affiliate-panel-head h2,
.affiliate-payout-card h2 {
  color: #fff !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.affiliate-tier-card,
.affiliate-create-card,
.affiliate-share-card,
.affiliate-progress-card,
.affiliate-panel,
.affiliate-payout-card {
  padding: clamp(18px, 2.6vw, 26px) !important;
  margin-top: 16px !important;
}

.affiliate-tier-head,
.affiliate-create-card,
.affiliate-panel-head,
.affiliate-payout-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: start !important;
}

.affiliate-kpi-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.affiliate-kpi-card {
  padding: 15px !important;
  border-radius: 20px !important;
}

.affiliate-kpi-card span,
.affiliate-kpi-card small,
.affiliate-tier-grid small,
.affiliate-tier-grid span,
.affiliate-code-row span,
.affiliate-code-row small {
  color: rgba(255, 255, 255, .55) !important;
  font-size: .76rem !important;
  line-height: 1.35 !important;
}

.affiliate-kpi-card strong {
  display: block !important;
  margin: 8px 0 4px !important;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  line-height: 1 !important;
}

.affiliate-dashboard-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.affiliate-copy-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 12px !important;
}

.affiliate-copy-box,
.affiliate-code-row,
.affiliate-progress-bar {
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .05) !important;
}

.affiliate-copy-box {
  min-height: 46px !important;
  padding: 13px 14px !important;
  color: #fff !important;
  overflow: auto !important;
  white-space: nowrap !important;
}

.affiliate-code-row {
  display: grid !important;
  gap: 4px !important;
  margin-top: 12px !important;
  padding: 13px 14px !important;
}

.affiliate-code-row strong {
  color: #fff !important;
}

.affiliate-progress-bar {
  height: 10px !important;
  margin: 16px 0 10px !important;
  overflow: hidden !important;
}

.affiliate-progress-bar span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--accent, #baff23), #72f2ff) !important;
}

.affiliate-range-tabs {
  display: inline-flex !important;
  gap: 6px !important;
  padding: 5px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
}

.affiliate-range-tabs a {
  padding: 8px 11px !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, .62) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.affiliate-range-tabs a.active {
  background: var(--accent, #baff23) !important;
  color: #07100b !important;
}

.affiliate-table-wrap {
  margin-top: 14px !important;
  overflow-x: auto !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
}

.affiliate-table-wrap table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: collapse !important;
}

.affiliate-table-wrap th,
.affiliate-table-wrap td {
  padding: 13px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .74) !important;
  font-size: .84rem !important;
  text-align: left !important;
  vertical-align: top !important;
}

.affiliate-table-wrap th {
  color: rgba(255, 255, 255, .52) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  background: rgba(255, 255, 255, .045) !important;
}

.affiliate-table-wrap td strong {
  color: #fff !important;
}

.affiliate-mobile-list {
  display: none !important;
}

.affiliate-pagination {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: 14px !important;
  color: rgba(255, 255, 255, .60) !important;
  font-size: .82rem !important;
}

.affiliate-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .70) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
}

.affiliate-status-badge.is-pro {
  background: rgba(186, 255, 35, .14) !important;
  color: var(--accent, #baff23) !important;
}

.affiliate-create-form,
.affiliate-payout-card .form-grid {
  display: grid !important;
  gap: 12px !important;
}

.affiliate-create-form > div,
.affiliate-payout-card .form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.affiliate-create-form > div {
  display: grid !important;
  gap: 10px !important;
}

.affiliate-payout-card .span-2 {
  grid-column: 1 / -1 !important;
}

.neo-history-app-hero {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
  padding: clamp(18px, 2.6vw, 26px) !important;
  margin-bottom: 16px !important;
}

.neo-history-app-hero > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 auto !important;
  border: 2px solid rgba(186, 255, 35, .38) !important;
  border-radius: 999px !important;
  background: rgba(186, 255, 35, .08) !important;
  overflow: hidden !important;
}

.neo-history-app-hero img {
  width: 112% !important;
  height: 112% !important;
  object-fit: contain !important;
}

.neo-history-summary.compact {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 !important;
}

.neo-history-summary.compact article {
  padding: 16px !important;
  border-radius: 20px !important;
}

.neo-history-summary.compact span {
  display: block !important;
  color: var(--accent, #baff23) !important;
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
  font-weight: 860 !important;
  line-height: 1 !important;
}

.neo-history-summary.compact p {
  margin: 7px 0 0 !important;
  color: rgba(255, 255, 255, .58) !important;
  font-size: .82rem !important;
}

.neo-history-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.neo-history-card.neo-history-card-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

.neo-history-card-compact .neo-history-main span {
  display: block !important;
  color: rgba(255, 255, 255, .52) !important;
  font-size: .78rem !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}

.neo-history-card-compact .neo-history-main h2 {
  margin: 6px 0 0 !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
}

.neo-history-card-compact .neo-history-meta {
  display: grid !important;
  justify-items: end !important;
  gap: 4px !important;
}

.neo-history-card-compact .neo-history-meta strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  background: var(--accent, #baff23) !important;
  color: #07100b !important;
  font-size: 1.12rem !important;
  font-weight: 860 !important;
}

.neo-history-card-compact .neo-history-meta small {
  color: rgba(255, 255, 255, .50) !important;
  font-size: .72rem !important;
}

.neo-history-card-compact .pick-status {
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
}

.neo-history-card-compact .neo-history-signals {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.neo-history-card-compact .neo-history-signals span {
  display: inline-flex !important;
  gap: 5px !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .60) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
}

.neo-history-card-compact .neo-history-signals strong {
  color: var(--accent, #baff23) !important;
}

.neo-history-card-compact .neo-history-foot {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .50) !important;
  font-size: .76rem !important;
}

.neo-history-app .pagination {
  margin-top: 18px !important;
}

html[data-theme="light"] body.affiliate-dashboard-page,
html[data-theme="light"] body.neo-history-app-page {
  background: #f4f6f8 !important;
  color: #111827 !important;
}

html[data-theme="light"] body.affiliate-dashboard-page::before,
html[data-theme="light"] body.neo-history-app-page::before {
  background:
    radial-gradient(circle at 0% 0%, rgba(186, 255, 35, .18), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(83, 208, 255, .12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f6f8 68%, #eef2f6 100%) !important;
}

html[data-theme="light"] .affiliate-dashboard-shell,
html[data-theme="light"] .neo-history-app {
  color: #111827 !important;
}

html[data-theme="light"] .affiliate-hero-card,
html[data-theme="light"] .affiliate-tier-card,
html[data-theme="light"] .affiliate-create-card,
html[data-theme="light"] .affiliate-kpi-card,
html[data-theme="light"] .affiliate-share-card,
html[data-theme="light"] .affiliate-progress-card,
html[data-theme="light"] .affiliate-panel,
html[data-theme="light"] .affiliate-payout-card,
html[data-theme="light"] .neo-history-app-hero,
html[data-theme="light"] .neo-history-gain-card,
html[data-theme="light"] .neo-history-fomo,
html[data-theme="light"] .neo-history-summary article,
html[data-theme="light"] .neo-history-card,
html[data-theme="light"] .neo-history-app .empty-state {
  background:
    radial-gradient(circle at 8% 0%, rgba(186, 255, 35, .10), transparent 30%),
    linear-gradient(145deg, #ffffff, #f8fafc) !important;
  border-color: rgba(15, 23, 42, .09) !important;
  color: #111827 !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .affiliate-hero-card h1,
html[data-theme="light"] .affiliate-tier-head h2,
html[data-theme="light"] .affiliate-create-card h2,
html[data-theme="light"] .affiliate-panel-head h2,
html[data-theme="light"] .affiliate-payout-card h2,
html[data-theme="light"] .affiliate-primer strong,
html[data-theme="light"] .neo-history-app-hero h1,
html[data-theme="light"] .neo-history-card-compact .neo-history-main h2 {
  color: #111827 !important;
}

html[data-theme="light"] .affiliate-hero-card p:not(.eyebrow),
html[data-theme="light"] .affiliate-panel-head p,
html[data-theme="light"] .affiliate-tier-head p,
html[data-theme="light"] .affiliate-create-card p,
html[data-theme="light"] .affiliate-payout-card p,
html[data-theme="light"] .affiliate-kpi-card span,
html[data-theme="light"] .affiliate-kpi-card small,
html[data-theme="light"] .affiliate-tier-grid small,
html[data-theme="light"] .affiliate-tier-grid span,
html[data-theme="light"] .affiliate-code-row span,
html[data-theme="light"] .affiliate-code-row small,
html[data-theme="light"] .neo-history-app-hero p:not(.eyebrow),
html[data-theme="light"] .neo-history-summary.compact p,
html[data-theme="light"] .neo-history-card-compact .neo-history-main span,
html[data-theme="light"] .neo-history-card-compact .neo-history-meta small,
html[data-theme="light"] .neo-history-card-compact .neo-history-foot {
  color: #667085 !important;
}

html[data-theme="light"] .affiliate-primer article,
html[data-theme="light"] .affiliate-tier-grid article,
html[data-theme="light"] .affiliate-copy-box,
html[data-theme="light"] .affiliate-code-row,
html[data-theme="light"] .affiliate-progress-bar,
html[data-theme="light"] .affiliate-range-tabs,
html[data-theme="light"] .neo-history-card-compact .neo-history-signals span {
  background: #f3f6f9 !important;
  border-color: rgba(15, 23, 42, .08) !important;
  color: #111827 !important;
}

html[data-theme="light"] .affiliate-copy-box,
html[data-theme="light"] .affiliate-code-row strong,
html[data-theme="light"] .affiliate-table-wrap td,
html[data-theme="light"] .affiliate-table-wrap td strong {
  color: #111827 !important;
}

html[data-theme="light"] .affiliate-table-wrap {
  border-color: rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .affiliate-table-wrap th,
html[data-theme="light"] .affiliate-table-wrap td {
  border-bottom-color: rgba(15, 23, 42, .07) !important;
}

html[data-theme="light"] .affiliate-table-wrap th {
  background: #eef2f6 !important;
  color: #667085 !important;
}

html[data-theme="light"] .neo-history-card-compact .neo-history-foot {
  border-top-color: rgba(15, 23, 42, .07) !important;
}

html[data-theme="light"] .neo-history-card-compact .neo-history-signals strong {
  color: #5a8600 !important;
}

@media (max-width: 899px) {
  .affiliate-dashboard-shell,
  .neo-history-app {
    width: min(100% - 24px, 560px) !important;
    padding-top: 18px !important;
  }

  .affiliate-hero-card,
  .affiliate-tier-head,
  .affiliate-create-card,
  .affiliate-panel-head,
  .affiliate-payout-card {
    grid-template-columns: 1fr !important;
  }

  .affiliate-hero-card,
  .affiliate-tier-card,
  .affiliate-create-card,
  .affiliate-share-card,
  .affiliate-progress-card,
  .affiliate-panel,
  .affiliate-payout-card {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .affiliate-hero-card h1,
  .neo-history-app-hero h1 {
    font-size: clamp(1.35rem, 6.6vw, 1.85rem) !important;
  }

  .affiliate-primer,
  .affiliate-kpi-grid,
  .affiliate-tier-grid,
  .affiliate-dashboard-layout,
  .neo-history-list {
    grid-template-columns: 1fr !important;
  }

  .affiliate-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .affiliate-copy-row,
  .affiliate-create-form > div,
  .affiliate-payout-card .form-grid {
    grid-template-columns: 1fr !important;
  }

  .affiliate-desktop-table {
    display: none !important;
  }

  .affiliate-mobile-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .affiliate-mobile-list article {
    padding: 13px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .045) !important;
  }

  .affiliate-mobile-list article > div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .affiliate-mobile-list strong {
    color: #fff !important;
  }

  .affiliate-mobile-list p,
  .affiliate-mobile-list small {
    color: rgba(255, 255, 255, .58) !important;
    font-size: .78rem !important;
  }

  html[data-theme="light"] .affiliate-mobile-list article {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] .affiliate-mobile-list strong {
    color: #111827 !important;
  }

  html[data-theme="light"] .affiliate-mobile-list p,
  html[data-theme="light"] .affiliate-mobile-list small {
    color: #667085 !important;
  }

  .affiliate-pagination {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .neo-history-app-hero {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .neo-history-app-hero > span {
    width: 54px !important;
    height: 54px !important;
  }

  .neo-history-summary.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .neo-history-summary.compact article {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .neo-history-card.neo-history-card-compact {
    padding: 14px !important;
    border-radius: 19px !important;
  }
}

@media (max-width: 380px) {
  .affiliate-kpi-grid,
  .neo-history-summary.compact {
    grid-template-columns: 1fr !important;
  }

  .neo-history-card.neo-history-card-compact {
    grid-template-columns: 1fr !important;
  }

  .neo-history-card-compact .neo-history-meta {
    justify-items: start !important;
  }
}

/* 2026-06-29: dashboard home 1:1 premium card layout */
body.dashboard-hub-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(173, 255, 35, .18), transparent 26rem),
    radial-gradient(circle at 78% 8%, rgba(61, 224, 255, .10), transparent 24rem),
    linear-gradient(155deg, #07100b 0%, #03100f 42%, #070719 100%) !important;
}

body.dashboard-hub-page .global-pro-banner {
  display: none !important;
}

body.dashboard-hub-page .app-header {
  width: min(100%, 980px) !important;
  margin: 0 auto !important;
  padding: 28px 34px 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.dashboard-hub-page .app-header-brand {
  gap: 12px !important;
}

body.dashboard-hub-page .app-header-brand img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
}

body.dashboard-hub-page .app-header-brand strong {
  color: #fff !important;
  font-size: 2.15rem !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}

body.dashboard-hub-page .app-header-brand strong::after {
  content: "." !important;
  color: var(--accent, #baff23) !important;
}

body.dashboard-hub-page .app-header-menu {
  width: 56px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.dashboard-hub-page .neo-menu-icon {
  width: 43px !important;
  height: 32px !important;
}

body.dashboard-hub-page .app-main.dashboard-hub {
  display: grid !important;
  width: min(920px, calc(100% - 68px)) !important;
  margin: 0 auto !important;
  padding: 26px 0 calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 16px !important;
}

.dashboard-hub-hero {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dashboard-hub-avatar {
  width: 70px !important;
  height: 70px !important;
  border: 2px solid rgba(186, 255, 35, .78) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(186, 255, 35, .18), rgba(6, 13, 12, .82)) !important;
  box-shadow: 0 0 26px rgba(186, 255, 35, .24) !important;
}

.dashboard-hub-avatar img {
  width: 116% !important;
  height: 116% !important;
  object-fit: contain !important;
}

.dashboard-hub-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2rem, 5vw, 2.7rem) !important;
  font-weight: 820 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.dashboard-hub-hero p:not(.eyebrow) {
  margin: 8px 0 0 !important;
  color: rgba(255, 255, 255, .64) !important;
  font-size: 1.05rem !important;
  font-weight: 620 !important;
  line-height: 1.2 !important;
}

.dashboard-hub-hero p:not(.eyebrow)::first-letter {
  text-transform: uppercase !important;
}

.dashboard-hub-access {
  min-width: 118px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1.3px solid rgba(186, 255, 35, .72) !important;
  border-radius: 999px !important;
  background: rgba(6, 14, 12, .34) !important;
  color: var(--accent, #baff23) !important;
  font-size: 1.03rem !important;
  font-weight: 820 !important;
  box-shadow: none !important;
}

.dashboard-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.dashboard-hub-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr auto !important;
  gap: 0 18px !important;
  min-height: 178px !important;
  padding: 28px 32px !important;
  overflow: hidden !important;
  border: 1.3px solid rgba(186, 255, 35, .52) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 86% 22%, rgba(186, 255, 35, .10), transparent 22rem),
    linear-gradient(145deg, rgba(19, 28, 36, .88), rgba(8, 12, 21, .94)) !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 42px rgba(0, 0, 0, .22) !important;
  isolation: isolate !important;
}

.dashboard-hub-card::before,
.dashboard-hub-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.dashboard-hub-card::before {
  opacity: .96 !important;
}

.dashboard-hub-card::after {
  background: linear-gradient(90deg, rgba(6, 8, 13, .78), rgba(6, 8, 13, .42) 46%, rgba(6, 8, 13, .08)) !important;
}

.dashboard-hub-card:hover,
.dashboard-hub-card:focus-visible {
  transform: translateY(-2px) !important;
  outline: none !important;
}

.dashboard-hub-card.hub-card-wide {
  grid-column: 1 / -1 !important;
  min-height: 190px !important;
  grid-template-columns: 128px minmax(0, 1fr) minmax(210px, .82fr) !important;
}

.dashboard-hub-card .hub-card-visual {
  position: relative !important;
  z-index: 1 !important;
  grid-row: 1 / span 4 !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: start !important;
  width: 92px !important;
  height: 92px !important;
  border: 1.5px solid rgba(186, 255, 35, .52) !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 50% 18%, rgba(186, 255, 35, .22), rgba(186, 255, 35, .08) 48%, rgba(12, 18, 24, .74)) !important;
  color: var(--accent, #baff23) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 0 26px rgba(186, 255, 35, .12) !important;
}

.dashboard-hub-card.hub-advice .hub-card-visual {
  border-color: rgba(168, 111, 255, .88) !important;
  background: radial-gradient(circle at 50% 20%, rgba(168, 111, 255, .30), rgba(99, 53, 170, .22) 48%, rgba(16, 13, 31, .78)) !important;
  color: #b783ff !important;
  box-shadow: 0 0 28px rgba(168, 111, 255, .18) !important;
}

.dashboard-hub-card.hub-direct {
  border-color: rgba(92, 229, 244, .52) !important;
}

.dashboard-hub-card.hub-direct .hub-card-visual {
  border-color: rgba(92, 229, 244, .62) !important;
  background: radial-gradient(circle, rgba(92, 229, 244, .24), rgba(12, 45, 52, .52)) !important;
  color: #70f2ff !important;
}

.dashboard-hub-card.hub-chat .hub-card-visual {
  border-radius: 24px !important;
}

.dashboard-hub-card .hub-card-visual svg {
  width: 46px !important;
  height: 46px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.dashboard-hub-card .hub-card-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  align-self: center !important;
  gap: 10px !important;
}

.dashboard-hub-card .hub-card-copy strong {
  color: #fff !important;
  font-size: clamp(1.55rem, 4vw, 2.35rem) !important;
  font-weight: 820 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.dashboard-hub-card .hub-card-copy small {
  max-width: 260px !important;
  color: rgba(255, 255, 255, .66) !important;
  font-size: 1rem !important;
  font-weight: 590 !important;
  line-height: 1.22 !important;
}

.dashboard-hub-card em {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  grid-column: 2 !important;
  align-self: end !important;
  justify-self: start !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.25px solid rgba(186, 255, 35, .66) !important;
  border-radius: 999px !important;
  background: rgba(12, 23, 16, .44) !important;
  color: var(--accent, #baff23) !important;
  font-style: normal !important;
  font-size: .98rem !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.dashboard-hub-card.hub-advice em {
  border-color: rgba(168, 111, 255, .82) !important;
  color: #b783ff !important;
  background: rgba(74, 35, 132, .28) !important;
}

.dashboard-hub-card.hub-direct em {
  border-color: rgba(92, 229, 244, .72) !important;
  color: #70f2ff !important;
  background: rgba(13, 53, 60, .35) !important;
}

.hub-card-arrow {
  position: absolute !important;
  z-index: 3 !important;
  top: 22px !important;
  right: 26px !important;
  color: var(--accent, #baff23) !important;
  font-size: 2.8rem !important;
  font-weight: 900 !important;
  line-height: .7 !important;
}

.hub-advice .hub-card-arrow {
  color: #b783ff !important;
}

.hub-direct .hub-card-arrow {
  color: #70f2ff !important;
}

.hub-card-art {
  position: absolute !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: .92 !important;
}

.hub-art-advice {
  right: 34px !important;
  bottom: 12px !important;
  width: 265px !important;
  height: 165px !important;
  background:
    radial-gradient(circle at 52% 42%, rgba(185, 126, 255, .78) 0 4px, transparent 5px),
    radial-gradient(ellipse at 52% 72%, rgba(144, 75, 255, .38), transparent 42%),
    repeating-linear-gradient(90deg, transparent 0 16px, rgba(126, 70, 255, .15) 17px 25px, transparent 26px 36px) !important;
  filter: drop-shadow(0 0 22px rgba(168, 111, 255, .35)) !important;
}

.hub-art-advice::before {
  content: "" !important;
  position: absolute !important;
  left: 92px !important;
  top: 18px !important;
  width: 82px !important;
  height: 82px !important;
  background: linear-gradient(135deg, transparent 35%, rgba(255, 255, 255, .98) 50%, transparent 65%), linear-gradient(45deg, transparent 35%, rgba(172, 103, 255, .95) 50%, transparent 65%) !important;
  clip-path: polygon(50% 0, 63% 37%, 100% 50%, 63% 63%, 50% 100%, 37% 63%, 0 50%, 37% 37%) !important;
  filter: blur(.1px) drop-shadow(0 0 20px rgba(176, 105, 255, .95)) !important;
}

.hub-art-advice::after {
  content: "" !important;
  position: absolute !important;
  left: 48px !important;
  top: 88px !important;
  width: 165px !important;
  height: 44px !important;
  border: 2px solid rgba(168, 111, 255, .42) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 18px rgba(168, 111, 255, .22), 0 0 20px rgba(168, 111, 255, .18) !important;
}

.hub-art-stadium {
  inset: auto 0 0 0 !important;
  height: 112px !important;
  background:
    radial-gradient(ellipse at 48% 92%, rgba(103, 160, 74, .45), transparent 50%),
    radial-gradient(ellipse at 52% 10%, rgba(255, 255, 255, .12), transparent 20%),
    linear-gradient(180deg, transparent, rgba(52, 87, 47, .20)) !important;
}

.hub-art-stadium::before {
  content: "" !important;
  position: absolute !important;
  inset: 20px 20px -24px !important;
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 50% 50% 0 0 !important;
}

.hub-art-live {
  right: 18px !important;
  bottom: 16px !important;
  width: 130px !important;
  height: 94px !important;
  color: rgba(90, 240, 255, .50) !important;
}

.hub-art-live::before {
  content: "LIVE" !important;
  position: absolute !important;
  right: 8px !important;
  top: 8px !important;
  color: rgba(94, 242, 255, .62) !important;
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  font-style: italic !important;
  letter-spacing: .06em !important;
}

.hub-art-live::after {
  content: "1-0" !important;
  position: absolute !important;
  right: 7px !important;
  bottom: 10px !important;
  color: rgba(94, 242, 255, .35) !important;
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.hub-art-chat {
  right: 86px !important;
  bottom: 6px !important;
  width: 205px !important;
  height: 112px !important;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(186, 255, 35, .25), transparent 48%),
    radial-gradient(circle at 51% 36%, rgba(186, 255, 35, .15), transparent 26%) !important;
}

.hub-art-chat::before {
  content: "" !important;
  position: absolute !important;
  left: 64px !important;
  top: 18px !important;
  width: 76px !important;
  height: 58px !important;
  border: 1.6px solid rgba(186, 255, 35, .55) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(186, 255, 35, .15), rgba(19, 32, 22, .55)) !important;
  box-shadow: 0 0 28px rgba(186, 255, 35, .18) !important;
}

.hub-art-chat::after {
  content: "" !important;
  position: absolute !important;
  left: 87px !important;
  top: 43px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--accent, #baff23) !important;
  box-shadow: 18px 0 0 var(--accent, #baff23), 36px 0 0 var(--accent, #baff23), 0 0 18px rgba(186, 255, 35, .60) !important;
}

.dashboard-hub-today {
  position: relative !important;
  overflow: visible !important;
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 26px 34px !important;
  border: 1.2px solid rgba(255, 255, 255, .13) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(123, 113, 255, .10), transparent 25rem),
    linear-gradient(145deg, rgba(17, 23, 34, .92), rgba(11, 12, 24, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 18px 42px rgba(0, 0, 0, .22) !important;
}

.dashboard-hub-today header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.dashboard-hub-today header strong {
  color: #fff !important;
  font-size: 1.55rem !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

.dashboard-hub-today header span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(255, 255, 255, .58) !important;
  font-size: .88rem !important;
  font-weight: 820 !important;
  letter-spacing: .02em !important;
}

.dashboard-hub-today header i {
  font-style: normal !important;
  color: rgba(255, 255, 255, .46) !important;
}

.dashboard-hub-today > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.dashboard-hub-today article {
  display: grid !important;
  min-height: 94px !important;
  place-items: center !important;
  padding: 14px 8px !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(25, 33, 43, .86), rgba(14, 16, 27, .90)) !important;
}

.dashboard-hub-today article strong {
  color: var(--accent, #baff23) !important;
  font-size: 2rem !important;
  font-weight: 860 !important;
  line-height: 1 !important;
}

.dashboard-hub-today article span {
  color: rgba(255, 255, 255, .64) !important;
  font-size: .92rem !important;
  font-weight: 610 !important;
}

.dashboard-hub-today article:nth-child(1) strong,
.dashboard-hub-today article:nth-child(3) strong {
  color: #75f3ff !important;
}

.dashboard-hub-today article:nth-child(3) {
  background: linear-gradient(145deg, rgba(53, 38, 87, .70), rgba(17, 16, 31, .94)) !important;
}

html[data-theme="light"] body.dashboard-hub-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(186, 255, 35, .16), transparent 22rem),
    radial-gradient(circle at 90% 12%, rgba(83, 225, 255, .13), transparent 22rem),
    linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
}

html[data-theme="light"] body.dashboard-hub-page .app-header-brand strong,
html[data-theme="light"] .dashboard-hub-hero h1,
html[data-theme="light"] .dashboard-hub-card .hub-card-copy strong,
html[data-theme="light"] .dashboard-hub-today header strong {
  color: #111827 !important;
}

html[data-theme="light"] .dashboard-hub-hero p:not(.eyebrow),
html[data-theme="light"] .dashboard-hub-card .hub-card-copy small,
html[data-theme="light"] .dashboard-hub-today article span,
html[data-theme="light"] .dashboard-hub-today header span {
  color: #667085 !important;
}

html[data-theme="light"] .dashboard-hub-card {
  background:
    radial-gradient(circle at 85% 20%, rgba(186, 255, 35, .12), transparent 22rem),
    linear-gradient(145deg, #ffffff, #f5f7fb) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .dashboard-hub-card::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .54) 48%, rgba(255, 255, 255, .10)) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-advice {
  border-color: rgba(168, 111, 255, .25) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-direct {
  border-color: rgba(20, 184, 206, .24) !important;
}

html[data-theme="light"] .dashboard-hub-today {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .10) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] .dashboard-hub-today article {
  background: #f3f6fa !important;
  border-color: rgba(15, 23, 42, .06) !important;
}

@media (max-width: 899px) {
  body.dashboard-hub-page .app-header {
    padding: 24px 34px 14px !important;
  }

  body.dashboard-hub-page .app-header-brand img {
    width: 54px !important;
    height: 54px !important;
  }

  body.dashboard-hub-page .app-header-brand strong {
    font-size: 2rem !important;
  }

  body.dashboard-hub-page .app-main.dashboard-hub {
    width: min(100% - 68px, 560px) !important;
    padding-top: 24px !important;
    gap: 14px !important;
  }

  .dashboard-hub-hero {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
    margin-bottom: 2px !important;
  }

  .dashboard-hub-avatar {
    width: 60px !important;
    height: 60px !important;
  }

  .dashboard-hub-hero h1 {
    font-size: clamp(1.85rem, 7vw, 2.35rem) !important;
  }

  .dashboard-hub-hero p:not(.eyebrow) {
    margin-top: 5px !important;
    font-size: .98rem !important;
  }

  .dashboard-hub-access {
    min-width: 104px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    font-size: .92rem !important;
  }

  .dashboard-hub-grid {
    gap: 12px !important;
  }

  .dashboard-hub-card,
  .dashboard-hub-card.hub-card-wide {
    min-height: 150px !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .dashboard-hub-card.hub-card-wide {
    grid-template-columns: 92px minmax(0, 1fr) minmax(120px, .85fr) !important;
  }

  .dashboard-hub-card:not(.hub-card-wide) {
    grid-template-columns: 1fr !important;
  }

  .dashboard-hub-card .hub-card-visual {
    width: 66px !important;
    height: 66px !important;
    border-radius: 20px !important;
    grid-row: auto !important;
    margin-bottom: 16px !important;
  }

  .dashboard-hub-card .hub-card-visual svg {
    width: 34px !important;
    height: 34px !important;
  }

  .dashboard-hub-card.hub-card-wide .hub-card-visual {
    grid-row: 1 / span 4 !important;
    margin-bottom: 0 !important;
  }

  .dashboard-hub-card .hub-card-copy {
    align-self: end !important;
  }

  .dashboard-hub-card .hub-card-copy strong {
    font-size: clamp(1.45rem, 6vw, 2rem) !important;
  }

  .dashboard-hub-card .hub-card-copy small {
    max-width: 180px !important;
    font-size: .9rem !important;
  }

  .dashboard-hub-card em {
    grid-column: auto !important;
    min-height: 30px !important;
    margin-top: 14px !important;
    padding: 0 14px !important;
    font-size: .82rem !important;
  }

  .hub-card-arrow {
    top: 20px !important;
    right: 20px !important;
    font-size: 2.35rem !important;
  }

  .hub-art-advice {
    right: 16px !important;
    bottom: 6px !important;
    width: 190px !important;
    height: 126px !important;
  }

  .hub-art-advice::before {
    left: 68px !important;
    top: 15px !important;
    width: 62px !important;
    height: 62px !important;
  }

  .hub-art-advice::after {
    left: 38px !important;
    top: 72px !important;
    width: 122px !important;
    height: 32px !important;
  }

  .hub-art-stadium {
    height: 96px !important;
  }

  .hub-art-live {
    right: 8px !important;
    bottom: 10px !important;
    width: 105px !important;
  }

  .hub-art-live::before {
    font-size: 1.12rem !important;
  }

  .hub-art-live::after {
    font-size: 1.35rem !important;
  }

  .hub-art-chat {
    right: 28px !important;
    width: 156px !important;
  }

  .dashboard-hub-today {
    padding: 20px 22px !important;
    border-radius: 24px !important;
    gap: 14px !important;
  }

  .dashboard-hub-today header strong {
    font-size: 1.34rem !important;
  }

  .dashboard-hub-today header span {
    font-size: .78rem !important;
  }

  .dashboard-hub-today > div {
    gap: 10px !important;
  }

  .dashboard-hub-today article {
    min-height: 76px !important;
    border-radius: 18px !important;
  }

  .dashboard-hub-today article strong {
    font-size: 1.65rem !important;
  }

  .dashboard-hub-today article span {
    font-size: .8rem !important;
  }
}

@media (max-width: 430px) {
  body.dashboard-hub-page .app-main.dashboard-hub {
    width: min(100% - 28px, 560px) !important;
    gap: 12px !important;
  }

  body.dashboard-hub-page .app-header {
    padding-inline: 20px !important;
  }

  .dashboard-hub-hero {
    gap: 12px !important;
  }

  .dashboard-hub-avatar {
    width: 54px !important;
    height: 54px !important;
  }

  .dashboard-hub-hero h1 {
    font-size: clamp(1.55rem, 7.4vw, 1.95rem) !important;
  }

  .dashboard-hub-hero p:not(.eyebrow) {
    font-size: .84rem !important;
  }

  .dashboard-hub-access {
    min-width: 86px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: .78rem !important;
  }

  .dashboard-hub-card,
  .dashboard-hub-card.hub-card-wide {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .dashboard-hub-card.hub-card-wide {
    min-height: 136px !important;
    grid-template-columns: 58px minmax(0, 1fr) 118px !important;
    gap: 0 14px !important;
  }

  .dashboard-hub-card:not(.hub-card-wide) {
    min-height: 154px !important;
  }

  .dashboard-hub-card .hub-card-visual {
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
    margin-bottom: 14px !important;
  }

  .dashboard-hub-card .hub-card-visual svg {
    width: 28px !important;
    height: 28px !important;
  }

  .dashboard-hub-card .hub-card-copy strong {
    font-size: clamp(1.32rem, 6.2vw, 1.72rem) !important;
  }

  .dashboard-hub-card .hub-card-copy small {
    font-size: .78rem !important;
    line-height: 1.22 !important;
  }

  .dashboard-hub-card em {
    min-height: 26px !important;
    margin-top: 10px !important;
    padding: 0 11px !important;
    font-size: .72rem !important;
  }

  .hub-card-arrow {
    top: 15px !important;
    right: 16px !important;
    font-size: 2rem !important;
  }

  .hub-art-advice {
    right: 0 !important;
    bottom: 4px !important;
    width: 134px !important;
    height: 100px !important;
    opacity: .84 !important;
  }

  .hub-art-advice::before {
    left: 48px !important;
    top: 13px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .hub-art-advice::after {
    left: 27px !important;
    top: 62px !important;
    width: 92px !important;
    height: 24px !important;
  }

  .hub-art-chat {
    right: 4px !important;
    bottom: -4px !important;
    width: 128px !important;
    opacity: .72 !important;
  }

  .hub-art-chat::before {
    left: 43px !important;
    width: 58px !important;
    height: 45px !important;
  }

  .hub-art-chat::after {
    left: 60px !important;
    top: 37px !important;
    width: 7px !important;
    height: 7px !important;
    box-shadow: 14px 0 0 var(--accent, #baff23), 28px 0 0 var(--accent, #baff23), 0 0 14px rgba(186, 255, 35, .60) !important;
  }

  .dashboard-hub-today {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .dashboard-hub-today > div {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .dashboard-hub-today article {
    min-height: 66px !important;
    border-radius: 15px !important;
    padding: 10px 4px !important;
  }

  .dashboard-hub-today article strong {
    font-size: 1.35rem !important;
  }

  .dashboard-hub-today article span {
    font-size: .7rem !important;
  }
}
/* 2026-06-29: accueil dashboard affiné avec les vrais fonds fournis.
   Cette couche neutralise la version trop massive précédente sans toucher aux
   headers communs des autres pages. */
body.dashboard-hub-page .app-main.dashboard-hub {
  width: min(100% - 32px, 520px) !important;
  padding: 20px 0 calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 13px !important;
}

.dashboard-hub-hero {
  gap: 12px !important;
  margin: 0 0 5px !important;
}

.dashboard-hub-avatar {
  width: 52px !important;
  height: 52px !important;
  border-width: 1.3px !important;
  box-shadow: 0 0 22px rgba(186, 255, 35, .16) !important;
}

.dashboard-hub-hero h1 {
  font-size: clamp(1.42rem, 5.8vw, 1.82rem) !important;
  font-weight: 720 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.dashboard-hub-hero p:not(.eyebrow) {
  margin-top: 4px !important;
  font-size: .84rem !important;
  font-weight: 470 !important;
  line-height: 1.22 !important;
}

.dashboard-hub-access {
  min-width: 78px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  font-weight: 690 !important;
}

.dashboard-hub-grid {
  gap: 10px !important;
}

.dashboard-hub-card,
.dashboard-hub-card.hub-card-wide,
.dashboard-hub-card:not(.hub-card-wide) {
  isolation: isolate !important;
  min-height: 128px !important;
  padding: 17px 18px !important;
  border-width: 1px !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 24px rgba(0, 0, 0, .18) !important;
}

.dashboard-hub-card.hub-card-wide {
  grid-template-columns: 58px minmax(0, 1fr) minmax(118px, .72fr) !important;
  gap: 0 13px !important;
}

.dashboard-hub-card:not(.hub-card-wide) {
  min-height: 140px !important;
}

.dashboard-hub-card::before {
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(7, 11, 17, .88), rgba(7, 11, 17, .67) 48%, rgba(7, 11, 17, .22)) !important;
}

.dashboard-hub-card::after {
  display: none !important;
}

.dashboard-hub-card .hub-card-art {
  inset: 0 !important;
  z-index: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center right !important;
  filter: none !important;
}

.dashboard-hub-card .hub-card-art::before,
.dashboard-hub-card .hub-card-art::after {
  display: none !important;
}

.dashboard-hub-card .hub-card-visual,
.dashboard-hub-card .hub-card-copy,
.dashboard-hub-card em,
.dashboard-hub-card .hub-card-arrow {
  position: relative !important;
  z-index: 3 !important;
}

.hub-art-advice {
  background-image: url("/assets/dashboard-card-advice.png?v=1") !important;
}

.hub-art-stadium {
  background-image: url("/assets/dashboard-card-matches.png?v=1") !important;
  background-position: center bottom !important;
}

.hub-art-live {
  background-image: url("/assets/dashboard-card-live.png?v=1") !important;
}

.hub-art-chat {
  background-image: url("/assets/dashboard-card-chat.png?v=1") !important;
}

.dashboard-hub-card .hub-card-visual {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 12px !important;
  border-radius: 15px !important;
  border-width: 1px !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;
}

.dashboard-hub-card.hub-card-wide .hub-card-visual {
  grid-row: 1 / span 4 !important;
  margin: 0 !important;
  align-self: start !important;
}

.dashboard-hub-card .hub-card-visual svg {
  width: 25px !important;
  height: 25px !important;
  stroke-width: 1.85 !important;
}

.dashboard-hub-card .hub-card-copy strong {
  font-size: clamp(1.22rem, 5.2vw, 1.58rem) !important;
  font-weight: 720 !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
}

.dashboard-hub-card .hub-card-copy small {
  max-width: 158px !important;
  margin-top: 8px !important;
  font-size: .78rem !important;
  font-weight: 430 !important;
  line-height: 1.27 !important;
}

.dashboard-hub-card em {
  min-height: 25px !important;
  margin-top: 10px !important;
  padding: 0 11px !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  font-size: .69rem !important;
  font-weight: 720 !important;
  line-height: 1 !important;
}

.hub-card-arrow {
  top: 14px !important;
  right: 16px !important;
  font-size: 1.95rem !important;
  font-weight: 720 !important;
  line-height: .7 !important;
}

.dashboard-hub-card.hub-advice {
  border-color: rgba(167, 103, 255, .58) !important;
}

.dashboard-hub-card.hub-matches {
  border-color: rgba(186, 255, 35, .42) !important;
}

.dashboard-hub-card.hub-direct {
  border-color: rgba(92, 229, 244, .42) !important;
}

.dashboard-hub-card.hub-chat {
  border-color: rgba(186, 255, 35, .46) !important;
}

.dashboard-hub-today {
  padding: 16px 18px !important;
  border-width: 1px !important;
  border-radius: 20px !important;
  gap: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 24px rgba(0, 0, 0, .18) !important;
}

.dashboard-hub-today header strong {
  font-size: 1.18rem !important;
  font-weight: 720 !important;
}

.dashboard-hub-today header span {
  font-size: .72rem !important;
  font-weight: 680 !important;
}

.dashboard-hub-today > div {
  gap: 8px !important;
}

.dashboard-hub-today article {
  min-height: 63px !important;
  padding: 8px 4px !important;
  border-radius: 15px !important;
}

.dashboard-hub-today article strong {
  font-size: 1.32rem !important;
  font-weight: 760 !important;
}

.dashboard-hub-today article span {
  font-size: .68rem !important;
  font-weight: 500 !important;
}

html[data-theme="light"] .dashboard-hub-card::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .70) 45%, rgba(255, 255, 255, .18)) !important;
}

html[data-theme="light"] .dashboard-hub-card {
  background-color: #fff !important;
}

html[data-theme="light"] .dashboard-hub-card .hub-card-copy strong,
html[data-theme="light"] .dashboard-hub-today header strong,
html[data-theme="light"] .dashboard-hub-today article strong {
  color: #101827 !important;
}

@media (max-width: 430px) {
  body.dashboard-hub-page .app-main.dashboard-hub {
    width: min(100% - 24px, 520px) !important;
    padding-top: 16px !important;
    gap: 10px !important;
  }

  .dashboard-hub-hero {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .dashboard-hub-avatar {
    width: 48px !important;
    height: 48px !important;
  }

  .dashboard-hub-hero h1 {
    font-size: clamp(1.28rem, 5.9vw, 1.58rem) !important;
  }

  .dashboard-hub-hero p:not(.eyebrow) {
    font-size: .77rem !important;
  }

  .dashboard-hub-access {
    min-width: 72px !important;
    min-height: 31px !important;
    padding: 0 10px !important;
    font-size: .7rem !important;
  }

  .dashboard-hub-card,
  .dashboard-hub-card.hub-card-wide,
  .dashboard-hub-card:not(.hub-card-wide) {
    min-height: 122px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .dashboard-hub-card.hub-card-wide {
    grid-template-columns: 48px minmax(0, 1fr) 104px !important;
    gap: 0 11px !important;
  }

  .dashboard-hub-card:not(.hub-card-wide) {
    min-height: 132px !important;
  }

  .dashboard-hub-card .hub-card-visual {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
  }

  .dashboard-hub-card .hub-card-copy strong {
    font-size: clamp(1.06rem, 5.1vw, 1.34rem) !important;
  }

  .dashboard-hub-card .hub-card-copy small {
    max-width: 132px !important;
    font-size: .7rem !important;
  }

  .dashboard-hub-card em {
    min-height: 23px !important;
    padding: 0 10px !important;
    font-size: .65rem !important;
  }

  .hub-card-arrow {
    top: 12px !important;
    right: 14px !important;
    font-size: 1.7rem !important;
  }

  .dashboard-hub-today {
    padding: 14px !important;
  }
}

/* 2026-06-29: module accueil, cartes compactes uniquement. */
.dashboard-hub-grid {
  gap: 9px !important;
}

.dashboard-hub-card,
.dashboard-hub-card.hub-card-wide,
.dashboard-hub-card:not(.hub-card-wide) {
  min-height: 112px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.dashboard-hub-card.hub-card-wide {
  grid-template-columns: 48px minmax(0, 1fr) minmax(104px, .62fr) !important;
  gap: 0 12px !important;
}

.dashboard-hub-card:not(.hub-card-wide) {
  min-height: 106px !important;
}

.dashboard-hub-card::before {
  background: linear-gradient(90deg, rgba(5, 8, 14, .90), rgba(5, 8, 14, .70) 50%, rgba(5, 8, 14, .28)) !important;
}

.dashboard-hub-card .hub-card-visual {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 9px !important;
  border-radius: 13px !important;
}

.dashboard-hub-card.hub-card-wide .hub-card-visual {
  margin: 0 !important;
}

.dashboard-hub-card .hub-card-visual svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.75 !important;
}

.dashboard-hub-card .hub-card-copy strong {
  font-size: clamp(1.04rem, 4.6vw, 1.34rem) !important;
  font-weight: 680 !important;
  line-height: 1.05 !important;
}

.dashboard-hub-card.hub-matches .hub-card-copy strong,
.dashboard-hub-card.hub-direct .hub-card-copy strong {
  font-size: clamp(1rem, 4.25vw, 1.24rem) !important;
}

.dashboard-hub-card .hub-card-copy small {
  max-width: 148px !important;
  margin-top: 6px !important;
  font-size: .7rem !important;
  font-weight: 420 !important;
  line-height: 1.24 !important;
}

.dashboard-hub-card em {
  min-height: 22px !important;
  margin-top: 8px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: .62rem !important;
  font-weight: 680 !important;
}

.dashboard-hub-card .hub-card-arrow,
.hub-card-arrow {
  display: none !important;
}

html[data-theme="light"] .dashboard-hub-card {
  background-color: #111922 !important;
  border-color: rgba(15, 23, 42, .12) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12) !important;
}

html[data-theme="light"] .dashboard-hub-card::before {
  background: linear-gradient(90deg, rgba(10, 16, 24, .88), rgba(10, 16, 24, .68) 50%, rgba(10, 16, 24, .34)) !important;
}

html[data-theme="light"] .dashboard-hub-card .hub-card-copy strong {
  color: #ffffff !important;
}

html[data-theme="light"] .dashboard-hub-card .hub-card-copy small {
  color: rgba(255, 255, 255, .72) !important;
}

html[data-theme="light"] .dashboard-hub-card .hub-card-visual {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html[data-theme="light"] .dashboard-hub-card em {
  background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-advice {
  border-color: rgba(126, 87, 194, .28) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-matches,
html[data-theme="light"] .dashboard-hub-card.hub-chat {
  border-color: rgba(100, 140, 28, .24) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-direct {
  border-color: rgba(16, 126, 146, .24) !important;
}

@media (max-width: 430px) {
  .dashboard-hub-grid {
    gap: 8px !important;
  }

  .dashboard-hub-card,
  .dashboard-hub-card.hub-card-wide,
  .dashboard-hub-card:not(.hub-card-wide) {
    min-height: 104px !important;
    padding: 13px !important;
    border-radius: 17px !important;
  }

  .dashboard-hub-card.hub-card-wide {
    grid-template-columns: 42px minmax(0, 1fr) 92px !important;
    gap: 0 10px !important;
  }

  .dashboard-hub-card:not(.hub-card-wide) {
    min-height: 98px !important;
  }

  .dashboard-hub-card .hub-card-visual {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  .dashboard-hub-card .hub-card-copy strong {
    font-size: clamp(.98rem, 4.9vw, 1.18rem) !important;
  }

  .dashboard-hub-card.hub-matches .hub-card-copy strong,
  .dashboard-hub-card.hub-direct .hub-card-copy strong {
    font-size: clamp(.94rem, 4.55vw, 1.12rem) !important;
  }

  .dashboard-hub-card .hub-card-copy small {
    max-width: 118px !important;
    font-size: .66rem !important;
  }

  .dashboard-hub-card em {
    min-height: 20px !important;
    margin-top: 7px !important;
    padding: 0 8px !important;
    font-size: .58rem !important;
  }
}

/* 2026-06-29: correction ciblée accueil.
   Le header de l'accueil doit rester identique aux autres pages app,
   et les badges des cartes doivent respirer dans leur cadre. */
@media (max-width: 899px) {
  body.dashboard-hub-page .app-header {
    min-height: calc(62px + env(safe-area-inset-top, 0px)) !important;
    padding: calc(7px + env(safe-area-inset-top, 0px)) 18px 8px !important;
    background: #111519 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
  }

  body.dashboard-hub-page .app-header-brand {
    gap: 8px !important;
  }

  body.dashboard-hub-page .app-header-brand img {
    width: 30px !important;
    height: 30px !important;
  }

  body.dashboard-hub-page .app-header-brand strong {
    color: #f8fafc !important;
    font-size: 1.14rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.dashboard-hub-page .app-header-menu {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.dashboard-hub-page .app-header-menu span {
    display: none !important;
  }

  body.dashboard-hub-page .neo-menu-icon {
    display: block !important;
    width: 38px !important;
    height: 28px !important;
    overflow: visible !important;
  }

  body.dashboard-hub-page .neo-menu-line {
    fill: none !important;
    stroke: #f8fafc !important;
    stroke-width: 3.2 !important;
    stroke-linecap: round !important;
    filter: drop-shadow(0 0 7px rgba(185, 255, 35, .18)) !important;
  }

  body.dashboard-hub-page .neo-menu-line-mid {
    stroke-width: 3.4 !important;
  }

  body.dashboard-hub-page .neo-menu-dot {
    fill: #baff23 !important;
    filter: drop-shadow(0 0 7px rgba(185, 255, 35, .45)) !important;
  }

  body.dashboard-hub-page .neo-menu-dot-soft {
    fill: #baff23 !important;
    opacity: .82 !important;
  }

  html[data-theme="light"] body.dashboard-hub-page .app-header {
    background: #f8fafc !important;
    border-bottom-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.dashboard-hub-page .app-header-brand strong {
    color: #111827 !important;
  }

  html[data-theme="light"] body.dashboard-hub-page .neo-menu-line {
    stroke: #111827 !important;
  }
}

.dashboard-hub-card em {
  justify-self: start !important;
  margin-left: 4px !important;
  margin-right: 12px !important;
}

.dashboard-hub-card:not(.hub-card-wide) em {
  margin-left: 6px !important;
}

@media (max-width: 430px) {
  .dashboard-hub-card em,
  .dashboard-hub-card:not(.hub-card-wide) em {
    margin-left: 5px !important;
    margin-right: 10px !important;
  }
}

/* 2026-06-29: menu haut + lisibilité accueil clair/sombre. */
.side-menu-logout-form {
  display: block !important;
  margin: 0 !important;
}

.side-menu-logout-form .side-menu-action {
  width: 100% !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

html[data-theme="light"] .side-menu-action,
html[data-theme="light"] .side-menu-panel a.side-menu-action,
html[data-theme="light"] .side-menu-logout-form .side-menu-action,
html[data-theme="light"] .side-menu-pro,
html[data-theme="light"] .side-menu-panel a.side-menu-pro,
html[data-theme="light"] .side-menu-appearance {
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.dashboard-hub-card.hub-card-wide em {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: start !important;
  width: max-content !important;
  max-width: 100% !important;
}

.dashboard-hub-card.hub-matches em,
.dashboard-hub-card.hub-direct em {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

html[data-theme="light"] .dashboard-hub-card::before {
  background:
    linear-gradient(90deg, rgba(7, 11, 17, .96), rgba(7, 11, 17, .84) 48%, rgba(7, 11, 17, .58)) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-matches::before,
html[data-theme="light"] .dashboard-hub-card.hub-direct::before {
  background:
    linear-gradient(180deg, rgba(7, 11, 17, .94), rgba(7, 11, 17, .80) 52%, rgba(7, 11, 17, .70)) !important;
}

html[data-theme="light"] .dashboard-hub-card em {
  background: rgba(8, 13, 19, .68) !important;
  color: #d9ff74 !important;
  border-color: rgba(186, 255, 35, .52) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-advice em {
  color: #d7b7ff !important;
  border-color: rgba(174, 112, 255, .56) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-direct em {
  color: #95f7ff !important;
  border-color: rgba(85, 232, 246, .56) !important;
}

/* 2026-06-29: badges des cartes larges au niveau du titre + contraste clair. */
.dashboard-hub-card.hub-card-wide {
  grid-template-columns: 48px minmax(0, max-content) max-content minmax(74px, 1fr) !important;
}

.dashboard-hub-card.hub-card-wide .hub-card-copy {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
}

.dashboard-hub-card.hub-card-wide em {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 0 0 10px !important;
  white-space: nowrap !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-matches .hub-card-visual,
html[data-theme="light"] .dashboard-hub-card.hub-chat .hub-card-visual {
  background: rgba(186, 255, 35, .14) !important;
  border-color: rgba(186, 255, 35, .34) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 18px rgba(9, 16, 10, .18) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-matches .hub-card-visual svg,
html[data-theme="light"] .dashboard-hub-card.hub-chat .hub-card-visual svg {
  color: #baff23 !important;
  stroke: #baff23 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 6px rgba(186, 255, 35, .28)) !important;
}

html[data-theme="light"] .dashboard-hub-card.hub-matches em,
html[data-theme="light"] .dashboard-hub-card.hub-chat em {
  background: rgba(186, 255, 35, .94) !important;
  color: #081004 !important;
  border-color: rgba(186, 255, 35, .95) !important;
  box-shadow: 0 8px 18px rgba(91, 128, 9, .22) !important;
}

@media (max-width: 430px) {
  .dashboard-hub-card.hub-card-wide {
    grid-template-columns: 42px minmax(0, max-content) max-content minmax(42px, 1fr) !important;
  }

  .dashboard-hub-card.hub-card-wide em {
    margin-left: 8px !important;
  }
}

/* 2026-06-29: accueil dashboard, badges inline + footer legal visible. */
.dashboard-hub-card .hub-card-title-line {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.dashboard-hub-card .hub-card-title-line strong {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

.dashboard-hub-card .hub-card-title-line em {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: center !important;
  justify-self: auto !important;
  width: auto !important;
  max-width: 108px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: .58rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.dashboard-hub-card.hub-card-wide .hub-card-copy {
  grid-column: 2 / 4 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  gap: 6px !important;
  align-content: center !important;
  min-width: 0 !important;
}

.dashboard-hub-card .hub-card-title-line + small {
  margin-top: 0 !important;
}

body.dashboard-hub-page .site-footer {
  display: block !important;
  margin-top: 18px !important;
  margin-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(7, 10, 16, .94) !important;
}

body.dashboard-hub-page .site-footer-inner {
  width: min(100% - 32px, 620px) !important;
  margin: 0 auto !important;
  padding: 22px 0 24px !important;
}

body.dashboard-hub-page .site-footer-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.dashboard-hub-page .site-footer-col strong {
  color: #f8fafc !important;
  font-size: .76rem !important;
  letter-spacing: .02em !important;
}

body.dashboard-hub-page .site-footer-col a,
body.dashboard-hub-page .site-footer-bottom {
  color: rgba(226, 232, 240, .72) !important;
  font-size: .74rem !important;
}

html[data-theme="light"] body.dashboard-hub-page .site-footer {
  border-top-color: rgba(15, 23, 42, .10) !important;
  background: rgba(248, 250, 252, .96) !important;
}

html[data-theme="light"] body.dashboard-hub-page .site-footer-col strong {
  color: #111827 !important;
}

html[data-theme="light"] body.dashboard-hub-page .site-footer-col a,
html[data-theme="light"] body.dashboard-hub-page .site-footer-bottom {
  color: rgba(15, 23, 42, .68) !important;
}

@media (max-width: 430px) {
  .dashboard-hub-card .hub-card-title-line {
    gap: 6px !important;
  }

  .dashboard-hub-card .hub-card-title-line em {
    max-width: 94px !important;
    min-height: 19px !important;
    padding: 0 7px !important;
    font-size: .54rem !important;
  }

  body.dashboard-hub-page .site-footer-inner {
    width: min(100% - 28px, 620px) !important;
  }

  body.dashboard-hub-page .site-footer-columns {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* 2026-06-29: alignement fin des badges de titre sur les cartes longues. */
.dashboard-hub-card.hub-card-wide .hub-card-title-line {
  align-items: center !important;
  gap: 16px !important;
}

.dashboard-hub-card.hub-card-wide .hub-card-title-line em {
  position: relative !important;
  top: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 430px) {
  .dashboard-hub-card.hub-card-wide .hub-card-title-line {
    gap: 14px !important;
  }

  .dashboard-hub-card.hub-card-wide .hub-card-title-line em {
    top: 0 !important;
    margin-left: 0 !important;
  }
}

/* 2026-06-29: page Matchs + fiche match, finition fine type score app premium. */
@media (max-width: 899px) {
  body.matches-app-page .matches-app {
    width: min(100% - 28px, 760px) !important;
    padding: 18px 0 calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 10px !important;
  }

  body.matches-app-page .matches-date-control {
    gap: 12px !important;
    margin: 0 0 8px !important;
  }

  body.matches-app-page .matches-date-control > a,
  body.matches-app-page .matches-date-control > span {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 1.7rem !important;
    font-weight: 650 !important;
  }

  body.matches-app-page .matches-date-control > button {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    padding: 0 16px !important;
    gap: 8px !important;
  }

  body.matches-app-page .matches-date-control strong {
    font-size: .98rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .matches-date-control svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2.05 !important;
  }

  body.matches-app-page .app-filter-row {
    min-height: 42px !important;
    padding: 4px !important;
    border-radius: 12px !important;
    gap: 4px !important;
    margin: 0 0 9px !important;
  }

  body.matches-app-page .app-filter-row button,
  body.matches-app-page .app-filter-row a {
    min-height: 32px !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    font-size: .8rem !important;
    font-weight: 640 !important;
  }

  body.matches-app-page .app-filter-row a strong {
    min-width: 24px !important;
    height: 23px !important;
    font-size: .7rem !important;
    font-weight: 700 !important;
  }

  body.matches-app-page .matches-search-row {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 9px !important;
    margin: 0 0 9px !important;
  }

  body.matches-app-page .matches-search-row label {
    min-height: 43px !important;
    border-radius: 13px !important;
    padding: 0 12px !important;
    gap: 9px !important;
  }

  body.matches-app-page .matches-search-row svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.matches-app-page .matches-search-row input {
    font-size: .9rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .matches-search-row > span {
    font-size: .8rem !important;
    font-weight: 650 !important;
  }

  body.matches-app-page .matches-search-row button {
    width: 46px !important;
    height: 28px !important;
    border-radius: 999px !important;
  }

  body.matches-app-page .matches-search-row button i {
    width: 22px !important;
    height: 22px !important;
  }

  body.matches-app-page .matches-advice-link {
    min-height: 42px !important;
    margin: 0 0 10px !important;
    padding: 0 13px !important;
    border-radius: 13px !important;
  }

  body.matches-app-page .matches-advice-link strong {
    font-size: .84rem !important;
    font-weight: 700 !important;
  }

  body.matches-app-page .matches-data-chip {
    display: none !important;
  }

  body.matches-app-page .app-competition-stack {
    gap: 12px !important;
  }

  body.matches-app-page .app-competition {
    padding: 11px !important;
    border-radius: 17px !important;
  }

  body.matches-app-page .app-competition summary {
    min-height: 42px !important;
    padding: 0 0 9px !important;
    gap: 10px !important;
  }

  body.matches-app-page .app-competition summary::before {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.13rem !important;
  }

  body.matches-app-page .app-competition summary span {
    font-size: .99rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .app-competition summary small {
    font-size: .72rem !important;
    font-weight: 600 !important;
  }

  body.matches-app-page .app-competition > div {
    gap: 7px !important;
  }

  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    min-height: 68px !important;
    padding: 9px 11px !important;
    grid-template-columns: 54px minmax(0, 1fr) auto 29px !important;
    gap: 9px !important;
    border-radius: 13px !important;
  }

  body.matches-app-page .app-match-status {
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body.matches-app-page .app-match-team {
    min-height: 21px !important;
    gap: 7px !important;
  }

  body.matches-app-page .app-team-flag {
    width: 23px !important;
    height: 23px !important;
  }

  body.matches-app-page .app-match-team strong {
    font-size: .9rem !important;
    font-weight: 610 !important;
    line-height: 1.08 !important;
  }

  body.matches-app-page .app-match-score strong {
    font-size: .86rem !important;
    font-weight: 740 !important;
    line-height: 1.08 !important;
  }

  body.matches-app-page .app-match-star {
    width: 27px !important;
    height: 27px !important;
    font-size: 1.34rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    grid-template-columns: 52px minmax(0, 1fr) minmax(106px, 128px) 28px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    gap: 4px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-width: 31px !important;
    min-height: 30px !important;
    padding: 2px 4px !important;
    border-radius: 6px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    font-size: .58rem !important;
    font-weight: 620 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    font-size: .68rem !important;
    font-weight: 740 !important;
  }

  body.analysis-app-page .analysis-layout {
    width: 100% !important;
    max-width: none !important;
    padding: 0 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--app-bg, #070a0c) !important;
  }

  body.analysis-app-page .analysis-v2-match {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 18px 18px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(186, 255, 35, .14), transparent 36%),
      radial-gradient(circle at 88% 18%, rgba(255, 95, 115, .14), transparent 36%),
      linear-gradient(145deg, #102218 0%, #11151d 54%, #17131a 100%) !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-topline {
    margin-bottom: 16px !important;
  }

  body.analysis-app-page .analysis-v2-competition-title {
    gap: 9px !important;
    font-size: .9rem !important;
    font-weight: 660 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-competition-title i {
    width: 35px !important;
    height: 35px !important;
    border-radius: 999px !important;
  }

  body.analysis-app-page .analysis-v2-close {
    min-height: 31px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    font-weight: 620 !important;
  }

  body.analysis-app-page .analysis-v2-scoreboard {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 0 0 14px !important;
  }

  body.analysis-app-page .analysis-v2-team {
    gap: 7px !important;
  }

  body.analysis-app-page .analysis-v2-team img,
  body.analysis-app-page .analysis-v2-team .team-logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
  }

  body.analysis-app-page .analysis-v2-team strong {
    max-width: 112px !important;
    font-size: .88rem !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
  }

  body.analysis-app-page .analysis-v2-score strong {
    font-size: 1.82rem !important;
    font-weight: 740 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-score span {
    font-size: .76rem !important;
    font-weight: 600 !important;
  }

  body.analysis-app-page .analysis-v2-tabs {
    margin: 0 -18px !important;
    padding: 0 18px !important;
    gap: 22px !important;
    border: 0 !important;
  }

  body.analysis-app-page .analysis-v2-tabs a {
    min-height: 40px !important;
    font-size: .87rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-tabs a:first-child::after {
    height: 3px !important;
  }

  body.analysis-app-page .analysis-v2-info-row,
  body.analysis-app-page .analysis-v2-quality-panel {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-picks-section,
  body.analysis-app-page .analysis-v2-card,
  body.analysis-app-page .analysis-v2-pro-alert,
  body.analysis-app-page .analysis-v2-disclaimer {
    width: min(100% - 28px, 720px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.analysis-app-page .analysis-v2-picks-section {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-section-title {
    margin: 0 0 9px !important;
  }

  body.analysis-app-page .analysis-v2-section-title h1,
  body.analysis-app-page .analysis-v2-section-title h2 {
    font-size: 1rem !important;
    font-weight: 690 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow) {
    font-size: .74rem !important;
    line-height: 1.34 !important;
  }

  body.analysis-app-page .analysis-v2-picks-grid {
    gap: 11px !important;
  }

  body.analysis-app-page .analysis-v2-pick,
  body.analysis-app-page .analysis-v2-card,
  body.analysis-app-page .analysis-v2-pronos-list article,
  body.analysis-app-page .analysis-v2-odds-table article {
    border-radius: 15px !important;
    border-width: 1px !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-pick {
    padding: 13px !important;
    background:
      radial-gradient(circle at 0 0, rgba(75, 220, 235, .12), transparent 42%),
      rgba(15, 22, 30, .94) !important;
  }

  body.analysis-app-page .analysis-v2-pick-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }

  body.analysis-app-page .analysis-v2-pick .eyebrow {
    margin-bottom: 7px !important;
    padding: 4px 9px !important;
    font-size: .62rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-pick h2 {
    font-size: .98rem !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
  }

  body.analysis-app-page .analysis-v2-pick p {
    margin-top: 6px !important;
    font-size: .73rem !important;
    line-height: 1.34 !important;
  }

  body.analysis-app-page .analysis-v2-odds {
    min-width: 70px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }

  body.analysis-app-page .analysis-v2-odds strong {
    font-size: 1.05rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-odds span {
    max-width: 58px !important;
    font-size: .58rem !important;
    font-weight: 600 !important;
  }

  body.analysis-app-page .analysis-v2-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 10px !important;
  }

  body.analysis-app-page .analysis-v2-metrics span {
    min-height: 42px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    font-size: .66rem !important;
    font-weight: 500 !important;
  }

  body.analysis-app-page .analysis-v2-metrics strong {
    font-size: .84rem !important;
    font-weight: 720 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head {
    margin: 2px 0 8px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head h2 {
    font-size: .98rem !important;
    font-weight: 690 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list {
    gap: 8px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article,
  body.analysis-app-page .analysis-v2-odds-table article {
    grid-template-columns: minmax(0, 1fr) 68px !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span {
    font-size: .62rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list h3 {
    margin-top: 3px !important;
    font-size: .88rem !important;
    font-weight: 680 !important;
    line-height: 1.14 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list p {
    margin-top: 3px !important;
    font-size: .64rem !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside {
    width: 66px !important;
    min-height: 42px !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside strong {
    font-size: .96rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside small {
    max-width: 50px !important;
    font-size: .56rem !important;
  }

  body.analysis-app-page .analysis-v2-card {
    margin-top: 13px !important;
    padding: 13px !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios {
    margin-top: 13px !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid {
    gap: 8px !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article {
    min-width: 138px !important;
    padding: 11px !important;
    border-radius: 13px !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid span {
    font-size: .62rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid strong {
    font-size: 1.24rem !important;
    font-weight: 740 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid p,
  body.analysis-app-page .analysis-v2-scenario-note {
    font-size: .66rem !important;
    line-height: 1.28 !important;
  }

  body.analysis-app-page .analysis-v2-reading-grid {
    gap: 8px !important;
  }

  body.analysis-app-page .analysis-v2-reading-grid > div,
  body.analysis-app-page .analysis-v2-empty-note {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  body.analysis-app-page .analysis-v2-reading-grid span {
    font-size: .62rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-reading-grid strong,
  body.analysis-app-page .analysis-v2-empty-note p {
    font-size: .72rem !important;
    font-weight: 430 !important;
    line-height: 1.36 !important;
  }

  body.analysis-app-page .analysis-v2-empty-note h3 {
    font-size: .9rem !important;
    font-weight: 690 !important;
  }

  body.analysis-app-page .analysis-v2-prose p {
    font-size: .78rem !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 899px) {
  html[data-theme="light"] body.matches-app-page,
  html[data-theme="light"] body.analysis-app-page .analysis-layout {
    background: #eef1f5 !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-date-control > a,
  html[data-theme="light"] body.matches-app-page .matches-date-control > span,
  html[data-theme="light"] body.matches-app-page .matches-date-control > button,
  html[data-theme="light"] body.matches-app-page .app-filter-row,
  html[data-theme="light"] body.matches-app-page .matches-search-row label,
  html[data-theme="light"] body.matches-app-page .matches-search-row button {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: #111827 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
  }

  html[data-theme="light"] body.matches-app-page .app-filter-row button,
  html[data-theme="light"] body.matches-app-page .app-filter-row a,
  html[data-theme="light"] body.matches-app-page .matches-search-row input,
  html[data-theme="light"] body.matches-app-page .matches-search-row > span {
    color: #5b6676 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-filter-row button.active,
  html[data-theme="light"] body.matches-app-page .app-filter-row a.active {
    background: #baff23 !important;
    color: #071105 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-competition {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .07) !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-row,
  html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
    background: #f9fafb !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: #111827 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-team strong,
  html[data-theme="light"] body.matches-app-page .app-match-score strong,
  html[data-theme="light"] body.matches-app-page .app-competition summary span {
    color: #111827 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-status,
  html[data-theme="light"] body.matches-app-page .app-competition summary small {
    color: #64748b !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em {
    background: #eef2f7 !important;
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-match {
    background:
      radial-gradient(circle at 8% 0%, rgba(186, 255, 35, .20), transparent 36%),
      radial-gradient(circle at 88% 12%, rgba(73, 130, 255, .13), transparent 36%),
      linear-gradient(145deg, #ffffff 0%, #f6f8fb 58%, #eef3f7 100%) !important;
    color: #111827 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-competition-title,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-team strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-score strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-tabs a:first-child,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h1,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick h2 {
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-score span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-tabs a,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow),
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-reading-grid strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-close {
    background: #eef2f7 !important;
    color: #475569 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-card,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-reading-grid > div,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .055) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, .07) !important;
    color: #111827 !important;
  }
}

/* Pre-match detail app parity - final mobile polish */
@media (max-width: 899px) {
  body.analysis-app-page {
    --neo-detail-bg: #030907;
    --neo-detail-card: rgba(16, 22, 31, .92);
    --neo-detail-card-soft: rgba(22, 29, 40, .88);
    --neo-detail-border: rgba(255, 255, 255, .08);
    --neo-detail-muted: rgba(255, 255, 255, .62);
    --neo-detail-text: #f8fbff;
    --neo-detail-lime: #baff23;
    --neo-detail-cyan: #65e6f2;
    background: linear-gradient(180deg, #03100b 0%, #030708 48%, #0d0c22 100%) !important;
  }

  body.analysis-app-page > .app-header,
  body.analysis-app-page > .global-pro-banner {
    display: none !important;
  }

  body.analysis-app-page .analysis-layout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 calc(112px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, #03100b 0%, #030708 52%, #0d0c22 100%) !important;
    color: var(--neo-detail-text) !important;
  }

  body.analysis-app-page .analysis-v2-match {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: calc(12px + env(safe-area-inset-top)) 18px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--neo-detail-text) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(186, 255, 35, .18), transparent 38%),
      radial-gradient(circle at 100% 15%, rgba(99, 230, 242, .10), transparent 34%),
      linear-gradient(140deg, #20360d 0%, #101821 36%, #111420 100%) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .30) !important;
  }

  body.analysis-app-page .analysis-v2-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
  }

  body.analysis-app-page .analysis-v2-competition-title {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
    color: rgba(255, 255, 255, .90) !important;
    font-size: 1rem !important;
    font-weight: 640 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-competition-title i {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 999px !important;
    background: rgba(186, 255, 35, .13) !important;
    border: 1px solid rgba(101, 230, 242, .34) !important;
    font-size: .92rem !important;
    font-style: normal !important;
  }

  body.analysis-app-page .analysis-v2-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .09) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    color: rgba(255, 255, 255, .76) !important;
    font-size: .82rem !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }

  body.analysis-app-page .analysis-v2-scoreboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body.analysis-app-page .analysis-v2-team {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-team img,
  body.analysis-app-page .analysis-v2-team .team-logo {
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-team strong {
    max-width: 100% !important;
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 620 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.analysis-app-page .team-favorite-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score {
    display: flex !important;
    min-width: 86px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-score strong {
    color: #fff !important;
    font-size: clamp(1.95rem, 9vw, 2.45rem) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-score span {
    color: rgba(255, 255, 255, .62) !important;
    font-size: .86rem !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 16px -6px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.analysis-app-page .analysis-v2-tabs a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 2px 11px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: clamp(.78rem, 3.35vw, .95rem) !important;
    font-weight: 670 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs a::after,
  body.analysis-app-page .analysis-v2-tabs a:first-child::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 4px !important;
    border-radius: 999px 999px 0 0 !important;
    transform: translateX(-50%) !important;
    background: var(--neo-detail-lime) !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active {
    color: #fff !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active::after {
    width: min(42px, 70%) !important;
  }

  body.analysis-app-page .analysis-v2-info-row,
  body.analysis-app-page .analysis-v2-quality-panel,
  body.analysis-app-page .analysis-v2-loading-card,
  body.analysis-app-page .analysis-v2-evidence-grid,
  body.analysis-app-page .analysis-follow-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-picks-section,
  body.analysis-app-page .analysis-v2-card {
    width: calc(100% - 36px) !important;
    max-width: 760px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.analysis-app-page .analysis-v2-picks-section {
    padding: 18px 0 0 !important;
  }

  body.analysis-app-page .analysis-v2-picks-section > .analysis-v2-section-title {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-picks-grid {
    display: block !important;
    gap: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pick,
  body.analysis-app-page .analysis-v2-card {
    border-radius: 24px !important;
    background: var(--neo-detail-card) !important;
    border: 1px solid rgba(101, 230, 242, .28) !important;
    box-shadow: none !important;
    color: var(--neo-detail-text) !important;
  }

  body.analysis-app-page .analysis-v2-pick {
    padding: 14px !important;
  }

  body.analysis-app-page .analysis-v2-pick-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-pick .eyebrow,
  body.analysis-app-page .analysis-v2-section-title .eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin: 0 0 12px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(101, 230, 242, .10) !important;
    border: 1px solid rgba(101, 230, 242, .45) !important;
    color: var(--neo-detail-cyan) !important;
    font-size: .74rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pick h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.12rem, 5vw, 1.46rem) !important;
    font-weight: 680 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pick p {
    margin: 8px 0 0 !important;
    color: var(--neo-detail-muted) !important;
    font-size: .82rem !important;
    font-weight: 430 !important;
    line-height: 1.38 !important;
  }

  body.analysis-app-page .analysis-v2-odds {
    min-width: 90px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    background: rgba(186, 255, 35, .10) !important;
    border: 1px solid rgba(186, 255, 35, .38) !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-odds strong {
    display: block !important;
    color: var(--neo-detail-lime) !important;
    font-size: 1.22rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-odds span {
    display: block !important;
    max-width: 68px !important;
    margin: 4px auto 0 !important;
    color: rgba(255, 255, 255, .66) !important;
    font-size: .62rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  body.analysis-app-page .analysis-v2-metrics span {
    min-height: 44px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .035) !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .72rem !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }

  body.analysis-app-page .analysis-v2-metrics strong {
    display: block !important;
    color: var(--neo-detail-lime) !important;
    font-size: .94rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-panel {
    margin-top: 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head .eyebrow {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head h2,
  body.analysis-app-page .analysis-v2-section-title h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    font-weight: 680 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 76px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: var(--neo-detail-card-soft) !important;
    border: 1px solid var(--neo-detail-border) !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article > div {
    min-width: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span {
    display: block !important;
    color: rgba(255, 255, 255, .60) !important;
    font-size: .7rem !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list h3 {
    margin: 5px 0 0 !important;
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list p {
    margin: 5px 0 0 !important;
    color: var(--neo-detail-muted) !important;
    font-size: .72rem !important;
    font-weight: 480 !important;
    line-height: 1.2 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 72px !important;
    min-height: 52px !important;
    padding: 7px !important;
    border-radius: 13px !important;
    background: rgba(186, 255, 35, .12) !important;
    border: 1px solid rgba(186, 255, 35, .32) !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside strong {
    color: var(--neo-detail-lime) !important;
    font-size: 1.04rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside small {
    max-width: 58px !important;
    margin-top: 4px !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .58rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list form,
  body.analysis-app-page .analysis-v2-pronos-list .btn {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-pro-inline {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(101, 230, 242, .09) !important;
    border: 1px solid rgba(101, 230, 242, .25) !important;
  }

  body.analysis-app-page .analysis-v2-card {
    margin-top: 18px !important;
    padding: 16px !important;
  }

  body.analysis-app-page .analysis-v2-section-title {
    margin: 0 0 14px !important;
  }

  body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow) {
    margin: 5px 0 0 !important;
    color: var(--neo-detail-muted) !important;
    font-size: .8rem !important;
    font-weight: 430 !important;
    line-height: 1.35 !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title p:not(.eyebrow) {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title::after {
    content: "Probabilité" !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid {
    display: flex !important;
    gap: 10px !important;
    margin: 0 -16px !important;
    padding: 0 16px 2px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article {
    flex: 0 0 178px !important;
    min-width: 178px !important;
    min-height: 116px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    scroll-snap-align: start !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article.featured {
    background: rgba(186, 255, 35, .085) !important;
    border-color: rgba(186, 255, 35, .36) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid span {
    color: var(--neo-detail-lime) !important;
    font-size: .72rem !important;
    font-weight: 720 !important;
    line-height: 1.1 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid strong {
    display: block !important;
    margin-top: 10px !important;
    color: #fff !important;
    font-size: 1.72rem !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid p,
  body.analysis-app-page .analysis-v2-scenario-note {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .72rem !important;
    line-height: 1.25 !important;
  }

  body.analysis-app-page .analysis-v2-stats-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-stats-title {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stats-title h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    font-weight: 680 !important;
  }

  body.analysis-app-page .analysis-v2-stats-title p {
    margin: 3px 0 0 !important;
    color: var(--neo-detail-muted) !important;
    font-size: .76rem !important;
    font-weight: 430 !important;
  }

  body.analysis-app-page .analysis-v2-mini-flag,
  body.analysis-app-page .analysis-v2-mini-flag img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  body.analysis-app-page .analysis-v2-form-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards article {
    padding: 12px !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards strong {
    color: #fff !important;
    font-size: .92rem !important;
    font-weight: 680 !important;
  }

  body.analysis-app-page .analysis-v2-form-cards p {
    display: flex !important;
    gap: 6px !important;
    margin: 9px 0 7px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards p span {
    padding: 4px 7px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .075) !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-form-cards p .win {
    color: #37e775 !important;
    background: rgba(55, 231, 117, .13) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards p .loss {
    color: #ff5b5b !important;
    background: rgba(255, 91, 91, .13) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards small {
    color: var(--neo-detail-muted) !important;
    font-size: .72rem !important;
  }

  body.analysis-app-page .analysis-v2-stat-bars {
    display: grid !important;
    gap: 15px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    align-items: end !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row > strong {
    color: #fff !important;
    font-size: .95rem !important;
    font-weight: 680 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stat-row div {
    display: grid !important;
    gap: 7px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row span {
    color: rgba(255, 255, 255, .62) !important;
    font-size: .78rem !important;
    font-weight: 660 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    height: 9px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i b {
    display: block !important;
    height: 100% !important;
    max-width: 100% !important;
    border-radius: 999px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .home {
    justify-self: end !important;
    background: #56c8d2 !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .away {
    justify-self: start !important;
    background: var(--neo-detail-lime) !important;
  }

  body.analysis-app-page #compos .analysis-v2-empty-note {
    min-height: 220px !important;
    display: grid !important;
    place-content: center !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-odds-table article {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    min-height: 68px !important;
  }

  body.analysis-app-page .analysis-v2-match-analysis .analysis-v2-section-title p:not(.eyebrow) {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-prose {
    display: grid !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-prose p,
  body.analysis-app-page .analysis-v2-prose p.lead {
    margin: 0 !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: .88rem !important;
    font-weight: 420 !important;
    line-height: 1.55 !important;
  }

  body.analysis-app-page .analysis-v2-disclaimer {
    width: calc(100% - 36px) !important;
    max-width: 760px !important;
    margin: 18px auto 0 !important;
    color: rgba(255, 255, 255, .48) !important;
    font-size: .72rem !important;
    line-height: 1.35 !important;
  }

  html[data-theme="light"] body.analysis-app-page {
    --neo-detail-bg: #eef2f6;
    --neo-detail-card: #ffffff;
    --neo-detail-card-soft: #ffffff;
    --neo-detail-border: rgba(15, 23, 42, .085);
    --neo-detail-muted: #667085;
    --neo-detail-text: #111827;
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-layout {
    background: #eef2f6 !important;
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-match {
    color: #fff !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(186, 255, 35, .20), transparent 38%),
      radial-gradient(circle at 100% 15%, rgba(99, 230, 242, .10), transparent 34%),
      linear-gradient(140deg, #20360d 0%, #101821 36%, #111420 100%) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .07) !important;
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-head h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row > strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid strong {
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow),
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside small,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards small,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-note,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p.lead {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-reading-grid > div,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span {
    background: rgba(186, 255, 35, .18) !important;
    border-color: rgba(112, 155, 20, .18) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span {
    color: #64748b !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title::after,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds span {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-disclaimer {
    color: #7b8494 !important;
  }
}

body.analysis-app-page [data-analysis-panel][hidden],
body.analysis-app-page [data-analysis-panel]:not(.is-active) {
  display: none !important;
}

body.analysis-app-page [data-analysis-panel].is-active {
  display: block !important;
}

body.analysis-app-page .analysis-v2-tabs a {
  position: relative !important;
}

body.analysis-app-page .analysis-v2-tabs a::after {
  opacity: 0 !important;
  width: 0 !important;
  transition: opacity .18s ease, width .18s ease !important;
}

body.analysis-app-page .analysis-v2-tabs a.is-active::after {
  opacity: 1 !important;
  width: 42px !important;
}

body.analysis-app-page .analysis-v2-lineup-wrap {
  display: grid !important;
  gap: 14px !important;
}

body.analysis-app-page .analysis-v2-lineup-meta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
}

body.analysis-app-page .analysis-v2-lineup-meta > div {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .055) !important;
}

body.analysis-app-page .analysis-v2-lineup-meta strong {
  display: block !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: .9rem !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.analysis-app-page .analysis-v2-lineup-meta span {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(255, 255, 255, .56) !important;
  font-size: .72rem !important;
  font-weight: 520 !important;
  line-height: 1.25 !important;
}

body.analysis-app-page .analysis-v2-lineup-pitch {
  position: relative !important;
  min-height: 720px !important;
  overflow: hidden !important;
  border: 1px solid rgba(186, 255, 35, .14) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .05), transparent 17%),
    linear-gradient(180deg, rgba(24, 55, 39, .95), rgba(12, 36, 25, .96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .045) !important;
}

body.analysis-app-page .analysis-v2-lineup-pitch::before {
  content: "" !important;
  position: absolute !important;
  inset: 24px !important;
  border: 3px solid rgba(255, 255, 255, .15) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, transparent calc(50% - 1.5px), rgba(255, 255, 255, .14) 0 calc(50% + 1.5px), transparent 0),
    radial-gradient(circle at 50% 50%, transparent 0 74px, rgba(255, 255, 255, .14) 75px 78px, transparent 79px),
    linear-gradient(180deg, transparent 0 18%, rgba(255, 255, 255, .12) 18.2% 18.7%, transparent 19% 81%, rgba(255, 255, 255, .12) 81.2% 81.7%, transparent 82%) !important;
}

body.analysis-app-page .analysis-v2-lineup-player {
  position: absolute !important;
  z-index: 2 !important;
  left: var(--x) !important;
  top: var(--y) !important;
  display: grid !important;
  width: 78px !important;
  justify-items: center !important;
  transform: translate(-50%, -50%) !important;
}

body.analysis-app-page .analysis-v2-lineup-player img,
body.analysis-app-page .analysis-v2-player-avatar {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border: 2px solid rgba(255, 255, 255, .86) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .34) !important;
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 820 !important;
  object-fit: cover !important;
}

body.analysis-app-page .analysis-v2-lineup-player b {
  display: block !important;
  max-width: 86px !important;
  margin-top: -3px !important;
  overflow: hidden !important;
  padding: 3px 7px !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, .72) !important;
  color: #fff !important;
  font-size: .68rem !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-meta > div {
  border-color: rgba(15, 23, 42, .08) !important;
  background: #f8fafc !important;
}

html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-meta strong {
  color: #111827 !important;
}

html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-meta span {
  color: #667085 !important;
}

html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-pitch {
  border-color: rgba(112, 155, 20, .18) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .08), transparent 17%),
    linear-gradient(180deg, #1b3a2a, #0f261d) !important;
}

@media (max-width: 520px) {
  body.analysis-app-page .analysis-v2-lineup-meta {
    gap: 8px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta > div {
    padding: 10px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta strong {
    font-size: .78rem !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta span {
    font-size: .64rem !important;
  }

  body.analysis-app-page .analysis-v2-lineup-pitch {
    min-height: 640px !important;
    border-radius: 20px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-pitch::before {
    inset: 18px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-player {
    width: 62px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-player img,
  body.analysis-app-page .analysis-v2-player-avatar {
    width: 40px !important;
    height: 40px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-player b {
    max-width: 70px !important;
    padding: 3px 6px !important;
    font-size: .6rem !important;
  }
}

/* Final mobile match sheet pass: closer to the iOS layout, with real public tabs. */
@media (max-width: 899px) {
  body.analysis-app-page {
    --neo-match-lime: #baff23;
    --neo-match-cyan: #66eaff;
    --neo-match-ink: #f8fafc;
    --neo-match-muted: rgba(248, 250, 252, .62);
    --neo-match-panel: rgba(16, 23, 34, .94);
    --neo-match-panel-soft: rgba(255, 255, 255, .055);
    --neo-match-line: rgba(255, 255, 255, .08);
    background:
      radial-gradient(circle at 0 0, rgba(186, 255, 35, .16), transparent 32%),
      linear-gradient(180deg, #07100c 0%, #03070a 44%, #09091a 100%) !important;
  }

  body.analysis-app-page .analysis-layout {
    min-height: 100vh !important;
    padding: 0 0 calc(96px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-match {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: calc(16px + env(safe-area-inset-top)) 16px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--neo-match-ink) !important;
    background:
      radial-gradient(circle at 4% 5%, rgba(186, 255, 35, .18), transparent 34%),
      radial-gradient(circle at 92% 8%, rgba(94, 230, 242, .10), transparent 35%),
      linear-gradient(138deg, #20350e 0%, #111a22 42%, #111321 100%) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
  }

  body.analysis-app-page .analysis-v2-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 22px !important;
  }

  body.analysis-app-page .analysis-v2-competition-title {
    display: inline-flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 10px !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.08 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-competition-title i {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 999px !important;
    background: rgba(186, 255, 35, .12) !important;
    border: 1px solid rgba(100, 234, 255, .34) !important;
    font-size: .9rem !important;
  }

  body.analysis-app-page .analysis-v2-close {
    min-height: 32px !important;
    padding: 8px 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .09) !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: .8rem !important;
    font-weight: 660 !important;
    text-decoration: none !important;
  }

  body.analysis-app-page .analysis-v2-scoreboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body.analysis-app-page .analysis-v2-team {
    gap: 8px !important;
  }

  body.analysis-app-page .analysis-v2-team img,
  body.analysis-app-page .analysis-v2-team .team-logo {
    width: 62px !important;
    height: 62px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .11) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    object-fit: cover !important;
  }

  body.analysis-app-page .analysis-v2-team strong {
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  body.analysis-app-page .analysis-v2-score {
    min-width: 92px !important;
    gap: 3px !important;
  }

  body.analysis-app-page .analysis-v2-score strong {
    color: #fff !important;
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    font-weight: 740 !important;
    line-height: .98 !important;
  }

  body.analysis-app-page .analysis-v2-score span {
    color: rgba(255, 255, 255, .62) !important;
    font-size: .82rem !important;
    font-weight: 620 !important;
  }

  body.analysis-app-page .analysis-v2-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin: 18px -8px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs a,
  body.analysis-app-page .analysis-v2-tabs a:first-child {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 2px 11px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: clamp(.76rem, 3.25vw, .92rem) !important;
    font-weight: 680 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs a::after,
  body.analysis-app-page .analysis-v2-tabs a:first-child::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 4px !important;
    opacity: 0 !important;
    border-radius: 999px 999px 0 0 !important;
    transform: translateX(-50%) !important;
    background: var(--neo-match-lime) !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active {
    color: #fff !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active::after {
    width: min(42px, 72%) !important;
    opacity: 1 !important;
  }

  body.analysis-app-page [data-analysis-panel][hidden],
  body.analysis-app-page [data-analysis-panel]:not(.is-active) {
    display: none !important;
  }

  body.analysis-app-page [data-analysis-panel].is-active {
    display: block !important;
  }

  body.analysis-app-page .analysis-v2-picks-section,
  body.analysis-app-page .analysis-v2-card,
  body.analysis-app-page .analysis-v2-disclaimer {
    width: calc(100% - 34px) !important;
    max-width: 760px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.analysis-app-page .analysis-v2-picks-section {
    padding: 18px 0 0 !important;
  }

  body.analysis-app-page .analysis-v2-picks-section > .analysis-v2-section-title,
  body.analysis-app-page .analysis-v2-info-row,
  body.analysis-app-page .analysis-v2-quality-panel,
  body.analysis-app-page .analysis-follow-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-picks-grid {
    display: block !important;
  }

  body.analysis-app-page .analysis-v2-pick,
  body.analysis-app-page .analysis-v2-card {
    border-radius: 24px !important;
    background: var(--neo-match-panel) !important;
    border: 1px solid rgba(101, 230, 242, .26) !important;
    box-shadow: none !important;
    color: var(--neo-match-ink) !important;
  }

  body.analysis-app-page .analysis-v2-pick {
    padding: 14px !important;
  }

  body.analysis-app-page .analysis-v2-pick-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body.analysis-app-page .analysis-v2-pick .eyebrow,
  body.analysis-app-page .analysis-v2-section-title .eyebrow {
    display: inline-flex !important;
    width: max-content !important;
    margin: 0 0 11px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(101, 230, 242, .10) !important;
    border: 1px solid rgba(101, 230, 242, .44) !important;
    color: var(--neo-match-cyan) !important;
    font-size: .72rem !important;
    font-weight: 740 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pick h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.04rem, 4.7vw, 1.36rem) !important;
    font-weight: 680 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-pick p {
    margin: 8px 0 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .8rem !important;
    font-weight: 430 !important;
    line-height: 1.36 !important;
  }

  body.analysis-app-page .analysis-v2-odds {
    min-width: 88px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    background: rgba(186, 255, 35, .10) !important;
    border: 1px solid rgba(186, 255, 35, .34) !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-odds strong {
    display: block !important;
    color: var(--neo-match-lime) !important;
    font-size: 1.14rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-odds span {
    display: block !important;
    max-width: 64px !important;
    margin: 4px auto 0 !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .58rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 13px !important;
  }

  body.analysis-app-page .analysis-v2-metrics span {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .7rem !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-metrics strong {
    display: block !important;
    color: var(--neo-match-lime) !important;
    font-size: .94rem !important;
    font-weight: 760 !important;
  }

  body.analysis-app-page .analysis-v2-card {
    margin-top: 18px !important;
    padding: 16px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head .eyebrow {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head h2,
  body.analysis-app-page .analysis-v2-section-title h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.14rem !important;
    font-weight: 680 !important;
    line-height: 1.12 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list {
    display: grid !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article,
  body.analysis-app-page .analysis-v2-odds-table article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    min-height: 72px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 12px !important;
    border-radius: 17px !important;
    background: var(--neo-match-panel-soft) !important;
    border: 1px solid var(--neo-match-line) !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list h3 {
    margin: 4px 0 0 !important;
    color: #fff !important;
    font-size: .96rem !important;
    font-weight: 650 !important;
    line-height: 1.14 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span,
  body.analysis-app-page .analysis-v2-pronos-list p {
    color: var(--neo-match-muted) !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span {
    font-size: .68rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list p {
    margin: 5px 0 0 !important;
    font-size: .7rem !important;
    line-height: 1.18 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside {
    width: 72px !important;
    min-height: 50px !important;
    padding: 7px !important;
    border-radius: 13px !important;
    background: rgba(186, 255, 35, .13) !important;
    border: 1px solid rgba(186, 255, 35, .30) !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside strong {
    color: var(--neo-match-lime) !important;
    font-size: 1.02rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list aside small {
    max-width: 58px !important;
    margin: 4px auto 0 !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .60) !important;
    font-size: .56rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list form,
  body.analysis-app-page .analysis-v2-pronos-list .btn {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title p:not(.eyebrow) {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title::after {
    content: "Probabilité" !important;
    color: var(--neo-match-muted) !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid {
    display: flex !important;
    gap: 10px !important;
    margin: 0 -16px !important;
    padding: 0 16px 2px !important;
    overflow-x: auto !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article {
    flex: 0 0 174px !important;
    min-height: 112px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-line) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article.featured {
    background: rgba(186, 255, 35, .085) !important;
    border-color: rgba(186, 255, 35, .35) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid span {
    color: var(--neo-match-lime) !important;
    font-size: .72rem !important;
    font-weight: 730 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid strong {
    display: block !important;
    margin-top: 9px !important;
    color: #fff !important;
    font-size: 1.65rem !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid p,
  body.analysis-app-page .analysis-v2-scenario-note {
    margin: 8px 0 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .7rem !important;
    line-height: 1.24 !important;
  }

  body.analysis-app-page .analysis-v2-stats-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-stats-title {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stats-title h3 {
    color: #fff !important;
    font-size: 1.12rem !important;
    font-weight: 670 !important;
  }

  body.analysis-app-page .analysis-v2-stats-title p,
  body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow) {
    color: var(--neo-match-muted) !important;
    font-size: .78rem !important;
    font-weight: 430 !important;
    line-height: 1.32 !important;
  }

  body.analysis-app-page .analysis-v2-form-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards article {
    padding: 12px !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-line) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards strong,
  body.analysis-app-page .analysis-v2-stat-row > strong {
    color: #fff !important;
    font-weight: 680 !important;
  }

  body.analysis-app-page .analysis-v2-stat-bars {
    display: grid !important;
    gap: 15px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    align-items: end !important;
  }

  body.analysis-app-page .analysis-v2-stat-row span {
    color: var(--neo-match-muted) !important;
    font-size: .76rem !important;
    font-weight: 660 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    height: 8px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .home {
    justify-self: end !important;
    background: #56c8d2 !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .away {
    justify-self: start !important;
    background: var(--neo-match-lime) !important;
  }

  body.analysis-app-page .analysis-v2-lineup-wrap {
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta > div {
    padding: 11px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .05) !important;
    border-color: var(--neo-match-line) !important;
  }

  body.analysis-app-page .analysis-v2-lineup-pitch {
    min-height: 640px !important;
    border-radius: 22px !important;
  }

  body.analysis-app-page .analysis-v2-odds-table article {
    min-height: 66px !important;
  }

  body.analysis-app-page .analysis-v2-match-analysis .analysis-v2-section-title p:not(.eyebrow) {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-prose {
    display: grid !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-prose p,
  body.analysis-app-page .analysis-v2-prose p.lead {
    margin: 0 !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: .86rem !important;
    font-weight: 420 !important;
    line-height: 1.52 !important;
  }

  html[data-theme="light"] body.analysis-app-page {
    --neo-match-ink: #111827;
    --neo-match-muted: #667085;
    --neo-match-panel: #ffffff;
    --neo-match-panel-soft: #f8fafc;
    --neo-match-line: rgba(15, 23, 42, .08);
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-layout {
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-match {
    color: #fff !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .07) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-head h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row > strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p.lead {
    color: #111827 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow),
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-note,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside small {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-meta > div {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside {
    background: rgba(186, 255, 35, .20) !important;
    border-color: rgba(112, 155, 20, .18) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds span {
    color: #667085 !important;
  }
}

/* Match detail iOS parity pass: full app sheet header, real public tabs, compact premium cards. */
@media (max-width: 899px) {
  body.analysis-app-page {
    --neo-match-bg: #05090b;
    --neo-match-panel: #101721;
    --neo-match-panel-2: #151d28;
    --neo-match-line: rgba(255, 255, 255, .09);
    --neo-match-soft-line: rgba(255, 255, 255, .06);
    --neo-match-ink: #f8fafc;
    --neo-match-muted: rgba(248, 250, 252, .62);
    --neo-match-lime: #baff23;
    --neo-match-cyan: #68eaff;
    background:
      radial-gradient(circle at 0 0, rgba(169, 255, 25, .17), transparent 34%),
      radial-gradient(circle at 100% 100%, rgba(82, 69, 160, .28), transparent 42%),
      var(--neo-match-bg) !important;
    color: var(--neo-match-ink) !important;
  }

  body.analysis-app-page > .app-header,
  body.analysis-app-page > .global-pro-banner,
  body.analysis-app-page .analysis-v2-info-row,
  body.analysis-app-page .analysis-v2-quality-panel,
  body.analysis-app-page .analysis-v2-picks-section > .analysis-v2-section-title,
  body.analysis-app-page .analysis-v2-evidence-grid,
  body.analysis-app-page .analysis-follow-form,
  body.analysis-app-page .analysis-v2-pronos-list form,
  body.analysis-app-page .analysis-v2-pronos-list .btn {
    display: none !important;
  }

  body.analysis-app-page .analysis-layout {
    width: 100% !important;
    min-height: 100svh !important;
    margin: 0 !important;
    padding: 0 0 calc(108px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-match {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    width: 100vw !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: calc(16px + env(safe-area-inset-top)) 18px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 0 8%, rgba(170, 255, 28, .18), transparent 35%),
      linear-gradient(135deg, #20330e 0%, #13222a 46%, #121322 100%) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .32) !important;
    color: #fff !important;
  }

  body.analysis-app-page .analysis-v2-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
  }

  body.analysis-app-page .analysis-v2-competition-title {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
    color: #fff !important;
    font-size: .94rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-competition-title i {
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(186, 255, 35, .12) !important;
    border: 1px solid rgba(104, 234, 255, .34) !important;
    font-size: 1rem !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-close {
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 17px !important;
    border: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: .84rem !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }

  body.analysis-app-page .analysis-v2-scoreboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(96px, .72fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  body.analysis-app-page .analysis-v2-team {
    display: grid !important;
    place-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-team img,
  body.analysis-app-page .analysis-v2-team .team-logo {
    width: 60px !important;
    height: 60px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
  }

  body.analysis-app-page .analysis-v2-team strong {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 680 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .team-favorite-form {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-score {
    display: grid !important;
    place-items: center !important;
    gap: 3px !important;
    color: #fff !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-score strong {
    color: #fff !important;
    font-size: clamp(2rem, 11vw, 2.85rem) !important;
    font-weight: 760 !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
  }

  body.analysis-app-page .analysis-v2-score span {
    color: rgba(255, 255, 255, .58) !important;
    font-size: .9rem !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 -18px !important;
    padding: 0 18px !important;
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-tabs a {
    position: relative !important;
    min-width: 0 !important;
    padding: 13px 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .55) !important;
    font-size: clamp(.76rem, 3.6vw, .93rem) !important;
    font-weight: 690 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active {
    color: #fff !important;
  }

  body.analysis-app-page .analysis-v2-tabs a.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: 20% !important;
    right: 20% !important;
    bottom: 0 !important;
    height: 4px !important;
    border-radius: 999px 999px 0 0 !important;
    background: var(--neo-match-lime) !important;
    box-shadow: 0 0 12px rgba(186, 255, 35, .32) !important;
  }

  body.analysis-app-page [data-analysis-panel][hidden],
  body.analysis-app-page [data-analysis-panel]:not(.is-active) {
    display: none !important;
  }

  body.analysis-app-page [data-analysis-panel].is-active {
    display: block !important;
  }

  body.analysis-app-page .analysis-v2-tab-panel,
  body.analysis-app-page .analysis-v2-card,
  body.analysis-app-page .analysis-v2-picks-section {
    width: calc(100% - 34px) !important;
    max-width: 760px !important;
    margin: 18px auto 0 !important;
  }

  body.analysis-app-page .analysis-v2-picks-grid {
    display: block !important;
  }

  body.analysis-app-page .analysis-v2-pick,
  body.analysis-app-page .analysis-v2-card {
    border-radius: 24px !important;
    background: rgba(16, 23, 33, .92) !important;
    border: 1px solid var(--neo-match-line) !important;
    box-shadow: none !important;
    color: var(--neo-match-ink) !important;
  }

  body.analysis-app-page .analysis-v2-pick {
    padding: 16px !important;
    border-color: rgba(104, 234, 255, .32) !important;
  }

  body.analysis-app-page .analysis-v2-card {
    padding: 16px !important;
  }

  body.analysis-app-page .analysis-v2-pick-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-pick .eyebrow,
  body.analysis-app-page .analysis-v2-pronos-head .eyebrow,
  body.analysis-app-page .analysis-v2-section-title .eyebrow {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 10px !important;
    padding: 5px 11px !important;
    border: 1px solid rgba(104, 234, 255, .38) !important;
    border-radius: 999px !important;
    background: rgba(104, 234, 255, .08) !important;
    color: var(--neo-match-cyan) !important;
    font-size: .7rem !important;
    font-weight: 730 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.analysis-app-page .analysis-v2-pick h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.1rem, 5vw, 1.38rem) !important;
    font-weight: 710 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.analysis-app-page .analysis-v2-pick p {
    margin: 8px 0 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .84rem !important;
    font-weight: 430 !important;
    line-height: 1.36 !important;
  }

  body.analysis-app-page .analysis-v2-odds,
  body.analysis-app-page .analysis-v2-pronos-list aside {
    min-width: 84px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    display: grid !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    gap: 7px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 0 !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-odds::before {
    content: "Cote" !important;
    color: var(--neo-match-muted) !important;
    font-size: .73rem !important;
    font-weight: 700 !important;
  }

  body.analysis-app-page .analysis-v2-odds strong,
  body.analysis-app-page .analysis-v2-pronos-list aside strong {
    color: var(--neo-match-lime) !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-odds span,
  body.analysis-app-page .analysis-v2-pronos-list aside small {
    max-width: 78px !important;
    overflow: hidden !important;
    color: var(--neo-match-muted) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    text-overflow: ellipsis !important;
  }

  body.analysis-app-page .analysis-v2-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body.analysis-app-page .analysis-v2-metrics span {
    min-height: 50px !important;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 14px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(255, 255, 255, .055) !important;
    color: var(--neo-match-muted) !important;
    font-size: .72rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-metrics strong {
    display: block !important;
    color: var(--neo-match-lime) !important;
    font-size: .94rem !important;
    font-weight: 780 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 12px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-head h2,
  body.analysis-app-page .analysis-v2-section-title h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.22rem !important;
    font-weight: 710 !important;
    line-height: 1.15 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list {
    display: grid !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 74px !important;
    padding: 13px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list article.featured {
    border-color: rgba(104, 234, 255, .24) !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list span {
    display: block !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: .72rem !important;
    font-weight: 670 !important;
    line-height: 1.12 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list h3 {
    margin: 5px 0 0 !important;
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 710 !important;
    line-height: 1.2 !important;
  }

  body.analysis-app-page .analysis-v2-pronos-list p {
    margin: 5px 0 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .73rem !important;
    line-height: 1.2 !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios {
    padding: 15px 0 !important;
  }

  body.analysis-app-page .analysis-v2-score-scenarios .analysis-v2-section-title {
    padding: 0 16px !important;
    margin: 0 0 12px !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid {
    display: flex !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 16px 1px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article {
    flex: 0 0 168px !important;
    min-height: 104px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid article.featured {
    background: rgba(186, 255, 35, .075) !important;
    border-color: rgba(186, 255, 35, .30) !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid span {
    color: var(--neo-match-lime) !important;
    font-size: .72rem !important;
    font-weight: 730 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid strong {
    display: block !important;
    margin-top: 8px !important;
    color: #fff !important;
    font-size: 1.55rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  body.analysis-app-page .analysis-v2-scenario-grid p,
  body.analysis-app-page .analysis-v2-scenario-note {
    margin: 7px 16px 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .7rem !important;
    line-height: 1.25 !important;
  }

  body.analysis-app-page .analysis-v2-mobile-extra {
    padding: 16px !important;
  }

  body.analysis-app-page .analysis-v2-mobile-extra > .analysis-v2-section-title {
    display: none !important;
  }

  body.analysis-app-page .analysis-v2-stats-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.analysis-app-page .analysis-v2-stats-title {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-mini-flag,
  body.analysis-app-page .analysis-v2-mini-flag img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
  }

  body.analysis-app-page .analysis-v2-stats-title h3 {
    color: #fff !important;
    font-size: 1.12rem !important;
    font-weight: 710 !important;
    margin: 0 !important;
  }

  body.analysis-app-page .analysis-v2-stats-title p {
    margin: 4px 0 0 !important;
    color: var(--neo-match-muted) !important;
    font-size: .75rem !important;
  }

  body.analysis-app-page .analysis-v2-form-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  body.analysis-app-page .analysis-v2-form-cards article {
    padding: 11px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-form-cards strong,
  body.analysis-app-page .analysis-v2-stat-row > strong {
    color: #fff !important;
    font-weight: 690 !important;
  }

  body.analysis-app-page .analysis-v2-stat-bars {
    display: grid !important;
    gap: 14px !important;
  }

  body.analysis-app-page .analysis-v2-stat-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 9px !important;
    align-items: end !important;
  }

  body.analysis-app-page .analysis-v2-stat-row span {
    color: var(--neo-match-muted) !important;
    font-size: .74rem !important;
    font-weight: 660 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    height: 8px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .home {
    justify-self: end !important;
    background: #56c8d2 !important;
  }

  body.analysis-app-page .analysis-v2-stat-row i .away {
    justify-self: start !important;
    background: var(--neo-match-lime) !important;
  }

  body.analysis-app-page .analysis-v2-lineup-wrap {
    display: grid !important;
    gap: 12px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.analysis-app-page .analysis-v2-lineup-meta > div {
    padding: 11px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-lineup-pitch {
    min-height: 620px !important;
    border-radius: 22px !important;
    background-color: #14261c !important;
  }

  body.analysis-app-page .analysis-v2-odds-table {
    display: grid !important;
    gap: 9px !important;
  }

  body.analysis-app-page .analysis-v2-odds-table article {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(46px, .34fr)) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-odds-table strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: .86rem !important;
    font-weight: 670 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.analysis-app-page .analysis-v2-odds-table span {
    padding: 7px 5px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
    font-size: .84rem !important;
    font-weight: 720 !important;
    text-align: center !important;
  }

  body.analysis-app-page .analysis-v2-empty-note,
  body.analysis-app-page .analysis-v2-pro-inline {
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid var(--neo-match-soft-line) !important;
  }

  body.analysis-app-page .analysis-v2-match-analysis {
    border-color: rgba(255, 255, 255, .08) !important;
  }

  body.analysis-app-page .analysis-v2-prose p,
  body.analysis-app-page .analysis-v2-prose p.lead {
    color: rgba(255, 255, 255, .68) !important;
    font-size: .86rem !important;
    font-weight: 420 !important;
    line-height: 1.5 !important;
  }

  html[data-theme="light"] body.analysis-app-page {
    --neo-match-bg: #eef2f6;
    --neo-match-panel: #ffffff;
    --neo-match-panel-2: #f8fafc;
    --neo-match-line: rgba(15, 23, 42, .08);
    --neo-match-soft-line: rgba(15, 23, 42, .075);
    --neo-match-ink: #101828;
    --neo-match-muted: #667085;
    background: #eef2f6 !important;
    color: var(--neo-match-ink) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-layout {
    background: #eef2f6 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-match {
    color: #fff !important;
    background:
      radial-gradient(circle at 0 8%, rgba(170, 255, 28, .18), transparent 35%),
      linear-gradient(135deg, #20330e 0%, #13222a 46%, #121322 100%) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-card {
    background: #fff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .07) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-head h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title h2,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title h3,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row > strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table strong,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-prose p.lead {
    color: #101828 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-pick p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-section-title p:not(.eyebrow),
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stats-title p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-stat-row span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid p,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-note,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside small,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds span {
    color: #667085 !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-metrics span,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-scenario-grid article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-form-cards article,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-lineup-meta > div,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-empty-note,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pro-inline {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds,
  html[data-theme="light"] body.analysis-app-page .analysis-v2-pronos-list aside {
    background: rgba(186, 255, 35, .20) !important;
  }

  html[data-theme="light"] body.analysis-app-page .analysis-v2-odds-table span {
    background: #eef2f6 !important;
    color: #101828 !important;
  }
}

/* 2026-07-02: Mon profil, rendu blanc final du contenu */
body.profile-app-page:not(.account-app-page) {
  background: #eef2f5 !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page)::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% -6%, rgba(186, 255, 35, .14), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(73, 202, 255, .10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

body.profile-app-page:not(.account-app-page) .app-main.profile-app {
  width: min(100% - 28px, 560px) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 16px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  color: #111827 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity,
body.profile-app-page:not(.account-app-page) .profile-app-subscription,
body.profile-app-page:not(.account-app-page) .profile-app-menu {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #ffffff !important;
  border-radius: 21px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity {
  gap: 12px !important;
  padding: 13px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(186, 255, 35, .50) !important;
  background: #f4f7fa !important;
  box-shadow: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-avatar img {
  width: 108% !important;
  height: 108% !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity h1,
body.profile-app-page:not(.account-app-page) .profile-app-subscription h2,
body.profile-app-page:not(.account-app-page) .profile-app-section > h2,
body.profile-app-page:not(.account-app-page) .profile-app-row {
  color: #111827 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity h1 {
  margin: 0 !important;
  font-size: 1.22rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p,
body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.25 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity p {
  color: #667085 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-identity small {
  color: #98a2b3 !important;
  font-size: .72rem !important;
  font-weight: 450 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription {
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 14px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-pill {
  min-height: 25px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(186, 255, 35, .58) !important;
  border-radius: 999px !important;
  background: #ecffd4 !important;
  color: #111827 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription-main {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription h2 {
  max-width: none !important;
  margin: 0 !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-subscription p {
  margin: 6px 0 0 !important;
  color: #667085 !important;
  font-size: .78rem !important;
  font-weight: 450 !important;
  line-height: 1.36 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown {
  width: 34px !important;
  height: 34px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-crown svg,
body.profile-app-page:not(.account-app-page) .profile-app-row-icon svg,
body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  stroke-width: 1.75 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note {
  gap: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
  color: #667085 !important;
  font-size: .74rem !important;
  font-weight: 450 !important;
  line-height: 1.34 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-access-note svg {
  width: 19px !important;
  height: 19px !important;
  color: #98e90c !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-primary {
  width: 100% !important;
  min-height: 41px !important;
  border-radius: 14px !important;
  background: #aaff12 !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 650 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section {
  margin-top: 14px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-section > h2 {
  margin: 0 0 8px !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-menu {
  display: grid !important;
  gap: 0 !important;
  padding: 6px !important;
  border-radius: 19px !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-form {
  margin: 0 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row {
  grid-template-columns: 23px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 47px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row-form + .profile-app-row,
body.profile-app-page:not(.account-app-page) .profile-app-row + .profile-app-row-form {
  border-top: 1px solid rgba(15, 23, 42, .055) !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row:hover,
body.profile-app-page:not(.account-app-page) .profile-app-row:focus-visible {
  background: #f6f8fb !important;
  transform: none !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row-icon {
  width: 22px !important;
  height: 22px !important;
  color: #7f8a9b !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row em {
  color: #9aa4b2 !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
}

body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger .profile-app-row-icon,
body.profile-app-page:not(.account-app-page) .profile-app-row.is-danger em {
  color: #ef4444 !important;
}

@media (max-width: 899px) {
  body.profile-app-page:not(.account-app-page) .app-main.profile-app {
    width: min(100% - 24px, 560px) !important;
    padding-top: 14px !important;
  }
}

/* 2026-07-02: Mon compte, rendu blanc final du contenu */
body.profile-app-page.account-app-page {
  background: #eef2f5 !important;
  color: #111827 !important;
}

body.profile-app-page.account-app-page::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% -6%, rgba(186, 255, 35, .14), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(73, 202, 255, .10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

body.profile-app-page.account-app-page .app-main.profile-app.account-app {
  width: min(100% - 28px, 620px) !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 16px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  color: #111827 !important;
}

body.profile-app-page.account-app-page .account-app-back {
  min-height: 34px !important;
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(15, 23, 42, .075) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #667085 !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05) !important;
  font-size: .78rem !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page.account-app-page .account-app-identity,
body.profile-app-page.account-app-page .account-app-card,
body.profile-app-page.account-app-page .account-app-danger {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #ffffff !important;
  border-radius: 21px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  color: #111827 !important;
}

body.profile-app-page.account-app-page .account-app-identity {
  gap: 12px !important;
  padding: 13px !important;
}

body.profile-app-page.account-app-page .profile-app-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(186, 255, 35, .50) !important;
  background: #f4f7fa !important;
  box-shadow: none !important;
}

body.profile-app-page.account-app-page .profile-app-avatar img {
  width: 108% !important;
  height: 108% !important;
}

body.profile-app-page.account-app-page .account-app-identity h1 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.22rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page.account-app-page .account-app-identity p,
body.profile-app-page.account-app-page .account-app-identity small {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page.account-app-page .account-app-identity p {
  color: #667085 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
}

body.profile-app-page.account-app-page .account-app-identity small {
  color: #98a2b3 !important;
  font-size: .72rem !important;
  font-weight: 450 !important;
}

body.profile-app-page.account-app-page .account-app-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

body.profile-app-page.account-app-page .account-app-card,
body.profile-app-page.account-app-page .account-app-danger {
  padding: 14px !important;
}

body.profile-app-page.account-app-page .account-app-danger {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 12px !important;
  border-color: rgba(239, 68, 68, .16) !important;
}

body.profile-app-page.account-app-page .profile-app-detail .section-heading,
body.profile-app-page.account-app-page .account-app-danger > div {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
}

body.profile-app-page.account-app-page .profile-app-detail .eyebrow {
  margin: 0 !important;
  color: #7bbd00 !important;
  font-size: .66rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.profile-app-page.account-app-page .profile-app-detail h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.02rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page.account-app-page .profile-app-detail p,
body.profile-app-page.account-app-page .profile-app-detail label,
body.profile-app-page.account-app-page .profile-app-detail small {
  color: #667085 !important;
  font-size: .78rem !important;
  font-weight: 450 !important;
  line-height: 1.36 !important;
}

body.profile-app-page.account-app-page .streamer-form,
body.profile-app-page.account-app-page .form-stack {
  display: grid !important;
  gap: 10px !important;
  margin-top: 11px !important;
}

body.profile-app-page.account-app-page .streamer-toggle {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(15, 23, 42, .065) !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
}

body.profile-app-page.account-app-page .streamer-toggle input {
  width: 38px !important;
  height: 21px !important;
  accent-color: #aaff12 !important;
}

body.profile-app-page.account-app-page .streamer-toggle strong {
  color: #111827 !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
}

body.profile-app-page.account-app-page .streamer-toggle small {
  margin-top: 3px !important;
  color: #7d8794 !important;
  font-size: .72rem !important;
  font-weight: 450 !important;
  line-height: 1.3 !important;
}

body.profile-app-page.account-app-page .profile-app-detail label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.profile-app-page.account-app-page .profile-app-detail input,
body.profile-app-page.account-app-page .profile-app-detail textarea {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(15, 23, 42, .075) !important;
  border-radius: 13px !important;
  background: #f5f7fa !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 500 !important;
}

body.profile-app-page.account-app-page .profile-app-detail input::placeholder {
  color: #9aa4b2 !important;
}

body.profile-app-page.account-app-page .profile-app-detail .btn,
body.profile-app-page.account-app-page .profile-app-detail button.btn {
  min-height: 41px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.profile-app-page.account-app-page .profile-app-detail .btn-primary,
body.profile-app-page.account-app-page .profile-app-detail .btn-soft {
  border: 1px solid rgba(170, 255, 18, .72) !important;
  background: #aaff12 !important;
  color: #111827 !important;
}

body.profile-app-page.account-app-page .profile-app-detail .btn-ghost {
  border: 1px solid rgba(239, 68, 68, .20) !important;
  background: #fff5f5 !important;
  color: #dc2626 !important;
}

@media (max-width: 899px) {
  body.profile-app-page.account-app-page .app-main.profile-app.account-app {
    width: min(100% - 24px, 620px) !important;
    padding-top: 14px !important;
  }
}

/* 2026-07-02: Historique TopStats et Affiliation, theme blanc fin */
body.neo-history-app-page,
body.affiliate-dashboard-page {
  overflow-x: hidden !important;
  background: #eef2f5 !important;
  color: #111827 !important;
}

body.neo-history-app-page::before,
body.affiliate-dashboard-page::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% -6%, rgba(186, 255, 35, .14), transparent 28%),
    radial-gradient(circle at 88% 2%, rgba(73, 202, 255, .10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
}

body.neo-history-app-page .neo-history-app,
body.affiliate-dashboard-page .affiliate-dashboard-shell {
  width: min(100% - 28px, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 16px 0 calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  color: #111827 !important;
}

body.neo-history-app-page .neo-history-app *,
body.affiliate-dashboard-page .affiliate-dashboard-shell * {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.neo-history-app-page .neo-history-app-hero,
body.neo-history-app-page .neo-history-gain-card,
body.neo-history-app-page .neo-history-fomo,
body.neo-history-app-page .neo-history-summary article,
body.neo-history-app-page .neo-history-card,
body.neo-history-app-page .empty-state,
body.affiliate-dashboard-page .affiliate-hero-card,
body.affiliate-dashboard-page .affiliate-primer article,
body.affiliate-dashboard-page .affiliate-tier-card,
body.affiliate-dashboard-page .affiliate-create-card,
body.affiliate-dashboard-page .affiliate-kpi-card,
body.affiliate-dashboard-page .affiliate-share-card,
body.affiliate-dashboard-page .affiliate-progress-card,
body.affiliate-dashboard-page .affiliate-panel,
body.affiliate-dashboard-page .affiliate-payout-card,
body.affiliate-dashboard-page .affiliate-mobile-list article {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #ffffff !important;
  border-radius: 21px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  color: #111827 !important;
}

body.neo-history-app-page .neo-history-app-hero,
body.affiliate-dashboard-page .affiliate-hero-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 13px !important;
}

body.affiliate-dashboard-page .affiliate-hero-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.neo-history-app-page .neo-history-app-hero > span {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(186, 255, 35, .50) !important;
  background: #f4f7fa !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.neo-history-app-page .neo-history-app-hero img {
  width: 108% !important;
  height: 108% !important;
  object-fit: contain !important;
}

body.neo-history-app-page .eyebrow,
body.affiliate-dashboard-page .eyebrow {
  margin: 0 !important;
  color: #7bbd00 !important;
  font-size: .66rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.neo-history-app-page .neo-history-app-hero h1,
body.affiliate-dashboard-page .affiliate-hero-card h1 {
  margin: 4px 0 0 !important;
  color: #111827 !important;
  font-size: 1.24rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.neo-history-app-page .neo-history-app-hero p:not(.eyebrow),
body.affiliate-dashboard-page .affiliate-hero-card p:not(.eyebrow),
body.affiliate-dashboard-page .affiliate-panel-head p,
body.affiliate-dashboard-page .affiliate-tier-head p,
body.affiliate-dashboard-page .affiliate-create-card p,
body.affiliate-dashboard-page .affiliate-payout-card p,
body.neo-history-app-page .neo-history-fomo p,
body.neo-history-app-page .neo-history-gain-card p,
body.neo-history-app-page .empty-state p {
  margin: 5px 0 0 !important;
  color: #667085 !important;
  font-size: .78rem !important;
  font-weight: 450 !important;
  line-height: 1.36 !important;
}

body.affiliate-dashboard-page .affiliate-status-pill,
body.affiliate-dashboard-page .affiliate-table-count,
body.neo-history-app-page .pick-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(186, 255, 35, .58) !important;
  border-radius: 999px !important;
  background: #ecffd4 !important;
  color: #111827 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.neo-history-app-page .neo-history-gain-grid,
body.affiliate-dashboard-page .affiliate-primer,
body.affiliate-dashboard-page .affiliate-kpi-grid,
body.affiliate-dashboard-page .affiliate-tier-grid,
body.affiliate-dashboard-page .affiliate-dashboard-layout {
  display: grid !important;
  gap: 10px !important;
  margin: 12px 0 0 !important;
}

body.affiliate-dashboard-page .affiliate-primer,
body.affiliate-dashboard-page .affiliate-tier-grid,
body.affiliate-dashboard-page .affiliate-kpi-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.affiliate-dashboard-page .affiliate-dashboard-layout {
  grid-template-columns: 1fr !important;
}

body.neo-history-app-page .neo-history-gain-card,
body.neo-history-app-page .neo-history-fomo,
body.affiliate-dashboard-page .affiliate-tier-card,
body.affiliate-dashboard-page .affiliate-create-card,
body.affiliate-dashboard-page .affiliate-share-card,
body.affiliate-dashboard-page .affiliate-progress-card,
body.affiliate-dashboard-page .affiliate-panel,
body.affiliate-dashboard-page .affiliate-payout-card {
  margin-top: 12px !important;
  padding: 14px !important;
}

body.affiliate-dashboard-page .affiliate-primer article,
body.affiliate-dashboard-page .affiliate-tier-grid article,
body.affiliate-dashboard-page .affiliate-kpi-card {
  padding: 12px !important;
}

body.affiliate-dashboard-page .affiliate-primer span,
body.affiliate-dashboard-page .affiliate-tier-grid strong,
body.affiliate-dashboard-page .affiliate-kpi-card strong,
body.affiliate-dashboard-page .affiliate-share-card h2,
body.affiliate-dashboard-page .affiliate-progress-card h2,
body.neo-history-app-page .neo-history-gain-card strong {
  color: #111827 !important;
  font-size: 1.12rem !important;
  font-weight: 650 !important;
  line-height: 1.08 !important;
}

body.affiliate-dashboard-page .affiliate-primer strong,
body.affiliate-dashboard-page .affiliate-tier-head h2,
body.affiliate-dashboard-page .affiliate-create-card h2,
body.affiliate-dashboard-page .affiliate-panel-head h2,
body.affiliate-dashboard-page .affiliate-payout-card h2,
body.neo-history-app-page .neo-history-gain-card h2,
body.neo-history-app-page .neo-history-fomo h2,
body.neo-history-app-page .empty-state h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 1.02rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.affiliate-dashboard-page .affiliate-primer p,
body.affiliate-dashboard-page .affiliate-kpi-card span,
body.affiliate-dashboard-page .affiliate-kpi-card small,
body.affiliate-dashboard-page .affiliate-tier-grid small,
body.affiliate-dashboard-page .affiliate-tier-grid span,
body.affiliate-dashboard-page .affiliate-code-row span,
body.affiliate-dashboard-page .affiliate-code-row small {
  margin: 4px 0 0 !important;
  color: #667085 !important;
  font-size: .74rem !important;
  font-weight: 450 !important;
  line-height: 1.3 !important;
}

body.affiliate-dashboard-page .affiliate-tier-head,
body.affiliate-dashboard-page .affiliate-create-card,
body.affiliate-dashboard-page .affiliate-panel-head,
body.affiliate-dashboard-page .affiliate-payout-card {
  display: grid !important;
  gap: 8px !important;
}

body.affiliate-dashboard-page .affiliate-copy-row,
body.affiliate-dashboard-page .affiliate-create-form > div,
body.affiliate-dashboard-page .affiliate-payout-card .form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

body.affiliate-dashboard-page .affiliate-copy-box,
body.affiliate-dashboard-page .affiliate-code-row,
body.affiliate-dashboard-page .affiliate-progress-bar,
body.affiliate-dashboard-page .affiliate-range-tabs,
body.neo-history-app-page .neo-history-card-compact .neo-history-signals span {
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
}

body.affiliate-dashboard-page .affiliate-copy-box {
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 10px !important;
  color: #111827 !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.affiliate-dashboard-page .affiliate-code-row {
  display: grid !important;
  gap: 4px !important;
  padding: 10px !important;
}

body.affiliate-dashboard-page .affiliate-code-row strong {
  color: #111827 !important;
  font-size: .96rem !important;
  font-weight: 650 !important;
}

body.affiliate-dashboard-page .affiliate-progress-bar {
  height: 8px !important;
  overflow: hidden !important;
}

body.affiliate-dashboard-page .affiliate-progress-bar span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: #aaff12 !important;
}

body.affiliate-dashboard-page .affiliate-range-tabs {
  display: inline-grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  width: 100% !important;
}

body.affiliate-dashboard-page .affiliate-range-tabs a {
  min-height: 31px !important;
  padding: 0 8px !important;
  border-radius: 10px !important;
  color: #667085 !important;
  font-size: .74rem !important;
  font-weight: 600 !important;
  text-align: center !important;
}

body.affiliate-dashboard-page .affiliate-range-tabs a.active {
  background: #aaff12 !important;
  color: #111827 !important;
}

body.affiliate-dashboard-page .affiliate-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(15, 23, 42, .055) !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  -webkit-overflow-scrolling: touch !important;
}

body.affiliate-dashboard-page .affiliate-table-wrap table {
  min-width: 620px !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

body.affiliate-dashboard-page .affiliate-table-wrap th,
body.affiliate-dashboard-page .affiliate-table-wrap td {
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .055) !important;
  color: #667085 !important;
  font-size: .73rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

body.affiliate-dashboard-page .affiliate-table-wrap th {
  color: #111827 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

body.affiliate-dashboard-page .affiliate-table-wrap td strong {
  color: #111827 !important;
  font-weight: 650 !important;
}

body.affiliate-dashboard-page .affiliate-mobile-list {
  display: none !important;
}

body.affiliate-dashboard-page .affiliate-pagination,
body.neo-history-app-page .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  color: #667085 !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
}

body.affiliate-dashboard-page .affiliate-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 23px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #eef2f6 !important;
  color: #667085 !important;
  font-size: .66rem !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

body.affiliate-dashboard-page .affiliate-status-badge.is-pro {
  background: #ecffd4 !important;
  color: #111827 !important;
}

body.affiliate-dashboard-page .affiliate-create-form,
body.affiliate-dashboard-page .affiliate-payout-card .form-grid {
  margin-top: 8px !important;
}

body.affiliate-dashboard-page .affiliate-create-form label,
body.affiliate-dashboard-page .affiliate-payout-card label {
  display: grid !important;
  gap: 6px !important;
  color: #667085 !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
}

body.affiliate-dashboard-page .affiliate-create-form input,
body.affiliate-dashboard-page .affiliate-payout-card input,
body.affiliate-dashboard-page .affiliate-payout-card textarea {
  width: 100% !important;
  min-height: 41px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(15, 23, 42, .075) !important;
  border-radius: 13px !important;
  background: #f5f7fa !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: .84rem !important;
  font-weight: 500 !important;
}

body.affiliate-dashboard-page .affiliate-payout-card textarea {
  min-height: 74px !important;
  padding-top: 10px !important;
}

body.affiliate-dashboard-page .span-2 {
  grid-column: auto !important;
}

body.affiliate-dashboard-page .btn,
body.neo-history-app-page .btn {
  min-height: 39px !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  font-size: .8rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.affiliate-dashboard-page .btn-primary,
body.neo-history-app-page .btn-primary {
  border: 1px solid rgba(170, 255, 18, .72) !important;
  background: #aaff12 !important;
  color: #111827 !important;
}

body.affiliate-dashboard-page .btn-soft,
body.neo-history-app-page .btn-soft {
  border: 1px solid rgba(15, 23, 42, .075) !important;
  background: #f5f7fa !important;
  color: #111827 !important;
}

body.neo-history-app-page .neo-history-summary.compact {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

body.neo-history-app-page .neo-history-summary.compact article {
  min-height: 66px !important;
  padding: 10px !important;
  text-align: center !important;
}

body.neo-history-app-page .neo-history-summary.compact span {
  display: block !important;
  color: #111827 !important;
  font-size: 1.12rem !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
}

body.neo-history-app-page .neo-history-summary.compact p {
  margin: 4px 0 0 !important;
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.neo-history-app-page .neo-history-list {
  display: grid !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

body.neo-history-app-page .neo-history-card.neo-history-card-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-main span {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-main h2 {
  margin: 4px 0 0 !important;
  color: #111827 !important;
  font-size: .96rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-meta {
  display: grid !important;
  justify-items: end !important;
  align-content: start !important;
  gap: 4px !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-meta strong {
  color: #111827 !important;
  font-size: .94rem !important;
  font-weight: 650 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-meta small,
body.neo-history-app-page .neo-history-card-compact .neo-history-foot {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 500 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-signals {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-signals span {
  padding: 7px 8px !important;
  color: #667085 !important;
  font-size: .66rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-signals strong {
  display: block !important;
  margin-top: 2px !important;
  color: #111827 !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-foot {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(15, 23, 42, .055) !important;
}

@media (max-width: 899px) {
  body.neo-history-app-page .neo-history-app,
  body.affiliate-dashboard-page .affiliate-dashboard-shell {
    width: min(100% - 24px, 620px) !important;
    padding-top: 14px !important;
  }

  body.affiliate-dashboard-page .affiliate-hero-card {
    grid-template-columns: 1fr !important;
  }

  body.affiliate-dashboard-page .affiliate-status-pill {
    justify-self: start !important;
  }

  body.affiliate-dashboard-page .affiliate-primer,
  body.affiliate-dashboard-page .affiliate-tier-grid,
  body.affiliate-dashboard-page .affiliate-kpi-grid,
  body.neo-history-app-page .neo-history-summary.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.affiliate-dashboard-page .affiliate-desktop-table {
    display: none !important;
  }

  body.affiliate-dashboard-page .affiliate-mobile-list {
    display: grid !important;
    gap: 8px !important;
  }

  body.affiliate-dashboard-page .affiliate-mobile-list article {
    display: grid !important;
    gap: 6px !important;
    padding: 10px !important;
    box-shadow: none !important;
  }

  body.affiliate-dashboard-page .affiliate-mobile-list article > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  body.affiliate-dashboard-page .affiliate-mobile-list strong {
    color: #111827 !important;
    font-size: .84rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
  }

  body.affiliate-dashboard-page .affiliate-mobile-list p,
  body.affiliate-dashboard-page .affiliate-mobile-list small {
    margin: 0 !important;
    color: #667085 !important;
    font-size: .72rem !important;
    font-weight: 450 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 420px) {
  body.affiliate-dashboard-page .affiliate-primer,
  body.affiliate-dashboard-page .affiliate-tier-grid,
  body.affiliate-dashboard-page .affiliate-kpi-grid,
  body.neo-history-app-page .neo-history-summary.compact,
  body.neo-history-app-page .neo-history-card-compact .neo-history-signals {
    grid-template-columns: 1fr !important;
  }

  body.neo-history-app-page .neo-history-card.neo-history-card-compact {
    grid-template-columns: 1fr !important;
  }

  body.neo-history-app-page .neo-history-card-compact .neo-history-meta {
    justify-items: start !important;
  }
}

/* 2026-07-02: Historique TopStats, statuts resultats et mise en avant PRO */
body.neo-history-app-page .pick-status.pick-status-validated {
  border-color: rgba(34, 197, 94, .30) !important;
  background: #dcfce7 !important;
  color: #15803d !important;
}

body.neo-history-app-page .pick-status.pick-status-lost {
  border-color: rgba(239, 68, 68, .26) !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

body.neo-history-app-page .pick-status.pick-status-void {
  border-color: rgba(100, 116, 139, .22) !important;
  background: #eef2f6 !important;
  color: #64748b !important;
}

body.neo-history-app-page .neo-history-fomo h2 {
  font-weight: 520 !important;
}

body.neo-history-app-page .neo-history-fomo h2 strong {
  color: #16a34a !important;
  font-weight: 760 !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-meta {
  justify-items: end !important;
}

body.neo-history-app-page .neo-history-card-compact .neo-history-meta .pick-status {
  min-height: 24px !important;
}

body.neo-history-app-page .neo-history-summary.compact article:nth-child(2) span {
  color: #16a34a !important;
}

body.neo-history-app-page .neo-history-summary.compact article:nth-child(3) span {
  color: #dc2626 !important;
}

body.neo-history-app-page .neo-history-summary.compact article:nth-child(4) span {
  color: #64748b !important;
}

/* 2026-06-30: page Matchs, lignes de matchs finales.
   Ciblage strict: uniquement les lignes de matchs de /matches, avec mode cotes conservé. */
@media (max-width: 899px) {
  body.matches-app-page .app-match-row,
  body.matches-app-page .app-match-row.has-odds {
    min-height: 62px !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 27px 24px !important;
    gap: 8px !important;
    align-items: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: none !important;
  }

  body.matches-app-page .app-match-status {
    color: rgba(255, 255, 255, .68) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.matches-app-page .app-match-teams {
    min-width: 0 !important;
    gap: 4px !important;
  }

  body.matches-app-page .app-match-team {
    min-width: 0 !important;
    min-height: 20px !important;
    gap: 7px !important;
  }

  body.matches-app-page .app-team-flag {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body.matches-app-page .app-team-flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.matches-app-page .app-match-team strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: .88rem !important;
    font-weight: 560 !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.matches-app-page .app-match-score {
    display: grid !important;
    gap: 3px !important;
    justify-items: center !important;
  }

  body.matches-app-page .app-match-score strong {
    color: rgba(255, 255, 255, .92) !important;
    font-size: .82rem !important;
    font-weight: 720 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .app-match-star {
    width: 24px !important;
    height: 24px !important;
    font-size: 1.18rem !important;
    justify-self: end !important;
    color: rgba(255, 255, 255, .56) !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds {
    min-height: 66px !important;
    padding: 8px 9px !important;
    grid-template-columns: 40px minmax(84px, 1fr) minmax(108px, 122px) 24px 21px !important;
    gap: 6px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-status {
    font-size: .69rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team {
    gap: 5px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-team-flag {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-team strong {
    font-size: .78rem !important;
    font-weight: 560 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em {
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 2px 3px !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 0 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    color: rgba(255, 255, 255, .58) !important;
    font-size: .54rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    color: rgba(255, 255, 255, .9) !important;
    font-size: .66rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score {
    width: 24px !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-score strong {
    font-size: .75rem !important;
  }

  body.matches-app-page .matches-app.show-odds .app-match-row.has-odds .app-match-star {
    width: 21px !important;
    height: 21px !important;
    font-size: 1.04rem !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-row,
  html[data-theme="light"] body.matches-app-page .app-match-row.has-odds {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: #101828 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045) !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-status {
    color: #667085 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-team strong,
  html[data-theme="light"] body.matches-app-page .app-match-score strong {
    color: #101828 !important;
  }

  html[data-theme="light"] body.matches-app-page .app-match-star {
    color: #64748b !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em {
    background: #eef2f7 !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em small {
    color: #64748b !important;
  }

  html[data-theme="light"] body.matches-app-page .matches-app.show-odds .app-match-odds em strong {
    color: #101828 !important;
  }
}