/* V407 — KPI header mobile: readable and balanced */
@media (max-width:767px){
  .v220-global-kpi-summary{
    padding:14px 12px!important;
    gap:12px!important;
  }
  .v228-global-kpi-header{
    width:100%!important;
    padding-bottom:11px!important;
    border-bottom:1px solid var(--border)!important;
  }
  .v228-global-kpi-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
  }
  .v405-global-kpi-title{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
    color:var(--foreground)!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
    min-height:36px!important;
    padding:0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
  }
  .v405-global-kpi-note{
    margin-top:7px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:var(--muted-foreground)!important;
  }
}
@media (max-width:430px){
  .v228-global-kpi-title-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .v405-global-kpi-title{font-size:14px!important}
  a.v228-kpi-detail-link.v405-kpi-detail-link{font-size:11.5px!important}
  .v405-global-kpi-note{font-size:12px!important}
}
@media (max-width:360px){
  .v228-global-kpi-title-row{
    grid-template-columns:1fr!important;
    gap:2px!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link{
    justify-content:flex-start!important;
    width:max-content!important;
  }
}