/* v2969 · Prüfen nutzt exakt dieselbe Eyebrow-Komponente inkl. Linie wie Dein empfohlener nächster Schritt. */
/* R4X v2966: Mobile Prüfen-Hierarchie und Plus-Icon-Darstellung korrigiert. */
/* R4X v2961: robuste Vollflächen-Swipes, echte Desktop-Tabs, klare Lernhierarchie und offene Daten. */
.r4x-mobile-section-nav{
  display:none;
}

.r4x-mobile-swipe-region{
  display:contents;
}

.r4x-mobile-swipe-region__footer{
  display:none;
}

body.cockpit[data-page="zentrale"] .r4x-features-discovery{
  position:relative;
  overflow:hidden;
  margin-top:clamp(64px,7vw,92px);
  padding:clamp(18px,2vw,26px);
  border:1px solid rgba(105,137,194,.40);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 0,rgba(76,109,174,.20),transparent 38%),
    linear-gradient(145deg,rgba(9,18,38,.94),rgba(13,16,24,.96) 52%,rgba(18,16,10,.90));
  box-shadow:inset 0 1px 0 rgba(161,188,236,.09),0 22px 52px rgba(0,0,0,.22);
}

body.cockpit[data-page="zentrale"] .r4x-features-discovery::before{
  content:"";
  position:absolute;
  top:0;
  right:18px;
  left:18px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(105,137,194,.82),rgba(232,196,99,.72),transparent);
}

@media (min-width:761px){
  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > .cockpit-jumpnav{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:var(--r4x-space-5,20px);
    padding:12px 14px;
    border-color:rgba(212,175,55,.20);
    background:linear-gradient(180deg,rgba(212,175,55,.045),rgba(255,255,255,.012));
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__label--desktop{
    display:block;
    color:var(--r4x-gold,#d4af37);
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__links{
    display:grid;
    grid-template-columns:repeat(4,minmax(150px,1fr));
    width:100%;
    gap:8px;
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link{
    position:relative;
    display:flex !important;
    min-height:44px;
    padding:9px 28px 9px 12px;
    justify-content:flex-start;
    align-items:center;
    border:1px solid rgba(151,160,180,.20);
    border-radius:9px;
    background:rgba(0,0,0,.36);
    color:var(--r4x-text-secondary,#d7d9df);
    font:inherit;
    text-align:left;
    white-space:normal;
    cursor:pointer;
    transform:none;
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link[aria-selected="true"]{
    border-color:rgba(232,196,99,.72);
    background:linear-gradient(180deg,rgba(212,175,55,.16),rgba(212,175,55,.07));
    color:var(--r4x-text-primary,#f5f5f0);
    box-shadow:inset 3px 0 0 var(--r4x-gold,#d4af37),0 0 0 1px rgba(212,175,55,.06);
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__link:focus-visible{
    outline:2px solid rgba(232,196,99,.72);
    outline-offset:2px;
  }
  body.cockpit[data-page="zentrale"] .cockpit-jumpnav__arrow{
    position:absolute;
    top:50%;
    right:12px;
    color:var(--r4x-gold,#d4af37);
    transform:translateY(-50%);
  }
  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section],
  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section][hidden]{
    display:none !important;
  }
  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section][aria-hidden="false"]{
    display:block !important;
  }
}

@media (max-width:760px){
  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region{
    position:relative;
    display:block;
    min-width:0;
    margin-top:var(--r4x-space-4,16px);
    padding:10px;
    border:1px solid rgba(212,175,55,.38);
    border-radius:15px;
    background:
      linear-gradient(90deg,rgba(212,175,55,.055),transparent 14px,transparent calc(100% - 14px),rgba(212,175,55,.055)),
      linear-gradient(180deg,rgba(212,175,55,.055),rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.14);
    /* Safari/WebKit: vertikales Scrollen gehört dem Browser; horizontal wertet JS aus. */
    touch-action:pan-y pinch-zoom;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > .cockpit-jumpnav{
    display:none !important;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav{
    position:relative;
    display:block;
    min-width:0;
    margin:0 0 10px;
    padding:10px;
    border:1px solid rgba(212,175,55,.25);
    border-radius:11px;
    background:rgba(0,0,0,.48);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__eyebrow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:7px;
    color:var(--r4x-text-muted,#a7afc0);
    font-size:10px;
    font-weight:700;
    letter-spacing:.11em;
    line-height:1.3;
    text-transform:uppercase;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__eyebrow span:first-child{
    color:var(--r4x-gold,#d4af37);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:8px;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__orientation{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 36px;
    align-items:center;
    gap:7px;
    min-width:0;
    min-height:52px;
    padding:6px;
    border:1px solid rgba(212,175,55,.23);
    border-radius:9px;
    background:rgba(212,175,55,.065);
    touch-action:pan-y pinch-zoom;
    user-select:none;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__orientation-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:2px 4px;
    text-align:center;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__orientation strong{
    color:var(--r4x-text-primary,#f5f5f0);
    font-size:14px;
    line-height:1.3;
    overflow-wrap:anywhere;
    white-space:normal;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__orientation-copy > span{
    margin-top:2px;
    color:var(--r4x-text-muted,#a7afc0);
    font-size:11px;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__step{
    display:grid;
    place-items:center;
    width:36px;
    height:40px;
    padding:0;
    border:1px solid rgba(212,175,55,.36);
    border-radius:8px;
    background:#080808;
    color:var(--r4x-gold,#d4af37);
    font:inherit;
    font-size:18px;
    line-height:1;
    cursor:pointer;
  }
  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__step:hover,
  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__step:focus-visible{
    border-color:rgba(232,196,99,.68);
    background:rgba(212,175,55,.10);
    outline:none;
  }
  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__step[disabled]{
    opacity:.30;
    cursor:default;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu-button{
    min-height:48px;
    padding:8px 10px;
    border:1px solid rgba(212,175,55,.34);
    border-radius:8px;
    background:#090909;
    color:var(--r4x-text-secondary,#d7d9df);
    font:inherit;
    font-size:12px;
    font-weight:650;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu-button:focus-visible,
  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu button:focus-visible{
    outline:2px solid rgba(232,196,99,.78);
    outline-offset:2px;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__dots{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    margin:8px 0 9px;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__dots > span{
    position:relative;
    height:3px;
    border-radius:999px;
    background:rgba(255,255,255,.13);
    transition:background-color .16s ease,box-shadow .16s ease;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__dots > span[data-active="true"]{
    background:var(--r4x-gold,#d4af37);
    box-shadow:0 0 8px rgba(212,175,55,.28);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__dots > span[data-has-attention="true"]::after{
    content:"";
    position:absolute;
    top:7px;
    left:50%;
    width:6px;
    height:6px;
    border:2px solid #08090c;
    border-radius:50%;
    background:#d87a5b;
    box-shadow:0 0 0 2px rgba(216,122,91,.10);
    transform:translateX(-50%);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu{
    position:absolute;
    z-index:80;
    top:calc(100% - 4px);
    right:10px;
    left:10px;
    display:grid;
    gap:5px;
    padding:8px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:10px;
    background:#090a0c;
    box-shadow:0 18px 42px rgba(0,0,0,.58);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu[hidden]{
    display:none !important;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu button{
    position:relative;
    width:100%;
    min-height:42px;
    padding:9px 30px 9px 11px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:8px;
    background:rgba(255,255,255,.025);
    color:var(--r4x-text-secondary,#d7d9df);
    font:inherit;
    font-size:13px;
    text-align:left;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__menu button[aria-current="true"]{
    border-color:rgba(212,175,55,.44);
    background:rgba(212,175,55,.09);
    color:var(--r4x-text-primary,#f5f5f0);
  }

  body.cockpit[data-page="zentrale"] [data-r4x-mobile-choice-attention][data-has-attention="true"]{
    position:absolute;
    top:50%;
    right:12px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#d87a5b;
    transform:translateY(-50%);
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section]{
    margin-top:0;
    padding:14px 2px 4px;
    border-top:1px solid rgba(212,175,55,.18);
    -webkit-tap-highlight-color:transparent;
    touch-action:pan-y pinch-zoom;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:30px;
    margin-top:12px;
    padding:9px 10px 2px;
    border-top:1px solid rgba(212,175,55,.18);
    user-select:none;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region__footer > span{
    color:var(--r4x-gold,#d4af37);
    font-size:16px;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section][hidden]{
    display:none !important;
  }

  html[data-r4x-mobile-active-section="next_step"] body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section]:not([data-r4x-mobile-section="next_step"]),
  html[data-r4x-mobile-active-section="learning_progress"] body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section]:not([data-r4x-mobile-section="learning_progress"]),
  html[data-r4x-mobile-active-section="portfolio_market"] body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section]:not([data-r4x-mobile-section="portfolio_market"]),
  html[data-r4x-mobile-active-section="data"] body.cockpit[data-page="zentrale"] .r4x-mobile-swipe-region > [data-r4x-mobile-section]:not([data-r4x-mobile-section="data"]){
    display:none !important;
  }

  body.cockpit[data-page="zentrale"] .r4x-mobile-persistent-features{
    margin-top:44px;
    padding:18px 12px 14px;
    border-color:rgba(105,137,194,.44);
    border-radius:16px;
  }

}



/* Lernen & Fortschritt: drei klar getrennte Features statt einer optischen Kartenwolke. */
body.cockpit[data-page="zentrale"] .cockpit-learning-layout > #kompass-mount .cockpit-kompass-strip{
  border-color:rgba(212,175,55,.48) !important;
  border-left:3px solid rgba(232,196,99,.88) !important;
  background:
    radial-gradient(circle at 94% 4%,rgba(212,175,55,.13),transparent 34%),
    linear-gradient(135deg,rgba(34,29,13,.72),rgba(17,18,17,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,172,.05),0 10px 24px rgba(0,0,0,.13) !important;
}
body.cockpit[data-page="zentrale"] .cockpit-learning-layout > #ritual-mount > .cockpit-learning-memory{
  overflow:hidden;
  padding:0;
  border:1px solid rgba(105,137,194,.40);
  border-left:3px solid rgba(112,151,218,.82);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0,rgba(74,112,178,.14),transparent 38%),
    linear-gradient(145deg,rgba(10,18,32,.93),rgba(16,18,22,.97));
  box-shadow:inset 0 1px 0 rgba(164,194,244,.05),0 10px 24px rgba(0,0,0,.12);
}
body.cockpit[data-page="zentrale"] .cockpit-learning-layout .cockpit-learning-memory > .cockpit-memory-dock{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.cockpit[data-page="zentrale"] .cockpit-learning-layout .cockpit-learning-memory__active{
  margin:0 14px 14px;
  padding-top:12px;
  border-top:1px solid rgba(112,151,218,.20);
}
body.cockpit[data-page="zentrale"] .cockpit-learning-layout .cockpit-learning-memory__active :is(.cockpit-ritual__review,.cockpit-ritual__week){
  border-color:rgba(112,151,218,.28) !important;
  background:rgba(4,8,15,.46) !important;
  box-shadow:inset 3px 0 0 rgba(112,151,218,.34) !important;
}
body.cockpit[data-page="zentrale"] .cockpit-learning-layout > #ritual-mount > :is(.cockpit-ritual,.cockpit-ritual-complete){
  border-color:rgba(162,174,194,.34) !important;
  border-top:1px solid rgba(162,174,194,.34) !important;
  border-left:3px solid rgba(162,174,194,.72) !important;
  background:
    radial-gradient(circle at 92% 0,rgba(168,181,203,.08),transparent 35%),
    linear-gradient(180deg,rgba(26,29,34,.82),rgba(15,17,20,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.10) !important;
}

/* Daten: kein Accordion mehr. Der Sicherungsbereich ist direkt sichtbar. */
body.cockpit[data-page="zentrale"] .cockpit-home-data-panel{
  overflow:hidden;
  scroll-margin-top:128px;
  border:1px solid rgba(138,160,183,.28);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(138,160,183,.045),rgba(255,255,255,.012));
}
body.cockpit[data-page="zentrale"] .cockpit-home-data-panel__head{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:70px;
  padding:14px 16px;
  border-bottom:1px solid rgba(138,160,183,.16);
}
body.cockpit[data-page="zentrale"] .cockpit-home-data-panel__head .cockpit-home-disclosure__identity{
  width:100%;
}
body.cockpit[data-page="zentrale"] .cockpit-home-data-panel__body{
  padding:0 0 2px;
}

@media (hover:hover) and (pointer:fine){
  body.cockpit[data-page="zentrale"] .cockpit-card.cockpit-next--hero > .cockpit-next__compass{
    transform:rotate(0deg) scale(1) !important;
    transform-origin:center !important;
    transition:transform .52s cubic-bezier(.2,.75,.25,1),filter .52s ease,opacity .3s ease !important;
    will-change:transform,filter;
  }

  body.cockpit[data-page="zentrale"] .cockpit-card.cockpit-next--hero:hover > .cockpit-next__compass{
    transform:rotate(11deg) scale(1.055) !important;
    filter:drop-shadow(0 0 10px rgba(212,175,55,.28)) !important;
    opacity:.82;
  }
}

@media (prefers-reduced-motion:reduce){
  body.cockpit[data-page="zentrale"] .r4x-mobile-section-nav__dots > span,
  body.cockpit[data-page="zentrale"] .cockpit-card.cockpit-next--hero > .cockpit-next__compass{
    transition:none !important;
  }
}


/* ====================================================================
   v2966 · Mobile Prüfen-Karte kompakter + Zentrale Plus-Icon konsistent
   ==================================================================== */

/* Die Bildüberschrift ist nur für die kompakte Mobile-Komposition sichtbar.
   Die semantische Überschrift im Content bleibt für Desktop und Assistive
   Technology erhalten. */
body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media-heading{
  display:none;
}

/* Der Zentrale-Topbar-CTA verwendet dieselbe weiße, gold akzentuierte
   Produktmarke wie die übrigen Cockpit-Bereiche. Explizite SVG-Maße schützen
   die Darstellung vor geerbten Icon-Regeln. */
body.cockpit[data-page="zentrale"] .cockpit-topbar__account .r4x-plus-product-icon,
body.cockpit[data-page="zentrale"] .cockpit-topbar__account .r4x-plus-product-icon img{
  width:18px;
  height:18px;
  flex:0 0 18px;
}
body.cockpit[data-page="zentrale"] .cockpit-topbar__account .r4x-plus-product-icon img{
  display:block;
}

@media (max-width:640px){
  body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 0 0;
    padding:20px 0 0;
    border-top:1px solid rgba(212,175,55,.18);
  }
  body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator::before{
    width:20px;
    height:2px;
    flex:0 0 20px;
    background:#a0a9bf;
  }
  body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator__title{
    color:var(--r4x-gold,#d4af37) !important;
    font-size:var(--r4x-size-xs,12px);
    font-weight:700;
    line-height:1.2;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media{
    position:relative;
    min-height:112px !important;
    max-height:112px !important;
    height:112px !important;
    overflow:hidden;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media img{
    width:100%;
    min-height:112px !important;
    height:112px !important;
    object-fit:cover;
    object-position:center 48%;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(2,4,8,.03) 18%,rgba(2,4,8,.20) 48%,rgba(2,4,8,.88) 100%);
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media-heading{
    position:absolute;
    left:20px;
    right:20px;
    bottom:13px;
    z-index:2;
    display:grid;
    gap:3px;
    pointer-events:none;
    text-shadow:0 1px 8px rgba(0,0,0,.72);
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media-eyebrow{
    color:var(--r4x-gold,#e8c463);
    font-size:11px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__media-title{
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:1.08;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__content > .cockpit-pruefen-entry-card__eyebrow,
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__content > .cockpit-pruefen-entry-card__title{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__content{
    min-height:0 !important;
    padding:14px 20px 16px !important;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__text{
    margin-top:0 !important;
  }
  body.cockpit[data-page="zentrale"] .cockpit-pruefen-entry-card__actions{
    margin-top:13px !important;
  }
}


/* v2969 · gemeinsame Heading-Komponente statt zweier nur aehnlich aussehender Varianten */
body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator::before{
  display:none !important;
}
body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator__title.cockpit-cluster__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  font:inherit;
  font-size:var(--r4x-size-xs,12px);
  line-height:normal;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--r4x-gold,#d4af37) !important;
}
body.cockpit[data-page="zentrale"] .cockpit-next-pruefen-separator__title.cockpit-cluster__eyebrow::before{
  content:"";
  display:block;
  width:20px;
  height:2px;
  flex:0 0 20px;
  border-radius:2px;
  background:#a0a9bf;
}


/* r293 · Erst-Onboarding: Die Bereichsnavigation konkurriert nicht mit dem Aktivierungs-Screen. */
body.cockpit[data-page="zentrale"].r4x-first-activation .r4x-mobile-swipe-region{
  display:none !important;
}

/* v2970 · Wissensgedächtnis: die eigentliche Wiederholungsfrage ist der visuelle Fokus. */
body.cockpit[data-page="zentrale"] .cockpit-learning-memory__active .cockpit-ritual__review h4{
  margin:10px 0 9px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.18);
  border-left:3px solid rgba(112,151,218,.82);
  border-radius:11px;
  background:#05070b;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.35;
  font-weight:700;
}
@media(max-width:760px){
  body.cockpit[data-page="zentrale"] .cockpit-learning-memory__active .cockpit-ritual__review h4{padding:12px 13px;font-size:17px;}
}