/* Shared OrcAgent mobile bottom navigation */
/* Every route uses the same self-contained shell sizing, including pages
   without Home's global border-box reset. */
.oa-bottom-nav,.oa-bottom-nav *,.oa-app-menu,.oa-app-menu *,.oa-wallet-actions,.oa-wallet-actions *{box-sizing:border-box}
@media(max-width:768px){
  /* Root elements must not become containing blocks for fixed app chrome.
     Animate/contain inner surfaces instead; the dock belongs to the viewport. */
  html,body{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;perspective:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:none!important;will-change:auto!important;content-visibility:visible!important}
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
  #mobile-nav,#mob-bottom-nav{display:none!important}
  .pt-nb-menu-btn{display:none!important}
  /* One physical footer box, including the iPhone home-indicator safe area.
     content-box used to add the inset outside the height and make the footer
     appear detached / clipped on certain iOS and Android viewport sizes. */
  .oa-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;margin:0!important;z-index:1200;transform:none!important;visibility:visible!important;opacity:1!important;height:calc(72px + env(safe-area-inset-bottom,0px))!important;min-height:calc(72px + env(safe-area-inset-bottom,0px))!important;padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px))!important;background:#080d12;border-top:1px solid #17202a;display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:start;gap:4px;box-sizing:border-box!important;overflow:visible}
/* iPhone can draw a fixed bar above the real bottom (Safari's toolbar collapsing, a keyboard geometry it keeps, rubber-band scrolling). The bar's own background continues far below its edge: docked it is off-screen, lifted it fills the gap, so the page never shows underneath and the menu never looks detached. */
.oa-bottom-nav::after{content:'';position:absolute;left:0;right:0;top:100%;height:100vh;background:inherit;pointer-events:auto}
  .oa-bottom-nav a,.oa-bottom-nav button{appearance:none;-webkit-appearance:none;border:0;background:none;color:#8b95a3;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:54px;font:600 10px/1.1 Geist,system-ui,sans-serif;letter-spacing:-.01em;padding:0;cursor:pointer}
  .oa-bottom-nav svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .oa-bottom-nav .active{color:#f7b955}
  .oa-bottom-nav .oa-trade-main{position:relative;align-self:start;width:62px;height:62px;margin-top:-18px;border-radius:50%;background:#f7b955;color:#11161b;border:3px solid #080d12;box-shadow:0 0 0 1px rgba(247,185,85,.14),0 10px 26px rgba(0,0,0,.36);display:flex;align-items:center;justify-content:center;padding:0}
  .oa-bottom-nav .oa-trade-main svg{width:29px;height:29px;stroke-width:1.8}
  .oa-bottom-nav .oa-trade-main span{position:absolute;top:57px;color:#8b95a3;font-size:10px;font-weight:600;white-space:nowrap}
  .oa-bottom-nav .oa-trade-main.active span{color:#f7b955}
  .oa-bottom-nav .oa-wallet-main{background:#f7b955;color:#11161b}
  .oa-bottom-nav .oa-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .oa-bottom-nav .oa-menu-btn{font:600 10px/1.1 Geist,system-ui,sans-serif}

  /* A trade is a focused full-screen flow: keep app navigation out of its way. */
  body.oa-live-v2 .pt-sheet{padding-bottom:env(safe-area-inset-bottom,0px)!important;z-index:1300!important}
  body.oa-trade-sheet-open .oa-bottom-nav{display:none!important}
  body.oa-trade-sheet-open{padding-bottom:0!important;overflow:hidden!important}
  body.oa-portfolio .wlt-center{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}

  /* Portfolio-specific action sheet opened by the large center button. */
  .oa-wallet-actions{position:fixed;inset:0;z-index:1400;pointer-events:none;visibility:hidden}
  .oa-wallet-actions.open{pointer-events:auto;visibility:visible}
  .oa-wallet-scrim{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.62)!important;border:0!important;padding:0!important;opacity:0;transition:opacity .18s ease;display:block!important}
  .oa-wallet-actions.open .oa-wallet-scrim{opacity:1}
  .oa-wallet-sheet{position:absolute;left:0;right:0;bottom:0;background:#0b1117;border:1px solid #1a232d;border-bottom:0;border-radius:24px 24px 0 0;padding:9px 18px calc(28px + env(safe-area-inset-bottom,0px));transform:translateY(104%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:0 -18px 50px rgba(0,0,0,.38)}
  .oa-wallet-actions.open .oa-wallet-sheet{transform:translateY(0)}
  .oa-wallet-grab{width:42px;height:4px;border-radius:999px;background:#26313d;margin:1px auto 17px}
  .oa-wallet-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
  .oa-wallet-sheet-head>div{display:flex;flex-direction:column;gap:4px}
  .oa-wallet-sheet-head strong{font:750 20px/1.1 Geist,system-ui,sans-serif;color:#eef1f5;letter-spacing:-.025em}
  .oa-wallet-sheet-head span{font:500 12px/1.3 Geist,system-ui,sans-serif;color:#77808e}
  .oa-wallet-close{width:36px!important;height:36px!important;border:1px solid #202a35!important;border-radius:11px!important;background:#0d141c!important;color:#a7b0bc!important;font:400 26px/1 Geist,system-ui,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
  .oa-wallet-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .oa-wallet-action-grid button{min-height:112px;border:1px solid #1d2834;border-radius:17px;background:#0d141c;color:#eef1f5;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;text-align:left;font-family:Geist,system-ui,sans-serif}
  .oa-wallet-action-grid button:active{transform:scale(.985);background:#101923}
  .oa-wallet-action-grid svg{width:29px;height:29px;stroke:#f7b955;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:7px}
  .oa-wallet-action-grid strong{font-size:15px;line-height:1.1;color:#eef1f5}
  .oa-wallet-action-grid span{font-size:11px;line-height:1.2;color:#77808e}
  html.oa-wallet-actions-open,html.oa-wallet-actions-open body{overflow:hidden!important}

  /* Standalone app menu. It replaces the hidden legacy top hamburger instead
     of asking the bottom button to click a control the user cannot see. */
  .oa-app-menu{position:fixed;inset:0;z-index:1450;visibility:hidden;pointer-events:none}
  .oa-app-menu.open{visibility:visible;pointer-events:auto}
  .oa-app-menu-scrim{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(0,0,0,.66)!important;display:block!important;padding:0!important;opacity:0;transition:opacity .16s ease}
  .oa-app-menu.open .oa-app-menu-scrim{opacity:1}
  .oa-app-menu-sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(72dvh,620px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0b1117;border:1px solid #1a232d;border-bottom:0;border-radius:24px 24px 0 0;padding:9px 16px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(102%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .oa-app-menu.open .oa-app-menu-sheet{transform:translateY(0)}
  .oa-app-menu-grab{width:42px;height:4px;border-radius:999px;background:#26313d;margin:1px auto 15px}
  .oa-app-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:0 2px}
  .oa-app-menu-head strong{font:750 20px/1 Geist,system-ui,sans-serif;color:#eef1f5;letter-spacing:-.025em}
  .oa-app-menu-close{appearance:none!important;width:36px!important;height:36px!important;border:1px solid #202a35!important;border-radius:11px!important;background:#0d141c!important;color:#a7b0bc!important;font:400 25px/1 Geist,system-ui,sans-serif!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .oa-app-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .oa-app-menu-item{min-width:0;min-height:52px!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 13px!important;border:1px solid #1a232d!important;border-radius:13px!important;background:#0d141c!important;color:#b8c0cb!important;text-decoration:none!important;font:650 13px/1.2 Geist,system-ui,sans-serif!important;text-align:left!important}
  .oa-app-menu-item>span{min-width:0;overflow-wrap:anywhere}
  .oa-app-menu-item.current{border-color:rgba(247,185,85,.32)!important;color:#f7b955!important;background:rgba(247,185,85,.07)!important}
  .oa-app-menu-item.danger{grid-column:1/-1;color:#ff6b78!important;border-color:rgba(255,107,120,.18)!important}
  .oa-app-menu-item svg{width:19px!important;height:19px!important;flex:0 0 19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .oa-app-menu-sep{grid-column:1/-1;height:1px;background:#17202a;margin:3px 0}
  html.oa-app-menu-open,html.oa-app-menu-open body{overflow:hidden!important;overscroll-behavior:none!important}
}
@media(min-width:769px){.oa-bottom-nav,.oa-wallet-actions,.oa-app-menu{display:none!important}}