/* Isolated mobile directory polish: revert this file/link to restore its spacing. */
@media(max-width:740px){
 #coinsView .persona-launches:not(.has-active-coin){padding:14px}
 #coinsView .coin-directory-toolbar:has(#coinDirectoryStatus:not([data-state="error"]):not([data-state="notice"])){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #coinsView .coin-directory-filters{margin-top:0;gap:8px;margin-bottom:8px}
 #coinsView .coin-directory-toolbar:has(#coinDirectoryStatus:is([data-state="error"],[data-state="notice"]))+.coin-directory-filters{margin-top:14px}
 #coinsView .coin-directory-browse{margin-bottom:10px}
 #coinsView .coin-sort-toggle{box-sizing:border-box;height:var(--field-height);min-height:var(--field-height);padding-block:0;font-size:14px;line-height:20px}
 #coinsView .coin-stage-filters button{min-height:var(--utility-height);padding-block:6px}
 #coinsView .coin-sort-toggle{padding-inline:11px}
 #coinsView .coin-sort-menu button{min-height:var(--compact-control-height);padding-block:0}
 #coinsView .coin-stage-badge{font-size:11px;padding:5px 7px}
 #coinsView .coin-stage-badge small{font-size:10px}
 #coinsView .persona-coin-card .persona-coin-rewards{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
 #coinsView .persona-coin-card .persona-coin-rewards span{font-size:12px}
 #coinsView .persona-coin-rewards>span{white-space:nowrap}
}

/* Mobile lists keep identity, market cap and rewards visible in a smaller card. */
@media(max-width:600px){
 /* Preserve existing card widths when the shared page gutter moves by one pixel. */
 #coinsView :is(#personaCoinList,.coin-directory-loading-grid){margin-inline:1px}
 #coinsView .persona-coin-card{padding:12px;gap:8px}
 #coinsView .coin-card-head{gap:8px}
 #coinsView .coin-card-meta{align-items:center;column-gap:6px}
 #coinsView .coin-card-meta .coin-card-symbol{padding-top:0}
 #coinsView .coin-card-meta .coin-ca-copy{font-size:11px;min-width:0;gap:4px;padding:0;align-items:center}
 #coinsView .coin-card-meta .coin-ca-copy svg{width:12px;height:12px;margin-top:0}
 #coinsView .persona-coin-card .persona-coin-stats{column-gap:8px}
 #coinsView .persona-coin-card .coin-stat-cap strong{font-size:21px}
 #coinsView .persona-coin-stats .coin-recipient-profile{min-width:0;gap:5px}
 #coinsView .persona-coin-stats .coin-recipient-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #coinsView .persona-coin-stats .coin-recipient-avatar{width:24px;height:24px;flex-basis:24px}
 #coinsView .persona-coin-card .coin-graduation,#coinsView .coin-skeleton-progress{display:none}
 #coinsView .persona-coin-card .persona-coin-rewards{gap:4px 6px;padding-top:6px}
 #coinsView .persona-coin-card .persona-coin-rewards span{font-size:11px}
 #coinsView .persona-coin-rewards>span:last-child::before{margin-right:4px}
 #coinsView .persona-coin-card.persona-coin-skeleton{grid-template-areas:'head head' 'market recipient' 'rewards rewards';column-gap:8px}
 #coinsView .coin-skeleton-meta{align-items:center;gap:6px;padding-top:0}
 #coinsView .coin-skeleton-meta i:last-child{height:18.2px}
 #coinsView .coin-skeleton-recipient i:last-child{height:24px}
 #coinsView .coin-skeleton-stats i:last-child{height:24.15px}
 #coinsView .coin-skeleton-rewards{padding-top:6px}
 #coinsView .coin-skeleton-rewards i{height:16.5px}
}
@media(min-width:521px) and (max-width:740px){
 #coinsView :is(#personaCoinList,.coin-directory-loading-grid){margin-inline:8px}
}

@media(max-width:650px){
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]){--coin-meta-size:14px}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-identity{align-items:flex-start;gap:10px;width:100%}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-identity .persona-coin-art{width:48px;height:48px;border-radius:12px}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) :is(#personaCoinName,[data-coin-layout="personaCoinName"]){font-size:24px!important;line-height:1.1;letter-spacing:-.4px;margin-bottom:0}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-subtitle{gap:0 6px}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) :is(#personaCoinSymbol,[data-coin-layout="personaCoinSymbol"]){min-width:0;overflow-wrap:anywhere}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-address-links{display:contents}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-link-group{flex:0 1 auto;flex-wrap:nowrap;gap:4px}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-actions{width:auto;gap:0}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-actions .outline-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;padding:0;border:0;border-radius:5px;background:transparent;color:#bda6cf}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-explorer-label{display:none}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-explorer-icon{display:block}
 :is(#personaCoinDetail,[data-coin-layout="personaCoinDetail"]) .coin-detail-actions .outline-button:hover{color:#f0e3ff;transform:translateY(-1px)}
}
