/* LioraPath V19.14 — roadmap visibility + profile photo + mobile sign-out + button wiring */

/* Keep every dashboard action comfortably inside its card. */
#appShell .v198-stat{
  min-width:0!important;
}
#appShell .v198-stat>span:nth-child(2){
  min-width:0!important;
}
#appShell .v198-stat-link{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  padding-top:4px!important;
}
#appShell .v198-stat.progress .v198-stat-link{
  font-size:10.5px!important;
  font-weight:850!important;
}

/* At laptop widths, two wider cards keep text such as “View My Roadmap” fully visible. */
@media (min-width:761px) and (max-width:1240px){
  #appShell .v198-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #appShell .v198-stat{
    min-height:136px!important;
  }
}

/* The round account control always shows the saved profile picture when one exists. */
#appShell #v15TopAvatar,
#appShell #sideAvatar{
  overflow:hidden!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  flex:0 0 auto!important;
}
#appShell #v15TopAvatar.v1914-has-photo,
#appShell #sideAvatar.v1914-has-photo{
  color:transparent!important;
  text-shadow:none!important;
}
#appShell .v15-top-user.v1914-profile-control,
#appShell .sidebar-bottom .user-chip.v1914-profile-control{
  cursor:pointer!important;
}
#appShell .v15-top-user.v1914-profile-control:focus-visible,
#appShell .sidebar-bottom .user-chip.v1914-profile-control:focus-visible{
  outline:3px solid rgba(46,174,164,.35)!important;
  outline-offset:3px!important;
  border-radius:12px!important;
}

/* Mobile: explicitly keep the roadmap link and the Sign out label visible. */
@media(max-width:760px){
  #appShell .v198-stats{
    align-items:stretch!important;
  }
  #appShell .v198-stat{
    min-height:128px!important;
  }
  #appShell .v198-stat-link{
    display:none!important;
  }
  #appShell .v198-stat.progress{
    min-height:148px!important;
  }
  #appShell .v198-stat.progress .v198-stat-link{
    display:flex!important;
    grid-column:1/-1!important;
    font-size:9.5px!important;
    margin-top:4px!important;
    padding-top:2px!important;
  }
  #appShell .sidebar-bottom button[data-action="logout"],
  #appShell .v1914-signout{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  #appShell .sidebar-bottom button[data-action="logout"] .v1914-signout-label{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    color:inherit!important;
  }
}