/* GOAT Path · Training Log action chrome.
   Keep Training Log edit/remove controls visually identical to the established Food Log controls.
   Loaded after styles.css so this remains a narrow presentation override only. */

/* Exercise / manager-level remove = Food Log meal/session remove. */
.log-ex-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--bad,#DC2626)!important;
  font:600 13px/1 var(--body);
  cursor:pointer;
  opacity:.9;
  flex:none;
}
.log-ex-remove:hover,.log-ex-remove:active{
  opacity:1;
  color:var(--bad,#DC2626)!important;
  border-color:var(--bad,#DC2626);
  background:rgba(220,38,38,.10);
}

/* Set edit/remove pair = Food Log item edit/remove pair. */
.log-rx-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  min-width:27px;
  min-height:27px;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--mut);
  font:600 12px/1 var(--body);
  cursor:pointer;
  flex:none;
}
.log-rx-edit:hover,.log-rx-edit:active{
  color:var(--acc2);
  border-color:var(--acc2);
  background:var(--surface);
}
.log-rx-remove{
  color:var(--bad,#DC2626)!important;
}
.log-rx-remove:hover,.log-rx-remove:active{
  color:var(--bad,#DC2626)!important;
  border-color:var(--bad,#DC2626);
  background:rgba(220,38,38,.10);
}

/* The base stylesheet previously enlarged these controls again on narrow phones. */
@media(max-width:390px){
  .log-rx-icon{
    width:27px;
    height:27px;
    min-width:27px;
    min-height:27px;
  }
}

/* 2026.10.07 · exercise actions + numeric-only closed rep range. */
.log-ex-head-actions{display:flex;align-items:center;gap:6px;flex:none}
.log-ex-manage{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;min-width:26px;min-height:26px;padding:0;
  border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--mut);
  font:700 16px/1 var(--body);cursor:pointer;flex:none;
}
.log-ex-manage:hover,.log-ex-manage:active{color:var(--ink);background:var(--soft)}
.log-exercise .log-ex-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.repselect{
  position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:38px;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-sizing:border-box;
}
.repselect-v{display:block;width:100%;padding:8px 30px 8px 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.repselect::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.72}
.repselect select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.repselect:focus-within{border-color:var(--acc);outline:2px solid var(--acc);outline-offset:1px}
@media(max-width:390px){.repselect{min-height:40px}.repselect-v{padding-left:7px;padding-right:25px}.repselect::after{right:9px}}

/* 2026.10.07 · Cardio + Gut use the same saved-summary/edit language as Food + Training. */
.log-summary{position:relative;align-items:flex-start;gap:8px;padding:9px 4px}
.log-summary-bar{width:4px;align-self:stretch;min-height:44px;border-radius:999px;background:var(--acc);flex:none}
.act-summary .log-summary-bar{background:var(--eng)}
.gut-summary .log-summary-bar{background:var(--acc2)}
.log-summary .li-txt{min-width:0}
.log-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-wrap:wrap}
.log-summary-tag{display:inline-flex;margin-top:3px}
.log-summary-meta{display:block!important;margin:3px 0 0!important}
.log-summary-kcal{white-space:nowrap;flex:none}
.log-summary-note{display:block;font-size:12px;color:var(--mut);line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
.log-auto-step{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;border-style:dashed!important}
.log-auto-step .chip{white-space:nowrap}
.actrow.editing{grid-template-areas:"nm x" "sub sub" "foot foot"}
.actrow>.ar-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ar-foot .ar-kc{white-space:nowrap;margin:0}
.gutrow.editing{grid-template-areas:"time bristol bristol del" "urg pain gi gi" "note note note note" "foot foot foot foot"}
.gut-edit-foot{grid-area:foot;display:flex;justify-content:flex-end}
@media(max-width:390px){
  .log-summary{gap:7px;padding:8px 3px}
  .log-summary-top{align-items:flex-start}
  .log-summary-kcal{font-size:11px}
}


.gutrow>.gr-time{grid-area:time}
.gutrow>.gr-bristol{grid-area:bristol}
.gutrow>.gr-urg{grid-area:urg}
.gutrow>.gr-pain{grid-area:pain}
.gutrow>.gr-gi{grid-area:gi}
.gutrow>.gr-note{grid-area:note}
.gutrow>.gr-del{grid-area:del;align-self:start}
.gutrow .ar-f>input,.gutrow .ar-f>select{width:100%}

/* Log shares Customize Analysis row dimensions and the modal's native scroll. */
.gp-log-fold>.gp-body{min-width:0}
.gp-log-add-actions{gap:8px;margin-top:6px;flex-wrap:wrap}
.gp-log-add-session{margin-top:12px}
.gp-log-custom-hint{margin-bottom:8px}
.gp-log-custom-actions{gap:8px;margin-top:12px;flex-wrap:wrap}
.gp-log-done{width:100%}
.gp-log-customize .arr-name input:disabled{opacity:.48}

/* Log entry actions: equal-width pairs and full-width singles; keep the existing button theme. */
#v-log .gp-log-add-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
#v-log .gp-log-add-actions>.btn,
#v-log .gp-log-fold>.gp-body>.btn,
#v-log .sesscard>.btn.additem,
#v-log .mgfoot>.btn.additem{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-height:44px;min-width:0;text-align:center;white-space:nowrap
}
#v-log .gp-log-add-actions>.btn,
#v-log .gp-log-fold>.gp-body>.btn,
#v-log .sesscard>.btn.additem{width:100%}
#v-log .gp-log-fold>.gp-body>.btn,
#v-log .sesscard>.btn.additem{margin-top:8px}
#v-log .mgfoot>.btn.additem{flex:1 1 0}
#v-log .mgfoot>.chip{flex:0 0 auto}
@media(max-width:360px){#v-log .gp-log-add-actions>.btn{padding-inline:6px}}

/* Food Log: compact saved rows; entry controls keep their existing reading size. */
#v-log .mg-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) auto;gap:6px}
#v-log .mg-head .mg-sp{display:none}
#v-log .mg-head .mg-num,#v-log .mg-head .mg-time{
 width:100%;min-width:0;box-sizing:border-box;
 height:30px;min-height:30px;padding:2px 6px;line-height:20px
}
#v-log .mg-head .mg-num{padding-right:20px}
#v-log .mg-head .mg-end{gap:4px}
#v-log .food-summary-head{align-items:center;gap:6px;margin-bottom:0}
#v-log .food-summary-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
#v-log .food-summary-copy .li-name{font-size:var(--saved-item-font-size);font-weight:600;line-height:1.4}
#v-log .food-summary-copy .upfchip{margin:0;padding:2px 5px;font-size:10px}
#v-log .food-log-summary .li-act{gap:4px}
@media(max-width:360px){
 #v-log .food-summary-copy .upf-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #v-log .mg-head{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 #v-log .mg-head .mg-end{grid-column:1/-1;justify-self:end}
}
#v-log .meal-nutrients{margin-top:8px;min-width:0}
#v-log .meal-nutrients .food-nutrients{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#v-log .meal-nutrients .food-nutrient{padding:6px 1px;gap:2px}
#v-log .meal-nutrients .food-nutrient-value{font-size:clamp(10px,2.6vw,13px)}
#v-log .mgfoot{display:block;margin-top:8px}
#v-log .mgfoot>.btn.additem,
#v-log [data-log-sec="meals"] .gp-log-add-actions>.btn,
#v-log .gp-log-fold>.gp-body>.btn,
#v-log .sesscard>.btn.additem,
#v-log .log-exercise .log-ex-actions button.log-ex-action{
 width:100%;min-height:28px;padding:3px 10px;line-height:20px;font-size:12px;
 border-radius:9px;white-space:nowrap
}
#v-log .log-exercise .log-ex-actions button.log-ex-action{padding-inline:2px;font-size:clamp(10px,2.8vw,12px)}
@media(max-width:360px){
 #v-log .log-exercise{padding-inline:4px}
 #v-log .log-exercise .log-ex-actions{grid-template-columns:1.2fr 1.14fr 1fr;gap:3px}
}
/* More specific than legacy meal/time and custom-macro rules, including tablet widths.
   Do not disable pinch zoom. A 16px minimum prevents iOS form-focus auto zoom. */
@media(max-width:1024px){
 #v-log .mealgrp input,#v-log .mealgrp select{font-size:16px;min-width:0}
 #v-log .foodrow input{font-size:16px}
}

/* Set editor: full-width controls, one primary input row, compact optional details. */
#v-log .log-exercise .exrow.editing{padding:8px 0;margin:4px 0;border:0;background:transparent;box-shadow:none}
#v-log .exrow.editing input,#v-log .exrow.editing select,#v-log .exrow.editing textarea,
#v-log .exrow.editing .repselect-v{font-size:16px}
#v-log .exrow.editing .er-rirrow{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;width:100%;margin-bottom:8px}
#v-log .exrow.editing .rirseg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;box-sizing:border-box}
#v-log .exrow.editing .rirseg button{flex:1 1 0;min-width:0;min-height:32px;padding:3px 0;line-height:20px}
#v-log .exrow.editing .er-sec{gap:6px}
#v-log .exrow.editing .er-more{
 display:flex;align-items:center;flex-wrap:nowrap;gap:6px;width:100%;min-height:32px;
 box-sizing:border-box;padding:4px 8px;line-height:20px;white-space:nowrap
}
#v-log .exrow.editing .er-msum{flex:1 1 0;max-width:none;min-width:0;text-align:right}
/* Override the legacy desktop rule that forced details open. */
#v-log .exrow.editing .er-adv{display:none!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6px;align-items:start}
#v-log .exrow.editing .er-adv.on{display:grid!important}
#v-log .exrow.editing .er-adv>select{width:100%;min-width:0;max-width:100%;height:36px;min-height:36px;padding:5px 7px;box-sizing:border-box}
#v-log .exrow.editing .er-adv>.er-tempo{grid-column:1/-1}
#v-log .exrow.editing .er-adv>.painbtn{grid-column:1/-1;justify-self:start;min-height:28px;padding:3px 8px;line-height:20px}
#v-log .exrow.editing .log-row-note{grid-column:1/-1;width:100%;min-width:0}
#v-log .exrow.editing .log-row-note textarea{box-sizing:border-box;height:44px;min-height:44px;padding:5px 8px;line-height:20px;resize:vertical}
#v-log .exrow.editing .er-donerow{display:block}
#v-log .exrow.editing .er-donerow>.ll-done{width:100%;min-height:28px;padding:3px 10px;line-height:20px;border-radius:9px}
@media(max-width:390px){
 #v-log .exrow.editing .er-cols,#v-log .exrow.editing .er-grid{grid-template-columns:44px minmax(0,1.2fr) minmax(0,1fr)}
 #v-log .exrow.editing .repselect-v{padding-left:5px;padding-right:21px}
 #v-log .exrow.editing .repselect::after{right:7px}
}
@media(min-width:900px){
 #v-log .exrow.editing .er-adv{grid-template-columns:repeat(3,minmax(0,1fr))}
 #v-log .exrow.editing .er-adv>.er-tempo{grid-column:auto}
}


/* Gut editor: balanced symptom fields and compact, full-width actions. */
#v-log .gutrow.editing{
 position:relative;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
 grid-template-areas:"time bristol" "symptoms symptoms" "note note" "foot foot";
 gap:10px 8px;padding:10px;align-items:start;background:transparent
}
#v-log .gutrow.editing .ar-f>small{
 font-size:11px;font-weight:600;line-height:16px;letter-spacing:0;text-transform:none;margin:0 0 4px
}
#v-log .gutrow.editing .ar-f>input,#v-log .gutrow.editing .ar-f>select{
 width:100%;min-width:0;max-width:100%;box-sizing:border-box;height:38px;min-height:38px;
 padding:5px 8px;font-size:16px;line-height:24px;border-radius:10px
}
#v-log .gutrow.editing .gr-time>input{padding-left:5px;padding-right:5px}
#v-log .gutrow.editing .gr-bristol>small{padding-right:28px}
#v-log .gutrow.editing .gr-del{position:absolute;grid-area:auto;right:8px;top:1px;margin:0}
#v-log .gutrow.editing .gr-symptoms{grid-area:symptoms;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
#v-log .gutrow.editing .gr-symptoms small{white-space:nowrap}
#v-log .gutrow.editing .gr-range{display:block;font-size:10px;font-weight:400;line-height:13px}
#v-log .gutrow.editing .gr-symptoms input{text-align:center;font-variant-numeric:tabular-nums}
#v-log .gutrow.editing .gut-edit-foot{display:block;min-width:0}
#v-log .gutrow.editing .gut-edit-foot>.ll-done{width:100%;min-height:28px;padding:3px 10px;line-height:20px;border-radius:9px}

/* Meal AI shortcut: 70/30 on phones, bounded on desktop. */
#v-log .mgfoot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:8px;width:min(100%,520px)}
#v-log .mgfoot>.btn{min-width:0;width:100%;min-height:28px;white-space:nowrap}
#v-log .mgfoot>.meal-ai-add{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:3px 10px;line-height:20px;font-size:12px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
#v-log .mgfoot>.meal-ai-add .ai-quick-mark{font:300 14px/1 var(--disp);letter-spacing:.23em;text-indent:.23em}