/* FLEET Phase 3H: 23-field, width-aware Fleet table.
   The number of visible columns increases with the viewport. Never rely on
   page-level horizontal scroll or CSS-only hiding of values. */
body[data-auth-view="false"] #app .fleetTableWrap{inline-size:100%;max-inline-size:100%;overflow-x:clip!important;}
body[data-auth-view="false"] #app .fleetTable{inline-size:100%!important;table-layout:fixed!important;}
body[data-auth-view="false"] #app .fleetTable :is(th,td){min-inline-size:0!important;overflow-wrap:anywhere;}
body[data-auth-view="false"] #app .fleetTable :is(th[data-col="cpu_name"],td[data-col="cpu_name"]){text-align:start;}
body[data-auth-view="false"] #app .fleetCPUName{
 display:block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;line-height:1.4;font-size:12px;color:var(--ui-text);
}
body[data-auth-view="false"] #app .fleetPrice{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;}
body[data-auth-view="false"] #app .fleetPrice small{font-size:10px;color:var(--ui-text-muted);}
body[data-auth-view="false"] #app .fleetMetricNumber{font-variant-numeric:tabular-nums;white-space:nowrap;}
body[data-auth-view="false"] #app .fleetTable th[data-col="cpu_name"]{font-size:10.5px!important;}
body[data-auth-view="false"] #app .fleetTable .fleetDetailAction{inline-size:84px!important;}
body[data-auth-view="false"] #app .fleetTable .fleetInlineField{
 min-inline-size:0;overflow-wrap:anywhere;
}
body[data-auth-view="false"] #app .fleetTable .fleetInlineField .fleetCPUName{
 white-space:normal;overflow:visible;text-overflow:clip;
}
@media(max-width:1100px){
 body[data-auth-view="false"] #app .fleetTable :is(th,td){padding-inline:5px!important;}
}