/* V287 — one calm mint active/pressed state across every page.
   Visual reference: sidebar active items — soft mint surface, dark text,
   restrained border/shadow. This file is loaded last so legacy page-specific
   active colors cannot make selected controls harsh or inconsistent. */
:root{
  --fm-active-mint-a:#a9d6ba;
  --fm-active-mint-b:#cfe7d9;
  --fm-active-mint-c:#f1f7f3;
  --fm-active-border:rgba(54,128,84,.20);
  --fm-active-border-strong:rgba(39,119,73,.30);
  --fm-active-text:#102319;
  --fm-active-shadow:0 1px 2px rgba(25,80,48,.05),inset 0 1px 0 rgba(255,255,255,.72);
}

/* Persistent selected navigation / tabs / filters / segmented controls. */
html body .menu a.active,
html body .main-nav a.active,
html body .game-top-nav a.active,
html body .subnav a.active,
html body .competition-nav > a.active,
html body button.active,
html body a.tab-btn.active,
html body .tab-btn.active,
html body .filter-btn.active,
html body .stats-tab.active,
html body .stats-kind.active,
html body .nav-btn.active,
html body .tour-tab.active,
html body .calendar-tab.active,
html body .country-btn.active,
html body .country-pill.active,
html body .country-toolbar button.active,
html body .league-btn.active,
html body .small-btn.active,
html body .speed-choice.active,
html body .segment-label.active,
html body .transfer-tab.active,
html body .folder.active,
html body .application-select-grid button.active,
html body [role="tab"][aria-selected="true"],
html body button[aria-pressed="true"],
html body a[aria-current="page"]{
  background:linear-gradient(90deg,var(--fm-active-mint-a) 0%,var(--fm-active-mint-b) 56%,var(--fm-active-mint-c) 100%)!important;
  color:var(--fm-active-text)!important;
  border-color:var(--fm-active-border)!important;
  box-shadow:var(--fm-active-shadow)!important;
  text-shadow:none!important;
}

/* Selected choice buttons should use the same language, not bright outlines. */
html body button.selected,
html body .manager-avatar-choice.selected,
html body .portrait-choice.selected{
  background:linear-gradient(90deg,var(--fm-active-mint-a) 0%,var(--fm-active-mint-b) 56%,var(--fm-active-mint-c) 100%)!important;
  color:var(--fm-active-text)!important;
  border-color:var(--fm-active-border-strong)!important;
  box-shadow:var(--fm-active-shadow)!important;
}

/* Legacy pages frequently force white text inside active controls. */
html body .tab-btn.active *,
html body .filter-btn.active *,
html body .stats-tab.active *,
html body .stats-kind.active *,
html body .nav-btn.active *,
html body .tour-tab.active *,
html body .calendar-tab.active *,
html body .country-btn.active *,
html body .country-pill.active *,
html body .league-btn.active *,
html body .small-btn.active *,
html body .speed-choice.active *,
html body .segment-label.active *,
html body .transfer-tab.active *,
html body [role="tab"][aria-selected="true"] *,
html body button[aria-pressed="true"] *{
  color:var(--fm-active-text)!important;
  text-shadow:none!important;
}

/* Press feedback for every normal interactive button/link — same mint state. */
html body button:active:not(:disabled),
html body .btn:active:not(.disabled),
html body a.button:active,
html body a.green-btn:active,
html body a.outline-btn:active,
html body a.soft-btn:active,
html body .menu a:active,
html body .main-nav a:active,
html body .game-top-nav a:active,
html body .subnav a:active,
html body .competition-nav > a:active{
  background:linear-gradient(90deg,var(--fm-active-mint-a) 0%,var(--fm-active-mint-b) 56%,var(--fm-active-mint-c) 100%)!important;
  color:var(--fm-active-text)!important;
  border-color:var(--fm-active-border-strong)!important;
  box-shadow:inset 0 1px 2px rgba(24,76,46,.08)!important;
  text-shadow:none!important;
}

/* Player profile had a separate green underline/solid active state. Keep only a
   subtle mint marker so it still reads as selected without looking heavy. */
html body.player-page .player-tabs .tab-btn.active::after{
  background:#6eb58d!important;
  opacity:.72!important;
  height:2px!important;
}

/* Training upgrade arrows use active to mean "available", not selected.
   Do not turn those tiny action arrows into wide navigation-style controls. */
html body.training-page .attrs-area .up-btn.active,
html body.training-page .attrs-area .up-btn.active:hover{
  background:#f2faf5!important;
  border-color:#b9ddc8!important;
  color:#17623a!important;
  box-shadow:none!important;
}

/* Disabled state always wins over the visual active language. */
html body button:disabled,
html body button.active:disabled,
html body [aria-disabled="true"]{
  opacity:.52!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}