/* CLIENT_SUMMARY_COMPACT_GRID_20260921
 * Resumen cliente: 2 filas x 3 tarjetas en pantallas con espacio.
 * Fila 1: prueba / email / descuento.
 * Fila 2: renovación / bono / WhatsApp.
 */
#cliente-panel-resumen .cliente-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important;
  grid-auto-rows:auto !important;
  gap:10px !important;
  align-items:stretch !important;
}
#cliente-panel-resumen .cliente-header-details{
  display:contents !important;
}
#cliente-panel-resumen .cliente-summary-alerts{
  display:none !important;
}
#cliente-panel-resumen .cliente-summary-tile-trial{
  grid-column:1 !important;
  grid-row:1 !important;
}
#cliente-panel-resumen .cliente-summary-tile-email{
  grid-column:2 !important;
  grid-row:1 !important;
}
#cliente-panel-resumen .cliente-summary-tile-discount{
  grid-column:3 !important;
  grid-row:1 !important;
}
#cliente-panel-resumen .cliente-summary-tile-lastclass{
  grid-column:1 !important;
  grid-row:2 !important;
  background:#eef8ec !important;
  border-color:#b8d9b2 !important;
  box-shadow:inset 0 0 0 1px rgba(73,130,65,.04) !important;
}
#cliente-panel-resumen .cliente-summary-tile-lastclass > span{
  color:#54744f !important;
}
#cliente-panel-resumen .cliente-summary-tile-lastclass > strong{
  color:#244d2a !important;
}
#cliente-panel-resumen .cliente-bono-current-card{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  min-width:0 !important;
  width:100% !important;
  align-self:stretch !important;
}
#cliente-panel-resumen .cliente-summary-tile-whatsapp-sync,
#cliente-panel-resumen .cliente-summary-tile-whatsapp{
  grid-column:3 !important;
  grid-row:2 !important;
}
#cliente-panel-resumen .cliente-header-detail,
#cliente-panel-resumen .cliente-bono-current-card{
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}
#cliente-panel-resumen .cliente-summary-tile-email strong{
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@media (max-width:699px){
  /* Mobile only: keep desktop untouched. */
  #cliente-detail-card .inline-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:7px !important;
    min-width:0 !important;
  }
  #cliente-detail-card #cliente-header-estado{
    margin-left:auto !important;
    align-self:center !important;
    flex:0 0 auto !important;
  }

  #cliente-panel-resumen .cliente-summary-grid{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:auto auto auto !important;
    gap:7px !important;
    align-items:stretch !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-trial{
    grid-column:1 / span 2 !important;
    grid-row:1 !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-discount{
    grid-column:3 / span 2 !important;
    grid-row:1 !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-email{
    grid-column:5 / span 2 !important;
    grid-row:1 !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-lastclass{
    grid-column:1 / span 3 !important;
    grid-row:2 !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-whatsapp-sync,
  #cliente-panel-resumen .cliente-summary-tile-whatsapp{
    grid-column:4 / span 3 !important;
    grid-row:2 !important;
  }
  #cliente-panel-resumen .cliente-bono-current-card{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
  }

  #cliente-panel-resumen .cliente-header-detail{
    min-width:0 !important;
    padding:8px 9px !important;
    overflow:hidden !important;
  }
  #cliente-panel-resumen .cliente-header-detail > span{
    font-size:11px !important;
    line-height:1.15 !important;
  }
  #cliente-panel-resumen .cliente-header-detail > strong{
    max-width:100% !important;
    font-size:14px !important;
    line-height:1.15 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  #cliente-panel-resumen .cliente-header-detail > small{
    max-width:100% !important;
    font-size:11px !important;
    line-height:1.2 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-email strong{
    font-size:12px !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  #cliente-panel-resumen .cliente-summary-tile-discount .btn{
    width:auto !important;
    max-width:100% !important;
    padding:4px 7px !important;
    font-size:11px !important;
    white-space:normal !important;
  }
}