/* V437Q - Mobile polish for Alert Intelligence */
@media(max-width:760px){
  .v437p-alert-page{
    gap:8px!important;
    overflow-x:hidden;
  }

  .v437p-hero{
    padding:10px!important;
    border-radius:10px!important;
    gap:9px!important;
  }
  .v437p-hero h2{
    font-size:15px!important;
    line-height:1.25!important;
    margin:3px 0 4px!important;
  }
  .v437p-hero p{
    font-size:8.5px!important;
    line-height:1.45!important;
  }
  .v437p-hero-total{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:3px 10px!important;
    padding:9px 10px!important;
    text-align:left!important;
  }
  .v437p-hero-total span{grid-column:1;grid-row:1;font-size:7.5px!important}
  .v437p-hero-total strong{
    grid-column:2;grid-row:1/3;
    margin:0!important;
    font-size:22px!important;
    text-align:right!important;
  }
  .v437p-hero-total small{grid-column:1;grid-row:2;font-size:7.5px!important}

  .v437p-action-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v437p-action-kpis article{
    min-height:82px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v437p-action-kpis b{font-size:17px!important}
  .v437p-action-kpis span{margin-top:5px!important;font-size:8.4px!important}
  .v437p-action-kpis small{margin-top:3px!important;font-size:7.2px!important}
  .v437p-action-kpis article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }

  .v437p-chart-zone,
  .v437p-list-panel{
    padding:9px!important;
    border-radius:10px!important;
  }
  .v437p-section-head{
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v437p-section-head>div{min-width:0}
  .v437p-section-head>div>span{font-size:7.2px!important}
  .v437p-section-head h3{
    font-size:10.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .v437p-section-head>button{
    flex:none;
    height:30px!important;
    font-size:8px!important;
    padding:0 8px!important;
  }

  .v437p-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v437p-chart-card{
    padding:8px!important;
    border-radius:9px!important;
  }
  .v437p-chart-head{
    margin-bottom:2px!important;
  }
  .v437p-chart-head h4{font-size:9.4px!important}
  .v437p-chart-head small{font-size:7.2px!important}
  .v437p-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v437p-chart-card.wide .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }

  .v437p-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v437p-toolbar h3{font-size:10.5px!important}
  .v437p-toolbar p{font-size:7.5px!important}
  .v437p-tools{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v437p-tools input{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  .v437p-tools input,
  .v437p-tools select{
    height:36px!important;
    min-width:0!important;
    width:100%!important;
    font-size:8.5px!important;
    padding:0 8px!important;
  }

  /* Card list instead of cramped desktop row */
  .v437p-alert-list{
    gap:7px!important;
  }
  .v437p-alert-row{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v437p-sev-icon{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  .v437p-alert-main{
    min-width:0!important;
  }
  .v437p-alert-title{
    gap:4px!important;
  }
  .v437p-alert-title strong{
    flex-basis:100%!important;
    font-size:9.5px!important;
    line-height:1.35!important;
  }
  .v437p-badge,
  .v437p-group{
    min-height:18px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }
  .v437p-alert-main p{
    margin-top:5px!important;
    font-size:8.3px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v437p-alert-meta{
    gap:4px 8px!important;
    margin-top:5px!important;
  }
  .v437p-alert-meta span{
    font-size:7.2px!important;
    line-height:1.35!important;
  }

  .v437p-alert-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding-top:7px!important;
    margin-top:2px!important;
    border-top:1px solid var(--border)!important;
  }
  .v437p-alert-actions>a,
  .v437p-alert-actions button,
  .v437p-alert-actions select{
    width:100%!important;
    max-width:none!important;
    height:34px!important;
    font-size:8px!important;
    border-radius:7px!important;
  }
  .v437p-alert-actions select{
    grid-column:1/-1!important;
  }
  .v437p-alert-actions>a{
    grid-column:1/-1!important;
  }

  .v437p-pagination{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
    padding-top:8px!important;
  }
  .v437p-pagination>span{
    text-align:center!important;
    font-size:7.8px!important;
  }
  .v437p-pagination>div{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 38px 38px!important;
    gap:6px!important;
  }
  .v437p-pagination select,
  .v437p-pagination button{
    width:100%!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v437p-pagination button{font-size:13px!important}

  .v437p-empty{
    padding:20px 10px!important;
    font-size:8.5px!important;
  }
}

@media(max-width:390px){
  .v437p-action-kpis{
    grid-template-columns:1fr!important;
  }
  .v437p-action-kpis article:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v437p-tools{
    grid-template-columns:1fr!important;
  }
  .v437p-tools input{
    grid-column:auto!important;
  }
  .v437p-alert-actions{
    grid-template-columns:1fr!important;
  }
  .v437p-alert-actions>a,
  .v437p-alert-actions select{
    grid-column:auto!important;
  }
}