/* MPMH_FRONTCONV063 — NETWORK ACTIVITY PRECISION POLISH
   Scope: public Stats / Network Activity presentation only.
   Preserve FRONTCONV061 outer frame, FRONTCONV062 inner width, existing colors and all established typography sizes.
   No readout identity/value/formula/source changes. */

@media(min-width:981px){
  /* Reclaim vertical dead space above the Network Activity heading without changing the master frame. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh041-stats-master-box > .mpmh032-stats-network{
    padding-top:24px!important;
    padding-bottom:26px!important;
  }

  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-head{
    margin-bottom:12px!important;
    align-items:end!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-head .mpmh280-section-copy{
    align-self:end!important;
    padding-top:0!important;
    padding-bottom:2px!important;
  }

  /* Let the SVG own its natural height. The old minimum created unused black space below the x-axis. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-chart-stage{
    min-height:0!important;
    padding-bottom:0!important;
  }

  /* The chart inspector now lives below the x-axis, centered, always occupying one stable row.
     It defaults to the latest available point and updates on hover/focus without moving layout. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh063-chart-selection{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    padding:4px 12px 5px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:1px solid rgba(79,194,255,.07)!important;
    background:#000!important;
    white-space:nowrap!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh063-chart-selection span{
    color:#7ea6bd!important;
    font-weight:800!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh063-chart-selection small{
    color:#27f28b!important;
    font-weight:800!important;
    letter-spacing:.085em!important;
    text-transform:uppercase!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh063-chart-selection strong{
    color:#f6fbfe!important;
    font-weight:850!important;
    font-variant-numeric:tabular-nums!important;
    letter-spacing:0!important;
  }
  /* Defensive null: 063 JS does not create the old in-plot inspector. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh056-chart-inspector{
    display:none!important;
  }

  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-trend-foot{
    min-height:32px!important;
    padding-top:5px!important;
    padding-bottom:6px!important;
  }
}

@media(min-width:1081px){
  /* Four lifetime readouts become one deliberately compact measurement block.
     The lower pair moves up; a pure-black reserved field remains below for future content. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:118px 118px minmax(96px,1fr)!important;
    align-content:stretch!important;
    min-height:100%!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts>div:not(.mpmh063-readout-reserve){
    min-height:0!important;
    display:grid!important;
    grid-template-rows:28px auto 15px!important;
    align-content:center!important;
    justify-content:stretch!important;
    padding:14px 18px 13px!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts>div:not(.mpmh063-readout-reserve)>span{
    min-height:24px!important;
    display:flex!important;
    align-items:flex-end!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts>div:not(.mpmh063-readout-reserve)>strong{
    margin-top:3px!important;
    align-self:start!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts>div:not(.mpmh063-readout-reserve)>small{
    margin-top:4px!important;
    align-self:start!important;
  }
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh055-network-readouts>.mpmh063-readout-reserve{
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:block!important;
    min-width:0!important;
    min-height:96px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid rgba(79,194,255,.10)!important;
    background:#000!important;
  }
}

@media(max-width:1080px){
  /* Preserve existing responsive readout behavior; the reserved field is desktop composition only. */
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh063-readout-reserve{display:none!important;}
}

@media(max-width:720px){
  html.mpmh-frontconv063 body #publicShell #shellMain .mpmh032-stats-network .mpmh063-chart-selection{
    min-height:38px!important;
    gap:7px!important;
    padding-left:6px!important;
    padding-right:6px!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
  }
}