/* Everyday actions, with the existing iLive palette, illustrations and controls. */
.nutrient-details,.daily-planned-nutrients,.daily-nutrition-foods{border:1px solid var(--line);border-radius:18px;background:var(--bg);margin:16px 0;min-width:0}
.nutrient-details>summary,.daily-planned-nutrients>summary,.daily-nutrition-foods>summary{min-height:48px;padding:14px 16px;cursor:pointer;font-size:.8rem;font-weight:700;color:var(--green)}
.nutrient-detail-group{padding:0 16px 16px;min-width:0}
.nutrient-detail-group h4{font-size:.82rem;margin:5px 0 12px}
.nutrient-detail-grid,.daily-nutrient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.nutrient-detail-grid>*{min-width:0;overflow-wrap:anywhere}
.nutrient-detail-grid small,.nutrient-detail-grid strong{display:block;font-size:.8rem;line-height:1.55}
.nutrient-detail-grid strong small{display:inline}
#daily-nutrition h3{margin:18px 0 12px}
.daily-nutrient-grid{margin-bottom:14px}
.daily-nutrient-stat{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:flex;flex-direction:column;gap:5px;min-width:0}
.daily-nutrient-stat>span{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.daily-nutrient-stat>strong{font-size:1.1rem;line-height:1.4}
.daily-nutrient-stat strong small{font-size:.7rem}
.daily-nutrient-stat strong .nutrition-incomplete{display:block;font-weight:400;font-size:.65rem}
.daily-planned-nutrients>.daily-nutrient-grid{padding:0 12px 12px;margin:0}
.daily-nutrition-hint{margin:14px 0}
.daily-nutrition-foods article{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
.daily-nutrition-foods article>div{flex:1;min-width:0;font-size:.8rem;overflow-wrap:anywhere}
.daily-nutrition-foods article small{display:block;color:var(--muted);margin-top:4px}
.extra-nutrition-hint{font-size:.75rem;margin:-5px 0 14px}
.today-simple{grid-template-areas:"dates summary" "energy summary" "meals summary";align-items:start;row-gap:0}
.today-simple>.today-dates{grid-area:dates;min-width:0}
.today-simple>.content-column{grid-area:meals;display:flex;flex-direction:column;gap:18px}
.today-simple>.content-column>*{margin-block:0}
.today-simple>.today-summary{grid-area:summary;margin-top:0}
.next-meal-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:0 8px 30px #18352d08;margin-bottom:28px}
.next-meal-card>.meal-feature{margin:0;min-height:152px;border-radius:0;grid-template-columns:minmax(0,1fr) 32%}
.next-meal-card>.meal-feature.no-photo{grid-template-columns:minmax(0,1fr) auto}
.next-meal-card .feature-copy{justify-content:center;padding:24px}
.next-meal-card .feature-copy h2{margin-top:10px;font-size:1.35rem;overflow-wrap:anywhere}
.next-meal-card .feature-copy p{margin:6px 0 0}
.next-meal-card .feature-photo{min-height:152px}
.next-meal-card .feature-symbol{width:70px;height:70px;margin:24px 24px 24px 0}
.next-meal-card .feature-symbol svg{width:36px;height:36px}
.next-meal-body{padding:20px}
.next-meal-body>.food-tracking{margin-bottom:0}
.next-meal-body .meal-note{margin-top:14px;margin-bottom:0}
.next-meal-actions{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.next-meal-actions>.button:first-child{flex:1;min-height:50px;font-size:.95rem}
.next-meal-card.meal-changed .next-meal-actions>.button:first-child{background:var(--food-changed-ink);color:var(--food-changed-bg)}
.meal-day-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.meal-day-actions>.button,.meal-details .meal-day-actions>.button{flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:.8rem;line-height:1.5;white-space:normal}
.meal-day-actions .meal-day-remove{color:var(--danger,#a7443a)}
:root[data-theme=dark] .meal-day-actions .meal-day-remove{color:#f0aaa3}
.meal-skip-status{color:var(--food-changed-ink)}
.meal-details .meal-day-actions{margin-bottom:0}
@media(max-width:420px){.meal-day-actions>.button{flex-basis:100%}}
.extra-options{border:1px solid var(--line);border-radius:18px;margin:16px 0;background:var(--bg)}
.extra-options>summary{cursor:pointer;padding:14px 16px;min-height:48px;color:var(--green);font-weight:700;font-size:.85rem}
.extra-options>div,.extra-options>.field{margin:0;padding:4px 16px 16px}
.extra-options .field:last-child{margin-bottom:0}
.extra-primary textarea{min-height:112px}
.program-start-note{border:1px solid var(--line);background:var(--mint);border-radius:20px;padding:18px;margin:20px 0;color:var(--ink)}
.program-start-note strong{font-size:.9rem}.program-start-note p{font-size:.85rem;margin-top:6px}.program-start-note small{display:block;font-size:.78rem;margin-top:10px;line-height:1.6}
.program-repeat{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;margin-top:18px;padding:12px;border-radius:16px;background:var(--mint);text-decoration:none;line-height:1.5}
.program-repeat svg{width:18px;height:18px}
.program-card-actions{flex-wrap:wrap;gap:10px}
.program-card-actions>.button{flex:1;padding-inline:16px;white-space:normal}
.program-card-actions>.button:first-child{flex-basis:100%}
.program-card-footer{margin-top:10px;text-align:center}
.program-card-footer .text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;text-decoration:none;font-size:.8rem}
.program-card-footer svg{width:16px;height:16px}
.program-tools,.nutrition-space{margin:26px 0}
.program-tools h2,.nutrition-space h2{font-size:1.05rem}
.nutrition-space .eyebrow{color:var(--green)}.nutrition-space h2{margin-top:7px}.nutrition-space p{color:var(--muted);font-size:.85rem;margin-top:6px}
.nutrition-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.nutrition-shortcut{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);padding:18px;text-align:left;min-height:64px;min-width:0}
.nutrition-shortcut>svg:first-child{color:var(--green);width:24px;height:24px}
.nutrition-shortcut>span{flex:1;min-width:0;font-weight:700;font-size:.85rem;overflow-wrap:anywhere}
.nutrition-shortcut>svg:last-child{color:var(--muted);width:16px;height:16px;transform:rotate(-90deg)}
@media(hover:hover){.nutrition-shortcut:hover{background:var(--mint);border-color:var(--green)}}
@media(max-width:1020px){
 .today-simple{grid-template-areas:"dates" "energy" "summary" "meals"}
 .today-simple>.today-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 24px;align-items:stretch}
 .today-summary>.progress-card{display:block}
 .today-summary .progress-card .rail-heading{margin-bottom:12px}
 .today-summary .progress-dial{width:104px;height:104px;margin:0 auto;grid-column:auto;grid-row:auto}
 .today-summary .water-reading{margin-bottom:12px}
}
@media(max-width:760px){
 .mobile-nav.nutrition-nav .mobile-nav-items{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mobile-nav.nutrition-nav .nav-item{font-size:12px;min-height:60px;padding:8px}
 .today-simple>.today-summary{gap:12px;margin-bottom:20px}
 .today-summary .rail-card{padding:15px;border-radius:23px;min-width:0}
 .today-summary .rail-heading{margin-bottom:12px}
 .today-summary .rail-heading h2{font-size:.8rem}
 .today-summary .progress-card .progress-dial{width:94px;height:94px;max-width:100%}
 .today-summary .dial-inner strong{font-size:1.7rem}
 .today-summary .dial-inner small{font-size:.6rem}
 .today-summary .water-total strong{font-size:1.7rem}
 .today-summary .water-art{width:38px;height:52px}
 .today-summary .water-art svg{width:34px;height:48px}
 .today-summary .water-actions button{min-height:44px}
 .today-summary .water-total p{margin-top:5px}
 .today-summary .water-reading{margin-bottom:10px}
 .next-meal-card{border-radius:25px;margin-bottom:22px}
 .next-meal-card>.meal-feature,.next-meal-card .feature-photo{min-height:128px}
 .next-meal-card .feature-copy{padding:20px 18px}
 .next-meal-card .feature-copy h2{font-size:1.15rem}
 .next-meal-card .feature-symbol{width:52px;height:52px;margin:20px 18px 20px 0}
 .next-meal-card .feature-symbol svg{width:28px;height:28px}
 .next-meal-body{padding:15px}
 .next-meal-actions{margin-bottom:14px}
 .next-meal-actions>.button:first-child{min-height:48px;font-size:.9rem}
 .nutrition-shortcuts{gap:10px}.nutrition-shortcut{gap:8px;padding:14px;min-height:70px;border-radius:18px}
 .nutrition-shortcut>span{font-size:.8rem}.nutrition-shortcut>svg:first-child{width:20px;height:20px}
 .program-repeat{font-size:.8rem;padding:12px 8px}
}
@media(max-width:380px){
 .today-summary .rail-card{padding:12px}
 .today-summary .progress-card .progress-dial{width:88px;height:88px}
 .nutrition-shortcuts{grid-template-columns:1fr}
}
/* Feedback never blocks the next action; Undo remains directly tappable. */
#toast.show{pointer-events:none}
#toast.show button{pointer-events:auto}
.daily-quickextra{margin:0 0 18px;min-height:46px;padding:12px;background:var(--mint);border-style:solid;border-color:var(--line);border-radius:18px}
@media(max-width:760px){.today-summary .water-total strong>span{display:inline;margin:0 0 0 5px;font-size:.65rem}.daily-quickextra{margin-bottom:16px}}
@media(max-width:760px){.today-dates .week-strip{padding:8px 6px;margin-bottom:16px}.today-dates .day-button{min-height:58px;padding:8px 2px}}
.next-meal-card .feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:380px){.next-meal-card .feature-copy{padding:16px 14px}.next-meal-card .feature-copy h2{font-size:1.05rem}}
/* A daily energy card reads the same confirmed quantities as detailed nutrition. */
.daily-energy-card{grid-area:energy;min-width:0;margin-bottom:24px;border:1px solid var(--line);border-radius:28px;background:var(--paper);overflow:hidden}
.daily-energy-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 0}
.daily-energy-heading h2{font-size:.95rem;font-weight:800}
.daily-energy-card .day-nutrition-trigger{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:6px 0;background:transparent;color:var(--green);font-size:.75rem;font-weight:700}
.daily-energy-card .day-nutrition-trigger svg{width:15px;height:15px}
.daily-energy-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:8px;padding:2px 20px 6px;max-width:540px;margin:auto}
.daily-energy-side{text-align:center;min-width:0}
.daily-energy-side>strong{display:block;font-size:clamp(1.1rem,3vw,1.55rem);line-height:1.3;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.daily-energy-side>span{display:block;margin-top:5px;font-size:.75rem;line-height:1.5;color:var(--muted)}
.daily-energy-side small{display:block;font-size:.65rem}
.daily-energy-ring{width:100%;max-width:174px;aspect-ratio:160/148;position:relative;display:grid;place-items:center;margin:auto}
.daily-energy-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.daily-energy-ring path{fill:none;stroke-width:10;stroke-linecap:round}
.daily-energy-arc-track{stroke:var(--line)}
.daily-energy-arc-value{stroke:var(--green);stroke-dasharray:100;transition:stroke-dashoffset .25s ease}
.daily-energy-center{position:relative;text-align:center;padding-top:8px;width:74%;display:grid;gap:3px}
.daily-energy-center strong{font-size:clamp(1.7rem,5vw,2.35rem);line-height:1.15;font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.daily-energy-center span{font-size:.72rem;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.daily-energy-center small{font-size:.65rem;color:var(--muted)}
.daily-energy-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 20px 18px}
.daily-energy-macro{min-width:0;display:flex;flex-direction:column;gap:8px}
.daily-energy-macro>span{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}
.daily-energy-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden}
.daily-energy-track>span{display:block;height:100%;border-radius:inherit;background:var(--green)}
.daily-energy-macro strong{font-size:.75rem;line-height:1.35;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.daily-energy-macro strong small{font-size:inherit;font-weight:500}
.daily-energy-macro>small{font-size:.65rem;line-height:1.4;color:var(--muted)}
.daily-energy-macro>.daily-energy-coverage{color:var(--food-changed-ink)}
.daily-energy-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:2px 18px;background:var(--mint)}
.daily-energy-footer>span{font-size:.72rem;line-height:1.5;color:var(--muted);min-width:0}
.daily-energy-footer button{display:flex;align-items:center;gap:6px;min-height:44px;flex-shrink:0;padding:6px 2px;background:transparent;font-size:.7rem;font-weight:700;color:var(--green)}
.daily-energy-footer svg{width:14px;height:14px}
.daily-energy-over .daily-energy-arc-value{stroke:var(--food-changed-ink)}
.daily-energy-over .daily-energy-center span{color:var(--food-changed-ink)}
@media(max-width:1020px){
 .today-summary .progress-card .rail-heading{margin-bottom:12px}
 .today-summary .progress-card .progress-dial{width:108px;height:108px;max-width:100%}
 .today-summary .dial-inner strong{font-size:1.6rem}
 .today-summary .dial-inner small{font-size:.65rem}
}
@media(max-width:760px){
 .daily-energy-card{margin-bottom:12px;border-radius:25px}
 .daily-energy-heading{padding-inline:15px}
 .daily-energy-heading h2{font-size:.85rem}
 .daily-energy-reading{padding-inline:12px;gap:4px}
 .daily-energy-macros{padding:8px 15px 16px;gap:10px}
 .daily-energy-macro>span{font-size:.68rem}
 .daily-energy-macro strong{font-size:.7rem}
 .daily-energy-footer{padding-inline:13px;gap:8px}
 .daily-energy-footer>span{font-size:.65rem}
 .daily-energy-center strong{font-size:1.9rem}
 .today-summary .water-art{display:grid}
 .today-summary .water-total strong>span{display:block;margin:4px 0 0;font-size:.65rem}
 .today-summary .water-reading{min-height:74px}
}
@media(max-width:380px){
 .daily-energy-side>strong{font-size:1.05rem}
 .daily-energy-side>span{font-size:.68rem}
 .daily-energy-center strong{font-size:1.65rem}
 .daily-energy-center span{font-size:.65rem}
 .daily-energy-macros{gap:8px;padding-inline:12px}
 .daily-energy-macro>span{font-size:.64rem}
 .daily-energy-macro strong{font-size:.66rem}
 .daily-energy-footer{flex-wrap:wrap;gap:0;padding-block:5px}
 .daily-energy-footer>span{flex:1}
 .nutrient-detail-grid{gap:10px}
}