/* Multi-network investor views: network selector, markets by network, Solana
   ticket, holdings by network and the faucet's network tabs. Layout only; the
   components are base.css's .card .seg .pill .btn .field .tbl. */
.network-markets,.network-holdings,.solana-faucet{display:grid;gap:var(--sp-3);margin:0 0 var(--sp-6)}
.network-markets h2,.network-holdings h2{margin:0;font-size:var(--fs-h3)}
.network-markets h3,.network-holdings h3{margin:var(--sp-2) 0 0;font-size:var(--fs-md)}
.network-markets h4{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--fg-2)}
.network-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.network-selector-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.network-selector-label{font-size:var(--fs-xs);color:var(--fg-muted)}
.network-wallet{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);color:var(--fg-2)}
.network-hint{margin:0;font-size:var(--fs-sm);color:var(--fg-muted)}
.network-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface)}
.network-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}
.network-row:last-child{border-bottom:0}
.network-row-name{display:grid;gap:var(--sp-1);min-width:0}
.network-row-name strong{color:var(--fg)}
.network-row-name span{font-size:var(--fs-xs);color:var(--fg-muted);overflow-wrap:anywhere}
.network-row-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.network-row-actions{display:flex;gap:var(--sp-2)}
.network-price{font-variant-numeric:tabular-nums}
@media(max-width:600px){.network-row{grid-template-columns:1fr}.network-row-actions .btn{flex:1}}
.solana-ticket{display:grid;gap:var(--sp-2);max-width:32rem}
.solana-ticket h3{margin:0}
.solana-ticket .dvp{margin:0;font-size:var(--fs-sm);color:var(--fg-2);line-height:var(--lh-normal)}
.solana-ticket .actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.network-status{margin:0;font-size:var(--fs-sm);overflow-wrap:anywhere}
.network-status:empty{display:none}
.network-holdings .tbl td.num,.network-holdings .tbl th.num{font-variant-numeric:tabular-nums}
.network-tabs{display:inline-flex;margin:0 0 var(--sp-4)}
.network-wallet .network-hint{flex-basis:100%}
/* Assets by network (3 Nov, asset-catalog.js): the selected network's assets
   first; another network's are greyed, never hidden, and name their network in
   words (.network-badges), so the state is not carried by colour alone. */
.network-badges{display:inline-flex;flex-wrap:wrap;gap:var(--sp-1);vertical-align:middle}
/* Tags beside a token name wrap under it on a phone rather than widen the row. */
.market-mover-sub,.network-token{flex-wrap:wrap}
.network-token{display:inline-flex;align-items:center;gap:var(--sp-1)}
.off-network,.off-network b,.off-network .num,.off-network .asset-text .asset-link b,.off-network .asset-ticker{color:var(--fg-muted)}
.off-network :is(.tok,.asset-tile,.spark,.strip-line,.select-menu-avatar){filter:grayscale(1);opacity:.6}
.select-menu-list [role=option] .network-badges{grid-column:-2/-1}
@media(min-width:601px){.select-menu-list [role=option] .network-badges{flex-wrap:nowrap}}
/* On a phone the asset menu hangs from the asset header, not its chevron, so both networks' names fit on screen. */
@media(max-width:600px){.retail-asset-top{position:relative}.retail-product :is(.retail-asset-title,.retail-asset-switch){position:static}.retail-product .retail-asset-switch .select-menu-list{max-width:100%}}
.select-menu-list [role=option].off-network{color:var(--fg-muted)}
/* Home's phone rows keep only Buy (landing.css); a greyed row's one action is the switch. */
.off-network .row-actions .btn{display:inline-flex}