:root{--ink:#0b0b0d;--graphite:#141417;--ash:#232328;--linie:#2e2e35;--bone:#ece8e1;--smoke:#83848c;--takt:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--bone);margin:0;padding:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100dvh}.rahmen{max-width:60rem;padding:calc(var(--takt) * 3) calc(var(--takt) * 2) calc(var(--takt) * 6);gap:calc(var(--takt) * 2);flex-direction:column;margin:0 auto;display:flex}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--smoke);margin:0;font-size:.72rem}.leise{color:var(--smoke)}.uhr,.zahl{font-variant-numeric:tabular-nums}.kopf{justify-content:space-between;align-items:baseline;gap:var(--takt);padding-bottom:var(--takt);border-bottom:1px solid var(--linie);display:flex}.kopf__titel{letter-spacing:.08em;margin:0;font-size:.95rem;font-weight:400}.band{background:var(--graphite);border:1px solid var(--linie);padding:calc(var(--takt) * 2);border-radius:10px}.band--lage{gap:calc(var(--takt) * 1.5);align-items:flex-start;display:flex}.zust-NOT_READY .band--lage,.zust-BLOCKED .band--lage{background:var(--ash);border-left:3px solid var(--bone);padding-left:calc(var(--takt) * 2 - 3px)}.zust-COMPLETED .band--lage{background:var(--graphite);color:var(--smoke)}.schloss{border:1px solid var(--linie);background:var(--ink);border-radius:8px;flex:0 0 2.2rem;place-items:center;width:2.2rem;height:2.2rem;display:grid}.zust-NOT_READY .schloss,.zust-BLOCKED .schloss{border-color:var(--bone)}.schloss svg{width:1.15rem;height:1.15rem;stroke:var(--bone);fill:none;stroke-width:1.5px}@media (prefers-reduced-motion:no-preference){.zust-BLOCKED .schloss{animation:2.4s ease-in-out infinite puls}}@keyframes puls{0%,to{box-shadow:0 0 #ece8e100}50%{box-shadow:0 0 0 3px #ece8e114}}.lage__wirkung{margin:0;font-size:1.25rem;font-weight:400}.lage__ursache{margin:calc(var(--takt) * .5) 0 0}.lage__hinweis{margin:calc(var(--takt) * .5) 0 0;color:var(--smoke)}.hauptaktion{margin-top:calc(var(--takt) * 1.5);border:1px solid var(--bone);min-height:44px;color:var(--bone);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.05rem;font-size:.95rem}.nebenaktion{min-height:44px;color:var(--smoke);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.nebenaktion:hover{color:var(--bone)}.reise{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.reise li{justify-content:space-between;gap:var(--takt);padding:calc(var(--takt) * 1.25) var(--takt);border:1px solid #0000;border-radius:8px;align-items:baseline;min-height:44px;display:flex}.r-erledigt{color:var(--smoke)}.r-offen{color:var(--bone)}.r-fokus{background:var(--ash)}.reise li.r-ungueltig{background:var(--ash);border-color:var(--bone)}.reise__stand{text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;font-size:.72rem}.reise__zusatz{color:var(--smoke);text-transform:none;letter-spacing:normal;font-size:.85rem;display:block}.nachweise summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.detail{margin-top:calc(var(--takt) * 1.5);padding-top:calc(var(--takt) * 1.5);border-top:1px solid var(--linie)}.detail dt{text-transform:uppercase;letter-spacing:.14em;color:var(--smoke);margin-top:var(--takt);font-size:.72rem}.detail dd{margin:calc(var(--takt) * .5) 0 0}.schritt{gap:calc(var(--takt) * 1.5);flex-direction:column;display:flex}.feld{gap:calc(var(--takt) * .5);flex-direction:column;display:flex}.feld input,.feld select{background:var(--ink);border:1px solid var(--linie);min-height:44px;color:var(--bone);font:inherit;border-radius:8px;padding:0 .75rem}.feld input:focus-visible,.feld select:focus-visible,.hauptaktion:focus-visible,.nebenaktion:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.uebernommen{background:var(--ash);border:1px solid var(--linie);padding:calc(var(--takt) * 1.5);border-radius:8px}.fehler{padding:calc(var(--takt) * 1.5);background:var(--ash);border:1px solid var(--bone);border-radius:8px;margin:0}.tagesliste{gap:calc(var(--takt) * 3);flex-direction:column;display:flex}.tagesblock{gap:var(--takt);flex-direction:column;display:flex}.tagesblock h2{font-size:.72rem;font-weight:400}.zeilen{background:var(--linie);border:1px solid var(--linie);border-radius:10px;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.zeile{align-items:baseline;gap:2px calc(var(--takt) * 1.5);padding:calc(var(--takt) * 1.5) calc(var(--takt) * 2);background:var(--graphite);grid-template-columns:auto 1fr auto;grid-template-areas:"zeit wer zustand"".hinweis hinweis";display:grid}.zeile--gesperrt{background:var(--ash);border-left:3px solid var(--bone);padding-left:calc(var(--takt) * 2 - 3px)}.zeile__zeit{flex-direction:column;grid-area:zeit;min-width:3.2rem;display:flex}.zeile__tag{letter-spacing:.08em;color:var(--smoke);font-size:.72rem}.zeile__wer{grid-area:wer}.zeile__zustand{white-space:nowrap;grid-area:zustand}.zeile--gesperrt .zeile__zustand{color:var(--bone)}.zeile__hinweis{color:var(--bone);grid-area:hinweis;font-size:.9rem}.leerer-tag,.stoerung{padding:calc(var(--takt) * 2);background:var(--graphite);border:1px solid var(--linie);border-radius:10px}.tagesfuss{margin-top:calc(var(--takt) * 2)}@media (width<=30rem){.rahmen{padding:calc(var(--takt) * 1.5) var(--takt) calc(var(--takt) * 4);gap:var(--takt)}.band{padding:calc(var(--takt) * 1.5)}.lage__wirkung{font-size:1.1rem}.tagesliste{gap:calc(var(--takt) * 2)}.zeile{padding:calc(var(--takt) * 1.5);grid-template-columns:auto 1fr;grid-template-areas:"zeit wer"".zustand"".hinweis"}.zeile--gesperrt{padding-left:calc(var(--takt) * 1.5 - 3px)}}
