/* 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; }
}