/* TrailLab v390 · coherencia visual del menú, Feed y asistente de Conexiones. */

/* Los controles del menú dejaron de ser banderines: toda el área pulsable conserva
   sus cuatro esquinas y ningún estado vuelve a aplicar la máscara diagonal antigua. */
html body aside.left .nav-item,
html body aside.left .nav-grp{
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border-radius:10px!important;
}
html body aside.left>.nav-item.nav-solo,
html body aside.left>.nav-group>.nav-grp{
  overflow:hidden;
}
html body aside.left .nav-grp-body .nav-item{
  border-radius:9px!important;
}

/* Feed usa la misma banderilla compacta que Plan de entrenos. El subtítulo antiguo
   dentro del propio título era el que forzaba la pieza a ocupar toda la fila. */
html body #view-feed>.view-title{
  width:min(310px,100%)!important;
  min-width:0!important;
  max-width:310px!important;
  justify-self:start!important;
  align-self:start!important;
}
html body #view-feed>.view-title::after{
  content:none!important;
  display:none!important;
}

/* Tarjetas de Conexiones: base azul petróleo, borde turquesa y lima sólo para
   estados/acciones. Así comparten lenguaje con Guía, misiones y recorrido premium. */
html body #view-conexiones .conn-v278 .cx-step{
  border-color:rgba(66,199,180,.28)!important;
  background:linear-gradient(145deg,#102932 0%,#0b222b 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body #view-conexiones .conn-v278 .cx-step::before{
  background:linear-gradient(180deg,#36d7c4,#258f86)!important;
  opacity:.78!important;
}
html body #view-conexiones .conn-v278 .cx-step:hover{
  border-color:rgba(66,214,190,.5)!important;
  box-shadow:0 17px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body #view-conexiones .conn-v278 .cx-step[open]{
  border-color:#36d7c4!important;
  background:linear-gradient(145deg,#112f38 0%,#0b252e 100%)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 0 1px rgba(54,215,196,.08)!important;
}
html body #view-conexiones .conn-v278 .cx-step.ok{
  border-color:rgba(66,199,180,.4)!important;
}
html body #view-conexiones .conn-v278 .cx-step-no{
  border-color:rgba(62,204,184,.34)!important;
  background:#0a2028!important;
  color:#b8d3cc!important;
}
html body #view-conexiones .conn-v278 .cx-step.ok .cx-step-no{
  border-color:rgba(166,232,44,.55)!important;
  color:var(--lime)!important;
}
html body #view-conexiones .conn-v278 .cx-step-body{
  border-top-color:rgba(76,161,148,.2)!important;
  background:linear-gradient(180deg,rgba(7,25,32,.12),rgba(7,25,32,.48))!important;
}
html body #view-conexiones .conn-v278 .cx-step-list li::before{
  border-color:rgba(54,215,196,.38)!important;
  background:#0a2028!important;
}

@media (max-width:560px){
  html body #view-feed>.view-title{
    width:min(310px,100%)!important;
    max-width:100%!important;
  }
}