/* STEPS — Reja ekrani (screens/plan.js) va ozuqa manbalari sheet'i (screens/sources.js) uslublari.
   Egasi: BUGUN/REJA agenti. Ildizlar: [data-overlay="plan"], [data-overlay="sources"]. index.html da alohida <link> bilan
   yuklanadi. Ranglar — faqat tokenlar; rangli matn — *-ink. */

[data-overlay="plan"] .pl-tab{margin-bottom:12px}
[data-overlay="plan"] .pl-tab button{min-height:44px;font-size:14px}

/* ───── Xulosa ───── */
[data-overlay="plan"] .pl-sum{display:grid;gap:4px;padding:16px 18px}
[data-overlay="plan"] .pl-big{display:flex;align-items:baseline;gap:6px}
[data-overlay="plan"] .pl-big b{font-size:36px;font-weight:700;line-height:1}
[data-overlay="plan"] .pl-big span{font-size:15px;font-weight:700;color:var(--muted)}
[data-overlay="plan"] .pl-big.is-over b{color:var(--off-ink)}
[data-overlay="plan"] .pl-sub{font-size:13px;font-weight:600;color:var(--muted)}

/* ───── Qayta taqsimlash izohi ───── */
[data-overlay="plan"] .pl-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:10px;padding:12px 14px;border-radius:var(--r-md);
  background:var(--info-soft);color:var(--info-ink);font-size:14px;font-weight:700;line-height:1.4;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 16%,transparent);animation:fadeIn .3s var(--ease)}
[data-overlay="plan"] .pl-note svg.i{width:18px;height:18px;margin-top:1px}

/* ───── Vaqt chizig'i ───── */
[data-overlay="plan"] .tl{display:grid;gap:10px;margin-top:16px;position:relative}
[data-overlay="plan"] .tl-i{display:grid;grid-template-columns:48px 1fr;gap:8px;position:relative}
[data-overlay="plan"] .tl-i::before{content:"";position:absolute;left:23px;top:44px;bottom:-14px;width:2px;border-radius:2px;background:var(--edge-strong)}
[data-overlay="plan"] .tl-i:last-child::before{display:none}
[data-overlay="plan"] .tl-i--done::before{background:color-mix(in srgb,var(--brand) 45%,transparent)}
[data-overlay="plan"] .tl-rail{display:grid;justify-items:center;align-content:start;gap:6px;padding-top:14px}
[data-overlay="plan"] .tl-time{font-size:12px;font-weight:700;color:var(--muted)}
[data-overlay="plan"] .tl-dot{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:var(--surface);
  box-shadow:inset 0 0 0 2px var(--faint);color:var(--on-brand)}
[data-overlay="plan"] .tl-dot svg.i.sm{width:10px;height:10px;stroke-width:3.4}
[data-overlay="plan"] .tl-i--done .tl-dot{width:18px;height:18px;background:var(--brand);box-shadow:none}
[data-overlay="plan"] .tl-i--next .tl-dot{background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
[data-overlay="plan"] .tl-i--next .tl-time{color:var(--brand-ink)}

[data-overlay="plan"] .tl-card{padding:6px 14px 14px;display:grid;gap:10px;min-width:0}
[data-overlay="plan"] .tl-card.is-live{cursor:pointer}
[data-overlay="plan"] .tl-i--next .tl-card{box-shadow:var(--e1),0 0 0 1.5px color-mix(in srgb,var(--brand) 45%,transparent)}
[data-overlay="plan"] .tl-i--skipped .tl-card,[data-overlay="plan"] .tl-i--done .tl-card{background:color-mix(in srgb,var(--surface) 70%,transparent)}
/* sarlavha — ochiq ovqatda butun qator tugma (manbalar sheet'i); fokus halqasi karta ichida */
[data-overlay="plan"] .tl-head{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 0 0;text-align:left;color:inherit;border-radius:var(--r-sm)}
[data-overlay="plan"] button.tl-head:active{transform:none;opacity:.7}
[data-overlay="plan"] .tl-art{flex:none;width:36px;height:36px}
[data-overlay="plan"] .tl-tt{flex:1;min-width:0;display:grid;gap:4px;justify-items:start}
[data-overlay="plan"] .tl-n{font-size:16px;font-weight:700;line-height:1.25}
[data-overlay="plan"] .tl-st{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
[data-overlay="plan"] .tl-st .pill{padding:3px 8px;font-size:12px}
[data-overlay="plan"] .tl-k{flex:none;text-align:right;display:grid;justify-items:end}
[data-overlay="plan"] .tl-k b{font-size:22px;font-weight:700;line-height:1}
[data-overlay="plan"] .tl-k span{font-size:11px;font-weight:700;color:var(--muted)}
[data-overlay="plan"] .tl-kv{font-size:20px;font-weight:700}
[data-overlay="plan"] .tl-delta{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}
[data-overlay="plan"] .tl-delta svg.i.sm{width:13px;height:13px}

/* ───── Makro chiplari: Oqsil — asosiy (rangli tint), Uglevod va Yogʻ — neytral, rangli nuqta ───── */
[data-overlay="plan"] .mxs{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px}
[data-overlay="plan"] .mx{--mx-c:var(--muted);display:grid;align-content:center;gap:3px;min-width:0;min-height:52px;padding:7px 10px;text-align:left;
  border-radius:var(--r-sm);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg)}
[data-overlay="plan"] button.mx:active{transform:scale(.97)}
[data-overlay="plan"] .mx-l{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
[data-overlay="plan"] .mx-l::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--mx-c)}
[data-overlay="plan"] .mx-v{display:flex;align-items:baseline;gap:1px;white-space:nowrap;min-width:0}
[data-overlay="plan"] .mx-v b{font-size:16px;font-weight:700;line-height:1.1}
[data-overlay="plan"] .mx-v small{font-size:12px;font-weight:700;color:var(--muted);margin-left:2px}
[data-overlay="plan"] .mx-v small.num{margin-left:0;letter-spacing:-.02em}
[data-overlay="plan"] .mx--c{--mx-c:var(--carb)}
[data-overlay="plan"] .mx--f{--mx-c:var(--fat)}
[data-overlay="plan"] .mx--p{--mx-c:var(--protein);background:var(--protein-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--protein) 22%,transparent)}
[data-overlay="plan"] .mx--p .mx-l{color:var(--protein-ink);font-weight:800}
[data-overlay="plan"] .mx--p .mx-l::before{display:none}
[data-overlay="plan"] .mx--p .mx-v b{font-size:19px;color:var(--protein-ink)}
[data-overlay="plan"] .mx--p .mx-v small{color:var(--protein-ink)}
[data-overlay="plan"] .mx-chev{width:13px;height:13px;margin-left:auto;stroke-width:2.8}
/* bajarilgan ovqat: hammasi neytral (tarix), "yeyildi/reja" */
[data-overlay="plan"] span.mx{min-height:48px}
[data-overlay="plan"] span.mx.mx--p{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge)}
[data-overlay="plan"] span.mx.mx--p .mx-l{color:var(--muted);font-weight:700}
[data-overlay="plan"] span.mx.mx--p .mx-l::before{display:block}
[data-overlay="plan"] span.mx .mx-v b,[data-overlay="plan"] span.mx.mx--p .mx-v b{font-size:15px;color:var(--fg)}
[data-overlay="plan"] span.mx.mx--p .mx-v small{color:var(--muted)}

[data-overlay="plan"] .tl-eaten{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-overlay="plan"] .tl-add{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-8px 0 -8px -4px;padding:0 4px;
  font-size:14px;font-weight:800;color:var(--brand-ink);justify-self:start}

/* ───── Maslahatlar ───── */
[data-overlay="plan"] .pl-tips{display:grid;gap:8px;margin-top:16px;padding:0 4px}
[data-overlay="plan"] .pl-tips li{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--muted);line-height:1.4}
[data-overlay="plan"] .pl-tips svg.i.sm{margin-top:3px;color:var(--brand-ink);flex:none}
[data-overlay="plan"] .pl-tomorrow{margin-top:16px}

/* ───── Ozuqa manbalari sheet'i (screens/sources.js) ───── */
[data-overlay="sources"] .src-head{align-items:flex-start;margin-bottom:12px}
[data-overlay="sources"] .src-tt{display:grid;gap:4px;min-width:0}
[data-overlay="sources"] .src-tt .sheet-t{line-height:1.2;text-wrap:balance}
[data-overlay="sources"] .src-sec{display:grid;gap:8px;margin-top:20px;scroll-margin-top:12px}
[data-overlay="sources"] .src-sec.is-main{margin-top:4px}
[data-overlay="sources"] .src-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;outline-offset:4px;border-radius:6px}
[data-overlay="sources"] .src-h b{margin-left:auto;font-size:15px;font-weight:700;color:var(--src-ink);white-space:nowrap}
[data-overlay="sources"] .src-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--src-c);box-shadow:0 0 0 3px var(--src-soft)}
[data-overlay="sources"] .src-sec--p{--src-c:var(--protein);--src-soft:var(--protein-soft);--src-ink:var(--protein-ink)}
[data-overlay="sources"] .src-sec--c{--src-c:var(--carb);--src-soft:var(--carb-soft);--src-ink:var(--carb-ink)}
[data-overlay="sources"] .src-sec--f{--src-c:var(--fat);--src-soft:var(--fat-soft);--src-ink:var(--fat-ink)}
[data-overlay="sources"] .src-sec.is-main .src-h{font-size:17px}
[data-overlay="sources"] .src-sec.is-main .src-h b{font-size:17px}
[data-overlay="sources"] .src-sec:not(.is-main) .src-h{color:var(--muted);font-size:14px}
[data-overlay="sources"] .src-hint{margin-top:-4px;font-size:13px;font-weight:600;color:var(--muted)}
/* sheet oq sirt — ro'yxat ichki maydon rangida (iOS: sheet ichidagi guruh) */
[data-overlay="sources"] .src-list{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge)}
[data-overlay="sources"] .src-row{gap:12px;min-height:58px;padding:9px 8px 9px 14px;--sep-left:14px}
[data-overlay="sources"] .src-sec:not(.is-main) .src-row{min-height:50px;padding-top:7px;padding-bottom:7px}
[data-overlay="sources"] .src-txt{flex:1;min-width:0;display:grid;gap:1px}
[data-overlay="sources"] .src-n{font-size:15px;font-weight:700;line-height:1.25}
[data-overlay="sources"] .src-sec:not(.is-main) .src-n{font-size:14px}
[data-overlay="sources"] .src-s{font-size:12px;font-weight:600;color:var(--muted)}
[data-overlay="sources"] .src-a{flex:none;font-size:16px;font-weight:700;white-space:nowrap}
[data-overlay="sources"] .src-sec.is-main .src-a{color:var(--protein-ink)}
[data-overlay="sources"] .src-sec:not(.is-main) .src-a{font-size:15px}
[data-overlay="sources"] .src-add{position:relative;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}
[data-overlay="sources"] .src-add::after{content:"";position:absolute;inset:-6px}
[data-overlay="sources"] .src-add svg.i{width:16px;height:16px;stroke-width:2.6}
[data-overlay="sources"] .src-none,[data-overlay="sources"] .src-empty{font-size:13px;font-weight:600;color:var(--muted)}
[data-overlay="sources"] .src-empty{font-size:15px;padding:8px 0 4px;line-height:1.45}
[data-overlay="sources"] .src-plan{margin-top:20px}

@supports (corner-shape:squircle){
  [data-overlay="plan"] .mx,[data-overlay="plan"] .pl-note{corner-shape:squircle}
}