/* ---- r4x-cockpit-home-clusters.v2.css ---- */
/* R4X Mein Bereich: Cluster-Gliederung v2
   v2: Overflow-Fix. Der Cockpit-Container ist ein Grid; seine direkten Kinder
   erben kein min-width:0, wodurch breite Inhalte (Ticker, Kompass-Strip,
   Status-Zeile) die Spalte sprengten und die Seite horizontal ueberlief.
   Loesung: min-width:0 auf den Clustern und minmax(0,1fr)-Grid im Cluster-Body,
   damit alle Bloecke sauber in der Inhaltsspalte bleiben, auch mobil.
   ---
   Fuenf thematische Cluster mit leichten Koepfen und klarer Trennung.
   Ziel: keine "Wurst" - jeder Bereich kuendigt sich sichtbar an, auch mobil.
   Trennung entsteht aus drei Signalen zusammen: goldener Eyebrow mit Akzent,
   Trennlinie oben und grosszuegiger Abstand. */

.cockpit-cluster{
  min-width: 0;
  padding-top: var(--r4x-space-6);
  margin-top: var(--r4x-space-6);
  border-top: 1px solid var(--r4x-border-default);
}

.cockpit-cluster--start,
.cockpit-cluster:first-of-type{
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.cockpit-cluster:last-of-type{
  margin-bottom: var(--r4x-space-7);
}

.cockpit-cluster__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--r4x-space-3);
  margin-bottom: var(--r4x-space-4);
}

.cockpit-cluster__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--r4x-size-xs);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--r4x-gold);
}

.cockpit-cluster__eyebrow::before{
  content: "";
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: var(--r4x-gold);
  flex: 0 0 auto;
}

.cockpit-cluster__body{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--r4x-space-5);
  min-width: 0;
}

/* Jeder Block innerhalb eines Clusters bleibt in der Spaltenbreite geklammert,
   damit breite Inhalte (Ticker, Kompass-Strip, Status-Zeile) nicht ueberlaufen. */
.cockpit-cluster__body > *,
.cockpit-cluster__item,
.cockpit-cluster .cockpit-personal-status{
  min-width: 0;
}

/* Untergeordnete Bloecke innerhalb eines Clusters (z.B. Marktimpulse, Features,
   Meine Daten) behalten einen eigenen, leichteren Kopf. */
.cockpit-cluster__item-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--r4x-space-3);
  margin-bottom: var(--r4x-space-3);
}

.cockpit-cluster__item-title{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--r4x-size-base);
  font-weight: 500;
  margin: 0;
  color: var(--r4x-text-primary);
}

/* Mobil: Trennung bewusst deutlich halten, damit nichts zur Wurst wird.
   Die Trennlinie bleibt, der Kopf bekommt etwas Luft nach oben. */
@media (max-width: 640px){
  .cockpit-cluster{
    padding-top: var(--r4x-space-5);
    margin-top: var(--r4x-space-5);
  }
  .cockpit-cluster__body{
    gap: var(--r4x-space-4);
  }
  .cockpit-cluster__header{
    margin-bottom: var(--r4x-space-3);
  }
}

/* ---- r4x-cockpit-section-jumps.v2171.css ---- */
/* R4X v2171 · Zentrale Bereichsreihenfolge, kompakte Sprungnavigation,
   eckige Quicklinks, zentrierte Mobile-Texte und eigener Nach-oben-Button. */

body.cockpit[data-page="zentrale"] .cockpit-jumpnav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:0;
  margin-top:var(--r4x-space-4);
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__label{
  flex:0 0 auto;
  color:var(--r4x-text-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__links{
  display:flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:10px;
  background:rgb(0 0 0);
  color:var(--r4x-text-secondary);
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .14s ease, color .14s ease, transform .14s ease, box-shadow .14s ease;
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__arrow{
  color:var(--r4x-gold);
  font-size:14px;
  line-height:1;
  transform:translateY(-1px);
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link:hover,
body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link:focus-visible{
  border-color:rgba(212,175,55,.52);
  background:rgb(0 0 0);
  color:var(--r4x-text-primary);
  box-shadow:0 0 0 1px rgba(212,175,55,.08), inset 0 0 0 1px rgba(212,175,55,.04);
  transform:translateY(-1px);
}

body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link:focus-visible{
  outline:2px solid rgba(212,175,55,.65);
  outline-offset:2px;
}

body.cockpit[data-page="zentrale"] #naechster-schritt,
body.cockpit[data-page="zentrale"] #lernen-fortschritt,
body.cockpit[data-page="zentrale"] #portfolio-markt{
  scroll-margin-top:152px;
}

body.cockpit[data-page="zentrale"] .cockpit-backtop{
  position:fixed;
  right:18px;
  bottom:20px;
  width:46px;
  height:46px;
  border:none;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:linear-gradient(180deg, rgba(232,193,79,1), rgba(199,162,58,1));
  color:#0b0b0f;
  box-shadow:0 14px 28px rgba(0,0,0,.42), 0 0 0 1px rgba(255,224,128,.18);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease, filter .18s ease;
  z-index:260;
}

body.cockpit[data-page="zentrale"] .cockpit-backtop.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

body.cockpit[data-page="zentrale"] .cockpit-backtop:hover,
body.cockpit[data-page="zentrale"] .cockpit-backtop:focus-visible{
  filter:brightness(1.04);
}

body.cockpit[data-page="zentrale"] .cockpit-backtop:focus-visible{
  outline:2px solid rgba(212,175,55,.75);
  outline-offset:3px;
}

body.cockpit[data-page="zentrale"] .cockpit-backtop svg{
  width:20px;
  height:20px;
  display:block;
}

@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav{
    align-items:flex-start;
    flex-direction:column;
    justify-content:flex-start;
    gap:9px;
    margin-top:var(--r4x-space-3);
    padding:11px;
  }

  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__links{
    width:100%;
    justify-content:flex-start;
  }

  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link{
    position:relative;
    flex:1 1 calc(50% - 4px);
    min-width:0;
    padding-right:34px;
    padding-left:34px;
    justify-content:center;
    text-align:center;
    white-space:normal;
  }

  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__arrow{
    position:absolute;
    right:12px;
  }

  body.cockpit[data-page="zentrale"] #naechster-schritt,
  body.cockpit[data-page="zentrale"] #lernen-fortschritt,
  body.cockpit[data-page="zentrale"] #portfolio-markt{
    scroll-margin-top:108px;
  }

  body.cockpit[data-page="zentrale"] .cockpit-backtop{
    right:12px;
    bottom:calc(var(--r4x-mobile-nav-space, 66px) + 18px);
    width:44px;
    height:44px;
  }
}

@media (max-width:430px){
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link{
    flex-basis:100%;
    justify-content:center;
  }
}

@media (prefers-reduced-motion:reduce){
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link,
  body.cockpit[data-page="zentrale"] .cockpit-backtop{
    transition:none;
  }
}

/* ---- r4x-cockpit-next-dynamics.v2200.css ---- */
/* R4X Cockpit Next Dynamics v2200 (Rocket-Layer Positionierungsfix + responsive Ritual-Meilenstein-Easter-Eggs)
   ---
   R4X Cockpit Next Dynamics v2060 (v2060: Eyebrow-Icon, Meilenstein-Leiter)
   ---
   R4X Cockpit Next Dynamics v2059 (v2059: Free/Plus-Sichtbarkeit, Plus-Badge, Tracker-Hinweis, dezente Grafik)
   ---
   R4X Cockpit Next Dynamics v2058 (v2058: Serie-Meilensteine, Wochen-Punkte, Plus-Personalisierungs-Notiz)
   ---
   R4X Cockpit Next Dynamics v2057
   Styles fuer die Dynamik-Schicht der Empfehlungskarte:
   - Delta-Zeile ("Zuletzt hier ...") als Zeitanker unter dem Eyebrow
   - Impuls-Block im ehrlichen Ruhezustand ("Du bist auf Stand")
   - v2057: Tages-Ritual "Verstehen des Tages" als eigenstaendige Karte
     (ritual-mount, ueber der Empfehlungskarte, unter Weitermachen)
   Nur auf der Cockpit-Startseite geladen, dort haengt der rec-mount. */

/* Delta-Zeile: dezenter Zeitanker. Mit is-fresh (neue Fakten seit dem
   letzten Besuch) bekommt sie einen goldenen Punkt als stilles Signal. */
.cockpit-next--hero .cockpit-next__delta{
  margin:calc(-1 * var(--r4x-space-2, 8px)) 0 var(--r4x-space-3, 12px);
  font-size:var(--r4x-size-sm);
  line-height:1.5;
  color:var(--r4x-text-tertiary);
  max-width:52ch;
}
.cockpit-next--hero .cockpit-next__delta.is-fresh{
  color:var(--r4x-text-secondary);
}
.cockpit-next--hero .cockpit-next__delta.is-fresh::before{
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--r4x-gold);
  margin-right:8px;
  vertical-align:2px;
}

/* Impuls-Block im Ruhezustand: ruhiger Kasten mit goldener Kante,
   klar getrennt von reason und Actions. */
.cockpit-next--hero .cockpit-next__impulse{
  margin:0 0 var(--r4x-space-5, 20px);
  padding:14px 16px;
  border:1px solid var(--r4x-border-default);
  border-left:2px solid var(--r4x-gold);
  border-radius:10px;
  background:rgba(255,255,255,.02);
  max-width:56ch;
}
.cockpit-next--hero .cockpit-next__impulse-kicker{
  display:block;
  font-size:var(--r4x-size-xs);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--r4x-gold);
  font-weight:700;
  margin-bottom:6px;
}
.cockpit-next--hero .cockpit-next__impulse-title{
  margin:0 0 6px;
  font-size:var(--r4x-size-base);
  font-weight:600;
  line-height:1.3;
  color:var(--r4x-text-primary);
}
.cockpit-next--hero .cockpit-next__impulse-text{
  margin:0;
  font-size:var(--r4x-size-sm);
  color:var(--r4x-text-secondary);
  line-height:1.6;
}

/* Ruhezustand: der Kompass tritt optisch einen Schritt zurueck,
   die Karte wirkt bewusst ruhiger als eine offene Aufgabe. */
.cockpit-next--steady .cockpit-next__compass{
  opacity:.55;
}

@media (max-width: 640px){
  .cockpit-next--hero .cockpit-next__impulse{
    padding:12px 14px;
  }
}

/* --------------------------------------------------------------------
   v2057 Tages-Ritual: eigenstaendiger taeglicher Verstehen-Moment.
   Klar abgesetzt von der Empfehlungskarte durch goldene Oberkante,
   sichtbare Serie und Punkte-Reihe plus bewusstem Abschluss-Tap.
   Positioniert ueber rec-mount, direkt unter dem Weitermachen-Block. */
.cockpit-ritual{
  position:relative;
  border-top:2px solid var(--r4x-gold);
}
.cockpit-ritual__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.cockpit-ritual__eyebrow{
  font-size:var(--r4x-size-xs);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--r4x-gold);
  font-weight:700;
}
.cockpit-ritual__streak{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  white-space:nowrap;
}
.cockpit-ritual__streak-num{
  font-size:var(--r4x-size-lg, 1.25rem);
  font-weight:700;
  color:var(--r4x-text-primary);
  line-height:1;
}
.cockpit-ritual__streak-word{
  font-size:var(--r4x-size-xs);
  color:var(--r4x-text-tertiary);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cockpit-ritual__streak-word--start{
  color:var(--r4x-gold);
}
.cockpit-ritual__dots{
  display:flex;
  gap:6px;
  margin:0 0 14px;
}
.cockpit-ritual__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  border:1px solid var(--r4x-border-default);
  background:transparent;
}
.cockpit-ritual__dot.is-filled{
  background:var(--r4x-gold);
  border-color:var(--r4x-gold);
}
.cockpit-ritual__dot.is-today{
  box-shadow:0 0 0 3px rgba(200,164,92,.22);
}
.cockpit-ritual__title{
  margin:0 0 6px;
  font-size:var(--r4x-size-base);
  font-weight:600;
  line-height:1.3;
  color:var(--r4x-text-primary);
}
.cockpit-ritual__text{
  margin:0 0 var(--r4x-space-4, 16px);
  font-size:var(--r4x-size-sm);
  color:var(--r4x-text-secondary);
  line-height:1.6;
  max-width:56ch;
}
.cockpit-ritual__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.cockpit-ritual__done{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:var(--r4x-size-sm);
  color:var(--r4x-text-tertiary);
}
.cockpit-ritual__done-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--r4x-gold);
  color:#1a1a1a;
  font-size:12px;
  font-weight:700;
}
.cockpit-ritual.is-done{
  border-top-color:var(--r4x-border-default);
}
@media (max-width: 640px){
  .cockpit-ritual__head{ flex-wrap:wrap; }
}

/* --------------------------------------------------------------------
   v2058 Tages-Ritual: Fortschritt (Wochen-Punkte + Meilenstein) und
   Plus-Personalisierungs-Notiz. */
.cockpit-ritual__progress{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  flex-wrap:wrap;
}
.cockpit-ritual__progress .cockpit-ritual__dots{
  margin:0;
}
.cockpit-ritual__milestone-hint{
  font-size:var(--r4x-size-xs);
  color:var(--r4x-text-tertiary);
  letter-spacing:.04em;
  white-space:nowrap;
}
.cockpit-ritual__milestone{
  font-size:var(--r4x-size-xs);
  font-weight:700;
  color:var(--r4x-gold);
  letter-spacing:.02em;
}
.cockpit-ritual__milestone.is-reached{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.cockpit-ritual.is-milestone{
  border-top-width:3px;
}
.cockpit-ritual__personal{
  margin:-4px 0 var(--r4x-space-4, 16px);
  font-size:var(--r4x-size-xs);
  color:var(--r4x-gold);
  letter-spacing:.02em;
}

/* --------------------------------------------------------------------
   v2059 Tages-Ritual: Free/Plus-Sichtbarkeit und dezente Grafik. */
.cockpit-ritual__glyph{
  position:absolute;
  right:16px;
  bottom:14px;
  width:72px;
  height:72px;
  color:var(--r4x-gold);
  opacity:.12;
  pointer-events:none;
}
.cockpit-ritual__lock{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:-4px 0 var(--r4x-space-4, 16px);
  padding:8px 12px;
  border:1px dashed var(--r4x-gold);
  border-radius:8px;
  background:transparent;
  color:var(--r4x-gold);
  font-size:var(--r4x-size-sm);
  font-weight:600;
  cursor:pointer;
  text-align:left;
  transition:background .15s ease;
}
.cockpit-ritual__lock:hover{
  background:rgba(200,164,92,.08);
}
.cockpit-ritual__lock-icon{
  font-size:.9em;
}
.cockpit-ritual__plus-badge{
  display:inline-block;
  margin-right:8px;
  padding:1px 7px;
  border-radius:999px;
  background:var(--r4x-gold);
  color:#1a1a1a;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  vertical-align:middle;
}
.cockpit-ritual__hint{
  display:inline-block;
  margin:-4px 0 var(--r4x-space-4, 16px);
  font-size:var(--r4x-size-xs);
  color:var(--r4x-text-tertiary);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.cockpit-ritual__hint:hover{
  color:var(--r4x-gold);
  border-bottom-color:var(--r4x-gold);
}
@media (max-width: 640px){
  .cockpit-ritual__glyph{ width:56px; height:56px; opacity:.10; }
}

/* --------------------------------------------------------------------
   v2059 Tages-Ritual: Identitaets-Icon im Eyebrow und Meilenstein-Leiter. */
.cockpit-ritual__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.cockpit-ritual__eyebrow-icon{
  width:14px;
  height:14px;
  color:var(--r4x-gold);
  flex:0 0 auto;
}
.cockpit-ritual__ladder{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:var(--r4x-size-xs);
  color:var(--r4x-text-tertiary);
  letter-spacing:.02em;
}
.cockpit-ritual__ladder-step{
  position:relative;
  opacity:.45;
}
.cockpit-ritual__ladder-step:not(:first-child)::before{
  content:'·';
  position:absolute;
  left:-6px;
  opacity:.6;
}
.cockpit-ritual__ladder-step.is-passed{
  opacity:.85;
  color:var(--r4x-gold);
}
.cockpit-ritual__ladder-step.is-next{
  opacity:1;
  color:var(--r4x-gold);
  font-weight:700;
}
.cockpit-ritual__ladder-remaining{
  padding-left:9px;
  border-left:1px solid var(--r4x-border-default);
  opacity:.7;
}


/* --------------------------------------------------------------------
   v2062 Tages-Ritual: dezente Bilduntermalung ohne Textverlust.
   Dunkles Navy/Gold-Motiv sitzt rechts unten und bleibt links ruhig. */
.cockpit-ritual{
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg, rgba(8,9,13,.96), rgba(8,9,13,.98));
}
.cockpit-ritual::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(8,9,13,.98) 0%, rgba(8,9,13,.96) 44%, rgba(8,9,13,.84) 64%, rgba(8,9,13,.30) 100%),
    url('/assets/feature-carousel/ritual-underlay-v2163.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:right bottom;
  opacity:.95;
  pointer-events:none;
}
.cockpit-ritual > *{
  position:relative;
  z-index:1;
}
.cockpit-ritual__text{
  max-width:48ch;
}
.cockpit-ritual__glyph{
  opacity:0;
}
@media (max-width: 900px){
  .cockpit-ritual::before{
    background:
      linear-gradient(180deg, rgba(8,9,13,.92) 0%, rgba(8,9,13,.93) 44%, rgba(8,9,13,.70) 72%, rgba(8,9,13,.22) 100%),
      url('/assets/feature-carousel/ritual-underlay-v2163.webp');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:82% bottom;
    opacity:.94;
  }
  .cockpit-ritual__text{
    max-width:34ch;
  }
}
@media (max-width: 640px){
  .cockpit-ritual::before{
    background:
      linear-gradient(180deg, rgba(8,9,13,.90) 0%, rgba(8,9,13,.92) 46%, rgba(8,9,13,.76) 72%, rgba(8,9,13,.24) 100%),
      url('/assets/feature-carousel/ritual-underlay-v2163.webp');
    background-repeat:no-repeat;
    background-size:185% auto;
    background-position:92% 100%;
    opacity:.92;
  }
  .cockpit-ritual__title,
  .cockpit-ritual__text,
  .cockpit-ritual__actions,
  .cockpit-ritual__personal,
  .cockpit-ritual__hint,
  .cockpit-ritual__lock,
  .cockpit-ritual__progress,
  .cockpit-ritual__head{
    position:relative;
    z-index:1;
  }
}


/* --------------------------------------------------------------------
   v2063 Tages-Ritual: Status-unabhaengige Goldkante, CTA-Farbtausch
   und kompakter Plus-Hinweis. */
.cockpit-ritual,
.cockpit-ritual.is-done{
  border-top:2px solid var(--r4x-gold);
  box-shadow:
    inset 0 1px 0 rgba(232,196,96,.22),
    0 -1px 10px rgba(200,164,92,.10);
}
.cockpit-ritual.is-milestone{
  border-top-width:3px;
}
.cockpit-ritual__lock{
  width:max-content;
  max-width:100%;
  justify-self:start;
  align-self:start;
}

/* R4X v2065 · Nur der jeweilige Begriff des Tages erhält einen dezenten Rahmen.
   Das bestehende Ritual-Kartenmotiv und alle übrigen Farben bleiben unverändert. */
body.cockpit[data-page="zentrale"] .cockpit-ritual__title{
  display:block;
  width:fit-content;
  max-width:100%;
  box-sizing:border-box;
  margin:0 0 10px;
  padding:7px 10px;
  border:1px solid rgba(237,248,255,.16);
  border-radius:8px;
  background:#000000;
  color:#edf8ff;
}


/* --------------------------------------------------------------------
   v2196 · Zusaetzliche Rocket-Progression fuer das Tages-Ritual.
   Die Rakete steigt pro erreichtem Tag am rechten Bildrand ein kleines
   Stueck Richtung Horizont. Nach jedem Meilenstein beginnt die Route neu,
   wird aber laenger und feiner. Mobile und Desktop nutzen dieselbe vertikale Logik. */
.cockpit-ritual > .cockpit-ritual__rocket-layer{
  position:absolute;
  right:20px;
  bottom:54px;
  left:auto;
  top:auto;
  width:30px;
  height:176px;
  z-index:2;
  display:block;
  pointer-events:none;
  opacity:1;
  --rocket-progress:.02;
}
.cockpit-ritual__rocket-track,
.cockpit-ritual__rocket-horizon{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.cockpit-ritual__rocket-track{
  top:0;
  bottom:10px;
  width:1px;
  background:linear-gradient(180deg, rgba(255,241,181,.22), rgba(232,196,96,.34) 24%, rgba(232,196,96,.14) 70%, rgba(232,196,96,.06));
  box-shadow:0 0 10px rgba(232,196,96,.12);
}
.cockpit-ritual__rocket-track::before{
  content:'';
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%, -50%);
  width:12px;
  height:12px;
  border-radius:50%;
  border:1px solid rgba(232,196,96,.42);
  background:radial-gradient(circle, rgba(255,245,201,.30), rgba(232,196,96,.02) 68%);
  box-shadow:0 0 12px rgba(232,196,96,.20);
}
.cockpit-ritual__rocket-horizon{
  top:0;
  width:20px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(232,196,96,.58), transparent);
  opacity:.85;
}
.cockpit-ritual__rocket-ship{
  position:absolute;
  left:50%;
  bottom:calc(8px + (100% - 28px) * var(--rocket-progress));
  width:22px;
  height:22px;
  transform:translate(-50%, 50%);
  color:#f1d27a;
  filter:drop-shadow(0 0 8px rgba(232,196,96,.24));
}
.cockpit-ritual__rocket-ship::after{
  content:'';
  position:absolute;
  left:50%;
  top:100%;
  width:2px;
  height:12px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,242,195,.76), rgba(232,196,96,.34), rgba(232,196,96,0));
  border-radius:999px;
  opacity:.72;
}
.cockpit-ritual__rocket-svg{ width:100%; height:100%; display:block; }
.cockpit-ritual__rocket-svg path{ fill:currentColor; }
.cockpit-ritual__rocket-svg circle{ fill:rgba(8,9,13,.72); stroke:rgba(255,248,220,.88); stroke-width:.8; }
.cockpit-ritual__rocket-layer.is-stage-7 .cockpit-ritual__rocket-track{ opacity:.92; }
.cockpit-ritual__rocket-layer.is-stage-30 .cockpit-ritual__rocket-track{ opacity:.86; }
.cockpit-ritual__rocket-layer.is-stage-100 .cockpit-ritual__rocket-track{ opacity:.80; }
.cockpit-ritual__rocket-layer.is-stage-365 .cockpit-ritual__rocket-track{ opacity:.76; }
.cockpit-ritual__rocket-layer.is-animating .cockpit-ritual__rocket-ship{
  animation:r4x-ritual-rocket-rise 1.05s cubic-bezier(.25,.72,.22,1) both;
}
.cockpit-ritual__rocket-layer.is-animating .cockpit-ritual__rocket-ship::after{
  animation:r4x-ritual-rocket-flame 1.05s ease-out both;
}
@keyframes r4x-ritual-rocket-rise{
  0%{ transform:translate(-50%, calc(50% + 16px)); opacity:.25; }
  42%{ opacity:1; }
  100%{ transform:translate(-50%, 50%); opacity:1; }
}
@keyframes r4x-ritual-rocket-flame{
  0%{ opacity:0; height:20px; }
  26%{ opacity:1; height:18px; }
  100%{ opacity:.72; height:12px; }
}
@media (max-width: 900px){
  .cockpit-ritual > .cockpit-ritual__rocket-layer{ right:16px; bottom:50px; width:28px; height:156px; }
  .cockpit-ritual__rocket-ship{ width:20px; height:20px; }
}
@media (max-width: 640px){
  /* Mobile nutzt dieselbe lange vertikale Etappe wie Desktop: Start am
     Horizont unten, Ziel oben auf Hoehe der Meilensteinanzeige. */
  .cockpit-ritual > .cockpit-ritual__rocket-layer{ right:12px; bottom:46px; width:24px; height:260px; }
  .cockpit-ritual__rocket-track{ top:0; bottom:8px; }
  .cockpit-ritual__rocket-horizon{ top:0; width:16px; }
  .cockpit-ritual__rocket-ship{ bottom:calc(6px + (100% - 22px) * var(--rocket-progress)); width:18px; height:18px; }
}
@media (prefers-reduced-motion: reduce){
  .cockpit-ritual__rocket-layer.is-animating .cockpit-ritual__rocket-ship,
  .cockpit-ritual__rocket-layer.is-animating .cockpit-ritual__rocket-ship::after{ animation:none !important; }
}

/* --------------------------------------------------------------------
   v2195 · Progressive Easter-Egg-Szene fuer Ritual-Meilensteine.
   Die bestehende Bilduntermalung bleibt unveraendert. Die Szene liegt
   zwischen Bild und Inhalt, blockiert keine Inhalte und besitzt nur am
   sichtbaren Symbol eine ausreichend grosse Klick-/Touchflaeche. */
.cockpit-ritual > .cockpit-ritual__easter-layer{
  position:absolute;
  right:20px;
  bottom:18px;
  z-index:2;
  width:150px;
  height:120px;
  pointer-events:none;
}
.cockpit-ritual > :not(.cockpit-ritual__easter-layer):not(.cockpit-ritual__rocket-layer){
  position:relative;
  z-index:3;
}
.cockpit-ritual.has-easter-egg .cockpit-ritual__actions{
  padding-right:170px;
}
.cockpit-ritual__easter-trigger{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#e8c460;
  cursor:pointer;
  pointer-events:auto;
  opacity:.72;
  filter:drop-shadow(0 0 9px rgba(232,196,96,.18));
  transition:opacity .18s ease, transform .18s ease, filter .18s ease;
}
.cockpit-ritual__easter-trigger:hover,
.cockpit-ritual__easter-trigger:focus-visible{
  opacity:1;
  transform:scale(1.045);
  filter:drop-shadow(0 0 13px rgba(232,196,96,.42));
  outline:none;
}
.cockpit-ritual__easter-trigger:focus-visible{
  box-shadow:0 0 0 2px rgba(8,9,13,.95), 0 0 0 4px rgba(232,196,96,.78);
}
.ritual-easter-svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.ritual-easter-svg__star path{
  fill:currentColor;
  stroke:#fff1b5;
  stroke-width:.8;
}
.ritual-easter-svg__constellation{
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ritual-easter-svg__constellation path{
  fill:none;
  opacity:.64;
}
.ritual-easter-svg__constellation circle{
  stroke:none;
}
.ritual-easter-svg__compass{
  fill:none;
  stroke:currentColor;
  stroke-width:1.15;
  opacity:.72;
}
.ritual-easter-svg__compass path:first-of-type{
  fill:rgba(232,196,96,.22);
}
.ritual-easter-svg__year{
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
  stroke-linecap:round;
  opacity:.74;
}
.cockpit-ritual__easter-layer.is-level-7{
  width:76px;
  height:76px;
  right:42px;
  bottom:32px;
}
.cockpit-ritual__easter-layer.is-level-30{
  width:132px;
  height:106px;
}
.cockpit-ritual__easter-layer.is-level-100,
.cockpit-ritual__easter-layer.is-level-365{
  width:158px;
  height:126px;
}
.cockpit-ritual.has-easter-365 .cockpit-ritual__easter-trigger{
  filter:drop-shadow(0 0 16px rgba(232,196,96,.42));
}
.cockpit-ritual__milestone-card{
  position:relative;
  width:min(540px, 100%);
  box-sizing:border-box;
  margin:2px 0 16px;
  padding:15px 44px 15px 16px;
  border:1px solid rgba(232,196,96,.34);
  border-radius:12px;
  background:linear-gradient(135deg, rgba(0,0,0,.94), rgba(14,15,20,.91));
  box-shadow:0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
  color:#edf8ff;
}
.cockpit-ritual__milestone-card:focus{
  outline:1px solid rgba(232,196,96,.58);
  outline-offset:2px;
}
.cockpit-ritual__milestone-close{
  position:absolute;
  top:9px;
  right:10px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid rgba(237,248,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#edf8ff;
  font-size:1.2rem;
  line-height:1;
  cursor:pointer;
}
.cockpit-ritual__milestone-close:hover,
.cockpit-ritual__milestone-close:focus-visible{
  border-color:rgba(232,196,96,.62);
  color:var(--r4x-gold);
  outline:none;
}
.cockpit-ritual__milestone-kicker{
  display:block;
  margin-bottom:4px;
  color:var(--r4x-gold);
  font-size:var(--r4x-size-xs);
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.cockpit-ritual__milestone-title{
  display:block;
  margin-bottom:5px;
  color:#edf8ff;
  font-size:1.05rem;
}
.cockpit-ritual__milestone-card p{
  max-width:52ch;
  margin:0;
  color:rgba(237,248,255,.82);
  font-size:var(--r4x-size-sm);
  line-height:1.55;
}
.cockpit-ritual__milestone-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:12px;
}
.cockpit-ritual__milestone-stats span{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(237,248,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:rgba(237,248,255,.68);
  font-size:.72rem;
  line-height:1.35;
}
.cockpit-ritual__milestone-stats strong{
  color:var(--r4x-gold);
  font-size:1rem;
}
.cockpit-ritual.is-easter-celebrating::after{
  content:'';
  position:absolute;
  inset:-30% -35%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 38%, rgba(232,196,96,.16) 49%, rgba(255,243,190,.28) 50%, rgba(232,196,96,.12) 52%, transparent 63%);
  transform:translateX(-65%);
  animation:r4x-ritual-light-sweep 1.45s ease-out both;
}
.cockpit-ritual__easter-layer.is-celebrating .ritual-easter-svg__star{
  transform-box:fill-box;
  transform-origin:center;
  animation:r4x-ritual-star-reveal 1.35s ease-out both;
}
.cockpit-ritual__easter-layer.is-level-30.is-celebrating .ritual-easter-svg__constellation path{
  stroke-dasharray:140;
  stroke-dashoffset:140;
  animation:r4x-ritual-line-draw 1.25s .16s ease-out forwards;
}
.cockpit-ritual__easter-layer.is-level-100.is-celebrating .ritual-easter-svg__compass{
  transform-box:fill-box;
  transform-origin:center;
  animation:r4x-ritual-compass-reveal 1.4s ease-out both;
}
.cockpit-ritual__easter-layer.is-level-365.is-celebrating .ritual-easter-svg__year{
  animation:r4x-ritual-year-glow 1.6s ease-out both;
}
@keyframes r4x-ritual-light-sweep{
  0%{ transform:translateX(-65%); opacity:0; }
  22%{ opacity:1; }
  100%{ transform:translateX(65%); opacity:0; }
}
@keyframes r4x-ritual-star-reveal{
  0%{ transform:scale(.45) rotate(-18deg); opacity:.1; }
  55%{ transform:scale(1.34) rotate(5deg); opacity:1; }
  100%{ transform:scale(1) rotate(0); opacity:1; }
}
@keyframes r4x-ritual-line-draw{ to{ stroke-dashoffset:0; } }
@keyframes r4x-ritual-compass-reveal{
  0%{ transform:scale(.72) rotate(-22deg); opacity:0; }
  100%{ transform:scale(1) rotate(0); opacity:.72; }
}
@keyframes r4x-ritual-year-glow{
  0%{ opacity:0; filter:drop-shadow(0 0 0 rgba(232,196,96,0)); }
  65%{ opacity:1; filter:drop-shadow(0 0 12px rgba(232,196,96,.62)); }
  100%{ opacity:.74; filter:drop-shadow(0 0 5px rgba(232,196,96,.22)); }
}
@media (max-width: 900px){
  .cockpit-ritual.has-easter-egg .cockpit-ritual__actions{
    padding-right:140px;
  }
  .cockpit-ritual > .cockpit-ritual__easter-layer{
    right:12px;
    bottom:14px;
    transform:scale(.88);
    transform-origin:right bottom;
  }
  .cockpit-ritual__easter-trigger{
    opacity:.62;
  }
}
@media (max-width: 640px){
  .cockpit-ritual.has-easter-egg{
    padding-bottom:88px;
  }
  .cockpit-ritual.has-easter-egg .cockpit-ritual__actions{
    padding-right:0;
  }
  .cockpit-ritual > .cockpit-ritual__easter-layer,
  .cockpit-ritual__easter-layer.is-level-7,
  .cockpit-ritual__easter-layer.is-level-30,
  .cockpit-ritual__easter-layer.is-level-100,
  .cockpit-ritual__easter-layer.is-level-365{
    right:10px;
    bottom:12px;
    width:82px;
    height:72px;
    transform:none;
  }
  .cockpit-ritual__easter-trigger{
    min-width:48px;
    min-height:48px;
    opacity:.58;
  }
  .cockpit-ritual__milestone-card{
    width:100%;
    padding:14px 42px 14px 14px;
  }
  .cockpit-ritual__milestone-stats{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion: reduce){
  .cockpit-ritual.is-easter-celebrating::after,
  .cockpit-ritual__easter-layer.is-celebrating .ritual-easter-svg__star,
  .cockpit-ritual__easter-layer.is-celebrating .ritual-easter-svg__constellation path,
  .cockpit-ritual__easter-layer.is-celebrating .ritual-easter-svg__compass,
  .cockpit-ritual__easter-layer.is-celebrating .ritual-easter-svg__year{
    animation:none !important;
  }
}

/* ---- r4x-cockpit-portfolio-widget.v1450.css ---- */
/* R4X Cockpit Portfolio Signale v1299 */
/* R4X Cockpit Portfolio Verlauf v1232 */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget{
  position:relative;
  overflow:hidden;
  border:1px solid var(--r4x-border-subtle);
  border-radius:var(--r4x-radius-xl);
  background:
    radial-gradient(520px 180px at 86% 0%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.038), rgba(255,255,255,.012)),
    var(--r4x-bg-surface);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:var(--r4x-gold);
  opacity:.72;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--r4x-space-3);
  padding:14px 16px 11px;
  border-bottom:1px solid var(--r4x-border-subtle);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__title-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__icon{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 auto;
  border:1px solid var(--r4x-gold-border);
  border-radius:12px;
  background:var(--r4x-gold-bg);
  font-size:17px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__kicker{
  margin:0 0 2px;
  color:var(--r4x-gold);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget h3{
  margin:0;
  color:var(--r4x-text-primary);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__body{
  padding:14px 16px 16px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  color:var(--r4x-text-tertiary);
  font-size:11px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-bottom:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value span{
  display:block;
  margin-bottom:2px;
  color:var(--r4x-text-tertiary);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value strong{
  display:block;
  font-size:clamp(24px,3vw,32px);
  line-height:1;
  font-weight:500;
  letter-spacing:-.035em;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta.is-positive{
  color:#75d28d;
  background:rgba(74,143,90,.14);
  border:1px solid rgba(74,143,90,.32);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta.is-negative{
  color:#e58a8a;
  background:rgba(200,65,65,.14);
  border:1px solid rgba(200,65,65,.32);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart{
  position:relative;
  height:104px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:
    linear-gradient(to bottom, transparent 24%, rgba(255,255,255,.04) 24.5%, transparent 25%),
    linear-gradient(to bottom, transparent 49%, rgba(255,255,255,.04) 49.5%, transparent 50%),
    linear-gradient(to bottom, transparent 74%, rgba(255,255,255,.04) 74.5%, transparent 75%),
    rgba(255,255,255,.016);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart svg{
  display:block;
  width:100%;
  height:100%;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid div{
  min-width:0;
  padding:9px 10px 10px;
  border:1px solid var(--r4x-border-subtle);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid span{
  display:block;
  margin-bottom:4px;
  color:var(--r4x-text-tertiary);
  font-size:10px;
  line-height:1.2;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  line-height:1.2;
  font-weight:600;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid small{
  display:block;
  margin-top:4px;
  color:var(--r4x-text-secondary);
  font-size:10px;
  line-height:1.2;
  font-weight:500;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__note{
  margin:11px 0 0;
  color:var(--r4x-text-secondary);
  font-size:12px;
  line-height:1.45;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__system-note{
  margin:12px 0 7px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__empty .r4x-portfolio-widget__system-note{
  margin:0 0 8px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__empty{
  padding:12px 0 2px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__empty strong{
  display:block;
  margin-bottom:5px;
  color:var(--r4x-text-primary);
  font-size:15px;
  font-weight:600;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__empty p{
  margin:0;
  color:var(--r4x-text-secondary);
  font-size:13px;
  line-height:1.5;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__setup-panel{
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(201,168,76,.12);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__preview-section{
  margin-top:4px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions .cockpit-btn{
  min-height:34px;
  padding:8px 12px;
  font-size:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--locked{
  align-items:stretch;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--locked .cockpit-btn{
  flex:1 1 220px;
  justify-content:center;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked{
  margin-top:16px;
  margin-bottom:2px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:224px;
  min-height:46px;
  padding:11px 20px;
  border:1px solid rgba(245,210,122,.9);
  border-radius:11px;
  background:linear-gradient(180deg, var(--r4x-gold-warm) 0%, var(--r4x-gold) 100%);
  color:#17130a;
  box-shadow:0 9px 24px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.24);
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  transition:transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta strong{
  color:inherit;
  font:inherit;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta span{
  color:inherit;
  font-size:17px;
  line-height:1;
  transition:transform 120ms ease;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta:focus-visible{
  border-color:var(--r4x-gold-warm);
  background:linear-gradient(180deg, #ffe09a 0%, #dfb93c 100%);
  color:#17130a;
  box-shadow:0 12px 30px rgba(212,175,55,.26), inset 0 1px 0 rgba(255,255,255,.3);
  transform:translateY(-1px);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta:hover span,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta:focus-visible span{
  transform:translateX(2px);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--locked-secondary{
  margin-top:14px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:42px;
  padding-inline:14px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-button strong{
  color:inherit;
  font:inherit;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-button span{
  color:inherit;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-button span:first-child{
  font-size:13px;
  line-height:1;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-button span:last-child{
  font-size:15px;
  line-height:1;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link:focus-visible{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:0;
  padding:2px 0;
  color:var(--r4x-text-primary);
  font-size:14px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:0;
  text-shadow:none !important;
  filter:none !important;
  opacity:1;
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-decoration-color:var(--r4x-gold-border);
  text-underline-offset:.26em;
  text-decoration-skip-ink:auto;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link:focus-visible{
  color:var(--r4x-gold-warm);
  text-decoration-color:var(--r4x-gold-border-strong);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link span{
  color:inherit;
  text-decoration:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__unlock-link strong{
  color:inherit;
  font-weight:800;
}

body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-preview{
  margin-top:0;
  padding:14px;
  border:1px solid rgba(201,168,76,.22);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-top{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:10px;
  align-items:center;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-pill,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-pill{
  color:var(--r4x-text-primary);
  background:rgba(201,168,76,.12);
  border:1px solid rgba(201,168,76,.28);
  padding-inline:10px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chip{
  color:var(--r4x-text-secondary);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart{
  position:relative;
  height:118px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:
    linear-gradient(to bottom, transparent 24%, rgba(255,255,255,.035) 24.5%, transparent 25%),
    linear-gradient(to bottom, transparent 49%, rgba(255,255,255,.035) 49.5%, transparent 50%),
    linear-gradient(to bottom, transparent 74%, rgba(255,255,255,.035) 74.5%, transparent 75%),
    rgba(255,255,255,.018);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart svg{
  display:block;
  width:100%;
  height:100%;
  opacity:.92;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-overlay{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(10,10,11,.68);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(4px);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-overlay span{
  font-size:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-overlay strong{
  color:var(--r4x-text-primary);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-overlay small{
  color:var(--r4x-text-secondary);
  font-size:11px;
  line-height:1.35;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart--demo{
  height:208px;
  padding-top:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart-watermark{
  position:absolute;
  top:20px;
  right:24px;
  z-index:1;
  color:rgba(255,255,255,.16);
  font-size:20px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  pointer-events:none;
  user-select:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point{
  position:absolute;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(10,10,11,.9);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 10px 18px rgba(0,0,0,.18);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point strong{
  color:var(--r4x-text-primary);
  font-size:11px;
  line-height:1;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--start{
  left:28px;
  bottom:62px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--mid{
  left:50%;
  top:18px;
  transform:translateX(-50%);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--end{
  right:28px;
  bottom:72px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis{
  position:absolute;
  bottom:12px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:56px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis em{
  color:var(--r4x-text-tertiary);
  font-size:9px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis strong{
  color:var(--r4x-text-primary);
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis--start{
  left:12px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis--mid{
  left:50%;
  transform:translateX(-50%);
  text-align:center;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis--end{
  right:12px;
  text-align:right;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-preview--empty .r4x-portfolio-widget__locked-overlay{
  display:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid div{
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid span{
  display:block;
  margin-bottom:2px;
  color:var(--r4x-text-tertiary);
  font-size:10px;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid strong{
  display:block;
  color:var(--r4x-text-primary);
  font-size:12px;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid small{
  display:block;
  margin-top:4px;
  color:var(--r4x-text-secondary);
  font-size:10px;
  line-height:1.2;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:10px;
  align-items:stretch;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-list,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-card{
  min-width:0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-list{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-row span{
  display:block;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-row span:first-child{ width:58%; }
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-row span:last-child{ width:24%; }
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-card{
  position:relative;
  padding:12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-card-line{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(201,168,76,.22), rgba(201,168,76,.06));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-card-line--small{
  width:64%;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-lock{
  position:absolute;
  right:10px;
  bottom:10px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(201,168,76,.14);
  border:1px solid rgba(201,168,76,.26);
  font-size:14px;
}

body.cockpit[data-page="zentrale"] .r4x-portfolio-widget--locked .r4x-portfolio-widget__icon{
  background:var(--r4x-silver-soft);
  border-color:var(--r4x-silver-border);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget--empty,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget--single{
  background:
    radial-gradient(440px 160px at 86% 0%, rgba(201,209,223,.08), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
    var(--r4x-bg-surface);
}
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__setup-panel{
    margin-bottom:16px;
    padding-bottom:16px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__head{
    padding:12px 13px 10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__body{
    padding:12px 13px 13px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta{
    justify-self:start;
    font-size:11px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value strong{
    font-size:25px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart{
    height:90px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid{
    grid-template-columns:1fr;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-mini-grid,
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__ghost-layout{
    grid-template-columns:1fr;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart{
    height:104px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart--demo{
    height:196px;
    padding-top:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-chart-watermark{
    top:18px;
    right:14px;
    font-size:16px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-overlay{
    left:10px;
    right:10px;
    bottom:8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-preview--empty .r4x-portfolio-widget__locked-overlay{
    display:none;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point{
    padding:3px 7px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point strong{
    font-size:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--start{
    left:12px;
    bottom:68px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--mid{
    top:20px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-point--end{
    right:12px;
    bottom:78px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis{
    min-width:48px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis em{
    font-size:8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__locked-axis strong{
    font-size:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions{
    flex-direction:column;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions .cockpit-btn{
    width:100%;
    justify-content:center;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__actions--empty-locked .r4x-portfolio-widget__create-cta{
    min-width:0;
    min-height:48px;
  }
}

/* R4X v1224 · Wochenstand fällig */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget--due{
  border-color: rgba(201,168,76,.42);
  box-shadow: inset 3px 0 0 rgba(201,168,76,.24), 0 18px 54px rgba(0,0,0,.24);
}



body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  margin:10px 0 0;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference span{
  color:var(--r4x-text-tertiary);
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--r4x-text-primary);
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference small{
  color:var(--r4x-text-tertiary);
  font-size:10.5px;
  line-height:1.2;
  white-space:nowrap;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference.is-positive{
  border-color:rgba(74,143,90,.26);
  background:rgba(74,143,90,.08);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference.is-negative{
  border-color:rgba(200,65,65,.26);
  background:rgba(200,65,65,.08);
}
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference{
    grid-template-columns:1fr;
    gap:3px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference strong,
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference small{
    white-space:normal;
  }
}


/* R4X v1300 · Portfolio Signale im Cockpit */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signals{
  display:grid;
  gap:8px;
  margin:12px 0 2px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal:visited{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  color:var(--r4x-text-primary);
  text-decoration:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal:focus-visible{
  border-color:rgba(201,168,76,.34);
  background:rgba(201,168,76,.07);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  border:1px solid rgba(201,168,76,.24);
  background:rgba(201,168,76,.10);
  color:var(--r4x-gold-warm);
  font-size:13px;
  font-weight:700;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-copy{
  min-width:0;
  display:grid;
  gap:2px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.25;
  font-weight:600;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--r4x-text-secondary);
  font-size:11.5px;
  line-height:1.25;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal em{
  color:var(--r4x-gold-warm);
  font-size:11px;
  line-height:1.2;
  font-style:normal;
  font-weight:600;
  white-space:nowrap;
  text-decoration:underline;
  text-decoration-color:rgba(201,168,76,.55);
  text-underline-offset:.22em;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit{
  border-color:rgba(201,168,76,.34);
  background:rgba(201,168,76,.08);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-due{
  border-color:rgba(201,209,223,.16);
  background:rgba(201,209,223,.045);
}
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal{
    grid-template-columns:auto minmax(0,1fr);
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal em{
    grid-column:2;
    justify-self:start;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-copy strong,
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal-copy small{
    white-space:normal;
  }
}


/* R4X v1299 · Watchlist-Treffer als Systemmeldung wie Neue Empfehlung */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit:visited{
  border-color:rgba(91,155,213,.56);
  background:linear-gradient(135deg, rgba(213,234,252,.14), rgba(91,155,213,.075));
  box-shadow:0 0 0 1px rgba(255,255,255,.055) inset, 0 8px 22px rgba(91,155,213,.10);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit:focus-visible{
  border-color:rgba(91,155,213,.72);
  background:linear-gradient(135deg, rgba(213,234,252,.18), rgba(91,155,213,.10));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit .r4x-portfolio-widget__signal-icon{
  border-color:rgba(91,155,213,.72);
  background:linear-gradient(135deg, rgba(213,234,252,.96), rgba(162,204,237,.88));
  color:#10253d;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;
  font-size:12px;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit .r4x-portfolio-widget__signal-copy strong{
  color:var(--r4x-text-primary);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-hit em{
  color:#d5eafc;
  text-decoration-color:rgba(91,155,213,.72);
}


/* R4X v1300 · Portfolio-Hinweise nur zustandsbezogen und im System-Message-Design */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system:visited{
  border-color:rgba(91,155,213,.56) !important;
  background:linear-gradient(135deg, rgba(213,234,252,.14), rgba(91,155,213,.075)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.055) inset, 0 8px 22px rgba(91,155,213,.10) !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system:focus-visible{
  border-color:rgba(91,155,213,.72) !important;
  background:linear-gradient(135deg, rgba(213,234,252,.18), rgba(91,155,213,.10)) !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system .r4x-portfolio-widget__signal-icon{
  border-color:rgba(91,155,213,.72) !important;
  background:linear-gradient(135deg, rgba(213,234,252,.96), rgba(162,204,237,.88)) !important;
  color:#10253d !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system .r4x-portfolio-widget__signal-copy strong{
  color:var(--r4x-text-primary) !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-system em{
  color:#d5eafc !important;
  text-decoration-color:rgba(91,155,213,.72) !important;
}





/* R4X v1442 · Signalstack mit Sammelhinweis und R4X Hinweis */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-more,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-more:visited{
  border-style:dashed !important;
  border-color:rgba(91,155,213,.44) !important;
  background:linear-gradient(135deg, rgba(213,234,252,.10), rgba(255,255,255,.020)) !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
  margin:12px 0 2px;
  padding:11px 12px;
  border:1px solid rgba(242,211,111,.24);
  border-radius:14px;
  background:linear-gradient(135deg, rgba(242,211,111,.075), rgba(255,255,255,.018));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint span{
  grid-column:1 / -1;
  color:var(--r4x-gold-warm);
  font-size:10px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint p{
  margin:0;
  color:var(--r4x-text-secondary);
  font-size:12.5px;
  line-height:1.45;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint a,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint a:visited{
  color:var(--r4x-gold-warm);
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(201,168,76,.55);
  text-underline-offset:.22em;
  white-space:nowrap;
}
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__hint{
    grid-template-columns:1fr;
  }
}

/* R4X v1355 · Mobile Mini-Grid eine Zeile mit vollen Labels */
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid div{
    padding:8px 7px 9px;
    border-radius:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid span{
    margin-bottom:4px;
    font-size:8.6px;
    line-height:1.14;
    letter-spacing:0;
    font-weight:700;
    white-space:normal;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid strong{
    font-size:10.6px;
    line-height:1.16;
    font-weight:700;
    white-space:nowrap;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid small{
    margin-top:3px;
    font-size:8.6px;
    line-height:1.14;
    white-space:nowrap;
  }
}
@media (max-width:390px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid{
    gap:5px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid div{
    padding:7px 6px 8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid span{
    font-size:8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid strong{
    font-size:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__mini-grid small{
    font-size:8px;
  }
}


/* R4X v1411 · Portfolio-Message-Prioritäten */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-holding,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-holding:visited{
  border-color:rgba(242,211,111,.40);
  background:linear-gradient(135deg, rgba(242,211,111,.105), rgba(255,255,255,.025));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-holding .r4x-portfolio-widget__signal-icon{
  border-color:rgba(242,211,111,.58);
  background:rgba(242,211,111,.16);
  color:var(--r4x-gold-warm);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-snapshot-due,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-review-due{
  border-color:rgba(201,209,223,.18);
  background:linear-gradient(135deg, rgba(201,209,223,.060), rgba(255,255,255,.018));
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-snapshot-due:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-snapshot-due:focus-visible,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-review-due:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-review-due:focus-visible,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-holding:hover,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__signal.is-holding:focus-visible{
  border-color:rgba(242,211,111,.48);
  background:linear-gradient(135deg, rgba(242,211,111,.12), rgba(255,255,255,.032));
}


/* R4X v1416 · Cockpit Portfolio-Chart mit dezenter X/Y-Orientierung */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart{
  position:relative;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x{
  position:absolute;
  z-index:3;
  pointer-events:none;
  user-select:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y{
  right:7px;
  display:flex;
  align-items:center;
  gap:5px;
  max-width:58%;
  padding:2px 6px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:999px;
  background:rgba(5,8,13,.56);
  backdrop-filter:blur(8px);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y--max{ top:7px; }
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y--min{ bottom:24px; }
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(238,243,251,.90);
  font-size:10px;
  line-height:1.1;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y em{
  color:rgba(205,220,240,.48);
  font-size:9px;
  line-height:1;
  font-style:normal;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x{
  bottom:6px;
  padding:2px 6px;
  border-radius:8px;
  background:rgba(5,8,13,.46);
  color:rgba(238,243,251,.78);
  font-size:10px;
  line-height:1.1;
  font-weight:800;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x--start{ left:7px; }
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x--current{ right:7px; }
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y strong{
    max-width:96px;
  }
}


/* R4X v1416 · Single-Stand-Chart und mobile Label-Sicherung */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart--single svg{
  opacity:.86;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart--single .r4x-portfolio-widget__chart-y--min{
  display:none;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y--min{
  bottom:28px;
}
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-y strong{
    max-width:92px;
  }
}


/* R4X v1431 · Sicherheit: keine Punktlabels im Cockpit-Chart, Leselogik bleibt in Karten */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x{ display:none !important; }


/* R4X v1598 · Portfolio-Widget Nullbewegung neutral */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta.is-neutral{
  color:var(--r4x-text-secondary);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
}


/* R4X v1599 · Portfolio-Widget getrennte Vergleichswerte */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row--overview{
  grid-template-columns:minmax(0,1fr) minmax(220px,auto);
  align-items:start;
  gap:14px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:8px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta > span,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > span{
  color:var(--r4x-text-tertiary);
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  min-width:0;
  text-align:right;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period strong{
  color:var(--r4x-text-secondary);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period .r4x-portfolio-widget__delta,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta .r4x-portfolio-widget__delta{
  font-style:normal;
}

@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row--overview{
    grid-template-columns:1fr;
    gap:10px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta{
    gap:6px;
    margin-top:7px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
    align-items:flex-start;
    text-align:left;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period strong{
    font-size:11px;
  }
}


/* R4X v1604 · Portfolio-Karte, Vergleichswerte ohne Box auf Mobile */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  gap:4px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period-main{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period-main > span{
  color:var(--r4x-text-tertiary);
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    gap:4px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period-main{
    justify-content:space-between;
    width:100%;
    gap:8px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period strong{
    display:block;
    width:100%;
    text-align:left;
  }
}


/* R4X v1605 · Portfolio Vergleichswerte, Mobile gestapelt und Desktop Zeitraum geordnet */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  min-width:0;
  text-align:right;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > span{
  color:var(--r4x-text-tertiary);
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > strong{
  color:var(--r4x-text-secondary);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period-main{
  display:contents;
}
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    margin-top:9px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
    align-items:flex-start;
    text-align:left;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    gap:5px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > strong{
    order:3;
    width:100%;
    text-align:left;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > .r4x-portfolio-widget__delta{
    order:2;
  }
}


/* R4X v1606 · Portfolio Vergleichslabel mit Datum in einer Zeile */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta-label{
  display:flex;
  align-items:baseline;
  gap:7px;
  min-width:0;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta-label > span{
  color:var(--r4x-text-tertiary);
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta-label > small{
  color:var(--r4x-text-secondary);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  align-items:flex-end;
  gap:5px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > .r4x-portfolio-widget__delta-label{
  justify-content:flex-end;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > strong{
  display:none;
}
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta-label{
    flex-wrap:wrap;
    gap:5px 7px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
    align-items:flex-start;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period > .r4x-portfolio-widget__delta-label{
    justify-content:flex-start;
  }
}


/* R4X v1608 · Portfolio-Verlaufsmodul final konsistent */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row--overview{
  grid-template-columns:minmax(0,1fr) minmax(220px,auto);
  align-items:start;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  display:flex;
  flex-direction:column;
  gap:5px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__value-delta{
  align-items:flex-start;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
  align-items:flex-end;
  text-align:right;
  padding:0;
  border:0;
  background:transparent;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__delta-label{
  display:flex;
  align-items:baseline;
  gap:7px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period .r4x-portfolio-widget__delta-label{
  justify-content:flex-end;
}
@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__metric-row--overview{
    grid-template-columns:1fr;
    gap:13px;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period{
    align-items:flex-start;
    text-align:left;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__period .r4x-portfolio-widget__delta-label{
    justify-content:flex-start;
  }
}


/* R4X v1610 · Portfolio Charts: Grün positiv, Rot negativ */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart{
  --r4x-portfolio-chart-positive:#2ee69a;
  --r4x-portfolio-chart-negative:#ff5967;
}


/* R4X v1611 · Portfolio Chart Segmente dynamisch, Fläche neutral */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart{
  --r4x-chart-positive:#2ee69a;
  --r4x-chart-negative:#ff5967;
  --r4x-chart-neutral:#8a95a6;
}


/* R4X v1613 · Portfolio Preisbasis und Referenzmarker */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__price-basis{
  display:block;
  margin-top:3px;
  color:var(--r4x-text-secondary);
  font-size:10px;
  line-height:1.25;
  font-weight:500;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-reference{
  position:absolute;
  top:10px;
  transform:translateX(-50%);
  z-index:3;
  pointer-events:none;
  user-select:none;
  padding:3px 7px;
  border:1px solid rgba(174,217,255,.44);
  border-radius:999px;
  background:rgba(174,217,255,.12);
  color:#aed9ff;
  font-size:9px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference span,
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference small{
  color:#aed9ff;
}


/* R4X v1616 · Mein Bereich Referenzwert farblich wie Übersicht */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference.is-negative strong{
  color:#ff5967 !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference.is-positive strong{
  color:#2ee69a !important;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__reference.is-neutral strong{
  color:rgba(205,220,240,.74) !important;
}


/* R4X v1443 · Cockpit Portfolio-Chart analog Tracker mit Zeitraumwahl und Start/Mitte/Ende */
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__range-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 10px;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__range-tabs button{
  appearance:none;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.028);
  color:rgba(205,220,240,.72);
  padding:6px 10px;
  min-width:44px;
  font-size:.70rem;
  line-height:1;
  font-weight:800;
  cursor:pointer;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__range-tabs button.is-active{
  border-color:rgba(212,175,55,.38);
  background:rgba(212,175,55,.10);
  color:#f2d36f;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__range-tabs button:disabled{
  opacity:.34;
  cursor:not-allowed;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x{
  display:grid !important;
  gap:1px;
  padding:3px 6px;
  border-radius:9px;
  background:rgba(5,8,13,.52);
  backdrop-filter:blur(8px);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x--mid{
  left:50%;
  transform:translateX(-50%);
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x em{
  color:rgba(205,220,240,.46);
  font-size:.58rem;
  line-height:1.05;
  font-style:normal;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x strong{
  color:rgba(238,243,251,.86);
  font-size:.62rem;
  line-height:1.05;
  font-weight:800;
}
@media (max-width:560px){
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__chart-x--mid{
    display:none !important;
  }
  body.cockpit[data-page="zentrale"] .r4x-portfolio-widget__range-tabs button{
    flex:1 1 auto;
  }
}