@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap");
/* 01 Variables */
#mcfav-root {
  --mc-bg: #07070d;
  --mc-panel: #11131c;
  --mc-panel-2: #171925;
  --mc-card: #1d202c;
  --mc-line: rgba(255, 255, 255, .08);
  --mc-text: #fff;
  --mc-muted: #9ca0af;
  --mc-primary: #7d55ff;
  --mc-primary-2: #f157ff;
  --mc-gradient: linear-gradient(135deg, #f157ff, #7d55ff);
  --mc-radius: 12px;
  --mc-row: 64px;
  --mc-league: 40px;
  --mc-icon-search: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M15.7 13.58h-1.38a6.96 6.96 0 0 0 1.7-4.57C16.02 5.14 12.88 2 9.01 2S2 5.14 2 9.01s3.14 7.01 7.01 7.01c1.75 0 3.34-.64 4.57-1.7v1.38l6.3 6.3L22 19.88zm-6.69.44C6.25 14.02 4 11.77 4 9.01S6.25 4 9.01 4s5.01 2.25 5.01 5.01-2.25 5.01-5.01 5.01'/%3E%3C/svg%3E");
  font-family: "Rajdhani", sans-serif !important;
}

#mcfav-root button,
#mcfav-root input,
#mcfav-root label {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Rajdhani", sans-serif !important;
}

#mcfav-root button {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  box-shadow: none;
  text-transform: none;
  line-height: 1;
}

/* 02 Reset */
#mcfav-root *,
#mcfav-root *:before,
#mcfav-root *:after {
  box-sizing: border-box;
}

#mcfav-root button,
#mcfav-root input {
  font-family: "Rajdhani", sans-serif !important;
}

/* 03 Layout */
.mcfav-shell {
  width: 100%;
  display: grid;
  grid-template-columns: 520px minmax(0, 1fr) 300px;
  gap: 16px;
}

.mcfav-left,
.mcfav-detail-card {
  background: var(--mc-panel);
  border: 1px solid var(--mc-line);
  border-radius: 16px;
  overflow: hidden;
}

/* 04 Header */
.mcfav-sofa-header {
  min-height: 116px;
  height: auto;
  display: flex;
  flex-direction: column;
  background: var(--mc-panel);
}

.mcfav-sofa-row-main {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  padding-bottom: 10px;
}

.mcfav-sofa-row-status {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px 10px;
  border-top: 1px solid var(--mc-line);
}

.mcfav-list {
  padding: 8px;
}

/* Search */
.mcfav-search {
  position: relative;
  flex: 1;
  min-width: 0;
}

.mcfav-search:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: #c7cbd6;
  z-index: 2;
  pointer-events: none;
  -webkit-mask: var(--mc-icon-search) center/contain no-repeat;
  mask: var(--mc-icon-search) center/contain no-repeat;
}

#mcfav-root .mcfav-search input {
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: #252a31;
  color: #fff;
  padding: 0 14px 0 46px !important;
  outline: 0;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  text-align: left !important;
}

#mcfav-root .mcfav-search input::placeholder {
  color: #a8afbc;
}

/* Date */
.mcfav-date-nav {
  flex: 0 0 168px;
  height: 36px;
  display: flex;
  position: relative !important;
  overflow: visible !important;
  border: 1px solid var(--mc-line);
  border-radius: 10px;
  background: #1b202a;
  z-index: 99999;
}

#mcfav-root .mcfav-date-nav > button{
  height:36px;
  margin:0 !important;
  padding:0 !important;
  border:0;
  background:transparent;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:36px;
}

#mcfav-root .mcfav-date-arrow {
  width: 40px;
  flex: 0 0 40px;
  font-size:24px;
  color: #b8bfd0;
}

.mcfav-date-current {
  flex: 1;
  border-left: 1px solid var(--mc-line) !important;
  border-right: 1px solid var(--mc-line) !important;
}

/* Filter tabs */
.mcfav-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.mcfav-tabs::-webkit-scrollbar {
  display: none;
}

#mcfav-root .mcfav-tabs button {
  height: 30px;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0;
  border-radius: 999px;
  background: #202633;
  color: #c4cad6;
  font-size: 12px;
  font-weight: 800;
  line-height: 30px;
  white-space: nowrap;
}

#mcfav-root .mcfav-tabs button.active {
  background: var(--mc-gradient);
  color: #fff;
}

/* 05 League + Match List */
.mcfav-list {
  padding: 0;
  background: #151a1f;
}

.mcfav-league {
  margin: 0;
  background: #151a1f;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  border-radius: 0;
  overflow: hidden;
}

.mcfav-league-head {
  height: 48px;
  display:flex;
  align-items: center;
  gap:10px;
  padding: 0 8px;
  border-bottom: 0;
}

.mcfav-league-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mcfav-league-logo img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.mcfav-league-info {
  flex:1;
  min-width: 0;
}

.mcfav-league-info strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 16px;
}

.mcfav-league-info span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8f98a8;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}

.mcfav-league-count {
  height: 22px;
  min-width: 30px;
  padding: 0 8px;
  border-radius: 999px;
  background: #0e1218;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-size: 11px;
  font-weight: 900;
  flex:0 0 auto;
}

.mcfav-league-count b {
  color: #ff315d;
}

.mcfav-league-count span,
.mcfav-league-count em {
  color: #fff;
  font-style: normal;
}

.mcfav-league-toggle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aeb6c5;
  background: rgba(255, 255, 255, .04) !important;
  cursor: pointer;
  flex:0 0 auto;
  margin-left:6px;
}

.mcfav-league-toggle svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  transition: transform .18s ease;
}

.mcfav-league.collapsed .mcfav-league-toggle svg {
  transform: rotate(-180deg);
}

.mcfav-league.collapsed .mcfav-league-matches {
  display: none;
}

/* Match row - SofaScore style */
.mcfav-match {
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 126px 26px 48px;
  column-gap: 12px;
  align-items: center;
  padding: 6px 16px 6px 8px;
  /* 右边从8改16(或18、20) */
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.mcfav-match:hover,
.mcfav-match.active {
  background: rgba(255, 255, 255, .045);
}

.mcfav-match-timebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #93a0b2;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.mcfav-match-timebox b {
  color: #ff315d;
  font-size: 11px;
  font-weight: 900;
}

.mcfav-match-main {
  min-width: 0;
  display: grid;
  grid-template-rows: 18px 18px;
  gap: 1px;
}

.mcfav-match-team {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
}

.mcfav-match-team img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}

.mcfav-match-team span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mcfav-match-meta mark {
  padding: 0 3px;
  border-radius: 2px;
  background: #fff000;
  color: #111;
  font-size: 10px;
  font-weight: 900;
}

.mcfav-match-meta small {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8791a1;
  font-size: 10px;
  font-weight: 700;
}

.mcfav-match-odds {
  display: grid;
  grid-template-columns: repeat(3, 36px);
  gap: 5px;
  align-items: center;
  justify-content: end;
}

.mcfav-match-odds div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.mcfav-match-odds span {
  color: #9ca5b5;
  font-size: 10px;
  font-weight: 800;
  line-height: 10px;
}

.mcfav-match-odds b {
  width: 34px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 4px;
  background: #151a1f;
  color: #f8c24e;
  font-size: 11px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
}

.mcfav-match-score {
  grid-column: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #ff315d;
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
}

.mcfav-match-score b:empty {
  visibility: hidden;
}

/* Stats button */
.mcfav-match-stats {
  grid-column: 5;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  background: #1b202a;
  justify-self: start;
}

.mcfav-match-stats:hover {
  background: #262d39;
  border-color: rgba(125, 85, 255, .45);
}

.mcfav-match-stats svg {
  width: 16px;
  height: 16px;

  display: block;
}

.mcfav-match-stats svg path {
  fill: #8e97a8;
  transition: fill .18s;
}

.mcfav-match-stats:hover svg path {
  fill: var(--mc-primary);
}

.mcfav-match.active .mcfav-match-stats {
  border-color: var(--mc-primary);
  background: rgba(125, 85, 255, .10);
}

.mcfav-match.active .mcfav-match-stats svg path {
  fill: var(--mc-primary);
}

/* 06 Detail */
/* Right default panel - SofaScore style */
.mcfav-default-panel,
.mcfav-detail-card {
  background: #0b0d12;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 14px;
  overflow: hidden;
}

.mcfav-default-hero {
  height: 56px;
  margin: 8px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(140, 30, 18, .85), rgba(28, 105, 66, .70), rgba(120, 55, 130, .65));
  color: #fff;
  text-decoration: none;
}

.mcfav-default-hero:hover {
  color: #fff;
  filter: brightness(1.08);
}

.mcfav-default-hero-logo {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #fff;
}

.mcfav-default-hero-logo img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.mcfav-default-hero>div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.mcfav-default-hero strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
}

.mcfav-default-hero span {
  display: block;
  margin-top: 2px;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  font-weight: 700;
}

.mcfav-default-hero em {
  flex: 0 0 auto;
  color: #fff;
  font-size: 30px;
  font-style: normal;
  line-height: 1;
}

/* Featured match card */
.mcfav-block {
  margin: 0;
  padding: 12px;
  border-bottom: 0;
}

.mcfav-block h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.mcfav-featured-league {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #c7cedb;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
}

.mcfav-featured-league img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.mcfav-featured-card {
  padding: 12px;
}

.mcfav-featured-league {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #c7cedb;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.mcfav-featured-league img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.mcfav-featured-match {
  width: 100%;
  min-height: 104px;
  display: grid;
  grid-template-columns: 1fr 110px 1fr;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: 10px;
  background: #06070a;
  color: #fff;
}

.mcfav-featured-team {
  min-width: 0;
  text-align: center;
}

.mcfav-featured-team img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.mcfav-featured-team strong {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 900;
}

.mcfav-featured-center {
  text-align: center;
}

.mcfav-featured-center strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
}

.mcfav-featured-center span,
.mcfav-featured-center em {
  display: block;
  margin-top: 3px;
  color: #8f98a8;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.mcfav-odds-card {
  margin-top: 12px;
  padding: 14px 16px 16px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: #050608;
}

.mcfav-odds-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.mcfav-odds-head strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.mcfav-odds-head span {
  display: block;
  margin-top: 2px;
  color: #8f98a8;
  font-size: 12px;
  font-weight: 800;
}

.mcfav-odds-head em {
  color: #fff;
  font-size: 22px;
  font-style: normal;
}

.mcfav-odds-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}

.mcfav-odds-actions button {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 13px;
  font-weight: 900;
}

.mcfav-odds-actions img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.mcfav-featured-nav {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.mcfav-featured-nav button {
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
}

.mcfav-featured-nav div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.mcfav-featured-nav i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .28);
}

.mcfav-featured-nav i.active {
  background: #fff;
}

/* Right side modules */
.mcfav-side-card {
  margin: 12px;
  padding: 0;
  border-radius: 10px;
  background: #06070a;
  border: 1px solid rgba(255, 255, 255, .08);
  overflow: hidden;
}

.mcfav-side-header {
  height: 42px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  min-height: 46px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mcfav-side-header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.mcfav-side-header a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: #cbd2df;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.mcfav-side-header a:hover {
  color: #fff;
}

/* Competition table */
.mcfav-side-table-head,
.mcfav-side-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 52px 42px;
  gap: 8px;
  align-items: center;
  padding: 0 12px;
}

.mcfav-side-table-head {
  height: 30px;
  color: #7f8898;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.mcfav-side-row {
  height: 40px;
  color: #cbd2df;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.mcfav-side-table-head>span:first-child,
.mcfav-side-row>span:first-child {
  text-align: center;
}

.mcfav-side-table-head>span:nth-child(3),
.mcfav-side-table-head>span:nth-child(4),
.mcfav-side-row>span:nth-child(3),
.mcfav-side-row>span:nth-child(4) {
  text-align: center;
}

.mcfav-side-row:last-child {
  border-bottom: 0;
}

.mcfav-side-row:hover {
  background: rgba(255, 255, 255, .045);
  color: #fff;
}

.mcfav-side-name {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mcfav-side-name img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.mcfav-side-name strong {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 900;
}

.mcfav-side-row>span {
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.mcfav-side-row .live {
  color: #ff315d;
}

/* Generic side list */
.mcfav-side-list {
  display: flex;
  flex-direction: column;
}

.mcfav-side-match,
.mcfav-side-team {
  min-height: 48px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
  background: transparent;
  color: #fff;
}

.mcfav-side-match,
.mcfav-side-team {
  min-height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
  background: transparent;
  color: #fff;
}

.mcfav-side-match:last-child,
.mcfav-side-team:last-child {
  border-bottom: 0;
}

.mcfav-side-match:hover,
.mcfav-side-team:hover {
  background: rgba(255, 255, 255, .045);
}

.mcfav-side-match {
  display: grid;
  grid-template-columns: 1fr 64px;
  align-items: center;
  gap: 14px;

  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.mcfav-side-match-teams {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.mcfav-side-match-teams span {
  display: flex;
  align-items: center;
  gap: 6px;

  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  font-size: 13px;
  font-weight: 700;
}

.mcfav-side-match-teams img {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  object-fit: contain;
}

.mcfav-side-match>strong {
  justify-self: end;
  align-self: center;

  font-size: 13px;
  font-weight: 800;

  white-space: nowrap;
}

/* Jogos de Hoje spacing fix */
.mcfav-side-list {
  padding: 0 12px;
  gap: 4px;
}

.mcfav-side-match {
  padding: 10px 0;
}

.mcfav-side-match-teams {
  padding-left: 0;
}

.mcfav-side-match>strong {
  padding-right: 0;
}

/* Teams */
.mcfav-side-team>span {
  width: 20px;
  flex: 0 0 20px;
  color: #8f98a8;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.mcfav-side-team>img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.mcfav-side-team div {
  min-width: 0;
}

.mcfav-side-team strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.mcfav-side-team small {
  display: block;
  margin-top: 2px;
  color: #8f98a8;
  font-size: 11px;
  font-weight: 700;
}

/* Day stats */
.mcfav-side-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 12px;
}

.mcfav-side-grid div {
  min-height: 62px;
  border-radius: 8px;
  background: #0d1016;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mcfav-side-grid b {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
}

.mcfav-side-grid span {
  margin-top: 3px;
  color: #8f98a8;
  font-size: 11px;
  font-weight: 800;
}

/* Match Detail - Sofa style */
.mcfav-match-detail-card {
  background: #11131c;
  border-radius: 16px;
  overflow: hidden;
}

.mcfav-match-hero {
  padding: 12px 16px 14px;
  background: #11131c;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.mcfav-match-breadcrumb {
  margin-bottom: 12px;
  color: #8f98a8;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
}

.mcfav-match-teams {
  min-height: 92px;
  display: grid;
  grid-template-columns: 1fr 96px 1fr;
  align-items: center;
  gap: 12px;
}

.mcfav-match-side {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mcfav-match-side img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.mcfav-match-side strong {
  max-width: 120px;
  margin-top: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mcfav-match-center {
  text-align: center;
}

.mcfav-match-center strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 32px;
}

.mcfav-match-center strong>b {
  font: inherit;
}

.mcfav-match-center span {
  display: block;
  margin-top: 4px;
  color: #8f98a8;
  font-size: 12px;
  font-weight: 800;
}

.mcfav-match-hero.is-live .mcfav-match-center strong,
.mcfav-match-hero.is-live .mcfav-match-center span {
  color: #ff315d;
}

.mcfav-full-view {
  width: max-content;
  min-height: 32px;
  margin: 12px auto 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--mc-gradient);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

/* Detail tabs */
.mcfav-sofa-hero {
  background: #17181d;
  border-radius: 16px 16px 0 0;
  padding: 18px 22px 18px;
  color: #fff;
}

/* breadcrumb */

.mcfav-sofa-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #9ca3af;
  margin-bottom: 16px;
}

.mcfav-sofa-breadcrumb b {
  color: #6b7280;
}

.mcfav-sofa-breadcrumb span:last-child {
  color: #a855f7;
}

/* date */

.mcfav-sofa-date {
  width: max-content;
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  background: #24262d;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

/* teams */

.mcfav-sofa-teams {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
}

.mcfav-sofa-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #fff;
}


.mcfav-sofa-team img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin-bottom: 10px;
}

.mcfav-sofa-team strong {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

/* score */

.mcfav-sofa-center {
  text-align: center;
  min-width: 130px;
}

.mcfav-sofa-score {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
}

.mcfav-sofa-score span {
  color: #70737f;
}

.mcfav-sofa-center>span {
  display: block;
  margin-top: 2px;
  color: #9ca3af;
  font-size: 13px;

}

/* scorers */
.mcfav-sofa-scorers {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  gap: 20px;
  margin: 8px 0 8px;
  font-size: 12px;
  color: #d1d5db;

}

.mcfav-sofa-scorers-side {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mcfav-sofa-scorers-side.home {
  text-align: right;
}

.mcfav-sofa-scorers-side.away {
  text-align: left;
}

.mcfav-sofa-goal-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  opacity: .75;
}

/* button */

.mcfav-full-view {
  display: table;
  margin: 0 auto;
  padding: 10px 24px;
  border-radius: 999px;
  background: #8b5cf6;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: .2s;
}

.mcfav-full-view:hover {
  background: #7c3aed;
}

/* Sofa style odds card */
.mcfav-sofa-odds-card{
  margin:10px 8px 12px;
  padding:12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-odds-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.mcfav-sofa-odds-head span{
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.mcfav-sofa-odds-head em{
  margin-left:4px;
  color:#E8B345;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}

.mcfav-sofa-odds-labels{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-bottom:4px;
}

.mcfav-sofa-odds-labels div{
  min-width:0;
  color:#8f98a8;
  font-size:12px;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mcfav-sofa-odds-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  align-items:center;
  margin-top:4px;
}

.mcfav-sofa-handicap{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

#mcfav-root .mcfav-sofa-odd-box{
  min-height:34px;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:5px !important;
  background:#181c21 !important;
  color:#e5e7eb;
  display:flex;
  align-items:center;
  justify-content:center;
}

#mcfav-root .mcfav-sofa-odd-box span{
  color:#f8c24e;
  font-size:13px;
  font-weight:900;
}

#mcfav-root .mcfav-sofa-odd-box.is-up span::before{
  content:"▲";
  margin-right:4px;
  color:#15b168;
  font-size:9px;
}

#mcfav-root .mcfav-sofa-odd-box.is-down span::before{
  content:"▼";
  margin-right:4px;
  color:#c7361f;
  font-size:9px;
}

.mcfav-sofa-odds-row.is-draw{
  display:none;
}

/* Momentum - SofaScore style, Multicanais colors */
.mcfav-sofa-momentum-card{
  margin:10px 8px 12px;
  padding:12px 10px 14px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-momentum-card h3{
  margin:0 0 12px;
  text-align:center;
  color:#d1d5db;
  font-size:14px;
  font-weight:900;
}

.mcfav-sofa-momentum-layout{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.mcfav-sofa-momentum-logos{
  height:80px;
  display:grid;
  grid-template-rows:1fr 1fr;
  align-items:center;
}

.mcfav-sofa-momentum-logo{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#151922;
}

.mcfav-sofa-momentum-logo img{
  width:22px;
  height:22px;
  object-fit:contain;
}

.mcfav-sofa-momentum-chart{
  position:relative;
  height:80px;
  display:flex;
  align-items:center;
  gap:1px;
  overflow:hidden;
  border-radius:2px;
  justify-content:flex-start;
  background:
    linear-gradient(to bottom,
      rgba(139,92,246,.18) 0%,
      rgba(139,92,246,.18) 50%,
      rgba(244,114,182,.16) 50%,
      rgba(244,114,182,.16) 100%
    );
}

.mcfav-sofa-momentum-mid{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.12);
  z-index:2;
}

.mcfav-sofa-momentum-halftime{
  position:absolute;
  top:0;
  bottom:0;
  width:2px;
  background:rgba(255,255,255,.22);
  transform:translateX(-50%);
  z-index:5;
}

.mcfav-sofa-momentum-chart span{
  position:relative;
  z-index:3;
  flex:1 1 0;
  min-width:1px;
  border-radius:1px;
}

.mcfav-sofa-momentum-chart span.bar{
  position:relative;
  z-index:3;
  flex:0 0 4px !important;
  min-width:0;
  border-radius:1px;
}

.mcfav-sofa-momentum-chart span.bar.home{
  align-self:flex-start;
  margin-top:40px;
  transform:translateY(-100%);
  background:#8b5cf6;
}

.mcfav-sofa-momentum-chart span.bar.away{
  align-self:flex-start;
  margin-top:40px;
  background:#f472b6;
}

.mcfav-sofa-momentum-chart span.bar.zero{
  visibility:hidden;
}

.mcfav-sofa-momentum-chart span.bar.extra-time{
  opacity: 0.5;
}

.mcfav-sofa-momentum-goal{
  position:absolute;
  z-index:30;
  width:14px;
  height:14px;
  margin-left:-7px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0b0d11;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 1px 4px rgba(0,0,0,.45);
  pointer-events:auto;
}

.mcfav-sofa-momentum-goal{
  position:absolute;
  z-index:30;
  width:16px;
  height:16px;
  margin-left:-8px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
}

.mcfav-sofa-momentum-goal.home{
  top:2px;
}

.mcfav-sofa-momentum-goal.away{
  bottom:2px;
}

.mcfav-goal-ball{
  width:16px;
  height:16px;
  display:block;
}

.mcfav-sofa-momentum-goal.home .mcfav-goal-ball{
  fill:#8b5cf6;
}

.mcfav-sofa-momentum-goal.away .mcfav-goal-ball{
  fill:#f472b6;
}

.mcfav-sofa-potm-card{
  position:relative;
  margin:10px 8px 12px;
  padding:12px;
  min-height:104px;
  border-radius:8px;
  overflow:hidden;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-potm-bg{
  position:absolute;
  inset:0;
  opacity:.35;
  background:
    linear-gradient(135deg, rgba(139,92,246,.18), transparent 35%),
    linear-gradient(315deg, rgba(244,114,182,.16), transparent 42%);
}

.mcfav-sofa-potm-title{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:12px;
  color:#e5e7eb;
}

.mcfav-sofa-potm-title span{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#06b6d4;
  color:#fff;
  font-size:13px;
}

.mcfav-sofa-potm-title strong{
  font-size:15px;
  font-weight:900;
}

.mcfav-sofa-potm-main{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
}

.mcfav-sofa-potm-photo{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  background:#151922;
  border:2px solid rgba(255,255,255,.2);
}

.mcfav-sofa-potm-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mcfav-sofa-potm-info{
  min-width:0;
  flex:1;
}

.mcfav-sofa-potm-info strong{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mcfav-sofa-potm-info span{
  margin-top:3px;
  display:flex;
  align-items:center;
  gap:5px;
  color:#9ca3af;
  font-size:12px;
  font-weight:700;
}

.mcfav-sofa-potm-info span img{
  width:16px;
  height:16px;
  object-fit:contain;
}

.mcfav-sofa-potm-rating{
  width:34px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  background:#06b6d4;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.mcfav-sofa-timeline-card{
  margin:10px 8px 12px;
  padding:8px 0;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-period-line{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
}

.mcfav-sofa-period-line span{
  flex:1;
  height:1px;
  background:rgba(255,255,255,.14);
}

.mcfav-sofa-period-line b{
  color:#e5e7eb;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.mcfav-sofa-timeline-row{
  min-height:38px;
  display:grid;
  grid-template-columns:46px 20px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:5px 12px;
  color:#e5e7eb;
}

.mcfav-sofa-timeline-row.away{
  direction:rtl;
  grid-template-columns:46px 20px minmax(0,1fr);
}

.mcfav-sofa-timeline-row.away .mcfav-sofa-timeline-text{
  direction:ltr;
  text-align:right;
}

.mcfav-sofa-timeline-time{
  color:#d1d5db;
  font-size:12px;
  font-weight:800;
  text-align:center;
}

.mcfav-sofa-timeline-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}

.mcfav-sofa-timeline-text{
  min-width:0;
}

.mcfav-sofa-timeline-text strong{
  display:block;
  color:#f9fafb;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mcfav-sofa-timeline-text span{
  display:block;
  margin-top:2px;
  color:#8f98a8;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.tl-ball,
.tl-card,
.tl-sub{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tl-ball svg,
.tl-card svg,
.tl-sub svg{
  width:16px;
  height:16px;
  display:block;
}

.tl-ball svg{
  fill:#e5e7eb;
}

.tl-card svg{
  display:block;
}

.tl-sub svg{
  display:block;
}

.tl-penalty{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e5e7eb;
}

.tl-penalty svg{
  width:22px;
  height:18px;
  display:block;
}

.mcfav-sofa-rated-card{
  margin:10px 8px 12px;
  padding:14px 12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-rated-card h3{
  margin:0 0 12px;
  text-align:center;
  color:#e5e7eb;
  font-size:15px;
  font-weight:900;
}

.mcfav-sofa-rated-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mcfav-sofa-rated-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.mcfav-sofa-rated-player{
  min-width:0;
  display:grid;
  grid-template-columns:28px 32px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.mcfav-sofa-rated-player.away{
  grid-template-columns:minmax(0,1fr) 32px 28px;
}

.mcfav-sofa-rated-player.away strong{
  text-align:right;
}

.mcfav-sofa-rated-player.away img{
  grid-column:2;
  grid-row:1;
}

.mcfav-sofa-rated-player.away b{
  grid-column:3;
  grid-row:1;
}

.mcfav-sofa-rated-player b{
  width:28px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.mcfav-sofa-rated-player img{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
}

.mcfav-sofa-rated-player strong{
  min-width:0;
  color:#f9fafb;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rating-high{background:#06b6d4;}
.rating-good{background:#22c55e;}
.rating-normal{background:#8b5cf6;}

.mcfav-sofa-h2h-card{
  margin:10px 8px 12px;
  padding:14px 12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-h2h-card h3{
  margin:0 0 8px;
  text-align:center;
  color:#e5e7eb;
  font-size:15px;
  font-weight:900;
}

.mcfav-sofa-h2h-card > span{
  display:block;
  text-align:center;
  margin-bottom:10px;
  color:#d1d5db;
  font-size:12px;
  font-weight:800;
}

.mcfav-sofa-h2h-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:10px;
}

.mcfav-sofa-h2h-logo{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mcfav-sofa-h2h-logo img{
  width:40px;
  height:40px;
  object-fit:contain;
}

.mcfav-sofa-h2h-main{
  min-width:0;
}

.mcfav-sofa-h2h-score{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:5px;
}

.mcfav-sofa-h2h-score b{
  min-width:32px;
  text-align:center;
  color:#9ca3af;
  font-size:18px;
  font-weight:900;
}

.mcfav-sofa-h2h-score b.home{
  color:#22c55e;
  text-align:left;
}

.mcfav-sofa-h2h-score b.away{
  color:#6366f1;
  text-align:right;
}

.mcfav-sofa-h2h-names{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.mcfav-sofa-h2h-names strong{
  min-width:0;
  color:#e5e7eb;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mcfav-sofa-h2h-names strong:last-child{
  text-align:right;
}

.mcfav-sofa-odds-insight,
.mcfav-watch-card{
  margin:10px 8px 12px;
  padding:14px 12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-odds-insight h3,
.mcfav-watch-card h3{
  margin:0 0 12px;
  color:#e5e7eb;
  font-size:15px;
  font-weight:900;
}

.mcfav-sofa-odds-insight-main{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.mcfav-sofa-odds-insight-main img{
  width:28px;
  height:28px;
  object-fit:contain;
}

.mcfav-sofa-odds-insight-main strong,
.mcfav-sofa-odds-insight-main b{
  color:#f9fafb;
  font-size:16px;
  font-weight:900;
}

.mcfav-sofa-odds-insight-main span{
  color:#9ca3af;
  font-weight:900;
}

.mcfav-sofa-odds-insight-main em{
  margin-left:auto;
  padding:4px 8px;
  border-radius:6px;
  background:#272b34;
  color:#d1d5db;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}

.mcfav-sofa-odds-insight p{
  margin:0;
  color:#d1d5db;
  font-size:13px;
  line-height:1.35;
}

.mcfav-watch-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 0;
}

.mcfav-watch-row > div:first-child{
  display:flex;
  align-items:center;
  gap:8px;
}

.mcfav-tv-icon{
  width:18px;
  height:14px;
  border:2px solid #e5e7eb;
  border-radius:2px;
  display:inline-block;
}

.mcfav-watch-row strong{
  color:#a78bfa;
  font-size:13px;
}

.mcfav-watch-votes{
  display:flex;
  gap:6px;
}

.mcfav-watch-votes span{
  padding:3px 7px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.12);
  font-size:12px;
  font-weight:800;
}

.mcfav-watch-votes .yes{
  color:#22c55e;
}

.mcfav-watch-votes .no{
  color:#ef4444;
}

.mcfav-watch-more{
  display:flex;
  justify-content:center;
  margin-top:12px;
  color:#818cf8;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.mcfav-sofa-info-card{
  margin:10px 8px 12px;
  padding:12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

.mcfav-sofa-info-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:9px;
  padding:8px 0;
  align-items:center;
}

.mcfav-info-icon{
  color:#d1d5db;
  font-size:15px;
  text-align:center;
}

.mcfav-sofa-info-row em{
  display:block;
  color:#8f98a8;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}

.mcfav-sofa-info-row strong{
  display:block;
  color:#e5e7eb;
  font-size:13px;
  font-weight:900;
  line-height:1.3;
}

.mcfav-sofa-ranking{
  margin-top:8px;
  padding-top:10px;
}

.mcfav-sofa-ranking h4{
  margin:0 0 10px;
  color:#e5e7eb;
  font-size:13px;
  font-weight:900;
}

.mcfav-sofa-ranking-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.mcfav-sofa-ranking-row > div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.mcfav-sofa-ranking-row > div:last-child{
  justify-content:flex-end;
  text-align:right;
}

.mcfav-sofa-ranking-row img{
  width:38px;
  height:38px;
  object-fit:contain;
}

.mcfav-sofa-ranking-row span{
  color:#8B5CF6;
  font-size:13px;
  font-weight:900;
}

.mcfav-sofa-ranking-row strong{
  color:#9ca3af;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===========================
   Lineup - Sofa Style
=========================== */

.mcfav-sofa-lineup{
  background:var(--mc-panel);
  overflow:hidden;
}

.mcfav-lineup-tabs-sticky{
  position:sticky;
  top:0;
  z-index:9;
  display:flex;
  align-items:center;
  gap:8px;
  height:48px;
  padding:0 8px;
  background:#17181d;
  border-bottom:1px solid var(--mc-line);
}

.mcfav-lineup-tabs{
  flex:1;
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}

.mcfav-lineup-tabs::-webkit-scrollbar{
  display:none;
}

#mcfav-root .mcfav-lineup-tabs button{
  position:relative;
  flex:0 0 auto;
  height:48px;
  padding:0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#8f86d9;
  font-size:13px;
  font-weight:800;
  line-height:48px;
}

#mcfav-root .mcfav-lineup-tabs button.active{
  color:#fff;
}

#mcfav-root .mcfav-lineup-tabs button.active:after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--mc-gradient);
}

.mcfav-lineup-code{
  width:34px;
  height:34px;
  border-radius:8px !important;
  background:#24262d !important;
  color:#cbd5e1 !important;
  font-size:12px;
  font-weight:900;
}

.mcfav-lineup-pitch-card{
  background:#11131c;
}

.mcfav-lineup-team-summary{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  background:#11131c;
  border-bottom:1px solid var(--mc-line);
}

.mcfav-lineup-team-summary.away{
  border-top:1px solid var(--mc-line);
  border-bottom:0;
}

.mcfav-lineup-team-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.mcfav-lineup-team-main img{
  width:32px;
  height:32px;
  object-fit:contain;
}

.mcfav-lineup-team-main strong{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:18px;
}

.mcfav-lineup-team-main span{
  display:block;
  margin-top:2px;
  color:#8f98a8;
  font-size:12px;
  font-weight:800;
}

.mcfav-lineup-team-rating{
  display:flex;
  align-items:center;
  gap:7px;
}

.mcfav-team-rating-box{
  width:18px;
  height:18px;
  border-radius:3px;
}

.mcfav-lineup-team-rating b{
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.mcfav-lineup-team-rating em{
  color:var(--mc-primary);
  font-style:normal;
  font-size:14px;
}

/* Full pitch */
.mcfav-lineup-full-pitch{
  position:relative;
  min-height:760px;
  padding:14px 6px;
  display:grid;
  grid-template-rows:1fr 1fr;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    #17251f;
  background-size:100% 25%, 25% 100%;
}

.mcfav-pitch-lines{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.mcfav-pitch-lines:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:2px solid rgba(255,255,255,.35);
}

.mcfav-pitch-lines:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:96px;
  height:96px;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.35);
  border-radius:50%;
}

.mcfav-pitch-team{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
}

.mcfav-pitch-team-away{
  flex-direction:column;
}

.mcfav-pitch-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-evenly;
  gap:2px;
  min-height:76px;
}

/* Player */
#mcfav-root .mcfav-lineup-player{
  flex:1 1 0;
  max-width:86px;
  min-width:56px;
  padding:2px 1px !important;
  background:transparent !important;
  color:#fff;
  text-align:center;
  cursor:pointer;
}

.mcfav-lineup-avatar{
  position:relative;
  width:46px;
  height:58px;
  margin:0 auto 4px;
}

.mcfav-lineup-avatar img,
.mcfav-lineup-avatar > span{
  width:42px;
  height:42px;
  margin:0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.9);
  background:#0b0d12;
  color:#fff;
  object-fit:cover;
  font-size:13px;
  font-weight:900;
}

.mcfav-metric-badge{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  min-width:26px;
  height:18px;
  padding:0 4px;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:18px;
}

.mcfav-metric-badge.is-info{
  max-width:54px;
  background:#24262d;
  color:#e5e7eb;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mcfav-metric-badge.is-empty{
  background:#24262d;
  color:#8f98a8;
}

.mcfav-lineup-player strong{
  display:block;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:13px;
  text-shadow:0 1px 2px rgba(0,0,0,.9);
  word-break:break-word;
}

.mcfav-lineup-player strong span{
  color:#c7cedb;
  margin-right:2px;
}

/* Badges */
.mcfav-player-badges{
  position:absolute;
  top:2px;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.mcfav-player-badges.left{left:-3px;}
.mcfav-player-badges.right{right:-3px;}

.mcfav-player-badges i{
  width:16px;
  height:16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#111;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  box-shadow:0 1px 4px rgba(0,0,0,.45);
}

.mcfav-player-badges .yc,
.mcfav-player-badges .rc{
  width:10px;
  height:14px;
  border-radius:2px;
}

.mcfav-player-badges .yc{background:#facc15;}
.mcfav-player-badges .rc{background:#ef4444;}
.mcfav-player-badges .cap{background:#111;color:#fff;}
.mcfav-player-badges .sub.in{color:#16a34a;}
.mcfav-player-badges .sub.out{color:#dc2626;}

/* Rating colors */
.rating-elite,
.rating-high{
  background:#06b6d4 !important;
}

.rating-good{
  background:#22c55e !important;
}

.rating-ok,
.rating-normal{
  background:#8b5cf6 !important;
}

.rating-low{
  background:#eab308 !important;
}

.rating-empty{
  background:#24262d !important;
}

/* Team switch */
.mcfav-lineup-team-switch{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#11131c;
  border-top:1px solid var(--mc-line);
}

#mcfav-root .mcfav-lineup-team-switch button{
  width:44px;
  height:32px;
  border-radius:999px !important;
  background:#24262d !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

#mcfav-root .mcfav-lineup-team-switch button.active{
  background:var(--mc-gradient) !important;
}

.mcfav-lineup-team-switch img{
  width:22px;
  height:22px;
  object-fit:contain;
}

/* List cards */
.mcfav-lineup-list-card,
.mcfav-lineup-bench-card{
  margin:10px 8px 12px;
  padding:12px;
  border-radius:8px;
  background:#080a0d;
  border:1px solid var(--mc-line);
}

.mcfav-lineup-list-card h3,
.mcfav-lineup-bench-card h3{
  margin:0 0 12px;
  color:#e5e7eb;
  text-align:center;
  font-size:15px;
  font-weight:900;
}

.mcfav-lineup-list-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.mcfav-coach-cell{
  min-height:42px;
}

.mcfav-coach-cell.away{
  text-align:right;
}

.mcfav-coach-cell strong{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.mcfav-coach-cell span{
  display:block;
  margin-top:3px;
  color:#8f98a8;
  font-size:12px;
  font-weight:800;
}

/* Bench */
.mcfav-lineup-bench-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.mcfav-lineup-bench-col{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}

.mcfav-bench-player{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 30px;
  align-items:center;
  gap:8px;
  min-width:0;
}

.mcfav-bench-player.away{
  grid-template-columns:30px minmax(0,1fr) 32px;
  direction:rtl;
  text-align:right;
}

.mcfav-bench-player.away .mcfav-bench-info{
  direction:ltr;
  text-align:right;
}

.mcfav-bench-player img,
.mcfav-bench-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#17181d;
  object-fit:cover;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.mcfav-bench-info{
  min-width:0;
}

.mcfav-bench-info strong{
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:15px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mcfav-bench-info small{
  display:block;
  margin-top:2px;
  color:#8f98a8;
  font-size:10px;
  font-weight:700;
  line-height:12px;
}

.mcfav-bench-player > b{
  width:28px;
  height:22px;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

/* ===========================
   Goal Line Animation - Phase 1
=========================== */

.mcfav-goalline-detail{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#171a23 0%,#10131b 100%);
}

.mcfav-goalline-detail-head{
  padding:18px 20px 14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.mcfav-goalline-detail-head > div{
  display:flex;
  align-items:center;
  gap:12px;
}

.mcfav-goalline-detail-head .mcfav-goal-ball{
  width:34px;
  height:34px;
  padding:8px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  fill:#fff;
}

.mcfav-goalline-detail-head strong{
  display:block;
  font-size:20px;
  line-height:1.1;
  color:#fff;
}

.mcfav-goalline-detail-head span{
  display:block;
  margin-top:4px;
  font-size:15px;
  color:rgba(255,255,255,.55);
}

.mcfav-goal-animation{
  position:relative;
  margin:14px 18px 18px;
  height:300px;
  border-radius:16px;
  overflow:hidden;
  background:#96d9a2;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.18),
    0 12px 28px rgba(0,0,0,.28);
}

.mcfav-goal-field-view,
.mcfav-goal-net-view{
  position:absolute;
  inset:0;
}

.mcfav-goal-field-svg,
.mcfav-goal-line-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.mcfav-goal-net-svg{
  position:absolute;
  inset:10px 10px 0;
  width:calc(100% - 20px);
  height:calc(100% - 10px);
  display:block;
}

.mcfav-goal-pitch-bg{
  fill:#91d69b;
}

.mcfav-goal-field-svg::before{
  content:"";
}

.mcfav-goal-pitch-line{
  fill:none;
  stroke:rgba(255,255,255,.72);
  stroke-width:.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mcfav-goal-line-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
  overflow:visible;
}

.mcfav-goal-shot-line{
  stroke:#050505;
}

.mcfav-goal-players{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}

.mcfav-goal-field-player{
  position:absolute;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.mcfav-goal-player-dot{
  position:absolute;
  left:0;
  top:0;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f8fafc;
  border:4px solid #050505;
  transform:translate(-50%,-50%);
  box-shadow:0 1px 3px rgba(0,0,0,.32);
  z-index:3;
}

.mcfav-goal-field-player b{
  position:absolute;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:6px;
  background:#1554d1;
  color:#fff;
  font-size:16px;
  line-height:28px;
  text-align:center;
  font-weight:900;
  box-shadow:0 2px 4px rgba(0,0,0,.18);
  z-index:4;
}

.mcfav-goal-field-player em{
  position:absolute;
  white-space:nowrap;
  color:#020617;
  font-size:15px;
  line-height:1;
  font-style:normal;
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  z-index:4;
}

/* 默认：圆点右下 */
.mcfav-goal-field-player.label-down b{
  left:12px;
  top:8px;
}

.mcfav-goal-field-player.label-down em{
  left:13px;
  top:40px;
}

/* 靠右边：放左边 */
.mcfav-goal-field-player.label-left b{
  right:12px;
  top:8px;
}

.mcfav-goal-field-player.label-left em{
  right:13px;
  top:40px;
  text-align:right;
}

/* 靠左边：放右边 */
.mcfav-goal-field-player.label-right b{
  left:12px;
  top:8px;
}

.mcfav-goal-field-player.label-right em{
  left:13px;
  top:40px;
}

/* 靠下边：放上面 */
.mcfav-goal-field-player.label-up b{
  left:12px;
  bottom:8px;
}

.mcfav-goal-field-player.label-up em{
  left:13px;
  bottom:-10px;
}

.mcfav-goal-players{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.mcfav-goal-moving-ball{
  position:absolute;
  z-index:4;
  width:22px;
  height:22px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}

.mcfav-goal-net-ball{
  position:absolute;
  z-index:6;
  width:26px;
  height:26px;
  left:8%;
  top:36%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));
}

.mcfav-goal-net-ball .mcfav-goal-ball{
  width:26px;
  height:26px;
  display:block;
  fill:#050505;
  background:#fff;
  border-radius:50%;
}

.mcfav-goal-moving-ball svg,
.mcfav-goal-net-ball svg{
  width:22px;
  height:22px;
  display:block;
  fill:#000;
}

.mcfav-goal-net-view[hidden]{
  display:none !important;
}

.mcfav-goal-net-bg{
  fill:#111827;
}

.mcfav-goal-frame{
  fill:none;
  stroke:rgba(255,255,255,.9);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mcfav-goal-net-line{
  fill:none;
  stroke:rgba(255,255,255,.24);
  stroke-width:.65;
  stroke-linecap:round;
}

/* involved players area */
.mcfav-goalline-players{
  padding:4px 20px 18px;
}

.mcfav-goalline-player{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:42px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#11131C;
}

.mcfav-goalline-player b{
  min-width:44px;
  font-size:18px;
}

.mcfav-goalline-player span{
  font-size:16px;
  color:rgba(255,255,255,.78);
}

.mcfav-goal-animation{
  background:#98dca4;
}

.mcfav-goal-pitch-bg{
  fill:#96d9a2;
}

.mcfav-pitch-stripe.s1{
  fill:rgba(255,255,255,.08);
}

.mcfav-pitch-stripe.s2{
  fill:rgba(0,0,0,.025);
}

.mcfav-goal-pitch-line{
  fill:none;
  stroke:rgba(255,255,255,.76);
  stroke-width:.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mcfav-goal-pitch-dot{
  fill:rgba(255,255,255,.76);
}

.mcfav-goal-field-logo{
  position:absolute;
  z-index:5;
  top:12px;
  left:12px;
  width:34px;
  height:34px;
  border-radius:8px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}

.mcfav-goal-field-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:4px;
}

.mcfav-goal-field-badge{
  position:absolute;
  z-index:5;
  top:12px;
  right:12px;
  padding:5px 10px;
  border-radius:7px;
  background:rgba(17,24,39,.72);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}

.mcfav-goal-watermark{
  position:absolute;
  z-index:5;
  right:14px;
  bottom:12px;
  color:rgba(255,255,255,.34);
  font-size:20px;
  font-weight:900;
  pointer-events:none;
}

.mcfav-goal-field-player{
  position:absolute;
  z-index:6;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.mcfav-goal-pass-line{
  fill:none;
  stroke:#050505;
  stroke-width:4px;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:1;
}

.mcfav-goal-moving-ball{
  position:absolute;
  z-index:8;
  width:22px;
  height:22px;
  left:0;
  top:0;
  transform:translate(-50%,-50%);
  opacity:0;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
  pointer-events:none;
}

.mcfav-goal-moving-ball.is-ready{
  opacity:1;
}

.mcfav-goal-moving-ball svg{
  width:22px;
  height:22px;
  display:block;
  fill:#fff;
}

.mcfav-goal-pass-line.is-hidden{
  opacity:0;
}

.mcfav-goal-pass-line.is-ready{
  opacity:1;
}

.mcfav-goal-field-player{
  opacity:0;
  transform:translate(-50%,-50%) scale(.86);
  transition:opacity .18s ease, transform .18s ease;
}

.mcfav-goal-field-player.is-visible{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.mcfav-goal-field-player b,
.mcfav-goal-field-player em{
  opacity:0;
  transition:opacity .16s ease;
}

.mcfav-goal-field-player.show-label b,
.mcfav-goal-field-player.show-label em{
  opacity:1;
}

.mcfav-goal-net-view{
  position:absolute;
  inset:0;
  background:#f1f3f6;
  overflow:hidden;
}

.mcfav-goal-net-title{
  position:absolute;
  top:18px;
  left:0;
  right:0;
  text-align:center;
  color:#0646d8;
  font-size:18px;
  font-weight:900;
  letter-spacing:.04em;
  z-index:4;
}

.mcfav-goal-net-scene{
  position:absolute;
  inset:0;
}

.mcfav-goal-net-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.mcfav-net-sky{
  fill:#f1f3f6;
}

.mcfav-net-ground{
  fill:#c4f0d1;
}

.mcfav-net-back-line,
.mcfav-net-side-line{
  fill:none;
  stroke:#cfe2ea;
  stroke-width:.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mcfav-net-frame{
  fill:none;
  stroke:#050505;
  stroke-width:2.6;
  stroke-linecap:butt;
  stroke-linejoin:round;
}

.mcfav-goal-net-ball{
  position:absolute;
  z-index:5;
  width:24px;
  height:24px;
  left:8%;
  top:30%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));
}

.mcfav-goal-net-ball svg{
  width:24px;
  height:24px;
  display:block;
  fill:#fff;
}

.mcfav-goal-net-watermark{
  position:absolute;
  z-index:5;
  right:14px;
  bottom:12px;
  color:rgba(255,255,255,.34);
  font-size:20px;
  font-weight:900;
  pointer-events:none;
}

/* Goal Line - top/bottom only, do not touch GIF */

.mcfav-statistics-page{
  padding:0;
  background:#fff;
  color:#111;
}

.mcfav-goalline-cards {
  display:flex;
  gap:10px;
  padding:12px;
  background:#11131c;          /* 跟 Detail 一致 */
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.mcfav-goalline-cards h3{
  display:none;
}

.mcfav-goalline-scroll{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:0 0 4px;
  scrollbar-width:none;
}

.mcfav-goalline-scroll::-webkit-scrollbar{
  display:none;
}

#mcfav-root .mcfav-goalline-card{
  flex:0 0 278px;
  height:94px;
  padding:12px 14px !important;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:10px !important;
  background:#202633 !important;
  border:1px solid transparent !important;
  color:#C4CAD6 !important;
  box-shadow:none !important;
}

#mcfav-root .mcfav-goalline-card.active{
  background:#252d3d;
  border-color:#4f6dff;
}

.mcfav-goalline-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#111;
}

.mcfav-goalline-avatar svg{
  width:20px;
  height:20px;
  fill:currentColor;
}

.mcfav-goalline-card div{
  min-width:0;
}

.mcfav-goalline-card strong{
  display:block;
  max-width:190px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.mcfav-goalline-card small{
  display:block;
  margin-top:4px;
  color:#9ca3af;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.mcfav-goalline-detail{
  margin:0;
  padding:0 0 18px;
  border:0;
  border-radius:0;
  overflow:visible;
}

.mcfav-goalline-detail-head{
  height:76px;
  padding:0 12px;
  border:0;
  display:flex;
  align-items:center;
}

.mcfav-goalline-detail-head > div{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

.mcfav-goalline-detail-head > div > svg{
  width:28px;
  height:28px;
  padding:0;
  border-radius:0;
  background:transparent;
  fill:#111;
}

.mcfav-goalline-detail-head strong{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1.2;
}

.mcfav-goalline-detail-head span{
  display:block;
  color:#8b8f99;
  font-size:14px;
  font-weight:700;
}

.mcfav-goalline-players{
  padding:8px 12px 4px;
  background:#11131C;
}

.mcfav-goalline-players:before{
  content:"Jogador envolvido";
  display:block;
  margin:0 0 9px;
  color:#fff;
  font-size:16px;
  font-weight:800;
}

.mcfav-goalline-player{
  min-height:64px;
  display:grid;
  grid-template-columns:52px 1fr 28px;
  align-items:center;
  gap:10px;
  border:0;
  color:#111;
}

.mcfav-goalline-player b{
  color:#8B5CF6;
  font-size:12px;
  font-weight:900;
}

.mcfav-goalline-player span{
  color:#FFF;
  font-size:12px;
  font-weight:500;
}

.mcfav-goalline-player:after{
  content:"⚽";
  justify-self:end;
  color:#111;
  font-size:12px;
  line-height:1;
}

.mcfav-goalline-player {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mcfav-goalline-player img {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  object-fit: cover;
}

/* Detail tabs - SofaScore style */
#mcfav-root .mcfav-sofa-tabs button{
  appearance:none;
  position:relative;
  flex:0 0 auto;
  height:48px;
  margin:0 !important;
  padding:0 16px !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#6f6bb8;
  font-size:14px;
  font-weight:700;
  line-height:48px;
  cursor:pointer;
  white-space:nowrap;
}

.mcfav-sofa-tabs-wrap{
  background:#17181d;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow-x:auto;
  scrollbar-width:none;
}

.mcfav-sofa-tabs-wrap::-webkit-scrollbar{
  display:none;
}

.mcfav-sofa-tabs{
  display:flex;
  align-items:center;
  gap:0;
  min-width:max-content;
  background:#17181d;
}

.mcfav-sofa-tabs button{
  appearance:none;
  position:relative;
  flex:0 0 auto;
  height:48px;
  padding:0 16px;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#6f6bb8;
  font-size:14px;
  font-weight:700;
  line-height:48px;
  cursor:pointer;
}

.mcfav-sofa-tabs button:hover{
  color:#b58cff;
}

#mcfav-root .mcfav-sofa-tabs button.active{
  color:#a78bfa;
  background:transparent !important;
}

#mcfav-root .mcfav-sofa-tabs button.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#8b5cf6;
}

.mcfav-ads {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mcfav-ad-label {
  color: #8f98a8;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.mcfav-ad-box {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #11131c;
  border: 1px solid rgba(255, 255, 255, .08);
}

.mcfav-ad-box img {
  display: block;
  width: 100%;
  height: auto;
}

.mcfav-ad-box-tall img {
  min-height: 320px;
  object-fit: cover;
}

#mcfav-root .mcfav-statistics-page{
  background:#11131c !important;
  color:#fff !important;
}

#mcfav-root .mcfav-goalline-cards{
  display:block !important;
  width:100%;
  max-width:100%;
  padding:10px 10px 12px !important;
  background:#11131c !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

#mcfav-root .mcfav-goalline-cards h3{
  display:none !important;
}

#mcfav-root .mcfav-goalline-scroll{
  width:100%;
  max-width:100%;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 2px 4px;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
}

#mcfav-root .mcfav-goalline-scroll::-webkit-scrollbar{
  display:none;
}

#mcfav-root .mcfav-goalline-card{
  flex:0 0 220px !important;
  width:220px !important;
  min-width:220px !important;
  height:72px !important;

  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  padding:12px 14px !important;
  border-radius:8px !important;

  background:#202633 !important;
  border:1px solid transparent !important;
  box-shadow:none !important;

  color:#fff !important;
  text-align:left !important;
  scroll-snap-align:start;
  transition:.18s ease;
}

#mcfav-root .mcfav-goalline-card.active{
  background:#252d3d !important;
  border-color:#7d55ff !important;
  box-shadow:inset 0 0 0 1px rgba(125,85,255,.7) !important;
}

#mcfav-root .mcfav-goalline-card:hover{
  background:#252d3d !important;
}

#mcfav-root .mcfav-goalline-avatar{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  border-radius:50% !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

#mcfav-root .mcfav-goalline-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

#mcfav-root .mcfav-goalline-avatar svg{
  width:18px !important;
  height:18px !important;
  fill:#111 !important;
}

#mcfav-root .mcfav-goalline-card div{
  min-width:0 !important;
}

#mcfav-root .mcfav-goalline-card strong{
  display:block !important;
  max-width:150px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:17px !important;
}

#mcfav-root .mcfav-goalline-card small{
  display:block !important;
  margin-top:3px !important;
  max-width:150px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  color:#9ca3af !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:14px !important;
}

#mcfav-root{
  --mc-home-color:#16c34a;
  --mc-away-color:#3f5bff;
}

#mcfav-root .mcfav-sofa-stats-card{
  margin:10px 8px 12px;
  padding:10px 12px 18px;
  border-radius:10px;
  background:#11131C;
  color:#20242b;
}

#mcfav-root .mcfav-sofa-stats-tabs{
  height:34px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
  margin-bottom:18px;
  padding:2px;
  border-radius:999px;
  background:#e5e8ee;
}

#mcfav-root .mcfav-sofa-stats-tabs button{
  height:30px;
  border-radius:999px !important;
  color:#20242b;
  font-size:12px;
  font-weight:900;
}

#mcfav-root .mcfav-sofa-stats-tabs button.active{
  background:#1f2128 !important;
  color:#fff !important;
}

#mcfav-root .mcfav-sofa-stats-card h3{
  margin:0 0 18px;
  text-align:center;
  color:#fff;
  font-size:16px;
  font-weight:900;
}

#mcfav-root .mcfav-sofa-stats-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

#mcfav-root .mcfav-sofa-stat-row{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#mcfav-root .mcfav-sofa-stat-values{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}

#mcfav-root .mcfav-sofa-stat-values b{
  color:#fff;
  font-size:14px;
  font-weight:700;
}

#mcfav-root .mcfav-sofa-stat-values b:first-child{
  text-align:left;
}

#mcfav-root .mcfav-sofa-stat-values b:last-child{
  text-align:right;
}

#mcfav-root .mcfav-sofa-stat-values b.is-home{
  color:#8b5cf6;
}

#mcfav-root .mcfav-sofa-stat-values b.is-away{
  color:#f472b6;
}

#mcfav-root .mcfav-sofa-stat-values span{
  color:#fff;
  font-size:13px;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
}

#mcfav-root .mcfav-sofa-stat-bars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

#mcfav-root .mcfav-sofa-stat-bars i{
  position:relative;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:#dde1e7;
}

#mcfav-root .mcfav-sofa-stat-bars i:first-child em{
  float:right;
}

#mcfav-root .mcfav-sofa-stat-bars em{
  display:block;
  height:100%;
  border-radius:999px;
}

#mcfav-root .mcfav-sofa-stat-bars em.home{
  background:#8b5cf6;
}

#mcfav-root .mcfav-sofa-stat-bars em.away{
  background:#f472b6;
}

#mcfav-root .mcfav-h2h-page{
  padding:12px;
  background:#11131c;
}

#mcfav-root .mcfav-h2h-tabs{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-bottom:12px;
  padding:4px;
  border-radius:999px;
  background:#1b202a;
}

#mcfav-root .mcfav-h2h-tabs button{
  height:36px;
  border-radius:999px !important;
  color:#9ca3af;
  font-size:13px;
  font-weight:900;
  background:transparent !important;
}

#mcfav-root .mcfav-h2h-tabs button.active{
  background:#252d3d !important;
  color:#fff !important;
}

#mcfav-root .mcfav-h2h-tabs img{
  width:24px;
  height:24px;
  object-fit:contain;
}

#mcfav-root .mcfav-h2h-summary{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  margin-bottom:12px;
  padding:14px 10px;
  border-radius:12px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

#mcfav-root .mcfav-h2h-summary div{
  min-width:0;
  text-align:center;
}

#mcfav-root .mcfav-h2h-summary img{
  width:34px;
  height:34px;
  object-fit:contain;
  margin-bottom:6px;
}

#mcfav-root .mcfav-h2h-summary b{
  display:block;
  color:#fff;
  font-size:22px;
  font-weight:900;
}

#mcfav-root .mcfav-h2h-summary span{
  display:block;
  margin-top:3px;
  color:#9ca3af;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mcfav-root .mcfav-h2h-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#mcfav-root .mcfav-h2h-match{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 34px;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:10px;
  background:#1b202a;
  border-left:3px solid transparent;
}

#mcfav-root .mcfav-h2h-match.is-home-win{
  border-left-color:#22c55e;
}

#mcfav-root .mcfav-h2h-match.is-away-win{
  border-left-color:#3f5bff;
}

#mcfav-root .mcfav-h2h-match.is-draw{
  border-left-color:#9ca3af;
}

#mcfav-root .mcfav-h2h-date span{
  display:block;
  color:#e5e7eb;
  font-size:12px;
  font-weight:900;
}

#mcfav-root .mcfav-h2h-date small{
  display:block;
  margin-top:3px;
  color:#8f98a8;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mcfav-root .mcfav-h2h-teams{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

#mcfav-root .mcfav-h2h-teams div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}

#mcfav-root .mcfav-h2h-teams img{
  width:18px;
  height:18px;
  object-fit:contain;
}

#mcfav-root .mcfav-h2h-teams strong{
  min-width:0;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mcfav-root .mcfav-h2h-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

#mcfav-root .mcfav-h2h-score b{
  color:#fff;
  font-size:13px;
  font-weight:900;
}

#mcfav-root .mcfav-h2h-empty{
  margin:12px;
  padding:18px;
  border-radius:10px;
  background:#11131c;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
}

#mcfav-root .mcfav-h2h-empty strong{
  display:block;
  font-size:15px;
  font-weight:900;
}

#mcfav-root .mcfav-h2h-empty span{
  display:block;
  margin-top:5px;
  color:#9ca3af;
  font-size:12px;
}

#mcfav-root .mcfav-recent-form-card{
  margin:10px 8px 12px;
  padding:14px 12px;
  border-radius:10px;
  background:#080a0d;
  border:1px solid rgba(255,255,255,.08);
}

#mcfav-root .mcfav-recent-form-card h3{
  margin:0 0 14px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-align:center;
}

#mcfav-root .mcfav-form-team{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.06);
}

#mcfav-root .mcfav-form-team:first-of-type{
  border-top:none;
}

#mcfav-root .mcfav-form-team-head{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

#mcfav-root .mcfav-form-team-head img{
  width:24px;
  height:24px;
  object-fit:contain;
}

#mcfav-root .mcfav-form-team-head strong{
  min-width:0;
  color:#e5e7eb;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mcfav-root .mcfav-form-dots{
  display:flex;
  gap:6px;
  flex-shrink:0;
}

#mcfav-root .mcfav-form-dots span{
  width:24px;
  height:24px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

#mcfav-root .mcfav-form-dots .win{
  background:#22c55e;
}

#mcfav-root .mcfav-form-dots .draw{
  background:#64748b;
}

#mcfav-root .mcfav-form-dots .loss{
  background:#ef4444;
}

.mcfav-left,
.mcfav-sofa-header,
.mcfav-sofa-row,
.mcfav-sofa-row-main,
.mcfav-date-nav{
  overflow: visible !important;
}

.mcfav-calendar-pop[hidden]{
  display: none !important;
}

.mcfav-calendar-pop{
  position:absolute !important;
  top:46px !important;
  right:20px !important;
  width:320px !important;
  z-index:999999 !important;
}

.mcfav-calendar-pop[hidden]{
  display:none !important;
}

.mcfav-cal-box{
  position:relative;
  background:#272C32;
  color:#ECEDEF;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  overflow:hidden;
}

.mcfav-cal-head{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  padding:12px 18px 12px;
}

.mcfav-cal-head strong{
  text-align:center;
  color:#ECEDEF;
  font-size:17px;
  font-weight:800;
  text-transform:lowercase;
}

.mcfav-cal-week{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  background:#00000;
  padding:10px 8px;
}

.mcfav-cal-week span{
  text-align:center;
  color:#ffffff;
  font-size:13px;
}

.mcfav-cal-days{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px 4px;
  padding:16px 14px 30px;
}

.mcfav-cal-empty{
  height:32px;
}

.mcfav-cal-day span{
  position:relative;
  z-index:2;
  display:block;
  color:#fff !important;
}

.mcfav-cal-day i{
  position:absolute;
  left:50%;
  bottom:1px;
  width:8px;
  height:4px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#A855F7;
}

.mcfav-cal-day.active{
  background:#A855F7 !important;
  color:#fff !important;
  width:32px;
  height:32px;
}

.mcfav-cal-day.today:not(.active){
  background:#BDC2FF !important;
  color:#ecedef !important;
}

.mcfav-cal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #e8ebf0;
  padding:12px 16px;
}

.mcfav-cal-footer span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#9aa0aa;
  font-size:12px;
}

.mcfav-cal-footer span i{
  width:8px;
  height:4px;
  border-radius:999px;
  background:#A855F7;
}

.mcfav-cal-footer button{
  border:0;
  background:#fff;
  color:#fff;
  font-weight:800;
  border-radius:4px;
  padding:10px 22px;
  cursor:pointer;
}

/* Calendar popup */
#mcfav-root .mcfav-calendar-pop{
  position: absolute !important;
  top: 46px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: 320px !important;
  z-index: 999999 !important;
}

#mcfav-root .mcfav-calendar-pop[hidden]{
  display:none !important;
}

/* Calendar buttons reset */
#mcfav-root .mcfav-calendar-pop button{
  height:auto !important;
  line-height:normal !important;
  color:#fff !important;
  background:transparent;
}

/* Close button */
#mcfav-root .mcfav-cal-close{
  position:absolute;
  top:4px; 
  right:14px;
  width:32px !important;
  height:32px !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:32px !important;
  z-index:5;
}

/* Month arrows */
#mcfav-root .mcfav-cal-month-btn{
  max-width:38px !important;
  height:38px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#a855f7 !important;
  font-size:36px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

/* Days */
#mcfav-root .mcfav-cal-day{
  width:32px !important;
  height:32px !important;
  margin:0 auto !important;
  padding:0;
  border-radius:50%;
  font-size:17px !important;
  font-weight:800 !important;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

#mcfav-root .mcfav-cal-day.active{
  background:#A855F7 !important;
  color:#fff !important;
  width:32px;
  height:32px;
  border-radius:50% !important;
}

#mcfav-root .mcfav-cal-day.active span{
  color:#fff;
  font-weight:700;
}

#mcfav-root .mcfav-calendar-pop .mcfav-cal-day{
  box-sizing:border-box !important;
  inline-size:36px !important;
  block-size:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  aspect-ratio:1 / 1 !important;
  border-radius:50% !important;

  display:grid !important;
  place-items:center !important;
  line-height:36px !important;
}

#mcfav-root .mcfav-calendar-pop .mcfav-cal-day.active{
  border-radius:50% !important;
  background:#a855f7 !important;
}

#mcfav-root .mcfav-match-odds b{
  color:#fff !important;
}

#mcfav-root .mcfav-match-odds.mcfav-odds-live b{
  color:#f8c24e !important;
}

#mcfav-root .mcfav-match-odds.mcfav-odds-finished > div.is-result b{
  border-color:#a855f7 !important;
  box-shadow:0 0 0 1px rgba(168,85,247,.9) !important;
  color:#fff !important;
}

/* Odds toggle */
#mcfav-root .mcfav-odds-toggle{
  flex:0 0 auto;
  height:30px;
  display:flex;
  align-items:center;
  gap:8px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  padding:0;
}

#mcfav-root .mcfav-odds-toggle input{
  display:none;
}

#mcfav-root .mcfav-odds-toggle i{
  position:relative;
  flex:0 0 34px;
  width:34px;
  height:18px;
  display:block;
  border-radius:999px;
  background:#3a404d !important;
}

#mcfav-root .mcfav-odds-toggle i:before{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#7b61ff;
  transition:.2s ease;
}

#mcfav-root .mcfav-odds-toggle i:after{
  content:none !important;
}

#mcfav-root .mcfav-odds-toggle.active i:before{
  left:18px;
}

/* Independent 3-column scroll like SofaScore */
#mcfav-root{
  --mcfav-top-offset:180px;
  overflow:visible;
}

#mcfav-root .mcfav-shell{
  align-items:start;
  overflow:visible;
}

/* Left column */
#mcfav-root .mcfav-left{
  position:sticky;
  top:16px;
  height:calc(100vh - var(--mcfav-top-offset));
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

#mcfav-root .mcfav-sofa-header{
  flex:0 0 auto;
  position:relative;
  z-index:10;
}

#mcfav-root .mcfav-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* Detail column */
#mcfav-root .mcfav-detail{
  position:sticky;
  top:16px;
  height:calc(100vh - var(--mcfav-top-offset));
  overflow-y:auto;
  overscroll-behavior:contain;
}

#mcfav-root .mcfav-detail-card{
  min-height:100%;
  overflow:visible;
}

/* Ads column always fixed */
#mcfav-root .mcfav-ads{
  position:sticky;
  top:16px;
  height:calc(100vh - var(--mcfav-top-offset));
  overflow:hidden;
  align-self:start;
}

/* Nice scrollbar */
#mcfav-root .mcfav-list,
#mcfav-root .mcfav-detail{
  scrollbar-width:thin;
}

/* Detail Scrollbar */
#mcfav-root .mcfav-detail{
    scrollbar-width: thin;
    scrollbar-color: #545a66 transparent;
}

/* 整个滚动条宽度 */
#mcfav-root .mcfav-detail::-webkit-scrollbar{
    width:4px;
}

/* 背景 */
#mcfav-root .mcfav-detail::-webkit-scrollbar-track{
    background:transparent;
}

/* 滑块 */
#mcfav-root .mcfav-detail::-webkit-scrollbar-thumb{
    background:#646b79;
    border-radius:999px;
    border:2px solid transparent;
    background-clip:padding-box;
}

/* Hover */
#mcfav-root .mcfav-detail:hover::-webkit-scrollbar-thumb{
    background:#868d9b;
}

.mcfav-detail,
.mcfav-list{
    overflow:hidden;
}

.mcfav-detail-scroll,
.mcfav-list-scroll{
    height:100%;
    overflow-y:auto;
}

#mcfav-root .mcfav-list{
    scrollbar-width: thin;
    scrollbar-color: #545a66 transparent;
}

/* 整个滚动条宽度 */
#mcfav-root .mcfav-list::-webkit-scrollbar{
    width:4px;
}

/* 背景 */
#mcfav-root .mcfav-list::-webkit-scrollbar-track{
    background:transparent;
}

/* 滑块 */
#mcfav-root .mcfav-list::-webkit-scrollbar-thumb{
    background:#646b79;
    border-radius:999px;
    border:2px solid transparent;
    background-clip:padding-box;
}

/* Hover */
#mcfav-root .mcfav-detail:hover::-webkit-scrollbar-thumb{
    background:#868d9b;
}

#mcfav-root .mcfav-match-detail-card{
  position:relative;
}

#mcfav-root .mcfav-detail-close{
  position:absolute;
  top:0px;
  right:14px;
  z-index:50;
  width:34px;
  height:34px;
  border-radius:8px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8b5cf6 !important;
  font-size:26px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
}

#mcfav-root .mcfav-detail-close:hover{
  background:rgba(139,92,246,.18) !important;
  color:#fff !important;
}

/* ===========================
   Mobile Bottom Sheet Detail
=========================== */
@media (max-width:768px){

  #mcfav-root .mcfav-shell{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    width:100% !important;
    overflow:visible !important;
  }

  #mcfav-root .mcfav-left{
    width:100% !important;
    height:auto !important;
    position:relative !important;
    overflow:visible !important;
    border-radius:0 !important;
  }

  #mcfav-root .mcfav-list{
    overflow:visible !important;
  }

  #mcfav-root .mcfav-ads{
    order:-1;
    display:block !important;
    position:static !important;
    height:auto !important;
  }

  /* 重点：详情变底部弹窗，不占页面位置 */
  #mcfav-root .mcfav-detail{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;

    width:100vw !important;
    height:88dvh !important;
    max-height:88dvh !important;

    z-index:999999 !important;
    background:#11131c !important;
    border-radius:18px 18px 0 0 !important;

    overflow-y:auto !important;
    overscroll-behavior:contain;

    transform:translateY(110%) !important;
    transition:transform .25s ease !important;

    box-shadow:0 -18px 50px rgba(0,0,0,.65);
  }

  #mcfav-root .mcfav-detail.has-open{
    transform:translateY(0) !important;
  }

  #mcfav-root .mcfav-detail-card{
    width:100% !important;
    min-height:100% !important;
    border:0 !important;
    border-radius:18px 18px 0 0 !important;
    overflow:visible !important;
  }

  /* 顶部小横条，像 SofaScore */
  #mcfav-root .mcfav-detail.has-open::before{
    content:"";
    position:sticky;
    top:8px;
    z-index:1000;
    display:block;
    width:44px;
    height:4px;
    margin:8px auto 0;
    border-radius:999px;
    background:rgba(255,255,255,.45);
  }

  #mcfav-root .mcfav-detail-close{
    position:fixed !important;
    top:14px !important;
    right:18px !important;
    z-index:1001 !important;
  }

  #mcfav-root .mcfav-sofa-hero{
    padding-top:48px !important;
    border-radius:18px 18px 0 0 !important;
  }

  /* 关闭默认空详情 */
  #mcfav-root .mcfav-detail:not(.has-open){
    pointer-events:none;
  }
}

@media (max-width:768px){

  #mcfav-root .mcfav-shell{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    width:100% !important;
    overflow:visible !important;
  }

  #mcfav-root .mcfav-left{
    width:100% !important;
    height:auto !important;
    position:relative !important;
    overflow:visible !important;
    border-radius:0 !important;
  }

  #mcfav-root .mcfav-list{
    overflow:visible !important;
  }

  #mcfav-root .mcfav-ads{
    order:-1 !important;
    display:block !important;
    position:static !important;
    height:auto !important;
  }

  #mcfav-root .mcfav-match{
    grid-template-columns:46px minmax(0,1fr) 42px 34px !important;
    column-gap:6px !important;
    min-height:58px !important;
    padding:6px 8px !important;
  }

  #mcfav-root .mcfav-match-main{
    min-width:0 !important;
  }

  #mcfav-root .mcfav-match-team span{
    max-width:none !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }

  #mcfav-root .mcfav-match-score{
    grid-column:3 !important;
  }

  #mcfav-root .mcfav-match-stats{
    grid-column:4 !important;
    width:30px !important;
    height:30px !important;
  }

  /* 默认隐藏 odds，但打开开关时显示 */
  #mcfav-root .mcfav-match-odds{
    display:none !important;
  }

  #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match{
    grid-template-columns:46px minmax(0,1fr) 112px 24px 34px !important;
  }

  #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-odds{
    display:grid !important;
    grid-column:3 !important;
    grid-template-columns:repeat(3,32px) !important;
    gap:4px !important;
  }

  #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-score{
    grid-column:4 !important;
  }

  #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-stats{
    grid-column:5 !important;
  }

  #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-odds b{
    width:30px !important;
    font-size:10px !important;
  }
}

@media (max-width:768px){

  #mcfav-root .mcfav-sofa-row-status{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  #mcfav-root .mcfav-tabs{
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    display:flex !important;
    gap:6px !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  #mcfav-root .mcfav-tabs::-webkit-scrollbar{
    display:none;
  }

  #mcfav-root .mcfav-tabs button{
    flex:0 0 auto !important;
  }

  #mcfav-root .mcfav-odds-toggle{
    flex:0 0 auto !important;
  }
}

/* Mobile calendar bottom sheet */
@media (max-width:768px){

  #mcfav-root .mcfav-calendar-pop{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;

    z-index:1000000 !important;
    transform:none !important;
    background:transparent !important;
  }

  #mcfav-root .mcfav-cal-box{
    width:100% !important;
    max-width:100% !important;
    border-radius:18px 18px 0 0 !important;
    background:#252a31 !important;
    color:#fff !important;
    padding-top:18px !important;
    box-shadow:0 -18px 50px rgba(0,0,0,.65);
  }

  #mcfav-root .mcfav-cal-box::before{
    content:"";
    display:block;
    width:44px;
    height:4px;
    margin:0 auto 16px;
    border-radius:999px;
    background:rgba(255,255,255,.45);
  }

  #mcfav-root .mcfav-cal-head{
    height:100px !important;
  }

  #mcfav-root .mcfav-cal-week,
  #mcfav-root .mcfav-cal-days{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  #mcfav-root .mcfav-cal-days{
    grid-template-columns:repeat(7,1fr) !important;
    justify-items:center !important;
  }

  #mcfav-root .mcfav-cal-footer{
    padding:14px 18px 18px !important;
  }
}

/* Desktop calendar position: move left */
@media (min-width:769px){
  #mcfav-root .mcfav-calendar-pop{
    position:absolute !important;
    top:46px !important;
    right:0px !important; /* 数字越大，越往左 */
    left:20px !important;
    bottom:auto !important;
    width:360px !important;
    max-width:360px !important;
    z-index:999999 !important;
    background:transparent !important;
  }
}

/* 默认 */
.mcfav-ad-desktop{
    display:block;
}

.mcfav-ad-mobile{
    display:none;
}

/* 手机 */
@media (max-width:768px){

    .mcfav-ad-desktop{
        display:none;
    }

    .mcfav-ad-mobile{
        display:block;
    }

    .mcfav-ad-mobile img{
        width:100%;
        height:auto;
        display:block;
        border-radius:12px;
    }
}

.mcfav-odds-page{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mcfav-odds-section{
  background:#090d0e;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:12px;
}

.mcfav-odds-section h4{
  margin:0 0 10px;
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.mcfav-odds-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.mcfav-odds-box{
  min-height:44px;
  border:1px solid rgba(255,255,255,.16);
  background:#171d20;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
}

.mcfav-odds-box span{
  font-size:12px;
  color:#9ca3af;
  font-weight:700;
  text-align:center;
}

.mcfav-odds-box strong{
  font-size:14px;
  margin-top:2px;
}

.mcfav-odds-box:hover{
  border-color:#8b5cf6;
  background:#1d2430;
}

.mcfav-sofa-tabs{
    display:flex;
    align-items:center;
    gap:0;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.mcfav-sofa-tabs::-webkit-scrollbar{
    display:none;
}

.mcfav-sofa-tabs button{
    flex:0 0 auto;      /* 不压缩 */
    white-space:nowrap; /* 不换行 */
}

.mcfav-sofa-tabs{
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
}

.mcfav-sofa-tabs button{
    scroll-snap-align:start;
}

/* =========================================
   MCFAV entity favorite button
   只属于 Futebol Ao Vivo 插件
========================================= */

#mcfav-root .mcfav-entity-fav-btn{
    width:34px;
    height:34px;
    min-width:34px;
    flex:0 0 auto;

    padding:0;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:9px;

    background:transparent;
    color:#8b93a3;

    cursor:pointer;
}

#mcfav-root .mcfav-entity-fav-btn:hover{
    background:rgba(255,255,255,.06);
}

#mcfav-root .mcfav-entity-fav-btn svg{
    width:20px;
    height:20px;
    display:block;
    pointer-events:none;
}

#mcfav-root .mcfav-entity-fav-btn svg path{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
}

#mcfav-root .mcfav-entity-fav-btn.is-favorite{
    color:#d31775;
}

#mcfav-root .mcfav-entity-fav-btn.is-favorite svg path{
    fill:currentColor;
    stroke:currentColor;
}

#mcfav-root .mcfav-entity-fav-btn.is-loading{
    opacity:.55;
    pointer-events:none;
}

#mcfav-root .mcfav-entity-fav-btn:disabled{
    opacity:.55;
    pointer-events:none;
}

/* =========================================
   Match favorite
========================================= */

#mcfav-root .mcfav-match-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    flex:0 0 auto;
}

#mcfav-root .mcfav-match-favorite-btn{
    width:30px;
    height:30px;
    min-width:30px;

    padding:0;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:8px;

    background:transparent;
    color:#7f8999;

    cursor:pointer;
}

#mcfav-root .mcfav-match-favorite-btn:hover{
    color:#d31775;
    background:#fff2f8;
}

#mcfav-root .mcfav-match-favorite-btn svg{
    width:19px;
    height:19px;
    display:block;
    pointer-events:none;
}

#mcfav-root .mcfav-match-favorite-btn path{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite{
    color:#7d55ff;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite path{
    fill:currentColor;
    stroke:currentColor;
}

#mcfav-root .mcfav-match-favorite-btn.is-loading,
#mcfav-root .mcfav-match-favorite-btn:disabled{
    opacity:.55;
    pointer-events:none;
}

/* =========================================
   Match right actions
========================================= */

#mcfav-root .mcfav-match{
    display:grid;
    grid-template-columns:
        54px
        minmax(0, 1fr)
        auto
        34px
        68px;

    align-items:center;
    column-gap:8px;

    width:100%;
    min-width:0;
}

#mcfav-root .mcfav-match-timebox{
    grid-column:1;
}

#mcfav-root .mcfav-match-main{
    grid-column:2;
    min-width:0;
}

#mcfav-root .mcfav-match-odds{
    grid-column:3;
}

#mcfav-root .mcfav-match-score{
    grid-column:4;
}

#mcfav-root .mcfav-match-actions{
    grid-column:5;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;

    width:68px;
    min-width:68px;
}

#mcfav-root .mcfav-match-favorite-btn,
#mcfav-root .mcfav-match-stats{
    width:30px;
    height:30px;
    min-width:30px;

    padding:0;
    margin:0;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:8px;

    background:transparent;
    color:#798394;

    cursor:pointer;
}

#mcfav-root .mcfav-match-favorite-btn:hover,
#mcfav-root .mcfav-match-stats:hover{
    background:rgba(255,255,255,.06);
}

#mcfav-root .mcfav-match-favorite-btn svg{
    width:19px;
    height:19px;
    pointer-events:none;
}

#mcfav-root .mcfav-match-favorite-btn path{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite{
    color:#7d55ff;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite path{
    fill:currentColor;
    stroke:currentColor;
}

#mcfav-root .mcfav-match-stats svg{
    width:20px;
    height:20px;
    pointer-events:none;
}

/* =========================================
   Match row final layout
   时间 | 球队 | Odds | 比分 | 统计 | 星星
========================================= */

#mcfav-root .mcfav-match{
    width:100% !important;
    min-height:58px !important;

    display:grid !important;
    grid-template-columns:
        48px
        minmax(0, 1fr)
        28px
        68px !important;

    align-items:center !important;
    column-gap:8px !important;

    padding:6px 8px !important;

    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-align:left !important;
    cursor:pointer;
}

#mcfav-root .mcfav-match-timebox{
    grid-column:1 !important;
}

#mcfav-root .mcfav-match-main{
    grid-column:2 !important;
    min-width:0 !important;
}

#mcfav-root .mcfav-match-score{
    grid-column:3 !important;
}

#mcfav-root .mcfav-match-actions{
    grid-column:4 !important;

    width:68px !important;
    min-width:68px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
}

#mcfav-root .mcfav-match-stats,
#mcfav-root .mcfav-match-favorite-btn{
    position:static !important;
    grid-column:auto !important;

    width:30px !important;
    height:30px !important;
    min-width:30px !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:50% !important;

    background:#1b202a !important;
    color:#8791a3 !important;

    cursor:pointer;
}

/* 星星在 actions 的最后，所以固定在最右边 */
#mcfav-root .mcfav-match-favorite-btn{
    order:2;
}

#mcfav-root .mcfav-match-stats{
    order:1;
}

#mcfav-root .mcfav-match-stats:hover,
#mcfav-root .mcfav-match-favorite-btn:hover{
    background:#262d39 !important;
    border-color:rgba(125,85,255,.45) !important;
}

#mcfav-root .mcfav-match-favorite-btn svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
    pointer-events:none;
}

#mcfav-root .mcfav-match-favorite-btn svg path{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite{
    color:#d31775 !important;
    border-color:#d31775 !important;
    background:#fff2f8 !important;
}

#mcfav-root .mcfav-match-favorite-btn.is-favorite svg path{
    fill:currentColor;
    stroke:currentColor;
}

#mcfav-root .mcfav-match-stats svg{
    width:16px !important;
    height:16px !important;
    display:block !important;
    pointer-events:none;
}

#mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match{
    grid-template-columns:
        48px
        minmax(0, 1fr)
        112px
        28px
        68px !important;
}

#mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-odds{
    display:grid !important;
    grid-column:3 !important;
    grid-template-columns:repeat(3,32px) !important;
    gap:4px !important;
}

#mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-score{
    grid-column:4 !important;
}

#mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-actions{
    grid-column:5 !important;
}

@media (max-width:768px){

    #mcfav-root .mcfav-match{
        grid-template-columns:
            46px
            minmax(0,1fr)
            24px
            66px !important;

        column-gap:5px !important;
        padding:6px 6px !important;
    }

    #mcfav-root .mcfav-match-score{
        grid-column:3 !important;
    }

    #mcfav-root .mcfav-match-actions{
        grid-column:4 !important;
        width:66px !important;
        min-width:66px !important;
        gap:3px !important;
    }

    #mcfav-root .mcfav-match-stats,
    #mcfav-root .mcfav-match-favorite-btn{
        grid-column:auto !important;
        width:30px !important;
        height:30px !important;
    }

    #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match{
        grid-template-columns:
            46px
            minmax(0,1fr)
            102px
            24px
            66px !important;
    }

    #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-odds{
        grid-column:3 !important;
    }

    #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-score{
        grid-column:4 !important;
    }

    #mcfav-root:has(.mcfav-odds-toggle.active) .mcfav-match-actions{
        grid-column:5 !important;
    }
}

/* 强制比赛右侧两个按钮固定 30 × 30 */
#mcfav-root .mcfav-match-actions > button,
#mcfav-root button.mcfav-match-stats,
#mcfav-root button.mcfav-match-favorite-btn{
    width:30px !important;
    height:30px !important;

    min-width:30px !important;
    min-height:30px !important;

    max-width:30px !important;
    max-height:30px !important;

    flex:0 0 30px !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;
    vertical-align:middle !important;
}

#mcfav-root .mcfav-match-favorite-btn svg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    display:block !important;
}

#mcfav-root .mcfav-match-stats svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    display:block !important;
}

#mcfav-root .mcfav-match-actions{
    height:30px !important;
    min-height:30px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
}

/* ==========================================
   Match detail loading transition
========================================== */

.mcfav-match-loading-screen {
    width: 100%;
    min-height: 560px;

    color: #f6f7fb;
    background: #0b0e13;
}

.mcfav-match-loading-card {
    width: 100%;
    min-height: 560px;
    padding: 16px;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(125, 85, 255, .12),
            transparent 34%
        ),
        #0b0e13;
}

.mcfav-match-loading-top {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 14px;

    min-height: 48px;
}

.mcfav-match-loading-back {
    display: none;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    padding: 0;

    border: 0;
    border-radius: 50%;

    color: #fff;
    background: rgba(255, 255, 255, .06);

    cursor: pointer;
}

.mcfav-match-loading-back svg {
    width: 22px;
    height: 22px;
}

.mcfav-match-loading-score {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(120px, .9fr)
        minmax(0, 1fr);
    align-items: center;
    gap: 18px;

    min-height: 230px;
    padding: 28px 10px;
}

.mcfav-match-loading-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;

    min-width: 0;
}

.mcfav-loading-team-logo {
    width: 76px;
    height: 76px;

    border-radius: 50%;

    background:
        linear-gradient(
            100deg,
            rgba(255, 255, 255, .06) 20%,
            rgba(255, 255, 255, .13) 38%,
            rgba(255, 255, 255, .06) 56%
        );

    background-size: 220% 100%;

    animation:
        mcfavLoadingShimmer
        1.35s linear infinite;
}

.mcfav-match-loading-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-width: 0;

    text-align: center;
}

.mcfav-match-loading-center strong {
    margin-top: 5px;

    color: #fff;

    font-size: 15px;
    font-weight: 700;
}

.mcfav-match-loading-center span {
    max-width: 200px;

    color: #89929d;

    font-size: 12px;
    line-height: 1.45;
}

.mcfav-loading-spinner {
    width: 34px;
    height: 34px;

    margin: 7px 0;

    border: 3px solid rgba(255, 255, 255, .12);
    border-top-color: #a76bff;
    border-radius: 50%;

    animation:
        mcfavLoadingSpin
        .75s linear infinite;
}

.mcfav-loading-line,
.mcfav-loading-pill,
.mcfav-loading-block {
    background:
        linear-gradient(
            100deg,
            rgba(255, 255, 255, .055) 20%,
            rgba(255, 255, 255, .12) 38%,
            rgba(255, 255, 255, .055) 56%
        );

    background-size: 220% 100%;

    animation:
        mcfavLoadingShimmer
        1.35s linear infinite;
}

.mcfav-loading-line {
    height: 12px;
    border-radius: 999px;
}

.mcfav-loading-line-league {
    width: 130px;
    justify-self: center;
}

.mcfav-loading-line-team {
    width: min(100%, 105px);
}

.mcfav-loading-line-time {
    width: 65px;
    height: 10px;
}

.mcfav-loading-circle-small {
    width: 34px;
    height: 34px;
    justify-self: end;

    border-radius: 50%;

    background: rgba(255, 255, 255, .06);
}

.mcfav-match-loading-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;

    padding: 16px 0;

    border-top: 1px solid rgba(255, 255, 255, .07);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.mcfav-loading-pill {
    height: 34px;
    border-radius: 9px;
}

.mcfav-match-loading-content {
    display: grid;
    gap: 13px;

    padding-top: 18px;
}

.mcfav-loading-block {
    height: 86px;
    border-radius: 13px;
}

.mcfav-loading-block-short {
    height: 58px;
}

.mcfav-match-load-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 480px;
    padding: 30px;

    color: #fff;
    background: #0b0e13;

    text-align: center;
}

.mcfav-match-load-error-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;
    margin-bottom: 15px;

    border-radius: 50%;

    color: #ff708c;
    background: rgba(255, 75, 112, .13);

    font-size: 26px;
    font-weight: 800;
}

.mcfav-match-load-error strong {
    font-size: 17px;
}

.mcfav-match-load-error span {
    margin-top: 7px;

    color: #8e98a4;

    font-size: 13px;
}

.mcfav-match-load-error button {
    min-height: 42px;
    margin-top: 20px;
    padding: 0 20px;

    border: 0;
    border-radius: 10px;

    color: #fff;
    background: #7d55ff;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;
}

@keyframes mcfavLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mcfavLoadingShimmer {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -20% 0;
    }
}

@media (max-width: 768px) {
    .mcfav-match-loading-screen,
    .mcfav-match-loading-card {
        min-height: calc(
            100dvh - var(--mcfav-header-height, 70px)
        );
    }

    .mcfav-match-loading-card {
        padding:
            12px
            14px
            calc(28px + env(safe-area-inset-bottom));
    }

    .mcfav-match-loading-back {
        display: inline-flex;
    }

    .mcfav-match-loading-score {
        grid-template-columns:
            minmax(0, 1fr)
            112px
            minmax(0, 1fr);

        gap: 8px;

        min-height: 245px;
        padding: 30px 0 24px;
    }

    .mcfav-loading-team-logo {
        width: 68px;
        height: 68px;
    }

    .mcfav-match-loading-center strong {
        font-size: 13px;
    }

    .mcfav-match-loading-center span {
        display: none;
    }

    .mcfav-match-loading-tabs {
        grid-template-columns: repeat(4, 84px);

        margin-right: -14px;
        padding-right: 14px;

        overflow-x: auto;
        scrollbar-width: none;
    }

    .mcfav-match-loading-tabs::-webkit-scrollbar {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mcfav-loading-spinner,
    .mcfav-loading-line,
    .mcfav-loading-pill,
    .mcfav-loading-block,
    .mcfav-loading-team-logo {
        animation: none;
    }
}

/* ============================================================
   FUTEMAX WHITE MATCH CENTER V1
   2026-09
   Visual layer only. Do not place socket/data logic here.
   ============================================================ */

#mcfav-root {
    --fm-page: #f6f7f9;
    --fm-surface: #ffffff;
    --fm-surface-soft: #f8f9fb;
    --fm-surface-hover: #f4f2ff;

    --fm-text: #17181c;
    --fm-text-2: #4f5663;
    --fm-muted: #8a909b;

    --fm-border: #e7e9ee;
    --fm-border-strong: #dde0e6;

    --fm-primary: #7d55ff;
    --fm-primary-soft: #f1edff;

    --fm-live: #ef3340;
    --fm-live-soft: #fff0f1;

    --fm-radius: 14px;
    --fm-radius-small: 10px;

    --fm-shadow:
        0 1px 2px rgba(16, 24, 40, .025),
        0 6px 20px rgba(16, 24, 40, .035);

    color: var(--fm-text);
}


/* ------------------------------------------------------------
   PAGE
   ------------------------------------------------------------ */

#mcfav-root {
    background: transparent;
}

#mcfav-root .mcfav-shell {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;

    background: transparent !important;

    gap: 18px;
}


/* ------------------------------------------------------------
   MAIN COLUMNS
   ------------------------------------------------------------ */

#mcfav-root .mcfav-left {
    background: var(--fm-surface) !important;

    border: 1px solid var(--fm-border) !important;
    border-radius: var(--fm-radius) !important;

    box-shadow: var(--fm-shadow);

    overflow: hidden;
}

#mcfav-root .mcfav-detail {
    background: transparent !important;
}

#mcfav-root .mcfav-detail-card {
    background: var(--fm-surface) !important;

    border: 1px solid var(--fm-border) !important;
    border-radius: var(--fm-radius) !important;

    box-shadow: var(--fm-shadow);

    color: var(--fm-text);
}


/* ------------------------------------------------------------
   DATE NAVIGATION
   ------------------------------------------------------------ */

#mcfav-root .mcfav-date-nav {
    background: #fff !important;

    border-bottom:
        1px solid var(--fm-border) !important;

    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-date-nav > button,
#mcfav-root .mcfav-date-arrow {
    background: transparent !important;

    color: var(--fm-text-2) !important;

    border-color: transparent !important;
}

#mcfav-root .mcfav-date-nav > button:hover,
#mcfav-root .mcfav-date-arrow:hover {
    background: var(--fm-surface-soft) !important;
    color: var(--fm-primary) !important;
}

#mcfav-root .mcfav-date-current {
    color: var(--fm-text) !important;
}


/* ------------------------------------------------------------
   SEARCH
   ------------------------------------------------------------ */

#mcfav-root .mcfav-search {
    background: var(--fm-surface-soft) !important;

    border:
        1px solid var(--fm-border) !important;

    color: var(--fm-text) !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-search input {
    color: var(--fm-text) !important;
    background: transparent !important;
}

#mcfav-root .mcfav-search input::placeholder {
    color: var(--fm-muted) !important;
}


/* ------------------------------------------------------------
   MATCH LIST
   ------------------------------------------------------------ */

#mcfav-root .mcfav-list {
    background: #fff !important;
    color: var(--fm-text) !important;
}


/* ------------------------------------------------------------
   LEAGUES
   ------------------------------------------------------------ */

#mcfav-root .mcfav-league {
    background: #fff !important;
}

#mcfav-root .mcfav-league-head {
    background: var(--fm-surface-soft) !important;

    border-top:
        1px solid var(--fm-border) !important;

    border-bottom:
        1px solid var(--fm-border) !important;
}

#mcfav-root .mcfav-league:first-child
.mcfav-league-head {
    border-top: 0 !important;
}

#mcfav-root .mcfav-league-info strong {
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-league-info span {
    color: var(--fm-muted) !important;
}

#mcfav-root .mcfav-league-count {
    background: transparent !important;
}

#mcfav-root .mcfav-league-count b {
    color: var(--fm-live) !important;
}

#mcfav-root .mcfav-league-count span,
#mcfav-root .mcfav-league-count em {
    color: var(--fm-text-2) !important;
}

#mcfav-root .mcfav-league-toggle {
    background: transparent !important;
    color: var(--fm-muted) !important;
}


/* ------------------------------------------------------------
   MATCH ROW
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match {
    background: #fff !important;

    color: var(--fm-text) !important;

    border-top: 0 !important;
    border-bottom:
        1px solid #eff0f3 !important;

    transition:
        background .16s ease,
        box-shadow .16s ease;
}

#mcfav-root .mcfav-match:hover {
    background: #faf9ff !important;
}

#mcfav-root .mcfav-match.active,
#mcfav-root .mcfav-match.is-active {
    background: var(--fm-primary-soft) !important;

    box-shadow:
        inset 3px 0 0 var(--fm-primary);
}

#mcfav-root .mcfav-match-team,
#mcfav-root .mcfav-match-team strong,
#mcfav-root .mcfav-match-main {
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-time {
    color: var(--fm-muted) !important;
}

#mcfav-root .mcfav-match-score {
    color: var(--fm-text) !important;
}


/* ------------------------------------------------------------
   LIVE
   ------------------------------------------------------------ */

#mcfav-root .mcfav-live {
    color: var(--fm-live) !important;
}

#mcfav-root .mcfav-live::before {
    background: var(--fm-live) !important;
}


/* ------------------------------------------------------------
   ODDS IN LIST
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds {
    color: var(--fm-text-2) !important;
}

#mcfav-root .mcfav-match-odds button,
#mcfav-root .mcfav-match-odds span {
    border-color:
        var(--fm-border) !important;
}


/* ------------------------------------------------------------
   DETAIL BASIC SURFACE
   ------------------------------------------------------------ */

#mcfav-root .mcfav-detail-body {
    background: #fff !important;
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-detail-hero {
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-detail-empty {
    background: #fff !important;
    color: var(--fm-muted) !important;
}


/* ------------------------------------------------------------
   TABS
   ------------------------------------------------------------ */

#mcfav-root .mcfav-tabs,
#mcfav-root .mcfav-sofa-tabs,
#mcfav-root .mcfav-sofa-tabs-wrap {
    background: #fff !important;

    border-color:
        var(--fm-border) !important;
}

#mcfav-root .mcfav-tabs button,
#mcfav-root .mcfav-sofa-tabs button {
    color: var(--fm-text-2) !important;
}

#mcfav-root .mcfav-tabs button.active,
#mcfav-root .mcfav-sofa-tabs button.active {
    color: var(--fm-primary) !important;
}


/* ------------------------------------------------------------
   COMMON DETAIL CARDS
   ------------------------------------------------------------ */

#mcfav-root .mcfav-block,
#mcfav-root .mcfav-info-card,
#mcfav-root .mcfav-recent-form-card,
#mcfav-root .mcfav-watch-card,
#mcfav-root .mcfav-odds-card,
#mcfav-root .mcfav-sofa-info-card,
#mcfav-root .mcfav-sofa-odds-card,
#mcfav-root .mcfav-sofa-momentum-card,
#mcfav-root .mcfav-sofa-potm-card,
#mcfav-root .mcfav-sofa-rated-card,
#mcfav-root .mcfav-sofa-stats-card,
#mcfav-root .mcfav-sofa-timeline-card,
#mcfav-root .mcfav-sofa-h2h-card,
#mcfav-root .mcfav-lineup-list-card,
#mcfav-root .mcfav-lineup-bench-card {
    background: #fff !important;

    border:
        1px solid var(--fm-border) !important;

    color: var(--fm-text) !important;

    box-shadow: none !important;

    border-radius: 12px !important;
}


/* ------------------------------------------------------------
   COMMON TYPOGRAPHY
   ------------------------------------------------------------ */

#mcfav-root .mcfav-info-card strong,
#mcfav-root .mcfav-watch-card strong,
#mcfav-root .mcfav-sofa-info-card strong,
#mcfav-root .mcfav-sofa-odds-card strong,
#mcfav-root .mcfav-sofa-momentum-card strong,
#mcfav-root .mcfav-sofa-potm-card strong,
#mcfav-root .mcfav-sofa-rated-card strong,
#mcfav-root .mcfav-sofa-stats-card strong,
#mcfav-root .mcfav-sofa-timeline-card strong {
    color: var(--fm-text) !important;
}


/* ------------------------------------------------------------
   SCROLLBARS
   ------------------------------------------------------------ */

#mcfav-root .mcfav-list::-webkit-scrollbar-track,
#mcfav-root .mcfav-detail::-webkit-scrollbar-track {
    background: transparent !important;
}

#mcfav-root .mcfav-list::-webkit-scrollbar-thumb,
#mcfav-root .mcfav-detail::-webkit-scrollbar-thumb {
    background: #d7dae0 !important;
    border-radius: 999px;
}

#mcfav-root .mcfav-list:hover::-webkit-scrollbar-thumb,
#mcfav-root .mcfav-detail:hover::-webkit-scrollbar-thumb {
    background: #c3c7cf !important;
}


/* ------------------------------------------------------------
   LOADING
   ------------------------------------------------------------ */

#mcfav-root .mcfav-loading,
#mcfav-root .mcfav-detail-loading,
#mcfav-root .mcfav-match-loading-screen {
    background: #fff !important;
    color: var(--fm-text-2) !important;
}

#mcfav-root .mcfav-loading-block,
#mcfav-root .mcfav-loading-line,
#mcfav-root .mcfav-loading-pill {
    background: #eef0f4 !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 768px) {

    #mcfav-root {
        background: #fff;
    }

    #mcfav-root .mcfav-shell {
        display: block;

        width: 100%;
        max-width: none;

        margin: 0;

        gap: 0;
    }

    #mcfav-root .mcfav-left {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #mcfav-root .mcfav-detail {
        background: #fff !important;
    }

    #mcfav-root .mcfav-detail-card {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #mcfav-root .mcfav-league-head {
        padding-left: 14px;
        padding-right: 14px;
    }

    #mcfav-root .mcfav-match {
        padding-left: 14px;
        padding-right: 14px;
    }

}


/* ============================================================
   END FUTEMAX WHITE MATCH CENTER V1
   ============================================================ */


/* ============================================================
   FUTEMAX MATCH CENTER - RAJDHANI
   ============================================================ */

#mcfav-root,
#mcfav-root button,
#mcfav-root input,
#mcfav-root select,
#mcfav-root textarea {
    font-family: "Rajdhani", sans-serif !important;
}

#mcfav-root {
    font-weight: 500;
    letter-spacing: 0;
}

/* Team / competition names */
#mcfav-root .mcfav-match-team,
#mcfav-root .mcfav-match-team strong,
#mcfav-root .mcfav-league-info strong {
    font-weight: 600 !important;
}

/* Navigation / tabs / buttons */
#mcfav-root button,
#mcfav-root .mcfav-tabs,
#mcfav-root .mcfav-sofa-tabs {
    font-weight: 600;
}

/* Scores / important numbers */
#mcfav-root .mcfav-match-score,
#mcfav-root .mcfav-score,
#mcfav-root .mcfav-live {
    font-weight: 700 !important;
}

/* Detail headings */
#mcfav-root h1,
#mcfav-root h2,
#mcfav-root h3,
#mcfav-root h4,
#mcfav-root h5,
#mcfav-root h6 {
    font-family: "Rajdhani", sans-serif !important;
    font-weight: 700;
}


/* ============================================================
   END FUTEMAX MATCH CENTER - RAJDHANI
   ============================================================ */


/* ============================================================
   FUTEMAX WHITE GREEN V2
   White Match Center / Green Brand
   ============================================================ */

#mcfav-root {
    --fm-page: #f6f8f7;
    --fm-surface: #ffffff;
    --fm-surface-soft: #f5f7f8;
    --fm-surface-hover: #f2fbf6;

    --fm-text: #101820;
    --fm-text-2: #53606d;
    --fm-muted: #8c98a7;

    --fm-border: #e7ebef;
    --fm-border-soft: #eef1f3;

    --fm-green: #00b96b;
    --fm-green-2: #00d47e;
    --fm-green-dark: #009b59;
    --fm-green-soft: #eafaf2;

    --fm-lime: #b8e63e;

    --fm-live: #f04452;
    --fm-live-soft: #fff0f2;

    --fm-gradient:
        linear-gradient(
            110deg,
            #b9e63d 0%,
            #58d84f 34%,
            #00c875 68%,
            #00ad68 100%
        );

    --fm-shadow:
        0 4px 18px rgba(16, 24, 32, .045);

    color: var(--fm-text) !important;
}


/* ============================================================
   LEFT MATCH CENTER
   ============================================================ */

#mcfav-root .mcfav-left {
    background: #fff !important;
    border: 1px solid var(--fm-border) !important;
    box-shadow: var(--fm-shadow) !important;
}


/* ============================================================
   TOP TOOLBAR
   remove old dark background
   ============================================================ */

#mcfav-root .mcfav-toolbar,
#mcfav-root .mcfav-controls,
#mcfav-root .mcfav-topbar,
#mcfav-root .mcfav-filterbar,
#mcfav-root .mcfav-filters {
    background: #fff !important;
    color: var(--fm-text) !important;
    border-color: var(--fm-border) !important;
}


/* SEARCH */

#mcfav-root .mcfav-search {
    background: #fff !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-search input {
    background: transparent !important;
    color: var(--fm-text) !important;
    font-weight: 600;
}

#mcfav-root .mcfav-search input::placeholder {
    color: #9aa5b2 !important;
    opacity: 1;
}

#mcfav-root .mcfav-search svg {
    color: #9aa5b2 !important;
    stroke: #9aa5b2 !important;
}


/* ============================================================
   DATE CONTROL
   ============================================================ */

#mcfav-root .mcfav-date-nav {
    background: #fff !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-date-nav button,
#mcfav-root .mcfav-date-arrow {
    background: transparent !important;
    color: #27323e !important;
    border: 0 !important;
}

#mcfav-root .mcfav-date-nav button:hover,
#mcfav-root .mcfav-date-arrow:hover {
    background: var(--fm-green-soft) !important;
    color: var(--fm-green-dark) !important;
}

#mcfav-root .mcfav-date-current {
    color: var(--fm-text) !important;
    font-weight: 600 !important;
}


/* ============================================================
   FILTER AREA
   ============================================================ */

#mcfav-root .mcfav-filter-row,
#mcfav-root .mcfav-filterbar,
#mcfav-root .mcfav-filters {
    background: #fff !important;
    border-color: var(--fm-border-soft) !important;
}


/* ALL FILTER BUTTONS */

#mcfav-root .mcfav-filter,
#mcfav-root .mcfav-filter-btn,
#mcfav-root [data-filter] {
    background: #f1f3f5 !important;
    color: #697584 !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    font-weight: 600 !important;

    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* ACTIVE FILTER — GREEN GRADIENT */

#mcfav-root .mcfav-filter.active,
#mcfav-root .mcfav-filter-btn.active,
#mcfav-root [data-filter].active,
#mcfav-root [data-filter][aria-selected="true"] {
    background: var(--fm-gradient) !important;

    color: #fff !important;

    border: 0 !important;

    box-shadow:
        0 5px 14px rgba(0, 190, 105, .20) !important;

    text-shadow:
        0 1px 1px rgba(0, 80, 45, .12);
}

#mcfav-root .mcfav-filter:hover,
#mcfav-root .mcfav-filter-btn:hover,
#mcfav-root [data-filter]:hover {
    color: var(--fm-green-dark) !important;
}

#mcfav-root .mcfav-filter.active:hover,
#mcfav-root .mcfav-filter-btn.active:hover,
#mcfav-root [data-filter].active:hover {
    color: #fff !important;
    transform: translateY(-1px);
}


/* ============================================================
   ODDS
   ============================================================ */

#mcfav-root .mcfav-odds-toggle,
#mcfav-root .mcfav-odds-switch {
    color: var(--fm-text) !important;
    font-weight: 700 !important;
}

#mcfav-root input[type="checkbox"]:checked + .mcfav-switch,
#mcfav-root .mcfav-switch.active,
#mcfav-root .mcfav-switch.is-active {
    background: var(--fm-green) !important;
}


/* Generic switch fallback */

#mcfav-root .mcfav-switch {
    background: #dce2e7 !important;
    border-color: transparent !important;
}

#mcfav-root .mcfav-switch::before,
#mcfav-root .mcfav-switch::after {
    background: #fff !important;
}


/* ============================================================
   LEAGUE SECTION
   ============================================================ */

#mcfav-root .mcfav-list,
#mcfav-root .mcfav-league {
    background: #fff !important;
}

#mcfav-root .mcfav-league {
    border-color: var(--fm-border-soft) !important;
}


/* League header */

#mcfav-root .mcfav-league-head {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 65%,
            #f7fbf9 100%
        ) !important;

    color: var(--fm-text) !important;

    border-top:
        1px solid var(--fm-border) !important;

    border-bottom:
        1px solid var(--fm-border) !important;
}

#mcfav-root .mcfav-league-info strong {
    color: #101820 !important;
    font-weight: 700 !important;
}

#mcfav-root .mcfav-league-info span {
    color: #8b97a5 !important;
    font-weight: 500 !important;
}

#mcfav-root .mcfav-league-count,
#mcfav-root .mcfav-league-count span,
#mcfav-root .mcfav-league-count em {
    color: #566271 !important;
}

#mcfav-root .mcfav-league-toggle {
    color: #95a0ad !important;
    background: transparent !important;
}


/* ============================================================
   MATCH ROW
   ============================================================ */

#mcfav-root .mcfav-match {
    background: #fff !important;
    color: var(--fm-text) !important;

    border-top: 0 !important;

    border-bottom:
        1px solid var(--fm-border-soft) !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        box-shadow .15s ease;
}

#mcfav-root .mcfav-match:hover {
    background: #f8fcfa !important;
}


/* selected match */

#mcfav-root .mcfav-match.active,
#mcfav-root .mcfav-match.is-active,
#mcfav-root .mcfav-match[aria-selected="true"] {
    background:
        linear-gradient(
            90deg,
            #f0fff7 0%,
            #ffffff 100%
        ) !important;

    box-shadow:
        inset 3px 0 0 var(--fm-green) !important;
}


/* ============================================================
   MATCH TEXT
   ============================================================ */

#mcfav-root .mcfav-match-team,
#mcfav-root .mcfav-match-team strong,
#mcfav-root .mcfav-match-main {
    color: #101820 !important;
}

#mcfav-root .mcfav-time {
    color: #8491a1 !important;
    font-weight: 600 !important;
}

#mcfav-root .mcfav-match-score {
    color: #101820 !important;
    font-weight: 700 !important;
}


/* ============================================================
   LIVE
   ============================================================ */

#mcfav-root .mcfav-live,
#mcfav-root .is-live {
    color: var(--fm-live) !important;
    font-weight: 700 !important;
}


/* ============================================================
   MATCH ACTION BUTTONS
   stats / favorite
   ============================================================ */

#mcfav-root .mcfav-match button,
#mcfav-root .mcfav-match-action,
#mcfav-root .mcfav-favorite,
#mcfav-root .mcfav-stats-button {
    box-shadow: none;
}

#mcfav-root .mcfav-match-action,
#mcfav-root .mcfav-favorite,
#mcfav-root .mcfav-stats-button {
    background: #f1f4f6 !important;

    color: #536171 !important;

    border:
        1px solid #edf0f3 !important;

    border-radius: 999px !important;
}

#mcfav-root .mcfav-match-action:hover,
#mcfav-root .mcfav-favorite:hover,
#mcfav-root .mcfav-stats-button:hover {
    background: var(--fm-green-soft) !important;
    color: var(--fm-green-dark) !important;
}


/* Favorite selected */

#mcfav-root .mcfav-favorite.active,
#mcfav-root .mcfav-favorite.is-active {
    background: var(--fm-green-soft) !important;
    color: var(--fm-green) !important;
    border-color: #c9f1dc !important;
}


/* ============================================================
   DETAIL SIDE
   ============================================================ */

#mcfav-root .mcfav-detail,
#mcfav-root .mcfav-detail-body,
#mcfav-root .mcfav-detail-card {
    color: var(--fm-text) !important;
}

#mcfav-root .mcfav-detail-card {
    background: #fff !important;

    border:
        1px solid var(--fm-border) !important;

    box-shadow: var(--fm-shadow) !important;
}


/* ============================================================
   DETAIL TABS
   ============================================================ */

#mcfav-root .mcfav-tabs,
#mcfav-root .mcfav-sofa-tabs,
#mcfav-root .mcfav-sofa-tabs-wrap {
    background: #fff !important;
    border-color: var(--fm-border) !important;
}

#mcfav-root .mcfav-tabs button,
#mcfav-root .mcfav-sofa-tabs button {
    background: transparent !important;
    color: #687584 !important;
    font-weight: 600 !important;
}

#mcfav-root .mcfav-tabs button.active,
#mcfav-root .mcfav-sofa-tabs button.active {
    color: var(--fm-green-dark) !important;
}


/* underline */

#mcfav-root .mcfav-tabs button.active::after,
#mcfav-root .mcfav-sofa-tabs button.active::after {
    background: var(--fm-gradient) !important;
}


/* ============================================================
   LINKS / ACTIVE DETAILS
   ============================================================ */

#mcfav-root a:hover {
    color: var(--fm-green-dark);
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    #mcfav-root {
        background: #fff !important;
    }

    #mcfav-root .mcfav-left {
        background: #fff !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }

    #mcfav-root .mcfav-toolbar,
    #mcfav-root .mcfav-controls,
    #mcfav-root .mcfav-topbar {
        background: #fff !important;
    }

    #mcfav-root .mcfav-search,
    #mcfav-root .mcfav-date-nav {
        min-height: 42px;

        background: #fff !important;

        border:
            1px solid #e5e9ed !important;

        border-radius: 10px !important;
    }

    #mcfav-root .mcfav-filter,
    #mcfav-root .mcfav-filter-btn,
    #mcfav-root [data-filter] {
        min-height: 34px;

        padding-left: 15px;
        padding-right: 15px;

        border-radius: 999px !important;
    }

    #mcfav-root .mcfav-league-head {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                #f7fbf9 100%
            ) !important;
    }

}


/* ============================================================
   END FUTEMAX WHITE GREEN V2
   ============================================================ */


/* ============================================================
   FUTEMAX WHITE GREEN V3 - REAL DOM FIX
   ============================================================ */

/* ---------- COMPLETE HEADER ---------- */

#mcfav-root .mcfav-sofa-header,
#mcfav-root .mcfav-sofa-row,
#mcfav-root .mcfav-sofa-row-main,
#mcfav-root .mcfav-sofa-row-status {
    background: #ffffff !important;
    color: #101820 !important;
    border-color: #e8ecef !important;
}


/* Main header spacing */

#mcfav-root .mcfav-sofa-header {
    border: 1px solid #e7ebef !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: visible !important;
}

#mcfav-root .mcfav-sofa-row-main {
    border-bottom: 1px solid #edf0f2 !important;
}


/* ---------- SEARCH ---------- */

#mcfav-root .mcfav-search {
    background: #f7f9fa !important;
    border: 1px solid #e5e9ed !important;
    color: #101820 !important;
}

#mcfav-root .mcfav-search input {
    background: transparent !important;
    color: #101820 !important;
}

#mcfav-root .mcfav-search input::placeholder {
    color: #8e9aa8 !important;
}


/* ---------- DATE ---------- */

#mcfav-root .mcfav-date-nav {
    background: #f7f9fa !important;
    border: 1px solid #e5e9ed !important;
    color: #101820 !important;
}

#mcfav-root .mcfav-date-current,
#mcfav-root .mcfav-date-arrow {
    background: transparent !important;
    color: #1c2833 !important;
}


/* ---------- STATUS ROW ---------- */

#mcfav-root .mcfav-sofa-row-status {
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/* Actual tab container */

#mcfav-root .mcfav-tabs {
    background: #f3f5f6 !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 3px !important;

    display: flex !important;
    align-items: center !important;

    gap: 2px !important;
}


/* Actual tab buttons */

#mcfav-root .mcfav-tabs > button {
    background: transparent !important;
    color: #687583 !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    font-weight: 600 !important;

    white-space: nowrap !important;

    transition:
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}


/* ACTIVE GRADIENT */

#mcfav-root .mcfav-tabs > button.active {
    background:
        linear-gradient(
            110deg,
            #b9e63d 0%,
            #62db48 28%,
            #13cf6c 60%,
            #00ad68 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 4px 12px rgba(0, 183, 102, .20) !important;
}


/* Kill old purple underline */

#mcfav-root .mcfav-tabs > button::before,
#mcfav-root .mcfav-tabs > button::after {
    background: transparent !important;
    border: 0 !important;
}


/* ---------- ODDS ---------- */

#mcfav-root .mcfav-odds-toggle {
    background: transparent !important;
    color: #27323d !important;

    border: 0 !important;
    box-shadow: none !important;

    font-weight: 700 !important;
}


/* Real odds switch */

#mcfav-root .mcfav-odds-toggle > i {
    position: relative !important;

    background: #d9dfe4 !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* switch dot */

#mcfav-root .mcfav-odds-toggle > i::before,
#mcfav-root .mcfav-odds-toggle > i::after {
    background: #ffffff !important;
}


/* Active odds */

#mcfav-root .mcfav-odds-toggle.active > i,
#mcfav-root .mcfav-odds-toggle.is-active > i,
#mcfav-root .mcfav-odds-toggle[aria-pressed="true"] > i {
    background: #00b96b !important;
}


/* ---------- LEAGUE ---------- */

#mcfav-root .mcfav-league {
    background: #ffffff !important;
}

#mcfav-root .mcfav-league-head {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 70%,
            #f4fbf7 100%
        ) !important;

    border-color: #e8ecef !important;
}

#mcfav-root .mcfav-league-info strong {
    color: #111a22 !important;
}

#mcfav-root .mcfav-league-info span {
    color: #8c98a6 !important;
}


/* Competition favorite */

#mcfav-root .mcfav-entity-fav-btn {
    background: transparent !important;
    border: 0 !important;
    color: #93a0ae !important;
}

#mcfav-root .mcfav-entity-fav-btn svg {
    fill: transparent !important;
    stroke: #93a0ae !important;
}

#mcfav-root .mcfav-entity-fav-btn[aria-pressed="true"] svg {
    fill: #00b96b !important;
    stroke: #00b96b !important;
}


/* League number */

#mcfav-root .mcfav-league-count,
#mcfav-root .mcfav-league-count em {
    color: #52606d !important;
}


/* Arrow */

#mcfav-root .mcfav-league-toggle {
    background: transparent !important;
    color: #94a0ad !important;
}

#mcfav-root .mcfav-league-toggle svg,
#mcfav-root .mcfav-league-toggle path {
    fill: #94a0ad !important;
}


/* ---------- MATCH ROW ---------- */

#mcfav-root .mcfav-match {
    background: #ffffff !important;

    border-bottom:
        1px solid #edf0f2 !important;
}

#mcfav-root .mcfav-match:hover {
    background: #f7fcf9 !important;
}

#mcfav-root .mcfav-match-timebox span {
    color: #8291a1 !important;
}

#mcfav-root .mcfav-match-timebox b {
    color: #ff5361 !important;
}

#mcfav-root .mcfav-match-team,
#mcfav-root .mcfav-match-team span {
    color: #111820 !important;
}


/* ---------- ACTUAL MATCH BUTTONS ---------- */

#mcfav-root .mcfav-match-stats,
#mcfav-root .mcfav-match-favorite-btn {
    width: 34px !important;
    height: 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background: #f3f6f7 !important;

    border: 1px solid #e7ebee !important;
    border-radius: 50% !important;

    color: #697786 !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}


/* SVG inside stats */

#mcfav-root .mcfav-match-stats svg path {
    fill: #697786 !important;
}


/* Favorite star */

#mcfav-root .mcfav-match-favorite-btn svg {
    fill: transparent !important;
    stroke: #697786 !important;
}


/* Hover */

#mcfav-root .mcfav-match-stats:hover,
#mcfav-root .mcfav-match-favorite-btn:hover {
    background: #eafaf2 !important;
    border-color: #c9efda !important;
    color: #00a760 !important;
}

#mcfav-root .mcfav-match-stats:hover svg path {
    fill: #00a760 !important;
}

#mcfav-root .mcfav-match-favorite-btn:hover svg {
    stroke: #00a760 !important;
}


/* Favorite active */

#mcfav-root
.mcfav-match-favorite-btn[aria-pressed="true"] {
    background: #e9faf1 !important;
    border-color: #c4efd7 !important;
}

#mcfav-root
.mcfav-match-favorite-btn[aria-pressed="true"] svg {
    fill: #00b96b !important;
    stroke: #00b96b !important;
}


/* ---------- SCROLLBAR ---------- */

#mcfav-root ::-webkit-scrollbar-track {
    background: #ffffff !important;
}

#mcfav-root ::-webkit-scrollbar-thumb {
    background: #d8dee3 !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    #mcfav-root .mcfav-sofa-header {
        background: #ffffff !important;

        border-left: 0 !important;
        border-right: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    #mcfav-root .mcfav-sofa-row-main {
        background: #ffffff !important;
    }

    #mcfav-root .mcfav-sofa-row-status {
        background: #ffffff !important;

        padding-top: 9px !important;
        padding-bottom: 9px !important;

        overflow: hidden !important;
    }

    #mcfav-root .mcfav-tabs {
        background: #f2f4f5 !important;

        min-width: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none;
    }

    #mcfav-root .mcfav-tabs::-webkit-scrollbar {
        display: none;
    }

    #mcfav-root .mcfav-tabs > button {
        flex: 0 0 auto !important;
    }

    #mcfav-root .mcfav-odds-toggle {
        background: #ffffff !important;

        flex: 0 0 auto !important;

        padding-left: 10px !important;
    }

    #mcfav-root .mcfav-league-head {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                #f5fbf8 100%
            ) !important;
    }

    #mcfav-root .mcfav-match-stats,
    #mcfav-root .mcfav-match-favorite-btn {
        width: 32px !important;
        height: 32px !important;
    }

}


/* ============================================================
   END FUTEMAX WHITE GREEN V3
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS V1
   Neutral + Lime/Emerald + Gold
   ============================================================ */


/* ------------------------------------------------------------
   ODDS GROUP
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    gap: 5px !important;

    margin: 0 !important;

    color: #1b2923 !important;
}


/* ------------------------------------------------------------
   EACH 1 / X / 2 COLUMN
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 3px !important;

    min-width: 38px !important;

    background: transparent !important;

    border: 0 !important;

    padding: 0 !important;
}


/* ------------------------------------------------------------
   1 / X / 2 LABEL
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #8b98a6 !important;

    border: 0 !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    text-align: center !important;
}


/* ------------------------------------------------------------
   ODDS VALUE - DEFAULT
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 38px !important;
    height: 25px !important;

    margin: 0 !important;
    padding: 0 6px !important;

    background:
        linear-gradient(
            180deg,
            #f5f7f6 0%,
            #edf1ef 100%
        ) !important;

    color: #26362f !important;

    border:
        1px solid #e6ebe8 !important;

    border-radius: 7px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8) !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: .05px !important;

    white-space: nowrap !important;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}


/* ------------------------------------------------------------
   1 — subtle lime/green
   This is visual distinction ONLY, not "winning".
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div:nth-child(1) > b {
    background:
        linear-gradient(
            135deg,
            #f3fbe8 0%,
            #e8f8e7 100%
        ) !important;

    color: #277247 !important;

    border-color: #dcefdc !important;
}


/* ------------------------------------------------------------
   X — warm neutral / champagne
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div:nth-child(2) > b {
    background:
        linear-gradient(
            135deg,
            #faf8f0 0%,
            #f4f1e7 100%
        ) !important;

    color: #665f45 !important;

    border-color: #ece7d8 !important;
}


/* ------------------------------------------------------------
   2 — emerald tint
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div:nth-child(3) > b {
    background:
        linear-gradient(
            135deg,
            #eefaf4 0%,
            #e3f7ed 100%
        ) !important;

    color: #147451 !important;

    border-color: #d5eee1 !important;
}


/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div:hover > b {
    transform: translateY(-1px) !important;

    border-color: #bfe8d1 !important;

    box-shadow:
        0 4px 10px rgba(0, 157, 91, .08) !important;
}


/* ============================================================
   FUTURE REAL ODDS STATES
   These are ready once JS attaches the classes.
   ============================================================ */


/* Odds increased */

#mcfav-root
.mcfav-match-odds > div.odds-up > b,
#mcfav-root
.mcfav-match-odds > div.is-up > b {
    background:
        linear-gradient(
            135deg,
            #efffda 0%,
            #d9f9e6 100%
        ) !important;

    color: #087849 !important;

    border-color: #bceccc !important;

    box-shadow:
        0 3px 10px rgba(0, 183, 105, .10) !important;
}


/* Small up marker */

#mcfav-root
.mcfav-match-odds > div.odds-up > b::after,
#mcfav-root
.mcfav-match-odds > div.is-up > b::after {
    content: "↑";

    margin-left: 3px;

    color: #00a760;

    font-size: 9px;
    font-weight: 800;
}


/* Odds decreased — GOLD, not red */

#mcfav-root
.mcfav-match-odds > div.odds-down > b,
#mcfav-root
.mcfav-match-odds > div.is-down > b {
    background:
        linear-gradient(
            135deg,
            #fff9e8 0%,
            #ffefc7 100%
        ) !important;

    color: #976300 !important;

    border-color: #f0dda7 !important;
}


/* Winning / highlighted selection */

#mcfav-root
.mcfav-match-odds > div.odds-win > b,
#mcfav-root
.mcfav-match-odds > div.is-win > b,
#mcfav-root
.mcfav-match-odds > div.winner > b {
    background:
        linear-gradient(
            120deg,
            #bce947 0%,
            #50d856 42%,
            #00b96b 100%
        ) !important;

    color: #ffffff !important;

    border-color: transparent !important;

    box-shadow:
        0 4px 12px rgba(0, 183, 105, .18) !important;
}


/* Lost / opposite result: gold instead of red */

#mcfav-root
.mcfav-match-odds > div.odds-loss > b,
#mcfav-root
.mcfav-match-odds > div.is-loss > b {
    background:
        linear-gradient(
            135deg,
            #fff8e4 0%,
            #ffe9b1 100%
        ) !important;

    color: #946000 !important;

    border-color: #efd898 !important;
}


/* Push / draw result */

#mcfav-root
.mcfav-match-odds > div.odds-push > b,
#mcfav-root
.mcfav-match-odds > div.is-push > b {
    background: #eef2f0 !important;

    color: #64716b !important;

    border-color: #e0e6e3 !important;
}


/* ------------------------------------------------------------
   Recently changed flash
   ------------------------------------------------------------ */

@keyframes mcfavOddsUpFlash {

    0% {
        box-shadow:
            0 0 0 0 rgba(0, 190, 105, .30);
    }

    50% {
        box-shadow:
            0 0 0 4px rgba(0, 190, 105, .10);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(0, 190, 105, 0);
    }

}

@keyframes mcfavOddsDownFlash {

    0% {
        box-shadow:
            0 0 0 0 rgba(208, 151, 20, .30);
    }

    50% {
        box-shadow:
            0 0 0 4px rgba(208, 151, 20, .10);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(208, 151, 20, 0);
    }

}

/* ============================================================
   END FUTEMAX ODDS V1
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS COLOR V2
   COLOR ONLY — DO NOT CHANGE SIZE / FONT / SPACING
   ============================================================ */


/*
 * DEFAULT
 * 1 / X / 2 intentionally use the SAME color.
 */

#mcfav-root .mcfav-match-odds > div > b,
#mcfav-root .mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(3) > b {

    background: #eef2f1 !important;

    color: #24312d !important;

    border-color: #e3e9e6 !important;

    box-shadow: none !important;

    transform: none !important;
}


/* 1 / X / 2 label */

#mcfav-root .mcfav-match-odds > div > span {

    background: transparent !important;

    color: #89958f !important;
}


/* Hover — only slightly darker */

#mcfav-root .mcfav-match-odds > div:hover > b {

    background: #e7eeeb !important;

    color: #18231f !important;

    border-color: #dce5e1 !important;

    box-shadow: none !important;

    transform: none !important;
}


/* ============================================================
   REAL STATUS COLORS
   Only activate when JS provides a state class
   ============================================================ */


/* UP */

#mcfav-root .mcfav-match-odds > div.odds-up > b,
#mcfav-root .mcfav-match-odds > div.is-up > b {

    background: #ddf7e9 !important;

    color: #087a4b !important;

    border-color: #cceedd !important;
}


/* DOWN
   muted bronze instead of cheap red/orange
 */

#mcfav-root .mcfav-match-odds > div.odds-down > b,
#mcfav-root .mcfav-match-odds > div.is-down > b {

    background: #f3eee5 !important;

    color: #80663d !important;

    border-color: #e9dfce !important;
}


/* WINNER */

#mcfav-root .mcfav-match-odds > div.odds-win > b,
#mcfav-root .mcfav-match-odds > div.is-win > b,
#mcfav-root .mcfav-match-odds > div.winner > b {

    background: #0a9f61 !important;

    color: #ffffff !important;

    border-color: #0a9f61 !important;

    box-shadow: none !important;
}


/* LOSS */

#mcfav-root .mcfav-match-odds > div.odds-loss > b,
#mcfav-root .mcfav-match-odds > div.is-loss > b {

    background: #f1f3f2 !important;

    color: #9aa29e !important;

    border-color: #e8ebe9 !important;
}


/* PUSH */

#mcfav-root .mcfav-match-odds > div.odds-push > b,
#mcfav-root .mcfav-match-odds > div.is-push > b {

    background: #e9edeb !important;

    color: #65716b !important;

    border-color: #dfe5e2 !important;
}


/*
 * Disable decorative arrows from previous version.
 * We'll restore them later only if the real odds data
 * actually contains movement information.
 */

#mcfav-root .mcfav-match-odds > div > b::after {

    content: none !important;
}


/* ============================================================
   END FUTEMAX ODDS COLOR V2
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS V3
   RESTORE ORIGINAL COMPACT LAYOUT
   COLOR ONLY
   ============================================================ */


/*
 * Restore the original compact odds layout.
 * Do NOT occupy the team-name area.
 */

#mcfav-root .mcfav-match-odds {
    gap: 3px !important;
}


/* Restore original narrow columns */

#mcfav-root .mcfav-match-odds > div {
    min-width: 0 !important;

    gap: 1px !important;

    padding: 0 !important;

    background: transparent !important;
}


/* 1 / X / 2 stays small like the old layout */

#mcfav-root .mcfav-match-odds > div > span {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #8d9893 !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}


/*
 * IMPORTANT:
 * restore the old compact pill dimensions.
 * No min-width.
 * No forced 25px height.
 */

#mcfav-root .mcfav-match-odds > div > b,
#mcfav-root .mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(3) > b {

    min-width: 0 !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;

    padding: 2px 6px !important;

    background: #eef2f1 !important;

    color: #24312d !important;

    border: 0 !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 700 !important;

    letter-spacing: inherit !important;

    transform: none !important;
}


/* No special color just because it is 1 / X / 2 */

#mcfav-root
.mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root
.mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root
.mcfav-match-odds > div:nth-child(3) > b {
    background: #eef2f1 !important;
    color: #24312d !important;
}


/* Very subtle hover only */

#mcfav-root .mcfav-match-odds > div:hover > b {
    background: #e7ecea !important;
    color: #18231f !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* Remove arrows/decorations introduced by V1 */

#mcfav-root .mcfav-match-odds > div > b::before,
#mcfav-root .mcfav-match-odds > div > b::after {
    content: none !important;
}


/* ============================================================
   REAL STATUS COLORS
   Layout remains exactly the same.
   ============================================================ */

#mcfav-root .mcfav-match-odds > div.odds-up > b,
#mcfav-root .mcfav-match-odds > div.is-up > b {
    background: #dcf5e7 !important;
    color: #087649 !important;
}


#mcfav-root .mcfav-match-odds > div.odds-down > b,
#mcfav-root .mcfav-match-odds > div.is-down > b {
    background: #f1ede5 !important;
    color: #79623e !important;
}


#mcfav-root .mcfav-match-odds > div.odds-win > b,
#mcfav-root .mcfav-match-odds > div.is-win > b,
#mcfav-root .mcfav-match-odds > div.winner > b {
    background: #0aa565 !important;
    color: #ffffff !important;
}


#mcfav-root .mcfav-match-odds > div.odds-loss > b,
#mcfav-root .mcfav-match-odds > div.is-loss > b {
    background: #f0f2f1 !important;
    color: #9ba39f !important;
}


/* ============================================================
   MOBILE — restore original compact footprint
   ============================================================ */

@media (max-width: 768px) {

    #mcfav-root .mcfav-match-odds {
        gap: 3px !important;
    }

    #mcfav-root .mcfav-match-odds > div {
        min-width: 0 !important;
        gap: 1px !important;
    }

    #mcfav-root .mcfav-match-odds > div > b {
        min-width: 0 !important;
        width: auto !important;
        height: auto !important;

        padding: 2px 6px !important;

        font-size: inherit !important;
        line-height: inherit !important;

        border-radius: 4px !important;
    }

    #mcfav-root .mcfav-match-odds > div > span {
        font-size: 10px !important;
        line-height: inherit !important;
    }

}


/* ============================================================
   END FUTEMAX ODDS V3
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS COLOR V4
   ORIGINAL LAYOUT + TREND COLORS + GOLD RESULT
   COLOR ONLY
   ============================================================ */


/* ------------------------------------------------------------
   DEFAULT ODDS
   Restore the strong original dark appearance.
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b,
#mcfav-root .mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(3) > b {

    background: #17212b !important;

    color: #ffffff !important;

    border-color: #17212b !important;

    box-shadow: none !important;

    transform: none !important;
}


/* 1 / X / 2 */

#mcfav-root .mcfav-match-odds > div > span {
    background: transparent !important;
    color: #8e9aa6 !important;
}


/* ------------------------------------------------------------
   WINNING / RESULT
   Existing real class from JS: is-result
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-result > b {

    background:
        linear-gradient(
            135deg,
            #f6c94c 0%,
            #e5a91e 100%
        ) !important;

    color: #342400 !important;

    border-color: #e3aa22 !important;

    box-shadow:
        0 0 0 1px rgba(209, 151, 10, .08) !important;
}


/* Make result label gold too */

#mcfav-root .mcfav-match-odds > div.is-result > span {
    color: #c28a0b !important;
    font-weight: 700 !important;
}


/* ------------------------------------------------------------
   ODDS UP
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-up > b,
#mcfav-root .mcfav-match-odds > div.odds-up > b {

    background: #0aa565 !important;

    color: #ffffff !important;

    border-color: #0aa565 !important;
}

#mcfav-root .mcfav-match-odds > div.is-up > span,
#mcfav-root .mcfav-match-odds > div.odds-up > span {
    color: #0aa565 !important;
}


/* ------------------------------------------------------------
   ODDS DOWN
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-down > b,
#mcfav-root .mcfav-match-odds > div.odds-down > b {

    background: #e54b55 !important;

    color: #ffffff !important;

    border-color: #e54b55 !important;
}

#mcfav-root .mcfav-match-odds > div.is-down > span,
#mcfav-root .mcfav-match-odds > div.odds-down > span {
    color: #e54b55 !important;
}


/* ------------------------------------------------------------
   RESULT HAS PRIORITY
   If a selection is both result + movement,
   result stays GOLD.
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-result.is-up > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-down > b {

    background:
        linear-gradient(
            135deg,
            #f6c94c 0%,
            #e5a91e 100%
        ) !important;

    color: #342400 !important;

    border-color: #e3aa22 !important;
}


/* ------------------------------------------------------------
   EMPTY ODDS "-"
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b:empty {
    background: #eef2f1 !important;
    color: #98a29d !important;
}


/* ------------------------------------------------------------
   NO DECORATIVE ARROWS
   Keep the original clean compact layout.
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b::before,
#mcfav-root .mcfav-match-odds > div > b::after {
    content: none !important;
}


/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div:hover > b {

    filter: brightness(1.04);

    transform: none !important;

    box-shadow: none !important;
}


/* ============================================================
   END FUTEMAX ODDS COLOR V4
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS V5
   TheSports style
   COLOR ONLY — KEEP CURRENT SIZE / FONT / LAYOUT
   ============================================================ */


/* ------------------------------------------------------------
   DEFAULT ODDS
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b,
#mcfav-root .mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(3) > b {

    background: transparent !important;

    color: #4f5963 !important;

    border-color: transparent !important;

    box-shadow: none !important;

    filter: none !important;

    transform: none !important;
}


/* 1 / X / 2 */

#mcfav-root .mcfav-match-odds > div > span {
    background: transparent !important;

    color: #929ba5 !important;

    border-color: transparent !important;
}


/* ------------------------------------------------------------
   EMPTY "-"
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b {
    background: #f3f5f5 !important;
}


/*
 * Keep the tiny neutral background,
 * similar to TheSports instead of black pills.
 */

#mcfav-root .mcfav-match-odds > div > b {
    color: #424d55 !important;

    border:
        1px solid #edf0ef !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   ODDS UP
   GREEN TEXT ONLY
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-up > b,
#mcfav-root .mcfav-match-odds > div.odds-up > b {

    background: #ffffff !important;

    color: #00a763 !important;

    border-color: transparent !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-match-odds > div.is-up > span,
#mcfav-root .mcfav-match-odds > div.odds-up > span {
    color: #00a763 !important;
}


/* ------------------------------------------------------------
   ODDS DOWN
   RED TEXT ONLY
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-down > b,
#mcfav-root .mcfav-match-odds > div.odds-down > b {

    background: #ffffff !important;

    color: #e34b52 !important;

    border-color: transparent !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-match-odds > div.is-down > span,
#mcfav-root .mcfav-match-odds > div.odds-down > span {
    color: #e34b52 !important;
}


/* ------------------------------------------------------------
   RESULT / WINNING SELECTION
   GOLD TEXT + THIN OUTLINE
   NO GOLD BACKGROUND
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-result > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-up > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-down > b {

    background: #ffffff !important;

    color: #e39a00 !important;

    border:
        1px solid #efb62e !important;

    box-shadow: none !important;

    filter: none !important;
}


/* Result 1/X/2 label */

#mcfav-root .mcfav-match-odds > div.is-result > span {

    color: #d89100 !important;

    font-weight: inherit !important;
}


/* ------------------------------------------------------------
   RESULT + UP/DOWN
   Result outline stays gold,
   but movement can still be represented by text.
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div.is-result.is-up > b {
    color: #00a763 !important;

    border-color: #efb62e !important;
}

#mcfav-root
.mcfav-match-odds > div.is-result.is-down > b {
    color: #e34b52 !important;

    border-color: #efb62e !important;
}


/* ------------------------------------------------------------
   REMOVE OLD V1/V4 DECORATION
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b::before,
#mcfav-root .mcfav-match-odds > div > b::after {

    content: none !important;
}


/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div:hover > b {

    filter: none !important;

    transform: none !important;

    box-shadow: none !important;
}


/* ============================================================
   END FUTEMAX ODDS V5
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS V6
   THESPORTS OUTLINE STYLE
   COLOR ONLY — KEEP SIZE / FONT / POSITION
   ============================================================ */


/* ------------------------------------------------------------
   DEFAULT ODDS
   white background + visible neutral outline
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b,
#mcfav-root .mcfav-match-odds > div:nth-child(1) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(2) > b,
#mcfav-root .mcfav-match-odds > div:nth-child(3) > b {

    background: #ffffff !important;

    color: #46515a !important;

    border:
        1px solid #dfe5e2 !important;

    box-shadow: none !important;

    filter: none !important;

    transform: none !important;
}


/* 1 / X / 2 */

#mcfav-root .mcfav-match-odds > div > span {

    background: transparent !important;

    color: #929ca5 !important;

    border: 0 !important;
}


/* ------------------------------------------------------------
   ODDS UP
   green number + green outline
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-up > b,
#mcfav-root .mcfav-match-odds > div.odds-up > b {

    background: #ffffff !important;

    color: #00a763 !important;

    border-color: #55c995 !important;
}

#mcfav-root .mcfav-match-odds > div.is-up > span,
#mcfav-root .mcfav-match-odds > div.odds-up > span {

    color: #00a763 !important;
}


/* ------------------------------------------------------------
   ODDS DOWN
   red number + red outline
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-down > b,
#mcfav-root .mcfav-match-odds > div.odds-down > b {

    background: #ffffff !important;

    color: #e34b52 !important;

    border-color: #ef8d92 !important;
}

#mcfav-root .mcfav-match-odds > div.is-down > span,
#mcfav-root .mcfav-match-odds > div.odds-down > span {

    color: #e34b52 !important;
}


/* ------------------------------------------------------------
   WINNING / RESULT
   existing real JS class = is-result

   Gold number + gold outline
   NO filled background
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div.is-result > b {

    background: #ffffff !important;

    color: #e29a00 !important;

    border:
        1px solid #f0b62e !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-match-odds > div.is-result > span {

    color: #d99000 !important;
}


/* ------------------------------------------------------------
   RESULT + MOVEMENT

   Gold outline means result.
   Number color can still indicate movement.
   ------------------------------------------------------------ */

#mcfav-root
.mcfav-match-odds > div.is-result.is-up > b {

    background: #ffffff !important;

    color: #00a763 !important;

    border-color: #f0b62e !important;
}


#mcfav-root
.mcfav-match-odds > div.is-result.is-down > b {

    background: #ffffff !important;

    color: #e34b52 !important;

    border-color: #f0b62e !important;
}


/* ------------------------------------------------------------
   EMPTY "-"
   still keep the small box
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b {

    /* Keep original compact geometry from previous layout. */
}


/* ------------------------------------------------------------
   REMOVE OLD DECORATION
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div > b::before,
#mcfav-root .mcfav-match-odds > div > b::after {

    content: none !important;
}


/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

#mcfav-root .mcfav-match-odds > div:hover > b {

    background: #fafcfb !important;

    filter: none !important;

    transform: none !important;

    box-shadow: none !important;
}


/* Result hover must remain gold */

#mcfav-root
.mcfav-match-odds > div.is-result:hover > b {

    background: #fffdf7 !important;

    color: #e29a00 !important;

    border-color: #f0b62e !important;
}


/* ============================================================
   END FUTEMAX ODDS V6
   ============================================================ */

/* ==========================================================
   MCFAV SOCKET ODDS MOVEMENT
   normal = original box
   up     = green text/border
   down   = red text/border
   result = purple text/border
   ========================================================== */

.mcfav-match-odds > div.is-odds-up {
    border-color: #16a34a !important;
}

.mcfav-match-odds > div.is-odds-up b {
    color: #16a34a !important;
}

.mcfav-match-odds > div.is-odds-down {
    border-color: #dc2626 !important;
}

.mcfav-match-odds > div.is-odds-down b {
    color: #dc2626 !important;
}

/* 赢盘优先级最高：紫字 + 紫框，不填充 */
.mcfav-match-odds > div.is-result,
.mcfav-match-odds > div.is-result.is-odds-up,
.mcfav-match-odds > div.is-result.is-odds-down {
    background: transparent !important;
    border-color: #a855f7 !important;
    box-shadow: inset 0 0 0 1px #a855f7 !important;
}

.mcfav-match-odds > div.is-result b,
.mcfav-match-odds > div.is-result.is-odds-up b,
.mcfav-match-odds > div.is-result.is-odds-down b {
    color: #9333ea !important;
}



/* ============================================================
   FUTEMAX ODDS V7
   FIX RESULT BOX — BORDER BELONGS TO <b>, NOT OUTER <div>
   ============================================================ */


/* NEVER draw odds state border on the outer column */
#mcfav-root .mcfav-match-odds > div,
#mcfav-root .mcfav-match-odds > div.is-result,
#mcfav-root .mcfav-match-odds > div.is-odds-up,
#mcfav-root .mcfav-match-odds > div.is-odds-down,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-up,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-down {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    outline: 0 !important;
}


/* NORMAL ODDS SMALL BOX */

#mcfav-root .mcfav-match-odds > div > b {

    background: #ffffff !important;

    color: #46515a !important;

    border: 1px solid #dce3e0 !important;

    box-shadow: none !important;
}


/* ODDS UP — GREEN TEXT + GREEN SMALL BOX */

#mcfav-root .mcfav-match-odds > div.is-odds-up > b {

    background: #ffffff !important;

    color: #0aa565 !important;

    border-color: #36bd7d !important;

    box-shadow: none !important;
}


/* ODDS DOWN — RED TEXT + RED SMALL BOX */

#mcfav-root .mcfav-match-odds > div.is-odds-down > b {

    background: #ffffff !important;

    color: #e34b52 !important;

    border-color: #eb7379 !important;

    box-shadow: none !important;
}


/* RESULT / WINNER
   Purple TEXT + Purple SMALL BOX only
 */

#mcfav-root .mcfav-match-odds > div.is-result > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-up > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-down > b {

    background: #ffffff !important;

    color: #8b5cf6 !important;

    border: 1px solid #9b6cff !important;

    box-shadow: none !important;
}


/* 1 / X / 2 labels */

#mcfav-root .mcfav-match-odds > div > span {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: #929ca5 !important;
}


/* Result label can remain purple */

#mcfav-root .mcfav-match-odds > div.is-result > span {

    color: #8b5cf6 !important;
}


/* No pseudo decoration */

#mcfav-root .mcfav-match-odds > div::before,
#mcfav-root .mcfav-match-odds > div::after,
#mcfav-root .mcfav-match-odds > div > b::before,
#mcfav-root .mcfav-match-odds > div > b::after {

    content: none !important;
}


/* ============================================================
   END FUTEMAX ODDS V7
   ============================================================ */


/* ============================================================
   FUTEMAX ODDS RESULT FINAL
   Winner = purple text + purple small border + white background
   ============================================================ */


/* Outer container must NEVER paint the result */
#mcfav-root .mcfav-match-odds > div.is-result {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* WINNER VALUE */
#mcfav-root .mcfav-match-odds > div.is-result > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-up > b,
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-down > b {

    background: #ffffff !important;

    color: #8b5cf6 !important;

    -webkit-text-fill-color: #8b5cf6 !important;

    border: 1px solid #9b6cff !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;

    box-shadow: none !important;

    filter: none !important;
}


/* Winner label 1 / X / 2 */
#mcfav-root .mcfav-match-odds > div.is-result > span {

    color: #8b5cf6 !important;

    -webkit-text-fill-color: #8b5cf6 !important;

    opacity: 1 !important;
}


/* Empty odds must still override result */
#mcfav-root .mcfav-match-odds > div.is-result.is-odds-empty > b {

    background: #ffffff !important;

    color: #a0aaa5 !important;

    -webkit-text-fill-color: #a0aaa5 !important;

    border-color: #e2e7e5 !important;
}


/* ============================================================
   END FUTEMAX ODDS RESULT FINAL
   ============================================================ */


/* ============================================================
   FUTEMAX DETAIL V2
   Clean / premium / white sports UI
   ============================================================ */

#mcfav-root {
    --fd-green: #00b86b;
    --fd-green-dark: #009b5a;
    --fd-green-soft: #ecfdf5;

    --fd-ink: #101828;
    --fd-text: #344054;
    --fd-muted: #667085;
    --fd-soft: #98a2b3;

    --fd-line: #e6eaf0;
    --fd-surface: #ffffff;
    --fd-page: #f7f8fa;
}


/* ============================================================
   DETAIL SHELL
   ============================================================ */

#mcfav-root .mcfav-detail,
#mcfav-root .mcfav-detail-card,
#mcfav-root .mcfav-match-detail-card {
    background: var(--fd-page) !important;
    color: var(--fd-ink) !important;
}

#mcfav-root .mcfav-match-detail-card {
    overflow: hidden;
}


/* close */

#mcfav-root .mcfav-detail-close {
    top: 16px !important;
    right: 16px !important;

    width: 32px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 1px solid var(--fd-line) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,.94) !important;
    color: #475467 !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: 0 2px 8px rgba(16,24,40,.06) !important;

    z-index: 20;
}

#mcfav-root .mcfav-detail-close:hover {
    background: #f2f4f7 !important;
    color: var(--fd-ink) !important;
}


/* ============================================================
   HERO
   ============================================================ */

#mcfav-root .mcfav-sofa-hero {
    position: relative;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(0,184,107,.09),
            transparent 43%
        ),
        #fff !important;

    color: var(--fd-ink) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--fd-line) !important;

    box-shadow: none !important;
}


/* breadcrumb */

#mcfav-root .mcfav-sofa-breadcrumb {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-breadcrumb span {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-breadcrumb b {
    color: #c0c7d1 !important;
}

#mcfav-root .mcfav-sofa-breadcrumb a {
    color: var(--fd-green-dark) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* date */

#mcfav-root .mcfav-sofa-date {
    color: #475467 !important;
    background: #f2f4f7 !important;

    border: 1px solid #eaecf0 !important;
    box-shadow: none !important;
}


/* teams */

#mcfav-root .mcfav-sofa-team {
    color: var(--fd-ink) !important;
    text-decoration: none !important;
}

#mcfav-root .mcfav-sofa-team strong {
    color: var(--fd-ink) !important;
    font-weight: 700 !important;
}

#mcfav-root .mcfav-sofa-team img {
    filter: none !important;
}


/* score */

#mcfav-root .mcfav-sofa-score {
    color: var(--fd-ink) !important;
}

#mcfav-root .mcfav-sofa-score b {
    color: #101828 !important;
    font-weight: 800 !important;
}

#mcfav-root .mcfav-sofa-score span {
    color: #98a2b3 !important;
}


/* center auxiliary text */

#mcfav-root .mcfav-sofa-center > span,
#mcfav-root .mcfav-sofa-center small {
    color: var(--fd-muted) !important;
}


/* FULL PAGE BUTTON */

#mcfav-root .mcfav-full-view {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        #00c875 0%,
        #00a962 100%
    ) !important;

    border: 0 !important;

    box-shadow:
        0 5px 14px rgba(0,184,107,.18) !important;

    text-decoration: none !important;
    font-weight: 700 !important;
}

#mcfav-root .mcfav-full-view:hover {
    color: #fff !important;
    background: linear-gradient(
        135deg,
        #00b96c 0%,
        #009b5a 100%
    ) !important;

    transform: translateY(-1px);
}


/* ============================================================
   TABS
   ============================================================ */

#mcfav-root .mcfav-sofa-tabs-wrap {
    background: #fff !important;

    border: 0 !important;
    border-bottom: 1px solid var(--fd-line) !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-sofa-tabs {
    background: #fff !important;
}

#mcfav-root .mcfav-sofa-tabs button {
    position: relative;

    background: transparent !important;

    color: var(--fd-muted) !important;

    border: 0 !important;
    box-shadow: none !important;

    font-weight: 600 !important;
}

#mcfav-root .mcfav-sofa-tabs button.active {
    color: var(--fd-green-dark) !important;
    background: transparent !important;
}

#mcfav-root .mcfav-sofa-tabs button.active::after {
    content: "";

    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 0;

    height: 2px;

    background: var(--fd-green);
    border-radius: 999px 999px 0 0;
}


/* ============================================================
   BODY
   ============================================================ */

#mcfav-root .mcfav-detail-body {
    background: var(--fd-page) !important;
    color: var(--fd-text) !important;
}


/* ============================================================
   ALL DETAIL CARDS
   ============================================================ */

#mcfav-root .mcfav-odds-card,
#mcfav-root .mcfav-sofa-odds-card,
#mcfav-root .mcfav-sofa-momentum-card,
#mcfav-root .mcfav-sofa-timeline-card,
#mcfav-root .mcfav-watch-card,
#mcfav-root .mcfav-sofa-info-card,
#mcfav-root .mcfav-sofa-odds-insight {
    background: var(--fd-surface) !important;

    border: 1px solid var(--fd-line) !important;
    border-radius: 12px !important;

    box-shadow:
        0 1px 2px rgba(16,24,40,.02),
        0 4px 14px rgba(16,24,40,.025) !important;

    color: var(--fd-text) !important;
}


/* headings */

#mcfav-root .mcfav-detail-body h2,
#mcfav-root .mcfav-detail-body h3,
#mcfav-root .mcfav-detail-body h4,
#mcfav-root .mcfav-sofa-momentum-card h3,
#mcfav-root .mcfav-watch-card h3 {
    color: var(--fd-ink) !important;
}


/* ============================================================
   PRE-MATCH / ASIAN ODDS
   ============================================================ */

#mcfav-root .mcfav-sofa-odds-card {
    overflow: hidden;
}

#mcfav-root .mcfav-sofa-odds-head {
    background: transparent !important;
    color: var(--fd-ink) !important;

    border-bottom: 1px solid #f0f2f5 !important;
}

#mcfav-root .mcfav-sofa-odds-head span {
    color: var(--fd-text) !important;
}

#mcfav-root .mcfav-sofa-odds-head em {
    color: #b7791f !important;
    background: #fffaeb !important;

    border: 1px solid #fef0c7 !important;
    border-radius: 999px !important;

    font-style: normal !important;
}

#mcfav-root .mcfav-sofa-odds-labels {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-odds-labels div {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-handicap {
    color: var(--fd-soft) !important;
}


/* odds boxes */

#mcfav-root .mcfav-sofa-odd-box {
    background: #f8fafb !important;

    border: 1px solid #e5e9ee !important;
    border-radius: 8px !important;

    color: var(--fd-ink) !important;

    box-shadow: none !important;
}

#mcfav-root .mcfav-sofa-odd-box span {
    color: var(--fd-ink) !important;
    font-weight: 700 !important;
}


/* trend up */

#mcfav-root .mcfav-sofa-odd-box.up,
#mcfav-root .mcfav-sofa-odd-box.is-up {
    background: #f0fdf7 !important;
    border-color: #86efac !important;
}

#mcfav-root .mcfav-sofa-odd-box.up span,
#mcfav-root .mcfav-sofa-odd-box.is-up span {
    color: #008f52 !important;
}


/* trend down */

#mcfav-root .mcfav-sofa-odd-box.down,
#mcfav-root .mcfav-sofa-odd-box.is-down {
    background: #fff5f5 !important;
    border-color: #fda4af !important;
}

#mcfav-root .mcfav-sofa-odd-box.down span,
#mcfav-root .mcfav-sofa-odd-box.is-down span {
    color: #e5484d !important;
}


/* ============================================================
   MOMENTUM
   ============================================================ */

#mcfav-root .mcfav-sofa-momentum-card h3 {
    color: var(--fd-ink) !important;
    font-weight: 700 !important;
}

#mcfav-root .mcfav-sofa-momentum-layout {
    background: #f8fafb !important;

    border: 1px solid #eef1f4 !important;
    border-radius: 10px !important;
}

#mcfav-root .mcfav-sofa-momentum-logo {
    background: #fff !important;

    border: 1px solid #e5e9ee !important;
    box-shadow: 0 1px 3px rgba(16,24,40,.04) !important;
}

#mcfav-root .mcfav-sofa-momentum-chart {
    background:
        linear-gradient(
            to bottom,
            rgba(0,184,107,.055) 0%,
            rgba(0,184,107,.055) 49.5%,
            transparent 49.5%,
            transparent 50.5%,
            rgba(71,84,103,.035) 50.5%,
            rgba(71,84,103,.035) 100%
        ) !important;

    border: 1px solid #edf0f3 !important;
    border-radius: 8px !important;
}


/* center line */

#mcfav-root .mcfav-sofa-momentum-mid {
    background: #dfe4ea !important;
}


/* halftime */

#mcfav-root .mcfav-sofa-momentum-halftime {
    border-color: #cfd6df !important;
}


/* bars */

#mcfav-root .mcfav-sofa-momentum-chart .bar.home {
    background: #00b86b !important;
}

#mcfav-root .mcfav-sofa-momentum-chart .bar.away {
    background: #64748b !important;
}


/* ============================================================
   TIMELINE
   ============================================================ */

#mcfav-root .mcfav-sofa-timeline-card {
    color: var(--fd-text) !important;
}


/* FT / HT separator */

#mcfav-root .mcfav-sofa-period-line {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-period-line b {
    color: #475467 !important;

    background: #f2f4f7 !important;

    border: 1px solid #e4e7ec !important;
    border-radius: 999px !important;

    padding: 4px 10px !important;
}

#mcfav-root .mcfav-sofa-period-line > span {
    background: #eaecf0 !important;
}


/* rows */

#mcfav-root .mcfav-sofa-timeline-row {
    color: var(--fd-text) !important;

    border-color: #f0f2f5 !important;
}

#mcfav-root .mcfav-sofa-timeline-time {
    color: var(--fd-soft) !important;
    font-weight: 600 !important;
}

#mcfav-root .mcfav-sofa-timeline-icon {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-timeline-text {
    color: var(--fd-text) !important;
}

#mcfav-root .mcfav-sofa-timeline-text strong {
    color: var(--fd-ink) !important;
    font-weight: 700 !important;
}

#mcfav-root .mcfav-sofa-timeline-text span {
    color: var(--fd-muted) !important;
}


/* ============================================================
   WATCH CARD
   ============================================================ */

#mcfav-root .mcfav-watch-card {
    color: var(--fd-text) !important;
}

#mcfav-root .mcfav-watch-card h3 {
    color: var(--fd-ink) !important;
}

#mcfav-root .mcfav-watch-row {
    background: transparent !important;
    border-color: #eef1f4 !important;
}

#mcfav-root .mcfav-watch-channel strong {
    color: var(--fd-ink) !important;
}

#mcfav-root .mcfav-watch-channel em {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-watch-votes .yes {
    color: #009b5a !important;
}

#mcfav-root .mcfav-watch-votes .no {
    color: #e5484d !important;
}

#mcfav-root .mcfav-watch-more {
    color: var(--fd-green-dark) !important;
    font-weight: 700 !important;
}


/* ============================================================
   INFO CARD
   ============================================================ */

#mcfav-root .mcfav-sofa-info-row {
    border-color: #eef1f4 !important;
}

#mcfav-root .mcfav-sofa-info-row em {
    color: var(--fd-muted) !important;
}

#mcfav-root .mcfav-sofa-info-row strong {
    color: var(--fd-ink) !important;
}


/* ============================================================
   GENERAL WHITE-TEXT REPAIR INSIDE DETAIL
   ============================================================ */

#mcfav-root .mcfav-detail-body p {
    color: var(--fd-text);
}

#mcfav-root .mcfav-detail-body small,
#mcfav-root .mcfav-detail-body em {
    color: var(--fd-muted);
}


/* links */

#mcfav-root .mcfav-detail-body a:not(.mcfav-full-view) {
    color: var(--fd-green-dark);
}


/* ============================================================
   MOBILE POLISH
   ============================================================ */

@media (max-width: 767px) {

    #mcfav-root .mcfav-detail-card,
    #mcfav-root .mcfav-match-detail-card {
        background: var(--fd-page) !important;
    }

    #mcfav-root .mcfav-sofa-hero {
        border-radius: 0 !important;
    }

    #mcfav-root .mcfav-sofa-tabs-wrap {
        position: sticky;
        top: 0;
        z-index: 8;
    }

    #mcfav-root .mcfav-odds-card,
    #mcfav-root .mcfav-sofa-odds-card,
    #mcfav-root .mcfav-sofa-momentum-card,
    #mcfav-root .mcfav-sofa-timeline-card,
    #mcfav-root .mcfav-watch-card,
    #mcfav-root .mcfav-sofa-info-card,
    #mcfav-root .mcfav-sofa-odds-insight {
        border-radius: 12px !important;

        box-shadow:
            0 1px 2px rgba(16,24,40,.018),
            0 3px 10px rgba(16,24,40,.02) !important;
    }
}


/* ============================================================
   END FUTEMAX DETAIL V2
   ============================================================ */

/* ==========================================================
   FUTEMAX EVENTS V3
   Compact match-event timeline
   ========================================================== */

#mcfav-root .mcfav-sofa-timeline-card{
    background:#fff !important;
    border:1px solid #e7eaf0 !important;
    border-radius:14px !important;
    padding:14px 16px !important;
    box-shadow:0 2px 8px rgba(16,24,40,.035) !important;
}

#mcfav-root .mcfav-sofa-period-line{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:2px 0 10px !important;
}

#mcfav-root .mcfav-sofa-period-line > span{
    height:1px !important;
    background:#e7eaf0 !important;
    flex:1 !important;
}

#mcfav-root .mcfav-sofa-period-line > b{
    background:#f5f7fa !important;
    border:1px solid #e4e7ec !important;
    color:#344054 !important;
    border-radius:999px !important;
    padding:5px 11px !important;
    font-size:12px !important;
    white-space:nowrap !important;
}

#mcfav-root .mcfav-sofa-timeline-row{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;

    width:100% !important;
    min-height:52px !important;
    padding:7px 4px !important;
    margin:0 !important;

    border:0 !important;
    border-bottom:1px solid #f0f2f5 !important;
    outline:0 !important;
    background:transparent !important;
}

#mcfav-root .mcfav-sofa-timeline-row:last-child{
    border-bottom:0 !important;
}

#mcfav-root .mcfav-sofa-timeline-time{
    position:static !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;

    color:#98a2b3 !important;
    font-size:12px !important;
    text-align:right !important;
}

#mcfav-root .mcfav-sofa-timeline-event{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
}

#mcfav-root .mcfav-sofa-timeline-icon{
    position:static !important;
    inset:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:28px !important;
    min-width:28px !important;
    height:28px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;
    background:#f7f8fa !important;
    border-radius:50% !important;

    color:#344054 !important;
}

#mcfav-root .mcfav-sofa-timeline-icon:empty{
    background:transparent !important;
}

#mcfav-root .mcfav-sofa-timeline-icon svg{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

#mcfav-root .mcfav-sofa-timeline-text{
    position:static !important;
    inset:auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;

    text-align:left !important;
}

#mcfav-root .mcfav-sofa-timeline-text strong{
    color:#101828 !important;
    font-size:13px !important;
    line-height:1.25 !important;
}

#mcfav-root .mcfav-sofa-timeline-text span{
    margin-top:3px !important;
    color:#667085 !important;
    font-size:11px !important;
    line-height:1.25 !important;
}

#mcfav-root .mcfav-sofa-event-score{
    min-width:38px !important;
    padding:4px 8px !important;

    border-radius:999px !important;
    background:#ecfdf3 !important;

    color:#009b5a !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-align:center !important;
}

/* 不再把 away event 推到另一条巨大轨道 */
#mcfav-root .mcfav-sofa-timeline-row.away,
#mcfav-root .mcfav-sofa-timeline-row.home{
    direction:ltr !important;
}

#mcfav-root .mcfav-sofa-timeline-row.away .mcfav-sofa-timeline-event{
    justify-content:flex-start !important;
}

/* Cards */
#mcfav-root .tl-card{
    display:flex !important;
}

#mcfav-root .tl-ball,
#mcfav-root .tl-sub,
#mcfav-root .tl-penalty{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* END FUTEMAX EVENTS V3 */

/* ==========================================================
   FUTEMAX EVENTS V3.1
   Mobile alignment + empty icon cleanup
   ========================================================== */

@media (max-width:768px){

    #mcfav-root .mcfav-sofa-timeline-card{
        padding:14px 10px !important;
    }

    #mcfav-root .mcfav-sofa-timeline-row{
        grid-template-columns:30px minmax(0,1fr) auto !important;
        gap:7px !important;
        padding:7px 0 !important;
    }

    #mcfav-root .mcfav-sofa-timeline-time{
        text-align:left !important;
        font-size:11px !important;
    }

    #mcfav-root .mcfav-sofa-timeline-event{
        gap:8px !important;
    }

    /*
     * No event icon = no fake empty avatar.
     */
    #mcfav-root .mcfav-sofa-timeline-icon:empty{
        display:none !important;
        width:0 !important;
        min-width:0 !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    /*
     * Actual event icons remain compact.
     */
    #mcfav-root .mcfav-sofa-timeline-icon:not(:empty){
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
        background:#f7f8fa !important;
    }

    #mcfav-root .mcfav-sofa-timeline-text strong{
        font-size:12px !important;
    }

    #mcfav-root .mcfav-sofa-timeline-text span{
        font-size:10px !important;
    }

    #mcfav-root .mcfav-sofa-event-score{
        min-width:36px !important;
        padding:4px 7px !important;
    }
}

/* END FUTEMAX EVENTS V3.1 */

/* FUTEMAX PRE-MATCH STATUS */
#mcfav-root .mcfav-match[data-status-id="1"] .mcfav-match-timebox b{
    color:#ff5361 !important;
    font-weight:700 !important;
    font-size:10px !important;
    letter-spacing:.02em !important;
}
/* END FUTEMAX PRE-MATCH STATUS */

/* ==========================================================
   FUTEMAX CALENDAR — WHITE + BRIGHT GREEN
   Color only
   ========================================================== */

#mcfav-root .mcfav-cal-box{
    background:#ffffff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

/* drag handle */
#mcfav-root .mcfav-cal-box::before{
    background:#c9ced6 !important;
}

/* close */
#mcfav-root .mcfav-cal-close{
    color:#667085 !important;
    background:transparent !important;
}

/* month title */
#mcfav-root .mcfav-cal-head strong{
    color:#101828 !important;
}

/* previous / next */
#mcfav-root .mcfav-cal-month-btn{
    color:#667085 !important;
    background:transparent !important;
}

/* weekdays */
#mcfav-root .mcfav-cal-week span{
    color:#667085 !important;
}

/* normal dates */
#mcfav-root .mcfav-cal-day{
    color:#344054 !important;
    background:transparent !important;
}

/* event indicator: purple -> bright green */
#mcfav-root .mcfav-cal-day i{
    background:#00d084 !important;
}

/* selected date */
#mcfav-root .mcfav-cal-day.active{
    background:#00d084 !important;
    color:#ffffff !important;
}

/* selected number */
#mcfav-root .mcfav-cal-day.active span{
    color:#ffffff !important;
}

/* don't show event marker inside selected circle */
#mcfav-root .mcfav-cal-day.active i{
    background:#ffffff !important;
}

/* today when it is NOT selected */
#mcfav-root .mcfav-cal-day.today:not(.active){
    color:#00b86b !important;
}

/* footer */
#mcfav-root .mcfav-cal-footer{
    background:#ffffff !important;
    border-color:#e5e7eb !important;
    color:#667085 !important;
}

/* "Dias de eventos" dot */
#mcfav-root .mcfav-cal-footer > span > i{
    background:#00d084 !important;
}

/* HOJE */
#mcfav-root .mcfav-cal-footer button{
    color:#00b86b !important;
    background:transparent !important;
}

/* empty calendar cells stay transparent */
#mcfav-root .mcfav-cal-empty{
    background:transparent !important;
}

/* END FUTEMAX CALENDAR */

/* ==========================================================
   FUTEMAX CALENDAR COLOR FINAL
   colors only — layout/font/size unchanged
   ========================================================== */

#mcfav-root .mcfav-cal-box{
    background:#fff !important;
    color:#101828 !important;
}

/* NORMAL DAY */
#mcfav-root .mcfav-cal-days .mcfav-cal-day,
#mcfav-root .mcfav-cal-days .mcfav-cal-day span{
    color:#344054 !important;
    -webkit-text-fill-color:#344054 !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* EVENT DOT */
#mcfav-root .mcfav-cal-days .mcfav-cal-day i{
    background:#00d084 !important;
    border-color:#00d084 !important;
}

/* SELECTED DAY — GREEN */
#mcfav-root .mcfav-cal-days .mcfav-cal-day.active,
#mcfav-root .mcfav-cal-days .mcfav-cal-day.active.today{
    background:#00d084 !important;
    border-color:#00d084 !important;
    color:#fff !important;
    box-shadow:none !important;
}

/* SELECTED NUMBER */
#mcfav-root .mcfav-cal-days .mcfav-cal-day.active span,
#mcfav-root .mcfav-cal-days .mcfav-cal-day.active.today span{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
}

/* SELECTED DOT */
#mcfav-root .mcfav-cal-days .mcfav-cal-day.active i{
    background:#fff !important;
    border-color:#fff !important;
}

/* TODAY, BUT NOT SELECTED */
#mcfav-root .mcfav-cal-days .mcfav-cal-day.today:not(.active){
    background:#ecfdf5 !important;
    border-color:transparent !important;
    color:#00b86b !important;
    box-shadow:none !important;
}

/* TODAY NUMBER */
#mcfav-root .mcfav-cal-days .mcfav-cal-day.today:not(.active) span{
    color:#00b86b !important;
    -webkit-text-fill-color:#00b86b !important;
}

/* REMOVE ANY OLD PURPLE STATE */
#mcfav-root .mcfav-cal-day.active::before,
#mcfav-root .mcfav-cal-day.today::before{
    background:transparent !important;
    border-color:transparent !important;
}

/* WEEK / HEADER / NAV */
#mcfav-root .mcfav-cal-week span{
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
}

#mcfav-root .mcfav-cal-head strong{
    color:#101828 !important;
    -webkit-text-fill-color:#101828 !important;
}

#mcfav-root .mcfav-cal-month-btn,
#mcfav-root .mcfav-cal-close{
    color:#344054 !important;
    -webkit-text-fill-color:#344054 !important;
}

/* FOOTER */
#mcfav-root .mcfav-cal-footer{
    background:#fff !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-cal-footer > span{
    color:#98a2b3 !important;
}

#mcfav-root .mcfav-cal-footer > span > i{
    background:#00d084 !important;
}

#mcfav-root .mcfav-cal-footer button{
    color:#00b86b !important;
    -webkit-text-fill-color:#00b86b !important;
}

/* END FUTEMAX CALENDAR COLOR FINAL */

/* =========================================================
   FUTEMAX MOMENTUM FINAL
   ========================================================= */

#mcfav-root .mcfav-sofa-momentum-card{
    background:#fff !important;
    border:1px solid #e4e9ee !important;
    border-radius:14px !important;
    padding:16px 12px 22px !important;
    box-shadow:0 2px 8px rgba(16,24,40,.04) !important;
    overflow:visible !important;
}

#mcfav-root .mcfav-sofa-momentum-card > h3{
    margin:0 0 18px !important;
    padding:0 !important;
    text-align:left !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.035em !important;
    color:#101828 !important;
}

#mcfav-root .mcfav-sofa-momentum-layout{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
}

#mcfav-root .mcfav-sofa-momentum-logos{
    position:relative !important;
    height:96px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:5px 0 !important;
}

#mcfav-root .mcfav-sofa-momentum-logo{
    width:22px !important;
    height:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
}

#mcfav-root .mcfav-sofa-momentum-logo img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    object-fit:contain !important;
}

#mcfav-root .mcfav-sofa-momentum-chart{
    position:relative !important;
    height:96px !important;
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    padding:0 !important;
    margin:0 8px 0 0 !important;
    background:#f8fafb !important;
    border-radius:8px !important;
    overflow:visible !important;
}

/* center baseline */
#mcfav-root .mcfav-sofa-momentum-mid{
    position:absolute !important;
    z-index:1 !important;
    left:0 !important;
    right:0 !important;
    top:50% !important;
    height:1px !important;
    background:#b8c2cc !important;
    transform:translateY(-.5px) !important;
}

/* half-time */
#mcfav-root .mcfav-sofa-momentum-halftime{
    position:absolute !important;
    z-index:1 !important;
    top:7px !important;
    bottom:7px !important;
    width:1px !important;
    background:rgba(152,162,179,.32) !important;
}

/* bars */
#mcfav-root .mcfav-sofa-momentum-chart .bar{
    position:relative !important;
    z-index:2 !important;
    flex:1 1 0 !important;
    min-width:1px !important;
    max-width:5px !important;
    border-radius:1px 1px 0 0 !important;
}

/* HOME — Futemax green */
#mcfav-root .mcfav-sofa-momentum-chart .bar.home{
    align-self:flex-end !important;
    margin-bottom:48px !important;
    background:#00c978 !important;
    transform:translateY(48px) !important;
    transform-origin:bottom !important;
}

/* AWAY — neutral dark */
#mcfav-root .mcfav-sofa-momentum-chart .bar.away{
    align-self:flex-start !important;
    margin-top:48px !important;
    background:#52647e !important;
    transform:translateY(-48px) !important;
    transform-origin:top !important;
    border-radius:0 0 1px 1px !important;
}

#mcfav-root .mcfav-sofa-momentum-chart .bar.zero{
    opacity:0 !important;
}

/* goal markers */
#mcfav-root .mcfav-sofa-momentum-goal{
    position:absolute !important;
    z-index:5 !important;
    width:15px !important;
    height:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateX(-50%) !important;
    color:#101828 !important;
}

#mcfav-root .mcfav-sofa-momentum-goal.home{
    top:3px !important;
}

#mcfav-root .mcfav-sofa-momentum-goal.away{
    bottom:3px !important;
}

#mcfav-root .mcfav-sofa-momentum-goal svg{
    width:13px !important;
    height:13px !important;
    fill:currentColor !important;
}

/* 0' → 90' timeline */
#mcfav-root .mcfav-sofa-momentum-time{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-18px !important;
    height:14px !important;
    pointer-events:none !important;
}

#mcfav-root .mcfav-sofa-momentum-time span{
    position:absolute !important;
    top:0 !important;
    transform:translateX(-50%) !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:600 !important;
    color:#98a2b3 !important;
    white-space:nowrap !important;
}

#mcfav-root .mcfav-sofa-momentum-time span:first-child{
    transform:none !important;
}

#mcfav-root .mcfav-sofa-momentum-time span:last-child{
    transform:translateX(-100%) !important;
}

/* =========================================================
   END FUTEMAX MOMENTUM FINAL
   ========================================================= */


/* =========================================================
   FUTEMAX EVENTS FINAL
   ========================================================= */

#mcfav-root .mcfav-events-final{
    margin-top:12px !important;
    padding:16px 12px 12px !important;
    background:#fff !important;
    border:1px solid #e4e9ee !important;
    border-radius:14px !important;
    box-shadow:0 2px 8px rgba(16,24,40,.04) !important;
    overflow:hidden !important;
}

#mcfav-root .mcfav-events-title{
    margin:0 0 16px !important;
    padding:0 !important;
    color:#101828 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.035em !important;
    text-align:left !important;
}

#mcfav-root .mcfav-events-period{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:10px !important;
    min-height:34px !important;
    margin:3px 0 !important;
}

#mcfav-root .mcfav-events-period > span{
    display:block !important;
    height:1px !important;
    background:#e4e9ee !important;
}

#mcfav-root .mcfav-events-period > b{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:0 10px !important;
    border:1px solid #e4e9ee !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#667085 !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;
}

#mcfav-root .mcfav-events-period.is-half > b{
    background:#f8fafb !important;
}

#mcfav-root .mcfav-events-period.is-final > b{
    color:#101828 !important;
    background:#f8fafb !important;
    font-weight:800 !important;
}

#mcfav-root .mcfav-sofa-timeline-row{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    min-height:54px !important;
    padding:8px 2px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid #f0f2f4 !important;
    background:#fff !important;
}

#mcfav-root .mcfav-sofa-timeline-row:last-child{
    border-bottom:0 !important;
}

#mcfav-root .mcfav-sofa-timeline-time{
    align-self:start !important;
    padding-top:4px !important;
    color:#667085 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-align:left !important;
}

#mcfav-root .mcfav-sofa-timeline-event{
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    align-items:start !important;
    gap:7px !important;
    min-width:0 !important;
}

#mcfav-root .mcfav-sofa-timeline-icon{
    width:24px !important;
    height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#101828 !important;
}

#mcfav-root .mcfav-sofa-timeline-icon:empty{
    display:none !important;
}

#mcfav-root .mcfav-sofa-timeline-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    min-width:0 !important;
    padding-top:1px !important;
}

#mcfav-root .mcfav-sofa-timeline-text > strong{
    max-width:100% !important;
    color:#101828 !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}

#mcfav-root .mcfav-sofa-timeline-text > span{
    display:block !important;
    margin-top:3px !important;
    color:#98a2b3 !important;
    font-size:9px !important;
    line-height:1.25 !important;
    font-weight:500 !important;
}

#mcfav-root .mcfav-sofa-timeline-text > span b{
    color:#667085 !important;
    font-weight:700 !important;
}

#mcfav-root .mcfav-sub-in-label{
    margin:0 0 2px !important;
    color:#00b96b !important;
    font-size:8px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

#mcfav-root .mcfav-sub-out{
    color:#98a2b3 !important;
}

#mcfav-root .mcfav-sofa-event-score{
    align-self:center !important;
    min-width:38px !important;
    padding:5px 7px !important;
    border:1px solid #dfe5ea !important;
    border-radius:7px !important;
    background:#f8fafb !important;
    color:#101828 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-align:center !important;
    white-space:nowrap !important;
}

/* Goal gets subtle green emphasis */
#mcfav-root .mcfav-sofa-timeline-row.goal
.mcfav-sofa-event-score{
    border-color:#b7f0d5 !important;
    background:#f1fff8 !important;
    color:#00a861 !important;
}

/* Added time */
#mcfav-root .mcfav-events-special{
    display:grid !important;
    grid-template-columns:38px 24px minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    min-height:44px !important;
    padding:6px 2px !important;
    border-bottom:1px solid #f0f2f4 !important;
}

#mcfav-root .mcfav-events-minute{
    color:#667085 !important;
    font-size:10px !important;
    font-weight:800 !important;
}

#mcfav-root .mcfav-events-extra-icon{
    width:20px !important;
    height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#e9fff5 !important;
    color:#00b96b !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:800 !important;
}

#mcfav-root .mcfav-events-special > strong{
    color:#101828 !important;
    font-size:10px !important;
    font-weight:800 !important;
}

/* =========================================================
   END FUTEMAX EVENTS FINAL
   ========================================================= */


/* =========================================================
   FUTEMAX MOMENTUM INNER PAGE SVG
   ========================================================= */

#mcfav-root .mcfav-momentum-inner-style{
    --mcfav-momentum-home:#2269b3;
    --mcfav-momentum-away:#d32f36;

    margin-top:12px !important;
    padding:16px 12px 10px !important;

    background:#fff !important;
    border:1px solid #e1e6eb !important;
    border-radius:14px !important;

    box-shadow:
        0 2px 8px
        rgba(16,24,40,.035) !important;

    overflow:hidden !important;
}

#mcfav-root .mcfav-momentum-inner-style > h3{
    margin:0 0 8px !important;
    padding:0 !important;

    color:#101828 !important;

    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    letter-spacing:.035em !important;
    text-align:left !important;
}

#mcfav-root .mcfav-momentum-svg-wrap{
    display:block !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#fff !important;
    border:0 !important;
}

#mcfav-root .mcfav-momentum-svg{
    display:block !important;

    width:100% !important;
    height:auto !important;

    min-height:0 !important;
    max-height:none !important;

    overflow:visible !important;
}

#mcfav-root .mcfav-momentum-grid{
    stroke:#edf1f4 !important;
    stroke-width:1 !important;
}

#mcfav-root .mcfav-momentum-halftime-svg{
    stroke:#d8dee5 !important;
    stroke-width:1 !important;
    stroke-dasharray:3 4 !important;
}

#mcfav-root .mcfav-momentum-zero-svg{
    stroke:#aeb8c3 !important;
    stroke-width:1.25 !important;
}

#mcfav-root .mcfav-momentum-area{
    stroke:none !important;
    opacity:.88 !important;
}

#mcfav-root .mcfav-momentum-area.is-home{
    fill:
        var(
            --mcfav-momentum-home
        ) !important;
}

#mcfav-root .mcfav-momentum-area.is-away{
    fill:
        var(
            --mcfav-momentum-away
        ) !important;
}

#mcfav-root .mcfav-momentum-time-svg{
    fill:#98a2b3 !important;

    font-size:10px !important;
    font-weight:600 !important;

    font-family:inherit !important;
}

#mcfav-root .mcfav-momentum-svg-goal circle{
    fill:#fff !important;
    stroke:#d8dee5 !important;
    stroke-width:1 !important;
}

#mcfav-root .mcfav-momentum-svg-goal text{
    font-size:9px !important;
}

/*
 * Kill old bar-chart children/styles only inside
 * the new SVG version.
 */
#mcfav-root .mcfav-momentum-inner-style
.mcfav-sofa-momentum-layout,

#mcfav-root .mcfav-momentum-inner-style
.mcfav-sofa-momentum-chart,

#mcfav-root .mcfav-momentum-inner-style
.mcfav-sofa-momentum-logos,

#mcfav-root .mcfav-momentum-inner-style
.bar,

#mcfav-root .mcfav-momentum-inner-style
.mcfav-sofa-momentum-goal{
    display:none !important;
}

@media (max-width:768px){

    #mcfav-root .mcfav-momentum-inner-style{
        padding:
            15px 10px
            8px !important;
    }

    #mcfav-root .mcfav-momentum-svg{
        width:100% !important;
        height:auto !important;
    }
}

/* =========================================================
   END FUTEMAX MOMENTUM INNER PAGE SVG
   ========================================================= */


/* =========================================================
   FUTEMAX MOMENTUM CLEAN FINAL
   ========================================================= */

/* Absolutely no incident / goal marker inside Momentum */
#mcfav-root .mcfav-momentum-inner-style
.mcfav-momentum-svg-goal,
#mcfav-root .mcfav-momentum-inner-style
.mcfav-sofa-momentum-goal{
    display:none !important;
}

/*
 * Match the full inner-page proportions more closely.
 */
#mcfav-root .mcfav-momentum-inner-style{
    padding:16px 12px 8px !important;
}

#mcfav-root .mcfav-momentum-svg-wrap{
    width:100% !important;
    overflow:hidden !important;
}

#mcfav-root .mcfav-momentum-svg{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:680 / 250 !important;
}

/* cleaner areas */
#mcfav-root .mcfav-momentum-area{
    stroke:none !important;
    opacity:.88 !important;
}

/* axis */
#mcfav-root .mcfav-momentum-zero-svg{
    stroke:#aeb8c3 !important;
    stroke-width:1.2 !important;
}

#mcfav-root .mcfav-momentum-grid{
    stroke:#edf1f4 !important;
    stroke-width:1 !important;
}

#mcfav-root .mcfav-momentum-halftime-svg{
    stroke:#d9e0e6 !important;
    stroke-width:1 !important;
    stroke-dasharray:3 4 !important;
}

/* =========================================================
   END FUTEMAX MOMENTUM CLEAN FINAL
   ========================================================= */



/* =========================================================
   FUTEMAX MATCH HERO — DARK STADIUM V1
   ========================================================= */

#mcfav-root .mcfav-sofa-hero{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,15,28,.38) 0%,
            rgba(4,14,25,.50) 48%,
            rgba(3,12,22,.78) 100%
        ),
        url("/wp-content/uploads/futemax/common/futebol-ao-vivo-bg.png")
        center 58% / cover no-repeat !important;

    color:#fff !important;

    border:0 !important;
    border-radius:18px 18px 0 0 !important;

    box-shadow:none !important;
}


/* subtle premium lighting */
#mcfav-root .mcfav-sofa-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse at 50% 12%,
            rgba(77,173,255,.16) 0%,
            rgba(77,173,255,.04) 34%,
            transparent 62%
        ) !important;
}


/* bottom fade into page */
#mcfav-root .mcfav-sofa-hero::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:90px !important;
    z-index:-1 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(2,10,18,.38)
        ) !important;
}


/* breadcrumb */
#mcfav-root .mcfav-sofa-hero a,
#mcfav-root .mcfav-sofa-hero .mcfav-sofa-breadcrumb{
    color:rgba(255,255,255,.76) !important;
}

#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-breadcrumb a:last-child{
    color:#39e991 !important;
}


/* central date/status pill */
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-status,
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-date,
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-match-date{
    color:#fff !important;

    background:rgba(8,23,38,.62) !important;

    border:1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}


/* team names */
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-team-name,
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-team strong{
    color:#fff !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.55) !important;
}


/* score */
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-score,
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-score strong{
    color:#fff !important;

    text-shadow:
        0 3px 18px rgba(0,0,0,.42) !important;
}


/* secondary match time */
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-score-time,
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-minute{
    color:rgba(255,255,255,.72) !important;
}


/* team logos get separation from dark stadium */
#mcfav-root .mcfav-sofa-hero
.mcfav-sofa-team img{
    filter:
        drop-shadow(0 7px 12px rgba(0,0,0,.35)) !important;
}


/* green CTA */
#mcfav-root .mcfav-sofa-hero
.mcfav-full-view{
    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #12d97d,
            #00b968
        ) !important;

    border:1px solid rgba(255,255,255,.18) !important;

    box-shadow:
        0 10px 24px rgba(0,190,105,.24),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}


/* close button — glass */
#mcfav-root .mcfav-sofa-hero
.mcfav-detail-close,
#mcfav-root .mcfav-sofa-hero
[data-detail-close]{
    color:#fff !important;

    background:rgba(6,18,30,.48) !important;

    border:1px solid rgba(255,255,255,.15) !important;

    box-shadow:
        0 6px 20px rgba(0,0,0,.18) !important;

    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}


/* MOBILE */
@media (max-width:768px){

    #mcfav-root .mcfav-sofa-hero{
        min-height:320px !important;

        padding:
            48px 22px
            18px !important;

        background-position:
            center 58% !important;

        border-radius:
            18px 18px 0 0 !important;
    }

}


/* =========================================================
   END FUTEMAX MATCH HERO — DARK STADIUM V1
   ========================================================= */



/* =========================================================
   FUTEMAX BOTTOM SHEET HERO TOP — FINAL
   Only: top gap + close button
   ========================================================= */


/* ---------------------------------------------------------
   HERO itself
   Remove the white strip / gap above stadium
   --------------------------------------------------------- */

#mcfav-root .mcfav-sofa-hero{
    margin-top:0 !important;

    border-radius:
        18px 18px 0 0 !important;

    overflow:hidden !important;
}


/*
 * The detail/bottom-sheet content must not create
 * white padding above the hero.
 */
#mcfav-root .mcfav-detail-content:has(> .mcfav-sofa-hero),
#mcfav-root .mcfav-detail-body:has(> .mcfav-sofa-hero){
    padding-top:0 !important;
}


/* ---------------------------------------------------------
   CLOSE BUTTON
   --------------------------------------------------------- */

#mcfav-root .mcfav-sofa-hero .mcfav-detail-close,
#mcfav-root .mcfav-sofa-hero [data-detail-close]{
    position:absolute !important;

    top:14px !important;
    right:14px !important;

    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    color:rgba(255,255,255,.92) !important;

    background:
        rgba(4,17,30,.58) !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    box-shadow:
        0 6px 20px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;

    font-size:0 !important;

    z-index:30 !important;

    cursor:pointer !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


/* Draw our own X */
#mcfav-root .mcfav-sofa-hero .mcfav-detail-close::before,
#mcfav-root .mcfav-sofa-hero [data-detail-close]::before{
    content:"" !important;

    position:absolute !important;

    width:12px !important;
    height:12px !important;

    left:50% !important;
    top:50% !important;

    transform:
        translate(-50%,-50%) !important;

    background:
        linear-gradient(
            45deg,
            transparent 45%,
            currentColor 45%,
            currentColor 55%,
            transparent 55%
        ),
        linear-gradient(
            -45deg,
            transparent 45%,
            currentColor 45%,
            currentColor 55%,
            transparent 55%
        ) !important;
}


/* Remove old icon/text if it has children */
#mcfav-root .mcfav-sofa-hero .mcfav-detail-close > *,
#mcfav-root .mcfav-sofa-hero [data-detail-close] > *{
    display:none !important;
}


@media (hover:hover){

    #mcfav-root .mcfav-sofa-hero .mcfav-detail-close:hover,
    #mcfav-root .mcfav-sofa-hero [data-detail-close]:hover{
        background:
            rgba(12,32,49,.78) !important;

        border-color:
            rgba(255,255,255,.30) !important;

        transform:
            scale(1.05) !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:768px){

    #mcfav-root .mcfav-sofa-hero{
        margin-top:0 !important;

        border-radius:
            18px 18px 0 0 !important;
    }

    #mcfav-root .mcfav-sofa-hero .mcfav-detail-close,
    #mcfav-root .mcfav-sofa-hero [data-detail-close]{
        top:12px !important;
        right:12px !important;

        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
    }

}


/* =========================================================
   END FUTEMAX BOTTOM SHEET HERO TOP
   ========================================================= */



/* =========================================================
   FUTEMAX BOTTOM SHEET TOP — REAL DOM FIX V2
   ========================================================= */


/* Bottom sheet/card itself */
#mcfav-root .mcfav-detail.has-open .mcfav-detail-card,
.mcfav-detail.has-open .mcfav-detail-card.mcfav-match-detail-card{
    position:relative !important;

    padding-top:0 !important;
    margin-top:0 !important;

    overflow:hidden !important;

    background:#fff !important;

    border-radius:18px 18px 0 0 !important;
}


/* Hero touches the top of the sheet */
#mcfav-root .mcfav-detail.has-open .mcfav-match-detail-card > .mcfav-sofa-hero,
.mcfav-detail.has-open .mcfav-match-detail-card > .mcfav-sofa-hero{
    margin-top:0 !important;
    top:auto !important;

    border-radius:18px 18px 0 0 !important;
}


/* =========================================================
   CLOSE — actual DOM:
   .mcfav-detail-card > .mcfav-detail-close
   ========================================================= */

#mcfav-root .mcfav-detail.has-open .mcfav-match-detail-card > .mcfav-detail-close,
.mcfav-detail.has-open .mcfav-match-detail-card > .mcfav-detail-close{
    position:absolute !important;

    top:14px !important;
    right:14px !important;

    left:auto !important;
    bottom:auto !important;

    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    z-index:999 !important;

    border-radius:50% !important;

    border:
        1px solid rgba(255,255,255,.20) !important;

    background:
        rgba(5,18,31,.58) !important;

    color:
        rgba(255,255,255,.92) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;

    font-family:
        Arial,sans-serif !important;

    font-size:0 !important;
    font-weight:400 !important;

    line-height:1 !important;

    transform:none !important;

    cursor:pointer !important;
}


/* proper X instead of text × */
#mcfav-root .mcfav-detail.has-open
.mcfav-match-detail-card > .mcfav-detail-close::before,
.mcfav-detail.has-open
.mcfav-match-detail-card > .mcfav-detail-close::before{
    content:"" !important;

    position:absolute !important;

    width:12px !important;
    height:12px !important;

    left:50% !important;
    top:50% !important;

    transform:
        translate(-50%,-50%) !important;

    background:
        linear-gradient(
            45deg,
            transparent 44%,
            currentColor 44%,
            currentColor 56%,
            transparent 56%
        ),
        linear-gradient(
            -45deg,
            transparent 44%,
            currentColor 44%,
            currentColor 56%,
            transparent 56%
        ) !important;
}


/* remove possible old pseudo-element */
#mcfav-root .mcfav-detail.has-open
.mcfav-match-detail-card > .mcfav-detail-close::after,
.mcfav-detail.has-open
.mcfav-match-detail-card > .mcfav-detail-close::after{
    content:none !important;
    display:none !important;
}


/* Mobile */
@media (max-width:768px){

    #mcfav-root .mcfav-detail.has-open .mcfav-detail-card,
    .mcfav-detail.has-open .mcfav-detail-card.mcfav-match-detail-card{
        padding-top:0 !important;
        border-radius:18px 18px 0 0 !important;
    }

    #mcfav-root .mcfav-detail.has-open
    .mcfav-match-detail-card > .mcfav-detail-close,
    .mcfav-detail.has-open
    .mcfav-match-detail-card > .mcfav-detail-close{
        top:12px !important;
        right:12px !important;

        width:34px !important;
        height:34px !important;
    }

}


/* =========================================================
   END FUTEMAX BOTTOM SHEET TOP — REAL DOM FIX V2
   ========================================================= */



/* =========================================================
   FUTEMAX BOTTOM SHEET — REMOVE TOP HANDLE / WHITE STRIP
   ========================================================= */

@media (max-width:768px){

    /*
     * Old mobile bottom-sheet drag/header area.
     * Hero itself becomes the top of the sheet.
     */
    #mcfav-root .mcfav-detail.has-open::before{
        content:none !important;
        display:none !important;

        width:0 !important;
        height:0 !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        background:none !important;
        box-shadow:none !important;
    }


    /*
     * Remove space reserved for old sheet handle.
     */
    #mcfav-root .mcfav-detail.has-open{
        padding-top:0 !important;
    }


    #mcfav-root .mcfav-detail.has-open
    > .mcfav-detail-card{
        margin-top:0 !important;
        padding-top:0 !important;

        border-radius:
            18px 18px 0 0 !important;
    }


    #mcfav-root .mcfav-detail.has-open
    > .mcfav-detail-card
    > .mcfav-sofa-hero{
        margin-top:0 !important;

        border-radius:
            18px 18px 0 0 !important;
    }

}


/* =========================================================
   END REMOVE TOP HANDLE / WHITE STRIP
   ========================================================= */



/* =========================================================
   FUTEMAX MATCH HERO CONTENT — PREMIUM V3
   ========================================================= */

#mcfav-root .mcfav-match-hero{
    position:relative !important;

    min-height:320px !important;

    padding:
        46px 22px
        17px !important;

    display:flex !important;
    flex-direction:column !important;

    color:#fff !important;
}


/* ---------------------------------------------------------
   BREADCRUMB
   --------------------------------------------------------- */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-breadcrumb{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    gap:7px !important;

    min-height:18px !important;

    padding-right:45px !important;

    font-size:11px !important;
    line-height:1.2 !important;

    color:
        rgba(255,255,255,.58) !important;

    z-index:5 !important;
}

#mcfav-root .mcfav-match-hero
.mcfav-sofa-breadcrumb b{
    color:
        rgba(255,255,255,.32) !important;
}

#mcfav-root .mcfav-match-hero
.mcfav-sofa-breadcrumb a{
    color:#19e68c !important;

    font-weight:700 !important;
}


/* ---------------------------------------------------------
   MATCH STATE
   --------------------------------------------------------- */

#mcfav-root .mcfav-hero-match-state{
    position:absolute !important;

    top:76px !important;
    left:50% !important;

    transform:
        translateX(-50%) !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    gap:7px !important;

    z-index:8 !important;
}


/* generic status pill */

#mcfav-root .mcfav-hero-status{
    min-width:102px !important;
    height:29px !important;

    padding:0 15px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border-radius:999px !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;

    letter-spacing:.25px !important;

    white-space:nowrap !important;
}


/* LIVE */

#mcfav-root .mcfav-hero-status.is-live{
    color:#fff !important;

    background:
        linear-gradient(
            180deg,
            #ff263d 0%,
            #e40720 100%
        ) !important;

    border:
        1px solid rgba(255,92,106,.70) !important;

    box-shadow:
        0 0 0 1px rgba(255,0,31,.14),
        0 5px 18px rgba(238,0,31,.34) !important;
}

#mcfav-root .mcfav-hero-status.is-live i{
    width:8px !important;
    height:8px !important;

    flex:0 0 8px !important;

    border-radius:50% !important;

    background:#ffbdc3 !important;

    box-shadow:
        0 0 0 4px rgba(255,255,255,.08) !important;

    animation:
        mcfavHeroLivePulse 1.5s ease-in-out infinite !important;
}

@keyframes mcfavHeroLivePulse{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }

    50%{
        opacity:.58;
        transform:scale(.78);
    }
}


/* FINISHED */

#mcfav-root .mcfav-hero-status.is-finished{
    color:#fff !important;

    background:
        rgba(78,99,122,.76) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    backdrop-filter:
        blur(10px) !important;
}


/* PRE MATCH */

#mcfav-root .mcfav-hero-status.is-pre{
    color:#eaf2f8 !important;

    background:
        rgba(13,35,54,.74) !important;

    border:
        1px solid rgba(255,255,255,.15) !important;

    backdrop-filter:
        blur(10px) !important;
}


/* HALFTIME */

#mcfav-root .mcfav-hero-status.is-halftime{
    color:#fff !important;

    background:
        rgba(20,49,70,.82) !important;

    border:
        1px solid rgba(58,230,157,.32) !important;
}


/* WARNING */

#mcfav-root .mcfav-hero-status.is-warning{
    color:#fff !important;

    background:
        rgba(175,112,15,.86) !important;

    border:
        1px solid rgba(255,193,75,.38) !important;
}


/* CANCELLED */

#mcfav-root .mcfav-hero-status.is-cancelled{
    color:#fff !important;

    background:
        rgba(116,48,58,.86) !important;

    border:
        1px solid rgba(255,255,255,.13) !important;
}


/* ---------------------------------------------------------
   PHASE / MINUTE
   --------------------------------------------------------- */

#mcfav-root .mcfav-hero-phase,
#mcfav-root .mcfav-hero-kickoff{
    min-height:28px !important;

    padding:0 14px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    border-radius:999px !important;

    color:#fff !important;

    background:
        rgba(4,20,34,.72) !important;

    border:
        1px solid rgba(132,190,226,.25) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    backdrop-filter:
        blur(9px) !important;

    -webkit-backdrop-filter:
        blur(9px) !important;

    font-size:11px !important;
    line-height:1 !important;

    white-space:nowrap !important;
}

#mcfav-root .mcfav-hero-phase b{
    color:#fff !important;

    font-weight:800 !important;
}

#mcfav-root .mcfav-hero-phase span{
    color:
        rgba(255,255,255,.46) !important;
}

#mcfav-root .mcfav-hero-phase strong{
    color:#22e994 !important;

    font-size:15px !important;
    font-weight:800 !important;
}


/* ---------------------------------------------------------
   PROGRESS
   --------------------------------------------------------- */

#mcfav-root .mcfav-hero-progress{
    width:116px !important;
    height:4px !important;

    overflow:hidden !important;

    border-radius:999px !important;

    background:
        rgba(137,184,212,.27) !important;

    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.25) !important;
}

#mcfav-root .mcfav-hero-progress span{
    display:block !important;

    height:100% !important;

    border-radius:inherit !important;

    background:
        linear-gradient(
            90deg,
            #14df88,
            #26f1a0
        ) !important;

    box-shadow:
        0 0 9px rgba(25,231,142,.50) !important;

    transition:
        width .35s ease !important;
}


/* ---------------------------------------------------------
   TEAMS
   --------------------------------------------------------- */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-teams{
    position:absolute !important;

    left:22px !important;
    right:22px !important;

    top:119px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        92px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:8px !important;

    margin:0 !important;
}


/* individual team */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-team{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    gap:7px !important;

    color:#fff !important;

    text-decoration:none !important;
}


/* logos */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-team img{
    width:62px !important;
    height:62px !important;

    object-fit:contain !important;

    filter:
        drop-shadow(
            0 7px 11px rgba(0,0,0,.34)
        ) !important;
}


/* team names */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-team strong{
    display:-webkit-box !important;

    max-width:110px !important;

    overflow:hidden !important;

    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    color:#fff !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.22 !important;

    text-align:center !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.75) !important;
}


/* ---------------------------------------------------------
   SCORE
   --------------------------------------------------------- */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-center{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:0 !important;
}


#mcfav-root .mcfav-match-hero
.mcfav-sofa-score{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    color:#fff !important;

    white-space:nowrap !important;

    text-shadow:
        0 3px 14px rgba(0,0,0,.58) !important;
}


#mcfav-root .mcfav-match-hero
.mcfav-sofa-score b{
    color:#fff !important;

    font-size:32px !important;
    font-weight:900 !important;
    line-height:1 !important;

    font-variant-numeric:
        tabular-nums !important;
}


#mcfav-root .mcfav-match-hero
.mcfav-sofa-score span{
    color:
        rgba(255,255,255,.78) !important;

    font-size:18px !important;
    font-weight:700 !important;
}


/* scheduled VS */

#mcfav-root .mcfav-match-hero
.mcfav-sofa-score.is-vs b{
    font-size:21px !important;

    color:
        rgba(255,255,255,.90) !important;
}


/* ---------------------------------------------------------
   CTA
   --------------------------------------------------------- */

#mcfav-root .mcfav-match-hero
.mcfav-full-view{
    position:absolute !important;

    left:50% !important;
    bottom:17px !important;

    transform:
        translateX(-50%) !important;

    width:auto !important;
    min-width:178px !important;
    height:42px !important;

    padding:0 20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    border-radius:999px !important;

    color:#fff !important;

    text-decoration:none !important;

    font-size:12px !important;
    font-weight:800 !important;

    background:
        linear-gradient(
            135deg,
            #0edb80,
            #00b96a
        ) !important;

    border:
        1px solid rgba(82,255,177,.68) !important;

    box-shadow:
        0 8px 24px rgba(0,202,112,.24),
        inset 0 1px 0 rgba(255,255,255,.23) !important;
}


#mcfav-root
.mcfav-full-view-play{
    width:22px !important;
    height:22px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 22px !important;

    border-radius:50% !important;

    color:#05bc6a !important;

    background:#fff !important;

    font-family:Arial,sans-serif !important;

    font-size:8px !important;

    padding-left:1px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:768px){

    #mcfav-root .mcfav-match-hero{
        min-height:320px !important;

        padding:
            44px 18px
            16px !important;
    }


    #mcfav-root .mcfav-hero-match-state{
        top:72px !important;
    }


    #mcfav-root .mcfav-match-hero
    .mcfav-sofa-teams{
        left:18px !important;
        right:18px !important;

        top:128px !important;

        grid-template-columns:
            minmax(0,1fr)
            82px
            minmax(0,1fr) !important;
    }


    #mcfav-root .mcfav-match-hero
    .mcfav-sofa-team img{
        width:58px !important;
        height:58px !important;
    }


    #mcfav-root .mcfav-match-hero
    .mcfav-sofa-team strong{
        max-width:105px !important;

        font-size:12px !important;
    }


    #mcfav-root .mcfav-match-hero
    .mcfav-sofa-score b{
        font-size:30px !important;
    }


    #mcfav-root .mcfav-match-hero
    .mcfav-full-view{
        bottom:16px !important;

        min-width:178px !important;
        height:41px !important;
    }

}


/* =========================================================
   END FUTEMAX MATCH HERO CONTENT — PREMIUM V3
   ========================================================= */


/* =========================================================
   FUTEMAX TIMELINE MINUTE ALIGN — FINAL
   ========================================================= */

/*
 * Minute belongs to the event row, not to its top edge.
 */
#mcfav-root .mcfav-event-time,
#mcfav-root .mcfav-sofa-event-time,
#mcfav-root .mcfav-timeline-time{
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    height:100% !important;
    min-height:100% !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

    line-height:1 !important;
}

/*
 * If the minute is positioned inside a grid/flex event row,
 * force the minute cell itself to center vertically.
 */
#mcfav-root .mcfav-event-row > :first-child,
#mcfav-root .mcfav-sofa-event-row > :first-child,
#mcfav-root .mcfav-timeline-row > :first-child{
    align-self:center !important;
}

/* =========================================================
   END FUTEMAX TIMELINE MINUTE ALIGN
   ========================================================= */


/* =========================================================
   FUTEMAX EVENT MINUTE ALIGN — REAL CLASS FINAL
   ========================================================= */

#mcfav-root .mcfav-sofa-timeline-row{
    align-items:stretch !important;
}

#mcfav-root .mcfav-sofa-timeline-time{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    align-self:stretch !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

    line-height:1 !important;
}

/*
 * Keep the event body responsible for row height.
 * Minute stays vertically centered against that complete row.
 */
#mcfav-root .mcfav-sofa-timeline-event{
    align-self:stretch !important;
}

/* =========================================================
   END FUTEMAX EVENT MINUTE ALIGN
   ========================================================= */


/* =========================================================
   FUTEMAX LINEUP — COLOR ONLY V1
   Layout / size / spacing / typography untouched
   ========================================================= */

#mcfav-root .mcfav-sofa-lineup{
    color:#101828;
}


/* ---------- TOP METRIC TABS ---------- */

#mcfav-root .mcfav-lineup-tabs-sticky{
    background:#fff;
}

#mcfav-root .mcfav-lineup-tabs button{
    color:#667085;
    background:#fff;
    border-color:#e4e7ec;
}

#mcfav-root .mcfav-lineup-tabs button:hover{
    color:#00a866;
    border-color:#b7ead3;
}

#mcfav-root .mcfav-lineup-tabs button.active{
    color:#00a866;
    border-color:#00c978;
    background:#f0fff8;
}

#mcfav-root .mcfav-lineup-tabs button span{
    color:#98a2b3;
}

#mcfav-root .mcfav-lineup-tabs button.active span{
    color:#00a866;
}


/* ---------- TEAM SUMMARY ---------- */

#mcfav-root .mcfav-lineup-team-summary{
    color:#101828;
}

#mcfav-root .mcfav-lineup-team-main strong{
    color:#101828;
}

#mcfav-root .mcfav-lineup-team-main span{
    color:#98a2b3;
}

#mcfav-root .mcfav-lineup-team-rating b{
    color:#344054;
}

#mcfav-root .mcfav-lineup-team-rating em{
    color:#98a2b3;
}


/* ---------- PITCH ---------- */

#mcfav-root .mcfav-lineup-full-pitch{
    background-color:#14945e;
}

#mcfav-root .mcfav-pitch-lines,
#mcfav-root .mcfav-pitch-lines::before,
#mcfav-root .mcfav-pitch-lines::after{
    border-color:rgba(255,255,255,.58);
}


/* ---------- PLAYER ---------- */

#mcfav-root .mcfav-lineup-player{
    color:#fff;
}

#mcfav-root .mcfav-lineup-player strong{
    color:#fff;
}

#mcfav-root .mcfav-lineup-player strong > span{
    color:rgba(255,255,255,.72);
}


/* ---------- METRIC BADGES ---------- */

#mcfav-root .mcfav-metric-badge.is-info{
    color:#073b2a;
    background:#e8fff5;
    border-color:#a8ecd0;
}


/* ---------- CAPTAIN / SUB ---------- */

#mcfav-root .mcfav-player-badges .cap{
    background:#00c978;
    color:#fff;
}

#mcfav-root .mcfav-player-badges .sub{
    color:#fff;
}

#mcfav-root .mcfav-player-badges .sub.out{
    background:#ef4444;
}

#mcfav-root .mcfav-player-badges .sub.in{
    background:#00c978;
}


/* ---------- TEAM SWITCH ---------- */

#mcfav-root .mcfav-lineup-team-switch button{
    background:#fff;
    border-color:#e4e7ec;
}

#mcfav-root .mcfav-lineup-team-switch button.active{
    border-color:#00c978;
    background:#f0fff8;
}


/* ---------- COACH CARD ---------- */

#mcfav-root .mcfav-lineup-list-card{
    background:#fff;
    border-color:#e4e7ec;
}

#mcfav-root .mcfav-lineup-list-card h3{
    color:#101828;
}

#mcfav-root .mcfav-coach-cell strong{
    color:#101828;
}

#mcfav-root .mcfav-coach-cell span{
    color:#667085;
}


/* ---------- BENCH CARD ---------- */

#mcfav-root .mcfav-lineup-bench-card{
    background:#fff;
    border-color:#e4e7ec;
}

#mcfav-root .mcfav-lineup-bench-card h3{
    color:#101828;
}

#mcfav-root .mcfav-bench-player{
    border-color:#eaecf0;
}

#mcfav-root .mcfav-bench-info strong{
    color:#101828;
}

#mcfav-root .mcfav-bench-info span{
    color:#667085;
}


/* ---------- RATINGS ----------
   Keep semantic rating colors.
   Only tune them to cleaner Futemax shades.
   ---------------------------------------- */

#mcfav-root .rating-good{
    color:#079455;
}

#mcfav-root .rating-ok{
    color:#6941c6;
}

#mcfav-root .rating-low{
    color:#d92d20;
}

#mcfav-root .rating-empty{
    color:#98a2b3;
}


/* ---------- GENERIC MUTED TEXT ---------- */

#mcfav-root .mcfav-sofa-lineup small,
#mcfav-root .mcfav-sofa-lineup em{
    color:#667085;
}

/* =========================================================
   END FUTEMAX LINEUP — COLOR ONLY V1
   ========================================================= */


/* =========================================================
   FUTEMAX LINEUP — WHITE THEME FINAL
   COLOR ONLY
   ========================================================= */

/* ---------- PAGE ---------- */

#mcfav-root .mcfav-sofa-lineup{
    color:#101828;
    background:#fff;
}


/* ---------- METRIC TABS ---------- */

#mcfav-root .mcfav-lineup-tabs-sticky{
    background:#fff;
}

#mcfav-root .mcfav-lineup-tabs{
    background:#fff;
}

#mcfav-root .mcfav-lineup-tabs button{
    color:#667085;
    background:#fff;
    border-color:#e5e7eb;
}

#mcfav-root .mcfav-lineup-tabs button:hover{
    color:#00b96b;
}

#mcfav-root .mcfav-lineup-tabs button.active{
    color:#00b96b;
    background:#fff;
    border-color:#00c978;
}

#mcfav-root .mcfav-lineup-tabs button span{
    color:#98a2b3;
}

#mcfav-root .mcfav-lineup-tabs button.active span{
    color:#00b96b;
}


/* =========================================================
   TEAM HEADER — REMOVE BLACK
   ========================================================= */

#mcfav-root .mcfav-lineup-team-summary,
#mcfav-root .mcfav-lineup-team-summary.home,
#mcfav-root .mcfav-lineup-team-summary.away{
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-lineup-team-main{
    color:#101828;
}

#mcfav-root .mcfav-lineup-team-main strong{
    color:#101828 !important;
}

#mcfav-root .mcfav-lineup-team-main span{
    color:#667085 !important;
}

#mcfav-root .mcfav-lineup-team-rating{
    color:#344054;
}

#mcfav-root .mcfav-lineup-team-rating b{
    color:#344054 !important;
}

#mcfav-root .mcfav-lineup-team-rating em{
    color:#98a2b3 !important;
}


/* ---------- TEAM RATING SQUARE ---------- */

#mcfav-root .mcfav-team-rating-box.rating-good{
    background:#12b76a !important;
}

#mcfav-root .mcfav-team-rating-box.rating-ok{
    background:#8b5cf6 !important;
}

#mcfav-root .mcfav-team-rating-box.rating-low{
    background:#f4b400 !important;
}


/* =========================================================
   PITCH — ONLY AREA THAT STAYS GREEN
   ========================================================= */

#mcfav-root .mcfav-lineup-full-pitch{
    background-color:#159b68;
}

#mcfav-root .mcfav-pitch-lines,
#mcfav-root .mcfav-pitch-lines::before,
#mcfav-root .mcfav-pitch-lines::after{
    border-color:rgba(255,255,255,.62);
}


/* ---------- PLAYERS ON PITCH ---------- */

#mcfav-root .mcfav-lineup-player,
#mcfav-root .mcfav-lineup-player strong{
    color:#fff !important;
}

#mcfav-root .mcfav-lineup-player strong span{
    color:rgba(255,255,255,.82) !important;
}


/* =========================================================
   TEAM SWITCH — WHITE
   ========================================================= */

#mcfav-root .mcfav-lineup-team-switch{
    background:#fff !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-lineup-team-switch button{
    background:#f8fafc !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-lineup-team-switch button.active{
    background:#ecfdf5 !important;
    border-color:#00c978 !important;
}


/* =========================================================
   COACH
   ========================================================= */

#mcfav-root .mcfav-lineup-list-card{
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-lineup-list-card h3{
    color:#101828 !important;
}

#mcfav-root .mcfav-coach-cell strong{
    color:#101828 !important;
}

#mcfav-root .mcfav-coach-cell span{
    color:#667085 !important;
}


/* =========================================================
   BENCH
   ========================================================= */

#mcfav-root .mcfav-lineup-bench-card{
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

#mcfav-root .mcfav-lineup-bench-card h3{
    color:#101828 !important;
}

#mcfav-root .mcfav-lineup-bench-grid,
#mcfav-root .mcfav-lineup-bench-col{
    background:#fff !important;
}

#mcfav-root .mcfav-bench-player{
    background:#fff !important;
    border-color:#eef0f3 !important;
    color:#101828 !important;
}

#mcfav-root .mcfav-bench-info strong{
    color:#101828 !important;
}

#mcfav-root .mcfav-bench-info span{
    color:#667085 !important;
}


/* ---------- EMPTY RATING ---------- */

#mcfav-root .rating-empty{
    background:#f2f4f7 !important;
    color:#667085 !important;
}


/* ---------- RATING COLORS ---------- */

#mcfav-root .rating-good{
    background:#12b76a;
    color:#fff;
}

#mcfav-root .rating-ok{
    background:#8b5cf6;
    color:#fff;
}

#mcfav-root .rating-low{
    background:#f4b400;
    color:#fff;
}


/* ---------- CAPTAIN / SUBSTITUTION ---------- */

#mcfav-root .mcfav-player-badges .cap{
    background:#00c978;
    color:#fff;
}

#mcfav-root .mcfav-player-badges .sub.in{
    background:#00c978;
    color:#fff;
}

#mcfav-root .mcfav-player-badges .sub.out{
    background:#ef4444;
    color:#fff;
}


/* =========================================================
   END FUTEMAX LINEUP — WHITE THEME FINAL
   ========================================================= */


/* =========================================================
   FUTEMAX COACH AVATAR — WHITE UI
   ========================================================= */

#mcfav-root .mcfav-coaches-card{
    background:#fff;
}

#mcfav-root .mcfav-coaches-card .mcfav-lineup-list-row{
    align-items:center;
}

#mcfav-root .mcfav-coaches-card .mcfav-coach-cell{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

#mcfav-root .mcfav-coaches-card .mcfav-coach-cell.away{
    flex-direction:row-reverse;
    text-align:right;
}

#mcfav-root .mcfav-coach-avatar{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    object-fit:cover;
    object-position:center top;
    background:#f2f4f7;
    border:1px solid #e4e7ec;
}

#mcfav-root .mcfav-coach-avatar-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#667085;
    font-weight:700;
}

#mcfav-root .mcfav-coach-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

#mcfav-root .mcfav-coach-copy strong{
    color:#101828;
}

#mcfav-root .mcfav-coach-copy span{
    color:#667085;
}

/* =========================================================
   END FUTEMAX COACH AVATAR
   ========================================================= */


/* =========================================================
   FUTEMAX STATISTICS — TEAM LOGO COLORS V1
   White UI / team-vs-team comparison
   ========================================================= */

#mcfav-root .mcfav-stat-compare-card{
    --mcfav-stat-home:#00b96b;
    --mcfav-stat-away:#475467;

    background:#fff;
    color:#101828;
}


/* ---------- TEAM HEADER ---------- */

#mcfav-root .mcfav-stat-team-head{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:10px;

    padding-bottom:16px;
    margin-bottom:4px;

    border-bottom:1px solid #eaecf0;
}

#mcfav-root .mcfav-stat-team{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;

    color:#344054;
}

#mcfav-root .mcfav-stat-team.away{
    justify-content:flex-end;
    text-align:right;
}

#mcfav-root .mcfav-stat-team img{
    width:28px;
    height:28px;
    object-fit:contain;
    flex:0 0 28px;
}

#mcfav-root .mcfav-stat-team span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#mcfav-root .mcfav-stat-team-head > strong{
    color:#101828;
}


/* ---------- ROW ---------- */

#mcfav-root .mcfav-stat-compare-row{
    padding:12px 0;
    border-bottom:1px solid #f0f1f3;
}

#mcfav-root .mcfav-stat-compare-row:last-child{
    border-bottom:0;
}


/* ---------- VALUES ---------- */

#mcfav-root .mcfav-stat-compare-head{
    display:grid;
    grid-template-columns:52px 1fr 52px;
    align-items:center;

    margin-bottom:7px;
}

#mcfav-root .mcfav-stat-compare-head > span{
    text-align:center;
    color:#475467;
}

#mcfav-root .mcfav-stat-compare-head > b{
    color:#101828;
}

#mcfav-root .mcfav-stat-home-value{
    text-align:left;
}

#mcfav-root .mcfav-stat-away-value{
    text-align:right;
}


/* Team value colors */

#mcfav-root .mcfav-stat-home-value{
    color:var(--mcfav-stat-home) !important;
}

#mcfav-root .mcfav-stat-away-value{
    color:var(--mcfav-stat-away) !important;
}


/* ---------- DUAL BAR ---------- */

#mcfav-root .mcfav-stat-compare-bars{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}

#mcfav-root .mcfav-stat-half{
    position:relative;
    height:5px;

    overflow:hidden;
    border-radius:999px;

    background:#eef1f4;
}

#mcfav-root .mcfav-stat-half.home{
    display:flex;
    justify-content:flex-end;
}

#mcfav-root .mcfav-stat-half.away{
    display:flex;
    justify-content:flex-start;
}

#mcfav-root .mcfav-stat-fill{
    display:block;
    height:100%;
    border-radius:999px;
}

#mcfav-root .mcfav-stat-fill.home{
    background:var(--mcfav-stat-home);
}

#mcfav-root .mcfav-stat-fill.away{
    background:var(--mcfav-stat-away);
}


/* =========================================================
   END FUTEMAX STATISTICS — TEAM LOGO COLORS V1
   ========================================================= */


/* ==========================================================
   FUTEMAX H2H — WHITE FINAL
   Color-only white theme
   ========================================================== */

#mcfav-root .mcfav-h2h-page {
    background: #f7f9fc;
    color: #101828;
}


/* ----------------------------------------------------------
   H2H MODE SELECTOR
   ---------------------------------------------------------- */

#mcfav-root .mcfav-h2h-tabs {
    background: #f1f4f8;
    border-color: #e4e9f0;
}

#mcfav-root .mcfav-h2h-tabs button {
    color: #667085;
    background: transparent;
}

#mcfav-root .mcfav-h2h-tabs button.active {
    background: #ffffff;
    color: #101828;
    box-shadow:
        0 1px 3px rgba(16, 24, 40, .08),
        0 1px 2px rgba(16, 24, 40, .04);
}


/* ----------------------------------------------------------
   SUMMARY
   ---------------------------------------------------------- */

#mcfav-root .mcfav-h2h-summary {
    background: #ffffff;
    border-color: #e3e8ef;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
}

#mcfav-root .mcfav-h2h-summary b {
    color: #101828;
}

#mcfav-root .mcfav-h2h-summary span {
    color: #667085;
}


/* ----------------------------------------------------------
   MATCH CARDS
   ---------------------------------------------------------- */

#mcfav-root .mcfav-h2h-match {
    background: #ffffff;
    border-color: #e4e9f0;
    color: #101828;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .025);
}


/* date */

#mcfav-root .mcfav-h2h-date span {
    color: #101828;
}

#mcfav-root .mcfav-h2h-date small {
    color: #98a2b3;
}


/* team names */

#mcfav-root .mcfav-h2h-teams strong {
    color: #344054;
}


/* scores */

#mcfav-root .mcfav-h2h-score b {
    color: #101828;
}


/* ----------------------------------------------------------
   RESULT ACCENT
   Keep existing result logic, only recolor it
   ---------------------------------------------------------- */

#mcfav-root .mcfav-h2h-match.is-home-win,
#mcfav-root .mcfav-h2h-match.is-away-win {
    border-left-color: #12b76a;
}

#mcfav-root .mcfav-h2h-match.is-draw {
    border-left-color: #98a2b3;
}


/* winner score */

#mcfav-root .mcfav-h2h-match.is-home-win
.mcfav-h2h-score b:first-child {
    color: #039855;
}

#mcfav-root .mcfav-h2h-match.is-away-win
.mcfav-h2h-score b:last-child {
    color: #039855;
}


/* loser stays neutral, not red */

#mcfav-root .mcfav-h2h-match.is-home-win
.mcfav-h2h-score b:last-child,

#mcfav-root .mcfav-h2h-match.is-away-win
.mcfav-h2h-score b:first-child {
    color: #667085;
}


/* draw */

#mcfav-root .mcfav-h2h-match.is-draw
.mcfav-h2h-score b {
    color: #475467;
}


/* ----------------------------------------------------------
   DIVIDERS / SMALL DETAILS
   ---------------------------------------------------------- */

#mcfav-root .mcfav-h2h-page hr {
    border-color: #eaecf0;
}


/* ----------------------------------------------------------
   FINAL FORCE — remove remaining dark colors
   ---------------------------------------------------------- */

#mcfav-root .mcfav-detail-body:has(.mcfav-h2h-page) {
    background: #f7f9fc;
}

#mcfav-root .mcfav-h2h-page,
#mcfav-root .mcfav-h2h-list {
    border-color: #e4e9f0;
}


/* ==========================================================
   END FUTEMAX H2H — WHITE FINAL
   ========================================================== */


/* ==========================================================
   FUTEMAX DESKTOP RIGHT COLUMN — WHITE FINAL
   COLOR ONLY
   ========================================================== */


/* ----------------------------------------------------------
   RIGHT COLUMN BASE CARDS
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-card {
    background: #ffffff !important;
    border-color: #e4e9f0 !important;
    color: #101828 !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04) !important;
}


/* ----------------------------------------------------------
   CARD HEADERS
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-header {
    background: #ffffff !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-header h3 {
    color: #101828 !important;
}

#mcfav-root .mcfav-side-header a {
    color: #12b76a !important;
}


/* ----------------------------------------------------------
   COMPETITIONS TABLE
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-table {
    background: #ffffff !important;
}

#mcfav-root .mcfav-side-table-head {
    background: #f8fafc !important;
    color: #98a2b3 !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-row {
    background: #ffffff !important;
    color: #344054 !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-row:hover {
    background: #f8fafc !important;
}

#mcfav-root .mcfav-side-row > span {
    color: #667085 !important;
}

#mcfav-root .mcfav-side-name strong {
    color: #101828 !important;
}


/* live number */

#mcfav-root .mcfav-side-row .is-live,
#mcfav-root .mcfav-side-row .live {
    color: #12b76a !important;
}


/* ----------------------------------------------------------
   JOGOS DE HOJE
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-list {
    background: #ffffff !important;
}

#mcfav-root .mcfav-side-match {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-match:hover {
    background: #f8fafc !important;
}

#mcfav-root .mcfav-side-match-teams span {
    color: #344054 !important;
}

#mcfav-root .mcfav-side-match strong {
    color: #101828 !important;
}


/* ----------------------------------------------------------
   CLUBES EM ALTA
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-team {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-team:hover {
    background: #f8fafc !important;
}

#mcfav-root .mcfav-side-team > span {
    color: #98a2b3 !important;
}

#mcfav-root .mcfav-side-team strong {
    color: #101828 !important;
}

#mcfav-root .mcfav-side-team small {
    color: #98a2b3 !important;
}


/* ----------------------------------------------------------
   ESTATÍSTICAS DO DIA
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-grid {
    background: #ffffff !important;
}

#mcfav-root .mcfav-side-grid > div {
    background: #f8fafc !important;
    border-color: #eaecf0 !important;
}

#mcfav-root .mcfav-side-grid b {
    color: #101828 !important;
}

#mcfav-root .mcfav-side-grid span {
    color: #667085 !important;
}


/* ----------------------------------------------------------
   FEATURED MATCH AREA
   ---------------------------------------------------------- */

#mcfav-root .mcfav-featured-card {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #e4e9f0 !important;
}

#mcfav-root .mcfav-featured-match {
    background: #ffffff !important;
    color: #101828 !important;
}

#mcfav-root .mcfav-featured-team strong {
    color: #101828 !important;
}

#mcfav-root .mcfav-featured-center strong {
    color: #101828 !important;
}

#mcfav-root .mcfav-featured-center span {
    color: #667085 !important;
}


/* ----------------------------------------------------------
   FEATURED ODDS
   ---------------------------------------------------------- */

#mcfav-root .mcfav-odds-card {
    background: #ffffff !important;
    border-color: #e4e9f0 !important;
    color: #101828 !important;
}

#mcfav-root .mcfav-odds-head strong {
    color: #101828 !important;
}

#mcfav-root .mcfav-odds-head span {
    color: #98a2b3 !important;
}

#mcfav-root .mcfav-odds-head em {
    color: #98a2b3 !important;
}

#mcfav-root .mcfav-odds-actions button {
    background: #f8fafc !important;
    border-color: #e4e9f0 !important;
    color: #344054 !important;
}


/* ----------------------------------------------------------
   FEATURED NAV
   ---------------------------------------------------------- */

#mcfav-root .mcfav-featured-nav {
    color: #667085 !important;
}

#mcfav-root .mcfav-featured-nav button {
    color: #667085 !important;
}

#mcfav-root .mcfav-featured-nav i {
    background: #d0d5dd !important;
}

#mcfav-root .mcfav-featured-nav i.active {
    background: #12b76a !important;
}


/* ----------------------------------------------------------
   DEFAULT LEAGUE HERO
   keep gradient but remove old purple-heavy appearance
   ---------------------------------------------------------- */

#mcfav-root .mcfav-default-hero {
    background:
        linear-gradient(
            100deg,
            #ffffff 0%,
            #f0fdf4 58%,
            #ecfdf3 100%
        ) !important;

    border-color: #d1fadf !important;
    color: #101828 !important;
}

#mcfav-root .mcfav-default-hero strong {
    color: #101828 !important;
}

#mcfav-root .mcfav-default-hero span {
    color: #667085 !important;
}

#mcfav-root .mcfav-default-hero em {
    color: #12b76a !important;
}


/* ----------------------------------------------------------
   FINAL DARK COLOR KILL
   ---------------------------------------------------------- */

#mcfav-root .mcfav-side-card,
#mcfav-root .mcfav-side-table,
#mcfav-root .mcfav-side-list,
#mcfav-root .mcfav-side-row,
#mcfav-root .mcfav-side-match,
#mcfav-root .mcfav-side-team,
#mcfav-root .mcfav-side-grid,
#mcfav-root .mcfav-featured-card,
#mcfav-root .mcfav-odds-card {
    --mcfav-card-bg: #ffffff;
    --mcfav-card-text: #101828;
}


/* ==========================================================
   END FUTEMAX DESKTOP RIGHT COLUMN — WHITE FINAL
   ========================================================== */


/* MC INLINE MATCH LIST AD */
.mcfav-inline-list-ad {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    line-height: 0;
    overflow: hidden;
}

.mcfav-inline-list-ad a {
    display: block;
    width: 100%;
}

.mcfav-inline-list-ad img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}