/* Praxoria Startseite – v628: Feinschliff Freitextbewertung.
   Enger Patch auf v627: nur Bewertung und Rückmeldung der bestehenden Transfer-Workflowkarte. */

html body.home.homeRefinedV628 .sceneTransferV588 .transferWorkflowV627{
  height:238px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(69,168,204,.095), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(143,180,95,.055), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.72)) !important;
  box-shadow:0 26px 62px rgba(18,36,58,.068), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

html body.home.homeRefinedV628 .sceneTransferV588 .workflowLayerV627{
  padding:20px 22px !important;
}

/* Bewertung: ruhiger kriterialer Abgleich statt technischer Chips */
html body.home.homeRefinedV628 .sceneTransferV588 .assessLayerV627{
  padding-top:19px !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .assessLayerV627 > strong{
  margin-bottom:4px !important;
  letter-spacing:-.038em !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .assessmentFocusV628{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  height:23px !important;
  margin:2px 0 8px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.66) !important;
  border:1px solid rgba(69,168,204,.12) !important;
  color:rgba(23,33,52,.50) !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:860 !important;
  letter-spacing:.01em !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627{
  width:286px !important;
  min-height:31px !important;
  margin:6px 0 0 !important;
  padding:7px 12px 7px 34px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  column-gap:7px !important;
  align-items:center !important;
  border-radius:15px !important;
  background:
    linear-gradient(90deg, rgba(225,247,253,.86), rgba(255,255,255,.72)) !important;
  border:1px solid rgba(69,168,204,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 8px 18px rgba(69,168,204,.035) !important;
  color:rgba(23,33,52,.68) !important;
  transform-origin:left center !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627:nth-of-type(3){ animation:v628CriterionOne 13s ease-in-out infinite !important; }
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627:nth-of-type(4){ animation:v628CriterionTwo 13s ease-in-out infinite !important; }
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627:nth-of-type(5){ animation:v628CriterionThree 13s ease-in-out infinite !important; }
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627 i{
  left:12px !important;
  width:9px !important;
  height:9px !important;
  background:rgba(69,168,204,.52) !important;
  box-shadow:0 0 0 5px rgba(69,168,204,.075) !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627 b{
  font-size:11.7px !important;
  line-height:1 !important;
  font-weight:930 !important;
  color:rgba(23,33,52,.72) !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627 em{
  justify-self:end !important;
  max-width:132px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-style:normal !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:760 !important;
  color:rgba(23,33,52,.46) !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .assessLayerV627::after{
  right:24px !important;
  top:31px !important;
  width:50px !important;
  height:50px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(69,168,204,.34) 0 5px, transparent 6px),
    conic-gradient(from 0deg, rgba(69,168,204,.24), rgba(69,168,204,.05), rgba(69,168,204,.22), rgba(69,168,204,.06)) !important;
  box-shadow:0 14px 34px rgba(69,168,204,.075), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .assessLayerV627::before{
  content:"" !important;
  position:absolute !important;
  right:86px !important;
  top:73px !important;
  width:150px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(69,168,204,.22), transparent) !important;
  opacity:0 !important;
  animation:v628ScanLine 13s ease-in-out infinite !important;
}

/* Rückmeldung: mehr Nutzwert, weniger blockig */
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLayerV627{
  padding-top:20px !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLayerV627 > strong{
  max-width:245px !important;
  padding-right:62px !important;
  margin-bottom:9px !important;
  font-size:clamp(15.5px,1.06vw,18px) !important;
  letter-spacing:-.035em !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLayerV627::after{
  right:23px !important;
  top:30px !important;
  width:52px !important;
  height:52px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.74) 0 22px, transparent 23px),
    rgba(243,250,234,.88) !important;
  border-color:rgba(143,180,95,.24) !important;
  box-shadow:0 16px 32px rgba(143,180,95,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLineV627{
  position:relative !important;
  max-width:292px !important;
  min-height:38px !important;
  margin:6px 0 0 !important;
  padding:9px 11px 9px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.64) !important;
  border:1px solid rgba(23,33,52,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(18,36,58,.032) !important;
  color:rgba(23,33,52,.62) !important;
  font-size:11.1px !important;
  line-height:1.25 !important;
  font-weight:760 !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLineV627 b{
  display:inline-block !important;
  margin:0 4px 2px 0 !important;
  color:#172134 !important;
  font-size:11.2px !important;
  font-weight:940 !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackLineV627 em{
  font-style:normal !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackNextV628{
  display:inline-flex !important;
  align-items:center !important;
  max-width:292px !important;
  height:24px !important;
  margin-top:6px !important;
  padding:0 12px 0 26px !important;
  border-radius:999px !important;
  background:rgba(243,250,234,.80) !important;
  border:1px solid rgba(143,180,95,.18) !important;
  color:rgba(85,111,55,.86) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  position:relative !important;
}
html body.home.homeRefinedV628 .sceneTransferV588 .feedbackNextV628::before{
  content:"" !important;
  position:absolute !important;
  left:11px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:rgba(143,180,95,.70) !important;
  transform:translateY(-50%) !important;
  box-shadow:0 0 0 5px rgba(143,180,95,.10) !important;
}

@keyframes v628CriterionOne{
  0%,56%{ transform:translateX(-4px); opacity:.62; }
  59%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v628CriterionTwo{
  0%,59%{ transform:translateX(-4px); opacity:.50; }
  62%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v628CriterionThree{
  0%,62%{ transform:translateX(-4px); opacity:.45; }
  65%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v628ScanLine{
  0%,57%,73%,100%{ opacity:0; transform:translateX(-18px); }
  62%,67%{ opacity:.8; transform:translateX(12px); }
}

@media (prefers-reduced-motion:reduce){
  html body.home.homeRefinedV628 .sceneTransferV588 .criteriaLineV627,
  html body.home.homeRefinedV628 .sceneTransferV588 .assessLayerV627::before{
    animation:none !important;
  }
}
