/* Mobile Signal KPI strip: compact one-row layout.
   Presentation only; metric values/data logic remain untouched.
   Rollback marker: rollback/pre-mobile-kpi-one-row-20260901 */

@media(max-width:700px){
  .status-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
  }

  .status-grid>.metric{
    min-height:54px!important;
    padding:6px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }

  .status-grid>.metric>span{
    display:block!important;
    width:100%!important;
    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1.05!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  .status-grid>.metric>span::before{
    content:none!important;
    display:none!important;
  }

  .status-grid>.metric strong{
    margin:1px 0 0!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* Keep this strip text-first on small screens. */
  .status-grid .metric-info{
    display:none!important;
  }

  /* Replace the old 2x2 divider map with simple vertical separators. */
  .status-grid>.metric::before,
  .status-grid>.metric::after{
    content:none!important;
  }
  .status-grid>.metric+.metric::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    top:20%!important;
    bottom:20%!important;
    width:1px!important;
    background:rgba(150,158,151,.14)!important;
    pointer-events:none!important;
  }
}