.nutritionBox{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:20px;margin:20px 0;min-width:0}
.nutritionBox h3,.nutritionBox h2{margin:0 0 12px}.nutritionBox p{line-height:1.5}.nutritionBox button,.nutritionBox .btn{margin-top:12px;white-space:normal}.nutritionBox label{display:block;font-size:15px;line-height:1.5;margin:12px 0}.nutritionBox input,.nutritionBox select,.nutritionBox textarea{width:100%;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}.nutritionBox input[type=checkbox]{width:auto;margin-right:8px}.nutritionBox input:focus-visible,.nutritionBox select:focus-visible,.nutritionBox textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.nutritionTable{width:100%;border-collapse:collapse;font-size:15px}.nutritionTable th,.nutritionTable td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.nutritionTable td:last-child{text-align:right;font-variant-numeric:tabular-nums}.nutritionTable caption{text-align:left;font-weight:800;margin:8px 0}.nutritionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}.nutritionGrid>label{margin:0}.nutritionActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.nutritionActions>.btn{flex:1 1 180px}.nutritionEnergy{font-size:30px;font-weight:900;margin:10px 0}.nutritionMeta{color:var(--muted);font-size:14px;line-height:1.5}.nutritionCardKcal{min-height:22px;font-size:14px;font-weight:750;margin:10px 0 0;color:var(--brand2)}
.nutritionStatus{padding:10px 12px;border-radius:12px;background:#f7e9dd;font-size:14px;margin:12px 0}.nutritionBox details{border-top:1px solid var(--line);padding:12px 0}.nutritionBox summary{font-size:15px;font-weight:750;cursor:pointer}.nutritionBox progress{display:block;width:100%;height:12px;accent-color:var(--brand);margin:10px 0}.nutritionMeal{padding:12px 0;border-top:1px solid var(--line)}.nutritionMeal label{max-width:320px}.nutritionWeekWrap{overflow-x:auto}.nutritionWeekWrap .nutritionTable{min-width:560px}.nutritionSource{overflow-wrap:anywhere}.nutritionSource a{color:var(--brand2)}.nutritionError{color:#8c251c;font-size:15px;line-height:1.5}.nutritionBox [role=status]{font-size:15px}.nutritionBox textarea{min-height:80px}.nutritionInline{margin:8px 0;font-size:14px;line-height:1.5}.nutritionBox .btn:disabled{opacity:.55;cursor:default}.nutritionBox .nutritionRemove{background:#fff;color:#8c251c;border:1px solid var(--line);box-shadow:none}
@media(min-width:768px){#nutrition .nutritionColumns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}#nutrition .nutritionColumns>.nutritionBox{margin-top:0}}

.nutritionCandidate,.nutritionIngredientCheck{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.nutritionCandidate b{display:block;font-size:16px}.nutritionCatalog{margin:12px 0}.nutritionCatalog input[type=checkbox]{vertical-align:middle}.nutritionCatalog .nutritionTable{font-size:14px}.nutritionCatalog>div{min-width:0}.nutritionCandidate details{margin-top:8px}#nutritionEditorCheck{margin-bottom:20px}#nutritionSavedNotice{border-color:var(--brand)}

/* Personal planning goals: compact meal cards across screen sizes. */
.nutritionDayCard{background:linear-gradient(135deg,#fffaf4,#f8eee3);border-color:#ddc4ad}
.nutritionBudgetGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}
.nutritionBudget{padding:14px;border:1px solid #ead9c8;border-radius:16px;background:#fffdf9;min-width:0}
.nutritionBudgetValue{font-size:1.35rem;font-weight:700;margin:8px 0;color:#493124;font-variant-numeric:tabular-nums}
.nutritionBudget progress{width:100%;height:9px;accent-color:#987546;margin:4px 0}
.nutritionRemaining{color:#40604a;font-size:.9rem;margin:6px 0}
.nutritionOver{color:#944d2a;font-size:.9rem;margin:6px 0;font-weight:600}
.nutritionGoalEditor{border-top:1px solid #ead9c8;padding-top:14px;margin-top:16px}
.nutritionGoalEditor summary{font-weight:700;cursor:pointer;padding:8px 0}
.nutritionGoalEditor label,.nutritionPickerPreview label{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.nutritionGoalEditor input,.nutritionPickerPreview input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ddc4ad;border-radius:12px;background:#fff;font:inherit;color:inherit}
.nutritionGoalEditor button{margin:6px 8px 6px 0}
.nutritionPickerPreview{margin:14px 0}.nutritionPickerPreview .nutritionBudget{padding:10px;margin:8px 0}.nutritionPickerPreview .nutritionBudgetValue{font-size:1.1rem}
.nutritionPreview{display:grid;gap:8px;margin-top:12px}.nutritionPreview>.nutritionMeta{margin:0}
@media(max-width:480px){.nutritionBudgetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nutritionBudget{padding:10px}.nutritionBudgetValue{font-size:1.05rem}.nutritionGoalEditor .nutritionBudgetGrid{grid-template-columns:1fr}.nutritionGoalEditor button{width:100%;margin-right:0}}

.content{background:var(--bg,#F8EFE6)}
.mamiaBackBar{position:relative;flex:0 0 auto;z-index:20;padding:12px 18px;background:var(--bg,#F8EFE6);margin:0;isolation:isolate}
.mamiaBackInner{width:100%;max-width:1200px;margin-inline:auto}
body.auth-gate .mamiaBackBar{display:none!important}
@media(min-width:650px){.mamiaBackBar{padding-inline:32px}}
@media(min-width:1100px){.app{grid-template-rows:auto auto auto minmax(0,1fr)}.app>.mamiaBackBar{grid-column:2;grid-row:3;padding-inline:clamp(24px,4vw,64px)}.app>.content{grid-row:4}.app>.bottom{grid-row:2 / span 3}}

.mamiaBackButton{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #decbb7;border-radius:999px;background:#fffaf5;color:#543923;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 2px 6px #533b2110}
.mamiaBackButton:focus-visible{outline:3px solid #b85532;outline-offset:3px}.mamiaBackButton:disabled{opacity:.45;cursor:default}
#detailContent>button:first-child{display:none}

#nutritionGoalConfiguration[hidden],#nutritionGoalConfiguration [hidden]{display:none!important}
#nutritionGoalConfiguration>label{display:flex;flex-direction:column;gap:8px;margin:22px 0}
.nutritionRoutineGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.nutritionRoutineGrid label,#nutritionGoalConfiguration .nutritionBox>div>label{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.nutritionRoutineGrid input,#nutritionGoalConfiguration input,#nutritionGoalConfiguration select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fffaf4;font:inherit;color:inherit}
#nutritionGoalConfiguration>details{margin:24px 0}#nutritionGoalConfiguration>details>summary{cursor:pointer;font-weight:700;padding:12px 0}
@media(max-width:480px){.nutritionRoutineGrid{grid-template-columns:1fr}}

:is(#home,#recipes) .searchbar>.searchFilters{width:auto;max-width:none;flex:0 0 auto;margin:0;align-self:center;line-height:1.2;box-shadow:none}
:is(#home,#recipes) .searchbar>input{flex:1 1 0;min-width:0;width:0}

#recipeNutritionMore[hidden]{display:none!important}
#recipeNutritionMore{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.nutritionNotice{margin-top:20px;padding:16px 18px;border-radius:16px;background:#f7ece0;border-left:3px solid #bc8b62;line-height:1.6}
.nutritionNotice strong{font-size:14px;color:var(--text)}.nutritionNotice .nutritionMeta{font-size:13px;line-height:1.65;margin:8px 0 0;color:#725543}
.nutritionInfoButton{min-height:44px;padding:10px 16px}