/* NBC v7.406 · Instrument UX/UI final polish
   Scope: information hierarchy, state clarity, mobile collision hardening.
   No calculations, datasets or motion engines are changed. */
@layer nbc.v7384fix {

  /* =========================================================
     PROCESS CALCULATOR · selection is selection, status stays semantic
     ========================================================= */
  html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[aria-pressed="true"]{
    border-color:rgba(169,220,188,.86)!important;
    background:linear-gradient(180deg,rgba(169,220,188,.15),rgba(169,220,188,.065))!important;
    box-shadow:inset 0 0 0 1px rgba(169,220,188,.16),0 10px 26px rgba(0,0,0,.10)!important;
  }
  /* Status meaning remains in icon/signature instead of recolouring the whole selection frame. */
  html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-tone="amber"][aria-pressed="true"],
  html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-tone="red"][aria-pressed="true"],
  html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-tone="paper"][aria-pressed="true"],
  html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-dock-option[data-pr-tone="neutral"][aria-pressed="true"]{
    border-color:rgba(169,220,188,.86)!important;
    background:linear-gradient(180deg,rgba(169,220,188,.15),rgba(169,220,188,.065))!important;
  }
  @media (min-width:701px){
    html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-process-semantic{
      top:21px!important;
    }
  }

  /* =========================================================
     ERP PROVIDER PROOF · explain the three independent control dimensions
     ========================================================= */
  @media (max-width:700px){
    html body.service-erp #erp-belastungsprobe .ec-reference-band--compact,
    html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs,
    html body.service-erp #erp-belastungsprobe .ec-global-stations{
      position:relative!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-reference-band--compact::before,
    html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs::before,
    html body.service-erp #erp-belastungsprobe .ec-global-stations::before{
      display:block!important;
      color:rgba(176,205,184,.68)!important;
      font:650 9.5px/1.2 'IBM Plex Mono',monospace!important;
      letter-spacing:.11em!important;
      text-transform:uppercase!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-reference-band--compact::before{
      content:"GESCHÄFTSFALL";
      grid-column:1/-1!important;
      margin:0 0 6px!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs{
      padding-top:22px!important;
      margin-top:14px!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs::before{
      content:"ANBIETER";
      position:absolute!important;
      top:0!important;left:0!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-global-stations{
      margin-top:14px!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-global-stations::before{
      content:"STATION";
      grid-column:1/-1!important;
      margin:0 0 4px!important;
      text-align:left!important;
    }
  }
  @media (min-width:901px){
    html body.service-erp #erp-belastungsprobe .ec-provider{
      opacity:.82!important;
      filter:saturate(.92)!important;
      transition:opacity .2s ease,filter .2s ease,transform .2s ease!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-provider[data-active-comparison="true"]{
      opacity:1!important;
      filter:saturate(1.04)!important;
      transform:translateY(-1px)!important;
    }
  }

  /* =========================================================
     KI DECISION LAB · mobile contrast/word breaking + causal linkage
     ========================================================= */
  @media (max-width:700px){
    html body.service-ki .ki-lab .ki-lab__group--conditions > summary > strong,
    html body.service-ki .ki-lab .ki-lab__group--conditions summary strong{
      color:#eaf2eb!important;
      -webkit-text-fill-color:#eaf2eb!important;
      opacity:1!important;
    }
    html body.service-ki .ki-lab .ki-lab__field label,
    html body.service-ki .ki-lab .ki-condition__head label{
      overflow-wrap:normal!important;
      word-break:normal!important;
      hyphens:auto!important;
    }
    html body.service-ki .ki-lab .ki-lab__field{
      grid-template-columns:clamp(116px,31vw,124px) minmax(0,1fr)!important;
    }
  }
  html body.service-ki .ki-lab .ki-lab__stress button[aria-pressed="true"]{
    border-color:rgba(169,220,188,.78)!important;
    box-shadow:inset 0 0 0 1px rgba(169,220,188,.14),0 0 24px rgba(139,207,154,.075)!important;
  }
  html body.service-ki .ki-lab .ki-lab__stop{
    transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
  }
  html body.service-ki .ki-lab[data-ki-impact]:not([data-ki-impact="idle"]) .ki-lab__stop,
  html body.service-ki .ki-lab .ki-lab__stop[data-tone]:not([data-tone="clear"]){
    border-color:rgba(169,220,188,.30)!important;
    box-shadow:0 0 0 1px rgba(169,220,188,.06),0 0 30px rgba(139,207,154,.05)!important;
  }

  /* =========================================================
     BAROMETER · separate business actions from utilities
     ========================================================= */
  html body.page-barometer .baro-toolbar [data-baro-load],
  html body.page-barometer .baro-toolbar [data-baro-improve],
  html body.page-barometer .baro-toolbar [data-baro-improve-stop]{
    border-color:rgba(169,220,188,.42)!important;
    background:rgba(169,220,188,.075)!important;
    color:#eaf3ec!important;
    font-weight:650!important;
  }
  html body.page-barometer .baro-toolbar [data-baro-share],
  html body.page-barometer .baro-toolbar [data-baro-undo],
  html body.page-barometer .baro-toolbar [data-baro-reset]{
    background:transparent!important;
    border-color:rgba(190,210,197,.13)!important;
    color:rgba(211,225,215,.62)!important;
    font-size:11px!important;
  }
  html body.page-barometer .baro-toolbar [data-baro-share]:hover,
  html body.page-barometer .baro-toolbar [data-baro-undo]:hover,
  html body.page-barometer .baro-toolbar [data-baro-reset]:hover{
    color:#e5eee7!important;
    border-color:rgba(190,210,197,.26)!important;
  }

  /* =========================================================
     DIGITAL CHECK · diagnostic focus, compact completion state
     ========================================================= */
  html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc5-lanes{
    opacity:.34!important;
    transition:opacity .2s ease!important;
  }
  html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc5-zones{
    opacity:.48!important;
    transition:opacity .2s ease!important;
  }
  html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc5-elements{
    opacity:.58!important;
    transition:opacity .2s ease!important;
  }
  html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc5-focus-layer,
  html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc5-particles{
    opacity:1!important;
  }
  @media (hover:hover){
    html body.page-digital-check #digital-check[data-dc5-mode="result"] .dc5-model-svg:hover :is(#dc5-lanes,#dc5-zones,#dc5-elements){
      opacity:.82!important;
    }
  }
  html body.page-digital-check #digital-check[data-dc5-mode="result"] .dc84-evidence-badge{
    display:inline-flex!important;
    width:auto!important;
    max-width:max-content!important;
    min-height:0!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    line-height:1.2!important;
  }
  @media (max-width:700px){
    html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc-answer-navigation{
      min-height:42px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-start!important;
      padding:0!important;
      margin:0 0 10px!important;
      border-bottom:1px solid rgba(183,211,196,.14)!important;
    }
    html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc-answer-navigation button{
      display:none!important;
    }
    html body.page-digital-check #digital-check[data-dc5-mode="result"] #dc-answer-navigation::before{
      content:"✓ " attr(data-completed-summary);
      color:#a9dcb7!important;
      font:650 10px/1.3 'IBM Plex Mono',monospace!important;
      letter-spacing:.08em!important;
      text-transform:uppercase!important;
    }
  }

  /* =========================================================
     OPERATING TWIN · mobile collision contract + scroll affordance + density
     ========================================================= */
  @media (max-width:700px){
    html body.page-home [data-home-twin-engine][data-home-twin-layout="mobile"] .ts-data-decision{
      translate:0 42px!important;
    }
    html body.page-home [data-home-twin-engine][data-home-twin-layout="mobile"] .ts-people-gate{
      translate:0 40px!important;
    }
    html body.page-home [data-home-twin-engine] .operating-twin__scenarios{
      padding-right:30px!important;
      scroll-padding-inline:0 30px!important;
      -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),rgba(0,0,0,.18) calc(100% - 7px),transparent 100%)!important;
      mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),rgba(0,0,0,.18) calc(100% - 7px),transparent 100%)!important;
    }
    html body.page-home [data-home-twin-engine] .operating-twin__scenario{
      flex-basis:min(72vw,238px)!important;
    }
  }
  @media (min-width:901px){
    html body.page-home [data-home-twin-engine] .operating-twin__scenario-panel{
      margin-top:14px!important;
      padding-top:13px!important;
    }
  }
}

/* v7.406 post-render QA micro-corrections */
html body.service-ki .ki-lab .ki-lab__group--conditions > summary > strong,
html body.service-ki .ki-lab .ki-lab__group--conditions summary strong{
  color:#eaf2eb!important;
  -webkit-text-fill-color:#eaf2eb!important;
  opacity:1!important;
}
@media (max-width:700px){
  html body.service-erp #erp-belastungsprobe .ec-reference-band--compact::before{
    padding-top:3px!important;
  }
}
@media (max-width:700px){
  html body.service-erp #erp-belastungsprobe .ec-reference-band--compact{
    padding:24px 9px 9px!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-reference-band--compact::before{
    position:absolute!important;
    top:8px!important;
    left:9px!important;
    margin:0!important;
    padding:0!important;
    grid-column:auto!important;
  }
}
@layer nbc.v7384fix {
  @media (max-width:700px){
    html body.service-erp #erp-belastungsprobe .ec-reference-band--compact{
      padding:24px 9px 9px!important;
    }
    html body.service-erp #erp-belastungsprobe .ec-reference-band--compact::before{
      position:absolute!important;
      top:8px!important;
      left:9px!important;
      margin:0!important;
      padding:0!important;
      grid-column:auto!important;
    }
  }
}
@layer nbc.v7384fix {
  html body.service-process #sollweg-echtweg .rf-process-flow .of-label.is-process-focus[aria-pressed="true"]{
    outline:2px solid rgba(169,220,188,.92)!important;
    outline-offset:2px!important;
    box-shadow:0 0 0 1px rgba(169,220,188,.10),0 10px 22px rgba(0,0,0,.12)!important;
  }
}