/* Customer presentation only. Staff portals and application rules are untouched. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated {
  --fkj-canvas: #111110;
  --fkj-surface: #1b1b19;
  --fkj-ink: #fffaf5;
  --fkj-muted: #bcb7b1;
  --fkj-line: #383632;
  --fkj-premium-canvas: var(--fkj-canvas);
  --fkj-premium-surface: var(--fkj-surface);
  --fkj-premium-surface-raised: #252420;
  --fkj-premium-line: var(--fkj-line);
  --fkj-premium-green: var(--fkj-green);
  --fkj-premium-green-strong: var(--fkj-green-deep);
  --fkj-premium-olive: var(--fkj-green-deep);
  --fkj-premium-amber: var(--fkj-green-deep);
  --bg: var(--fkj-canvas);
  --surface: var(--fkj-surface);
  --surface-2: var(--fkj-premium-surface-raised);
  --text: var(--fkj-ink);
  --ink: var(--fkj-ink);
  --muted: var(--fkj-muted);
  --border: var(--fkj-line);
  --accent: var(--fkj-green);
  --accent-contrast: #111411;
  --fkj-nav-clearance: calc(100px + env(safe-area-inset-bottom, 0px));
  color: var(--fkj-ink);
  background: var(--fkj-canvas);
  font-size: 16px;
  line-height: 1.6;
}
:root[data-theme="light"] #fitness-kitchen-complete-journey.fkj-customer-authenticated {
  --fkj-canvas: #faf8f5;
  --fkj-surface: #fff;
  --fkj-ink: #201d1a;
  --fkj-muted: #68615a;
  --fkj-line: #e8e1d9;
  --fkj-premium-canvas: var(--fkj-canvas);
  --fkj-premium-surface: var(--fkj-surface);
  --fkj-premium-green: var(--fkj-green);
  --fkj-premium-green-strong: var(--fkj-green-deep);
  --fkj-premium-line: var(--fkj-line);
  --fkj-premium-surface-raised: #f6f1eb;
  --fkj-premium-olive: var(--fkj-green-deep);
  --fkj-premium-amber: var(--fkj-green-deep);
  --accent-contrast: #fff;
  color-scheme: light;
  color: var(--fkj-ink);
  background: var(--fkj-canvas);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-shell {
  width: min(100vw, 960px);
  min-width: 0;
  max-width: 960px;
  overflow: visible;
  padding-bottom: var(--fkj-nav-clearance);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen {
  padding: 24px 20px 32px;
  animation: none;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head {
  padding: max(22px, env(safe-area-inset-top, 0px)) 20px 12px;
  border-bottom: 0;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen h2 {
  font-size: clamp(1.5rem, 5.8vw, 2rem);
  font-weight: 800;
  letter-spacing: -.025em;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-primary {
  color: var(--accent-contrast);
  background: var(--fkj-green);
  font-weight: 800;
  box-shadow: none;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-primary:hover { background: var(--fkj-green); filter: brightness(.97); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--fkj-green-deep);
  outline-offset: 4px;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated :is(button, a) { touch-action: manipulation; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated :is(input, select, textarea) { font-size: 16px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated button:disabled { cursor: not-allowed; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated [hidden] { display: none !important; }

/* Home: genuine subscription information, with meal discovery as the primary action. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-home-welcome { margin-bottom: 18px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance {
  padding: 24px;
  background: var(--fkj-surface);
  border-color: var(--fkj-line);
  box-shadow: none;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance::after { display: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance h2 { font-size: 2.2rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card {
  display: grid;
  gap: 18px;
  padding: 24px;
  margin-block: 24px;
  border: 1px solid var(--fkj-line);
  border-radius: 24px;
  background: linear-gradient(125deg, var(--fkj-green-soft), var(--fkj-surface));
  box-shadow: none;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card small { font-weight: 700; color: var(--fkj-green-deep); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card strong { max-width: 34rem; font-size: 1.15rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-choose-meals {
  display: flex;
  width: 100%;
  flex-basis: auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
  padding: 16px 20px;
  border-radius: 18px;
  animation: fkj-cta-enter .35s ease-out;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-choose-meals span { flex: 1; text-align: start; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-choose-meals svg { width: 24px; height: 24px; flex: 0 0 auto; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-showcase { padding: 20px 0; background: transparent; border: 0; box-shadow: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card { flex-basis: 230px; border-radius: 20px; box-shadow: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-image { height: 155px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-copy { padding: 14px; }

/* Meals: fixed actions stay visible in either scroll direction. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] { padding-bottom: 220px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker { gap: 6px; margin-block: 20px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button { min-height: 64px; border-radius: 16px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-row { padding: 14px; margin-block: 12px; border-radius: 20px; box-shadow: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-photo { border-radius: 15px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-counter button { min-width: 44px; min-height: 44px; font-size: 1.3rem; border-radius: 12px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-counter { gap: 12px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-row[data-selected="true"] { border-color: var(--fkj-green); background: var(--fkj-green-soft); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-bar {
  position: fixed;
  z-index: 39;
  inset-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
  bottom: var(--fkj-nav-clearance);
  width: auto;
  max-width: 480px;
  margin-inline: auto;
  padding: 14px 16px;
  color: var(--fkj-ink);
  background: var(--fkj-surface);
  border: 1px solid var(--fkj-line);
  border-radius: 22px;
  box-shadow: 0 6px 30px rgb(0 0 0 / .13);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-copy { display: grid; gap: 2px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-copy strong[role="status"] {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  color: var(--fkj-ink);
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.5;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-copy small { color: var(--fkj-muted); font-size: .75rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-bar[data-state="unsaved"] { border-color: var(--fkj-green); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-bar[data-state="saved"] .fkj-meal-save-copy strong::before { content: '✓ '; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-actions { display: grid; margin-top: 10px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-actions button { min-height: 50px; width: 100%; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-edit-status:empty { display: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-bar .fkj-meal-edit-status:not(:empty) { font-size: .75rem; margin-block: 8px 0; padding: 4px 8px; }

/* Three destinations; Meals is deliberately elevated into a curved cutout. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: end;
  left: 50%;
  right: auto;
  bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  width: min(calc(100% - 24px), 480px);
  padding: 8px 8px 6px;
  min-height: 74px;
  border: 0;
  border-radius: 25px;
  background: radial-gradient(circle at 50% 0, transparent 36px, var(--fkj-surface) 37px);
  filter: drop-shadow(0 5px 12px rgb(0 0 0 / .12));
  box-sizing: border-box;
  overflow: visible;
  isolation: isolate;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button {
  min-height: 58px;
  padding: 5px !important;
  color: var(--fkj-muted);
  background: none;
  border: 0;
  font-weight: 700;
  gap: 5px;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button::before { display: none; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav span { font-size: .78rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button[aria-current="page"] { color: var(--fkj-green-deep); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav svg { width: 24px; height: 24px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-nav-meals { margin-top: -32px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-nav-meals-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: var(--accent-contrast);
  background: var(--fkj-green);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--fkj-green) 25%, transparent);
}

/* Account: all existing destinations have one organized parent. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-head { margin-bottom: 12px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-head p { color: var(--fkj-muted); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-head #fkj-account-home { min-height: 44px; font-size: .8rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-hub { display: grid; gap: 24px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-group h3 {
  margin: 0 4px 10px;
  font-weight: 800;
  color: var(--fkj-muted);
  font-size: .9rem;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-group .fkj-more-menu {
  display: grid;
  gap: 0;
  border: 1px solid var(--fkj-line);
  border-radius: 20px;
  overflow: hidden;
  background: var(--fkj-surface);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-group .fkj-more-menu :is(button, a) {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 14px 16px;
  margin: 0;
  background: none;
  color: var(--fkj-ink);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  font: inherit;
  text-align: start;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-group .fkj-more-menu :is(button, a) + :is(button, a) { border-top: 1px solid var(--fkj-line); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu-icon { background: var(--fkj-green-soft); color: var(--fkj-green-deep); border-radius: 13px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu strong { font-size: .95rem; font-weight: 700; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu small { display: block; color: var(--fkj-muted); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-subpage { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-subpage button { display: flex; gap: 8px; align-items: center; padding: 8px 12px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-subpage h3 { margin: 0; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-bottom { display: grid; gap: 20px; padding-block: 8px 20px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-logout-action { min-height: 54px; color: var(--fkj-danger); border: 1px solid var(--fkj-line); background: var(--fkj-surface); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-freeze-intro { display: flex; align-items: center; gap: 16px; padding: 20px; border-radius: 20px; background: var(--fkj-green-soft); margin-bottom: 24px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-freeze-intro p { margin: 0; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-freeze-intro .fkj-more-menu-icon { flex: 0 0 44px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-freeze-request { width: 100%; margin-top: 20px; color: var(--accent-contrast); background: var(--fkj-green); border-color: var(--fkj-green); box-shadow: none; }
/* One floating support destination; its clearance follows the actual save bar. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-support {
  position: fixed;
  inset-inline-end: max(14px, env(safe-area-inset-right, 0px));
  bottom: calc(var(--fkj-nav-clearance) + var(--fkj-support-lift, 0px) + 14px);
  z-index: 25;
  padding: 0;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-support a {
  display: grid; place-items: center; position: relative;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--fkj-green); color: var(--accent-contrast);
  border: 2px solid var(--fkj-surface); box-shadow: var(--fkj-shadow);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-whatsapp-icon { width: 30px; height: 30px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-support-overlay {
  position: absolute; inset-inline-end: -2px; bottom: -2px;
  width: 21px; height: 21px; padding: 3px; border-radius: 50%;
  color: var(--fkj-ink); background: var(--fkj-surface); border: 1px solid var(--fkj-line);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated.fkj-ui-obscured :is(.fkj-bottom-nav, .fkj-meal-save-bar, .fkj-account-support) { visibility: hidden; pointer-events: none; }
[dir="ltr"] #fitness-kitchen-complete-journey .fkj-more-chevron,
[dir="ltr"] #fitness-kitchen-complete-journey :is(.fkj-more-page-head, .fkj-account-subpage) button svg { transform: rotate(180deg); }
@keyframes fkj-cta-enter { from { opacity: .65; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 760px) {
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen { padding-inline: 40px; }
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-hub { grid-template-columns: 1fr 1fr; align-items: start; }
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-bottom { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen { padding-inline: 12px; }
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-subpage { flex-direction: column; align-items: stretch; }
  #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav span { font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
  #fitness-kitchen-complete-journey.fkj-customer-authenticated *,
  #fitness-kitchen-complete-journey.fkj-customer-authenticated *::before,
  #fitness-kitchen-complete-journey.fkj-customer-authenticated *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-group :is(button, a):focus-visible { outline-offset: -4px; }

/* Min-content from Arabic labels must never widen the customer shell. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); width: 100%; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button { min-width: 0; width: auto; padding-inline: 2px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker strong { font-size: .72rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-body { min-width: 0; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-heading strong { overflow-wrap: anywhere; }

#fitness-kitchen-complete-journey.fkj-customer-authenticated :is([data-settings-back], [data-more-back], [data-account-home], [data-theme-option], [data-language]) { min-height: 44px; }

/* Equal grid tracks keep branding centered even with asymmetric actions. */
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head .fkj-brand {
  position: static; transform: none;
  grid-column: 2; grid-row: 1; justify-self: center;
  font-size: clamp(.65rem, 2.8vw, .9rem); gap: 6px;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-logo { width: 34px; height: 34px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head > :not(.fkj-brand) {
  grid-row: 1; grid-column: 1; min-width: 0; max-width: 100%; overflow-wrap: anywhere;
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head > :not(.fkj-brand):last-child { grid-column: 3; justify-self: end; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen { padding-bottom: 96px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid > [data-quota-category] { min-width: 0; padding: 12px 4px; display: grid; justify-items: center; gap: 6px; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated [data-quota-category="chicken"] { --quota-color: var(--fkj-green-deep); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated [data-quota-category="premium"] { --quota-color: light-dark(#3158b6, #93b6ff); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated [data-quota-category="salmon"] { --quota-color: light-dark(#963ca3, #e1a1ea); }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid .fkj-quota-ring {
  width: 64px; height: 64px; padding: 0; border: 0; position: relative; display: grid; place-items: center;
  border-radius: 50%; background: conic-gradient(var(--quota-color) var(--quota-progress, 0%), var(--fkj-line) 0);
}
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-ring::before { content: ''; position: absolute; inset: 6px; background: var(--fkj-surface); border-radius: 50%; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-ring strong { position: relative; font-size: .72rem; direction: ltr; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid small { text-align: center; font-size: .68rem; }
#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-edge-return { transition: transform 160ms ease-out; }

#fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head .fkj-brand span {
  position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: nowrap;
}
