/* Mesh performance page: same editorial frame as account-domains.css,
   plus real data tables -- these need to stay legible and scrollable on
   phone width (Zero Scroll's "16px gutter, no horizontal page scroll"
   rule), hence the dedicated .stats-table-wrap scroll container. */
#scene .task-page.stats-page {
  --account-accent:var(--primary);
  --account-rule:hsl(var(--text-strong) / .16);
  --account-muted:hsl(var(--text-strong) / .66);
  width:100%;
  max-width:none;
  overflow:auto;
  padding:0;
  color:hsl(var(--text));
}
#scene .stats-page [hidden] { display:none !important; }
#scene .stats-shell {
  display:block;
  width:min(100%,960px);
  margin:auto;
  padding:clamp(28px,5vw,56px) clamp(24px,5vw,60px) 72px;
  box-sizing:border-box;
}
#scene .stats-hero h1 {
  margin:8px 0 14px;
  font:600 clamp(28px,5vw,40px)/1.08 var(--display-font,ui-sans-serif,sans-serif);
  color:hsl(var(--text-strong));
}
#scene .stats-hero p { max-width:62ch; color:hsl(var(--account-muted)); line-height:1.55; }
#scene .stats-section { margin-top:clamp(36px,6vw,56px); padding-top:clamp(24px,4vw,36px); border-top:1px solid var(--account-rule); }
#scene .stats-section h2 { margin:6px 0 10px; font:600 clamp(20px,3vw,26px)/1.2 var(--display-font,ui-sans-serif,sans-serif); color:hsl(var(--text-strong)); }
#scene .stats-section h3 { margin:28px 0 10px; font:600 13px/1.3 var(--mono-font,ui-monospace,monospace); letter-spacing:.03em; text-transform:uppercase; color:hsl(var(--text-strong)); }
#scene .stats-section > p { max-width:72ch; color:hsl(var(--account-muted)); line-height:1.6; }

#scene .stats-table-wrap { overflow-x:auto; margin:14px 0; border:1px solid var(--account-rule); border-radius:10px; }
#scene .stats-table { width:100%; border-collapse:collapse; font:500 12px/1.4 var(--mono-font,ui-monospace,monospace); white-space:nowrap; }
#scene .stats-table th, #scene .stats-table td { padding:10px 14px; text-align:left; border-bottom:1px solid var(--account-rule); }
#scene .stats-table thead th { color:hsl(var(--text-muted)); font-weight:600; letter-spacing:.04em; text-transform:uppercase; font-size:10px; background:hsl(var(--surface)); }
#scene .stats-table tbody tr:last-child td { border-bottom:none; }
#scene .stats-table tbody tr:hover td { background:hsl(var(--text-strong) / .04); }

#scene .stats-note { max-width:72ch; margin-top:10px; font-size:12.5px; line-height:1.55; color:hsl(var(--account-muted)); }
#scene .stats-note-warn { color:hsl(var(--warning,40 90% 55%)); }
#scene .stats-scope-list { max-width:72ch; margin:12px 0; padding-left:20px; color:hsl(var(--account-muted)); line-height:1.6; }
#scene .stats-scope-list li { margin-bottom:8px; }
#scene .stats-section a { color:hsl(var(--primary)); text-decoration:none; font-weight:600; }
#scene .stats-section a:hover { text-decoration:underline; }

@media (max-width:640px) {
  #scene .stats-shell { padding:20px 16px 56px; }
  #scene .stats-table { font-size:11px; }
  #scene .stats-table th, #scene .stats-table td { padding:8px 10px; }
}