/* 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;
  }
}