/* ============================================================
   LIFE PLANER — GYM S8: Historie · Workout-Detail · Verlauf
   Nur bestehende Tokens aus lp-styles.css.
   ============================================================ */

/* ---------- Abgeschaltete Menuezeile (Hevy-Einheit) ----------
   Der Eintrag bleibt sichtbar, damit die Erklaerung darunter einen Bezug hat —
   ein verschwundener Menuepunkt erklaert nichts. */
.lp-gy-sheetrow.off{color:var(--text-4);cursor:default}
.lp-gy-sheetrow.off svg{opacity:.5}

/* ---------- Historie: Monatskopf ---------- */
.lp-gy-hmon{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:6px 2px 0}
.lp-gy-hmon .m{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:-.01em}
.lp-gy-hmon .v{font-size:10.5px;font-weight:650;color:var(--text-4);
  font-variant-numeric:tabular-nums}

/* ---------- Historie: Zeile ---------- */
.lp-gy-hrow{
  display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--hair);cursor:pointer}
.lp-gy-hrow:last-child{border-bottom:none}
.lp-gy-hrow:active{background:var(--surface-2)}
.lp-gy-hrow .dt{text-align:center;line-height:1}
.lp-gy-hrow .dt b{display:block;font-size:17px;font-weight:750;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums}
.lp-gy-hrow .dt span{display:block;margin-top:3px;font-size:9.5px;font-weight:700;
  color:var(--text-4);text-transform:uppercase;letter-spacing:.06em}
.lp-gy-hrow .mn{min-width:0}
.lp-gy-hrow .mn .t{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:680;
  letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-gy-hrow .mn .t .rec{
  flex:0 0 auto;font-style:normal;font-size:9.5px;font-weight:700;color:var(--amber);
  background:var(--amber-dim);padding:3px 7px;border-radius:6px;
  text-transform:uppercase;letter-spacing:.05em}
.lp-gy-hrow .mn .s{margin-top:3px;font-size:11.5px;font-weight:600;color:var(--text-3);
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-gy-hrow .ch{color:var(--text-4);display:flex}

/* ---------- Workout-Detail ---------- */
.lp-gy-hprs{display:flex;flex-direction:column;gap:6px;margin-top:12px;
  padding-top:11px;border-top:1px solid var(--hair)}
.lp-gy-hprs .p{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:680;
  color:var(--amber);font-variant-numeric:tabular-nums}
.lp-gy-hprs .p i{width:5px;height:5px;border-radius:50%;background:var(--amber);flex:0 0 auto}

.lp-gy-hex{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);
  padding:12px 12px 10px}
.lp-gy-hnote{margin-top:9px;padding-left:9px;border-left:2px solid var(--hair-2);
  font-size:12.5px;color:var(--text-3)}
.lp-gy-hset{
  display:grid;grid-template-columns:26px auto minmax(0,1fr) 14px;align-items:center;gap:10px;
  padding:7px 0;border-top:1px solid var(--hair);font-variant-numeric:tabular-nums}
.lp-gy-hset:first-child{border-top:none}
.lp-gy-hset .n{font-size:11.5px;font-weight:700;color:var(--text-3);text-align:center}
.lp-gy-hset .n.alt{color:var(--text-4);font-size:10.5px}
.lp-gy-hset .v{font-size:13.5px;font-weight:650;color:var(--text-2);letter-spacing:-.01em}
.lp-gy-hset.top .v{font-weight:750;color:var(--text)}
.lp-gy-hset .ty{font-size:10.5px;font-weight:650;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.05em}
.lp-gy-hset .e{color:var(--text-4);display:flex;justify-content:flex-end}
.lp-gy-hset.tap{cursor:pointer;margin:0 -8px;padding:7px 8px;border-radius:9px}
.lp-gy-hset.tap:active{background:var(--surface-2)}
.lp-gy-layer.editing .lp-gy-hex{border-color:var(--hair-2)}

/* ---------- Rückgängig-Leiste ---------- */
.lp-gy-undo{
  position:absolute;left:10px;right:10px;bottom:14px;z-index:62;
  background:rgba(16,16,18,.94);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid var(--hair-2);border-radius:14px;padding:10px 12px 10px 14px;
  display:flex;align-items:center;gap:12px;
  box-shadow:0 18px 40px -14px rgba(0,0,0,.9)}
.lp-gy-undo span{flex:1;min-width:0;font-size:12.5px;font-weight:650;color:var(--text-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-gy-undo button{
  flex:0 0 auto;height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--hair-2);
  background:var(--surface-2);color:var(--text);font-family:var(--font);
  font-size:13px;font-weight:700;cursor:pointer}
.lp-gy-undo button:active{background:var(--surface-3)}

/* ---------- Übungs-Verlauf: Einheit ---------- */
.lp-gy-ses{padding:12px 0;border-bottom:1px solid var(--hair);cursor:pointer}
.lp-gy-ses:last-child{border-bottom:none}
.lp-gy-ses:active{background:var(--surface-2)}
.lp-gy-ses .h{display:flex;align-items:baseline;gap:9px}
.lp-gy-ses .h .d{font-size:12.5px;font-weight:700;letter-spacing:-.01em}
.lp-gy-ses .h .w{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--text-4);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-gy-ses .h .dl{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--green);
  font-variant-numeric:tabular-nums}
.lp-gy-ses .h .tg{flex:0 0 auto;font-size:9.5px;font-weight:700;color:var(--amber);
  background:var(--amber-dim);padding:3px 7px;border-radius:6px;
  text-transform:uppercase;letter-spacing:.05em}
.lp-gy-ses .h .tg.rec{color:var(--text-2);background:var(--surface-3)}
.lp-gy-ses .ls{margin-top:7px;display:flex;flex-direction:column;gap:3px}
.lp-gy-ses .l{display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:center;
  gap:9px;font-variant-numeric:tabular-nums}
.lp-gy-ses .l .n{font-size:11px;font-weight:700;color:var(--text-4);text-align:center}
.lp-gy-ses .l .n.alt{font-size:10px}
.lp-gy-ses .l .v{font-size:13px;font-weight:600;color:var(--text-2);letter-spacing:-.01em}
.lp-gy-ses .l.top .v{font-weight:750;color:var(--text)}
.lp-gy-ses .l .ty{font-size:10px;font-weight:650;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.05em}