/* Safe enhancement of the captured Katana trading interface.
   All styles are scoped; original exchange panels/TradingView iframe remain intact. */
html,body{overflow-x:hidden!important}
body{height:auto!important;min-height:100vh!important;overflow-y:auto!important;background:#080d19!important}
.bodyWrap{height:auto!important;min-height:100vh}
.MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0{height:100vh;min-height:720px}
#trading-chart{position:relative!important;overflow:hidden}
#trading-chart>iframe{display:block;width:100%;height:100%;border:0}
.kp-chart-status{position:absolute;right:12px;top:8px;z-index:3;background:rgba(7,11,23,.86);color:#95a3bb;padding:5px 9px;border:1px solid #28364d;border-radius:3px;font:10px Monda,monospace;max-width:42%;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-chart-status.live{color:#23c99a;border-color:#205d50}
.kp-live-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:#0d111d;z-index:2;color:#8994aa;font:11px Monda,monospace}
.kp-live-panel[hidden]{display:none!important}
.kp-live-bar{min-height:36px;flex:0 0 36px;border-bottom:1px solid #1b2638;display:flex;align-items:center;gap:12px;padding:0 12px}
.kp-live-tag{color:#00c9a7;white-space:nowrap}.kp-live-tag::before{content:'●';margin-right:5px}
.kp-periods{display:flex;flex-wrap:wrap;gap:3px}
.kp-periods button{color:#91a0b7;border:0;background:transparent;font:inherit;cursor:pointer;padding:5px 7px;border-radius:4px}
.kp-periods button.active,.kp-periods button:hover{background:#1e2b43;color:#fff}
.kp-live-bar .kp-live-title{margin-left:auto;color:#c8d1e0;font-size:11px}
.kp-live-plot{position:relative;min-height:240px;flex:1}
.kp-live-plot canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.kp-market-trigger{cursor:pointer;user-select:none;outline-offset:3px}
.kp-market-trigger:hover{filter:brightness(1.15)}
.kp-menu{z-index:100000;position:fixed;width:min(740px,calc(100vw - 16px));max-height:min(560px,80vh);overflow:hidden;display:flex;flex-direction:column;background:#101626;border:1px solid #35415a;border-radius:9px;box-shadow:0 20px 65px #000b;color:#dce3f4;font:12px Monda,monospace}
.kp-menu[hidden]{display:none!important}
.kp-menu-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #2b3447}
.kp-menu-head strong{font-size:14px;color:#f1f5ff}
.kp-menu-head input{flex:1;min-width:80px;background:#090e19;border:1px solid #39465d;color:#fff;border-radius:5px;padding:9px 10px;font:inherit}
.kp-menu-head button{border:none;color:#d3dbeb;background:transparent;cursor:pointer;font-size:19px}
.kp-menu-cols,.kp-market-row{display:grid;grid-template-columns:1.5fr repeat(5,1fr);align-items:center;gap:7px}
.kp-menu-cols{color:#71819c;padding:9px 12px;font-size:10px;text-transform:uppercase}
.kp-market-list{overflow-y:auto;min-height:0;max-height:465px}
.kp-market-row{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #202b40;color:#d4e0ef;cursor:pointer;font:inherit;padding:12px 12px;min-height:45px}
.kp-market-row:hover,.kp-market-row.active{background:#1d2d48}
.kp-market-row .kp-pair{display:flex;align-items:center;gap:6px;font-weight:600}
.kp-coin{width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--kp-coin,#206dce);font-size:7px}
.kp-up{color:#08c8a3}.kp-down{color:#eb5769}.kp-unavailable{color:#687995}
.kp-book-note{font-size:10px;color:#92a0b8;padding:4px 8px;background:#111a2c;border-bottom:1px solid #21314a}
.kp-book-note.live{color:#06c89d}
.kp-orderbook-updating .OrderBookRow__Row-sc-a2dc2v-0{transition:opacity .18s ease}
.BuySellPanelButton__Wrapper-sc-4zkc4y-0:hover .BuySellPanelButton__Overlay-sc-4zkc4y-1{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* The SEO section is after the preserved exchange root, never inside a trading panel. */
.katana-seo{position:relative;display:block;background:#090d16;color:#9ba7bd;border-top:1px solid #263047;font-family:Monda,monospace;min-height:500px;clear:both;z-index:1}
.katana-seo-inner{max-width:1170px;padding:54px 22px 70px;margin:0 auto}
.katana-seo-eyebrow{font-size:11px;color:#5c8aff;letter-spacing:.12em;margin-bottom:12px}
.katana-seo h1{font-size:30px;line-height:1.25;color:#f3f6fe;font-weight:700;margin:0 0 16px}
.katana-seo h2{font-size:19px;color:#f3f6fe;margin:12px 0}
.katana-seo p{font-size:13px;line-height:1.85;max-width:950px}
.katana-seo-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 32px}
.katana-seo-chips span{padding:7px 11px;background:#111b30;border:1px solid #2a364e;color:#c7d4e8;font-size:11px;border-radius:4px}
.katana-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.katana-seo-grid article{background:#101827;border:1px solid #243149;padding:20px;border-radius:7px}
.katana-seo-grid article strong{color:#5b9bff;font-size:11px}
.katana-seo-grid article p{font-size:12px;margin:6px 0 0}
.katana-faq{margin-top:42px}.katana-faq>h2{font-size:24px}
.katana-faq details{border-top:1px solid #26334d;padding:14px 0}
.katana-faq summary{color:#dbe3f1;cursor:pointer;font-size:13px}
.katana-faq details p{margin:10px 0 0;font-size:12px}
@media(max-width:920px){
 .MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0{min-height:900px;height:auto;display:block}
 .MainLayoutDesktop__Body-sc-1qh6fta-1{overflow:visible!important}
 .DashboardDesktop__MainGrid-sc-16flncg-0{height:auto!important;display:flex!important;flex-direction:column!important}
 .DashboardDesktop__ChartWrap-sc-16flncg-2{width:100%!important;min-height:480px!important}
 .DashboardDesktop__TradesAndOrderbookWrap-sc-16flncg-3{width:100%!important;min-height:440px!important}
 .DashboardDesktop__SidebarBlock-sc-16flncg-1{width:100%!important;min-height:620px!important}
 .MarketHeader__Wrapper-sc-y7vzg-0{height:auto!important;display:flex!important;flex-wrap:wrap}
 .MarketHeaderStats__DesktopWrap-sc-my9xzg-1{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
 .MarketHeaderStats__StatsBlock-sc-my9xzg-0{min-width:0!important}
 #trading-chart{min-height:420px}
 .katana-seo-grid{grid-template-columns:1fr}
 .kp-menu-cols,.kp-market-row{grid-template-columns:1.4fr .9fr .8fr .8fr}
 .kp-menu-cols>*:nth-child(n+5),.kp-market-row>*:nth-child(n+5){display:none}
}
@media(max-width:520px){
 .kp-live-bar{padding:0 6px;gap:5px}
 .kp-periods button{padding:5px 3px}
 .kp-live-bar .kp-live-title{display:none}
 .kp-market-row{font-size:11px}
 .MarketHeaderStats__DesktopWrap-sc-my9xzg-1{grid-template-columns:repeat(2,minmax(0,1fr))}
 .katana-seo h1{font-size:24px}
 .katana-seo-inner{padding:42px 16px}
}
/* Small-screen stabilization: stack market heading above the stats and retain wallet controls. */
@media (max-width:640px){
  .Header__Wrapper-sc-19voizg-0{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;max-width:100vw;padding:0 8px!important}
  .Header__MenuWrap-sc-19voizg-1{min-width:0;flex:0 0 auto}
  .HeaderMenu__Wrapper-sc-1qho8x7-0{display:none!important}
  .HeaderMenuWallet__Wrapper-sc-1psm9lw-0{display:flex!important;align-items:center!important;gap:7px;min-width:0}
  .HeaderMenuWallet__Wrapper-sc-1psm9lw-0>div:nth-child(2){display:none!important}
  .MarketHeader__Wrapper-sc-y7vzg-0{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-width:0;overflow:visible!important}
  .MarketHeader__TitleWrap-sc-y7vzg-1{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;min-width:0!important;min-height:40px!important;display:flex!important;align-items:center!important;padding:5px 10px!important}
  .MarketHeaderTitle__Heading-sc-1xsuepw-0{position:static!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;margin:0!important;font-size:15px!important;white-space:nowrap}
  .MarketHeaderStats__DesktopWrap-sc-my9xzg-1{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;align-items:stretch!important;padding:7px!important}
  .MarketHeaderStats__StatsBlock-sc-my9xzg-0{position:relative!important;left:auto!important;top:auto!important;min-width:0!important;overflow:hidden}
  .MarketHeaderStats__StatLabel-sc-my9xzg-4{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .MarketsTickersScreen__SidebarWrapper-sc-1ahs336-0{display:none!important}
  .kp-chart-status{max-width:55%;font-size:9px}
}
@media (max-width:640px){
 .Header__MenuWrap-sc-19voizg-1>nav{display:none!important}
 .HeaderChainLogo__Wrap-sc-e84mr4-0{display:flex!important;flex:0 0 auto}
 .HeaderMenuWallet__Wrapper-sc-1psm9lw-0{margin-left:auto!important;position:static!important;right:auto!important;max-width:70vw!important}
}

/* SEO LAYOUT INVARIANT: section must be visible below the full trading interface. */
body > section.katana-seo {display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; clear:both!important;}
body > .bodyWrap {height:auto!important; min-height:100vh;}

/* HARD FIX: this captured app originally locks html/#root/bodyWrap to 100dvh with overflow:hidden.
   Release the document flow so the permanent SEO section is scrollable below trading. */
html, body, #root, .bodyWrap {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
html, body { min-height: 100vh !important; }
body { overflow-y: auto !important; }
#root, .bodyWrap { position: relative !important; overflow: visible !important; }
.MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0 {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
  grid-template-rows: min-content var(--header-height) max-content minmax(680px, calc(100vh - 64px)) auto max-content !important;
  grid-template-areas: "notification-notice" "header" "banner-notice" "exchange-body" "seo" "footer" !important;
}
.MainLayoutDesktop__Body-sc-1qh6fta-1 {
  min-height: 680px !important;
}
.MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0 > .katana-seo {
  grid-area: seo !important;
  width: 100% !important;
  min-height: 500px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}
.MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0 > .Footer__Wrapper-sc-1o95xmy-0 {
  grid-area: footer !important;
  position: relative !important;
  z-index: 3 !important;
}
@media (max-width:920px){
  .MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0 {
    grid-template-rows: min-content var(--header-height) max-content auto auto max-content !important;
  }
  .MainLayoutDesktop__Body-sc-1qh6fta-1 { min-height: 0 !important; }
}
/* Interactive live chart controls */
.kp-live-plot{touch-action:none;user-select:none}
#kp-chart-canvas{cursor:crosshair}
.kp-chart-help{position:absolute;left:10px;bottom:6px;z-index:3;color:#596984;font:9px Monda,monospace;pointer-events:none;background:rgba(7,12,23,.68);padding:3px 5px;border-radius:3px}
@media(max-width:640px){.kp-chart-help{display:none}}