/* W697 (10.11.2026) · Konsolen-Muster (Rollout auf die Werkzeug-Konsolen): drei Schritte sichtbar, großer Einwurf bei einem Einwurf, Ergebnis als Ampel beim Klauselradar.
   Baut auf W678 auf, fasst keine Logik an. Navy, Schwarz, Gold; Cyan für System, Rot nur für „kritisch". */
.ka-w697-schritte{list-style:none;margin:0 0 1.15rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(226,184,102,.3);background:rgba(4,10,20,.6)}
.ka-w697-schritte li{position:relative;margin:0;padding:.7rem .85rem .75rem 3.05rem;min-width:0;border-right:1px solid rgba(226,184,102,.2);transition:background .3s}
.ka-w697-schritte li::before{content:none}
.ka-w697-schritte li:last-child{border-right:0}
.ka-w697-schritte i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(226,184,102,.5);font:800 .82rem/1 Archivo,system-ui,sans-serif;font-style:normal;color:#E2B866;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.ka-w697-schritte b{display:block;font:800 .95rem/1.15 Archivo,system-ui,sans-serif;color:#f4efe3;overflow-wrap:anywhere}
.ka-w697-schritte span{display:block;margin-top:.2rem;font:600 10px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8fa1b5}
.ka-w697-schritte li.is-dran{background:linear-gradient(180deg,rgba(226,184,102,.16),rgba(226,184,102,.04))}
.ka-w697-schritte li.is-dran i{background:linear-gradient(180deg,#f0cf8a,#d6a548);border-color:#f0cf8a;color:#0a0f16;box-shadow:0 0 18px rgba(226,184,102,.45)}
.ka-w697-schritte li.is-fertig i{background:#5DC9D6;border-color:#5DC9D6;color:#04121a;font-size:0}
.ka-w697-schritte li.is-fertig i::after{content:"";width:.8rem;height:.45rem;border-left:2.5px solid #04121a;border-bottom:2.5px solid #04121a;transform:rotate(-45deg) translate(1px,-2px)}
.ka-w697-schritte li.is-fertig b{color:#bfeef4}
/* Einwurf groß */
.ka-w594 .ka-w697-solo .ka-w515-slot[data-leer] .ka-w515-zone{min-height:13.5rem;justify-content:center;padding:1.8rem 1rem 1.2rem;gap:.8rem;border-bottom:1px dashed rgba(226,184,102,.28)}
.ka-w594 .ka-w697-solo .ka-w515-slot[data-leer] .ka-w515-zone::before{content:"";width:4.2rem;height:4.2rem;margin-bottom:.1rem;background:linear-gradient(180deg,#f0cf8a,#b98b34);opacity:.95;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4h17l9 9v31H12z'/%3E%3Cpath d='M29 4v9h9'/%3E%3Cpath d='M24 36V22M18 28l6-6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4h17l9 9v31H12z'/%3E%3Cpath d='M29 4v9h9'/%3E%3Cpath d='M24 36V22M18 28l6-6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.ka-w594 .ka-w697-solo .ka-w515-slot.is-zieh .ka-w515-zone::before{transform:translateY(-4px) scale(1.06)}
.ka-w594 .ka-w697-solo .ka-w515-z1{padding:17px 30px;font-size:1.02rem}
.ka-w594 .ka-w697-solo .ka-w515-z2{font-size:.95rem;color:#b9c6d6}
.ka-w594 .ka-w697-solo .ka-w678-knoepfe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
.ka-w594 .ka-w697-solo .ka-w678-knoepfe>:only-child{grid-column:1/-1}
.ka-w594 .ka-w697-solo .ka-w678-knopf,.ka-w594 .ka-w697-solo .ka-w678-knoepfe .ka-w515-oder{justify-content:center;min-height:3.6rem;padding:14px 12px;border:0;border-right:1px solid rgba(93,201,214,.28);border-radius:0;background:rgba(93,201,214,.07);font-size:.95rem;font-weight:700}
.ka-w594 .ka-w697-solo .ka-w678-knoepfe>:last-child{border-right:0}
.ka-w594 .ka-w697-solo .ka-w678-knopf svg,.ka-w594 .ka-w697-solo .ka-w678-knoepfe .ka-w515-oder::before{width:20px;height:20px}
/* Prüfen-Knopf: wach, sobald etwas im Einwurf liegt */
.ka-w512-werk[data-w697="1"] .ka-w512-los{opacity:.55;filter:saturate(.6)}
.ka-w512-werk[data-w697="2"] .ka-w512-los{box-shadow:0 0 0 0 rgba(226,184,102,.55);animation:kaw697puls 1.8s ease-out infinite}
@keyframes kaw697puls{0%{box-shadow:0 0 0 0 rgba(226,184,102,.55)}100%{box-shadow:0 0 0 18px rgba(226,184,102,0)}}
.ka-w594 .ka-w697-an .ka-w512-los{min-width:min(100%,19rem);padding-top:1.15rem;padding-bottom:1.15rem;font-size:1.02rem}
/* Ampel: Lampen */
.ka-w697-lampen{flex:0 0 auto;display:grid;gap:7px;padding:9px;border-radius:999px;background:#0a0f16;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.35)}
.ka-w697-lampen i{display:block;width:22px;height:22px;border-radius:50%;background:#28313d;box-shadow:inset 0 2px 5px rgba(0,0,0,.6)}
.is-rot>.ka-w697-lampen i:nth-child(1){background:#d2463f;box-shadow:0 0 16px rgba(210,70,63,.85),inset 0 -2px 4px rgba(0,0,0,.25)}
.is-gelb>.ka-w697-lampen i:nth-child(2){background:#e6b450;box-shadow:0 0 16px rgba(230,180,80,.85),inset 0 -2px 4px rgba(0,0,0,.25)}
.is-gruen>.ka-w697-lampen i:nth-child(3){background:#35b7a6;box-shadow:0 0 16px rgba(53,183,166,.85),inset 0 -2px 4px rgba(0,0,0,.25)}
/* Ampel im Ergebnis */
.ka-w697-ampel{display:flex;align-items:center;gap:1.1rem;margin:1.1rem 0 .8rem;padding:1rem 1.15rem;border:1px solid rgba(22,32,44,.2);background:#fff;box-shadow:inset 5px 0 0 #8fa1b5}
.ka-w697-ampel.is-rot{box-shadow:inset 5px 0 0 #b8433f}.ka-w697-ampel.is-gelb{box-shadow:inset 5px 0 0 #c8952f}.ka-w697-ampel.is-gruen{box-shadow:inset 5px 0 0 #2a8f9a}
.ka-w697-ampel p{margin:0;min-width:0}
.ka-w697-ampel b{display:block;font:800 clamp(1.25rem,2.4vw,1.7rem)/1.12 Archivo,system-ui,sans-serif;letter-spacing:-.01em;color:#0b1a2a}
.ka-w697-ampel.is-rot b{color:#a8362f}
.ka-w697-ampel span{display:block;margin-top:.3rem;font-size:.95rem;line-height:1.4;color:#38475a}
.ka-w516-zahl.is-w697{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.ka-w516-zahl.is-w697 .ka-w516-z{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.8rem .9rem;background:#fff}
.ka-w516-zahl.is-w697 .ka-w516-z b{font-size:2.1rem}
.ka-w516-zahl.is-w697 .ka-w516-z.is-pruefen b{color:#9a6f14}.ka-w516-zahl.is-w697 .ka-w516-z.is-ok b{color:#1f7480}
/* Ampel in der Vorschau */
.ka-w697-legende{list-style:none;margin:.2rem 0 .9rem;padding:.75rem .8rem;display:grid;gap:.5rem;border:1px solid rgba(22,32,44,.16);background:rgba(255,255,255,.55)}
.ka-w697-legende li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.6rem;align-items:center;margin:0;padding:0;font-size:.9rem;line-height:1.3;color:#132239}
.ka-w697-legende li::before{content:none}
.ka-w512-vor .ka-w697-legende li i{display:block;width:16px;height:16px;min-width:0;border-radius:50%;border:0;-webkit-mask:none;mask:none;font-size:0}.ka-w512-vor .ka-w697-legende li i::before,.ka-w512-vor .ka-w697-legende li i::after{content:none}
.ka-w512-vor .ka-w697-legende li:nth-child(1) i{background:#d2463f;box-shadow:0 0 0 3px rgba(210,70,63,.18)}
.ka-w512-vor .ka-w697-legende li:nth-child(2) i{background:#e6b450;box-shadow:0 0 0 3px rgba(230,180,80,.22)}
.ka-w512-vor .ka-w697-legende li:nth-child(3) i{background:#35b7a6;box-shadow:0 0 0 3px rgba(53,183,166,.2)}
.ka-w697-legende b{font-weight:800}
@media (max-width:640px){
  .ka-w697-schritte li{padding:.6rem .4rem .65rem;text-align:center}
  .ka-w697-schritte i{position:static;transform:none;margin:0 auto .35rem}
  .ka-w697-schritte b{font-size:.82rem}
  .ka-w697-schritte span{display:none}
  .ka-w594 .ka-w697-solo .ka-w515-slot[data-leer] .ka-w515-zone{min-height:11.5rem}
  .ka-w697-ampel{gap:.8rem;padding:.85rem .9rem}
  .ka-w516-zahl.is-w697 .ka-w516-z{padding:.65rem .6rem}
  .ka-w516-zahl.is-w697 .ka-w516-z b{font-size:1.6rem}
}
@media (prefers-reduced-motion:reduce){.ka-w512-werk[data-w697="2"] .ka-w512-los{animation:none}}
@media print{.ka-w697-ampel,.ka-w697-lampen i{-webkit-print-color-adjust:exact;print-color-adjust:exact}}