/* Plate Log: Log tab. See docs/ARCHITECTURE.md for the file map. */
/* log */
.picker{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.datebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.datebar input[type=date]{width:auto;font-family:var(--f-mono);font-size:14px}
.seg{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:6px}
.seg button{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:8px 6px;cursor:pointer;
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-width:0}
.seg button b{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}
.seg button span.t{font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.seg button[aria-pressed="true"] span.t{color:var(--bg);opacity:.75}
.seg .logged{margin-left:auto;font-size:11px;font-family:var(--f-mono)}
@media (max-width:560px){
  .seg{grid-template-columns:1fr;gap:6px}
  .seg button{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;min-height:44px}
  .sumbar{flex-direction:column;gap:2px}
}
.sesshead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.sesshead h2{display:flex;align-items:center;gap:10px}
.ex{padding:0;margin-bottom:10px;overflow:hidden}
.exhead{display:flex;align-items:center;gap:8px;padding:12px 14px 0}
.exname{flex:1;min-width:0;background:none;border:1px solid transparent;border-radius:4px;padding:4px 6px;margin-left:-6px;
  font-family:var(--f-display);font-weight:700;font-size:23px;letter-spacing:.03em;text-transform:uppercase}
.exname:hover,.exname:focus{border-color:var(--line);background:var(--input)}
.exname{text-overflow:ellipsis}
@media (max-width:480px){
  .exhead{flex-wrap:wrap;row-gap:2px}
  .exname{flex:1 1 100%}
  .exhead .iconbtn{margin-left:auto}
}
.target{font-family:var(--f-mono);font-size:12px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);padding:2px 8px;border-radius:3px;white-space:nowrap}
.last{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin:2px 0 10px;min-height:16px}
.last b.add{color:var(--warn-ink);background:var(--warn-bg);padding:1px 6px;border-radius:3px;font-weight:500;margin-left:6px;white-space:nowrap}
.sethead,.set{display:grid;grid-template-columns:28px minmax(0,1fr) 16px minmax(0,1fr) 84px;gap:8px;align-items:center}
.sethead{font-family:var(--f-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;text-align:center}
.set{margin-bottom:6px}
.set .idx{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-align:center}
.set .x{color:var(--muted);text-align:center}
.set input{background:var(--input);border:1px solid var(--line);border-radius:4px;height:42px;text-align:center;font-family:var(--f-mono);font-size:16px;width:100%;min-width:0}
.set input:focus{border-color:var(--ink)}
.set input::placeholder{color:var(--muted);opacity:.55}
.set .e{font-family:var(--f-mono);font-size:12px;color:var(--ink2);text-align:right}
.exfoot{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.exbest{margin-left:auto;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.addex{display:flex;gap:8px;margin:4px 0 16px}
.addex input{flex:1}
.notes{width:100%;min-height:96px;resize:vertical;line-height:1.5}
.sumbar{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;margin:14px 0 10px;font-family:var(--f-mono);font-size:13px;color:var(--ink2)}
.sumbar b{font-size:20px;color:var(--ink);font-weight:500}
.confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}


/* editable targets */
button.target{cursor:pointer;color:var(--ink)}
button.target:hover{border-color:var(--ink2)}
.tedit{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:10px;margin:2px 0 10px}
.tedit label{display:flex;flex-direction:column;gap:2px;font-family:var(--f-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.tedit input{width:64px;min-height:38px;text-align:center;font-family:var(--f-mono);font-size:15px;padding:6px 4px}
.tedit .dash{padding-bottom:9px;color:var(--muted)}

/* exercise drop-downs: name and one-line summary always show, sets open underneath */
.exsum{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:4px 14px 10px;min-height:44px;cursor:pointer;text-align:left;font-family:var(--f-mono);font-size:12px;color:var(--ink2)}
.exsum:hover{background:var(--bg)}
.exsum .chev{color:var(--muted);font-size:14px;transition:transform .15s;flex:none}
.exsum[aria-expanded="true"] .chev{transform:rotate(180deg)}
.exsumt{white-space:nowrap}
.exsumr{margin-left:auto;text-align:right;color:var(--muted);white-space:nowrap}
.exsum.alldone .exsumr{color:var(--ok)}
.ex.open .exsum{border-bottom:1px solid var(--line2)}
.exbody{padding:12px 14px 14px}
.exbody[hidden]{display:none}
.exmeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.exall{display:flex;justify-content:flex-end;margin:0 0 6px}