/* ============================================================
   MEIN COGETHER — Frontend Stylesheet (Phase 2 / Visual QA 2.3)
   Vanilla CSS. Nutzt die bestehenden CoGether-Design-Tokens
   (--cg-*), die sitewide bereits ueber die Global Styles der
   oeffentlichen Website ausgegeben werden. Eigene, reduzierte
   App-Shell — bewusst KEINE Kollision mit dem oeffentlichen
   Website-Header (Auftrag Abschnitt 11).

   Abschnitt 3 (Auftrag 2.3): konsolidiertes Mein-CoGether-
   Designsystem als CSS-Variablen auf .cg-mc, damit keine View
   eigene Einzelwerte definiert.
   ============================================================ */

.cg-mc {
  /* ---- Farben (mit Fallback fuer den Fall, dass die oeffentlichen
     Global-Styles-Tokens auf einer Route nicht ausgegeben werden) ---- */
  --mc-bg: var(--cg-warm-canvas, #F7F4EE);
  --mc-surface: var(--cg-pure, #ffffff);
  --mc-surface-soft: var(--cg-soft-canvas, #F2F0EA);
  --mc-ink: var(--cg-ink, #11151A);
  --mc-ink-soft: color-mix(in srgb, var(--mc-ink) 62%, transparent);
  --mc-ink-faint: color-mix(in srgb, var(--mc-ink) 42%, transparent);
  --mc-night: var(--cg-night, #091522);
  --mc-copper: var(--cg-copper, #B96F4A);
  --mc-copper-dark: var(--cg-copper-dark, #9C5B39);
  --mc-teal: var(--cg-petrol, #4F8F98);
  --mc-teal-deep: #2f6169;
  --mc-alert: #B94A3F;
  --mc-border: color-mix(in srgb, var(--mc-ink) 9%, transparent);
  --mc-border-soft: color-mix(in srgb, var(--mc-ink) 6%, transparent);

  /* cg-design-system-1.0-tokens (2026-08-20) */
  /* Statusfarben (Design System 1.0, Schritt 2 freigegeben) — bisher gab
     es nur --mc-alert fuer Fehler, kein vollstaendiges Ampel-System. */
  --mc-success: #3F7A56;
  --mc-success-bg: #E7EFE7;
  --mc-warning: #9C6B2E;
  --mc-warning-bg: #F3E9D6;
  --mc-danger: var(--mc-alert, #B94A3F);
  --mc-danger-bg: #F5E1DE;

  /* Abstands-Skala — ersetzt schrittweise freihaendige Inline-Werte
     (Audit-Befund: 211 Inline-style-Vorkommen). */
  --mc-space-1: 0.25rem;
  --mc-space-2: 0.5rem;
  --mc-space-3: 0.75rem;
  --mc-space-4: 1rem;
  --mc-space-5: 1.5rem;
  --mc-space-6: 2rem;
  --mc-space-7: 3rem;
  --mc-space-8: 4rem;

  /* ---- Radius / Spacing / Shadow ---- */
  --mc-radius-s: 10px;
  --mc-radius-m: 16px;
  --mc-radius-l: 22px;
  --mc-radius-pill: 999px;
  --mc-gap: clamp(1rem, 2vw, 1.5rem);
  --mc-shadow-card: 0 18px 40px -28px rgba(9, 21, 34, .28);
  --mc-shadow-card-hover: 0 22px 46px -24px rgba(9, 21, 34, .32);
  --mc-shadow-pop: 0 30px 70px -30px rgba(0, 0, 0, .5);

  /* ---- Typografie ----
     Fallback bewusst auf Manrope ausgerichtet — das ist die tatsaechlich
     sitewide genutzte CoGether-Markenschrift (verifiziert ueber die
     ausgegebenen Global-Styles-Praesets), NICHT Inter. Kein zusaetzlicher
     Font-Load noetig, Manrope ist bereits sitewide eingebunden. */
  --mc-font-display: var(--cg-font-display, "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --mc-font-body: var(--cg-font-body, "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);

  min-height: 100vh;
  background: var(--mc-bg);
  color: var(--mc-ink);
  font-family: var(--mc-font-body);
  line-height: 1.55;
  display: flex;
  flex-direction: column;
}

.cg-mc *, .cg-mc *::before, .cg-mc *::after { box-sizing: border-box; }
.cg-mc a { color: inherit; }
.cg-mc :focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* ---------- App-Shell Header ---------- */
.cg-mc__header {
  background: var(--mc-night);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.cg-mc__header-inner {
  max-width: 1160px;
  margin-inline: auto;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mc-gap);
}
.cg-mc__brand {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
  text-decoration: none;
  font-family: var(--mc-font-display);
}
.cg-mc__brand-mark {
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: -0.01em;
}
.cg-mc__brand-mark .semi { color: var(--mc-copper); font-weight: 700; }
.cg-mc__brand-sub {
  font-family: var(--mc-font-body);
  font-size: 0.76rem;
  font-weight: 500;
  color: rgba(255, 255, 255, .55);
  display: none;
  padding-left: 0.65rem;
  border-left: 1px solid rgba(255, 255, 255, .18);
}
@media (min-width: 640px) { .cg-mc__brand-sub { display: inline; } }

.cg-mc__header-right { display: flex; align-items: center; gap: 1rem; }

.cg-mc__nav {
  display: none;
  gap: 1.6rem;
  align-items: center;
}
.cg-mc__nav a {
  text-decoration: none;
  font-size: 0.89rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .72);
  padding: 0.35rem 0.05rem;
  border-bottom: 2px solid transparent;
  transition: color 150ms ease, border-color 150ms ease;
}
.cg-mc__nav a:hover, .cg-mc__nav a[aria-current="page"] {
  color: #fff;
  border-bottom-color: var(--mc-copper);
}
@media (min-width: 860px) { .cg-mc__nav { display: flex; } }

.cg-mc__role-badge {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 700;
  color: var(--mc-night);
  background: var(--mc-teal);
  padding: 0.32em 0.75em;
  border-radius: var(--mc-radius-pill);
  white-space: nowrap;
  opacity: .92;
}

.cg-mc__logout {
  font-size: 0.83rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .82);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .28);
  padding: 0.42em 0.95em;
  border-radius: var(--mc-radius-pill);
  transition: background 150ms ease, border-color 150ms ease;
  white-space: nowrap;
}
.cg-mc__logout:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .5); }

.cg-mc__nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: var(--mc-radius-s);
  background: transparent;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
@media (min-width: 860px) { .cg-mc__nav-toggle { display: none; } }

.cg-mc__nav-mobile {
  display: none;
  flex-direction: column;
  background: var(--mc-night);
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.cg-mc__nav-mobile.is-open { display: flex; }
.cg-mc__nav-mobile a {
  padding: 0.95rem 1.5rem;
  text-decoration: none;
  color: rgba(255, 255, 255, .85);
  font-weight: 600;
  font-size: 0.95rem;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.cg-mc__nav-mobile a[aria-current="page"] { color: var(--mc-copper); }
@media (min-width: 860px) { .cg-mc__nav-mobile { display: none !important; } }

/* ---------- Content ---------- */
.cg-mc__main {
  flex: 1;
  max-width: 1160px;
  width: 100%;
  margin-inline: auto;
  padding: clamp(1.75rem, 4vw, 3rem) 1.5rem clamp(3.5rem, 6vw, 5rem);
}

.cg-mc__eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--mc-copper-dark);
  margin: 0 0 0.5rem;
}

.cg-mc__greeting {
  font-family: var(--mc-font-display);
  font-size: clamp(1.65rem, 1.15rem + 1.9vw, 2.35rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.15;
  margin: 0 0 0.4rem;
}
.cg-mc__greeting-sub {
  color: var(--mc-ink-soft);
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 calc(var(--mc-gap) * 1.4);
  max-width: 46ch;
}

/* ---------- Master KPI Summary (Auftrag Abschnitt 22) ---------- */
.cg-mc__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.9rem;
  margin-bottom: calc(var(--mc-gap) * 1.4);
}
.cg-mc__kpi {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.25rem;
}
.cg-mc__kpi-value {
  font-family: var(--mc-font-display);
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1;
  color: var(--mc-night);
}
.cg-mc__kpi-label {
  margin-top: 0.4rem;
  font-size: 0.78rem;
  color: var(--mc-ink-soft);
  font-weight: 600;
}
.cg-mc__kpi--warn .cg-mc__kpi-value { color: var(--mc-copper-dark); }

/* ---------- Card Grid ---------- */
.cg-mc__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--mc-gap);
  margin-top: var(--mc-gap);
}
.cg-mc__grid--wide { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.cg-mc__card {
  background: var(--mc-surface);
  border-radius: var(--mc-radius-m);
  padding: 1.5rem 1.6rem;
  box-shadow: var(--mc-shadow-card);
  border: 1px solid var(--mc-border-soft);
  min-width: 0;
  transition: box-shadow 180ms ease, transform 180ms ease;
}
.cg-mc__card--interactive:hover {
  box-shadow: var(--mc-shadow-card-hover);
  transform: translateY(-1px);
}

/* Prioritaets-Abstufung Fokus > Aufgabe > Termin (Auftrag Abschnitt 12):
   ueber Eyebrow-Icon + Akzentbalken, nicht ueber grelle Farben. */
.cg-mc__card--priority-1 { border-left: 3px solid var(--mc-copper); }
.cg-mc__card--priority-2 { border-left: 3px solid color-mix(in srgb, var(--mc-copper) 55%, transparent); }
.cg-mc__card--priority-3 { border-left: 3px solid var(--mc-border); }

.cg-mc__card-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 700;
  color: var(--mc-copper-dark);
  margin: 0 0 0.7rem;
}
.cg-mc__card-label .cg-mc__ico { width: 15px; height: 15px; flex-shrink: 0; opacity: .85; }
.cg-mc__card-body {
  font-size: 1.03rem;
  line-height: 1.55;
  margin: 0;
}
.cg-mc__card-body.is-empty {
  color: var(--mc-ink-faint);
  font-style: normal;
}
.cg-mc__card-meta {
  margin-top: 0.7rem;
  font-size: 0.85rem;
  color: var(--mc-ink-soft);
}

/* Disabled/preview action (Auftrag: "keine Fake-Funktionalitaet") */
.cg-mc__card-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  border: 1px dashed var(--mc-border);
  color: var(--mc-ink-soft);
  border-radius: var(--mc-radius-pill);
  padding: 0.62em 1.25em;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.87rem;
  font-weight: 600;
  margin-top: 1rem;
  background: var(--mc-surface-soft);
}
.cg-mc__card-disabled .cg-mc__soon {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  padding: 0.2em 0.55em;
  border-radius: var(--mc-radius-pill);
}
.cg-mc__card-note {
  font-size: 0.8rem;
  color: var(--mc-ink-faint);
  margin-top: 0.6rem;
  line-height: 1.5;
}

/* ---------- Coach badge (Primary/Additional) ---------- */
.cg-mc__coach-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0.26em 0.75em;
  border-radius: var(--mc-radius-pill);
  flex-shrink: 0;
}
.cg-mc__coach-tag--primary { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }
.cg-mc__coach-tag--additional { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }
.cg-mc__coach-tag--missing { background: color-mix(in srgb, var(--mc-alert) 12%, transparent); color: #8f2e26; }

/* ---------- Person-Karte (Coach, Coachie) ---------- */
.cg-mc__person {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.cg-mc__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-copper) 18%, var(--mc-surface-soft));
  color: var(--mc-copper-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mc-font-display);
  font-weight: 600;
  font-size: 1.05rem;
  flex-shrink: 0;
}
.cg-mc__person-name {
  font-family: var(--mc-font-display);
  font-weight: 600;
  font-size: 1.08rem;
  line-height: 1.25;
}
.cg-mc__person-role {
  margin-top: 0.15rem;
}

/* ---------- Coachie list rows (Coach/Master dashboard) ---------- */
.cg-mc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.cg-mc__row {
  background: var(--mc-surface);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.35rem;
  border: 1px solid var(--mc-border-soft);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
}
.cg-mc__row-main { display: flex; align-items: center; gap: 0.9rem; flex-wrap: wrap; min-width: 0; }
.cg-mc__row-name { font-weight: 700; font-size: 1rem; }
.cg-mc__row-detail {
  font-size: 0.86rem;
  color: var(--mc-ink-soft);
  text-align: right;
  min-width: 0;
}

/* ---------- Section heading ---------- */
.cg-mc__section-title {
  font-family: var(--mc-font-display);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 2.75rem 0 1rem;
}
.cg-mc__section-title:first-of-type { margin-top: 0; }

/* ---------- Empty state (full-section) ---------- */
.cg-mc__empty {
  padding: 1.75rem 1.75rem;
  color: var(--mc-ink-soft);
  font-size: 0.95rem;
  line-height: 1.55;
  background: var(--mc-surface-soft);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
}
.cg-mc__empty--positive {
  background: color-mix(in srgb, var(--mc-teal) 8%, var(--mc-surface));
  border-color: color-mix(in srgb, var(--mc-teal) 22%, transparent);
  color: var(--mc-teal-deep);
  font-weight: 600;
}
.cg-mc__empty-title { font-weight: 700; color: var(--mc-ink); margin: 0 0 0.3rem; }
.cg-mc__empty-sub { margin: 0; }

/* ---------- Login Page ---------- */
.cg-mc--login {
  align-items: center;
  justify-content: center;
  background: var(--mc-night);
  background-image: radial-gradient(circle at 15% 8%, color-mix(in srgb, var(--mc-copper) 14%, transparent), transparent 55%);
}
.cg-mc__login-shell {
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  padding: 3rem 1.5rem;
}
.cg-mc__login-brand {
  text-align: center;
  margin-bottom: 2.25rem;
}
.cg-mc__login-brand .cg-mc__brand-mark { font-size: 1.65rem; color: #fff; }
.cg-mc__login-title {
  font-family: var(--mc-font-display);
  color: #fff;
  font-size: 1.85rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 0.6rem;
  line-height: 1.2;
}
.cg-mc__login-sub {
  text-align: center;
  color: rgba(255, 255, 255, .68);
  font-size: 0.98rem;
  line-height: 1.5;
  margin: 0 auto 2.5rem;
  max-width: 34ch;
}
.cg-mc__login-card {
  background: var(--mc-surface);
  border-radius: var(--mc-radius-l);
  padding: 2.25rem 2rem;
  box-shadow: var(--mc-shadow-pop);
  border: 1px solid rgba(255, 255, 255, .06);
}
.cg-mc__field { margin-bottom: 1.25rem; }
.cg-mc__field label {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 0.45rem;
  color: var(--mc-ink);
}
.cg-mc__field input[type="text"],
.cg-mc__field input[type="email"],
.cg-mc__field input[type="password"] {
  width: 100%;
  padding: 0.8em 0.95em;
  border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border);
  font-size: 1rem;
  font-family: inherit;
  color: var(--mc-ink);
  background: #fff;
  transition: border-color 150ms ease;
}
.cg-mc__field input:focus-visible {
  outline: 2px solid var(--mc-teal);
  outline-offset: 1px;
  border-color: var(--mc-teal);
}
.cg-mc__remember { display: flex; align-items: center; gap: 0.55em; font-size: 0.88rem; margin-bottom: 1.4rem; color: var(--mc-ink-soft); }
.cg-mc__remember input { width: 1.05rem; height: 1.05rem; accent-color: var(--mc-teal); }

.cg-mc__btn-primary {
  width: 100%;
  /* CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27): Referenzbild
     definiert Primary als dunkles Night/Petrol-Rechteck statt Copper-Pille
     -- "keine nackten Hauptaktionslinks, keine uneinheitlichen Hoehen,
     Radius kompakt statt Pille". Globaler Token, da EIN Button-System
     gefordert ist (kein Copper-Pille-Rest an anderer Stelle). */
  background: var(--mc-night);
  color: #fff;
  border: none;
  border-radius: var(--mc-radius-s);
  padding: 0.9em 1.4em;
  font-size: 1.02rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background 150ms ease, transform 150ms ease;
  /* SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): bislang setzte nur der
     --auto-Modifier text-decoration:none -- jede Verwendung dieser Klasse
     direkt auf einem <a> (z. B. "Eintrag oeffnen" im Coach-Dashboard) zeigte
     dadurch einen Browser-Standard-Unterstrich quer durch den Button-Text.
     Hier an der Basisklasse behoben, damit es unabhaengig vom Modifier gilt. */
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.cg-mc__btn-primary:hover { background: #0a1e2e; text-decoration: none; }
.cg-mc__btn-primary:active { transform: translateY(1px); }
.cg-mc__btn-primary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

.cg-mc__btn-secondary {
  width: 100%;
  background: #fff;
  color: var(--mc-ink);
  border: 1.5px solid var(--mc-border);
  /* CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27): gleicher Radius wie
     Primary (kompaktes Rechteck statt Pille) -- ein Button-System. */
  border-radius: var(--mc-radius-s);
  padding: 0.9em 1.4em;
  font-size: 1.02rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background 150ms ease, border-color 150ms ease;
  /* siehe Begruendung bei .cg-mc__btn-primary oben. */
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.cg-mc__btn-secondary:hover { text-decoration: none; }
.cg-mc__btn-secondary:hover { background: var(--mc-surface-soft); border-color: var(--mc-copper); }
.cg-mc__btn-secondary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

.cg-mc__login-links {
  text-align: center;
  margin-top: 1.1rem;
  font-size: 0.86rem;
}
.cg-mc__login-links a {
  color: var(--mc-ink-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--mc-border);
  padding-bottom: 1px;
  transition: color 150ms ease, border-color 150ms ease;
}
.cg-mc__login-links a:hover { color: var(--mc-copper-dark); border-color: var(--mc-copper); }

.cg-mc__error {
  display: flex;
  gap: 0.6em;
  align-items: flex-start;
  background: color-mix(in srgb, var(--mc-alert) 8%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-alert) 28%, transparent);
  color: #7a2b23;
  border-radius: var(--mc-radius-s);
  padding: 0.9em 1.05em;
  font-size: 0.89rem;
  line-height: 1.45;
  margin-bottom: 1.4rem;
}

/* ---------- No-access state ---------- */
.cg-mc__no-access {
  max-width: 480px;
  margin: 3rem auto;
  text-align: center;
}

/* ---------- Responsive safety ---------- */
@media (max-width: 389px) {
  .cg-mc__header-inner { padding: 0.8rem 1.1rem; gap: 0.75rem; }
  .cg-mc__brand-mark { font-size: 1.05rem; }
  .cg-mc__role-badge { display: none; }
}

@media (max-width: 480px) {
  .cg-mc__row { flex-direction: column; align-items: flex-start; }
  .cg-mc__row-detail { text-align: left; }
}

/* Phase 12: Master-Unternavigation (Coaches/Coachies/Einladen/etc.) */
.cg-mc__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.4rem;
  margin-bottom: calc(var(--mc-gap) * 1.2);
  border-bottom: 1px solid var(--mc-border);
  padding-bottom: 0.1rem;
}
.cg-mc__subnav-link {
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--mc-ink-soft);
  padding: 0.5rem 0.05rem;
  border-bottom: 2px solid transparent;
  transition: color 150ms ease, border-color 150ms ease;
}
.cg-mc__subnav-link:hover,
.cg-mc__subnav-link.is-active {
  color: var(--mc-ink);
  border-bottom-color: var(--mc-copper);
}

/* Phase 12: responsive Card-Liste fuer Coaches/Coachies (kein horizontales Scrollen) */
.cg-mc__filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: flex-end;
  margin-bottom: 1.2rem;
}
.cg-mc__filter-bar .cg-mc__field { margin-bottom: 0; min-width: 180px; flex: 1 1 180px; }
.cg-mc__filter-bar .cg-mc__field input,
.cg-mc__filter-bar .cg-mc__field select { margin-bottom: 0; }

.cg-mc__directory-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 1rem;
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  padding: 1rem 1.2rem;
  margin-bottom: 0.7rem;
}
.cg-mc__directory-card-main { display: flex; align-items: center; gap: 0.8rem; min-width: 200px; }
.cg-mc__directory-card-meta { display: flex; flex-wrap: wrap; gap: 0.4rem 0.9rem; font-size: 0.86rem; color: var(--mc-ink-soft); align-items: center; }

/* ============================================================
   LEVEL YOU UP — Learning Suite (Phase 17.1A-2)
   Bewusst eigene, ruhigere Bildsprache als das Master-Cockpit:
   grosszuegige Karten, warme Flaeche, keine Tabellenoptik.
   ============================================================ */
.cg-lyu__section-title { margin-top: 2.2rem; }

.cg-lyu__module-pill {
  display: inline-block;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 14%, transparent);
  border-radius: var(--mc-radius-pill);
  padding: 0.3em 0.85em;
  margin-bottom: 0.6rem;
}

.cg-lyu__unit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--mc-gap);
  margin-top: 0.8rem;
}

.cg-lyu__unit-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l);
  padding: 1.4rem 1.5rem;
  box-shadow: var(--mc-shadow-card);
  transition: box-shadow .18s ease, transform .18s ease;
}
.cg-lyu__unit-card:hover,
.cg-lyu__unit-card:focus-visible {
  box-shadow: var(--mc-shadow-card-hover);
  transform: translateY(-2px);
}

.cg-lyu__unit-number,
.cg-lyu__unit-number-large {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mc-teal-deep);
  margin-bottom: 0.2rem;
}
.cg-lyu__unit-number-large { font-size: 0.86rem; }

.cg-lyu__unit-title {
  font-family: var(--mc-font-display);
  font-size: 1.15rem;
  line-height: 1.35;
  margin: 0 0 0.5rem;
}

.cg-lyu__unit-excerpt {
  color: var(--mc-ink-soft);
  font-size: 0.95rem;
  margin: 0 0 0.8rem;
}

.cg-lyu__unit-date {
  font-size: 0.8rem;
  color: var(--mc-ink-faint);
  margin-bottom: 0.4rem;
}

.cg-lyu__unit-cta {
  margin-top: auto;
  font-weight: 600;
  color: var(--mc-copper-dark);
  font-size: 0.92rem;
}

.cg-lyu__excerpt { font-size: 1.05rem; max-width: 640px; }

.cg-lyu__detail-section { margin-top: 1.6rem; }

.cg-lyu__prose {
  max-width: 720px;
  line-height: 1.7;
}
.cg-lyu__prose p:first-child { margin-top: 0; }
.cg-lyu__prose p:last-child { margin-bottom: 0; }
.cg-mc__directory-card-email { font-size: 0.82rem; color: var(--mc-ink-faint); display: block; }

/* ============================================================
   LYU Welcome Experience (Phase 3B) — Orientierung + naechste
   Schritte auf dem LYU-Dashboard, ruhige Erweiterung derselben
   Kartenoptik wie die Unit-Grid oben.
   ============================================================ */
.cg-lyu__orient { margin-top: 2.2rem; }

.cg-lyu__orient-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--mc-gap);
  margin-top: 0.8rem;
}

.cg-lyu__orient-item {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l);
  padding: 1.1rem 1.3rem;
}
.cg-lyu__orient-item h3 {
  font-family: var(--mc-font-display);
  font-size: 1rem;
  margin: 0 0 0.4rem;
  color: var(--mc-teal-deep);
}
.cg-lyu__orient-item p {
  font-size: 0.92rem;
  color: var(--mc-ink-soft);
  margin: 0;
  line-height: 1.5;
}

.cg-lyu__next { margin-top: 2.2rem; }

.cg-lyu__next-list {
  list-style: none;
  margin: 0.8rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.cg-lyu__next-list li {
  font-size: 0.96rem;
}
.cg-lyu__next-list a {
  color: var(--mc-copper-dark);
  font-weight: 600;
  text-decoration: none;
}
.cg-lyu__next-list a:hover,
.cg-lyu__next-list a:focus-visible {
  text-decoration: underline;
}
.cg-lyu__next-note {
  color: var(--mc-ink-faint);
  font-size: 0.86rem;
}

/* ============================================================
   Co;Gether Member Experience System — gemeinsame Bausteine
   (cg-me__*). Erste Befuellung: LYU-Coachee. Rollenfaehig fuer
   spaetere Coach-/Master-Nutzung derselben Klassen.
   ============================================================ */

/* Baustein 1: Persoenlicher Einstieg — mehr Praesenz als generische Kopfzeile */
.cg-me__header { position: relative; padding-left: 1.1rem; margin-bottom: 0.4rem; }
.cg-me__header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  bottom: 0.35rem;
  width: 4px;
  border-radius: 999px;
  background: var(--mc-copper);
}
.cg-me__header .cg-mc__greeting { font-size: clamp(1.5rem, 1.1vw + 1.3rem, 1.9rem); }

/* Baustein 2: Fokus-Karte — deutliche visuelle Dominanz, nicht nur eine Karte unter vielen */
.cg-me__focus {
  max-width: none;
  padding: 2rem 2.1rem;
  box-shadow: var(--mc-shadow-pop);
  border-top: 3px solid var(--mc-copper);
  background: linear-gradient(180deg, color-mix(in srgb, var(--mc-copper) 5%, var(--mc-surface)) 0%, var(--mc-surface) 55%);
}
.cg-me__focus-kicker {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mc-teal-deep);
  margin-bottom: 0.4rem;
}
.cg-me__focus-title {
  font-family: var(--mc-font-display);
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0 0 0.7rem;
}
.cg-me__focus-excerpt {
  color: var(--mc-ink-soft);
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.cg-me__focus-excerpt--practice { color: var(--mc-ink-faint); font-size: 0.95rem; }
.cg-me__focus-cta { display: inline-block; margin-top: 0.8rem; }

/* Baustein 3: Learning Journey — Wegstationen mit Verbindungslinie statt loser Kaestchen */
.cg-me__journey { margin-top: 1.4rem; }
.cg-me__journey-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.7rem;
  margin-top: 0.8rem;
  position: relative;
}
.cg-me__journey-step {
  position: relative;
  border-radius: var(--mc-radius-m);
  padding: 1rem 0.9rem;
  text-align: center;
  font-size: 0.88rem;
  font-weight: 600;
  background: var(--mc-surface-soft);
  color: var(--mc-ink-faint);
  border: 1px solid var(--mc-border-soft);
}
.cg-me__journey-step:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0.7rem;
  height: 2px;
  background: var(--mc-border-soft);
  transform: translateY(-50%);
}
.cg-me__journey-step.is-erreicht {
  background: color-mix(in srgb, var(--mc-teal) 10%, var(--mc-surface));
  color: var(--mc-teal-deep);
  border-color: color-mix(in srgb, var(--mc-teal) 25%, transparent);
}
.cg-me__journey-step.is-erreicht:not(:first-child)::before { background: var(--mc-teal); }
.cg-me__journey-step.is-aktuell {
  background: var(--mc-copper);
  color: #fff;
  border-color: var(--mc-copper);
  box-shadow: var(--mc-shadow-card);
}
.cg-me__journey-step.is-aktuell:not(:first-child)::before { background: var(--mc-copper); }
.cg-me__journey-step.is-bevorstehend {
  background: var(--mc-surface);
  color: var(--mc-ink-faint);
}
.cg-me__journey-step.is-bevorstehend:not(:first-child)::before {
  background: repeating-linear-gradient(90deg, var(--mc-border-soft) 0 3px, transparent 3px 6px);
}
@media (max-width: 780px) {
  .cg-me__journey-track {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(140px, 1fr);
    overflow-x: auto;
    padding-bottom: 0.4rem;
    scroll-snap-type: x proximity;
    /* VISUAL AUDIT V1 (2026-08-27): der native Scrollbalken wirkte im
       echten Render als unpolierte Systemleiste unter der Journey-Reihe
       -- Scroll-Funktion bleibt (Wischen/Tastatur), nur die sichtbare
       Leiste wird ausgeblendet. */
    scrollbar-width: none;
  }
  .cg-me__journey-track::-webkit-scrollbar { display: none; }
  .cg-me__journey-step { scroll-snap-align: start; }
}

/* Baustein 4: Vorschau-Raster */
.cg-me__preview { margin-top: 2.1rem; }
.cg-me__preview-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mc-gap);
  margin-top: 0.8rem;
}
.cg-me__preview-card {
  transition: transform .18s ease, box-shadow .18s ease;
}
.cg-me__preview-card:hover,
.cg-me__preview-card:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--mc-shadow-card-hover);
}
@media (prefers-reduced-motion: reduce) {
  .cg-me__preview-card { transition: none; }
  .cg-me__preview-card:hover, .cg-me__preview-card:focus-within { transform: none; }
}
.cg-me__preview-card-title {
  font-family: var(--mc-font-display);
  font-size: 1.05rem;
  margin: 0 0 0.5rem;
}
.cg-me__preview-card-excerpt {
  color: var(--mc-ink-soft);
  font-size: 0.92rem;
  margin: 0 0 0.6rem;
}
.cg-me__preview-card-cta {
  font-weight: 600;
  color: var(--mc-copper-dark);
  font-size: 0.9rem;
  text-decoration: none;
}
.cg-me__preview-card-cta:hover,
.cg-me__preview-card-cta:focus-visible { text-decoration: underline; }
@media (max-width: 700px) {
  .cg-me__preview-grid { grid-template-columns: 1fr; }
}

/* Baustein 5: Begleitungs-Karte */
.cg-me__companions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mc-gap);
  margin-top: 0.8rem;
}
.cg-me__companion-card-head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.5rem;
}
.cg-me__companion-card-head .cg-mc__avatar {
  width: 36px;
  height: 36px;
  font-size: 0.92rem;
}
.cg-me__companion-card h3 {
  font-family: var(--mc-font-display);
  font-size: 1.05rem;
  margin: 0;
}
.cg-me__companion-card h3 a {
  color: inherit;
  text-decoration: none;
}
.cg-me__companion-card h3 a:hover,
.cg-me__companion-card h3 a:focus-visible {
  color: var(--mc-copper-dark);
  text-decoration: underline;
}
.cg-me__companion-card p {
  color: var(--mc-ink-soft);
  font-size: 0.9rem;
  margin: 0;
}
.cg-me__companion-card--copper { border-left: 3px solid var(--mc-copper); }
.cg-me__companion-card--petrol { border-left: 3px solid var(--mc-teal); }
.cg-me__companion-card-membership {
  margin-top: 0.5rem !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid var(--mc-border-soft);
  color: var(--mc-ink-soft) !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
}
.cg-me__companion-card-note {
  margin-top: 0.35rem !important;
  color: var(--mc-ink-faint) !important;
  font-size: 0.84rem !important;
}
@media (max-width: 560px) {
  .cg-me__companions-grid { grid-template-columns: 1fr; }
}

/* Baustein 6: Weitere Bereiche */
.cg-me__more-list {
  list-style: none;
  margin: 0.8rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}
.cg-me__more-list a {
  color: var(--mc-copper-dark);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
}
.cg-me__more-list a:hover,
.cg-me__more-list a:focus-visible { text-decoration: underline; }

/* UX-Ergaenzung (2026-08-17): klickbares Logo + Zurueck-zur-Startseite-Link auf der Loginseite. */
.cg-mc__brand-link { text-decoration: none; display: inline-block; border-radius: var(--mc-radius-s); }
.cg-mc__brand-link:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 3px; }
.cg-mc__login-links { display: flex; flex-direction: column; align-items: center; gap: .55rem; }


/* ============================================================
   COACHEE / LEVEL YOU UP — PREMIUM EXPERIENCE PASS
   (Co;Gether Members Area 2.0, Phase 1, 2026-08-18)
   Rein visuell — keine PHP-/Datenlogik-Aenderung, alle bestehenden
   .cg-me__*-Bausteine bleiben strukturell unveraendert. Ziel: von
   "funktionaler Prototyp" zu "hochwertiger Entwicklungsraum".
   ============================================================ */

.cg-mc__main { padding-block: clamp(1.75rem, 3vw, 2.75rem); }

/* ---------- Baustein 1: Welcome Hero ---------- */
/* CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27): Referenzbild zeigt den
   Dashboard-Seitentitel als schlichten Text direkt auf hellem Canvas, ohne
   Card/Gradient-Buehne ("DUNKEL = Shell/Navigation, HELL = Arbeitsflaeche",
   Auftrag Abschnitt 24 -- "bisheriger dunkler Member-Content-Look ist damit
   UEBERHOLT"). Geteilte Baustein-1-Partial aller Rollen, daher globaler
   Tokenwechsel (ein Card-/Header-System). */
.cg-me__header {
  padding-left: 0;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
}
.cg-me__header::before, .cg-me__header::after { content: none; }
.cg-me__header .cg-mc__greeting {
  color: var(--mc-ink);
  font-size: clamp(1.7rem, 1vw + 1.6rem, 2.35rem);
  font-weight: 700;
  letter-spacing: -.01em;
  margin: 0;
}
.cg-me__header .cg-mc__greeting-sub {
  color: var(--mc-ink-soft);
  font-size: 1.05rem;
  margin-top: .4rem;
}

/* ---------- Baustein 2: Fokus-Karte ---------- */
.cg-me__focus {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  box-shadow: var(--mc-shadow-card);
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}
.cg-me__focus-kicker {
  display: inline-block;
  font-family: var(--mc-font-display);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mc-copper-dark);
  margin-bottom: .6rem;
}
.cg-me__focus-title {
  font-size: clamp(1.3rem, 1vw + 1.1rem, 1.6rem);
  font-weight: 700;
  margin: 0 0 .8rem;
  color: var(--mc-ink);
}
.cg-me__focus-excerpt { font-size: 1.02rem; line-height: 1.7; color: var(--mc-ink-soft); margin: 0 0 .5rem; }
.cg-me__focus-cta {
  margin-top: 1.3rem;
  box-shadow: 0 14px 30px -16px color-mix(in srgb, var(--mc-copper) 60%, transparent);
}

/* ---------- Section titles (eyebrow-style) ---------- */
.cg-mc__section-title {
  font-family: var(--mc-font-display);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -.005em;
  margin: 0 0 1.1rem;
  color: var(--mc-ink);
  display: flex;
  align-items: center;
  gap: .6rem;
}
.cg-mc__section-title::before {
  content: "";
  width: .45rem; height: .45rem;
  border-radius: 50%;
  background: var(--mc-copper);
  flex-shrink: 0;
}

/* ---------- Baustein 3: Journey ---------- */
.cg-me__journey {
  background: var(--mc-surface-soft);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
}
.cg-me__journey-track { gap: .5rem; }
.cg-me__journey-step {
  padding: .75rem 1rem;
  border-radius: var(--mc-radius-m);
  font-weight: 600;
  font-size: .92rem;
  transition: transform .15s ease;
}
.cg-me__journey-step.is-aktuell {
  background: var(--mc-night);
  color: #fff;
  box-shadow: 0 12px 28px -16px color-mix(in srgb, var(--mc-copper) 55%, transparent);
  transform: translateY(-2px);
}
.cg-me__journey-step.is-erreicht { background: color-mix(in srgb, var(--mc-teal) 14%, var(--mc-surface)); color: var(--mc-teal-deep); }
.cg-me__journey-step.is-bevorstehend { background: var(--mc-surface); color: var(--mc-ink-faint); border: 1px dashed var(--mc-border); }

/* ---------- Baustein 4: Preview-Grid ---------- */
.cg-me__preview-grid { gap: 1.1rem; }
.cg-me__preview-card {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l);
  padding: 1.6rem 1.5rem;
  min-height: 11rem;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: var(--mc-shadow-card);
}
.cg-me__preview-card::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--mc-copper);
  opacity: .55;
}
.cg-me__preview-grid > div:nth-child(2) .cg-me__preview-card::before { background: var(--mc-teal); }
.cg-me__preview-grid > div:nth-child(3) .cg-me__preview-card::before { background: color-mix(in srgb, var(--mc-copper) 60%, var(--mc-teal)); }
.cg-me__preview-grid > div:nth-child(4) .cg-me__preview-card::before { background: var(--mc-teal-deep); }
.cg-me__preview-card:hover, .cg-me__preview-card:focus-within {
  box-shadow: var(--mc-shadow-card-hover);
  transform: translateY(-3px);
}
.cg-me__preview-card-title {
  font-family: var(--mc-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 .6rem;
}
.cg-me__preview-card-excerpt { flex-grow: 1; color: var(--mc-ink-soft); line-height: 1.6; }
.cg-me__preview-card .cg-mc__card-body.is-empty {
  flex-grow: 1;
  display: flex; align-items: center;
  color: var(--mc-ink-faint);
  font-style: italic;
}

/* ---------- Baustein 5: Begleitung ---------- */
.cg-me__companions-grid { gap: 1.1rem; }
.cg-me__companion-card {
  border-radius: var(--mc-radius-l);
  padding: 1.5rem 1.6rem;
  box-shadow: var(--mc-shadow-card);
  border: 1px solid var(--mc-border-soft);
}
.cg-me__companion-card--copper { border-top: 3px solid var(--mc-copper); }
.cg-me__companion-card--petrol { border-top: 3px solid var(--mc-teal); }
.cg-me__companion-card-head { gap: .8rem; margin-bottom: .5rem; }
.cg-me__companion-card-head .cg-mc__avatar {
  width: 2.6rem; height: 2.6rem;
  font-size: .95rem;
  background: var(--mc-night);
  color: #fff;
}
.cg-me__companion-card h3 { font-size: 1.05rem; margin: 0; }

/* ---------- Baustein 6: Weitere Bereiche ---------- */
.cg-me__more { margin-top: clamp(1.75rem, 3vw, 2.5rem); }
.cg-me__more-list { display: flex; flex-direction: column; gap: .6rem; }
.cg-me__more-list a {
  display: inline-flex; align-items: center; gap: .4rem;
  font-weight: 600; color: var(--mc-copper-dark);
  text-decoration: none;
}
.cg-me__more-list a:hover { text-decoration: underline; }

/* ---------- Empty states (used across all tiles) ---------- */
.cg-mc__card-body.is-empty { color: var(--mc-ink-faint); font-style: italic; }

@media (max-width: 640px) {
  .cg-me__header { padding: 1.75rem 1.4rem; }
  .cg-me__focus { padding: 1.5rem 1.3rem; }
  .cg-me__preview-card { min-height: auto; padding: 1.3rem 1.2rem; }
}


/* ============================================================
   COACHEE / LEVEL YOU UP — PREMIUM EXPERIENCE V2 (Bento-Grid)
   (Co;Gether Members Area 2.0, Phase 1 Freigabe-Runde, 2026-08-18)
   ============================================================ */

/* ---------- Vorschau-Raster (VISUAL AUDIT V1, 2026-08-27) ----------
   Die fruehere Bento-Grid-Variante nahm hart GENAU 5 Kacheln in fester
   Reihenfolge an (grid-template-areas + nth-child-Zuordnung). Seit
   dashboard-coachie.php/dashboard-coach.php variable Kachel-Anzahl und
   -Reihenfolge liefern (5-6 Kacheln, je nach Kontext), fuehrte das dazu,
   dass z.B. eine echte "Fragen"-Kachel an Position 5 faelschlich den
   fuer eine leere "Termin"-Kachel gedachten gestrichelten Leer-Look
   bekam, und eine 6. Kachel ganz ohne Grid-Area verschwand. Ersetzt
   durch ein robustes, kachel-anzahl-unabhaengiges Auto-Fit-Grid --
   Card-Basis bleibt identisch (Baustein 4 oben), keine Business-Logik
   beruehrt. */
.cg-me__preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.1rem;
}

/* ---------- "Dein direkter Draht" — echte Kontaktkarten statt
   Informationszeile ---------- */
.cg-me__companions {
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  position: relative;
  overflow: hidden;
}
.cg-me__companions::before {
  content: "";
  position: absolute; bottom: -60%; right: -5%;
  width: 22rem; height: 22rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--mc-teal) 25%, transparent), transparent 70%);
  pointer-events: none;
}
.cg-me__companions .cg-mc__section-title { color: #fff; position: relative; z-index: 1; }
.cg-me__companions .cg-mc__section-title::before { background: var(--mc-copper); }
.cg-me__companions-grid { position: relative; z-index: 1; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.cg-me__companion-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: none;
  backdrop-filter: blur(6px);
}
.cg-me__companion-card--copper { border-top: 3px solid var(--mc-copper); }
.cg-me__companion-card--petrol { border-top: 3px solid var(--mc-teal); }
.cg-me__companion-card h3, .cg-me__companion-card h3 a { color: #fff; }
.cg-me__companion-card p { color: rgba(255,255,255,.72); }
.cg-me__companion-card-head .cg-mc__avatar {
  background: var(--mc-copper);
  color: #fff;
  font-weight: 700;
}
.cg-me__companion-card-cta {
  display: inline-flex; align-items: center; gap: .35rem;
  margin-top: .9rem;
  font-weight: 700; font-size: .92rem;
  color: #fff;
  background: color-mix(in srgb, var(--mc-copper) 85%, black 0%);
  padding: .55rem 1.1rem;
  border-radius: var(--mc-radius-pill);
  text-decoration: none;
  transition: background-color .15s ease, transform .15s ease;
}
.cg-me__companion-card-cta:hover, .cg-me__companion-card-cta:focus-visible {
  background: var(--mc-copper-dark);
  transform: translateY(-1px);
}

/* ---------- Handout-Anzeige im generischen Coachie-Dashboard:
   menschenlesbarer Titel statt technischer Zeile ---------- */
.cg-mc__row-name { font-family: var(--mc-font-display); font-weight: 600; }
/* SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): .cg-mc__row-name wird an
   mehreren Stellen (u. a. Coaching-Verlauf im Coachie-Profil) um ein
   nacktes <a> herum verwendet -- ohne eigene Regel zeigte der Browser dort
   den Standard-Linkunterstrich, obwohl die Zeile bereits durch die
   Card-/Row-Optik als klickbar erkennbar ist. */
.cg-mc__row-name a { color: inherit; text-decoration: none; }
.cg-mc__row-name a:hover { color: var(--mc-copper-dark); text-decoration: underline; }


/* ============================================================
   LEARNING-UNIT PROZESSKETTEN-VISUALISIERUNG (.cg-lyu__chain)
   (Co;Gether Learning Content Engine, 2026-08-18)
   Generische, wiederverwendbare Darstellung fuer jede geordnete Liste
   mit Prozess-/Kettencharakter innerhalb einer Learning Unit (nicht auf
   eine einzelne Unit hartcodiert) — Night/Petrol/Copper, Nummern statt
   Bullet-Points, verbindende Linie.
   ============================================================ */
.cg-lyu__prose { padding: clamp(1.75rem, 3vw, 2.5rem); }
.cg-lyu__prose h3 {
  font-family: var(--mc-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  margin: 1.8rem 0 .8rem;
  color: var(--mc-ink);
}
.cg-lyu__prose h3:first-child { margin-top: 0; }
.cg-lyu__prose p { line-height: 1.7; color: var(--mc-ink-soft); }

.cg-lyu__chain {
  list-style: none;
  margin: 1.2rem 0 1.5rem;
  padding: 0;
  counter-reset: cglyu;
  position: relative;
}
.cg-lyu__chain li {
  counter-increment: cglyu;
  position: relative;
  padding: .85rem 1.1rem .85rem 3.1rem;
  margin-bottom: .5rem;
  background: var(--mc-surface-soft);
  border-radius: var(--mc-radius-m);
  line-height: 1.6;
  color: var(--mc-ink);
}
.cg-lyu__chain li::before {
  content: counter(cglyu);
  position: absolute;
  left: .75rem; top: 50%;
  transform: translateY(-50%);
  width: 1.7rem; height: 1.7rem;
  border-radius: 50%;
  background: var(--mc-night);
  color: var(--mc-copper);
  font-family: var(--mc-font-display);
  font-weight: 700;
  font-size: .85rem;
  display: flex; align-items: center; justify-content: center;
}
.cg-lyu__chain li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1.6rem; top: 100%;
  height: .5rem; width: 2px;
  background: color-mix(in srgb, var(--mc-copper) 40%, transparent);
}
.cg-lyu__chain li strong { color: var(--mc-copper-dark); font-weight: 700; }

.cg-lyu__prose ul { margin: 1rem 0 1.5rem; padding-left: 0; list-style: none; }
.cg-lyu__prose ul li {
  position: relative;
  padding-left: 1.3rem;
  margin-bottom: .5rem;
  line-height: 1.6;
  color: var(--mc-ink-soft);
}
.cg-lyu__prose ul li::before {
  content: "";
  position: absolute; left: 0; top: .6em;
  width: .4rem; height: .4rem;
  border-radius: 50%;
  background: var(--mc-teal);
}
.cg-lyu__prose ul li strong { color: var(--mc-ink); }

@media (max-width: 560px) {
  .cg-lyu__chain li { padding-left: 2.7rem; font-size: .95rem; }
}


/* ============================================================
   COACHEE DASHBOARD — PREMIUM PRODUCT FAMILY V3 (2026-08-18)
   Seitenhintergrund rein weiss; alle Hauptmodule in dieselbe Night/
   Petrol/Copper-Designsprache wie "Dein direkter Draht" ueberfuehrt.
   Bewusst nicht alle Cards identisch: Fokus = volle Night-Buehne,
   Journey = dunkle Slate-Buehne, Preview-Cards = dunkles Slate mit
   individuellen Akzentfarben pro Kachel-Typ.
   ============================================================ */
.cg-mc { --mc-bg: #ffffff; }
.cg-mc__main { background: #ffffff; }

/* ---------- Fokus-Karte ---------- */
/* CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27): die bisherige "volle
   Night-Buehne" widerspricht der neuen verbindlichen Regel "DUNKEL = Shell/
   Navigation, HELL = Arbeitsflaeche" (Referenzbild, Auftrag Abschnitt 24:
   "Der bisherige staerker dunkle Member-Content-Look ist damit UEBERHOLT").
   Hellrer Card-Stil mit Copper-Akzentstreifen statt Dark-Card-Wall --
   betrifft dieselbe geteilte Baustein-2-Partial aller Rollen (Coachie/
   Coach/Master), da hier EIN Card-System gilt. */
.cg-me__focus {
  background: #fff;
  border: 1px solid var(--mc-border-soft, var(--mc-border));
  border-left: 3px solid var(--mc-copper);
  color: var(--mc-ink);
  position: relative;
  overflow: hidden;
}
.cg-me__focus::before { content: none; }
.cg-me__focus-kicker { color: var(--mc-copper-dark); }
.cg-me__focus-title { color: var(--mc-ink); }
.cg-me__focus-excerpt { color: var(--mc-ink-soft); }
.cg-me__focus-excerpt--practice { color: var(--mc-ink-faint) !important; }
.cg-me__focus .cg-mc__card-body.is-empty { color: var(--mc-ink-soft); }

/* ---------- Learning Journey: dunkle Slate-Buehne ---------- */
.cg-me__journey {
  background: linear-gradient(150deg, #13212f 0%, #0e1a26 100%);
  border-radius: var(--mc-radius-l);
}
.cg-me__journey .cg-mc__section-title { color: #fff; }
.cg-me__journey .cg-mc__section-title::before { background: var(--mc-copper); }
.cg-me__journey-step {
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.08);
}
.cg-me__journey-step.is-erreicht {
  background: color-mix(in srgb, var(--mc-teal) 22%, transparent);
  color: #fff;
  border-color: color-mix(in srgb, var(--mc-teal) 40%, transparent);
}
.cg-me__journey-step.is-aktuell {
  background: var(--mc-copper);
  color: #fff;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mc-copper) 20%, transparent), 0 12px 28px -14px color-mix(in srgb, var(--mc-copper) 70%, transparent);
  border-color: transparent;
}
.cg-me__journey-step.is-bevorstehend {
  background: transparent;
  border: 1px dashed rgba(255,255,255,.18);
  color: rgba(255,255,255,.4);
}
.cg-me__journey-step:not(:first-child)::before { background: rgba(255,255,255,.15) !important; }
.cg-me__journey-step.is-erreicht:not(:first-child)::before { background: var(--mc-teal) !important; }
.cg-me__journey-step.is-aktuell:not(:first-child)::before { background: var(--mc-copper) !important; }

/* ---------- Preview-Grid Icon-Akzent (VISUAL AUDIT V1, 2026-08-27) ----------
   Die vormalige unscoped "dunkle Slate-Card"-Variante (!important) galt
   GLOBAL fuer jede Verwendung von partial-me-preview-grid.php -- also auch
   fuer das neue Coachie- und das bestehende Coach-Dashboard. Ergebnis:
   Hero -> Fokus-Karte -> Journey -> Vorschau-Raster -> Direkter Draht
   liefen als 4-5 aufeinanderfolgende dunkle Flaechen (Auftrag Sektion 30:
   "weniger monotone Dark Blocks"), UND die positionsbasierte nth-child(5)-
   Regel liess eine echte, befuellte 5. Kachel (z.B. "Fragen") faelschlich
   wie einen leeren Termin-Platzhalter aussehen. Card-Basis bleibt die
   helle "Bento"-Karte weiter oben in dieser Datei (Radius/Schatten/
   Copper-Akzentbalken) -- nur der Icon-Kreis behaelt einen dezenten
   Akzent, unabhaengig von der Position. */
.cg-me__preview-card-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.6rem; height: 2.6rem;
  border-radius: var(--mc-radius-m);
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent);
  color: var(--mc-copper-dark);
  margin-bottom: .9rem;
}

@media (max-width: 640px) {
  .cg-me__preview-card { padding: 1.3rem 1.2rem; }
}


/* ============================================================
   PREMIUM PRODUCT EXPERIENCE V4 — DESKTOP SIDEBAR (2026-08-18)
   Card-first Shell: linke Night-Sidebar als primaere Navigation auf
   Desktop; bestehende mobile Kopfzeile + Drawer-Nav bleiben unveraendert
   die Navigation auf Mobile (keine Sidebar-Erzwingung, Auftrag Abschnitt 4).
   ============================================================ */
.cg-mc__shell {
  display: flex;
  align-items: flex-start;
  flex: 1;
  width: 100%;
}

.cg-mc__sidebar {
  display: none;
}

@media (min-width: 860px) {
  .cg-mc__shell { max-width: 1440px; margin-inline: auto; }

  .cg-mc__sidebar {
    display: flex;
    flex-direction: column;
    width: 288px; /* P1 MASTER/EXECUTIVE FINAL INTEGRATION PASS (2026-09-02): war 260px */
    flex-shrink: 0;
    min-height: calc(100vh - 1px);
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, var(--mc-night) 0%, #0c2131 100%);
    color: #fff;
    padding: 1.5rem 1.1rem 2rem;
    gap: 0.4rem;
    border-right: 1px solid rgba(255, 255, 255, .06);
  }

  /* Alte horizontale Top-Nav entfaellt auf Desktop -- ersetzt durch die
     Sidebar. Mobile Kopfzeile bleibt fuer <860px unveraendert bestehen. */
  .cg-mc__header .cg-mc__nav { display: none; }

  /* Die Top-Kopfzeile bleibt schmal sichtbar (Login-Status/Notfall-Logout),
     tritt aber gestalterisch hinter die Sidebar zurueck. */
  .cg-mc__main { padding-left: clamp(1.75rem, 3vw, 2.75rem); }
}

.cg-mc__sidebar-brand {
  display: block;
  text-decoration: none;
  padding: 0.3rem 0.6rem 1.1rem;
  margin-bottom: 0.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  font-family: var(--mc-font-display);
}
.cg-mc__sidebar-brand .cg-mc__brand-mark { font-size: 1.15rem; }

.cg-mc__sidebar-profile {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  margin-bottom: 1.1rem;
  border-radius: var(--mc-radius-m);
  background: rgba(255, 255, 255, .05);
}
.cg-mc__sidebar-profile .cg-mc__avatar {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}
.cg-mc__sidebar-profile-name {
  margin: 0;
  font-weight: 700;
  font-size: 0.92rem;
  color: #fff;
  line-height: 1.3;
}
.cg-mc__sidebar-profile-role {
  margin: 0.1rem 0 0;
  font-size: 0.72rem;
  color: var(--mc-copper);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
}

.cg-mc__sidebar-group { margin-bottom: 1.3rem; }
.cg-mc__sidebar-group--system {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.cg-mc__sidebar-group-title {
  margin: 0 0 0.5rem 0.6rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  /* Sidebar-Design-Fix (2026-08-28, global, alle Rollen): Abschnitts-
     ueberschriften waren grau/blaugrau (rgba(255,255,255,.4)) -- Auftrag
     verlangt den bereits bestehenden kanonischen Copper-Ton, damit
     Navigationsgruppen schneller erfassbar sind. Nur diese eine
     zentrale Shell-Klasse geaendert (kein rollenspezifischer Fix) --
     wirkt automatisch fuer Master/Coach/Coachie/Vertrieb/Ausbildung,
     da alle dieselbe partial-shell-open.php-Sidebar nutzen. Normale
     Links, aktive Items, Icons, Header, Buttons bleiben unveraendert. */
  color: var(--mc-copper);
}
.cg-mc__sidebar-link {
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, .78);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.62rem 0.6rem;
  border-radius: var(--mc-radius-s);
  transition: background 150ms ease, color 150ms ease;
}
.cg-mc__sidebar-link:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.cg-mc__sidebar-link[aria-current="page"] {
  background: var(--mc-copper);
  color: #fff;
  box-shadow: 0 8px 20px -10px color-mix(in srgb, var(--mc-copper) 70%, transparent);
}


/* ============================================================
   LEARNING UNIT DETAIL — HERO / SPLIT / HANDOUT-KARTE (V4, 2026-08-18)
   ============================================================ */
.cg-lyu__hero {
  display: flex;
  align-items: flex-start;
  gap: 1.3rem;
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.6rem, 3vw, 2.4rem);
  margin: 1rem 0 1.75rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.cg-lyu__hero::before {
  content: "";
  position: absolute; top: -25%; right: -6%;
  width: 16rem; height: 16rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--mc-copper) 24%, transparent), transparent 70%);
  pointer-events: none;
}
.cg-lyu__hero-cover {
  flex-shrink: 0;
  width: 3.4rem; height: 3.4rem;
  border-radius: var(--mc-radius-m);
  background: rgba(255, 255, 255, .08);
  color: var(--mc-copper);
  display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 1;
}
.cg-lyu__hero-body { position: relative; z-index: 1; }
.cg-lyu__hero .cg-mc__greeting { color: #fff; margin-top: 0.5rem; }
.cg-lyu__hero .cg-lyu__excerpt { color: rgba(255, 255, 255, .78); }
.cg-lyu__hero .cg-lyu__module-pill { background: rgba(255, 255, 255, .1); color: var(--mc-copper); }
@media (max-width: 560px) {
  .cg-lyu__hero { flex-direction: column; }
}

.cg-lyu__split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 860px) {
  .cg-lyu__split { grid-template-columns: 1fr 1fr; align-items: start; }
}

.cg-lyu__handout-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 520px;
  background: var(--mc-surface-soft);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.3rem;
  text-decoration: none;
  color: var(--mc-ink);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-lyu__handout-card:hover {
  border-color: var(--mc-copper);
  box-shadow: 0 10px 24px -16px color-mix(in srgb, var(--mc-copper) 60%, transparent);
}
.cg-lyu__handout-icon {
  flex-shrink: 0;
  width: 2.6rem; height: 2.6rem;
  border-radius: var(--mc-radius-m);
  background: color-mix(in srgb, var(--mc-copper) 14%, transparent);
  color: var(--mc-copper-dark);
  display: flex; align-items: center; justify-content: center;
}
.cg-lyu__handout-text { flex: 1; min-width: 0; }
.cg-lyu__handout-title {
  display: block;
  font-weight: 700;
  color: var(--mc-ink);
}
.cg-lyu__handout-sub {
  display: block;
  font-size: 0.82rem;
  color: var(--mc-ink-soft);
}
.cg-lyu__handout-cta {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--mc-copper-dark);
}


/* ============================================================
   V4.1 SUBPAGES POLISH (2026-08-18)
   Sidebar-Icons, Learning-Units-Cards + Cover, Unit-Detail-Struktur,
   Fragen-Conversation-Cards.
   ============================================================ */

/* ---------- Sidebar-Polish: Icons + ruhigerer aktiver Zustand ---------- */
.cg-mc__sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.cg-mc__sidebar-link-icon {
  display: inline-flex;
  flex-shrink: 0;
  opacity: .8;
}
.cg-mc__sidebar-link[aria-current="page"] {
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  color: #fff;
  box-shadow: inset 3px 0 0 var(--mc-copper);
  border-radius: var(--mc-radius-s);
}
.cg-mc__sidebar-link[aria-current="page"] .cg-mc__sidebar-link-icon { opacity: 1; color: var(--mc-copper); }
.cg-mc__nav-mobile-icon { display: inline-flex; margin-right: 0.6rem; vertical-align: -3px; opacity: .8; }

/* ---------- LEARNING UNITS: Card-Grid + Cover ---------- */
.cg-lyu__unit-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.3rem;
}
@media (min-width: 640px) { .cg-lyu__unit-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .cg-lyu__unit-grid { grid-template-columns: repeat(3, 1fr); } }

.cg-lyu__unit-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-l);
  overflow: hidden;
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
.cg-lyu__unit-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px -20px rgba(10, 20, 30, .35);
  border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border));
}
.cg-lyu__unit-cover {
  position: relative;
  /* SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): eine aeltere, nicht mehr
     genutzte .cg-lyu__unit-card-Regel weiter oben setzt noch
     align-items:flex-start -- dadurch schrumpfte dieses Cover (ohne eigene
     Breite) im Flex-Layout auf 0px und die SVG-Grafik war live unsichtbar.
     width/align-self hier explizit erzwungen statt die alte Regel
     anzufassen (kein Risiko fuer andere Verwender der alten Klasse). */
  width: 100%;
  align-self: stretch;
  height: 132px;
  flex-shrink: 0;
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  overflow: hidden;
}
.cg-lyu__unit-cover svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.cg-lyu__unit-card-body { padding: 1.2rem 1.3rem 1.4rem; display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.cg-lyu__unit-card .cg-lyu__module-pill { align-self: flex-start; }
.cg-lyu__unit-title { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.cg-lyu__unit-number { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-copper-dark); margin-bottom: 0.15rem; }
.cg-lyu__unit-excerpt { margin: 0; font-size: 0.88rem; color: var(--mc-ink-soft); line-height: 1.55; flex: 1; }
.cg-lyu__unit-meta-row { display: flex; align-items: center; justify-content: space-between; margin-top: 0.3rem; }
.cg-lyu__unit-date { font-size: 0.78rem; color: var(--mc-ink-soft); }
.cg-lyu__unit-status {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mc-teal);
  background: color-mix(in srgb, var(--mc-teal) 14%, transparent);
  padding: 0.28em 0.7em;
  border-radius: var(--mc-radius-pill);
}
.cg-lyu__unit-cta { font-weight: 700; font-size: 0.86rem; color: var(--mc-copper-dark); margin-top: 0.4rem; }
.cg-lyu__unit-card:hover .cg-lyu__unit-cta { color: var(--mc-copper); }

/* ---------- UNIT DETAIL: Kernidee / Kette / Warnsignale / Journey / Praxis ---------- */
.cg-lyu__kernidee-card {
  background: var(--mc-surface-soft);
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m);
  padding: 1.3rem 1.5rem;
  margin: 1rem 0 1.75rem;
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--mc-ink);
}
.cg-lyu__kernidee-card p:last-child { margin-bottom: 0; }

.cg-lyu__chain-card {
  background: linear-gradient(150deg, #16283a 0%, #101c29 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.5rem, 3vw, 2.2rem);
  color: #fff;
}
.cg-lyu__chain-card .cg-lyu__chain li {
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .9);
}
.cg-lyu__chain-card .cg-lyu__chain li::before { background: var(--mc-copper); color: #12212f; }
.cg-lyu__chain-card .cg-lyu__chain li strong { color: var(--mc-copper); }
.cg-lyu__chain-card .cg-lyu__chain li:not(:last-child)::after { background: rgba(255, 255, 255, .2); }
.cg-lyu__chain-card p { color: rgba(255, 255, 255, .72); line-height: 1.7; }
.cg-lyu__chain-card p strong { color: #fff; }

.cg-lyu__warning-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 720px) { .cg-lyu__warning-grid { grid-template-columns: repeat(3, 1fr); } }
.cg-lyu__warning-card {
  background: var(--mc-surface-soft);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.2rem 1.3rem;
}
.cg-lyu__warning-icon {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 2.4rem; height: 2.4rem;
  border-radius: var(--mc-radius-m);
  background: color-mix(in srgb, var(--mc-teal) 16%, transparent);
  color: var(--mc-teal);
  margin-bottom: 0.7rem;
}
.cg-lyu__warning-label { margin: 0 0 0.4rem; font-weight: 700; color: var(--mc-ink); }
.cg-lyu__warning-text { margin: 0; font-size: 0.9rem; color: var(--mc-ink-soft); line-height: 1.55; }

.cg-lyu__journey {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  background: linear-gradient(150deg, #13212f 0%, #0e1a26 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.5rem, 3vw, 2.2rem);
}
@media (min-width: 860px) { .cg-lyu__journey { flex-direction: row; align-items: stretch; gap: 0.6rem; } }
.cg-lyu__journey-step {
  flex: 1;
  display: flex;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-radius: var(--mc-radius-m);
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
}
.cg-lyu__journey-num {
  flex-shrink: 0;
  width: 1.9rem; height: 1.9rem;
  border-radius: 50%;
  background: var(--mc-copper);
  color: #12212f;
  font-family: var(--mc-font-display);
  font-weight: 700;
  font-size: 0.85rem;
  display: flex; align-items: center; justify-content: center;
}
.cg-lyu__journey-label { margin: 0 0 0.2rem; font-weight: 700; color: #fff; font-size: 0.92rem; }
.cg-lyu__journey-text { margin: 0; font-size: 0.82rem; color: rgba(255, 255, 255, .68); line-height: 1.5; }

.cg-lyu__praxis-card {
  background: var(--mc-surface-soft);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.4rem, 3vw, 2rem);
}
.cg-lyu__praxis-intro { margin: 0 0 1.1rem; color: var(--mc-ink-soft); line-height: 1.65; }
.cg-lyu__praxis-tasks { display: flex; flex-direction: column; gap: 0.9rem; }
.cg-lyu__praxis-task {
  display: flex;
  gap: 0.85rem;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1rem 1.15rem;
}
.cg-lyu__praxis-badge {
  flex-shrink: 0;
  width: 1.9rem; height: 1.9rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  color: var(--mc-copper-dark);
  font-weight: 700;
  font-family: var(--mc-font-display);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.85rem;
}
.cg-lyu__praxis-task-body { flex: 1; line-height: 1.6; color: var(--mc-ink); }
.cg-lyu__praxis-task-body strong:first-child { display: block; margin-bottom: 0.2rem; color: var(--mc-ink); }
.cg-lyu__praxis-note {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--mc-border);
  font-style: italic;
  color: var(--mc-ink-soft);
  font-size: 0.9rem;
}

.cg-lyu__reflexion-card {
  background: color-mix(in srgb, var(--mc-teal) 6%, #fff);
  border: 1px solid color-mix(in srgb, var(--mc-teal) 30%, var(--mc-border));
  border-radius: var(--mc-radius-l);
  padding: clamp(1.4rem, 3vw, 2rem);
}
.cg-lyu__reflexion-card ol { list-style: none; margin: 0; padding: 0; counter-reset: cgref; display: flex; flex-direction: column; gap: 0.8rem; }
.cg-lyu__reflexion-card li {
  counter-increment: cgref;
  position: relative;
  padding-left: 2.1rem;
  line-height: 1.6;
  color: var(--mc-ink);
}
.cg-lyu__reflexion-card li::before {
  content: counter(cgref);
  position: absolute; left: 0; top: 0.05em;
  width: 1.5rem; height: 1.5rem;
  border-radius: 50%;
  background: var(--mc-teal);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* ---------- FRAGEN: Conversation Cards ---------- */
.cg-lyu__q-header-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin: 1rem 0 1.6rem; }
.cg-lyu__q-list { display: flex; flex-direction: column; gap: 0.9rem; }
.cg-lyu__q-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.3rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-lyu__q-card:hover { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); box-shadow: 0 14px 28px -20px rgba(10, 20, 30, .3); }
.cg-lyu__q-icon {
  flex-shrink: 0;
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-night) 8%, transparent);
  color: var(--mc-night);
  display: flex; align-items: center; justify-content: center;
}
.cg-lyu__q-body { flex: 1; min-width: 0; }
.cg-lyu__q-excerpt { margin: 0 0 0.35rem; font-weight: 600; color: var(--mc-ink); }
.cg-lyu__q-meta { margin: 0; font-size: 0.8rem; color: var(--mc-ink-soft); display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.cg-lyu__q-cta { flex-shrink: 0; font-weight: 700; font-size: 0.85rem; color: var(--mc-copper-dark); white-space: nowrap; }

.cg-lyu__q-status {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 0.28em 0.7em;
  border-radius: var(--mc-radius-pill);
}
.cg-lyu__q-status--new { color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 16%, transparent); }
.cg-lyu__q-status--answered { color: #0d6d5c; background: color-mix(in srgb, var(--mc-teal) 18%, transparent); }
.cg-lyu__q-status--closed { color: var(--mc-ink-soft); background: var(--mc-surface-soft); }
/* QUESTIONS URGENCY / TIME-CRITICAL (2026-08-26): eigene Farbe (--mc-warning),
   bewusst NICHT identisch mit --new (beide sind sonst zufaellig copper) und
   niemals Rot -- Rot bleibt fuer einen echten Sicherheits-/Krisenkontext
   reserviert (Auftrag Abschnitt 6), der in diesem Block nicht gebaut wird. */
.cg-lyu__q-status--time-critical { color: var(--mc-warning); background: var(--mc-warning-bg); }
.cg-lyu__q-card--time-critical { border-left: 3px solid var(--mc-warning); }

@media (max-width: 480px) {
  .cg-lyu__q-card { flex-wrap: wrap; }
  .cg-lyu__q-cta { width: 100%; }
}

/* ---------- FRAGE-DETAIL: Conversation-Bubbles ---------- */
.cg-lyu__q-bubble {
  display: flex;
  gap: 0.9rem;
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.3rem;
  margin-bottom: 1rem;
}
.cg-lyu__q-bubble--question { background: var(--mc-surface-soft); border: 1px solid var(--mc-border); }
.cg-lyu__q-bubble--answer { background: color-mix(in srgb, var(--mc-teal) 7%, #fff); border: 1px solid color-mix(in srgb, var(--mc-teal) 26%, var(--mc-border)); }
.cg-lyu__q-bubble-icon {
  flex-shrink: 0;
  width: 2.2rem; height: 2.2rem;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.cg-lyu__q-bubble--question .cg-lyu__q-bubble-icon { background: color-mix(in srgb, var(--mc-night) 10%, transparent); color: var(--mc-night); }
.cg-lyu__q-bubble--answer .cg-lyu__q-bubble-icon { background: color-mix(in srgb, var(--mc-teal) 18%, transparent); color: #0d6d5c; }
.cg-lyu__q-bubble > div { flex: 1; min-width: 0; }


/* ============================================================
   MASTER LEARNING SUITE — LIFECYCLE-ACTIONS (2026-08-18)
   ============================================================ */
.cg-lyu__master-actions { display: flex; align-items: center; gap: 0.9rem; flex-wrap: wrap; margin-top: 0.4rem; }
.cg-lyu__link-btn {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--mc-copper-dark);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cg-lyu__link-btn:hover { color: var(--mc-copper); }
.cg-lyu__link-btn--danger { color: #b3432e; }
.cg-lyu__link-btn--danger:hover { color: #8f2f1c; }
.cg-lyu__link-btn--disabled {
  color: var(--mc-ink-soft);
  cursor: not-allowed;
  text-decoration: none;
  opacity: 0.6;
}


/* ============================================================
   PHASE C+D — COACH + MASTER WORKSPACE (2026-08-18)
   Adaptiert das bestehende Coachee/LYU-Premium-System (Night/Petrol/
   Copper/Slate) fuer Coach- und Master-Ansichten. Kein neues Designsystem.
   ============================================================ */

/* ---------- KPI-Cards (Master-Dashboard) ---------- */
.cg-ws__kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 1.25rem 0 2rem;
}
@media (min-width: 640px) { .cg-ws__kpi-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1080px) { .cg-ws__kpi-grid { grid-template-columns: repeat(6, 1fr); } }
.cg-ws__kpi-card {
  background: linear-gradient(155deg, #16283a 0%, #101c29 100%);
  border-radius: var(--mc-radius-l);
  padding: 1.2rem 1.1rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.cg-ws__kpi-card:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(10, 20, 30, .5); }
.cg-ws__kpi-card--warn { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--mc-copper) 55%, transparent); }
.cg-ws__kpi-icon {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem;
  border-radius: var(--mc-radius-m);
  background: rgba(255, 255, 255, .08);
  color: var(--mc-copper);
}
.cg-ws__kpi-value { font-family: var(--mc-font-display); font-size: 1.7rem; font-weight: 700; line-height: 1; }
.cg-ws__kpi-label { font-size: 0.78rem; color: rgba(255, 255, 255, .68); }

/* ---------- Directory-Cards (Master: Coaches/Coachies) — Premium-Reskin
   des bestehenden .cg-mc__directory-card statt Neubau ---------- */
.cg-mc__directory-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.9rem;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.3rem;
  margin-bottom: 0.8rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-mc__directory-card:hover { border-color: color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border)); box-shadow: 0 14px 28px -20px rgba(10, 20, 30, .28); }
.cg-mc__directory-card-main { display: flex; align-items: center; gap: 0.85rem; }
.cg-mc__directory-card-main a { font-weight: 700; text-decoration: none; color: var(--mc-ink); }
.cg-mc__directory-card-main a:hover { color: var(--mc-copper-dark); }
.cg-mc__directory-card-email { display: block; font-size: 0.82rem; color: var(--mc-ink-soft); }
.cg-mc__directory-card-meta { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; font-size: 0.85rem; color: var(--mc-ink-soft); }

/* ---------- Coachie-/Coach-Person-Cards (Coach-Dashboard "Meine
   Coachies" nutzt bereits partial-me-companions.php + V3-CSS -- hier nur
   ergaenzende Feinheiten fuer die CTA) ---------- */
.cg-me__companion-card-cta { margin-top: 0.6rem; display: inline-block; }

/* ---------- Learning Suite: Admin-Unit-Cards ---------- */
.cg-lyu__admin-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; margin-top: 1.2rem; }
@media (min-width: 720px) { .cg-lyu__admin-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1180px) { .cg-lyu__admin-grid { grid-template-columns: repeat(3, 1fr); } }
.cg-lyu__admin-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-l);
  overflow: hidden;
}
.cg-lyu__admin-cover {
  height: 90px;
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  position: relative;
}
.cg-lyu__admin-cover svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.cg-lyu__admin-body { padding: 1.1rem 1.2rem 1.3rem; display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.cg-lyu__admin-title { margin: 0; font-size: 1rem; font-weight: 700; }
.cg-lyu__admin-title a { text-decoration: none; color: var(--mc-ink); }
.cg-lyu__admin-title a:hover { color: var(--mc-copper-dark); }
.cg-lyu__admin-meta { font-size: 0.8rem; color: var(--mc-ink-soft); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.cg-lyu__admin-actions { margin-top: auto; padding-top: 0.8rem; border-top: 1px solid var(--mc-border); display: flex; flex-wrap: wrap; gap: 0.8rem; }

/* ---------- Voranalysen: Cards ---------- */
.cg-ws__va-grid { display: flex; flex-direction: column; gap: 0.8rem; margin-top: 1.1rem; }
.cg-ws__va-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.1rem 1.3rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-ws__va-card:hover { border-color: color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border)); box-shadow: 0 14px 28px -20px rgba(10, 20, 30, .28); }
.cg-ws__va-icon {
  flex-shrink: 0;
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-teal) 14%, transparent);
  color: #0d6d5c;
  display: flex; align-items: center; justify-content: center;
}
.cg-ws__va-body { flex: 1; min-width: 0; }
.cg-ws__va-name { margin: 0 0 0.3rem; font-weight: 700; color: var(--mc-ink); }
.cg-ws__va-meta { margin: 0; font-size: 0.82rem; color: var(--mc-ink-soft); display: flex; gap: 0.55rem; flex-wrap: wrap; align-items: center; }
.cg-ws__va-cta { flex-shrink: 0; font-weight: 700; font-size: 0.85rem; color: var(--mc-copper-dark); white-space: nowrap; }

/* ---------- Sub-Navigation nicht mehr benoetigt (Navigation laeuft jetzt
   vollstaendig ueber die Sidebar) -- Klasse bleibt fuer Ruecksicht, wird
   aber nicht mehr eingebunden. ---------- */

@media (max-width: 480px) {
  .cg-mc__directory-card { flex-direction: column; align-items: flex-start; }
  .cg-ws__va-card { flex-wrap: wrap; }
  .cg-ws__va-cta { width: 100%; }
}


/* ============================================================
   DYNAMISCHER LEARNING-UNIT-UNTERPUNKT + MOBILE-NAV-PARITAET
   (Auftrag "UX NAVIGATION + 1:1 CONTENT ENGINE PARITY", 2026-08-18)
   ============================================================ */

/* Desktop-Sidebar: eingerueckter Unterpunkt fuer die aktuell geoeffnete
   Learning Unit -- dezent, gleiche Designsprache, ellipsis bei langen
   Titeln (voller Titel im title-Attribut). */
.cg-mc__sidebar-link--sub {
  margin-left: 1.1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.83rem;
  font-weight: 600;
  border-left: 2px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  padding-left: 0.75rem;
}
.cg-mc__sidebar-link--sub span:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
.cg-mc__sidebar-link--sub[aria-current="page"] {
  border-left-color: var(--mc-copper);
}

/* Parent "Learning Units" bleibt als uebergeordneter Bereich erkennbar,
   auch wenn der Unterpunkt selbst den aria-current traegt -- dezenter als
   der volle aktive Zustand. */
.cg-mc__sidebar-link--parent-open:not([aria-current="page"]) {
  color: #fff;
  background: rgba(255, 255, 255, .04);
}

/* Mobile-Drawer: gleiche Navigationslogik wie Desktop (Auftrag Abschnitt
   1, "Mobile Drawer: gleiches Verhalten") -- Gruppentitel + Unterpunkt. */
.cg-mc__nav-mobile-group-title {
  margin: 0.9rem 1.5rem 0.3rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  /* Sidebar-Design-Fix (2026-08-28): identische Korrektur wie
     .cg-mc__sidebar-group-title -- Mobile-Drawer nutzt eine eigene
     Klasse, nicht dieselbe wie Desktop, deshalb hier zusaetzlich
     noetig. Selber kanonischer Copper-Token, kein rollenspezifischer
     Fix (gleiche Klasse fuer alle Rollen im gemeinsamen Mobile-Drawer). */
  color: var(--mc-copper);
}
.cg-mc__nav-mobile-link--sub {
  padding-left: 2.4rem !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
}
.cg-mc__nav-mobile-link--parent-open:not([aria-current="page"]) {
  color: #fff !important;
}


/* ============================================================
   COACH WORKSPACE FINAL BUILD (2026-08-18)
   Premium-Hero fuer die Coachie-Detailseite (Coach + Master, gleiche
   Daten, rein visuelle Verbesserung).
   ============================================================ */
.cg-ws__profile-hero {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.5rem, 3vw, 2.2rem);
  margin: 1rem 0 1.75rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.cg-ws__profile-hero::before {
  content: "";
  position: absolute; top: -30%; right: -8%;
  width: 18rem; height: 18rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--mc-copper) 24%, transparent), transparent 70%);
  pointer-events: none;
}
.cg-ws__profile-avatar {
  flex-shrink: 0;
  width: 3.4rem; height: 3.4rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-family: var(--mc-font-display);
  font-weight: 700;
  font-size: 1.3rem;
  display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 1;
}
.cg-ws__profile-hero-body { position: relative; z-index: 1; flex: 1; }
.cg-ws__profile-hero .cg-mc__greeting { color: #fff; margin: 0; }
.cg-ws__profile-hero .cg-lyu__excerpt { color: rgba(255, 255, 255, .78); margin-top: 0.3rem; }
/* SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): .cg-mc__btn-secondary
   nutzt --mc-border als Rahmenfarbe -- auf dem dunklen Profile-Hero-
   Gradienten war das praktisch unsichtbar (fast transparent), wodurch der
   Sekundaer-Button ("Vorbereitung auf Dein Coaching") wie ein nackter
   Textlink wirkte statt wie ein Button. Nur hier, im Hero-Kontext, mit
   sichtbarem hellem Rahmen ueberschrieben. */
.cg-ws__profile-hero .cg-mc__btn-secondary { background: transparent; border-color: rgba(255, 255, 255, .38); color: #fff; }
.cg-ws__profile-hero .cg-mc__btn-secondary:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .65); }

@media (max-width: 560px) {
  .cg-ws__profile-hero { flex-direction: column; }
}


/* ============================================================
   COACH WORKSPACE — FINAL VISUAL CORRECTION (2026-08-18)
   ============================================================ */

/* ---------- 1+2) Coachie-Cards: Kontrast + Hierarchie ---------- */
.cg-me__companion-card-chip {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  font-size: 0.62rem;
  padding: 0.22em 0.6em;
}
.cg-me__companion-card-focus {
  color: rgba(255, 255, 255, .85) !important;
  font-size: 0.88rem !important;
  margin: 0.4rem 0 0 !important;
  line-height: 1.5;
}
/* Kontrastfix: die dunkle Coachie-Card (Night/Slate, siehe weiter oben im
   Stylesheet) hatte fuer Membership/Notiz/Aufgabe noch die helle-Hintergrund-
   Textfarbe (--mc-ink-soft) geerbt -- auf dunklem Grund nahezu unlesbar.
   Reihenfolge im Stylesheet wichtig: diese Regel muss NACH der Basis-
   Definition stehen (Cascade), daher hier am Dateiende. */
.cg-me__companion-card-membership {
  color: rgba(255, 255, 255, .85) !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, .08);
  display: inline-block;
  padding: 0.3em 0.7em;
  border-radius: var(--mc-radius-pill);
  margin-top: 0.6rem !important;
  border-top: none !important;
  padding-top: 0.3em !important;
}
.cg-me__companion-card-source {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255, 255, 255, .5);
  background: none;
  padding: 0;
}
.cg-me__companion-card-note {
  color: rgba(255, 255, 255, .68) !important;
  font-size: 0.82rem !important;
  margin-top: 0.35rem !important;
}
.cg-me__companion-card > p:not([class]) {
  color: rgba(255, 255, 255, .7);
}

/* ---------- 3) Dashboard: Abstaende harmonisieren ---------- */
.cg-me__header { margin-bottom: clamp(1.5rem, 3vw, 2rem); }
.cg-me__focus { margin-bottom: clamp(1.75rem, 3vw, 2.25rem); }
.cg-me__preview { margin-bottom: clamp(1.75rem, 3vw, 2.25rem); margin-top: 0 !important; }
.cg-me__companions { margin-top: 0; }
.cg-me__preview-card, .cg-me__companion-card { min-height: 0; }

/* VISUAL AUDIT V1 (2026-08-27): opacity:.55 stammte aus der Zeit, in der
   .cg-me__preview-card global dunkel war (siehe Baustein-4-Kommentar
   weiter oben) -- die Karte ist jetzt wieder hell/off-white, die generelle
   .is-empty-Farbe (var(--mc-ink-faint)) passt dort bereits ohne
   zusaetzliche Abschwaechung. Keine Regel mehr noetig. */
.cg-mc__empty { line-height: 1.6; }

/* ---------- 4) "Heute wichtig": klare Prioritaet fuer den Coach-Bereich ---------
   Der Coach-Dashboard-Raster hat 5 Kacheln; die bestehende, fuer LYU (2
   bewusst grosse Kacheln) gedachte nth-child(1)+(4)-Regel wuerde hier auch
   "Letzte Aktivitaet" (Position 4) faelschlich hervorheben. Scoped auf den
   Coach-Dashboard-Wrapper: nur Kachel 1 ("Neue Fragen") ist Prioritaet 1. */
#cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(4) .cg-me__preview-card {
  background: linear-gradient(155deg, #16283a 0%, #101c29 100%) !important;
  padding: 1.6rem;
}
#cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(4) .cg-me__preview-card-title {
  font-size: 1.05rem !important;
}
#cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(1) .cg-me__preview-card {
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--mc-copper) 45%, transparent), var(--mc-shadow-card, 0 18px 34px -20px rgba(10,20,30,.35));
}

/* COACH VISUAL ROLLOUT — BATCH 8.1 (2026-09-08): .cg-ws__va-empty* entfernt
   -- 0 Consumer (Batch 6 migrierte voranalyse-list.php auf cg-xp-state;
   grep views/includes/js = leer, keine dynamische Klassenbildung). */

/* ---------- 5+6) Coaching-Eintrag: Premium-Workflow-Sections ---------- */
.cg-ws__form-section {
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.3rem, 3vw, 1.8rem);
  margin-bottom: 1.1rem;
}
.cg-ws__form-section-title {
  font-family: var(--mc-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 1rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid var(--mc-border);
  color: var(--mc-ink);
}
.cg-ws__form-section .cg-mc__field:last-child { margin-bottom: 0; }
.cg-ws__upload-dropzone {
  border: 1.5px dashed var(--mc-border);
  border-radius: var(--mc-radius-m);
  padding: 1.5rem;
  text-align: center;
  background: var(--mc-surface-soft);
  transition: border-color 150ms ease;
}
.cg-ws__upload-dropzone:focus-within { border-color: var(--mc-copper); }
.cg-ws__upload-icon {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 2.6rem; height: 2.6rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-copper) 14%, transparent);
  color: var(--mc-copper-dark);
  margin-bottom: 0.7rem;
}
.cg-ws__upload-hint { font-size: 0.8rem; color: var(--mc-ink-soft); margin: 0.4rem 0 0; }
.cg-ws__upload-dropzone input[type="file"] { display: block; margin: 0 auto; font-size: 0.88rem; }

/* Einheitliche Feld-Optik (Auftrag Abschnitt 6) */
.cg-mc__field textarea,
.cg-mc__field input[type="datetime-local"],
.cg-mc__field select {
  border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-mc__field textarea:focus-visible,
.cg-mc__field input:focus-visible,
.cg-mc__field select:focus-visible {
  outline: none;
  border-color: var(--mc-copper);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-copper) 18%, transparent);
}
.cg-mc__field textarea::placeholder,
.cg-mc__field input::placeholder { color: var(--mc-ink-faint, #9aa3ad); opacity: 1; }

/* ---------- 7) Benachrichtigungen: Premium Settings ---------- */
.cg-ws__settings-card {
  background: #fff;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-l);
  overflow: hidden;
}
.cg-ws__settings-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.3rem 1.5rem;
  border-bottom: 1px solid var(--mc-border);
}
.cg-ws__settings-row:last-of-type { border-bottom: none; }
.cg-ws__settings-icon {
  flex-shrink: 0;
  width: 2.4rem; height: 2.4rem;
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface-soft);
  color: var(--mc-copper-dark);
  display: flex; align-items: center; justify-content: center;
}
.cg-ws__settings-body { flex: 1; min-width: 0; }
.cg-ws__settings-label-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cg-ws__settings-title { font-weight: 700; color: var(--mc-ink); font-size: 0.95rem; }
.cg-ws__settings-hint { margin: 0.35rem 0 0; font-size: 0.85rem; color: var(--mc-ink-soft); line-height: 1.55; }
.cg-ws__settings-phone { margin-top: 0.9rem; }
/* cg-notify-phone-highlight (2026-08-20) */
.cg-ws__settings-phone--active { padding: 0.7rem 0.8rem; margin-left: -0.8rem; margin-right: -0.8rem; border-radius: 10px; background: rgba(184, 106, 61, 0.08); box-shadow: inset 0 0 0 1px rgba(184, 106, 61, 0.35); }
.cg-ws__settings-phone--active label { color: var(--mc-copper, #B86A3D); }


/* Toggle-Switch statt roher Browser-Checkbox */
.cg-ws__toggle { position: relative; display: inline-block; width: 2.6rem; height: 1.5rem; flex-shrink: 0; }
.cg-ws__toggle input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
/* cg-toggle-click-fix (2026-08-20) */
.cg-ws__toggle-track {
  position: absolute; inset: 0;
  background: var(--mc-border);
  border-radius: var(--mc-radius-pill);
  transition: background-color 150ms ease;
  pointer-events: none;
}
.cg-ws__toggle-track::after {
  content: "";
  position: absolute; top: 2px; left: 2px;
  width: calc(1.5rem - 4px); height: calc(1.5rem - 4px);
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
  transition: transform 150ms ease;
}
.cg-ws__toggle input:checked + .cg-ws__toggle-track { background: var(--mc-copper); }
.cg-ws__toggle input:checked + .cg-ws__toggle-track::after { transform: translateX(1.1rem); }
.cg-ws__toggle input:focus-visible + .cg-ws__toggle-track { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* ---------- 10) Sidebar Micro-Polish ---------- */
.cg-mc__sidebar-link-icon svg { display: block; }
.cg-mc__sidebar-group { margin-bottom: 1.1rem; }
.cg-mc__sidebar-link { line-height: 1.3; }

@media (max-width: 480px) {
  .cg-ws__settings-row { flex-direction: column; }
  .cg-ws__settings-label-row { width: 100%; }
}


/* ============================================================
   INTERNAL NOTIFICATION CENTER — BELL + PANEL (2026-08-18)
   ============================================================ */
.cg-notif { position: relative; }
.cg-notif__bell {
  position: relative;
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: var(--mc-radius-s);
  background: transparent;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.cg-notif__bell:hover { background: rgba(255, 255, 255, .08); }
.cg-notif__bell:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-notif__badge {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.3em;
  border-radius: var(--mc-radius-pill);
  background: var(--mc-copper);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1.1rem;
  text-align: center;
  border: 2px solid var(--mc-night);
}

.cg-notif__panel {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  width: min(22rem, calc(100vw - 2rem));
  max-height: 26rem;
  overflow-y: auto;
  background: #fff;
  color: var(--mc-ink);
  border-radius: var(--mc-radius-l);
  box-shadow: 0 24px 48px -20px rgba(10, 20, 30, .45);
  border: 1px solid var(--mc-border);
  z-index: 60;
}
.cg-notif__panel[hidden] { display: none; }
.cg-notif__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.9rem 1.1rem;
  border-bottom: 1px solid var(--mc-border);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--mc-ink);
  position: sticky;
  top: 0;
  background: #fff;
}
.cg-notif__panel-head form { margin: 0; }
.cg-notif__mark-all {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--mc-copper-dark);
  cursor: pointer;
  text-decoration: underline;
}
.cg-notif__empty {
  padding: 1.6rem 1.1rem;
  text-align: center;
  color: var(--mc-ink-soft);
  font-size: 0.88rem;
  margin: 0;
}
.cg-notif__list { list-style: none; margin: 0; padding: 0; }
.cg-notif__item {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.9rem 1.1rem;
  text-decoration: none;
  color: var(--mc-ink);
  border-bottom: 1px solid var(--mc-border);
  transition: background-color 150ms ease;
}
.cg-notif__item:last-child { border-bottom: none; }
.cg-notif__item:hover, .cg-notif__item:focus-visible { background: var(--mc-surface-soft); }
.cg-notif__item-dot {
  flex-shrink: 0;
  width: 0.55rem; height: 0.55rem;
  border-radius: 50%;
  margin-top: 0.4rem;
  background: transparent;
}
.cg-notif__item.is-unread .cg-notif__item-dot { background: var(--mc-copper); }
.cg-notif__item.is-unread .cg-notif__item-text { font-weight: 700; }
.cg-notif__item-body { flex: 1; min-width: 0; }
.cg-notif__item-text { display: block; font-size: 0.87rem; line-height: 1.5; color: var(--mc-ink); }
.cg-notif__item-time { display: block; margin-top: 0.25rem; font-size: 0.74rem; color: var(--mc-ink-soft); }

@media (max-width: 480px) {
  .cg-notif__panel { position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: 100%; max-height: 70vh; border-radius: var(--mc-radius-l) var(--mc-radius-l) 0 0; }
}


/* ============================================================
   POST-COACHING WORKFLOW AUTOMATION (2026-08-18)
   ============================================================ */
.cg-ws__form-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 0.4rem; }

.cg-ws__draft-banner {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  background: color-mix(in srgb, var(--mc-copper) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border));
  color: var(--mc-ink);
  border-radius: var(--mc-radius-m);
  padding: 0.9rem 1.1rem;
  margin-top: 0.9rem;
  max-width: 640px;
  font-size: 0.88rem;
  line-height: 1.5;
}
.cg-ws__draft-banner-icon { flex-shrink: 0; color: var(--mc-copper-dark); }

/* Entwurf-Kennzeichnung in Listen (Coach-Verlauf, Coachie-Karten) */
.cg-mc__coach-tag--draft {
  color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
}

/* "Aktuell für Dich" -- Coachee-Dashboard Prioritaetskarte */
.cg-ws__next-step {
  background: linear-gradient(150deg, var(--mc-night) 0%, #0d2436 100%);
  border-radius: var(--mc-radius-l);
  padding: clamp(1.6rem, 3vw, 2.2rem);
  color: #fff;
  margin: 1rem 0 1.75rem;
  position: relative;
  overflow: hidden;
}
.cg-ws__next-step::before {
  content: "";
  position: absolute; top: -30%; right: -8%;
  width: 18rem; height: 18rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--mc-copper) 24%, transparent), transparent 70%);
  pointer-events: none;
}
.cg-ws__next-step-kicker { position: relative; z-index: 1; color: var(--mc-copper); font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 0.5rem; }
.cg-ws__next-step-title { position: relative; z-index: 1; margin: 0 0 0.6rem; font-family: var(--mc-font-display); font-size: 1.25rem; }
.cg-ws__next-step-body { position: relative; z-index: 1; color: rgba(255,255,255,.82); line-height: 1.6; margin: 0 0 1.1rem; }
.cg-ws__next-step-cta {
  position: relative; z-index: 1;
  display: inline-block;
  font-weight: 700;
  font-size: 0.9rem;
  color: #fff;
  background: color-mix(in srgb, var(--mc-copper) 85%, black 0%);
  padding: 0.6em 1.2em;
  border-radius: var(--mc-radius-pill);
  text-decoration: none;
}
.cg-ws__next-step-cta:hover { background: var(--mc-copper-dark); }
.cg-ws__next-step--empty {
  background: var(--mc-surface-soft);
  color: var(--mc-ink);
}
.cg-ws__next-step--empty::before { display: none; }
.cg-ws__next-step--empty .cg-ws__next-step-kicker { color: var(--mc-copper-dark); }
.cg-ws__next-step--empty .cg-ws__next-step-body { color: var(--mc-ink-soft); }

/* ---------- MASTER KPI CONTRAST FIX (2026-08-17) ----------
   Root-Cause: .cg-ws__kpi-card setzt color:#fff auf dem <a>-Element,
   wird aber vom Theme mit hoeherer Selektor-Spezifitaet (z.B.
   .entry-content a) auf einen dunkleren Ton ueberschrieben. Fix erzwingt
   die bestehende Night/Copper-Palette direkt auf Wert und Label, keine
   neuen Farben, keine Strukturaenderung. */
.cg-ws__kpi-value {
  color: #ffffff !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.cg-ws__kpi-label {
  color: rgba(255, 255, 255, .72) !important;
}
.cg-ws__kpi-card {
  min-height: 6.6rem;
  justify-content: center;
}
/* MEMBER CORE BLOCK: Handout/Learning-Trennung + Reflexionsfragen (2026-08-20) */
.cg-ws__form-section-lead { font-size: 0.88rem; opacity: 0.7; margin: 0.2rem 0 1rem; }
.cg-ws__form-section--material { border-left: 3px solid var(--mc-petrol, #4F8F98); padding-left: 1.1rem; }
.cg-ws__form-section--learning { border-left: 3px solid var(--mc-copper, #B96F4A); padding-left: 1.1rem; }

.cg-ws__rq-list { display: flex; flex-direction: column; gap: 0.6rem; }
.cg-ws__rq-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  background: rgba(9,21,34,0.03);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-s);
  padding: 0.6rem 0.7rem;
}
.cg-ws__rq-row input[type="text"] {
  flex: 1 1 220px;
  min-width: 0;
  padding: 0.55em 0.7em;
  border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border);
  font-size: 0.92rem;
  font-family: inherit;
}
.cg-ws__rq-visible { display: flex; align-items: center; gap: 0.35em; font-size: 0.8rem; opacity: 0.75; white-space: nowrap; }
.cg-ws__rq-row button {
  border: 1px solid var(--mc-border);
  background: #fff;
  border-radius: var(--mc-radius-s);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1;
}
.cg-ws__rq-row button:disabled { opacity: 0.3; cursor: default; }

.cg-ws__rq-view-list { list-style: none; margin: 0 0 1.2rem; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.cg-ws__rq-view-item {
  background: rgba(9,21,34,0.03);
  border-radius: var(--mc-radius-s);
  padding: 0.7rem 0.9rem;
  font-size: 0.95rem;
}
.cg-ws__rq-view-item--hidden { opacity: 0.6; }
.cg-ws__rq-view-item .cg-mc__coach-tag { margin-left: 0.6rem; font-size: 0.7rem; vertical-align: middle; }

@media (max-width: 480px) {
  .cg-ws__rq-row { flex-direction: column; align-items: stretch; }
  .cg-ws__rq-row input[type="text"] { width: 100%; }
}

/* PREMIUM MEMBER DESIGN SYSTEM - MATERIAL/ENTWICKLUNG KICKER (2026-08-20) */
.cg-mc__card-kicker {
  display: inline-block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: .18rem .55rem;
  border-radius: 999px;
  margin: 0 0 .55rem;
}
.cg-mc__card-kicker--learning {
  color: var(--mc-petrol, #2b5a63);
  background: rgba(43, 90, 99, 0.1);
}
.cg-mc__card-kicker--material {
  color: var(--mc-copper, #b87333);
  background: rgba(184, 115, 51, 0.1);
}

/* PREMIUM MEMBER SYSTEM - APP WIDTH / WHITESPACE FIX (2026-08-20)
   Root cause: .cg-mc__shell war auf 1440px gedeckelt, UND .cg-mc__main
   war innerhalb dessen nochmal auf 1160px zentriert -- auf 1440px+/1920px
   Screens blieb dadurch doppelt ungenutzter Weissraum links und rechts.
   Fix: Shell bekommt einen kleinen Premium-Gutter statt harter 1440px-
   Deckelung, Main nutzt die volle verbleibende Flex-Breite statt erneuter
   Zentrierung. Bestehendes auto-fit-Grid (.cg-mc__grid) nutzt den
   gewonnenen Platz automatisch fuer mehr Spalten -- kein Grid-Rebuild
   noetig. */
@media (min-width: 860px) {
  .cg-mc__shell {
    max-width: 2200px; /* P1 MASTER/EXECUTIVE FINAL INTEGRATION PASS (2026-09-02): war 1920px -- reclaimt aussenliegenden Leerraum in Sidebar+Main statt ihn ungenutzt zu lassen */
    margin-inline: auto;
    padding-inline: clamp(16px, 1.2vw, 24px);
  }
  .cg-mc__main {
    max-width: none;
    margin-inline: 0;
    padding-right: clamp(1.75rem, 3vw, 2.75rem);
  }
}

/* COACHIE-DETAIL LOKALE TAB-NAVIGATION - UX RESTRUCTURE STUFE A (2026-08-20) */
.cg-ws__ptabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 0.3rem;
  margin: 1.4rem 0 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid var(--mc-border, rgba(9,21,34,0.1));
}
.cg-ws__ptab {
  flex: none;
  appearance: none;
  border: none;
  background: transparent;
  color: var(--mc-ink-soft, #4a5866);
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.65rem 0.9rem;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
  /* SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): .cg-ws__ptab wird auf
     mehreren Seiten (Notizen, Aufgaben, Kalender) als <a> statt <button>
     verwendet -- ohne text-decoration:none zeigte der Browser hier den
     Default-Linkunterstrich, wodurch die Tabs wie nackte Textlinks statt
     wie ein Tab-System aussahen. */
  text-decoration: none;
  display: inline-block;
}
.cg-ws__ptab:hover { text-decoration: none; }
.cg-ws__ptab:hover { color: var(--mc-night, #0d2436); background: rgba(9,21,34,0.04); }
.cg-ws__ptab.is-active {
  color: var(--mc-night, #0d2436);
  border-bottom-color: var(--mc-copper, #B96F4A);
}
.cg-ws__ptab:focus-visible { outline: 2px solid var(--mc-teal, #2b5a63); outline-offset: 2px; }
.cg-ws__ppanel { animation: none; }
@media (max-width: 560px) {
  .cg-ws__ptabs { gap: 0.15rem; }
  .cg-ws__ptab { padding: 0.6rem 0.7rem; font-size: 0.84rem; }
}

/* COACHIE-DETAIL BREADCRUMB - NAV FOUNDATION (2026-08-20) */
.cg-ws__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  color: var(--mc-ink-soft, #4a5866);
  margin: 0 0 1rem;
}
.cg-ws__breadcrumb a { color: var(--mc-ink-soft, #4a5866); text-decoration: none; }
.cg-ws__breadcrumb a:hover { color: var(--mc-copper, #B96F4A); text-decoration: underline; }
.cg-ws__breadcrumb-sep { opacity: 0.5; }
.cg-ws__breadcrumb span[data-cg-breadcrumb-tab] { color: var(--mc-night, #0d2436); font-weight: 600; }
@media (max-width: 480px) {
  .cg-ws__breadcrumb { font-size: 0.76rem; }
}

/* SIDEBAR CONTEXT-SUBNAV - GENERISCH (2026-08-20) */
.cg-mc__context-subnav {
  margin: 0.15rem 0 0.5rem 1.65rem;
  padding-left: 0.6rem;
  border-left: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}
.cg-mc__context-subnav-label {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
  margin: 0.3rem 0 0.3rem;
}
.cg-mc__context-subnav-link {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, .68);
  text-decoration: none;
  padding: 0.32rem 0.5rem;
  border-radius: 6px;
  transition: background .15s ease, color .15s ease;
}
.cg-mc__context-subnav-link:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.cg-mc__context-subnav-link[aria-current="true"] {
  color: #fff;
  background: rgba(184, 115, 51, 0.22);
  font-weight: 600;
}

/* COACHIE DASHBOARD - WELCOME CARD (STUFE B, 2026-08-20) */
.cg-ws__welcome-card {
  margin-bottom: 0.3rem;
}
.cg-ws__welcome-card .cg-mc__greeting { margin-bottom: 0.3rem; }
.cg-ws__welcome-card .cg-mc__greeting-sub { margin: 0; }

/* COACH CREATE-CHOICE CARDS - STUFE C (2026-08-20) */
.cg-ws__choice-card {
  display: block;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
  cursor: pointer;
}
.cg-ws__choice-card:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(9,21,34,0.08); }
.cg-ws__choice-card .cg-mc__card-label { font-size: 1.05rem; }
.cg-ws__choice-card--soon {
  cursor: default;
  opacity: 0.68;
}
.cg-ws__choice-card--soon:hover { transform: none; box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  .cg-ws__choice-card { transition: none; }
  .cg-ws__choice-card:hover { transform: none; }
}

/* MASTER DASHBOARD - "MEIN COACHING" QUICK-ACCESS CARD (STUFE D, 2026-08-20) */
.cg-ws__mein-coaching-card {
  max-width: 560px;
  margin: 0 0 1.6rem;
  border-left: 3px solid var(--mc-copper, #B96F4A);
}

/* COACHIE ONBOARDING PREMIUM CARDS (2026-08-20) */
.cg-ws__onboarding-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  align-items: start;
}
@media (max-width: 900px) {
  .cg-ws__onboarding-grid { grid-template-columns: 1fr; }
}
.cg-ws__onboarding-card {
  max-width: none;
}
.cg-ws__onboarding-form {
  margin-top: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.cg-ws__onboarding-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}
@media (max-width: 480px) {
  .cg-ws__onboarding-form-row { grid-template-columns: 1fr; }
}
.cg-ws__onboarding-results {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.cg-ws__onboarding-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  padding: 0.7rem 0.85rem;
  background: var(--mc-canvas-alt, #f6f4f1);
  border-radius: var(--mc-radius-s, 10px);
  border: 1px solid rgba(9,21,34,0.06);
}
.cg-ws__onboarding-hint {
  font-size: 0.78rem;
  opacity: 0.6;
  margin: 0.8rem 0 0;
}

/* COACHIE DIRECTORY IA - PROGRAMM-AUSWAHL + LYU-CARDS (2026-08-20) */
.cg-ws__coachie-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}
.cg-ws__coachie-cards .cg-mc__directory-card {
  flex-direction: column;
  align-items: flex-start;
}
.cg-ws__program-select {
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cg-mc__field-legend {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--mc-ink, #0d2436);
  padding: 0;
  margin-bottom: 0.2rem;
}
.cg-ws__program-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.92rem;
  cursor: pointer;
}
.cg-ws__program-option input[type="radio"] {
  accent-color: var(--mc-copper, #B96F4A);
  width: 16px;
  height: 16px;
}
@media (max-width: 480px) {
  .cg-ws__coachie-cards { grid-template-columns: 1fr; }
}

/* MEINE REFLEXION - COACHIE DEVELOPMENT SYSTEM MODUL 1 (2026-08-20) */
.cg-ws__reflection-hint {
  font-size: 0.85rem;
  opacity: 0.7;
  margin: 0 0 0.8rem;
}
.cg-ws__reflection-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.cg-ws__reflection-entry-content {
  margin-top: 0.4rem;
  color: var(--mc-ink, #0d2436);
  line-height: 1.6;
}
.cg-ws__reflection-entry-content p:first-child { margin-top: 0; }

/* MEINE REFLEXION - STRUKTURIERTE FELDER (2026-08-20) */
.cg-ws__rating-field {
  margin-top: 0.5rem;
  max-width: 240px;
}
.cg-ws__rating-field label {
  font-size: 0.8rem;
  opacity: 0.75;
  display: block;
  margin-bottom: 0.3rem;
}
.cg-ws__reflection-field-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--mc-copper-dark, #a05a2c);
  margin: 0.9rem 0 0.2rem;
}
.cg-ws__reflection-field-label:first-of-type { margin-top: 0.6rem; }
.cg-ws__reflection-field-body {
  margin: 0;
  color: var(--mc-ink, #0d2436);
  line-height: 1.55;
}


/* ============================================================
   CO;GETHER DESIGN SYSTEM 1.0 — Phase 1: Basis-Komponenten (2026-08-20)
   ============================================================ */
/* Additiv: ergaenzt cg-mc__*, ersetzt nichts. Migration erfolgt
   Seite fuer Seite gemaess freigegebener Design-System-Spezifikation.
   Alte Klassen bleiben bestehen, bis die letzte Seite migriert ist. */

/* --- Typografie-Skala --- */
.cg-h1 { font-family: var(--mc-font-display); font-size: 2rem; font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; margin: 0; color: var(--mc-ink); text-wrap: balance; }
.cg-h2 { font-family: var(--mc-font-display); font-size: 1.5rem; font-weight: 800; line-height: 1.2; margin: 0; color: var(--mc-ink); }
.cg-h3 { font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin: 0; color: var(--mc-ink); }
.cg-kicker { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--mc-copper-dark); margin: 0; }
.cg-body { font-family: var(--mc-font-body); font-size: 1rem; line-height: 1.65; color: var(--mc-ink-soft); margin: 0; }
.cg-label { font-size: 0.82rem; font-weight: 600; color: var(--mc-ink); margin: 0; }
.cg-caption { font-size: 0.78rem; color: var(--mc-ink-faint); margin: 0; }

/* --- Card-System: eine Basis, dokumentierte Varianten statt 16 Einzelloesungen --- */
.cg-card { background: var(--mc-surface); border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m); box-shadow: var(--mc-shadow-card); padding: var(--mc-space-5); transition: box-shadow 180ms ease; }
.cg-card:hover { box-shadow: var(--mc-shadow-card-hover); }
.cg-card__kicker { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mc-copper-dark); margin: 0 0 0.4rem; }
.cg-card__title { font-size: 1.05rem; font-weight: 700; margin: 0 0 0.4rem; color: var(--mc-ink); }
.cg-card__body { font-size: 0.92rem; color: var(--mc-ink-soft); margin: 0 0 0.9rem; line-height: 1.6; }
.cg-card__cta { font-size: 0.85rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; display: inline-flex; align-items: center; gap: 0.35rem; }
.cg-card--focus { border-left: 3px solid var(--mc-copper); }
.cg-card--progress { background: var(--mc-night); color: #EFEAE1; border-color: transparent; }
.cg-card--progress .cg-card__body { color: rgba(239,234,225,0.72); }
.cg-card--progress .cg-card__title { color: #EFEAE1; }
.cg-card--material { background: var(--mc-surface-soft); box-shadow: none; }
.cg-card--highlight { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--mc-copper) 55%, transparent); }
.cg-card--empty { border-style: dashed; box-shadow: none; background: transparent; text-align: center; padding: var(--mc-space-6); }

/* --- Buttons --- */
.cg-btn { font-family: var(--mc-font-body); font-size: 0.9rem; font-weight: 700; border-radius: var(--mc-radius-pill); padding: 0.65em 1.4em; border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; gap: 0.5em; transition: transform 120ms ease, box-shadow 120ms ease; text-decoration: none; }
.cg-btn:active { transform: scale(0.98); }
.cg-btn--primary { background: var(--mc-copper); color: #fff; }
.cg-btn--primary:hover { background: var(--mc-copper-dark); }
.cg-btn--secondary { background: transparent; color: var(--mc-ink); border-color: var(--mc-border); }
.cg-btn--secondary:hover { border-color: var(--mc-copper); color: var(--mc-copper-dark); }
.cg-btn--text { background: none; color: var(--mc-copper-dark); padding: 0.4em 0.2em; }
.cg-btn--danger { background: var(--mc-danger-bg); color: var(--mc-danger); }
.cg-btn--sm { font-size: 0.8rem; padding: 0.45em 1.1em; }

/* --- Formulare --- */
.cg-field { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1.1rem; }
.cg-input, .cg-select, .cg-textarea { font-family: var(--mc-font-body); font-size: 0.95rem; padding: 0.7em 0.9em; border: 1px solid var(--mc-border); border-radius: var(--mc-radius-s); background: var(--mc-surface); color: var(--mc-ink); width: 100%; }
.cg-input:focus, .cg-select:focus, .cg-textarea:focus { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: transparent; }
.cg-hint { font-size: 0.8rem; color: var(--mc-ink-faint); }

/* --- Statusanzeigen --- */
.cg-badge { display: inline-flex; align-items: center; gap: 0.35em; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; padding: 0.3em 0.75em; border-radius: var(--mc-radius-pill); }
.cg-badge--success { background: var(--mc-success-bg); color: var(--mc-success); }
.cg-badge--warning { background: var(--mc-warning-bg); color: var(--mc-warning); }
.cg-badge--danger { background: var(--mc-danger-bg); color: var(--mc-danger); }
.cg-badge--neutral { background: var(--mc-surface-soft); color: var(--mc-ink-soft); }

/* --- Alerts --- */
.cg-alert { border-radius: var(--mc-radius-m); padding: 1rem 1.2rem; font-size: 0.9rem; display: flex; gap: 0.7rem; align-items: flex-start; }
.cg-alert--success { background: var(--mc-success-bg); color: var(--mc-success); }
.cg-alert--warning { background: var(--mc-warning-bg); color: var(--mc-warning); }
.cg-alert--danger { background: var(--mc-danger-bg); color: var(--mc-danger); }

/* --- Empty States --- */
.cg-empty { text-align: center; padding: var(--mc-space-6) var(--mc-space-5); border: 1px dashed var(--mc-border); border-radius: var(--mc-radius-m); }
.cg-empty__title { font-weight: 700; font-size: 0.95rem; margin: 0 0 0.3rem; color: var(--mc-ink); }
.cg-empty__sub { font-size: 0.85rem; color: var(--mc-ink-faint); margin: 0; }

/* --- Layout-Hilfen (loesen einen Teil der 211 Inline-Styles) --- */
.cg-stack-2 { display: flex; flex-direction: column; gap: var(--mc-space-2); }
.cg-stack-3 { display: flex; flex-direction: column; gap: var(--mc-space-3); }
.cg-stack-4 { display: flex; flex-direction: column; gap: var(--mc-space-4); }
.cg-row-3 { display: flex; align-items: center; gap: var(--mc-space-3); flex-wrap: wrap; }
.cg-mt-4 { margin-top: var(--mc-space-4); }
.cg-mt-5 { margin-top: var(--mc-space-5); }
.cg-mt-6 { margin-top: var(--mc-space-6); }


/* cg-premium-nav-submenu (2026-08-20) */
/* Desktop-Sidebar: Hauptpunkt (eigener Link, klickbar) + optionaler Pfeil,
   der ein Untermenue mit echten Zusatzseiten oeffnet. Hover UND Klick
   oeffnen (Klick uebernimmt data-cg-submenu-toggle in JS, Hover rein CSS
   ueber :hover/:focus-within -- funktioniert auch ohne JS). */
.cg-mc__nav-item { position: relative; display: flex; align-items: center; gap: 0.15rem; }
.cg-mc__nav-item .cg-mc__sidebar-link { flex: 1 1 auto; }
.cg-mc__nav-arrow { flex-shrink: 0; background: none; border: none; cursor: pointer; color: rgba(255, 255, 255, .78); padding: 0.4rem 0.5rem; border-radius: var(--mc-radius-s); display: flex; align-items: center; justify-content: center; transition: transform 160ms ease, background-color 120ms ease; }
.cg-mc__nav-arrow:hover, .cg-mc__nav-arrow:focus-visible { background: rgba(255, 255, 255, .1); color: #fff; }
.cg-mc__nav-item--has-sub:hover .cg-mc__nav-arrow,
.cg-mc__nav-arrow[aria-expanded="true"] { transform: rotate(180deg); }
/* UI-Bugfix (2026-08-21): .cg-mc__nav-item ist eine flex-row mit
   flex-wrap:nowrap (Default) -- das Untermenue war dadurch ein DRITTES
   Flex-Item in derselben Zeile statt einer eigenen Zeile darunter, ragte
   rechts ueber die Sidebar-Spalte hinaus und wurde dort abgeschnitten
   (live vermessen: submenu_rect.right ~57px groesser als item_rect.right).
   Fix: has-sub-Item darf umbrechen, das Untermenue erzwingt per
   flex-basis:100% seine eigene volle Zeile -- keine neue Klasse, reine
   Wert-Korrektur der bestehenden Regeln. */
.cg-mc__nav-item--has-sub { flex-wrap: wrap; }
.cg-mc__nav-submenu { list-style: none; margin: 0.2rem 0 0.4rem 2.1rem; padding: 0; display: flex; flex-direction: column; gap: 0.1rem; border-left: 1px solid rgba(255, 255, 255, .12); flex-basis: 100%; }
.cg-mc__nav-submenu[hidden] { display: none; }
/* Sidebar-Bugfix (2026-08-24): der Hover-Hack wurde entfernt -- er war
 * die eigentliche Ursache des Bugs ("Hinzufuegen" nur bei Hover sichtbar,
 * nicht per Klick/Tastatur). Submenues werden jetzt zentral in
 * partial-shell-open.php immer offen gerendert (kein [hidden]-Attribut
 * mehr im Normalfall), daher greift dieser Selektor nicht mehr. */
.cg-mc__nav-submenu li { margin: 0; }
.cg-mc__nav-submenu a { display: block; padding: 0.45rem 0.9rem; font-size: 0.85rem; color: rgba(255, 255, 255, .78); text-decoration: none; border-radius: 0 var(--mc-radius-s) var(--mc-radius-s) 0; transition: background-color 120ms ease, color 120ms ease; }
.cg-mc__nav-submenu a:hover, .cg-mc__nav-submenu a:focus-visible { background: rgba(255, 255, 255, .06); color: #fff; outline: none; }
.cg-mc__nav-submenu a[aria-current="page"] { color: #fff; font-weight: 700; background: color-mix(in srgb, var(--mc-copper) 22%, transparent); }

/* Mobile: identisches Prinzip, aber ohne Hover (kein Touch-Hover) --
   ausschliesslich Klick/Tap auf den Pfeil oeffnet (siehe mein-cogether.js). */
.cg-mc__nav-mobile-item { display: flex; flex-direction: column; }
.cg-mc__nav-mobile-item--has-sub { position: relative; }
.cg-mc__nav-mobile-item--has-sub .cg-mc__nav-mobile-link { padding-right: 2.4rem; }
.cg-mc__nav-mobile-item .cg-mc__nav-arrow { position: absolute; right: 0.2rem; top: 0.3rem; }
.cg-mc__nav-mobile-submenu { list-style: none; margin: 0 0 0.3rem 1.4rem; padding: 0; display: flex; flex-direction: column; gap: 0.1rem; border-left: 1px solid rgba(255,255,255,0.14); }
.cg-mc__nav-mobile-submenu[hidden] { display: none; }
.cg-mc__nav-mobile-submenu a { display: block; padding: 0.5rem 0.9rem; font-size: 0.88rem; color: rgba(255,255,255,0.78); text-decoration: none; }
.cg-mc__nav-mobile-submenu a[aria-current="page"] { color: #fff; font-weight: 700; }


/* cg-design-system-migration-btn-auto (2026-08-20) */
/* cg-btn-auto-alignself-fix (2026-08-20) */
.cg-mc__btn-primary--auto, .cg-mc__btn-secondary--auto {
  width: auto;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  text-decoration: none;
  margin-top: var(--mc-space-4, 1rem);
}


/* cg-design-system-migration-width-scale (2026-08-20) */
.cg-mc__w-480 { max-width: 480px; }
.cg-mc__w-520 { max-width: 520px; }
.cg-mc__w-560 { max-width: 560px; }
.cg-mc__w-640 { max-width: 640px; }
.cg-mc__w-720 { max-width: 720px; }


/* cg-design-system-program-badge (2026-08-20) */
.cg-mc__card-kicker--onetoone {
  color: var(--mc-copper, #b87333);
  background: rgba(184, 115, 51, 0.1);
}
.cg-mc__card-kicker--lyu {
  color: var(--mc-petrol, #2b5a63);
  background: rgba(43, 90, 99, 0.1);
}


/* cg-design-system-program-badge-tag (2026-08-20) */
.cg-mc__coach-tag--onetoone { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }
.cg-mc__coach-tag--lyu { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }


/* cg-design-system-coach-migration (2026-08-20) */
.cg-mc__btn-secondary--sm { padding: 0.4rem 0.9rem; font-size: 0.85rem; width: auto; }
.cg-mc__text-soft { color: var(--mc-ink-soft); }
.cg-mc__coach-tag--warning { background: color-mix(in srgb, var(--mc-warning, #9c6b2e) 16%, transparent); color: var(--mc-warning, #9c6b2e); }
.cg-mc__pagination { display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: center; margin-top: var(--mc-space-5, 1.5rem); }
.cg-mc__pagination-link { display: inline-flex; align-items: center; justify-content: center; min-width: 2.2rem; height: 2.2rem; border-radius: var(--mc-radius-pill); font-size: 0.85rem; font-weight: 600; color: var(--mc-ink-soft); text-decoration: none; background: var(--mc-surface-soft); }
.cg-mc__pagination-link:hover { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark); }
.cg-mc__pagination-link--active { background: var(--mc-copper); color: #fff; }
.cg-mc__empty--danger { background: color-mix(in srgb, var(--mc-danger, #c0392b) 8%, var(--mc-surface)); border-color: color-mix(in srgb, var(--mc-danger, #c0392b) 22%, transparent); color: var(--mc-danger, #c0392b); }


/* cg-design-system-coachie-profile-migration (2026-08-20) */
.cg-mc__select, .cg-mc__input { width: 100%; padding: 0.6em 0.8em; border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border); font-size: 1rem; font-family: inherit; background: var(--mc-surface); color: var(--mc-ink); }
.cg-mc__coach-tag--success { background: color-mix(in srgb, var(--mc-success, #3F7A56) 16%, transparent); color: var(--mc-success, #3F7A56); }
.cg-mc__tag-inline { vertical-align: middle; margin-left: 0.5rem; }
.cg-mc__form-hint { font-size: 0.85rem; color: var(--mc-ink-soft); margin-top: 0.4rem; }
.cg-mt-2 { margin-top: var(--mc-space-2, 0.5rem); }
.cg-mt-3 { margin-top: var(--mc-space-3, 0.75rem); }
.cg-mb-4 { margin-bottom: var(--mc-space-4, 1rem); }
.cg-mc__plain-list { margin: 0; padding-left: 1.1em; }


/* cg-premium-journey-cards (2026-08-20) */
/* Groesserer Radius, grosszuegigere Innenabstaende, spuerbarer Hover-
   Lift mit dem bereits vorhandenen --mc-shadow-pop -- reine Erweiterung
   von .cg-mc__card, keine Parallelkomponente. */
.cg-mc__card--journey {
  border-radius: var(--mc-radius-l);
  padding: var(--mc-space-6) var(--mc-space-5);
  transition: box-shadow 220ms ease, transform 220ms ease;
}
.cg-mc__card--journey:hover {
  box-shadow: var(--mc-shadow-pop);
  transform: translateY(-3px);
}
@media (prefers-reduced-motion: reduce) {
  .cg-mc__card--journey { transition: none; }
  .cg-mc__card--journey:hover { transform: none; }
}

/* Programm-Farblogik auch auf Karten-Ebene sichtbar machen (nicht nur
   im Kicker) -- dieselben Tokens wie die Programm-Badges, keine neue
   Farbe. */
.cg-mc__card--accent-onetoone { border-top: 3px solid var(--mc-copper); }
.cg-mc__card--accent-lyu { border-top: 3px solid var(--mc-petrol); }

/* Reflexions-Feldabstaende auf Token-Basis statt fester rem-Werte;
   Hinweistext auf Token-Farbe statt rohem opacity-Wert. */
.cg-ws__reflection-hint { color: var(--mc-ink-soft); opacity: 1; }
.cg-ws__reflection-field-label { margin-top: var(--mc-space-5); }
.cg-ws__reflection-field-label:first-of-type { margin-top: var(--mc-space-3); }


/* cg-premium-material-cards (2026-08-21) */
/* Kopfzeile: Programm-Badge links, Datum rechts. */
.cg-mc__material-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.9rem;
}
.cg-mc__material-date { margin-top: 0; white-space: nowrap; }

/* Wiederverwendbare Karten-Titelzeile (bislang gab es nur .cg-mc__card-label
   fuer Eyebrows und .cg-mc__card-body fuer Fliesstext -- eine echte,
   staerker gewichtete Titelzeile fehlte als offizieller Baustein). */
.cg-mc__card-title {
  font-family: var(--mc-font-display);
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.35;
  margin: 0 0 0.35rem;
}
.cg-mc__material-desc { margin: 0 0 0.6rem; color: var(--mc-ink-soft); }
.cg-mc__material-file-meta {
  font-size: 0.85rem;
  color: var(--mc-ink-faint);
  margin: 0;
}

/* Fusszeile: 'Bereitgestellt von' + Coach, durch Trennlinie vom Inhalt
   abgesetzt -- dieselbe Person-Optik wie .cg-mc__person, nur kompakter
   (kleinerer Avatar) fuer die Fusszeile einer Karte. */
.cg-mc__material-foot {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--mc-border);
}
.cg-mc__avatar--sm { width: 30px; height: 30px; font-size: 0.8rem; }
.cg-mc__material-foot-label {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  color: var(--mc-ink-faint);
  margin: 0 0 0.15rem;
}
.cg-mc__material-foot-name {
  font-family: var(--mc-font-display);
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.3;
}
.cg-mc__material-foot-role {
  font-size: 0.8rem;
  color: var(--mc-ink-soft);
  margin: 0.05rem 0 0;
}

/* Grid-Container fuer die Material-Karten -- dasselbe .cg-mc__grid wie
   ueberall, hier nur mit einer etwas groesseren Mindestspaltenbreite,
   damit Fusszeile+CTA nicht zu schmal quetschen. */
.cg-mc__grid--materials { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

/* cg-premium-question-cards (2026-08-21): "Deine Fragen" (Coachie-Ansicht,
   questions-list.php) -- kompakte Karten statt breiter Zeilen. Bewusst
   EIGENE, seitenspezifische Klassen (cg-mq__*) statt Aenderung der
   bestehenden .cg-lyu__q-card/-icon/-body/-excerpt/-list/-cta-Regeln --
   diese werden unveraendert auch von coach-questions.php (Coach-Ansicht)
   verwendet und duerfen dort nicht beeinflusst werden. Status-Pill-Klassen
   (.cg-lyu__q-status--*) werden weiterhin unveraendert wiederverwendet
   (gleiche Statuslogik/Farben, keine Farbaenderung). Kartenrahmen selbst
   kommt vollstaendig von .cg-mc__card/.cg-mc__card--journey (identisches
   Kartensystem wie Mein Weg/Meine Materialien/Dashboard) -- keine neue
   parallele Kartenbasis. */
.cg-mq__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: var(--mc-gap);
}
.cg-mq__card { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.cg-mq__card-head { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.8rem; }
.cg-mq__icon {
  flex-shrink: 0;
  width: 2rem; height: 2rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-night) 8%, transparent);
  color: var(--mc-night);
  display: flex; align-items: center; justify-content: center;
}
.cg-mq__icon svg { width: 15px; height: 15px; }
.cg-mq__excerpt { margin: 0; font-weight: 600; color: var(--mc-ink); line-height: 1.4; }
.cg-mq__meta-row { margin: 0.8rem 0 0; font-size: 0.8rem; color: var(--mc-ink-soft); display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.cg-mq__answer-hint { margin: 0.5rem 0 0; font-size: 0.8rem; color: var(--mc-ink-soft); }
.cg-mq__cta { margin-top: 1.1rem; }

/* cg-premium-repeat-list (Block 4C, 2026-08-21): dynamische Add/Remove-
   Listenfelder im Learning-Unit-Formular (Lernabschnitte/Erkennungsmerkmale/
   Prozessschritte/Praxisimpulse/naechste Schritte). Reine Layout-Regeln,
   nutzt ausschliesslich bestehende Tokens/Formularklassen (.cg-mc__field/
   -input-Styles bleiben unveraendert), keine neue Formularsprache. */
.cg-mc__repeat-list { display: grid; gap: 0.75rem; margin-bottom: 0.6rem; }
.cg-mc__repeat-item {
  display: grid;
  gap: 0.5rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface-soft);
}
.cg-mc__repeat-item input,
.cg-mc__repeat-item textarea { width: 100%; }
.cg-mc__repeat-remove { align-self: flex-start; }

/* ============================================================
   Premium UX Phase 1 (2026-08-25): Timeline-Komponente + Prioritaeten-
   Zeile fuer "Mein Tag"/"Mein Kalender". Ausschliesslich bestehende
   Design-Tokens (--mc-*), keine neue Farblogik.
   ============================================================ */
.cg-timeline { display: flex; flex-direction: column; gap: 0; position: relative; }
.cg-timeline__row { display: flex; align-items: flex-start; gap: 0.9rem; padding: 0.6rem 0; position: relative; }
.cg-timeline__row:not(:last-child)::before {
  content: ''; position: absolute; left: 3.15rem; top: 1.6rem; bottom: -0.6rem; width: 2px;
  background: var(--mc-border-soft);
}
.cg-timeline__time { flex: 0 0 2.6rem; font-weight: 700; font-size: 0.86rem; padding-top: 0.2rem; text-align: right; color: var(--mc-ink-soft); }
.cg-timeline__marker { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; background: var(--mc-copper); margin-top: 0.35rem; }
.cg-timeline__card {
  flex: 1; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  padding: 0.7rem 1rem;
}
.cg-timeline__title { font-weight: 600; }
.cg-timeline__range { font-size: 0.8rem; color: var(--mc-ink-soft); margin-left: auto; }
.cg-timeline__action { margin-left: 0.4rem; }
.cg-timeline__cancel { background: none; border: none; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; font-size: 0.8rem; opacity: 0.75; }

.cg-priority-row { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1rem 0 1.6rem; }
.cg-priority-chip {
  display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.9rem;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft); border-radius: 999px;
  font-size: 0.88rem; font-weight: 600; text-decoration: none; color: inherit;
}
.cg-priority-chip:hover { border-color: var(--mc-copper); }
.cg-priority-chip__count { color: var(--mc-copper-dark); font-weight: 700; }

.cg-week-bar { height: 8px; border-radius: 999px; background: var(--mc-border-soft); overflow: hidden; margin: 0.5rem 0; }
.cg-week-bar__fill { height: 100%; background: var(--mc-teal); border-radius: 999px; }

/* Premium Finish (2026-08-25): Jetzt-Marker/Past-Upcoming/Fokuszeit --
   ausschliesslich bestehende Tokens, keine neue Farblogik. */
.cg-timeline__row--past .cg-timeline__card { opacity: 0.55; }
.cg-timeline__row--past .cg-timeline__marker { background: var(--mc-border-soft); }
.cg-timeline__row--current .cg-timeline__card { border-color: var(--mc-copper); box-shadow: 0 0 0 1px var(--mc-copper); }
.cg-timeline__row--upcoming .cg-timeline__card { border-color: var(--mc-border-soft); }
.cg-timeline__done { color: var(--mc-teal); font-weight: 700; }
.cg-timeline__row--now { align-items: center; }
.cg-timeline__marker--now { background: var(--mc-copper); width: 14px; height: 14px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--mc-copper) 20%, transparent); }
.cg-timeline__now-label { font-weight: 700; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--mc-copper-dark); padding-top: 0.15rem; }
.cg-timeline__row--focus .cg-timeline__marker { background: transparent; border: 2px dashed var(--mc-border-soft); }
.cg-timeline__card--focus { background: var(--mc-surface-soft); border-style: dashed; }
.cg-timeline__card--focus .cg-timeline__title { color: var(--mc-ink-soft); font-weight: 500; }


/* ============================================================
   DAILY REFLECTION OS V1.1 (2026-08-25) — ruhige, farblich klare
   Energie-/Stimmungsdarstellung. Nutzt ausschliesslich bestehende
   Design-Tokens (--mc-success/--mc-warning/--mc-danger/--mc-copper/
   --mc-teal) -- keine neuen, grellen Farbwerte. Reines CSS, keine
   JS-Abhaengigkeit: Auswahlzustand ueber input:checked + label.
   ============================================================ */

.cg-dr-mood-group { display: flex; gap: 0.7rem; flex-wrap: wrap; margin: 0.9rem 0 1.1rem; }

.cg-dr-mood-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.cg-dr-mood-card {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.75em 1.1em;
  min-height: 44px;
  border-radius: 12px;
  border: 1.5px solid var(--mc-border, #ddd);
  background: var(--mc-surface, #fff);
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.cg-dr-mood-icon { font-size: 1.25rem; line-height: 1; }

.cg-dr-mood-card--success { color: var(--mc-success); background: color-mix(in srgb, var(--mc-success) 6%, var(--mc-surface)); border-color: color-mix(in srgb, var(--mc-success) 24%, var(--mc-border)); }
.cg-dr-mood-card--warning { color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 6%, var(--mc-surface)); border-color: color-mix(in srgb, var(--mc-warning) 24%, var(--mc-border)); }
.cg-dr-mood-card--danger  { color: var(--mc-danger);  background: color-mix(in srgb, var(--mc-danger) 6%, var(--mc-surface));  border-color: color-mix(in srgb, var(--mc-danger) 24%, var(--mc-border)); }

.cg-dr-mood-input:checked + .cg-dr-mood-card--success { background: var(--mc-success-bg); border-color: var(--mc-success); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mc-success) 25%, transparent); }
.cg-dr-mood-input:checked + .cg-dr-mood-card--warning { background: var(--mc-warning-bg); border-color: var(--mc-warning); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mc-warning) 25%, transparent); }
.cg-dr-mood-input:checked + .cg-dr-mood-card--danger  { background: var(--mc-danger-bg);  border-color: var(--mc-danger);  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mc-danger) 25%, transparent); }

.cg-dr-mood-input:focus-visible + .cg-dr-mood-card { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-dr-mood-card:hover { border-color: var(--mc-copper); }

.cg-dr-day-card {
  border: 1px solid var(--mc-border, #e5e2da);
  border-radius: 14px;
  padding: 1.1rem 1.3rem;
  margin-bottom: 0.9rem;
  background: var(--mc-surface, #fff);
}

.cg-dr-day-card--today {
  border-color: var(--mc-copper);
  background: color-mix(in srgb, var(--mc-copper) 4%, var(--mc-surface));
}

.cg-dr-day-heading {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

.cg-dr-day-today-tag {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  padding: 0.15em 0.65em;
  border-radius: 999px;
  font-weight: 700;
}

.cg-dr-block { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.65rem 0; }
.cg-dr-block + .cg-dr-block { border-top: 1px dashed color-mix(in srgb, var(--mc-ink, #000) 10%, transparent); }

.cg-dr-block-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.6;
  font-weight: 700;
}

.cg-dr-block-mood { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; }
.cg-dr-tone--success { color: var(--mc-success); }
.cg-dr-tone--warning { color: var(--mc-warning); }
.cg-dr-tone--danger { color: var(--mc-danger); }

.cg-dr-intention {
  margin-top: 0.3rem;
  padding: 0.7rem 1rem;
  border-radius: 10px;
  background: color-mix(in srgb, var(--mc-copper) 7%, var(--mc-surface-soft));
  border-left: 3px solid var(--mc-copper);
  font-style: italic;
}

.cg-dr-intention--evening {
  background: color-mix(in srgb, var(--mc-teal) 7%, var(--mc-surface-soft));
  border-left-color: var(--mc-teal);
}

.cg-dr-intention-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mc-copper-dark);
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-bottom: 0.25rem;
}

.cg-dr-reflection-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.6;
  font-weight: 700;
  display: block;
  margin: 0.4rem 0 0.25rem;
}

.cg-dr-empty-day {
  opacity: 0.55;
  font-size: 0.9rem;
  padding: 0.3rem 0 0;
  margin: 0;
}

@media (max-width: 640px) {
  .cg-dr-mood-card { flex: 1 1 100%; justify-content: flex-start; }
}


/* ============================================================
   DAILY REFLECTION OS V1.2 (2026-08-25) — Farbsemantik-Korrektur.
   Ursache des Befunds: Emoji-Icons (🔋) ignorieren CSS "color" und
   werden immer in ihrer Emoji-Standardfarbe gerendert. Ersetzt durch
   ein echtes SVG-Batterie-Icon mit fill="currentColor" -- erbt die
   Tonfarbe zuverlaessig. Badge-Hintergrund verstaerkt die farbliche
   Akzentuierung der Auswahlkarte zusaetzlich.
   ============================================================ */

.cg-dr-battery-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 24px;
  border-radius: 7px;
  flex-shrink: 0;
}

.cg-dr-battery-badge--danger  { background: var(--mc-danger-bg);  color: var(--mc-danger); }
.cg-dr-battery-badge--warning { background: var(--mc-warning-bg); color: var(--mc-warning); }
.cg-dr-battery-badge--success { background: var(--mc-success-bg); color: var(--mc-success); }

.cg-dr-battery-icon { display: block; }

/* Auswahlzustand nochmals verstaerkt (Auftrag V1.2: "staerkerer Rahmen") */
.cg-dr-mood-input:checked + .cg-dr-mood-card { border-width: 2px; }


/* ============================================================
   DEVELOPMENT JOURNEY OS Block E (2026-08-25) — kompakte
   Wochen-Energie-Vorschau in "Meine bisherigen Wochen". Keine
   Zahlen/Scores, nur Farbpunkte derselben Tonwerte wie Daily
   Reflection selbst.
   ============================================================ */

.cg-dr-week-strip {
  display: inline-flex;
  gap: 4px;
  margin-left: 0.6rem;
  vertical-align: middle;
}

.cg-dr-week-strip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mc-ink, #000) 12%, transparent);
}

.cg-dr-week-strip-dot--success { background: var(--mc-success); }
.cg-dr-week-strip-dot--warning { background: var(--mc-warning); }
.cg-dr-week-strip-dot--danger  { background: var(--mc-danger); }


/* ============================================================
   COACHING PREPARATION OS -- Kalender Integration V1 (2026-08-25).
   Primaerer, positiv hervorgehobener Link (Kupfer-Akzent) im
   Unterschied zum eher zurueckhaltenden "Stornieren"-Link daneben.
   ============================================================ */

.cg-timeline__prep-link {
  display: inline-block;
  margin-left: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--mc-copper-dark, #9C5B39);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--mc-copper, #B96F4A) 45%, transparent);
}

.cg-timeline__prep-link:hover,
.cg-timeline__prep-link:focus-visible {
  border-bottom-color: var(--mc-copper-dark, #9C5B39);
}


/* ============================================================
   CALENDAR OS -- PREMIUM WORKSPACE V1 (2026-08-26). Zwei-Spalten-
   Workspace (Hauptbereich + permanenter Mini-Monatskalender) fuer
   Tag/Woche, gemeinsame Monats-Grid-Komponente fuer Sidebar UND den
   vollen Monat-Tab. Ausschliesslich bestehende Design-Tokens
   (--mc-copper/--mc-ink/--mc-surface/--mc-border/--mc-radius-*)
   wiederverwendet, keine neue Farblogik.
   ============================================================ */

.cg-cal-workspace {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.cg-cal-workspace__main {
  flex: 1 1 auto;
  min-width: 0; /* verhindert Ueberlauf der Timeline-Karten im Flex-Item */
}

.cg-cal-workspace__sidebar {
  flex: 0 0 260px;
  width: 260px;
  position: sticky;
  top: 1rem;
}

/* Mobile: Sidebar rutscht ueber den Hauptbereich, kein Nebeneinander-
   Quetschen, keine horizontale Scroll-Notwendigkeit (Auftrag Abschnitt 18). */
@media (max-width: 959px) {
  .cg-cal-workspace {
    flex-direction: column;
  }
  .cg-cal-workspace__sidebar {
    width: 100%;
    flex-basis: auto;
    position: static;
    order: -1; /* Monatskalender zuerst, dann Tag/Woche darunter */
  }
}

/* -- Mini-/Voll-Monatskalender (gemeinsame Komponente) -------------- */

.cg-cal-mini {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  padding: 0.9rem;
}

.cg-cal-mini__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.3rem;
}

.cg-cal-mini__weekday {
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
  opacity: 0.65;
  padding-bottom: 0.2rem;
}

.cg-cal-mini__day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  aspect-ratio: 1 / 1;
  border-radius: var(--mc-radius-s);
  text-decoration: none;
  color: var(--mc-ink);
  font-size: 0.82rem;
  border: 1px solid transparent;
}

.cg-cal-mini__day:hover,
.cg-cal-mini__day:focus-visible {
  background: var(--mc-surface-soft);
}

.cg-cal-mini__day--today {
  border-color: var(--mc-copper);
  font-weight: 700;
}

.cg-cal-mini__day--selected {
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  color: var(--mc-copper-dark);
  font-weight: 700;
}

.cg-cal-mini__day-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.7;
}

/* Volle Monatsansicht (Monat-Tab): groessere, luftigere Kacheln als die
   kompakte Sidebar-Variante -- dieselbe Struktur, nur Groessen-Modifier. */
.cg-cal-mini:not(.cg-cal-mini--compact) .cg-cal-mini__day {
  aspect-ratio: auto;
  padding: 0.6rem 0.3rem;
  font-size: 0.9rem;
}

/* -- Wochenansicht: klare Tagestrennung + Heute-Hervorhebung -------- */

.cg-cal-week__day {
  border-top: 1px solid var(--mc-border-soft);
  padding-top: 0.6rem;
}

.cg-cal-week__day:first-child {
  border-top: none;
  padding-top: 0;
}

.cg-cal-week__day--today {
  background: color-mix(in srgb, var(--mc-copper) 5%, transparent);
  border-radius: var(--mc-radius-m);
  padding: 0.6rem 0.8rem;
  margin: 0 -0.8rem;
}

/* -- Timeline: verknuepfter Coachie-/Lead-Name ----------------------- */

.cg-timeline__related {
  display: block;
  font-size: 0.8rem;
  color: var(--mc-ink-soft);
  margin-top: 0.1rem;
}

/* ============================================================
   PREMIUM UI / DESIGN SYSTEM V1 -- Block 1: Foundations
   (2026-08-27). Additiv, ohne bestehende Regeln zu aendern.
   Ergaenzt fehlende Ebenen der bestehenden --mc-*-Token-DNA:
   Typography Scale, Tertiary/Danger-Buttons, formalisiertes
   Badge-System (bestehendes .cg-mc__coach-tag bleibt gueltig,
   .cg-mc__badge ist der neue, vollstaendige Wortschatz dafuer),
   Card-Type-Vokabular als Modifier auf dem bestehenden
   .cg-mc__card-Grundbaustein. Visuelle Feinausarbeitung pro
   Card-Typ folgt in spaeteren Rollout-Bloecken (Sektion 27,
   Punkt 8) -- hier wird nur das gemeinsame Vokabular etabliert,
   damit keine Seite eigene Card-CSS-Logik erfindet.
   ============================================================ */

.cg-mc {
  /* ---- Typography Scale ----
     Zentrale Groessen-/Gewicht-Stufen statt freihaendiger
     Fontgroessen pro View (Auftrag Sektion 13). */
  --mc-fs-hero-title: clamp(1.65rem, 1.3rem + 1.6vw, 2.4rem);
  --mc-fs-page-title: clamp(1.35rem, 1.15rem + 0.9vw, 1.75rem);
  --mc-fs-section-title: 1.05rem;
  --mc-fs-card-title: 0.98rem;
  --mc-fs-body: 0.92rem;
  --mc-fs-meta: 0.8rem;
  --mc-fs-badge: 0.72rem;
  --mc-fs-button: 0.9rem;

  --mc-lh-title: 1.2;
  --mc-lh-body: 1.55;
}

/* ---- Typography-Klassen: eine Stufe = eine Klasse, wiederverwendbar ---- */
.cg-mc__t-hero-title {
  font-family: var(--mc-font-display);
  font-size: var(--mc-fs-hero-title);
  line-height: var(--mc-lh-title);
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 0;
}
.cg-mc__t-page-title {
  font-family: var(--mc-font-display);
  font-size: var(--mc-fs-page-title);
  line-height: var(--mc-lh-title);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
}
.cg-mc__t-section-title {
  font-family: var(--mc-font-display);
  font-size: var(--mc-fs-section-title);
  line-height: var(--mc-lh-title);
  font-weight: 650;
  margin: 0;
}
.cg-mc__t-card-title {
  font-family: var(--mc-font-display);
  font-size: var(--mc-fs-card-title);
  line-height: var(--mc-lh-title);
  font-weight: 650;
  margin: 0;
}
.cg-mc__t-body {
  font-size: var(--mc-fs-body);
  line-height: var(--mc-lh-body);
  color: var(--mc-ink);
}
.cg-mc__t-meta {
  font-size: var(--mc-fs-meta);
  line-height: 1.4;
  color: var(--mc-ink-soft);
}

/* ---- Button-System: Tertiary/Text + Danger ergaenzen die bereits
   bestehenden .cg-mc__btn-primary / .cg-mc__btn-secondary (Sektion 15).
   Keine neue Buttonform, gleiche Radien/Spacing/Focus-Logik. ---- */
.cg-mc__btn-tertiary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.7rem 1rem;
  border: none;
  background: transparent;
  color: var(--mc-teal-deep);
  font-family: var(--mc-font-body);
  font-size: var(--mc-fs-button);
  font-weight: 600;
  border-radius: var(--mc-radius-s);
  cursor: pointer;
  text-decoration: none;
}
.cg-mc__btn-tertiary:hover { background: var(--mc-surface-soft); text-decoration: underline; }
.cg-mc__btn-tertiary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

.cg-mc__btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.7rem 1.3rem;
  border: 1.5px solid var(--mc-danger);
  background: var(--mc-danger-bg);
  color: var(--mc-danger);
  font-family: var(--mc-font-body);
  font-size: var(--mc-fs-button);
  font-weight: 600;
  border-radius: var(--mc-radius-s);
  cursor: pointer;
}
.cg-mc__btn-danger:hover { background: var(--mc-danger); color: #fff; }
.cg-mc__btn-danger:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* ---- Badge-System (Sektion 16): formalisierter Wortschatz.
   .cg-mc__coach-tag bleibt als bestehende Klasse unangetastet
   und funktionsfaehig (Regression-Schutz) -- .cg-mc__badge ist
   der neue Name fuer alle kuenftigen Verwendungen, gleiche
   visuelle Basis wie .cg-mc__coach-tag. ---- */
.cg-mc__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.65rem;
  border-radius: var(--mc-radius-pill);
  font-size: var(--mc-fs-badge);
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.3;
  white-space: nowrap;
}
.cg-mc__badge--personal   { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }
.cg-mc__badge--task       { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }
.cg-mc__badge--urgent     { background: color-mix(in srgb, var(--mc-danger) 14%, transparent); color: var(--mc-danger); }
.cg-mc__badge--learning   { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }
.cg-mc__badge--program    { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }
.cg-mc__badge--status-open    { background: var(--mc-warning-bg); color: var(--mc-warning); }
.cg-mc__badge--status-done    { background: var(--mc-success-bg); color: var(--mc-success); }
.cg-mc__badge--status-blocked { background: var(--mc-danger-bg); color: var(--mc-danger); }
.cg-mc__badge--coach      { background: color-mix(in srgb, var(--mc-night) 10%, transparent); color: var(--mc-night); }
.cg-mc__badge--system     { background: var(--mc-border-soft); color: var(--mc-ink-soft); }

/* ---- Card-Type-Vokabular (Sektion 8/9): gemeinsame Basis bleibt
   .cg-mc__card. Diese Modifier definieren nur den Namen + den
   Akzent/Kontext-Rahmen je Typ -- keine abweichenden Radien,
   Schatten oder Spacing (Sektion 9: "gleiche DNA, Differenzierung
   nur ueber Akzent/Icon/Hierarchie"). Volle visuelle Ausarbeitung
   je Typ folgt in Rollout-Block 8; hier wird das Vokabular
   etabliert, damit keine View eigene Card-Klassen erfindet. ---- */
.cg-mc__card--hero {
  background: linear-gradient(135deg, var(--mc-night) 0%, var(--mc-teal-deep) 130%);
  color: #fff;
  border: none;
}
.cg-mc__card--hero .cg-mc__t-hero-title,
.cg-mc__card--hero .cg-mc__t-body { color: #fff; }
.cg-mc__card--hero .cg-mc__t-meta { color: rgba(255, 255, 255, .65); }

.cg-mc__card--action    { border-left: 3px solid var(--mc-copper); }
.cg-mc__card--status    { border-left: 3px solid var(--mc-teal); }
.cg-mc__card--content   { /* neutrale Basis, keine Sonderfarbe */ }
.cg-mc__card--learning  { border-left: 3px solid var(--mc-teal); }
.cg-mc__card--program   { border-left: 3px solid var(--mc-copper); }
.cg-mc__card--timeline  { /* Aufbau folgt Rollout-Block 8 */ }
.cg-mc__card--task      { border-left: 3px solid var(--mc-copper); }
.cg-mc__card--contact   { background: var(--mc-surface-soft); }
.cg-mc__card--document  { background: var(--mc-surface-soft); }
.cg-mc__card--alert     { border-left: 3px solid var(--mc-danger); background: var(--mc-danger-bg); }

/* ---- Empty State (Sektion 11): bewusst kompakt statt grosse leere
   Flaeche. Ersetzt schrittweise .cg-mc__empty in Rollout-Block 8. ---- */
.cg-mc__card--empty {
  background: var(--mc-surface-soft);
  border: 1px dashed var(--mc-border);
  box-shadow: none;
  padding: var(--mc-space-4);
  text-align: center;
}
.cg-mc__card--empty .cg-mc__t-body { color: var(--mc-ink-soft); }

/* ============================================================
   PREMIUM UI / DESIGN SYSTEM V1 -- Block 2: Shell / Sidebar / Header
   (2026-08-27). Rein visuelle Verfeinerung der bestehenden Struktur
   (keine Markup-/Routing-/Permission-Aenderung, siehe partial-shell-
   open.php -- unveraendert). Nutzt konsequent die Block-1-Tokens
   (--mc-fs-*, --mc-space-*). Kaskade: da diese Regeln am Dateiende
   stehen, gewinnen sie bei gleicher Spezifitaet gegenueber frueheren
   Werten -- kein !important noetig, keine Duplikat-Kollision.
   ============================================================ */

/* ---- Header: ruhiger, mehr Tiefe statt reiner Trennlinie ---- */
.cg-mc__header {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 12px 24px -20px rgba(0, 0, 0, .5);
}
.cg-mc__header-right { gap: var(--mc-space-4); }

/* Rollen-Badge: von solider SaaS-Chip-Optik zu ruhigem Glass-Badge,
   konsistent mit dem Block-1-Badge-System (Akzent statt Vollton). */
.cg-mc__role-badge {
  background: color-mix(in srgb, var(--mc-copper) 22%, transparent);
  color: #fff;
  opacity: 1;
  font-size: var(--mc-fs-badge);
}

/* Logout: ruhiger Text-Link statt umrandeter Pille -- weniger visuelles
   Gewicht neben Glocke/Badge, gleiche Interaktionsqualitaet (Fokus/Hover). */
.cg-mc__logout {
  border-color: transparent;
  background: transparent;
  padding: 0.42em 0.7em;
}
.cg-mc__logout:hover { background: rgba(255, 255, 255, .08); border-color: transparent; }
.cg-mc__logout:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* ---- Sidebar: Typografie auf Token-Skala heben, dezente Tiefe als
   eigenstaendiges "OS-Panel" statt reiner Flaechenfarbe. ---- */
@media (min-width: 860px) {
  .cg-mc__sidebar {
    box-shadow: 6px 0 24px -18px rgba(0, 0, 0, .4);
  }
}
.cg-mc__sidebar-group-title {
  font-size: var(--mc-fs-badge);
}
.cg-mc__sidebar-link {
  font-size: var(--mc-fs-body);
}
.cg-mc__sidebar-profile-name {
  font-size: var(--mc-fs-card-title);
}
.cg-mc__sidebar-profile-role {
  font-size: var(--mc-fs-badge);
}

/* Aktiver Zustand: sofort erkennbar, aber ruhig (Auftrag: "elegant,
   keine aggressive Optik") -- behaelt die bestehende Copper-Akzentlogik,
   praezisiert nur den Inset-Rahmen fuer eine sauberere Kante. */
.cg-mc__sidebar-link[aria-current="page"] {
  box-shadow: inset 3px 0 0 var(--mc-copper), var(--mc-shadow-card);
}

/* ---- Context-Subnav / Notification-Panel: dieselbe Typo-Skala ---- */
.cg-mc__context-subnav-label { font-size: var(--mc-fs-badge); }
.cg-notif__panel-head span:first-child { font-size: var(--mc-fs-card-title); font-weight: 700; }

/* ---- Mobile Navigation: Gruppentitel + Touch-Ziele auf dieselbe Skala,
   kein separates visuelles System gegenueber Desktop-Sidebar. ---- */
.cg-mc__nav-mobile-group-title {
  font-size: var(--mc-fs-badge);
  padding: 0.9rem 1.5rem 0.3rem;
  margin: 0;
  color: var(--mc-copper);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cg-mc__nav-mobile-link {
  min-height: 44px;
  display: flex;
  align-items: center;
}

/* ============================================================
   PREMIUM UI / DESIGN SYSTEM V1 -- Block 5: Coach Dashboard
   (2026-08-27). Ergaenzt die bereits bestehende Hero-Card (Block 1)
   um die weit verbreitete .cg-mc__greeting/-sub-Typografie, damit
   partial-me-header.php (bereits rollenfaehig, jetzt auch fuer Coach in
   einer Hero-Card verwendet) darin lesbar ist -- Geltungsbereich strikt
   auf den Hero-Kontext beschraenkt, .cg-mc__greeting bleibt ausserhalb
   davon unveraendert (weiterhin dunkle Ink-Farbe auf hellen Seiten).
   ============================================================ */
.cg-mc__card--hero .cg-mc__greeting { color: #fff; }
.cg-mc__card--hero .cg-mc__greeting-sub { color: rgba(255, 255, 255, .75); }

/* ============================================================
   SYSTEMWIDE PREMIUM SUBPAGE POLISH (2026-08-27): wp_editor()-
   Journal-Schreibflaechen (Meine Reflexion) nutzen bewusst die
   native WordPress-TinyMCE-Instanz (siehe meine-reflexion.php Kommentar) --
   deren Standard-Toolbar/Rahmen sah bislang aus wie unstyliertes
   WP-Backend statt wie der Rest des Premium-Formularsystems. Reines
   Reskin (Farben/Radius/Border ueber CSS-Variablen), KEINE Aenderung an
   Editor-Funktion/Business-Logik.
   ============================================================ */
.wp-editor-container {
  border: 1.5px solid var(--mc-border);
  border-radius: var(--mc-radius-s);
  overflow: hidden;
}
.wp-editor-container .mce-tinymce.mce-panel { border: none !important; }
.wp-editor-container .mce-toolbar-grp,
.wp-editor-container .mce-statusbar {
  background: var(--mc-surface-soft) !important;
  border-color: var(--mc-border) !important;
}
.wp-editor-container .mce-toolbar-grp .mce-btn button {
  border-radius: 4px;
}
.wp-editor-container .mce-edit-area iframe {
  background: var(--mc-surface, #fff);
}
.wp-editor-container textarea.wp-editor-area {
  border: none;
  font-family: inherit;
}

/* ============================================================
   CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27), Phase 2/3:
   neue kanonische Primitives aus dem hochgeladenen Referenzbild --
   KPI Card / Entity Card (Meine Coachies) / Activity Row / Notification
   Row. Erweitert das bestehende .cg-mc__card-Vokabular (Sektion 8/9),
   ersetzt es nicht. Erste Verwendung: Coach Dashboard (Golden
   Implementation) -- andere Rollen folgen in Folge-Bloecken.
   ============================================================ */
.cg-mc__kpi-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--mc-gap, 1.1rem);
  margin: 1.5rem 0;
}
.cg-mc__kpi-card {
  background: #fff;
  border: 1px solid var(--mc-border-soft, var(--mc-border));
  border-radius: var(--mc-radius-m);
  padding: 1.3rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.cg-mc__kpi-top { display: flex; align-items: center; gap: 0.9rem; }
.cg-mc__kpi-icon {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cg-mc__kpi-icon--petrol  { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }
.cg-mc__kpi-icon--copper  { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }
.cg-mc__kpi-icon--success { background: color-mix(in srgb, var(--mc-success, #3f8f5f) 16%, transparent); color: var(--mc-success, #2f6e48); }
.cg-mc__kpi-number { font-family: var(--mc-font-display); font-size: 2.15rem; font-weight: 700; line-height: 1; color: var(--mc-ink); }
.cg-mc__kpi-label { font-size: 0.86rem; color: var(--mc-ink-soft); margin-top: 0.15rem; }
.cg-mc__kpi-link { font-size: 0.86rem; font-weight: 700; color: var(--mc-ink); text-decoration: none; }
.cg-mc__kpi-link:hover { color: var(--mc-copper-dark); text-decoration: underline; }

/* Entity Card ("Meine Coachies"): Foto/Initial-Avatar, Status-Badges,
   Zwei-Spalten-Meta, Fokuszeile, volle Breite dunkler Rechteck-Button. */
.cg-mc__entity-card {
  background: #fff;
  border: 1px solid var(--mc-border-soft, var(--mc-border));
  border-radius: var(--mc-radius-m);
  padding: 1.3rem 1.4rem;
}
.cg-mc__entity-card-top { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 0.9rem; }
.cg-mc__entity-card-top .cg-mc__avatar { width: 2.9rem; height: 2.9rem; flex-shrink: 0; }
.cg-mc__entity-card-name { font-weight: 700; font-size: 1.15rem; color: var(--mc-ink); margin: 0 0 0.35rem; }
.cg-mc__entity-card-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.cg-mc__entity-card-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.7rem;
  margin: 0.9rem 0;
  font-size: 0.86rem;
}
.cg-mc__entity-card-meta-label { color: var(--mc-ink-faint, var(--mc-ink-soft)); font-size: 0.74rem; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 0.15rem; }
.cg-mc__entity-card-meta-value { color: var(--mc-ink); font-weight: 600; }
.cg-mc__entity-card-focus { font-size: 0.88rem; color: var(--mc-ink-soft); margin: 0 0 1rem; }

/* Activity/Notification Row: kompakte Liste mit Bullet/Icon + Titel +
   Meta + rechtsbuendiger Aktion -- gemeinsame DNA fuer beide Panels. */
.cg-mc__activity-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 0.9rem 0; border-bottom: 1px solid var(--mc-border-soft, var(--mc-border)); }
.cg-mc__activity-row:last-child { border-bottom: none; }
.cg-mc__activity-row-title { font-weight: 700; font-size: 0.92rem; color: var(--mc-ink); margin: 0 0 0.2rem; }
.cg-mc__activity-row-meta { font-size: 0.82rem; color: var(--mc-ink-soft); margin: 0; }

/* ============================================================
   CANONICAL VISUAL REFERENCE MIGRATION (2026-08-27): Header-Userblock
   (Name + Avatar + Chevron -> Dropdown). Gleiche Bauweise/DNA wie
   .cg-notif (Sektion "INTERNAL NOTIFICATION CENTER" oben) -- ein
   Dropdown-Vokabular fuer beide.
   ============================================================ */
.cg-user-menu { position: relative; }
.cg-user-menu__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 44px;
  padding: 0 0.7rem;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: var(--mc-radius-s);
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
}
.cg-user-menu__toggle:hover { background: rgba(255, 255, 255, .08); }
.cg-user-menu__toggle:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-user-menu__name { font-size: 0.9rem; font-weight: 700; }
.cg-user-menu__avatar {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  font-family: var(--mc-font-display);
  font-weight: 700;
  font-size: 0.82rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cg-user-menu__panel {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  min-width: 12rem;
  background: #fff;
  border-radius: var(--mc-radius-m);
  box-shadow: 0 24px 48px -20px rgba(10, 20, 30, .45);
  border: 1px solid var(--mc-border);
  z-index: 60;
  padding: 0.4rem;
}
.cg-user-menu__panel[hidden] { display: none; }
.cg-user-menu__item {
  display: block;
  padding: 0.6rem 0.7rem;
  border-radius: var(--mc-radius-s);
  color: var(--mc-ink);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}
.cg-user-menu__item:hover { background: var(--mc-surface-soft); text-decoration: none; }
@media (max-width: 640px) {
  .cg-user-menu__name { display: none; }
  .cg-user-menu__toggle { padding: 0 0.5rem; width: 44px; justify-content: center; }
}

/* ============================================================
   BUTTON/DROPDOWN CONTRAST BUG FIX (2026-08-28): ROOT CAUSE.
   Der globale Reset ".cg-mc a { color: inherit; }" (Spezifitaet 0,1,1,
   siehe frueh im Stylesheet) war STAERKER als jede einzelne Klassen-Regel
   wie ".cg-mc__btn-primary { color:#fff }" oder ".cg-user-menu__item
   { color: var(--mc-ink) }" (jeweils nur 0,1,0) -- der Browser ignorierte
   also bei JEDEM <a>-Button/-Link die eigentlich gewuenschte Farbe und
   nahm stattdessen die Farbe des umgebenden Elternelements. Bei sekundaeren
   Buttons (dunkler Text auf hellem Grund) blieb das zufaellig unauffaellig,
   weil die geerbte Umgebungsfarbe ohnehin dunkel war. Beim neuen dunklen
   Night-Primary-Button (weisser Text auf dunklem Grund) und im weissen
   User-Dropdown (dunkler Text erwartet, aber Header-Kontext ist weiss)
   wurde daraus jeweils unsichtbarer Text (dunkel-auf-dunkel bzw.
   weiss-auf-weiss). NICHT den globalen Reset entfernt (wird an vielen
   Stellen fuer normale Flietext-Links gebraucht) -- stattdessen hier
   gezielt mit hoeherer Spezifitaet (.cg-mc-Praefix) zurueckgesetzt, exakt
   dort, wo ein <a> wie ein Button/Menüeintrag aussehen soll.
   ============================================================ */
.cg-mc .cg-mc__btn-primary { color: #fff; }
.cg-mc .cg-mc__btn-primary:hover,
.cg-mc .cg-mc__btn-primary:focus-visible,
.cg-mc .cg-mc__btn-primary:visited { color: #fff; }
.cg-mc .cg-mc__btn-secondary { color: var(--mc-ink); }
.cg-mc .cg-mc__btn-secondary:hover,
.cg-mc .cg-mc__btn-secondary:focus-visible,
.cg-mc .cg-mc__btn-secondary:visited { color: var(--mc-ink); }
.cg-mc .cg-mc__btn-tertiary { color: var(--mc-teal-deep); }
.cg-mc .cg-mc__btn-tertiary:visited { color: var(--mc-teal-deep); }
.cg-mc .cg-mc__btn-danger { color: var(--mc-danger); }
.cg-mc .cg-mc__btn-danger:hover { color: #fff; }
.cg-mc .cg-mc__btn-danger:visited { color: var(--mc-danger); }
.cg-mc .cg-ws__profile-hero .cg-mc__btn-secondary,
.cg-mc .cg-ws__profile-hero .cg-mc__btn-secondary:visited { color: #fff; }
.cg-mc .cg-user-menu__toggle,
.cg-mc .cg-user-menu__toggle:visited { color: #fff; }
.cg-mc .cg-user-menu__item,
.cg-mc .cg-user-menu__item:visited { color: var(--mc-ink); }
.cg-mc .cg-user-menu__item:hover { color: var(--mc-ink); }
.cg-mc .cg-notif__item,
.cg-mc .cg-notif__item:visited { color: var(--mc-ink); }
.cg-mc .cg-mc__kpi-link,
.cg-mc .cg-mc__kpi-link:visited { color: var(--mc-ink); }
.cg-mc .cg-mc__kpi-link:hover { color: var(--mc-copper-dark); }

/* ============================================================
   MAKRO-KOMPOSITION FIX (2026-08-28), Coach Dashboard Golden Master:
   Row 2 ("Heute wichtig" | "Meine Coachies") und Row 3 (bereits vorhanden)
   stehen auf Desktop nebeneinander, wie im Referenzbild. "Heute wichtig"
   wird zu EINEM grossen weissen Parent-Panel mit 3 gleichwertigen
   Subcards darin (vorher: drei lose Karten direkt auf dem Canvas).
   Scoped auf #cg-coach-heute-wichtig, damit andere, noch nicht
   migrierte Dashboards (Coachie/Master/Sales) unveraendert bleiben.
   ============================================================ */
.cg-mc__dash-row2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 1.3rem;
  align-items: start;
  margin-top: 1.5rem;
}
.cg-mc__dash-row2-col { min-width: 0; }
#cg-coach-heute-wichtig .cg-me__preview {
  background: #fff;
  border: 1px solid var(--mc-border-soft, var(--mc-border));
  border-radius: var(--mc-radius-m);
  padding: 1.4rem;
  margin-top: 0;
  height: 100%;
}
#cg-coach-heute-wichtig .cg-me__preview-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
#cg-coach-heute-wichtig .cg-me__preview-card {
  background: var(--mc-surface-soft);
  border: none;
  box-shadow: none;
  padding: 1.2rem 1.1rem;
}
#cg-coach-heute-wichtig .cg-me__preview-card::before { content: none; }
#cg-coach-heute-wichtig .cg-me__preview-card-icon {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}

/* ============================================================
   COACH PROFILE PHOTO FOUNDATION (2026-08-28): echtes Foto statt
   Initial-Kreis, wo vorhanden -- gleiche Kreis-/Groessen-Konvention wie
   die bestehenden .cg-mc__avatar/.cg-user-menu__avatar.
   ============================================================ */
.cg-mc__avatar-photo {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}
.cg-user-menu__avatar-photo {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

/* ============================================================
   PROFILE IDENTITY CROSS-SYSTEM INTEGRATION FIX (2026-08-28): generisches
   "<klasse>-photo"-Pendant fuer Frontend::avatar_html() -- jede Stelle,
   die bisher nur .cg-mc__avatar (Initial-Kreis) kannte, bekommt jetzt
   automatisch auch die Foto-Variante in derselben Groesse/Kreisform.
   ============================================================ */
.cg-mc__avatar-photo { width: 2.4rem; height: 2.4rem; border-radius: 50%; object-fit: cover; flex-shrink: 0; display: block; }
.cg-ws__profile-avatar-photo { width: 3.4rem; height: 3.4rem; border-radius: 50%; object-fit: cover; flex-shrink: 0; position: relative; z-index: 1; }

/* ---------- COACHIE OPERATIONS V1 (2026-08-29): Quick Actions + Next-Appointment-Anzeige ---------- */
.cg-mc__directory-card-actions{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.cg-mc__quick-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: var(--mc-radius-m);
  background: color-mix(in srgb, var(--mc-ink-soft) 8%, transparent);
  color: var(--mc-ink-soft);
  border: 1px solid var(--mc-border-soft);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  flex: none;
}
.cg-mc__quick-icon svg{ width: 20px; height: 20px; }
.cg-mc__quick-icon:hover{ background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep); border-color: var(--mc-teal); text-decoration: none; }
.cg-mc__quick-icon:focus-visible{ outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-mc__next-appt{ font-weight: 600; color: var(--mc-ink); }

@media (max-width: 640px){
  .cg-mc__directory-card{ flex-direction: column; align-items: stretch; }
  .cg-mc__directory-card-actions{ margin-left: 0; width: 100%; justify-content: flex-start; }
  .cg-mc__quick-icon{ width: 44px; height: 44px; }
}

/* ============================================================
   BAOS SALES COCKPIT (P1 ROLE COCKPIT FOUNDATION, 2026-09-01)
   Scoped unter .cg-cockpit -- aendert NICHTS an bestehenden
   .cg-mc__card-Verwendungen ausserhalb des Cockpits. Petrol-blaue
   Karten sind eine bewusste, cockpit-spezifische visuelle Behandlung,
   kein globaler Themenwechsel.
   ============================================================ */
.cg-cockpit { background: var(--mc-surface); }
.cg-cockpit__section { margin-bottom: var(--mc-space-6, 1.5rem); }
.cg-cockpit__section-title {
  font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--mc-ink-faint); margin: 0 0 0.7rem;
}
.cg-cockpit__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.cg-cockpit__card {
  background: var(--mc-teal);
  color: #fff;
  border-radius: 14px;
  padding: 1.1rem 1.25rem;
  overflow: visible;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mc-teal) 30%, transparent);
}
.cg-cockpit__card--empty {
  background: var(--mc-surface-soft);
  color: var(--mc-ink-soft);
  box-shadow: none;
  border: 1px dashed var(--mc-border);
}
.cg-cockpit__card-label {
  font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em;
  opacity: 0.85; margin: 0;
}
.cg-cockpit__card-value {
  font-size: 1.9rem; font-weight: 700; line-height: 1; margin: 0;
}
.cg-cockpit__card-detail { font-size: 0.88rem; opacity: 0.92; margin: 0; }
.cg-cockpit__card-action {
  margin-top: auto; align-self: flex-start;
  font-size: 0.82rem; font-weight: 600; color: #fff; text-decoration: underline;
}
.cg-cockpit__card-action:hover { opacity: 0.85; }
.cg-cockpit__list-in-card { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.cg-cockpit__list-in-card li { display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.85rem; }
.cg-cockpit__list-in-card a { color: #fff; text-decoration: underline; }

/* Wiederverwendbarer Status-Chip (Design-Token-basiert, KEINE
   Aenderung an kanonischen Enum-Werten der jeweiligen Module --
   jeder Aufrufer bestimmt selbst, welcher "tone" zu seinem Status passt). */
.cg-status-chip {
  display: inline-flex; align-items: center; gap: 0.3rem;
  padding: 0.15rem 0.55rem; border-radius: 999px;
  font-size: 0.74rem; font-weight: 600; white-space: nowrap;
}
.cg-status-chip--neutral { background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep); }
.cg-status-chip--success { background: var(--mc-success-bg); color: var(--mc-success); }
.cg-status-chip--warning { background: var(--mc-warning-bg); color: var(--mc-warning); }
.cg-status-chip--danger  { background: var(--mc-danger-bg); color: var(--mc-danger); }

@media (max-width: 640px) {
  .cg-cockpit__grid { grid-template-columns: 1fr; }
  .cg-cockpit__card { padding: 1rem; }
}
/* ============================================================
   BAOS EXECUTIVE COCKPIT / REFERENCE CARD HIERARCHY
   (P1 EXECUTIVE / MASTER REFERENCE COCKPIT, 2026-09-01)
   Erweitert .cg-cockpit* um Hierarchie-Stufen (Hero/Attention/Domain),
   OHNE bestehende .cg-cockpit__card-Nutzung in Sales/Coach/Coachie zu
   veraendern -- reine additive Modifier-Klassen.
   ============================================================ */
.cg-cockpit__hero {
  background: var(--mc-night);
  color: #fff;
  border-radius: 16px;
  padding: 1.6rem 1.8rem;
  margin-bottom: var(--mc-space-6, 1.5rem);
}
.cg-cockpit__hero-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 .3rem; }
.cg-cockpit__hero-sub { font-size: .95rem; opacity: .85; margin: 0; }

.cg-cockpit__card--attention { background: var(--mc-danger); }
.cg-cockpit__card--domain { background: var(--mc-teal); min-height: 150px; }
.cg-cockpit__card--quiet {
  background: var(--mc-surface); color: var(--mc-ink); border: 1px solid var(--mc-border);
  box-shadow: none;
}
.cg-cockpit__card--quiet .cg-cockpit__card-label { color: var(--mc-ink-faint); }
.cg-cockpit__card--quiet .cg-cockpit__card-action { color: var(--mc-teal-deep); }
.cg-cockpit__domain-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
/* P0 SALES RECRUITING E2E FIX (2026-09-01): kleine Meta-Zeile in Listenzeilen (Datum/Verfuegbarkeit). */
.cg-mc__row-meta { display: block; font-size: .8rem; color: var(--mc-ink-faint); margin-bottom: .2rem; }

/* P1 MASTER COACHIES -- COMPACT ROW MODIFIER (2026-09-02). Scoped to
   .cg-mc__directory-card--compact only (added ONLY on master-coachies-
   list.php rows) so no other Master screen using the base
   .cg-mc__directory-card primitive is affected. Density/typography
   only -- no data/markup-structure/logic change. */
.cg-mc__directory-card--compact {
  padding: .55rem .85rem;
  margin-bottom: .4rem;
  gap: .5rem .9rem;
  border-radius: var(--mc-radius-s, 10px);
}
.cg-mc__directory-card--compact .cg-mc__directory-card-main { gap: .6rem; min-width: 0; }
.cg-mc__directory-card--compact .cg-mc__avatar { width: 30px; height: 30px; font-size: .78rem; }
.cg-mc__directory-card--compact .cg-mc__directory-card-main strong { font-size: .92rem; }
.cg-mc__directory-card--compact .cg-mc__directory-card-email { font-size: .75rem; }
.cg-mc__directory-card--compact .cg-mc__directory-card-meta { gap: .35rem .6rem; font-size: .8rem; }
.cg-mc__directory-card--compact .cg-mc__coach-tag { font-size: .66rem; padding: .2em .6em; }
.cg-mc__directory-card--compact .cg-mc__btn-secondary--sm { padding: .28rem .65rem; font-size: .76rem; opacity: .8; }
.cg-mc__directory-card--compact .cg-mc__btn-secondary--sm:hover { opacity: 1; }
@media (max-width: 720px) { .cg-mc__directory-card--compact { flex-direction: row; flex-wrap: wrap; align-items: center; } }

/* P1 MASTER COACHIES -- VISUAL HIERARCHY (2026-09-02). New primitive
   (.cg-mcr = "master coachie row") scoped to this screen's row meta
   only -- does not touch the shared .cg-mc__directory-card base or
   any other Master screen. */
.cg-mc__directory-card--compact .cg-mc__directory-card-main strong { font-weight: 700; font-size: .96rem; color: var(--mc-ink); }
.cg-mc__directory-card--compact .cg-mc__directory-card-email { opacity: .62; }

.cg-mcr { display:flex; align-items:center; gap: 1rem; flex-wrap:wrap; margin-left:auto; }
.cg-mcr__badges { display:flex; gap:.35rem; flex-wrap:wrap; align-items:center; max-width: 300px; }
.cg-mcr__appt { font-size: .82rem; font-weight:600; white-space:nowrap; padding: .15rem .5rem; border-radius: var(--mc-radius-pill); }
.cg-mcr__appt--set { color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 14%, transparent); }
.cg-mcr__appt--empty { color: var(--mc-ink-faint); font-weight:500; opacity:.6; }
.cg-mcr__actions { display:flex; align-items:center; gap:.4rem; }
.cg-mcr__primary-action { opacity:.85; }
.cg-mcr__primary-action:hover { opacity:1; }
.cg-mcr__icon-action { display:inline-flex; align-items:center; justify-content:center; width: 28px; height: 28px; border-radius: 50%; color: var(--mc-ink-soft); border: 1px solid var(--mc-border-soft); transition: background 120ms ease, color 120ms ease; flex-shrink:0; }
.cg-mcr__icon-action:hover { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark); }
@media (max-width: 900px) { .cg-mcr { margin-left:0; width:100%; justify-content:space-between; } }

/* MASTER/COACH OS -- MEINE COACHIES V2 (2026-09-02). New primitives:
   .cg-coachie-row (5-zone grid row), .cg-chip (programme/status
   language), .cg-signal (appointment operational signal), .cg-action
   (primary + icon action rail). Scoped to this screen's markup only
   -- shared .cg-mc__ base classes elsewhere are untouched. Designed
   to be reusable as-is on Coach/PRO/Universe person-row screens. */

.cg-coachie-row {
  display: grid;
  grid-template-columns: minmax(200px, 1.4fr) minmax(180px, 1.1fr) 110px minmax(120px, .9fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 68px;
  padding: .55rem 1.1rem;
  margin-bottom: .4rem;
  background: #fff;
  border: 1px solid var(--mc-border-soft);
  border-radius: 12px;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
.cg-coachie-row:hover,
.cg-coachie-row:focus-within {
  border-color: color-mix(in srgb, var(--mc-copper) 32%, var(--mc-border));
  box-shadow: 0 10px 22px -18px rgba(10, 20, 30, .3);
}
.cg-coachie-row__zone { min-width: 0; }

/* Zone 1 -- identity */
.cg-coachie-row__identity { display: flex; align-items: center; gap: .65rem; }
.cg-bulk-checkbox { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
.cg-coachie-row .cg-mc__avatar { width: 32px; height: 32px; font-size: .8rem; flex-shrink: 0; }
.cg-coachie-row__identity-text { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.cg-coachie-row__identity-text a { text-decoration: none; }
.cg-coachie-row__identity-text strong { font-size: .95rem; font-weight: 700; color: var(--mc-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cg-coachie-row__email { font-size: .74rem; color: var(--mc-ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Zone 2 -- programme/status chips (not inline prose) */
.cg-coachie-row__program { display: flex; flex-wrap: wrap; gap: .3rem; }
.cg-chip {
  display: inline-flex; align-items: center;
  font-size: .68rem; font-weight: 700; letter-spacing: .02em;
  padding: .22em .55em; border-radius: 6px; white-space: nowrap;
}
.cg-chip--active { background: color-mix(in srgb, var(--mc-copper) 14%, transparent); color: var(--mc-copper-dark); }
.cg-chip--muted { background: var(--mc-surface-soft); color: var(--mc-ink-faint); font-weight: 600; }

/* Zone 3 -- next appointment: the strongest operational signal */
.cg-coachie-row__appt { text-align: center; }
.cg-signal { display: inline-block; font-size: .8rem; font-weight: 700; white-space: nowrap; }
.cg-signal--set { color: var(--mc-copper-dark); }
.cg-signal--empty { color: var(--mc-ink-faint); font-weight: 500; opacity: .65; }

/* Zone 4 -- activity/context, quiet secondary hierarchy */
.cg-coachie-row__meta { font-size: .78rem; color: var(--mc-ink-soft); }
.cg-coachie-row__meta--muted { color: var(--mc-ink-faint); }

/* Zone 5 -- action rail: primary + icon actions, never heavy blocks */
.cg-coachie-row__actions { display: flex; align-items: center; gap: .4rem; justify-content: flex-end; }
.cg-action--primary {
  font-size: .78rem; font-weight: 700; padding: .38rem .85rem;
  border-radius: 999px; border: 1px solid var(--mc-border);
  color: var(--mc-ink); text-decoration: none; white-space: nowrap;
  transition: background 120ms ease, border-color 120ms ease;
}
.cg-action--primary:hover { background: var(--mc-surface-soft); border-color: var(--mc-copper); }
.cg-action--icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  color: var(--mc-ink-soft); border: 1px solid var(--mc-border-soft);
  flex-shrink: 0; transition: background 120ms ease, color 120ms ease;
}
.cg-action--icon:hover { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark); }

@media (max-width: 900px) {
  .cg-coachie-row { grid-template-columns: 1fr; align-items: stretch; gap: .5rem; }
  .cg-coachie-row__program { order: 2; }
  .cg-coachie-row__appt { order: 3; text-align: left; }
  .cg-coachie-row__activity { order: 4; }
  .cg-coachie-row__actions { order: 5; justify-content: flex-start; }
}

/* MASTER/COACH OS -- MEINE COACHIES V4 (2026-09-02). Visual
   recomposition: compact operating bar, coherent toolbar, dock-style
   bulk bar, product-object row zones with dividers/tint, stronger
   appointment signal. */

/* ---- operating bar: title + derived counts, no decorative KPIs ---- */
.cg-ops-bar { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.1rem; }
.cg-ops-bar__title .cg-mc__greeting { margin-bottom:.15rem; }
.cg-ops-bar__title .cg-mc__greeting-sub { margin:0; }
.cg-ops-bar__counts { display:flex; gap:1.4rem; align-items:baseline; }
.cg-ops-count { font-size:.82rem; color:var(--mc-ink-soft); white-space:nowrap; }
.cg-ops-count strong { font-size:1.05rem; font-family:var(--mc-font-display); color:var(--mc-ink); margin-right:.3em; }
.cg-ops-count--positive strong { color:var(--mc-copper-dark); }
.cg-ops-count--muted strong { color:var(--mc-ink-faint); }

/* ---- toolbar: same filter form, coherent compact surface ---- */
.cg-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.85rem; background:var(--mc-surface-soft); border:1px solid var(--mc-border-soft); border-radius:12px; padding:.9rem 1.1rem; margin-bottom:1rem; }
.cg-toolbar .cg-mc__field { margin-bottom:0; }
.cg-toolbar .cg-mc__field label { font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--mc-ink-faint); }
.cg-toolbar .cg-mc__field input,
.cg-toolbar .cg-mc__field select { background:#fff; }

/* ---- bulk bar: compact operational dock, not a heavy card ---- */
.cg-bulk-bar--dock { background:var(--mc-ink); border:none; border-radius:999px; padding:.55rem 1.1rem; box-shadow:0 14px 30px -18px rgba(10,20,30,.4); position:sticky; top:.5rem; z-index:5; margin-bottom:1rem; }
.cg-bulk-bar--dock, .cg-bulk-bar--dock strong { color:#fff; }
.cg-bulk-bar--dock select { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:8px; padding:.35rem .6rem; font-size:.82rem; }
.cg-bulk-bar--dock select option { color:#111; }
.cg-bulk-bar--dock .cg-mc__btn-primary { border-radius:999px; padding:.4rem 1rem; font-size:.82rem; }

/* ---- row zones: product objects, not form rows ---- */
.cg-coachie-row { position:relative; background: linear-gradient(180deg, #fff, #fdfcfa); }
.cg-coachie-row__identity { padding-right:.9rem; border-right:1px solid var(--mc-border-soft); }
.cg-coachie-row__program { padding: 0 .9rem; border-right:1px solid var(--mc-border-soft); }
.cg-coachie-row__appt { padding: 0 .9rem; border-right:1px solid var(--mc-border-soft); }
.cg-coachie-row__activity { padding: 0 .9rem; }
@media (max-width: 900px) {
  .cg-coachie-row__identity, .cg-coachie-row__program, .cg-coachie-row__appt { border-right:none; padding:0; }
}

/* ---- appointment signal: strongest element after the name ---- */
.cg-signal--set { font-size:.88rem; display:inline-flex; align-items:center; gap:.4rem; }
.cg-signal__dot { width:6px; height:6px; border-radius:50%; background:var(--mc-copper); flex-shrink:0; }

/* =====================================================================
   CO;GETHER EXPERIENCE CARD SYSTEM  (cg-xp-*)
   Wiederverwendbare, rollen-neutrale Premium-Experience-Primitive.
   Baut ausschliesslich auf bestehenden --mc-* Tokens auf — KEINE zweite
   Design-System-Wahrheit. Zuerst eingefuehrt fuer die Coachie Golden Page
   (dashboard-coachie.php), danach uebertragbar auf alle Member-Experiences.
   Nur Praesentation. Keine Produkt-/Business-Logik.
   Rev. 2026-09-07b — Premium Visual Finish Pass.
   ===================================================================== */

.cg-xp {
  --xp-tint: color-mix(in srgb, var(--mc-copper) 6%, var(--mc-surface));
  --xp-tint-2: color-mix(in srgb, var(--mc-copper) 11%, var(--mc-surface));
  --xp-accent: var(--mc-copper);
  --xp-accent-deep: var(--mc-copper-dark);
  --xp-motif: rgba(17, 21, 26, .055);
  --xp-edge: color-mix(in srgb, var(--mc-copper) 30%, transparent);
  display: block;
}

/* ========================================================= HERO ===== */
.cg-xp-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: calc(var(--mc-radius-l) + 4px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 16%, var(--mc-border-soft));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .6) inset,
    0 30px 60px -34px rgba(9, 21, 34, .38);
  background:
    radial-gradient(90% 120% at 88% 0%, color-mix(in srgb, var(--mc-copper) 26%, transparent), transparent 58%),
    radial-gradient(70% 120% at 100% 100%, color-mix(in srgb, var(--mc-night) 14%, transparent), transparent 60%),
    radial-gradient(60% 120% at 2% 100%, color-mix(in srgb, var(--mc-teal) 16%, transparent), transparent 55%),
    linear-gradient(156deg, #FDF9F3 0%, #F4ECDE 46%, #EADCC6 100%);
  padding: clamp(2rem, 3.6vw, 3.2rem) clamp(1.7rem, 4vw, 3.4rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 260px);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3.4rem);
  margin-bottom: var(--mc-space-6);
}
/* organic warm blob, very soft */
.cg-xp-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -14%;
  top: -55%;
  width: 62%;
  aspect-ratio: 1;
  border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%;
  background: radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--mc-copper) 30%, transparent), transparent 70%);
  filter: blur(26px);
  opacity: .55;
  pointer-events: none;
}
/* fine contour / development lines — subtle, organic */
.cg-xp-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  background: no-repeat right -60px top -40px / 460px auto
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='300' fill='none' stroke='%23091522' stroke-opacity='0.06' stroke-width='1.5'%3E%3Cpath d='M-20 250C90 250 120 150 240 150S360 60 480 60'/%3E%3Cpath d='M-20 285C90 285 120 190 240 190S360 100 480 100'/%3E%3Cpath d='M-20 215C90 215 120 110 240 110S360 20 480 20'/%3E%3C/svg%3E");
}
.cg-xp-hero__main { position: relative; z-index: 1; }
.cg-xp-hero__eyebrow {
  font-size: .74rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: var(--mc-copper-dark); margin: 0 0 .95rem;
}
.cg-xp-hero__eyebrow::before {
  content: ""; display: inline-block; width: 22px; height: 2px; margin: 0 .6rem .32em 0;
  background: var(--mc-copper); vertical-align: middle;
}
.cg-xp-hero__title {
  font-family: var(--mc-font-display);
  font-size: clamp(2.05rem, 5vw, 3.4rem);
  line-height: 1.05; font-weight: 700; letter-spacing: -.022em;
  color: var(--mc-ink); margin: 0;
}
.cg-xp-hero__title .accent {
  color: var(--mc-copper); display: inline-block; position: relative; padding-bottom: .06em;
}
.cg-xp-hero__title .accent::after {
  content: ""; position: absolute; left: 0; right: .12em; bottom: .02em; height: 3px;
  background: color-mix(in srgb, var(--mc-copper) 55%, transparent); border-radius: 3px;
}
.cg-xp-hero__sub {
  margin: 1.05rem 0 0; max-width: 42ch;
  font-size: clamp(1.02rem, 1.15vw, 1.12rem); line-height: 1.62;
  color: var(--mc-ink-soft);
}
/* inline orientation strip — reine Darstellung vorhandener Termindaten */
.cg-xp-hero__meta {
  margin: 1.5rem 0 0; padding: .7rem .95rem;
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: .55rem .85rem;
  background: color-mix(in srgb, var(--mc-surface) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 18%, transparent);
  border-radius: var(--mc-radius-pill);
  font-size: .86rem; color: var(--mc-ink-soft);
  backdrop-filter: blur(3px);
}
.cg-xp-hero__meta b { color: var(--mc-ink); font-weight: 700; }
.cg-xp-hero__meta svg { width: 15px; height: 15px; color: var(--mc-copper-dark); }
.cg-xp-hero__meta .dot { width: 3px; height: 3px; border-radius: 50%; background: color-mix(in srgb, var(--mc-ink) 30%, transparent); }

.cg-xp-hero__aside {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: flex-end; gap: 1.4rem;
  padding: 1.3rem 1.4rem 1.4rem;
  border-radius: var(--mc-radius-m);
  background: linear-gradient(155deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .16));
  border: 1px solid rgba(255, 255, 255, .55);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  backdrop-filter: blur(2px);
}
.cg-xp-hero__aside::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  border-radius: var(--mc-radius-m) 0 0 var(--mc-radius-m);
  background: linear-gradient(var(--mc-copper), var(--mc-teal-deep));
}
.cg-xp-hero__quote {
  max-width: 24ch; text-align: right; margin-left: auto;
  font-size: .96rem; line-height: 1.6; color: var(--mc-ink);
  font-style: italic;
}
.cg-xp-hero__stack { display: flex; flex-direction: column; align-items: flex-end; gap: .12rem; }
.cg-xp-hero__stack span {
  font-family: var(--mc-font-display);
  font-size: clamp(1rem, 1.4vw, 1.3rem); font-weight: 700; letter-spacing: .03em;
  color: var(--mc-ink); line-height: 1.16;
}
.cg-xp-hero__stack::after {
  content: ""; width: 46px; height: 3px; margin-top: .6rem;
  background: var(--mc-copper); border-radius: 3px;
}

/* ====================================================== SECTION ===== */
.cg-xp-section { margin-bottom: var(--mc-space-6); }
.cg-xp-section__head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
  margin-bottom: 1.15rem;
}
.cg-xp-section__title {
  display: flex; align-items: center; gap: .65rem;
  font-family: var(--mc-font-display);
  font-size: clamp(1.14rem, 1.7vw, 1.4rem); font-weight: 700; letter-spacing: -.012em;
  color: var(--mc-ink); margin: 0;
}
.cg-xp-section__title::before {
  content: ""; width: 7px; height: 18px; border-radius: 4px; flex: none;
  background: linear-gradient(var(--mc-copper), var(--mc-copper-dark));
}
.cg-xp-section__link {
  font-size: .86rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none;
  white-space: nowrap; display: inline-flex; align-items: center; gap: .3rem;
}
.cg-xp-section__link:hover { text-decoration: underline; }

/* ========================================================= GRID ===== */
.cg-xp-grid {
  display: grid; gap: clamp(1rem, 1.7vw, 1.4rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.cg-xp-grid > .cg-xp-card { min-height: 172px; }
.cg-xp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cg-xp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cg-xp-grid--secondary > .cg-xp-card { min-height: 156px; }
/* auto — 1..3 Karten sinnvoll verteilt (Mein Weg u. a.) */
.cg-xp-grid--auto { display: flex; flex-wrap: wrap; }
.cg-xp-grid--auto > .cg-xp-card { flex: 1 1 300px; min-height: 176px; }
/* Einzelkarte: horizontales Row-Layout statt duennem Vollbreit-Streifen */
.cg-xp-grid--auto > .cg-xp-card:only-child {
  min-height: 0; display: grid; column-gap: 1.15rem; row-gap: .18rem;
  grid-template-columns: 46px minmax(0, 1fr); align-content: start;
  padding: 1.3rem 1.45rem;
}
.cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__badge { grid-row: 1 / span 3; grid-column: 1; margin: 0; align-self: start; }
.cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__title,
.cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__meta,
.cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__body { grid-column: 2; }
.cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__body { max-width: 68ch; margin-top: .5rem; }
.cg-xp-grid--auto > .cg-xp-card:only-child.cg-xp-card--go { padding-bottom: 1.3rem; }
.cg-xp-grid--auto > .cg-xp-card:only-child.cg-xp-card--go > .cg-xp-card__body { padding-right: 3.4rem; }
@media (max-width: 640px) {
  .cg-xp-grid--auto > .cg-xp-card:only-child.cg-xp-card--go { padding-bottom: 3.2rem; }
  .cg-xp-grid--auto > .cg-xp-card:only-child.cg-xp-card--go > .cg-xp-card__body { padding-right: 0; }
}
@media (max-width: 640px) {
  .cg-xp-grid--auto > .cg-xp-card { flex-basis: 100%; }
  .cg-xp-grid--auto > .cg-xp-card:only-child { grid-template-columns: 1fr; }
  .cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__badge { grid-row: auto; margin-bottom: .6rem; }
  .cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__title,
  .cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__meta,
  .cg-xp-grid--auto > .cg-xp-card:only-child > .cg-xp-card__body { grid-column: 1; }
}
.cg-xp-chip-link { font-size: .8rem; font-weight: 700; color: var(--xp-accent-deep); text-decoration: none; }
.cg-xp-chip-link:hover { text-decoration: underline; }
@media (max-width: 1180px) { .cg-xp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .cg-xp-grid--3 { grid-template-columns: 1fr; } }
@media (max-width: 620px)  { .cg-xp-grid, .cg-xp-grid--2 { grid-template-columns: 1fr; } }

/* ========================================================= CARD ===== */
.cg-xp-card {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  padding: 1.2rem 1.3rem 1.3rem;
  border-radius: var(--mc-radius-m);
  border: 1px solid var(--mc-border-soft);
  background: var(--xp-tint);
  box-shadow: 0 16px 38px -28px rgba(9, 21, 34, .28);
  transition: transform .16s ease, box-shadow .16s ease;
}
/* thin category edge — Identitaet ohne Laerm */
.cg-xp-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(var(--xp-accent), var(--xp-accent-deep));
  opacity: .8;
}
.cg-xp-card--go { padding-bottom: 3rem; }
.cg-xp-card:hover { transform: translateY(-3px); box-shadow: 0 24px 46px -24px rgba(9, 21, 34, .32); }
.cg-xp-card:focus-within { outline: 2px solid color-mix(in srgb, var(--xp-accent) 45%, transparent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .cg-xp-card { transition: none; } .cg-xp-card:hover { transform: none; } }

/* per-category motif — only visible on second look */
.cg-xp-card::after {
  content: ""; position: absolute; right: -10px; bottom: -12px; width: 104px; height: 104px;
  pointer-events: none; z-index: 0; opacity: .9;
  background: no-repeat center / contain;
}

.cg-xp-card__badge {
  width: 46px; height: 46px; border-radius: 14px; flex: none;
  display: flex; align-items: center; justify-content: center;
  color: var(--xp-accent-deep);
  background:
    linear-gradient(150deg,
      color-mix(in srgb, var(--xp-accent) 22%, var(--mc-surface)),
      color-mix(in srgb, var(--xp-accent) 12%, var(--mc-surface)));
  border: 1px solid color-mix(in srgb, var(--xp-accent) 26%, transparent);
  box-shadow: 0 8px 18px -12px color-mix(in srgb, var(--xp-accent-deep) 60%, transparent);
  margin-bottom: .95rem;
}
.cg-xp-card__badge svg { width: 22px; height: 22px; }
.cg-xp-card__title {
  font-family: var(--mc-font-display);
  font-size: 1.09rem; font-weight: 700; color: var(--mc-ink); margin: 0; line-height: 1.3;
  position: relative; z-index: 1;
}
.cg-xp-card__meta {
  margin: .28rem 0 0; font-size: .82rem; font-weight: 600; letter-spacing: .005em;
  color: var(--xp-accent-deep); position: relative; z-index: 1;
}
.cg-xp-card__body {
  margin: .55rem 0 0; font-size: .92rem; line-height: 1.55; color: var(--mc-ink-soft);
  position: relative; z-index: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-xp-card__body.is-empty { color: var(--mc-ink-faint); font-style: italic; -webkit-line-clamp: unset; display: block; }
.cg-xp-card__foot {
  margin-top: auto; padding-top: .95rem;
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  font-size: .8rem; color: var(--mc-ink-soft);
  position: relative; z-index: 1;
}
.cg-xp-card__foot:empty { display: none; }
.cg-xp-card__chip {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .3rem .65rem; border-radius: var(--mc-radius-pill);
  background: color-mix(in srgb, var(--xp-accent) 14%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--xp-accent) 20%, transparent);
  color: var(--xp-accent-deep); font-weight: 600; font-size: .78rem;
}
.cg-xp-card__chip svg { width: 13px; height: 13px; }
.cg-xp-card__hint { margin: auto 0 0; padding-top: .95rem; font-size: .82rem; line-height: 1.5; color: var(--mc-ink-faint); position: relative; z-index: 1; }
.cg-xp-card__go {
  position: absolute; right: 1.1rem; bottom: 1.1rem; z-index: 2;
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--mc-surface); color: var(--xp-accent-deep);
  border: 1px solid color-mix(in srgb, var(--xp-accent) 30%, var(--mc-border));
  box-shadow: 0 8px 18px -9px rgba(9, 21, 34, .34);
  text-decoration: none; transition: background .14s ease, transform .14s ease, color .14s ease;
}
.cg-xp-card__go:hover { background: var(--xp-accent); color: #fff; transform: translateX(3px); }
.cg-xp-card__go svg { width: 17px; height: 17px; }
.cg-xp-card__go--done { background: color-mix(in srgb, var(--mc-success) 16%, var(--mc-surface)); color: var(--mc-success); border-color: color-mix(in srgb, var(--mc-success) 30%, transparent); }
.cg-xp-card--go .cg-xp-card__foot { padding-right: 2.8rem; }

/* progress */
.cg-xp-progress { margin-top: .8rem; height: 7px; border-radius: var(--mc-radius-pill); background: color-mix(in srgb, var(--mc-ink) 9%, transparent); overflow: hidden; position: relative; z-index: 1; }
.cg-xp-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--xp-accent), var(--xp-accent-deep)); }

/* avatar stack */
.cg-xp-avatars { display: flex; align-items: center; }
.cg-xp-avatars img, .cg-xp-avatars .cg-xp-avatars__more, .cg-xp-avatars__ini {
  width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--mc-surface);
  margin-left: -9px; object-fit: cover;
}
.cg-xp-avatars img:first-child, .cg-xp-avatars .cg-xp-avatars__more:first-child, .cg-xp-avatars__ini:first-child { margin-left: 0; }
.cg-xp-avatars__more, .cg-xp-avatars__ini {
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 20%, var(--mc-surface));
  color: var(--mc-copper-dark); font-size: .74rem; font-weight: 700;
}

/* ---------------------------------------- thematische Identitaeten -- */
.cg-xp-card--appointment { --xp-tint: linear-gradient(158deg, #FCF2E7, #F7E7D3); --xp-accent: var(--mc-copper); --xp-accent-deep: var(--mc-copper-dark); }
.cg-xp-card--learning    { --xp-tint: linear-gradient(158deg, #EDF4EC, #DFEEDD); --xp-accent: #4F8F72; --xp-accent-deep: #315C48; }
.cg-xp-card--material    { --xp-tint: linear-gradient(158deg, #EAF2F4, #DBE9EF); --xp-accent: var(--mc-teal); --xp-accent-deep: var(--mc-teal-deep); }
.cg-xp-card--reflection  { --xp-tint: linear-gradient(158deg, #F1EEF6, #E6E1F1); --xp-accent: #7A6BA8; --xp-accent-deep: #524578; }
.cg-xp-card--impulse     { --xp-tint: linear-gradient(158deg, #FCF3E0, #F7E9CD); --xp-accent: #B07C2E; --xp-accent-deep: #7C551C; }
.cg-xp-card--questions   { --xp-tint: linear-gradient(158deg, #F5EFE8, #EFE4D7); --xp-accent: var(--mc-copper); --xp-accent-deep: var(--mc-copper-dark); }
.cg-xp-card--program     { --xp-tint: linear-gradient(158deg, #EEF0EC, #E3E7DD); --xp-accent: #6E7F63; --xp-accent-deep: #4C5A43; }
.cg-xp-card--coach       { --xp-tint: linear-gradient(158deg, #FBF5EE, #F4E9DA); --xp-accent: var(--mc-copper); --xp-accent-deep: var(--mc-copper-dark); }
.cg-xp-card--soft        { --xp-tint: linear-gradient(158deg, #FCF9F4, #F5F0E7); --xp-accent: var(--mc-copper); --xp-accent-deep: var(--mc-copper-dark); }
.cg-xp-card--plain       { --xp-tint: var(--mc-surface); box-shadow: var(--mc-shadow-card); }

/* motifs (data-URI, sehr feine Linien) */
.cg-xp-card--appointment::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%239C5B39' stroke-opacity='0.14' stroke-width='2'%3E%3Ccircle cx='60' cy='58' r='30'/%3E%3Cpath d='M60 40v18l12 8'/%3E%3C/svg%3E"); }
.cg-xp-card--learning::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23315C48' stroke-opacity='0.14' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 82h16V60h16V40h16V20'/%3E%3C/svg%3E"); }
.cg-xp-card--material::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%232f6169' stroke-opacity='0.14' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M34 22h24l14 14v42H34z'/%3E%3Cpath d='M58 22v14h14'/%3E%3C/svg%3E"); }
.cg-xp-card--reflection::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23524578' stroke-opacity='0.14' stroke-width='2'%3E%3Ccircle cx='58' cy='58' r='10'/%3E%3Ccircle cx='58' cy='58' r='22'/%3E%3Ccircle cx='58' cy='58' r='34'/%3E%3C/svg%3E"); }
.cg-xp-card--impulse::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%237C551C' stroke-opacity='0.14' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M60 30v-8M78 40l6-6M42 40l-6-6M84 58h8M28 58h-8'/%3E%3Ccircle cx='60' cy='58' r='16'/%3E%3C/svg%3E"); }
.cg-xp-card--questions::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%239C5B39' stroke-opacity='0.13' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M28 40a18 18 0 0 1 18-18h12a18 18 0 0 1 0 36H44l-12 10v-12a18 18 0 0 1-4-16z'/%3E%3C/svg%3E"); }
.cg-xp-card--program::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%234C5A43' stroke-opacity='0.13' stroke-width='2'%3E%3Crect x='34' y='34' width='18' height='18' rx='3'/%3E%3Crect x='58' y='34' width='18' height='18' rx='3'/%3E%3Crect x='34' y='58' width='18' height='18' rx='3'/%3E%3Crect x='58' y='58' width='18' height='18' rx='3'/%3E%3C/svg%3E"); }
.cg-xp-card--coach::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%239C5B39' stroke-opacity='0.13' stroke-width='2'%3E%3Ccircle cx='46' cy='54' r='18'/%3E%3Ccircle cx='68' cy='54' r='18'/%3E%3C/svg%3E"); }
.cg-xp-card--soft::after,
.cg-xp-card--plain::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2311151A' stroke-opacity='0.05' stroke-width='2'%3E%3Ccircle cx='60' cy='60' r='16'/%3E%3Ccircle cx='60' cy='60' r='30'/%3E%3C/svg%3E"); opacity: .7; }

/* ---- Mikro-Charakter je Typ (Hierarchie/Layout, keine neuen Farben) ---- */
/* Appointment: Datum/Uhrzeit dominant */
.cg-xp-card--appointment .cg-xp-card__meta {
  font-size: 1rem; font-weight: 700; color: var(--mc-ink); letter-spacing: -.01em;
  margin-top: .35rem;
}
.cg-xp-card--appointment .cg-xp-card__title { font-size: 1rem; color: var(--mc-ink-soft); font-weight: 600; }
/* Learning: Entwicklungs-Hairline unter der Meta */
.cg-xp-card--learning .cg-xp-card__meta { padding-bottom: .5rem; border-bottom: 2px solid color-mix(in srgb, var(--xp-accent) 30%, transparent); display: inline-block; }
/* Reflection: weichere, organischere Rundung */
.cg-xp-card--reflection { border-radius: calc(var(--mc-radius-m) + 7px); }
.cg-xp-card--reflection .cg-xp-card__badge { border-radius: 50%; }
/* Impulse: Next-Step-Charakter */
.cg-xp-card--impulse .cg-xp-card__meta { text-transform: uppercase; letter-spacing: .07em; font-size: .72rem; }
.cg-xp-card--impulse .cg-xp-card__chip { font-weight: 700; }
/* Material: Content-/Dokumentkante */
.cg-xp-card--material .cg-xp-card__badge { border-radius: 10px; }

/* full-width / wide cards */
.cg-xp-card--full { width: 100%; }
.cg-xp-card--wide { padding: 1.35rem 1.45rem 1.5rem; }
.cg-xp-grid--3 > .cg-xp-card { min-height: 236px; }
.cg-xp-grid--3 .cg-xp-dev { display: flex; flex-direction: column; height: 100%; }

/* ------------------------------------------ new-strip (Neu fuer Dich) */
.cg-xp-newstrip {
  flex-direction: row; align-items: center; gap: 1.1rem; text-decoration: none;
  padding: 1.05rem 1.2rem;
}
.cg-xp-newstrip .cg-xp-card__badge { margin-bottom: 0; }
.cg-xp-newstrip__text { display: flex; flex-direction: column; gap: .18rem; min-width: 0; flex: 1; position: relative; z-index: 1; }
.cg-xp-newstrip__text strong { font-family: var(--mc-font-display); font-size: 1.02rem; color: var(--mc-ink); line-height: 1.3; }
.cg-xp-newstrip__text span { font-size: .86rem; line-height: 1.45; color: var(--mc-ink-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cg-xp-newstrip .cg-xp-card__go { position: static; flex: none; }
.cg-xp-newstrip::after { display: none; }

/* ---------------------------------------------- Erste Schritte (steps) */
.cg-xp-steps { position: relative; z-index: 1; }
.cg-xp-steps__bar { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; }
.cg-xp-steps__track { flex: 1; height: 6px; border-radius: var(--mc-radius-pill); background: color-mix(in srgb, var(--mc-ink) 9%, transparent); overflow: hidden; }
.cg-xp-steps__track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--mc-copper), var(--mc-copper-dark)); }
.cg-xp-steps__count { font-size: .78rem; font-weight: 700; color: var(--mc-copper-dark); white-space: nowrap; }
.cg-xp-steps__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.cg-xp-steps__row {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .42rem .7rem .42rem .5rem; border-radius: var(--mc-radius-pill);
  background: color-mix(in srgb, var(--mc-surface) 70%, transparent);
  border: 1px solid var(--mc-border-soft);
  font-size: .84rem; color: var(--mc-ink);
}
.cg-xp-steps__mark {
  width: 18px; height: 18px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid color-mix(in srgb, var(--mc-copper) 45%, transparent);
  color: var(--mc-copper-dark); background: var(--mc-surface);
}
.cg-xp-steps__mark svg { width: 10px; height: 10px; }
.cg-xp-steps__row--done .cg-xp-steps__mark { background: var(--mc-success); border-color: var(--mc-success); color: #fff; }
.cg-xp-steps__row--done { color: var(--mc-ink-faint); }
.cg-xp-steps__label { min-width: 0; }
.cg-xp-steps__go { font-size: .8rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; white-space: nowrap; }
.cg-xp-steps__go:hover { text-decoration: underline; }
.cg-xp-card--soft:has(.cg-xp-steps) { padding: 1.05rem 1.2rem 1.1rem; }

/* ------------------------------------------------- DEIN TAG timeline */
.cg-xp-timeline { list-style: none; margin: .5rem 0 0; padding: 0; position: relative; z-index: 1; }
.cg-xp-timeline__row { display: grid; grid-template-columns: 56px 24px 1fr; gap: .6rem; align-items: start; padding: .55rem 0; position: relative; }
.cg-xp-timeline__row > span:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: .16rem; min-width: 0; }
.cg-xp-timeline__row:not(:last-child) .cg-xp-timeline__dot::after {
  content: ""; position: absolute; left: 50%; top: 22px; bottom: -16px; width: 2px; transform: translateX(-50%);
  background: color-mix(in srgb, var(--mc-ink) 11%, transparent);
}
.cg-xp-timeline__time { font-size: .82rem; font-weight: 700; color: var(--mc-ink-soft); padding-top: 1px; }
.cg-xp-timeline__dot { position: relative; width: 24px; height: 24px; }
.cg-xp-timeline__dot > i {
  position: absolute; inset: 4px; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--mc-copper) 55%, transparent);
  background: var(--mc-surface); display: block;
}
.cg-xp-timeline__dot--done > i { background: var(--mc-copper); border-color: var(--mc-copper); }
.cg-xp-timeline__dot--add > i { border-style: dashed; }
.cg-xp-timeline__name { font-size: .94rem; font-weight: 600; color: var(--mc-ink); line-height: 1.32; }
.cg-xp-timeline__sub { font-size: .83rem; color: var(--mc-ink-faint); }
.cg-xp-timeline__tag {
  display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 13%, transparent);
  padding: .14rem .5rem; border-radius: var(--mc-radius-pill);
}
/* premium empty state */
.cg-xp-tag-empty { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; margin-top: .3rem; position: relative; z-index: 1; }
.cg-xp-tag-empty__ico {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 12%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 20%, transparent);
  color: var(--mc-copper-dark);
}
.cg-xp-tag-empty__ico svg { width: 19px; height: 19px; }
.cg-xp-tag-empty p { margin: 0; font-size: .9rem; color: var(--mc-ink-soft); line-height: 1.5; }

/* ---------------------------------------- DEINE ENTWICKLUNG (dev card) */
.cg-xp-dev { position: relative; z-index: 1; }
.cg-xp-dev__lead { margin: .55rem 0 0; font-size: .95rem; font-weight: 700; font-family: var(--mc-font-display); color: var(--mc-ink); }
.cg-xp-dev__dots { display: flex; gap: .34rem; margin-top: .8rem; flex-wrap: wrap; }
.cg-xp-dev__dots i { width: 13px; height: 13px; border-radius: 50%; background: color-mix(in srgb, var(--mc-ink) 12%, transparent); }
.cg-xp-dev__dots i.on { background: linear-gradient(var(--mc-copper), var(--mc-copper-dark)); box-shadow: 0 2px 5px -2px color-mix(in srgb, var(--mc-copper) 70%, transparent); }
.cg-xp-dev__note { margin: .7rem 0 0; font-size: .9rem; line-height: 1.55; color: var(--mc-ink-soft); }
.cg-xp-dev__inline { margin: .9rem 0 0; padding-top: .8rem; border-top: 1px solid var(--mc-border-soft); font-size: .82rem; color: var(--mc-ink-faint); }
.cg-xp-dev__inline .sep { margin: 0 .5rem; color: color-mix(in srgb, var(--mc-ink) 30%, transparent); }
.cg-xp-dev__quote { margin: auto 0 0; padding-top: .95rem; font-style: italic; font-size: .9rem; line-height: 1.5; color: var(--mc-ink-soft); }
.cg-xp-dev__quote small { display: block; font-style: normal; font-size: .76rem; color: var(--mc-ink-faint); margin-top: .3rem; }

/* -------------------------------------------------------- DEIN COACH */
.cg-xp-card--coach.cg-xp-card--wide { padding: 0; overflow: hidden; }
.cg-xp-coach {
  position: relative; z-index: 1; height: 100%;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 1.5rem 1.4rem 1.4rem;
}
.cg-xp-coach__banner {
  position: absolute; left: 0; right: 0; top: 0; height: 74px;
  background: linear-gradient(150deg, var(--mc-night) 0%, #123043 100%);
}
.cg-xp-coach__banner::after {
  content: ""; position: absolute; inset: 0; opacity: .5;
  background: no-repeat right -20px top -30px / 200px auto
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120' fill='none' stroke='%23B96F4A' stroke-opacity='0.5' stroke-width='1.5'%3E%3Ccircle cx='150' cy='40' r='40'/%3E%3Ccircle cx='150' cy='40' r='62'/%3E%3C/svg%3E");
}
.cg-xp-coach__ini, .cg-xp-coach__avatar {
  position: relative; z-index: 1;
  width: 74px; height: 74px; border-radius: 50%; margin: 0 auto .65rem; object-fit: cover;
  border: 4px solid var(--mc-surface); box-shadow: 0 12px 26px -12px rgba(9, 21, 34, .45);
}
.cg-xp-coach__ini {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 26%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 14%, var(--mc-surface)));
  color: var(--mc-copper-dark); font-family: var(--mc-font-display); font-size: 1.55rem; font-weight: 700;
}
.cg-xp-coach__name { font-family: var(--mc-font-display); font-size: 1.14rem; font-weight: 700; color: var(--mc-ink); margin: 0; }
.cg-xp-coach__role { font-size: .82rem; color: var(--mc-ink-faint); margin: .15rem 0 .3rem; }
.cg-xp-coach__line { font-size: .86rem; line-height: 1.5; color: var(--mc-ink-soft); margin: 0 0 1.1rem; max-width: 24ch; }
.cg-xp-coach__actions { display: flex; flex-direction: column; gap: .55rem; width: 100%; margin-top: auto; }
.cg-xp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .7rem 1rem; border-radius: var(--mc-radius-pill); font-size: .9rem; font-weight: 600;
  text-decoration: none; border: 1.5px solid transparent; cursor: pointer; line-height: 1;
}
.cg-xp-btn svg { width: 16px; height: 16px; }
.cg-xp-btn--primary { background: var(--mc-copper); color: #fff; box-shadow: 0 10px 20px -12px color-mix(in srgb, var(--mc-copper) 80%, transparent); }
.cg-xp-btn--primary:hover { background: var(--mc-copper-dark); }
.cg-xp-btn--ghost { background: var(--mc-surface); color: var(--mc-ink); border-color: var(--mc-border); }
.cg-xp-btn--ghost:hover { background: color-mix(in srgb, var(--mc-copper) 8%, var(--mc-surface)); border-color: var(--xp-edge); }

/* --------------------------------------------------- LEARNING JOURNEY */
.cg-xp-journey {
  position: relative; overflow: hidden;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: linear-gradient(158deg, #FCF9F4, #F4EFE6);
  box-shadow: 0 16px 38px -28px rgba(9, 21, 34, .28);
  padding: 1.5rem 1.6rem;
  display: grid; grid-template-columns: 1fr auto; gap: 1.6rem; align-items: center;
}
.cg-xp-journey::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(var(--mc-copper), var(--mc-copper-dark)); }
.cg-xp-journey__steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: .5rem; }
.cg-xp-journey__step { text-align: center; position: relative; }
.cg-xp-journey__step:not(:last-child)::after {
  content: ""; position: absolute; left: calc(50% + 22px); right: calc(-50% + 22px); top: 18px; height: 2px;
  background: color-mix(in srgb, var(--mc-ink) 14%, transparent);
}
.cg-xp-journey__step--erreicht:not(:last-child)::after { background: color-mix(in srgb, var(--mc-copper) 50%, transparent); }
.cg-xp-journey__mark {
  width: 38px; height: 38px; border-radius: 50%; margin: 0 auto .6rem;
  display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;
  background: var(--mc-surface); border: 2px solid color-mix(in srgb, var(--mc-ink) 16%, transparent);
  color: var(--mc-ink-faint); font-size: .8rem; font-weight: 700;
}
.cg-xp-journey__mark svg { width: 16px; height: 16px; }
.cg-xp-journey__step--erreicht .cg-xp-journey__mark { background: var(--mc-copper); border-color: var(--mc-copper); color: #fff; }
.cg-xp-journey__step--aktuell .cg-xp-journey__mark { border-color: var(--mc-copper); color: var(--mc-copper-dark); box-shadow: 0 0 0 5px color-mix(in srgb, var(--mc-copper) 16%, transparent); }
.cg-xp-journey__label { font-size: .88rem; font-weight: 700; color: var(--mc-ink); }
.cg-xp-journey__step--bevorstehend .cg-xp-journey__label { color: var(--mc-ink-faint); font-weight: 600; }
.cg-xp-journey__sub { font-size: .75rem; color: var(--mc-ink-faint); margin-top: .14rem; }
.cg-xp-journey__note {
  max-width: 230px; padding: 1rem 1.1rem; border-radius: var(--mc-radius-s);
  background: color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 18%, transparent);
  font-size: .84rem; line-height: 1.5; color: var(--mc-ink-soft);
  display: flex; gap: .65rem; align-items: flex-start;
}
.cg-xp-journey__note svg { width: 19px; height: 19px; color: var(--mc-copper-dark); flex: none; margin-top: 1px; }

/* ---------------------------------------- DEIN VERLAUF (leichte Timeline) */
.cg-xp-card--soft:has(.cg-xp-log) { padding: 1.1rem 1.3rem; background: linear-gradient(158deg, #FCFAF6, #F7F2EA); }
.cg-xp-log { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; }
.cg-xp-log__row {
  display: grid; grid-template-columns: 20px 1fr auto; gap: .9rem; align-items: baseline;
  padding: .62rem 0 .62rem; position: relative;
}
.cg-xp-log__dot { position: relative; align-self: stretch; }
.cg-xp-log__dot::before {
  content: ""; position: absolute; left: 50%; top: 8px; width: 8px; height: 8px; margin-left: -4px;
  border-radius: 50%; background: var(--mc-copper);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-copper) 16%, transparent);
}
.cg-xp-log__row:not(:last-child) .cg-xp-log__dot::after {
  content: ""; position: absolute; left: 50%; top: 18px; bottom: -12px; width: 2px; margin-left: -1px;
  background: color-mix(in srgb, var(--mc-ink) 10%, transparent);
}
.cg-xp-log__dot svg { display: none; }
.cg-xp-log__main { min-width: 0; }
.cg-xp-log__main a, .cg-xp-log__main strong { font-size: .92rem; font-weight: 600; color: var(--mc-ink); text-decoration: none; }
.cg-xp-log__main a:hover { color: var(--mc-copper-dark); }
.cg-xp-log__type { display: block; font-size: .74rem; font-weight: 600; letter-spacing: .03em; color: var(--mc-ink-faint); margin-top: .1rem; }
.cg-xp-log__date { font-size: .78rem; color: var(--mc-ink-faint); white-space: nowrap; }

/* ------------------------------------------- slim list (fallback/simple) */
.cg-xp-list { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; }
.cg-xp-list__row {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .7rem 0; border-bottom: 1px solid var(--mc-border-soft); font-size: .92rem;
}
.cg-xp-list__row:last-child { border-bottom: 0; }
.cg-xp-list__row a { color: var(--mc-ink); font-weight: 600; text-decoration: none; }
.cg-xp-list__row a:hover { color: var(--mc-copper-dark); }
.cg-xp-list__meta { font-size: .8rem; color: var(--mc-ink-faint); white-space: nowrap; display: flex; align-items: center; gap: .5rem; }
.cg-xp-list__tag {
  font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--mc-ink-soft); background: color-mix(in srgb, var(--mc-ink) 6%, transparent);
  padding: .14rem .5rem; border-radius: var(--mc-radius-pill);
}

/* ================================================ COACHIE KALENDER ===
   Praesentations-Chrome um die bestehenden geteilten Partials
   (.cg-timeline / .cg-cal-mini / .cg-mc__list). Alles unter .cg-xp-cal
   gescoped — die Coach-/Master-Kalenderansicht (mein-kalender.php) ist
   NICHT betroffen. Kein neues Kalender-Grid.
   =================================================================== */
.cg-xp-hero--cal { padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1.6rem, 4vw, 3rem); }
.cg-xp-hero--cal .cg-xp-hero__title { font-size: clamp(1.8rem, 4vw, 2.7rem); }
.cg-xp-hero--cal .cg-xp-hero__stack span { font-size: clamp(.9rem, 1.2vw, 1.1rem); }

.cg-xp-cal { display: block; margin-top: var(--mc-space-2); }

/* toolbar: segmented control in eigener Leiste */
.cg-xp-cal__toolbar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem;
  padding: .5rem; margin-bottom: 1.1rem;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m); box-shadow: var(--mc-shadow-card);
}
.cg-xp-cal .cg-ws__ptabs { gap: .25rem; margin: 0; border: 0; padding: 0; background: transparent; flex-wrap: wrap; overflow: visible; }
.cg-xp-cal .cg-ws__ptab {
  border: 0; border-radius: var(--mc-radius-pill); padding: .55rem 1.1rem;
  font-size: .88rem; font-weight: 600; color: var(--mc-ink-soft); background: transparent;
}
.cg-xp-cal .cg-ws__ptab:hover { background: color-mix(in srgb, var(--mc-copper) 8%, transparent); color: var(--mc-ink); }
.cg-xp-cal .cg-ws__ptab.is-active {
  background: linear-gradient(150deg, var(--mc-night), #123043); color: #fff;
  box-shadow: 0 8px 18px -10px rgba(9, 21, 34, .5);
}

/* date navigation */
.cg-xp-cal__datenav {
  display: flex; align-items: center; justify-content: center; gap: .8rem;
  margin: 0 0 1rem;
}
.cg-xp-cal__navbtn {
  width: 38px; height: 38px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--mc-surface); border: 1px solid var(--mc-border);
  color: var(--mc-copper-dark); text-decoration: none;
  box-shadow: 0 6px 14px -9px rgba(9, 21, 34, .3);
  transition: background .14s ease, color .14s ease;
}
.cg-xp-cal__navbtn:hover { background: var(--mc-copper); color: #fff; border-color: var(--mc-copper); }
.cg-xp-cal__navbtn svg { width: 17px; height: 17px; }
.cg-xp-cal__navdate {
  display: inline-flex; align-items: center; gap: .6rem; text-align: center;
  font-family: var(--mc-font-display); font-size: 1.02rem; font-weight: 700; color: var(--mc-ink);
  text-transform: capitalize;
}
.cg-xp-cal__navtoday {
  font-family: var(--mc-font-body); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 14%, transparent);
  padding: .16rem .5rem; border-radius: var(--mc-radius-pill);
}

/* main surface holding the shared timeline / week list */
.cg-xp-cal__surface { padding: 1.3rem 1.4rem; }
.cg-xp-cal__surface::before, .cg-xp-cal__surface::after { display: none; }
.cg-xp-cal__surface .cg-mc__section-title {
  font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; color: var(--mc-ink);
  letter-spacing: -.01em; display: flex; align-items: center; gap: .5rem;
}
.cg-xp-cal__surface .cg-mc__section-title::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mc-copper); flex: none;
}

/* impulse rows -> ruhige Karten */
.cg-xp-cal__surface .cg-mc__list { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .5rem; }
.cg-xp-cal__surface .cg-mc__row {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem 1rem; flex-wrap: wrap;
  padding: .7rem .85rem; border-radius: var(--mc-radius-s);
  background: linear-gradient(158deg, #FCF3E2, #F7E9CD);
  border: 1px solid color-mix(in srgb, #B07C2E 22%, transparent);
}
.cg-xp-cal__surface .cg-mc__row-main { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; min-width: 0; }
.cg-xp-cal__surface .cg-mc__row-detail { margin-left: auto; font-size: .84rem; color: var(--mc-ink-soft); white-space: nowrap; }
.cg-xp-cal__surface .cg-mc__row-name { font-weight: 600; color: var(--mc-ink); font-size: .92rem; }
.cg-xp-cal__surface .cg-mc__row .cg-mc__btn-secondary { border-color: color-mix(in srgb, #7C551C 40%, transparent); color: #7C551C; }

/* week days */
.cg-xp-cal__surface .cg-cal-week__day { border: 0; border-top: 1px solid var(--mc-border-soft); padding-top: .4rem; }
.cg-xp-cal__surface .cg-cal-week__day:first-child { border-top: 0; }
.cg-xp-cal__surface .cg-cal-week__day--today { background: color-mix(in srgb, var(--mc-copper) 5%, transparent); border-radius: var(--mc-radius-s); }

/* empty states */
.cg-xp-cal__surface .is-empty { color: var(--mc-ink-faint); font-style: italic; }
.cg-xp-cal__surface > .cg-mc__empty,
.cg-xp-cal__surface .cg-timeline + .cg-mc__empty,
.cg-xp-cal__surface .cg-mc__empty:only-child {
  text-align: center; font-style: italic; color: var(--mc-ink-soft);
  padding: 1.6rem 1rem; margin: 0;
  background: linear-gradient(158deg, #FCFAF6, #F5F0E7);
  border: 1px dashed color-mix(in srgb, var(--mc-copper) 26%, transparent);
  border-radius: var(--mc-radius-s);
}

/* quick add — premium disclosure */
.cg-xp-cal__add {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card); padding: 0;
}
.cg-xp-cal__add > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: .65rem;
  padding: .95rem 1.1rem; font-family: var(--mc-font-display); font-weight: 700; font-size: .95rem; color: var(--mc-ink);
}
.cg-xp-cal__add > summary::-webkit-details-marker { display: none; }
.cg-xp-cal__add-ico {
  width: 30px; height: 30px; border-radius: 9px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 16%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 24%, transparent); color: var(--mc-copper-dark);
  transition: transform .16s ease;
}
.cg-xp-cal__add-ico svg { width: 16px; height: 16px; }
.cg-xp-cal__add[open] .cg-xp-cal__add-ico { transform: rotate(45deg); }
.cg-xp-cal__add > div { padding: 0 1.1rem 1.1rem; }

/* mini-calendar as a real secondary card */
.cg-xp-cal__aside { padding: 1.1rem 1.15rem 1.2rem; }
.cg-xp-cal__aside::before, .cg-xp-cal__aside::after { display: none; }
.cg-xp-cal__aside .cg-mc__greeting-sub {
  margin: 0 0 .8rem !important; padding: 0 .1rem;
}
.cg-xp-cal__aside .cg-mc__greeting-sub strong,
.cg-xp-cal__surface > .cg-cal-mini .cg-mc__greeting-sub strong {
  font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; color: var(--mc-ink); text-transform: capitalize;
}
.cg-xp-cal__aside .cg-mc__greeting-sub a {
  width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  color: var(--mc-copper-dark); text-decoration: none; font-size: 1.05rem;
  background: color-mix(in srgb, var(--mc-copper) 10%, transparent);
}
.cg-xp-cal__aside .cg-mc__greeting-sub a:hover { background: var(--mc-copper); color: #fff; }
.cg-xp-cal__aside .cg-cal-mini,
.cg-xp-cal__surface > .cg-cal-mini { border: 0; padding: 0; background: transparent; }

@media (max-width: 640px) {
  .cg-xp-cal__toolbar { justify-content: stretch; }
  .cg-xp-cal .cg-ws__ptab { flex: 1; text-align: center; padding: .55rem .5rem; }
  .cg-xp-cal__surface { padding: 1rem 1rem; }
  .cg-xp-cal__navdate { font-size: .92rem; }
}

/* ==================================================== RESPONSIVE ===== */
@media (max-width: 900px) {
  .cg-xp-hero { grid-template-columns: 1fr; align-items: start; gap: 1.5rem; }
  .cg-xp-hero__aside { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 1.1rem 2.4rem; }
  .cg-xp-hero__quote { text-align: left; margin-left: 0; }
  .cg-xp-hero__stack { align-items: flex-start; }
  .cg-xp-hero__stack::after { align-self: flex-start; }
  .cg-xp-journey { grid-template-columns: 1fr; }
  .cg-xp-journey__note { max-width: none; }
}
@media (max-width: 780px) {
  .cg-xp-journey__steps { grid-template-columns: 1fr; gap: 0; }
  .cg-xp-journey__step { text-align: left; display: grid; grid-template-columns: 38px 1fr; gap: .8rem; align-items: center; padding: .55rem 0; }
  .cg-xp-journey__step:not(:last-child)::after { left: 18px; right: auto; top: 44px; bottom: -8px; width: 2px; height: auto; }
  .cg-xp-journey__mark { margin: 0; }
}
@media (max-width: 560px) {
  .cg-xp-hero { padding: 1.5rem 1.3rem; }
  .cg-xp-hero__title { font-size: 2rem; }
  .cg-xp-card { min-height: 0; }
  .cg-xp-grid > .cg-xp-card, .cg-xp-grid--3 > .cg-xp-card, .cg-xp-grid--secondary > .cg-xp-card { min-height: 0; }
  .cg-xp-timeline__row { grid-template-columns: 48px 22px 1fr; }
  .cg-xp-dev__facts { gap: .6rem; }
}

/* ==================================================================
   COACHIE CALENDAR — VISUAL FINAL FINISH (2026-09-08)
   Additiv. Neue Praesentations-Primitive auf der bestehenden --mc-*-/
   cg-xp-*-DNA:
     .cg-xp-week      — zusammenhaengende Wochenflaeche (nur Coachie-View;
                        die Coach-/Master-Wochenansicht nutzt weiterhin
                        .cg-cal-week__day und ist NICHT betroffen)
     .cg-xp-negotiate — Verhandlungs-/Vorschlags-Zustaende (geteilt
                        Coach + Coachie, ersetzt die Inline-warning-Boxen)
     .cg-sp           — availability-driven Slot-Picker (geteilt)
   Keine Funktions-, Logik- oder Statusaenderung.
   ================================================================== */

/* -------------------------------------------------- Wochenflaeche --- */
.cg-xp-week {
  position: relative;
  display: grid; gap: .55rem;
  padding: 1.15rem 1.2rem;
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  box-shadow: var(--mc-shadow-card);
}
.cg-xp-week__lead {
  margin: 0 0 .4rem; font-size: .9rem; line-height: 1.55; color: var(--mc-ink-soft);
}
/* komplett leere Woche -> kompakte Einzeiler statt 7 luftiger Bloecke */
.cg-xp-week[data-week-empty] { gap: .15rem; }
.cg-xp-week[data-week-empty] .cg-xp-week__day {
  grid-template-columns: 132px minmax(0, 1fr); align-items: baseline;
  padding: .3rem .55rem;
}
.cg-xp-week[data-week-empty] .cg-xp-week__rail { flex-direction: row; align-items: baseline; gap: .4rem; }
.cg-xp-week[data-week-empty] .cg-xp-week__num { font-size: .98rem; }
.cg-xp-week[data-week-empty] .cg-xp-week__dow,
.cg-xp-week[data-week-empty] .cg-xp-week__mon { font-size: .66rem; }
.cg-xp-week[data-week-empty] .cg-xp-week__free { font-size: .84rem; }
.cg-xp-week__day {
  display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 0 1rem;
  padding: .7rem .8rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft);
  border: 1px solid transparent;
  transition: border-color .14s ease, background .14s ease;
}
.cg-xp-week__day.is-free { background: transparent; }
.cg-xp-week__day.is-past { opacity: .62; }
.cg-xp-week__day.is-today {
  background: linear-gradient(158deg, color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 4%, var(--mc-surface)));
  border-color: color-mix(in srgb, var(--mc-copper) 30%, transparent);
}
.cg-xp-week__rail {
  display: flex; flex-direction: column; align-items: flex-start; gap: .05rem;
  text-decoration: none; color: var(--mc-ink); align-self: start;
}
.cg-xp-week__rail:hover .cg-xp-week__num { color: var(--mc-copper-dark); }
.cg-xp-week__dow {
  font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--mc-ink-faint);
}
.cg-xp-week__num { font-family: var(--mc-font-display); font-size: 1.35rem; font-weight: 700; line-height: 1.05; }
.cg-xp-week__mon {
  font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-xp-week__today {
  margin-top: .3rem; font-size: .64rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 16%, transparent);
  padding: .12rem .42rem; border-radius: var(--mc-radius-pill);
}
.cg-xp-week__content { min-width: 0; align-self: center; }
.cg-xp-week__free { margin: 0; font-size: .86rem; color: var(--mc-ink-faint); }
.cg-xp-week__items { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.cg-xp-week__item {
  display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 0 .7rem; align-items: baseline;
  padding: .5rem .6rem; border-radius: 8px;
  background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-copper);
}
.cg-xp-week__day.is-free .cg-xp-week__item,
.cg-xp-week__day:not(.is-today) .cg-xp-week__item { background: var(--mc-surface); }
.cg-xp-week__item--impulse { border-left-color: color-mix(in srgb, #B07C2E 60%, transparent); }
.cg-xp-week__item.is-pending { border-left-color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 7%, var(--mc-surface)); }
.cg-xp-week__time {
  font-weight: 700; font-size: .82rem; color: var(--mc-ink); white-space: nowrap;
  display: flex; flex-direction: column; line-height: 1.25;
}
.cg-xp-week__time i { font-style: normal; font-weight: 500; font-size: .72rem; color: var(--mc-ink-faint); }
.cg-xp-week__body { min-width: 0; display: flex; flex-direction: column; gap: .18rem; }
.cg-xp-week__name { font-weight: 600; font-size: .9rem; color: var(--mc-ink); overflow-wrap: anywhere; }
.cg-xp-week__tags { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; font-size: .78rem; color: var(--mc-ink-soft); }
.cg-xp-week__with { color: var(--mc-ink-soft); }
.cg-xp-week__flag {
  font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 15%, transparent);
  padding: .1rem .4rem; border-radius: var(--mc-radius-pill);
}

/* --------------------------------------- Verhandlungs-/Vorschlag ---- */
.cg-xp-negotiate {
  margin-top: .7rem; max-width: 440px;
  padding: .95rem 1rem 1rem;
  border-radius: var(--mc-radius-s);
  background: linear-gradient(158deg, #FCFAF6, #F5F0E7);
  border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-copper);
}
.cg-xp-negotiate--in { border-left-color: var(--mc-warning); background: var(--mc-warning-bg); }
.cg-xp-negotiate--wait { border-left-color: color-mix(in srgb, var(--mc-teal) 55%, transparent); }
.cg-xp-negotiate__title {
  margin: 0 0 .35rem; font-family: var(--mc-font-display); font-weight: 700; font-size: .95rem; color: var(--mc-ink);
}
.cg-xp-negotiate--in .cg-xp-negotiate__title { color: var(--mc-warning); }
.cg-xp-negotiate__when { margin: 0 0 .3rem; font-size: .9rem; font-weight: 600; color: var(--mc-ink); }
.cg-xp-negotiate__msg { margin: 0 0 .4rem; font-size: .85rem; font-style: italic; color: var(--mc-ink-soft); }
.cg-xp-negotiate__note { margin: .3rem 0 0; font-size: .8rem; color: var(--mc-ink-soft); }
.cg-xp-negotiate__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .7rem; margin-top: .7rem; }
.cg-xp-negotiate__form { margin: 0; }
.cg-xp-negotiate__primary { width: auto; font-size: .85rem; padding: .6rem 1.3rem; }
.cg-xp-negotiate__tertiary {
  background: none; border: 0; padding: .3rem .2rem; margin: 0;
  font: inherit; font-size: .82rem; color: var(--mc-ink-soft);
  text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
.cg-xp-negotiate__tertiary:hover { color: var(--mc-alert); }
.cg-xp-negotiate__tertiary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; border-radius: 4px; }
/* der Slot-Picker als SECONDARY zwischen Annehmen (primary) und Ablehnen (tertiary) */
.cg-xp-negotiate__actions .cg-sp { margin: 0; flex: 1 1 100%; order: 3; }
.cg-xp-negotiate__actions .cg-xp-negotiate__form:last-child { order: 4; }

/* ------------------------------------------------ Slot-Picker ------- */
.cg-sp { margin-top: .55rem; }
.cg-sp__summary {
  cursor: pointer; list-style: none;
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .84rem; font-weight: 600; color: var(--mc-copper-dark);
}
.cg-sp__summary::-webkit-details-marker { display: none; }
.cg-sp__summary::before {
  content: "+"; font-weight: 700; font-size: 1rem; line-height: 1;
  width: 18px; height: 18px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 15%, transparent);
}
.cg-sp[open] .cg-sp__summary::before { content: "\2013"; }
.cg-sp__form {
  margin-top: .7rem; padding: 1rem;
  border-radius: var(--mc-radius-s);
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  max-width: 400px;
}
.cg-sp__label { display: block; font-size: .82rem; font-weight: 700; color: var(--mc-ink); margin-bottom: .35rem; }
.cg-sp__date {
  display: block; width: 100%; margin-bottom: .7rem;
  padding: .6em .7em; border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border); font-family: inherit; font-size: .9rem;
  color: var(--mc-ink); background: var(--mc-surface);
}
.cg-sp__date:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
.cg-sp__status { font-size: .82rem; color: var(--mc-ink-soft); margin: 0 0 .55rem; }
.cg-sp__slots { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .2rem; }
.cg-sp__slots:not(:empty) { margin-bottom: .7rem; }
.cg-sp__slot {
  padding: .5em .85em; border-radius: var(--mc-radius-pill);
  border: 1.5px solid var(--mc-border); background: var(--mc-surface);
  font-family: inherit; font-size: .86rem; font-weight: 600; color: var(--mc-ink);
  cursor: pointer; transition: background .12s ease, border-color .12s ease, color .12s ease;
  min-height: 40px;
}
.cg-sp__slot:hover { border-color: var(--mc-copper); color: var(--mc-copper-dark); }
.cg-sp__slot:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-sp__slot.is-selected {
  background: var(--mc-copper); border-color: var(--mc-copper); color: #fff;
  box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--mc-copper) 60%, transparent);
}
.cg-sp__msg {
  display: block; width: 100%; margin-bottom: .7rem;
  padding: .55em .7em; border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border); font-family: inherit; font-size: .88rem;
  resize: vertical; color: var(--mc-ink); background: var(--mc-surface);
}
.cg-sp__msg:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
.cg-sp__submit { width: auto; font-size: .85rem; padding: .6rem 1.3rem; }
.cg-sp__submit[disabled] { opacity: .45; cursor: not-allowed; }
.cg-sp__hint { font-size: .78rem; color: var(--mc-ink-faint); line-height: 1.5; margin: .55rem 0 0; }

/* -------------------------------------------------- responsive ----- */
@media (max-width: 640px) {
  .cg-xp-week { padding: .9rem .85rem; }
  .cg-xp-week__day { grid-template-columns: 58px minmax(0, 1fr); gap: 0 .7rem; padding: .6rem .65rem; }
  .cg-xp-week__num { font-size: 1.2rem; }
  .cg-xp-week__item { grid-template-columns: 42px minmax(0, 1fr); gap: 0 .55rem; padding: .45rem .5rem; }
  .cg-xp-negotiate { max-width: none; }
  .cg-xp-negotiate__actions { gap: .5rem; }
  .cg-xp-negotiate__primary,
  .cg-xp-negotiate__actions .cg-xp-negotiate__form:last-child { flex: 1 1 100%; }
  .cg-xp-negotiate__primary { width: 100%; }
  .cg-xp-negotiate__tertiary { align-self: flex-start; }
  .cg-sp__form { max-width: none; }
  .cg-sp__slot { flex: 1 1 30%; text-align: center; }
}

/* ==================================================================
   COACHIE „MEINE COACHES" — PREMIUM VISUAL + UX FINALIZATION
   (2026-09-08). Additiv. Erweitert das bestehende .cg-xp-coach-
   Primitiv (Dashboard) um eine Hero-Beziehungs-Card + Kontext-Chips
   + kompaktes Weitere-Begleitung-Grid. Keine zweite Designwelt.
   ================================================================== */

/* -- adaptive Begleitungs-Komposition ----------------------------- */
/* FINAL DESKTOP COMPOSITION PASS (2026-09-08): Primary + Weitere als EINE
   bewusst komponierte Flaeche. Nur Layout -- Karten-Inhalte unveraendert. */
.cg-xp-team { display: block; }
.cg-xp-team__more { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.cg-xp-team__label { margin: 0 0 1rem; }
/* Primary + GENAU 1 weitere -> 2-Spalten-Komposition (Primary ~62 %) */
.cg-xp-team--compose {
  display: grid; align-items: start;
  grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
  gap: clamp(1.2rem, 2.6vw, 2.1rem);
  max-width: 1060px;
}
.cg-xp-team--compose .cg-xp-coach--hero { max-width: none; }
.cg-xp-team--compose .cg-xp-team__more { margin-top: 0; }
.cg-xp-team--compose .cg-xp-coaches-grid,
.cg-xp-team--compose .cg-xp-coaches-grid:has(> .cg-xp-card:only-child) {
  grid-template-columns: minmax(0, 1fr); max-width: none;
}
@media (max-width: 900px) {
  .cg-xp-team--compose { grid-template-columns: 1fr; max-width: 720px; gap: 0; }
  .cg-xp-team--compose .cg-xp-coach--hero { max-width: 720px; }
  .cg-xp-team--compose .cg-xp-team__more { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
  .cg-xp-team--compose .cg-xp-coaches-grid,
  .cg-xp-team--compose .cg-xp-coaches-grid:has(> .cg-xp-card:only-child) {
    max-width: 430px;
  }
}

/* -- Primary Coach: grosse Beziehungs-Card (horizontal) ------------- */
/* FINAL DENSITY REMEDIATION (2026-09-08): bewusst komponierte Card statt
   Vollbreit-Streckung -- die Card ist nur so breit, wie ihr Inhalt sie
   traegt (max-width), Content-Spalte auf gute Lesebreite kalibriert. */
.cg-xp-card--coach.cg-xp-coach--hero {
  padding: 0; overflow: hidden; position: relative;
  width: 100%; max-width: 720px;
  display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: 0;
  align-items: stretch;
}
.cg-xp-coach--hero .cg-xp-coach__figure,
.cg-xp-coach--hero .cg-xp-coach__detail { min-width: 0; }
.cg-xp-coach--hero .cg-xp-coach__name,
.cg-xp-coach--hero .cg-xp-coach__role,
.cg-xp-coach--hero .cg-xp-coach__since { overflow-wrap: anywhere; }
.cg-xp-card--coach.cg-xp-coach--hero::before,
.cg-xp-card--coach.cg-xp-coach--hero::after { display: none; }
.cg-xp-coach--hero .cg-xp-coach__banner {
  position: absolute; left: 0; top: 0; bottom: 0; width: 248px; height: auto;
  background: linear-gradient(158deg, var(--mc-night) 0%, #123043 100%);
}
.cg-xp-coach--hero .cg-xp-coach__banner::after {
  content: ""; position: absolute; inset: 0; opacity: .5;
  background: no-repeat center / 210px auto
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' stroke='%23B96F4A' stroke-opacity='0.5' stroke-width='1.5'%3E%3Ccircle cx='100' cy='70' r='46'/%3E%3Ccircle cx='100' cy='70' r='72'/%3E%3C/svg%3E");
}
.cg-xp-coach--hero .cg-xp-coach__figure {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  padding: 2rem 1rem;
}
.cg-xp-coach--hero .cg-xp-coach__avatar,
.cg-xp-coach--hero .cg-xp-coach__ini {
  width: 108px; height: 108px; margin: 0;
  border: 4px solid var(--mc-surface); border-radius: 50%;
  box-shadow: 0 16px 34px -14px rgba(9, 21, 34, .55);
  object-fit: cover;
}
.cg-xp-coach--hero .cg-xp-coach__ini {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 30%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 16%, var(--mc-surface)));
  color: var(--mc-copper-dark); font-family: var(--mc-font-display); font-size: 2.1rem; font-weight: 700;
}
.cg-xp-coach--hero .cg-xp-coach__detail {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: flex-start; text-align: left;
  justify-content: center;
  padding: 1.9rem 2rem 1.9rem 1.7rem;
}
.cg-xp-coach--hero .cg-xp-coach__role {
  font-size: .74rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  color: var(--mc-copper-dark); margin: 0 0 .25rem;
}
.cg-xp-coach--hero .cg-xp-coach__name { font-size: 1.5rem; margin: 0; }
.cg-xp-coach__since { font-size: .84rem; color: var(--mc-ink-faint); margin: .3rem 0 0; }
.cg-xp-coach--hero .cg-xp-coach__line { max-width: 46ch; margin: .9rem 0 1.1rem; }
.cg-xp-coach--hero .cg-xp-coach__actions { flex-direction: row; flex-wrap: wrap; width: auto; margin-top: 0; }

/* -- Beziehungs-Kontext-Chips (geteilt hero + compact) ------------- */
.cg-xp-coach__chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: .7rem 0 0; }
.cg-xp-coach--hero .cg-xp-coach__chips { margin: .8rem 0 0; }
.cg-xp-coach__chip {
  font-size: .74rem; font-weight: 600; letter-spacing: .01em;
  color: var(--mc-teal-deep);
  background: color-mix(in srgb, var(--mc-teal) 12%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-teal) 24%, transparent);
  padding: .22rem .6rem; border-radius: var(--mc-radius-pill);
}

/* -- Weitere Begleitung: adaptive Grid-Dichte --------------------- */
/* FINAL DENSITY REMEDIATION (2026-09-08): keine 240px-Card in einer
   1200px-Flaeche. Die Spaltenzahl folgt der tatsaechlichen Anzahl
   weiterer Begleitungen (:has-Kind-Zaehlung), 1 Coach = bewusst
   platzierte mittelgrosse Card. */
.cg-xp-coaches-grid {
  display: grid; gap: clamp(1rem, 1.7vw, 1.4rem);
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  align-items: stretch; max-width: 780px;
}
/* genau eine weitere Begleitung -> eine mittelgrosse, bewusst gesetzte Card */
.cg-xp-coaches-grid:has(> .cg-xp-card:only-child) {
  grid-template-columns: minmax(0, 430px); max-width: 430px;
}
.cg-xp-coaches-grid:has(> .cg-xp-card:only-child) .cg-xp-coach--compact .cg-xp-coach {
  padding: 1.9rem 1.7rem 1.7rem;
}
.cg-xp-coaches-grid:has(> .cg-xp-card:only-child) .cg-xp-coach--compact .cg-xp-coach__avatar,
.cg-xp-coaches-grid:has(> .cg-xp-card:only-child) .cg-xp-coach--compact .cg-xp-coach__ini {
  width: 80px; height: 80px;
}
.cg-xp-coaches-grid:has(> .cg-xp-card:only-child) .cg-xp-coach--compact .cg-xp-coach__name { font-size: 1.14rem; }
/* genau zwei -> ruhiges 2er-Grid */
.cg-xp-coaches-grid:has(> .cg-xp-card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 604px;
}
/* genau drei -> ruhiges 3er-Grid in einer Reihe */
.cg-xp-coaches-grid:has(> .cg-xp-card:nth-child(3):last-child) {
  grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 780px;
}
.cg-xp-card--coach.cg-xp-coach--compact { padding: 0; }
.cg-xp-coach--compact .cg-xp-coach { padding: 1.5rem 1.3rem 1.4rem; height: 100%; }
.cg-xp-coach--compact .cg-xp-coach__avatar,
.cg-xp-coach--compact .cg-xp-coach__ini {
  width: 64px; height: 64px; margin: 0 0 .7rem;
  border: 3px solid var(--mc-surface); box-shadow: 0 10px 22px -12px rgba(9, 21, 34, .4);
}
.cg-xp-coach--compact .cg-xp-coach__ini {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 24%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 12%, var(--mc-surface)));
  color: var(--mc-copper-dark); font-family: var(--mc-font-display); font-size: 1.4rem; font-weight: 700;
}
.cg-xp-coach--compact .cg-xp-coach__name { font-size: 1.05rem; }
.cg-xp-coach--compact .cg-xp-coach__chips { justify-content: center; }
.cg-xp-coach--compact .cg-xp-coach__line { margin: .55rem 0 0; max-width: 30ch; }
.cg-xp-coach__note {
  margin: auto 0 0; padding-top: .85rem; font-size: .82rem; color: var(--mc-ink-faint); line-height: 1.5;
}
.cg-xp-coach__note:empty { display: none; }
.cg-xp-coach__note a {
  display: inline-flex; align-items: center; gap: .35rem;
  color: var(--mc-copper-dark); font-weight: 600; text-decoration: none;
}
.cg-xp-coach__note a:hover { color: var(--mc-copper); }
.cg-xp-coach__note a svg { width: 14px; height: 14px; }
.cg-xp-btn:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

@media (max-width: 760px) {
  .cg-xp-card--coach.cg-xp-coach--hero { grid-template-columns: 1fr; max-width: 480px; }
  .cg-xp-coach--hero .cg-xp-coach__banner { width: 100%; height: 120px; bottom: auto; }
  .cg-xp-coach--hero .cg-xp-coach__figure { padding: 1.5rem 1rem 0; }
  .cg-xp-coach--hero .cg-xp-coach__detail { align-items: center; text-align: center; padding: 1.2rem 1.3rem 1.5rem; justify-content: flex-start; }
  .cg-xp-coach--hero .cg-xp-coach__line { margin-left: auto; margin-right: auto; }
  .cg-xp-coach--hero .cg-xp-coach__chips { justify-content: center; }
  .cg-xp-coach--hero .cg-xp-coach__actions { justify-content: center; width: 100%; }
  .cg-xp-coach--hero .cg-xp-btn { width: 100%; }
}
@media (max-width: 560px) {
  .cg-xp-coaches-grid,
  .cg-xp-coaches-grid:has(> .cg-xp-card:nth-child(2):last-child),
  .cg-xp-coaches-grid:has(> .cg-xp-card:nth-child(3):last-child) { grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 860px) and (min-width: 561px) {
  .cg-xp-coaches-grid:has(> .cg-xp-card:nth-child(3):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 604px; }
}

/* ==================================================================
   COACHIE CALENDAR — ADD-FORM VISUAL REMEDIATION (2026-09-08)
   Additiv. Reusable cg-xp-form Primitiv (traegt spaeter auch Profil /
   Meine Daten / Reflection / Frage stellen) + zwei Experience-Cards
   im aufgeklappten "Termin oder Impuls hinzufuegen".
   Nur Praesentation -- keine Feld-/Action-/Nonce-/JS-Aenderung.
   ================================================================== */

/* -- Reminder-Fragment: Baseline (= bisheriges Inline-Aussehen) ----- */
.cg-mc__field-reminder { margin-bottom: .6rem; }
.cg-mc__field-reminder-label { font-size: .85rem; font-weight: 600; display: block; }
.cg-mc__field-reminder-select {
  display: block; width: 100%; margin-top: .3rem; padding: .55em .6em;
  border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border); font-family: inherit;
}
.cg-mc__field-reminder-email {
  display: flex; align-items: center; gap: .5rem; margin-top: .5rem;
  font-size: .82rem; font-weight: 500;
}

/* -- cg-xp-form: gemeinsame Premium-Formularsprache ---------------- */
.cg-xp-form { display: flex; flex-direction: column; gap: 1.05rem; }
.cg-xp-form__group { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: .5rem; }
.cg-xp-form__legend {
  padding: 0; float: none;
  font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--mc-ink-faint);
}
.cg-xp-form__group--optional {
  padding-top: .95rem; margin-top: .2rem;
  border-top: 1px solid var(--mc-border-soft);
}
.cg-xp-form label { font-size: .82rem; font-weight: 600; color: var(--mc-ink); }
.cg-xp-form input[type="text"],
.cg-xp-form input[type="date"],
.cg-xp-form input[type="time"],
.cg-xp-form input[type="datetime-local"],
.cg-xp-form select,
.cg-xp-form textarea {
  width: 100%; padding: .62em .75em; font-family: inherit; font-size: .92rem;
  color: var(--mc-ink); background: var(--mc-surface);
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  transition: border-color .12s ease, box-shadow .12s ease;
}
.cg-xp-form input:hover:not(:focus),
.cg-xp-form select:hover:not(:focus),
.cg-xp-form textarea:hover:not(:focus) { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); }
.cg-xp-form input:focus-visible,
.cg-xp-form select:focus-visible,
.cg-xp-form textarea:focus-visible {
  outline: none; border-color: var(--mc-teal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent);
}
.cg-xp-form textarea { resize: vertical; min-height: 3.2em; }
.cg-xp-form__row { display: flex; gap: .6rem; }
.cg-xp-form__row > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.cg-xp-form__check {
  display: flex; align-items: center; gap: .6rem; font-size: .86rem; font-weight: 500; cursor: pointer;
  padding: .58rem .75rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
}
.cg-xp-form__check input[type="checkbox"] { width: 1.1rem; height: 1.1rem; accent-color: var(--mc-teal); flex: none; }
.cg-xp-form__hint { font-size: .78rem; color: var(--mc-ink-faint); line-height: 1.5; margin: 0; }
.cg-xp-form > .cg-xp-btn { align-self: flex-start; margin-top: .35rem; }
.cg-xp-form > .cg-xp-btn svg { width: 15px; height: 15px; }

/* Reminder-Fragment INNERHALB cg-xp-form -> Premium-Sprache */
.cg-xp-form .cg-mc__field-reminder { margin: 0; display: flex; flex-direction: column; gap: .3rem; }
.cg-xp-form .cg-mc__field-reminder-select {
  margin-top: 0; padding: .62em .75em; font-size: .92rem;
  background: var(--mc-surface); transition: border-color .12s ease, box-shadow .12s ease;
}
.cg-xp-form .cg-mc__field-reminder-select:focus-visible {
  outline: none; border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent);
}
.cg-xp-form .cg-mc__field-reminder-email {
  margin-top: .15rem; padding: .58rem .75rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft); cursor: pointer;
}
.cg-xp-form .cg-mc__field-reminder-email input[type="checkbox"] { width: 1.1rem; height: 1.1rem; accent-color: var(--mc-teal); flex: none; }

/* -- Add-Disclosure: zwei Experience-Cards ------------------------- */
.cg-xp-cal__add-lead {
  margin: 0 0 1rem; font-family: var(--mc-font-display); font-weight: 700;
  font-size: .98rem; color: var(--mc-ink);
}
.cg-xp-cal__add-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem); align-items: start;
}
.cg-xp-card.cg-xp-add { padding: 1.25rem 1.3rem 1.35rem; }
.cg-xp-add::after { display: none; }
.cg-xp-add__head { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: 1rem; position: relative; z-index: 1; }
.cg-xp-add__ico {
  width: 38px; height: 38px; border-radius: 11px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 15%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 24%, transparent);
  color: var(--mc-copper-dark);
}
.cg-xp-add__ico--impulse {
  background: color-mix(in srgb, var(--mc-teal) 14%, var(--mc-surface));
  border-color: color-mix(in srgb, var(--mc-teal) 26%, transparent);
  color: var(--mc-teal-deep);
}
.cg-xp-add__ico svg { width: 20px; height: 20px; }
.cg-xp-add__title { margin: 0; font-family: var(--mc-font-display); font-weight: 700; font-size: 1.02rem; color: var(--mc-ink); }
.cg-xp-add__sub { margin: .15rem 0 0; font-size: .84rem; color: var(--mc-ink-soft); }
.cg-xp-add .cg-xp-form { position: relative; z-index: 1; }

@media (max-width: 820px) {
  .cg-xp-cal__add-grid { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
  .cg-xp-form__row { flex-direction: column; gap: .5rem; }
  .cg-xp-form > .cg-xp-btn { align-self: stretch; }
}

/* ==================================================================
   COACHIE CALENDAR — MONTH VIEW VISUAL REMEDIATION (2026-09-08)
   Additiv. .cg-cal-mini__nav ersetzt die bisherigen Inline-Styles der
   Monatsnavigation (compact-Sidebar + Coach-Monat unveraendert).
   .cg-cal-mini--rich = opt-in Premium-Monatsflaeche NUR im Coachie-
   Monat-Tab (Mini-Entry-Chips, Heute-/Selected-Surface). Keine neue
   Datenquelle, keine Navigations-/Route-Aenderung.
   ================================================================== */

/* Monatsnav: Klasse statt Inline (identisches Layout wie zuvor) */
.cg-cal-mini__nav {
  display: flex; justify-content: space-between; align-items: center;
  gap: .4rem; margin-top: 0;
}

/* -- reiche Monatsansicht (Coachie Monat-Tab) --------------------- */
.cg-cal-mini--rich { padding: 0; background: transparent; border: 0; }
.cg-cal-mini--rich .cg-cal-mini__nav { margin: 0 0 1rem; padding: .3rem .2rem; }
.cg-cal-mini--rich .cg-cal-mini__nav strong {
  font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700;
  color: var(--mc-ink); text-transform: capitalize; letter-spacing: -.01em;
}
.cg-cal-mini--rich .cg-cal-mini__navbtn {
  width: 36px; height: 36px; border-radius: 50%; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--mc-surface); border: 1px solid var(--mc-border);
  color: var(--mc-copper-dark); text-decoration: none; font-size: 1rem;
  box-shadow: 0 5px 12px -8px rgba(9, 21, 34, .3);
  transition: background .14s ease, color .14s ease, border-color .14s ease;
}
.cg-cal-mini--rich .cg-cal-mini__navbtn:hover,
.cg-cal-mini--rich .cg-cal-mini__navbtn:focus-visible {
  background: var(--mc-copper); color: #fff; border-color: var(--mc-copper);
}

.cg-cal-mini--rich .cg-cal-mini__grid {
  gap: 1px; background: var(--mc-border-soft);
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  overflow: hidden; box-shadow: var(--mc-shadow-card);
}
.cg-cal-mini--rich .cg-cal-mini__weekday {
  background: var(--mc-surface); padding: .6rem 0; margin: 0;
  font-size: .72rem; font-weight: 700; letter-spacing: .03em;
  opacity: 1; color: var(--mc-ink-faint);
}
.cg-cal-mini--rich .cg-cal-mini__grid > div:not(.cg-cal-mini__weekday) { background: var(--mc-surface); }

.cg-cal-mini--rich .cg-cal-mini__day {
  aspect-ratio: auto; min-height: 94px;
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  gap: .3rem; padding: .42rem .42rem .48rem;
  background: var(--mc-surface); border: 0; border-radius: 0;
  font-size: .82rem; overflow: hidden;
  transition: background .12s ease;
}
.cg-cal-mini--rich .cg-cal-mini__day:hover,
.cg-cal-mini--rich .cg-cal-mini__day:focus-visible {
  background: color-mix(in srgb, var(--mc-copper) 6%, var(--mc-surface));
}
.cg-cal-mini--rich .cg-cal-mini__day--we { background: color-mix(in srgb, var(--mc-ink) 2.5%, var(--mc-surface)); }
.cg-cal-mini--rich .cg-cal-mini__day--fill { background: color-mix(in srgb, var(--mc-ink) 2%, var(--mc-surface)); pointer-events: none; }
.cg-cal-mini--rich .cg-cal-mini__day--fill:hover { background: color-mix(in srgb, var(--mc-ink) 2%, var(--mc-surface)); }
.cg-cal-mini--rich .cg-cal-mini__day--past { opacity: .5; }
.cg-cal-mini--rich .cg-cal-mini__day--today {
  border: 0; font-weight: 700;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 5%, var(--mc-surface)));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mc-copper) 34%, transparent);
}
.cg-cal-mini--rich .cg-cal-mini__day--selected {
  background: color-mix(in srgb, var(--mc-teal) 12%, var(--mc-surface));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mc-teal) 38%, transparent);
  color: var(--mc-ink);
}
.cg-cal-mini--rich .cg-cal-mini__day-number {
  display: flex; align-items: center; gap: .4rem; flex: none;
  font-weight: 600; font-size: .84rem; color: var(--mc-ink);
}
.cg-cal-mini--rich .cg-cal-mini__day--past .cg-cal-mini__day-number { color: var(--mc-ink-soft); }
.cg-cal-mini__day-today-tag {
  font-style: normal; font-size: .56rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 18%, transparent);
  padding: .05rem .34rem; border-radius: var(--mc-radius-pill);
}
.cg-cal-mini__evs { display: flex; flex-direction: column; gap: .18rem; min-width: 0; }
.cg-cal-mini__ev {
  font-size: .68rem; line-height: 1.3; font-weight: 500;
  padding: .13rem .3rem; border-radius: 5px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  border-left: 2px solid var(--mc-copper);
  background: color-mix(in srgb, var(--mc-copper) 9%, var(--mc-surface));
  color: var(--mc-ink);
}
.cg-cal-mini__ev b { font-weight: 700; }
.cg-cal-mini__ev--impulse { border-left-color: #B07C2E; background: color-mix(in srgb, #B07C2E 10%, var(--mc-surface)); }
.cg-cal-mini__ev--pending { border-left-color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 12%, var(--mc-surface)); }
.cg-cal-mini__ev-more { font-size: .64rem; font-weight: 600; color: var(--mc-ink-faint); padding: 0 .34rem; }

.cg-xp-cal__surface--month { padding: 1.2rem 1.3rem 1.35rem; }

@media (max-width: 560px) {
  .cg-cal-mini--rich .cg-cal-mini__day { min-height: 52px; gap: .22rem; padding: .32rem .28rem; }
  .cg-cal-mini--rich .cg-cal-mini__day-number { font-size: .78rem; }
  .cg-cal-mini__day-today-tag,
  .cg-cal-mini__ev-more { display: none; }
  .cg-cal-mini--rich .cg-cal-mini__evs { flex-direction: row; flex-wrap: wrap; gap: 3px; }
  .cg-cal-mini__ev {
    font-size: 0; padding: 0; height: 4px; width: 14px;
    border-left: 0; border-radius: 2px;
    background: var(--mc-copper);
  }
  .cg-cal-mini__ev b { font-size: 0; }
  .cg-cal-mini__ev--impulse { background: #B07C2E; }
  .cg-cal-mini__ev--pending { background: var(--mc-warning); }
  .cg-cal-mini--rich .cg-cal-mini__nav strong { font-size: 1.05rem; }
}

/* ==================================================================
   COACHIE FULL ROLE EXPERIENCE ROLLOUT — SHARED PATTERNS (2026-09-08)
   Additiv. Reusable Primitive fuer die Batch-Rollouts (Notes, Fragen,
   Materialien, Reflexion, Profil ...). Keine Page-only-Insel.
     .cg-xp-toolbar  — Suche + Filter-Tabs ueber einem Card-Grid
     .cg-xp-flash    — Error / Success / Info in Experience-Sprache
     .cg-xp-editorial— langer Lese-Content (Detailseiten)
   ================================================================== */

.cg-xp-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1rem;
  margin-bottom: 1.3rem;
}
.cg-xp-toolbar__search { position: relative; flex: 1 1 240px; max-width: 420px; }
.cg-xp-toolbar__search input {
  width: 100%; padding: .62em .8em .62em 2.2em;
  font-family: inherit; font-size: .9rem; color: var(--mc-ink);
  background: var(--mc-surface); border: 1.5px solid var(--mc-border);
  border-radius: var(--mc-radius-pill);
  transition: border-color .12s ease, box-shadow .12s ease;
}
.cg-xp-toolbar__search input:focus-visible {
  outline: none; border-color: var(--mc-teal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 18%, transparent);
}
.cg-xp-toolbar__search svg {
  position: absolute; left: .75em; top: 50%; transform: translateY(-50%);
  width: 15px; height: 15px; color: var(--mc-ink-faint); pointer-events: none;
}
.cg-xp-toolbar .cg-ws__ptabs {
  margin: 0; border: 0; padding: .25rem; background: var(--mc-surface);
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-pill);
  box-shadow: var(--mc-shadow-card); gap: .2rem; overflow: visible;
}
.cg-xp-toolbar .cg-ws__ptab {
  border: 0; border-radius: var(--mc-radius-pill); padding: .45rem .95rem;
  font-size: .84rem; font-weight: 600; color: var(--mc-ink-soft); background: transparent;
}
.cg-xp-toolbar .cg-ws__ptab:hover { background: color-mix(in srgb, var(--mc-copper) 8%, transparent); color: var(--mc-ink); }
.cg-xp-toolbar .cg-ws__ptab.is-active {
  background: linear-gradient(150deg, var(--mc-night), #123043); color: #fff;
  box-shadow: 0 8px 18px -10px rgba(9, 21, 34, .5);
}

/* -- Flash / Error / Success ------------------------------------- */
.cg-xp-flash {
  display: flex; align-items: flex-start; gap: .7rem;
  padding: .85rem 1rem; margin-bottom: 1.2rem;
  border-radius: var(--mc-radius-s); font-size: .9rem; line-height: 1.5;
  border: 1px solid var(--mc-border-soft); border-left: 3px solid var(--mc-copper);
  background: linear-gradient(158deg, #FCFAF6, #F5F0E7); color: var(--mc-ink);
}
.cg-xp-flash--success { border-left-color: var(--mc-success); background: var(--mc-success-bg); }
.cg-xp-flash--error { border-left-color: var(--mc-danger); background: var(--mc-danger-bg); color: var(--mc-danger); }
.cg-xp-flash svg { width: 17px; height: 17px; flex: none; margin-top: .1rem; }

/* -- Editorial: langer Lese-Content ----------------------------- */
.cg-xp-editorial {
  max-width: 720px;
}
.cg-xp-editorial .cg-xp-card__body,
.cg-xp-editorial__body {
  font-size: 1rem; line-height: 1.75; color: var(--mc-ink);
  white-space: pre-line; -webkit-line-clamp: unset; display: block;
}
.cg-xp-editorial__back {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .85rem; font-weight: 600; color: var(--mc-copper-dark);
  text-decoration: none; margin-bottom: 1rem;
}
.cg-xp-editorial__back:hover { color: var(--mc-copper); }
.cg-xp-editorial__back svg { width: 15px; height: 15px; }

/* -- Note-/List-Card Extras ------------------------------------- */
.cg-xp-card--soft.cg-xp-listcard { min-height: 0; padding: 1.15rem 1.25rem 1.1rem; }
.cg-xp-listcard__head { display: flex; align-items: flex-start; justify-content: space-between; gap: .6rem; }
.cg-xp-listcard__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.02rem; font-weight: 700; line-height: 1.3; }
.cg-xp-listcard__title a { color: var(--mc-ink); text-decoration: none; }
.cg-xp-listcard__title a:hover { color: var(--mc-copper-dark); }
.cg-xp-listcard__preview {
  margin: .5rem 0 0; font-size: .88rem; line-height: 1.55; color: var(--mc-ink-soft);
  white-space: pre-line;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-xp-listcard__meta { margin: .55rem 0 0; font-size: .78rem; color: var(--mc-ink-faint); }
.cg-xp-listcard__foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem;
  margin-top: .9rem; padding-top: .8rem; border-top: 1px solid var(--mc-border-soft);
}
.cg-xp-listcard__foot form { margin: 0; }
.cg-xp-listcard__open {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: .84rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none;
}
.cg-xp-listcard__open:hover { color: var(--mc-copper); }
.cg-xp-fav {
  background: none; border: 0; padding: .1rem; margin: 0; cursor: pointer;
  font-size: 1.35rem; line-height: 1; color: var(--mc-copper); flex: none;
}
.cg-xp-fav:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; border-radius: 4px; }
.cg-xp-linkbtn {
  background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  font: inherit; font-size: .82rem; font-weight: 500; color: var(--mc-ink-soft);
  text-decoration: underline; text-underline-offset: 2px;
}
.cg-xp-linkbtn:hover { color: var(--mc-ink); }
.cg-xp-linkbtn--danger { color: var(--mc-danger); }
.cg-xp-linkbtn--danger:hover { color: #fff; background: var(--mc-danger); padding: .15rem .4rem; border-radius: 4px; text-decoration: none; }
.cg-xp-linkbtn:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; border-radius: 4px; }
.cg-xp-inlineform {
  margin-top: .7rem; padding: 1rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface); border: 1px solid var(--mc-border); max-width: 460px;
}

/* Batch 1 Notes — Feinschliff */
.cg-xp-listcard::after,
.cg-xp-editorial > .cg-xp-card::after { display: none; }
.cg-xp-listcard__foot details > summary,
.cg-xp-inlineform + * summary { list-style: none; }
.cg-xp-listcard__foot details > summary::-webkit-details-marker { display: none; }
.cg-xp-listcard__foot details > summary::marker { content: ""; }
.cg-xp-listcard__foot details[open] > summary { color: var(--mc-ink); font-weight: 600; }

/* ==================================================================
   COACHIE ROLLOUT — BATCH 2 / QUESTIONS (2026-09-08)
   Additiv. cg-xp-status (Status-Chip, reusable) + cg-xp-qa (editoriale
   Frage/Antwort-Paarung). Kein Messaging-Look, keine Chatblasen.
   ================================================================== */
.cg-xp-status {
  display: inline-flex; align-items: center; gap: .35rem;
  font-size: .72rem; font-weight: 700; letter-spacing: .02em;
  padding: .2rem .6rem; border-radius: var(--mc-radius-pill);
  border: 1px solid transparent;
}
.cg-xp-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.cg-xp-status--open   { color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface)); border-color: color-mix(in srgb, var(--mc-copper) 24%, transparent); }
.cg-xp-status--done   { color: var(--mc-success); background: var(--mc-success-bg); border-color: color-mix(in srgb, var(--mc-success) 26%, transparent); }
.cg-xp-status--closed { color: var(--mc-ink-soft); background: var(--mc-surface-soft); border-color: var(--mc-border-soft); }
.cg-xp-status--urgent { color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 14%, var(--mc-surface)); border-color: color-mix(in srgb, var(--mc-warning) 26%, transparent); }

/* editoriale Frage/Antwort-Paarung */
.cg-xp-qa { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.2rem; }
.cg-xp-qa__block {
  position: relative; padding: 1.15rem 1.3rem 1.2rem 1.5rem;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
}
.cg-xp-qa__block::before {
  content: ""; position: absolute; left: 0; top: 1.1rem; bottom: 1.1rem; width: 3px;
  border-radius: 3px; background: var(--mc-copper);
}
.cg-xp-qa__block--answer { background: linear-gradient(158deg, #FBF5EE, #F4E9DA); }
.cg-xp-qa__block--answer::before { background: var(--mc-teal-deep); }
.cg-xp-qa__block--pending {
  background: linear-gradient(158deg, #FCFAF6, #F5F0E7);
  border-style: dashed;
}
.cg-xp-qa__block--pending::before { background: color-mix(in srgb, var(--mc-ink) 20%, transparent); }
.cg-xp-qa__label {
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .7rem;
  margin: 0 0 .5rem; font-size: .74rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-xp-qa__who { display: inline-flex; align-items: center; gap: .45rem; }
.cg-xp-qa__who img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.cg-xp-qa__who .cg-xp-qa__ini {
  width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  font-size: .68rem; font-weight: 700; color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 18%, var(--mc-surface));
}
.cg-xp-qa__body { margin: 0; font-size: 1rem; line-height: 1.7; color: var(--mc-ink); white-space: pre-line; }
.cg-xp-qa__when { margin: .5rem 0 0; font-size: .78rem; color: var(--mc-ink-faint); }
.cg-xp-qa__pending-text { margin: 0; font-size: .92rem; line-height: 1.6; color: var(--mc-ink-soft); }

/* Urgency-Callout */
.cg-xp-urgent-note {
  display: flex; gap: .7rem; align-items: flex-start;
  padding: .9rem 1.05rem; margin-top: 1rem;
  border-radius: var(--mc-radius-s);
  background: color-mix(in srgb, var(--mc-warning) 10%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-warning) 24%, transparent);
}
.cg-xp-urgent-note svg { width: 17px; height: 17px; flex: none; margin-top: .1rem; color: var(--mc-warning); }
.cg-xp-urgent-note b { color: var(--mc-warning); display: block; margin-bottom: .15rem; }
.cg-xp-urgent-note p { margin: 0; font-size: .82rem; line-height: 1.5; color: var(--mc-ink-soft); }

/* Batch 2 Questions — Feinschliff: Disclosure-Marker + section-head mobile */
.cg-xp-editorial details > summary,
.cg-xp-section details > summary { list-style: none; }
.cg-xp-editorial details > summary::-webkit-details-marker,
.cg-xp-section details > summary::-webkit-details-marker { display: none; }
.cg-xp-editorial details > summary::marker,
.cg-xp-section details > summary::marker { content: ""; }
.cg-xp-editorial details > summary::before,
.cg-xp-section details > summary::before {
  content: "+"; display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; margin-right: .4rem; border-radius: 50%;
  font-weight: 700; font-size: .8rem; line-height: 1;
  background: color-mix(in srgb, var(--mc-copper) 14%, transparent); color: var(--mc-copper-dark);
}
.cg-xp-editorial details[open] > summary::before,
.cg-xp-section details[open] > summary::before { content: "\2013"; }
@media (max-width: 560px) {
  .cg-xp-section__head { flex-direction: column; align-items: flex-start; gap: .7rem; }
  .cg-xp-section__head .cg-xp-btn { width: 100%; }
}

/* ==================================================================
   COACHIE ROLLOUT — BATCH 3 / CONTENT · MATERIAL (2026-09-08)
   Additiv. cg-xp-unit (Learning-Unit-Card mit Cover) + kleine
   Material-Card-Extras auf cg-xp-listcard. Keine Progress-/Status-
   Erfindung.
   ================================================================== */

/* -- Material-Card (auf cg-xp-listcard) -------------------------- */
.cg-xp-listcard__provider {
  display: flex; align-items: center; gap: .6rem;
  margin-top: .8rem; padding-top: .75rem; border-top: 1px solid var(--mc-border-soft);
}
.cg-xp-listcard__provider .cg-xp-qa__ini,
.cg-xp-listcard__provider img {
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex: none; font-size: .74rem;
}
.cg-xp-listcard__provider-txt { min-width: 0; }
.cg-xp-listcard__provider-label { margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-xp-listcard__provider-name { margin: 0; font-size: .88rem; font-weight: 600; color: var(--mc-ink); }
.cg-xp-listcard__provider-role { margin: 0; font-size: .78rem; color: var(--mc-ink-soft); }
.cg-xp-listcard__unavailable {
  margin-top: .9rem; padding: .65rem .8rem; border-radius: var(--mc-radius-s);
  font-size: .82rem; line-height: 1.5; color: var(--mc-ink-soft);
  background: var(--mc-surface-soft); border: 1px dashed var(--mc-border);
}

/* -- Learning-Unit-Card (Cover + Body) -------------------------- */
.cg-xp-units { display: grid; gap: clamp(1rem, 1.8vw, 1.5rem); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: stretch; }
.cg-xp-unit {
  display: flex; flex-direction: column; overflow: hidden;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
  text-decoration: none; color: var(--mc-ink);
  transition: transform .14s ease, box-shadow .14s ease;
}
.cg-xp-unit:hover { transform: translateY(-3px); box-shadow: 0 24px 46px -24px rgba(9, 21, 34, .32); }
.cg-xp-unit:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-xp-unit__cover { display: block; }
.cg-xp-unit__cover svg { display: block; width: 100%; height: 120px; }
.cg-xp-unit__body { display: flex; flex-direction: column; gap: .45rem; padding: 1.1rem 1.2rem 1.2rem; flex: 1; }
.cg-xp-unit__module {
  align-self: flex-start; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--mc-teal-deep); background: color-mix(in srgb, var(--mc-teal) 12%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-teal) 22%, transparent);
  padding: .16rem .55rem; border-radius: var(--mc-radius-pill);
}
.cg-xp-unit__num { display: block; font-size: .74rem; font-weight: 700; letter-spacing: .03em; color: var(--mc-copper-dark); margin-bottom: .1rem; }
.cg-xp-unit__title { font-family: var(--mc-font-display); font-size: 1.05rem; font-weight: 700; line-height: 1.3; color: var(--mc-ink); }
.cg-xp-unit__excerpt {
  font-size: .88rem; line-height: 1.55; color: var(--mc-ink-soft);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-xp-unit__foot {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  margin-top: auto; padding-top: .8rem;
}
.cg-xp-unit__date { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-xp-unit__cta { display: inline-flex; align-items: center; gap: .3rem; font-size: .85rem; font-weight: 600; color: var(--mc-copper-dark); }
.cg-xp-unit:hover .cg-xp-unit__cta { color: var(--mc-copper); }
.cg-xp-unit__cta svg { width: 14px; height: 14px; }

/* ==================================================================
   COACHIE ROLLOUT - BATCH 4 / REFLECTION + DEVELOPMENT (2026-09-08)
   Additiv. cg-xp-reflect (Wochenreflexions-Form + Erkenntnis-Cards),
   cg-xp-checkin (Daily-Reflection Stimmungs-Pills + Tageskarten +
   Wochenstreifen). Keine Score-/Interpretations-Optik.
   ================================================================== */

.cg-xp-reflect { display: flex; flex-direction: column; gap: 1.3rem; }
.cg-xp-reflect__group {
  border: 0; margin: 0; padding: 1.2rem 1.3rem 1.35rem;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
}
.cg-xp-reflect__legend {
  padding: 0; margin: 0 0 .3rem; font-size: .68rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-xp-reflect__q { margin: 1rem 0 .45rem; font-size: .95rem; font-weight: 600; color: var(--mc-ink); }
.cg-xp-reflect__q:first-of-type { margin-top: .5rem; }
.cg-xp-reflect .wp-editor-wrap { border-radius: var(--mc-radius-s); overflow: hidden; border: 1.5px solid var(--mc-border); background: var(--mc-surface); }
.cg-xp-reflect .wp-editor-wrap .wp-editor-area { border: 0 !important; }
.cg-xp-reflect .mce-toolbar-grp,
.cg-xp-reflect .quicktags-toolbar { background: var(--mc-surface-soft) !important; border: 0 !important; border-bottom: 1px solid var(--mc-border-soft) !important; }
.cg-xp-reflect .mce-panel { border-color: transparent !important; }
.cg-xp-reflect .wp-editor-container { border: 0 !important; }
.cg-xp-reflect textarea.wp-editor-area { min-height: 130px; padding: .8rem .9rem; font-family: inherit; font-size: .95rem; line-height: 1.6; }
.cg-xp-reflect__rating { margin-top: .8rem; }
.cg-xp-reflect__rating label { display: block; font-size: .84rem; font-weight: 600; margin-bottom: .35rem; color: var(--mc-ink); }
.cg-xp-reflect__rating select {
  padding: .55em .8em; font-family: inherit; font-size: .92rem; color: var(--mc-ink);
  background: var(--mc-surface); border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); min-width: 12rem;
}
.cg-xp-reflect__rating select:focus-visible { outline: none; border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent); }

.cg-xp-insight { border-left: 3px solid var(--mc-copper); }
.cg-xp-insight__date { margin: 0 0 .7rem; font-size: .8rem; font-weight: 700; color: var(--mc-ink-faint); }
.cg-xp-insight__field { margin: 0 0 .9rem; }
.cg-xp-insight__field:last-child { margin-bottom: 0; }
.cg-xp-insight__label {
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; margin: 0 0 .25rem;
  font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-xp-insight__val { font-size: .92rem; line-height: 1.6; color: var(--mc-ink); }
.cg-xp-insight__val p { margin: 0 0 .5rem; }
.cg-xp-insight__val :last-child { margin-bottom: 0; }
.cg-xp-rating-pill {
  font-size: .7rem; font-weight: 700; color: var(--mc-teal-deep);
  background: color-mix(in srgb, var(--mc-teal) 13%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-teal) 24%, transparent);
  padding: .1rem .45rem; border-radius: var(--mc-radius-pill);
}

.cg-xp-checkin__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.cg-xp-checkin__card { padding: 1.3rem 1.35rem 1.4rem; }
.cg-xp-checkin__card--morning { --xp-tint: linear-gradient(158deg, #FDF6EC, #F6EAD6); }
.cg-xp-checkin__card--evening { --xp-tint: linear-gradient(158deg, #EEF2F1, #E1EAE6); }
.cg-xp-checkin__q { margin: 0 0 .9rem; font-family: var(--mc-font-display); font-weight: 700; font-size: 1.02rem; color: var(--mc-ink); }
.cg-xp-mood { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1rem; }
.cg-xp-mood__input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cg-xp-mood__label {
  display: flex; align-items: center; gap: .65rem;
  padding: .65rem .8rem; border-radius: var(--mc-radius-s); cursor: pointer;
  background: var(--mc-surface); border: 1.5px solid var(--mc-border);
  font-size: .9rem; font-weight: 600; color: var(--mc-ink);
  transition: border-color .12s ease, background .12s ease;
}
.cg-xp-mood__label:hover { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); }
.cg-xp-mood__input:focus-visible + .cg-xp-mood__label { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-xp-mood__input:checked + .cg-xp-mood__label {
  border-color: var(--mc-copper); background: color-mix(in srgb, var(--mc-copper) 8%, var(--mc-surface));
  box-shadow: inset 0 0 0 1px var(--mc-copper);
}
.cg-xp-mood__badge {
  width: 30px; height: 22px; border-radius: 6px; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
}
.cg-xp-mood__badge--success { color: var(--mc-success); background: var(--mc-success-bg); }
.cg-xp-mood__badge--warning { color: var(--mc-warning); background: color-mix(in srgb, var(--mc-warning) 14%, var(--mc-surface)); }
.cg-xp-mood__badge--danger  { color: var(--mc-danger);  background: var(--mc-danger-bg); }
.cg-xp-mood__badge svg { display: block; }
.cg-xp-mood__emoji { font-size: 1.1rem; }
.cg-xp-checkin__card textarea {
  width: 100%; padding: .7em .85em; font-family: inherit; font-size: .95rem; line-height: 1.55;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); background: var(--mc-surface); resize: vertical; min-height: 3.4em;
}
.cg-xp-checkin__card textarea:focus-visible { outline: none; border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent); }
.cg-xp-checkin__card label[for] { display: block; font-size: .84rem; font-weight: 600; margin-bottom: .35rem; color: var(--mc-ink); }

.cg-xp-days { display: grid; gap: .6rem; }
.cg-xp-day {
  display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 0 1rem; align-items: start;
  padding: .85rem 1rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
}
.cg-xp-day.is-today { background: linear-gradient(158deg, color-mix(in srgb, var(--mc-copper) 9%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 3%, var(--mc-surface))); border-color: color-mix(in srgb, var(--mc-copper) 28%, transparent); }
.cg-xp-day.is-empty { background: transparent; }
.cg-xp-day__name { font-weight: 700; font-size: .88rem; color: var(--mc-ink); display: flex; flex-direction: column; gap: .25rem; }
.cg-xp-day__today { align-self: flex-start; font-size: .62rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 16%, transparent); padding: .1rem .4rem; border-radius: var(--mc-radius-pill); }
.cg-xp-day__body { min-width: 0; display: flex; flex-direction: column; gap: .55rem; }
.cg-xp-day__free { margin: 0; font-size: .84rem; color: var(--mc-ink-faint); }
.cg-xp-day__block { display: flex; flex-direction: column; gap: .2rem; }
.cg-xp-day__phase { font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-xp-day__mood { display: inline-flex; align-items: center; gap: .4rem; font-size: .86rem; font-weight: 600; }
.cg-xp-day__mood--success { color: var(--mc-success); }
.cg-xp-day__mood--warning { color: var(--mc-warning); }
.cg-xp-day__mood--danger { color: var(--mc-danger); }
.cg-xp-day__note { margin: .15rem 0 0; font-size: .86rem; line-height: 1.5; color: var(--mc-ink-soft); font-style: italic; }

.cg-xp-weekrow {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem;
  padding: .95rem 1.1rem; border-radius: var(--mc-radius-s);
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
}
.cg-xp-weekrow + .cg-xp-weekrow { margin-top: .6rem; }
.cg-xp-weekrow__kw { font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); }
.cg-xp-weekrow__range { font-size: .8rem; color: var(--mc-ink-faint); }
.cg-xp-weekrow__strip { display: inline-flex; gap: 3px; }
.cg-xp-weekrow__dot { width: 12px; height: 6px; border-radius: 2px; background: var(--mc-border); }
.cg-xp-weekrow__dot--success { background: var(--mc-success); }
.cg-xp-weekrow__dot--warning { background: var(--mc-warning); }
.cg-xp-weekrow__dot--danger { background: var(--mc-danger); }
.cg-xp-weekrow__open { margin-left: auto; }

@media (max-width: 640px) {
  .cg-xp-checkin__grid { grid-template-columns: 1fr; }
  .cg-xp-day { grid-template-columns: 1fr; gap: .5rem; }
  .cg-xp-day__name { flex-direction: row; align-items: center; gap: .5rem; }
  .cg-xp-weekrow__open { margin-left: 0; width: 100%; }
}

/* Batch 4 Feinschliff: keine Motiv-Watermark auf Utility-Cards */
.cg-xp-checkin__card::after,
.cg-xp-insight::after,
.cg-xp-reflect__group::after,
.cg-xp-editorial > .cg-xp-card::after,
.cg-xp-grid--3 > .cg-xp-card--soft::after { display: none; }

/* ==================================================================
   BATCH 4 — MEINE REFLEXION / VISUAL REMEDIATION (2026-09-08)
   Kapitel statt Formularwand: groessere Fragen, kompakte + ruhig
   eingebettete Editoren, ruhige TinyMCE-Toolbar, adaptive History.
   NUR Praesentation.
   ================================================================== */

.cg-xp-reflect { gap: clamp(1.4rem, 2.6vw, 2rem); max-width: 900px; }

/* -- Kapitel ---------------------------------------------------- */
.cg-xp-reflect__group {
  padding: clamp(1.2rem, 2.4vw, 1.7rem) clamp(1.2rem, 2.4vw, 1.8rem) clamp(1.3rem, 2.4vw, 1.8rem);
  border-radius: var(--mc-radius-l);
  border: 1px solid var(--mc-border-soft);
  background: linear-gradient(168deg, var(--mc-surface), color-mix(in srgb, var(--mc-copper) 3%, var(--mc-surface)));
  box-shadow: var(--mc-shadow-card);
}
.cg-xp-reflect__group::after { display: none; }
.cg-xp-reflect__step {
  display: flex; align-items: baseline; gap: .6rem; margin: 0 0 .15rem;
}
.cg-xp-reflect__step-n {
  font-family: var(--mc-font-display); font-size: .82rem; font-weight: 700;
  color: var(--mc-copper-dark); letter-spacing: .02em;
}
.cg-xp-reflect__legend {
  padding: 0; margin: 0; font-family: var(--mc-font-display);
  font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; color: var(--mc-ink);
  text-transform: none;
}
.cg-xp-reflect__intro { margin: .3rem 0 .2rem; font-size: .86rem; line-height: 1.5; color: var(--mc-ink-soft); }

/* -- Frage = wichtigster Inhalt ------------------------------- */
.cg-xp-reflect__q {
  display: block; margin: 1.35rem 0 .55rem;
  font-family: var(--mc-font-display); font-size: 1.06rem; font-weight: 700;
  line-height: 1.4; color: var(--mc-ink);
}
.cg-xp-reflect__q:first-of-type { margin-top: .9rem; }
.cg-xp-reflect__q label { font: inherit; color: inherit; cursor: text; }

/* -- Editor ruhig einbetten ---------------------------------- */
.cg-xp-reflect .wp-editor-wrap {
  border-radius: var(--mc-radius-s); overflow: hidden;
  border: 1px solid var(--mc-border-soft); background: var(--mc-surface);
}
.cg-xp-reflect .wp-editor-wrap:focus-within {
  border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 16%, transparent);
}
.cg-xp-reflect .wp-editor-container { border: 0 !important; background: transparent !important; }
.cg-xp-reflect .mce-tinymce { box-shadow: none !important; border: 0 !important; }
.cg-xp-reflect .mce-toolbar-grp,
.cg-xp-reflect .quicktags-toolbar {
  background: color-mix(in srgb, var(--mc-ink) 3%, var(--mc-surface)) !important;
  border: 0 !important; border-bottom: 1px solid var(--mc-border-soft) !important;
  padding: 2px 4px !important;
}
.cg-xp-reflect .mce-toolbar .mce-btn-group { border: 0 !important; padding: 0 !important; margin: 0 1px !important; }
.cg-xp-reflect .mce-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.cg-xp-reflect .mce-btn button { color: var(--mc-ink-soft) !important; padding: 3px 4px !important; }
.cg-xp-reflect .mce-btn:hover button,
.cg-xp-reflect .mce-btn.mce-active button { color: var(--mc-ink) !important; }
.cg-xp-reflect .mce-ico { color: inherit !important; }
.cg-xp-reflect .mce-panel { border: 0 !important; background: transparent !important; }
.cg-xp-reflect .mce-edit-area { border: 0 !important; }
.cg-xp-reflect .mce-edit-area iframe { min-height: 110px !important; height: 110px !important; }
.cg-xp-reflect .mce-statusbar { display: none !important; }
.cg-xp-reflect textarea.wp-editor-area {
  min-height: 96px; padding: .7rem .85rem; border: 0;
  font-family: inherit; font-size: .95rem; line-height: 1.6; background: var(--mc-surface);
}
.cg-xp-reflect .wp-switch-editor { font-size: 11px !important; padding: 3px 7px !important; }

/* -- Rating kompakt an der Frage ---------------------------- */
.cg-xp-reflect__ratingrow {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem;
  margin-top: .7rem; padding: .55rem .8rem;
  background: var(--mc-surface-soft); border-radius: var(--mc-radius-s);
}
.cg-xp-reflect__ratingrow label { font-size: .85rem; font-weight: 600; color: var(--mc-ink); margin: 0; }
.cg-xp-reflect__ratingrow select {
  padding: .4em .7em; font-family: inherit; font-size: .9rem; color: var(--mc-ink);
  background: var(--mc-surface); border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
}
.cg-xp-reflect__ratingrow select:focus-visible { outline: none; border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent); }

/* -- Abschlussflaeche -------------------------------------- */
.cg-xp-reflect__submit {
  display: flex; flex-direction: column; gap: .7rem; align-items: flex-start;
  padding: 1.2rem 1.3rem; border-radius: var(--mc-radius-m);
  background: linear-gradient(150deg, var(--mc-night), #123043); color: #fff;
}
.cg-xp-reflect__submit p { margin: 0; font-size: .88rem; line-height: 1.5; color: rgba(255,255,255,.8); max-width: 46ch; }
.cg-xp-reflect__submit .cg-xp-btn--primary { background: var(--mc-copper); }
.cg-xp-reflect__submit .cg-xp-btn--primary:hover { background: var(--mc-copper-dark); }

/* -- History adaptiv -------------------------------------- */
.cg-xp-insight-grid { display: flex; flex-direction: column; gap: 1rem; max-width: 900px; }
.cg-xp-insight { position: relative; padding-left: 1.5rem; }
.cg-xp-insight::before { content: ""; position: absolute; left: 0; top: 1.2rem; bottom: 1.2rem; width: 3px; border-radius: 3px; background: var(--mc-copper); }
.cg-xp-insight { border-left: 0; }

@media (max-width: 560px) {
  .cg-xp-reflect__q { font-size: 1.02rem; }
  .cg-xp-reflect__submit { padding: 1rem 1.1rem; }
}

/* ==================================================================
   BATCH 4 — MEINE REFLEXION / FINAL DESKTOP COMPOSITION (2026-09-08)
   Grosser Desktop: 4 Kapitel als 2x2-Raster statt schmaler Einzelspalte,
   Hero + Formular + History auf gemeinsamer Hauptbreite. Editorhoehe
   (~110px), Kapitelkarten, Rating-Rows, Submit-Surface unveraendert.
   Tablet/Mobile fallen unveraendert auf 1 Spalte zurueck. NUR Layout.
   ================================================================== */

.cg-reflect-page { max-width: 1180px; margin-inline: 0; }

@media (min-width: 1040px) {
  /* Kapitel als gleichwertiges 2x2-Raster, Karten oben ausgerichtet */
  .cg-xp-reflect {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 1.75rem;
    align-items: start;
    max-width: none;
  }
  .cg-xp-reflect__group { margin: 0; }

  /* Submit ueber die volle Rasterbreite */
  .cg-xp-reflect__submit {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .cg-xp-reflect__submit p { max-width: 54ch; }
  .cg-xp-reflect__submit .cg-xp-btn--primary { flex: none; white-space: nowrap; }

  /* History auf gleicher Hauptbreite */
  .cg-xp-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
    max-width: none;
  }
  /* Ein einzelner Eintrag: bewusst komponierte Editorial-Spalte,
     keine halbe Karte links */
  .cg-xp-insight-grid:has(> .cg-xp-insight:only-child) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 900px;
  }
}

/* ==================================================================
   COACHIE ROLLOUT — BATCH 5 / PROFILE + ACCOUNT (Cluster E, 2026-09-08)
   Additiv. cg-xp-subnav (verbindet die 3 Einstellungs-Seiten),
   cg-xp-photo (Profilbild-Surface), cg-xp-settings-card / -form
   (Formular-Container), cg-xp-form__submit (Abschlusszeile),
   cg-xp-opt (optional-Marker), cg-xp-idrow (E-Mail / Identitaet).
   NUR Praesentation — keine Feld-/Action-/Nonce-/JS-Aenderung.
   ================================================================== */

/* -- Sub-Navigation: "Meine Einstellungen" ----------------------- */
.cg-xp-subnav {
  display: flex; flex-wrap: wrap; gap: .4rem;
  margin: -0.6rem 0 1.6rem; padding: .35rem;
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-pill);
}
.cg-xp-subnav__item {
  display: inline-flex; align-items: center; padding: .5rem 1rem;
  font-size: .86rem; font-weight: 600; text-decoration: none;
  color: var(--mc-ink-soft); border-radius: var(--mc-radius-pill);
  transition: background .12s ease, color .12s ease;
}
.cg-xp-subnav__item:hover { color: var(--mc-ink); background: color-mix(in srgb, var(--mc-copper) 8%, transparent); }
.cg-xp-subnav__item.is-current { color: #fff; background: var(--mc-night); }
.cg-xp-subnav__item:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* -- Formular-Container ----------------------------------------- */
.cg-xp-settings-card { max-width: 620px; padding: clamp(1.3rem, 2.6vw, 1.9rem) clamp(1.3rem, 2.6vw, 1.9rem) clamp(1.4rem, 2.6vw, 2rem); }
.cg-xp-settings-card::after { display: none; }
.cg-xp-settings-form { max-width: 620px; }

/* -- cg-xp-form: Eingabetypen vervollstaendigen ----------------- */
.cg-xp-form input[type="tel"],
.cg-xp-form input[type="email"],
.cg-xp-form input[type="number"],
.cg-xp-form input[type="url"],
.cg-xp-form input[type="password"] {
  width: 100%; padding: .62em .75em; font-family: inherit; font-size: .92rem;
  color: var(--mc-ink); background: var(--mc-surface);
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  transition: border-color .12s ease, box-shadow .12s ease;
}
.cg-xp-form input[type="tel"]:hover:not(:focus),
.cg-xp-form input[type="email"]:hover:not(:focus) { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); }
.cg-xp-form input[type="tel"]:focus-visible,
.cg-xp-form input[type="email"]:focus-visible,
.cg-xp-form input[type="number"]:focus-visible,
.cg-xp-form input[type="url"]:focus-visible,
.cg-xp-form input[type="password"]:focus-visible {
  outline: none; border-color: var(--mc-teal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent);
}
.cg-xp-form__row > div { gap: .4rem; }

/* optional-Marker am Label */
.cg-xp-opt {
  font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--mc-ink-faint); background: var(--mc-surface-soft);
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-pill);
  padding: .05rem .4rem; margin-left: .35rem;
}

/* Abschlusszeile mit ruhiger Trennung */
.cg-xp-form__submit {
  margin-top: .4rem; padding-top: 1.1rem;
  border-top: 1px solid var(--mc-border-soft);
}
.cg-xp-form__submit .cg-xp-btn { align-self: flex-start; }

/* -- Profilbild-Surface --------------------------------------- */
.cg-xp-card.cg-xp-photo { display: flex; flex-direction: column; gap: 1.2rem; max-width: 560px; padding: clamp(1.3rem, 2.6vw, 1.8rem); }
.cg-xp-photo::after { display: none; }
.cg-xp-photo--focus { max-width: 620px; }
.cg-xp-photo__now { display: flex; align-items: center; gap: 1.1rem; }
.cg-xp-photo__avatar {
  width: 88px; height: 88px; border-radius: 50%; object-fit: cover; flex: none;
  border: 3px solid var(--mc-surface); box-shadow: 0 4px 16px -6px rgba(9, 21, 34, .3);
}
.cg-xp-photo__avatar--lg { width: 120px; height: 120px; }
.cg-xp-photo__avatar--fallback {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 2rem;
  color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 15%, var(--mc-surface));
  border-color: color-mix(in srgb, var(--mc-copper) 20%, transparent);
}
.cg-xp-photo__avatar--lg.cg-xp-photo__avatar--fallback { font-size: 2.6rem; }
.cg-xp-photo__meta { margin: 0; font-size: .9rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-xp-photo .cg-ws__upload-dropzone { margin: 0; }
.cg-xp-photo .cg-xp-form { gap: .9rem; }
.cg-xp-photo__remove { margin: 0; }

/* -- Identitaets-/E-Mail-Zeile ------------------------------- */
.cg-xp-idrow__label { margin: 0 0 .25rem; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-xp-idrow__value { margin: 0 0 .6rem; font-size: 1rem; font-weight: 600; color: var(--mc-ink); word-break: break-word; }
.cg-xp-idrow__form { margin-top: 1rem; }

@media (max-width: 560px) {
  .cg-xp-subnav { border-radius: var(--mc-radius-m); }
  .cg-xp-subnav__item { flex: 1 1 auto; justify-content: center; }
  .cg-xp-form__row { flex-direction: column; gap: .5rem; }
  .cg-xp-photo__now { flex-direction: column; text-align: center; align-items: center; }
}

/* ==================================================================
   COACHIE ROLLOUT — BATCH 6 / PROGRAMS + EDUCATION (Cluster F, 2026-09-08)
   Additiv. programme-workspace + meine-ausbildung auf cg-xp-*,
   level-you-up-unit-detail: additive Optik ueber Wrapper .cg-lu-page
   (Learning-Truth-Bloecke cg-lyu__* + alle Formularfelder unveraendert).
   NUR Praesentation.
   ================================================================== */

/* -- "Heute wichtig" Kennzahl-Streifen (Ausbildung) -------------- */
.cg-xp-statrow {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem;
}
.cg-xp-stat {
  display: flex; flex-direction: column; gap: .3rem;
  padding: 1rem 1.1rem; border-radius: var(--mc-radius-m);
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
}
.cg-xp-stat__value { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.5rem; color: var(--mc-ink); line-height: 1.1; }
.cg-xp-stat__value--text { font-size: 1rem; }
.cg-xp-stat__label { font-size: .78rem; font-weight: 600; letter-spacing: .02em; color: var(--mc-ink-faint); }
.cg-xp-stat.is-muted { background: var(--mc-surface-soft); }
.cg-xp-stat.is-muted .cg-xp-stat__value { color: var(--mc-ink-faint); font-size: 1.15rem; }

/* -- Anker-Karte: aktuelle Einheit ----------------------------- */
.cg-xp-card.cg-xp-anchor {
  padding: clamp(1.4rem, 2.8vw, 2rem);
  background: linear-gradient(158deg, var(--mc-surface), color-mix(in srgb, var(--mc-copper) 5%, var(--mc-surface)));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 16%, var(--mc-border-soft));
}
.cg-xp-anchor::after { display: none; }
.cg-xp-anchor__title { margin: .7rem 0 0; font-family: var(--mc-font-display); font-weight: 700; font-size: 1.3rem; color: var(--mc-ink); }
.cg-xp-anchor__lead { margin: .5rem 0 0; font-size: .95rem; line-height: 1.6; color: var(--mc-ink-soft); }
.cg-xp-anchor__materials { display: flex; flex-wrap: wrap; gap: .5rem .9rem; margin-top: .4rem; }

/* -- Uebungs-Karte -------------------------------------------- */
.cg-xp-card.cg-xp-exercise { padding: 1.3rem 1.4rem 1.45rem; margin-bottom: 1rem; }
.cg-xp-exercise::after { display: none; }
.cg-xp-exercise.is-overdue { border-color: color-mix(in srgb, var(--mc-danger) 34%, transparent); }
.cg-xp-exercise__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; }
.cg-xp-exercise__due { font-size: .8rem; font-weight: 600; color: var(--mc-ink-faint); }
.cg-xp-exercise.is-overdue .cg-xp-exercise__due { color: var(--mc-danger); }
.cg-xp-exercise__title { margin: .6rem 0 0; font-family: var(--mc-font-display); font-weight: 700; font-size: 1.08rem; color: var(--mc-ink); }
.cg-xp-exercise__desc { margin: .4rem 0 0; font-size: .92rem; line-height: 1.6; color: var(--mc-ink-soft); }
.cg-xp-exercise__state { margin: .7rem 0 0; font-size: .88rem; color: var(--mc-ink-faint); font-style: italic; }

/* -- Feedback / Gate-Row / Section-Lead ----------------------- */
.cg-xp-feedback__body { margin: .5rem 0 0; font-size: .95rem; line-height: 1.65; color: var(--mc-ink); white-space: pre-wrap; }
.cg-xp-gate-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--mc-border-soft); }
.cg-xp-gate-row:last-child { border-bottom: 0; }
.cg-xp-gate-row__name { font-size: .9rem; font-weight: 600; color: var(--mc-ink); }
.cg-xp-section__lead { margin: -0.4rem 0 1.2rem; font-size: .92rem; line-height: 1.6; color: var(--mc-ink-soft); max-width: 60ch; }

/* -- Ausbildungsverlauf: Timeline ---------------------------- */
.cg-xp-timeline { position: relative; display: flex; flex-direction: column; gap: .7rem; }
.cg-xp-timeline__item {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); overflow: hidden;
}
.cg-xp-timeline__item > summary {
  display: flex; align-items: center; justify-content: space-between; gap: .8rem;
  padding: .95rem 1.2rem; cursor: pointer; list-style: none;
}
.cg-xp-timeline__item > summary::-webkit-details-marker { display: none; }
.cg-xp-timeline__item > summary::after { content: "+"; font-size: 1.1rem; color: var(--mc-ink-faint); flex: none; }
.cg-xp-timeline__item[open] > summary::after { content: "–"; }
.cg-xp-timeline__title { font-family: var(--mc-font-display); font-weight: 700; font-size: .98rem; color: var(--mc-ink); flex: 1; min-width: 0; }
.cg-xp-timeline__body { padding: 0 1.2rem 1.1rem; font-size: .92rem; line-height: 1.6; color: var(--mc-ink-soft); }
.cg-xp-timeline__body p { margin: .3rem 0; }

.cg-xp-card.cg-xp-audio::after { display: none; }
.cg-xp-card.cg-xp-audio { margin-bottom: .8rem; }

/* ================================================================
   level-you-up-unit-detail — .cg-lu-page (additive Optik)
   ================================================================ */
.cg-lu-page { max-width: 940px; }

/* Hero-Variante fuer Lerninhalte: waermer, mit Kicker */
.cg-xp-hero--unit { grid-template-columns: 1fr; }
.cg-xp-hero--unit .cg-xp-hero__kicker {
  display: block; font-family: var(--mc-font-display); font-size: .9rem;
  font-weight: 700; color: var(--mc-copper-dark); letter-spacing: .02em; margin-bottom: .2rem;
}
.cg-xp-hero--unit .cg-xp-hero__meta { color: var(--mc-ink-faint); }

/* Fortschritts-Karte (interaktive Units) */
.cg-lu-page .cg-mc__card--content {
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: linear-gradient(158deg, #FCFAF6, #F6F1E9);
}

/* Section-Disclosure (interaktiver Lernweg) */
.cg-lu-page .cg-lu__section {
  border-color: var(--mc-border-soft) !important;
  box-shadow: var(--mc-shadow-card);
  margin-bottom: 1.1rem !important;
}
.cg-lu-page .cg-lu__section > summary {
  background: color-mix(in srgb, var(--mc-copper) 6%, var(--mc-surface)) !important;
  font-family: var(--mc-font-display) !important;
  transition: background .12s ease;
}
.cg-lu-page .cg-lu__section[open] > summary {
  background: color-mix(in srgb, var(--mc-copper) 11%, var(--mc-surface)) !important;
  border-bottom: 1px solid var(--mc-border-soft);
}
.cg-lu-page .cg-lu__section > summary:hover { background: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface)) !important; }
.cg-lu-page .cg-lu__section textarea,
.cg-lu-page .cg-lu__section input[type="text"] {
  border-color: var(--mc-border) !important; border-radius: var(--mc-radius-s) !important;
}
.cg-lu-page .cg-lu__section textarea:focus-visible,
.cg-lu-page .cg-lu__section input[type="text"]:focus-visible {
  outline: none !important; border-color: var(--mc-teal) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 20%, transparent) !important;
}

/* Editorial-Aufwertung der Learning-Truth-Abschnitte (nur Rahmen/Headline,
   Inhalt cg-lyu__* strukturell unangetastet) */
.cg-lu-page .cg-lyu__detail-section { margin: 1.8rem 0; }
.cg-lu-page .cg-lyu__detail-section > .cg-mc__section-title,
.cg-lu-page > .cg-lyu__detail-section .cg-mc__section-title {
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.15rem;
  color: var(--mc-ink); position: relative; padding-left: .9rem; margin-bottom: .7rem;
}
.cg-lu-page .cg-lyu__detail-section .cg-mc__section-title::before {
  content: ""; position: absolute; left: 0; top: .15em; bottom: .15em;
  width: 3px; border-radius: 3px; background: var(--mc-copper);
}

/* Notiz-Disclosure */
.cg-lu-note { margin-top: 1.6rem; }
.cg-lu-note > summary {
  list-style: none; cursor: pointer; font-size: .9rem; font-weight: 700;
  color: var(--mc-ink); display: inline-flex; align-items: center; gap: .4rem;
}
.cg-lu-note > summary::-webkit-details-marker { display: none; }
.cg-lu-note > summary::before { content: "+"; color: var(--mc-copper-dark); font-size: 1.05rem; }
.cg-lu-note[open] > summary::before { content: "–"; }
.cg-lu-note__form {
  margin-top: .9rem; padding: 1.1rem; max-width: 560px;
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
}

@media (max-width: 780px) {
  .cg-xp-statrow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .cg-xp-statrow { grid-template-columns: 1fr; }
  .cg-xp-gate-row { flex-direction: column; align-items: flex-start; gap: .35rem; }
}

/* ==================================================================
   COACHIE ROLLOUT — BATCH 7 / SYSTEM · STATES (Final Sweep, 2026-09-08)
   Additiv. cg-xp-statepage: ruhige, produktzugehoerige Oberflaeche fuer
   Kein-Zugriff / Danke / Systemzustaende. NUR Praesentation.
   ================================================================== */

.cg-xp-statepage { display: flex; justify-content: center; }
.cg-xp-card.cg-xp-statepage__card {
  max-width: 460px; width: 100%; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: .9rem;
  padding: clamp(2rem, 4vw, 2.8rem) clamp(1.4rem, 4vw, 2.4rem);
}
.cg-xp-statepage__card::after { display: none; }
.cg-xp-statepage__icon {
  width: 52px; height: 52px; border-radius: 15px;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 22%, transparent);
  color: var(--mc-copper-dark);
}
.cg-xp-statepage__icon--success {
  background: var(--mc-success-bg); border-color: color-mix(in srgb, var(--mc-success) 30%, transparent);
  color: var(--mc-success);
}
.cg-xp-statepage__icon svg { width: 26px; height: 26px; }
.cg-xp-statepage__title {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.3rem, 3vw, 1.6rem); line-height: 1.25; color: var(--mc-ink);
}
.cg-xp-statepage__text {
  margin: 0; font-size: .95rem; line-height: 1.6; color: var(--mc-ink-soft);
  max-width: 40ch;
}
.cg-xp-statepage__card .cg-xp-btn { margin-top: .5rem; }

/* ============================================================
   COACH VISUAL FOUNDATION — BATCH 1 (2026-09-08)
   Scoped auf .cg-dash-coach (Coach-Dashboard) + .cg-mc__shell--lite
   (verweigerter/entzugsfreier Nutzer). Bewusst KEINE Aenderung an den
   geteilten Basisklassen .cg-cockpit__* / .cg-mc__* -> kein Einfluss auf
   die Coachie Golden Page, Master/Sales/Ausbildung/Mein-Tag.
   ============================================================ */

/* -- Shell-lite: ein Nutzer ohne aktiven Bereich sieht keine
   Arbeitsbereichs-Navigation, die nur wieder auf 403 fuehrt --
   nur ruhige Marke, Identitaet und Abmelden. -------------------------- */
.cg-mc__shell--lite .cg-mc__sidebar { justify-content: flex-start; gap: 1rem; }
.cg-mc__shell--lite .cg-mc__sidebar-profile { margin-bottom: .25rem; }
.cg-mc__shell--lite .cg-mc__sidebar-group--system { margin-top: 1.25rem; }
.cg-mc__shell--lite .cg-mc__nav-mobile .cg-mc__nav-mobile-item { display: none; }
.cg-mc__shell--lite .cg-mc__nav-mobile .cg-mc__nav-mobile-group-title:not(:last-of-type) { display: none; }

/* -- Coach-Dashboard: ruhigere, editoriale Karten-Sprache.
   Die vollflaechig tuerkisen Cockpit-Karten werden zu hellen
   Flaechen-Karten mit Kupfer-Akzentkante; die Kennzahl bleibt
   dominant, die Aktion klar. ---------------------------------------- */
.cg-dash-coach .cg-cockpit { background: transparent; }
.cg-dash-coach .cg-cockpit__section { margin-bottom: 1.75rem; }
.cg-dash-coach .cg-cockpit__section-title {
  color: var(--mc-ink-faint);
  letter-spacing: .05em;
}
.cg-dash-coach .cg-cockpit__card {
  background: var(--mc-surface);
  color: var(--mc-ink);
  border: 1px solid var(--mc-border);
  border-left: 3px solid var(--mc-copper);
  box-shadow: 0 1px 3px rgba(9, 21, 34, .05);
}
.cg-dash-coach .cg-cockpit__card--empty {
  border: 1px dashed var(--mc-border);
  border-left: 1px dashed var(--mc-border);
  background: var(--mc-surface-soft);
}
.cg-dash-coach .cg-cockpit__card-label { color: var(--mc-ink-faint); opacity: 1; }
.cg-dash-coach .cg-cockpit__card-value { color: var(--mc-ink); }
.cg-dash-coach .cg-cockpit__card-detail { color: var(--mc-ink-soft); opacity: 1; }
.cg-dash-coach .cg-cockpit__card-action {
  color: var(--mc-copper-dark);
  text-decoration: none;
  font-weight: 700;
}
.cg-dash-coach .cg-cockpit__card-action:hover { text-decoration: underline; opacity: 1; }
.cg-dash-coach .cg-cockpit__list-in-card li { color: var(--mc-ink-soft); }
.cg-dash-coach .cg-cockpit__list-in-card a { color: var(--mc-ink); text-decoration: none; }
.cg-dash-coach .cg-cockpit__list-in-card a:hover { text-decoration: underline; }

/* "Braucht Aufmerksamkeit" (2. Sektion): waermerer Kupfer-Warnton
   statt lautem Vollfarb-Block -- ruhig, aber sichtbar. */
.cg-dash-coach .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card:not(.cg-cockpit__card--empty) {
  border-left-color: var(--mc-warning, #b8791f);
  background: var(--mc-warning-bg, #fbf3e6);
}
.cg-dash-coach .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-value { color: var(--mc-warning, #b8791f); }

/* Editoriale Vertikalrhythmik: toten Weissraum unter der KPI-Reihe
   reduzieren, unteren Zwei-Spalten-Block enger anbinden. */
.cg-dash-coach .cg-mc__kpi-row { margin-top: .35rem; margin-bottom: 1.5rem; }
.cg-dash-coach .cg-mc__dash-row2 { margin-top: 0; }

@media (max-width: 640px) {
  .cg-dash-coach .cg-cockpit__card { border-left-width: 3px; }
}

/* ============================================================
   EVENT COVER IMAGE (2026-09-08)
   EINE wiederverwendbare Event-Cover-Flaeche fuer Liste, Detail und
   Live-Spotlight. 16:9, object-fit:cover, Marken-Fallback ohne Bild.
   Nutzt nur bestehende --mc-*-Tokens. Reine Praesentation -- keine
   Sichtbarkeits-/Zugangslogik.
   ============================================================ */
.cg-evcover {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--mc-radius-m, 12px);
  overflow: hidden;
  background: linear-gradient(145deg, var(--mc-night) 0%, #123243 55%, var(--mc-teal-deep, #2c6e63) 100%);
  flex-shrink: 0;
}
.cg-evcover__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cg-evcover__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9,21,34,0) 45%, rgba(9,21,34,.55) 100%);
  pointer-events: none;
}
.cg-evcover--fallback .cg-evcover__mark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mc-font-display, inherit);
  font-weight: 700;
  letter-spacing: .01em;
  color: rgba(255,255,255,.9);
  font-size: clamp(.95rem, 3vw, 1.4rem);
}
.cg-evcover--fallback .cg-evcover__mark .semi { color: var(--mc-copper); }

.cg-evcover__badge-slot {
  position: absolute;
  top: .5rem;
  left: .5rem;
  z-index: 2;
}
.cg-evcover__badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .22rem .55rem;
  border-radius: var(--mc-radius-pill, 999px);
  background: var(--mc-copper);
  color: #fff;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(9,21,34,.35);
}
.cg-evcover__badge--soon { background: var(--mc-teal-deep, #2c6e63); }

/* Varianten */
.cg-evcover--sm { width: 104px; aspect-ratio: 16 / 10; border-radius: var(--mc-radius-s, 8px); }
.cg-evcover--md { max-width: 100%; margin: 0 0 1rem; }
.cg-evcover--lg { max-width: 560px; margin: .2rem 0 1.3rem; }
.cg-evcover--preview { max-width: 320px; }

a.cg-evcover { text-decoration: none; }
a.cg-evcover:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: 2px; }

/* Event-Listenzeile mit Cover-Thumbnail */
.cg-co__row--event { align-items: center; gap: .9rem; }
@media (max-width: 560px) {
  .cg-co__row--event { flex-wrap: wrap; }
  .cg-evcover--sm { width: 100%; aspect-ratio: 16 / 9; }
}

/* Spotlight: Cover sitzt oben in der Highlight-Karte */
.cg-live .cg-evcover--md { margin-top: -.2rem; margin-bottom: 1rem; border-radius: var(--mc-radius-m, 12px); }

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 2 (2026-09-08)
   "cg-cl" = wiederverwendbare, premium Coach-Operations-Liste.
   Eigener Namespace -> beruehrt KEINE geteilten cg-mc__/cg-xp-*-
   Primitive -> keine Regression auf Coachie Golden Page / Sales /
   Master. Erste bewiesene Nutzung: /mein-cogether/coach/coachies/.
   Kandidaten fuer spaetere Wiederverwendung (opt-in): Coach-
   Dashboard, Events-Liste, Fragen.
   Erweitert die Batch-1-Kartensprache: warme Flaeche, zurueckhaltender
   Kupfer-Akzent, ruhige Metadaten, klare Aktionshierarchie.
   ============================================================ */
.cg-cl { --cl-hair: var(--mc-border-soft, #efe7d9); }

/* -- Kopf: Zahl + Filter-Werkzeug ------------------------------------ */
.cg-cl__head { margin: -.1rem 0 1.5rem; }
.cg-cl__count { margin: 0 0 .9rem; font-size: .9rem; color: var(--mc-ink-soft, #58514a); }
.cg-cl__count strong { color: var(--mc-ink, #1c1a17); font-weight: 700; }
.cg-cl__tools {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: .55rem .7rem;
  padding: .8rem .9rem; border: 1px solid var(--cl-hair);
  border-radius: var(--mc-radius-m, 12px); background: var(--mc-surface, #fff);
}
.cg-cl__tools .cg-mc__field { margin: 0; flex: 1 1 150px; }
.cg-cl__tools .cg-mc__field:first-of-type { flex: 2 1 260px; }
.cg-cl__tools label {
  display: block; margin-bottom: .25rem; font-size: .68rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint, #8a7f70);
}
.cg-cl__tools input[type="text"], .cg-cl__tools select {
  width: 100%; height: 2.4rem; padding: 0 .7rem; font: inherit; font-size: .88rem;
  border: 1px solid var(--mc-border, #e2d7c3); border-radius: var(--mc-radius-s, 8px);
  background: var(--mc-surface, #fff); color: var(--mc-ink, #1c1a17);
}
.cg-cl__tools input:focus, .cg-cl__tools select:focus {
  outline: 2px solid color-mix(in srgb, var(--mc-copper) 45%, transparent); outline-offset: 1px;
  border-color: var(--mc-copper);
}
.cg-cl__tools button { flex: 0 0 auto; height: 2.4rem; }

/* -- Abschnittskopf ------------------------------------------------- */
.cg-cl__sec { display: flex; align-items: baseline; gap: .6rem; margin: 2.1rem 0 .85rem; }
.cg-cl__sec h2 { margin: 0; font-family: var(--mc-font-display, inherit); font-size: 1.05rem; font-weight: 700; color: var(--mc-ink, #1c1a17); }
.cg-cl__sec-meta { font-size: .78rem; color: var(--mc-ink-faint, #8a7f70); }

/* -- Liste: Karten statt Tabellenzeilen ---------------------------- */
.cg-cl__list { display: flex; flex-direction: column; gap: .7rem; }
.cg-cl__card {
  /* BATCH 2 REFINEMENT (2026-09-08): mehr Karten-Tiefe/Handwerk statt
     "CRM-Zeile im abgerundeten Rechteck" -- an die Beziehungskarten-
     Qualitaet von "Meine Coaches" (cg-xp-coach) angeglichen, Coach bleibt
     dichter/operativer. */
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem;
  padding: 1.05rem 1.25rem; position: relative;
  border: 1px solid var(--mc-border, #e2d7c3); border-left: 3px solid transparent;
  border-radius: var(--mc-radius-m, 12px);
  /* FINAL RELATIONSHIP CLOSURE (2026-09-08): sehr dezente warme
     Beziehungs-Flaeche statt Flat-White -- weisse Seite -> warme
     handwerkliche Karten. Deutlich heller/ruhiger als die "Meine
     Coaches"-Hero-Karte, nur ein Ton-Shift ueber bestehende Tokens. */
  background: linear-gradient(160deg,
    color-mix(in srgb, var(--mc-copper) 4%, var(--mc-surface, #fff)),
    color-mix(in srgb, var(--mc-copper) 2%, var(--mc-surface, #fff)));
  box-shadow: 0 12px 30px -22px rgba(9, 21, 34, .22), 0 1px 2px rgba(9, 21, 34, .04);
  transition: border-color .14s ease, box-shadow .14s ease;
}
.cg-cl__card:hover { border-left-color: var(--mc-copper); box-shadow: 0 18px 40px -24px rgba(9, 21, 34, .34), 0 1px 2px rgba(9, 21, 34, .04); }
.cg-cl__card--soon { border-left-color: var(--mc-copper); }

/* Identitaet -- Person zuerst */
.cg-cl__id { display: flex; align-items: center; gap: .9rem; min-width: 0; flex: 3 1 260px; }
.cg-cl__avatar {
  /* BATCH 2 REFINEMENT: warmer Kupfer-Ton statt Night->Teal-Verlauf
     (letzterer las als technisches SaaS-Signal); gerahmt + leicht
     angehoben wie cg-xp-coach__ini, nur kompakter. */
  width: 2.9rem; height: 2.9rem; flex: 0 0 auto; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 22%, var(--mc-surface, #fff)), color-mix(in srgb, var(--mc-copper) 11%, var(--mc-surface, #fff)));
  color: var(--mc-copper-dark, #9a5b32);
  font-family: var(--mc-font-display, inherit); font-weight: 700; font-size: 1.05rem;
  border: 2px solid var(--mc-surface, #fff);
  box-shadow: 0 6px 16px -10px rgba(9, 21, 34, .32);
}
.cg-cl__idbody { min-width: 0; }
.cg-cl__name {
  display: block; font-family: var(--mc-font-display, inherit);
  font-weight: 700; font-size: 1.02rem; line-height: 1.3;
  color: var(--mc-ink, #1c1a17); text-decoration: none;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
a.cg-cl__name:hover { color: var(--mc-copper-dark, #9a5b32); }
.cg-cl__sub {
  display: block; margin-top: .1rem; font-size: .78rem; color: var(--mc-ink-faint, #8a7f70);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Metadaten -- fuellt die Kartenmitte (kein Leerraum-Loch vor den Aktionen) */
.cg-cl__meta { display: flex; flex-wrap: wrap; gap: .55rem 1.7rem; flex: 4 1 300px; min-width: 0; }
.cg-cl__mi { min-width: 0; }
.cg-cl__mi-k {
  /* BATCH 2 REFINEMENT: etwas groesser + ruhiger -> editoriale Hierarchie
     statt Backend-Formular-Beschriftung (Label bleibt erhalten). */
  display: block; font-size: .7rem; font-weight: 600; letter-spacing: .03em;
  text-transform: uppercase; color: var(--mc-ink-faint, #8a7f70); margin-bottom: .14rem;
}
/* FINAL RELATIONSHIP CLOSURE: Metadaten-Werte einen Ton ruhiger (--mc-ink-soft
   statt --mc-ink) -> Coachie-Identitaet (display-Font, --mc-ink) dominiert den
   Scan; die eskalierten Zustaende (--soon / --warn) behalten ihren Kupferton. */
.cg-cl__mi-v { display: block; font-size: .85rem; color: var(--mc-ink-soft, #58514a); line-height: 1.35; }
.cg-cl__mi--quiet .cg-cl__mi-v { color: var(--mc-ink-faint, #8a7f70); font-style: italic; }
.cg-cl__mi--soon .cg-cl__mi-k { color: var(--mc-copper); }
.cg-cl__mi--soon .cg-cl__mi-v { color: var(--mc-copper-dark, #9a5b32); font-weight: 700; }
.cg-cl__mi--warn .cg-cl__mi-v { color: var(--mc-copper-dark, #9a5b32); }

/* Badges: ruhig, konsistent, nicht schreiend */
.cg-cl__badges { display: flex; flex-wrap: wrap; gap: .35rem; flex: 0 1 auto; align-items: center; margin-left: auto; }
.cg-cl__badge {
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .18rem .5rem; border-radius: var(--mc-radius-pill, 999px);
  font-size: .68rem; font-weight: 700; letter-spacing: .01em; white-space: nowrap;
  border: 1px solid transparent;
}
.cg-cl__badge--rel { background: color-mix(in srgb, var(--mc-teal) 12%, transparent); color: var(--mc-teal-deep, #2c6e63); }
.cg-cl__badge--muted { background: var(--mc-surface-soft, #f6f0e6); color: var(--mc-ink-faint, #8a7f70); border-color: var(--cl-hair); }
.cg-cl__badge--open { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark, #9a5b32); }
.cg-cl__badge--warn {
  background: var(--mc-warning-bg, #fbf3e6); color: var(--mc-warning, #b8791f);
  border-color: color-mix(in srgb, var(--mc-warning, #b8791f) 30%, transparent);
}
.cg-cl__badge::before { content: ""; width: .34rem; height: .34rem; border-radius: 50%; background: currentColor; opacity: .7; }

/* Aktionen: klare Hierarchie -- 1 primaer, Rest ruhig */
.cg-cl__act { display: flex; align-items: center; gap: .15rem; margin-left: .9rem; flex: 0 0 auto; }
.cg-cl__open {
  display: inline-flex; align-items: center; height: 2.1rem; padding: 0 1rem;
  border-radius: var(--mc-radius-pill, 999px); background: var(--mc-copper);
  color: #fff; font-size: .82rem; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.cg-cl__open:hover, .cg-cl__open:visited { background: var(--mc-copper-dark, #9a5b32); color: #fff; }
.cg-cl__act-more { display: flex; align-items: center; gap: .1rem; margin-left: .3rem; padding-left: .3rem; border-left: 1px solid var(--cl-hair); }
.cg-cl__act-link {
  display: inline-flex; align-items: center; height: 2.1rem; padding: 0 .6rem;
  border-radius: var(--mc-radius-s, 8px); color: var(--mc-ink-soft, #58514a);
  font-size: .8rem; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.cg-cl__act-link:hover { color: var(--mc-ink, #1c1a17); background: color-mix(in srgb, var(--mc-ink) 6%, transparent); }

/* Premium-Leerzustaende */
.cg-cl__empty {
  border: 1px solid var(--cl-hair); border-radius: var(--mc-radius-l, 16px);
  background: var(--mc-surface, #fff); padding: 1.8rem 1.6rem; text-align: left;
}
.cg-cl__empty-title { margin: 0 0 .3rem; font-family: var(--mc-font-display, inherit); font-size: 1.05rem; font-weight: 700; color: var(--mc-ink, #1c1a17); }
.cg-cl__empty-text { margin: 0; font-size: .9rem; color: var(--mc-ink-soft, #58514a); max-width: 52ch; }
.cg-cl__empty-act { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.1rem; }

/* "Coachie hinzufuegen" -- ruhige Karten, kein lautes Grid */
.cg-cl__add { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin-top: .3rem; }
.cg-cl__add .cg-mc__card { border: 1px solid var(--cl-hair); box-shadow: none; }

@media (max-width: 900px) {
  .cg-cl__card { align-items: flex-start; gap: .8rem 1rem; }
  .cg-cl__id { flex: 1 1 100%; }
  .cg-cl__meta { flex: 1 1 100%; gap: .6rem 1.4rem; }
  .cg-cl__badges { flex: 1 1 100%; margin-left: 0; }
  .cg-cl__act { margin-left: 0; flex: 1 1 100%; }
  .cg-cl__tools .cg-mc__field, .cg-cl__tools .cg-mc__field:first-of-type { flex: 1 1 100%; }
  .cg-cl__tools button { width: 100%; }
}

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 3 (2026-09-08)
   Coach-Dashboard-Informationsarchitektur. Scoped auf .cg-dash-coach.
   Reuse: geteilte cg-xp-hero-Primitive (identisch zu Coachie-Golden-
   Dashboard + "Meine Coaches"), gelocktes cg-cl__*-Vokabular fuer die
   Coachie-Vorschau. KEIN neues Design-System, KEINE geteilte
   cg-xp-/cg-cl-/cg-cockpit-Basisklasse veraendert.
   (Batch-1-Block oben deckt cg-cockpit__/kpi-row bereits ab.)
   ============================================================ */

/* Hero -- gleiche Familie wie Coachie, Coach-Dichte */
.cg-dash-coach .cg-xp-hero { margin-bottom: clamp(1.6rem, 3vw, 2.25rem); }
.cg-dash-coach .cg-mc__dash-row2 { align-items: start; }

/* Voranalysen-Hinweisstreifen (war inline style=) */
.cg-dash-coach__hint {
  margin-top: 1rem; display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}
.cg-dash-coach__hint p { margin: 0; }

/* Coachie-Vorschau -- cg-cl__* (Batch 2), Person zuerst, kompakt */
.cg-dash-coach__preview-head { flex-wrap: wrap; row-gap: .5rem; }
.cg-dash-coach__preview-head h2 { margin-right: auto; }
.cg-dash-coach__preview-add,
.cg-dash-coach__preview-all {
  font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark, #9a5b32);
  text-decoration: none; white-space: nowrap;
}
.cg-dash-coach__preview-add:hover,
.cg-dash-coach__preview-all:hover { text-decoration: underline; }
.cg-dash-coach__preview-all { display: inline-block; margin-top: .9rem; font-size: .84rem; }
.cg-dash-coach__preview .cg-cl__card { gap: .7rem 1.1rem; }
.cg-dash-coach__preview .cg-cl__meta { flex-basis: 180px; }

/* Unterer Zwei-Spalten-Block (war inline-Grid) */
.cg-dash-coach__lower {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.3rem; margin-top: clamp(1.6rem, 3vw, 2.25rem);
}
.cg-dash-coach__card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap; margin-bottom: .6rem;
}
.cg-dash-coach__card-head h2 { margin: 0; }
.cg-dash-coach__card-head--tight { margin-bottom: .4rem; }
.cg-dash-coach__draft-hint { margin: 0 0 .6rem; }
.cg-dash-coach__draft-hint a { color: var(--mc-copper-dark, #9a5b32); font-weight: 700; text-decoration: none; }
.cg-dash-coach__draft-hint a:hover { text-decoration: underline; }
.cg-dash-coach__row-btn { width: auto; flex-shrink: 0; }

@media (max-width: 900px) {
  .cg-dash-coach__preview .cg-cl__meta { flex-basis: 100%; }
}

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 5 (2026-09-08)
   cg-xp-pagehead: kompakter Seiten-Intro fuer operative Coach-
   Listenflaechen (Meine Coachies / Fragen / Voranalysen / Meine
   Events). Gleiche Familie wie cg-xp-hero (warme Creme-Flaeche,
   Display-Font, Kupfer-Eyebrow), aber deutlich flacher + schneller
   scanbar. OPT-IN: greift ausschliesslich bei explizitem
   <header class="cg-xp-pagehead"> -- kein Fork von cg-xp-hero,
   KEINE globale h1/h2-Aenderung, KEINE gelockte Coachie-/Sales-/
   Master-Flaeche betroffen.
   ============================================================ */
.cg-xp-pagehead {
  position: relative; overflow: hidden;
  margin: 0 0 clamp(1.4rem, 2.6vw, 2rem);
  padding: clamp(1.15rem, 2.4vw, 1.6rem) clamp(1.3rem, 3vw, 1.9rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 14%, var(--mc-border-soft));
  background:
    radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--mc-copper) 12%, transparent), transparent 60%),
    linear-gradient(156deg, #FDFAF5 0%, #F6F0E6 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .55) inset, 0 16px 34px -30px rgba(9, 21, 34, .3);
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: .9rem 1.6rem;
}
.cg-xp-pagehead__main { flex: 1 1 22rem; min-width: 0; }
.cg-xp-pagehead__back { margin: 0 0 .55rem; font-size: .82rem; font-weight: 600; }
.cg-xp-pagehead__back a { color: var(--mc-copper-dark); text-decoration: none; }
.cg-xp-pagehead__back a:hover { text-decoration: underline; }
.cg-xp-pagehead__eyebrow {
  margin: 0 0 .4rem; font-size: .68rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-xp-pagehead__title {
  margin: 0; font-family: var(--mc-font-display);
  font-size: clamp(1.5rem, 2.6vw, 1.95rem); line-height: 1.12;
  font-weight: 700; letter-spacing: -.02em; color: var(--mc-ink);
}
.cg-xp-pagehead__sub {
  margin: .5rem 0 0; max-width: 58ch;
  font-size: .95rem; line-height: 1.55; color: var(--mc-ink-soft);
}
.cg-xp-pagehead__meta {
  margin: .7rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem .5rem; font-size: .8rem;
}
.cg-xp-pagehead__meta-item {
  display: inline-flex; align-items: center; padding: .2rem .55rem;
  border-radius: var(--mc-radius-pill, 999px);
  background: color-mix(in srgb, var(--mc-copper) 9%, transparent);
  color: var(--mc-copper-dark); font-weight: 600;
}
.cg-xp-pagehead__action { flex: 0 0 auto; }
@media (max-width: 640px) {
  .cg-xp-pagehead { align-items: flex-start; }
  .cg-xp-pagehead__action { width: 100%; }
  .cg-xp-pagehead__action .cg-xp-btn { width: 100%; }
}

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 6 (2026-09-08)
   cg-xp-state: ruhige, produktzugehoerige Leer-/Info-Oberflaeche fuer
   operative Coach-Listenflaechen DIREKT unter cg-xp-pagehead
   (Fragen / Voranalysen / Meine Events). Gleiche warme Familie wie
   cg-xp-pagehead + cg-xp-statepage, aber inline statt vollflaechig
   zentriert. OPT-IN: greift nur bei explizitem
   <div class="cg-xp-state"> -- KEINE Aenderung an den geteilten
   .cg-mc__empty / .cg-ws__* / .cg-cl__empty-Klassen, kein globaler
   Selektor, keine gelockte Coachie-/Sales-/Master-Flaeche betroffen.
   EMPTY (default, Kupfer) vs. INFO (--info, Teal) bleiben getrennt.
   ============================================================ */
.cg-xp-state {
  margin-top: clamp(1.1rem, 2.5vw, 1.6rem);
  padding: clamp(1.7rem, 3.6vw, 2.6rem) clamp(1.4rem, 3vw, 2rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 12%, var(--mc-border-soft));
  background: linear-gradient(160deg, #FDFAF5 0%, #F6F1E8 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 14px 32px -30px rgba(9, 21, 34, .28);
  display: flex; flex-direction: column; align-items: flex-start; gap: .5rem;
  text-align: left;
}
.cg-xp-state--center { align-items: center; text-align: center; }
.cg-xp-state__icon {
  width: 44px; height: 44px; border-radius: 13px; margin-bottom: .35rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 20%, transparent);
  color: var(--mc-copper-dark);
}
.cg-xp-state__icon svg { width: 22px; height: 22px; }
.cg-xp-state--info .cg-xp-state__icon {
  background: color-mix(in srgb, var(--mc-teal) 14%, var(--mc-surface));
  border-color: color-mix(in srgb, var(--mc-teal) 26%, transparent);
  color: var(--mc-teal-deep, #0d6d5c);
}
.cg-xp-state__title {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.3; color: var(--mc-ink);
}
.cg-xp-state__text {
  margin: 0; font-size: .92rem; line-height: 1.6; color: var(--mc-ink-soft); max-width: 52ch;
}
.cg-xp-state__note { margin: .2rem 0 0; font-size: .82rem; color: var(--mc-ink-faint); }
.cg-xp-state__act { margin-top: .9rem; }
@media (max-width: 640px) {
  .cg-xp-state__act { width: 100%; }
  .cg-xp-state__act .cg-xp-btn { width: 100%; }
}

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 7 (2026-09-08)
   cg-xp-detailhead: C-Level-Kopf fuer die Einzel-Coachie-Ansicht
   (coach-coachie-profile.php). Gleiche warme Beziehungs-Familie wie
   cg-xp-pagehead / "Meine Coaches", aber Coach-Dichte (MEDIUM): Person
   zuerst, Beziehung sichtbar, max. 2 operative Fakten, 1 Primaeraktion.
   Loest die dunkle .cg-ws__profile-hero-Flaeche (Datenbank-Anmutung)
   NUR in dieser View ab -- .cg-ws__profile-hero-CSS bleibt unberuehrt.
   OPT-IN, additiv, kein globaler Selektor, kein cg-xp-hero/-pagehead-
   Eingriff, keine gelockte Coachie-/Sales-/Master-Flaeche betroffen.
   ============================================================ */
.cg-xp-detailhead {
  position: relative; overflow: hidden;
  margin: .9rem 0 1.6rem;
  padding: clamp(1.3rem, 2.8vw, 1.9rem) clamp(1.4rem, 3vw, 2rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 15%, var(--mc-border-soft));
  background:
    radial-gradient(120% 130% at 100% 0%, color-mix(in srgb, var(--mc-copper) 13%, transparent), transparent 62%),
    linear-gradient(155deg, #FCF9F4 0%, #F4EEE3 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .55) inset, 0 18px 40px -32px rgba(9, 21, 34, .32);
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: .4rem 1.15rem;
}
.cg-xp-detailhead__avatar,
.cg-xp-detailhead__avatar-photo {
  flex-shrink: 0; width: 3.6rem; height: 3.6rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.4rem;
  color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 22%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface)));
  border: 3px solid var(--mc-surface);
  box-shadow: 0 8px 20px -12px rgba(9, 21, 34, .34);
}
.cg-xp-detailhead__avatar-photo { object-fit: cover; }
.cg-xp-detailhead__body { flex: 1 1 20rem; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.cg-xp-detailhead__id { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .7rem; }
.cg-xp-detailhead__name {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.35rem, 2.6vw, 1.75rem); line-height: 1.15; letter-spacing: -.02em; color: var(--mc-ink);
}
.cg-xp-detailhead__rel {
  display: inline-flex; align-items: center; padding: .18rem .6rem;
  border-radius: var(--mc-radius-pill, 999px); font-size: .72rem; font-weight: 700; letter-spacing: .02em;
}
.cg-xp-detailhead__rel--primary { background: color-mix(in srgb, var(--mc-copper) 15%, transparent); color: var(--mc-copper-dark); }
.cg-xp-detailhead__rel--additional { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep); }
.cg-xp-detailhead__sub { margin: .2rem 0 0; font-size: .9rem; line-height: 1.5; color: var(--mc-ink-soft); }
.cg-xp-detailhead__facts { margin: .85rem 0 0; display: flex; flex-wrap: wrap; gap: .55rem 1.6rem; }
.cg-xp-detailhead__fact { display: flex; flex-direction: column; gap: .12rem; }
.cg-xp-detailhead__fact-k { font-size: .67rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-xp-detailhead__fact-v { font-size: .9rem; color: var(--mc-ink); font-weight: 600; }
.cg-xp-detailhead__fact-v--quiet { color: var(--mc-ink-soft); font-weight: 400; font-style: italic; }
.cg-xp-detailhead__act { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .6rem; }
@media (max-width: 640px) {
  .cg-xp-detailhead__act { width: 100%; }
  .cg-xp-detailhead__act .cg-mc__btn-primary,
  .cg-xp-detailhead__act .cg-mc__btn-secondary { width: 100%; text-align: center; }
}

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 8 (2026-09-08)
   Coachie-Profil-IA: coaching-first Reihenfolge. Nur profil-lokale,
   additive, scoped Klassen -- KEINE globale cg-mc__card-Aenderung,
   kein neues Tab-System, keine Datenaenderung.
   ============================================================ */
/* "Offen / Als Naechstes" -- warme, ruhige Orientierungsflaeche
   (waermer als eine cg-mc__card, ruhiger als Attention). */
.cg-ws__pnext {
  margin-bottom: 1.4rem;
  background: linear-gradient(160deg, #FDFAF5 0%, #F7F2E9 100%);
  border-color: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-border-soft));
}
.cg-ws__pnext .cg-mc__section-title { color: var(--mc-copper-dark); }
/* "Zahlung & Leistung" -- jetzt UNTER dem Coaching-Workspace, klar
   abgesetzt (Service ordnet sich der Coaching-Arbeit unter). */
.cg-ws__pservice { margin-top: clamp(1.8rem, 3.5vw, 2.6rem); }
.cg-ws__pservice > .cg-mc__card { border-top: 3px solid color-mix(in srgb, var(--mc-copper) 22%, transparent); }

/* ============================================================
   COACH VISUAL ROLLOUT — BATCH 8.1 (2026-09-08)
   cg-ws__svc-*: profil-lokale Praesentation fuer den strukturell
   extrahierten Abschnitt "Zahlung & Leistung"
   (views/partial-coachie-service-credit.php, einziger Consumer).
   Ersetzt ~15 Inline-Styles. Additiv, kein globaler Selektor,
   keine cg-mc__*-Basisaenderung.
   ============================================================ */
.cg-ws__svc > .cg-mc__section-title { margin-top: 0; }
.cg-ws__svc-flash { margin-bottom: .8rem; }
.cg-ws__svc-summary { margin-bottom: .2rem; }
.cg-ws__svc-note { font-size: .82rem; color: var(--mc-ink-soft); }
.cg-ws__svc-warn { font-size: .85rem; color: var(--mc-copper-dark, #9C5B39); }
.cg-ws__svc-subhead {
  margin: 1.3rem 0 .5rem; font-size: .8rem; font-weight: 700;
  letter-spacing: .03em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-ws__svc-subhead--admin { color: var(--mc-copper-dark, #9C5B39); }
.cg-ws__svc-admin {
  margin-top: 1rem; padding-top: .9rem;
  border-top: 1px dashed color-mix(in srgb, var(--mc-copper) 22%, var(--mc-border-soft));
}
/* Progressive Disclosure -- ruhige, produktzugehoerige <details> */
.cg-ws__svc-disc {
  margin-top: .6rem; border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m, 12px); background: var(--mc-surface);
  overflow: hidden;
}
.cg-ws__svc-disc > summary {
  cursor: pointer; list-style: none; padding: .7rem .9rem;
  font-size: .85rem; font-weight: 600; color: var(--mc-ink-soft);
  display: flex; align-items: center; gap: .5rem;
}
.cg-ws__svc-disc > summary::-webkit-details-marker { display: none; }
.cg-ws__svc-disc > summary::before {
  content: "+"; font-weight: 700; color: var(--mc-copper-dark, #9C5B39);
  font-size: 1rem; line-height: 1;
}
.cg-ws__svc-disc[open] > summary { border-bottom: 1px solid var(--mc-border-soft); color: var(--mc-ink); }
.cg-ws__svc-disc[open] > summary::before { content: "\2013"; }
.cg-ws__svc-disc > summary:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: -2px; }
.cg-ws__svc-form { padding: .9rem; background: var(--mc-surface-soft); max-width: 360px; }
.cg-ws__svc-form .cg-mc__field { margin-bottom: .55rem; }
.cg-ws__svc-form .cg-mc__field:last-of-type { margin-bottom: .7rem; }
.cg-ws__svc-form label { font-size: .8rem; font-weight: 600; display: block; margin-bottom: .2rem; }
.cg-ws__svc-form input,
.cg-ws__svc-form textarea,
.cg-ws__svc-form select {
  width: 100%; padding: .42em .55em;
  border-radius: var(--mc-radius-s, 8px); border: 1.5px solid var(--mc-border);
  font: inherit; background: var(--mc-surface);
}
.cg-ws__svc-form input:focus,
.cg-ws__svc-form textarea:focus,
.cg-ws__svc-form select:focus { outline: none; border-color: var(--mc-copper); }
.cg-ws__svc-form button { width: auto; font-size: .82rem; }
.cg-ws__svc-hist { margin-top: 0; padding: .3rem .9rem .6rem; }
@media (max-width: 640px) {
  .cg-ws__svc-form { max-width: none; }
}

/* ==================================================================
   COACH VISUAL TRANSFORMATION - TARGET 01 (2026-09-08)
   Komplette Coachie-Arbeitsflaeche (coach-coachie-profile.php).
   ALLES .cg-cw-gescopt + additiv. Keine globale cg-mc__/cg-ws__-
   Basisaenderung, kein neuer Tab-Mechanismus, keine Daten/Access.
   Familie: warme Creme-Flaechen, Kupfer-Fuehrung, Teal-Kontext,
   Display-Typo, editoriale Rhythmik, Coach-Dichte MEDIUM.
   ================================================================== */
.cg-cw {
  --cw-warm: linear-gradient(158deg, #FDFAF5 0%, #F5EFE4 100%);
  --cw-warm-soft: linear-gradient(160deg, #FCFAF6 0%, #F7F2EA 100%);
  --cw-edge: color-mix(in srgb, var(--mc-copper) 13%, var(--mc-border-soft));
  --cw-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 16px 36px -30px rgba(9,21,34,.3);
  display: flex; flex-direction: column; gap: clamp(1.1rem, 2.4vw, 1.7rem);
}

/* -- 1) DETAIL HEADER: staerkerer Anker ------------------------------ */
.cg-cw .cg-xp-detailhead { gap: .5rem 1.4rem; padding: clamp(1.5rem, 3vw, 2.1rem) clamp(1.5rem, 3.2vw, 2.2rem); }
.cg-cw .cg-xp-detailhead__avatar,
.cg-cw .cg-xp-detailhead__avatar-photo { width: 4.1rem; height: 4.1rem; font-size: 1.6rem; }
.cg-cw .cg-xp-detailhead__name { font-size: clamp(1.5rem, 2.8vw, 1.95rem); }
.cg-cw .cg-xp-detailhead__facts {
  margin-top: 1rem; padding-top: .9rem; gap: .6rem 2rem;
  border-top: 1px solid color-mix(in srgb, var(--mc-copper) 16%, transparent);
}
.cg-cw .cg-xp-detailhead__fact-v { font-size: .92rem; }
.cg-cw .cg-xp-detailhead__act { margin-top: 1.1rem; }

/* -- 2) OFFEN / ALS NAECHSTES: echte Orientierungsleiste ------------- */
.cg-cw .cg-ws__pnext {
  position: relative; overflow: hidden;
  padding: 1.15rem 1.3rem 1.15rem 1.55rem;
  background: var(--cw-warm-soft); border: 1px solid var(--cw-edge);
  box-shadow: var(--cw-shadow);
}
.cg-cw .cg-ws__pnext::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(var(--mc-copper), color-mix(in srgb, var(--mc-copper) 45%, transparent));
}
.cg-cw__pnext-title {
  margin: 0 0 .5rem !important; font-size: .72rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-cw .cg-ws__pnext .cg-mc__list { display: flex; flex-direction: column; gap: .1rem; }
.cg-cw .cg-ws__pnext .cg-mc__row {
  padding: .6rem .2rem; border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--mc-ink) 6%, transparent);
  gap: 1rem;
}
.cg-cw .cg-ws__pnext .cg-mc__row:last-child { border-bottom: 0; }
.cg-cw .cg-ws__pnext .cg-mc__row-name { font-size: .8rem; font-weight: 600; color: var(--mc-ink-faint); text-transform: uppercase; letter-spacing: .03em; }
.cg-cw .cg-ws__pnext .cg-mc__row-detail a { font-size: .95rem; }
.cg-cw .cg-ws__pnext .cg-mc__row-detail a:not(.is-empty) { color: var(--mc-copper-dark) !important; }
.cg-cw .cg-ws__pnext .cg-mc__row-detail a.is-empty { color: var(--mc-ink-soft) !important; font-weight: 400 !important; font-style: italic; }

/* -- 3) TAB-NAVIGATION: Premium-Workspace-Leiste -------------------- */
.cg-cw .cg-ws__ptabs {
  display: flex; gap: .3rem; flex-wrap: nowrap; overflow-x: auto;
  padding: .4rem; margin: 0;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
  border-radius: calc(var(--mc-radius-m, 12px) + 4px);
  box-shadow: 0 10px 26px -22px rgba(9,21,34,.22);
  scrollbar-width: thin;
}
.cg-cw .cg-ws__ptab {
  flex: 0 0 auto; border: 0; background: transparent; cursor: pointer;
  padding: .55rem .95rem; border-radius: var(--mc-radius-m, 10px);
  font-family: var(--mc-font-display); font-size: .9rem; font-weight: 600;
  color: var(--mc-ink-soft); white-space: nowrap;
  transition: background .14s ease, color .14s ease;
}
.cg-cw .cg-ws__ptab:hover { background: color-mix(in srgb, var(--mc-copper) 9%, transparent); color: var(--mc-ink); }
.cg-cw .cg-ws__ptab.is-active,
.cg-cw .cg-ws__ptab[aria-selected="true"] {
  background: var(--mc-copper); color: #fff;
  box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--mc-copper) 75%, transparent);
}
.cg-cw .cg-ws__ptab:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: 2px; }

/* -- 4) PANELS + SEKTIONS-HIERARCHIE ------------------------------- */
/* WICHTIG: :not([hidden]) -- ohne das ueberschreibt display:flex das
   [hidden]-Attribut der inaktiven Tab-Panels (alle Panels sichtbar). */
.cg-cw .cg-ws__ppanel[hidden] { display: none !important; }
.cg-cw .cg-ws__ppanel:not([hidden]) { padding-top: .4rem; display: flex; flex-direction: column; gap: .2rem; }
.cg-cw .cg-ws__ppanel > .cg-mc__section-title,
.cg-cw .cg-ws__svc > .cg-mc__section-title,
.cg-cw .cg-ws__ppanel > .cg-mc__card > .cg-mc__section-title {
  font-family: var(--mc-font-display); font-weight: 700;
  font-size: 1.02rem; letter-spacing: -.01em; color: var(--mc-ink);
  margin: 1.6rem 0 .8rem;
}
.cg-cw .cg-ws__ppanel > .cg-mc__section-title:first-child { margin-top: .2rem; }
.cg-cw #cg-ptab-ueberblick > .cg-mc__section-title:first-of-type { font-size: 1.2rem; }

/* -- 5) KARTEN-SYSTEM: Gewicht statt Dekoration -------------------- */
.cg-cw .cg-ws__ppanel .cg-mc__grid { gap: 1rem; }
.cg-cw .cg-ws__ppanel .cg-mc__card,
.cg-cw .cg-ws__svc .cg-mc__card {
  background: var(--cw-warm-soft); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: 0 10px 24px -22px rgba(9,21,34,.18);
}
.cg-cw .cg-ws__ppanel .cg-mc__card--priority-1 {
  background: var(--cw-warm); border-color: var(--cw-edge);
  border-left: 3px solid var(--mc-copper);
  box-shadow: 0 14px 32px -24px rgba(9,21,34,.28);
}
.cg-cw .cg-ws__ppanel .cg-mc__card--priority-2 { border-left: 3px solid color-mix(in srgb, var(--mc-copper) 45%, transparent); }
.cg-cw .cg-ws__ppanel .cg-mc__card--priority-3 { border-left: 3px solid color-mix(in srgb, var(--mc-teal) 40%, transparent); }
.cg-cw .cg-ws__ppanel .cg-mc__card-kicker--learning { display: none; }
.cg-cw .cg-ws__ppanel .cg-mc__card-label {
  font-size: .68rem; letter-spacing: .04em; color: var(--mc-ink-faint); margin-bottom: .3rem;
}
.cg-cw .cg-ws__ppanel .cg-mc__card-body { font-size: .92rem; line-height: 1.5; color: var(--mc-ink); }
.cg-cw .cg-ws__ppanel .cg-mc__card-body.is-empty { color: var(--mc-ink-soft); font-style: italic; }

/* -- 6) LISTEN-ZEILEN: eine ruhige Premium-Zeile ------------------- */
.cg-cw .cg-ws__ppanel .cg-mc__list {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px);
  overflow: hidden; background: var(--mc-surface);
}
.cg-cw .cg-ws__ppanel .cg-mc__row {
  padding: .85rem 1.1rem; gap: 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--mc-ink) 6%, transparent);
  transition: background .12s ease;
}
.cg-cw .cg-ws__ppanel .cg-mc__row:last-child { border-bottom: 0; }
.cg-cw .cg-ws__ppanel .cg-mc__row:hover { background: color-mix(in srgb, var(--mc-copper) 5%, transparent); }
.cg-cw .cg-ws__ppanel .cg-mc__row-name { font-weight: 600; }
.cg-cw .cg-ws__ppanel .cg-mc__row-name a { color: var(--mc-ink); text-decoration: none; }
.cg-cw .cg-ws__ppanel .cg-mc__row-name a:hover { color: var(--mc-copper-dark); text-decoration: underline; }
.cg-cw .cg-ws__ppanel .cg-mc__row-detail { font-size: .82rem; color: var(--mc-ink-faint); white-space: nowrap; }

/* -- 7) STATUS-PILLS harmonisieren -------------------------------- */
.cg-cw .cg-mc__coach-tag {
  border-radius: 999px; padding: .16rem .6rem; font-size: .7rem; font-weight: 700;
  letter-spacing: .02em; text-transform: none;
}

/* -- 8) EMPTY STATES im Workspace = warm + intentional ------------ */
.cg-cw .cg-ws__ppanel .cg-mc__empty {
  background: var(--cw-warm-soft); border: 1px solid var(--cw-edge);
  border-radius: var(--mc-radius-m, 12px); color: var(--mc-ink-soft);
  padding: clamp(1.4rem, 3vw, 2rem); text-align: center; line-height: 1.55;
}

/* -- 9) SEKUNDAER-BUTTONS im Workspace: Kupfer-Familie ------------ */
.cg-cw .cg-ws__ppanel .cg-mc__btn-secondary,
.cg-cw .cg-ws__svc .cg-mc__btn-secondary {
  border-color: color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border));
  color: var(--mc-copper-dark);
}
.cg-cw .cg-ws__ppanel .cg-mc__btn-secondary:hover,
.cg-cw .cg-ws__svc .cg-mc__btn-secondary:hover {
  background: color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface));
  border-color: var(--mc-copper);
}

/* -- 10) INLINE-<details> im Panel: intentionaler Rahmen ---------- */
.cg-cw .cg-ws__ppanel details {
  margin-top: .5rem; border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m, 10px); background: var(--mc-surface); overflow: hidden;
}
.cg-cw .cg-ws__ppanel details > summary { padding: .55rem .8rem; list-style: none; }
.cg-cw .cg-ws__ppanel details > summary::-webkit-details-marker { display: none; }
.cg-cw .cg-ws__ppanel details[open] > summary { border-bottom: 1px solid var(--mc-border-soft); }
.cg-cw .cg-ws__ppanel details form {
  margin: 0 !important; padding: .8rem !important;
  background: var(--mc-surface-soft) !important; max-width: none !important;
}

/* -- 11) SERVICE / LEISTUNG in die Seite integriert -------------- */
.cg-cw .cg-ws__pservice { margin-top: .4rem; }
.cg-cw .cg-ws__svc {
  background: var(--cw-warm); border: 1px solid var(--cw-edge);
  box-shadow: var(--cw-shadow);
}
.cg-cw .cg-ws__svc-summary .cg-mc__card { background: var(--mc-surface); }

/* -- 12) Responsive ------------------------------------------------ */
@media (max-width: 720px) {
  .cg-cw .cg-ws__ptabs { border-radius: var(--mc-radius-m, 12px); }
  .cg-cw .cg-xp-detailhead__avatar,
  .cg-cw .cg-xp-detailhead__avatar-photo { width: 3.4rem; height: 3.4rem; font-size: 1.3rem; }
}

/* ==================================================================
   COACH VISUAL TRANSFORMATION — TARGET 02 (2026-09-08)
   Kompletter Coach-Fragen-Arbeitsraum (coach-questions.php).
   .cg-cwq-gescopt + additiv. Baut auf .cg-cw (--cw-* Tokens, warme
   Spalte). cg-xp-pagehead + cg-xp-state bleiben unveraendert.
   Keine globale cg-lyu__/cg-mc__-Basisaenderung.
   ================================================================== */
.cg-cwq { gap: clamp(1.2rem, 2.6vw, 1.9rem); }

/* -- OFFEN: fuehrender Block --------------------------------------- */
.cg-cwq__open {
  position: relative; overflow: hidden;
  padding: clamp(1.3rem, 2.8vw, 1.9rem) clamp(1.3rem, 3vw, 1.9rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 16%, var(--mc-border-soft));
  background: linear-gradient(158deg, #FDFAF5 0%, #F5EFE4 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 18px 40px -32px rgba(9,21,34,.32);
}
.cg-cwq__open::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(var(--mc-copper), color-mix(in srgb, var(--mc-copper) 45%, transparent));
}
.cg-cwq__open-head { margin-bottom: 1.1rem; }
.cg-cwq__open-title {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.15rem, 2.2vw, 1.4rem); letter-spacing: -.01em;
  color: var(--mc-ink); display: flex; align-items: center; gap: .55rem;
}
.cg-cwq__open-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.6rem; height: 1.6rem; padding: 0 .45rem;
  border-radius: 999px; background: var(--mc-copper); color: #fff;
  font-size: .82rem; font-weight: 700;
}
.cg-cwq__open-sub { margin: .35rem 0 0; font-size: .9rem; color: var(--mc-ink-soft); }

/* -- LISTE --------------------------------------------------------- */
.cg-cwq__list { display: flex; flex-direction: column; gap: .7rem; }
.cg-cwq__list--done { gap: 0; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px); overflow: hidden; background: var(--mc-surface); }

/* -- FRAGE-KARTE (offen) ----------------------------------------- */
.cg-cwq__card {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1.05rem 1.2rem; text-decoration: none;
  border-radius: var(--mc-radius-m, 12px);
  border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface);
  box-shadow: 0 10px 24px -22px rgba(9,21,34,.18);
  transition: border-color .13s ease, box-shadow .13s ease, transform .13s ease;
}
.cg-cwq__card:hover { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); box-shadow: 0 16px 34px -24px rgba(9,21,34,.28); transform: translateY(-1px); }
.cg-cwq__card:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: 2px; }
.cg-cwq__card--open {
  background: linear-gradient(160deg, #FFFDFA 0%, #FBF6EE 100%);
  border-color: color-mix(in srgb, var(--mc-copper) 18%, var(--mc-border-soft));
  border-left: 3px solid var(--mc-copper);
}
.cg-cwq__card--urgent { border-left-color: var(--mc-warning, #b8791f); }

.cg-cwq__card-avatar {
  flex-shrink: 0; width: 2.9rem; height: 2.9rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.02rem;
  color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 22%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface)));
  border: 2px solid var(--mc-surface);
  box-shadow: 0 6px 16px -10px rgba(9,21,34,.32);
}
.cg-cwq__card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.cg-cwq__card-who {
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem;
  color: var(--mc-ink); line-height: 1.2;
}
.cg-cwq__card-q {
  font-size: .95rem; line-height: 1.5; color: var(--mc-ink-soft, #58514a);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-cwq__card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; margin-top: .15rem; }
.cg-cwq__card-status {
  display: inline-flex; align-items: center; padding: .12rem .55rem;
  border-radius: 999px; font-size: .7rem; font-weight: 700; letter-spacing: .01em;
}
.cg-cwq__card-status--open { background: color-mix(in srgb, var(--mc-copper) 13%, transparent); color: var(--mc-copper-dark); }
.cg-cwq__card-status--done { background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep, #2f6169); }
.cg-cwq__card-status--urgent { background: var(--mc-warning-bg, #fbf3e6); color: var(--mc-warning, #b8791f); }
.cg-cwq__card-date { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-cwq__card-cta {
  flex-shrink: 0; align-self: center; white-space: nowrap;
  font-size: .85rem; font-weight: 700; color: var(--mc-copper-dark);
}
.cg-cwq__card:hover .cg-cwq__card-cta { color: var(--mc-copper); }

/* -- BEANTWORTET / ABGESCHLOSSEN: ruhige, dichte Historie -------- */
.cg-cwq__resolved {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px);
  background: var(--mc-surface); overflow: hidden;
}
.cg-cwq__resolved-summary {
  cursor: pointer; list-style: none; padding: .85rem 1.1rem;
  font-size: .85rem; font-weight: 700; color: var(--mc-ink-soft);
  display: flex; align-items: center; gap: .5rem;
}
.cg-cwq__resolved-summary::-webkit-details-marker { display: none; }
.cg-cwq__resolved-summary::before {
  content: "+"; font-weight: 700; color: var(--mc-copper-dark); font-size: 1rem; line-height: 1;
}
.cg-cwq__resolved[open] > .cg-cwq__resolved-summary { border-bottom: 1px solid var(--mc-border-soft); color: var(--mc-ink); }
.cg-cwq__resolved[open] > .cg-cwq__resolved-summary::before { content: "\2013"; }
.cg-cwq__resolved-summary:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: -2px; }
/* Karten in der Historie: kompakt, ohne Karten-Optik, Zeilen-Look */
.cg-cwq__list--done .cg-cwq__card {
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--mc-ink) 6%, transparent);
  padding: .8rem 1.1rem; gap: .8rem;
}
.cg-cwq__list--done .cg-cwq__card:last-child { border-bottom: 0; }
.cg-cwq__list--done .cg-cwq__card:hover { transform: none; box-shadow: none; background: color-mix(in srgb, var(--mc-copper) 4%, transparent); }
.cg-cwq__list--done .cg-cwq__card--done { border-left: 0; }
.cg-cwq__list--done .cg-cwq__card-avatar { width: 2.3rem; height: 2.3rem; font-size: .85rem; box-shadow: none; }
.cg-cwq__list--done .cg-cwq__card-who { font-size: .92rem; }
.cg-cwq__list--done .cg-cwq__card-q { -webkit-line-clamp: 2; font-size: .88rem; }

/* -- Responsive -------------------------------------------------- */
@media (max-width: 640px) {
  .cg-cwq__card { flex-wrap: wrap; }
  .cg-cwq__card-cta { align-self: flex-start; margin-left: calc(2.9rem + 1rem); }
  .cg-cwq__list--done .cg-cwq__card-cta { margin-left: calc(2.3rem + .8rem); }
}

/* ==================================================================
   COACH VISUAL NORTH-STAR RECOVERY (2026-09-08)
   Zwei Kern-Flaechen: Coach Dashboard (.cg-cw-dash) + Meine Coachies
   (.cg-cwl). Alles .cg-cw-/.cg-cw-dash-/.cg-cwl-gescopt + additiv.
   Ziel: sichtbare Paritaet mit der Coachie-Golden-/Meine-Coaches-
   Referenz. Warme Creme-Zonen, Person-first, editoriale Rhythmik,
   Kupfer-Fuehrung, Coach-Dichte MEDIUM. Kein globaler cg-mc__/
   cg-cockpit__/cg-cl__-Basiseingriff, keine Daten/Router/Access.
   ================================================================== */

/* ============ COACH DASHBOARD — .cg-cw-dash ======================= */
.cg-cw-dash { gap: clamp(1.6rem, 3.2vw, 2.4rem); }
.cg-cw-dash .cg-xp-hero { margin-bottom: 0; }

/* -- Cockpit-Sektionen = komponierte warme Zonen ------------------ */
.cg-cw-dash .cg-cockpit { display: flex; flex-direction: column; gap: clamp(1.4rem, 3vw, 2.1rem); background: transparent; }
.cg-cw-dash .cg-cockpit__section {
  margin: 0;
  padding: clamp(1.3rem, 2.8vw, 1.9rem) clamp(1.3rem, 3vw, 1.9rem) clamp(1.4rem, 3vw, 1.9rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 12%, var(--mc-border-soft));
  background: linear-gradient(160deg, #FDFAF5 0%, #F6F1E8 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 16px 36px -30px rgba(9,21,34,.28);
}
.cg-cw-dash .cg-cockpit__section-title {
  margin: 0 0 1rem; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.02rem, 2vw, 1.2rem); letter-spacing: -.01em; color: var(--mc-ink);
  text-transform: none;
}
/* Sektion 2 = "Braucht Aufmerksamkeit": warm-amber, ruhig (kein Alarm) */
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) {
  background: linear-gradient(160deg, #FEFBF4 0%, #FaF1E2 100%);
  border-color: color-mix(in srgb, var(--mc-warning, #b8791f) 22%, var(--mc-border-soft));
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__section-title { color: var(--mc-warning, #b8791f); }
.cg-cw-dash .cg-cockpit__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.cg-cw-dash .cg-cockpit__card {
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m, 12px); padding: 1.1rem 1.15rem;
  box-shadow: 0 8px 22px -20px rgba(9,21,34,.18);
}
.cg-cw-dash .cg-cockpit__card--empty { background: color-mix(in srgb, var(--mc-copper) 3%, var(--mc-surface)); }
.cg-cw-dash .cg-cockpit__card-label { font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-cockpit__card-value { font-family: var(--mc-font-display); font-size: 2rem; font-weight: 700; color: var(--mc-ink); line-height: 1.1; margin: .25rem 0; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-value { color: var(--mc-warning, #b8791f); }
.cg-cw-dash .cg-cockpit__card-detail { font-size: .9rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-cw-dash .cg-cockpit__card-action { display: inline-block; margin-top: .6rem; font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; }
.cg-cw-dash .cg-cockpit__card-action:hover { text-decoration: underline; }

/* -- Row2 immer gestapelt: "Heute wichtig" + "Deine Coachies" ----- */
.cg-cw-dash .cg-mc__dash-row2 { display: flex; flex-direction: column; gap: clamp(1.4rem, 3vw, 2.1rem); }
.cg-cw-dash .cg-mc__dash-row2-col { width: 100%; }

/* -- "Deine Coachies" = staerkste Beziehungs-Zone ---------------- */
.cg-cw-dash .cg-dash-coach__preview {
  padding: clamp(1.3rem, 2.8vw, 1.9rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 15%, var(--mc-border-soft));
  background: linear-gradient(155deg, #FCF9F4 0%, #F4EEE3 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 18px 42px -32px rgba(9,21,34,.32);
}
.cg-cw-dash .cg-dash-coach__preview-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .9rem; margin-bottom: 1.1rem; }
.cg-cw-dash .cg-dash-coach__preview-head h2 {
  margin: 0 auto 0 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.15rem, 2.2vw, 1.4rem); color: var(--mc-ink);
}
.cg-cw-dash .cg-dash-coach__preview-head .cg-cl__sec-meta { font-size: .82rem; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-dash-coach__preview-add,
.cg-cw-dash .cg-dash-coach__preview-all { font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; }
.cg-cw-dash .cg-dash-coach__preview-add:hover,
.cg-cw-dash .cg-dash-coach__preview-all:hover { text-decoration: underline; }
.cg-cw-dash .cg-dash-coach__preview-all { display: inline-block; margin-top: 1rem; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list { display: flex; flex-direction: column; gap: .8rem; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card {
  display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem;
  padding: 1rem 1.15rem; border-radius: var(--mc-radius-m, 12px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 12%, var(--mc-border-soft));
  border-left: 3px solid var(--mc-copper);
  background: var(--mc-surface);
  box-shadow: 0 10px 26px -22px rgba(9,21,34,.22);
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__id { display: flex; align-items: center; gap: .8rem; flex: 2 1 220px; min-width: 0; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__avatar {
  width: 3rem; height: 3rem; flex-shrink: 0; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.1rem; color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 24%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 11%, var(--mc-surface)));
  border: 3px solid var(--mc-surface); box-shadow: 0 6px 16px -10px rgba(9,21,34,.32);
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__name { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.08rem; color: var(--mc-ink); text-decoration: none; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__name:hover { color: var(--mc-copper-dark); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__sub { font-size: .82rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__meta { flex: 3 1 200px; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__mi-k { font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__mi-v { font-size: .9rem; color: var(--mc-ink); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badges { margin-left: auto; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badge { border-radius: 999px; padding: .16rem .6rem; font-size: .7rem; font-weight: 700; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__open {
  display: inline-flex; align-items: center; padding: .5rem .95rem; border-radius: var(--mc-radius-pill, 999px);
  background: var(--mc-copper); color: #fff; font-size: .85rem; font-weight: 700; text-decoration: none;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__open:hover { background: var(--mc-copper-dark); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__empty { background: var(--mc-surface); border-radius: var(--mc-radius-m,12px); padding: 1.4rem; }

/* -- "Heute wichtig"-Vorschau (partial-me-preview-grid) ---------- */
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-grid,
.cg-cw-dash #cg-coach-heute-wichtig .cg-mc__grid { gap: 1rem; }

/* -- Untere Zone: Eintraege + Benachrichtigungen = warm --------- */
.cg-cw-dash .cg-dash-coach__lower { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.4rem; margin-top: 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__card {
  background: linear-gradient(160deg, #FDFAF6 0%, #F7F2EA 100%);
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-l, 16px);
  padding: clamp(1.2rem, 2.6vw, 1.6rem);
  box-shadow: 0 12px 30px -26px rgba(9,21,34,.22);
}
.cg-cw-dash .cg-dash-coach__lower .cg-mc__section-title { font-family: var(--mc-font-display); font-size: 1.05rem; color: var(--mc-ink); margin: 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row {
  padding: .8rem 0; border-bottom: 1px solid color-mix(in srgb, var(--mc-ink) 6%, transparent);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row:last-child { border-bottom: 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row-title { font-weight: 600; font-size: .92rem; color: var(--mc-ink); margin: 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row-meta { font-size: .8rem; color: var(--mc-ink-faint); margin: .1rem 0 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-dash-coach__row-btn { border-color: color-mix(in srgb, var(--mc-copper) 32%, var(--mc-border)); color: var(--mc-copper-dark); }

/* ============ MEINE COACHIES — .cg-cwl =========================== */
.cg-cwl { gap: clamp(1.3rem, 2.8vw, 2rem); }
.cg-cwl .cg-xp-pagehead__title { font-size: clamp(1.7rem, 3.2vw, 2.15rem); }

/* -- Kopf: Zaehlung + integrierte Filter-Toolbar ---------------- */
.cg-cwl .cg-cl { display: flex; flex-direction: column; gap: 1.1rem; }
.cg-cwl .cg-cl__head { display: flex; flex-direction: column; gap: .7rem; }
.cg-cwl .cg-cl__count { margin: 0; font-size: .9rem; color: var(--mc-ink-soft); }
.cg-cwl .cg-cl__count strong { color: var(--mc-ink); font-weight: 700; }
.cg-cwl .cg-cl__tools {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: .7rem .9rem;
  padding: .85rem 1rem; border-radius: var(--mc-radius-m, 12px);
  background: linear-gradient(160deg, #FCFAF6 0%, #F6F1E9 100%);
  border: 1px solid var(--mc-border-soft);
}
.cg-cwl .cg-cl__tools .cg-mc__field { margin: 0; flex: 1 1 140px; }
.cg-cwl .cg-cl__tools .cg-mc__field:first-child { flex: 2 1 200px; }
.cg-cwl .cg-cl__tools label { font-size: .68rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--mc-ink-faint); display: block; margin-bottom: .25rem; }
.cg-cwl .cg-cl__tools input,
.cg-cwl .cg-cl__tools select {
  width: 100%; height: 2.5rem; padding: 0 .7rem;
  border-radius: var(--mc-radius-s, 8px); border: 1.5px solid var(--mc-border); background: var(--mc-surface);
  font: inherit; font-size: .9rem;
}
.cg-cwl .cg-cl__tools input:focus,
.cg-cwl .cg-cl__tools select:focus { outline: none; border-color: var(--mc-copper); }
.cg-cwl .cg-cl__tools button {
  height: 2.5rem; padding: 0 1rem; flex: 0 0 auto;
  background: transparent; border: 1.5px solid color-mix(in srgb, var(--mc-copper) 38%, var(--mc-border));
  color: var(--mc-copper-dark); border-radius: var(--mc-radius-s, 8px);
  font-weight: 700; font-size: .85rem; cursor: pointer;
}
.cg-cwl .cg-cl__tools button:hover { background: color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface)); border-color: var(--mc-copper); }

/* -- Sektions-Titel editorial ---------------------------------- */
.cg-cwl .cg-cl__sec { display: flex; align-items: baseline; gap: .6rem; margin: .6rem 0 .2rem; }
.cg-cwl .cg-cl__sec h2 { margin: 0; font-family: var(--mc-font-display); font-weight: 700; font-size: 1.05rem; color: var(--mc-ink); }
.cg-cwl .cg-cl__sec-meta { font-size: .8rem; color: var(--mc-ink-faint); }

/* -- Coachie-Beziehungs-Karten = dominante Zone ---------------- */
.cg-cwl .cg-cl__list { display: flex; flex-direction: column; gap: .9rem; }
.cg-cwl .cg-cl__card {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem;
  padding: 1.2rem 1.35rem; border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 13%, var(--mc-border-soft));
  background: linear-gradient(155deg, #FCF9F4 0%, #F4EFE6 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 16px 38px -30px rgba(9,21,34,.28);
  transition: box-shadow .14s ease, transform .14s ease;
}
.cg-cwl .cg-cl__card:hover { box-shadow: 0 22px 46px -30px rgba(9,21,34,.36); transform: translateY(-1px); }
.cg-cwl .cg-cl__card--soon { border-left: 3px solid var(--mc-copper); }
.cg-cwl .cg-cl__id { display: flex; align-items: center; gap: .95rem; flex: 2 1 240px; min-width: 0; }
.cg-cwl .cg-cl__avatar {
  width: 3.5rem; height: 3.5rem; flex-shrink: 0; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.35rem; color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 24%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 11%, var(--mc-surface)));
  border: 4px solid var(--mc-surface); box-shadow: 0 10px 22px -12px rgba(9,21,34,.34);
}
.cg-cwl .cg-cl__idbody { display: flex; flex-direction: column; gap: .12rem; min-width: 0; }
.cg-cwl .cg-cl__name { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.18rem; line-height: 1.15; color: var(--mc-ink); text-decoration: none; }
.cg-cwl .cg-cl__name:hover { color: var(--mc-copper-dark); }
.cg-cwl .cg-cl__sub { font-size: .8rem; color: var(--mc-ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cg-cwl .cg-cl__meta { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; flex: 3 1 260px; }
.cg-cwl .cg-cl__mi { display: flex; flex-direction: column; gap: .12rem; }
.cg-cwl .cg-cl__mi-k { font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cwl .cg-cl__mi-v { font-size: .88rem; color: var(--mc-ink); font-weight: 600; }
.cg-cwl .cg-cl__mi--quiet .cg-cl__mi-v { color: var(--mc-ink-soft); font-weight: 400; font-style: italic; }
.cg-cwl .cg-cl__mi--soon .cg-cl__mi-v { color: var(--mc-copper-dark); }
.cg-cwl .cg-cl__mi--warn .cg-cl__mi-v { color: var(--mc-warning, #b8791f); }
.cg-cwl .cg-cl__badges { display: flex; flex-wrap: wrap; gap: .35rem; margin-left: auto; }
.cg-cwl .cg-cl__badge { border-radius: 999px; padding: .18rem .62rem; font-size: .7rem; font-weight: 700; letter-spacing: .01em; }
.cg-cwl .cg-cl__badge--rel { background: color-mix(in srgb, var(--mc-copper) 14%, transparent); color: var(--mc-copper-dark); }
.cg-cwl .cg-cl__badge--open { background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep, #2f6169); }
.cg-cwl .cg-cl__badge--warn { background: var(--mc-warning-bg, #fbf3e6); color: var(--mc-warning, #b8791f); }
.cg-cwl .cg-cl__act { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.cg-cwl .cg-cl__open {
  display: inline-flex; align-items: center; padding: .58rem 1.1rem; border-radius: var(--mc-radius-pill, 999px);
  background: var(--mc-copper); color: #fff; font-size: .88rem; font-weight: 700; text-decoration: none;
}
.cg-cwl .cg-cl__open:hover { background: var(--mc-copper-dark); }
.cg-cwl .cg-cl__act-more { display: flex; gap: .8rem; }
.cg-cwl .cg-cl__act-link { font-size: .82rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; }
.cg-cwl .cg-cl__act-link:hover { text-decoration: underline; }
.cg-cwl .cg-cl__empty {
  background: linear-gradient(160deg, #FDFAF5, #F6F1E8); border: 1px solid color-mix(in srgb, var(--mc-copper) 13%, var(--mc-border-soft));
  border-radius: var(--mc-radius-l, 16px); padding: clamp(1.6rem, 3.4vw, 2.2rem);
}
.cg-cwl .cg-cl__empty-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.1rem; color: var(--mc-ink); margin: 0 0 .4rem; }
.cg-cwl .cg-cl__empty-text { font-size: .92rem; color: var(--mc-ink-soft); line-height: 1.55; max-width: 52ch; }

/* -- "Coachie hinzufügen" = sekundaer, progressive Disclosure --- */
.cg-cwl .cg-cwl__add {
  margin-top: .6rem; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px);
  background: var(--mc-surface); overflow: hidden;
}
.cg-cwl .cg-cwl__add-summary {
  cursor: pointer; list-style: none; display: flex; align-items: center; gap: .9rem;
  padding: 1rem 1.15rem;
}
.cg-cwl .cg-cwl__add-summary::-webkit-details-marker { display: none; }
.cg-cwl .cg-cwl__add-plus {
  flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
  font-weight: 700; font-size: 1.15rem; line-height: 1;
}
.cg-cwl .cg-cwl__add[open] .cg-cwl__add-plus { transform: rotate(45deg); }
.cg-cwl .cg-cwl__add-text { display: flex; flex-direction: column; gap: .1rem; }
.cg-cwl .cg-cwl__add-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); }
.cg-cwl .cg-cwl__add-sub { font-size: .82rem; color: var(--mc-ink-faint); }
.cg-cwl .cg-cwl__add[open] > .cg-cwl__add-summary { border-bottom: 1px solid var(--mc-border-soft); }
.cg-cwl .cg-cwl__add-summary:focus-visible,
.cg-cwl .cg-cwl__add-opt > summary:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: -2px; }
.cg-cwl .cg-cwl__add-body { padding: 1rem 1.15rem 1.15rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .9rem; background: var(--mc-surface-soft); }
.cg-cwl .cg-cwl__add-opt { border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 10px); background: var(--mc-surface); overflow: hidden; }
.cg-cwl .cg-cwl__add-opt > summary {
  cursor: pointer; list-style: none; padding: .75rem .9rem; font-family: var(--mc-font-display);
  font-weight: 700; font-size: .92rem; color: var(--mc-ink); display: flex; align-items: center; gap: .5rem;
}
.cg-cwl .cg-cwl__add-opt > summary::-webkit-details-marker { display: none; }
.cg-cwl .cg-cwl__add-opt > summary::before { content: "+"; color: var(--mc-copper-dark); font-weight: 700; }
.cg-cwl .cg-cwl__add-opt[open] > summary { border-bottom: 1px solid var(--mc-border-soft); }
.cg-cwl .cg-cwl__add-opt[open] > summary::before { content: "\2013"; }
.cg-cwl .cg-cwl__add-opt-body { padding: .95rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-mc__card-body { font-size: .86rem; color: var(--mc-ink-soft); margin: 0 0 .7rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-mc__field { margin-bottom: .6rem; }
.cg-cwl .cg-cwl__add-opt-body label { font-size: .78rem; font-weight: 600; color: var(--mc-ink-soft); display: block; margin-bottom: .2rem; }
.cg-cwl .cg-cwl__add-opt-body input,
.cg-cwl .cg-cwl__add-opt-body select {
  width: 100%; height: 2.4rem; padding: 0 .65rem; border-radius: var(--mc-radius-s, 8px);
  border: 1.5px solid var(--mc-border); background: var(--mc-surface); font: inherit; font-size: .9rem;
}
.cg-cwl .cg-cwl__add-opt-body input:focus,
.cg-cwl .cg-cwl__add-opt-body select:focus { outline: none; border-color: var(--mc-copper); }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__onboarding-form-row { display: flex; gap: .6rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__onboarding-form-row .cg-mc__field { flex: 1; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__program-select { border: 0; padding: 0; margin: 0 0 .6rem; display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__program-option { display: flex; align-items: center; gap: .35rem; font-size: .88rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__program-option input { width: auto; height: auto; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__onboarding-hint { font-size: .78rem; color: var(--mc-ink-faint); margin: .6rem 0 0; line-height: 1.45; }
.cg-cwl .cg-cwl__add-opt-body .cg-mc__btn-primary,
.cg-cwl .cg-cwl__add-opt-body .cg-mc__btn-secondary { width: auto; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__onboarding-results { margin-top: .8rem; display: flex; flex-direction: column; gap: .5rem; }
.cg-cwl .cg-cwl__add-opt-body .cg-ws__onboarding-result { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .6rem .7rem; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-s, 8px); background: var(--mc-surface-soft); }

/* -- Responsive ----------------------------------------------- */
@media (max-width: 720px) {
  .cg-cwl .cg-cl__card { gap: .7rem 1rem; }
  .cg-cwl .cg-cl__badges { margin-left: 0; }
  .cg-cwl .cg-cl__avatar { width: 3rem; height: 3rem; font-size: 1.15rem; }
  .cg-cw-dash .cg-dash-coach__preview .cg-cl__badges { margin-left: 0; }
}


/* ==================================================================
   COACH VISUAL NORTH-STAR RECOVERY — FOCUSED POLISH PASS (2026-09-08b)
   Baut additiv auf dem Live-Recovery-Stand auf (.cg-cw-dash / .cg-cwl).
   Schliesst die Founder-MUST-BETTER: sichtbare Pastellflaechen, sichtbare
   3-8% Motive, aufgeloeste "drei-blasse-Baender"-Rhythmik am Dashboard,
   und -- wichtigster Punkt -- Meine-Coachies-Beziehungskarte ist KEINE
   CRM-Zeile mehr, sondern eine person-first Vertikalkarte im 4/2/1-Raster.
   Nur Praesentation. Keine Daten/Router/Access/Nonce/Form-Action.
   Hoehere Spezifitaet (.cg-cwl .cg-cl .cg-cl__* / .cg-cw-dash …) damit die
   Politur die Recovery-Basisregeln oberhalb zuverlaessig gewinnt.
   ================================================================== */

.cg-cw-dash, .cg-cwl {
  --cwp-peach:  linear-gradient(157deg, #FBEDE2 0%, #F3D8C4 100%);
  --cwp-sage:   linear-gradient(157deg, #EAF1E5 0%, #D6E5CF 100%);
  --cwp-ice:    linear-gradient(157deg, #E6F0F2 0%, #D0E3E7 100%);
  --cwp-lav:    linear-gradient(157deg, #EFECF6 0%, #DDD7EC 100%);
  --cwp-sand:   linear-gradient(157deg, #F7ECD8 0%, #ECD9B9 100%);
  --cwp-cream:  linear-gradient(158deg, #FCF6ED 0%, #F2E8D6 100%);
  --cwp-edge:   color-mix(in srgb, var(--mc-copper) 20%, var(--mc-border-soft));
  --cwp-hair:   color-mix(in srgb, var(--mc-ink) 8%, transparent);
  --cwp-shadow: 0 1px 0 rgba(255,255,255,.65) inset, 0 20px 44px -30px rgba(9,21,34,.34);
}

/* Wiederverwendbares dezentes Ringe/Bogen-Motiv (~7%), Inhalt bleibt vorn. */
.cwp-motif { position: relative; isolation: isolate; overflow: hidden; }
.cwp-motif > * { position: relative; z-index: 1; }
.cwp-motif::after {
  content: ""; position: absolute; z-index: 0; right: -58px; bottom: -68px;
  width: 210px; height: 210px; pointer-events: none; opacity: .07;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='150' cy='150' r='40'/%3E%3Ccircle cx='150' cy='150' r='66'/%3E%3Ccircle cx='150' cy='150' r='92'/%3E%3Cpath d='M-4 120C60 120 84 40 210 40'/%3E%3C/svg%3E");
}
.cwp-motif--tr::after { right: -58px; top: -66px; bottom: auto;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='150' cy='55' r='30'/%3E%3Ccircle cx='150' cy='55' r='52'/%3E%3Ccircle cx='150' cy='55' r='74'/%3E%3C/svg%3E");
}

/* ================= DASHBOARD ===================================== */

/* Sektion 1 "Heute": klare Creme-Zone, Karten mit Ice-Tint + Motiv */
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) {
  background: var(--cwp-cream);
  border-color: var(--cwp-edge);
}
.cg-cw-dash .cg-cockpit__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 232px), 1fr)); }
.cg-cw-dash .cg-cockpit__section .cg-cockpit__card {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-ice);
  border: 1px solid var(--cwp-edge);
  border-left: 3px solid var(--mc-copper);
  box-shadow: var(--cwp-shadow);
}
.cg-cw-dash .cg-cockpit__section .cg-cockpit__card > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-cockpit__section .cg-cockpit__card::after {
  content: ""; position: absolute; z-index: 0; right: -46px; top: -54px;
  width: 168px; height: 168px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='130' cy='40' r='26'/%3E%3Ccircle cx='130' cy='40' r='46'/%3E%3Ccircle cx='130' cy='40' r='66'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-cockpit__section .cg-cockpit__card--empty {
  background: color-mix(in srgb, var(--mc-teal) 6%, var(--mc-surface));
  border-left: 1px solid var(--cwp-edge); box-shadow: none;
}
.cg-cw-dash .cg-cockpit__card-label { color: var(--mc-copper-dark); font-weight: 700; }

/* Sektion 2 "Braucht Aufmerksamkeit": Sand-Zone, Sand-Karten, ruhig */
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) {
  background: var(--cwp-sand);
  border-color: color-mix(in srgb, var(--mc-warning, #9C6B2E) 30%, var(--mc-border-soft));
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card {
  background: linear-gradient(157deg, #FBF1DF 0%, #F3E2C4 100%);
  border-left-color: var(--mc-warning, #9C6B2E);
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-label { color: var(--mc-warning, #9C6B2E); }

/* Sektion 3 "Naechste Schritte": bewusst FLACH -> bricht die Band-Wiederholung */
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) {
  background: transparent; border: 0; box-shadow: none;
  padding: .3rem clamp(.2rem, 1vw, .6rem) 0;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__list {
  background: var(--mc-surface); border: 1px solid var(--cwp-hair);
  border-radius: var(--mc-radius-m, 12px); padding: .3rem 1rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__row { border-bottom: 1px solid var(--cwp-hair); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__row:last-child { border-bottom: 0; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__empty {
  background: var(--mc-surface); border: 1px solid var(--cwp-hair);
  border-radius: var(--mc-radius-m, 12px); color: var(--mc-ink-soft);
}

/* "Heute wichtig": drei echte Pastellkacheln + Motiv */
.cg-cw-dash .cg-me__preview { }
.cg-cw-dash .cg-me__preview-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 236px), 1fr)); gap: 1rem;
}
.cg-cw-dash .cg-me__preview-card {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid var(--cwp-edge);
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: var(--cwp-shadow);
}
.cg-cw-dash .cg-me__preview-card > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-me__preview-card::after {
  content: ""; position: absolute; z-index: 0; right: -44px; bottom: -52px;
  width: 160px; height: 160px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='115' cy='115' r='30'/%3E%3Ccircle cx='115' cy='115' r='52'/%3E%3Ccircle cx='115' cy='115' r='74'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+1) { background: var(--cwp-peach); }
.cg-cw-dash .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+2) { background: var(--cwp-sage); }
.cg-cw-dash .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+3) { background: var(--cwp-ice); }
.cg-cw-dash .cg-me__preview-card-icon {
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark);
}

/* "Deine Coachies": kraeftigere Peach-Zone + Motiv */
.cg-cw-dash .cg-dash-coach__preview {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-peach);
  border-color: var(--cwp-edge);
  box-shadow: var(--cwp-shadow);
}
.cg-cw-dash .cg-dash-coach__preview > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__preview::after {
  content: ""; position: absolute; z-index: 0; right: -70px; bottom: -84px;
  width: 300px; height: 300px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='none' stroke='%23091522' stroke-width='1.6'%3E%3Ccircle cx='200' cy='200' r='54'/%3E%3Ccircle cx='200' cy='200' r='92'/%3E%3Ccircle cx='200' cy='200' r='130'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card { background: var(--mc-surface); border-color: var(--cwp-edge); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__avatar { width: 3.4rem; height: 3.4rem; font-size: 1.3rem; }

/* Untere Zone: Eintraege = Creme-Karte + Motiv; Benachrichtigungen untergeordnet */
.cg-cw-dash .cg-dash-coach__lower { grid-template-columns: 1.5fr 1fr; align-items: start; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-cream); border: 1px solid var(--cwp-edge); box-shadow: var(--cwp-shadow);
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child::after {
  content: ""; position: absolute; z-index: 0; right: -50px; top: -60px;
  width: 190px; height: 190px; pointer-events: none; opacity: .055;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Cpath d='M-6 140C56 140 78 46 190 46'/%3E%3Cpath d='M-6 170C56 170 78 76 190 76'/%3E%3Cpath d='M-6 110C56 110 78 16 190 16'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
  background: transparent; border: 0; border-left: 2px solid var(--cwp-edge);
  border-radius: 0; box-shadow: none; padding: .1rem 0 .1rem 1.15rem;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__section-title { font-size: .95rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row-title { font-weight: 500; font-size: .86rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row { border-bottom: 0; padding: .4rem 0; }

@media (max-width: 900px) {
  .cg-cw-dash .cg-dash-coach__lower { grid-template-columns: 1fr; }
  .cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
    border-left: 0; border-top: 2px solid var(--cwp-edge); padding: 1rem 0 0;
  }
}

/* ================= MEINE COACHIES — person-first Beziehungskarte === */

/* Raster 4 / 2 / 1 */
.cg-cwl .cg-cl .cg-cl__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
  gap: 1.1rem;
}

/* Vertikale Karte: Person zuerst */
.cg-cwl .cg-cl .cg-cl__card {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; align-items: flex-start;
  flex-wrap: nowrap; gap: .5rem;
  padding: 1.45rem 1.3rem 1.2rem;
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid var(--cwp-edge);
  border-left: 3px solid var(--mc-copper);
  box-shadow: var(--cwp-shadow);
}
.cg-cwl .cg-cl .cg-cl__card > * { position: relative; z-index: 1; }
/* Basis-.cg-cl__* nutzt horizontale flex-basis-Werte (flex: 3 1 260px etc.) --
   im Spalten-Container werden die zu HOEHEN. Hart auf Inhaltshoehe zuruecksetzen. */
.cg-cwl .cg-cl .cg-cl__card > .cg-cl__id,
.cg-cwl .cg-cl .cg-cl__card > .cg-cl__meta,
.cg-cwl .cg-cl .cg-cl__card > .cg-cl__badges,
.cg-cwl .cg-cl .cg-cl__card > .cg-cl__act { flex: 0 0 auto; }
.cg-cwl .cg-cl .cg-cl__card::after {
  content: ""; position: absolute; z-index: 0; right: -56px; bottom: -66px;
  width: 200px; height: 200px; pointer-events: none; opacity: .07;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='140' cy='140' r='38'/%3E%3Ccircle cx='140' cy='140' r='64'/%3E%3Ccircle cx='140' cy='140' r='90'/%3E%3C/svg%3E");
}
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+1) { background: var(--cwp-cream); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+2) { background: var(--cwp-sage); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+3) { background: var(--cwp-ice); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+4) { background: var(--cwp-lav); }
.cg-cwl .cg-cl .cg-cl__card:hover { transform: translateY(-2px); box-shadow: 0 26px 52px -28px rgba(9,21,34,.4); transition: transform .15s ease, box-shadow .15s ease; }

/* Person-Block: grosser Avatar ueber dem Namen */
.cg-cwl .cg-cl .cg-cl__id { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; width: 100%; }
.cg-cwl .cg-cl .cg-cl__avatar {
  width: 4rem; height: 4rem; font-size: 1.55rem;
  border: 4px solid var(--mc-surface);
  box-shadow: 0 12px 26px -12px rgba(9,21,34,.4);
}
.cg-cwl .cg-cl .cg-cl__idbody { width: 100%; }
.cg-cwl .cg-cl .cg-cl__name { font-size: 1.2rem; line-height: 1.22; white-space: normal; }
.cg-cwl .cg-cl .cg-cl__sub { font-size: .76rem; white-space: normal; overflow: visible; }

/* Beziehungs-Badge zuerst (direkt unter dem Namen) */
.cg-cwl .cg-cl .cg-cl__badges { order: 1; margin: .1rem 0 0; gap: .35rem; }

/* Kontext: nur "Naechster Termin" traegt Gewicht, Rest ruhig + kompakt */
.cg-cwl .cg-cl .cg-cl__meta {
  order: 2; display: flex; flex-direction: column; gap: .5rem; width: 100%;
  margin-top: .3rem; padding-top: .8rem;
  border-top: 1px solid var(--cwp-hair);
}
.cg-cwl .cg-cl .cg-cl__mi-k { font-size: .6rem; letter-spacing: .07em; }
.cg-cwl .cg-cl .cg-cl__mi:first-child .cg-cl__mi-v { font-size: .92rem; font-weight: 700; color: var(--mc-ink); }
.cg-cwl .cg-cl .cg-cl__mi:not(:first-child) .cg-cl__mi-v { font-size: .8rem; font-weight: 400; color: var(--mc-ink-faint); }
.cg-cwl .cg-cl .cg-cl__mi--soon .cg-cl__mi-v { color: var(--mc-copper-dark); }
.cg-cwl .cg-cl .cg-cl__mi--warn .cg-cl__mi-v { color: var(--mc-warning, #9C6B2E); }

/* Aktion: EINE Kupfer-Primaeraktion, Sekundaeres leise */
.cg-cwl .cg-cl .cg-cl__act {
  order: 3; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem;
  width: 100%; margin-top: .7rem;
}
.cg-cwl .cg-cl .cg-cl__open { padding: .58rem 1.2rem; font-size: .86rem; }
.cg-cwl .cg-cl .cg-cl__act-more { display: flex; gap: .8rem; }
.cg-cwl .cg-cl .cg-cl__act-link { font-size: .78rem; font-weight: 600; color: var(--mc-ink-faint); }
.cg-cwl .cg-cl .cg-cl__act-link:hover { color: var(--mc-copper-dark); }

/* Filter-Toolbar: klarer abgesetzt, ruhiger als die Karten */
.cg-cwl .cg-cl__tools {
  background: var(--cwp-sand);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 16%, var(--mc-border-soft));
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 12px 30px -28px rgba(9,21,34,.28);
  padding: 1rem 1.1rem;
  gap: .8rem .9rem;
}
.cg-cwl .cg-cl__tools label { color: var(--mc-copper-dark); }
.cg-cwl .cg-cl__tools input, .cg-cwl .cg-cl__tools select { height: 2.65rem; border-color: color-mix(in srgb, var(--mc-copper) 18%, var(--mc-border)); }
.cg-cwl .cg-cl__tools button { height: 2.65rem; background: color-mix(in srgb, var(--mc-copper) 12%, transparent); }

/* Empty-States + Add-Bereich: Motiv, warm */
.cg-cwl .cg-cl__empty { position: relative; isolation: isolate; overflow: hidden; box-shadow: var(--cwp-shadow); }
.cg-cwl .cg-cl__empty > * { position: relative; z-index: 1; }
.cg-cwl .cg-cl__empty::after {
  content: ""; position: absolute; z-index: 0; right: -50px; top: -60px;
  width: 220px; height: 220px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='150' cy='60' r='34'/%3E%3Ccircle cx='150' cy='60' r='58'/%3E%3Ccircle cx='150' cy='60' r='82'/%3E%3C/svg%3E");
}

/* ================= RESPONSIVE ================================== */
@media (max-width: 760px) {
  .cg-cwl .cg-cl .cg-cl__list { grid-template-columns: 1fr; }
  .cg-cw-dash .cg-me__preview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .cg-cw-dash .cg-cockpit__grid { grid-template-columns: 1fr; }
}

/* ---- Spezifitaets-Verstaerkung: gewinnt ueber Legacy-ID-/tief-
   gescopte Batch-1-Regeln (#cg-coach-heute-wichtig …, .cg-dash-coach
   .cg-cockpit__section:nth-of-type(2) … :not(--empty)). Praesentations-
   Override-Ebene -> !important hier bewusst und eng begrenzt. ---- */
#cg-coach-heute-wichtig .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+1) { background: var(--cwp-peach) !important; }
#cg-coach-heute-wichtig .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+2) { background: var(--cwp-sage) !important; }
#cg-coach-heute-wichtig .cg-me__preview-grid > .cg-me__preview-card:nth-child(3n+3) { background: var(--cwp-ice) !important; }
.cg-dash-coach.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card:not(.cg-cockpit__card--empty) { background: var(--cwp-ice) !important; }
.cg-dash-coach.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card:not(.cg-cockpit__card--empty) {
  background: linear-gradient(157deg, #FBEFDA 0%, #F1DFBE 100%) !important;
}
.cg-dash-coach.cg-cw-dash .cg-dash-coach__preview .cg-cl__card { background: var(--mc-surface) !important; }
/* Leerzustands-Karten "Heute": warm-ruhig statt kalt-weiss -> die Zone
   wirkt auch ohne Termine getoent, bleibt aber klar zurueckhaltend. */
.cg-dash-coach.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card--empty {
  background: linear-gradient(157deg, #FBF4E7 0%, #F3E7D0 100%) !important;
  border: 1px dashed color-mix(in srgb, var(--mc-copper) 24%, var(--mc-border-soft)) !important;
}

/* Coachie-Karten: waermerer Zyklus (peach / sage / ice / lavender) --
   damit auch die einzelne Karte eines schlanken Accounts klar getoent ist. */
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+1) { background: var(--cwp-peach); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+2) { background: var(--cwp-sage); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+3) { background: var(--cwp-ice); }
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card:nth-child(4n+4) { background: var(--cwp-lav); }

/* ==================================================================
   END POLISH PASS
   ================================================================== */


/* ==================================================================
   COACH NORTH-STAR — FOUNDER POLISH: MEINE COACHIES (2026-09-08c)
   Screenshot-getrieben. Behebt: gestrandete Solo-Karte + weisser Void,
   Add/Invite = choice-first (2 kompakte Auswahlkarten, kein sichtbares
   Formular by default, nur eine offen), Filter = ruhiges Tool-Tablett.
   Nur .cg-cwl-gescopt, additiv. Keine Daten/Router/Nonce/Form-Action.
   ================================================================== */

/* -- Beziehungs-Sektion als warme Leinwand (killt den Void) -------- */
.cg-cwl .cg-cl .cg-cl__list {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-cream);
  border: 1px solid var(--cwp-edge);
  border-radius: var(--mc-radius-l, 16px);
  box-shadow: var(--cwp-shadow);
  padding: clamp(1.3rem, 2.8vw, 2rem);
  gap: 1.1rem;
}
.cg-cwl .cg-cl .cg-cl__list::before {
  content: ""; position: absolute; z-index: 0; right: -90px; bottom: -110px;
  width: 380px; height: 380px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' fill='none' stroke='%23091522' stroke-width='1.6'%3E%3Ccircle cx='250' cy='250' r='70'/%3E%3Ccircle cx='250' cy='250' r='118'/%3E%3Ccircle cx='250' cy='250' r='166'/%3E%3Cpath d='M-10 200C90 200 120 90 250 90s130-70 260-70'/%3E%3C/svg%3E");
}
.cg-cwl .cg-cl .cg-cl__list > .cg-cl__card { z-index: 1; }

/* -- MEHRERE Coachies: Raster auf der Leinwand (4/2/1) ------------- */
.cg-cwl .cg-cl .cg-cl__list:not(:has(> .cg-cl__card:only-child)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: 1rem;
}

/* -- EINE Coachie: Featured-Beziehungskarte, kein Streifen links --- */
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) { display: block; }
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card {
  max-width: 660px; margin: 0 auto;
  background: var(--mc-surface) !important;
  flex-direction: row; flex-wrap: wrap; align-items: flex-start;
  gap: 1.2rem 1.8rem;
  padding: clamp(1.6rem, 3vw, 2.2rem);
}
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__id {
  flex: 1 1 auto; flex-direction: row; align-items: center; gap: 1.1rem;
}
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) .cg-cl__avatar {
  width: 4.7rem; height: 4.7rem; font-size: 1.85rem;
}
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) .cg-cl__name { font-size: 1.4rem; }
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__badges {
  order: 2; width: 100%; margin: 0;
}
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__meta {
  order: 3; width: 100%;
  flex-direction: row; flex-wrap: wrap; gap: .7rem 2.4rem;
  padding-top: 1rem;
}
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) .cg-cl__mi { min-width: 8rem; }
.cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__act {
  order: 4; width: 100%; margin-top: .9rem;
}

/* -- Person-first schaerfen (Grid + Featured) --------------------- */
.cg-cwl .cg-cl .cg-cl__card .cg-cl__mi:not(:first-child) .cg-cl__mi-k { opacity: .75; }
.cg-cwl .cg-cl .cg-cl__card .cg-cl__mi:not(:first-child) .cg-cl__mi-v { font-size: .78rem; }

/* -- Raster bei mehreren Coachies: max. 4 Spalten (Founder-Praeferenz);
   auf sehr breiten Screens sonst 5-6-up -> Karten zu schmal. ------- */
@media (min-width: 1080px) {
  .cg-cwl .cg-cl .cg-cl__list:not(:has(> .cg-cl__card:only-child)) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* -- Filter = ruhiges Tool-Tablett (weniger Sand, feiner) --------- */
.cg-cwl .cg-cl__tools {
  background: linear-gradient(158deg, #FBF7EF 0%, #F4EEE1 100%);
  border: 1px solid color-mix(in srgb, var(--mc-ink) 8%, transparent);
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 10px 26px -26px rgba(9,21,34,.24);
  padding: .85rem 1rem;
  gap: .7rem .9rem;
}
.cg-cwl .cg-cl__tools label { color: var(--mc-ink-faint); font-size: .64rem; }
.cg-cwl .cg-cl__tools .cg-mc__field:first-of-type { flex: 4 1 280px; }
.cg-cwl .cg-cl__tools .cg-mc__field:not(:first-of-type) { flex: 1 1 130px; }
.cg-cwl .cg-cl__tools input, .cg-cwl .cg-cl__tools select {
  height: 2.5rem; border: 1.5px solid color-mix(in srgb, var(--mc-ink) 12%, transparent);
}
.cg-cwl .cg-cl__tools button {
  height: 2.5rem; background: transparent;
  border: 1.5px solid color-mix(in srgb, var(--mc-copper) 34%, var(--mc-border));
  color: var(--mc-copper-dark); font-size: .82rem; font-weight: 700;
}
.cg-cwl .cg-cl__tools button:hover { background: color-mix(in srgb, var(--mc-copper) 9%, transparent); }

/* ==================================================================
   ADD / INVITE — choice-first
   ================================================================== */
.cg-cwl .cg-cwl__add-head { margin: 1.4rem 0 .3rem; }

.cg-cwl .cg-cwl__choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1rem;
  align-items: start;
}
.cg-cwl .cg-cwl__choices > .cg-cwl__choice[open] {
  grid-column: 1 / -1;
  max-width: 720px;               /* offene Auswahl nicht ueber die ganze Breite ziehen */
  justify-self: start;
}
.cg-cwl .cg-cwl__choice[open] > .cg-cwl__choice-panel { max-width: none; }

.cg-cwl .cg-cwl__choice {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid var(--cwp-edge);
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: var(--cwp-shadow);
}
.cg-cwl .cg-cwl__choice--assign  { background: var(--cwp-ice); }
.cg-cwl .cg-cwl__choice--invite  { background: var(--cwp-peach); }
.cg-cwl .cg-cwl__choice::after {
  content: ""; position: absolute; z-index: 0; right: -46px; bottom: -56px;
  width: 180px; height: 180px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='130' cy='130' r='34'/%3E%3Ccircle cx='130' cy='130' r='58'/%3E%3Ccircle cx='130' cy='130' r='82'/%3E%3C/svg%3E");
}
.cg-cwl .cg-cwl__choice > * { position: relative; z-index: 1; }

.cg-cwl .cg-cwl__choice-face {
  cursor: pointer; list-style: none;
  display: flex; align-items: flex-start; gap: .85rem;
  padding: 1.15rem 1.2rem;
}
.cg-cwl .cg-cwl__choice-face::-webkit-details-marker { display: none; }
.cg-cwl .cg-cwl__choice-face:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: -3px; }
.cg-cwl .cg-cwl__choice-icon {
  flex: none; width: 2.4rem; height: 2.4rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.72); color: var(--mc-copper-dark);
  box-shadow: 0 6px 16px -10px rgba(9,21,34,.3);
}
.cg-cwl .cg-cwl__choice-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.cg-cwl .cg-cwl__choice-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); }
.cg-cwl .cg-cwl__choice-sub { font-size: .82rem; line-height: 1.45; color: var(--mc-ink-soft); }
.cg-cwl .cg-cwl__choice-arrow { flex: none; color: var(--mc-copper-dark); font-weight: 700; transition: transform .16s ease; margin-top: .1rem; }
.cg-cwl .cg-cwl__choice[open] .cg-cwl__choice-arrow { transform: rotate(90deg); }

.cg-cwl .cg-cwl__choice-panel {
  background: var(--mc-surface);
  border-top: 1px solid var(--cwp-edge);
  padding: 1.2rem 1.25rem 1.3rem;
  max-width: 620px;
}
/* Panel nur bei offener Auswahl -- explizit, unabhaengig vom
   <details>-Rendering-Modell des Browsers. Ohne JS toggelt [open]. */
.cg-cwl .cg-cwl__choice:not([open]) > .cg-cwl__choice-panel { display: none; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-form { margin: 0; }
.cg-cwl .cg-cwl__choice-panel .cg-mc__field { margin-bottom: .7rem; }
.cg-cwl .cg-cwl__choice-panel label { font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); display: block; margin-bottom: .25rem; }
.cg-cwl .cg-cwl__choice-panel input[type="text"],
.cg-cwl .cg-cwl__choice-panel input[type="email"] {
  width: 100%; height: 2.5rem; padding: 0 .7rem;
  border-radius: var(--mc-radius-s, 8px); border: 1.5px solid var(--cwp-edge);
  background: var(--mc-surface); font: inherit; font-size: .9rem;
}
.cg-cwl .cg-cwl__choice-panel input:focus { outline: none; border-color: var(--mc-copper); }
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-form-row { display: flex; gap: .7rem; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-form-row .cg-mc__field { flex: 1; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__program-select { border: 0; padding: 0; margin: 0 0 .8rem; display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__program-option { display: flex; align-items: center; gap: .4rem; font-size: .88rem; }
.cg-cwl .cg-cwl__choice-panel .cg-mc__field-legend { font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: .3rem; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-hint { font-size: .78rem; line-height: 1.45; color: var(--mc-ink-faint); margin: .7rem 0 0; }
.cg-cwl .cg-cwl__choice-panel .cg-mc__btn-primary,
.cg-cwl .cg-cwl__choice-panel .cg-mc__btn-primary--auto {
  width: auto; background: var(--mc-copper) !important; color: #fff !important;
  border: 0 !important; border-radius: var(--mc-radius-pill, 999px);
  padding: .62rem 1.3rem; font-weight: 700;
}
.cg-cwl .cg-cwl__choice-panel .cg-mc__btn-primary:hover { background: var(--mc-copper-dark) !important; }
.cg-cwl .cg-cwl__choice-panel .cg-mc__btn-secondary,
.cg-cwl .cg-cwl__choice-panel .cg-mc__btn-secondary--auto {
  width: auto; background: var(--mc-surface); border: 1.5px solid var(--cwp-edge);
  border-radius: var(--mc-radius-pill, 999px); padding: .6rem 1.2rem; font-weight: 700; color: var(--mc-ink);
}
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-results { margin-top: .9rem; display: flex; flex-direction: column; gap: .5rem; }
.cg-cwl .cg-cwl__choice-panel .cg-ws__onboarding-result {
  display: flex; align-items: center; justify-content: space-between; gap: .8rem;
  padding: .7rem .8rem; border: 1px solid var(--cwp-edge); border-radius: var(--mc-radius-s, 8px);
  background: var(--mc-surface-soft);
}

/* ==================================================================
   RESPONSIVE
   ================================================================== */
@media (max-width: 760px) {
  .cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card { flex-direction: column; align-items: flex-start; }
  .cg-cwl .cg-cl .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__meta { flex-direction: column; gap: .5rem; }
}

/* ==================================================================
   END FOUNDER POLISH (MEINE COACHIES)
   ================================================================== */


/* ==================================================================
   COACH DASHBOARD — NORTH-STAR WHOLE-SURFACE FINAL (2026-09-08e)
   Uebersetzt die GELOCKTE "Meine Coachies"-Designsprache auf den
   Dashboard-Job: orientieren -> priorisieren -> handeln -> Beziehungen
   -> aktuelle Arbeit -> System. Loest die "drei blassen Baender",
   macht "Deine Coachies" zur starken Beziehungszone (gleiche Featured-
   Karten-Sprache), System untergeordnet. Nur .cg-cw-dash-gescopt,
   additiv. Keine Daten/Router/Access/Query.
   ================================================================== */

.cg-cw-dash { gap: clamp(1.7rem, 3.4vw, 2.6rem); }

/* Hero -> weicher Uebergang, staerkste Oeffnung bleibt */
.cg-cw-dash .cg-xp-hero { margin-bottom: 0; }

/* Konsistenter editorialer Sektionskopf ueberall im Dashboard */
.cg-cw-dash .cg-cockpit__section-title,
.cg-cw-dash .cg-me__preview > .cg-mc__section-title,
.cg-cw-dash .cg-dash-coach__preview-head h2,
.cg-cw-dash .cg-dash-coach__lower .cg-mc__section-title {
  font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.12rem, 1.7vw, 1.34rem); letter-spacing: -.01em;
  text-transform: none; color: var(--mc-ink);
  display: flex; align-items: center; gap: .6rem; margin: 0 0 1rem;
}
.cg-cw-dash .cg-cockpit__section-title::before,
.cg-cw-dash .cg-me__preview > .cg-mc__section-title::before,
.cg-cw-dash .cg-dash-coach__preview-head h2::before,
.cg-cw-dash .cg-dash-coach__lower .cg-mc__section-title::before {
  content: ""; width: 22px; height: 3px; border-radius: 3px;
  background: var(--mc-copper); flex: none;
}

/* ---------------- LEVEL 2: HEUTE = starke primaere Zone ------------ */
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) {
  background: var(--cwp-cream);
  border: 1px solid var(--cwp-edge);
  border-radius: var(--mc-radius-l, 16px);
  box-shadow: var(--cwp-shadow);
  padding: clamp(1.4rem, 3vw, 2rem);
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-ice) !important;
  border: 1px solid var(--cwp-edge);
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: var(--cwp-shadow);
  padding: 1.15rem 1.2rem 1.2rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card::after {
  content: ""; position: absolute; z-index: 0; right: -44px; top: -52px;
  width: 168px; height: 168px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='130' cy='40' r='26'/%3E%3Ccircle cx='130' cy='40' r='46'/%3E%3Ccircle cx='130' cy='40' r='66'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card--empty {
  background: linear-gradient(157deg, #FBF4E7 0%, #F3E7D0 100%) !important;
  border-left: 1px solid var(--cwp-edge);
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-label { color: var(--mc-copper-dark); font-weight: 700; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-action {
  display: inline-flex; align-items: center; gap: .35rem; margin-top: .75rem;
  font-size: .86rem; font-weight: 700; color: var(--mc-copper-dark);
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-action::after { content: "\2192"; }

/* ------- LEVEL 3: BRAUCHT AUFMERKSAMKEIT = kompakter ruhiger Streifen */
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) {
  background: linear-gradient(158deg, #FBF3E4 0%, #F4E7CC 100%);
  border: 1px solid color-mix(in srgb, var(--mc-warning, #9C6B2E) 26%, var(--mc-border-soft));
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 10px 26px -26px rgba(9,21,34,.22);
  padding: 1.05rem 1.15rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__section-title { font-size: 1rem; color: var(--mc-warning, #9C6B2E); margin-bottom: .7rem; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__section-title::before { background: var(--mc-warning, #9C6B2E); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: .7rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card {
  background: rgba(255,255,255,.5) !important;
  border: 1px solid color-mix(in srgb, var(--mc-warning, #9C6B2E) 20%, transparent);
  border-left: 3px solid var(--mc-warning, #9C6B2E);
  border-radius: var(--mc-radius-s, 8px);
  box-shadow: none; padding: .8rem .9rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card::after { display: none; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-value { font-size: 1.5rem; color: var(--mc-warning, #9C6B2E); margin: .1rem 0; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-label { font-size: .68rem; color: var(--mc-warning, #9C6B2E); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card--empty {
  background: rgba(255,255,255,.4) !important; border-left-color: color-mix(in srgb, var(--mc-success, #3F7A56) 40%, transparent);
}

/* ------- LEVEL "Naechste Schritte" = flach, weiche Flaeche --------- */
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) {
  background: transparent; border: 0; box-shadow: none; padding: .2rem .2rem 0;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__list,
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__empty {
  background: var(--mc-surface); border: 1px solid var(--cwp-hair);
  border-left: 3px solid color-mix(in srgb, var(--mc-copper) 45%, transparent);
  border-radius: var(--mc-radius-m, 12px); padding: .4rem 1.1rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__empty { padding: 1rem 1.1rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__row { border-bottom: 1px solid var(--cwp-hair); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(3) .cg-mc__row:last-child { border-bottom: 0; }

/* ------- "Heute wichtig" = schlanker Stuetzstreifen, kein Band ----- */
.cg-cw-dash .cg-mc__dash-row2 { display: flex; flex-direction: column; gap: clamp(1.6rem, 3.4vw, 2.6rem); }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview { margin: 0 !important; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview > .cg-mc__section-title { font-size: 1rem; color: var(--mc-ink-soft); margin-bottom: .65rem; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview > .cg-mc__section-title::before { width: 16px; background: color-mix(in srgb, var(--mc-copper) 55%, transparent); }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: .7rem;
}
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid var(--cwp-edge); border-radius: var(--mc-radius-s, 8px);
  box-shadow: none; padding: .9rem 1rem; min-height: 0;
}
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card > * { position: relative; z-index: 1; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(3n+1) .cg-me__preview-card { background: var(--cwp-peach) !important; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(3n+2) .cg-me__preview-card { background: var(--cwp-sage) !important; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-grid > div:nth-child(3n+3) .cg-me__preview-card { background: var(--cwp-ice) !important; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card-icon {
  width: 1.9rem; height: 1.9rem; background: rgba(255,255,255,.7); color: var(--mc-copper-dark);
}
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card-title { font-size: .92rem; }
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card-excerpt,
.cg-cw-dash #cg-coach-heute-wichtig .cg-me__preview-card .cg-mc__card-body.is-empty { font-size: .8rem; }

/* ================================================================
   LEVEL 4: DEINE COACHIES = starke Beziehungszone
   -> gleiche GELOCKTE Featured-/Grid-Karten-Sprache wie Meine Coachies
   ================================================================ */
.cg-cw-dash .cg-dash-coach__preview {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-peach);
  border: 1px solid var(--cwp-edge);
  border-radius: var(--mc-radius-l, 16px);
  box-shadow: var(--cwp-shadow);
  padding: clamp(1.4rem, 3vw, 2rem);
}
.cg-cw-dash .cg-dash-coach__preview > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__preview::after {
  content: ""; position: absolute; z-index: 0; right: -80px; bottom: -100px;
  width: 340px; height: 340px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' fill='none' stroke='%23091522' stroke-width='1.6'%3E%3Ccircle cx='230' cy='230' r='64'/%3E%3Ccircle cx='230' cy='230' r='108'/%3E%3Ccircle cx='230' cy='230' r='152'/%3E%3Cpath d='M-10 190C90 190 120 84 230 84s130-64 240-64'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__preview-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .9rem; margin-bottom: 1.2rem; }
.cg-cw-dash .cg-dash-coach__preview-head h2 { margin: 0 auto 0 0; }
.cg-cw-dash .cg-dash-coach__preview-head .cg-cl__sec-meta { font-size: .82rem; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-dash-coach__preview-add { font-size: .84rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; }
.cg-cw-dash .cg-dash-coach__preview-add:hover { text-decoration: underline; }
.cg-cw-dash .cg-dash-coach__preview-all {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.1rem;
  color: var(--mc-copper-dark); font-weight: 700; font-size: .9rem; text-decoration: none;
}
.cg-cw-dash .cg-dash-coach__preview-all:hover { color: var(--mc-copper); }

/* MEHRERE: Grid 4/2/1 auf der Peach-Zone */
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:not(:has(> .cg-cl__card:only-child)) {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 1rem;
}
@media (min-width: 1080px) {
  .cg-cw-dash .cg-dash-coach__preview .cg-cl__list:not(:has(> .cg-cl__card:only-child)) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* EINE: Featured-Karte zentriert, kein CRM-Streifen */
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) { display: block; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card {
  max-width: 640px; margin: 0 auto;
  flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 1.1rem 1.7rem;
  padding: clamp(1.5rem, 3vw, 2rem);
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__id {
  flex: 1 1 auto; flex-direction: row; align-items: center; gap: 1.05rem;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) .cg-cl__avatar { width: 4.4rem; height: 4.4rem; font-size: 1.7rem; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) .cg-cl__name { font-size: 1.32rem; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__badges { order: 2; width: 100%; margin: 0; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__meta {
  order: 3; width: 100%; flex-direction: row; flex-wrap: wrap; gap: .7rem 2.4rem; padding-top: 1rem;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__act { order: 4; width: 100%; margin-top: .9rem; }

/* Karten-Grundstil (Featured + Grid): person-first, weisse Flaeche */
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; align-items: flex-start; gap: .5rem;
  background: var(--mc-surface) !important;
  border: 1px solid var(--cwp-edge);
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: 0 14px 34px -26px rgba(9,21,34,.3);
  padding: 1.3rem 1.25rem 1.15rem;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card::after {
  content: ""; position: absolute; z-index: 0; right: -50px; bottom: -60px;
  width: 180px; height: 180px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='128' cy='128' r='34'/%3E%3Ccircle cx='128' cy='128' r='58'/%3E%3Ccircle cx='128' cy='128' r='82'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__id { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; width: 100%; flex: 0 0 auto; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__avatar {
  width: 3.6rem; height: 3.6rem; flex-shrink: 0; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.4rem; color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 28%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 13%, var(--mc-surface)));
  border: 4px solid var(--mc-surface); box-shadow: 0 12px 26px -12px rgba(9,21,34,.4);
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__idbody { width: 100%; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__name { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.18rem; line-height: 1.2; color: var(--mc-ink); text-decoration: none; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__name:hover { color: var(--mc-copper-dark); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__sub { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badges { order: 1; margin: .1rem 0 0; flex: 0 0 auto; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badge { border-radius: 999px; padding: .2rem .62rem; font-size: .68rem; font-weight: 700; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badge--rel { background: color-mix(in srgb, var(--mc-copper) 14%, transparent); color: var(--mc-copper-dark); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badge--open { background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep, #2f6169); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__badge--warn { background: var(--mc-warning-bg, #fbf3e6); color: var(--mc-warning, #9C6B2E); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__meta {
  order: 2; display: flex; flex-direction: column; gap: .3rem; width: 100%; flex: 0 0 auto;
  margin-top: .2rem; padding-top: .75rem; border-top: 1px solid var(--cwp-hair);
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__mi-k { font-size: .6rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__mi-v { font-size: .9rem; font-weight: 700; color: var(--mc-ink); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__mi--quiet .cg-cl__mi-v { font-weight: 400; color: var(--mc-ink-faint); font-style: italic; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__act { order: 3; width: 100%; margin-top: .7rem; flex: 0 0 auto; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__open {
  display: inline-flex; align-items: center; padding: .58rem 1.2rem; border-radius: var(--mc-radius-pill, 999px);
  background: var(--mc-copper); color: #fff; font-size: .86rem; font-weight: 700; text-decoration: none;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__open:hover { background: var(--mc-copper-dark); }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__card:hover { transform: translateY(-2px); box-shadow: 0 24px 48px -26px rgba(9,21,34,.4); transition: transform .15s ease, box-shadow .15s ease; }
.cg-cw-dash .cg-dash-coach__preview .cg-cl__empty { background: var(--mc-surface); border: 1px solid var(--cwp-edge); border-radius: var(--mc-radius-m, 12px); padding: 1.5rem; }

/* ============ LEVEL 5: AKTUELLE COACHING-ARBEIT ================== */
.cg-cw-dash .cg-dash-coach__lower {
  display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(1rem, 2.4vw, 1.6rem); align-items: start; margin-top: 0;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--cwp-cream) !important;
  border: 1px solid var(--cwp-edge) !important;
  border-radius: var(--mc-radius-l, 16px) !important;
  box-shadow: var(--cwp-shadow) !important;
  padding: clamp(1.3rem, 2.6vw, 1.8rem) !important;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:first-child::after {
  content: ""; position: absolute; z-index: 0; right: -50px; top: -60px;
  width: 200px; height: 200px; pointer-events: none; opacity: .055;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Cpath d='M-6 140C56 140 80 46 200 46'/%3E%3Cpath d='M-6 170C56 170 80 76 200 76'/%3E%3Cpath d='M-6 110C56 110 80 16 200 16'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row { border-bottom: 1px solid var(--cwp-hair); padding: .75rem 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row:last-child { border-bottom: 0; }
.cg-cw-dash .cg-dash-coach__lower .cg-mc__activity-row-title { font-weight: 600; color: var(--mc-ink); }
/* Primaeraktion "Neuer Eintrag" -> Kupfer statt Navy */
.cg-cw-dash .cg-dash-coach__lower .cg-mc__btn-primary,
.cg-cw-dash .cg-dash-coach__lower .cg-mc__btn-primary--auto {
  background: var(--mc-copper) !important; color: #fff !important; border: 0 !important;
  border-radius: var(--mc-radius-pill, 999px);
}
.cg-cw-dash .cg-dash-coach__lower .cg-mc__btn-primary:hover { background: var(--mc-copper-dark) !important; }
.cg-cw-dash .cg-dash-coach__lower .cg-dash-coach__row-btn {
  background: var(--mc-surface); border: 1.5px solid var(--cwp-edge); color: var(--mc-copper-dark);
  border-radius: var(--mc-radius-pill, 999px);
}

/* ============ LEVEL 7: BENACHRICHTIGUNGEN = untergeordnet ======== */
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  border-left: 2px solid var(--cwp-edge) !important; border-radius: 0 !important;
  padding: .1rem 0 .1rem 1.2rem !important;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__section-title { font-size: .95rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__section-title::before { display: none; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row-title { font-weight: 500; font-size: .86rem; color: var(--mc-ink-soft); }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row { border-bottom: 0; padding: .4rem 0; }

@media (max-width: 900px) {
  .cg-cw-dash .cg-dash-coach__lower { grid-template-columns: 1fr; }
  .cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
    border-left: 0 !important; border-top: 2px solid var(--cwp-edge) !important; padding: 1rem 0 0 !important;
  }
}
@media (max-width: 760px) {
  .cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card { flex-direction: column; align-items: flex-start; }
  .cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card > .cg-cl__meta { flex-direction: column; gap: .5rem; }
}

/* ==================================================================
   END COACH DASHBOARD NORTH-STAR FINAL
   ================================================================== */


/* ==================================================================
   COACH DASHBOARD — FINAL FOUNDER POLISH (2026-09-08f)
   Vier gezielte Kompositions-Fixes, KEIN Redesign, keine Hierarchie-
   aenderung, kein neues Bauteil. Nur .cg-cw-dash-gescopt.
   ================================================================== */

/* ---- FIX 1: BRAUCHT AUFMERKSAMKEIT = ruhige Aufmerksamkeitsflaeche,
   kein gelber Voll-Streifen ------------------------------------------ */
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) {
  background: linear-gradient(160deg, #FDFBF5 0%, #F7F1E4 100%);
  border: 1px solid color-mix(in srgb, var(--mc-warning, #9C6B2E) 15%, var(--mc-border-soft));
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 8px 22px -24px rgba(9,21,34,.18);
  padding: 1.1rem 1.2rem 1.15rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__section-title { color: var(--mc-copper-dark); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__section-title::before { background: var(--mc-copper); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 360px));
  justify-content: start;
  gap: .9rem;
}
.cg-dash-coach.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__grid .cg-cockpit__card:not(.cg-cockpit__card--empty),
.cg-dash-coach.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__grid .cg-cockpit__card {
  background: var(--mc-surface) !important;
  border: 1px solid color-mix(in srgb, var(--mc-warning, #9C6B2E) 14%, var(--mc-border-soft)) !important;
  border-left: 3px solid color-mix(in srgb, var(--mc-warning, #9C6B2E) 62%, var(--mc-copper)) !important;
  border-radius: var(--mc-radius-m, 12px);
  box-shadow: 0 10px 24px -22px rgba(9,21,34,.16);
  padding: .95rem 1.05rem 1rem;
  position: relative; isolation: isolate; overflow: hidden;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card::after {
  content: ""; position: absolute; z-index: 0; right: -40px; bottom: -48px;
  width: 130px; height: 130px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='95' cy='95' r='24'/%3E%3Ccircle cx='95' cy='95' r='42'/%3E%3Ccircle cx='95' cy='95' r='60'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-value { font-size: 1.55rem; color: var(--mc-copper-dark); margin: .1rem 0 .15rem; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-label { color: var(--mc-copper-dark); }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card-action { color: var(--mc-copper-dark); margin-top: .55rem; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(2) .cg-cockpit__card--empty {
  background: var(--mc-surface) !important;
  border-left-color: color-mix(in srgb, var(--mc-success, #3F7A56) 45%, transparent);
}

/* ---- FIX 2: HEUTE = bewusst komponierter Zwei-Karten-Zustand ------ */
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 430px));
  justify-content: start;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card {
  display: flex; flex-direction: column; min-height: 172px;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-label {
  display: inline-flex; align-items: center; gap: .5rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-label::before {
  content: ""; width: 1.7rem; height: 1.7rem; flex: none; border-radius: 50%;
  background: rgba(255,255,255,.75) no-repeat center / 1rem
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239C5B39' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='4' width='14' height='14' rx='2'/%3E%3Cpath d='M13 2v4M7 2v4M3 9h14'/%3E%3C/svg%3E");
  box-shadow: 0 4px 12px -8px rgba(9,21,34,.3);
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-value {
  font-size: 2.3rem; margin: .35rem 0 .1rem;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-detail {
  flex: 1; display: flex; align-items: center;
  font-size: .95rem; color: var(--mc-ink-soft); margin: .5rem 0;
}
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__card-action { margin-top: auto; }
.cg-cw-dash .cg-cockpit__section:nth-of-type(1) .cg-cockpit__list-in-card { margin-top: .3rem; }

/* ---- FIX 3: DEINE COACHIES = intentionale Featured-Zone,
   linksbuendige Karte + praesenteres Motiv rechts (asymmetrisch) ---- */
.cg-cw-dash .cg-dash-coach__preview {
  padding: clamp(1.3rem, 2.6vw, 1.7rem) clamp(1.4rem, 3vw, 2rem);
}
.cg-cw-dash .cg-dash-coach__preview::after {
  right: -30px; bottom: -50px; width: 380px; height: 380px; opacity: .075;
}
.cg-cw-dash .cg-dash-coach__preview .cg-cl__list:has(> .cg-cl__card:only-child) > .cg-cl__card {
  margin: 0;                 /* linksbuendig statt zentriert */
  max-width: 680px;
}
.cg-cw-dash .cg-dash-coach__preview-all { margin-top: 1.2rem; }

/* ---- FIX 4: UNTERE HAELFTE — Benachrichtigungen als GESTALTETE
   Nebenflaeche (bleibt untergeordnet, sieht aber fertig aus) -------- */
.cg-cw-dash .cg-dash-coach__lower { grid-template-columns: 1.6fr 1fr; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
  position: relative; isolation: isolate; overflow: hidden;
  background: linear-gradient(160deg, #FCFBF8 0%, #F5F1E9 100%) !important;
  border: 1px solid var(--cwp-hair) !important;
  border-left: 3px solid color-mix(in srgb, var(--mc-teal) 40%, transparent) !important;
  border-radius: var(--mc-radius-m, 12px) !important;
  box-shadow: 0 8px 22px -24px rgba(9,21,34,.16) !important;
  padding: 1.1rem 1.2rem 1.15rem !important;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child > * { position: relative; z-index: 1; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child::after {
  content: ""; position: absolute; z-index: 0; right: -36px; bottom: -44px;
  width: 150px; height: 150px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='108' cy='108' r='26'/%3E%3Ccircle cx='108' cy='108' r='46'/%3E%3Ccircle cx='108' cy='108' r='66'/%3E%3C/svg%3E");
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-dash-coach__card-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; margin-bottom: .5rem;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__section-title {
  font-size: .95rem; font-weight: 700; color: var(--mc-ink); margin: 0;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__kpi-link {
  font-size: .76rem; font-weight: 700; color: var(--mc-teal-deep, #2f6169); text-decoration: none; flex: none;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__kpi-link:hover { text-decoration: underline; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row {
  border-bottom: 1px solid var(--cwp-hair) !important; padding: .6rem 0 !important;
}
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row:last-child { border-bottom: 0 !important; }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row-title { font-weight: 600; font-size: .85rem; color: var(--mc-ink); }
.cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child .cg-mc__activity-row-meta { font-size: .74rem; color: var(--mc-ink-faint); }

@media (max-width: 900px) {
  .cg-cw-dash .cg-dash-coach__lower { grid-template-columns: 1fr; }
  .cg-cw-dash .cg-dash-coach__lower > .cg-mc__card:last-child {
    border-left: 3px solid color-mix(in srgb, var(--mc-teal) 40%, transparent) !important;
    border-top: 1px solid var(--cwp-hair) !important;
  }
}

/* ==================================================================
   END FINAL FOUNDER POLISH (COACH DASHBOARD)
   ================================================================== */

/* ==================================================================
   COACH CALENDAR — MONTH CLOSURE (2026-09-09)
   NUR .cg-cal-mo--coach-gescopt (eigene Klasse in mein-kalender.php).
   Kein Eingriff in das geteilte partial-calendar-month-mini.php und
   NULL Wirkung auf den GELOCKTEN Coachie-Monat (nutzt diese Klasse nicht).
   Ziel: ausbalancierter Monatskopf + gebundene Arbeitsbreite + ruhige
   Leerzellen -- Founder-Blocker "8.8 Monat" schliessen.
   ================================================================== */

/* Monatskopf: kompakte, zentrierte Gruppe statt space-between ueber
   die ganze Flaechenbreite (kein "schwebendes" rechtes Chevron mehr). */
.cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__nav {
  justify-content: center;
  gap: 1.1rem;
  padding: .1rem .2rem;
  width: 100%; max-width: none;
}
.cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__nav strong {
  min-width: 12ch; text-align: center;
}

/* Gebundene Arbeitsbreite: das Monatsraster bleibt auch auf sehr breitem
   Desktop in einem editorialen Rahmen und wird nicht zur Riesen-Tabelle.
   .cg-xp-card ist ein Flex-Column-Container -- daher width:100% + align-self
   (margin:auto wuerde das Flex-Item auf Inhaltsbreite schrumpfen). */
.cg-cal-mo--coach .cg-cal-mini--rich {
  width: 100%;
  max-width: 1180px;
  align-self: center;
}
.cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__grid { width: 100%; }

/* Leerzellen ruhiger: etwas niedrigere Grundhoehe im Sparse-Zustand,
   damit die Flaeche komponiert statt leer wirkt. Termine/Events
   erhoehen die Zelle wie gehabt ueber ihren Inhalt. */
.cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__day {
  min-height: 92px;
}
.cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__weekday {
  font-size: .68rem; letter-spacing: .08em;
}

@media (max-width: 1100px) {
  .cg-cal-mo--coach .cg-cal-mini--rich .cg-cal-mini__day { min-height: 62px; }
}

/* ==================================================================
   END COACH CALENDAR — MONTH CLOSURE
   ================================================================== */

/* ==================================================================
   COACH — MEIN TAG NORTH-STAR (2026-09-09)
   NUR .cg-cw-tag-gescopt + additiv. Nutzt die etablierten Primitive
   (cg-xp-hero, cg-xp-cal__surface, cg-xp-card--soft/--appointment).
   Keine geteilte Basisklasse veraendert, keine andere Rolle beruehrt.
   ================================================================== */

.cg-cw-tag {
  display: flex; flex-direction: column;
  gap: clamp(1.7rem, 3.4vw, 2.6rem);
  max-width: 1120px;
}

/* Hero: waermer Uebergang, Orientierungs-Meta als klickbare Chips */
.cg-cw-tag + *,
.cg-xp-hero--cal + .cg-cw-tag { margin-top: 0; }
.cg-tag__orient { gap: .5rem .7rem; }
.cg-tag__orient a {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .34rem .8rem; border-radius: var(--mc-radius-pill);
  background: color-mix(in srgb, var(--mc-surface) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 20%, transparent);
  color: var(--mc-ink-soft); text-decoration: none; font-size: .84rem;
}
.cg-tag__orient a:hover { border-color: var(--mc-copper); color: var(--mc-ink); }
.cg-tag__orient a b { color: var(--mc-ink); font-weight: 700; }
.cg-tag__orient a svg { width: 14px; height: 14px; color: var(--mc-copper-dark); }

/* Sektionen + editorialer Kopf */
.cg-tag__block { display: flex; flex-direction: column; gap: .9rem; scroll-margin-top: 1.5rem; }
.cg-tag__h {
  display: flex; align-items: center; gap: .6rem; margin: 0;
  font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.12rem, 1.7vw, 1.32rem); letter-spacing: -.01em; color: var(--mc-ink);
}
.cg-tag__h-tick { width: 22px; height: 3px; border-radius: 3px; background: var(--mc-copper); flex: none; }
.cg-tag__h-meta { margin-left: auto; font-size: .82rem; font-weight: 600; color: var(--mc-ink-faint); }

/* "Dein Tag" -- gerahmte Planungsflaeche + dezentes Motiv */
.cg-tag__surface { position: relative; isolation: isolate; overflow: hidden; }
.cg-tag__surface > * { position: relative; z-index: 1; }
.cg-tag__surface::after {
  content: ""; position: absolute; z-index: 0; right: -54px; top: -60px;
  width: 200px; height: 200px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' stroke='%23091522' stroke-width='1.4'%3E%3Ccircle cx='140' cy='60' r='26'/%3E%3Ccircle cx='140' cy='60' r='46'/%3E%3Ccircle cx='140' cy='60' r='66'/%3E%3C/svg%3E");
}

/* "Deine Aufgaben heute" -- warme Sekundaerflaeche */
.cg-tag__tasks {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(1.2rem, 2.6vw, 1.7rem);
}
.cg-tag__tasks > * { position: relative; z-index: 1; }
.cg-tag__tasks-lbl {
  font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--mc-copper-dark); margin: 0 0 .5rem;
}
.cg-tag__tasks-lbl:not(:first-child) { margin-top: 1.1rem; }
.cg-tag__done { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.cg-tag__done li { font-size: .88rem; color: var(--mc-ink-faint); }
.cg-tag__done li span { color: var(--mc-success, #3F7A56); font-weight: 700; }
.cg-tag__open { margin: 0; }
.cg-tag__open .cg-mc__row {
  background: color-mix(in srgb, var(--mc-surface) 82%, transparent);
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-s);
  padding: .6rem .8rem; align-items: center;
}
.cg-tag__open .cg-mc__row-name { font-weight: 600; color: var(--mc-ink); }
.cg-tag__dot { width: .5rem; height: .5rem; border-radius: 50%; border: 2px solid var(--mc-copper); flex: none; display: inline-block; }
.cg-tag__open .cg-mc__btn-secondary { border-color: color-mix(in srgb, var(--mc-copper) 34%, var(--mc-border)); color: var(--mc-copper-dark); }

/* Designte Null-Zustaende (Aufgaben) */
.cg-tag__zero { text-align: center; padding: 1.4rem 1rem .8rem; }
.cg-tag__zero-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.8rem; height: 2.8rem; border-radius: 50%; margin-bottom: .7rem;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
}
.cg-tag__zero-ico--done { background: color-mix(in srgb, var(--mc-success, #3F7A56) 15%, transparent); color: var(--mc-success, #2f6e48); }
.cg-tag__zero-ico svg { width: 20px; height: 20px; }
.cg-tag__zero-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); margin: 0 0 .3rem; }
.cg-tag__zero-text { font-size: .88rem; color: var(--mc-ink-soft); margin: 0 auto; max-width: 44ch; line-height: 1.55; }

/* Tertiaeraktion "Alle Aufgaben oeffnen" -- leise, kein Business-CTA */
.cg-tag__all {
  display: inline-flex; align-items: center; gap: .35rem; margin-top: 1.2rem;
  font-size: .84rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none;
}
.cg-tag__all svg { width: 15px; height: 15px; }
.cg-tag__all:hover { color: var(--mc-copper); }

/* "Heute im Blick" -- eine starke Karte je echtem Signal (kein Grid-of-one) */
.cg-tag__aware {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1rem;
}
.cg-tag__aware:has(> .cg-tag__aware-card:only-child) { grid-template-columns: minmax(0, 440px); }
.cg-tag__aware-card { min-height: 0; }

@media (max-width: 720px) {
  .cg-cw-tag { max-width: none; }
}

/* ==================================================================
   END COACH — MEIN TAG NORTH-STAR
   ================================================================== */

/* ==================================================================
   COACH — MEINE AUFGABEN NORTH-STAR (2026-09-09)
   NUR .cg-cw-tasks-gescopt + additiv. Nutzt cg-xp-hero, cg-ws__ptab,
   cg-xp-card--soft/--plain, cg-xp-form, cg-xp-cal__surface. Keine
   geteilte Basisklasse veraendert, keine andere Rolle beruehrt.
   ================================================================== */

.cg-cw-tasks {
  display: flex; flex-direction: column;
  gap: clamp(1.4rem, 3vw, 2.1rem);
  max-width: 1200px;
}

/* Status-Switcher */
.cg-cw-tasks__switch { margin: 0; }
.cg-cw-tasks .cg-ws__ptabs { gap: .25rem; margin: 0; border: 0; padding: 0; background: transparent; flex-wrap: wrap; }
.cg-cw-tasks .cg-ws__ptab {
  display: inline-flex; align-items: center; gap: .45rem;
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-pill);
  padding: .5rem .95rem; font-size: .88rem; font-weight: 600; color: var(--mc-ink-soft);
  background: var(--mc-surface); text-decoration: none;
}
.cg-cw-tasks .cg-ws__ptab:hover { color: var(--mc-ink); border-color: var(--mc-copper); }
.cg-cw-tasks .cg-ws__ptab.is-active {
  background: var(--mc-night); color: #fff; border-color: var(--mc-night);
}
.cg-cw-tasks__n {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.15rem; height: 1.15rem; padding: 0 .3rem; border-radius: var(--mc-radius-pill);
  font-size: .72rem; font-weight: 700;
  background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark);
}
.cg-cw-tasks .cg-ws__ptab.is-active .cg-cw-tasks__n { background: rgba(255,255,255,.2); color: #fff; }

/* Quick Create -- eine kohaerente premium Komposition */
.cg-cw-tasks__create { max-width: 620px; padding: clamp(1.2rem, 2.6vw, 1.6rem) clamp(1.2rem, 2.6vw, 1.6rem) 1.3rem; }
.cg-cw-tasks__create .cg-xp-add__head { margin-bottom: 1.1rem; }
.cg-cw-tasks__form { gap: 1rem; }
.cg-cw-tasks__form .cg-xp-btn--primary {
  align-self: flex-start; background: var(--mc-copper); color: #fff; border: 0;
  border-radius: var(--mc-radius-pill); padding: .62rem 1.35rem; font-weight: 700;
}
.cg-cw-tasks__form .cg-xp-btn--primary:hover { background: var(--mc-copper-dark); }
.cg-cw-tasks__form .cg-xp-btn--primary svg { width: 15px; height: 15px; }

/* Progressive Disclosure "Erinnerung & Wiederholung" */
.cg-cw-tasks__more { border-top: 1px solid var(--mc-border-soft); padding-top: .8rem; }
.cg-cw-tasks__more > summary {
  cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: .45rem;
  font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark);
}
.cg-cw-tasks__more > summary::-webkit-details-marker { display: none; }
.cg-cw-tasks__more-ico {
  display: inline-flex; width: 1.4rem; height: 1.4rem; border-radius: 50%;
  align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
}
.cg-cw-tasks__more-ico svg { width: 12px; height: 12px; }
.cg-cw-tasks__more[open] .cg-cw-tasks__more-ico { transform: rotate(45deg); }
.cg-cw-tasks__more-body { margin-top: .9rem; display: flex; flex-direction: column; gap: .5rem; }
.cg-cw-tasks__more-body .cg-mc__field { margin: 0; max-width: 280px; }
.cg-cw-tasks__more-body label { font-size: .78rem; font-weight: 600; color: var(--mc-ink-soft); display: block; margin-bottom: .25rem; }
.cg-cw-tasks__more-body input, .cg-cw-tasks__more-body select {
  width: 100%; height: 2.5rem; padding: 0 .7rem;
  border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border);
  background: var(--mc-surface); font: inherit; font-size: .9rem;
}
.cg-cw-tasks__more-body input:focus, .cg-cw-tasks__more-body select:focus { outline: none; border-color: var(--mc-copper); }
.cg-cw-tasks__more-body .cg-xp-form__hint { font-size: .76rem; color: var(--mc-ink-faint); margin: 0; }

/* "Fuer morgen merken" -- abgesetzte Sekundaer-Schnellerfassung */
.cg-cw-tasks__quick {
  margin-top: 1rem; padding-top: .9rem; border-top: 1px dashed var(--mc-border);
  display: flex; align-items: center; gap: .55rem;
}
.cg-cw-tasks__quick-ico {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 1.9rem; height: 1.9rem; border-radius: 50%;
  background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep, #2f6169);
}
.cg-cw-tasks__quick-ico svg { width: 14px; height: 14px; }
.cg-cw-tasks__quick input {
  flex: 1; min-width: 0; height: 2.5rem; padding: 0 .8rem;
  border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border-soft);
  background: color-mix(in srgb, var(--mc-surface) 80%, transparent); font: inherit; font-size: .88rem;
}
.cg-cw-tasks__quick input:focus { outline: none; border-color: var(--mc-teal); }
.cg-cw-tasks__quick-btn {
  flex: none; height: 2.5rem; padding: 0 1rem; border-radius: var(--mc-radius-pill);
  background: transparent; border: 1.5px solid color-mix(in srgb, var(--mc-teal) 40%, var(--mc-border));
  color: var(--mc-teal-deep, #2f6169); font-weight: 700; font-size: .84rem; cursor: pointer;
}
.cg-cw-tasks__quick-btn:hover { background: color-mix(in srgb, var(--mc-teal) 10%, transparent); }

/* Designter Null-Zustand je Ansicht */
.cg-cw-tasks__zero {
  position: relative; isolation: isolate; overflow: hidden;
  text-align: center; padding: clamp(2rem, 4vw, 3rem) 1.4rem;
}
.cg-cw-tasks__zero > * { position: relative; z-index: 1; }
.cg-cw-tasks__zero::after {
  content: ""; position: absolute; z-index: 0; right: -50px; top: -60px;
  width: 220px; height: 220px; pointer-events: none; opacity: .05;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' fill='none' stroke='%23091522' stroke-width='1.5'%3E%3Ccircle cx='150' cy='60' r='34'/%3E%3Ccircle cx='150' cy='60' r='58'/%3E%3Ccircle cx='150' cy='60' r='82'/%3E%3C/svg%3E");
}
.cg-cw-tasks__zero-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3rem; height: 3rem; border-radius: 50%; margin-bottom: .8rem;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
}
.cg-cw-tasks__zero-ico svg { width: 22px; height: 22px; }
.cg-cw-tasks__zero-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.12rem; color: var(--mc-ink); margin: 0 0 .4rem; }
.cg-cw-tasks__zero-text { font-size: .9rem; color: var(--mc-ink-soft); margin: 0 auto; max-width: 46ch; line-height: 1.55; }

/* Aufgabenliste -- gerahmte Flaeche, dichte ruhige Zeilen */
.cg-cw-tasks__list { padding: .4rem clamp(1rem, 2.4vw, 1.5rem); }
.cg-cw-tasks__list .cg-mc__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cg-cw-tasks__row {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem;
  padding: .85rem .2rem; border-bottom: 1px solid var(--mc-border-soft);
}
.cg-cw-tasks__row:last-child { border-bottom: 0; }
.cg-cw-tasks__row .cg-mc__row-main { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .7rem; flex: 1 1 auto; min-width: 0; }
.cg-cw-tasks__mark {
  flex: none; width: .95rem; height: .95rem; border-radius: 50%;
  border: 2px solid var(--mc-copper); display: inline-block;
}
.cg-cw-tasks__row.is-done .cg-cw-tasks__mark { background: var(--mc-success, #3F7A56); border-color: var(--mc-success, #3F7A56); }
.cg-cw-tasks__row .cg-mc__row-name { font-weight: 600; color: var(--mc-ink); font-size: .94rem; }
.cg-cw-tasks__row.is-done .cg-mc__row-name { text-decoration: line-through; opacity: .55; }
.cg-cw-tasks__link { font-size: .8rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; }
.cg-cw-tasks__link:hover { text-decoration: underline; }
.cg-cw-tasks__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .5rem; margin-left: auto; }
.cg-cw-tasks__due { font-size: .8rem; color: var(--mc-ink-faint); white-space: nowrap; }
.cg-cw-tasks__due.is-over { color: var(--mc-warning, #9C6B2E); font-weight: 700; }
.cg-cw-tasks__actions form { display: inline-flex; align-items: center; gap: .3rem; }
.cg-cw-tasks__actions .cg-mc__btn-secondary { border-color: color-mix(in srgb, var(--mc-copper) 30%, var(--mc-border)); color: var(--mc-copper-dark); }
.cg-cw-tasks__archive-btn { border-color: var(--mc-border) !important; color: var(--mc-ink-faint) !important; }
.cg-cw-tasks__archive-btn:hover { color: var(--mc-ink) !important; }
.cg-cw-tasks__scope { font-size: .72rem; color: var(--mc-ink-soft); display: inline-flex; align-items: center; gap: .2rem; }
.cg-cw-tasks__note { width: 100%; margin-top: .3rem; }
.cg-cw-tasks__note > summary { cursor: pointer; list-style: none; font-size: .78rem; color: var(--mc-ink-faint); }
.cg-cw-tasks__note > summary::-webkit-details-marker { display: none; }
.cg-cw-tasks__note form { margin-top: .5rem; padding: .7rem; border-radius: var(--mc-radius-s); background: var(--mc-surface-soft); max-width: 460px; }
.cg-cw-tasks__note textarea { display: block; width: 100%; margin-bottom: .5rem; padding: .5em .6em; border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border); font-family: inherit; resize: vertical; }

@media (max-width: 720px) {
  .cg-cw-tasks { max-width: none; }
  .cg-cw-tasks__create { max-width: none; }
  .cg-cw-tasks__actions { margin-left: 0; width: 100%; }
}

/* ==================================================================
   END COACH — MEINE AUFGABEN NORTH-STAR
   ================================================================== */

/* ==================================================================
   COACH — ARBEITSZEITEN & SPERRZEITEN NORTH-STAR (2026-09-09)
   NUR .cg-cw-avail-gescopt + additiv. Nutzt cg-xp-hero, cg-xp-card
   --soft/--plain. Keine geteilte Basisklasse veraendert, keine andere
   Rolle/View beruehrt (Erstgespraech-Zeiten bleibt unangetastet).
   ================================================================== */

.cg-cw-avail {
  display: flex; flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.2rem);
  max-width: 1120px;
}

/* Hero-Ergaenzungen -- Meta als eigenstaendig dimensionierter Kontext-Cluster,
   nicht als volle weisse Bank (scoped, keine Mutation an cg-xp-hero__meta) */
.cg-xp-hero--cal .cg-cw-avail__orient {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem;
  width: auto; max-width: 100%;
  background: color-mix(in srgb, var(--mc-copper) 7%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-copper) 18%, transparent);
  border-radius: var(--mc-radius-pill); padding: .5rem .95rem;
}
.cg-cw-avail__orient span { display: inline-flex; align-items: center; gap: .4rem; }
.cg-cw-avail__orient .dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .3; }
.cg-cw-avail__aside-link {
  display: inline-block; margin-top: .5rem; font-size: .84rem; font-weight: 700;
  color: var(--mc-copper-dark); text-decoration: none;
}
.cg-cw-avail__aside-link:hover { text-decoration: underline; }

/* Flash */
.cg-cw-avail__flash {
  border-radius: var(--mc-radius-m); padding: .8rem 1rem; font-size: .9rem; font-weight: 600;
  border: 1px solid transparent;
}
.cg-cw-avail__flash.is-ok { background: color-mix(in srgb, var(--mc-success, #3F7A56) 12%, transparent); color: var(--mc-success, #3F7A56); border-color: color-mix(in srgb, var(--mc-success, #3F7A56) 30%, transparent); }
.cg-cw-avail__flash.is-err { background: color-mix(in srgb, var(--mc-warning, #9C6B2E) 12%, transparent); color: var(--mc-warning, #9C6B2E); border-color: color-mix(in srgb, var(--mc-warning, #9C6B2E) 30%, transparent); }

/* Section-Kopf (wie cg-tag__h) */
.cg-cw-avail__h {
  font-family: var(--mc-font-display); font-size: 1.02rem; font-weight: 700; color: var(--mc-ink);
  margin: 0 0 .35rem; display: flex; align-items: center; gap: .55rem;
}
.cg-cw-avail__h-tick { width: 3px; height: 1.05rem; border-radius: 2px; background: var(--mc-copper); flex: none; }
.cg-cw-avail__hint { font-size: .84rem; color: var(--mc-ink-soft); margin: 0 0 .9rem; max-width: 60ch; line-height: 1.5; }
.cg-cw-avail__block { display: flex; flex-direction: column; }

/* --- Wochenueberblick: 7-Spalten-Streifen --- */
.cg-cw-avail__week {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: repeat(7, 1fr); gap: .5rem;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l); padding: .9rem;
}
/* North-Star Motiv: konzentrische Ringe, unterschwellig (opacity ~.06) */
.cg-cw-avail__week::before {
  content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none;
  background: no-repeat right -70px bottom -90px / 280px 280px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' fill='none' stroke='%23B87333' stroke-width='1.4'%3E%3Ccircle cx='140' cy='140' r='40'/%3E%3Ccircle cx='140' cy='140' r='74'/%3E%3Ccircle cx='140' cy='140' r='108'/%3E%3Ccircle cx='140' cy='140' r='138'/%3E%3C/svg%3E");
  opacity: .06;
}
.cg-cw-avail__week > * { position: relative; z-index: 1; }
.cg-cw-avail__wcol {
  display: flex; flex-direction: column; align-items: center; gap: .3rem;
  padding: .6rem .35rem; border-radius: var(--mc-radius-m);
  background: var(--mc-surface-soft); min-height: 78px;
}
.cg-cw-avail__wcol.is-free { background: transparent; }
.cg-cw-avail__wcol.is-today { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mc-copper) 40%, transparent); }
.cg-cw-avail__wday { font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-ink-soft); }
.cg-cw-avail__wcol.is-today .cg-cw-avail__wday { color: var(--mc-copper-dark); }
.cg-cw-avail__wslot { font-size: .74rem; font-weight: 600; color: var(--mc-ink); white-space: nowrap; }
.cg-cw-avail__wfree { font-size: .74rem; color: var(--mc-ink-faint); font-style: italic; }

/* --- Editor: ausgerichtete Tageszeilen --- */
.cg-cw-avail__editor {
  position: relative; isolation: isolate; overflow: hidden;
  padding: .3rem clamp(.9rem, 2.4vw, 1.5rem);
}
/* North-Star Motiv: weiter Bogen oben rechts, komplementaer zum Ring-Motiv */
.cg-cw-avail__editor::before {
  content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none;
  background: no-repeat right -120px top -140px / 420px 420px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' fill='none' stroke='%232F6169' stroke-width='1.3'%3E%3Cpath d='M10 410a400 400 0 0 1 400-400'/%3E%3Cpath d='M10 330a320 320 0 0 1 320-320'/%3E%3Cpath d='M10 250a240 240 0 0 1 240-240'/%3E%3C/svg%3E");
  opacity: .07;
}
.cg-cw-avail__editor > * { position: relative; z-index: 1; }
.cg-cw-avail__days { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cg-cw-avail__day {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: start; gap: .35rem 1.1rem;
  padding: .95rem .1rem; border-bottom: 1px solid var(--mc-border-soft);
}
.cg-cw-avail__day:last-child { border-bottom: 0; }
.cg-cw-avail__day-id { display: flex; flex-direction: column; gap: .15rem; padding-top: .3rem; }
.cg-cw-avail__day-name { font-weight: 700; color: var(--mc-ink); font-size: .92rem; }
.cg-cw-avail__day.is-today .cg-cw-avail__day-name { color: var(--mc-copper-dark); }
.cg-cw-avail__day-state {
  font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  color: var(--mc-ink-faint);
}
.cg-cw-avail__day.is-active .cg-cw-avail__day-state { color: var(--mc-success, #3F7A56); }

.cg-cw-avail__day-slots {
  grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
  min-height: 2.3rem;
}
.cg-cw-avail__slot {
  display: inline-flex; align-items: center; gap: .35rem;
  background: color-mix(in srgb, var(--mc-teal) 12%, transparent);
  color: var(--mc-teal-deep, #2f6169); border-radius: var(--mc-radius-pill);
  padding: .28rem .3rem .28rem .7rem; font-size: .82rem; font-weight: 700; white-space: nowrap;
}
.cg-cw-avail__slot-del { display: inline-flex; margin: 0; }
.cg-cw-avail__slot-del button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.15rem; height: 1.15rem; border-radius: 50%; border: 0; cursor: pointer;
  background: color-mix(in srgb, var(--mc-teal-deep, #2f6169) 18%, transparent);
  color: var(--mc-teal-deep, #2f6169); padding: 0;
}
.cg-cw-avail__slot-del button:hover { background: var(--mc-warning, #9C6B2E); color: #fff; }
.cg-cw-avail__slot-empty { font-size: .82rem; color: var(--mc-ink-faint); font-style: italic; }

.cg-cw-avail__add { grid-column: 2; display: flex; flex-wrap: wrap; align-items: flex-end; gap: .45rem; margin: 0; }
.cg-cw-avail__day.is-active .cg-cw-avail__add { margin-top: .55rem; }

/* Frei-Tag: kompakte Zeile -- Add-Formular hinter nativem <details> */
.cg-cw-avail__day:not(.is-active) { align-items: center; padding: .7rem .1rem; }
.cg-cw-avail__day:not(.is-active) .cg-cw-avail__day-id { padding-top: 0; }
.cg-cw-avail__reveal { grid-column: 2; }
.cg-cw-avail__reveal-trigger {
  cursor: pointer; list-style: none; width: max-content;
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .38rem .6rem .38rem .45rem; border-radius: var(--mc-radius-pill);
  font-size: .8rem; font-weight: 700; color: var(--mc-copper-dark);
  border: 1px dashed color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border));
}
.cg-cw-avail__reveal-trigger::-webkit-details-marker { display: none; }
.cg-cw-avail__reveal-trigger svg { transition: transform .15s ease; }
.cg-cw-avail__reveal-trigger:hover { background: color-mix(in srgb, var(--mc-copper) 8%, transparent); border-style: solid; }
.cg-cw-avail__reveal-trigger:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: 2px; }
.cg-cw-avail__reveal[open] > .cg-cw-avail__reveal-trigger { color: var(--mc-ink-soft); border-style: solid; }
.cg-cw-avail__reveal[open] > .cg-cw-avail__reveal-trigger svg { transform: rotate(45deg); }
.cg-cw-avail__reveal[open] .cg-cw-avail__add { margin-top: .6rem; }
.cg-cw-avail__add-field { display: flex; flex-direction: column; gap: .2rem; }
.cg-cw-avail__add-field span { font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cw-avail__add-field input[type="time"] {
  height: 2.3rem; padding: 0 .55rem; border-radius: var(--mc-radius-s);
  border: 1.5px solid var(--mc-border); background: var(--mc-surface);
  font: inherit; font-size: .86rem; color: var(--mc-ink);
}
.cg-cw-avail__add-field input[type="time"]:hover { border-color: color-mix(in srgb, var(--mc-copper) 45%, var(--mc-border)); }
.cg-cw-avail__add-field input[type="time"]:focus { outline: none; border-color: var(--mc-copper); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-copper) 14%, transparent); }
.cg-cw-avail__add-dash { padding-bottom: .55rem; color: var(--mc-ink-faint); }
.cg-cw-avail__add-btn {
  display: inline-flex; align-items: center; gap: .35rem; height: 2.3rem;
  padding: 0 .95rem; border-radius: var(--mc-radius-pill);
  background: var(--mc-copper); color: #fff; border: 0; cursor: pointer;
  font-weight: 700; font-size: .82rem; white-space: nowrap;
}
.cg-cw-avail__add-btn:hover { background: var(--mc-copper-dark); }

/* --- Sperrzeiten-Flaeche --- */
.cg-cw-avail__block-card {
  display: flex; gap: 1rem; align-items: flex-start;
  padding: clamp(1.1rem, 2.6vw, 1.5rem);
}
.cg-cw-avail__block-ico {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 2.4rem; height: 2.4rem; border-radius: 50%;
  background: color-mix(in srgb, var(--mc-night) 8%, transparent); color: var(--mc-night);
}
.cg-cw-avail__block-body { display: flex; flex-direction: column; gap: .35rem; }
.cg-cw-avail__block-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); margin: 0; }
.cg-cw-avail__block-text { font-size: .88rem; color: var(--mc-ink-soft); margin: 0; line-height: 1.55; max-width: 60ch; }
.cg-cw-avail__block-btn {
  align-self: flex-start; margin-top: .4rem; font-size: .84rem; font-weight: 700;
  color: var(--mc-copper-dark); text-decoration: none;
}
.cg-cw-avail__block-btn:hover { text-decoration: underline; }

@media (max-width: 780px) {
  .cg-cw-avail { max-width: none; }
  .cg-cw-avail__week { grid-template-columns: repeat(7, 1fr); gap: .3rem; padding: .6rem; }
  .cg-cw-avail__wslot, .cg-cw-avail__wfree { font-size: .64rem; }
  .cg-cw-avail__day { grid-template-columns: 1fr; gap: .5rem; }
  .cg-cw-avail__day-slots, .cg-cw-avail__add, .cg-cw-avail__reveal { grid-column: 1; }
  .cg-cw-avail__add { flex-wrap: wrap; }
}

/* ==================================================================
   END COACH — ARBEITSZEITEN & SPERRZEITEN NORTH-STAR
   ================================================================== */

/* ==================================================================
   EVENTS — DISCOVERY NORTH-STAR (2026-09-09)
   NUR .cg-cw-ev-gescopt + additiv. Nutzt cg-xp-hero, partial-event-cover
   (.cg-evcover), partial-live-spotlight (.cg-live, selbst-gestylt).
   Keine geteilte Primitive veraendert.
   ================================================================== */

.cg-cw-ev {
  display: flex; flex-direction: column;
  gap: clamp(1.6rem, 3.4vw, 2.4rem);
  max-width: 1200px;
}

.cg-cw-ev__flash {
  border-radius: var(--mc-radius-m); padding: .8rem 1rem; font-size: .9rem; font-weight: 600;
  border: 1px solid transparent;
}
.cg-cw-ev__flash.is-ok  { background: color-mix(in srgb, var(--mc-success, #3F7A56) 12%, transparent); color: var(--mc-success, #3F7A56); border-color: color-mix(in srgb, var(--mc-success, #3F7A56) 30%, transparent); }
.cg-cw-ev__flash.is-err { background: color-mix(in srgb, var(--mc-warning, #9C6B2E) 12%, transparent); color: var(--mc-warning, #9C6B2E); border-color: color-mix(in srgb, var(--mc-warning, #9C6B2E) 30%, transparent); }

.cg-cw-ev__block { display: flex; flex-direction: column; }
.cg-cw-ev__h {
  font-family: var(--mc-font-display); font-size: 1.05rem; font-weight: 700; color: var(--mc-ink);
  margin: 0 0 1rem; display: flex; align-items: center; gap: .55rem;
}
.cg-cw-ev__h-tick { width: 3px; height: 1.1rem; border-radius: 2px; background: var(--mc-copper); flex: none; }

/* --- Karten-Grid: 1 / 2 / 3 Spalten --- */
.cg-cw-ev__grid {
  display: grid; gap: clamp(1rem, 2.4vw, 1.5rem);
  grid-template-columns: 1fr;
}
@media (min-width: 640px)  { .cg-cw-ev__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .cg-cw-ev__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.cg-cw-ev__card {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l);
  box-shadow: 0 14px 34px -28px rgba(9, 21, 34, .35);
  transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}
.cg-cw-ev__card:hover { box-shadow: 0 22px 46px -26px rgba(9, 21, 34, .42); transform: translateY(-2px); border-color: color-mix(in srgb, var(--mc-copper) 30%, var(--mc-border-soft)); }
.cg-cw-ev__card.is-registered { border-color: color-mix(in srgb, var(--mc-success, #3F7A56) 35%, var(--mc-border-soft)); }

.cg-cw-ev__card .cg-evcover { border-radius: 0; }

.cg-cw-ev__body { display: flex; flex-direction: column; gap: .4rem; padding: clamp(1rem, 2.4vw, 1.3rem); flex: 1; }
.cg-cw-ev__type {
  align-self: flex-start; font-size: .64rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
  color: var(--mc-copper-dark); background: color-mix(in srgb, var(--mc-copper) 12%, transparent);
  padding: .22rem .5rem; border-radius: var(--mc-radius-pill);
}
.cg-cw-ev__title { margin: .15rem 0 .1rem; font-family: var(--mc-font-display); font-size: 1.08rem; font-weight: 700; line-height: 1.3; }
.cg-cw-ev__title a { color: var(--mc-ink); text-decoration: none; }
.cg-cw-ev__title a:hover { color: var(--mc-copper-dark); }
.cg-cw-ev__host, .cg-cw-ev__when { margin: 0; display: flex; align-items: center; gap: .4rem; font-size: .82rem; color: var(--mc-ink-soft); }
.cg-cw-ev__host svg, .cg-cw-ev__when svg { flex: none; color: var(--mc-ink-faint); }

.cg-cw-ev__foot {
  margin-top: auto; padding-top: .8rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .7rem;
  border-top: 1px solid var(--mc-border-soft);
}
.cg-cw-ev__state {
  display: inline-flex; align-items: center; gap: .3rem; font-size: .78rem; font-weight: 700; color: var(--mc-ink-soft);
}
.cg-cw-ev__state.is-ok { color: var(--mc-success, #3F7A56); }
.cg-cw-ev__state.is-full { color: var(--mc-warning, #9C6B2E); }
.cg-cw-ev__cal {
  display: inline-flex; align-items: center; gap: .28rem; font-size: .72rem; font-weight: 700;
  color: var(--mc-teal-deep, #2f6169); background: color-mix(in srgb, var(--mc-teal) 13%, transparent);
  padding: .16rem .45rem; border-radius: var(--mc-radius-pill);
}
.cg-cw-ev__action { margin-left: auto; font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark); text-decoration: none; white-space: nowrap; }
.cg-cw-ev__action:hover { text-decoration: underline; }

/* --- Designter Leer-Zustand --- */
.cg-cw-ev__zero {
  position: relative; isolation: isolate; overflow: hidden;
  text-align: center; padding: clamp(2.2rem, 5vw, 3.4rem) 1.5rem;
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-l);
}
.cg-cw-ev__zero > * { position: relative; z-index: 1; }
.cg-cw-ev__zero::after {
  content: ""; position: absolute; z-index: 0; right: -60px; top: -70px;
  width: 240px; height: 240px; pointer-events: none; opacity: .06;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%23B87333' stroke-width='1.4'%3E%3Ccircle cx='150' cy='70' r='36'/%3E%3Ccircle cx='150' cy='70' r='64'/%3E%3Ccircle cx='150' cy='70' r='92'/%3E%3C/svg%3E");
}
.cg-cw-ev__zero-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3rem; height: 3rem; border-radius: 50%; margin-bottom: .85rem;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
}
.cg-cw-ev__zero-ico svg { width: 22px; height: 22px; }
.cg-cw-ev__zero-title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.15rem; color: var(--mc-ink); margin: 0 0 .45rem; }
.cg-cw-ev__zero-text { font-size: .9rem; color: var(--mc-ink-soft); margin: 0 auto; max-width: 48ch; line-height: 1.55; }
.cg-cw-ev__zero-link {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.1rem;
  padding: .55rem 1.1rem; border-radius: var(--mc-radius-pill);
  background: var(--mc-copper); color: #fff; font-size: .84rem; font-weight: 700; text-decoration: none;
}
.cg-cw-ev__zero-link:hover { background: var(--mc-copper-dark); color: #fff; }

@media (max-width: 640px) { .cg-cw-ev { max-width: none; } }

/* --- Organizer: "Zeit ändern" Reschedule-Flaeche (coach-event-detail) --- */
.cg-ev-resched { margin-top: .6rem; }
.cg-ev-resched > summary {
  cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: .4rem;
  font-size: .84rem; font-weight: 700; color: var(--mc-copper-dark);
  padding: .4rem .8rem; border-radius: var(--mc-radius-pill);
  border: 1px dashed color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border));
}
.cg-ev-resched > summary::-webkit-details-marker { display: none; }
.cg-ev-resched[open] > summary { border-style: solid; }
.cg-ev-resched__form {
  margin-top: .8rem; padding: 1rem; max-width: 360px;
  border-radius: var(--mc-radius-m); background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
}
.cg-ev-resched__form label { display: block; font-size: .78rem; font-weight: 700; color: var(--mc-ink-soft); margin: 0 0 .25rem; }
.cg-ev-resched__form input[type="date"], .cg-ev-resched__form input[type="time"] {
  width: 100%; height: 2.4rem; padding: 0 .6rem; margin-bottom: .7rem;
  border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border); background: var(--mc-surface); font: inherit;
}
.cg-ev-resched__row { display: flex; gap: .6rem; }
.cg-ev-resched__row > div { flex: 1; }
.cg-ev-resched__btn {
  height: 2.4rem; padding: 0 1.1rem; border: 0; border-radius: var(--mc-radius-pill);
  background: var(--mc-copper); color: #fff; font-weight: 700; font-size: .84rem; cursor: pointer;
}
.cg-ev-resched__btn:hover { background: var(--mc-copper-dark); }
.cg-ev-resched__note { font-size: .76rem; color: var(--mc-ink-soft); margin: .6rem 0 0; }

/* --- Discovery-Politur (9.4 -> 9.5): 4-up auf sehr breiten Desktops --- */
@media (min-width: 1440px) {
  .cg-cw-ev__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Event-Formular: premium cg-xp-form Komposition --- */
.cg-cw-evform { max-width: 640px; padding: clamp(1.3rem, 3vw, 1.9rem); }
.cg-cw-evform .cg-xp-form__row { display: flex; gap: .8rem; }
.cg-cw-evform .cg-xp-form__row > div { flex: 1; display: flex; flex-direction: column; gap: .3rem; }
.cg-cw-evform .cg-xp-form__group { margin-bottom: .3rem; }
.cg-cw-evform .cg-xp-form__legend { margin: 0 0 .1rem; }
/* Typen, die die globale .cg-xp-form-Regel nicht abdeckt */
.cg-cw-evform input[type="number"],
.cg-cw-evform input[type="url"] {
  width: 100%; padding: .62em .75em; font-family: inherit; font-size: .92rem;
  color: var(--mc-ink); background: var(--mc-surface);
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  transition: border-color .12s ease, box-shadow .12s ease;
}
.cg-cw-evform input[type="number"]:hover:not(:focus),
.cg-cw-evform input[type="url"]:hover:not(:focus) { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); }
.cg-cw-evform input[type="number"]:focus-visible,
.cg-cw-evform input[type="url"]:focus-visible { outline: none; border-color: var(--mc-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 16%, transparent); }
.cg-cw-evform__more { border-top: 1px solid var(--mc-border-soft); margin-top: .4rem; padding-top: .9rem; }
.cg-cw-evform__more > summary {
  cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: .45rem;
  font-size: .84rem; font-weight: 700; color: var(--mc-copper-dark);
}
.cg-cw-evform__more > summary::-webkit-details-marker { display: none; }
.cg-cw-evform__more > summary::before {
  content: "+"; display: inline-flex; align-items: center; justify-content: center;
  width: 1.3rem; height: 1.3rem; border-radius: 50%; font-weight: 700;
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark);
}
.cg-cw-evform__more[open] > summary::before { content: "\2013"; }
.cg-cw-evform__more-body { margin-top: .9rem; display: flex; flex-direction: column; gap: .45rem; }
.cg-cw-evform__more-body input[type="file"] { font-size: .84rem; }

@media (max-width: 640px) { .cg-cw-evform { max-width: none; } .cg-cw-evform .cg-xp-form__row { flex-wrap: wrap; } }

/* ==================================================================
   END EVENTS — DISCOVERY NORTH-STAR
   ================================================================== */

/* ==================================================================
   COACH — ERSTGESPRÄCH-ZEITEN (2026-09-09)
   .cg-cw-icall erbt die GELOCKTE .cg-cw-avail-Familie 1:1; hier nur der
   intro_call-Delta: kollektiver Buchbar-Schalter, Wochen-Kontingent,
   Dauer/Max-Felder je Fenster, Fenster-Meta.
   ================================================================== */

/* --- Kollektiver Buchbar-Status --- */
.cg-cw-icall__status {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center; gap: .8rem 1.2rem;
  padding: clamp(1rem, 2.4vw, 1.35rem) clamp(1.1rem, 2.6vw, 1.5rem);
  border-radius: var(--mc-radius-l);
  background: var(--mc-surface); border: 1px solid var(--mc-border-soft);
}
.cg-cw-icall__status.is-on {
  background: color-mix(in srgb, var(--mc-success, #3F7A56) 7%, var(--mc-surface));
  border-color: color-mix(in srgb, var(--mc-success, #3F7A56) 28%, transparent);
}
.cg-cw-icall__status-main { display: flex; align-items: flex-start; gap: .7rem; min-width: 0; }
.cg-cw-icall__status-dot {
  flex: none; width: .7rem; height: .7rem; border-radius: 50%; margin-top: .32rem;
  background: var(--mc-ink-faint);
}
.cg-cw-icall__status.is-on .cg-cw-icall__status-dot {
  background: var(--mc-success, #3F7A56);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mc-success, #3F7A56) 22%, transparent);
}
.cg-cw-icall__status-title { margin: 0; font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem; color: var(--mc-ink); }
.cg-cw-icall__status-sub { margin: .2rem 0 0; font-size: .84rem; color: var(--mc-ink-soft); }
.cg-cw-icall__status-form { margin: 0; }
.cg-cw-icall__status-btn {
  height: 2.4rem; padding: 0 1.15rem; border-radius: var(--mc-radius-pill);
  border: 1.5px solid var(--mc-border); background: var(--mc-surface);
  font-weight: 700; font-size: .85rem; color: var(--mc-ink); cursor: pointer; white-space: nowrap;
}
.cg-cw-icall__status.is-on .cg-cw-icall__status-btn { border-color: color-mix(in srgb, var(--mc-ink) 20%, var(--mc-border)); }
.cg-cw-icall__status:not(.is-on) .cg-cw-icall__status-btn { background: var(--mc-copper); color: #fff; border-color: var(--mc-copper); }
.cg-cw-icall__status:not(.is-on) .cg-cw-icall__status-btn:hover { background: var(--mc-copper-dark); }
.cg-cw-icall__status-btn:hover { border-color: var(--mc-copper); }

/* --- Wochen-Kontingent --- */
.cg-cw-icall__quota { grid-column: 1 / -1; }
.cg-cw-icall__quota-label { margin: 0 0 .35rem; font-size: .8rem; font-weight: 600; color: var(--mc-ink-soft); }
.cg-cw-icall__quota-bar {
  height: 6px; border-radius: var(--mc-radius-pill); overflow: hidden;
  background: color-mix(in srgb, var(--mc-ink) 8%, transparent);
}
.cg-cw-icall__quota-bar > span {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--mc-teal, #3a8a8a), var(--mc-copper));
}

/* --- Fenster-Meta (Dauer / Limit) im Editor --- */
.cg-cw-icall__slot { flex-wrap: wrap; row-gap: .1rem; }
.cg-cw-icall__slot-meta {
  font-size: .72rem; font-weight: 600; color: var(--mc-teal-deep, #2f6169);
  opacity: .8; white-space: nowrap;
}

/* --- Dauer / Max-Felder in der Add-Zeile --- */
.cg-cw-icall__add-num input[type="number"] {
  width: 4.2rem; height: 2.3rem; padding: 0 .4rem; text-align: center;
  border-radius: var(--mc-radius-s); border: 1.5px solid var(--mc-border);
  background: var(--mc-surface); font: inherit; font-size: .86rem; color: var(--mc-ink);
}
.cg-cw-icall__add-num input[type="number"]:hover { border-color: color-mix(in srgb, var(--mc-copper) 45%, var(--mc-border)); }
.cg-cw-icall__add-num input[type="number"]:focus { outline: none; border-color: var(--mc-copper); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-copper) 14%, transparent); }

@media (max-width: 780px) {
  .cg-cw-icall__status { grid-template-columns: 1fr; }
  .cg-cw-icall__status-form { justify-self: start; }
  .cg-cw-icall__add { flex-wrap: wrap; }
}

/* ==================================================================
   END COACH — ERSTGESPRÄCH-ZEITEN
   ================================================================== */

/* ==================================================================
   COACH — VORANALYSEN WORKSPACE (2026-09-09)
   .cg-cwv (Uebersicht) + .cg-cwv-detail (Detailseite). Gescopt + additiv,
   baut auf .cg-cw (--cw-* Tokens) und spiegelt das .cg-cwq-Muster aus
   coach-questions.php. Keine globalen cg-mc__/cg-xp-* Basisaenderungen.
   ================================================================== */

/* -- Pagehead-Meta: "neu"-Pille waermer hervorheben ---------------- */
.cg-cwv__meta-new { background: var(--mc-copper); color: #fff; }

/* -- Uebersicht: Grundlayout ------------------------------------- */
.cg-cwv { gap: clamp(1.2rem, 2.6vw, 1.9rem); }

/* -- NEU: fuehrender Block (wie .cg-cwq__open) ------------------- */
.cg-cwv__lead {
  position: relative; overflow: hidden;
  padding: clamp(1.3rem, 2.8vw, 1.9rem) clamp(1.3rem, 3vw, 1.9rem);
  border-radius: var(--mc-radius-l, 16px);
  border: 1px solid color-mix(in srgb, var(--mc-copper) 16%, var(--mc-border-soft));
  background: linear-gradient(158deg, #FDFAF5 0%, #F5EFE4 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 18px 40px -32px rgba(9,21,34,.32);
}
.cg-cwv__lead::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(var(--mc-copper), color-mix(in srgb, var(--mc-copper) 45%, transparent));
}
.cg-cwv__lead-head { margin-bottom: 1.1rem; }
.cg-cwv__lead-title {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.15rem, 2.2vw, 1.4rem); letter-spacing: -.01em;
  color: var(--mc-ink); display: flex; align-items: center; gap: .55rem;
}
.cg-cwv__lead-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.6rem; height: 1.6rem; padding: 0 .45rem;
  border-radius: 999px; background: var(--mc-copper); color: #fff;
  font-size: .82rem; font-weight: 700;
}
.cg-cwv__lead-sub { margin: .35rem 0 0; font-size: .9rem; color: var(--mc-ink-soft); }

/* -- ANGESEHEN: ruhige Zwischensektion -------------------------- */
.cg-cwv__section { position: relative; }
.cg-cwv__section-title {
  margin: 0; font-family: var(--mc-font-display); font-weight: 700;
  font-size: 1.05rem; color: var(--mc-ink); display: flex; align-items: center; gap: .5rem;
}
.cg-cwv__section-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.4rem; height: 1.4rem; padding: 0 .4rem; border-radius: 999px;
  background: color-mix(in srgb, var(--mc-ink) 8%, transparent);
  color: var(--mc-ink-soft); font-size: .78rem; font-weight: 700;
}
.cg-cwv__section-sub { margin: .3rem 0 .9rem; font-size: .85rem; color: var(--mc-ink-soft); }

/* -- LISTE ------------------------------------------------------- */
.cg-cwv__list { display: flex; flex-direction: column; gap: .7rem; }
.cg-cwv__list--done { gap: 0; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px); overflow: hidden; background: var(--mc-surface); }

/* -- VORANALYSE-KARTE ------------------------------------------- */
.cg-cwv__card {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1.05rem 1.2rem; text-decoration: none;
  border-radius: var(--mc-radius-m, 12px);
  border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface);
  box-shadow: 0 10px 24px -22px rgba(9,21,34,.18);
  transition: border-color .13s ease, box-shadow .13s ease, transform .13s ease;
}
.cg-cwv__card:hover { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); box-shadow: 0 16px 34px -24px rgba(9,21,34,.28); transform: translateY(-1px); }
.cg-cwv__card:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: 2px; }
.cg-cwv__card--new {
  background: linear-gradient(160deg, #FFFDFA 0%, #FBF6EE 100%);
  border-color: color-mix(in srgb, var(--mc-copper) 18%, var(--mc-border-soft));
  border-left: 3px solid var(--mc-copper);
}
.cg-cwv__card-avatar {
  flex-shrink: 0; width: 2.9rem; height: 2.9rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1.02rem;
  color: var(--mc-copper-dark);
  background: linear-gradient(150deg, color-mix(in srgb, var(--mc-copper) 22%, var(--mc-surface)), color-mix(in srgb, var(--mc-copper) 10%, var(--mc-surface)));
  border: 2px solid var(--mc-surface);
  box-shadow: 0 6px 16px -10px rgba(9,21,34,.32);
}
.cg-cwv__card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .28rem; }
.cg-cwv__card-who {
  font-family: var(--mc-font-display); font-weight: 700; font-size: 1rem;
  color: var(--mc-ink); line-height: 1.2;
}
.cg-cwv__card-ctx { font-size: .85rem; color: var(--mc-ink-soft); line-height: 1.4; }
.cg-cwv__card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; margin-top: .1rem; }
.cg-cwv__card-status {
  display: inline-flex; align-items: center; padding: .12rem .55rem;
  border-radius: 999px; font-size: .7rem; font-weight: 700; letter-spacing: .01em;
}
.cg-cwv__card-status--new { background: color-mix(in srgb, var(--mc-copper) 13%, transparent); color: var(--mc-copper-dark); }
.cg-cwv__card-status--seen { background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft); }
.cg-cwv__card-status--linked { background: color-mix(in srgb, var(--mc-teal) 14%, transparent); color: var(--mc-teal-deep, #2f6169); }
.cg-cwv__card-date { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-cwv__card-mail { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-cwv__card-cta {
  flex-shrink: 0; align-self: center; white-space: nowrap;
  font-size: .85rem; font-weight: 700; color: var(--mc-copper-dark);
}
.cg-cwv__card:hover .cg-cwv__card-cta { color: var(--mc-copper); }

/* -- ZUGEORDNET: ruhige, dichte Historie (wie .cg-cwq__resolved) - */
.cg-cwv__resolved {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m, 12px);
  background: var(--mc-surface); overflow: hidden;
}
.cg-cwv__resolved-summary {
  cursor: pointer; list-style: none; padding: .85rem 1.1rem;
  font-size: .85rem; font-weight: 700; color: var(--mc-ink-soft);
  display: flex; align-items: center; gap: .5rem;
}
.cg-cwv__resolved-summary::-webkit-details-marker { display: none; }
.cg-cwv__resolved-summary::before { content: "+"; font-weight: 700; color: var(--mc-copper-dark); font-size: 1rem; line-height: 1; }
.cg-cwv__resolved[open] > .cg-cwv__resolved-summary { border-bottom: 1px solid var(--mc-border-soft); color: var(--mc-ink); }
.cg-cwv__resolved[open] > .cg-cwv__resolved-summary::before { content: "\2013"; }
.cg-cwv__resolved-summary:focus-visible { outline: 2px solid var(--mc-copper); outline-offset: -2px; }
.cg-cwv__list--done .cg-cwv__card {
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--mc-ink) 6%, transparent);
  padding: .8rem 1.1rem; gap: .8rem;
}
.cg-cwv__list--done .cg-cwv__card:last-child { border-bottom: 0; }
.cg-cwv__list--done .cg-cwv__card:hover { transform: none; box-shadow: none; background: color-mix(in srgb, var(--mc-copper) 4%, transparent); }
.cg-cwv__list--done .cg-cwv__card--new { border-left: 0; }
.cg-cwv__list--done .cg-cwv__card-avatar { width: 2.3rem; height: 2.3rem; font-size: .85rem; box-shadow: none; }
.cg-cwv__list--done .cg-cwv__card-who { font-size: .92rem; }

/* ================= DETAILSEITE ================================== */
.cg-cwv-detail { gap: clamp(1.1rem, 2.4vw, 1.6rem); }
.cg-cwv-detail .cg-xp-detailhead { margin-bottom: 0; }

/* Status-Pille in der Kopfzeile */
.cg-cwv-detail__status--new { background: var(--mc-copper) !important; color: #fff !important; }
.cg-cwv-detail__status--seen { background: color-mix(in srgb, var(--mc-ink) 9%, transparent) !important; color: var(--mc-ink-soft) !important; }
.cg-cwv-detail__status--linked { background: color-mix(in srgb, var(--mc-teal) 16%, transparent) !important; color: var(--mc-teal-deep) !important; }

/* Antworten — das inhaltliche Herzstueck, groesstes visuelles Gewicht */
.cg-cwv-detail__answers { padding: clamp(1.3rem, 2.8vw, 1.9rem) clamp(1.3rem, 3vw, 2rem); }
.cg-cwv-detail__answers-title {
  margin: 0 0 1.1rem; font-family: var(--mc-font-display); font-weight: 700;
  font-size: clamp(1.1rem, 2.1vw, 1.35rem); letter-spacing: -.01em; color: var(--mc-ink);
}
.cg-cwv-detail__qa { margin: 0; display: flex; flex-direction: column; gap: 1.15rem; }
.cg-cwv-detail__qa-item { display: flex; flex-direction: column; gap: .35rem; }
.cg-cwv-detail__qa-item + .cg-cwv-detail__qa-item { padding-top: 1.15rem; border-top: 1px solid color-mix(in srgb, var(--mc-copper) 14%, transparent); }
.cg-cwv-detail__qa-q {
  margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .01em;
  color: var(--mc-copper-dark); line-height: 1.45;
}
.cg-cwv-detail__qa-a {
  margin: 0; font-size: .98rem; line-height: 1.6; color: var(--mc-ink);
  white-space: normal;
}
.cg-cwv-detail__qa-a.is-empty { color: var(--mc-ink-faint); font-style: italic; }

/* Naechste Schritte */
.cg-cwv-detail__actions { display: flex; flex-direction: column; gap: 1rem; }
.cg-cwv-detail__actions-title {
  margin: .4rem 0 0; font-size: .72rem; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-cwv-detail__act-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1rem; }
.cg-cwv-detail__act { padding: 1.2rem 1.3rem; display: flex; flex-direction: column; gap: .6rem; }
.cg-cwv-detail__act-k { margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-cwv-detail__act-v { margin: 0; font-size: .95rem; color: var(--mc-ink); font-weight: 600; }
.cg-cwv-detail__act-v--quiet { color: var(--mc-ink-soft); font-weight: 400; font-style: italic; }
.cg-cwv-detail__act-v--linked { font-weight: 400; font-style: normal; }
.cg-cwv-detail__act-v--linked strong { display: block; margin-top: .15rem; font-weight: 700; color: var(--mc-teal-deep); }
.cg-cwv-detail__act-hint { margin: 0; font-size: .78rem; line-height: 1.5; color: var(--mc-ink-faint); }
.cg-cwv-detail__act .cg-xp-form { gap: .8rem; }
.cg-cwv-detail__act .cg-xp-form select { background: var(--mc-surface); }

/* Verwerfen — bewusst zurueckgenommen, klar getrennt */
.cg-cwv-detail__discard {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem;
  margin-top: .3rem; padding-top: 1rem;
  border-top: 1px solid var(--mc-border-soft);
}
.cg-cwv-detail__discard-btn { border-color: color-mix(in srgb, var(--mc-danger, #b3403a) 40%, var(--mc-border)); color: var(--mc-danger, #b3403a); }
.cg-cwv-detail__discard-btn:hover { background: color-mix(in srgb, var(--mc-danger, #b3403a) 8%, var(--mc-surface)); border-color: var(--mc-danger, #b3403a); }
.cg-cwv-detail__discard-hint { font-size: .78rem; color: var(--mc-ink-faint); }

@media (max-width: 640px) {
  .cg-cwv__card { flex-wrap: wrap; }
  .cg-cwv__card-cta { align-self: flex-start; margin-left: calc(2.9rem + 1rem); }
  .cg-cwv__list--done .cg-cwv__card-cta { margin-left: calc(2.3rem + .8rem); }
}

/* ==================================================================
   END COACH — VORANALYSEN WORKSPACE
   ================================================================== */

/* ==================================================================
   MOBILE CROSS-BROWSER REMEDIATION (2026-09-09)
   1) text-size-adjust: Android/Samsung-Autosizing neutralisieren
   2) .cg-mc__nav-mobile: viewport-fixes Overlay statt In-Flow-Akkordeon
   3) .cg-ws__two-col-grid: responsive statt festem Inline-2-Spalter
   Gescopt/additiv. Desktop >=860/>=880 unveraendert.
   ================================================================== */

/* -- 1) Text-Rendering-Baseline -------------------------------------- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.cg-mc { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* -- 2) Mobile-Navigation als festes Overlay ------------------------ */
.cg-mc__nav-mobile {
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100dvh;
  z-index: 60;
  display: none;
  flex-direction: column;
  background: var(--mc-night);
  border-top: 0;
  overscroll-behavior: contain;
  padding-top: env(safe-area-inset-top);
}
.cg-mc__nav-mobile.is-open { display: flex; }

.cg-mc__nav-mobile-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.25rem;
  padding-left: max(1.25rem, env(safe-area-inset-left));
  padding-right: max(1.25rem, env(safe-area-inset-right));
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  color: #fff;
}
.cg-mc__nav-mobile-bar .cg-mc__brand-mark { color: #fff; font-size: 1.1rem; }

.cg-mc__nav-close {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: var(--mc-radius-s);
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.cg-mc__nav-close:hover { background: rgba(255, 255, 255, .08); }

.cg-mc__nav-mobile-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-bottom: calc(2rem + env(safe-area-inset-bottom));
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Body-Scroll sperren, solange das Overlay offen ist. position:fixed +
   von JS gesetztes top halten die Hintergrund-Scrollposition (iOS-fest). */
body.cg-mc--nav-open {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 860px) {
  .cg-mc__nav-mobile { display: none !important; }
}

/* -- 3) Master-Dashboard: "Dein Tag" / "Mein Coaching" responsiv ---- */
.cg-ws__two-col-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1.2rem;
  margin-bottom: 1.6rem;
  align-items: start;
}

/* ==================================================================
   END MOBILE CROSS-BROWSER REMEDIATION
   ================================================================== */

/* ==================================================================
   COACH ROLE FINAL QA — COACHING-EINTRAG ERSTELLEN/BEARBEITEN (2026-09-09)
   entry-form.php von der letzten Legacy-Flaeche (Inline max-width:640px,
   cg-mc__/cg-ws__-Sections, roher wp_editor) auf den Coach Design
   Contract migriert. Scoped .cg-cw-entryform, erbt cg-xp-card--soft +
   cg-xp-form; TinyMCE-Integration 1:1 wie .cg-xp-reflect (meine-reflexion).
   ================================================================== */
.cg-cw-entryform { max-width: 980px; }
.cg-cw-entryform__card { padding: clamp(1.3rem, 3vw, 2rem); }
.cg-cw-entryform__form { gap: 1.5rem; }

/* Section-Karten: klare, ruhige Trennung statt flacher Aufzaehlung */
.cg-cw-entryform__section {
  padding: 1.15rem 1.25rem 1.3rem;
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface);
  gap: .6rem;
}
.cg-cw-entryform__section > .cg-xp-form__legend {
  margin: 0 0 .5rem; padding: 0 0 .55rem;
  border-bottom: 1px solid var(--mc-border-soft);
  font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--mc-copper-dark);
}
.cg-cw-entryform__group--material { border-left: 3px solid var(--mc-teal); }
.cg-cw-entryform__group--learning { border-left: 3px solid var(--mc-copper); }

.cg-cw-entryform__static {
  margin: 0; font-size: .96rem; font-weight: 600; color: var(--mc-ink);
}
.cg-cw-entryform__static.is-empty { font-weight: 500; color: var(--mc-ink-soft); }
.cg-cw-entryform__planhint { display: flex; flex-wrap: wrap; gap: .1rem .5rem; align-items: baseline; margin-top: .2rem; }
.cg-cw-entryform__planhint a { font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; white-space: nowrap; }
.cg-cw-entryform__planhint a:hover { text-decoration: underline; }
.cg-cw-entryform__rq-add { align-self: flex-start; margin-top: .5rem; }

/* Ruhige Hinweis-Zeile (ersetzt cg-mc__empty / cg-ws__draft-banner Inline-Stil) */
.cg-cw-entryform__note {
  display: flex; align-items: flex-start; gap: .6rem;
  margin: 0 0 1rem; padding: .8rem .95rem;
  border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-border);
  border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft);
  font-size: .88rem; line-height: 1.55; color: var(--mc-ink-soft);
}
.cg-cw-entryform__note-icon { flex: none; margin-top: .1rem; color: var(--mc-ink-faint); }
.cg-cw-entryform__note--draft { border-left-color: var(--mc-copper); }
.cg-cw-entryform__note--draft .cg-cw-entryform__note-icon { color: var(--mc-copper-dark); }
.cg-cw-entryform__note--info {
  border-left-color: var(--mc-teal);
  background: color-mix(in srgb, var(--mc-teal) 8%, var(--mc-surface));
  color: var(--mc-teal-deep);
}
.cg-cw-entryform__note--info .cg-cw-entryform__note-icon { color: var(--mc-teal-deep); }

/* TinyMCE / Quicktags visuell in den Design Contract holen (kein WP-Admin-Look).
   Gleiche Behandlung wie .cg-xp-reflect .wp-editor-wrap. */
.cg-cw-entryform__editor .wp-editor-wrap {
  border-radius: var(--mc-radius-s);
  overflow: hidden;
  border: 1.5px solid var(--mc-border);
  background: var(--mc-surface);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-cw-entryform__editor .wp-editor-wrap:focus-within {
  border-color: var(--mc-teal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 16%, transparent);
}
.cg-cw-entryform__editor .wp-editor-container { border: 0 !important; background: transparent !important; }
.cg-cw-entryform__editor .mce-tinymce { box-shadow: none !important; border: 0 !important; }
.cg-cw-entryform__editor .mce-toolbar-grp,
.cg-cw-entryform__editor .quicktags-toolbar {
  background: var(--mc-surface-soft) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mc-border-soft) !important;
  padding: 3px 4px !important;
}
.cg-cw-entryform__editor .mce-toolbar .mce-btn-group { border: 0 !important; padding: 0 !important; margin: 0 1px !important; }
.cg-cw-entryform__editor .mce-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.cg-cw-entryform__editor .mce-btn button { color: var(--mc-ink-soft) !important; padding: 3px 5px !important; }
.cg-cw-entryform__editor .mce-btn:hover button,
.cg-cw-entryform__editor .mce-btn.mce-active button { color: var(--mc-ink) !important; }
.cg-cw-entryform__editor .mce-ico { color: inherit !important; }
.cg-cw-entryform__editor .mce-panel { border: 0 !important; background: transparent !important; }
.cg-cw-entryform__editor .mce-edit-area { border: 0 !important; }
.cg-cw-entryform__editor .mce-edit-area iframe { min-height: 150px !important; }
.cg-cw-entryform__editor .mce-statusbar { display: none !important; }
.cg-cw-entryform__editor textarea.wp-editor-area {
  border: 0 !important;
  min-height: 150px; padding: .8rem .9rem;
  font-family: inherit; font-size: .95rem; line-height: 1.6;
  background: var(--mc-surface);
}
.cg-cw-entryform__editor .wp-switch-editor { font-size: 11px !important; padding: 3px 8px !important; }

/* Progressive Disclosure (nur Handout-Intent) -- Muster wie .cg-cw-evform__more */
.cg-cw-entryform__more { border: 0; margin: 0; padding: 0; }
.cg-cw-entryform__more > summary {
  cursor: pointer; list-style: none;
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: .86rem; font-weight: 600; color: var(--mc-copper-dark);
  padding: .3rem 0;
}
.cg-cw-entryform__more > summary::-webkit-details-marker { display: none; }
.cg-cw-entryform__more > summary::before {
  content: "+"; display: inline-flex; align-items: center; justify-content: center;
  width: 1.2rem; height: 1.2rem; border-radius: 50%;
  background: color-mix(in srgb, var(--mc-copper) 14%, transparent);
  font-weight: 700; line-height: 1;
}
.cg-cw-entryform__more[open] > summary::before { content: "\2013"; }
.cg-cw-entryform__more-body { margin-top: 1rem; display: flex; flex-direction: column; gap: 1.5rem; }

.cg-cw-entryform__actions { margin-top: .4rem; }
.cg-cw-entryform__actions .cg-xp-btn { width: auto; }

@media (max-width: 620px) {
  .cg-cw-entryform { max-width: none; }
  .cg-cw-entryform__card { padding: 1.05rem .95rem 1.2rem; }
  .cg-cw-entryform__section { padding: 1rem 1rem 1.1rem; }
  .cg-cw-entryform__actions .cg-xp-btn { width: 100%; }
}
/* ==================================================================
   END COACH ROLE FINAL QA — COACHING-EINTRAG
   ================================================================== */

/* ==================================================================
   PHYSICAL DEVICE QA — iOS SAFARI FOCUS-ZOOM GUARD (2026-09-09)
   iOS Safari zoomt beim Fokussieren jedes Formular-Controls, dessen
   computed font-size < 16px ist (WebKit-Verhalten, an die Grundgröße
   gebunden -- kein Emulations-Artefakt, per computed style bewiesen).
   Betrifft die geteilten Coach-Formular-Primitive (cg-xp-form 0.92rem,
   cg-mc__field select/textarea, cg-cw-avail/-icall Zeit-Felder 0.86rem,
   Reminder-Select, TinyMCE-„Text"-Textarea 0.95rem) auf ALLEN Coach-
   Flächen mit Eingaben.
   Fix: Texteingabe-Controls im App-Content unter 640px auf 16px Grund-
   größe -- kein UA-Sniffing, kein !important, Header/Nav + Desktop/
   Tablet unberührt. Checkbox/Radio/File/Range/Range lösen keinen iOS-
   Zoom aus und bleiben ausgenommen.
   ================================================================== */
@media (max-width: 640px) {
  .cg-mc__main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="hidden"]):not([type="color"]),
  .cg-mc__main select,
  .cg-mc__main textarea,
  .cg-mc__main .cg-mc__field-reminder-select,
  .cg-xp-form .cg-mc__field-reminder-select,
  .cg-cw-entryform__editor textarea.wp-editor-area {
    font-size: 16px;
  }
}
/* ==================================================================
   END PHYSICAL DEVICE QA — iOS FOCUS-ZOOM GUARD
   ================================================================== */

/* ==================================================================
   TERMIN-KOMPASS V1 (2026-09-09)
   Coachie North Star (cg-xp-*) — neue Styles ausschliesslich scoped
   .cg-tk-* / .cg-tkc-* / .cg-tk-weg-*. Mobile-first. Desktop + Mobile
   >= 9,5/10. Keine globale Komponente redesignt.
   ================================================================== */

/* Fehlende Flash-Variante (info) — generisch, minimal. */
.cg-xp-flash--info {
  border-left-color: var(--mc-teal);
  background: color-mix(in srgb, var(--mc-teal) 9%, var(--mc-surface));
  color: var(--mc-teal-deep);
}

/* ---------- Coachie: Kompass-Formular ---------- */
.cg-tk-back { margin: 0 0 1rem; font-size: .85rem; font-weight: 600; }
.cg-tk-back a { color: var(--mc-copper-dark); text-decoration: none; }
.cg-tk-back a:hover { text-decoration: underline; }

.cg-tk .cg-xp-flash { margin-bottom: 1rem; }

/* Komfortable Leselaenge auf grossen Screens (wie .cg-xp-reflect). */
.cg-tk-form { gap: 1rem; max-width: 900px; }
.cg-tk-field { display: block; padding: 1.1rem 1.2rem 1.2rem; }
.cg-tk-field__label {
  display: block;
  font-family: var(--mc-font-display);
  font-size: 1rem; font-weight: 700; line-height: 1.35;
  color: var(--mc-ink);
  margin: 0 0 .7rem;
}
.cg-tk-field__opt { font-weight: 500; font-size: .82rem; color: var(--mc-ink-faint); }
.cg-tk-field__input {
  display: block; width: 100%;
  min-height: 3.4em;
  padding: .7rem .85rem;
  border: 1.5px solid var(--mc-border);
  border-radius: var(--mc-radius-s);
  background: var(--mc-surface);
  color: var(--mc-ink);
  font-family: inherit; font-size: 1rem; line-height: 1.6;
  resize: vertical;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.cg-tk-field__input:hover:not(:focus) { border-color: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-border)); }
.cg-tk-field__input:focus-visible,
.cg-tk-field__input:focus {
  outline: none;
  border-color: var(--mc-teal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-teal) 16%, transparent);
}
.cg-tk-field__input[readonly] { background: var(--mc-surface-soft); color: var(--mc-ink-soft); cursor: default; }

.cg-tk--readonly .cg-tk-field__label { color: var(--mc-ink-soft); }

.cg-tk-actions {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .7rem;
  margin-top: 1.1rem;
}
.cg-tk-actions .cg-xp-btn { width: auto; }
.cg-tk-later {
  font-size: .88rem; font-weight: 600;
  color: var(--mc-ink-soft); text-decoration: none;
  padding: .4rem .2rem;
}
.cg-tk-later:hover { color: var(--mc-ink); text-decoration: underline; }
.cg-tk-hint {
  margin: .9rem 0 0;
  font-size: .82rem; line-height: 1.55; color: var(--mc-ink-faint);
  max-width: 52ch;
}

/* ---------- Coachie: Kompass-Karte in "Mein Weg" ---------- */
.cg-tk-weg .cg-xp-card--soft { padding: 1.15rem 1.3rem 1.25rem; }
.cg-tk-weg__row { display: flex; align-items: flex-start; gap: .85rem; }
.cg-tk-weg__icon {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 2.2rem; height: 2.2rem; border-radius: 50%;
  background: color-mix(in srgb, var(--mc-copper) 13%, transparent);
  color: var(--mc-copper-dark);
}
.cg-tk-weg__icon svg { width: 17px; height: 17px; }
.cg-tk-weg__body { min-width: 0; }
.cg-tk-weg__when { margin: 0; font-weight: 700; color: var(--mc-ink); font-size: .98rem; }
.cg-tk-weg__state {
  margin: .25rem 0 0; font-size: .82rem; font-weight: 600;
  color: var(--mc-ink-soft);
}
.cg-tk-weg__state--bereit,
.cg-tk-weg__state--festgehalten { color: var(--mc-success); }
.cg-tk-weg__state--nachbereitung-offen { color: var(--mc-copper-dark); }
.cg-tk-weg__cta { margin: 1rem 0 0; }
.cg-tk-weg__cta .cg-xp-btn { width: auto; }

.cg-tk-weg__transfer { padding: 1.2rem 1.35rem 1.3rem; }
.cg-tk-weg__eyebrow {
  margin: 0 0 .8rem; font-size: .68rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-tk-weg__k {
  margin: .8rem 0 .2rem; font-size: .78rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-tk-weg__k:first-of-type { margin-top: 0; }
.cg-tk-weg__v { margin: 0; font-size: .96rem; line-height: 1.6; color: var(--mc-ink); }
.cg-tk-weg__until {
  margin: 1rem 0 0; font-size: .86rem; font-style: italic; color: var(--mc-ink-soft);
}

/* ---------- Coach: read-only Lesekarte ---------- */
.cg-tkc {
  margin: 0 0 1.6rem;
  padding: 1.15rem 1.3rem 1.25rem;
  border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m);
  background: linear-gradient(158deg, #FCFAF6, #F7F2EA);
}
.cg-tkc__head { margin-bottom: .9rem; }
.cg-tkc__eyebrow {
  margin: 0 0 .3rem; font-family: var(--mc-font-display);
  font-size: .72rem; font-weight: 800; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-tkc__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem;
  margin: 0; font-size: .82rem; color: var(--mc-ink-soft);
}
.cg-tkc__dot { color: var(--mc-ink-faint); }
.cg-tkc__status {
  margin-left: auto;
  padding: .18rem .6rem; border-radius: var(--mc-radius-pill);
  font-size: .74rem; font-weight: 700;
  background: color-mix(in srgb, var(--mc-ink) 7%, transparent);
  color: var(--mc-ink-soft);
}
.cg-tkc__status--bereit,
.cg-tkc__status--festgehalten { background: var(--mc-success-bg); color: var(--mc-success); }
.cg-tkc__status--nachbereitung-offen { background: color-mix(in srgb, var(--mc-copper) 16%, transparent); color: var(--mc-copper-dark); }

.cg-tkc__empty { margin: 0; font-size: .9rem; line-height: 1.6; color: var(--mc-ink-soft); }
.cg-tkc__block { margin-top: .3rem; }
.cg-tkc__block + .cg-tkc__block { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--mc-border-soft); }
.cg-tkc__block--after .cg-tkc__block-title { color: var(--mc-teal-deep); }
.cg-tkc__block-title {
  margin: 0 0 .5rem; font-size: .74rem; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-tkc__q { margin: .7rem 0 .15rem; font-size: .8rem; font-weight: 700; color: var(--mc-ink-faint); }
.cg-tkc__q:first-of-type { margin-top: 0; }
.cg-tkc__a { margin: 0; font-size: .94rem; line-height: 1.6; color: var(--mc-ink); }
.cg-tkc__foot { margin: 1rem 0 0; font-size: .84rem; }
.cg-tkc__foot a { color: var(--mc-copper-dark); font-weight: 600; text-decoration: none; }
.cg-tkc__foot a:hover { text-decoration: underline; }

/* ---------- Mobile: 16px Grundgroesse gegen iOS-Fokus-Zoom + Button-Stack ---------- */
@media (max-width: 640px) {
  .cg-tk-field { padding: 1rem 1.05rem 1.1rem; }
  .cg-tk-field__input { font-size: 16px; }
  .cg-tk-actions { gap: .6rem; }
  .cg-tk-actions .cg-xp-btn { width: 100%; }
  .cg-tk-actions .cg-tk-later { width: 100%; text-align: center; }
  .cg-tk-weg__cta .cg-xp-btn,
  .cg-tk-weg__transfer .cg-tk-weg__cta .cg-xp-btn { width: 100%; }
  .cg-tkc { padding: 1rem 1.05rem 1.1rem; }
  .cg-tkc__status { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cg-tk-field__input { transition: none; }
}
/* ==================================================================
   END TERMIN-KOMPASS V1
   ================================================================== */

/* ==================================================================
   DEINE BIBLIOTHEK V1 (2026-09-10)
   Additiv, scoped .cg-lib-*. Coachie North Star (cg-xp Tokens).
   Editorial-Wissenswelt: starke Cards, ruhige Typo, kein Blog-/LMS-Look.
   Cards sind auch ohne Bild hochwertig (abstraktes SVG-Cover).
   ================================================================== */

.cg-lib-hero .cg-xp-hero__sub { max-width: 54ch; }
.cg-lib-hero--topic .cg-xp-hero__main { gap: .3rem; }

/* -- Suche im Hero + auf der Suchseite --------------------------- */
.cg-lib-search { margin-top: 1.4rem; }
.cg-lib-search__label {
  display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: .4rem;
}
.cg-lib-search__row { display: flex; gap: .6rem; flex-wrap: wrap; align-items: stretch; }
.cg-lib-search__input {
  flex: 1 1 15rem; min-width: 0; padding: .7em .95em; font-family: inherit;
  font-size: .95rem; color: var(--mc-ink); background: var(--mc-surface);
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
}
.cg-lib-search__input:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
.cg-lib-search__btn { flex: 0 0 auto; }
.cg-lib-search--page { margin: 1rem 0 1.4rem; }
.cg-lib-search__hint { margin: .4rem 0 0; color: var(--mc-ink-soft); font-size: .92rem; }
.cg-lib-search__count { margin: 0 0 1rem; color: var(--mc-ink-faint); font-size: .84rem; }

/* -- Segmented Control: Fuer alle / Weiterbildung fuer Coaches --- */
.cg-lib-rooms {
  display: inline-flex; gap: .25rem; margin: 0 0 1.6rem; padding: .3rem;
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-pill);
}
.cg-lib-rooms__tab {
  padding: .5em 1.1em; border-radius: var(--mc-radius-pill); text-decoration: none;
  font-size: .86rem; font-weight: 600; color: var(--mc-ink-soft); white-space: nowrap;
  transition: background .14s ease, color .14s ease;
}
.cg-lib-rooms__tab:hover { color: var(--mc-ink); }
.cg-lib-rooms__tab.is-active { background: var(--mc-night); color: #fff; }

/* -- Karten-Grid + Artikel-Karte -------------------------------- */
.cg-lib-section { margin-bottom: var(--mc-space-6); }
.cg-lib-grid {
  display: grid; gap: clamp(1rem, 1.8vw, 1.5rem);
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr)); align-items: stretch;
}
.cg-lib-card {
  display: flex; flex-direction: column; overflow: hidden;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
  text-decoration: none; color: var(--mc-ink);
  transition: transform .14s ease, box-shadow .14s ease;
}
.cg-lib-card:hover { transform: translateY(-3px); box-shadow: var(--mc-shadow-card-hover); }
.cg-lib-card:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-lib-card__cover { display: block; }
.cg-lib-card__cover svg { display: block; width: 100%; height: 140px; }
/* Phase 2C Closure — echtes redaktionelles Titelbild. Gleiche Coverhöhe wie
   das Fallback-SVG -> kein Layoutsprung zwischen Karten mit/ohne Bild. */
.cg-lib-card__cover--img { line-height: 0; background: var(--mc-surface-soft); }
.cg-lib-card__img { display: block; width: 100%; height: 140px; object-fit: cover; }
.cg-lib-card__body { display: flex; flex-direction: column; gap: .5rem; padding: 1.15rem 1.25rem 1.3rem; flex: 1; }
.cg-lib-card__cat {
  align-self: flex-start; font-size: .68rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-lib-card__title {
  font-family: var(--mc-font-display); font-size: 1.12rem; font-weight: 700;
  line-height: 1.3; color: var(--mc-ink);
}
.cg-lib-card__excerpt {
  font-size: .9rem; line-height: 1.58; color: var(--mc-ink-soft);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-lib-card__foot {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  margin-top: auto; padding-top: .9rem;
}
.cg-lib-card__time { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-lib-card__cta { display: inline-flex; align-items: center; gap: .32rem; font-size: .85rem; font-weight: 600; color: var(--mc-copper-dark); }
.cg-lib-card:hover .cg-lib-card__cta { color: var(--mc-copper); }
.cg-lib-card__cta svg { width: 14px; height: 14px; }

/* -- Themen-Kacheln --------------------------------------------- */
.cg-lib-topics { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.cg-lib-topic {
  display: flex; flex-direction: column; gap: .3rem; padding: 1rem 1.1rem 1.05rem;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
  text-decoration: none; color: var(--mc-ink);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.cg-lib-topic:hover { transform: translateY(-2px); box-shadow: var(--mc-shadow-card-hover); border-color: color-mix(in srgb, var(--mc-copper) 40%, transparent); }
.cg-lib-topic:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-lib-topic__name { font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; color: var(--mc-ink); }
.cg-lib-topic__count { font-size: .78rem; color: var(--mc-ink-faint); }

/* -- Leerzustand ---------------------------------------------------- */
.cg-lib-empty { text-align: center; padding: 2.4rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; align-items: center; }

/* -- Artikel-Detail ---------------------------------------------- */
.cg-lib-back { margin: 0 0 1rem; font-size: .85rem; font-weight: 600; }
.cg-lib-back a { color: var(--mc-copper-dark); text-decoration: none; }
.cg-lib-back a:hover { text-decoration: underline; }
.cg-lib-article { max-width: 720px; margin: 0 auto var(--mc-space-6); }
.cg-lib-article__head { margin-bottom: 1.8rem; }
.cg-lib-article__cat {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--mc-copper-dark); text-decoration: none; margin-bottom: .7rem;
}
.cg-lib-article__cat:hover { text-decoration: underline; }
.cg-lib-article__title {
  font-family: var(--mc-font-display); font-size: clamp(1.7rem, 3.4vw, 2.3rem);
  font-weight: 700; line-height: 1.18; color: var(--mc-ink); margin: 0 0 .8rem;
}
.cg-lib-article__lead { font-size: 1.08rem; line-height: 1.6; color: var(--mc-ink-soft); margin: 0 0 .9rem; }
.cg-lib-article__meta { font-size: .82rem; color: var(--mc-ink-faint); margin: 0; }
.cg-lib-article__body { font-size: 1.02rem; line-height: 1.72; color: var(--mc-ink); }
.cg-lib-article__body p { margin: 0 0 1.15rem; }
.cg-lib-article__body ul,
.cg-lib-article__body ol { margin: 0 0 1.15rem 1.3rem; padding: 0; }
.cg-lib-article__body li { margin: 0 0 .5rem; }
.cg-lib-article__body a { color: var(--mc-copper-dark); }
.cg-lib-article__body blockquote {
  margin: 1.4rem 0; padding: .3rem 0 .3rem 1.2rem; border-left: 3px solid var(--mc-copper);
  color: var(--mc-ink-soft); font-style: italic;
}
.cg-lib-article__h {
  font-family: var(--mc-font-display); font-size: 1.28rem; font-weight: 700;
  line-height: 1.3; color: var(--mc-ink); margin: 2rem 0 .8rem;
}
.cg-lib-article__boundary {
  margin: 2rem 0 0; padding: 1rem 1.15rem; border-radius: var(--mc-radius-s);
  border: 1px solid var(--mc-border-soft); background: var(--mc-surface-soft);
  font-size: .88rem; line-height: 1.55; color: var(--mc-ink-soft);
}
.cg-lib-related { max-width: 100%; }

/* -- Mobile: 16px Inputs gegen iOS-Fokus-Zoom, Button-/Tab-Stack -- */
@media (max-width: 640px) {
  .cg-lib-search__input { font-size: 16px; }
  .cg-lib-search__row { flex-direction: column; }
  .cg-lib-search__btn { width: 100%; }
  .cg-lib-rooms { display: flex; width: 100%; }
  .cg-lib-rooms__tab { flex: 1; text-align: center; }
  .cg-lib-grid { grid-template-columns: 1fr; }
  .cg-lib-topics { grid-template-columns: 1fr 1fr; }
  .cg-lib-article__body { font-size: .98rem; }
}
@media (prefers-reduced-motion: reduce) {
  .cg-lib-card, .cg-lib-topic { transition: none; }
  .cg-lib-card:hover, .cg-lib-topic:hover { transform: none; }
}
/* ==================================================================
   END DEINE BIBLIOTHEK V1
   ================================================================== */

/* ==================================================================
   MEIN WEG V2 (2026-09-10) — Entwicklungsrad + Timeline + Fokus
   Additiv, scoped .cg-dev-* / .cg-devc-*. Coachie North Star.
   Qualitativer Überblick — kein Chart-/Dashboard-/Score-Look.
   ================================================================== */

.cg-dev-radwrap { margin-bottom: var(--mc-space-6); }
.cg-dev-wheel { display: grid; grid-template-columns: minmax(0, 340px) 1fr; gap: clamp(1.4rem, 3vw, 2.6rem); align-items: center; }
.cg-dev-wheel__figure { position: relative; width: 100%; max-width: 340px; margin: 0 auto; }
.cg-dev-wheel__svg { display: block; width: 100%; height: auto; overflow: visible; }
.cg-dev-wheel__base { fill: color-mix(in srgb, var(--mc-ink) 6%, var(--mc-surface)); stroke: var(--mc-surface); stroke-width: 1; }
.cg-dev-wheel__grid { fill: none; stroke: color-mix(in srgb, var(--mc-ink) 8%, transparent); stroke-width: 1; }
.cg-dev-wheel__hub { fill: var(--mc-surface); stroke: color-mix(in srgb, var(--mc-ink) 10%, transparent); stroke-width: 1; }
.cg-dev-wheel__fill { stroke: var(--mc-surface); stroke-width: 1; animation: cg-dev-grow .5s ease both; }
.cg-dev-wheel__fill--l1 { fill: color-mix(in srgb, var(--mc-copper) 26%, var(--mc-surface)); }
.cg-dev-wheel__fill--l2 { fill: color-mix(in srgb, var(--mc-copper) 40%, var(--mc-surface)); }
.cg-dev-wheel__fill--l3 { fill: color-mix(in srgb, var(--mc-copper) 55%, var(--mc-surface)); }
.cg-dev-wheel__fill--l4 { fill: color-mix(in srgb, var(--mc-copper) 70%, var(--mc-surface)); }
.cg-dev-wheel__fill--l5 { fill: var(--mc-copper); }
@keyframes cg-dev-grow { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .cg-dev-wheel__fill { animation: none; } }
.cg-dev-wheel__center {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; pointer-events: none;
  padding: 0 22%;
}
.cg-dev-wheel__center-eyebrow { margin: 0; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-dev-wheel__center-main { margin: .25rem 0 0; font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; color: var(--mc-ink); line-height: 1.25; }
.cg-dev-wheel__center-sub { margin: .2rem 0 0; font-size: .76rem; color: var(--mc-ink-soft); }

.cg-dev-wheel__legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .1rem; }
.cg-dev-legend { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--mc-border-soft); }
.cg-dev-legend:last-child { border-bottom: 0; }
.cg-dev-legend__name { font-weight: 600; color: var(--mc-ink); font-size: .92rem; }
.cg-dev-legend__level { font-size: .82rem; color: var(--mc-copper-dark); display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.cg-dev-legend--unplaced .cg-dev-legend__name { color: var(--mc-ink-soft); }
.cg-dev-legend--unplaced .cg-dev-legend__level { color: var(--mc-ink-faint); }
.cg-dev-legend__dots { display: inline-flex; gap: 2px; }
.cg-dev-legend__dot { width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb, var(--mc-ink) 15%, transparent); }
.cg-dev-legend__dot.is-on { background: var(--mc-copper); }

/* -- Highlights ------------------------------------------------------ */
.cg-dev { margin-bottom: var(--mc-space-6); }
.cg-dev-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 1.4rem; }
.cg-dev-hl { padding: 1.1rem 1.2rem; border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft); background: var(--mc-surface); box-shadow: var(--mc-shadow-card); }
.cg-dev-hl__eyebrow { margin: 0 0 .4rem; font-size: .64rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-dev-hl__text { margin: 0; font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; color: var(--mc-ink); line-height: 1.3; }
.cg-dev-hl__meta { margin: .35rem 0 0; font-size: .8rem; color: var(--mc-ink-soft); }
.cg-dev-hl--focus { border-left: 3px solid var(--mc-teal); }

.cg-dev-empty { text-align: center; padding: 2.4rem 1.4rem; display: flex; flex-direction: column; gap: .7rem; align-items: center; }
.cg-dev-empty__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700; color: var(--mc-ink); }
.cg-dev-empty__sub { margin: 0; font-size: .92rem; color: var(--mc-ink-soft); max-width: 44ch; }
.cg-dev-empty .cg-xp-btn { margin-top: .6rem; }

/* -- Coach-Vorschläge (Coachie-Sicht) ------------------------------- */
.cg-dev-suggests { margin-bottom: 1.4rem; }
.cg-dev-suggests__title,
.cg-dev-suggest__from { font-size: .7rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--mc-teal-deep); }
.cg-dev-suggests__title { margin: 0 0 .7rem; }
.cg-dev-suggest { margin-bottom: .9rem; border-left: 3px solid var(--mc-teal); }
.cg-dev-suggest__from { margin: 0 0 .4rem; }
.cg-dev-suggest__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.02rem; font-weight: 700; color: var(--mc-ink); }
.cg-dev-suggest__meta { margin: .3rem 0 0; font-size: .8rem; color: var(--mc-ink-soft); }
.cg-dev-suggest__desc { margin: .6rem 0 0; font-size: .9rem; line-height: 1.55; color: var(--mc-ink); }
.cg-dev-suggest__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.cg-dev-suggest__actions form { margin: 0; }

/* -- Fokus-Box ----------------------------------------------------- */
.cg-dev-focusbox { margin: 1.4rem 0; }
.cg-dev-focusform { border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft); background: var(--mc-surface-soft); padding: .3rem 1.1rem; }
.cg-dev-focusform > summary { cursor: pointer; padding: .8rem 0; font-weight: 600; font-size: .9rem; color: var(--mc-copper-dark); list-style: none; }
.cg-dev-focusform > summary::-webkit-details-marker { display: none; }
.cg-dev-focusform[open] > summary { border-bottom: 1px solid var(--mc-border-soft); margin-bottom: 1rem; }

/* -- Formular (Fokus + Milestone) --------------------------------- */
.cg-dev-form { display: flex; flex-direction: column; gap: .7rem; padding-bottom: 1rem; }
.cg-dev-form--page { gap: 1rem; max-width: 720px; padding-bottom: 0; }
.cg-dev-field { display: flex; flex-direction: column; gap: .5rem; padding: 1.15rem 1.2rem 1.25rem; }
.cg-dev-form__label { font-weight: 600; font-size: .9rem; color: var(--mc-ink); }
.cg-dev-form__hint { margin: 0; font-size: .82rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-dev-form__input {
  padding: .65em .85em; font-family: inherit; font-size: .95rem; color: var(--mc-ink);
  background: var(--mc-surface); border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); width: 100%;
}
.cg-dev-form__input:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
textarea.cg-dev-form__input { resize: vertical; line-height: 1.55; }

.cg-dev-levels { display: flex; flex-direction: column; gap: .5rem; margin-top: .3rem; }
.cg-dev-level {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: .7rem;
  padding: .8rem .9rem; border: 1.5px solid var(--mc-border-soft); border-radius: var(--mc-radius-s);
  background: var(--mc-surface); cursor: pointer;
}
.cg-dev-level input { grid-row: 1 / span 2; align-self: center; }
.cg-dev-level__label { font-weight: 700; color: var(--mc-ink); font-size: .92rem; }
.cg-dev-level__sentence { grid-column: 2; font-size: .84rem; color: var(--mc-ink-soft); line-height: 1.45; }
.cg-dev-level:has(input:checked) { border-color: var(--mc-copper); background: color-mix(in srgb, var(--mc-copper) 7%, var(--mc-surface)); }
.cg-dev-level.is-disabled { opacity: .4; cursor: not-allowed; }

.cg-dev-actions { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; margin-top: .4rem; }
.cg-dev-cancel { color: var(--mc-ink-soft); text-decoration: none; font-size: .9rem; }
.cg-dev-cancel:hover { text-decoration: underline; }
.cg-dev-back { margin: 0 0 1rem; font-size: .85rem; font-weight: 600; }
.cg-dev-back a { color: var(--mc-copper-dark); text-decoration: none; }
.cg-dev-back a:hover { text-decoration: underline; }
.cg-dev-formhero .cg-xp-hero__sub { max-width: 60ch; }
.cg-dev-addcta { margin: 1.4rem 0 0; }

/* -- Timeline (nur confirmed) ------------------------------------- */
.cg-dev-timeline { list-style: none; margin: 1.6rem 0 0; padding: 0 0 0 1.4rem; border-left: 2px solid var(--mc-border); }
.cg-dev-tl { position: relative; padding: 0 0 1.6rem 1.2rem; }
.cg-dev-tl:last-child { padding-bottom: 0; }
.cg-dev-tl__dot { position: absolute; left: calc(-1.4rem - 6px); top: .3rem; width: 10px; height: 10px; border-radius: 50%; background: var(--mc-copper); border: 2px solid var(--mc-surface); }
.cg-dev-tl__meta { margin: 0 0 .3rem; font-size: .78rem; color: var(--mc-ink-faint); display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.cg-dev-tl__sep { color: color-mix(in srgb, var(--mc-ink) 25%, transparent); }
.cg-dev-tl__level { font-weight: 700; color: var(--mc-copper-dark); }
.cg-dev-tl__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.05rem; font-weight: 700; color: var(--mc-ink); line-height: 1.3; }
.cg-dev-tl__desc { margin: .5rem 0 0; font-size: .92rem; line-height: 1.6; color: var(--mc-ink); }
.cg-dev-tl__origin { margin: .5rem 0 0; font-size: .76rem; color: var(--mc-ink-faint); }

/* -- Coach-Lesekarte ---------------------------------------------- */
.cg-devc { border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft); background: var(--mc-surface); box-shadow: var(--mc-shadow-card); padding: 1.2rem 1.3rem 1.35rem; margin-bottom: 1.6rem; }
.cg-devc__eyebrow { margin: 0; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-devc__meta { margin: .3rem 0 0; font-size: .84rem; color: var(--mc-ink-soft); }
.cg-devc__dot { color: color-mix(in srgb, var(--mc-ink) 25%, transparent); margin: 0 .35rem; }
.cg-devc__flash { margin: .8rem 0 0; font-size: .86rem; padding: .5rem .7rem; border-radius: var(--mc-radius-s); }
.cg-devc__flash--ok { background: color-mix(in srgb, var(--mc-success, #3d8168) 12%, var(--mc-surface)); color: var(--mc-success, #3d8168); }
.cg-devc__flash--error { background: color-mix(in srgb, var(--mc-danger, #b3403a) 12%, var(--mc-surface)); color: var(--mc-danger, #b3403a); }
.cg-devc__focus { margin: 1rem 0 0; padding: .8rem .95rem; border-radius: var(--mc-radius-s); background: var(--mc-surface-soft); border-left: 3px solid var(--mc-teal); }
.cg-devc__block { margin-top: 1.1rem; }
.cg-devc__block-title { margin: 0 0 .5rem; font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-devc__focus-text { margin: 0; font-size: .95rem; color: var(--mc-ink); line-height: 1.5; }
.cg-devc__focus-area { margin: .25rem 0 0; font-size: .8rem; color: var(--mc-ink-soft); }
.cg-devc__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .5rem; margin-top: 1rem; }
.cg-devc__area { display: flex; flex-direction: column; gap: .15rem; padding: .6rem .75rem; border-radius: var(--mc-radius-s); background: var(--mc-surface-soft); }
.cg-devc__area-name { font-size: .82rem; font-weight: 600; color: var(--mc-ink); }
.cg-devc__area-level { font-size: .78rem; color: var(--mc-copper-dark); }
.cg-devc__area--unplaced .cg-devc__area-level { color: var(--mc-ink-faint); }
.cg-devc__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.cg-devc__list li { display: flex; flex-direction: column; gap: .15rem; }
.cg-devc__s-title { font-size: .9rem; font-weight: 600; color: var(--mc-ink); }
.cg-devc__s-meta { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-devc__empty { margin: 1rem 0 0; font-size: .9rem; color: var(--mc-ink-soft); }
.cg-devc__foot { margin: 1.1rem 0 0; font-size: .86rem; }
.cg-devc__foot a { color: var(--mc-copper-dark); font-weight: 600; text-decoration: none; }
.cg-devc__foot a:hover { text-decoration: underline; }
.cg-devc__focusform { margin-top: .8rem; }
.cg-devc__focusform > summary { cursor: pointer; font-size: .86rem; font-weight: 600; color: var(--mc-copper-dark); }

.cg-tk-devcta { margin: 1.2rem 0 0; }

/* -- Mobile ------------------------------------------------------- */
@media (max-width: 860px) {
  .cg-dev-wheel { grid-template-columns: 1fr; }
  .cg-dev-wheel__figure { max-width: 300px; }
}
@media (max-width: 640px) {
  .cg-dev-form__input { font-size: 16px; }
  .cg-dev-highlights { grid-template-columns: 1fr; }
  .cg-dev-suggest__actions { flex-direction: column; align-items: stretch; }
  .cg-dev-suggest__actions .cg-xp-btn { width: 100%; }
  .cg-dev-actions { flex-direction: column; align-items: stretch; }
  .cg-dev-actions .cg-xp-btn { width: 100%; text-align: center; }
  .cg-dev-actions .cg-dev-cancel { text-align: center; }
  .cg-devc__grid { grid-template-columns: 1fr 1fr; }
  .cg-dev-wheel__center { padding: 0 18%; }
  .cg-dev-wheel__center-main { font-size: .9rem; }
}
/* ==================================================================
   END MEIN WEG V2
   ================================================================== */

/* ==================================================================
   WAS MIR HILFT V1 (2026-09-11) — Persönliches Ressourcen-Gedächtnis
   Additiv, scoped .cg-wmh-* / .cg-prc-*. Coachie North Star.
   Warm, ruhig, ressourcenorientiert — keine To-do-/Clinical-Optik.
   ================================================================== */

.cg-wmh-hero .cg-xp-hero__sub { max-width: 56ch; }
.cg-wmh-formhero .cg-xp-hero__sub { max-width: 60ch; }
.cg-wmh-section { margin-bottom: var(--mc-space-6); }
.cg-wmh-back { margin: 0 0 1rem; font-size: .85rem; font-weight: 600; }
.cg-wmh-back a { color: var(--mc-copper-dark); text-decoration: none; }
.cg-wmh-back a:hover { text-decoration: underline; }

/* -- Empty State --------------------------------------------------- */
.cg-wmh-empty { text-align: center; padding: 2.4rem 1.4rem; display: flex; flex-direction: column; gap: .7rem; align-items: center; }
.cg-wmh-empty__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700; color: var(--mc-ink); }
.cg-wmh-empty__sub { margin: 0; font-size: .92rem; color: var(--mc-ink-soft); max-width: 46ch; }
.cg-wmh-empty .cg-xp-btn { margin-top: .6rem; }

/* -- Filter-Chips ------------------------------------------------- */
.cg-wmh-filters { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 1.3rem; }
.cg-wmh-chip {
  padding: .4em .9em; border-radius: var(--mc-radius-pill); text-decoration: none;
  font-size: .82rem; font-weight: 600; color: var(--mc-ink-soft);
  background: var(--mc-surface-soft); border: 1px solid var(--mc-border-soft);
  transition: background .14s ease, color .14s ease;
}
.cg-wmh-chip:hover { color: var(--mc-ink); }
.cg-wmh-chip.is-active { background: var(--mc-night); color: #fff; border-color: var(--mc-night); }

/* -- Card-Grid + Ressourcen-Karte ------------------------------- */
.cg-wmh-grid { display: grid; gap: clamp(1rem, 1.8vw, 1.4rem); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: stretch; }
.cg-wmh-card {
  display: flex; flex-direction: column; gap: .55rem;
  padding: 1.15rem 1.25rem 1.2rem; border-radius: var(--mc-radius-m);
  border: 1px solid var(--mc-border-soft); background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
}
.cg-wmh-card--suggestion { border-left: 3px solid var(--mc-teal); }
.cg-wmh-card--own_archived { opacity: .8; }
.cg-wmh-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.cg-wmh-card__type {
  font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--mc-copper-dark);
}
.cg-wmh-card__area {
  font-size: .7rem; font-weight: 600; color: var(--mc-teal-deep);
  background: color-mix(in srgb, var(--mc-teal) 12%, var(--mc-surface));
  border: 1px solid color-mix(in srgb, var(--mc-teal) 22%, transparent);
  padding: .1rem .5rem; border-radius: var(--mc-radius-pill);
}
.cg-wmh-card__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.06rem; font-weight: 700; line-height: 1.3; color: var(--mc-ink); }
.cg-wmh-card__desc { margin: 0; font-size: .9rem; line-height: 1.55; color: var(--mc-ink-soft); }
.cg-wmh-card__prov { margin: 0; font-size: .76rem; color: var(--mc-ink-faint); }
.cg-wmh-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: auto; padding-top: .8rem; }
.cg-wmh-card__actions form { margin: 0; }
.cg-wmh-card__edit { font-size: .84rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; }
.cg-wmh-card__edit:hover { text-decoration: underline; }
.cg-wmh-card__archive {
  background: none; border: 0; padding: 0; cursor: pointer;
  font: inherit; font-size: .84rem; color: var(--mc-ink-faint);
}
.cg-wmh-card__archive:hover { color: var(--mc-ink-soft); text-decoration: underline; }

.cg-wmh-archive { border-top: 1px solid var(--mc-border-soft); padding-top: 1.2rem; }
.cg-wmh-archtoggle { font-size: .85rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; }
.cg-wmh-archtoggle:hover { text-decoration: underline; }

/* -- Formular ---------------------------------------------------- */
.cg-wmh-form { display: flex; flex-direction: column; gap: 1rem; max-width: 660px; }
.cg-wmh-field { display: flex; flex-direction: column; gap: .5rem; padding: 1.1rem 1.2rem 1.2rem; }
.cg-wmh-form__label { font-weight: 600; font-size: .9rem; color: var(--mc-ink); }
.cg-wmh-form__hint { margin: 0; font-size: .82rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-wmh-form__input {
  padding: .65em .85em; font-family: inherit; font-size: .95rem; color: var(--mc-ink); width: 100%;
  background: var(--mc-surface); border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
}
.cg-wmh-form__input:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
textarea.cg-wmh-form__input { resize: vertical; line-height: 1.55; }
.cg-wmh-actions { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.cg-wmh-cancel { color: var(--mc-ink-soft); text-decoration: none; font-size: .9rem; }
.cg-wmh-cancel:hover { text-decoration: underline; }

/* -- Coach-Lesekarte ------------------------------------------- */
.cg-prc { border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft); background: var(--mc-surface); box-shadow: var(--mc-shadow-card); padding: 1.2rem 1.3rem 1.35rem; margin-bottom: 1.6rem; }
.cg-prc__eyebrow { margin: 0; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-prc__meta { margin: .3rem 0 0; font-size: .84rem; color: var(--mc-ink-soft); }
.cg-prc__dot { color: color-mix(in srgb, var(--mc-ink) 25%, transparent); margin: 0 .35rem; }
.cg-prc__flash { margin: .8rem 0 0; font-size: .86rem; padding: .5rem .7rem; border-radius: var(--mc-radius-s); }
.cg-prc__flash--ok { background: color-mix(in srgb, var(--mc-success, #3d8168) 12%, var(--mc-surface)); color: var(--mc-success, #3d8168); }
.cg-prc__flash--error { background: color-mix(in srgb, var(--mc-danger, #b3403a) 12%, var(--mc-surface)); color: var(--mc-danger, #b3403a); }
.cg-prc__block { margin-top: 1.1rem; }
.cg-prc__block-title { margin: 0 0 .5rem; font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-prc__list { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.cg-prc__list li { display: flex; flex-direction: column; gap: .15rem; }
.cg-prc__r-title { font-size: .9rem; font-weight: 600; color: var(--mc-ink); }
.cg-prc__r-meta { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-prc__empty { margin: 1rem 0 0; font-size: .9rem; color: var(--mc-ink-soft); }
.cg-prc__foot { margin: 1.1rem 0 0; font-size: .86rem; }
.cg-prc__foot a { color: var(--mc-copper-dark); font-weight: 600; text-decoration: none; }
.cg-prc__foot a:hover { text-decoration: underline; }

/* -- sekundäre CTAs (Kompass / Bibliothek) --------------------- */
.cg-tk-devcta { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; margin: 1.2rem 0 0; }
.cg-tk-rescta,
.cg-lib-article__rescta a { color: var(--mc-copper-dark); font-weight: 600; text-decoration: none; font-size: .9rem; }
.cg-tk-rescta:hover,
.cg-lib-article__rescta a:hover { text-decoration: underline; }
.cg-lib-article__rescta { margin: 1.6rem 0 0; }

/* -- Mobile ---------------------------------------------------- */
@media (max-width: 640px) {
  .cg-wmh-form__input { font-size: 16px; }
  .cg-wmh-grid { grid-template-columns: 1fr; }
  .cg-wmh-card__actions { gap: .6rem; }
  .cg-wmh-actions { flex-direction: column; align-items: stretch; }
  .cg-wmh-actions .cg-xp-btn { width: 100%; text-align: center; }
  .cg-wmh-actions .cg-wmh-cancel { text-align: center; }
  .cg-prc__grid { grid-template-columns: 1fr; }
  .cg-tk-devcta { flex-direction: column; align-items: flex-start; gap: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .cg-wmh-chip { transition: none; }
}
/* ==================================================================
   END WAS MIR HILFT V1
   ================================================================== */

/* ==================================================================
   MEIN WEG V2 — IA-SLICE (2026-09-11)
   Kompakte Development-Preview auf „Mein Weg" + eigene Entwicklungs-Surface.
   KEIN Redesign des (Founder-approved) Rads — nur die Vorschau-Karte + Hero.
   ================================================================== */

.cg-dev-surfacehero .cg-xp-hero__sub { max-width: 58ch; }

.cg-dev-preview { display: flex; flex-direction: column; gap: .55rem; padding: 1.3rem 1.4rem 1.4rem; }
.cg-dev-preview__eyebrow { margin: 0; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-dev-preview__title { margin: 0; font-family: var(--mc-font-display); font-size: 1.12rem; font-weight: 700; line-height: 1.3; color: var(--mc-ink); }
.cg-dev-preview__sub { margin: 0; font-size: .92rem; line-height: 1.55; color: var(--mc-ink-soft); max-width: 52ch; }
.cg-dev-preview__dots { display: inline-flex; gap: 5px; margin: .3rem 0 .1rem; }
.cg-dev-preview__dot { width: 9px; height: 9px; border-radius: 50%; background: color-mix(in srgb, var(--mc-ink) 10%, transparent); }
.cg-dev-preview__dot--l1 { background: color-mix(in srgb, var(--mc-copper) 30%, var(--mc-surface)); }
.cg-dev-preview__dot--l2 { background: color-mix(in srgb, var(--mc-copper) 45%, var(--mc-surface)); }
.cg-dev-preview__dot--l3 { background: color-mix(in srgb, var(--mc-copper) 60%, var(--mc-surface)); }
.cg-dev-preview__dot--l4 { background: color-mix(in srgb, var(--mc-copper) 78%, var(--mc-surface)); }
.cg-dev-preview__dot--l5 { background: var(--mc-copper); }
.cg-dev-preview__facts { list-style: none; margin: .2rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .25rem; }
.cg-dev-preview__facts li { font-size: .86rem; color: var(--mc-ink-soft); }
.cg-dev-preview__nudge { color: var(--mc-teal-deep); font-weight: 600; }
.cg-dev-preview__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; margin-top: .7rem; }
.cg-dev-preview__secondary { font-size: .88rem; font-weight: 600; color: var(--mc-copper-dark); text-decoration: none; }
.cg-dev-preview__secondary:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .cg-dev-preview__actions { flex-direction: column; align-items: stretch; }
  .cg-dev-preview__actions .cg-xp-btn { width: 100%; text-align: center; }
  .cg-dev-preview__secondary { text-align: center; }
}
/* ==================================================================
   END MEIN WEG V2 IA-SLICE
   ================================================================== */

/* ==================================================================
   WAS MIR HILFT → DEVELOPMENT KONTEXT (2026-09-11)
   Additiv. Ressourcen-Zeile in der Rad-Legende + gruppierte Ressourcen-
   Sektion auf /entwicklung/. Ressourcenanzahl ist KEIN Score.
   ================================================================== */

.cg-dev-legend { gap: .8rem; justify-content: flex-start; }
.cg-dev-legend__name { flex: 1 1 auto; }
.cg-dev-legend__level { flex: 0 0 auto; }
.cg-dev-legend__res {
  flex: 0 0 auto; min-width: 6.2rem; text-align: right;
  font-size: .78rem; color: var(--mc-teal-deep);
}
.cg-dev-legend__res--none { color: color-mix(in srgb, var(--mc-ink) 22%, transparent); }

.cg-devc__area-res { font-size: .74rem; color: var(--mc-teal-deep); }

.cg-dev-arear { margin-bottom: var(--mc-space-6); }
/* FOUNDER QA / GLOBAL POLISH (2026-09-11): Resource-Sektion als
   hochwertige Section-Card + klar abgegrenzte Area-Gruppen + echte
   Resource-Mini-Cards. Nur Visual/Struktur — keine Logik, kein Score,
   keine Progressbar. Founder-approved Entwicklungsrad unberührt. */
.cg-dev-arear--surface {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l, 20px);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow-card);
  padding: clamp(1.2rem, 2.4vw, 1.8rem);
}
.cg-dev-arear--surface .cg-xp-section__head { margin-bottom: .5rem; }
.cg-dev-arear__intro { margin: 0 0 1.5rem; font-size: .9rem; line-height: 1.55; color: var(--mc-ink-soft); max-width: 60ch; }
.cg-dev-arear__groups { display: flex; flex-direction: column; gap: 1.1rem; }
.cg-dev-arear__group {
  margin: 0;
  padding: 1rem 1.05rem 1.15rem;
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface-soft);
}
.cg-dev-arear__grouphead {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .7rem;
  margin-bottom: .9rem;
}
.cg-dev-arear__eyebrow {
  flex-basis: 100%;
  font-size: .62rem; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-dev-arear__area {
  font-family: var(--mc-font-display); font-size: 1.08rem; font-weight: 700;
  line-height: 1.25; color: var(--mc-ink);
}
.cg-dev-arear__count {
  font-size: .72rem; font-weight: 600; color: var(--mc-copper-dark);
  background: color-mix(in srgb, var(--mc-copper) 12%, transparent);
  border-radius: var(--mc-radius-pill); padding: .12rem .55rem;
}
.cg-dev-arear__cards {
  display: grid; gap: .8rem;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.cg-dev-arear__card {
  display: flex; flex-direction: column; gap: .35rem; padding: .95rem 1rem 1.05rem;
  border-radius: var(--mc-radius-m); border: 1px solid var(--mc-border-soft);
  background: var(--mc-surface); box-shadow: var(--mc-shadow-card);
  max-width: 420px; justify-self: start; width: 100%;
}
.cg-dev-arear__type { font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-dev-arear__title { font-family: var(--mc-font-display); font-size: 1rem; font-weight: 700; line-height: 1.3; color: var(--mc-ink); }
.cg-dev-arear__desc {
  font-size: .86rem; line-height: 1.5; color: var(--mc-ink-soft);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cg-dev-arear__cardarea {
  margin-top: .15rem; font-size: .68rem; letter-spacing: .03em;
  color: var(--mc-ink-faint);
}
.cg-dev-arear__foot { margin: 1.2rem 0 0; font-size: .86rem; }
.cg-dev-arear__foot a { color: var(--mc-copper-dark); font-weight: 600; text-decoration: none; }
.cg-dev-arear__foot a:hover { text-decoration: underline; }

@media (min-width: 641px) and (max-width: 900px) {
  .cg-dev-arear__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .cg-dev-legend { flex-wrap: wrap; }
  .cg-dev-legend__res { flex-basis: 100%; text-align: left; min-width: 0; margin-top: .1rem; }
  .cg-dev-arear--surface { padding: 1rem; }
  .cg-dev-arear__group { padding: .9rem .85rem 1rem; }
  .cg-dev-arear__cards { grid-template-columns: 1fr; }
  .cg-dev-arear__card { max-width: none; }
}
/* ==================================================================
   END WAS MIR HILFT → DEVELOPMENT KONTEXT
   ================================================================== */

/* ==================================================================
   60-SEKUNDEN-PULS V1 (2026-09-11)
   Kurze strukturierte Momentaufnahme. KEIN Score, keine sichtbare
   1..5-Zahl, keine Ampel, keine roten Warnflaechen, keine Gamification.
   Coachie North Star: Night / Copper / Teal / warme Neutrals, Card-first.
   ================================================================== */

.cg-pulse-hero .cg-xp-hero__meta svg { width: 15px; height: 15px; flex: none; }

/* ---- Heutiger Puls (gespeicherte Momentwerte, rein qualitativ) ---- */
.cg-pulse-today__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .8rem;
}
.cg-pulse-today__cell {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft);
  padding: .8rem .9rem;
}
.cg-pulse-today__dim {
  display: block;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mc-ink-faint);
  margin-bottom: .2rem;
}
.cg-pulse-today__state {
  display: block;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--mc-ink);
}
.cg-pulse-today__note {
  margin: 1rem 0 0;
  padding: .8rem 1rem;
  border-left: 3px solid var(--mc-teal);
  background: var(--mc-surface-soft);
  border-radius: 0 var(--mc-radius-s) var(--mc-radius-s) 0;
  color: var(--mc-ink-soft);
  font-style: italic;
}
.cg-pulse-today__hint,
.cg-pulse-trend__hint,
.cg-pulse-recap__line {
  color: var(--mc-ink-soft);
  font-size: .92rem;
}
.cg-pulse-today__hint { margin: .9rem 0 0; }

/* ---- Das 60-Sekunden-Formular ---- */
.cg-pulse-form { display: flex; flex-direction: column; gap: 1.5rem; }
.cg-pulse-q {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface);
  padding: 1.1rem 1.2rem 1rem;
  margin: 0;
}
.cg-pulse-q__legend {
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--mc-ink);
  padding: 0;
  margin-bottom: .9rem;
  line-height: 1.4;
}
.cg-pulse-q__scale {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.cg-pulse-q__pole {
  flex: none;
  font-size: .8rem;
  color: var(--mc-ink-faint);
  min-width: 3.6rem;
}
.cg-pulse-q__pole--high { text-align: right; }
.cg-pulse-q__opts {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .35rem;
}
.cg-pulse-q__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.cg-pulse-q__dot {
  flex: 1;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--mc-radius-s);
  transition: background .12s ease;
}
.cg-pulse-q__dot::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--mc-ink) 28%, transparent);
  background: var(--mc-surface);
  transition: border-color .12s ease, background .12s ease, transform .12s ease;
}
.cg-pulse-q__dot:hover::before { border-color: var(--mc-copper); }
.cg-pulse-q__input:checked + .cg-pulse-q__dot::before {
  background: var(--mc-copper);
  border-color: var(--mc-copper);
  transform: scale(1.12);
}
.cg-pulse-q__input:focus-visible + .cg-pulse-q__dot {
  outline: 2px solid var(--mc-teal);
  outline-offset: 2px;
}
.cg-pulse-q__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cg-pulse-q__readout {
  margin: .7rem 0 0;
  font-size: .95rem;
  min-height: 1.4em;
}
.cg-pulse-q__readout-empty { color: var(--mc-ink-faint); }
.cg-pulse-q__readout-val { color: var(--mc-copper); font-weight: 600; }

.cg-pulse-note { display: block; }
.cg-pulse-note__opt { font-weight: 400; color: var(--mc-ink-faint); font-size: .9rem; }
.cg-pulse-note__field {
  width: 100%;
  margin-top: .5rem;
  padding: .7em .8em;
  border: 1.5px solid var(--mc-border);
  border-radius: var(--mc-radius-s);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: var(--mc-ink);
  background: var(--mc-surface);
  resize: vertical;
  box-sizing: border-box;
}
.cg-pulse-note__field:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; border-color: var(--mc-teal); }
.cg-pulse-form__foot { margin-top: .3rem; }

/* ---- Verlauf (vier getrennte, ruhige Sparklines) ---- */
.cg-pulse-trend__ranges { display: inline-flex; gap: .3rem; }
.cg-pulse-trend__range {
  font-size: .85rem;
  padding: .35rem .8rem;
  border-radius: var(--mc-radius-pill);
  border: 1px solid var(--mc-border);
  color: var(--mc-ink-soft);
  text-decoration: none;
}
.cg-pulse-trend__range.is-active {
  background: var(--mc-night);
  border-color: var(--mc-night);
  color: #fff;
}
.cg-pulse-trend__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.cg-pulse-trend__card {
  margin: 0;
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface-soft);
  padding: 1rem 1.1rem;
}
.cg-pulse-trend__name {
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mc-ink-faint);
  margin-bottom: .5rem;
}
.cg-pulse-trend__plot {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: .25rem;
  height: 96px;
}
.cg-pulse-trend__pole { font-size: .74rem; color: var(--mc-ink-faint); }
.cg-pulse-trend__pole--high { align-self: start; }
.cg-pulse-trend__pole--low { align-self: end; }
.cg-pulse-spark { width: 100%; height: 100%; display: block; overflow: visible; }
.cg-pulse-spark__mid { stroke: color-mix(in srgb, var(--mc-ink) 12%, transparent); stroke-width: 1; stroke-dasharray: 2 3; }
.cg-pulse-spark__line { fill: none; stroke: var(--mc-copper); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.cg-pulse-spark__dot { fill: var(--mc-copper); }
.cg-pulse-trend__empty { margin: .3rem 0 0; color: var(--mc-ink-soft); font-size: .92rem; }
.cg-pulse-trend__hint { margin: .9rem 0 0; }
.cg-pulse-recap__line + .cg-pulse-recap__line { margin-top: .3rem; }
.cg-pulse-recap__line { margin: .3rem 0 0; }

/* ---- Coach-Lesekarte (im Coachie-Profil, #cg-ptab-coaching) ---- */
.cg-pulsec {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m);
  background: var(--mc-surface);
  padding: 1.1rem 1.2rem;
  margin-bottom: 1.4rem;
}
.cg-pulsec__eyebrow {
  font-size: .78rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mc-ink-faint);
  margin: 0;
}
.cg-pulsec__meta { margin: .15rem 0 0; color: var(--mc-ink-soft); font-size: .92rem; }
.cg-pulsec__empty { margin: .8rem 0 0; color: var(--mc-ink-soft); font-size: .92rem; }
.cg-pulsec__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .8rem;
  margin-top: .9rem;
}
.cg-pulsec__spark-card {
  margin: 0;
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-s);
  background: var(--mc-surface-soft);
  padding: .7rem .8rem;
}
.cg-pulsec__spark-name {
  font-size: .74rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--mc-ink-faint);
  margin-bottom: .35rem;
}
.cg-pulsec__spark { height: 34px; }
.cg-pulsec__spark svg { width: 100%; height: 100%; overflow: visible; display: block; }
.cg-pulsec__spark-line { fill: none; stroke: var(--mc-teal); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.cg-pulsec__spark-dot { fill: var(--mc-teal); }
.cg-pulsec__spark-poles { display: flex; justify-content: space-between; font-size: .68rem; color: var(--mc-ink-faint); margin: .3rem 0 0; }
.cg-pulsec__recent { margin-top: 1rem; }
.cg-pulsec__recent summary { cursor: pointer; font-size: .9rem; color: var(--mc-ink-soft); }
.cg-pulsec__recent-list { list-style: none; padding: 0; margin: .6rem 0 0; display: flex; flex-direction: column; gap: .6rem; }
.cg-pulsec__recent-list li {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-s);
  padding: .6rem .7rem;
}
.cg-pulsec__recent-date { display: block; font-size: .8rem; color: var(--mc-ink-faint); margin-bottom: .25rem; }
.cg-pulsec__recent-states { display: flex; flex-wrap: wrap; gap: .2rem .9rem; }
.cg-pulsec__recent-state { font-size: .88rem; color: var(--mc-ink); }
.cg-pulsec__recent-dim { color: var(--mc-ink-faint); }
.cg-pulsec__recent-note { margin: .6rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); }

@media (max-width: 640px) {
  .cg-pulse-q { padding: 1rem .9rem .9rem; }
  .cg-pulse-q__scale { flex-wrap: wrap; }
  .cg-pulse-q__pole { min-width: 0; font-size: .76rem; }
  .cg-pulse-q__pole--low { order: 2; }
  .cg-pulse-q__opts { order: 1; flex-basis: 100%; gap: .15rem; }
  .cg-pulse-q__pole--high { order: 3; margin-left: auto; }
  .cg-pulse-q__dot { min-height: 46px; }
  .cg-pulse-trend__grid { grid-template-columns: 1fr; }
  .cg-pulse-today__grid { grid-template-columns: 1fr 1fr; }
}
/* ==================================================================
   END 60-SEKUNDEN-PULS V1
   ================================================================== */

/* ==================================================================
   GLOBAL PASSWORD VISIBILITY TOGGLE (2026-09-11, FOUNDER QA SLICE)
   Wiederverwendbares Pattern — mein-cogether.js hängt an JEDES echte
   <input type="password"> einen Auge-Toggle. Nur UI-Darstellung, keine
   Speicherung/kein Logging. Greift auf Login + Einladung/Passwort setzen.
   ================================================================== */
.cg-pw { position: relative; display: block; }
/* padding-right MUSS den 44px-Toggle freihalten (Founder B5: "nicht über
   Text legen") — !important, weil formspezifische Regeln wie
   `.cg-mc__field input[type="password"]` sonst die padding-Shorthand
   zurücksetzen. Nur diese eine Deklaration ist erzwungen. */
.cg-pw > input { width: 100%; box-sizing: border-box; }
.cg-pw > input { padding-right: 3rem !important; }
.cg-pw__toggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .6rem;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--mc-ink-soft, #5b6470);
  cursor: pointer;
  border-radius: var(--mc-radius-s, 10px);
}
.cg-pw__toggle:hover { color: var(--mc-ink, #11151A); }
.cg-pw__toggle:focus-visible {
  outline: 2px solid var(--mc-teal, #4F8F98);
  outline-offset: -2px;
}
.cg-pw__toggle svg { width: 20px; height: 20px; display: block; pointer-events: none; }
.cg-pw__toggle .cg-pw__icon--off { display: none; }
.cg-pw__toggle[data-cg-pw-shown="1"] .cg-pw__icon--on { display: none; }
.cg-pw__toggle[data-cg-pw-shown="1"] .cg-pw__icon--off { display: block; }
/* ==================================================================
   END GLOBAL PASSWORD VISIBILITY TOGGLE
   ================================================================== */

/* ==================================================================
   60-SEKUNDEN-PULS V1.1 — „DEIN IMPULS FÜR JETZT" (2026-09-11)
   Eine hochwertige Coaching-Impuls-Card. KEINE Chat-Bubble, keine
   AI-Optik, keine Health-App, keine Warnbox, keine Gamification.
   Hierarchie: Eyebrow → Einordnung → Mini-Aktion (stärkster Teil,
   Copper-Innenfläche) → Reflexionsfrage → optional Ressource (dezent).
   ================================================================== */
.cg-pulse-impulse {
  border: 1px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-l, 20px);
  background: var(--mc-surface);
  box-shadow: var(--mc-shadow-card);
  padding: clamp(1.2rem, 2.6vw, 1.8rem);
}
.cg-pulse-impulse__eyebrow {
  margin: 0 0 .8rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mc-copper-dark);
}
.cg-pulse-impulse__orientation {
  margin: 0 0 1.1rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--mc-ink);
}
.cg-pulse-impulse__kicker {
  margin: 0 0 .35rem;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--mc-ink-faint);
}
.cg-pulse-impulse__action {
  margin: 0 0 1.1rem;
  padding: .95rem 1.05rem 1.05rem;
  border-radius: var(--mc-radius-m);
  background: color-mix(in srgb, var(--mc-copper) 9%, var(--mc-surface));
  border-left: 3px solid var(--mc-copper);
}
.cg-pulse-impulse__action .cg-pulse-impulse__kicker { color: var(--mc-copper-dark); }
.cg-pulse-impulse__action-text {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.55;
  font-weight: 500;
  color: var(--mc-ink);
}
.cg-pulse-impulse__reflection { margin: 0 0 .2rem; }
.cg-pulse-impulse__reflection-text {
  margin: 0;
  font-size: .98rem;
  line-height: 1.55;
  font-style: italic;
  color: var(--mc-ink-soft);
}
.cg-pulse-impulse__resource {
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mc-border-soft);
}
.cg-pulse-impulse__kicker--res { color: var(--mc-teal-deep, var(--mc-teal)); }
.cg-pulse-impulse__resource-lead {
  margin: 0 0 .2rem;
  font-size: .9rem;
  line-height: 1.5;
  color: var(--mc-ink-soft);
}
.cg-pulse-impulse__resource-title {
  margin: 0 0 .5rem;
  font-family: var(--mc-font-display);
  font-size: 1rem;
  font-weight: 700;
  color: var(--mc-ink);
}
.cg-pulse-impulse__resource-cta { margin: 0; font-size: .88rem; }
.cg-pulse-impulse__resource-cta a {
  color: var(--mc-teal-deep, var(--mc-teal));
  font-weight: 600;
  text-decoration: none;
}
.cg-pulse-impulse__resource-cta a:hover { text-decoration: underline; }
.cg-pulse-impulse__resource-cta a:focus-visible {
  outline: 2px solid var(--mc-teal);
  outline-offset: 2px;
  border-radius: 3px;
}

@media (max-width: 640px) {
  .cg-pulse-impulse { padding: 1.1rem 1rem 1.2rem; }
  .cg-pulse-impulse__action { padding: .85rem .9rem .95rem; }
  .cg-pulse-impulse__orientation { font-size: .96rem; }
  .cg-pulse-impulse__action-text { font-size: .98rem; }
}
/* ==================================================================
   END 60-SEKUNDEN-PULS V1.1
   ================================================================== */

/* ==================================================================
   MASTER EDITORIAL / BIBLIOTHEK-ZENTRALE — Phase 2A (2026-09-11)
   „Wissen & Bibliothek". Master-Dichte + Coachie North Star.
   Night / Copper / Teal / warme Neutrals, Card-first, klare Status-
   Hierarchie. KEIN wp-admin-Skin, keine graue Backend-Tabelle.
   ================================================================== */
.cg-kbe-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.cg-kbe-head__cta { display: inline-block; width: auto; text-decoration: none; flex: none; }

.cg-kbe-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-bottom: 1.6rem; }
.cg-kbe-summary__card {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .9rem 1rem; display: flex; flex-direction: column; gap: .15rem;
}
.cg-kbe-summary__n { font-family: var(--mc-font-display); font-size: 1.6rem; font-weight: 700; color: var(--mc-ink); line-height: 1; }
.cg-kbe-summary__l { font-size: .78rem; letter-spacing: .03em; text-transform: uppercase; color: var(--mc-ink-faint); }

.cg-kbe-empty {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-l, 20px);
  background: var(--mc-surface-soft); padding: clamp(1.6rem, 4vw, 2.8rem); text-align: center; max-width: 640px; margin: 0 auto;
}
.cg-kbe-empty__title { font-family: var(--mc-font-display); font-size: clamp(1.2rem, 2.6vw, 1.5rem); font-weight: 700; color: var(--mc-ink); margin: 0 0 .6rem; }
.cg-kbe-empty__text { color: var(--mc-ink-soft); line-height: 1.6; margin: 0 0 1.2rem; }
.cg-kbe-empty__cta { display: inline-block; width: auto; text-decoration: none; }

.cg-kbe-filters { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-bottom: 1.1rem; }
.cg-kbe-filters__search { flex: 1 1 220px; min-width: 0; padding: .5em .7em; border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); }
.cg-kbe-filters__select { padding: .5em .7em; border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); }
.cg-kbe-filters__search:focus-visible, .cg-kbe-filters__select:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; }
.cg-kbe-filters__reset { font-size: .85rem; color: var(--mc-ink-soft); }

.cg-kbe-count { font-size: .85rem; color: var(--mc-ink-faint); margin: 0 0 .5rem; }

/* Hybrid: Desktop = Grid-Zeilen, Mobile = Karten */
.cg-kbe-table { border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m); overflow: hidden; background: var(--mc-surface); }
.cg-kbe-table__head, .cg-kbe-table__row {
  display: grid;
  grid-template-columns: minmax(0, 2.4fr) .9fr 1fr 1.1fr .8fr auto;
  gap: .8rem; align-items: center; padding: .75rem 1rem;
}
.cg-kbe-table__head { background: var(--mc-surface-soft); font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-kbe-table__row + .cg-kbe-table__row, .cg-kbe-table__head + .cg-kbe-table__row { border-top: 1px solid var(--mc-border-soft); }
.cg-kbe-table__title a { font-weight: 600; color: var(--mc-ink); text-decoration: none; }
.cg-kbe-table__title a:hover { color: var(--mc-copper-dark); }
.cg-kbe-table__aud, .cg-kbe-table__cat, .cg-kbe-table__mod { font-size: .86rem; color: var(--mc-ink-soft); }
.cg-kbe-table__actions { text-align: right; }
.cg-kbe-muted { color: var(--mc-ink-faint); }

.cg-kbe-status { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .02em; padding: .18rem .55rem; border-radius: var(--mc-radius-pill); white-space: nowrap; }
.cg-kbe-status.is-draft { background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft); }
.cg-kbe-status.is-pending { background: color-mix(in srgb, var(--mc-copper) 15%, transparent); color: var(--mc-copper-dark); }
.cg-kbe-status.is-publish { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep, var(--mc-teal)); }
.cg-kbe-status.is-archived { background: color-mix(in srgb, var(--mc-ink) 6%, transparent); color: var(--mc-ink-faint); }

.cg-kbe-tag { display: inline-block; font-size: .64rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: .12rem .45rem; border-radius: var(--mc-radius-pill); margin-left: .35rem; }
.cg-kbe-tag--featured { background: color-mix(in srgb, var(--mc-copper) 12%, transparent); color: var(--mc-copper-dark); }
.cg-kbe-tag--sensitive { border: 1px solid var(--mc-border); color: var(--mc-ink-soft); }

.cg-kbe-pager { display: flex; gap: .35rem; flex-wrap: wrap; margin-top: 1.1rem; }
.cg-kbe-pager__link { min-width: 2rem; text-align: center; padding: .35rem .5rem; border: 1px solid var(--mc-border); border-radius: var(--mc-radius-s); font-size: .85rem; color: var(--mc-ink-soft); text-decoration: none; }
.cg-kbe-pager__link.is-active { background: var(--mc-night); border-color: var(--mc-night); color: #fff; }

/* ---- Editor-Formular ---- */
.cg-kbe-form__grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 1.4rem; align-items: start; }
.cg-kbe-form__main { min-width: 0; }
.cg-kbe-form__panel { position: sticky; top: 1rem; display: flex; flex-direction: column; gap: 1rem; }
.cg-kbe-panel-block { border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m); background: var(--mc-surface); padding: .9rem 1rem; }
.cg-kbe-panel-block--save { background: var(--mc-surface-soft); }
.cg-kbe-panel-block--save .cg-mc__btn-primary { width: 100%; }
.cg-kbe-panel-title { margin: 0 0 .6rem; font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-kbe-statusline { margin: 0 0 .4rem; }
.cg-kbe-hint { margin: .3rem 0 0; font-size: .78rem; line-height: 1.45; color: var(--mc-ink-faint); }
.cg-kbe-req { color: var(--mc-copper-dark); }
.cg-kbe-check { display: flex; gap: .5rem; align-items: flex-start; font-size: .9rem; color: var(--mc-ink); line-height: 1.4; padding: .2rem 0; }
.cg-kbe-check input { margin-top: .15rem; flex: none; width: 16px; height: 16px; }
.cg-kbe-catlist { max-height: 220px; overflow-y: auto; display: flex; flex-direction: column; gap: .1rem; padding-right: .3rem; }
.cg-kbe-thumb { display: block; width: 100%; max-width: 220px; border-radius: var(--mc-radius-s); margin-bottom: .5rem; }
.cg-kbe-file { display: block; width: 100%; font-size: .85rem; margin-top: .3rem; }
.cg-kbe-editor .wp-editor-wrap { margin-top: .4rem; }
.cg-kbe-editor textarea { font-size: 15px; }

@media (max-width: 900px) {
  .cg-kbe-summary { grid-template-columns: 1fr 1fr; }
  .cg-kbe-form__grid { grid-template-columns: 1fr; }
  .cg-kbe-form__panel { position: static; }
  .cg-kbe-table__head { display: none; }
  .cg-kbe-table { border: 0; background: transparent; overflow: visible; display: flex; flex-direction: column; gap: .7rem; }
  .cg-kbe-table__row {
    display: block; border: 1px solid var(--mc-border-soft) !important; border-radius: var(--mc-radius-m);
    background: var(--mc-surface); padding: .9rem 1rem;
  }
  .cg-kbe-table__row > span { display: block; }
  .cg-kbe-table__title { margin-bottom: .4rem; font-size: 1rem; }
  .cg-kbe-table__status { margin-bottom: .5rem; }
  .cg-kbe-table__aud::before, .cg-kbe-table__cat::before, .cg-kbe-table__mod::before {
    content: attr(data-label) ": "; color: var(--mc-ink-faint); font-size: .74rem; text-transform: uppercase; letter-spacing: .03em;
  }
  .cg-kbe-table__actions { margin-top: .6rem; text-align: left; }
}
@media (max-width: 480px) {
  .cg-kbe-summary { grid-template-columns: 1fr 1fr; }
  .cg-kbe-filters__select, .cg-kbe-filters__search { flex: 1 1 100%; }
}
/* ==================================================================
   END MASTER EDITORIAL Phase 2A
   ================================================================== */

/* ==================================================================
   MASTER EDITORIAL / BIBLIOTHEK-ZENTRALE — Phase 2B (2026-09-11)
   Review + Publish + Archive / Restore. Ruhige Status-Hierarchie:
   approved = calm teal, changes = ruhig (kein Alarm-Rot),
   sensitive = Kupfer (kein Gefahr-Rot). Card-first, kein Backend-Skin.
   ================================================================== */

/* ---- Summary-Karten jetzt als Status-Filter-Links ---- */
a.cg-kbe-summary__card { text-decoration: none; color: inherit; transition: border-color .15s ease, background .15s ease; }
a.cg-kbe-summary__card:hover { border-color: var(--mc-border); background: var(--mc-surface-soft); }
a.cg-kbe-summary__card:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-kbe-summary__card.is-active { border-color: var(--mc-night); box-shadow: inset 0 0 0 1px var(--mc-night); }
.cg-kbe-summary__card.is-active .cg-kbe-summary__l { color: var(--mc-ink-soft); }
.cg-kbe-summary__card--static { opacity: .92; }

/* ---- Review-Badge neben dem Status ---- */
.cg-kbe-rbadge {
  display: inline-block; margin-left: .35rem; font-size: .68rem; font-weight: 700;
  letter-spacing: .02em; padding: .16rem .5rem; border-radius: var(--mc-radius-pill); white-space: nowrap;
}
.cg-kbe-rbadge.is-approved { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep, var(--mc-teal)); }
.cg-kbe-rbadge.is-changes  { background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft); }
.cg-kbe-rbadge.is-waiting  { background: color-mix(in srgb, var(--mc-copper) 13%, transparent); color: var(--mc-copper-dark); }

/* ---- Lifecycle-Aktionen (Liste + Formular) ---- */
.cg-kbe-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.cg-kbe-actions--list { justify-content: flex-end; }
.cg-kbe-actions--form { margin-top: 1rem; }
.cg-kbe-lcform { margin: 0; display: inline-flex; }

.cg-kbe-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  font: inherit; font-size: .82rem; font-weight: 600; line-height: 1.1;
  padding: .5rem .85rem; border-radius: var(--mc-radius-s); border: 1.5px solid transparent;
  cursor: pointer; text-decoration: none; white-space: nowrap; transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.cg-kbe-btn:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
/* a.cg-kbe-btn.cg-kbe-btn--x (0,2,1) + spätere Quell-Reihenfolge schlägt die
   globale .cg-mc-a-Link-Farbe (0,1,1) überall — nicht nur in .cg-kbe-actions. */
a.cg-kbe-btn, a.cg-kbe-btn:hover, a.cg-kbe-btn:visited, a.cg-kbe-btn:focus { text-decoration: none; }
.cg-kbe-btn--primary, a.cg-kbe-btn.cg-kbe-btn--primary { background: var(--mc-night); color: #fff; border-color: var(--mc-night); }
.cg-kbe-btn--primary:hover, a.cg-kbe-btn.cg-kbe-btn--primary:hover { background: var(--mc-ink); color: #fff; }
.cg-kbe-btn--secondary, a.cg-kbe-btn.cg-kbe-btn--secondary { background: var(--mc-surface); color: var(--mc-ink); border-color: var(--mc-border); }
.cg-kbe-btn--secondary:hover, a.cg-kbe-btn.cg-kbe-btn--secondary:hover { border-color: var(--mc-ink-soft); color: var(--mc-ink); }
.cg-kbe-btn--ghost, a.cg-kbe-btn.cg-kbe-btn--ghost { background: transparent; color: var(--mc-ink-soft); border-color: transparent; }
.cg-kbe-btn--ghost:hover, a.cg-kbe-btn.cg-kbe-btn--ghost:hover { color: var(--mc-ink); background: color-mix(in srgb, var(--mc-ink) 5%, transparent); }
.cg-kbe-btn--muted, a.cg-kbe-btn.cg-kbe-btn--muted { background: var(--mc-surface-soft); color: var(--mc-ink-faint); border-color: var(--mc-border-soft); }
.cg-kbe-btn--muted:hover, a.cg-kbe-btn.cg-kbe-btn--muted:hover { color: var(--mc-ink-soft); border-color: var(--mc-border); }

/* ---- Rückmeldung aus der Prüfung (ruhig, nicht rot) ---- */
.cg-kbe-changenote {
  border: 1px solid var(--mc-border); border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m); background: var(--mc-surface-soft);
  padding: .9rem 1.1rem; margin-bottom: 1.2rem;
}
.cg-kbe-changenote__label { margin: 0 0 .35rem; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-kbe-changenote__text { margin: 0; color: var(--mc-ink); line-height: 1.55; }
.cg-kbe-changenote__meta { margin: .5rem 0 0; font-size: .78rem; color: var(--mc-ink-faint); }

/* ---- Review-Card unter dem Formular ---- */
.cg-kbe-review-card {
  margin-top: 1.6rem; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: 1.2rem 1.3rem; box-shadow: var(--mc-shadow-card, none);
}
.cg-kbe-review-card--is-neutral  { border-top: 3px solid var(--mc-border-soft); }
.cg-kbe-review-card--is-approved { border-top: 3px solid var(--mc-teal); }
.cg-kbe-review-card--is-changes  { border-top: 3px solid var(--mc-border); }
.cg-kbe-review-card--is-waiting  { border-top: 3px solid var(--mc-copper); }
.cg-kbe-review-card__title { margin: 0 0 .6rem; font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700; color: var(--mc-ink); }
.cg-kbe-review-card__lead { margin: 0 0 1rem; color: var(--mc-ink-soft); line-height: 1.55; max-width: 60ch; }
.cg-kbe-review-card__facts { margin: 0 0 1rem; display: flex; flex-direction: column; gap: .45rem; }
.cg-kbe-review-card__facts div { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .88rem; }
.cg-kbe-review-card__facts dt { margin: 0; color: var(--mc-ink-faint); min-width: 9rem; }
.cg-kbe-review-card__facts dd { margin: 0; color: var(--mc-ink); font-weight: 500; }
.cg-kbe-review-card__decide { border-top: 1px solid var(--mc-border-soft); padding-top: 1rem; margin-top: .3rem; }
.cg-kbe-review-card__warn { margin-top: .8rem; color: var(--mc-copper-dark); }

.cg-kbe-review-form label { display: block; font-size: .88rem; font-weight: 600; color: var(--mc-ink); margin-bottom: .2rem; }
.cg-kbe-review-form textarea {
  width: 100%; box-sizing: border-box; min-height: 5.5rem; padding: .6em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); resize: vertical;
}
.cg-kbe-review-form textarea:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; }
.cg-kbe-review-form__buttons { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }

@media (max-width: 900px) {
  .cg-kbe-review-card { padding: 1rem 1.1rem; }
  .cg-kbe-review-card__facts dt { min-width: 0; flex: 1 1 100%; }
  .cg-kbe-actions--list { justify-content: flex-start; }
}
/* ==================================================================
   END MASTER EDITORIAL Phase 2B
   ================================================================== */

/* ==================================================================
   MASTER EDITORIAL / BIBLIOTHEK-ZENTRALE — Phase 2C (2026-09-11)
   Editorial Author · Datum/Zeit-Truth · echte Reader-Vorschau ·
   Review zurückziehen. Card-first, hochwertige redaktionelle Metadata
   (Brain 2C §27), kein Admin-Meta-Box-Look.
   ================================================================== */

/* ---- Autor-Selector + read-only Anzeige ---- */
.cg-kbe-select {
  width: 100%; box-sizing: border-box; padding: .5em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink);
}
.cg-kbe-select:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; }
.cg-kbe-statichint { margin: .2rem 0 0; font-size: .95rem; color: var(--mc-ink); }

/* ---- Redaktionelle Metadata (Autor / Erstellt / Geändert / Veröffentlicht) ---- */
.cg-kbe-metalist { margin: 0; display: flex; flex-direction: column; gap: .55rem; }
.cg-kbe-metalist div { display: flex; flex-direction: column; gap: .1rem; }
.cg-kbe-metalist dt {
  margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-kbe-metalist dd { margin: 0; font-size: .9rem; color: var(--mc-ink); line-height: 1.45; }

/* ---- Vorschau-Links im Editor-Panel ---- */
.cg-kbe-preview-links { display: flex; flex-direction: column; gap: .5rem; }
.cg-kbe-preview-links .cg-kbe-btn { width: 100%; }

/* ---- Autor-Byline in der Master-Liste ---- */
.cg-kbe-table__byline { display: block; margin-top: .3rem; font-size: .8rem; color: var(--mc-ink-soft); }

/* ---- Vorschau-Screen (master-wissen-artikel-vorschau) ---- */
.cg-kbe-preview-bar {
  display: flex; flex-wrap: wrap; gap: .9rem 1.2rem; align-items: center; justify-content: space-between;
  border: 1px solid var(--mc-border-soft); border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m); background: var(--mc-surface-soft);
  padding: .9rem 1.1rem; margin-bottom: 1rem;
}
.cg-kbe-preview-bar__label { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
.cg-kbe-preview-bar__eyebrow {
  font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-ink-faint);
}
.cg-kbe-preview-bar__ctx { font-size: .92rem; color: var(--mc-ink); font-weight: 600; }
.cg-kbe-preview-bar__switch { display: flex; flex-wrap: wrap; gap: .5rem; }

.cg-kbe-preview-hint {
  border: 1px solid var(--mc-border); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .8rem 1rem; margin-bottom: 1.2rem;
  font-size: .9rem; color: var(--mc-ink-soft); line-height: 1.5;
}
.cg-kbe-preview-frame {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-l, 20px);
  background: var(--mc-surface); padding: clamp(1.3rem, 3vw, 2.4rem);
}
.cg-kbe-preview-frame .cg-lib-related { margin-top: 2rem; }

/* ---- Reader-Artikel-Meta-Zeile: Autor · Datum · Lesezeit ---- */
.cg-lib-article__meta { display: flex; flex-wrap: wrap; gap: .4rem; align-items: baseline; }
.cg-lib-article__meta [aria-hidden] { color: var(--mc-ink-faint); }
span.cg-lib-article__cat { cursor: default; }

@media (max-width: 900px) {
  .cg-kbe-preview-bar { flex-direction: column; align-items: flex-start; }
  .cg-kbe-preview-bar__switch { width: 100%; }
  .cg-kbe-preview-bar__switch .cg-kbe-btn { flex: 1 1 auto; text-align: center; }
  .cg-kbe-preview-frame { padding: 1.1rem; }
}
/* ==================================================================
   END MASTER EDITORIAL Phase 2C
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — TESTIMONIALS & FREIGABEN (Phase 2A, 2026-09-10)
   Card-first Review-Surface. Farb-Vertrag: Night=Primary, Copper=Attention
   /Review, Teal=Consent/geprüft/Live, Danger=nur destruktiv. Nutzt die
   cg-kbe-* Familie (head/filters/btn/empty/count); nur die Review-Card + der
   Summary-Row-Rhythmus sind testimonial-spezifisch.
   ================================================================== */

/* ---- Summary-Card-Row (klickbare Filter-Presets) ---- */
.cg-mc-testi__summary {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: .7rem; margin-bottom: 1.4rem;
}
.cg-mc-testi__summary-card {
  display: flex; flex-direction: column; gap: .2rem;
  border: 1px solid var(--mc-border-soft); border-top: 3px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m); background: var(--mc-surface);
  padding: .8rem .9rem; text-decoration: none; color: inherit;
  transition: border-color .15s ease, background .15s ease;
}
.cg-mc-testi__summary-card:hover { background: var(--mc-surface-soft); }
.cg-mc-testi__summary-card:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-mc-testi__summary-card.is-active { box-shadow: inset 0 0 0 1px var(--mc-night); border-color: var(--mc-night); }
.cg-mc-testi__summary-card.is-attn    { border-top-color: var(--mc-copper); }
.cg-mc-testi__summary-card.is-ok      { border-top-color: var(--mc-teal); }
.cg-mc-testi__summary-card.is-wait    { border-top-color: var(--mc-copper); }
.cg-mc-testi__summary-card.is-off     { border-top-color: var(--mc-border); }
.cg-mc-testi__summary-n { font-family: var(--mc-font-display); font-size: 1.5rem; font-weight: 700; color: var(--mc-ink); line-height: 1; }
.cg-mc-testi__summary-l { font-size: .74rem; letter-spacing: .02em; text-transform: uppercase; color: var(--mc-ink-faint); }

/* ---- Review-Card-Liste ---- */
.cg-mc-testi__list { display: flex; flex-direction: column; gap: 1rem; }
.cg-mc-testi__card {
  border: 1px solid var(--mc-border-soft); border-left: 3px solid var(--mc-border-soft);
  border-radius: var(--mc-radius-m); background: var(--mc-surface);
  padding: 1.2rem 1.3rem; box-shadow: var(--mc-shadow-card, none);
}
.cg-mc-testi__card.is-attn { border-left-color: var(--mc-copper); }
.cg-mc-testi__card.is-live { border-left-color: var(--mc-teal); }
.cg-mc-testi__card.is-off  { border-left-color: var(--mc-border); opacity: .82; }

.cg-mc-testi__eyebrow {
  margin: 0 0 .5rem; font-size: .72rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--mc-copper-dark);
}
.cg-mc-testi__quote {
  margin: 0 0 .7rem; padding: 0; border: 0;
  font-family: var(--mc-font-display); font-size: 1.12rem; line-height: 1.55;
  color: var(--mc-ink); font-weight: 500; max-width: 62ch;
}
.cg-mc-testi__attr { margin: 0; font-size: .9rem; color: var(--mc-ink-soft); font-weight: 600; }
.cg-mc-testi__attr-ctx { font-weight: 400; color: var(--mc-ink-faint); }
.cg-mc-testi__source { margin: .25rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); }

.cg-mc-testi__chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: .8rem 0 0; }
.cg-mc-testi__chip {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .01em;
  padding: .18rem .55rem; border-radius: var(--mc-radius-pill); white-space: nowrap;
  background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft);
}
.cg-mc-testi__chip.is-ok    { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep, var(--mc-teal)); }
.cg-mc-testi__chip.is-wait  { background: color-mix(in srgb, var(--mc-copper) 15%, transparent); color: var(--mc-copper-dark); }
.cg-mc-testi__chip.is-draft { background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft); }
.cg-mc-testi__chip.is-off   { background: color-mix(in srgb, var(--mc-ink) 6%, transparent); color: var(--mc-ink-faint); }

/* ---- Compliance-Block (ruhig, Copper — kein Danger-Rot) ---- */
.cg-mc-testi__compliance {
  margin: .9rem 0 0; padding: .9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--mc-copper) 35%, var(--mc-border));
  border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-s); background: color-mix(in srgb, var(--mc-copper) 7%, var(--mc-surface));
}
.cg-mc-testi__compliance-head { margin: 0 0 .3rem; font-size: .82rem; font-weight: 700; color: var(--mc-copper-dark); }
.cg-mc-testi__compliance-reason { margin: 0 0 .6rem; font-size: .9rem; line-height: 1.5; color: var(--mc-ink); }
.cg-mc-testi__compliance-form label { display: block; font-size: .8rem; font-weight: 600; color: var(--mc-ink-soft); margin-bottom: .25rem; }
.cg-mc-testi__compliance-form textarea {
  width: 100%; box-sizing: border-box; min-height: 3.4rem; padding: .55em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); resize: vertical;
}
.cg-mc-testi__compliance-form textarea:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; }
.cg-mc-testi__compliance-form .cg-kbe-btn { margin-top: .6rem; }
.cg-mc-testi__compliance-note { margin: .7rem 0 0; font-size: .82rem; color: var(--mc-ink-faint); }

/* ---- Herkunft/Redaktion — eingeklappt, kein Debug-Text mehr ---- */
.cg-mc-testi__meta { margin: .8rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); }
.cg-mc-testi__meta > summary { cursor: pointer; font-weight: 600; color: var(--mc-ink-soft); }
.cg-mc-testi__meta > summary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }
.cg-mc-testi__meta p { margin: .4rem 0 0; line-height: 1.5; }

/* ---- Aktionen — echte Hierarchie ---- */
.cg-mc-testi__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: 1rem; }
.cg-mc-testi__act-form { margin: 0; display: inline-flex; }
.cg-mc-testi__act-form--danger { margin-left: auto; }
.cg-mc-testi__actions .cg-mc__btn-danger { padding: .5rem .85rem; font-size: .82rem; border-radius: var(--mc-radius-s); }

@media (max-width: 900px) {
  .cg-mc-testi__summary { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .cg-mc-testi__card { padding: 1rem 1.1rem; }
  .cg-mc-testi__actions { flex-direction: column; align-items: stretch; }
  .cg-mc-testi__act-form { width: 100%; }
  .cg-mc-testi__act-form--danger { margin-left: 0; }
  .cg-mc-testi__actions .cg-kbe-btn, .cg-mc-testi__actions .cg-mc__btn-danger { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
  .cg-mc-testi__summary { grid-template-columns: 1fr 1fr; }
}
/* ==================================================================
   END TESTIMONIALS & FREIGABEN Phase 2A
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — OPERATIONS & INTEGRITÄT (Slice 2B, 2026-09-10)
   Health-Row + Operation-Cards + Audit-Activity im Master-Dashboard.
   Farb-Vertrag: Copper=Attention/Pending, Teal=Healthy/Positiv,
   Danger=nur destruktiv. Reuse: cg-kbe-btn / cg-mc__btn-danger /
   cg-mc__activity-row / cg-kbe-empty -- neu sind nur die Health-Chip-
   und die Operation-Card-Hülle.
   ================================================================== */
.cg-mc-ops__health { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin-bottom: 1.2rem; }
.cg-mc-ops__health-chip {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto;
  column-gap: .6rem; row-gap: .15rem; align-items: center;
  padding: .85rem 1rem; border: 1px solid var(--mc-border-soft);
  border-left: 3px solid var(--mc-border); border-radius: var(--mc-radius-m);
  background: var(--mc-surface);
}
.cg-mc-ops__health-chip.is-ok   { border-left-color: var(--mc-teal); }
.cg-mc-ops__health-chip.is-attn { border-left-color: var(--mc-copper); background: color-mix(in srgb, var(--mc-copper) 5%, var(--mc-surface)); }
.cg-mc-ops__health-icon { grid-row: 1 / span 2; display: inline-flex; align-items: center; }
.cg-mc-ops__health-chip.is-ok   .cg-mc-ops__health-icon { color: var(--mc-teal-deep); }
.cg-mc-ops__health-chip.is-attn .cg-mc-ops__health-icon { color: var(--mc-copper-dark); }
.cg-mc-ops__health-label { font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-mc-ops__health-status { font-size: .9rem; color: var(--mc-ink); line-height: 1.4; }

.cg-mc-ops__card {
  border: 1px solid var(--mc-border-soft); border-left: 3px solid var(--mc-copper);
  border-radius: var(--mc-radius-m); background: var(--mc-surface);
  padding: 1.1rem 1.25rem; margin-bottom: 1rem; box-shadow: var(--mc-shadow-card, none);
}
.cg-mc-ops__card-eyebrow { margin: 0 0 .3rem; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-copper-dark); }
.cg-mc-ops__card-title { margin: 0 0 .6rem; font-family: var(--mc-font-display); font-size: 1.05rem; font-weight: 700; color: var(--mc-ink); }
.cg-mc-ops__mini-list { list-style: none; margin: 0 0 .8rem; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem .9rem; }
.cg-mc-ops__mini-list a { font-size: .9rem; color: var(--mc-teal-deep); text-decoration: none; }
.cg-mc-ops__mini-list a:hover { text-decoration: underline; }
.cg-mc-ops__mini-more { font-size: .85rem; color: var(--mc-ink-faint); }
.cg-mc-ops__facts { margin: 0 0 .7rem; display: flex; flex-wrap: wrap; gap: .3rem 1.4rem; }
.cg-mc-ops__facts div { display: flex; flex-direction: column; gap: .1rem; }
.cg-mc-ops__facts dt { font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mc-ink-faint); margin: 0; }
.cg-mc-ops__facts dd { margin: 0; font-size: .9rem; color: var(--mc-ink); }
.cg-mc-ops__note { margin: 0 0 .8rem; padding: .6rem .8rem; background: var(--mc-surface-soft); border-radius: var(--mc-radius-s); font-size: .9rem; line-height: 1.5; color: var(--mc-ink-soft); }
.cg-mc-ops__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cg-mc-ops__act-form { margin: 0; display: inline-flex; }
.cg-mc-ops__act-form--danger { margin-left: auto; }
.cg-mc-ops__actions .cg-mc__btn-danger { padding: .5rem .9rem; font-size: .85rem; border-radius: var(--mc-radius-s); width: auto; }

.cg-mc-ops__section-link { font-size: .8rem; font-weight: 600; margin-left: .6rem; }
.cg-mc-ops__activity {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .3rem 1.15rem; margin-bottom: var(--mc-space-6, 2rem);
}

@media (max-width: 720px) {
  .cg-mc-ops__health { grid-template-columns: 1fr; }
  .cg-mc-ops__actions { flex-direction: column; align-items: stretch; }
  .cg-mc-ops__act-form { width: 100%; }
  .cg-mc-ops__act-form--danger { margin-left: 0; }
  .cg-mc-ops__actions .cg-kbe-btn,
  .cg-mc-ops__actions .cg-mc__btn-danger { width: 100%; justify-content: center; text-align: center; }
}
/* ==================================================================
   END OPERATIONS & INTEGRITÄT
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — GROWTH JOURNEYS ORIENTATION (Slice 2C, 2026-09-10)
   Kompakte Journey-Rows statt 40 gleichgewichtiger grosser Cards.
   Reuse cg-kbe-head / cg-kbe-summary / cg-kbe-filters / cg-kbe-status /
   cg-kbe-empty / cg-kbe-pager / cg-kbe-btn — nur die Row + der Filter-
   "Weitere"-Toggle sind journey-spezifisch. Channel-Chips neutral, keine
   Bunt-Codierung. Farb-Vertrag: Teal = linked, sonst warm-neutral.
   ================================================================== */
.cg-mc-journey__filter { margin-bottom: .4rem; }
.cg-mc-journey__filter-more { margin-top: .3rem; }
.cg-mc-journey__filter-more > summary { cursor: pointer; font-size: .82rem; color: var(--mc-ink-soft); font-weight: 600; list-style: none; display: inline-block; }
.cg-mc-journey__filter-more > summary::-webkit-details-marker { display: none; }
.cg-mc-journey__filter-more > summary::before { content: "+ "; }
.cg-mc-journey__filter-more[open] > summary::before { content: "– "; }
.cg-mc-journey__filter-more > summary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

.cg-mc-journey__muted { color: var(--mc-ink-faint); font-weight: 400; text-transform: none; letter-spacing: 0; }

.cg-mc-journey__list { display: flex; flex-direction: column; gap: .6rem; }
.cg-mc-journey__row {
  display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 1rem 1.4rem;
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .9rem 1.15rem;
}
.cg-mc-journey__lead { min-width: 0; }
.cg-mc-journey__chan {
  display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--mc-ink-soft);
  background: color-mix(in srgb, var(--mc-ink) 7%, transparent);
  padding: .14rem .5rem; border-radius: var(--mc-radius-pill); margin-bottom: .3rem;
}
.cg-mc-journey__title { margin: 0 0 .2rem; font-weight: 600; font-size: .96rem; color: var(--mc-ink); }
.cg-mc-journey__meta { margin: 0; font-size: .8rem; color: var(--mc-ink-faint); }
.cg-mc-journey__linked { margin: .35rem 0 0; }
.cg-mc-journey__note { margin: .3rem 0 0; font-size: .72rem; color: var(--mc-ink-faint); }
.cg-mc-journey__tp { text-align: right; display: flex; flex-direction: column; line-height: 1.1; }
.cg-mc-journey__tp-n { font-family: var(--mc-font-display); font-size: 1.15rem; font-weight: 700; color: var(--mc-ink); }
.cg-mc-journey__tp-l { font-size: .7rem; text-transform: uppercase; letter-spacing: .03em; color: var(--mc-ink-faint); }
.cg-mc-journey__action { flex: none; white-space: nowrap; }

@media (max-width: 720px) {
  .cg-mc-journey__row { grid-template-columns: 1fr auto; }
  .cg-mc-journey__action { grid-column: 1 / -1; justify-content: center; width: 100%; }
}
@media (max-width: 480px) {
  .cg-mc-journey__row { grid-template-columns: 1fr; }
  .cg-mc-journey__tp { flex-direction: row; gap: .3rem; align-items: baseline; text-align: left; }
}
/* ==================================================================
   END GROWTH JOURNEYS ORIENTATION
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — SALES / VERTRIEB (Slice 2D, 2026-09-10)
   Readiness-Decision-Workspace + Team-Entity-Cards + Triage-Overview auf
   dem Master-Visual-Contract. Reuse cg-kbe-head/summary/status/btn/panel-
   block/review-card/empty. Farb-Vertrag: Teal=ready/positiv,
   Copper=review/pending, Night=Primary, Danger=nur destruktiv (PAUSE).
   Der .cg-tri-* Block war bisher ein style-Block in master-sales-
   overview.php und ist 1:1 hierher migriert (Optik unveraendert).
   ================================================================== */

/* Readiness-/Signal-Status-Toene (semantische Aliase fuer cg-kbe-status) */
.cg-kbe-status.is-ready    { background: color-mix(in srgb, var(--mc-teal) 16%, transparent); color: var(--mc-teal-deep, var(--mc-teal)); }
.cg-kbe-status.is-review   { background: color-mix(in srgb, var(--mc-copper) 15%, transparent); color: var(--mc-copper-dark); }
.cg-kbe-status.is-progress { background: color-mix(in srgb, var(--mc-ink) 8%, transparent); color: var(--mc-ink-soft); }
.cg-kbe-status.is-paused   { background: color-mix(in srgb, var(--mc-ink) 6%, transparent); color: var(--mc-ink-faint); }

/* Readiness Review: Roster */
.cg-mc-sales__roster { display: flex; flex-direction: column; gap: .5rem; }
.cg-mc-sales__roster-row {
  display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: .8rem 1.1rem;
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .75rem 1.05rem; text-decoration: none;
}
.cg-mc-sales__roster-row:hover { border-color: var(--mc-border); background: var(--mc-surface-soft); }
.cg-mc-sales__roster-name { font-weight: 600; color: var(--mc-ink); }
.cg-mc-sales__roster-meta { font-size: .82rem; color: var(--mc-ink-faint); }

/* Readiness Review: Evidence + Requirements */
.cg-mc-sales__evidence { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-bottom: 1.4rem; }
.cg-mc-sales__ev {
  display: flex; flex-direction: column; gap: .2rem;
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: .8rem .9rem;
}
.cg-mc-sales__ev-n { font-family: var(--mc-font-display); font-size: 1.3rem; font-weight: 700; color: var(--mc-ink); line-height: 1.1; }
.cg-mc-sales__ev-l { font-size: .74rem; letter-spacing: .02em; text-transform: uppercase; color: var(--mc-ink-faint); }
.cg-mc-sales__sum.is-ready   { border-top: 3px solid var(--mc-teal); }
.cg-mc-sales__sum.is-review  { border-top: 3px solid var(--mc-copper); }
.cg-mc-sales__sum.is-progress{ border-top: 3px solid var(--mc-border); }
.cg-mc-sales__sum.is-paused  { border-top: 3px solid var(--mc-border); opacity: .9; }

.cg-mc-sales__reqs { list-style: none; margin: 0 0 1.4rem; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.cg-mc-sales__reqs li { display: flex; align-items: baseline; gap: .55rem; font-size: .9rem; color: var(--mc-ink); }
.cg-mc-sales__req-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mc-copper); flex: none; transform: translateY(-1px); }

.cg-mc-sales__stale { border-left: 3px solid var(--mc-copper); }
.cg-mc-sales__stale-text { margin: 0 0 .7rem; font-size: .9rem; line-height: 1.5; color: var(--mc-ink-soft); }

/* Readiness Review: inline forms + review-card decide */
.cg-mc-sales__inline-form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1.4rem; }
.cg-mc-sales__inline-form--bare { margin-bottom: 0; padding: 0; border: 0; background: transparent; }
.cg-mc-sales__field-label { display: block; font-size: .8rem; font-weight: 600; color: var(--mc-ink-soft); margin-bottom: .25rem; }
.cg-mc-sales__textarea {
  width: 100%; box-sizing: border-box; min-height: 3rem; padding: .5em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); resize: vertical;
}
.cg-mc-sales__textarea:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 1px; }
.cg-mc-sales__btnrow { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }

/* Readiness Review: DECISION AREA */
.cg-mc-sales__decide { border-left: 3px solid var(--mc-night); }
.cg-mc-sales__decide-note { margin: 0 0 .9rem; font-size: .88rem; line-height: 1.5; color: var(--mc-ink-soft); }
.cg-mc-sales__decide-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: flex-start; }
.cg-mc-sales__act { margin: 0; display: flex; flex-direction: column; gap: .35rem; }
.cg-mc-sales__act--danger { margin-left: auto; }
.cg-mc-sales__note-input {
  padding: .45em .65em; border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink); min-width: 220px;
}
.cg-mc-sales__decide .cg-mc__btn-danger { padding: .5rem .9rem; font-size: .85rem; border-radius: var(--mc-radius-s); }
.cg-mc-sales__decide-hint { margin: .9rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); line-height: 1.45; }

/* Sales Team: Entity-Cards */
.cg-mc-sales__team { display: flex; flex-direction: column; gap: .8rem; }
.cg-mc-sales__team-card {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: 1rem 1.15rem;
}
.cg-mc-sales__team-head { display: flex; align-items: flex-start; gap: .7rem; flex-wrap: wrap; }
.cg-mc-sales__team-id { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; }
.cg-mc-sales__team-name { font-weight: 600; color: var(--mc-ink); }
.cg-mc-sales__team-email { font-size: .78rem; color: var(--mc-ink-faint); }
.cg-mc-sales__team-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.cg-mc-sales__team-meta { margin: .6rem 0 0; font-size: .84rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-mc-sales__team-reasons { margin: .35rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); }
.cg-mc-sales__team-foot { margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--mc-border-soft); display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: flex-end; justify-content: space-between; }
.cg-mc-sales__team-links { display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: .84rem; }

@media (max-width: 900px) {
  .cg-mc-sales__evidence { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .cg-mc-sales__roster-row { grid-template-columns: 1fr auto; }
  .cg-mc-sales__roster-meta { grid-column: 1 / -1; }
  .cg-mc-sales__decide-actions { flex-direction: column; align-items: stretch; }
  .cg-mc-sales__act--danger { margin-left: 0; }
  .cg-mc-sales__act, .cg-mc-sales__note-input { width: 100%; }
  .cg-mc-sales__decide-actions .cg-kbe-btn, .cg-mc-sales__decide-actions .cg-mc__btn-danger { width: 100%; justify-content: center; }
  .cg-mc-sales__team-foot { flex-direction: column; align-items: stretch; }
}
@media (max-width: 480px) {
  .cg-mc-sales__evidence { grid-template-columns: 1fr; }
}

/* Sales Triage Overview (migriert aus master-sales-overview.php style-Block) */
.cg-tri__lead{margin:-.2rem 0 1.6rem;font-size:.95rem;color:var(--mc-ink-soft);}
.cg-tri__sec{margin:2rem 0 .7rem;}
.cg-tri__sec:first-of-type{margin-top:0;}
.cg-tri__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;}
.cg-tri a.cg-tri__stat,.cg-tri__stat{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--mc-border-soft);border-radius:var(--mc-radius-m);background:var(--mc-surface);text-decoration:none;}
.cg-tri a.cg-tri__stat:hover{border-color:var(--mc-copper);}
.cg-tri__stat-n{font-size:1.5rem;font-weight:700;color:var(--mc-ink);line-height:1;}
.cg-tri__stat--zero .cg-tri__stat-n{color:var(--mc-ink-faint);}
.cg-tri__stat--hot{border-color:color-mix(in srgb,var(--mc-copper) 45%,transparent);background:color-mix(in srgb,var(--mc-copper) 6%,transparent);}
.cg-tri__stat--hot .cg-tri__stat-n{color:var(--mc-copper-dark);}
.cg-tri__stat-l{font-size:.8rem;color:var(--mc-ink-soft);line-height:1.3;}
.cg-tri__panel{border:1px solid var(--mc-border-soft);border-radius:var(--mc-radius-m);background:var(--mc-surface);overflow:hidden;}
.cg-tri__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;font-size:.88rem;color:var(--mc-ink);}
.cg-tri__row + .cg-tri__row{border-top:1px solid var(--mc-border-soft);}
.cg-tri__row--ok{color:var(--mc-ink-faint);}
.cg-tri__count{font-weight:700;}
.cg-tri__count--warn{color:var(--mc-copper-dark);}
.cg-tri__count--ok{color:var(--mc-ink-faint);font-weight:600;}
.cg-tri__panel-foot{display:flex;justify-content:flex-end;padding:.55rem 1rem;border-top:1px solid var(--mc-border-soft);background:var(--mc-surface-soft);}
.cg-tri a.cg-tri__link{font-size:.82rem;color:var(--mc-ink-soft);text-decoration:none;}
.cg-tri a.cg-tri__link:hover{color:var(--mc-ink);text-decoration:underline;}
.cg-tri__badges{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;}
.cg-tri__cta{margin-top:2.2rem;display:flex;gap:.8rem;flex-wrap:wrap;}
/* ==================================================================
   END SALES / VERTRIEB
   ================================================================== */

/* Slice 2D nachtrag: kleine Helfer statt Inline-Styles */
.cg-kbe-head .cg-mc__greeting-sub { margin: 0; }
.cg-kbe-summary__n.is-text { font-size: 1.05rem; }
.cg-mc-sales__ev-n.is-text { font-size: 1rem; }
.cg-mc-sales__stale-text.is-flush { margin: 0; }

/* ==================================================================
   MASTER CONTROL TOWER — GLOBAL VISUAL ROLLUP · BATCH A PRIMITIVES
   (Phase 3B, 2026-09-10). REIN ADDITIV. Es wird KEINE bestehende
   globale Regel geaendert oder geloescht: :root-Tokens, .cg-mc a,
   .cg-mc__card, .cg-mc__section-title, .cg-mc__t-section-title,
   .cg-mc__main und die alten Button-Roots bleiben unangetastet.
   Grundlage fuer Batch B (Registry) / C (Form) / D (Detail).
   ================================================================== */

/* --- A. REGISTRY PRIMITIVES (in Batch A noch kaum genutzt, Basis fuer B) --- */
.cg-mc-reg { border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m); background: var(--mc-surface); overflow-x: auto; }
.cg-mc-reg__table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.cg-mc-reg__th {
  text-align: left; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--mc-ink-faint); padding: .7rem 1rem; border-bottom: 1px solid var(--mc-border-soft); white-space: nowrap;
}
.cg-mc-reg__td { padding: .7rem 1rem; border-bottom: 1px solid var(--mc-border-soft); vertical-align: top; color: var(--mc-ink); }
.cg-mc-reg__tr:last-child .cg-mc-reg__td { border-bottom: 0; }
.cg-mc-reg__tr:hover .cg-mc-reg__td { background: var(--mc-surface-soft); }
.cg-mc-reg__key { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; color: var(--mc-ink-faint); }
.cg-mc-reg__row-action { display: inline-flex; gap: .4rem; justify-content: flex-end; }
.cg-mc-reg__note { margin: .7rem 0 0; font-size: .82rem; color: var(--mc-ink-faint); line-height: 1.5; }
@media (max-width: 768px) {
  .cg-mc-reg__table, .cg-mc-reg__table tbody, .cg-mc-reg__tr { display: block; width: 100%; }
  .cg-mc-reg__table thead { display: none; }
  .cg-mc-reg__tr { border-bottom: 1px solid var(--mc-border-soft); padding: .5rem 0; }
  .cg-mc-reg__tr:last-child { border-bottom: 0; }
  .cg-mc-reg__td { display: flex; justify-content: space-between; gap: 1rem; border: 0; padding: .35rem 1rem; }
  .cg-mc-reg__td::before { content: attr(data-label); font-weight: 700; font-size: .72rem; text-transform: uppercase; color: var(--mc-ink-faint); }
}

/* --- B. FORM PRIMITIVES --- */
.cg-mc-form { max-width: 760px; }
.cg-mc-form__field { margin-bottom: 1rem; }
.cg-mc-form__label { display: block; font-size: .82rem; font-weight: 600; color: var(--mc-ink-soft); margin-bottom: .3rem; }
.cg-mc-form__helper { margin: .5rem 0 0; font-size: .8rem; color: var(--mc-ink-faint); line-height: 1.5; }
.cg-mc-form input[type="text"], .cg-mc-form input[type="email"], .cg-mc-form input[type="url"],
.cg-mc-form input[type="number"], .cg-mc-form input[type="date"], .cg-mc-form input[type="search"],
.cg-mc-form input[type="tel"], .cg-mc-form select, .cg-mc-form textarea {
  width: 100%; box-sizing: border-box; padding: .55em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink);
}
.cg-mc-form textarea { min-height: 4rem; resize: vertical; }
.cg-mc-form input:focus-visible, .cg-mc-form select:focus-visible, .cg-mc-form textarea:focus-visible {
  outline: 2px solid var(--mc-teal); outline-offset: 1px;
}
.cg-mc-form__actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: 1.2rem; }
.cg-mc-form__actions .cg-mc__btn-danger { margin-left: auto; }
@media (max-width: 480px) {
  .cg-mc-form__actions { flex-direction: column; align-items: stretch; }
  .cg-mc-form__actions .cg-kbe-btn, .cg-mc-form__actions .cg-mc__btn-danger { width: 100%; justify-content: center; }
  .cg-mc-form__actions .cg-mc__btn-danger { margin-left: 0; }
}

/* --- C. DETAIL WIDTH PRIMITIVE --- */
.cg-mc-detail { max-width: 900px; }

/* --- D. SECTION TITLE SAFE PRIMITIVE (additiv; die alten 3 Varianten unangetastet) --- */
.cg-mc-h2 {
  font-family: var(--mc-font-display); font-size: 1.05rem; font-weight: 700;
  color: var(--mc-ink); margin: 1.8rem 0 .8rem; display: flex; align-items: center; gap: .5rem;
}
.cg-mc-h2::before { content: ""; width: 20px; height: 3px; border-radius: 2px; background: var(--mc-copper); flex: none; }
.cg-mc-h2:first-of-type { margin-top: .2rem; }

/* --- Batch-A Ziel-Surfaces: kleine scoped Helfer statt Inline-Styles --- */
.cg-mc-list { display: flex; flex-direction: column; gap: .7rem; }
.cg-mc-list--tight { gap: .5rem; }
.cg-mc-sublink { margin: .3rem 0 0; font-size: .88rem; }
.cg-mc-hub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.cg-mc-hub-grid .cg-ws__kpi-value { font-size: 1.1rem; }
.cg-mc-directory-actions { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1 1 100%; margin-top: .1rem; }
@media (max-width: 480px) {
  .cg-mc-hub-grid { grid-template-columns: 1fr; }
  .cg-mc-directory-actions .cg-kbe-btn { flex: 1 1 auto; justify-content: center; }
}
/* ==================================================================
   END BATCH A PRIMITIVES
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — GLOBAL VISUAL ROLLUP · BATCH B
   REGISTRY / PRODUCT & COMMERCIAL GOVERNANCE (Phase 3C, 2026-09-10)
   REIN ADDITIV. Nutzt die Batch-A-Primitives (.cg-mc-reg / .cg-mc-h2).
   Neu: Registry-Zell-Helfer + Governance-Card (Billing/Cockpit sind
   keine flachen Tabellen — je Vertrag/Firma eine Decision-Card).
   Keine globale Regel geaendert.
   ================================================================== */

/* Registry-Zelle: sekundaere Zeile (Datum/Key/Hinweis unter dem Hauptwert) */
.cg-mc-reg__sub { display: block; margin-top: .15rem; font-size: .72rem; color: var(--mc-ink-faint); line-height: 1.35; }
.cg-mc-reg__sub--key { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.cg-mc-reg__muted { color: var(--mc-ink-faint); }
.cg-mc-reg__td .cg-kbe-status { white-space: nowrap; }

/* Zaehler-Zeile unter dem Workspace-Header (statt inline font-size/opacity) */
.cg-mc-countline { margin: 0 0 .5rem; font-size: .82rem; color: var(--mc-ink-faint); line-height: 1.5; }

/* Governance-Card: Billing = eine je Vertrag, Cockpit = eine je Firma */
.cg-mc-gov-card {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m);
  background: var(--mc-surface); padding: 1rem 1.15rem; margin-top: 1rem;
}
.cg-mc-gov-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; align-items: baseline; }
.cg-mc-gov-card__title { font-family: var(--mc-font-display); font-weight: 700; font-size: 1.05rem; color: var(--mc-ink); }
.cg-mc-gov-card__key { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; color: var(--mc-ink-faint); }

/* Fakten-Raster (Cockpit-Bloecke PAKET/VEREINBART/LAUFZEIT/PROVISIONIERUNG/…) */
.cg-mc-facts { display: flex; flex-wrap: wrap; gap: .9rem 1.6rem; margin-top: .7rem; font-size: .88rem; }
.cg-mc-facts > div { min-width: 0; }
.cg-mc-facts__k { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: .15rem; }
.cg-mc-facts__v { color: var(--mc-ink); line-height: 1.45; }

/* Sektion innerhalb einer Governance-Card */
.cg-mc-gov-sec { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid var(--mc-border-soft); font-size: .88rem; }
.cg-mc-gov-sec--dashed { border-top-style: dashed; }
.cg-mc-gov-sec__k { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: .3rem; }

/* Warn-/OK-Zeile (Copper / Teal — kein rohes Hex) */
.cg-mc-gov-warn { margin-top: .6rem; font-size: .82rem; color: var(--mc-copper-dark); line-height: 1.5; }
.cg-mc-gov-warn--inline { display: inline; margin: 0; }
.cg-mc-gov-warn--flush { display: block; margin: 0; }
.cg-mc-gov-ok { color: var(--mc-teal-deep, var(--mc-teal)); font-weight: 600; }

/* Aktions-Zeile in Governance-Card */
.cg-mc-gov-actions { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid var(--mc-border-soft); display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; font-size: .88rem; }
.cg-mc-gov-actions form { margin: 0; }
.cg-mc-gov-actions details { width: 100%; margin-top: .3rem; }
.cg-mc-gov-actions summary { cursor: pointer; font-weight: 600; color: var(--mc-ink-soft); font-size: .85rem; }
.cg-mc-gov-actions summary:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* Grid-Form innerhalb Governance-Card (Konditionen bearbeiten / Nachfolgevertrag) */
.cg-mc-gov-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .7rem; margin-top: .6rem; }
.cg-mc-gov-form label { display: block; font-size: .8rem; font-weight: 600; color: var(--mc-ink-soft); }
.cg-mc-gov-form input, .cg-mc-gov-form select {
  width: 100%; box-sizing: border-box; margin-top: .2rem; padding: .45em .6em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink);
}
.cg-mc-gov-form__full { grid-column: 1 / -1; }
.cg-mc-gov-inline { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cg-mc-gov-inline label { font-size: .85rem; font-weight: 600; color: var(--mc-ink-soft); }
.cg-mc-gov-inline input[type="date"], .cg-mc-gov-inline select {
  padding: .4em .55em; border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s); font: inherit; font-size: 16px;
  background: var(--mc-surface); color: var(--mc-ink);
}

/* Verschachtelte Registry-Tabelle innerhalb einer Governance-Card */
.cg-mc-reg--nested { margin-top: .8rem; }

/* Billing: verknuepfte Zahlungen + Obligation-Tabelle */
.cg-mc-gov-list { margin: .4rem 0 0; padding-left: 1.1rem; font-size: .85rem; color: var(--mc-ink-soft); }
.cg-mc-gov-list li { margin: .25rem 0; }
.cg-mc-gov-list li form { display: inline; margin-left: .3rem; }

@media (max-width: 768px) {
  .cg-mc-gov-form { grid-template-columns: 1fr; }
  .cg-mc-gov-actions { align-items: stretch; }
}
/* ==================================================================
   END BATCH B
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — GLOBAL VISUAL ROLLUP · BATCH C
   EDITORS / FORMS / VERSION-HISTORY (Phase 3D, 2026-09-10)
   REIN ADDITIV. Nutzt die Batch-A-Form-Primitives (.cg-mc-form) + das
   kanonische cg-kbe-Toolkit (Buttons/Status/Panel). Es wird KEINE
   bestehende globale Regel geaendert oder entfernt. Nur kleine scoped
   Helfer, damit die Editor-/Form-Surfaces ohne Inline-Styles auf den
   Master Form Contract passen.
   ================================================================== */

/* Formbreiten-Varianten (Default .cg-mc-form = 760, Contract EDITOR) */
.cg-mc-form--mid { max-width: 640px; }
.cg-mc-form--narrow { max-width: 520px; }

/* Erklaerzeile direkt unter einer Section-Ueberschrift im Formular */
.cg-mc-form__lead { margin: -.2rem 0 1rem; font-size: .88rem; color: var(--mc-ink-soft); line-height: 1.5; }
.cg-mc-form__lead:last-child { margin-bottom: 0; }

/* Aktionszeile: ein/zwei Submit-Buttons unter dem Formular */
.cg-mc-form__actions--stack { flex-direction: column; align-items: flex-start; gap: .5rem; }
.cg-mc-form__actions .cg-mc-form__hint { flex: 1 1 100%; margin: 0; font-size: .82rem; color: var(--mc-ink-faint); line-height: 1.5; }

/* Sekundaere, abgesetzte Aktion unter dem Hauptformular
   (Version veroeffentlichen / Gruppe deaktivieren / Handout) */
.cg-mc-form-secondary { margin-top: 1rem; }
.cg-mc-form-secondary--sep { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--mc-border-soft); }

/* Blockabstand fuer Karten-Sequenzen (Ausbildungsplan: Report / Import /
   Curriculum-Karten hintereinander) — ersetzt style="margin-bottom:1.2rem" */
.cg-mc-stack > * + * { margin-top: 1.2rem; }
.cg-mc-block { margin-top: 1.2rem; }
.cg-mc-block:first-child { margin-top: 0; }

/* Danger-Hinweisfarbe fuer ein Card-Label (Ausbildungsplan Fehlerliste) —
   ersetzt style="color:var(--mc-danger)" inline */
.cg-mc__card-label--danger { color: var(--mc-danger, #b3261e); }

/* Versions-/Historienliste unter einem Editor (Contract: VERSION/HISTORY).
   Baut auf der bestehenden .cg-mc__list / .cg-mc__row-Struktur auf. */
.cg-mc-history { margin-top: .6rem; }

/* Inline-Formulare in einer Zeile (Registry/Work-List Aktionszellen) —
   ersetzt style="display:inline" / style="display:inline-block" */
.cg-mc-inline-form { display: inline; }
.cg-mc-inline-form--gap { display: inline-block; margin-left: .5rem; }

/* Reiner Text-Button in einer Aktionszelle (Widerrufen / erneut erzeugen) —
   ersetzt den langen inline style-Block, verhalten unveraendert */
.cg-mc-textbtn {
  background: none; border: 0; padding: 0; margin: 0;
  color: inherit; text-decoration: underline; cursor: pointer; font: inherit;
}
.cg-mc-textbtn:focus-visible { outline: 2px solid var(--mc-teal); outline-offset: 2px; }

/* Filepicker + Zeit-/Datumsfelder in .cg-mc-form (Batch-A-Primitive
   deckt sie bewusst nicht ab) auf dieselbe ruhige Linie bringen */
.cg-mc-form input[type="file"] { font: inherit; font-size: .9rem; color: var(--mc-ink-soft); max-width: 100%; }
.cg-mc-form input[type="time"], .cg-mc-form input[type="datetime-local"] {
  width: 100%; box-sizing: border-box; padding: .55em .7em;
  border: 1.5px solid var(--mc-border); border-radius: var(--mc-radius-s);
  font: inherit; font-size: 16px; background: var(--mc-surface); color: var(--mc-ink);
}
.cg-mc-form input[type="time"]:focus-visible, .cg-mc-form input[type="datetime-local"]:focus-visible {
  outline: 2px solid var(--mc-teal); outline-offset: 1px;
}

/* Checkbox-Zeile in .cg-mc-form (aktiv-Flag) */
.cg-mc-form__check { display: flex; gap: .5rem; align-items: center; font-size: .9rem; color: var(--mc-ink); }
.cg-mc-form__check input { width: auto; }

/* Repeat-/Listenmodul-Feld (LYU Unit Editor) — Rahmen um jede Gruppe,
   damit die dynamischen Eintraege visuell zusammenhaengen. Verhalten
   (data-repeat-*) unveraendert. */
.cg-mc-form .cg-mc__repeat-item {
  border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-s);
  padding: .8rem; margin-bottom: .6rem; display: flex; flex-direction: column; gap: .5rem;
}
.cg-mc-form .cg-mc__repeat-item .cg-mc__repeat-remove { align-self: flex-end; }

/* JSON-/Monospace-Textarea (interaktive Sektionen / Curriculum-JSON) */
.cg-mc-form textarea.cg-mc-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; }

/* Konditionen-Zeile als Grid statt inline flex (Ausbildungsplan Import
   + Curriculum anlegen) */
.cg-mc-form-row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: flex-end; }
.cg-mc-form-row .cg-mc__field { margin-bottom: 0; flex: 1 1 200px; }
.cg-mc-form-row > input, .cg-mc-form-row > select { flex: 1 1 200px; }
.cg-mc-form-row > .cg-kbe-btn, .cg-mc-form-row > button { flex: 0 0 auto; }

/* ==================================================================
   END BATCH C
   ================================================================== */

/* ==================================================================
   MASTER CONTROL TOWER — GLOBAL VISUAL ROLLUP · BATCH D
   CONFIG/STATUS + DETAIL + COACHIE DIRECTORY (Phase 3E, 2026-09-11)
   REIN ADDITIV. Nutzt Batch-A/B/C-Primitives (.cg-mc-form/.cg-mc-reg/
   .cg-kbe-*/.cg-mc__kpis/.cg-mc-facts). Keine bestehende Regel geaendert.
   ================================================================== */

/* Schmalste Form-Breite (Diagnose-/Kurzformulare wie SMTP-Test) */
.cg-mc-form--xs { max-width: 480px; }

/* Fehlgeschlagen-Status (Contract: Rot NUR fuer echten Fehlschlag) —
   .cg-kbe-status hatte bisher keinen echten Fehler-Ton */
.cg-kbe-status.is-failed { background: color-mix(in srgb, var(--mc-danger, #b3261e) 14%, transparent); color: var(--mc-danger, #b3261e); }

/* Kompakte Meta-Zeile direkt unter einem Namen/Titel (kein Card-Abstand) */
.cg-mc__card-meta--flush { margin: 0; }

/* Facts-Zeile aus bereits vorhandenen Zahlen (Program-/Group-Detail) —
   nutzt die Batch-B .cg-mc-facts-Primitive, keine neue Klasse noetig
   ausser einem kompakten Statuszeilen-Wrapper */
.cg-mc-statusline { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 .6rem; }

/* Detail-Kopf: Titel + Status + 1 Sekundaeraktion in einer Zeile */
.cg-mc-detail-head { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 0 0 .3rem; }

/* Zone-basierte Zeile mit variabler Spaltenzahl (Termine/Coaches/Members
   mit Datum+Tag+Aktion in einer Reihe) — additiv zu .cg-mc__row, nur
   wo eine dritte Info-Zone gebraucht wird */
.cg-mc__row-tags { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }

/* --- D2: Growth Journey Detail (ersetzt 14 Inline-Styles) --- */
.cg-mc-jd-block { margin-top: 1.5rem; }
.cg-mc-jd-fine { font-size: .78rem; }
.cg-mc-jd-attribution { display: flex; flex-direction: column; gap: .4rem; }
.cg-mc-jd-assisted-list { margin: .3rem 0 0 1.1rem; padding: 0; }
.cg-mc-jd-fit { width: fit-content; }
.cg-mc-jd-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .9rem; }
.cg-mc-jd-item { display: flex; gap: .8rem; align-items: flex-start; }
.cg-mc-jd-badge { flex-shrink: 0; min-width: 6.5rem; text-align: center; }

/* --- D3/D4/D5: kleine Form-/Chip-Helfer (ersetzen restliche Inline-Styles) --- */
.cg-mc-form__input-sm { max-width: 8rem; }
.cg-mc-chip-grid { display: flex; flex-wrap: wrap; gap: 1rem; }
.cg-mc-chip-card { border: 1px solid var(--mc-border); border-radius: 8px; padding: .6rem .8rem; }
.cg-mc-chip-card__label { display: block; font-weight: 600; }
.cg-mc-chip-card__sublabel { display: block; font-size: .8rem; color: var(--mc-ink-faint); margin-top: .25rem; }
.cg-mc-action-link { margin-left: .8rem; }
.cg-mc-block--tight { margin-top: .6rem; }
.cg-mc-inline-form-row { display: inline-flex; gap: .4rem; align-items: flex-end; flex-wrap: wrap; }

/* --- D6: Coachies-Directory Bulk-Bar/Dialog (ersetzt restliche Layout-Inlines;
   die 4 JS-getoggelten style="display:none" bleiben funktional unveraendert) --- */
.cg-mc-bulkbar-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.cg-mc-dialog { max-width: 480px; padding: 1.6rem; border: 1px solid var(--mc-border-soft); border-radius: var(--mc-radius-m); }
.cg-mc-dialog-actions { display: flex; gap: .8rem; justify-content: flex-end; margin-top: 1.2rem; }
/* ==================================================================
   END BATCH D
   ================================================================== */

/* ============================================================
   SALES CONFIGURATOR V1 (2026-09-15) -- Petrol/White-Kartenfamilie mit
   Copper-Akzent (bestehende Marken-Tokens, keine neuen Farben). Nutzt
   .cg-mc__card/.cg-mc__grid als Basis, hier nur die konfiguratorspezifischen
   Auswahl-/Locked-/Review-Zustaende.
   ============================================================ */
.cg-cfg__package {
  display: block;
  position: relative;
  cursor: pointer;
  border: 1.5px solid var(--mc-border);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.cg-cfg__package:hover { transform: translateY(-2px); }
.cg-cfg__package input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.cg-cfg__package.is-selected {
  border-color: var(--mc-copper);
  box-shadow: 0 18px 40px -24px rgba(185, 111, 74, 0.45);
}
.cg-cfg__package.is-locked { opacity: 0.55; cursor: not-allowed; transform: none; }
.cg-cfg__package.is-locked:hover { transform: none; }
.cg-cfg__package-name { font-family: var(--mc-font-display); font-size: 1.3rem; font-weight: 700; margin: 0.2rem 0 0.3rem; }
.cg-cfg__package-price { font-size: 1.7rem; font-weight: 750; color: var(--mc-ink); }
.cg-cfg__package-price small { font-size: 0.9rem; font-weight: 500; opacity: 0.6; }
.cg-cfg__package-setup { font-size: 0.85rem; color: var(--mc-ink-soft); margin: 0.2rem 0 0; }
.cg-cfg__package-lock-note { font-size: 0.8rem; color: var(--mc-copper-dark); margin-top: 0.5rem; }

.cg-cfg__universe {
  position: relative;
  border: 1.5px dashed var(--mc-copper);
  background: var(--mc-surface-soft);
  cursor: pointer;
}
.cg-cfg__universe.is-selected { border-style: solid; box-shadow: 0 18px 40px -24px rgba(185, 111, 74, 0.45); }
.cg-cfg__universe input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }

.cg-cfg__cap-list { display: flex; flex-direction: column; gap: 0.6rem; }
.cg-cfg__cap-row {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.6rem 0.7rem;
  border-radius: var(--mc-radius-s);
  border: 1px solid var(--mc-border-soft);
}
.cg-cfg__cap-row input[type="checkbox"] { margin-top: 0.2rem; }
.cg-cfg__cap-name { font-weight: 600; }
.cg-cfg__cap-floor { font-size: 0.78rem; color: var(--mc-copper-dark); display: block; }

.cg-cfg__totals {
  background: var(--mc-night);
  color: #fff;
  border-radius: var(--mc-radius-m);
  padding: 1.4rem 1.6rem;
  position: sticky;
  top: 1rem;
}
.cg-cfg__totals-amount { font-family: var(--mc-font-display); font-size: 2.1rem; font-weight: 750; }
.cg-cfg__totals-amount small { font-size: 0.95rem; font-weight: 500; opacity: 0.75; }
.cg-cfg__totals-row { display: flex; justify-content: space-between; font-size: 0.9rem; opacity: 0.85; margin-top: 0.4rem; }
.cg-cfg__totals-reasons { margin: 1rem 0 0; padding-left: 1.1rem; font-size: 0.85rem; opacity: 0.85; }
.cg-cfg__totals-scope { margin: 1rem 0 0; padding: 0; list-style: none; font-size: 0.85rem; }
.cg-cfg__totals-scope li { padding: 0.15rem 0; border-top: 1px solid rgba(255,255,255,0.14); }
.cg-cfg__totals-scope li:first-child { border-top: none; }

.cg-cfg__mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}

/* Kundenmodus: interne Vertriebs-/Registry-Metadaten werden ausgeblendet,
   ohne die DOM-Struktur zu veraendern (kein zweites Template). */
.cg-cfg--customer-mode [data-sales-only] { display: none !important; }

.cg-cfg__layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: var(--mc-gap);
  align-items: start;
  margin-top: var(--mc-gap);
}
@media (max-width: 900px) {
  .cg-cfg__layout { grid-template-columns: 1fr; }
}

/* ============================================================
   PROGRAM DETAIL PREMIUM UI — 2026-09-17
   Scoped visual layer for generic program administration.
   No domain or permission semantics live in this CSS.
   ============================================================ */
.cg-pgm { display:grid; gap:1.25rem; padding:.35rem 0 1.5rem; }
.cg-pgm__back { width:max-content; color:var(--mc-ink-soft); font-size:.86rem; font-weight:600; text-decoration:none; }
.cg-pgm__back:hover { color:var(--mc-copper-dark); }
.cg-pgm__hero,.cg-pgm__card { background:var(--mc-surface); border:1px solid var(--mc-border-soft); border-radius:20px; box-shadow:0 18px 44px -34px rgba(9,21,34,.38); }
.cg-pgm__hero { display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:1.35rem; align-items:center; padding:1.45rem 1.55rem; overflow:hidden; position:relative; }
.cg-pgm__hero::after { content:""; position:absolute; right:-90px; bottom:-120px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--mc-copper) 12%,transparent),transparent 68%); pointer-events:none; }
.cg-pgm__hero-mark { width:92px; height:92px; border-radius:18px; background:linear-gradient(145deg,#10283a 0%,#0a1724 55%,#8a593f 160%); color:#fff; display:grid; place-items:center; align-content:center; box-shadow:0 20px 36px -24px rgba(9,21,34,.75); font-family:var(--mc-font-display); }
.cg-pgm__hero-mark span { font-size:.74rem; opacity:.72; letter-spacing:.04em; }
.cg-pgm__hero-mark strong { font-size:2rem; line-height:1; color:#d59570; }
.cg-pgm__eyebrow { color:var(--mc-ink-faint); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; margin-bottom:.25rem; }
.cg-pgm__hero-title-row { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; }
.cg-pgm__hero h1 { margin:0; font-family:var(--mc-font-display); font-size:clamp(1.75rem,2.4vw,2.45rem); line-height:1.08; letter-spacing:-.035em; }
.cg-pgm__hero-copy>p { margin:.42rem 0 .9rem; color:var(--mc-ink-soft); }
.cg-pgm__status { display:inline-flex; align-items:center; justify-content:center; min-height:1.7rem; padding:.3rem .68rem; border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.cg-pgm__status.is-active { color:#266443; background:#e4f3e9; }
.cg-pgm__status.is-inactive { color:#8b503d; background:#f6e7df; }
.cg-pgm__stats { display:flex; gap:1.1rem; flex-wrap:wrap; color:var(--mc-ink-soft); font-size:.83rem; }
.cg-pgm__stats strong { color:var(--mc-ink); font-weight:800; }
.cg-pgm__hero-note { max-width:210px; padding:1rem 0 1rem 1.25rem; border-left:1px solid var(--mc-border-soft); color:var(--mc-ink-soft); font-size:.88rem; font-style:italic; text-align:right; position:relative; z-index:1; }
.cg-pgm__hero-note::after { content:""; display:block; width:34px; height:2px; background:var(--mc-copper); margin:.7rem 0 0 auto; }
.cg-pgm__flash { border-radius:14px; padding:.85rem 1rem; font-size:.9rem; border:1px solid transparent; }
.cg-pgm__flash.is-success { color:var(--mc-success); background:var(--mc-success-bg); border-color:color-mix(in srgb,var(--mc-success) 18%,transparent); }
.cg-pgm__flash.is-error { color:var(--mc-danger); background:var(--mc-danger-bg); border-color:color-mix(in srgb,var(--mc-danger) 18%,transparent); }
.cg-pgm__card { padding:1.3rem 1.4rem; }
.cg-pgm__section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.cg-pgm__section-head h2 { margin:0; font-family:var(--mc-font-display); font-size:1.16rem; line-height:1.2; letter-spacing:-.015em; }
.cg-pgm__section-head h2::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--mc-copper); margin-right:.58rem; vertical-align:.12rem; }
.cg-pgm__section-head p { margin:.3rem 0 0; color:var(--mc-ink-soft); font-size:.82rem; max-width:680px; }
.cg-pgm__btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; min-height:2.35rem; border-radius:10px; padding:.55rem .88rem; font:inherit; font-size:.8rem; font-weight:750; text-decoration:none; cursor:pointer; border:1px solid transparent; transition:transform .15s ease,box-shadow .15s ease,background .15s ease; }
.cg-pgm__btn:hover { transform:translateY(-1px); }
.cg-pgm__btn--primary { background:var(--mc-night); color:#fff!important; box-shadow:0 12px 24px -18px rgba(9,21,34,.8); }
.cg-pgm__btn--ghost { background:#fff; color:var(--mc-ink)!important; border-color:var(--mc-border); }
.cg-pgm__btn--ghost:hover { background:var(--mc-surface-soft); }
.cg-pgm__empty { background:var(--mc-surface-soft); border:1px dashed var(--mc-border); border-radius:14px; padding:1.3rem; color:var(--mc-ink-faint); text-align:center; }
.cg-pgm__group-list { display:grid; gap:.55rem; }
.cg-pgm__group-row { display:grid; grid-template-columns:42px auto minmax(0,1fr) auto auto; align-items:center; gap:.8rem; padding:.65rem .72rem; border:1px solid var(--mc-border-soft); border-radius:14px; background:#fff; }
.cg-pgm__group-icon { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:#f5f7f8; color:var(--mc-night); font-size:1rem; }
.cg-pgm__group-main strong { font-size:.9rem; }
.cg-pgm__group-meta { display:flex; align-items:center; gap:1rem; color:var(--mc-ink-soft); font-size:.78rem; white-space:nowrap; }
.cg-pgm__group-actions { display:flex; gap:.45rem; }
.cg-pgm__feature-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr); gap:1.25rem; }
.cg-pgm__materials { min-width:0; }
.cg-pgm__tile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.cg-pgm__tile { min-height:104px; border:1px solid var(--mc-border-soft); border-radius:14px; padding:1rem; display:flex; flex-direction:column; justify-content:center; gap:.32rem; text-decoration:none; background:linear-gradient(180deg,#fff,#fbfbfa); transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
.cg-pgm__tile:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--mc-copper) 28%,var(--mc-border-soft)); box-shadow:var(--mc-shadow-card); }
.cg-pgm__tile-icon { font-size:1.35rem; color:var(--mc-night); }
.cg-pgm__tile strong { font-size:.88rem; line-height:1.3; }
.cg-pgm__tile small { color:var(--mc-ink-soft); font-size:.73rem; }
.cg-pgm__growth-card { border-radius:20px; padding:1.45rem; min-height:210px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; position:relative; color:var(--mc-night); background:linear-gradient(120deg,#fff7f1 0%,#f7eee6 58%,#d7e0e3 100%); border:1px solid color-mix(in srgb,var(--mc-copper) 13%,var(--mc-border-soft)); }
.cg-pgm__growth-card::after { content:""; position:absolute; right:-20px; bottom:-65px; width:190px; height:190px; border-radius:46% 54% 50% 50%; background:linear-gradient(145deg,rgba(9,21,34,.06),rgba(185,111,74,.15)); transform:rotate(-18deg); }
.cg-pgm__growth-card h3 { margin:.2rem 0 .6rem; font-size:1.08rem; }
.cg-pgm__growth-card p { max-width:300px; margin:0; color:var(--mc-ink-soft); font-size:.82rem; line-height:1.55; }
.cg-pgm__growth-card>strong { max-width:290px; font-size:.86rem; line-height:1.45; font-style:italic; position:relative; z-index:1; }
.cg-pgm__growth-spark { color:var(--mc-copper); font-size:1.25rem; }
.cg-pgm__section-head--members { align-items:center; }
.cg-pgm__filters { display:flex; gap:.55rem; flex-wrap:wrap; justify-content:flex-end; }
.cg-pgm__filters input,.cg-pgm__filters select { min-height:2.35rem; border:1px solid var(--mc-border); border-radius:10px; background:#fff; color:var(--mc-ink); padding:.52rem .72rem; font:inherit; font-size:.8rem; }
.cg-pgm__filters input { min-width:220px; }
.cg-pgm__table-wrap { overflow:visible; border:1px solid var(--mc-border-soft); border-radius:14px; }
.cg-pgm__table { width:100%; border-collapse:separate; border-spacing:0; font-size:.8rem; }
.cg-pgm__table th { text-align:left; color:var(--mc-ink-soft); font-weight:700; background:#fafafa; padding:.7rem .75rem; border-bottom:1px solid var(--mc-border-soft); white-space:nowrap; }
.cg-pgm__table td { padding:.68rem .75rem; border-bottom:1px solid var(--mc-border-soft); vertical-align:middle; }
.cg-pgm__table tr:last-child td { border-bottom:0; }
.cg-pgm__table tbody tr:hover { background:#fcfcfb; }
.cg-pgm__person { display:flex; align-items:center; gap:.65rem; min-width:150px; }
.cg-pgm__person a { text-decoration:none; }
.cg-pgm__person a:hover { text-decoration:underline; text-underline-offset:2px; }
.cg-pgm__avatar { width:36px!important; height:36px!important; border-radius:50%!important; object-fit:cover; background:#dfe4e8; flex:0 0 36px; }
.cg-pgm__role { display:inline-flex; align-items:center; min-height:1.55rem; padding:.25rem .52rem; border-radius:999px; font-size:.64rem; font-weight:800; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }
.cg-pgm__role.is-coach { background:#f5e8df; color:#9a5c3d; }
.cg-pgm__role.is-participant { background:#f6eee9; color:#a56b4c; }
.cg-pgm__yesno { font-weight:650; white-space:nowrap; }
.cg-pgm__yesno.is-yes { color:#27724d; }
.cg-pgm__yesno.is-no { color:var(--mc-ink-faint); }
.cg-pgm__status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:.38rem; }
.cg-pgm__status-dot.is-active { background:#2cb76f; box-shadow:0 0 0 3px rgba(44,183,111,.08); }
.cg-pgm__status-dot.is-paused { background:#c9963f; }
.cg-pgm__muted { color:var(--mc-ink-faint); }
.cg-pgm__actions-cell { position:relative; width:1%; white-space:nowrap; }
.cg-pgm__edit { position:relative; }
.cg-pgm__edit>summary { list-style:none; display:inline-flex; align-items:center; justify-content:center; min-height:2rem; padding:.38rem .68rem; border:1px solid var(--mc-border); border-radius:9px; background:#fff; font-weight:700; font-size:.74rem; cursor:pointer; }
.cg-pgm__edit>summary::-webkit-details-marker { display:none; }
.cg-pgm__edit-popover { position:absolute; z-index:40; right:0; top:calc(100% + .45rem); width:min(330px,80vw); background:#fff; border:1px solid var(--mc-border); border-radius:14px; box-shadow:0 24px 60px -24px rgba(9,21,34,.4); padding:1rem; }
.cg-pgm__edit-form { display:grid; gap:.7rem; }
.cg-pgm__edit-form label,.cg-pgm__form-grid label,.cg-pgm__audio-form label { display:grid; gap:.32rem; color:var(--mc-ink-soft); font-size:.72rem; font-weight:700; }
.cg-pgm__edit-form select,.cg-pgm__form-grid select,.cg-pgm__audio-form input[type="text"],.cg-pgm__audio-form textarea,.cg-pgm__audio-form input[type="file"] { width:100%; min-height:2.4rem; border:1px solid var(--mc-border); border-radius:10px; background:#fff; color:var(--mc-ink); padding:.55rem .65rem; font:inherit; }
.cg-pgm__check { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; gap:.48rem!important; color:var(--mc-ink)!important; font-weight:600!important; }
.cg-pgm__check input { margin:0; }
.cg-pgm__danger-link { margin-top:.7rem; padding:0; border:0; background:transparent; color:var(--mc-danger); font:inherit; font-size:.72rem; font-weight:750; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.cg-pgm__bottom-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:1.25rem; align-items:start; }
.cg-pgm__form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.cg-pgm__form-span { grid-column:1/-1; }
.cg-pgm__audio-grid { display:grid; grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr); gap:1rem; }
.cg-pgm__audio-state { border:1px solid var(--mc-border-soft); border-radius:14px; background:linear-gradient(180deg,#f8fafb,#f3f5f6); min-height:250px; padding:1.15rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.cg-pgm__audio-state strong { font-size:.9rem; max-width:220px; }
.cg-pgm__audio-state p { margin:.45rem 0 0; color:var(--mc-ink-soft); font-size:.77rem; max-width:220px; }
.cg-pgm__wave { font-size:2rem; color:#46647a; margin-bottom:.7rem; }
.cg-pgm__audio-list { width:100%; display:grid; gap:.55rem; }
.cg-pgm__audio-item { text-align:left; border-bottom:1px solid var(--mc-border-soft); padding-bottom:.55rem; }
.cg-pgm__audio-form { display:grid; gap:.75rem; }
@media (max-width:980px) {
  .cg-pgm__hero { grid-template-columns:74px minmax(0,1fr); }
  .cg-pgm__hero-mark { width:74px; height:74px; }
  .cg-pgm__hero-note { grid-column:1/-1; max-width:none; border-left:0; border-top:1px solid var(--mc-border-soft); padding:.8rem 0 0; text-align:left; }
  .cg-pgm__hero-note::after { margin:.6rem 0 0; }
  .cg-pgm__feature-grid,.cg-pgm__bottom-grid { grid-template-columns:1fr; }
  .cg-pgm__group-row { grid-template-columns:42px auto minmax(0,1fr); }
  .cg-pgm__group-meta,.cg-pgm__group-actions { grid-column:3; justify-content:flex-start; }
  .cg-pgm__table-wrap { overflow-x:auto; }
  .cg-pgm__table { min-width:860px; }
}
@media (max-width:680px) {
  .cg-pgm__hero { grid-template-columns:1fr; padding:1.2rem; }
  .cg-pgm__hero-mark { width:64px; height:64px; }
  .cg-pgm__section-head,.cg-pgm__section-head--members { flex-direction:column; align-items:stretch; }
  .cg-pgm__filters { justify-content:stretch; }
  .cg-pgm__filters input,.cg-pgm__filters select { min-width:0; width:100%; }
  .cg-pgm__tile-grid,.cg-pgm__form-grid,.cg-pgm__audio-grid { grid-template-columns:1fr; }
  .cg-pgm__group-row { grid-template-columns:38px 1fr; }
  .cg-pgm__group-row>.cg-pgm__status { justify-self:start; }
  .cg-pgm__group-main,.cg-pgm__group-meta,.cg-pgm__group-actions { grid-column:1/-1; }
}

/* ============================================================
   PRODUCT REGISTRY PREMIUM UI — 2026-09-17
   Scoped presentation only; registry semantics unchanged.
   ============================================================ */
.cg-prd{display:grid;gap:1.25rem;padding:.35rem 0 1.5rem}.cg-prd__back{width:max-content;color:var(--mc-ink-soft);font-size:.86rem;font-weight:600;text-decoration:none}.cg-prd__back:hover{color:var(--mc-copper-dark)}
.cg-prd__hero,.cg-prd__section,.cg-prd__metric,.cg-prd__package{background:var(--mc-surface);border:1px solid var(--mc-border-soft);box-shadow:0 18px 44px -34px rgba(9,21,34,.36)}
.cg-prd__hero{border-radius:22px;padding:1.55rem 1.65rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;overflow:hidden}.cg-prd__hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mc-copper) 12%,transparent),transparent 68%)}
.cg-prd__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mc-copper-dark);margin-bottom:.28rem}.cg-prd__hero h1{margin:0;font-family:var(--mc-font-display);font-size:clamp(1.8rem,2.4vw,2.5rem);letter-spacing:-.035em}.cg-prd__hero p{margin:.5rem 0 0;color:var(--mc-ink-soft);max-width:760px}.cg-prd__hero-badge{position:relative;z-index:1;padding:.42rem .75rem;border-radius:999px;background:var(--mc-night);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em}
.cg-prd__summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.cg-prd__metric{border-radius:18px;padding:1rem 1.05rem}.cg-prd__metric span,.cg-prd__metric small{display:block;color:var(--mc-ink-soft)}.cg-prd__metric span{font-size:.76rem;font-weight:700}.cg-prd__metric strong{display:block;font-size:1.65rem;line-height:1.15;margin:.22rem 0}.cg-prd__metric small{font-size:.72rem}
.cg-prd__section{border-radius:22px;padding:1.25rem}.cg-prd__section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cg-prd__section-head>div:first-child{position:relative;padding-left:2.5rem}.cg-prd__section-icon{position:absolute;left:0;top:.05rem;width:1.8rem;height:1.8rem;border-radius:10px;background:color-mix(in srgb,var(--mc-copper) 12%,var(--mc-surface));display:grid;place-items:center;color:var(--mc-copper-dark);font-weight:800}.cg-prd__section h2{margin:0;font-size:1.16rem}.cg-prd__section-head p{margin:.18rem 0 0;color:var(--mc-ink-soft);font-size:.82rem}
.cg-prd__package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.cg-prd__package{border-radius:18px;padding:1.1rem;position:relative}.cg-prd__package.is-featured{border-color:color-mix(in srgb,var(--mc-copper) 35%,var(--mc-border-soft));box-shadow:0 20px 42px -30px color-mix(in srgb,var(--mc-copper) 50%,transparent)}.cg-prd__package-top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.cg-prd__package h3{margin:.08rem 0 0;font-size:1.05rem}.cg-prd__package-key{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mc-ink-faint);font-weight:800}.cg-prd__recommended{font-size:.58rem;font-weight:800;letter-spacing:.05em;color:#8a553a;background:#f5e6dc;padding:.28rem .48rem;border-radius:999px}
.cg-prd__price{padding:1rem 0 .8rem}.cg-prd__price strong{display:block;font-size:1.48rem;letter-spacing:-.03em}.cg-prd__price span{font-size:.72rem;color:var(--mc-ink-faint)}.cg-prd__package-meta{margin:0;display:grid;gap:.52rem}.cg-prd__package-meta div{display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid var(--mc-border-soft)}.cg-prd__package-meta dt{color:var(--mc-ink-soft);font-size:.73rem}.cg-prd__package-meta dd{margin:0;text-align:right;font-size:.74rem;font-weight:700}.cg-prd__package-foot{display:flex;align-items:center;gap:.42rem;margin-top:.85rem;color:var(--mc-ink-soft);font-size:.7rem}.cg-prd__status-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--mc-success)}
.cg-prd__note{margin-top:.95rem;padding:.85rem 1rem;border-radius:14px;background:var(--mc-surface-soft);display:flex;gap:.7rem;align-items:flex-start;font-size:.78rem;color:var(--mc-ink-soft)}.cg-prd__note strong{color:var(--mc-ink);white-space:nowrap}.cg-prd__filters{display:flex;gap:.6rem}.cg-prd__filters input,.cg-prd__filters select{min-height:40px;border:1px solid var(--mc-border);border-radius:12px;background:#fff;padding:.55rem .75rem;font:inherit;color:var(--mc-ink)}.cg-prd__filters input{min-width:240px}
.cg-prd__table-wrap{overflow:auto;border:1px solid var(--mc-border-soft);border-radius:16px}.cg-prd__table{width:100%;border-collapse:collapse;min-width:760px}.cg-prd__table th{background:var(--mc-surface-soft);color:var(--mc-ink-faint);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:.72rem .85rem}.cg-prd__table td{padding:.78rem .85rem;border-top:1px solid var(--mc-border-soft);font-size:.78rem;vertical-align:middle}.cg-prd__table tbody tr:hover{background:color-mix(in srgb,var(--mc-teal) 4%,transparent)}.cg-prd__key{display:block;color:var(--mc-ink-faint);font-size:.65rem;margin-top:.12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cg-prd__category{display:inline-flex;padding:.26rem .48rem;border-radius:999px;background:var(--mc-surface-soft);font-size:.68rem;font-weight:700}.cg-prd__empty{padding:1rem;border-radius:14px;background:var(--mc-surface-soft);color:var(--mc-ink-soft);font-size:.82rem}.cg-prd__empty--filter{margin-top:.75rem}
@media(max-width:980px){.cg-prd__summary-grid,.cg-prd__package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-prd__section-head--tools{align-items:stretch;flex-direction:column}.cg-prd__filters{width:100%}.cg-prd__filters input,.cg-prd__filters select{flex:1}}
@media(max-width:640px){.cg-prd__hero{align-items:flex-start;flex-direction:column}.cg-prd__summary-grid,.cg-prd__package-grid{grid-template-columns:1fr}.cg-prd__filters{flex-direction:column}.cg-prd__filters input{min-width:0;width:100%}.cg-prd__note{flex-direction:column}.cg-prd__note strong{white-space:normal}}


/* ============================================================
   AI VOICE OPERATIONS FOUNDATION V1 — central command palette
   ============================================================ */
.cg-voice__launcher {
  position: fixed; right: 1.35rem; bottom: 1.35rem; z-index: 80;
  display: inline-flex; align-items: center; gap: .5rem;
  min-height: 46px; padding: .75rem 1rem; border: 0; border-radius: 999px;
  background: var(--mc-night); color: #fff; font: 700 .86rem/1 var(--mc-font-body);
  box-shadow: 0 20px 48px -18px rgba(9,21,34,.7); cursor: pointer;
}
.cg-voice__launcher:hover { transform: translateY(-1px); }
.cg-voice__launcher span:first-child { color: var(--mc-copper); font-size: 1rem; }
.cg-voice {
  position: fixed; right: 1.35rem; bottom: 5.1rem; z-index: 81;
  width: min(520px, calc(100vw - 2rem)); max-height: min(760px, calc(100vh - 7rem));
  overflow: auto; background: #fff; border: 1px solid var(--mc-border-soft);
  border-radius: 22px; box-shadow: 0 34px 90px -28px rgba(9,21,34,.55);
}
.cg-voice[hidden] { display: none !important; }
.cg-voice__head { display:flex; justify-content:space-between; gap:1rem; padding:1.25rem 1.3rem 1rem; border-bottom:1px solid var(--mc-border-soft); background:linear-gradient(145deg,#fff 0%,#fbf7f3 100%); }
.cg-voice__head h2 { margin:.12rem 0 .2rem; font:700 1.35rem/1.15 var(--mc-font-display); color:var(--mc-ink); }
.cg-voice__head p { margin:0; color:var(--mc-ink-soft); font-size:.83rem; line-height:1.45; }
.cg-voice__eyebrow { color:var(--mc-copper-dark); font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.cg-voice__close { width:34px; height:34px; border:1px solid var(--mc-border-soft); border-radius:10px; background:#fff; color:var(--mc-ink-soft); font-size:1.35rem; cursor:pointer; flex:0 0 auto; }
.cg-voice__body { display:grid; gap:1rem; padding:1.15rem 1.3rem 1.3rem; }
.cg-voice__device label { display:block; margin-bottom:.4rem; font-size:.72rem; font-weight:800; color:var(--mc-ink-soft); text-transform:uppercase; letter-spacing:.04em; }
.cg-voice__device-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
.cg-voice__device select,.cg-voice__composer textarea { width:100%; border:1px solid var(--mc-border); border-radius:12px; background:#fff; color:var(--mc-ink); font:500 .88rem/1.45 var(--mc-font-body); }
.cg-voice__device select { min-height:42px; padding:.55rem .7rem; }
.cg-voice__test { min-width:68px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-surface-soft); color:var(--mc-ink); font-weight:700; cursor:pointer; }
.cg-voice__meter { height:5px; margin-top:.55rem; border-radius:999px; overflow:hidden; background:var(--mc-surface-soft); }
.cg-voice__meter span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--mc-teal),var(--mc-copper)); transition:width 80ms linear; }
.cg-voice__composer { display:grid; grid-template-columns:48px minmax(0,1fr); gap:.65rem; align-items:stretch; }
.cg-voice__mic { border:0; border-radius:14px; background:var(--mc-night); color:#fff; font-size:1rem; cursor:pointer; box-shadow:0 14px 28px -20px rgba(9,21,34,.8); }
.cg-voice__mic.is-listening { color:#fff; background:var(--mc-copper-dark); animation:cgVoicePulse 1.1s ease-in-out infinite; }
.cg-voice__mic:disabled { opacity:.35; cursor:not-allowed; }
.cg-voice__composer textarea { min-height:86px; resize:vertical; padding:.75rem .8rem; }
.cg-voice__examples { display:flex; gap:.45rem; flex-wrap:wrap; }
.cg-voice__examples button { border:1px solid var(--mc-border-soft); border-radius:999px; background:#fff; padding:.45rem .65rem; color:var(--mc-ink-soft); font:650 .73rem/1.2 var(--mc-font-body); cursor:pointer; }
.cg-voice__examples button:hover { color:var(--mc-copper-dark); border-color:color-mix(in srgb,var(--mc-copper) 35%,var(--mc-border)); }
.cg-voice__actions { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.cg-voice__speech-note { color:var(--mc-ink-faint); font-size:.75rem; line-height:1.35; }
.cg-voice__send { flex:0 0 auto; border:0; border-radius:12px; background:var(--mc-night); color:#fff; padding:.72rem .9rem; font-weight:800; cursor:pointer; }
.cg-voice__send:disabled { opacity:.55; cursor:wait; }
@keyframes cgVoicePulse { 50% { transform:scale(.94); box-shadow:0 0 0 8px color-mix(in srgb,var(--mc-copper) 18%,transparent); } }
.cg-voice__result { border:1px solid var(--mc-border-soft); border-left:3px solid var(--mc-teal); border-radius:14px; padding:.85rem .9rem; background:var(--mc-surface-soft); }
.cg-voice__result.is-medium { border-left-color:var(--mc-warning); background:var(--mc-warning-bg); }
.cg-voice__result.is-high { border-left-color:var(--mc-danger); background:var(--mc-danger-bg); }
.cg-voice__result-meta { margin-bottom:.35rem; font-size:.64rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; color:var(--mc-ink-faint); }
.cg-voice__result-message { white-space:pre-line; color:var(--mc-ink); font-size:.86rem; line-height:1.55; }
.cg-voice__result-link { display:inline-flex; margin-top:.65rem; color:var(--mc-copper-dark); font-size:.8rem; font-weight:800; text-decoration:none; }
@media (max-width:640px) {
  .cg-voice__launcher { right:.8rem; bottom:.8rem; }
  .cg-voice { right:.65rem; bottom:4.6rem; width:calc(100vw - 1.3rem); max-height:calc(100vh - 6rem); border-radius:18px; }
  .cg-voice__head,.cg-voice__body { padding-left:1rem; padding-right:1rem; }
  .cg-voice__actions { align-items:stretch; flex-direction:column; }
  .cg-voice__send { width:100%; }
}

/* AI VOICE COMMAND BRAIN V2 — clarification choices */
.cg-voice__choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cg-voice__choice{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid rgba(8,27,45,.12);border-radius:12px;background:#fff;color:#081b2d;text-decoration:none;font-weight:700;font-size:13px}.cg-voice__choice:hover{border-color:rgba(177,91,55,.45);box-shadow:0 6px 18px rgba(8,27,45,.08)}


/* MAFINX VOICE — MEDIUM RISK CONFIRMATION */
.cg-voice__confirm{margin-top:12px;padding:12px;border:1px solid rgba(177,91,55,.22);border-radius:14px;background:#fff}.cg-voice__confirm-summary{font-size:13px;line-height:1.45;color:#081b2d;font-weight:700}.cg-voice__confirm-actions{display:flex;gap:8px;margin-top:10px}.cg-voice__confirm-actions button{min-height:38px;padding:8px 14px;border-radius:10px;font-weight:800;cursor:pointer}.cg-voice__confirm-yes{border:0;background:#081b2d;color:#fff}.cg-voice__confirm-no{border:1px solid rgba(8,27,45,.14);background:#fff;color:#5b6670}.cg-voice__choice{font-family:inherit;cursor:pointer}