/* The approved MyStats medallion now uses the shared console tokens. */
.mystats-nav {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  gap:8px;
  min-height:44px;
  margin:0;
  padding:6px 10px !important;
  border:1px solid var(--border-mint) !important;
  border-radius:20px !important;
  background:var(--surface-mint) !important;
  box-shadow:var(--shadow-inset),var(--shadow-mint);
  color:var(--text-heading) !important;
  text-align:left;
  font-weight:700;
  transition:background var(--dur-2) ease,border-color var(--dur-2) ease,box-shadow var(--dur-2) ease;
}
.mystats-nav[hidden] { display:none; }
.mystats-nav__icon { width:30px; height:30px; flex:0 0 30px; }
.mystats-nav__copy { display:grid; gap:3px; min-width:0; }
.mystats-nav__title { font-size:.9rem; font-weight:750; line-height:1.2; letter-spacing:-.025em; }
.mystats-nav__arrow { margin-left:auto; width:16px; height:16px; flex:0 0 16px; color:var(--color-accent-strong); }
.mystats-nav:hover,.mystats-nav[aria-expanded="true"] { border-color:var(--border-mint-hover) !important; background:var(--surface-mint-hover) !important; box-shadow:var(--shadow-inset),var(--shadow-mint); }
.mystats-nav:focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
.mystats-nav[aria-expanded="true"] { box-shadow:inset 0 0 0 1px var(--border-mint-hover),var(--shadow-mint); }
@media(prefers-reduced-motion:reduce) { .mystats-nav { transition:none; } }