/* Canonical mobile page styling; native font/density settings need no account
   or rig configuration changes. Wide data tables scroll within their panel. */
@media(max-width:640px){
 html[data-board-mobile] main,html[data-board-mobile] #view{min-width:0;max-width:100%}
 html[data-board-mobile] main{padding:10px}
 html[data-board-mobile] .header-inner{gap:8px;padding:8px 10px}
 html[data-board-mobile] #summary,html[data-board-mobile] #farmcontext{min-width:0;max-width:100%;overflow-wrap:anywhere}
 html[data-board-mobile] #farmcontext select{max-width:min(200px,65vw)}
 html[data-board-mobile] .sect,html[data-board-mobile] .card{min-width:0;max-width:100%}
 html[data-board-mobile] .filters>*{max-width:100%;min-width:0}
 html[data-board-mobile] .scroll-x{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 html[data-board-mobile] .modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 html[data-board-mobile] .modal-b{min-width:0;overflow:auto;overflow-wrap:anywhere}
 html[data-board-mobile] .modal-row{grid-template-columns:minmax(0,1fr);gap:5px}
 html[data-board-mobile] .modal-row>*{min-width:0;max-width:100%}
 html[data-board-mobile] .modal-f{gap:8px;flex-wrap:wrap}
 html[data-board-mobile] .modal-f .btn{min-height:44px}
 html[data-board-mobile] .rigbar .nm{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 html[data-board-mobile] .gpu-identity{min-width:230px}
 html[data-board-native-density="compact"][data-board-mobile] .card{padding:10px}
 html[data-board-native-density="comfortable"][data-board-mobile] .card{padding:16px}
 html[data-board-mobile] .header-inner>*{min-width:0;max-width:100%}
 html[data-board-mobile] .farmcontext{flex:1 1 100%;overflow-wrap:anywhere}
 html[data-board-mobile] .farmcontext label{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
 html[data-board-mobile] .farmcontext select{flex:1 1 0;min-width:0;max-width:100%}
 html[data-board-mobile] .fleet-row-name{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding-right:24px}
 html[data-board-mobile] .fleet-row-name .fleet-row-pick{grid-column:1;grid-row:1}
 html[data-board-mobile] .fleet-row-name .st{grid-column:2;grid-row:1;justify-self:start}
 html[data-board-mobile] .fleet-row-name .fleet-rig-link{grid-column:1/-1;grid-row:2;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4;display:flex;align-items:center}
 html[data-board-mobile] .fleet-row-shares{grid-template-columns:1fr;gap:4px}
 html[data-board-mobile] .fleet-row-shares>span{flex-wrap:wrap;overflow-wrap:anywhere;white-space:normal}
 html[data-board-mobile] .fleet-row-fans,html[data-board-mobile] .fleet-row-hash,html[data-board-mobile] .fleet-row-uptime,html[data-board-mobile] .fleet-row-power{white-space:normal;overflow-wrap:anywhere}
 html[data-board-mobile] .fleet-display-line>*{min-width:0;max-width:100%}
 html[data-board-mobile] .fleet-display-name{flex:1 1 calc(100% - 48px);max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 html[data-board-mobile] .fleet-display-miner{flex:1 1 100%;width:100%;overflow-wrap:anywhere}
 html[data-board-mobile] .modal-t{overflow-wrap:anywhere}
}