/* Є ПЛАН v337: minimal measurements atlas.
   One neutral figure at left, two columns of plain text values at right.
   No body tap zones, fixed bottom sheet, or rectangular measurement cards.
   Scoped to the client. Trainer anatomy and measurements stay untouched. */

body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas{
  display:grid!important;
  grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;
  align-items:start!important;
  column-gap:12px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas .measurement-v3-figure-col{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas .measurement-v3-figure{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:462px!important;
  overflow:visible!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas
  .measurement-v3-anatomy.measurement-v3-atlas-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  /* The raster is a wider sprite atlas. Never show its off-canvas second figure. */
  overflow:hidden!important;
  flex:none!important;
  pointer-events:none!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-column{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-groups{
  display:grid!important;
  gap:13px!important;
  min-width:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-group{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-group h3{
  display:block!important;
  margin:0 0 3px!important;
  padding:0 0 3px!important;
  color:var(--mv3-muted)!important;
  background:transparent!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 9px!important;
  align-items:stretch!important;
  min-width:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 7px!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:58px!important;
  width:100%!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  border-bottom:1px solid var(--mv3-separator)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mv3-text)!important;
  text-align:left!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row.is-active{
  color:var(--mv3-accent)!important;
  background:transparent!important;
  border-bottom-color:var(--mv3-accent)!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row:focus-visible{
  outline:2px solid var(--mv3-accent)!important;
  outline-offset:2px!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:18px!important;
  height:20px!important;
  color:var(--mv3-accent)!important;
  background:transparent!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-content strong{
  display:block!important;
  max-width:100%!important;
  color:var(--mv3-text)!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-value{
  display:block!important;
  max-width:100%!important;
  color:var(--mv3-text)!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-content small{
  display:block!important;
  max-width:100%!important;
  font-size:10px!important;
  font-weight:500!important;
  color:var(--mv3-muted)!important;
  line-height:1.1!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-value .measurement-v3-pair-values{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:0 3px!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.22!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-value .measurement-v3-pair-values>span{
  display:inline!important;
  color:inherit!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-arrow{
  display:block!important;
  color:var(--mv3-muted)!important;
  align-self:center!important;
  justify-self:end!important;
  font-size:17px!important;
  font-weight:650!important;
  line-height:1!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row.is-active .measurement-v3-text-arrow{
  color:var(--mv3-accent)!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-add-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  margin:8px 0 0!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#2585f5!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-add-btn:focus-visible{
  outline:2px solid var(--mv3-accent)!important;
  outline-offset:2px;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-bulk:not([open]){
  display:none!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-bulk[open]{
  display:block!important;
  scroll-margin-top:80px;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-bulk[open]>summary{
  color:var(--mv3-accent)!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel[hidden]{
  display:none!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel:not([hidden]){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:2px 0 0!important;
  padding:12px 14px!important;
  border:1px solid var(--mv3-line)!important;
  border-radius:16px!important;
  background:var(--mv3-panel)!important;
  color:var(--mv3-text)!important;
  box-shadow:none!important;
  scroll-margin-top:80px;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 9px!important;
  color:var(--mv3-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--mv3-line)!important;
  border-radius:50%!important;
  background:var(--mv3-field)!important;
  color:var(--mv3-text)!important;
  font-size:20px!important;
  line-height:1!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-editor{
  display:grid!important;
  gap:11px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-inputs.is-pair{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-inputs input{
  font-size:16px!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-saved-readout{
  display:grid!important;
  gap:4px!important;
  padding:11px 12px!important;
  border:1px solid var(--mv3-line)!important;
  border-radius:11px!important;
  background:var(--mv3-field)!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-saved-readout>span{
  color:var(--mv3-muted)!important;
  font-size:11px!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-saved-readout>strong{
  color:var(--mv3-text)!important;
  font-size:17px!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-edit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  width:100%!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid var(--mv3-accent)!important;
  border-radius:11px!important;
  background:var(--mv3-accent-soft)!important;
  color:var(--mv3-accent)!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-editor-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-cancel{
  min-height:44px!important;
  padding:8px 12px!important;
  border:1px solid var(--mv3-line)!important;
  border-radius:11px!important;
  background:var(--mv3-field)!important;
  color:var(--mv3-muted)!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-detail-panel .measurement-v3-new-day{
  width:100%!important;
  min-height:39px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid var(--mv3-line)!important;
  border-radius:11px!important;
  background:var(--mv3-field)!important;
  color:var(--mv3-accent)!important;
  font-size:12px!important;
  font-weight:800!important;
}
@media(max-width:699px){
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas{
    grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;
    column-gap:9px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas .measurement-v3-figure{
    height:430px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-content small{
    display:none!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row{
    min-height:56px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-groups{
    gap:8px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-group h3{
    font-size:9px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3{
    padding-bottom:110px!important;
  }
}
@media(max-width:385px){
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas{
    grid-template-columns:minmax(0,37fr) minmax(0,63fr)!important;
    column-gap:6px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-grid{
    gap:0 5px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row{
    grid-template-columns:14px minmax(0,1fr) 5px!important;
    gap:3px!important;
    min-height:55px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-icon{
    width:14px!important;
    height:16px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-icon svg{
    width:14px!important;
    height:14px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-content strong{
    font-size:10.5px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-value{
    font-size:11px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-value .measurement-v3-pair-values{
    font-size:10px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-arrow{
    font-size:15px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas .measurement-v3-figure{
    height:390px!important;
  }
}
@media(min-width:700px){
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas{
    grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;
    column-gap:22px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row{
    min-height:65px!important;
  }
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas .measurement-v3-figure{
    height:535px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-row{transition:none!important}
}

/* v338: no "upper body / torso / legs" subsections. All ten measurements
   flow as five aligned pairs beside the neutral anatomical illustration. */
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-all{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-content:start!important;
  gap:0 9px!important;
  width:100%!important;
  min-width:0!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-text-atlas
  .measurement-v3-anatomy.measurement-v3-atlas-image {
  overflow:hidden!important;
}
