/*
  ZerpSwap machined-glass surface layer.
  Presentation only: loaded last on public pages so existing IDs, layouts, and
  interaction code remain the source of truth.
*/
:root{
  --mg-bg:#070a0f;
  --mg-chassis:#111821;
  --mg-chassis-deep:#0a1017;
  --mg-glass:rgba(18,28,39,.78);
  --mg-glass-deep:rgba(8,14,22,.88);
  --mg-edge:rgba(161,190,214,.22);
  --mg-edge-bright:rgba(82,224,255,.52);
  --mg-edge-soft:rgba(82,224,255,.16);
  --mg-text:#f2f7fb;
  --mg-muted:#91a4b5;
  --mg-cyan:#52e0ff;
  --mg-mint:#61f1c3;
  --mg-red:#ff7186;
  --mg-shadow:0 24px 60px rgba(0,0,0,.34),0 4px 14px rgba(0,0,0,.22);
  --mg-inner:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.42);
}

html{background:var(--mg-bg)!important}
body.machined-glass-theme{
  position:relative;
  isolation:isolate;
  overflow-x:hidden!important;
  background:
    radial-gradient(900px 460px at 50% -15%,rgba(82,224,255,.12),transparent 68%),
    radial-gradient(600px 340px at 8% 18%,rgba(97,241,195,.07),transparent 70%),
    linear-gradient(180deg,#0a0e14 0%,#06090e 54%,#04070b 100%)!important;
  color:var(--mg-text)!important;
}
body.machined-glass-theme::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-linear-gradient(102deg,rgba(255,255,255,.026) 0 1px,transparent 1px 11px),
    linear-gradient(rgba(82,224,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,224,255,.018) 1px,transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
body.machined-glass-theme::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  box-shadow:inset 0 0 160px rgba(0,0,0,.58);
}

body.machined-glass-theme.mode-tokens .app,
body.machined-glass-theme.zerps-trade-shell .app,
body.machined-glass-theme.wallet-radar-page .app{
  position:relative!important;
  width:min(1540px,calc(100% - 24px))!important;
  max-width:1540px!important;
  margin:12px auto 24px!important;
  padding:14px 16px 34px!important;
  border:1px solid rgba(161,190,214,.16)!important;
  border-radius:28px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),transparent 18%,transparent 82%,rgba(82,224,255,.035)),
    linear-gradient(180deg,rgba(17,25,34,.76),rgba(7,12,18,.84))!important;
  box-shadow:var(--mg-shadow),var(--mg-inner)!important;
}
body.machined-glass-theme .app>*{min-width:0}

/* Header chassis and shared navigation */
body.machined-glass-theme.mode-tokens .embed-meta,
body.machined-glass-theme.zerps-trade-shell .embed-meta,
body.machined-glass-theme.wallet-radar-page .embed-meta{
  position:relative!important;
  z-index:5!important;
  min-height:74px!important;
  padding:9px 12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-areas:"brand tabs controls"!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid var(--mg-edge)!important;
  border-radius:20px!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.075),transparent 22%,transparent 78%,rgba(82,224,255,.07)),
    linear-gradient(180deg,rgba(29,40,51,.88),rgba(10,16,23,.94))!important;
  box-shadow:var(--mg-shadow),var(--mg-inner)!important;
}
body.machined-glass-theme .embed-meta::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--mg-cyan),transparent);
  opacity:.52;
  pointer-events:none;
}
body.machined-glass-theme.mode-tokens .embed-brand,
body.machined-glass-theme.zerps-trade-shell .embed-brand,
body.machined-glass-theme.wallet-radar-page .embed-brand{grid-area:brand!important}
body.machined-glass-theme.mode-tokens .tabbar,
body.machined-glass-theme.zerps-trade-shell .tabbar,
body.machined-glass-theme.wallet-radar-page .tabbar{
  grid-area:tabs!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
}
body.machined-glass-theme.mode-tokens .tab-btn,
body.machined-glass-theme.zerps-trade-shell .tab-btn,
body.machined-glass-theme.wallet-radar-page .tab-btn{
  min-width:92px!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border:1px solid rgba(161,190,214,.24)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(44,57,69,.72),rgba(16,24,32,.86))!important;
  color:#c8d5df!important;
  font-family:inherit!important;
  font-size:12px!important;
  letter-spacing:.07em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.machined-glass-theme.mode-tokens .tab-btn:hover,
body.machined-glass-theme.zerps-trade-shell .tab-btn:hover,
body.machined-glass-theme.wallet-radar-page .tab-btn:hover{border-color:var(--mg-edge-bright)!important;color:#fff!important}
body.machined-glass-theme.mode-tokens .tab-btn.active,
body.machined-glass-theme.zerps-trade-shell .tab-btn.active,
body.machined-glass-theme.wallet-radar-page .tab-btn.active{
  border-color:var(--mg-cyan)!important;
  background:linear-gradient(180deg,rgba(38,111,130,.92),rgba(18,47,63,.96))!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(82,224,255,.16),var(--mg-inner)!important;
}
body.machined-glass-theme.mode-tokens .header-controls,
body.machined-glass-theme.zerps-trade-shell .header-controls,
body.machined-glass-theme.wallet-radar-page .header-controls{grid-area:controls!important}

body.machined-glass-theme .embed-logo-wrap{
  border:1px solid rgba(161,190,214,.35)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#354451,#111b25)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body.machined-glass-theme .embed-logo{border-radius:11px!important}
body.machined-glass-theme .embed-brand-name{
  color:#f4f8fb!important;
  letter-spacing:.055em!important;
  text-shadow:0 1px 0 #000,0 0 18px rgba(82,224,255,.18)!important;
}
body.machined-glass-theme .site-slogan,
body.machined-glass-theme .partner-powered-by{
  border-color:rgba(82,224,255,.28)!important;
  background:linear-gradient(90deg,rgba(82,224,255,.10),rgba(97,241,195,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.machined-glass-theme .header-search-wrap{
  border-color:rgba(161,190,214,.28)!important;
  border-radius:11px!important;
  background:rgba(5,10,15,.76)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.48)!important;
}
body.machined-glass-theme .header-search-btn{
  border-left-color:rgba(161,190,214,.18)!important;
  background:linear-gradient(180deg,rgba(46,65,78,.72),rgba(17,28,38,.9))!important;
}
body.machined-glass-theme .top-wallet-chip{
  border-color:rgba(97,241,195,.42)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(39,67,69,.86),rgba(14,29,34,.94))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Shared glass surfaces */
body.machined-glass-theme .tokens-panel,
body.machined-glass-theme .signal-intel-panel,
body.machined-glass-theme .card,
body.machined-glass-theme .stalk-panel,
body.machined-glass-theme .stalk-search-card,
body.machined-glass-theme .escrow-card,
body.machined-glass-theme .security-hero,
body.machined-glass-theme .security-page .card,
body.machined-glass-theme .terms-hero,
body.machined-glass-theme .section,
body.machined-glass-theme .about-hero,
body.machined-glass-theme .about-card,
body.machined-glass-theme .embed-chart-shell,
body.machined-glass-theme .embed-chart,
body.machined-glass-theme .token-intel-card,
body.machined-glass-theme .wallet-modal,
body.machined-glass-theme .base-picker-modal,
body.machined-glass-theme .launch-success-card,
body.machined-glass-theme .token-wallet-picker-menu{
  border-color:var(--mg-edge)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),transparent 30%),
    linear-gradient(180deg,var(--mg-glass),var(--mg-glass-deep))!important;
  box-shadow:var(--mg-shadow),var(--mg-inner)!important;
}
body.machined-glass-theme .tokens-head,
body.machined-glass-theme .card-head,
body.machined-glass-theme .stalk-panel-head,
body.machined-glass-theme .embed-chart-head,
body.machined-glass-theme .tokens-change-top,
body.machined-glass-theme .tokens-swap-top{
  border-bottom-color:rgba(161,190,214,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0))!important;
}
body.machined-glass-theme input,
body.machined-glass-theme select,
body.machined-glass-theme textarea,
body.machined-glass-theme .tokens-search,
body.machined-glass-theme .stalk-input{
  border-color:rgba(161,190,214,.25)!important;
  border-radius:11px!important;
  background:rgba(3,8,13,.78)!important;
  color:var(--mg-text)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.44)!important;
}
body.machined-glass-theme input:focus,
body.machined-glass-theme select:focus,
body.machined-glass-theme textarea:focus,
body.machined-glass-theme .tokens-search:focus,
body.machined-glass-theme .stalk-input:focus{
  border-color:var(--mg-cyan)!important;
  box-shadow:0 0 0 3px rgba(82,224,255,.11),inset 0 1px 4px rgba(0,0,0,.44)!important;
}
body.machined-glass-theme button,
body.machined-glass-theme .btn,
body.machined-glass-theme .btnPrimary,
body.machined-glass-theme .stalk-btn,
body.machined-glass-theme .home-btn{
  border-radius:11px!important;
  border-color:rgba(161,190,214,.28)!important;
  background:linear-gradient(180deg,rgba(54,71,84,.86),rgba(18,29,39,.94))!important;
  color:#eaf4f8!important;
  box-shadow:0 7px 16px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.machined-glass-theme button:hover,
body.machined-glass-theme .btn:hover,
body.machined-glass-theme .stalk-btn:hover,
body.machined-glass-theme .home-btn:hover{
  border-color:var(--mg-edge-bright)!important;
  transform:translateY(-1px);
}
body.machined-glass-theme .btnPrimary,
body.machined-glass-theme .stalk-btn:not(.secondary),
body.machined-glass-theme .tokens-search-submit{
  border-color:rgba(97,241,195,.54)!important;
  background:linear-gradient(180deg,#27bfa2,#167e78)!important;
  color:#edfffb!important;
}
body.machined-glass-theme button:active,
body.machined-glass-theme .btn:active{transform:translateY(0)}

/* Market surfaces and token table */
body.machined-glass-theme .shared-market-strip,
body.machined-glass-theme .tokens-ticker,
body.machined-glass-theme .current-wallet-notice,
body.machined-glass-theme .tokens-ticker-viewport{
  border-color:rgba(161,190,214,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(25,36,46,.66),rgba(7,13,20,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.machined-glass-theme .tokens-table-wrap{background:rgba(3,8,13,.36)!important}
body.machined-glass-theme .tokens-table thead th{
  background:linear-gradient(180deg,#263641,#141f29)!important;
  color:#a9bfcc!important;
  border-bottom-color:rgba(161,190,214,.26)!important;
  letter-spacing:.11em!important;
}
body.machined-glass-theme .tokens-table tbody tr{
  background:rgba(10,18,26,.58)!important;
  border-bottom-color:rgba(161,190,214,.10)!important;
}
body.machined-glass-theme .tokens-table tbody tr:nth-child(even){background:rgba(19,29,38,.48)!important}
body.machined-glass-theme .tokens-table tbody tr:hover{background:rgba(82,224,255,.08)!important}
body.machined-glass-theme .tokens-chip,
body.machined-glass-theme .tokens-search-submit{
  border-color:rgba(161,190,214,.25)!important;
  border-radius:10px!important;
}
body.machined-glass-theme .tokens-chip.active{
  border-color:var(--mg-cyan)!important;
  background:linear-gradient(180deg,rgba(43,116,135,.82),rgba(21,53,67,.94))!important;
  box-shadow:0 0 14px rgba(82,224,255,.15),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.machined-glass-theme .signal-intel-trend,
body.machined-glass-theme .signal-flow-card,
body.machined-glass-theme .signal-intel-metrics>div,
body.machined-glass-theme .token-wallet-picker-row,
body.machined-glass-theme .wallet-card .wallet-row,
body.machined-glass-theme .wallet-meta,
body.machined-glass-theme .step-card,
body.machined-glass-theme .trust-stat,
body.machined-glass-theme .check{
  border-color:rgba(161,190,214,.17)!important;
  background:linear-gradient(145deg,rgba(32,47,58,.62),rgba(8,15,23,.76))!important;
}

/* Stalk, escrow and long-form pages */
body.machined-glass-theme .stalk-profile,
body.machined-glass-theme .escrow-hero{
  border-color:rgba(82,224,255,.40)!important;
  background:
    linear-gradient(115deg,rgba(82,224,255,.13),transparent 38%),
    linear-gradient(135deg,#1e3440,#101e29 58%,#0b141d)!important;
  box-shadow:0 26px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.machined-glass-theme .stalk-main-tab.active,
body.machined-glass-theme .stalk-subtab.active{background:linear-gradient(180deg,#2b414d,#172732)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
body.machined-glass-theme .asset-row,
body.machined-glass-theme .tx-row{border-bottom-color:rgba(161,190,214,.10)!important}
body.machined-glass-theme .asset-row:nth-child(even){background:rgba(24,37,47,.44)!important}
body.machined-glass-theme .tx-title,
body.machined-glass-theme .asset-symbol{color:#f4f8fb!important}
body.machined-glass-theme .escrow-step-column .step-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
body.machined-glass-theme .step-num{background:linear-gradient(135deg,#61f1c3,#36b9d8)!important;box-shadow:0 0 18px rgba(82,224,255,.18)!important}
body.machined-glass-theme .site-footer{
  border-color:rgba(161,190,214,.20)!important;
  background:linear-gradient(180deg,rgba(24,34,43,.76),rgba(7,12,18,.90))!important;
  box-shadow:var(--mg-shadow),var(--mg-inner)!important;
}

/* Modals and wallet picker should feel like the same physical surface. */
body.machined-glass-theme .tokens-change-dialog,
body.machined-glass-theme .tokens-swap-dialog,
body.machined-glass-theme .wallet-modal>div,
body.machined-glass-theme .wallet-picker-modal,
body.machined-glass-theme .wallet-picker-dialog{
  border-color:var(--mg-edge-bright)!important;
  background:linear-gradient(145deg,rgba(28,42,52,.98),rgba(6,12,19,.99))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
body.machined-glass-theme .tokens-change-backdrop,
body.machined-glass-theme .tokens-swap-backdrop,
body.machined-glass-theme .launch-success-modal{backdrop-filter:blur(9px)!important;background:rgba(1,5,9,.72)!important}

/* Private analytics uses a separate shell, so give it the same material. */
body.machined-glass-theme.analytics-page .shell{
  width:min(1480px,calc(100% - 28px));
  margin:12px auto;
  padding:14px 16px 42px;
  border:1px solid rgba(161,190,214,.16);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(17,25,34,.76),rgba(7,12,18,.88));
  box-shadow:var(--mg-shadow),var(--mg-inner);
}
body.machined-glass-theme.analytics-page .topbar,
body.machined-glass-theme.analytics-page .card,
body.machined-glass-theme.analytics-page .login-card,
body.machined-glass-theme.analytics-page .stat{
  border-color:var(--mg-edge)!important;
  background:linear-gradient(145deg,rgba(28,42,52,.76),rgba(7,14,22,.90))!important;
  box-shadow:var(--mg-shadow),var(--mg-inner)!important;
}
body.machined-glass-theme.analytics-page .topbar{padding:12px 14px;border-radius:18px}
body.machined-glass-theme.analytics-page .btn.active{border-color:var(--mg-cyan)!important;background:linear-gradient(180deg,rgba(43,116,135,.82),rgba(21,53,67,.94))!important}

@media(max-width:1180px){
  body.machined-glass-theme.mode-tokens .embed-meta,
  body.machined-glass-theme.zerps-trade-shell .embed-meta,
  body.machined-glass-theme.wallet-radar-page .embed-meta{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand controls" "tabs tabs"!important;
    gap:9px 12px!important;
  }
  body.machined-glass-theme .tabbar{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.machined-glass-theme .tabbar::-webkit-scrollbar{display:none}
  body.machined-glass-theme .tab-btn{min-width:96px!important}
}
@media(max-width:620px){
  body.machined-glass-theme.mode-tokens .app,
  body.machined-glass-theme.zerps-trade-shell .app,
  body.machined-glass-theme.wallet-radar-page .app{
    width:calc(100% - 10px)!important;
    margin:5px auto 14px!important;
    padding:8px 8px 24px!important;
    border-radius:20px!important;
  }
  body.machined-glass-theme.mode-tokens .embed-meta,
  body.machined-glass-theme.zerps-trade-shell .embed-meta,
  body.machined-glass-theme.wallet-radar-page .embed-meta{
    min-height:66px!important;
    padding:7px 8px!important;
    border-radius:16px!important;
  }
  body.machined-glass-theme .embed-brand-name{font-size:20px!important}
  body.machined-glass-theme .tab-btn{min-width:0!important;flex:1 1 auto!important;padding:8px 9px!important;font-size:10px!important}
  body.machined-glass-theme .tokens-panel,
  body.machined-glass-theme .card,
  body.machined-glass-theme .stalk-panel,
  body.machined-glass-theme .escrow-card,
  body.machined-glass-theme .security-hero,
  body.machined-glass-theme .terms-hero,
  body.machined-glass-theme .section{border-radius:15px!important}
  body.machined-glass-theme .tokens-head{padding:12px!important}
  body.machined-glass-theme .tokens-table{font-size:11px!important}
  body.machined-glass-theme .tokens-table th,
  body.machined-glass-theme .tokens-table td{padding-left:8px!important;padding-right:8px!important}
  body.machined-glass-theme .site-footer{border-radius:15px!important}
  body.machined-glass-theme.analytics-page .shell{width:calc(100% - 10px);margin:5px auto;padding:8px 8px 28px;border-radius:20px}
}

@media(prefers-reduced-motion:reduce){
  body.machined-glass-theme button:hover,
  body.machined-glass-theme .btn:hover,
  body.machined-glass-theme .stalk-btn:hover{transform:none}
}