/**
 * member-dark-theme-3.css v1.2
 * v1.2: + FEED-CARDS & KOMMENTARE (.wfc-*) — das ist der Renderer, der im
 *       Dashboard-Feed tatsaechlich laeuft (member-wa-feed-cards-patch.js).
 *       Der Kommentar-Container .wfc-comments hat hartes background:#f0f2f5
 *       und blieb dadurch hell. Die Kommentare DARIN kommen aus
 *       loadAndRenderComments() (community-helpers.js) mit .comment-node /
 *       .form-input / .text-muted.
 * v1.1: + Post-Detail (#wfd-*, member-wa-feed-detail.js).
 * v1.0: Erfolgs-Tagebuch (.gl-dy-*) + Werbelink-Widget (.gl-ref-*).
 * Aktiv nur bei body.dark.
 */

/* ══ ERFOLGS-TAGEBUCH (.gl-dy-*) ══════════════════════ */

/* Kopf + Streak-Pille */
body.dark .gl-dy-head p{color:#a8b8bf}
body.dark .gl-dy-streak{
  background:rgba(249,115,22,.12);
  border-color:rgba(249,115,22,.35);
  color:#fdba74;
}
/* "Starte heute deine Serie" — Quelle setzt Inline-Styles */
body.dark .gl-dy-streak[style]{
  background:var(--wad-panel-2)!important;
  border-color:var(--wad-bdr)!important;
  color:#a8b8bf!important;
}

/* Tabs (Check-in / Verlauf / Rueckblick) */
body.dark .gl-dy-tab{
  background:var(--wad-panel-2);
  border-color:var(--wad-bdr);
  color:#a8b8bf;
}
body.dark .gl-dy-tab.on{
  background:var(--wad-accent);
  border-color:var(--wad-accent);
  color:#fff;
}

/* Karten */
body.dark .gl-dy-card{
  background:var(--wad-panel-2);
  border-color:var(--wad-bdr);
  color:var(--wad-text);
}
/* Ziel-Karte: heller Gruen-Gradient -> dezentes Dunkelgruen */
body.dark .gl-dy-goal{
  background:rgba(16,185,129,.08)!important;
  border-color:rgba(16,185,129,.3)!important;
}
body.dark .gl-dy-goal-txt{color:#6ee7b7}
body.dark .gl-dy-goal-edit{color:#a8b8bf}
body.dark .gl-dy-goal-pct{color:#5eead4}

/* Labels + Hints */
body.dark .gl-dy-lbl{color:var(--wad-text)}
body.dark .gl-dy-hint{color:#94a3b8}

/* Eingabefelder + Textareas */
body.dark .gl-dy-in{
  background:var(--wad-panel)!important;
  border-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
body.dark .gl-dy-in::placeholder{color:#8696a0}
body.dark .gl-dy-in:focus{border-color:var(--wad-accent)!important}
/* NSV-Feld: helles Gelb -> dunkles Bernstein */
body.dark .gl-dy-nsv{
  background:rgba(234,179,8,.08)!important;
  border-color:rgba(234,179,8,.3)!important;
}

/* Slider-Track + Randbeschriftungen (Inline color:#94a3b8) */
body.dark .gl-dy-bar{background:var(--wad-hover)}
body.dark .gl-dy-slider-row span[style*="#94a3b8"]{color:#a8b8bf!important}
body.dark .gl-dy-slider-val{color:#34d399}

/* Buttons */
body.dark .gl-dy-btn-ghost{
  background:transparent;
  color:var(--wad-text);
  border-color:var(--wad-bdr);
}
/* Foto-Upload-Box (dashed) */
body.dark .gl-dy-photo{
  border-color:var(--wad-bdr);
  color:#a8b8bf;
}

/* KI-Coach-Box + Badge */
body.dark .gl-dy-ai{
  background:rgba(16,185,129,.08);
  border-color:rgba(16,185,129,.3);
  color:#a7f3d0;
}
body.dark .gl-dy-ai-badge{background:rgba(16,185,129,.2);color:#6ee7b7}
body.dark .gl-dy-done{
  background:rgba(16,185,129,.08);
  border-color:rgba(16,185,129,.3);
  color:#6ee7b7;
}
body.dark .gl-dy-next{
  background:rgba(16,185,129,.08);
  border-color:rgba(16,185,129,.3);
  color:#a7f3d0;
}

/* Verlauf-Eintraege */
body.dark .gl-dy-entry{border-bottom-color:var(--wad-bdr)}
body.dark .gl-dy-e-head{color:var(--wad-text)}
body.dark .gl-dy-e-meta{color:#a8b8bf}
body.dark .gl-dy-e-txt{color:#a8b8bf}
body.dark .gl-dy-e-nsv{color:#fbbf24}
body.dark .gl-dy-empty{color:#a8b8bf}
/* Sparkline-Min/Max-Labels (Inline color:#94a3b8) */
body.dark .gl-dy-chart + div[style*="#94a3b8"]{color:#a8b8bf!important}
/* Wochen-Rueckblick-Text (Inline color:#334155) */
body.dark .gl-dy-card div[style*="#334155"]{color:var(--wad-text)!important}

/* Teilen-Button */
body.dark .gl-dy-share{
  background:rgba(16,185,129,.12);
  border-color:rgba(16,185,129,.3);
  color:#6ee7b7;
}
body.dark .gl-dy-shared{color:#a8b8bf}

/* Fehler */
body.dark .gl-dy-err{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.35);
  color:#f87171;
}

/* Gauge (Halbkreis) — Track dunkel, Wert hell */
body.dark .gl-dy-gauge svg path[stroke="#e2e8f0"]{stroke:#2a3942}
body.dark .gl-dy-gauge-val{fill:#6ee7b7}
body.dark .gl-dy-gauge-sub{color:#5eead4}
body.dark .gl-dy-gauge-done{color:#fbbf24}

/* Feier-Overlay + Urkunde */
body.dark .gl-dy-cele-card{background:var(--wad-panel-2)}
body.dark .gl-dy-cele-txt{color:var(--wad-text)}
body.dark .gl-dy-cert{
  background:rgba(251,191,36,.1);
  border-color:rgba(251,191,36,.45);
}
body.dark .gl-dy-cert-top{color:#fbbf24}
body.dark .gl-dy-cert-h{color:#fcd34d}
body.dark .gl-dy-cert-goal{color:#fde68a}
body.dark .gl-dy-cert-bonus{background:rgba(251,191,36,.22);color:#fde68a}

/* ══ WERBELINK-WIDGET (.gl-ref-*) ═════════════════════ */

body.dark .gl-ref-status{border-top-color:var(--wad-bdr)}
body.dark .gl-ref-stat{background:var(--wad-panel)}
body.dark .gl-ref-stat-l{color:#a8b8bf}
body.dark .gl-ref-hint{color:#a8b8bf}
body.dark .gl-ref-hint b{color:var(--wad-text)}
body.dark .gl-ref-more{
  background:var(--wad-panel)!important;
  border-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
body.dark .gl-ref-more:hover{
  border-color:var(--wad-accent)!important;
  color:var(--wad-accent)!important;
  background:rgba(0,168,132,.08)!important;
}

/* Detail-Modal */
body.dark .gl-ref-modal-inner{
  background:var(--wad-panel)!important;
  color:var(--wad-text)!important;
}
body.dark .gl-ref-modal-head{border-bottom-color:var(--wad-bdr)}
body.dark .gl-ref-modal-x{color:#a8b8bf}
body.dark .gl-ref-kpi>div{background:var(--wad-panel-2)}
body.dark .gl-ref-kpi-l{color:#a8b8bf}
body.dark .gl-ref-steps{background:var(--wad-panel-2)}
body.dark .gl-ref-step{color:#a8b8bf}
body.dark .gl-ref-list-h{color:var(--wad-text)}
body.dark .gl-ref-item{border-bottom-color:var(--wad-bdr)}
body.dark .gl-ref-item-n{color:var(--wad-text)}
body.dark .gl-ref-item-d{color:#a8b8bf}
body.dark .gl-ref-note{background:var(--wad-panel-2);color:#a8b8bf}

/* Status-Badges: helle Pastelle -> dunkle Varianten */
body.dark .gl-ref-b-ok{background:rgba(34,197,94,.15);color:#4ade80}
body.dark .gl-ref-b-wait{background:rgba(234,179,8,.15);color:#facc15}
body.dark .gl-ref-b-no{background:rgba(148,163,184,.15);color:#a8b8bf}

/* Werbelink-Feld im Widget (readonly input, monospace) */
body.dark .cw-card input[readonly]{
  background:var(--wad-panel)!important;
  border-color:var(--wad-bdr)!important;
  color:#a8b8bf!important;
}

/* ══ FEED-CARDS + KOMMENTARE (.wfc-*) ═════════════════
   member-wa-feed-cards-patch.js — DAS ist der Renderer im Dashboard-Feed.
   Kommentare darin: loadAndRenderComments() aus community-helpers.js
   (.comment-node / .form-input / .text-muted). */

/* Karte + Trennlinien (Quelle: border:1px solid #e5e7eb) */
body.dark .wfc-card{border-color:var(--wad-bdr)}
body.dark .wfc-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.4)}
body.dark .wfc-actions{border-top-color:var(--wad-bdr)}
body.dark .wfc-time,
body.dark .wfc-stats{color:#a8b8bf}
body.dark .wfc-actions button{color:#a8b8bf}
body.dark .wfc-actions button:hover,
body.dark .wfc-actions button.active{color:var(--wad-accent)}
body.dark .wfc-menu button{color:#a8b8bf}
body.dark .wfc-empty{color:#a8b8bf;opacity:.8}
body.dark .wfc-loadmore.done{color:#a8b8bf}

/* KOMMENTAR-CONTAINER — Quelle: background:#f0f2f5 (Ursache fuer "bleibt hell") */
body.dark .wfc-comments{
  background:var(--wad-panel)!important;
  border-top-color:var(--wad-bdr)!important;
}

/* Kommentare aus community-helpers.js (renderCommentNode) */
body.dark .wfc-comments .comment-node{color:var(--wad-text)}
body.dark .wfc-comments .comment-text{color:var(--wad-text)}
body.dark .wfc-comments .text-muted{color:#a8b8bf!important}
body.dark .wfc-comments strong{color:var(--wad-text)}
body.dark .wfc-comments .avatar{background:var(--wad-hover);color:var(--wad-text)}
/* Kommentar-Eingabe (.form-input aus app.css) */
body.dark .wfc-comments .form-input{
  background:var(--wad-panel-2)!important;
  border-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
body.dark .wfc-comments .form-input::placeholder{color:#8696a0}
/* Antwort-Indikator */
body.dark .wfc-comments .reply-indicator{
  background:rgba(0,168,132,.1)!important;
  color:#6ee7b7!important;
}

/* Composer (Neuen Beitrag erstellen) */
body.dark .wfc-comp-full{border-color:var(--wad-bdr)}
body.dark .wfc-comp-full textarea{
  background:var(--wad-panel-2)!important;
  border-bottom-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
body.dark .wfc-comp-full textarea::placeholder{color:#8696a0}
body.dark .wfc-comp-btns label,
body.dark .wfc-comp-btns button{
  background:var(--wad-panel-2)!important;
  color:var(--wad-text)!important;
}
body.dark .wfc-comp-btns label:hover,
body.dark .wfc-comp-btns button:hover{background:var(--wad-hover)!important}
body.dark .wfc-preview{
  background:var(--wad-panel)!important;
  border-bottom-color:var(--wad-bdr)!important;
}
body.dark .wfc-preview-item{border-color:var(--wad-bdr)}
/* Compose-Banner: heller Gruen-Gradient -> dezent dunkel */
body.dark .wfc-compose{
  background:rgba(0,168,132,.1)!important;
  border-color:rgba(0,168,132,.45)!important;
}
body.dark .wfc-compose div[style*="#065f46"]{color:#6ee7b7!important}
body.dark .wfc-compose div[style*="#6b7280"]{color:#a8b8bf!important}

/* ══ POST-DETAIL / KOMMENTARE (#wfd-*) ════════════════
   member-wa-feed-detail.js nutzt nur Inline-Styles, keine Klassen.
   Zugriff daher ueber IDs + [style*=]-Treffer auf die Hex-Werte. */

/* Post-Text + Kommentar-Ueberschrift (Inline color:#374151) */
body.dark #wfd-body{color:var(--wad-text)}
body.dark #wfd-body div[style*="#374151"]{color:var(--wad-text)!important}
/* Zeitstempel / Zaehler (Inline color:#8696a0) */
body.dark #wfd-body span[style*="#8696a0"]{color:#a8b8bf!important}

/* Reaktions-Leiste: Trennlinien + inaktive Buttons */
body.dark #wfd-reactions{
  border-top-color:var(--wad-bdr)!important;
  border-bottom-color:var(--wad-bdr)!important;
}
body.dark .wfd-react-btn[style*="#f9fafb"]{
  background:var(--wad-panel-2)!important;
  border-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
/* Zaehler in den Reaktions-Buttons */
body.dark .wfd-react-btn span[style*="#374151"]{color:var(--wad-text)!important}

/* Kommentar-Bubbles: Inline background:#f0f2f5 -> dunkel */
body.dark #wfd-comments div[style*="#f0f2f5"]{
  background:var(--wad-bub-in)!important;
  color:var(--wad-text);
}
/* Autorenzeile in der Bubble */
body.dark #wfd-comments div[style*="#374151"]{color:var(--wad-text)!important}
/* Zeitstempel unter dem Kommentar */
body.dark #wfd-comments span[style*="#8696a0"]{color:#a8b8bf!important}
/* Leer-/Fehlerzustand (opacity:.4 auf dunkel zu schwach) */
body.dark #wfd-comments div[style*="opacity:.4"]{opacity:.75!important;color:#a8b8bf}

/* Eingabeleiste unten */
body.dark #wfd-body + div[style*="#fff"]{
  background:var(--wad-panel-2)!important;
  border-top-color:var(--wad-bdr)!important;
}
body.dark #wfd-input{
  background:var(--wad-panel)!important;
  border-color:var(--wad-bdr)!important;
  color:var(--wad-text)!important;
}
body.dark #wfd-input::placeholder{color:#8696a0}

/* Merken-Button im Header */
body.dark #wfd-bm-btn[style*="#8696a0"]{color:#a8b8bf!important}

/* "Nicht hilfreich"-Button (member-comment-feedback.js) nutzt bereits
   var(--border)/var(--text-muted) -> ueber Teil 2 abgedeckt. Nur der
   Hover-Hintergrund braucht einen dunklen Wert. */
body.dark .cf-down-btn:hover{background:rgba(255,255,255,.06)}