/* SWACK v6.1.0 — release polish */

/* Petrol: neutral/sporty light theme. */
html[data-theme="petrol"]{
  --bp-bg:#E6F1F2;--bp-card:#F7FBFB;--bp-card2:#DCEAEC;--bp-ink:#132025;--bp-muted:#627177;--bp-line:#C7D9DC;
  --bp-purple:#6848FF;--bp-lilac:#A88CFF;--bp-mint:#2ECFB3;
  --bg:#E6F1F2;--surface:#F7FBFB;--surface-2:#DCEAEC;--text:#132025;--text-2:#627177;--border:#C7D9DC;
  --swack:#6848FF;--swack-2:#5537E8;--electric:#6848FF;--purple:#8C68FF;--coral-v4:#EE7586;--energy:#ECAE39;--recovery:#648C91;
  --ivory:var(--bg);--paper:var(--surface);--paper2:var(--surface-2);--ink:var(--text);--muted:var(--text-2);--line:var(--border);
  --shadow:0 12px 38px rgba(30,72,77,.10);--shadow-strong:0 22px 62px rgba(22,62,68,.16);color-scheme:light;
}
html[data-theme="petrol"] body{background:radial-gradient(circle at 8% 5%,rgba(85,159,165,.17),transparent 25rem),radial-gradient(circle at 95% 20%,rgba(104,72,255,.08),transparent 26rem),#E6F1F2!important}
html[data-theme="petrol"] .topbar{background:color-mix(in srgb,#E6F1F2 72%,transparent)!important}
html[data-theme="petrol"] .bottom-nav{background:rgba(247,251,251,.60)!important;border-color:rgba(59,106,111,.16)!important}

/* Appearance is a first-class Profile row. */
.v610-appearance-row{position:relative}.v610-appearance-row em{margin-left:auto;margin-right:6px;color:var(--bp-purple);font-style:normal;font-size:12px;font-weight:750}.v610-appearance-row>i{margin-left:0!important}
.v610-sheet-intro{margin:-5px 0 16px;color:var(--bp-muted)}
.v610-theme-grid{display:grid;gap:9px}.v610-theme-grid button{display:grid;grid-template-columns:56px 1fr 24px;gap:12px;align-items:center;width:100%;padding:11px;border:1px solid var(--bp-line);border-radius:17px;background:var(--bp-card2);color:var(--bp-ink);text-align:left}.v610-theme-grid button.active{border-color:var(--bp-purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--bp-purple) 16%,transparent)}.v610-theme-grid button>div strong,.v610-theme-grid button>div small{display:block}.v610-theme-grid button>div strong{font:750 14px Sora}.v610-theme-grid button>div small{margin-top:3px;color:var(--bp-muted);font-size:10px}.v610-theme-grid button>i{font-style:normal;color:transparent;font-weight:900}.v610-theme-grid button.active>i{color:var(--bp-purple)}
.v610-theme-swatch{height:50px;border-radius:14px;border:1px solid rgba(80,70,100,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.v610-theme-swatch.lavender{background:linear-gradient(145deg,#F5F2FF,#DED4FF)}.v610-theme-swatch.petrol{background:linear-gradient(145deg,#F3FAFA,#CDE4E6)}.v610-theme-swatch.light{background:linear-gradient(145deg,#fff,#F2F3F7)}.v610-theme-swatch.dark{background:linear-gradient(145deg,#252A3C,#11131F)}

/* VG/Revolut-style smooth Liquid Glass compression. Existing abrupt compact
   class is neutralized; v6.1 drives width/height/labels continuously. */
.bottom-nav,.bottom-nav.bp6-compact{
  width:var(--v610-nav-w,min(calc(100vw - 28px),510px))!important;
  height:var(--v610-nav-h,76px)!important;
  border-radius:var(--v610-nav-radius,24px)!important;
  padding:var(--v610-nav-pad,7px)!important;
  transition:box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.bottom-nav.bp6-compact::before{left:7px!important;top:7px!important;bottom:7px!important;width:calc((100% - 14px)/4)!important;border-radius:17px!important}
.bottom-nav button b{opacity:var(--v610-label-opacity,1)!important;max-height:var(--v610-label-height,22px)!important;transform:translateY(var(--v610-label-y,0))!important;overflow:hidden}
.bottom-nav button span{font-size:var(--v610-icon-size,18px)!important}
.bottom-nav.v610-collapsed{box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 12px 34px rgba(35,26,58,.16)!important}

/* Body metric switcher: one graph, three useful measures. */
.v610-body-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 14px;padding:5px;border-radius:18px;background:color-mix(in srgb,var(--bp-purple) 4%,var(--bp-card2));border:1px solid var(--bp-line)}.v610-body-switch button{min-height:42px;border:0;border-radius:14px;background:transparent;color:var(--bp-muted);font:700 12px Manrope}.v610-body-switch button.active{background:color-mix(in srgb,var(--bp-purple) 11%,var(--bp-card));color:var(--bp-purple);box-shadow:0 5px 14px rgba(70,48,122,.07)}.v610-body-chart .v6-chart{margin-top:14px}

/* Completed workout: current hierarchy, no legacy gradient restart CTA. */
.bp9-completed-toolbar .bp9-button.primary,.bp9-button.primary{background:var(--bp-purple)!important;box-shadow:none!important}
.bp9-completed-toolbar .v610-restart-button{background:transparent!important;color:var(--bp-ink)!important;border:1px solid var(--bp-line)!important;box-shadow:none!important}
.bp9-completed-toolbar .v610-edit-button{background:var(--bp-purple)!important;color:#fff!important;border-color:transparent!important}

@media(max-width:390px){.v610-appearance-row em{font-size:10px}.v610-theme-grid button{grid-template-columns:50px 1fr 20px;padding:9px}.v610-theme-swatch{height:46px}.v610-body-switch button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bottom-nav button b{transition:none!important}}