/* MyTradeHub compact trading UI — measured against Elve mobile proportions. */
.brand-logo{width:30px;height:30px;display:block;object-fit:contain;flex:0 0 30px}
:root[data-theme="night"] .brand-logo{filter:invert(1)}

.compact-card .asset-visual{height:88px;padding:8px}
.compact-card .asset-symbol{font-size:40px;line-height:1;filter:drop-shadow(0 5px 9px rgba(0,0,0,.12))}
.compact-card .asset-body{padding:8px 9px 9px}
.compact-card .asset-body h3{font-size:.78rem;margin-bottom:6px}
.compact-card .asset-meta{font-size:.64rem}
.compact-card .asset-meta strong{font-size:.78rem}
.want-strip{margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-size:.61rem;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.want-strip b{color:var(--ink);font-weight:900}

.trade-asset-grid .asset-symbol,.pick-item>span{font-size:38px!important;line-height:1}
.slot.filled .slot-symbol{font-size:36px!important;line-height:1}
.slot{min-width:44px;min-height:44px}

.recent-listings-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:8px 0 10px}
.recent-listings-head h2{margin:0;font-size:1.05rem}
.recent-listings-head span{font-size:.72rem;color:var(--muted)}

@media(max-width:1000px){
  .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .compact-card .asset-visual{height:82px}
  .compact-card .asset-symbol{font-size:38px}
}

@media(max-width:720px){
  .topbar{height:60px;padding:0 12px}
  .brand{gap:7px;font-size:.95rem}
  .brand-logo{width:27px;height:27px;flex-basis:27px}
  main{padding:22px 12px 64px}
  .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .compact-card .asset-visual{height:72px;padding:6px}
  .compact-card .asset-symbol{font-size:35px}
  .compact-card .asset-body{padding:7px}
  .compact-card .asset-body h3{font-size:.72rem}
  .compact-card .asset-meta strong{font-size:.73rem}
  .compact-card .method{font-size:.52rem;padding:3px 5px}
  .trade-asset-grid .asset-symbol,.pick-item>span{font-size:35px!important}
  .slot.filled .slot-symbol{font-size:33px!important}
  .quick-trade{gap:7px}
}

@media(max-width:560px){
  .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .compact-card .asset-visual{height:76px}
  .compact-card .asset-symbol{font-size:35px}
  .header-actions .primary.small{display:none}
  .nav-link{padding:8px 7px;font-size:.78rem}
  .icon-button,.avatar{width:44px;height:44px}
  .search-wrap{width:100%}
  .browse-head{display:block}
  .browse-head .search-wrap{margin-top:14px}
}