/* BBAI checkout + holder presentation only. Functional ownership remains unchanged. */
/* Two equally sized rows; reserved tracks keep refreshes from moving cards. */
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-row-label{
  margin:16px 0 9px;color:#83eaff;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-card{
  display:grid;grid-template-rows:34px 56px 66px;align-content:start;gap:6px;
  min-width:0;padding:14px;border:1px solid rgba(117,220,255,.2);border-radius:12px;
  background:rgba(7,22,39,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-label{
  color:#9fcbe0;font-size:.68rem;line-height:1.5;font-weight:750;letter-spacing:.08em;text-transform:uppercase;
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-card strong{
  display:block;align-self:center;min-width:0;color:#f2fbff;font-size:clamp(.86rem,1.25vw,1.08rem);
  line-height:1.55;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-card small{
  display:block;min-width:0;color:#bed2dc;font-size:.69rem;line-height:1.5;overflow-wrap:anywhere;
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-card--bonus{
  border-color:rgba(255,112,210,.3);background:rgba(33,9,31,.58);
}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-card--bonus strong{color:#ffbce9}
@media(min-width:380px) and (max-width:575.98px){
  body.presale-page #mainnet-presale-preview-economics #mainnet-economics-bonus-value{font-size:.72rem;line-height:1.35}
}
body.presale-page #mainnet-presale-preview-economics #mainnet-economics-price{color:#7ff7ff}
body.presale-page #mainnet-presale-preview-economics .mainnet-economics-disclosure{
  margin:12px 0 0;color:#bed2dc;font-size:.7rem;line-height:1.65;
}
body.presale-page #buy-card-holder-status .buy-card-holder-status__item b{overflow-wrap:anywhere;white-space:normal!important}
@media(max-width:991.98px){
  body.presale-page #mainnet-presale-preview-economics .mainnet-economics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:379.98px){
  body.presale-page #mainnet-presale-preview-economics .mainnet-economics-grid{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:380px) and (max-width:575.98px){
  body.presale-page #mainnet-presale-preview-economics #mainnet-economics-total-allocation,
  body.presale-page #mainnet-presale-preview-economics #mainnet-economics-stage-remaining,
  body.presale-page #mainnet-presale-preview-economics #presale-total-bbai-remaining{
    font-size:.72rem;overflow-wrap:normal;word-break:normal;
  }
}
body.presale-page #presale-buy-card #presale-command-buy-pane{
  gap:0!important;
}

/* Payment method: one segmented Web3 selector. */
body.presale-page #presale-command-buy-pane>.d-flex.flex-wrap:has(#pay-method-label){
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center!important;
  gap:.8rem!important;
  width:100%;
  margin:0 0 1rem!important;
  padding:.72rem .82rem!important;
  border:1px solid rgba(92,218,255,.16);
  border-radius:15px;
  background:linear-gradient(90deg,rgba(43,214,255,.055),rgba(255,255,255,.018) 52%,rgba(214,72,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
body.presale-page #presale-buy-card #pay-method-label{
  width:auto!important;
  margin:0!important;
  color:#c6f7ff!important;
  font:850 .65rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
body.presale-page #presale-buy-card #buy-network-indicator{
  width:auto!important;
  margin:0!important;
  color:rgba(154,218,234,.7)!important;
  font:750 .58rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.1em;
  text-align:left!important;
}
body.presale-page #presale-buy-card .btn-group[aria-label="Pay method"]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(82px,1fr));
  gap:2px;
  padding:3px;
  border:1px solid rgba(102,220,248,.2);
  border-radius:12px;
  background:rgba(2,9,22,.78);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.45);
}
body.presale-page #presale-buy-card .pay-mode-label{
  min-height:40px!important;
  margin:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(180,218,233,.66)!important;
  box-shadow:none!important;
  font:850 .7rem/1 monospace!important;
  letter-spacing:.12em;
}
body.presale-page #presale-buy-card #pay-eth:checked+#pay-eth-label,
body.presale-page #presale-buy-card #pay-usdc:checked+#pay-usdc-label{
  color:#f3feff!important;
  background:linear-gradient(135deg,rgba(48,222,255,.2),rgba(89,132,255,.16),rgba(221,68,255,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 15px rgba(64,224,255,.12)!important;
}

/* Compact live wallet-status rail. */
body.presale-page #presale-buy-card #bbai-dev-qa-wallet-status{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(150px,.8fr) minmax(180px,1.2fr) minmax(150px,.8fr);
  grid-template-areas:"kicker title address network" "kicker lock lock lock";
  align-items:center;
  column-gap:1rem;
  row-gap:.2rem;
  width:100%;
  min-height:0!important;
  margin:0 0 1rem!important;
  padding:.72rem .9rem!important;
  overflow:hidden;
  border:1px solid rgba(75,225,255,.24)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(37,211,255,.075),rgba(4,13,29,.72) 43%,rgba(208,67,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 22px rgba(43,203,255,.035)!important;
}
body.presale-page #bbai-dev-qa-wallet-status[hidden]{display:none!important}
body.presale-page #bbai-dev-qa-wallet-status:before{opacity:.07!important}
body.presale-page #bbai-dev-qa-wallet-status .bbai-dev-qa-wallet-status__kicker{
  grid-area:kicker;
  display:flex;
  align-items:center;
  gap:.5rem;
  white-space:nowrap;
}
body.presale-page #bbai-dev-qa-wallet-status .bbai-dev-qa-wallet-status__kicker:before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#65efff;
  box-shadow:0 0 7px #54eaff,0 0 14px rgba(211,71,255,.42);
}
body.presale-page #bbai-dev-qa-wallet-title{grid-area:title;font-size:.78rem!important;white-space:nowrap}
body.presale-page #bbai-dev-qa-wallet-address{grid-area:address;font-size:.69rem!important;text-align:center}
body.presale-page #bbai-dev-qa-wallet-network{grid-area:network;font-size:.62rem!important;text-align:right}
body.presale-page #bbai-dev-qa-wallet-status .bbai-dev-qa-wallet-status__lock{
  grid-area:lock;
  margin:0!important;
  padding-top:.2rem;
  border-top:1px solid rgba(93,222,250,.09);
  font-size:.6rem!important;
  line-height:1.3!important;
}

/* Amount and expected output: a single transaction-entry instrument. */
body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start{
  gap:0!important;
  overflow:hidden;
  padding:0!important;
  border:1px solid rgba(94,219,248,.17);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(4,13,29,.67),rgba(3,8,21,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 34px rgba(0,0,0,.18);
}
body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start>.col-12{
  padding:0!important;
}
body.presale-page #presale-buy-card #buy-control-shell,
body.presale-page #presale-buy-card #buy-transaction-shell{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:1.1rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #presale-buy-card #buy-transaction-shell{
  border-left:1px solid rgba(92,221,250,.14)!important;
  background:linear-gradient(90deg,rgba(45,213,255,.02),rgba(207,69,255,.025))!important;
}
body.presale-page #buy-control-shell .buy-control-head{
  margin-bottom:.55rem!important;
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(94,219,248,.11);
}
body.presale-page #buy-control-shell .input-group.neon-input{
  min-height:64px;
  overflow:hidden;
  border:1px solid rgba(74,226,255,.3)!important;
  border-radius:13px!important;
  background:rgba(2,8,20,.78)!important;
  box-shadow:inset 0 2px 9px rgba(0,0,0,.46),0 0 15px rgba(55,218,255,.07)!important;
}
body.presale-page #buy-control-shell #buy-amount{
  font-size:1.55rem!important;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
body.presale-page #buy-control-shell #buy-amount-help{margin:.55rem 0 .7rem!important}
body.presale-page #buy-control-shell .buy-actions.buy-inline-cta{
  margin-top:auto!important;
  padding:.75rem 0 0!important;
  border:0!important;
  border-top:1px solid rgba(93,220,249,.11)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #presale-buy-card #buy-presale{
  width:100%!important;
  min-height:58px!important;
  border:1px solid rgba(107,239,255,.58)!important;
  border-radius:13px!important;
  color:#03121e!important;
  background:linear-gradient(100deg,#64f4ff,#78b8ff 52%,#eb72ff)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 18px rgba(66,228,255,.22),0 0 28px rgba(220,76,255,.13)!important;
  font-size:.86rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
body.presale-page #presale-buy-card #buy-presale:hover,
body.presale-page #presale-buy-card #buy-presale:focus-visible{
  box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 24px rgba(66,228,255,.3),0 0 34px rgba(220,76,255,.18)!important;
}

/* Checkout/action side: one surface, not nested cards. */
body.presale-page #presale-buy-card #eth-flow-panel,
body.presale-page #presale-buy-card #usdc-flow-panel{
  height:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #presale-buy-card .tx-panel-kicker{
  margin:0 0 .6rem!important;
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(94,220,249,.11);
}
body.presale-page #presale-buy-card .tx-elite-hero{
  display:flex!important;
  align-items:center;
  gap:.7rem;
  margin:0 0 .65rem;
}
body.presale-page #presale-buy-card .tx-elite-avatar-shell{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px;
  border-color:rgba(86,228,255,.3)!important;
  background:radial-gradient(circle,rgba(70,225,255,.13),rgba(12,17,38,.75))!important;
  box-shadow:0 0 16px rgba(62,222,255,.12)!important;
}
body.presale-page #presale-buy-card .usdc-elite-head,
body.presale-page #presale-buy-card .usdc-elite-main,
body.presale-page #presale-buy-card .usdc-receipt{
  padding:.7rem 0!important;
  border:0!important;
  border-bottom:1px solid rgba(94,220,249,.1)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #presale-buy-card .usdc-elite-head{padding-top:0!important}
body.presale-page #presale-buy-card .usdc-elite-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:.35rem 1rem;
}
body.presale-page #presale-buy-card .usdc-flow-state-title,
body.presale-page #presale-buy-card .usdc-flow-subtext,
body.presale-page #presale-buy-card .usdc-flow-guidance{grid-column:1}
body.presale-page #presale-buy-card .tx-estimate-value{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  margin:0!important;
  color:#c9faff!important;
  font-size:clamp(1.5rem,2.5vw,2.15rem)!important;
  text-align:right;
  text-shadow:0 0 10px rgba(70,230,255,.34),0 0 19px rgba(219,75,255,.13)!important;
}
body.presale-page #presale-buy-card .buy-tx-box{grid-column:1/-1;margin-top:.35rem!important}
body.presale-page #presale-buy-card .eth-buy-compact-shell{
  margin:.7rem 0!important;
  padding:.8rem 0!important;
  border:0!important;
  border-top:1px solid rgba(94,220,249,.11)!important;
  border-bottom:1px solid rgba(94,220,249,.11)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #presale-buy-card .eth-buy-compact-connect{min-height:48px!important}

/* Holder identity/status strip. */
body.presale-page #buy-card-holder-status{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);
  grid-template-areas:"head metrics" "copy metrics";
  align-items:center;
  gap:.55rem 1.1rem;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:.85rem 1rem!important;
  overflow:hidden;
  border:1px solid rgba(84,224,255,.23)!important;
  border-radius:16px!important;
  background:linear-gradient(105deg,rgba(41,213,255,.075),rgba(4,12,28,.78) 48%,rgba(211,70,255,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 26px rgba(67,181,255,.035)!important;
}
body.presale-page #buy-card-holder-status[hidden]{display:none!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__head{grid-area:head;align-items:center!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__orb{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px;
  border-color:rgba(92,234,255,.34)!important;
  box-shadow:0 0 16px rgba(62,225,255,.15),0 0 22px rgba(217,70,255,.08)!important;
}
body.presale-page #buy-card-holder-status .buy-card-holder-status__eyebrow{color:#83eeff!important;letter-spacing:.15em!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__title{font-size:.9rem!important;line-height:1.18!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__subtitle{font-size:.64rem!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__grid{
  grid-area:metrics;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(92,220,249,.12);
  border-radius:12px;
  background:rgba(2,9,21,.38);
}
body.presale-page #buy-card-holder-status .buy-card-holder-status__item{
  grid-column:auto!important;
  min-height:54px!important;
  padding:.6rem .7rem!important;
  border:0!important;
  border-right:1px solid rgba(93,220,249,.1)!important;
  border-bottom:1px solid rgba(93,220,249,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.presale-page #buy-card-holder-status .buy-card-holder-status__copy{
  grid-area:copy;
  margin:0!important;
  padding:.45rem 0 0!important;
  border:0!important;
  border-top:1px solid rgba(92,220,249,.1)!important;
  background:transparent!important;
  font-size:.63rem!important;
}

@media(max-width:767.98px){
  body.presale-page #presale-command-buy-pane{display:flex!important;flex-direction:column!important}
  body.presale-page #presale-command-buy-pane>.d-flex.justify-content-between{order:0}
  body.presale-page #presale-command-buy-pane>#presale-reserve-deal{order:1}
  body.presale-page #presale-command-buy-pane>.d-flex.flex-wrap:has(#pay-method-label){order:2}
  body.presale-page #presale-command-buy-pane>#bbai-dev-qa-wallet-status{order:3}
  body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start{order:4}
  body.presale-page #presale-command-buy-pane>.bbai-presale-note{order:5}
  body.presale-page #presale-command-buy-pane>#buy-connect-banner{order:6}
  body.presale-page #presale-command-buy-pane>#buy-mobile-secondary-switcher{order:7}
  body.presale-page #presale-command-buy-pane>#daily-purchases-card{order:8}
  body.presale-page #presale-command-buy-pane>.d-flex.flex-wrap:has(#pay-method-label){
    grid-template-columns:minmax(0,1fr) auto;
    gap:.6rem!important;
    padding:.72rem!important;
  }
  body.presale-page #presale-buy-card .btn-group[aria-label="Pay method"]{grid-column:1/-1;width:100%!important}
  body.presale-page #presale-buy-card #bbai-dev-qa-wallet-status{
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"kicker title" "address network" "lock lock";
    column-gap:.65rem;
    padding:.72rem!important;
  }
  body.presale-page #bbai-dev-qa-wallet-title{white-space:normal}
  body.presale-page #bbai-dev-qa-wallet-address{text-align:left}
  body.presale-page #bbai-dev-qa-wallet-network{text-align:right}
  body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start{display:block!important}
  body.presale-page #presale-buy-card #buy-control-shell,
  body.presale-page #presale-buy-card #buy-transaction-shell{padding:1rem!important}
  body.presale-page #presale-buy-card #buy-transaction-shell{
    border-left:0!important;
    border-top:1px solid rgba(92,221,250,.14)!important;
  }
  body.presale-page #presale-buy-card .usdc-elite-main{grid-template-columns:minmax(0,1fr)}
  body.presale-page #presale-buy-card .tx-estimate-value{
    grid-column:1;
    grid-row:auto;
    margin-top:.5rem!important;
    text-align:left;
  }
  body.presale-page #buy-card-holder-status{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"head" "metrics" "copy";
    padding:.8rem!important;
  }
  body.presale-page #buy-card-holder-status .buy-card-holder-status__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.presale-page #buy-card-holder-status .buy-card-holder-status__item{min-height:58px!important}
}
/* ETH/USDC preview shells size to content instead of matching the taller input/action column. */
@media(min-width:768px){
body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start{align-items:start!important}
body.presale-page #presale-command-buy-pane>.row.g-3.align-items-start>.col-12.col-md-6:last-child{
height:auto!important;align-self:start!important}
body.presale-page #presale-command-buy-pane #buy-transaction-shell{
height:auto!important;min-height:0!important;align-self:start!important;justify-content:flex-start!important}
body.presale-page #presale-command-buy-pane #buy-transaction-shell>#eth-flow-panel,
body.presale-page #presale-command-buy-pane #buy-transaction-shell>#usdc-flow-panel{
height:auto!important;min-height:0!important;align-self:start!important;align-content:start!important}
}
/* Keep the help launcher clear where the page has no spare side gutter. */
@media(max-width:1250px){
html body.presale-page #bai-clean-toggle{
position:static!important;display:block!important;
margin:1rem auto calc(1rem + env(safe-area-inset-bottom))!important;
}
}