/* NBC v7.481 · Process + ERP calculator final visual polish
   Scope: contrast, control affordance, semantic micro-visual legibility. No model logic changes. */

/* =========================================================
   PROCESS · preserve semantic signatures as visible line icons
   ========================================================= */
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-gap-focus{
  fill:none!important;stroke:rgba(190,232,201,.26)!important;stroke-width:1.35!important;stroke-dasharray:3 5!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-system-box{
  fill:rgba(239,208,146,.065)!important;stroke:rgba(239,208,146,.66)!important;stroke-width:1.3!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-info-sheet{
  fill:rgba(220,232,223,.045)!important;stroke:rgba(211,226,216,.68)!important;stroke-width:1.25!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-decision-diamond{
  fill:rgba(220,232,223,.035)!important;stroke:rgba(211,226,216,.68)!important;stroke-width:1.25!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-decision-check,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-return-mini,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-return-arrow,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-role-body,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-location-person-body,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-location-side{
  fill:none!important;stroke:rgba(194,225,203,.62)!important;stroke-width:1.25!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-manual-workbench{
  fill:rgba(239,208,146,.048)!important;stroke:rgba(239,208,146,.64)!important;stroke-width:1.25!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-wait-dot{
  fill:rgba(239,208,146,.72)!important;stroke:none!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] :is(.rf-role-head,.rf-location-person-head,.rf-handoff-person,.rf-handoff-mini-token){
  fill:rgba(184,230,198,.095)!important;stroke:rgba(184,230,198,.64)!important;stroke-width:1.15!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .rf-location-side-box{
  fill:rgba(184,230,198,.065)!important;stroke:rgba(184,230,198,.54)!important;stroke-width:1.1!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-reset{
  appearance:none!important;min-height:36px!important;padding:8px 12px!important;border:1px solid rgba(184,230,198,.16)!important;
  border-radius:999px!important;background:rgba(255,255,255,.018)!important;color:#9eb1a4!important;
  font:550 11px/1.2 Archivo,Arial,sans-serif!important;cursor:pointer!important;
}
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-reset:hover,
html body.service-process #sollweg-echtweg [data-process-reality-app="v6416"] .pr-reset:focus-visible{
  border-color:rgba(184,230,198,.34)!important;color:#e5eee7!important;background:rgba(184,230,198,.045)!important;
}

/* =========================================================
   ERP · controls must never inherit light/native button chrome
   ========================================================= */
html body.service-erp #erp-belastungsprobe :is(.ec-run,.ec-provider-switch,.ec-mobile-provider-tab,.ec-edit){
  appearance:none!important;-webkit-appearance:none!important;font-family:Archivo,Arial,sans-serif!important;
}
html body.service-erp #erp-belastungsprobe .ec-run{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:12px 18px!important;
  border:1px solid rgba(184,230,198,.34)!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(184,230,198,.16),rgba(184,230,198,.075))!important;
  color:#edf5ef!important;font:650 13px/1.2 Archivo,Arial,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.16)!important;
}
html body.service-erp #erp-belastungsprobe .ec-run:hover,
html body.service-erp #erp-belastungsprobe .ec-run:focus-visible{
  border-color:rgba(184,230,198,.58)!important;background:linear-gradient(180deg,rgba(184,230,198,.22),rgba(184,230,198,.105))!important;
}
html body.service-erp #erp-belastungsprobe .ec-provider-switch{
  width:100%!important;min-width:0!important;border:1px solid transparent!important;border-radius:12px!important;
  background:transparent!important;color:#e7f0e9!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;
}
html body.service-erp #erp-belastungsprobe .ec-provider-switch:hover,
html body.service-erp #erp-belastungsprobe .ec-provider-switch[aria-pressed="true"]{
  border-color:rgba(184,230,198,.15)!important;background:rgba(184,230,198,.035)!important;
}
html body.service-erp #erp-belastungsprobe .ec-provider-letter{
  display:grid!important;place-items:center!important;border:1px solid rgba(184,230,198,.28)!important;border-radius:8px!important;
  background:rgba(184,230,198,.035)!important;color:#cce5d3!important;font:650 11px/1 'IBM Plex Mono',monospace!important;
}
html body.service-erp #erp-belastungsprobe .ec-provider--rail{
  border:1px solid rgba(184,230,198,.075)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,29,20,.74),rgba(8,19,13,.64))!important;
}
html body.service-erp #erp-belastungsprobe .ec-provider[data-active-comparison="true"]{
  border-color:rgba(184,230,198,.16)!important;
  background:radial-gradient(circle at 52% 48%,rgba(184,230,198,.045),transparent 46%),linear-gradient(180deg,rgba(16,34,24,.78),rgba(9,21,15,.68))!important;
}
html body.service-erp #erp-belastungsprobe .ec-lane-shell--compact{
  border:1px solid rgba(184,230,198,.095)!important;border-radius:15px!important;
  background:radial-gradient(circle at 50% 48%,rgba(116,181,137,.075),transparent 46%),linear-gradient(180deg,rgba(11,25,17,.82),rgba(7,17,12,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),inset 0 0 40px rgba(0,0,0,.09)!important;
}
html body.service-erp #erp-belastungsprobe .ec-system-boundary{
  fill:rgba(13,29,21,.16)!important;stroke:rgba(184,230,198,.16)!important;stroke-width:1.1!important;
}
html body.service-erp #erp-belastungsprobe .ec-zone--extension{fill:rgba(210,188,120,.038)!important;}
html body.service-erp #erp-belastungsprobe .ec-zone--config{fill:rgba(151,202,169,.040)!important;}
html body.service-erp #erp-belastungsprobe .ec-zone--standard{fill:rgba(184,230,198,.052)!important;stroke:rgba(184,230,198,.085)!important;}
html body.service-erp #erp-belastungsprobe .ec-zone--outside{fill:rgba(170,184,220,.028)!important;stroke:rgba(170,184,220,.07)!important;}
html body.service-erp #erp-belastungsprobe .ec-active-station-zone{fill:rgba(184,230,198,.028)!important;stroke:rgba(184,230,198,.10)!important;}
html body.service-erp #erp-belastungsprobe .ec-object-path--regular{stroke:rgba(202,232,210,.70)!important;}
html body.service-erp #erp-belastungsprobe .ec-object-path--exception{stroke:rgba(218,235,223,.32)!important;}
html body.service-erp #erp-belastungsprobe .ec-object-path--follow{stroke:rgba(172,207,184,.27)!important;}
html body.service-erp #erp-belastungsprobe :is(.ec-owner-label,.ec-zone-label,.ec-node-index){opacity:.68!important;}
html body.service-erp #erp-belastungsprobe :is(.ec-event-tag,.ec-marker-label){opacity:.80!important;}

/* Comparison/detail area: readable analytical cards, not browser-native controls. */
html body.service-erp #erp-belastungsprobe .ec-shared-compare{
  border:1px solid rgba(184,230,198,.11)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(12,27,19,.72),rgba(8,19,13,.66))!important;
}
html body.service-erp #erp-belastungsprobe .ec-compare-grid{gap:12px!important;}
html body.service-erp #erp-belastungsprobe .ec-compare-provider{
  border:1px solid rgba(184,230,198,.10)!important;border-radius:14px!important;
  background:rgba(255,255,255,.016)!important;padding:14px!important;
}
html body.service-erp #erp-belastungsprobe .ec-compare-provider[data-active="true"]{
  border-color:rgba(184,230,198,.20)!important;background:rgba(184,230,198,.035)!important;
}
html body.service-erp #erp-belastungsprobe .ec-edit{
  min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(184,230,198,.18)!important;border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;color:#c9d8cd!important;font:600 10.5px/1.1 Archivo,Arial,sans-serif!important;cursor:pointer!important;
}
html body.service-erp #erp-belastungsprobe .ec-edit:hover,
html body.service-erp #erp-belastungsprobe .ec-edit:focus-visible{border-color:rgba(184,230,198,.36)!important;color:#f0f6f1!important;background:rgba(184,230,198,.045)!important;}

@media(max-width:760px){
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs{
    gap:7px!important;padding-top:23px!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tab{
    min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    padding:7px 5px!important;border:1px solid rgba(184,230,198,.13)!important;border-radius:11px!important;
    background:rgba(255,255,255,.014)!important;color:#aebfb3!important;box-shadow:none!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tab[aria-pressed="true"]{
    border-color:rgba(184,230,198,.38)!important;background:rgba(184,230,198,.065)!important;color:#eff6f0!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tab .ec-provider-letter{
    width:23px!important;height:23px!important;flex:0 0 23px!important;border-radius:7px!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tab strong{
    display:block!important;min-width:0!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-provider--rail{padding:12px 10px!important;border-radius:15px!important;}
  html body.service-erp #erp-belastungsprobe .ec-provider-meta--rail{min-height:46px!important;}
  html body.service-erp #erp-belastungsprobe .ec-lane-shell--compact{border-radius:13px!important;}
  html body.service-erp #erp-belastungsprobe .ec-shared-compare{padding:14px 12px!important;border-radius:15px!important;}
  html body.service-erp #erp-belastungsprobe .ec-compare-provider{padding:12px!important;}
  html body.service-erp #erp-belastungsprobe .ec-compare-provider-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
}

@media(prefers-reduced-motion:reduce){
  html body.service-process #sollweg-echtweg .pr-reset,
  html body.service-erp #erp-belastungsprobe :is(.ec-run,.ec-provider-switch,.ec-mobile-provider-tab,.ec-edit){transition:none!important;}
}

/* Mobile ERP: one provider lane at a time. Tabs are the explicit switcher. */
@media(max-width:760px){
  html body.service-erp #erp-belastungsprobe .ec-mobile-provider-tabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-providers--rails > .ec-provider--rail:not([data-active-comparison="true"]){
    display:none!important;
  }
  html body.service-erp #erp-belastungsprobe .ec-providers--rails > .ec-provider--rail[data-active-comparison="true"]{
    display:grid!important;
  }
}
