/* My plan screen (#/c/<plan>/myplan, js/screens/myplan.js). Direction D: cream page, white rounded cards, round plated photos with a soft shadow.
   Each meal time has its own soft colour chip with DARK text (all pairs >= 7:1). Nothing here is blue. English never under 11 px, Telugu never under 13 px. */

/* "See full day" on Today */
.mpsee{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 14px 0;min-height:44px;font-size:14px;font-weight:600;color:var(--atext);text-align:center}
.mpsee .chev{width:8px;height:8px;border-width:2.3px;margin:0 0 0 -2px;border-color:var(--atext)}

.myplan .head .h1{max-width:calc(100% - 90px)}
.mpl{margin:14px 14px 0;display:flex;flex-direction:column;gap:12px}
.mpno{margin:16px 22px 0;font-size:14px;line-height:1.45;color:var(--muted)}

/* a meal time */
.mpm{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:12px 12px 12px}
.mph{display:flex}
.mpc{display:inline-flex;align-items:center;min-height:30px;max-width:100%;padding:4px 13px;border-radius:15px;font-size:12.5px;font-weight:600;line-height:1.25;background:var(--tint);color:#6B2A04}
.mpc.k-early-morning{background:#FFE6A8;color:#533400}
.mpc.k-breakfast{background:#FFD8BA;color:#661F00}
.mpc.k-mid-morning{background:#D9F0D2;color:#174A15}
.mpc.k-morning{background:#FFEBB8;color:#533400}
.mpc.k-lunch{background:#FFC59A;color:#561A00}
.mpc.k-snack{background:#F1ECB6;color:#4A4400}
.mpc.k-evening{background:#F9D5E5;color:#6A1640}
.mpc.k-dinner{background:#DCDFFB;color:#23266A}
.mpc.k-bedtime,.mpc.k-feed-the-baby{background:#E5DEF6;color:#38256A}

/* dish tiles: round plated photo, name, amount, kcal */
.mpg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.mpg.one{grid-template-columns:minmax(0,1fr)}
.mpt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 8px 10px;border-radius:18px;background:var(--bg);color:var(--text);min-width:0;box-shadow:inset 0 0 0 1px var(--border)}
.mpg.one .mpt,.mpg:not(.one) .mpt:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;text-align:left;padding:10px 12px;gap:12px}
.mpt.lk{cursor:pointer}
.mpt .mpp{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;filter:drop-shadow(0 6px 6px rgba(90,45,10,.24))}
.mpg.one .mpp,.mpg:not(.one) .mpt:last-child:nth-child(odd) .mpp{width:64px;height:64px}
.mpt .mpp.ic{object-fit:contain;padding:8px;filter:none;background:#fff}
.mpx{min-width:0;flex:1}
.mpn{font-size:14px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.mpa{margin-top:2px;font-size:12px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.mpk{margin-top:3px;font-size:12px;color:var(--muted)}
.mpk b{font-weight:600;color:var(--text)}
.mpk small{font-size:11px}
.mpgo{display:block;margin-top:3px;font-size:12px;font-weight:600;color:var(--atext)}

/* Eat / A little / Avoid cards, and the day's notes */
.mpq{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:14px 14px 4px}
.mpqh{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:600}
.mpqh i{width:11px;height:11px;border-radius:50%;flex:none;background:var(--atext)}
.mpq.good .mpqh i{background:var(--good-d)}.mpq.little .mpqh i{background:var(--little-d)}.mpq.avoid .mpqh i{background:var(--avoid-d)}
.mpq.good .mpqh{color:var(--good-t)}.mpq.little .mpqh{color:var(--little-t)}.mpq.avoid .mpqh{color:var(--avoid-t)}
.mpr{padding:10px 0;border-top:1px solid var(--border)}
.mpr:first-of-type{border-top:0}
.mpl1{margin:0 0 8px;font-size:14px;line-height:1.4}
.mpr .mpl1{margin:0}
.mpnum{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.mpfs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mpf{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 12px 3px 3px;border-radius:17px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);font-size:12.5px;line-height:1.2;color:var(--text);max-width:100%}
.mpf:not(:has(.mpfp)){padding-left:12px}
.mpfp{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;filter:drop-shadow(0 2px 3px rgba(90,45,10,.25))}
.mpfp.ic{object-fit:contain;padding:3px;filter:none;background:#fff}
.mpall{display:block;padding:10px 0 8px;font-size:13px;font-weight:600;color:var(--atext)}
.mpq .src.pad{margin:6px 0 10px}
.myplan>div>.src.pad,.myplan .body>.src.pad{margin:14px 22px 0}
.mpchange{display:flex;align-items:center;justify-content:center;margin:14px 14px 0;min-height:44px;font-size:14px;font-weight:600;color:var(--atext);text-decoration:underline}

/* Telugu: NTR has one weight; nothing under 13 px */
html.te :is(.mpc,.mpa,.mpk,.mpk small,.mpgo,.mpnum,.mpf,.mpall,.mpsee){font-size:13px}
html.te :is(.mpn,.mpl1,.mpno,.mpchange){font-size:14.5px}
html.te .mpqh{font-size:15px}
html.te :is(.mpqh,.mpc,.mpn,.mpgo,.mpall,.mpchange,.mpsee){-webkit-text-stroke:var(--tes,.4px) currentColor}