/* ============================================================
   LIFE PLANER — FOCUS-Tab
   Nur bestehende Tokens aus lp-styles.css.
   ============================================================ */
.lp-fo-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px 16px}
.lp-fo-ring{position:relative;display:flex;align-items:center;justify-content:center}
.lp-fo-ringtx{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;pointer-events:none}
.lp-fo-ringtx .v{font-size:19px;font-weight:750;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums}
.lp-fo-ringtx .s{font-size:10.5px;font-weight:650;color:var(--text-4)}

.lp-fo-uhr{font-size:38px;font-weight:750;letter-spacing:-.045em;line-height:1;
  font-variant-numeric:tabular-nums;margin-top:2px}
.lp-fo-lbl{text-align:center;font-size:13.5px;font-weight:650;letter-spacing:-.015em}
.lp-fo-lbl small{display:block;margin-top:3px;font-size:11px;font-weight:600;color:var(--text-4)}

.lp-fo-btns{display:flex;gap:8px;width:100%;margin-top:6px}
.lp-fo-btns>*{flex:1;margin:0}

/* Achse unter dem Wochendiagramm — LPChart.bars zeichnet keine Labels. */
.lp-fo-wochenachse{display:flex;justify-content:space-between;margin-top:6px;padding:0 4px;
  font-size:9.5px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em}