/* Indicadores compactos para todos los roles: evita trasladar proporciones de escritorio al teléfono. */
@media(max-width:768px){
 .metric-grid{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:102px!important;align-items:start!important}
 .metric-grid .metric,.metric-grid .premium-metric,.metric-grid .driver-metric{min-width:0;min-height:102px!important;height:102px!important;max-height:102px!important;align-self:start!important;padding:11px 12px!important;border-radius:17px;display:grid;grid-template-rows:30px 24px 12px;align-content:space-between;gap:2px}
 .metric-grid .metric-top{min-width:0;align-items:center;gap:6px}
 .metric-grid .metric-top>span:first-child{min-width:0;font-size:10px;line-height:1.18;font-weight:750}
 .metric-grid .metric>strong{font-size:23px!important;line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}
 .metric-grid .metric>span:last-of-type{font-size:9px;line-height:1.2;white-space:normal}
 .metric-grid .metric-icon,.metric-grid .driver-metric-icon{width:32px;height:32px;flex:0 0 32px;border-radius:11px}
 .metric-grid .metric-icon svg,.metric-grid .driver-metric-icon svg,.metric-grid .metric-top>svg{width:16px;height:16px}
 .metric-grid .metric:after{width:66px;height:66px;right:-38px;bottom:-40px}
 .premium-metrics,.driver-metrics{margin-top:-14px!important;padding:0 7px!important}
}
@media(max-width:360px){
 .metric-grid{gap:7px!important}
 .metric-grid{grid-auto-rows:96px!important}
 .metric-grid .metric,.metric-grid .premium-metric,.metric-grid .driver-metric{min-height:96px!important;height:96px!important;max-height:96px!important;padding:9px 10px!important;border-radius:15px;grid-template-rows:28px 22px 11px}
 .metric-grid .metric>strong{font-size:21px!important}
 .metric-grid .metric-icon,.metric-grid .driver-metric-icon{width:29px;height:29px;flex-basis:29px}
}