/* Weekly progress override: no connector line, simple day circles with status beneath. */
.demo-page #demo-screen .week-progress{
  overflow:visible!important;
  padding:16px 18px!important;
}
.demo-page #demo-screen .week-progress-head{
  align-items:flex-end!important;
}
.demo-page #demo-screen .week-days{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
.demo-page #demo-screen .week-days::before,
.demo-page #demo-screen .week-days:before{
  content:none!important;
  display:none!important;
  position:static!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}
.demo-page #demo-screen .week-days>div{
  position:static!important;
  z-index:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
  color:#657580!important;
}
.demo-page #demo-screen .week-days>div>b{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #cfd7dc!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#657580!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}
.demo-page #demo-screen .week-days>div.current>b{
  border-color:#6c9ab8!important;
  background:#f1f7fb!important;
  color:#285f86!important;
}
.demo-page #demo-screen .week-days>div>span{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #cfd9df!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#6d7f8b!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
}
.demo-page #demo-screen .week-days>div.complete>span{
  border-color:#70a68d!important;
  background:#eef7f2!important;
  color:#2f765c!important;
}
.demo-page #demo-screen .week-days>div.complete>span .ui-icon,
.demo-page #demo-screen .week-days>div.complete>span .ui-icon svg{
  width:13px!important;
  height:13px!important;
  margin:0!important;
}
.demo-page #demo-screen .week-days>div.current>span{
  border-color:#6f9bb7!important;
  background:#eaf3f9!important;
  color:#285f86!important;
}
.demo-page #demo-screen .week-days>div>small{
  display:block!important;
  margin:0!important;
  color:#7d8991!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.demo-page #demo-screen .week-days>div.current>small{
  color:#285f86!important;
  font-weight:700!important;
}

@media(max-width:600px){
  .demo-page #demo-screen .week-progress{
    padding:11px 10px 10px!important;
  }
  .demo-page #demo-screen .week-progress-head{
    padding:0!important;
    gap:8px!important;
  }
  .demo-page #demo-screen .week-progress-head>span{
    font-size:8px!important;
    white-space:nowrap!important;
  }
  .demo-page #demo-screen .week-days{
    position:static!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:10px!important;
  }
  .demo-page #demo-screen .week-days::before,
  .demo-page #demo-screen .week-days:before{
    content:none!important;
    display:none!important;
  }
  .demo-page #demo-screen .week-days>div{
    gap:5px!important;
  }
  .demo-page #demo-screen .week-days>div>b{
    width:42px!important;
    height:42px!important;
    font-size:8px!important;
  }
  .demo-page #demo-screen .week-days>div>span{
    width:23px!important;
    height:23px!important;
    font-size:7px!important;
  }
  .demo-page #demo-screen .week-days>div.complete>span .ui-icon,
  .demo-page #demo-screen .week-days>div.complete>span .ui-icon svg{
    width:11px!important;
    height:11px!important;
  }
  .demo-page #demo-screen .week-days>div>small{
    font-size:7px!important;
  }
}