/* PASS424 — visual storytelling finalization. Additive, presentation-only, and scoped. */

/* FUEL — make actual meal-plan cards visually recognizable without implying exact food identity. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-body][data-p424-visual="meal-plan"]{display:grid!important;gap:10px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal][data-p424-meal]{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:124px!important;
  padding:14px 126px 14px 14px!important;margin-bottom:0!important;border-radius:20px!important;
  border:1px solid #555849!important;background:linear-gradient(145deg,#181c15 0%,#10130f 72%)!important;
  box-shadow:0 8px 20px #0004,inset 0 1px 0 #fff9e70c!important
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal]>.p417-food{display:none!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art{
  position:absolute!important;z-index:-1!important;right:0!important;top:0!important;bottom:0!important;width:118px!important;overflow:hidden!important;background:#10130f!important
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.88!important;filter:saturate(.86) contrast(1.04)!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art i{position:absolute!important;inset:0!important;background:linear-gradient(90deg,#151914 0%,#151914aa 22%,transparent 68%),linear-gradient(0deg,#0c0f0bd9 0%,transparent 52%)!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal]>div:first-of-type{position:relative!important;z-index:1!important;align-items:flex-start!important;flex-direction:column!important;gap:3px!important;margin-bottom:7px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal] strong{font-size:1rem!important;line-height:1.2!important;color:#ecd08c!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal] ul{position:relative!important;z-index:1!important;max-width:100%!important;color:#deded6!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;isolation:isolate!important;overflow:hidden!important;padding-right:30px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action]::after{content:""!important;position:absolute!important;z-index:-1!important;right:-12px!important;top:0!important;width:55%!important;height:100%!important;background-size:cover!important;background-position:center!important;opacity:.18!important;mask-image:linear-gradient(90deg,transparent,#000 52%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 52%)!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action="scan"]::after{background-image:url('../assets/pass416/fuel-still-life.webp')!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action="planned"]::after{background-image:url('../assets/pass417/lunch.webp')!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-nutrition .fuel-276-quick button[data-p424-fuel-action="saved"]::after{background-image:url('../assets/pass417/snack.webp')!important}

/* MOBILITY — distinct visual identity per intent and primer. No ordinary-person imagery. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p417-terrain[data-p418-scene="upper"]{background-image:url('../assets/pass415/forged-steel.webp')!important;background-position:center!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p417-terrain[data-p418-scene="athletic"]{background-image:url('../assets/pass415/ascent.webp')!important;background-position:60% center!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility :is(.mf-intent,.mf-primer-stack button){position:relative!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem{
  position:absolute!important;z-index:1!important;right:14px!important;bottom:13px!important;width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;color:#e6ca87!important;border:1px solid #d2ad5b55!important;border-radius:18px!important;
  background:linear-gradient(145deg,#171b14d9,#0e110de8)!important;box-shadow:0 8px 20px #0007,inset 0 1px 0 #fff3cf20!important;pointer-events:none!important
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem svg{width:36px!important;height:36px!important;filter:drop-shadow(0 2px 6px #000)!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-intent .p424-scene-emblem{right:14px!important;bottom:14px!important;width:48px!important;height:48px!important;border-radius:16px!important;color:#f0d28d!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-primer-stack button .p424-scene-emblem{right:14px!important;bottom:14px!important;width:50px!important;height:50px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-primer-stack button[data-p424-scene="upper"] .p424-scene-emblem{color:#d8c695!important;background:linear-gradient(145deg,#28271fda,#10110ee8)!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-primer-stack button[data-p424-scene="athletic"] .p424-scene-emblem{color:#efd184!important;box-shadow:0 8px 20px #0007,0 0 18px #b98b3340!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-primer-stack strong{max-width:60%!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-primer-stack small{max-width:58%!important}

/* EVOLUTION — keep real-data visualizations primary, add campaign depth instead of decorative fake charts. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #evolution-summary[data-p424-campaign="true"]{position:relative!important;isolation:isolate!important;overflow:hidden!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #evolution-summary[data-p424-campaign="true"]::before{content:""!important;position:absolute!important;z-index:-2!important;inset:0!important;background:linear-gradient(180deg,#10140fdc 0%,#10140ff2 48%,#10140f 76%),url('../assets/pass415/ascent.webp') center 18%/cover no-repeat!important;opacity:.42!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #evolution-summary[data-p424-campaign="true"]::after{content:""!important;position:absolute!important;z-index:-1!important;inset:0!important;background:radial-gradient(75% 55% at 100% 0,#b7892f22,transparent 70%)!important;pointer-events:none!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress .p424-proof-meta{position:absolute!important;right:12px!important;top:10px!important;margin:0!important;color:#8f927f!important;font-size:.46rem!important;font-weight:900!important;letter-spacing:.12em!important;line-height:1!important;pointer-events:none!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress .evolution-proof-card[data-p418-kind="strength"] .p424-proof-meta{color:#bea25f!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress .p418-heat{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;padding:1px 0!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress .p418-heat i{border-radius:4px!important;min-width:0!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress .p418-bars>i{border-radius:8px 8px 3px 3px!important}

@media(max-width:370px){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card [data-meal-plan-meal][data-p424-meal]{padding-right:98px!important;min-height:116px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art{width:92px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem{width:45px!important;height:45px!important;border-radius:15px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem svg{width:31px!important;height:31px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem{transition:none!important}
}
@media(forced-colors:active){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #meal-plan-card .p424-meal-art,
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #evolution-summary[data-p424-campaign="true"]::before{display:none!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .p424-scene-emblem{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
}