/* Funktionale Korrekturen (Paket U1): Handy-Leiste, Satzzeilen, Heute-Liste, Gewicht.
   Bewusst nur Grund-CSS; das Gestaltungssystem folgt in einem eigenen Paket. */

/* Workout: Satzzeilen duerfen umbrechen und bleiben im Bild */
.set-row{display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:.5rem .75rem;scroll-margin-top:1rem}
.set-row input.form-control{min-width:0;width:100%}
.set-row .set-number{white-space:nowrap}
.set-row .set-saved{color:var(--product-green,#315e4b);font-size:.85rem;align-self:center}
.set-row .set-error{color:#7d2f27;font-size:.85rem;grid-column:1/-1}
@media(max-width:600px){
  .set-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.75rem 0;border-top:1px dashed var(--product-line)}
  .set-row .set-number{grid-column:1/-1;padding:0}
  .set-row .set-check{grid-column:1;align-self:center}
  .set-row button{grid-column:2;grid-row:auto;width:100%;min-height:44px}
  .set-row .set-saved,.set-row .set-error{grid-column:1/-1}
  .set-row input.form-control{min-height:44px;font-size:16px}
}

/* Heute: erfasste Eintraege */
.logged-list{display:grid;gap:.5rem}
.logged-entry{border:1px solid var(--product-line);border-radius:12px;padding:.6rem .8rem;background:#fff}
.logged-entry-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.logged-entry-main .event-details{flex:1 1 12rem;min-width:0}
.logged-entry details{margin-top:.4rem}
.logged-entry summary{cursor:pointer;color:var(--product-green);font-size:.9rem;min-height:32px;display:inline-flex;align-items:center}
.logged-edit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;align-items:end;padding:.5rem 0}
.logged-edit-form label{font-size:.8rem;color:#647168;display:grid;gap:2px}
.logged-delete{margin:0}
.flash-note{font-size:.9rem}

/* Handy: kein Sprung, Sekundaerknopf "Spaeter festlegen" */
.setup-skip{background:transparent;border:1px solid #7d8c83;color:var(--product-green,#315e4b);border-radius:10px;min-height:40px;padding:6px 16px;font-weight:600}
.setup-skip:hover,.setup-skip:focus-visible{background:var(--product-soft,#eaf1e7);border-color:var(--product-green,#315e4b)}

/* Gewicht: Diagramm-Werte als Text */
.chart-values{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:.5rem 0 0;padding:0;list-style:none;font-size:.9rem;color:#455149}
.chart-values strong{color:var(--product-ink)}

/* Der schwebende Chat-Knopf (56 px, 25 px vom Rand) soll keinen Inhalt am rechten Rand überdecken:
   ab Tablet-Breite bleibt rechts eine Spur für ihn frei. Breite Seiten (Chat) haben keinen Knopf. */
@media(min-width:651px){.product-content:not(.product-content-wide){padding-right:max(clamp(20px,4vw,55px),92px)}}
/* Untere Leiste: auf sehr schmalen Handys etwas Luft zwischen den Beschriftungen. */
@media (max-width:360px){body.product-body .product-mobile-nav{padding-left:2px;padding-right:2px}body.product-body .product-mobile-nav a{font-size:min(var(--fs-micro),3.3vw);letter-spacing:-.01em}}
/* „Anzeige“ in der Kopfleiste: Trefferfläche mindestens 44 x 44 (steht auf jeder Seite). */
body.product-body .topbar-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}