/* align stats to scanner header: title stays left, metrics start from the right edge */
.metric-strip-title{
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:0!important;
  padding-right:18px!important;
}
.metric-title-sep{
  width:1px;
  height:18px;
  background:var(--line-strong);
  flex:0 0 auto;
}
.metric-strip-stats{
  margin-left:auto!important;
  flex:0 0 auto!important;
  justify-content:flex-end!important;
  align-self:stretch;
}
.metric-strip-stats .metric-strip-item{
  min-width:148px;
}
@media(max-width:1100px){
  .metric-strip-title{
    position:sticky;
    left:0;
    z-index:2;
    flex:0 0 240px!important;
    min-width:240px!important;
    background:var(--panel);
  }
  :root[data-theme="light"] .metric-strip-title{background:rgba(255,255,255,.96)}
  :root[data-theme="dark"] .metric-strip-title{background:rgba(15,19,32,.96)}
  .metric-strip-stats{margin-left:0!important;}
}
@media(max-width:700px){
  .metric-strip-title{flex-basis:190px!important;min-width:190px!important;}
  .metric-title-sep{display:none;}
}