/* Update 2.0 — dashboard clarity layer only.
   Introductie cards, Academy cards, routing and application logic are excluded. */

[data-tour="welcome"] > .mb-8.space-y-5 {
  gap: 0.9rem;
}

/* Clear reading order: NOW → JOURNEY → NEXT / SUPPORT → secondary content. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) { order: 1 !important; }
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) { order: 2 !important; }
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) { order: 3 !important; }
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(4) { order: 4 !important; }

/* Main orientation card: greeting is context, the next action is the focus. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) {
  border-color: #e5e7eb;
  box-shadow: 0 8px 26px rgb(15 23 42 / 0.045);
  background: #fff;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid {
  gap: 0.85rem;
  padding: 1.05rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) h1 {
  margin-top: 0.25rem;
  font-size: clamp(1.35rem, 1.8vw, 1.7rem);
  line-height: 1.15;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:first-child > p {
  display: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:first-child > .mt-5 {
  margin-top: 0.9rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:nth-child(2) {
  position: relative;
  overflow: hidden;
  border-color: rgb(var(--color-brand-primary) / 0.2);
  background: #fff;
  box-shadow: none;
  padding: 1rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:nth-child(2)::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgb(var(--color-brand-primary));
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:nth-child(2) h2 {
  margin-top: 0.45rem;
  font-size: 1rem;
  line-height: 1.4rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:nth-child(2) button {
  min-height: 2.65rem;
  margin-top: 0.75rem;
  border-radius: 0.85rem;
  box-shadow: none;
}

/* Journey becomes a thin orientation strip instead of six competing cards. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) {
  padding: 0.9rem 1rem;
  box-shadow: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .flex:first-child {
  align-items: center;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .flex:first-child h2 {
  font-size: 0.92rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .mt-5.grid {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.65rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
  scrollbar-width: thin;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .mt-5.grid > div {
  min-width: 7.6rem;
  flex: 1 0 0;
  padding: 0.55rem 0.65rem;
  border-radius: 0.8rem;
  box-shadow: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .mt-5.grid > div > div:first-child > span:first-child {
  width: 1.45rem;
  height: 1.45rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .mt-5.grid > div p.mt-3 {
  margin-top: 0.35rem;
  font-size: 0.7rem;
}

/* Next actions + support: light work surface, not another dashboard inside dashboard. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) {
  gap: 0.8rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article {
  padding: 1rem;
  border-color: #e5e7eb;
  box-shadow: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:first-child > div:first-child p.mt-1 {
  display: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:first-child > .mt-4 {
  margin-top: 0.75rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:first-child > .mt-4 > div {
  padding: 0.7rem 0.8rem;
  border-radius: 0.85rem;
}

/* Two upcoming actions are enough for orientation; the full plan remains below. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:first-child > .mt-4 > div:nth-child(n+3) {
  display: none;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:nth-child(2) {
  background: #fbfcfe;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:nth-child(2) .space-y-2\.5 > div {
  padding: 0.7rem;
  background: #fff;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article:nth-child(2) .mt-3 {
  padding: 0.7rem;
}

/* Secondary learning/help remains available but visually quieter. */
[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(4) {
  gap: 0.8rem;
}

[data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(4) > article {
  box-shadow: none;
}

@media (min-width: 1024px) {
  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid {
    grid-template-columns: minmax(13rem, 0.58fr) minmax(32rem, 1.42fr);
    align-items: center;
    padding: 1.1rem 1.25rem;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) {
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.7fr);
  }
}

@media (max-width: 767px) {
  [data-tour="welcome"] > .mb-8.space-y-5 {
    gap: 0.7rem;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1),
  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2),
  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(3) > article,
  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(4) > article {
    border-radius: 1rem;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid {
    padding: 0.85rem;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(1) > .grid > div:nth-child(2) {
    padding: 0.9rem;
    border-radius: 0.9rem;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .flex:first-child > span {
    display: none;
  }

  [data-tour="welcome"] > .mb-8.space-y-5 > section:nth-of-type(2) > .mt-5.grid > div {
    min-width: 7.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-tour="welcome"] > .mb-8.space-y-5 *,
  [data-tour="welcome"] > .mb-8.space-y-5 *::before,
  [data-tour="welcome"] > .mb-8.space-y-5 *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}