/* Є ПЛАН v344 — iPhone focus zoom prevention, compact alternatives,
   clean measurement-tape markers. Loaded after existing trainer and client CSS.
   Only CSS; no disabling pinch-to-zoom or changes to input behaviour. */

/* iOS Safari automatically zooms a page when a focused editable control uses
   a computed font size below 16px. Keep actual input/select/textarea and
   contenteditable text at >=16px on login, client AND trainer screens, including
   editors and modals appended directly to <body>. Exclude non-text controls. */
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1024px) {
    html body :is(
      input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
      textarea,
      select,
      [contenteditable="true"],
      [contenteditable="plaintext-only"]
    ) {
      font-size:max(16px,1em)!important;
    }
  }
}

/* The trainer's orange ALTERNATIVES heading is a compact strip, subordinate
   to the blue SUPERSET heading above it. Shrink height AND inner width pressure.
   Keep its parent border/card intact and preserve both theme palettes. */
body.eplan-redesign.trainer-ui .trainer-client-page .trainer-alternatives-head,
body.eplan-redesign.trainer-ui .trainer-program-form-overlay .trainer-alternatives-head,
body.eplan-redesign.trainer-ui .trainer-alternatives-head {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  height:auto!important;
  padding:5px 11px!important;
  gap:7px!important;
}
body.eplan-redesign.trainer-ui .trainer-client-page .trainer-alternatives-head strong,
body.eplan-redesign.trainer-ui .trainer-alternatives-head strong {
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.035em!important;
}
body.eplan-redesign.trainer-ui .trainer-client-page .trainer-program-alternatives-title,
body.eplan-redesign.trainer-ui .trainer-program-form-overlay .trainer-program-alternatives-title,
body.eplan-redesign.trainer-ui .trainer-program-alternatives-title {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-height:31px!important;
  height:auto!important;
  padding:6px 11px!important;
  margin:-12px -12px 9px!important;
  max-width:calc(100% + 24px)!important;
}
body.eplan-redesign.trainer-ui .trainer-client-page .trainer-program-alternatives-title>span,
body.eplan-redesign.trainer-ui .trainer-program-alternatives-title>span {
  min-width:0!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.3!important;
}
body.eplan-redesign.trainer-ui .trainer-client-page .trainer-program-alternatives-title>small,
body.eplan-redesign.trainer-ui .trainer-program-alternatives-title>small {
  min-width:0!important;
  max-width:60%!important;
  font-size:9px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:699px) {
  body.eplan-redesign.trainer-ui .trainer-program-alternatives-title>small {
    display:none!important;
  }
}

/* One modest, solid blue line at each actual measurement site, front only.
   Endpoints are inset from the body outline; the old rear/dotted ellipse
   is removed in v344 JS rather than merely hidden here. */
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-atlas-image
 .measurement-v3-permanent-guides>.measurement-v3-band-front {
  display:block!important;
  fill:none!important;
  stroke:#2c88e8!important;
  stroke-width:2.05px!important;
  stroke-dasharray:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.94!important;
  pointer-events:none!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app
 .measurement-v3 .measurement-v3-atlas-image
 .measurement-v3-permanent-guides>.measurement-v3-band-front {
  stroke:#80caff!important;
  stroke-width:2.15px!important;
  opacity:.95!important;
}
body.eplan-redesign.client-ui #app .measurement-v3 .measurement-v3-atlas-image
 .measurement-v3-band-back {
  display:none!important;
}