/* CI 8.1 Online endurance workspace. Screen layout; no analytical or print changes. */
@media screen {
  html:root #onlinePlanDialog #onlineEnduranceBuilder.endurance-structured-layout {
    display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:0; border:0;
    border-radius:0; background:var(--fliq8-surface); box-shadow:none;
  }
  html:root #onlinePlanDialog #onlineEnduranceBuilder[hidden] { display:none!important; }
  #onlineEnduranceBuilder.endurance-structured-layout>*,#onlineEnduranceBuilder.endurance-structured-layout fieldset { min-width:0; }
  #onlineEnduranceBuilder.endurance-structured-layout>.endurance-heading,
  #onlineEnduranceBuilder.endurance-structured-layout>.managed-endurance-controls,
  #onlineEnduranceBuilder.endurance-structured-layout>.endurance-basics { grid-column:1/-1; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-heading>div { display:block; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-heading { padding:0 0 8px; border-bottom:1px solid var(--fliq8-divider); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-heading p:not(.eyebrow) { margin-top:4px; max-width:80ch; }
  #onlineEnduranceBuilder.endurance-structured-layout h4 { margin:0 0 8px; font:600 15px/1.45 var(--fliq81-font); }
  #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-basics,.endurance-panel,.endurance-review) {
    padding:16px; border:1px solid var(--fliq8-divider); border-radius:8px; background:var(--fliq8-surface); align-self:start;
  }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-basics { background:var(--fliq8-muted); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch { margin-bottom:12px; gap:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch legend { font-weight:500; margin-bottom:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch label { min-height:44px; padding:8px 12px; gap:8px; align-items:center; background:var(--fliq8-surface); border-radius:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch span { display:block; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch strong { margin-inline-end:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-mode-switch label:has(:checked) { border-color:var(--fliq81-plan-accent); background:var(--fliq81-plan-tint); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-meta-grid { grid-template-columns:minmax(0,176px) minmax(0,144px) minmax(0,104px) minmax(0,176px); gap:8px 12px; align-items:start; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout label { min-width:0; font-weight:400; align-content:start; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout label>span { white-space:normal; overflow-wrap:anywhere; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout :is(input:not([type=radio]),select,textarea) { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout :is(input:not([type=radio]),select) { min-height:44px!important; padding:4px 8px!important; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout textarea { height:auto; min-height:56px; }
  html:root #onlineEnduranceBuilder.endurance-structured-layout .endurance-meta-grid>label { grid-column:auto; }
  #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-session-notes,.endurance-free-options,.endurance-step-options) { margin-top:8px; border-top:1px solid var(--fliq8-divider); padding-top:4px; }
  #onlineEnduranceBuilder.endurance-structured-layout summary { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; min-height:44px; padding:8px 0; cursor:pointer; color:var(--fliq8-text); }
  #onlineEnduranceBuilder.endurance-structured-layout summary::before { content:""; display:block; width:16px; height:16px; flex:0 0 16px; background:currentColor; mask:url('ci-8.1/icons/chevron-right.svg') center/16px 16px no-repeat; }
  #onlineEnduranceBuilder.endurance-structured-layout details[open]>summary::before { transform:rotate(90deg); }
  #onlineEnduranceBuilder.endurance-structured-layout summary small { color:var(--fliq8-secondary); font-size:12px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-catalog-disclosure { border-bottom:1px solid var(--fliq8-divider); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-catalog-disclosure .managed-exercise-picker { margin-block:8px 16px; }
  #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-notes-grid,.endurance-optional-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding-top:4px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-notes-grid { max-width:880px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-free-options .endurance-optional-grid { grid-template-columns:repeat(3,minmax(0,176px)); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-free-options .endurance-optional-grid>label:not(.wide) { grid-row:span 2; grid-template-rows:subgrid; row-gap:4px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-free-options label.wide { grid-column:1/-1; max-width:640px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-optional-grid>label:has(textarea) { grid-column:1/-1; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-free-grid { display:block; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-target-fields { display:grid; grid-template-columns:minmax(0,184px) minmax(0,160px) minmax(0,96px) minmax(0,96px); gap:8px 12px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-toolbar { align-items:flex-start; flex-wrap:wrap; gap:16px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-toolbar h4 { margin-bottom:4px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-ftp-blocks { gap:12px; margin-top:12px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-ftp-block { display:block; padding:16px; border-radius:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-card-heading { display:flex; flex-wrap:wrap; align-items:end; gap:8px 12px; padding-bottom:8px; border-bottom:1px solid var(--fliq8-divider); margin-bottom:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-step-number { flex:0 0 44px; display:grid; place-items:center; min-height:44px; align-self:center; font-variant-numeric:tabular-nums; color:var(--fliq8-secondary); background:var(--fliq8-muted); border-radius:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-card-heading>label.name { flex:1 1 180px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-card-heading>label { display:grid; gap:4px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-card-heading>label:not(.name) { flex:0 1 100px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-actions { display:flex; flex-wrap:wrap; gap:4px; margin-inline-start:auto; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
  #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-step-volume,.endurance-step-intensity) { display:grid; gap:12px; padding:0; margin:0; border:0; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-step-volume { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-step-intensity { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
  #onlineEnduranceBuilder.endurance-structured-layout legend { padding:0; margin:0 0 12px; font-size:12px; font-weight:600; color:var(--fliq8-text); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-interval-row { grid-column:auto; display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:12px; border-radius:8px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-interval-row>strong { padding-bottom:8px; border-bottom:1px solid var(--fliq8-divider); }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-step-options { grid-column:1/-1; margin-top:0; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; border:0; border-radius:0; background:transparent; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary small { text-transform:none; font-weight:400; letter-spacing:normal; font-size:12px; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary strong { font-size:14px; overflow-wrap:anywhere; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary>div:first-child strong { font-size:24px; font-weight:600; }
  #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary .wide { padding-top:12px; border-top:1px solid var(--fliq8-divider); }
  @media(min-width:1200px) {
    html:root #onlinePlanDialog #onlineEnduranceBuilder.endurance-structured-layout { grid-template-columns:minmax(0,1fr) 240px; }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-panel { grid-column:1; }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-review { grid-column:2; }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-summary { grid-template-columns:minmax(0,1fr); }
  }
  @media(max-width:900px) {
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-fields { grid-template-columns:minmax(0,1fr); }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-target-fields { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:520px; }
  }
  @media(max-width:600px) {
    #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-mode-switch,.endurance-meta-grid,.endurance-notes-grid,.endurance-optional-grid,.endurance-target-fields,.endurance-step-volume,.endurance-step-intensity,.endurance-summary),
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-free-options .endurance-optional-grid { grid-template-columns:minmax(0,1fr); }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-card-heading>label.name { flex-basis:calc(100% - 56px); }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-actions { width:100%; margin:0; }
    #onlineEnduranceBuilder.endurance-structured-layout :is(.endurance-panel,.endurance-basics,.endurance-review,.endurance-ftp-block) { padding:12px; }
    #onlineEnduranceBuilder.endurance-structured-layout .endurance-block-toolbar>div:last-child { width:100%; justify-content:flex-start; }
  }
}