/* PASS425 — iOS visual artifact cleanup. Surgical presentation-only patch on PASS424. */

/* FUEL: remove the tall parent-frame rails around the entire AI meal plan. Child meal cards remain framed. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
/* PASS424 meal art was placed behind the card paint on iOS Safari. Keep art inside the card stacking context. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art{
  z-index:0!important;
  pointer-events:none!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal]>:not(.p424-meal-art){
  position:relative!important;
  z-index:1!important;
}
/* Let the photograph fade into the card instead of ending at a visible vertical seam. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art{
  width:132px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 100%)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art i{
  background:linear-gradient(90deg,#151914 0%,#15191488 18%,transparent 62%),linear-gradient(0deg,#0c0f0bd9 0%,transparent 52%)!important;
}

/* FUEL quick-action artwork had the same negative stacking issue. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action]::after{
  z-index:0!important;
  pointer-events:none!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action]>*{
  position:relative!important;
  z-index:1!important;
}

/* EVOLUTION: remove the long left/right parent-frame rails. The proof cards already own their borders. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress #evolution-summary{
  border:0!important;
  box-shadow:none!important;
  border-radius:22px!important;
}
/* Keep the campaign image contained and clean without a pseudo-border seam. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #evolution-summary[data-p424-campaign="true"]::before{
  inset:0!important;
  border:0!important;
}

@media(max-width:370px){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art{width:104px!important}
}
@media(forced-colors:active){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card,
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress #evolution-summary{border:1px solid CanvasText!important;background:Canvas!important}
}