/* Metal UI · El Trueque · 07/10/2026
   One skin for buttons, network selectors, plates and wallet cards across the site, except the
   marketplace content (its own buttons keep their classes and are not listed here).
   Loaded after every other stylesheet. Earlier layers style the same buttons with
   high-specificity selectors, so the visual properties here are marked !important. */

/* ---------- Primary: anodized green, brushed, with a metal rim ---------- */
:is(.age-btn.ready,.site-page button.primary,.site-page a.primary,#fastLaunch button.primary,
body.launch-workspace #miniLaunch .ml-btn.ml-primary,#miniLaunch .ml-primary,.ml-dialog-actions .ml-primary,
.et-button.et-primary,.lp-rail a.lp-rail-create,.lp-card-actions a.lp-action.lp-swap,.lp-toolbar a.presentation-create-link){
  color:#03230f!important;
  text-shadow:0 1px 0 rgba(255,255,255,.3)!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.05) 48%,rgba(0,0,0,.07) 52%,rgba(0,0,0,0) 100%) padding-box,
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(255,255,255,0) 1px 3px) padding-box,
    linear-gradient(180deg,#3dfca2,#12dc82 50%,#0aa964) padding-box,
    linear-gradient(180deg,#d9ffee,#2ef59a 35%,#067a45 70%,#7dffc4) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(0,0,0,.7),0 12px 26px -12px rgba(0,255,135,.6)!important;
  transition:transform .08s ease,box-shadow .12s ease,filter .12s ease!important;
}
:is(.age-btn.ready,.site-page button.primary,.site-page a.primary,#fastLaunch button.primary,
body.launch-workspace #miniLaunch .ml-btn.ml-primary,#miniLaunch .ml-primary,.ml-dialog-actions .ml-primary,
.et-button.et-primary,.lp-rail a.lp-rail-create,.lp-card-actions a.lp-action.lp-swap,.lp-toolbar a.presentation-create-link):hover:not(:disabled){filter:brightness(1.06)!important}
:is(.age-btn.ready,.site-page button.primary,.site-page a.primary,#fastLaunch button.primary,
body.launch-workspace #miniLaunch .ml-btn.ml-primary,#miniLaunch .ml-primary,.ml-dialog-actions .ml-primary,
.et-button.et-primary,.lp-rail a.lp-rail-create,.lp-card-actions a.lp-action.lp-swap,.lp-toolbar a.presentation-create-link):active:not(:disabled){
  transform:translateY(1px)!important;
  box-shadow:inset 0 2px 7px rgba(0,45,22,.55),0 5px 14px -8px rgba(0,255,135,.45)!important;
}

/* ---------- Secondary: brushed steel with a chrome rim ---------- */
:is(.global-wallet-button,
.site-page button:not(.primary):not(.wallet-card):not(.ft-tab),
body.launch-workspace #miniLaunch .ml-btn:not(.ml-primary),
#miniLaunch :is(.ml-segment,.ml-quick,.ml-guide-nav,.mp-header-actions) button:not(.ml-primary),
.et-button:not(.et-primary),
.wallet-options>button,.wallet-actions button,#globalWalletNetworks button,
.lp-toolbar .lp-filters button,.site-page .lp-networks button,.lp-card-actions a.lp-action:not(.lp-swap)){
  color:#eef1f3!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%) padding-box,
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,.025) 1px 3px) padding-box,
    linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21) padding-box,
    linear-gradient(180deg,#e9eef1,#7c838b 38%,#2b2f34 62%,#a1a8af) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px -12px rgba(0,0,0,.9)!important;
  transition:transform .08s ease,box-shadow .12s ease,filter .12s ease!important;
}
:is(.global-wallet-button,
.site-page button:not(.primary):not(.wallet-card):not(.ft-tab),
body.launch-workspace #miniLaunch .ml-btn:not(.ml-primary),
#miniLaunch :is(.ml-segment,.ml-quick,.ml-guide-nav,.mp-header-actions) button:not(.ml-primary),
.et-button:not(.et-primary),
.wallet-options>button,.wallet-actions button,#globalWalletNetworks button,
.lp-toolbar .lp-filters button,.site-page .lp-networks button,.lp-card-actions a.lp-action:not(.lp-swap)):hover:not(:disabled){filter:brightness(1.12)!important}
:is(.global-wallet-button,
.site-page button:not(.primary):not(.wallet-card):not(.ft-tab),
body.launch-workspace #miniLaunch .ml-btn:not(.ml-primary),
#miniLaunch :is(.ml-segment,.ml-quick,.ml-guide-nav,.mp-header-actions) button:not(.ml-primary),
.et-button:not(.et-primary),
.wallet-options>button,.wallet-actions button,#globalWalletNetworks button,
.lp-toolbar .lp-filters button,.site-page .lp-networks button):active:not(:disabled){
  transform:translateY(1px)!important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.6)!important;
}

/* The chosen option of a group lights its rim green. */
:is(.site-page button,#miniLaunch .ml-segment button,.lp-toolbar .lp-filters button,.site-page .lp-networks button)[aria-pressed="true"],
.fast-token-detail .ft-tab[aria-selected="true"],
.global-wallet-button.is-connected{
  color:#eafff4!important;
  background:
    linear-gradient(180deg,rgba(0,255,135,.14),rgba(0,255,135,0) 60%) padding-box,
    linear-gradient(180deg,#2a3530,#18201c) padding-box,
    linear-gradient(180deg,#b6ffdc,#0bbd6e 45%,#065c36 70%,#5affb3) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px -10px rgba(0,255,135,.5)!important;
}

/* Tabs of a token page: a quiet steel plate until chosen. */
.fast-token-detail .ft-tab{
  border:1px solid transparent!important;border-radius:11px!important;color:#cfd5da!important;
  background:linear-gradient(180deg,#252a2f,#191c20) padding-box,linear-gradient(180deg,#7c838b,#2b2f34 60%,#5d646b) border-box!important;
}

/* Disabled: the metal dims instead of disappearing. */
:is(.site-page button,.site-page a.primary,#fastLaunch button,#miniLaunch .ml-btn,.et-button,.wallet-card):disabled,
:is(.site-page button,#fastLaunch button,#miniLaunch .ml-btn)[aria-disabled="true"]{
  filter:grayscale(.85) brightness(.62)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;
}

/* Visible keyboard focus on every metal control. */
:is(.site-page button,.site-page a.primary,#miniLaunch .ml-btn,#miniLaunch button,.et-button,.global-wallet-button,
.wallet-options>button,.wallet-actions button,.wallet-card,.lp-rail a.lp-rail-create):focus-visible{
  outline:2px solid #7dffc4!important;outline-offset:2px!important;
}

/* ---------- Plates: facts shown about a token ---------- */
.fast-chip,.lp-badge,.et-mini-tag,.fast-facts>span{
  color:#d3d8dc!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7)!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#2b3035,#1c1f23) padding-box,linear-gradient(180deg,#9aa1a8,#2c3035 55%,#5d646b) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* ---------- Network selectors: steel, with the network logo and a chevron ---------- */
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]){
  -webkit-appearance:none!important;appearance:none!important;
  color:#eef1f3!important;
  border:1px solid #6b727a!important;
  border-radius:14px!important;
  padding-right:40px!important;
  background-color:#24282d!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),
    linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;
  background-position:right 14px center,0 0,0 0!important;
  background-size:12px 12px,100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.6),0 10px 22px -12px rgba(0,0,0,.9)!important;
}
body.launch-workspace #cadenaFactory:has(option[value=all]:checked){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:right 14px center,0 0,0 0!important;background-size:12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]) option{background:#1d2125;color:#eef1f3}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="robinhood"]:checked){background-image:url('assets/networks/robinhood.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="bnb"]:checked){background-image:url('assets/networks/bnb.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="base"]:checked){background-image:url('assets/networks/base.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="hyperevm"]:checked){background-image:url('assets/networks/hyperevm-badge.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="arc"]:checked){background-image:url('assets/networks/arc.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}
body.launch-workspace :is(#crChain,#cadenaFactory,#fl-network,#solCreate select[name=chain],select[data-fs=network]):has(option[value="solana"]:checked){background-image:url('assets/networks/solana.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%),linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21)!important;background-position:12px center,right 14px center,0 0,0 0!important;background-size:24px 24px,12px 12px,100% 100%,100% 100%!important}

/* ---------- Wallet cards: every installed wallet with its own logo ---------- */
.wallet-cards,#globalEvmChoices{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;width:100%;flex:1 1 100%}
#globalEvmChoices:empty{display:none}
#globalEvmChoices{margin-top:12px}
button.wallet-card{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  width:auto!important;height:auto!important;min-height:0!important;padding:16px 10px 14px!important;
  border:1px solid transparent!important;border-radius:16px!important;cursor:pointer;
  color:#eef1f3!important;text-shadow:0 1px 0 rgba(0,0,0,.6)!important;font:600 14px/1.2 'Space Grotesk',sans-serif!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%) padding-box,
    linear-gradient(180deg,#22272c,#15181b) padding-box,
    linear-gradient(180deg,#c9cfd4,#3a3f45 45%,#20242a 70%,#7d848b) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 26px -16px rgba(0,0,0,.95)!important;
  transition:transform .08s ease,filter .12s ease!important;
}
button.wallet-card:is(:hover,.is-selected){
  background:
    linear-gradient(180deg,rgba(0,255,135,.12),rgba(0,255,135,0) 60%) padding-box,
    linear-gradient(180deg,#22272c,#15181b) padding-box,
    linear-gradient(180deg,#b6ffdc,#0bbd6e 45%,#065c36 70%,#5affb3) border-box!important;
}
button.wallet-card:active{transform:translateY(1px)!important}
.wallet-card img,.wallet-card-mono{width:40px;height:40px;border-radius:11px;object-fit:contain;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.wallet-card-mono{display:grid;place-items:center;background:linear-gradient(135deg,#59616a,#2c3136);font:700 17px/1 'Space Grotesk',sans-serif;color:#fff}
.wallet-card strong{font-weight:600}
.wallet-card-found{display:flex;align-items:center;gap:6px;font:500 12px/1 'Space Grotesk',sans-serif;color:#8ff5c4}
.wallet-card-found::before{content:"";width:7px;height:7px;border-radius:50%;background:#00ff87;box-shadow:0 0 8px #00ff87}
.wallet-empty{margin:0;color:#aab1b7;font-size:14px;line-height:1.5;max-width:60ch}

/* ---------- Header: menu button and language switch ---------- */
.nav-burger{
  color:#eef1f3!important;border:1px solid transparent!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 46%) padding-box,linear-gradient(180deg,#3a4047,#23272c 56%,#1a1d21) padding-box,linear-gradient(180deg,#e9eef1,#7c838b 38%,#2b2f34 62%,#a1a8af) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px -12px rgba(0,0,0,.9)!important;
}
.language-selector{
  border:1px solid transparent!important;border-radius:14px!important;
  background:linear-gradient(180deg,#1f2327,#141619) padding-box,linear-gradient(180deg,#9aa1a8,#2c3035 55%,#5d646b) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.language-selector :is(#btnES,#btnEN){color:#c9cfd4!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 1px 0 rgba(0,0,0,.6)!important}
.language-selector :is(#btnES,#btnEN):is(.active,[aria-pressed="true"],.is-active){
  color:#03230f!important;text-shadow:0 1px 0 rgba(255,255,255,.3)!important;border-radius:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.05) 48%,rgba(0,0,0,.07) 52%,rgba(0,0,0,0) 100%),linear-gradient(180deg,#3dfca2,#12dc82 50%,#0aa964)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 14px -8px rgba(0,255,135,.6)!important;
}

/* ---------- Other selectors in the launch forms: steel with a chevron ---------- */
:is(#fastLaunch,#miniLaunch) select:not(#fl-network):not(#crChain):not(#cadenaFactory):not([name=chain]):not([data-fs=network]){
  -webkit-appearance:none!important;appearance:none!important;color:#eef1f3!important;
  border:1px solid #5b6168!important;border-radius:12px!important;padding-right:38px!important;
  background-color:#202428!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23cfd4d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 46%),linear-gradient(180deg,#30353b,#1e2125)!important;
  background-position:right 13px center,0 0,0 0!important;background-size:12px 12px,100% 100%,100% 100%!important;background-repeat:no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.6)!important;
}
:is(#fastLaunch,#miniLaunch) select option{background:#1d2125;color:#eef1f3}

@media (prefers-reduced-motion:reduce){
  :is(.site-page button,.site-page a.primary,#miniLaunch .ml-btn,.et-button,.global-wallet-button,.wallet-card,.lp-rail a.lp-rail-create){transition:none!important}
}

/* TRUEQ plan: breathing room between the launch facts. */
.et-trueq-section .et-token-layout p+p{margin-top:12px}

/* Launchpad: each modality says what it is, right where the tokens are listed. */
.lp-filters button.lp-mode{display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 14px!important;min-width:170px;text-align:left;line-height:1.15}
.lp-filters button.lp-mode strong{font-weight:700;font-size:13.5px}
.lp-filters button.lp-mode small{font-weight:500;font-size:12px;color:#b9c1c7;text-shadow:none}
.lp-filters button.lp-mode[aria-pressed="true"] small{color:#c9ffe4}
@media (max-width:760px){.lp-filters{flex-wrap:wrap}.lp-filters button.lp-mode{flex:1 1 calc(50% - 6px);min-width:0}}

/* Token page: buy or sell straight against the pool. */
.fast-trade h2{margin:0 0 12px}
.fast-trade-tabs{display:flex;gap:8px;margin-bottom:12px}
.fast-trade-tabs button{flex:1}
#fastLaunch .fast-trade .fast-trade-tabs button[aria-pressed="true"],.fast-trade-tabs button[aria-pressed="true"]{color:#04140c!important;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 48%,rgba(0,0,0,.07) 52%,rgba(0,0,0,0)) padding-box,linear-gradient(180deg,#3dfca2,#12dc82 50%,#0aa964) padding-box,linear-gradient(180deg,#d9ffee,#2ef59a 35%,#067a45 70%,#7dffc4) border-box!important}
.fast-trade-amount{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.fast-trade-amount span{color:#9aa3aa;font-size:13px;white-space:nowrap}
.fast-trade-amount input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font-size:20px;font-weight:600;text-align:right}
.fast-trade-amount b{font-size:14px}
#fl-trade-go{width:100%;margin-top:6px}