/* ================================================================
   SWACK v6.1.3 — true Liquid Glass, wider mobile layout & simplification
   ================================================================ */

/* 1) FULL-WIDTH MOBILE PASS: one real gutter, no stacked fake margins. */
#app{max-width:820px!important;padding-left:12px!important;padding-right:12px!important}
.v6-home,.v6-plan,.v6-progress-page,.v6-profile-page,.bp5-food-page,.bp9-completed-page{width:100%!important;max-width:none!important}
.today-section-r11,.coach-inline-r10{margin-left:0!important;margin-right:0!important}
.v6-home .v6-primary-card,.v6-home .v6-next-meal,.v613-coach-line{width:100%!important}
@media(min-width:621px){#app{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:620px){
  .modal-backdrop{padding-left:8px!important;padding-right:8px!important}
  .modal:not(.v6-rest-card){width:min(760px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important}
}

/* 2) TRUE LIQUID GLASS — visually almost transparent. */
.bottom-nav,.bottom-nav.bp6-compact{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(115,102,137,.14)!important;
  -webkit-backdrop-filter:blur(32px) saturate(190%)!important;backdrop-filter:blur(32px) saturate(190%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 10px 28px rgba(28,22,42,.055)!important;
  transition:width .16s cubic-bezier(.2,.85,.2,1),height .16s cubic-bezier(.2,.85,.2,1),left .16s cubic-bezier(.2,.85,.2,1),border-radius .16s ease,background .16s ease,border-color .16s ease!important;
}
html[data-theme="dark"] .bottom-nav{background:rgba(16,18,29,.18)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.12)!important}
html[data-theme="lavender"] .bottom-nav,html[data-theme="petrol"] .bottom-nav{background:rgba(255,255,255,.13)!important}
.bottom-nav button{flex:0 0 auto!important;min-width:0!important;width:auto!important;overflow:hidden;transition:flex-basis .16s cubic-bezier(.2,.85,.2,1),opacity .13s ease,transform .16s ease,padding .16s ease!important}
.bottom-nav button[data-tab="today"]{flex-basis:var(--v613-today-w,25%)!important}
.bottom-nav button:not([data-tab="today"]):not(.profile-nav-proxy){flex-basis:var(--v613-other-w,25%)!important;opacity:calc(1 - var(--v613-p,0));transform:scale(var(--v613-other-scale,1))}
.bottom-nav button span{display:grid;place-items:center;width:26px;height:26px;margin:auto}.bottom-nav button span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button span svg .fill{fill:currentColor;stroke:none}
.bottom-nav::before{opacity:calc(1 - var(--v613-p,0))!important;transition:opacity .12s ease!important}
.bottom-nav.v613-single{background:rgba(255,255,255,.075)!important;border-color:rgba(115,102,137,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 7px 20px rgba(28,22,42,.035)!important}
html[data-theme="dark"] .bottom-nav.v613-single{background:rgba(20,22,34,.11)!important;border-color:rgba(255,255,255,.09)!important}
.bottom-nav.v613-single::before{opacity:0!important}.bottom-nav.v613-single button:not([data-tab="today"]){pointer-events:none!important;opacity:0!important;padding-left:0!important;padding-right:0!important}.bottom-nav.v613-single button[data-tab="today"]{color:var(--bp-purple)!important;background:color-mix(in srgb,var(--bp-purple) 7%,transparent)!important;border-radius:16px!important}.bottom-nav.v613-single button[data-tab="today"] b{display:none!important}
.bottom-nav.v613-single button[data-tab="today"] span{width:44px;height:44px}

/* 3) TOP COACH + simplified Today composer. */
.v613-coach-top{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--bp-purple) 18%,var(--bp-line));border-radius:15px;background:color-mix(in srgb,var(--bp-purple) 7%,transparent);color:var(--bp-purple);display:grid;place-items:center;font:800 20px/1 Sora;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.v613-coach-top.hidden{display:none!important}
.v613-coach-line{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;margin:0 0 12px;padding:0;background:transparent;border:0;box-shadow:none}
.v613-coach-line-icon{width:44px;height:44px;border:1px solid var(--bp-line);border-radius:15px;background:color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card));color:var(--bp-purple);font-size:19px}
.v613-coach-line .v6-coach-compose{margin:0!important;padding:5px 5px 5px 12px!important;border:1px solid var(--bp-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--bp-card) 62%,transparent)!important;box-shadow:none!important;min-height:52px}
.v613-coach-line .v6-coach-compose textarea{min-height:40px!important;padding:8px 3px!important;font-size:16px!important;background:transparent!important}.v613-coach-line .v6-coach-compose button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}

/* 4) Progress conditioning: one meaningful secondary stat. */
.v613-single-stat{grid-template-columns:1fr!important}.v613-single-stat>div{min-height:104px!important}

/* 5) PROFILE simplification. */
.v6-settings-gear{display:none!important}.v6-profile-hero{grid-template-columns:1fr auto!important}.v6-profile-hero .v6-profile-avatar{margin-right:0!important}
.v610-appearance-row{grid-template-columns:32px minmax(0,1fr) auto 18px!important}.v610-appearance-row em{font-style:normal;color:var(--bp-purple);font-weight:750;font-size:13px;justify-self:end}.v610-appearance-row i{grid-column:auto!important}
.v613-alert-row,.v613-account-row{grid-template-columns:32px minmax(0,1fr) 18px!important}.v613-row-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;color:var(--bp-purple)}.v613-row-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bp7-profile-session .bp7-logout{display:flex!important;align-items:center!important;gap:11px!important;min-height:54px!important;padding:10px 0!important}.bp7-profile-session .bp7-logout::before{display:none!important}.v613-logout-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card));color:var(--bp-muted)}.v613-logout-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bp7-profile-session .bp7-logout b{font:750 16px Manrope}

/* 6) CURRENT BUTTON SYSTEM — no legacy turquoise/blue gradients. */
.profile-edit-r7 .action-primary.full,.profile-edit-r7 .action-primary,.v613-settings-sheet .action-primary,.recipe-modal .action-primary,.bp9-button.primary{
  background:var(--bp-purple)!important;background-image:none!important;color:#fff!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:0 8px 20px color-mix(in srgb,var(--bp-purple) 18%,transparent)!important;font-weight:800!important;min-height:52px!important
}
.profile-edit-r7 .secondary.full,.recipe-modal .secondary.full{border-radius:16px!important;background:color-mix(in srgb,var(--bp-card) 68%,transparent)!important;border:1px solid var(--bp-line)!important;box-shadow:none!important;min-height:50px!important}

/* 7) Recipes are already complete on one page; keep only meaningful actions. */
.recipe-modal .detailed-recipe-steps{margin-bottom:12px!important}.recipe-modal .secondary.full{margin-top:8px!important}

/* 8) Keep accessibility floor after widening. */
.v6-settings-list button,.bp7-profile-session .bp7-logout{touch-action:manipulation}.v6-settings-list button{width:100%!important}
@media(max-width:390px){#app{padding-left:10px!important;padding-right:10px!important}.v613-coach-line{grid-template-columns:42px minmax(0,1fr)}.v613-coach-line-icon{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav button{transition:none!important}}
/* Align the persistent shell with the wider content grid. */
.topbar{padding-left:12px!important;padding-right:12px!important}
@media(min-width:621px){.topbar{padding-left:16px!important;padding-right:16px!important}}