/* Турбо-улитка — plan.css (DAY PLAN screen: today's 1–3 things, «если — то», finish time, «Потом»)
   Own classes only (.plan-…); home.css already uses .plan-prev/.plan-prog/.plan-list/.plan-empty/.plan-inbox. */

/* ===== cards on top: new day, timer return ===== */
.plan-card{gap:.8rem}
.plan-card h2{font-size:1.25rem}
.plan-card .kicker{margin-bottom:-.2rem}
.plan-card-d{color:var(--ink-2);max-width:52ch}
.plan-cardtop{display:flex;align-items:center;gap:.75rem;min-width:0}
.plan-cardtop h2{min-width:0;overflow-wrap:anywhere}
.plan-card .row{gap:.5rem;margin-top:.15rem}
.plan-nd-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}
.plan-nd-list li{position:relative;padding:.55rem .85rem .55rem 2.1rem;border-radius:1rem;background:var(--surface);font-weight:600;overflow-wrap:anywhere}
.plan-nd-list li::before{content:"";position:absolute;left:.85rem;top:1.05rem;width:.55rem;height:.55rem;border-radius:50%;border:2px solid var(--line-strong)}
.plan-nd-min{color:var(--ink-2);font-weight:400;white-space:nowrap}

/* ===== today ===== */
.plan-today{gap:1rem}
.plan-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}
.plan-top h2{font-size:1.3rem}
.plan-count{color:var(--ink-2)}
.plan-count b{color:var(--ink)}
.plan-flash{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:.35rem .5rem .35rem .85rem;border-radius:1.15rem;background:var(--sel);color:var(--ink);font-weight:500}
.plan-flash > .ico{width:1.25rem;height:1.25rem;color:var(--leaf-2)}
.plan-flash > span{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
.plan-flash .linkbtn{margin-left:auto}

.plan-items{list-style:none;margin:0;padding:0;display:grid}
/* phone: [✓ text … ⋯] / meta / [Начать] — rows without content take no space (margins, no row gap) */
.plan-item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.5rem;align-items:start;padding:.85rem 0;border-top:1px solid var(--line);min-width:0}
.plan-item:first-child{border-top:0;padding-top:.1rem}
.plan-item:last-child{padding-bottom:.1rem}
.plan-check{grid-column:1;grid-row:1;align-items:flex-start;margin:0 -.25rem;font-size:1.0625rem;font-weight:600;line-height:1.4}
.plan-check .chk{margin-top:.02rem}
.plan-text{min-width:0;overflow-wrap:anywhere;padding-top:.04rem}
.plan-morebtn{grid-column:2;grid-row:1;border-color:var(--line)}
.plan-meta{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:.3rem 0 0 2.35rem;color:var(--ink-2);min-width:0}
.plan-startbtn{grid-column:1 / -1;grid-row:3;justify-self:start;margin:.65rem 0 0 2.35rem}
.plan-startbtn .ico{width:1.25rem;height:1.25rem}
.plan-more{grid-column:1 / -1;grid-row:4;display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0 0 2.35rem;padding:.55rem;border-radius:1.15rem;background:var(--surface-2)}
.plan-more .btn .ico{width:1.2rem;height:1.2rem}
.plan-item .confirm{grid-column:1 / -1;grid-row:5;margin-top:.65rem}
.plan-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .6rem .1rem .45rem}
.plan-tag .ico{width:1rem;height:1rem}
.plan-tag.is-run{border-color:var(--leaf-2);color:var(--ink);background:var(--sel)}
.plan-when{display:inline-flex;align-items:center;gap:.3rem;font-size:.9375rem}
.plan-when .ico{width:1rem;height:1rem;color:var(--leaf-2);stroke-width:2.4}
.plan-if{flex-basis:100%;color:var(--ink-2);max-width:52ch;overflow-wrap:anywhere}
.plan-if b{color:var(--ink);font-weight:650}
.plan-item.is-done .plan-text{font-weight:500}
.plan-item.is-edit{display:block;padding-block:.6rem}

/* add a thing: a dashed free slot, the form */
.plan-addslot{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;width:100%;min-height:3.6rem;padding:.6rem 1rem .6rem .65rem;border-radius:1.15rem;border:2px dashed var(--line-strong);background:transparent;color:var(--ink);font-weight:650;text-align:left}
.plan-addslot:hover{background:var(--surface-2)}
.plan-plus{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--chip);flex:none}
.plan-plus .ico{width:1.2rem;height:1.2rem;stroke-width:2.2}
.plan-addslot-t{flex:1 1 auto}
.plan-addslot-n{color:var(--ink-2);font-weight:500}
.plan-formbox{padding:1rem;border-radius:1.25rem;background:var(--surface-2);min-width:0}
.plan-form{display:grid;gap:1.15rem;min-width:0}
.plan-first{display:flex;align-items:center;gap:.8rem;color:var(--ink-2);max-width:50ch}
.plan-first b{color:var(--ink)}
.plan-err{display:flex;align-items:flex-start;gap:.45rem;color:var(--ink);font-weight:500}
.plan-err .ico{width:1.2rem;height:1.2rem;margin-top:.1rem;color:var(--clay-ink)}
.plan-fs legend{font-weight:650;margin-bottom:.5rem}
.plan-mins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:26rem}
.plan-mins .chip{justify-content:center;padding-inline:.4rem;white-space:nowrap}
.plan-cues{gap:.4rem}
.plan-cues .chip{font-weight:500;font-size:.9375rem;padding:.35rem .8rem}
.plan-cues .chip[aria-pressed="true"]{font-weight:600}
.plan-preview{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .95rem;border-radius:1.15rem;background:var(--tint-sun);color:var(--ink);overflow-wrap:anywhere}
.plan-preview .ico{width:1.25rem;height:1.25rem;margin-top:.1rem;color:var(--clay-ink)}
.plan-preview b{font-weight:700}
.plan-form-acts{gap:.5rem}

/* finish time */
.plan-eta-wrap:empty{display:none}
.plan-eta{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;border-radius:1.25rem;background:var(--tint-sage)}
.plan-eta .pebble{margin-top:.05rem}
.plan-eta-body{display:grid;gap:.3rem;min-width:0}
.plan-eta-t{font-weight:500;line-height:1.4}
.plan-eta-t b{font-family:var(--font-display);font-weight:900;font-size:1.4rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-eta-s{color:var(--ink-2)}
.plan-eta > .plan-eta-s{align-self:center}
.plan-eta-s b{color:var(--ink)}
.plan-eta.is-heavy{background-color:var(--sun-soft);background-image:radial-gradient(120% 90% at 100% 0%, var(--card-glow), transparent 60%)}
.plan-heavy{color:var(--ink);margin-top:.2rem}
.plan-heavy b{font-weight:650}
.plan-heavy-btn{justify-self:start;margin-left:-.5rem}

/* everything done */
.plan-all{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem .9rem;padding:1rem;border-radius:1.25rem;background-color:var(--sun-soft);background-image:radial-gradient(120% 90% at 100% 0%, var(--card-glow), transparent 60%)}
.plan-all-tx{display:grid;gap:.4rem;justify-items:start;min-width:0}
.plan-all-tx p{color:var(--ink-2);max-width:48ch}
.plan-all-tx p b{color:var(--ink)}
.plan-today > .reward-note{justify-self:start;color:var(--ink);margin-top:-.25rem}

/* the one main action under the list */
.plan-go{flex-wrap:wrap;gap:.35rem .6rem}
.plan-go-t{min-width:0;overflow-wrap:anywhere}
.plan-go-m{padding:.05rem .6rem;border-radius:999px;background:var(--primary-deco);color:var(--on-primary-2);font-weight:600;font-size:1rem;white-space:nowrap}
.plan-go.btn-soft .plan-go-m{background:transparent;color:var(--ink-2)}
.plan-why{max-width:58ch}

/* ===== «Потом» ===== */
.plan-later{gap:.9rem}
.plan-later-head{display:flex;align-items:center;gap:.75rem}
.plan-later-head h2{font-size:1.3rem}
.plan-later-head .tag{margin-left:auto}
.plan-later-d{color:var(--ink-2);max-width:50ch}
.plan-later-d b{color:var(--ink)}
.plan-later-form{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
.plan-later-form .text{flex:1 1 9rem;min-width:0}
.plan-later-form .btn{flex:none}
.plan-later-note{padding:.75rem .9rem;border-radius:1.15rem;background:var(--surface-2)}
.plan-later-empty{color:var(--ink-2);padding:.85rem 1rem;border-radius:1.15rem;border:2px dashed var(--line)}
.plan-later-list{margin-top:-.25rem}
.plan-later-list > li{padding:.6rem 0}
.plan-later-item{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem}
.plan-later-text{flex:1 1 10rem;min-width:0;overflow-wrap:anywhere}
.plan-later-acts{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.plan-later-acts .iconbtn{border-color:var(--line)}
.plan-later-acts .iconbtn .ico{width:1.25rem;height:1.25rem}
.plan-later-acts .btn .ico{width:1.2rem;height:1.2rem}
.plan-later-more{justify-self:start;margin-left:-.5rem}

/* ===== wider screens ===== */
@media (min-width:640px){
  /* [✓ text … ▷ Начать ⋯] / meta */
  .plan-item{grid-template-columns:minmax(0,1fr) auto auto}
  .plan-startbtn{grid-column:2;grid-row:1;margin:0}
  .plan-morebtn{grid-column:3}
  .plan-meta{grid-column:1}
  .plan-more{margin-left:2.35rem}
}
}
@media (min-width:960px){
  .plan-today{padding:1.5rem}
  .plan-later .plan-later-text{flex-basis:8rem}
}
@media (max-width:479px){
  .plan-later-form .btn{width:3.25rem;padding:0}
  .plan-later-form .btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:359px){ .plan-mins{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:379px){
  .plan-formbox{padding:.8rem}
  .plan-addslot-n{flex-basis:100%;padding-left:3rem;margin-top:-.4rem}
}
@media (max-width:479px){ html[data-big="true"] .plan-mins{grid-template-columns:repeat(2,minmax(0,1fr))} }