/* W678 (09.11.2026) · Prüfpult der Werkzeugseiten. Die Prüf-Konsole unter der W646b-Bühne spricht dieselbe Sprache wie die Bühne:
   links der Einwurf (Datei, Foto, Text als drei Knöpfe auf einem Schacht), rechts das Ergebnisblatt als Papier, kein leerer dunkler Kasten mehr.
   Nur Oberfläche und Komposition. Das Formular, seine Felder, w512 und der Aufruf bleiben unverändert. Navy, Schwarz, Gold, Cyan nur für System. */
.ka-w594 .ka-w512-werk{--g:#E2B866;--g2:#EBC57C;--c:#5DC9D6;--navy:#0b1830;--e:cubic-bezier(.2,.7,.2,1);
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(1.4rem,3.4vw,3.2rem);align-items:start;
  padding:clamp(1.3rem,2.8vw,2.4rem) clamp(1.2rem,2.8vw,2.6rem) clamp(1.5rem,3vw,2.6rem);
  border:1px solid rgba(226,184,102,.26);
  background:radial-gradient(760px 420px at 100% 0%,rgba(93,201,214,.1),transparent 62%),radial-gradient(620px 380px at 0% 100%,rgba(226,184,102,.08),transparent 64%),linear-gradient(180deg,rgba(6,14,27,.96),rgba(4,10,20,.98))}
.ka-w594 .ka-w512-werk::before{width:160px;height:2px;background:linear-gradient(90deg,var(--g),rgba(226,184,102,0))}
.ka-w594 .ka-w512-werk::after{content:"";position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border:2px solid var(--g);border-left:0;border-top:0;pointer-events:none}
.ka-w594 .ka-w512-ein{min-width:0}
.ka-w594 .ka-w512-kick{margin:0 0 .7rem;font:700 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--c)}
.ka-w594 .ka-w512-h{margin:0 0 .7rem;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.ka-w594 .ka-w512-lead{max-width:56ch;margin:0 0 1.3rem;color:#b9c6d6;font-size:.98rem;line-height:1.55}

/* Einwurf-Schacht */
.ka-w594 .ka-w515-slot{min-height:0;gap:0;padding:0;border:1px solid rgba(226,184,102,.34);border-style:solid;background:linear-gradient(180deg,rgba(226,184,102,.05),rgba(226,184,102,.015));box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.35)}
.ka-w594 .ka-w515-slot[data-leer]{border-style:solid;border-color:rgba(226,184,102,.34);background:linear-gradient(180deg,rgba(226,184,102,.05),rgba(226,184,102,.015))}
.ka-w594 .ka-w515-slot.is-zieh{border-color:var(--g2);box-shadow:inset 0 0 0 1px rgba(235,197,124,.6),0 0 34px rgba(226,184,102,.3)}
.ka-w594 .ka-w515-slot:not([data-leer]){border-color:rgba(93,201,214,.55);box-shadow:inset 0 0 0 1px rgba(93,201,214,.25),0 0 28px rgba(93,201,214,.14)}
.ka-w594 .ka-w515-skopf{display:flex;justify-content:flex-start;align-items:center;gap:.7rem;margin:0;padding:.7rem 1rem;border-bottom:1px solid rgba(226,184,102,.22);background:rgba(0,0,0,.28)}
.ka-w594 .ka-w515-skopf b{font:700 9.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#d8b86a}
.ka-w594 .ka-w515-skopf::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);flex:0 0 auto}
.ka-w594 .ka-w515-zone{padding:1.4rem 1rem 1.1rem;gap:.55rem;background:
  radial-gradient(ellipse 60% 50% at 50% 100%,rgba(226,184,102,.1),transparent 70%),
  repeating-linear-gradient(0deg,rgba(130,190,210,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(130,190,210,.05) 0 1px,transparent 1px 28px)}
.ka-w594 .ka-w515-z1{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #f0cf8a;background:linear-gradient(180deg,#f0cf8a,#d6a548);color:#0a0f16;font:800 .88rem/1 Archivo,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 26px rgba(214,162,73,.28);transition:transform .2s var(--e),box-shadow .2s}
.ka-w594 .ka-w515-zone:hover .ka-w515-z1,.ka-w594 .ka-w515-zone:focus-within .ka-w515-z1{background:linear-gradient(180deg,#f6d996,#e0b25a);box-shadow:0 16px 36px rgba(214,162,73,.4);transform:translateY(-1px)}
.ka-w594 .ka-w515-z1::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M6 10l6-6 6 6M4 20h16'/%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 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M6 10l6-6 6 6M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat}
.ka-w594 .ka-w515-z2{color:#9fb0c3;font-size:.86rem}
/* Knopfleiste: Foto und Text neben dem Datei-Knopf (W678-JS legt sie an) */
.ka-w594 .ka-w678-knoepfe{display:flex;flex-wrap:wrap;gap:.55rem;padding:.2rem 1rem 1.05rem;justify-content:center}
.ka-w594 .ka-w678-knopf,.ka-w594 .ka-w515-oder{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border:1px solid rgba(93,201,214,.45);border-radius:2px;background:rgba(93,201,214,.06);color:#dff4f7;font:600 .82rem/1 Archivo,system-ui,sans-serif;letter-spacing:.03em;text-decoration:none;box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s}
.ka-w594 .ka-w678-knopf:hover,.ka-w594 .ka-w515-oder:hover,.ka-w594 .ka-w678-knopf:focus-visible,.ka-w594 .ka-w515-oder:focus-visible{border-color:var(--c);background:rgba(93,201,214,.14);box-shadow:0 0 18px rgba(93,201,214,.22);outline:none}
.ka-w594 .ka-w678-knopf svg{width:15px;height:15px;color:var(--c)}
.ka-w594 .ka-w678-knoepfe .ka-w515-oder::before{content:"";width:15px;height:15px;background:var(--c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7V5h16v2M12 5v14M9 19h6'/%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 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7V5h16v2M12 5v14M9 19h6'/%3E%3C/svg%3E") center/contain no-repeat}
.ka-w594 .ka-w515-text{margin:.9rem 1rem .4rem;width:calc(100% - 2rem);box-sizing:border-box;border:1px solid rgba(93,201,214,.4);background:rgba(0,0,0,.45);color:#f4efe3;padding:.8rem .9rem;font:inherit;font-size:.95rem;line-height:1.5;resize:vertical}
.ka-w594 .ka-w515-text:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 22px rgba(93,201,214,.26)}
.ka-w594 .ka-w515-st{margin:0;padding:0 1rem .9rem;color:#8fdbe4;font:600 .84rem/1.4 "JetBrains Mono",ui-monospace,monospace}
.ka-w594 .ka-w515-st:empty{display:none}
.ka-w594 .ka-w515-weg{margin:0 1rem 1rem;align-self:flex-start}
.ka-w594 .ka-w515-slot:not([data-leer]) .ka-w678-knoepfe{display:none}

/* Stellfeld: Vertragsbeginn */
.ka-w594 .ka-w512-lab{display:flex;align-items:center;gap:.6rem;margin:1.3rem 0 .45rem;font:700 9.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#d8b86a}
.ka-w594 .ka-w512-lab::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(226,184,102,.35),transparent)}
.ka-w594 .ka-w512-form .ka-w516-beginn{color-scheme:dark;width:min(100%,20rem);min-width:0;padding:.8rem 1rem;border:1px solid rgba(226,184,102,.4);border-radius:2px;background:rgba(0,0,0,.42);color:#f4efe3;font:600 1rem/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em}
.ka-w594 .ka-w516-beginn:focus{outline:none;border-color:var(--g2);box-shadow:0 0 0 1px var(--g2),0 0 22px rgba(226,184,102,.3)}
.ka-w594 .ka-w516-beginn::-webkit-calendar-picker-indicator{filter:invert(.85) sepia(.4) saturate(2) hue-rotate(5deg);cursor:pointer;opacity:.9}

/* Auslöser */
.ka-w594 .ka-w512-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(226,184,102,.18)}
.ka-w594 .ka-w512-los{padding:1.05rem 1.7rem;border:1px solid #f0cf8a;background:linear-gradient(180deg,#f0cf8a,#d6a548);box-shadow:0 12px 30px rgba(214,162,73,.3)}
.ka-w594 .ka-w512-status{margin:0;font:600 .8rem/1.35 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;color:#8fdbe4}
.ka-w594 .ka-w512-still{margin:.9rem 0 0;color:#8e9db0;font-size:.84rem;line-height:1.5}

/* Ergebnisblatt rechts: Papier statt leerer Kasten */
.ka-w594 .ka-w512-aus{align-self:start;display:block;margin:0;padding:0;position:sticky;top:calc(var(--wave22a-header-height,84px) + 16px)}
.ka-w594 .ka-w512-vor{position:relative;flex:none;padding:1.1rem 1.25rem 1rem;border:1px solid rgba(176,125,31,.45);border-radius:0;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.016) 0 1px,transparent 1px 3px),linear-gradient(180deg,#fbf6ea,#efe5cf);color:var(--navy);
  box-shadow:0 24px 48px rgba(0,0,0,.5),0 0 0 1px rgba(226,184,102,.12)}
.ka-w594 .ka-w512-vor::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#b07d1f,#e2b866 50%,#b07d1f)}
.ka-w594 .ka-w512-vor::after{content:"";position:absolute;right:14px;top:14px;width:9px;height:9px;border-radius:50%;background:#b07d1f;box-shadow:0 0 0 3px rgba(176,125,31,.18)}
.ka-w594 .ka-w512-kick2{margin:.2rem 0 .5rem;font:700 9.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:#8a6420}
.ka-w594 .ka-w678-blatt{margin:0 0 .65rem;padding-bottom:.6rem;border-bottom:2px solid rgba(11,24,48,.85);font:800 1.05rem/1.2 Archivo,system-ui,sans-serif;letter-spacing:-.01em;color:#0b1830}
.ka-w594 .ka-w678-blatt small{display:block;margin-top:3px;font:600 10px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b5a3a}
.ka-w594 .ka-w512-vor ol{gap:0}
.ka-w594 .ka-w512-vor li{grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;padding:.55rem 0;border-bottom:1px dashed rgba(11,24,48,.22);color:#132239;font-size:.93rem;font-weight:700;line-height:1.32}
.ka-w594 .ka-w512-vor li i{width:16px;height:16px;margin-top:1px;font-size:0;color:#b07d1f;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5'/%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 16 16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ka-w594 .ka-w678-fuss{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin:.75rem 0 0;padding:0;list-style:none}
.ka-w594 .ka-w512-vor .ka-w678-fuss li{display:inline-block;width:auto;white-space:nowrap;border-bottom:1px solid rgba(11,24,48,.25);margin:0;padding:4px 8px;border:1px solid rgba(11,24,48,.25);border-radius:2px;background:rgba(255,255,255,.35);color:#3b4a60;font:600 10px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.ka-w594 .ka-w678-fuss li::before{content:none}
.ka-w594 .ka-w512-werk.is-arbeitet .ka-w512-vor li{animation:kaW678Zeile 1.8s ease-in-out infinite}
@keyframes kaW678Zeile{0%,100%{opacity:1}50%{opacity:.45}}

@media (max-width:960px){
  .ka-w594 .ka-w512-werk{grid-template-columns:1fr}
  .ka-w594 .ka-w512-aus{position:static;max-width:520px}
  .ka-w594 .ka-w516-beginn{width:100%;min-width:0}
}
@media (max-width:560px){
  .ka-w594 .ka-w512-werk{padding:1.1rem .95rem 1.3rem}
  .ka-w594 .ka-w515-zone{padding:1.1rem .7rem .8rem}
  .ka-w594 .ka-w678-knoepfe{padding:.1rem .7rem .9rem}
  .ka-w594 .ka-w678-knopf,.ka-w594 .ka-w515-oder{flex:1 1 auto;justify-content:center}
  .ka-w594 .ka-w512-los{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){.ka-w594 .ka-w512-werk.is-arbeitet .ka-w512-vor li{animation:none}}