/* Asistente Virtual: chips visibles + conversacion desplazable.
   Hoja dedicada cargada al final para ganar a reglas legacy del chat. */
html body #app #pg-ia.pg.asistente-serio-v1.serio-v2,
html body #app #pg-ia.pg.asistente-serio-v1.serio-v2.active{
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 > .section,
html body #app #pg-ia.asistente-serio-v1.serio-v2 > .section > .section-body,
html body #app #pg-ia.asistente-serio-v1.serio-v2 > .section > .section-body > .section-content{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 > .section > .section-body > .section-content{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat-panel.ia-serio-panel--chat{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat-panel .ia-serio-chat-body{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  grid-template-rows:none!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-proactive,
html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-history{
  display:block!important;
  flex:0 0 auto!important;
  max-height:150px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-proactive:empty,
html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-history:empty{
  display:none!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips{
  display:block!important;
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card){
  padding:0!important;
  border-bottom:none!important;
  background:transparent!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chips__label{
  margin:0 0 4px!important;
  font-size:12px!important;
  line-height:1.2!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chips__row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  flex-wrap:unset!important;
  align-items:stretch!important;
  gap:8px!important;
  min-height:0!important;
  overflow:visible!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  max-width:100%!important;
  white-space:normal!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty{
  flex:0 0 auto!important;
  min-height:0!important;
  height:0!important;
  max-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-top:none!important;
  background:transparent!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty::after{
  content:none!important;
  display:none!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs,
html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(:empty){
  position:relative!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:160px!important;
  height:auto!important;
  max-height:clamp(180px,32dvh,390px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  border-top:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #app #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-input-wrap{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:4!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:0!important;
  background:transparent!important;
}

@media (min-width:768px){
  html body #app #pg-ia.pg.asistente-serio-v1.serio-v2{
    max-width:1120px!important;
    padding-bottom:28px!important;
  }
}

@media (max-width:767px){
  html body #app #pg-ia.pg.asistente-serio-v1.serio-v2,
  html body #app #pg-ia.pg.asistente-serio-v1.serio-v2.active{
    padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
  }
  html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card){
    min-height:88px!important;
    max-height:170px!important;
  }
  html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs,
  html body #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(:empty){
    min-height:140px!important;
    height:auto!important;
    max-height:clamp(160px,30dvh,320px)!important;
  }
}
