/* SPARK AI learning week: shared by the planner and dashboard. Calm, one-column-first. */
.learning-week{--lw-bg:var(--spark-card-strong,#051424);--lw-line:var(--spark-line,rgba(116,228,255,.18));--lw-line2:var(--spark-line-strong,rgba(116,228,255,.34));--lw-text:var(--spark-text,#f6fbff);--lw-muted:var(--spark-muted,#a9b8c9);--lw-accent:var(--spark-cyan,#00d4ff);--lw-ok:#34d399;
  max-width:820px;margin:1.5rem auto;padding:1.25rem;background:var(--lw-bg);border:1px solid var(--lw-line);border-radius:16px;color:var(--lw-text);font:16px/1.5 system-ui,-apple-system,sans-serif;position:relative}
.learning-week [hidden]{display:none!important}
.lw-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}
.learning-week h2{font-size:1.35rem;margin:0}
.learning-week h3.lw-dayname{font-size:1rem;margin:1.1rem 0 .4rem;color:var(--lw-muted);font-weight:600}
.lw-muted{color:var(--lw-muted)}
.lw-controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end}
.lw-field{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--lw-muted)}
.learning-week select,.learning-week input[type=date]{background:#0b2038;color:var(--lw-text);padding:.6rem .7rem;border:1px solid var(--lw-line2);border-radius:10px;font-size:1rem;max-width:100%;color-scheme:dark;min-height:44px}
.lw-weeknav{display:flex;align-items:end;gap:.4rem}
.lw-weeknav>button{min-width:44px;min-height:44px;font-size:1.3rem;line-height:1;padding:0}
.learning-week button,.learning-week a.lw-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:var(--lw-text);border:1px solid var(--lw-line2);border-radius:10px;padding:.55rem .9rem;min-height:44px;font:inherit;cursor:pointer;text-decoration:none}
.learning-week button:hover,.learning-week a.lw-link:hover{border-color:var(--lw-accent)}
.learning-week button.lw-primary{background:var(--lw-accent);color:#03111f;border-color:var(--lw-accent);font-weight:600;text-align:left}
.learning-week .lw-quiet{border-color:transparent;color:var(--lw-muted);padding:.55rem .6rem}
.lw-controls .lw-quiet{min-height:36px}
.learning-week button:disabled{opacity:.55;cursor:wait}
.learning-week :focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.lw-status{min-height:1.4em;margin:.6rem 0 0;font-size:.9rem;color:var(--lw-muted)}
.lw-save{margin-top:.75rem}
.lw-empty{color:var(--lw-muted);margin:1rem 0 0}
/* summary */
.lw-summary{margin-top:1rem}
.lw-summary-text{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.4rem}
.learning-week progress{width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);accent-color:var(--lw-ok);-webkit-appearance:none;appearance:none}
.learning-week progress::-webkit-progress-bar{background:rgba(255,255,255,.08)}
.learning-week progress::-webkit-progress-value{background:var(--lw-ok);border-radius:99px}
.learning-week progress::-moz-progress-bar{background:var(--lw-ok);border-radius:99px}
.lw-continue{width:100%;margin-top:.9rem;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}
.lw-done-msg{margin:.9rem 0 0;color:var(--lw-ok)}
/* day tabs */
.lw-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:1.1rem}
.learning-week .lw-tab{flex-direction:column;gap:0;padding:.4rem .2rem;border-color:var(--lw-line);color:var(--lw-muted)}
.lw-tab-day{font-weight:600;font-size:.95rem}
.lw-tab-count{font-size:.75rem}
.learning-week .lw-tab[aria-selected=true]{background:rgba(0,212,255,.12);border-color:var(--lw-accent);color:var(--lw-text)}
.learning-week .lw-tab[data-complete-day=true] .lw-tab-count{color:var(--lw-ok)}
/* lessons */
.lw-lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lw-lesson{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--lw-line)}
.lw-lesson:first-child{border-top:0}
.lw-check{position:relative;flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lw-check input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.lw-check span{width:22px;height:22px;border:2px solid var(--lw-line2);border-radius:7px;display:block;transition:background .15s,border-color .15s}
.lw-check input:checked+span{background:var(--lw-ok);border-color:var(--lw-ok);box-shadow:inset 0 0 0 3px var(--lw-bg)}
.lw-check input:focus-visible+span{outline:3px solid #fbbf24;outline-offset:2px}
.lw-lesson-body{flex:1;min-width:0}
.lw-lesson details{min-width:0}
.lw-lesson-action{padding:0 0 .6rem}
.lw-lesson summary{list-style:none;cursor:pointer;padding:.45rem 0;display:flex;flex-direction:column;gap:.1rem}
.lw-lesson summary::-webkit-details-marker{display:none}
.lw-title{font-weight:600;overflow-wrap:anywhere}
.lw-meta{font-size:.82rem;color:var(--lw-muted);display:flex;align-items:center;gap:.4rem}
.lw-dot{width:8px;height:8px;border-radius:50%;background:var(--lw-accent);flex:none}
.lw-lesson[data-done=true] .lw-title{color:var(--lw-muted);text-decoration:line-through;text-decoration-color:rgba(169,184,201,.5)}
.lw-lesson[data-subject=maths] .lw-dot,.lw-lesson[data-subject=numeracy] .lw-dot{background:#00e5ff}
.lw-lesson[data-subject=english] .lw-dot,.lw-lesson[data-subject=literacy] .lw-dot{background:#c084fc}
.lw-lesson[data-subject=biology] .lw-dot{background:#39ff14}
.lw-lesson[data-subject=chemistry] .lw-dot{background:#34d399}
.lw-lesson[data-subject=physics] .lw-dot{background:#60a5fa}
.lw-lesson[data-subject=history] .lw-dot,.lw-lesson[data-subject=discovery] .lw-dot{background:#ffb300}
.lw-lesson[data-subject=geography] .lw-dot{background:#22d3ee}
.lw-lesson[data-subject=creativity] .lw-dot,.lw-lesson[data-subject=entrepreneur] .lw-dot{background:#f472b6}
.lw-lesson[data-subject=wellbeing] .lw-dot,.lw-lesson[data-subject=business] .lw-dot{background:#fb7185}
.lw-lesson[data-subject=modern] .lw-dot{background:#818cf8}
.lw-more{padding:.2rem 0 .8rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.lw-more p,.lw-more ul{margin:0}
.lw-lead{color:var(--lw-text)}
.lw-list{padding-left:1.1rem;color:var(--lw-muted);font-size:.92rem}
.lw-label{font-size:.8rem;color:var(--lw-muted);font-weight:600;margin-top:.2rem!important}
.lw-level,.lw-lock,.lw-parentled{font-size:.82rem}
.lw-footnote{font-size:.8rem;margin:1rem 0 0}
@media(max-width:560px){.learning-week{padding:1rem;margin:1rem 0;border-radius:0;border-left:0;border-right:0}.lw-controls{flex-direction:column;align-items:stretch}.lw-controls .lw-quiet{align-self:flex-start}.lw-weeknav{justify-content:space-between}.lw-datefield{flex:1}.learning-week button.lw-primary{width:100%}}
@media print{.learning-week button,.lw-controls,.lw-save,.lw-tabs,.lw-continue{display:none}.learning-week{color:#000;background:#fff;border:0}.lw-muted,.lw-list,.lw-meta{color:#333}.lw-lesson details{display:block}}
@media(prefers-reduced-motion:reduce){.lw-check span{transition:none}}
.lw-print-week{display:none}
@media print{
  .learning-week #lw-panel,.learning-week .lw-check,.learning-week .lw-lesson-action{display:none!important}
  .learning-week .lw-print-week{display:block!important;color:#111}
  .lw-print-day h3{margin:1rem 0 .5rem;break-after:avoid}
  .lw-print-lesson{break-inside:avoid;border-top:1px solid #bbb;padding:.5rem 0}
  .lw-print-lesson h4,.lw-print-lesson p{margin:.25rem 0}
  .lw-print-lesson ul{margin:.25rem 0;padding-left:1.25rem}
}