/* ================================================================
   SWACK v6.1.2 — theme, Liquid Glass, accessibility & polish
   ================================================================ */

/* Mist: same stored `lavender` key, calmer long-use surface + stronger contrast. */
html[data-theme="lavender"]{
  --bp-bg:#F8F6FC;--bp-card:#FFFFFF;--bp-card2:#F0ECF7;--bp-ink:#17121F;--bp-muted:#5D5567;--bp-line:#DED8E7;
  --bg:#F8F6FC;--surface:#FFFFFF;--surface-2:#F0ECF7;--text:#17121F;--text-2:#5D5567;--border:#DED8E7;
  --shadow:0 12px 38px rgba(65,48,92,.075);--shadow-strong:0 22px 62px rgba(54,37,83,.13);
}
html[data-theme="lavender"] body{background:radial-gradient(circle at 8% 2%,rgba(184,149,255,.105),transparent 25rem),radial-gradient(circle at 95% 18%,rgba(104,72,255,.045),transparent 29rem),#F8F6FC!important}
html[data-theme="lavender"] .topbar{background:color-mix(in srgb,#F8F6FC 78%,transparent)!important}
.v610-theme-swatch.lavender,.v610-theme-swatch.mist,.lavender-preview{background:linear-gradient(145deg,#FCFBFE,#F0ECF7 60%,#E4DDF1)!important;border-color:#DED8E7!important}

/* Petrol: same calmness/contrast standard as Mist. */
html[data-theme="petrol"]{
  --bp-bg:#F0F6F6;--bp-card:#FFFFFF;--bp-card2:#E7F0F1;--bp-ink:#102025;--bp-muted:#4E6268;--bp-line:#CCDADC;
  --bg:#F0F6F6;--surface:#FFFFFF;--surface-2:#E7F0F1;--text:#102025;--text-2:#4E6268;--border:#CCDADC;
  --shadow:0 12px 38px rgba(30,72,77,.07);--shadow-strong:0 22px 62px rgba(22,62,68,.12);
}
html[data-theme="petrol"] body{background:radial-gradient(circle at 7% 3%,rgba(62,135,142,.09),transparent 26rem),radial-gradient(circle at 94% 17%,rgba(104,72,255,.035),transparent 29rem),#F0F6F6!important}
html[data-theme="petrol"] .topbar{background:color-mix(in srgb,#F0F6F6 78%,transparent)!important}
.v610-theme-swatch.petrol{background:linear-gradient(145deg,#FBFDFD,#E7F0F1 58%,#D5E4E6)!important;border-color:#CCDADC!important}

/* True Liquid Glass: more transparent, stronger blur; morphs left while scrolling. */
.bottom-nav,.bottom-nav.bp6-compact{
  left:var(--v612-left,50%)!important;right:auto!important;transform:translateX(-50%)!important;
  background:color-mix(in srgb,var(--bp-card) 36%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--bp-line) 52%,rgba(255,255,255,.72))!important;
  -webkit-backdrop-filter:blur(36px) saturate(185%)!important;backdrop-filter:blur(36px) saturate(185%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(255,255,255,.18),0 12px 34px rgba(27,20,43,.10)!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .bottom-nav{background:rgba(22,25,39,.42)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.25)!important}
html[data-theme="lavender"] .bottom-nav{background:rgba(255,255,255,.34)!important;border-color:rgba(95,77,126,.13)!important}
html[data-theme="petrol"] .bottom-nav{background:rgba(255,255,255,.34)!important;border-color:rgba(55,92,97,.14)!important}
.bottom-nav::before{background:color-mix(in srgb,var(--bp-purple) 13%,rgba(255,255,255,.24))!important;border-color:color-mix(in srgb,var(--bp-purple) 19%,rgba(255,255,255,.58))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important}
.bottom-nav button{min-width:44px!important;min-height:44px!important;padding-inline:3px!important}
.bottom-nav.v612-nav-mini{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 24px rgba(27,20,43,.09)!important}

/* Accessibility & touch pass. Large hit areas without visually bloating the UI. */
body{font-size:17px!important;line-height:1.48!important}
button,input,textarea,select{font-family:Manrope,system-ui,-apple-system,sans-serif}
input,textarea,select{font-size:16px!important}
button{touch-action:manipulation}
.v6-primary-action,.action-primary,.bp9-button,.v611-adjust-btn,.secondary.full,.sage-btn.full,.danger-button.full,.text-button.full{min-height:50px!important;font-size:15px!important}
.close,.icon-btn,.top-profile-r6,.v6-settings-gear,.bp5-new-suggestion,.bp5-meal-state{min-width:44px!important;min-height:44px!important}
.v6-settings-list button{min-height:56px!important;padding:14px 2px!important}.v6-settings-list button b{font-size:14px!important}.v6-settings-list>small{font-size:11px!important}
.v6-week-tabs button,.v611-week-tabs button{min-height:44px!important;font-size:12px!important}.v6-workout-row>button{min-height:64px!important}.v6-workout-row strong{font-size:15px!important}.v6-workout-row small,.v6-workout-row span{font-size:12px!important}
.food-tabs button,.bp5-food-tabs button{min-height:46px!important;font-size:13px!important}.bp5-meal-row{min-height:70px}.bp5-meal-main strong{font-size:15px!important}.bp5-meal-main small{font-size:12px!important}.bp5-meal-main>span{font-size:11px!important}
.bp5-progress-tabs button,.v610-body-switch button{min-height:48px!important;font-size:13px!important}.bp5-progress-row{min-height:54px}.bp5-progress-row small{font-size:12px!important}
.v6-data-card>small,.v6-stat-grid small,.bp5-progress-hero small{font-size:11px!important}.v6-data-card>span,.bp5-progress-hero span{font-size:13px!important}
.modal .muted,.modal p,.bp9-muted{line-height:1.5}.modal small,.profile-edit-link-r7 small{font-size:12px!important;color:var(--bp-muted)!important}
.profile-edit-link-r7{min-height:56px!important}.profile-edit-link-r7 button{min-height:44px!important}

/* Completed-session hierarchy: normal action first, restart calm and secondary. */
.v6-completed-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.v612-view-completed{order:1}.v612-restart-completed{order:2;min-height:46px!important;background:transparent!important;border:1px solid var(--bp-line)!important;color:var(--bp-muted)!important;box-shadow:none!important;font-weight:750!important}
.v612-completed-restart{background:transparent!important;color:var(--bp-muted)!important;border:1px solid var(--bp-line)!important;box-shadow:none!important}.v612-completed-primary{background:var(--bp-purple)!important;color:#fff!important;border-color:transparent!important}

/* Progress charts: make the graph informational, not merely decorative. */
.v612-trend-summary{display:flex;align-items:baseline;gap:8px;margin-top:10px}.v612-trend-summary strong{font:800 16px Sora;color:var(--bp-ink)}.v612-trend-summary span{font-size:12px;color:var(--bp-muted)}
.v612-chart-meta{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:-4px;color:var(--bp-muted);font-size:11px}.v612-chart-meta span:nth-child(2){text-align:center}.v612-chart-meta span:last-child{text-align:right}.v612-body-switch{margin-top:2px!important}
.v612-progress .v6-chart svg polyline{stroke:var(--bp-purple)!important}

/* Profile: one avatar entry point, less dead space. */
body.v612-profile-open #profileAvatarButton{visibility:hidden!important;pointer-events:none!important}
.v612-profile-open .v6-profile-hero{padding-top:0!important;padding-bottom:14px!important;margin-top:-4px!important}.v612-profile-open .v6-profile-hero h1{font-size:28px!important}.v612-profile-open .v6-profile-shortcuts{margin-bottom:16px!important}

/* Heart-rate sheets stay usable above the iOS keyboard. */
.v612-keyboard-modal{max-height:calc(100dvh - 18px)!important;overflow:auto!important;overscroll-behavior:contain;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
.v612-sticky-save{position:sticky!important;bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 8px 24px color-mix(in srgb,var(--bp-bg) 70%,transparent)!important}

/* Coach: shorter visual paragraphs and comfortable text size. */
.v612-coach-msg>div>p{margin:0 0 10px;font-size:16px;line-height:1.52}.v612-coach-msg>div>p:last-child{margin-bottom:0}.coach-modal-r6 textarea,.v6-coach-compose textarea{font-size:17px!important;line-height:1.45!important}

/* Active-workout touch targets. */
.set-log-row input,.bp9-rest-set input{font-size:17px!important;min-height:44px!important}.set-complete{min-width:44px!important;min-height:44px!important}.v6-rest-actions button{min-height:48px!important;font-size:15px!important}

@media(max-width:390px){
  .v612-chart-meta{grid-template-columns:1fr 1fr}.v612-chart-meta span:nth-child(2){display:none}.v612-chart-meta span:last-child{text-align:right}
  .v6-settings-list button b{font-size:13px!important}.bp5-meal-main strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav::before{transition:none!important}}

/* Contrast floor for the original Light/Dark themes as well. */
html[data-theme="spark"]{--bp-muted:#655D6D;--text-2:#655D6D;--muted:#655D6D}
html[data-theme="dark"]{--bp-muted:#B7B2C0;--text-2:#B7B2C0;--muted:#B7B2C0}
