/* SPORTS INTEL MOBILE APP V14 — GLOBAL RESPONSIVE QA FINAL */
@media (max-width:720px){

  /* =========================================================
     GLOBAL MOBILE SAFETY
     ========================================================= */
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .content,
  .live-page,
  .detail-page,
  .results-page,
  .v15-page,
  .si11-more-page,
  .lab-grid,
  .lab-form,
  .panel2,
  .card,
  .card-lite{
    min-width:0!important;
    max-width:100%!important;
  }
  img,svg,canvas{
    max-width:100%!important;
  }
  input,select,button,a{
    max-width:100%;
  }

  /* =========================================================
     MARKET / ODDS LAB
     Desktop .lab-grid was 320px + 1fr and caused clipping.
     ========================================================= */
  .lab-grid{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  .lab-form{
    width:100%!important;
    margin:0 0 10px!important;
    padding:13px!important;
    border-radius:14px!important;
  }
  .lab-form label{
    width:100%!important;
    margin-bottom:9px!important;
    font-size:9px!important;
  }
  .lab-form input,
  .lab-form select{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    margin-top:4px!important;
    padding:8px 10px!important;
    border-radius:8px!important;
  }
  .lab-form button{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin-top:3px!important;
    border-radius:9px!important;
  }

  /* Odds Lab result/KPI cards */
  .kpi-grid,
  .analysis-score-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .kpi-grid > *,
  .analysis-score-grid > *{
    min-width:0!important;
    width:auto!important;
    padding:11px!important;
  }
  .kpi-grid b,
  .analysis-score-grid b{
    font-size:20px!important;
  }
  .history-table{
    width:100%!important;
  }

  /* =========================================================
     LIVE PAGE — hard prevent right-edge clipping
     ========================================================= */
  .live-page{
    width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
  #live-list,
  .live-list{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  #live-list > *,
  .live-list > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }

  /* Any grid/flex row inside LIVE cards must fit viewport */
  #live-list [class*="card"],
  #live-list [class*="row"],
  #live-list [class*="teams"],
  #live-list [class*="prob"],
  #live-list [class*="odds"],
  #live-list [class*="market"]{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Odds container: equal columns with visible right border */
  #live-list .odds,
  #live-list .live-odds,
  #live-list .odds-row,
  #live-list .live-odds-row,
  #live-list [class*="odds-grid"]{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  /* When LIVE only has H/A, fill available width cleanly */
  #live-list .odds > :only-child,
  #live-list .live-odds > :only-child{
    grid-column:1/-1!important;
  }
  #live-list .odds > :first-child:nth-last-child(2),
  #live-list .odds > :first-child:nth-last-child(2) ~ *,
  #live-list .live-odds > :first-child:nth-last-child(2),
  #live-list .live-odds > :first-child:nth-last-child(2) ~ *{
    min-width:0!important;
  }

  #live-list [class*="odd"],
  #live-list [class*="price"],
  #live-list [class*="pick"]{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #live-list button{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Preserve card inner right spacing, especially AWAY column */
  #live-list article,
  #live-list section{
    box-sizing:border-box!important;
  }

  /* =========================================================
     AI PICKS / HIGHWIN
     ========================================================= */
  .v15-page,
  .v15-grid,
  .v15-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .v15-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* =========================================================
     RESULTS / PERFORMANCE / STATUS / AI COMBO
     ========================================================= */
  .results-page,
  .detail-page,
  .combo-page,
  .ai-combo-page,
  .status-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .si11-table-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* =========================================================
     MORE
     ========================================================= */
  .si11-more-page,
  .si11-more-grid,
  .si11-more-grid>a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* =========================================================
     HOME
     ========================================================= */
  .pro-toolbar,
  .country-strip,
  .country-schedule,
  .time-group,
  .time-matches,
  .si11-match-card{
    max-width:100%!important;
    min-width:0!important;
  }
}

/* EXTRA NARROW QA */
@media (max-width:390px){
  .live-page{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .kpi-grid,
  .analysis-score-grid{
    gap:5px!important;
  }
  .kpi-grid > *,
  .analysis-score-grid > *{
    padding:9px!important;
  }
  .kpi-grid b,
  .analysis-score-grid b{
    font-size:18px!important;
  }
  .v15-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}