/* Generated from src/evaluation-animations.mjs. Run: node scripts/build.mjs */
.page-features #auswertung.evaluation-feature { display:block; }
.evaluation-animation { container-type:inline-size;position:relative;width:100%;min-width:0;margin:0;color:var(--brand);--evaluation-surface:#f5f9fc;--evaluation-border:#d4e2ed; }
.evaluation-animation * { animation-duration:var(--evaluation-cycle);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both; }
.evaluation-stage { position:relative;aspect-ratio:1.4;isolation:isolate; }
.evaluation-board { position:absolute;inset:0;border:1px solid var(--evaluation-border);border-radius:10px;background:var(--evaluation-surface);overflow:hidden; }
.evaluation-legend { position:absolute;inset:auto 0 0;height:15%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,4.2cqw,25px);padding-inline:4%;background:#e8f2f9;border-top:1px solid var(--evaluation-border);font-size:clamp(9px,2.2cqw,13px);font-weight:700; }
.evaluation-legend>span { display:flex;align-items:center;gap:clamp(5px,1.5cqw,8px);white-space:nowrap; }
.evaluation-key { display:block;width:clamp(12px,3.7cqw,22px);height:clamp(4px,1cqw,6px);border-radius:4px;background:#8795a9; }
.evaluation-key--expected { background:var(--accent); }
.evaluation-work-keys { display:flex;align-items:center;gap:3px; }
.evaluation-work-keys .evaluation-key { width:clamp(7px,2cqw,12px); }
.evaluation-key--available { height:0;border-top:2px dotted #879caf;border-radius:0;background:transparent; }
.evaluation-comparison-rows { position:absolute;inset:7% 5% 22%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7%; }
.evaluation-comparison-row { display:grid;grid-template-columns:27% 1fr;gap:6%;align-items:center;padding:5%;border:1px solid #dce7ef;border-radius:7px;background:#fff; }
.evaluation-comparison-label { position:relative;display:flex;align-items:center;gap:clamp(5px,1.5cqw,9px); }
.evaluation-comparison-label .evaluation-avatar { width:clamp(20px,5.2cqw,28px);height:clamp(20px,5.2cqw,28px);font-size:clamp(7px,1.7cqw,10px); }
.evaluation-comparison-label>strong { font-size:clamp(10px,2.3cqw,13px); }
.evaluation-comparison-bars { position:relative;display:flex;flex-direction:column;gap:clamp(12px,3.4cqw,19px); }
.evaluation-comparison-track { position:relative;display:block;height:clamp(4px,1.2cqw,7px);border-radius:4px;background:#f1f5f8; }
.evaluation-measure { display:block;height:100%;border-radius:inherit; }
.evaluation-measure--expected { background:var(--accent); }
.evaluation-measure--recorded { background:#8795a9; }
.evaluation-difference { position:absolute;top:-14%;bottom:-14%;border:1px solid var(--accent-light);border-radius:3px;background:color-mix(in srgb,var(--accent) 8%,transparent);opacity:0; }
.evaluation-difference--room { border-style:dashed;background:color-mix(in srgb,var(--accent) 4%,transparent); }
.evaluation-client-opportunity { position:absolute;left:calc(var(--evaluation-adjusted-expected) + clamp(5px,1.5cqw,8px));top:50%;width:clamp(76px,20cqw,110px);height:clamp(15px,4cqw,22px);display:flex;align-items:center;justify-content:center;gap:clamp(3px,.9cqw,5px);border:1px dashed var(--accent-light);border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:clamp(8px,1.9cqw,11px);line-height:1;font-weight:700;transform:translateY(-50%);z-index:3;opacity:0; }
.evaluation-client-opportunity svg { width:clamp(9px,2.2cqw,13px);height:clamp(9px,2.2cqw,13px);flex-shrink:0; }
.evaluation-client-opportunity>span { white-space:nowrap; }
.evaluation-forecast-chart { position:absolute;top:5%;bottom:23%;left:5%;right:5%; }
.evaluation-forecast-lanes { position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)); }
.evaluation-forecast-lane { position:relative;border-left:1px solid #dce7ef; }
.evaluation-forecast-lane:first-child { border-left:0; }
.evaluation-forecast-lane--now { background:#edf4f9; }
.evaluation-forecast-lane>span { display:block;text-align:center;padding-top:4%;font-size:clamp(10px,2.5cqw,14px);font-weight:700; }
.evaluation-forecast-limit { position:absolute;left:0;right:0;bottom:68%;border-top:2px dashed #879caf;z-index:2; }
.evaluation-forecast-bar { position:absolute;bottom:8%;width:10%;transform:translateX(-50%);border:1px solid var(--accent-light);border-top:3px solid var(--accent);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--accent) 23%,white); }
.evaluation-forecast-bar>span { position:absolute;left:25%;right:25%;top:clamp(6px,1.9cqw,11px);height:3px;border-radius:3px;background:var(--accent);opacity:.6; }
.evaluation-forecast-gap { position:absolute;left:42%;width:16%;bottom:68%;height:21%;border:1px solid #e1c676;border-radius:5px 5px 0 0;background:#fff1c044;opacity:0; }
.evaluation-forecast-warning { position:absolute;left:50%;top:16%;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);width:clamp(22px,5cqw,30px);height:clamp(22px,5cqw,30px);border-radius:50%;background:#fffaf0;color:#a7853b;opacity:0; }
.evaluation-forecast-warning svg { width:60%;height:60%; }
.evaluation-forecast-now { position:absolute;left:10%;bottom:-5%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;font-size:clamp(8px,1.8cqw,10px);font-weight:700;color:#6f879d; }
.evaluation-forecast-now>i { width:5px;height:5px;border-radius:50%;background:var(--brand); }
.evaluation-capacity .evaluation-legend { z-index:4; }
.evaluation-capacity-scene { position:absolute;inset:0;background:var(--evaluation-surface); }
.evaluation-capacity-start * { animation:none!important; }
.evaluation-capacity-live { z-index:1;animation-name:evaluation-capacity-crossfade; }
.evaluation-person { position:absolute;left:5%;right:5%;height:21%;border-radius:7px;border:1px solid #dce7ef;background:#fff; }
.evaluation-person-label { position:absolute;left:3%;top:17%;bottom:17%;display:flex;align-items:center;gap:clamp(7px,2cqw,12px);width:26%; }
.evaluation-avatar { flex-shrink:0;display:flex;align-items:center;justify-content:center;width:clamp(22px,6.5cqw,38px);height:clamp(22px,6.5cqw,38px);border-radius:50%;background:#f0eaf6;color:var(--accent);font-size:clamp(8px,2cqw,11px);font-weight:700; }
.evaluation-person-label>strong { font-size:clamp(10px,2.4cqw,14px); }
.evaluation-person-track { position:absolute;left:28.88889%;right:2.22222%;top:32%;height:44%;border-radius:5px;background:#edf4f9; }
.evaluation-person-limit { position:absolute;left:86.2962962962963%;top:21%;bottom:15%;border-left:2px dashed #879caf;z-index:2; }
.evaluation-person-absent { position:absolute;left:3%;bottom:-4%;display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:20px;background:#edf3f8;color:#6f879d;font-size:clamp(8px,1.8cqw,10px);font-weight:700;opacity:0; }
.evaluation-person-absent svg { width:12px;height:12px; }
.evaluation-person-warning,.evaluation-person-settled { position:absolute;right:1.5%;top:4%;display:flex;align-items:center;justify-content:center;width:clamp(16px,4cqw,23px);height:clamp(16px,4cqw,23px);border-radius:50%;opacity:0; }
.evaluation-person-warning { color:#a7853b;background:#fff7df; }
.evaluation-person-settled { color:var(--brand);background:#edf4f9; }
.evaluation-person-warning svg,.evaluation-person-settled svg { width:65%;height:65%; }
.evaluation-packet { position:absolute;height:9.2%;border:1px solid #fff;border-top:3px solid var(--evaluation-category);border-radius:4px;background:color-mix(in srgb,var(--evaluation-category) 65%,white);z-index:3; }
.evaluation-packet>i { position:absolute;top:25%;left:20%;width:60%;height:clamp(1.5px,.55cqw,3px);border-radius:3px;background:#8795a9; }
.evaluation-packet>i+i { top:60%;width:40%;height:clamp(1px,.4cqw,2px);background:#c4d7e6; }
.evaluation-packet--additional { opacity:0; }
@media (prefers-reduced-motion:reduce) {
  .evaluation-animation * { animation:none!important; }
  .evaluation-packet--additional { opacity:0; }
}
.evaluation-recorded--0 { animation-name:evaluation-recorded-0; }
@keyframes evaluation-recorded-0 {
  0% { width:12%; }
  6.08696% { width:12%; }
  15.65217% { width:46%; }
  83.47826% { width:46%; }
  93.04348% { width:12%; }
  100% { width:12%; }
}
.evaluation-difference--0 { animation-name:evaluation-difference-0; }
@keyframes evaluation-difference-0 {
  0% { opacity:0; }
  15.65217% { opacity:0; }
  19.13043% { opacity:1; }
  83.47826% { opacity:1; }
  88.69565% { opacity:0; }
  100% { opacity:0; }
}
.evaluation-recorded--1 { animation-name:evaluation-recorded-1; }
@keyframes evaluation-recorded-1 {
  0% { width:16%; }
  18.26087% { width:16%; }
  27.82609% { width:63%; }
  83.47826% { width:63%; }
  91.30435% { width:16%; }
  100% { width:16%; }
}
.evaluation-recorded--2 { animation-name:evaluation-recorded-2; }
@keyframes evaluation-recorded-2 {
  0% { width:8%; }
  30.43478% { width:8%; }
  40% { width:42%; }
  83.47826% { width:42%; }
  89.56522% { width:8%; }
  100% { width:8%; }
}
.evaluation-difference--2 { animation-name:evaluation-difference-2; }
@keyframes evaluation-difference-2 {
  0% { opacity:0; }
  40% { opacity:0; }
  43.47826% { opacity:1; }
  46.95652% { opacity:1; }
  52.17391% { opacity:0; }
  100% { opacity:0; }
}
.evaluation-expected--2 { animation-name:evaluation-adjust-expected; }
.evaluation-client-opportunity { animation-name:evaluation-client-opportunity; }
@keyframes evaluation-adjust-expected {
  0% { width:72%; }
  46.95652% { width:72%; }
  55.65217% { width:42%; }
  84.34783% { width:42%; }
  90.43478% { width:72%; }
  100% { width:72%; }
}
@keyframes evaluation-client-opportunity {
  0% { opacity:0;transform:translateY(-50%) scale(.92); }
  57.82609% { opacity:0;transform:translateY(-50%) scale(.92); }
  61.30435% { opacity:1;transform:translateY(-50%) scale(1.07); }
  63.47826% { opacity:1;transform:translateY(-50%) scale(1); }
  80% { opacity:1;transform:translateY(-50%) scale(1); }
  83.47826% { opacity:0;transform:translateY(-50%) scale(.92); }
  100% { opacity:0;transform:translateY(-50%) scale(.92); }
}
.evaluation-forecast-bar--1 { animation-name:evaluation-forecast-bar-1; }
@keyframes evaluation-forecast-bar-1 {
  0% { height:8%; }
  7.95455% { height:8%; }
  18.75% { height:49%; }
  75% { height:49%; }
  88.63636% { height:8%; }
  100% { height:8%; }
}
.evaluation-forecast-bar--2 { animation-name:evaluation-forecast-bar-2; }
@keyframes evaluation-forecast-bar-2 {
  0% { height:8%; }
  17.04545% { height:8%; }
  27.84091% { height:81%; }
  75% { height:81%; }
  88.63636% { height:8%; }
  100% { height:8%; }
}
.evaluation-forecast-bar--3 { animation-name:evaluation-forecast-bar-3; }
@keyframes evaluation-forecast-bar-3 {
  0% { height:8%; }
  26.13636% { height:8%; }
  36.93182% { height:45%; }
  75% { height:45%; }
  88.63636% { height:8%; }
  100% { height:8%; }
}
.evaluation-forecast-bar--4 { animation-name:evaluation-forecast-bar-4; }
@keyframes evaluation-forecast-bar-4 {
  0% { height:8%; }
  35.22727% { height:8%; }
  46.02273% { height:35%; }
  75% { height:35%; }
  88.63636% { height:8%; }
  100% { height:8%; }
}
.evaluation-forecast-gap { animation-name:evaluation-forecast-gap; }
.evaluation-forecast-warning { animation-name:evaluation-forecast-warning; }
@keyframes evaluation-forecast-gap {
  0% { opacity:0; }
  28.40909% { opacity:0; }
  32.95455% { opacity:1; }
  75% { opacity:1; }
  81.81818% { opacity:0; }
  100% { opacity:0; }
}
@keyframes evaluation-forecast-warning {
  0% { opacity:0;transform:translateX(-50%) scale(.8); }
  35.22727% { opacity:0;transform:translateX(-50%) scale(.8); }
  39.20455% { opacity:1;transform:translateX(-50%) scale(1.08); }
  42.04545% { opacity:1;transform:translateX(-50%) scale(1); }
  75% { opacity:1;transform:translateX(-50%) scale(1); }
  80.68182% { opacity:0;transform:translateX(-50%) scale(.8); }
  100% { opacity:0;transform:translateX(-50%) scale(.8); }
}
.evaluation-packet--anna-small { animation-name:evaluation-packet-anna-small; }
@keyframes evaluation-packet-anna-small {
  0% { left:31%;top:14%;opacity:1;transform:scale(1); }
  43.68932% { left:31%;top:14%;opacity:1;transform:scale(1); }
  52.42718% { left:72.33333333333333%;top:39%;opacity:1;transform:scale(1.07); }
  54.36893% { left:72.33333333333333%;top:39%;opacity:1;transform:scale(1); }
  85.43689% { left:72.33333333333333%;top:39%;opacity:1;transform:scale(1); }
  86.40777% { left:31%;top:14%;opacity:1;transform:scale(1); }
  100% { left:31%;top:14%;opacity:1;transform:scale(1); }
}
.evaluation-packet--anna-large { animation-name:evaluation-packet-anna-large; }
@keyframes evaluation-packet-anna-large {
  0% { left:39.857142857142854%;top:14%;opacity:1;transform:scale(1); }
  56.31068% { left:39.857142857142854%;top:14%;opacity:1;transform:scale(1); }
  65.04854% { left:62%;top:64%;opacity:1;transform:scale(1.07); }
  66.99029% { left:62%;top:64%;opacity:1;transform:scale(1); }
  85.43689% { left:62%;top:64%;opacity:1;transform:scale(1); }
  86.40777% { left:39.857142857142854%;top:14%;opacity:1;transform:scale(1); }
  100% { left:39.857142857142854%;top:14%;opacity:1;transform:scale(1); }
}
.evaluation-packet--additional { animation-name:evaluation-packet-additional; }
@keyframes evaluation-packet-additional {
  0% { left:72.33333333333333%;top:39%;opacity:0;transform:scale(1); }
  7.76699% { left:72.33333333333333%;top:39%;opacity:0;transform:scale(1); }
  15.53398% { left:72.33333333333333%;top:39%;opacity:1;transform:scale(1); }
  30.09709% { left:72.33333333333333%;top:39%;opacity:1;transform:scale(1); }
  38.83495% { left:47.23809523809524%;top:64%;opacity:1;transform:scale(1.07); }
  40.7767% { left:47.23809523809524%;top:64%;opacity:1;transform:scale(1); }
  85.43689% { left:47.23809523809524%;top:64%;opacity:1;transform:scale(1); }
  86.40777% { left:72.33333333333333%;top:39%;opacity:0;transform:scale(1); }
  100% { left:72.33333333333333%;top:39%;opacity:0;transform:scale(1); }
}
@keyframes evaluation-capacity-crossfade {
  0% { opacity:1; }
  77.6699% { opacity:1; }
  84.95146% { opacity:0; }
  86.40777% { opacity:0; }
  89.32039% { opacity:1; }
  100% { opacity:1; }
}
.evaluation-person--0 .evaluation-person-label { animation-name:evaluation-person-absent-label; }
.evaluation-person--0 .evaluation-person-limit { animation-name:evaluation-person-absent-limit; }
.evaluation-person-absent { animation-name:evaluation-person-absent; }
.evaluation-person-warning { animation-name:evaluation-person-warning; }
.evaluation-person--1 { animation-name:evaluation-person-overbooked; }
@keyframes evaluation-person-absent {
  0% { opacity:0; }
  20.38835% { opacity:0; }
  24.75728% { opacity:1; }
  85.43689% { opacity:1; }
  86.40777% { opacity:0; }
  100% { opacity:0; }
}
@keyframes evaluation-person-absent-label {
  0% { opacity:1; }
  20.38835% { opacity:1; }
  24.75728% { opacity:0.45; }
  85.43689% { opacity:0.45; }
  86.40777% { opacity:1; }
  100% { opacity:1; }
}
@keyframes evaluation-person-absent-limit {
  0% { opacity:1; }
  20.38835% { opacity:1; }
  24.75728% { opacity:0; }
  85.43689% { opacity:0; }
  86.40777% { opacity:1; }
  100% { opacity:1; }
}
@keyframes evaluation-person-warning {
  0% { opacity:0; }
  14.56311% { opacity:0; }
  17.96117% { opacity:1; }
  30.09709% { opacity:1; }
  38.83495% { opacity:0; }
  100% { opacity:0; }
}
@keyframes evaluation-person-overbooked {
  0% { border-color:#dce7ef;background:#fff; }
  14.56311% { border-color:#dce7ef;background:#fff; }
  17.96117% { border-color:#e1c676;background:#fffdf7; }
  30.09709% { border-color:#e1c676;background:#fffdf7; }
  38.83495% { border-color:#dce7ef;background:#fff; }
  100% { border-color:#dce7ef;background:#fff; }
}
.evaluation-person-settled--1 { animation-name:evaluation-person-settled-1; }
@keyframes evaluation-person-settled-1 {
  0% { opacity:0;transform:scale(.8); }
  52.42718% { opacity:0;transform:scale(.8); }
  54.85437% { opacity:1;transform:scale(1.12); }
  56.79612% { opacity:1;transform:scale(1); }
  85.43689% { opacity:1;transform:scale(1); }
  86.40777% { opacity:0;transform:scale(.8); }
  100% { opacity:0;transform:scale(.8); }
}
.evaluation-person-settled--2 { animation-name:evaluation-person-settled-2; }
@keyframes evaluation-person-settled-2 {
  0% { opacity:0;transform:scale(.8); }
  65.04854% { opacity:0;transform:scale(.8); }
  67.47573% { opacity:1;transform:scale(1.12); }
  69.41748% { opacity:1;transform:scale(1); }
  85.43689% { opacity:1;transform:scale(1); }
  86.40777% { opacity:0;transform:scale(.8); }
  100% { opacity:0;transform:scale(.8); }
}
@media (prefers-reduced-motion:reduce) {
  .evaluation-recorded--0 { width:46%!important; }
  .evaluation-recorded--1 { width:63%!important; }
  .evaluation-recorded--2 { width:42%!important; }
  .evaluation-forecast-bar--0 { height:34%!important; }
  .evaluation-forecast-bar--1 { height:49%!important; }
  .evaluation-forecast-bar--2 { height:81%!important; }
  .evaluation-forecast-bar--3 { height:45%!important; }
  .evaluation-forecast-bar--4 { height:35%!important; }
  .evaluation-packet--anna-small { left:72.33333333333333%!important;top:39%!important;opacity:1; }
  .evaluation-packet--anna-large { left:62%!important;top:64%!important;opacity:1; }
  .evaluation-packet--additional { left:47.23809523809524%!important;top:64%!important;opacity:1; }
  .evaluation-difference,.evaluation-forecast-gap,.evaluation-forecast-warning,.evaluation-person-absent,.evaluation-person-settled { opacity:1; }
  .evaluation-expected--2 { width:42%!important; }
  .evaluation-difference--2 { opacity:0; }
  .evaluation-client-opportunity { opacity:1; }
  .evaluation-person--0 .evaluation-person-label { opacity:.45; }
  .evaluation-person--0 .evaluation-person-limit { opacity:0; }
}