/* Canonical Stalk workspace layout. Loaded last to neutralize legacy experiments. */
body.stalk-page{
  --stalk-surface:#07111e;
  --stalk-card:#0a1726;
  --stalk-card-2:#0d1c2d;
  --stalk-border:rgba(126,174,216,.17);
  --stalk-accent:#55f5c2;
  --stalk-cyan:#2fd3ff;
}

body.stalk-page .app{
  width:min(100%,1480px)!important;
  max-width:1480px!important;
  padding:14px 18px 34px!important;
}

body.stalk-page .stalk-shell{
  width:100%!important;
  max-width:1380px!important;
  margin:0 auto!important;
  gap:12px!important;
}

body.stalk-page .stalk-command-deck{
  position:relative;
  z-index:4;
  margin:0!important;
}

body.stalk-page .stalk-search-card{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto!important;
  gap:8px!important;
  min-height:56px!important;
  padding:7px!important;
  border:1px solid var(--stalk-border)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(12,28,45,.97),rgba(5,15,27,.98))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
}

body.stalk-page .stalk-search-card .stalk-input{
  height:42px!important;
  padding:0 13px!important;
  border:1px solid rgba(126,174,216,.13)!important;
  border-radius:12px!important;
  background:#040c17!important;
  font-size:13px!important;
}

body.stalk-page .stalk-search-card .stalk-btn{
  width:auto!important;
  height:42px!important;
  min-width:122px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  background:linear-gradient(110deg,#1b8cae,#167a72)!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
}

body.stalk-page .stalk-status{
  grid-column:1/-1!important;
  min-height:0!important;
  margin:0 5px!important;
  font-size:10px!important;
  line-height:1.35!important;
}

body.stalk-page .stalk-workspace{
  display:grid!important;
  grid-template-columns:245px minmax(330px,.86fr) minmax(440px,1.14fr)!important;
  align-items:stretch!important;
  gap:12px!important;
  min-width:0!important;
}

body.stalk-page .stalk-profile-column,
body.stalk-page .stalk-left-column,
body.stalk-page .stalk-history-panel{
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}

body.stalk-page .stalk-profile-column{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

body.stalk-page .stalk-profile{
  display:flex!important;
  flex-direction:column!important;
  min-height:152px!important;
  height:auto!important;
  padding:15px!important;
  border:1px solid rgba(85,245,194,.22)!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 100% 0,rgba(47,211,255,.2),transparent 45%),linear-gradient(145deg,#123752,#0b2034 58%,#071522)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}

body.stalk-page .stalk-profile-top{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
}

body.stalk-page .stalk-address-pill{
  min-width:0!important;
  max-width:142px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  font-size:10px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.stalk-page .stalk-profile-tools{
  display:flex!important;
  gap:4px!important;
  margin-left:auto!important;
}

body.stalk-page .stalk-profile-tools .mini-link{
  min-height:28px!important;
  padding:0 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:rgba(3,12,23,.32)!important;
  color:#d8efff!important;
  font-size:8px!important;
}

body.stalk-page .stalk-profile-body{
  min-width:0!important;
  margin:17px 0 0!important;
  text-align:left!important;
}

body.stalk-page .stalk-label{
  margin:0 0 3px!important;
  color:#7f9bb5!important;
  font-size:8px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}

body.stalk-page .stalk-total{
  font-size:27px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

body.stalk-page .stalk-usd{
  margin-top:5px!important;
  color:#86a0b8!important;
  font-size:9px!important;
}

body.stalk-page .stalk-main-tabs{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  padding:5px!important;
  border:1px solid var(--stalk-border)!important;
  border-radius:15px!important;
  background:rgba(7,18,31,.86)!important;
}

body.stalk-page .stalk-main-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:43px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:10px!important;
}

body.stalk-page .stalk-main-tab .ico{width:18px!important;height:18px!important}
body.stalk-page .stalk-main-tab.active{
  color:#eafff8!important;
  background:linear-gradient(90deg,rgba(85,245,194,.13),rgba(47,211,255,.06))!important;
  box-shadow:none!important;
}

body.stalk-page .stalk-left-column{
  display:block!important;
  height:clamp(560px,70vh,820px)!important;
}

body.stalk-page .stalk-panel{
  border:1px solid var(--stalk-border)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(12,27,43,.98),rgba(6,16,29,.98))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.23)!important;
}

body.stalk-page .stalk-left-column>.stalk-panel,
body.stalk-page .stalk-history-panel{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.stalk-page .stalk-asset-tabs{
  display:flex!important;
  gap:4px!important;
  padding:7px!important;
  border-bottom:1px solid var(--stalk-border)!important;
}

body.stalk-page .stalk-asset-tab{
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  font-size:9px!important;
}

body.stalk-page .stalk-view.active{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
}

body.stalk-page .stalk-subtabs,
body.stalk-page .stalk-panel-head{
  flex:0 0 auto!important;
  min-height:48px!important;
  padding:11px 14px!important;
  border-bottom:1px solid var(--stalk-border)!important;
}

body.stalk-page .stalk-section-kicker,
body.stalk-page .stalk-panel-title{font-size:15px!important}
body.stalk-page .stalk-value-mode,
body.stalk-page .stalk-history-count{font-size:8px!important}

body.stalk-page .stalk-filter-row{
  flex:0 0 auto!important;
  display:block!important;
  padding:7px 10px!important;
  border-bottom:1px solid var(--stalk-border)!important;
}

body.stalk-page .stalk-filter-row .stalk-input{
  height:35px!important;
  border-radius:10px!important;
  font-size:10px!important;
}

body.stalk-page .asset-list,
body.stalk-page .nft-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(85,245,194,.34) transparent!important;
}

body.stalk-page .asset-row{
  position:relative!important;
  grid-template-columns:38px minmax(80px,1fr) minmax(108px,auto)!important;
  gap:9px!important;
  min-height:66px!important;
  padding:8px 10px!important;
  border-bottom:1px solid rgba(126,174,216,.09)!important;
  background:transparent!important;
}

body.stalk-page .asset-row:hover{background:rgba(47,211,255,.035)!important}
body.stalk-page .asset-row img{width:36px!important;height:36px!important;border-radius:10px!important}
body.stalk-page .asset-symbol{font-size:12px!important}
body.stalk-page .asset-balance{margin-top:2px!important;font-size:8px!important}
body.stalk-page .asset-side{min-width:0!important;text-align:right!important}
body.stalk-page .asset-amount{font-size:11px!important}
body.stalk-page .asset-value{margin-top:2px!important;font-size:9px!important}
body.stalk-page .asset-xrp{margin-top:2px!important;font-size:7px!important}
body.stalk-page .asset-swap-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:23px!important;
  margin-top:5px!important;
  padding:0 9px!important;
  border:1px solid rgba(85,245,194,.3)!important;
  border-radius:8px!important;
  background:rgba(85,245,194,.08)!important;
  color:#9bffe1!important;
  font-size:8px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

body.stalk-page .stalk-history-panel{
  height:clamp(560px,70vh,820px)!important;
}

body.stalk-page .stalk-panel-subtitle{margin-top:2px!important;font-size:8px!important}
body.stalk-page .history-toolbar{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  gap:7px!important;
  padding:7px!important;
  border-bottom:1px solid var(--stalk-border)!important;
}
body.stalk-page .history-filter-tabs{gap:3px!important}
body.stalk-page .history-filter{min-height:31px!important;padding:0 9px!important;font-size:8px!important}
body.stalk-page .history-search-wrap{min-height:31px!important;border-radius:9px!important}
body.stalk-page .history-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:4px 6px 8px!important;
}
body.stalk-page .history-day{margin:8px 5px 4px!important;font-size:8px!important}
body.stalk-page .tx-row{
  grid-template-columns:34px minmax(0,1fr) minmax(96px,auto)!important;
  gap:8px!important;
  min-height:54px!important;
  padding:7px 8px!important;
  border-radius:10px!important;
}
body.stalk-page .tx-icon-wrap{width:32px!important;height:32px!important;border-radius:9px!important}
body.stalk-page .tx-icon{width:28px!important;height:28px!important;border-radius:8px!important}
body.stalk-page .tx-dot{width:10px!important;height:10px!important;border-width:2px!important}
body.stalk-page .tx-kicker{font-size:8px!important}
body.stalk-page .tx-title{font-size:11px!important}
body.stalk-page .tx-detail{margin-top:2px!important;font-size:8px!important}
body.stalk-page .tx-time{margin-bottom:2px!important;font-size:8px!important}
body.stalk-page .tx-amount{max-width:155px!important;font-size:10px!important}
body.stalk-page .tx-swap-flows{gap:2px!important}
body.stalk-page .tx-swap-flow{font-size:8px!important}
body.stalk-page .history-load-more{flex:0 0 auto!important;padding:7px!important}
body.stalk-page .history-load-more .stalk-btn{height:34px!important;font-size:9px!important}

@media(min-width:821px){
  body.stalk-page[data-stalk-primary] .stalk-left-column{display:block!important}
  body.stalk-page[data-stalk-primary] .stalk-history-panel{display:flex!important}
}

@media(max-width:1100px){
  body.stalk-page .stalk-workspace{
    grid-template-columns:210px minmax(280px,.9fr) minmax(370px,1.1fr)!important;
    gap:9px!important;
  }
  body.stalk-page .history-toolbar{grid-template-columns:1fr!important}
  body.stalk-page .history-search-wrap{width:100%!important}
}

@media(max-width:820px){
  body.stalk-page .app{padding:10px 9px 24px!important}
  body.stalk-page .stalk-shell{gap:8px!important}
  body.stalk-page .stalk-search-card{grid-template-columns:minmax(0,1fr) 92px!important}
  body.stalk-page .stalk-search-card .stalk-btn{min-width:0!important;padding:0 9px!important}
  body.stalk-page .stalk-workspace{display:block!important}
  body.stalk-page .stalk-profile-column{gap:7px!important;margin-bottom:8px!important}
  body.stalk-page .stalk-profile{min-height:130px!important}
  body.stalk-page .stalk-profile-body{margin-top:13px!important}
  body.stalk-page .stalk-main-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.stalk-page .stalk-main-tab{justify-content:center!important;min-height:44px!important;padding:0 4px!important}
  body.stalk-page .stalk-left-column,
  body.stalk-page .stalk-history-panel{height:min(68vh,680px)!important}
  body.stalk-page[data-stalk-primary="assets"] .stalk-left-column{display:block!important}
  body.stalk-page[data-stalk-primary="assets"] .stalk-history-panel{display:none!important}
  body.stalk-page[data-stalk-primary="history"] .stalk-left-column{display:none!important}
  body.stalk-page[data-stalk-primary="history"] .stalk-history-panel{display:flex!important}
  body.stalk-page[data-stalk-primary="statistics"] .stalk-left-column{display:block!important}
  body.stalk-page[data-stalk-primary="statistics"] .stalk-history-panel{display:none!important}
}

@media(max-width:480px){
  body.stalk-page .stalk-search-card{grid-template-columns:1fr!important}
  body.stalk-page .stalk-search-card .stalk-btn{width:100%!important}
  body.stalk-page .stalk-status{grid-column:1!important}
  body.stalk-page .stalk-address-pill{max-width:calc(100vw - 160px)!important}
  body.stalk-page .stalk-total{font-size:24px!important}
  body.stalk-page .stalk-main-tab{gap:5px!important;font-size:8px!important}
  body.stalk-page .asset-row{grid-template-columns:34px minmax(70px,1fr) minmax(96px,auto)!important;padding:7px 8px!important}
  body.stalk-page .asset-row img{width:32px!important;height:32px!important}
  body.stalk-page .tx-row{grid-template-columns:31px minmax(0,1fr) minmax(82px,auto)!important;padding:7px 6px!important}
  body.stalk-page .tx-icon-wrap{width:29px!important;height:29px!important}
  body.stalk-page .tx-icon{width:25px!important;height:25px!important}
  body.stalk-page .tx-amount{max-width:105px!important;font-size:9px!important}
}