:root{--graphit:#16181B;--anthrazit:#24282D;--beton:#6B7075;--beton-hell:#9A9EA2;--greige:#B4AEA3;--sand:#E2DED6;--sand-hell:#EDEAE4;--grund:#F2F1EE;--bronze:#8A6A45;--gruen:#4C6350;--rost:#9A5B3C;--rot:#8C3F3A;--linie:#D9D5CC}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Helvetica Neue,system-ui,-apple-system,sans-serif;color:var(--graphit);background:var(--grund);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.kk{min-height:100%;display:flex;flex-direction:column}.serif{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.kk-tor{flex:1;background:var(--graphit);display:flex;align-items:center;justify-content:center;padding:28px 18px}.kk-tor-box{width:100%;max-width:370px}.kk-tor-marke{text-align:center;margin-bottom:26px}.kk-tor-marke .m{font-size:34px;color:#fff;letter-spacing:.06em;display:block}.kk-tor-marke .s{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--beton);margin-top:7px;display:block}.kk-tor-karte{background:var(--anthrazit);border:1px solid #33383E;border-radius:3px;padding:20px 18px}.kk-tor-titel{font-size:16px;color:#fff;margin:0 0 5px;font-weight:500}.kk-tor-text{font-size:12.5px;color:var(--beton-hell);line-height:1.55;margin:0 0 16px}.kk-tor .kk-feld label{color:var(--beton)}.kk-tor .kk-feld input{background:#1b1e22;border-color:#3a4046;color:#fff}.kk-tor .kk-feld input::placeholder{color:#6b7075}.kk-tor-fehler{background:#3a2422;border:1px solid #5C3430;color:#e8b4ae;border-radius:2px;padding:9px 11px;font-size:12.5px;margin-bottom:12px;line-height:1.45}.kk-tor-ok{background:#23301f;border:1px solid #3B4F33;color:#b9d3ac;border-radius:2px;padding:11px 12px;font-size:13px;line-height:1.5}.kk-tor-fuss{font-size:11px;color:var(--beton);text-align:center;margin-top:16px;line-height:1.55}.kk-head{background:var(--graphit);color:var(--sand-hell);padding:13px 16px;position:sticky;top:0;z-index:40;padding-top:calc(13px + env(safe-area-inset-top))}.kk-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.kk-brand{display:flex;align-items:baseline;gap:9px}.kk-brand-mark{font-size:19px;letter-spacing:.06em;color:#fff}.kk-brand-sub{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--beton-hell)}.kk-suche{display:flex;align-items:center;gap:9px;background:var(--anthrazit);border:1px solid #33383E;border-radius:2px;padding:9px 11px;margin-top:11px}.kk-suche input{flex:1;background:none;border:0;outline:none;color:#fff;font-size:16px;font-family:inherit;min-width:0}.kk-suche input::placeholder{color:#787d82}.kk-nav{display:flex;background:var(--anthrazit);border-top:1px solid #33383E;position:sticky;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom)}.kk-nav button{flex:1;background:none;border:0;padding:9px 2px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--beton);font-size:9.5px;font-family:inherit;letter-spacing:.03em;position:relative}.kk-nav button[data-on="1"]{color:var(--sand-hell)}.kk-nav button[data-on="1"]:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--bronze)}.kk-nav .badge{position:absolute;top:5px;right:calc(50% - 20px);background:var(--rost);color:#fff;font-size:9px;min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;padding:0 4px}.kk-main{flex:1;padding:16px 14px 26px;max-width:900px;width:100%;margin:0 auto}.kk-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--beton);margin:0 0 3px}.kk-h1{font-size:23px;margin:0 0 14px;font-weight:400;letter-spacing:-.01em}.kk-h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--beton);margin:22px 0 9px;display:flex;align-items:center;gap:9px}.kk-h2:after{content:"";flex:1;height:1px;background:var(--linie)}.kk-karte{background:#fff;border:1px solid var(--linie);border-left:3px solid var(--beton);border-radius:2px;padding:12px 13px;margin-bottom:8px;width:100%;text-align:left;font-family:inherit;cursor:pointer;display:block;color:inherit;transition:border-color .12s,transform .12s}.kk-karte:hover{border-color:var(--greige)}.kk-karte:active{transform:scale(.994)}.kk-karte[data-s=lager]{border-left-color:var(--gruen)}.kk-karte[data-s=einsatz]{border-left-color:var(--bronze)}.kk-karte[data-s=werkstatt]{border-left-color:var(--rost)}.kk-karte[data-s=defekt]{border-left-color:var(--rot)}.kk-karte.statisch{cursor:default}.kk-karte.statisch:active{transform:none}.kk-etikett{display:inline-flex;align-items:center;gap:5px;background:var(--sand);border:1px solid var(--linie);border-radius:1px;padding:2px 6px 2px 4px;font-size:10.5px;letter-spacing:.07em;color:var(--anthrazit);white-space:nowrap}.kk-etikett:before{content:"";width:4px;height:4px;border-radius:50%;background:#fff;border:1px solid var(--greige);flex:none}.kk-zeile{display:flex;gap:11px;align-items:flex-start}.kk-thumb{width:52px;height:52px;flex:none;border:1px solid var(--linie);border-radius:2px;background:var(--sand-hell);display:grid;place-items:center;overflow:hidden;color:var(--greige)}.kk-thumb img{width:100%;height:100%;object-fit:cover}.kk-titel{font-size:14.5px;font-weight:500;line-height:1.3;margin:0 0 3px}.kk-meta{font-size:12px;color:var(--beton);line-height:1.45}.kk-rechts{margin-left:auto;text-align:right;flex:none;padding-left:6px}.kk-menge{font-size:19px;line-height:1}.kk-menge span{font-size:10px;color:var(--beton);letter-spacing:.1em}.kk-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:620px){.kk-kpi-grid{grid-template-columns:repeat(4,1fr)}}.kk-kpi{background:#fff;border:1px solid var(--linie);border-radius:2px;padding:13px 12px}.kk-kpi-wert{font-size:28px;line-height:1;margin-bottom:6px}.kk-kpi-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--beton);line-height:1.4}.kk-kpi[data-ton=warn]{border-color:var(--rost)}.kk-kpi[data-ton=warn] .kk-kpi-wert{color:var(--rost)}.kk-balken{display:flex;height:12px;border-radius:2px;overflow:hidden;background:var(--sand);border:1px solid var(--linie);margin-bottom:12px}.kk-balken i{display:block;height:100%}.kk-legende{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 14px}.kk-legende-zeile{display:flex;align-items:center;gap:8px;font-size:12.5px}.kk-punkt{width:9px;height:9px;border-radius:2px;flex:none}.kk-legende-zahl{margin-left:auto;font-size:13px}.kk-warn{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--linie);border-left:3px solid var(--rost);border-radius:2px;padding:11px 12px;margin-bottom:7px;width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;font-size:13.5px}.kk-warn[data-t=info]{border-left-color:var(--bronze)}.kk-warn-zahl{margin-left:auto;font-size:17px;color:var(--rost)}.kk-warn[data-t=info] .kk-warn-zahl{color:var(--bronze)}.kk-log{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--linie);font-size:13px;align-items:baseline}.kk-log-tag{flex:none;width:44px;color:var(--beton);font-size:11.5px}.kk-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;margin-bottom:12px;scrollbar-width:none}.kk-chips::-webkit-scrollbar{display:none}.kk-chip{background:#fff;border:1px solid var(--linie);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--beton);white-space:nowrap;cursor:pointer;font-family:inherit;flex:none}.kk-chip[data-on="1"]{background:var(--graphit);border-color:var(--graphit);color:#fff}.kk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16181b73;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:kkfade .16s ease}@keyframes kkfade{0%{opacity:0}}.kk-panel{background:var(--grund);width:100%;max-width:720px;max-height:92vh;overflow-y:auto;border-radius:6px 6px 0 0;animation:kkslide .2s cubic-bezier(.2,.8,.3,1);padding-bottom:env(safe-area-inset-bottom)}@keyframes kkslide{0%{transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.kk-overlay,.kk-panel{animation:none}}.kk-panel-head{position:sticky;top:0;background:var(--graphit);color:#fff;padding:13px 15px;display:flex;align-items:center;gap:11px;z-index:2}.kk-panel-head button{background:none;border:0;color:var(--beton-hell);cursor:pointer;padding:3px;display:grid}.kk-panel-body{padding:15px}.kk-hero{width:100%;height:180px;border:1px solid var(--linie);border-radius:2px;background:var(--sand-hell);display:grid;place-items:center;overflow:hidden;margin-bottom:14px}.kk-hero img{width:100%;height:100%;object-fit:cover}.kk-hero-leer{text-align:center;color:var(--beton);font-size:12px}.kk-daten{border-top:1px solid var(--linie);margin:0}.kk-datenzeile{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linie);font-size:13.5px}.kk-datenzeile dt{color:var(--beton);flex:none;width:130px;font-size:12.5px}.kk-datenzeile dd{margin:0;flex:1;text-align:right;word-break:break-word}.kk-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--graphit);color:#fff;border:1px solid var(--graphit);border-radius:2px;padding:11px 15px;font-size:13.5px;cursor:pointer;font-family:inherit}.kk-btn.sek{background:#fff;color:var(--graphit);border-color:var(--linie)}.kk-btn.warn{background:var(--rot);border-color:var(--rot);color:#fff}.kk-btn:disabled{opacity:.4;cursor:not-allowed}.kk-btn-reihe{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.kk-btn-reihe .kk-btn{flex:1;min-width:130px}.kk-btn-voll{width:100%}.kk-feld{margin-bottom:12px}.kk-feld label{display:block;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--beton);margin-bottom:5px}.kk-feld input,.kk-feld select,.kk-feld textarea{width:100%;background:#fff;border:1px solid var(--linie);border-radius:2px;padding:10px 11px;font-size:16px;font-family:inherit;color:var(--graphit);outline:none}.kk-feld input:focus,.kk-feld select:focus,.kk-feld textarea:focus{border-color:var(--bronze)}.kk-feld input:disabled{background:var(--sand-hell);color:var(--beton)}.kk-feld-paar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kk-hinweis{background:var(--sand-hell);border:1px solid var(--linie);border-left:3px solid var(--bronze);border-radius:2px;padding:11px 12px;font-size:12.5px;line-height:1.5;color:var(--anthrazit);margin:12px 0}.kk-hinweis.warn{border-left-color:var(--rost)}.kk-leer{text-align:center;padding:30px 20px;color:var(--beton);font-size:13.5px;line-height:1.6}.kk-frist{font-size:11.5px;padding:2px 7px;border-radius:1px;white-space:nowrap;display:inline-block}.kk-frist[data-t=ok]{background:#e6ebe6;color:var(--gruen)}.kk-frist[data-t=bald]{background:#f2e5dc;color:var(--rost)}.kk-frist[data-t=ab]{background:#f1dedc;color:var(--rot)}.kk-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:45;width:50px;height:50px;border-radius:50%;background:var(--bronze);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #16181b47}.kk-toast{position:fixed;left:14px;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:70;background:#16181b;color:#edeae4;padding:12px 14px;border-radius:2px;font-size:13px;line-height:1.45;max-width:620px;margin:0 auto}:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}.kk-lade{padding:70px 20px;text-align:center;color:var(--beton);font-size:13px}.kk-mini{background:none;border:0;color:var(--beton);cursor:pointer;padding:4px;display:grid;font-family:inherit}