/*! NBC v7.386 · Process Reality Premium Pass */

/* 1) Entry state: remove the oversized empty start canvas and keep the pre-start focused. */
html body.page.design-system-executive.service-process #sollweg-echtweg [data-process-reality-app="v6416"][data-pr-started="false"],
html body.page.design-system-executive.service-process #sollweg-echtweg [data-process-reality-app="v6416"][data-pr-started="false"] .pr-stage,
html body.page.design-system-executive.service-process #sollweg-echtweg .nbc-process-cross-section[data-pr-started="false"]{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
html body.page.design-system-executive.service-process #sollweg-echtweg [data-process-reality-app="v6416"][data-pr-started="false"] .pr-phase-rail,
html body.page.design-system-executive.service-process #sollweg-echtweg [data-process-reality-app="v6416"][data-pr-started="false"] .pj-model-note{
  display:none!important;
}
html body.page.design-system-executive.service-process #sollweg-echtweg [data-process-reality-app="v6416"][data-pr-started="false"] :is(.pr-header,.pr-phase-rail,.pr-custom-editor,.pr-workspace,.pr-scene-insights,.pr-performance-readout,.pj-case){
  display:none!important;
}

/* 2) Promote the actual process stage and make the editor clearly secondary. */
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-tool-head{
  margin-bottom:18px!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-layout{
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr)!important;
  gap:clamp(28px,3vw,42px)!important;
  align-items:start!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow{
  min-width:0!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-diagram{
  align-items:start!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-visual{
  height:330px!important;
  margin-top:4px!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-labels{
  min-width:0!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-editor{
  opacity:.94;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-break-dock{
  padding-top:0!important;
}

/* 3) Stronger, cleaner control language. */
#sollweg-echtweg [data-process-reality-app="v6416"] :is(.pr-process-picker button,.pr-dock-option,.pr-compare-toggle button,.pc-mobile-mode button){
  transition:border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
#sollweg-echtweg [data-process-reality-app="v6416"] :is(.pr-process-picker button,.pr-dock-option,.pr-compare-toggle button,.pc-mobile-mode button):hover{
  transform:translateY(-1px);
}
#sollweg-echtweg [data-process-reality-app="v6416"] :is(.pr-process-picker button,.pr-dock-option,.pr-compare-toggle button,.pc-mobile-mode button)[aria-pressed="true"]{
  border-color:rgba(169,220,188,.88)!important;
  background:linear-gradient(180deg,rgba(169,220,188,.18),rgba(169,220,188,.08))!important;
  color:#eff5f0!important;
  box-shadow:inset 0 0 0 1px rgba(169,220,188,.18), 0 10px 28px rgba(0,0,0,.12)!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-dock-value="wait"][aria-pressed="true"]{
  border-color:rgba(237,199,130,.92)!important;
  background:linear-gradient(180deg,rgba(237,199,130,.2),rgba(237,199,130,.08))!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-dock-value="manual"][aria-pressed="true"]{
  border-color:rgba(233,183,104,.92)!important;
  background:linear-gradient(180deg,rgba(233,183,104,.2),rgba(233,183,104,.08))!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-dock-value="return"][aria-pressed="true"]{
  border-color:rgba(223,119,113,.92)!important;
  background:linear-gradient(180deg,rgba(223,119,113,.2),rgba(223,119,113,.08))!important;
}

/* 4) Put the comparison after the process stage and make it read as consequence, not parallel clutter. */
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-readout{
  margin:24px 0 0!important;
  padding:22px 0 0!important;
  border-top:1px solid rgba(210,226,215,.14)!important;
  border-bottom:0!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-head>div:first-child strong{
  font-size:clamp(22px,1.9vw,30px)!important;
  line-height:1.16!important;
  letter-spacing:-.03em!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-compare{
  grid-template-columns:1fr!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-state{
  grid-template-columns:minmax(110px,.58fr) 1fr 1fr!important;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-state + .pr-performance-state{
  border-top:1px solid rgba(210,226,215,.11)!important;
}

/* 5) Result and handoff actions must stay visible in the live flow, not in the hidden fallback result block. */
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-outcome .pr-result-actions{
  display:flex;
}
#sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-outcome .pr-contact{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-height:44px;
  padding-inline:16px;
}

/* 6) Title emphasis: the state the user is in should read immediately. */
#sollweg-echtweg .nbc-process-cross-section[data-pr-heading="plan"] .pr-title-block h2{color:rgba(244,245,240,.9)!important}
#sollweg-echtweg .nbc-process-cross-section[data-pr-heading="plan"] .pr-title-block h2 span{color:rgba(211,226,215,.58)!important}
#sollweg-echtweg .nbc-process-cross-section[data-pr-heading="reality"] .pr-title-block h2{color:rgba(224,233,226,.66)!important}
#sollweg-echtweg .nbc-process-cross-section[data-pr-heading="reality"] .pr-title-block h2 span{color:#f3f5f1!important}

/* 7) Tablet: real stacked layout with readable comparison and larger vertical process axis. */
@media (max-width:980px){
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-layout{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-state{
    grid-template-columns:minmax(92px,.55fr) 1fr 1fr!important;
    gap:12px!important;
  }
}

@media (min-width:621px) and (max-width:980px){
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-diagram{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-labels{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    height:auto!important;
    order:1!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-label{
    width:100%!important;
    min-height:96px!important;
    padding:10px 10px 12px!important;
    align-content:start!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-label small{
    font-size:11px!important;
    line-height:1.3!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-visual{
    order:2!important;
    width:100%!important;
    height:220px!important;
    margin-top:0!important;
  }
}

/* 8) Mobile: keep the vertical process readable and action hierarchy clean. */
@media (max-width:620px){
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-diagram{
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:14px!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-visual{
    width:94px!important;
    height:500px!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-flow .of-labels{
    height:500px!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-readout{
    margin-top:20px!important;
    padding-top:18px!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-state{
    grid-template-columns:1fr 1fr!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .pr-performance-state > span{
    grid-column:1 / -1!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-outcome .pr-result-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-outcome .pr-result-actions__controls{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #sollweg-echtweg [data-process-reality-app="v6416"] :is(.pr-process-picker button,.pr-dock-option,.pr-compare-toggle button,.pc-mobile-mode button){
    transition:none!important;
    transform:none!important;
  }
}