/* Shared non-home action treatment. Market direction still uses text color,
   while every clickable button keeps the black/green Bull&Bear frame. */
:where(
  button,
  a.home-link,
  a.account-chip,
  a.link,
  .nav a,
  a.button,
  a.signin
){
  background:#070908 !important;
  border:1px solid #45ef82 !important;
  color:#f4f7f4 !important;
  box-shadow:none !important;
}

:where(
  button,
  a.home-link,
  a.account-chip,
  a.link,
  .nav a,
  a.button,
  a.signin
):hover{
  background:#0b120d !important;
  border-color:#82f5aa !important;
  color:#45ef82 !important;
}

:where(
  button,
  a.home-link,
  a.account-chip,
  a.link,
  .nav a,
  a.button,
  a.signin
):focus-visible{
  outline:2px solid rgba(69,239,130,.55);
  outline-offset:2px;
}

button:disabled{
  background:#070908 !important;
  border-color:rgba(69,239,130,.34) !important;
  color:#7d8980 !important;
  box-shadow:none !important;
}

/* Arena selections must remain obvious after the shared button reset above. */
button.round-mode-tab.is-active,
button.asset-tab.is-active{
  background:linear-gradient(145deg,rgba(69,239,130,.28),rgba(11,29,18,.96)) !important;
  border-color:#45ef82 !important;
  color:#45ef82 !important;
  box-shadow:
    0 0 0 1px rgba(69,239,130,.30),
    0 0 22px rgba(69,239,130,.46),
    0 12px 28px rgba(0,0,0,.34),
    inset 0 0 20px rgba(69,239,130,.13) !important;
}

button.round-mode-tab.is-active:hover,
button.asset-tab.is-active:hover{
  background:linear-gradient(145deg,rgba(69,239,130,.34),rgba(11,34,20,.98)) !important;
  border-color:#82f5aa !important;
  color:#82f5aa !important;
}

button.asset-tab.is-active .asset-tab__label{
  color:#45ef82 !important;
  text-shadow:0 0 12px rgba(69,239,130,.52);
}

button.asset-tab.is-active .asset-tab__sub{
  color:#cef9dd !important;
}

button.asset-tab.is-active .asset-tab__logo-wrap{
  box-shadow:0 0 0 1px rgba(69,239,130,.50),0 0 15px rgba(69,239,130,.34);
}

.trade-btn.buy{color:#45ef82 !important;}
.trade-btn.sell{color:#ff625f !important;}
.textbtn{padding:7px 9px !important;border-radius:8px !important;}
a.signin{align-items:center;min-height:38px;padding:0 12px;border-radius:9px;}