/* schwimmtrainer.at V0.15.10.50.8 - cache/timestamp repair
   ONLY the individual/personal target-corridor accordion.
   Loaded after performance-forms-v45.css and account-forms-v47.css to make
   geometry deterministic; no changes to validation, data or other forms.

   Desktop/landscape: date | lower | upper
                      note (2 columns) | save/cancel
*/
main .personal-plan-details form.pl-managed-form.personal-plan-form.group-target-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 14px;
  row-gap: 12px;
  align-content: start;
  align-items: end;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* Exact positions win against the older wrapping flex and full-row rules. */
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-date {
  grid-column: 1;
  grid-row: 1;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-lower {
  grid-column: 2;
  grid-row: 1;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-upper {
  grid-column: 3;
  grid-row: 1;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-date,
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  box-sizing: border-box;
  flex: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  inline-size: 100%;
  max-width: 100%;
  max-inline-size: 100%;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-date > input[type="date"] {
  box-sizing: border-box;
  flex: none;
  width: 184px;
  inline-size: 184px;
  max-width: 100%;
  max-inline-size: 100%;
  min-width: 0;
  min-inline-size: 0;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-value > input {
  box-sizing: border-box;
  display: block;
  flex: none;
  width: 158px;
  inline-size: 158px;
  max-width: 100%;
  max-inline-size: 100%;
  min-width: 0;
  min-inline-size: 0;
  height: 52px;
  min-height: 52px;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-note {
  grid-column: 1 / span 2;
  grid-row: 2;
  box-sizing: border-box;
  flex: none;
  /* Earlier :not(...) field geometry gives ordinary labels a 320px width. */
  width: 100% !important;
  inline-size: 100% !important;
  max-width: 100%;
  max-inline-size: 100%;
  min-width: 0;
  min-inline-size: 0;
  margin: 0;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-note > input[name="note"] {
  box-sizing: border-box;
  width: 100%;
  inline-size: 100%;
  max-width: 100%;
  min-width: 0;
  height: 52px;
  min-height: 52px;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > .group-target-form-actions {
  grid-column: 3;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-self: end;
  box-sizing: border-box;
  flex: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  gap: 8px;
}
main .personal-plan-details form.pl-managed-form.personal-plan-form > .group-target-form-actions > :is(button,a) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Compact tablet / mobile arrangements avoid clipped native date controls. */
@media (max-width: 740px) {
  main .personal-plan-details form.pl-managed-form.personal-plan-form.group-target-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 12px;
  }
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-date {grid-column: 1;grid-row:1;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-lower {grid-column: 2;grid-row:1;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-upper {grid-column: 1;grid-row:2;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-note {grid-column:2;grid-row:2;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > .group-target-form-actions {grid-column:1 / -1;grid-row:3;}
}
@media (max-width: 420px) {
  main .personal-plan-details form.pl-managed-form.personal-plan-form.group-target-form {
    grid-template-columns: minmax(0,1fr);
  }
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-date {grid-column: 1;grid-row:1;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-lower {grid-column: 1;grid-row:2;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-upper {grid-column: 1;grid-row:3;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > label.pl-target-note {grid-column: 1;grid-row:4;}
  main .personal-plan-details form.pl-managed-form.personal-plan-form > .group-target-form-actions {grid-column:1;grid-row:5;}
}