/* R4X Cockpit Next Dynamics v2010
   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")
   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;
  }
}