/* SWACK v6.0.0 — Blueprint Preview 7 */

/* Segmented onboarding progress — five phase dashes with intra-phase fill. */
.bp6-onboarding .bp6-onboard-progress{display:none!important}
.bp7-onboard-progress{padding:calc(env(safe-area-inset-top,0px) + 10px) 4px 14px;position:relative;z-index:2}
.bp7-progress-dashes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}
.bp7-progress-dashes>i{height:5px;border-radius:999px;background:color-mix(in srgb,var(--v6-stroke,#ddd) 82%,transparent);overflow:hidden;display:block}
.bp7-progress-dashes>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6845ff,#8d5cff);transition:width .24s cubic-bezier(.2,.8,.2,1)}

/* Safety stays out of the way until it is actually relevant. */
.bp7-safety-message{min-height:0;margin-top:14px;padding:0 14px;border-radius:16px;font-size:15px;line-height:1.4;color:var(--v6-text,#16131d);background:color-mix(in srgb,#ffb84d 13%,transparent);opacity:0;transform:translateY(-4px);max-height:0;overflow:hidden;transition:.2s ease}
.bp7-safety-message.show{opacity:1;transform:none;max-height:90px;padding:12px 14px}

/* Profile session action is predictable and separate from settings/integrations. */
.bp7-profile-session{margin:28px 0 calc(108px + env(safe-area-inset-bottom,0px));padding:22px 0 0;border-top:1px solid var(--v6-stroke,#e6e2eb);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bp7-profile-session .bp7-logout{appearance:none;border:0;background:transparent;padding:7px 0;font:700 17px/1.2 var(--font-body,Manrope,sans-serif);color:var(--v6-text,#17131d);cursor:pointer}
.bp7-profile-session small{font-size:13px;color:var(--v6-muted,#85808c)}
.bp7-account-actions{margin-top:22px;padding-top:16px;border-top:1px solid var(--v6-stroke,#e6e2eb)}
.bp7-settings-modal #apiStatus{display:none!important}

/* Preview 7 keeps generated/local recipes clean and readable. */
.bp5-meal-row strong{hyphens:auto}

@media (max-width:390px){
  .bp7-progress-dashes{gap:7px}
  .bp7-progress-dashes>i{height:4px}
}

@media (prefers-reduced-motion:reduce){
  .bp7-progress-dashes>i>b,.bp7-safety-message{transition:none!important}
}