/* Shared density for every Online session-builder training type, CI 8.1. */
@media screen {
  html:root #onlinePlanDialog.planiq-builder {
    --builder-number-width:112px;
    --builder-select-width:240px;
    --builder-text-width:400px;
  }
  html:root #onlinePlanDialog #onlinePlanForm { container:builder-form / inline-size; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm :where(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),select) {
    height:44px!important; min-height:44px!important; padding:4px 8px!important; box-sizing:border-box;
    min-width:0!important; max-width:100%!important; line-height:20px!important;
  }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm input[type=number] { width:100%!important; max-width:var(--builder-number-width)!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm input[type=time] { width:100%!important; max-width:128px!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm input[type=date] { width:100%!important; max-width:176px!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm :is(input:not([type]),input[type=text]) { width:100%!important; max-width:var(--builder-text-width)!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm select { width:100%!important; max-width:var(--builder-select-width)!important; padding-inline-end:32px!important; background-position:right 8px center!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm [name=title] { max-width:600px!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm [data-gym-set-count] { max-width:64px!important; }
  html:root #onlinePlanDialog.planiq-builder #onlinePlanForm textarea { width:100%!important; max-width:720px!important; min-height:56px!important; height:auto; padding:8px!important; line-height:20px!important; box-sizing:border-box; }
  html:root #onlinePlanDialog.planiq-builder :is(label,.builder-field-heading) { min-width:0; }
  html:root #onlinePlanDialog.planiq-builder label>span { white-space:normal; overflow-wrap:anywhere; }
  html:root #onlinePlanDialog #onlinePlanForm :is(.builder-outline,.builder-editor) :is(p,strong,small) { min-width:0; overflow-wrap:anywhere; }
  html:root #onlinePlanDialog #onlinePlanForm .builder-block-choice>* { min-width:0; white-space:normal; overflow-wrap:anywhere; }
  html:root #onlinePlanDialog.planiq-builder :is(.builder-meta,.builder-block-settings,.builder-field-grid,.builder-track-route,.builder-track-execution,.online-phase-exercise-editor,.online-phase-exercise-fields,.managed-exercise-parameters) { gap:8px 12px; align-items:start; }
  html:root #onlinePlanDialog.planiq-builder .builder-block-settings { margin-bottom:12px; }
  html:root #onlinePlanDialog.planiq-builder .builder-block-settings>label { width:240px; gap:4px; }
  html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-editor { grid-template-columns:minmax(0,240px) minmax(0,112px); }
  html:root #onlinePlanDialog.planiq-builder :is(.online-phase-exercise-choice,.online-phase-block-duration,.online-phase-exercise-fields>label) { gap:4px; }
  html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-fields>label { flex-basis:128px; width:128px; }
  html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-fields>label[data-exercise-field-size=wide] { flex-basis:288px; width:288px; }
  html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-fields { align-items:flex-end; }
  html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-fields>label:has(select) { flex-basis:176px; width:176px; }
  html:root #onlinePlanDialog.planiq-builder .builder-superset-toolbar { gap:12px; padding:12px; }
  html:root #onlinePlanDialog.planiq-builder .builder-superset-row { padding-block:8px; gap:8px 12px; }
  html:root #onlinePlanDialog.planiq-builder .builder-super-exercise+.builder-super-exercise { padding-top:16px; margin-top:16px; }
  html:root #onlinePlanDialog.planiq-builder .builder-coach-disclosure { margin-top:8px; padding-top:4px; }
  html:root #onlinePlanDialog #onlinePlanForm :is(.online-wattbike-choice-grid,.online-wattbike-work-grid,.online-sprint-base-values) { gap:8px 12px; align-items:start; }
  html:root #onlinePlanDialog #onlinePlanForm :is(.online-wattbike-choice-grid,.online-wattbike-work-grid,.online-sprint-base-values)>label { grid-row:span 2; grid-template-rows:subgrid; row-gap:4px; }
  html:root #onlinePlanDialog #onlinePlanForm :is(.online-sprint-choice-row,.online-wattbike-choice-grid) { grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),176px)); gap:8px 12px; }
  html:root #onlinePlanDialog #onlinePlanForm :is(.online-sprint-base-values,.online-wattbike-work-grid) { grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),128px)); }
  html:root #onlinePlanDialog #onlinePlanForm .online-sprint-interval-fields { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),240px)); gap:8px 12px; }
  @container builder-form (max-width:1000px) {
    html:root #onlinePlanDialog #onlinePlanForm .builder-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html:root #onlinePlanDialog #onlinePlanForm .builder-title-field { grid-column:1/-1; }
  }
  @container builder-form (max-width:800px) {
    html:root #onlinePlanDialog #onlinePlanForm .builder-workspace { grid-template-columns:minmax(0,1fr); }
    html:root #onlinePlanDialog #onlinePlanForm .builder-outline { padding:0 0 12px; border-right:0; border-bottom:1px solid var(--fliq-border-subtle); }
  }
  @container builder-form (max-width:400px) {
    html:root #onlinePlanDialog #onlinePlanForm .builder-meta { grid-template-columns:minmax(0,1fr); }
    html:root #onlinePlanDialog #onlinePlanForm .builder-superset-toolbar { padding:8px; }
    html:root #onlinePlanDialog #onlinePlanForm .builder-superset-rows { padding-inline-start:8px; }
    html:root #onlinePlanDialog #onlinePlanForm .builder-superset-row { grid-template-columns:minmax(0,1fr); }
    html:root #onlinePlanDialog #onlinePlanForm .builder-superset-row>* { grid-column:1; }
  }
  @media(max-width:600px) {
    html:root #onlinePlanDialog.planiq-builder .online-phase-exercise-editor { grid-template-columns:minmax(0,1fr); }
    html:root #onlinePlanDialog.planiq-builder .endurance-card-heading>label.name { flex-basis:100%; }
  }
  @media(pointer:coarse) {
    html:root #onlinePlanDialog.planiq-builder :is(input,select,textarea) { font-size:16px!important; }
  }
}