/* Compact layout update: no functionality or data changed. */
#dashboard .myroutine-box{
  padding:12px 14px!important;
  margin-top:16px!important;
  border-radius:15px!important;
}
#dashboard .myroutine-head{gap:8px!important;align-items:center!important}
#dashboard .myroutine-head h2{
  font-size:15px!important;line-height:1.25!important;margin:0!important
}
#dashboard .myroutine-head p{display:none!important}
#dashboard .myroutine-pill{
  font-size:11px!important;padding:4px 8px!important;line-height:1.3!important
}
#dashboard .myroutine-details{
  font-size:12px!important;line-height:1.35!important;
  margin-top:7px!important;overflow-wrap:anywhere
}
#dashboard .myroutine-actions{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;
  margin-top:8px!important
}
#dashboard .myroutine-actions button{
  min-height:34px!important;width:auto!important;
  padding:6px 10px!important;font-size:12px!important;
  line-height:1.3!important;border-radius:9px!important
}
#dashboard .myroutine-status{
  margin:6px 0 0!important;font-size:11px!important;line-height:1.3!important
}
#dashboard .myroutine-status:empty{display:none!important}

@media(max-width:760px){
  #dashboard .welcome{
    min-height:74px!important;padding:10px 14px!important;
    margin-bottom:10px!important;gap:8px!important
  }
  #dashboard .welcome h1{
    font-size:22px!important;line-height:1.14!important;
    margin-bottom:3px!important
  }
  #dashboard .welcome .muted{
    font-size:12px!important;line-height:1.3!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden
  }
  #dashboard .welcome-art{font-size:26px!important}
  #dashboard .banner-section{margin-top:0!important}
  #dashboard .banner-frame{
    aspect-ratio: 16/9!important;
    min-height:190px!important;
    max-height:340px!important
  }
  #dashboard .banner-frame img{width:100%;height:100%;object-fit:cover!important}
  #dashboard .mobile-download{
    display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;
    align-items:center!important;column-gap:8px!important;row-gap:0!important;
    padding:9px 10px!important;margin:12px 0 10px!important;
    border-radius:13px!important
  }
  #dashboard .mobile-download .install-card-icon{
    width:24px!important;height:24px!important;font-size:18px!important;
    border-radius:8px!important
  }
  #dashboard .mobile-download .install-card-copy{
    min-width:0!important;flex:none!important
  }
  #dashboard .mobile-download .install-card-copy strong{
    font-size:12px!important;line-height:1.25!important;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  #dashboard .mobile-download .install-card-copy p{display:none!important}
  #dashboard .mobile-download .install-app-cta{
    width:auto!important;min-width:0!important;min-height:34px!important;
    margin:0!important;padding:7px 9px!important;
    font-size:11px!important;border-radius:9px!important;
    white-space:nowrap
  }
  #dashboard .mobile-download .install-app-status:not(:empty){
    grid-column:1/-1!important;margin:5px 0 0!important;
    font-size:11px!important
  }
  #dashboard .mobile-download .install-app-status:empty{display:none!important}
  #dashboard .myroutine-box{padding:11px 12px!important;margin-top:12px!important}
  #dashboard .myroutine-head h2{font-size:14px!important}
  #dashboard .myroutine-actions button{
    flex:1 1 auto!important;font-size:11px!important;padding:7px 6px!important
  }
}
@media(max-width:390px){
  #dashboard .mobile-download{grid-template-columns:20px minmax(0,1fr) auto!important;column-gap:5px!important;padding:8px!important}
  #dashboard .mobile-download .install-card-copy strong{font-size:11px!important}
  #dashboard .mobile-download .install-app-cta{padding:7px!important;font-size:10px!important}
  #dashboard .banner-frame{min-height:175px!important}
}