

/* ---- Meal Planner: add your own meal -------------------------------------- */
#mpAddOptions .mpc-own{ margin-bottom:12px; font-family:'Nunito',system-ui,sans-serif; }
#mpAddOptions .mpc-open{
  display:flex; align-items:center; gap:12px; width:100%; text-align:left;
  cursor:pointer; font:inherit; min-height:60px; padding:13px 15px;
  background:#F4F6F1 !important; border:1px dashed #CFE0C8 !important; border-radius:14px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#mpAddOptions .mpc-open:hover{ background:#E9F0E5 !important; }
#mpAddOptions .mpc-plus{
  flex:none; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#fff; font-size:1.05rem; font-weight:800;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#mpAddOptions .mpc-ob{ display:flex; flex-direction:column; gap:1px; }
#mpAddOptions .mpc-ot{ font-size:.92rem; font-weight:800; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#mpAddOptions .mpc-od{ font-size:.78rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#mpAddOptions .mpc-form{
  margin-top:10px; padding:16px; background:#fff; border:1px solid #E8E4DC; border-radius:16px;
}
#mpAddOptions .mpc-row{ margin-bottom:12px; }
#mpAddOptions .mpc-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#mpAddOptions .mpc-l{
  display:block; margin-bottom:6px; font-size:.72rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase;
  color:#4E5A49 !important; -webkit-text-fill-color:#4E5A49 !important;
}
#mpAddOptions .mpc-l span{
  text-transform:none; letter-spacing:0; font-weight:700; font-size:.68rem;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important;
}
#mpAddOptions .mpc-i{
  width:100%; box-sizing:border-box; min-height:46px; border:1px solid #E4DFD2; border-radius:12px;
  padding:11px 13px; font:inherit; font-size:.9rem; background:#fff;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#mpAddOptions textarea.mpc-i{ min-height:92px; resize:vertical; }
#mpAddOptions .mpc-i:focus-visible, #mpAddOptions .mpc-open:focus-visible,
#mpAddOptions .mpc-btn:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#mpAddOptions .mpc-hint{
  margin:6px 0 0; font-size:.76rem; line-height:1.5;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#mpAddOptions .mpc-foot{ display:flex; gap:10px; flex-wrap:wrap; }
#mpAddOptions .mpc-btn{
  flex:1; min-width:150px; cursor:pointer; font:inherit; font-size:.86rem; font-weight:800;
  border-radius:999px; padding:12px 18px; min-height:48px;
  background:#fff !important; border:1px solid #DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#mpAddOptions .mpc-btn.is-primary{
  background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.mpc-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(12px); z-index:10011;
  background:#243447; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:12px 20px; border-radius:999px; font-size:.85rem; font-weight:700;
  font-family:'Nunito',system-ui,sans-serif; opacity:0; pointer-events:none;
  transition:opacity .2s, transform .2s;
}
.mpc-toast.on{ opacity:1; transform:translateX(-50%) translateY(0); }
@media (max-width:520px){
  #mpAddOptions .mpc-two{ grid-template-columns:minmax(0,1fr); }
  #mpAddOptions .mpc-btn{ min-width:0; width:100%; flex:none; }
}

