/* V3.4 — Daily study goal and activity streak */
.daily-goal-strip{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  margin:10px 0 2px;
  padding:10px 12px;
  border:1px solid var(--card-border);
  border-radius:13px;
  background:linear-gradient(135deg,var(--card),var(--tint-blue));
  box-shadow:0 2px 9px rgba(31,43,36,.07);
  cursor:pointer;
  text-align:inherit;
  color:var(--ink);
  width:100%;
}
.daily-goal-strip:active{transform:scale(.99)}
.daily-goal-ring{
  --daily-pct:0deg;
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(var(--ok) var(--daily-pct),rgba(47,107,79,.13) 0);
  position:relative;
  flex:none;
}
.daily-goal-ring::before{
  content:"";position:absolute;inset:5px;border-radius:50%;background:var(--card);
}
.daily-goal-ring strong{position:relative;z-index:1;font-size:.72rem;color:var(--ok)}
.daily-goal-copy{min-width:0;text-align:right}
.daily-goal-copy b{display:block;font-size:.84rem;margin-bottom:3px}
.daily-goal-copy span{display:block;font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-goal-streak{text-align:center;min-width:48px}
.daily-goal-streak strong{display:block;font-size:1rem;color:var(--accent)}
.daily-goal-streak span{font-size:.6rem;color:var(--muted)}
.daily-goal-complete{border-color:rgba(47,107,79,.45);background:linear-gradient(135deg,var(--tint-ok),var(--card))}

.daily-goal-panel{margin-top:14px}
.daily-goal-hero{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;
}
.daily-goal-stat{
  padding:13px 10px;border-radius:12px;border:1px solid var(--card-border);background:var(--opt-bg);text-align:center;
}
.daily-goal-stat strong{display:block;font-size:1.35rem;color:var(--blue);margin-bottom:3px}
.daily-goal-stat span{font-size:.68rem;color:var(--muted)}
.daily-goal-progress{height:11px;border-radius:999px;background:rgba(47,107,79,.12);overflow:hidden;margin:12px 0 5px}
.daily-goal-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--ok),var(--ok2));transition:width .25s ease}
.daily-goal-progress-label{text-align:center;font-size:.74rem;color:var(--muted);margin-bottom:14px}
.daily-goal-section-title{font-size:.78rem;font-weight:900;color:var(--blue);margin:14px 0 8px}
.daily-goal-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.daily-goal-options button{
  border:1px solid var(--opt-border);background:var(--opt-bg);color:var(--ink);border-radius:10px;padding:10px 4px;font-weight:800;cursor:pointer;
}
.daily-goal-options button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.daily-goal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.daily-goal-actions button{min-height:44px}
.daily-week{
  display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;margin-top:8px;
}
.daily-day{text-align:center;min-width:0}
.daily-day-bar-wrap{height:72px;border-radius:8px;background:rgba(31,43,36,.06);display:flex;align-items:flex-end;overflow:hidden;margin-bottom:5px}
.daily-day-bar{width:100%;min-height:3px;background:var(--blue-line);border-radius:7px 7px 0 0}
.daily-day.complete .daily-day-bar{background:var(--ok)}
.daily-day.today .daily-day-bar-wrap{outline:2px solid var(--accent);outline-offset:1px}
.daily-day b{display:block;font-size:.58rem;white-space:nowrap}
.daily-day small{display:block;font-size:.52rem;color:var(--muted);white-space:nowrap}
.daily-goal-note{margin-top:12px;padding:9px 10px;border-radius:9px;background:var(--tint-blue);font-size:.7rem;line-height:1.55;color:var(--muted)}

.daily-goal-toast{
  position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,18px);
  z-index:10000;padding:10px 15px;border-radius:999px;background:var(--ink);color:var(--card);font-size:.78rem;font-weight:800;
  opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 8px 25px rgba(0,0,0,.22);white-space:nowrap;
}
.daily-goal-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:760px){
  body.quiz-one-screen #dailyGoalStrip{display:none!important}
  .daily-goal-panel{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .daily-goal-options{gap:5px}
  .daily-goal-options button{padding:9px 2px;font-size:.78rem}
}
@media(max-width:370px){
  .daily-goal-strip{grid-template-columns:auto 1fr;gap:8px}
  .daily-goal-streak{display:none}
  .daily-goal-ring{width:43px;height:43px}
}