/* NestPortal v484 · leyenda compacta real y logotipo móvil ampliado */

/* Cualquier actividad clasificada por el servidor o por el frontend se presenta
   como bitácora: sin avatar exterior, burbuja, fecha, vistas ni botones de mensaje. */
#chatBody .msgRow.activityCoreRowV484,
#chatBody .msgRow.activityCoreRowV483,
#chatBody .msgRow.activityLogRowV420{
  display:block!important;
  box-sizing:border-box!important;
  width:min(560px,calc(100% - 82px))!important;
  max-width:560px!important;
  margin:4px auto!important;
  padding:0!important;
  clear:both!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#chatBody .msgRow.activityCoreRowV484>.profileAvatarBtn,
#chatBody .msgRow.activityCoreRowV484>.bubble,
#chatBody .msgRow.activityLogRowV420>.profileAvatarBtn,
#chatBody .msgRow.activityLogRowV420>.bubble{display:none!important}
#chatBody .activityCoreRowV484>.activityLogLineV420,
#chatBody .activityCoreRowV483>.activityLogLineV420,
#chatBody .activityLogRowV420>.activityLogLineV420{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:5px 3px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  column-gap:4px!important;
}
#chatBody .activityCoreRowV484 .activityLogMainV420{
  grid-template-columns:minmax(0,1fr) 34px!important;
  gap:5px!important;
}
#chatBody .activityCoreRowV484 .activityLogMainV420:disabled{
  cursor:default!important;
  opacity:1!important;
}
#chatBody .activityCoreRowV484 .activityLogSentenceV420{
  font-size:11px!important;
  line-height:1.16!important;
}
#chatBody .activityCoreRowV484 .activityLogDetailV420{
  font-size:10px!important;
  line-height:1.14!important;
}
#chatBody .activityCoreRowV484 .activityLogOpenV420{font-size:9px!important}
#chatBody .activityCoreRowV484 .activityThumbV420{
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
}
#chatBody .activityCoreRowV484 .activityLogShareV420{
  width:24px!important;
  height:24px!important;
  padding:3px!important;
}
#chatBody .activityCoreRowV484 .activityLogShareV420 img{width:17px!important;height:17px!important}

/* Respaldo visual para una copia anterior del núcleo. En cuanto el API entregue
   la actividad, esta fila deja de parecer una tarjeta aunque aún no se decodifique. */
#chatBody .msgRow.activityFallbackRowV482:not(.activityLogRowV420){
  display:block!important;
  box-sizing:border-box!important;
  width:min(560px,calc(100% - 82px))!important;
  max-width:560px!important;
  margin:4px auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#chatBody .activityFallbackRowV482:not(.activityLogRowV420)>.profileAvatarBtn{display:none!important}
#chatBody .activityFallbackRowV482:not(.activityLogRowV420)>.bubble{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#chatBody .activityFallbackRowV482:not(.activityLogRowV420)>.bubble>:not(.msgText){display:none!important}
#chatBody .activityFallbackRowV482:not(.activityLogRowV420) .msgText{
  margin:0!important;
  color:#405852!important;
  font-size:11px!important;
  line-height:1.24!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* En celular la marca ocupa el espacio disponible antes de las acciones. Se
   incrementa aproximadamente 25–35 %, sin cambiar el tamaño aprobado en tableta. */
@media(max-width:600px){
  .topbar>.brand{
    width:clamp(126px,36vw,148px)!important;
    min-width:clamp(126px,36vw,148px)!important;
    max-width:clamp(126px,36vw,148px)!important;
    flex:0 0 clamp(126px,36vw,148px)!important;
    gap:0!important;
  }
  .topbar .logoHeaderV474,
  .topbar .logoWideOnlyV215.logoHeaderV474,
  .topbar .logoResponsiveV207.logoHeaderV474{
    display:grid!important;
    width:100%!important;
    height:54px!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  .topbar .logoHeaderV474 .logoHeaderImgV474{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:scale(1.08)!important;
    transform-origin:left center!important;
  }
  .topbar>.topActions{flex:0 0 auto!important;gap:5px!important;min-width:0!important}
  .topbar .rolePill{max-width:122px!important}
}
@media(max-width:380px){
  .topbar>.brand{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    flex-basis:126px!important;
  }
  .topbar .logoHeaderV474{height:50px!important}
  .topbar .rolePill{max-width:112px!important}
}
@media(max-width:760px){
  #chatBody .msgRow.activityCoreRowV484,
  #chatBody .msgRow.activityCoreRowV483,
  #chatBody .msgRow.activityLogRowV420,
  #chatBody .msgRow.activityFallbackRowV482:not(.activityLogRowV420){
    width:calc(100% - 76px)!important;
    max-width:548px!important;
  }
}