/* W698 (11.11.2026) · Konsolen-Muster für die Tabellen-Werkzeuge (.wbt) und den Fristenwächter: Schrittleiste (Stil aus W697), größerer Einwurf, Ampel über den Befunden.
   Fasst keine Logik an. Navy, Schwarz, Gold; Cyan für System, Rot nur für „Stopp". */
.wbt .ka-w697-schritte{margin:0 0 14px}
.wbt .ka-w697-schritte li{padding:0}
.wbt .ka-w697-schritte button,.ka-w520 .ka-w697-schritte button{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;height:100%;padding:.7rem .85rem .75rem 3.05rem;cursor:pointer}
.ka-w520 .ka-w697-schritte li{padding:0}
.wbt .ka-w697-schritte button:focus-visible,.ka-w520 .ka-w697-schritte button:focus-visible{outline:2px solid #5DC9D6;outline-offset:-2px}
.wbt .ka-w697-schritte button:hover b,.ka-w520 .ka-w697-schritte button:hover b{color:#f0cf8a}
/* Einwurf: Datei-Knopf gold und groß, leerer Einwurf als Einladung */
.wbt .slot:not(.filled){border:1.5px dashed rgba(226,184,102,.5);background:linear-gradient(180deg,rgba(226,184,102,.06),transparent 70%),var(--panel)}
.wbt .slot .row{gap:8px}
.wbt .slot .row>label.btn,.wbt .drop label.btn{position:relative;padding:11px 16px 11px 40px;font-size:14.5px;font-weight:800;border-color:#d6a548;background:linear-gradient(180deg,#f0cf8a,#d6a548);color:#0b1426;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.wbt .slot .row>label.btn::before,.wbt .drop label.btn::before{content:"";position:absolute;left:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);background:#0b1426;
  -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat}
.wbt .slot .row>label.btn:hover,.wbt .drop label.btn:hover{filter:brightness(1.06);border-color:#f0cf8a}
.wbt .slot .row>.btn:not(label){padding:11px 14px;font-size:14px}
.wbt .drop{border:1.5px dashed rgba(226,184,102,.5)!important}
/* Start-Knopf */
.wbt .bar .btn.primary{padding:13px 24px;font-size:16px;font-weight:800;letter-spacing:.01em}
.wbt[data-w698="2"] .bar .btn.primary{animation:kaw697puls 1.8s ease-out infinite}
/* Ampel über den Befunden (Lampen aus W697) */
.wbt .ka-w698-ampel{display:flex;align-items:center;gap:1.1rem;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:inset 5px 0 0 #8fa1b5}
.wbt .ka-w698-ampel.is-rot{box-shadow:inset 5px 0 0 #d2463f}.wbt .ka-w698-ampel.is-gelb{box-shadow:inset 5px 0 0 #e6b450}.wbt .ka-w698-ampel.is-gruen{box-shadow:inset 5px 0 0 #35b7a6}
.wbt .ka-w698-ampel p{margin:0;min-width:0}
.wbt .ka-w698-ampel b{display:block;font:800 clamp(1.2rem,2.2vw,1.6rem)/1.12 Archivo,system-ui,sans-serif;color:var(--ink)}
.wbt .ka-w698-ampel.is-rot b{color:#f08a80}
.wbt .ka-w698-ampel span.t{display:block;margin-top:.3rem;font-size:.95rem;color:var(--muted)}
@media (max-width:640px){
  .wbt .ka-w697-schritte button,.ka-w520 .ka-w697-schritte button{padding:.6rem .4rem .65rem;text-align:center}
  .wbt .slot .row>label.btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.wbt[data-w698="2"] .bar .btn.primary{animation:none}}
@media print{.wbt .ka-w697-schritte,.ka-w520 .ka-w697-schritte{display:none}}
