/* ============ Vista «Hoy» ============ */
.today{display:grid;gap:1rem}
.today>.banner,.today>.muted{margin:0}

/* Cabecera */
.t-head{display:grid;gap:.35rem}
.t-head-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.t-date{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}
.t-summary{margin:0;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums}
.t-cap{height:8px;margin-top:.3rem}

/* Selector de día */
.day-strip{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:.3rem}
.ds{display:grid;justify-items:center;gap:.1rem;min-height:64px;padding:.4rem .2rem .45rem;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.ds-wd{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase}
.ds-n{font-family:var(--font-head);font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}
.ds-load{width:70%;height:4px}
.ds.today .ds-n{color:var(--accent)}
.ds.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ds.on .ds-wd{color:inherit;opacity:.8}
.ds.on .ds-n{color:inherit}
.ds.on .ds-load{background:color-mix(in srgb,var(--bg) 30%,transparent)}
.ds.on .ds-load>i{background:var(--bg)}
.ds.on .ds-load.over>i{background:var(--over)}

/* Tarjeta «Ahora» */
.now{display:grid;gap:.55rem;padding:1.1rem 1.1rem 1rem;border-top:5px solid var(--c,var(--accent));border-radius:var(--r)}
.now.running{box-shadow:0 0 0 2px var(--accent)}
.now.empty{border-top-color:var(--line);text-align:center;justify-items:center;padding-block:1.6rem}
.now-kicker{display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.now-kicker .dot{background:var(--c,var(--accent))}
.now-title{font-size:1.65rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.now-meta{margin:0;color:var(--muted)}
.now-clock{font-family:var(--font-head);font-size:clamp(3.2rem,18vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;margin-top:.35rem}
.now-bar{height:10px;border-radius:5px}
.now-bar>i{border-radius:5px;background:var(--c,var(--accent));transition:width .9s linear}
.now-bar.over>i{background:var(--over)}
.now-sub{margin:0;color:var(--muted);font-size:.9rem}
.now-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;width:100%;margin-top:.3rem}
.btn.big{min-height:56px;font-size:1.1rem;border-radius:var(--r)}
.now-more{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}

/* Hoja «Otra» */
.pick{align-items:center}
.pick .dot{width:.8rem;height:.8rem;background:var(--c,var(--a10))}
.pick-t{display:grid;gap:0;min-width:0}
.pick-t>span{overflow-wrap:anywhere}

/* Agenda: línea de tiempo vertical */
.tl{list-style:none;margin:0;padding:0 0 0 1rem;display:grid;gap:.45rem;position:relative}
.tl::before{content:"";position:absolute;left:.25rem;top:.4rem;bottom:.4rem;width:2px;background:var(--furrow);border-radius:1px}
.tl-row{position:relative;min-width:0}
.tl-task::before{content:"";position:absolute;left:-1rem;top:1.15rem;width:.6rem;height:.6rem;margin-left:-.05rem;border-radius:50%;
  background:var(--surface);border:2px solid var(--accent)}
.tl-free{display:flex;gap:.6rem;align-items:baseline;justify-content:space-between;padding:.45rem .8rem;border:1px dashed var(--line);
  border-radius:var(--r-sm);color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.tl-now{display:flex;align-items:center;gap:.5rem;color:var(--warn);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums;min-height:22px}
.tl-now::before{content:"";position:absolute;left:-1rem;width:.8rem;height:.8rem;margin-left:-.15rem;border-radius:50%;background:var(--warn)}
.tl-nowline{flex:1;height:2px;background:var(--warn);border-radius:1px}

/* Hechas plegables */
.done-box{margin-top:1rem}
.done-box>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--muted);font-weight:700}
.done-box[open]>summary{margin-bottom:.4rem}

@media (min-width:700px){.t-date{font-size:2rem}}