/* ============================================================
   LIFE PLANER — S11: Trainingstage im Kalender
   ============================================================ */

/* ---------- Kalender: Gym-Marker-Dot ---------- */
.lp-cal-gym-dot{
  display:block;width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex:0 0 auto;cursor:pointer;
  box-shadow:0 0 4px rgba(255,255,255,.15)}

/* ---------- Jahres-Heatmap ---------- */
.lp-hm-card{display:flex;flex-direction:column;gap:9px}

/* Sitzt im Scroll-Container und wandert mit dem Raster. */
.lp-hm-months{position:relative;height:14px}
.lp-hm-months span{position:absolute;font-size:9px;font-weight:700;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}

.lp-hm-grid{display:flex;gap:0;position:relative;align-items:flex-end}
.lp-hm-days{flex:0 0 20px;position:relative;height:77px}
.lp-hm-days span{position:absolute;font-size:8.5px;font-weight:700;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.04em;line-height:10px}

.lp-hm-scroll{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:2px}
.lp-hm-scroll::-webkit-scrollbar{display:none}
.lp-hm-inner{display:block}
.lp-hm-cols{display:flex;gap:1px}
.lp-hm-col{display:flex;flex-direction:column;gap:1px}
.lp-hm-cell{width:10px;height:10px;border-radius:2px}
.lp-hm-cell.today{outline:1.5px solid var(--accent);outline-offset:-0.5px}

.lp-hm-legend{display:flex;align-items:center;gap:5px;justify-content:center;
  font-size:9px;font-weight:700;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.05em}
.lp-hm-legend i{width:10px;height:10px;border-radius:2px}

/* ---------- Wochenplan im Gym-Tab ---------- */
.lp-wkplan{padding:12px 10px 10px}
.lp-wkplan-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}

.lp-wkplan-day{display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:7px 2px 8px;border-radius:10px;background:var(--surface-2);
  border:1px solid var(--hair);position:relative;min-width:0}
.lp-wkplan-day.today{background:rgba(255,255,255,.06);border-color:var(--hair-2)}
.lp-wkplan-day.past{opacity:.55}

.lp-wkplan-day .wd{font-size:9px;font-weight:700;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.05em}
.lp-wkplan-day.today .wd{color:var(--text-2)}
.lp-wkplan-day .dn{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.lp-wkplan-day.today .dn{color:var(--accent)}

.lp-wkplan-day .rn{font-size:8px;font-weight:700;color:var(--text-3);
  text-transform:uppercase;letter-spacing:.03em;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.lp-wkplan-day .rn.rest{color:var(--text-4);font-weight:600}
.lp-wkplan-day .rn .sh{font-style:normal;color:var(--text-4);margin-left:2px;font-size:9px}
.lp-wkplan-day .rn.shifted{color:var(--amber)}

.lp-wkplan-day .done-dot{width:5px;height:5px;border-radius:50%;background:var(--green);
  position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}
.lp-wkplan-day .miss-dot{width:5px;height:5px;border-radius:50%;
  background:transparent;border:1.5px solid var(--red);
  position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}

/* Kopfzeile der Wochenuebersicht — im Entwurf inline, hier als Klasse. */
.lp-wkplan-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.lp-wkplan-head .lp-gy-ghost{width:28px;height:28px;border-radius:8px}
/* Ein Tag ist antippbar: der Entwurf lieferte gymShiftDay, aber keinen Weg
   dorthin. Der Tap oeffnet das Tages-Sheet mit "verschieben". */
.lp-wkplan-day{cursor:pointer}
.lp-wkplan-day:active{background:rgba(255,255,255,.09)}
/* In der Wochenansicht sitzt der Trainingspunkt unter den Status-Dots. */
.lp-wk-day .lp-cal-gym-dot{margin:2px auto 0}
.lp-cal-date .lp-cal-gym-dot{display:inline-block;margin-left:7px;vertical-align:middle}