/* HealthHub (App 2. Version, Paket P9): Befunde, Detailseite je Blutwert, Tracker, Übersicht.
   Vorlage Prototyp befunde.py (Website-Befundkarte). Nur Tokens, Dunkelmodus über dieselben
   Selektoren wie app.css. Rot nur für Werte außerhalb des Referenzbereichs. */
:root {
  --bw-ref:#E6E9F0; --bw-spur:#F2F4F7; --bw-opt:#6FCE78; --bw-kicker:#B0304A;
  --bw-rot:#E0303A; --bw-rot-t:#C41C1C; --bw-rot-100:#FDE9E9;
  --bw-gelb:#F0A93B; --bw-gelb-t:#8F5600; --bw-gelb-100:#FEF3DF;
  --bw-gruen:#3F7E44; --bw-gruen-t:#367040; --bw-gruen-100:#E9F5EA;   /* I2 (0l): Pillenschrift 4,4 -> 5,3 : 1 */
  --bw-grau:#8A91A3;
  /* Themenverlauf Blutwerte (Bordeaux), Fahrplan, Gene: in beiden Modi gleich (weiße Schrift). */
  --bw-verlauf:linear-gradient(140deg,#5E1233,#C2394E);
  --hh-fahrplan:linear-gradient(140deg,#2F3C99,#62C3DC);
  --hh-gene:linear-gradient(140deg,#261A68,#7454C9);
}
html[data-theme="dark"] {
  --bw-ref:#343C70; --bw-spur:#1F2650; --bw-kicker:#F08AA0;
  --bw-rot:#FF6B6B; --bw-rot-t:#FF9A9A; --bw-rot-100:rgba(255,107,107,.16);
  --bw-gelb:#F5B54E; --bw-gelb-t:#F5C26B; --bw-gelb-100:rgba(245,181,78,.16);
  --bw-gruen:#6FCE78; --bw-gruen-t:#8EDB95; --bw-gruen-100:rgba(111,206,120,.16);
  --bw-grau:#7C83A3;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --bw-ref:#343C70; --bw-spur:#1F2650; --bw-kicker:#F08AA0;
    --bw-rot:#FF6B6B; --bw-rot-t:#FF9A9A; --bw-rot-100:rgba(255,107,107,.16);
    --bw-gelb:#F5B54E; --bw-gelb-t:#F5C26B; --bw-gelb-100:rgba(245,181,78,.16);
    --bw-gruen:#6FCE78; --bw-gruen-t:#8EDB95; --bw-gruen-100:rgba(111,206,120,.16);
    --bw-grau:#7C83A3;
  }
}

/* ---- Übersicht: Blut- und Genkarte, nächster Schritt am Ring ---- */
.v1-hubcard__zahl:empty { display:none; }
.hh-next { font-size:10.5px; font-weight:800; color:#fff; background:rgba(255,255,255,.2); border-radius:10px; padding:3px 8px; }
.hh-next[hidden] { display:none; }
.hh-weg { display:flex; flex-direction:column; gap:10px; margin-top:4px; }
.hh-weg[hidden] { display:none; }
.hh-schritt { display:flex; align-items:center; gap:12px; }
.hh-schritt > span:last-child { min-width:0; }
.hh-schritt b { display:block; font-size:14px; font-weight:800; color:var(--navy); }
.hh-schritt small { display:block; font-size:12px; font-weight:600; color:var(--muted); }
.hh-schritt__p { width:30px; height:30px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:13px; font-weight:900;
  background:var(--card2); color:var(--muted); }
.hh-schritt__p .hji { width:16px; height:16px; }
.hh-schritt--jetzt .hh-schritt__p { background:var(--bw-verlauf); color:#fff; }
.hh-schritt--fertig .hh-schritt__p { background:var(--bw-gruen-100); color:var(--bw-gruen-t); }
.hh-schritt--offen b { color:var(--muted); }
.hh-knopf { align-self:flex-start; margin-top:4px; min-height:44px; display:inline-flex; align-items:center; gap:8px; border:0; color:#fff; }
.hh-knopf[hidden] { display:none; }
.hh-knopf .hji { width:18px; height:18px; }
.hh-knopf--blut { background:var(--bw-verlauf); }
.hh-knopf--gen { background:var(--hh-gene); }
.v1-hubcard__link[hidden] { display:none; }
.v1-hubcard__text[hidden] { display:none; }
/* 0m B9: zweite Zeile der Blutwerte-Karte (neuer Befund, weitere offene) */
.v1-hubcard__zeile { display:block; margin-top:4px; }

/* ---- Vorschau-Karten (Vorlagen von der Website) ---- */
.hh-vorschau { position:relative; margin-top:12px; opacity:.92; pointer-events:none; }
.hh-vorschau[hidden] { display:none; }
.hh-vorschau__tag { position:absolute; top:12px; right:14px; z-index:1; font-size:11px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:var(--muted); background:var(--card2); border-radius:10px; padding:4px 9px; }
.hh-vorschau > .bw-karte, .hh-vorschau > .bw-dkarte { margin-top:0; }
/* Neu 1 (Fabio 27.10.): in der Befund-Vorschau steht die Plakette ueber der Legende, nicht darauf. */
.hh-vorschau__rechts { display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex:none; }
.hh-vorschau__tag--fluss { position:static; }
.hh-kicker { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); }
.hh-bio { border-radius:24px; padding:18px; }
.hh-bio__kopf { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:6px 12px; margin-bottom:14px; padding-right:80px; }
.hh-bio__kopf b { display:block; white-space:nowrap; font-size:20px; font-weight:900; color:var(--navy); }
.hh-bio__quelle { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--muted); white-space:nowrap; }
.hh-bio__quelle i { width:8px; height:8px; border-radius:50%; background:var(--bw-opt); }
.hh-bio__zeile { display:grid; grid-template-columns:80px minmax(0,1fr) 54px; align-items:end; gap:10px; margin-top:10px; }
.hh-bio__zeile span { font-size:13px; font-weight:700; color:var(--muted); }
.hh-bio__zeile b { font-size:13px; font-weight:800; color:var(--navy); text-align:right; }
.hh-bio__balken { display:flex; gap:5px; align-items:flex-end; height:34px; }
.hh-bio__balken i { flex:1; border-radius:4px; background:linear-gradient(180deg,#62C3DC,#2F3C99); }
.hh-bio__tage { display:grid; grid-template-columns:80px repeat(7,minmax(0,1fr)) 54px; gap:5px; margin-top:6px; font-size:10.5px;
  font-weight:700; color:var(--muted-2); text-align:center; }
.hh-bio__tage span:first-child { grid-column:2; }
.hh-tracker { cursor:default; }

/* ---- Befunde: Fokuskarte, Verteilung, Wertzeilen ---- */
.bw-karte { background:var(--card); border:1px solid var(--line); border-radius:28px; padding:22px 20px 18px; margin-top:12px; }
.bw-karte--fokus { margin-top:14px; box-shadow:var(--shadow-card); }
.bw-kopf { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.bw-kicker { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--bw-kicker); }
.bw-titel { font-size:24px; font-weight:900; color:var(--navy); letter-spacing:-.5px; margin-top:4px; line-height:1.1; }
.bw-legende { display:flex; flex-direction:column; gap:4px; font-size:11.5px; font-weight:700; color:var(--muted); flex:none; }
.bw-legende span { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.bw-lg { width:18px; height:8px; border-radius:4px; background:var(--bw-ref); flex:none; display:inline-block; }
.bw-lg--opt { background:var(--bw-opt); }
.bw-lg--k { background:currentColor; opacity:.45; } /* Nachtest 10.11.: Referenz grau wie Prototyp .lg.k */
.bw-vt-zahl { display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; font-size:12.5px; font-weight:700; color:var(--muted); }
.bw-vt-zahl b { font-size:15px; font-weight:900; }
.bw-vt-zahl .gruen b { color:var(--bw-gruen-t); } .bw-vt-zahl .gelb b { color:var(--bw-gelb-t); } .bw-vt-zahl .rot b { color:var(--bw-rot-t); }
.bw-unter { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted-2); margin:20px 0 2px; }
.bw-liste { display:flex; flex-direction:column; }
/* 0o N2: Satz des Coaches unter dem Fokuswert (wie die Vorschau der Team-Konsole). */
.bw-fokus-satz { margin:2px 0 8px; padding:8px 11px; border-radius:12px; background:var(--card-2, rgba(128,128,128,.08)); font-size:13.5px; line-height:1.45; color:var(--ink); }
.bw[hidden] { display:none; }
.bw-karte:not(.bw-karte--fokus) .bw-liste .bw:first-child { border-top:0; }
.bw-pille { font-size:12px; font-weight:800; padding:6px 10px; border-radius:12px; min-width:62px; text-align:center; }
.bw-pille--leer { min-width:0; padding:0; }
.bw--rot { color:var(--bw-rot); } .bw--rot .bv-name > span, .bw--rot .bw-pille { color:var(--bw-rot-t); } .bw--rot .bw-pille { background:var(--bw-rot-100); }
.bw--gelb { color:var(--bw-gelb); } .bw--gelb .bv-name > span, .bw--gelb .bw-pille { color:var(--bw-gelb-t); } .bw--gelb .bw-pille { background:var(--bw-gelb-100); }
.bw--gruen { color:var(--bw-gruen); } .bw--gruen .bv-name > span, .bw--gruen .bw-pille { color:var(--bw-gruen-t); } .bw--gruen .bw-pille { background:var(--bw-gruen-100); }
.bw--grau { color:var(--bw-grau); } .bw--grau .bv-name > span { color:var(--muted); }
@media (hover:hover) { .bw[data-bw-code]:hover .bv-name b { text-decoration:underline; text-underline-offset:3px; } }
.bw:focus-visible { outline:2px solid var(--navy); outline-offset:2px; border-radius:12px; }
.bw-leer { margin:6px 0; font-size:14px; font-weight:700; color:var(--muted); }
.bw-leer[hidden] { display:none; }
.bw-video { display:flex; align-items:center; gap:14px; width:100%; margin-top:16px; padding:16px; border-radius:22px; background:var(--bw-spur); }
.bw-play { width:58px; height:26px; border-radius:13px; flex:none; display:grid; place-items:center; color:#fff; background:linear-gradient(90deg,#10155F,#3E6E98); }
.bw-play .hji { width:16px; height:16px; }
.bw-video b { display:block; font-size:15px; font-weight:800; color:var(--navy); }
.bw-video small { display:block; font-size:13px; font-weight:700; color:var(--muted); margin-top:2px; }
/* Zeile Befundvideo als Knopf (Prototyp pz-bw-video), nur mit Video. */
button.bw-video { border:0; font:inherit; text-align:left; cursor:pointer; color:inherit; }
button.bw-video > span:last-child { flex:1; min-width:0; }
/* Befundvideo-Player (28.10.2026): eigenes Fenster über der App, Video aus der signierten Adresse. */
.bw-vp { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:16px;
  background:rgba(10,12,40,.72); }
.bw-vp__box { width:100%; max-width:720px; background:var(--card); border-radius:22px; overflow:hidden; box-shadow:var(--shadow); }
.bw-vp__kopf { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; }
.bw-vp__kopf b { font-size:15px; font-weight:800; color:var(--navy); }
.bw-vp__zu { border:0; background:var(--bw-spur); color:var(--navy); width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.bw-vp__zu .hji { width:18px; height:18px; }
.bw-vp__video { display:block; width:100%; max-height:70vh; background:#000; }
.bw-vp__hinweis { margin:0; padding:12px 16px 16px; font-size:13px; font-weight:700; color:var(--muted); }
.bw-vp__hinweis[hidden] { display:none; }
/* Befundvideo direkt auf der Befunde-Seite (Fabio 31.10.2026): Player unter der Zeile, kein Fenster. */
.bw-vi { margin-top:10px; border-radius:22px; overflow:hidden; background:var(--card); box-shadow:var(--shadow); }
.bw-vi__video { display:block; width:100%; max-height:70vh; background:#000; }
.bw-vi__video[hidden] { display:none; }
.bw-vi__fuss { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:10px 14px; }
.bw-vi__fuss .bw-vp__hinweis { padding:0; flex:1; }
.bw-vi__zu, .bw-vi__link { border:0; background:var(--bw-spur); color:var(--navy); font:inherit; font-size:13px; font-weight:800;
  padding:8px 14px; border-radius:999px; cursor:pointer; text-decoration:none; }
/* A5: „Dein Befund liegt vor“ (vor der Freigabe, keine Werte). */
.bw-liegtvor { display:flex; gap:14px; align-items:flex-start; }
.bw-liegtvor__ic { width:44px; height:44px; border-radius:14px; flex:none; display:grid; place-items:center; color:var(--bw-kicker); background:var(--bw-rot-100); }
.bw-liegtvor__ic .hji { width:22px; height:22px; }
.bw-liegtvor .bw-titel { font-size:20px; }
.bw-liegtvor p { margin:6px 0 0; font-size:14px; line-height:1.5; color:var(--muted); font-weight:600; }
.bw-liegtvor + .bw-karte--fokus { margin-top:12px; }
/* Befund löschen (28.10.): nur solange nicht ausgewertet, leise unter dem Text, Tippfläche 44 px. */
.bw-loeschen { margin:10px 0 0 -10px; min-height:44px; padding:0 10px; border:0; background:none; font:inherit;
  font-size:14px; font-weight:700; color:var(--bw-kicker); text-decoration:underline; cursor:pointer; }

/* ---- Detailseite je Blutwert ---- */
[data-hj="bw-detail"] { display:flex; flex-direction:column; gap:12px; will-change:transform; touch-action:pan-y; }
/* Blatt 0l C9: der rote Kopf ist der Seitenkopf (v1-head, bündig oben, unten rund), Zurück-Pfeil links im Roten,
   Blättern rechts. Die Titelzeile der App ist auf diesem Screen aus (data-eigener-kopf). */
.bw-dkopf { padding:16px 22px 26px; color:#fff; background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.16),transparent 60%),var(--bw-verlauf); }
.bw-dkopf.v1-head { margin-bottom:4px; }
/* 0o B1 (Fabio 09.11., 03_HealthHub.md „Detailseite, Kopf“, Prototyp .dkopf): randlos über die ganze Breite
   und bis unter die Statusleiste, unten links und rechts gleich rund (30 px). Vorher schnitt
   [data-hj="bw-detail"] (overflow-x:clip, 0m J42) die seitlichen -20 px des Kopfs ab: heller Rand links
   und rechts, unten rechts eckig. Jetzt schneidet der Screen, der so breit ist wie der Bildschirm. */
.screen[data-screen="blutwert"] { overflow-x:clip; }
@media (max-width: 599.98px) {
  .bw-dkopf.v1-head { margin-left:-20px; margin-right:-20px; border-radius:0 0 30px 30px;
    padding-top:calc(16px + env(safe-area-inset-top, 0px)); }
}
@media (min-width: 600px) and (max-width: 899.98px) {
  .bw-dkopf.v1-head { margin:-16px -32px 4px; border-radius:0 0 30px 30px; }
}
.bw-dkopf .skel { background:rgba(255,255,255,.25); }
.bw-doben { display:flex; justify-content:space-between; align-items:center; min-height:8px; margin-bottom:10px; }
/* Blatt 0l C7: weitere offene Befunde als eine leise Zeile statt einer zweiten Karte. */
.bw-weitere { margin:10px 4px 0; font-size:13.5px; font-weight:700; color:var(--muted); }
.bw-weitere + .bw-karte--fokus, .bw-liegtvor + .bw-weitere { margin-top:10px; }
.bw-blaettern { display:flex; align-items:center; gap:4px; background:rgba(255,255,255,.14); border-radius:20px; padding:3px; }
.bw-blaettern span { font-size:13px; font-weight:800; min-width:64px; text-align:center; font-variant-numeric:tabular-nums; }
.bw-blaettern button { width:34px; height:34px; border-radius:17px; border:0; background:rgba(255,255,255,.2); color:#fff; font:inherit;
  font-size:22px; line-height:1; cursor:pointer; padding-bottom:3px; }
.bw-blaettern button:disabled { opacity:.3; cursor:default; }
.bw-dkicker { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.75); }
.bw-dname { font-size:30px; font-weight:900; letter-spacing:-.6px; line-height:1.1; margin-top:4px; text-wrap:balance; overflow-wrap:anywhere; }
.bw-dwert { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:14px; }
.bw-dwert b { font-size:46px; font-weight:900; letter-spacing:-1px; line-height:1; font-variant-numeric:tabular-nums; }
.bw-dwert span { font-size:16px; font-weight:800; color:rgba(255,255,255,.8); }
.bw-dpille { font-style:normal; font-size:13px; font-weight:900; padding:6px 12px; border-radius:14px; margin-left:auto; align-self:center; background:#fff; }
.bw-dpille--rot { color:#C41C1C; } .bw-dpille--gelb { color:#8F5600; } .bw-dpille--gruen { color:#3F7E44; } .bw-dpille--grau { color:#5A6275; }
.bw-ddatum { font-size:13px; font-weight:700; color:rgba(255,255,255,.75); margin-top:10px; }
.bw-dkarte { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:18px; }
.bw-dkarte p { margin:6px 0 0; font-size:15px; line-height:1.55; color:var(--ink); }
/* Coach-Block (Prototyp pz-bwd-coach): Wortlaut des Coaches zu diesem Wert, nur wenn vorhanden. */
.bw-dcoach { display:flex; gap:14px; align-items:flex-start; background:linear-gradient(160deg,var(--card),var(--card2)); }
.bw-dav { width:40px; height:40px; border-radius:20px; flex:none; display:grid; place-items:center; font-weight:900; color:#fff;
  background:linear-gradient(140deg,#10155F,#2F3C99); }
.bw-dav .hji { width:20px; height:20px; --ic-acc:#fff; }
.bw-dt { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted-2); }
.bw-dzeile { box-sizing:border-box; display:flex; align-items:center; gap:14px; width:100%; padding:14px 16px; border-radius:20px; border:1px solid var(--line);
  background:var(--card); font:inherit; text-align:left; color:inherit; cursor:pointer; }
.bw-dzeile > span:nth-child(2) { flex:1; min-width:0; }
.bw-dzeile small { display:block; font-size:12px; font-weight:800; color:var(--muted-2); text-transform:uppercase; letter-spacing:.06em; }
.bw-dzeile b { display:block; font-size:15px; font-weight:800; color:var(--navy); margin-top:2px; }
.bw-dzeile .chev { font-size:22px; color:var(--muted-2); }
.bw-dzic { width:36px; height:36px; border-radius:12px; flex:none; display:grid; place-items:center; color:var(--bw-kicker); background:var(--bw-rot-100); }
.bw-dzic .hji { width:18px; height:18px; }
.bw-dfrage { margin-top:4px; min-height:52px; border-radius:26px; border:0; font:inherit; font-size:15px; font-weight:800; color:#fff; cursor:pointer;
  background:var(--bw-verlauf); box-shadow:0 10px 24px rgba(194,57,78,.28); padding:0 18px; }

/* Paket 7 (Muss 8): Kacheln unter „Blutabnahmen" wie im Prototyp. Fahrplanfarbe und Bordeaux. */
.tile.hh-tile-fahrplan { background:linear-gradient(135deg, #2F3C99, #62C3DC); color:#fff; border:0; }
.tile.hh-tile-nachmessen { background:linear-gradient(135deg, #5E1233, #C2394E); color:#fff; border:0; }
.tile.hh-tile-fahrplan .t, .tile.hh-tile-nachmessen .t { color:#fff; }
.tile.hh-tile-fahrplan .s, .tile.hh-tile-nachmessen .s { color:rgba(255,255,255,.85); }
.tile.hh-tile-fahrplan .ic, .tile.hh-tile-nachmessen .ic { color:#fff; --ic-acc:#fff; }
[data-hj="findings-list"] a.li { text-decoration:none; color:inherit; }

/* ---- Nachmessen (Blatt 0l C10, C11, großer Prototyp 04.11.): „Deine Nachmessung“ ohne Laborauftrag,
   „Deine Blutabnahme“ mit offenem Auftrag. Kopf im Blutwerte-Verlauf wie die Guides. ---- */
[data-hj="nm-seite"] { padding-bottom:24px; }
.nm-kopf { padding-bottom:26px; }
.nm-kopf .skel { background:rgba(255,255,255,.25); }
.nm-kick { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.nm-mark { position:absolute; right:-18px; bottom:-26px; width:150px; height:150px; opacity:.13; z-index:0; }
.nm-karte { margin-top:12px; }
.nm-h { margin:0 0 8px; font-size:16px; font-weight:800; color:var(--navy); letter-spacing:-.2px; }
.nm-ein { margin:0; font-size:14.5px; line-height:1.55; color:var(--muted); }
.nm-kick2 { display:block; font-size:12px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--bw-kicker); }
.nm-gross { display:flex; align-items:baseline; gap:8px; margin-top:4px; }
.nm-gross b { font-size:48px; line-height:1; font-weight:800; color:var(--navy); letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.nm-gross span { font-size:18px; font-weight:700; color:var(--navy); }
.nm-wann { margin:6px 0 12px; font-size:14px; color:var(--muted); }
.nm-wann b { color:var(--navy); }
.nm-spur { height:8px; border-radius:99px; background:var(--bw-spur); overflow:hidden; }
.nm-spur i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#5E1233,#C2394E); }
.nm-enden { display:flex; justify-content:space-between; margin-top:6px; font-size:12px; color:var(--muted); }
.nm-liste { margin-top:6px; }
.nm-w { display:flex; align-items:center; gap:12px; padding:10px 0; }
.nm-w + .nm-w { border-top:1px solid var(--line-2); }
.nm-w .tx { flex:1; min-width:0; }
.nm-w .tx b { display:block; font-size:15px; color:var(--navy); }
.nm-w .tx small { display:block; font-size:12.5px; color:var(--muted); margin-top:1px; }
.nm-w .wert { text-align:right; font-size:15px; font-weight:800; font-variant-numeric:tabular-nums; color:var(--navy); }
.nm-w .wert small { display:block; font-size:11.5px; font-weight:600; color:var(--muted); }
.nm-w .rot { color:var(--bw-rot-t); } .nm-w .gelb { color:var(--bw-gelb-t); } .nm-w .gruen { color:var(--bw-gruen-t); }
.nm-z { display:flex; gap:12px; align-items:flex-start; padding:10px 0; }
.nm-z b { display:block; font-size:15px; color:var(--navy); }
.nm-z p { margin:2px 0 0; font-size:14px; line-height:1.5; color:var(--muted); }
.nm-nr { width:30px; height:30px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:13px; font-weight:800;
  color:#fff; background:linear-gradient(145deg,#C2394E,#5E1233); margin-top:1px; }
.nm-verweis { display:flex; align-items:center; gap:12px; width:100%; margin-top:12px; font:inherit; text-align:left; cursor:pointer;
  color:inherit; text-decoration:none; }
.nm-verweis > span:nth-child(2) { flex:1; min-width:0; }
.nm-verweis b { display:block; font-size:15px; color:var(--navy); }
.nm-verweis small { display:block; font-size:12.5px; line-height:1.4; color:var(--muted); margin-top:2px; }
.nm-ic { width:34px; height:34px; border-radius:11px; flex:none; display:grid; place-items:center; background:rgba(194,57,78,.12); color:#C2394E; --ic-acc:currentColor; }
.nm-tz { display:flex; align-items:center; gap:12px; }
.nm-tt { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.nm-tt small { font-size:11px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; color:#C2394E; }
.nm-tt b { font-size:16px; font-weight:800; color:var(--navy); line-height:1.3; }
.nm-tt span { font-size:12.5px; font-weight:700; color:var(--muted); }
.nm-aendern { border:1px solid var(--line); background:transparent; color:var(--navy); border-radius:18px; min-height:44px; padding:0 14px;
  font:inherit; font-size:13px; font-weight:800; cursor:pointer; flex:none; }
.nm-form { margin-top:12px; }
.nm-form label { display:block; font-size:13.5px; font-weight:800; color:var(--navy); margin-bottom:8px; }
.nm-felder { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:8px; }
.nm-felder input { width:100%; min-width:0; height:46px; border-radius:14px; border:1.5px solid var(--line); background:var(--card2);
  color:var(--ink); font:inherit; font-size:16px; font-weight:700; padding:0 12px; color-scheme:light dark; }
/* C10 (Fabio 04.11. abends): ohne Laborauftrag optional Labor oder Ort, und der eigene Termin lässt sich löschen. */
.nm-form .nm-ort { display:block; width:100%; min-width:0; height:46px; margin-top:8px; border-radius:14px; border:1.5px solid var(--line);
  background:var(--card2); color:var(--ink); font:inherit; font-size:16px; font-weight:600; padding:0 12px; }
.nm-knoepfe { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; flex-wrap:wrap; }
.nm-knoepfe .nm-weg { margin-right:auto; }
.nm-info { margin:12px 0 0; font-size:12.5px; line-height:1.45; font-weight:600; color:var(--muted); }
.nm-zeile { cursor:pointer; width:100%; margin-top:12px; text-align:left; }
.nm-zeile b { font-size:15px; color:var(--navy); }
.nm-zeile .muted { font-size:12px; font-weight:600; }
.nm-zeile__ic { background:rgba(194,57,78,.12) !important; color:#C2394E !important; --ic-acc:currentColor; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .nm-tt small, :root:not([data-theme="light"]) .nm-ic { color:#F08A9B; }
}
:root[data-theme="dark"] .nm-tt small, :root[data-theme="dark"] .nm-ic { color:#F08A9B; }

/* 0m J42: Blaettern auf der Detailseite je Blutwert. Kopf und Geruest stehen, nur der Inhalt blendet kurz
   ueber; die Seite wird nie breiter als der Bildschirm. Bei „Bewegung reduzieren“ ohne Ueberblenden. */
#bw-detail, [data-hj="bw-detail"] { max-width:100%; }   /* 0o B1: geschnitten wird am Screen, nicht hier */
.bw-dname, .bw-dwert, .bw-ddatum, .bw-dkicker, .bw-dkarte, .bw-dzeile, .bw-dfrage { transition:opacity .12s ease; }
.bw-blende .bw-dname, .bw-blende .bw-dwert, .bw-blende .bw-ddatum, .bw-blende .bw-dkicker,
.bw-blende .bw-dkarte, .bw-blende .bw-dzeile, .bw-blende .bw-dfrage { opacity:0; }
@media (prefers-reduced-motion: reduce) {
  .bw-dname, .bw-dwert, .bw-ddatum, .bw-dkicker, .bw-dkarte, .bw-dzeile, .bw-dfrage { transition:none; }
}
/* 0m B7: nach dem Termin klappt die Vorbereitung zu */
.nm-vorbereitung > summary { cursor:pointer; font-weight:700; padding:10px 4px; list-style:revert; }