:root{--grund: #f4f5f7;--flaeche: #ffffff;--text: #1d2430;--leise: #687385;--linie: #e1e4ea;--akzent: #0b5cad;--akzent-hell: #e6f0fa;--gut: #1d7a46;--warn: #a56300;--schlecht: #b42318;--warn-hell: #fff6e5;--schlecht-hell: #fdecea;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--grund)}@media(prefers-color-scheme:dark){:root{--grund: #14171c;--flaeche: #1d2128;--text: #e6e9ee;--leise: #98a2b3;--linie: #2e343e;--akzent: #5ea3ec;--akzent-hell: #1c2c40;--gut: #4cc38a;--warn: #f0b04a;--schlecht: #f97066;--warn-hell: #3a2e17;--schlecht-hell: #3b1d1b}}*{box-sizing:border-box}body{margin:0;background:var(--grund)}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;font-weight:600;margin:0 0 16px}h2{font-size:15px;font-weight:600;margin:0}code{background:var(--akzent-hell);padding:1px 4px;border-radius:3px}.kopf{display:flex;align-items:center;gap:24px;padding:10px 24px;background:var(--flaeche);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:5;flex-wrap:wrap}.marke{font-weight:700;font-size:17px;color:var(--akzent);letter-spacing:.3px}.kopf nav{display:flex;gap:4px;flex-wrap:wrap}.kopf nav a{padding:6px 12px;border-radius:6px;color:var(--text)}.kopf nav a.active{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.kopf nav a:hover{text-decoration:none;background:var(--grund)}.wer{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--leise)}.stufe{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--grund);border:1px solid var(--linie);color:var(--text)}.stufe.s2{border-color:var(--akzent)}.stufe.s3{background:var(--akzent);color:#fff;border-color:var(--akzent)}main{padding:20px 24px;max-width:1400px;margin:0 auto}.fuss{padding:12px 24px 24px;color:var(--leise);font-size:12px;text-align:center}.mitte{min-height:80vh;display:grid;place-items:center;padding:16px}.anmelden{text-align:center;max-width:420px}.anmelden .marke{font-size:26px;margin-bottom:8px}.anmelden p{color:var(--leise)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:16px;margin-bottom:16px}.karte-kopf{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px}.karte.fehler{border-color:var(--schlecht)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px}.kachel{background:var(--flaeche);border:1px solid var(--linie);border-left:4px solid var(--akzent);border-radius:8px;padding:12px 14px}.kachel.gut{border-left-color:var(--gut)}.kachel.warn{border-left-color:var(--warn)}.kachel.schlecht{border-left-color:var(--schlecht)}.kachel-titel{color:var(--leise);font-size:12px}.kachel-wert{font-size:22px;font-weight:600;margin:4px 0 2px;font-variant-numeric:tabular-nums}.kachel-unter{color:var(--leise);font-size:12px}.raster2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:0 16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--linie);vertical-align:top}th{font-weight:600;color:var(--leise);font-size:12px;white-space:nowrap}tfoot td{font-weight:600;border-top:2px solid var(--linie);border-bottom:none}table.dicht td{padding:4px 8px}.z{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.text{max-width:420px;color:var(--leise)}.minus{color:var(--schlecht)}tr.klickbar{cursor:pointer}tr.klickbar:hover td{background:var(--akzent-hell)}.breit{overflow-x:auto}dl{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;margin:0}dt{color:var(--leise)}dd{margin:0}.leise{color:var(--leise);font-weight:400}.gut{color:var(--gut)}.schlecht{color:var(--schlecht)}.hinweis{background:var(--warn-hell);border:1px solid var(--warn);border-radius:6px;padding:10px 12px;margin-bottom:16px}.hinweis.fehler{background:var(--schlecht-hell);border-color:var(--schlecht)}.liste-bedarf{list-style:none;margin:0;padding:0}.liste-bedarf li{padding:7px 0 7px 14px;border-bottom:1px solid var(--linie);position:relative}.liste-bedarf li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:3px;background:var(--leise)}.liste-bedarf li.warn:before{background:var(--warn)}.liste-bedarf li.gut:before{background:var(--gut)}.leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.leiste .abstand{flex:1}.umschalter{display:inline-flex;border:1px solid var(--linie);border-radius:6px;overflow:hidden}.umschalter button{border:none;background:var(--flaeche);color:var(--text);padding:6px 12px;cursor:pointer;font:inherit}.umschalter button.an{background:var(--akzent);color:#fff}select,input{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;padding:5px 8px}input.suche{flex:1;min-width:260px;padding:8px 10px}.knopf{font:inherit;background:var(--akzent);color:#fff;border:1px solid var(--akzent);border-radius:6px;padding:9px 16px;cursor:pointer}.knopf.klein{padding:4px 10px}.knopf.leer{background:transparent;color:var(--text);border-color:var(--linie)}@media(max-width:700px){main{padding:12px 16px}.kopf{padding:8px 16px;gap:10px}.wer{margin-left:0}.raster2{grid-template-columns:1fr}.karte{overflow-x:auto}}.formular{display:grid;gap:12px}.formular label,.feldtitel{display:grid;gap:4px;color:var(--leise);font-size:12px}.formular input,.formular textarea{font-size:14px;color:var(--text)}textarea{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;padding:6px 8px;resize:vertical}.zeile{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}table.eingabe td{padding:4px;border-bottom:none}table.eingabe input,table.eingabe select{width:100%;min-width:0}table.eingabe input.zahl{width:64px;text-align:right}table.eingabe td:nth-child(2){min-width:170px}table.eingabe td:nth-child(2) input{margin-top:4px}.marke-status{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--warn-hell);color:var(--warn);border:1px solid var(--warn);vertical-align:middle;font-weight:400}.marke-status.fertig{background:transparent;color:var(--gut);border-color:var(--gut)}.marke-status.wartet{background:var(--akzent-hell);color:var(--akzent);border-color:var(--akzent)}.marke-status.konflikt{background:var(--schlecht-hell);color:var(--schlecht);border-color:var(--schlecht)}.netz{font-size:12px;padding:2px 8px;border-radius:10px;border:1px solid var(--warn);background:var(--warn-hell);color:var(--warn)}.netz.aus{border-color:var(--schlecht);background:var(--schlecht-hell);color:var(--schlecht)}.netz button{margin-left:6px}.haftend{position:sticky;bottom:0;background:var(--grund);padding:10px 0;border-top:1px solid var(--linie);z-index:3}canvas.unterschrift{width:100%;max-width:560px;height:180px;background:#fff;border:1px dashed var(--leise);border-radius:6px;touch-action:none}.knopf:disabled{opacity:.5;cursor:default}.marke-vorbelegt{color:#0b5cad;font-weight:600;font-size:.85em}.hinweis.warn{border-color:#d98e04;background:#fff8e6}.aktionen{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}.aktion{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-left:4px solid var(--akzent);border-radius:6px;padding:8px 14px;cursor:pointer;text-decoration:none;min-width:200px}.aktion:hover{border-color:var(--akzent)}.aktion.an{background:var(--akzent-hell);border-color:var(--akzent)}.aktion .sym{grid-row:span 2;font-size:20px;line-height:1}.aktion b{font-weight:600}.aktion small{color:var(--leise);font-size:12px}.aktion.material{border-left-color:var(--gut)}.aktion.lieferant{border-left-color:var(--warn)}.bestellnummer-gross{font-size:28px;font-weight:700;letter-spacing:.5px;font-family:ui-monospace,Consolas,monospace}.fotoliste{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.fotoliste span{font-size:12px;border:1px solid var(--linie);border-radius:4px;padding:2px 6px}@media(max-width:700px){.aktion{flex:1 1 100%}}.aktion.bericht{border-left-color:#6b4fbb}