:root{--green-dark:#2d5a3d;--green-mid:#4a7c5f;--green-light:#e6f0e9;--bg:#f5f5f0;--text:#1a1a1a;--text-mute:#666;--border:#d0d0c8;--danger:#b04040;--warn:#c8932c}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}body{background-image:url(/briefpapier_bg.png);background-position:bottom;background-repeat:no-repeat;background-size:100% 50%;background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--green-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:48px;padding:14px 20px;font-weight:500}button:hover{background:var(--green-mid)}button:disabled{opacity:.6;cursor:wait}button.secondary{color:var(--green-dark);border:1px solid var(--green-dark);background:#fff}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;min-height:48px;padding:12px}a{color:var(--green-dark);text-decoration:none}.container{max-width:720px;margin:0 auto;padding:16px 16px 100px}.app-header{background:var(--green-dark);color:#fff;z-index:10;justify-content:space-between;align-items:center;min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.app-header .brand{color:#fff;letter-spacing:.5px;align-items:center;font-size:18px;font-weight:600;display:flex}.app-header .user{opacity:.9;color:#fff;font-size:14px}.card{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:10px;padding:14px}.einsatz-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.einsatz-row .meta{color:var(--text-mute);font-size:14px}.status{background:var(--green-light);color:var(--green-dark);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px}.status.entwurf{color:#6e5a14;background:#f0eedf}.status.abgeschlossen{color:var(--green-dark);background:#e6f0e9}.status.geprueft{color:var(--green-dark);background:#dbe7d8}.status.abrechenbar{color:#1a5278;background:#d5e6f0}.status.uebertragen{color:#444;background:#cfd5cf}.field{margin-bottom:14px}.field label{color:var(--text-mute);margin-bottom:6px;font-size:14px;font-weight:500;display:block}h1{margin:0 0 16px;font-size:22px}h2{margin:18px 0 10px;font-size:18px}.empty{color:var(--text-mute);text-align:center;padding:40px 20px}.fab{border-radius:999px;width:auto;padding:16px 24px;font-size:16px;font-weight:600;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0003}.toolbar{gap:10px;margin-top:20px;display:flex}.toolbar button{flex:1}.od-status{border-radius:8px;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;display:flex}.od-status.ok{color:#1b5e20;background:#e8f5e9}.od-status.fehler{color:#b71c1c;background:#fdecea}.od-ampel{font-size:1.1em}.od-badge{color:#0d47a1;background:#e3f2fd;margin-left:8px;text-decoration:none}:root{--st-arbeit:#dcebd9;--st-arbeit-text:#24502f;--st-halb:#eef4d8;--st-halb-text:#5a6418;--st-buero:#dde8f0;--st-buero-text:#1a4a6b;--st-frei:#ececea;--st-frei-text:#5c5c58;--st-urlaub:#fbe7c6;--st-urlaub-text:#7a4b08;--st-krank:#f6d9d6;--st-krank-text:#8a2a24;--art-bk:#3f7a55;--art-bu:#2f6f8f;--art-bp:#6b7a2e;--art-wr:#8a5a2b;--art-fa:#a2462f;--art-pf:#4f8a3a;--art-so:#6a6a64}.haupt-nav{background:var(--green-mid);z-index:9;gap:4px;padding:0 12px;display:flex;position:sticky;top:64px;overflow-x:auto}.haupt-nav a{color:#ffffffd9;white-space:nowrap;border-bottom:3px solid #0000;padding:10px 14px;font-size:15px;font-weight:500}.haupt-nav a.active{color:#fff;border-bottom-color:#fff}.container-breit{max-width:1480px}button.klein{min-height:38px;padding:6px 14px;font-size:15px}button.mini{min-height:28px;color:var(--green-dark);border:1px solid var(--border);background:#fff;border-radius:6px;padding:2px 8px;font-size:12px}button.mini:hover{background:var(--green-light)}button.gefahr{color:var(--danger);border-color:var(--danger)}button.link{color:var(--green-dark);text-align:left;background:0 0;min-height:0;padding:0;font-weight:600}button.link:hover{background:0 0;text-decoration:underline}.link-knopf,.mini-link{border:1px solid var(--green-dark);background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;font-weight:500;display:inline-flex}.mini-link{border-radius:6px;min-height:28px;margin-left:4px;padding:2px 8px;font-size:12px}.segment{border:1px solid var(--green-dark);border-radius:8px;display:inline-flex;overflow:hidden}.segment button{color:var(--green-dark);background:#fff;border-radius:0;min-height:38px;padding:6px 12px;font-size:14px}.segment button+button{border-left:1px solid var(--green-dark)}.segment button.aktiv{background:var(--green-dark);color:#fff}.segment.voll{display:flex}.segment.voll button{flex:1}.plan-kopf,.zeit-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.plan-navi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-titel{font-variant-numeric:tabular-nums;font-size:17px}.hinweis-box{border-radius:8px;margin:10px 0;padding:10px 12px;font-size:15px}.hinweis-box.fehler{color:#8a2a24;background:#fdecea}.hinweis-box.warn{color:#6b4a0b;background:#fdf3df}.hinweis-box ul{margin:6px 0 0;padding-left:20px}.hinweis-box summary{cursor:pointer;font-weight:600}.auswahl-banner{background:var(--green-dark);color:#fff;z-index:8;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex;position:sticky;top:110px}.plan-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:14px;display:grid}.pool{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:8px;max-height:calc(100vh - 130px);padding:10px;display:flex;position:sticky;top:112px}.pool-kopf{justify-content:space-between;align-items:baseline;display:flex}.pool input{min-height:40px;padding:8px 10px}.pool-liste{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.klein-leer{padding:16px 8px;font-size:14px}.pool-karte{border:1px solid var(--border);cursor:grab;border-top:4px solid var(--art-farbe,var(--art-so));touch-action:manipulation;background:#fff;border-radius:8px;padding:8px 10px}.pool-karte:focus-visible{outline:3px solid var(--warn)}.pool-karte.gewaehlt{box-shadow:0 0 0 3px var(--green-dark)}.pk-zeile{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.pk-titel{font-size:15px;line-height:1.25}.pk-tags{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.tag{background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:1px 7px;font-size:11.5px}.tag.leise{color:var(--text-mute);background:#f0f0ec}.tag.rot{color:#8a2a24;background:#f6d9d6}.pk-fortschritt{align-items:center;gap:8px;display:flex}.balken{background:#ecece6;border-radius:3px;flex:1;height:6px;overflow:hidden}.balken div{background:var(--green-mid);height:100%}.balken div.ueber{background:var(--warn)}.meta{color:var(--text-mute);font-size:13px}.art-bk{--art-farbe:var(--art-bk)}.art-bu{--art-farbe:var(--art-bu)}.art-bp{--art-farbe:var(--art-bp)}.art-wr{--art-farbe:var(--art-wr)}.art-fa{--art-farbe:var(--art-fa)}.art-pf{--art-farbe:var(--art-pf)}.art-so{--art-farbe:var(--art-so)}.tafel-scroll{min-width:0;overflow-x:auto}.tafel{background:var(--border);border:1px solid var(--border);border-radius:10px;gap:1px;display:grid;overflow:hidden}.tafel>div{background:#fff}.tafel-ecke,.tafel-tag{font-variant-numeric:tabular-nums;padding:6px 8px;font-size:13px;font-weight:600;background:#f2f4ee!important}.tafel-tag .wt{color:var(--text-mute)}.tafel-tag.heute{color:#fff;background:var(--green-dark)!important}.tafel-tag.heute .wt{color:#fffc}.tafel-tag .ft{color:#8a2a24;font-size:11px;font-weight:500}.tafel-tag.heute .ft{color:#ffd9d4}.tafel-name{z-index:2;flex-direction:column;gap:2px;padding:6px 8px;display:flex;position:sticky;left:0}.tafel-name.ich{background:var(--green-light)!important}.tafel-name .name{font-size:13px;line-height:1.2}.tafel-name .mini{align-self:flex-start;margin-top:2px}.kuerzel{text-align:center;background:var(--green-dark);color:#fff;border-radius:6px;align-self:flex-start;min-width:30px;padding:1px 6px;font-size:12px;font-weight:700;display:inline-block}.tafel-zelle{flex-direction:column;gap:3px;min-height:76px;padding:4px;display:flex}.tafel-zelle.samstag,.tafel-zelle.feiertag{background:#f7f7f3!important}.tafel-zelle.st-bg-arbeit{background:#f5faf4!important}.tafel-zelle.st-bg-buero{background:#f4f8fb!important}.tafel-zelle.st-bg-frei,.tafel-zelle.st-bg-urlaub,.tafel-zelle.st-bg-krank,.tafel-zelle.st-bg-abwesend{background:repeating-linear-gradient(135deg,#fafaf7 0 6px,#f1f1ec 6px 12px)!important}.tafel-zelle.ziel{outline:3px dashed var(--green-dark);outline-offset:-3px}.tafel-zelle.waehlbar{cursor:copy}.tafel-zelle.waehlbar:hover{outline:2px solid var(--green-mid);outline-offset:-2px}.st{background:var(--st-frei);color:var(--st-frei-text);border:none;border-radius:6px;min-height:0;padding:1px 6px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-block}button.st{cursor:pointer;align-self:flex-start}button.st:hover{filter:brightness(.95)}.st-leer{color:var(--text-mute);border:1px dashed var(--border);background:0 0;font-weight:500}.st-arbeit{background:var(--st-arbeit);color:var(--st-arbeit-text)}.st-halb{background:var(--st-halb);color:var(--st-halb-text)}.st-buero{background:var(--st-buero);color:var(--st-buero-text)}.st-frei{background:var(--st-frei);color:var(--st-frei-text)}.st-urlaub{background:var(--st-urlaub);color:var(--st-urlaub-text)}.st-krank,.st-abwesend{background:var(--st-krank);color:var(--st-krank-text)}.chip{background:var(--art-farbe,var(--art-so));color:#fff;cursor:grab;touch-action:manipulation;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:12px;line-height:1.25;display:flex}.chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chip.warn{box-shadow:inset 0 0 0 2px #f2b84b}.legende{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.toast{z-index:50;background:var(--green-dark);color:#fff;border-radius:10px;max-width:min(92vw,560px);padding:12px 16px;font-size:15px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.toast.warn{background:#8a5a0b}.toast.fehler{background:var(--danger)}.dialog-hg{z-index:40;background:#141e1673;justify-content:center;align-items:flex-start;padding:5vh 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:#fff;border-radius:12px;width:100%;max-width:620px;padding:16px 18px;box-shadow:0 10px 40px #00000040}.dialog-kopf{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.dialog-kopf h2{margin:0}.dialog-knoepfe{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.feld-raster{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px;display:grid}.feld-hinweis{color:var(--text-mute);margin-top:4px;font-size:12.5px}.haken-reihe{flex-wrap:wrap;gap:14px;display:flex}.haken-reihe label,label.haken{color:var(--text);align-items:center;gap:6px;font-size:15px;display:flex}.haken-reihe input,label.haken input{width:22px;height:22px;min-height:22px}.vorschau-zeile{background:var(--green-light);border-radius:8px;margin-bottom:12px;padding:8px 10px;font-size:14px}.abwesenheit{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:10px;display:flex}.gruppe{color:var(--text-mute);border-bottom:1px solid var(--border);margin:14px 0 8px;padding-bottom:3px;font-size:14px;font-weight:600}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 6px;display:grid}.kennzahl{background:#f6f7f2;border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.kz-titel{color:var(--text-mute);font-size:12px}.kz-wert{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.kz-wert.plus{color:var(--green-dark)}.kz-wert.minus{color:var(--danger)}.tag-liste{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.tag-zeile{border-top:1px solid #ecece6;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.tag-zeile:first-child{border-top:none}.tag-zeile.ruhig{background:#fafaf7}.tag-zeile.leer{padding-top:4px;padding-bottom:4px}.tag-zeile.leer .tz-datum strong{color:var(--text-mute);font-weight:500}.tz-datum{font-variant-numeric:tabular-nums;flex-direction:column;font-size:14px;display:flex}.tz-inhalt{flex-direction:column;gap:2px;min-width:0;font-size:14.5px;display:flex}.tz-inhalt .st{align-self:flex-start}.aktionen{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.ergebnis{margin:8px 0 0;padding-left:20px;font-size:14px}.tabelle-scroll{margin:10px 0;overflow-x:auto}.tabelle{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.tabelle th,.tabelle td{text-align:left;white-space:nowrap;border-bottom:1px solid #ecece6;padding:7px 8px}.tabelle th{color:var(--text-mute);background:#f2f4ee;font-size:12.5px}.tabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}.klein-tab{font-size:12.5px}.klein-tab td{white-space:normal}.knopf-zelle{white-space:nowrap}.tab-input{min-width:78px;min-height:34px;padding:4px 6px}@media (width<=860px){.plan-layout{grid-template-columns:minmax(0,1fr)}.pool{max-height:none;position:static}.pool-liste{flex-direction:row;padding-bottom:4px;overflow-x:auto}.pool-karte{min-width:220px}.auswahl-banner{top:106px}}@media (width<=520px){.tag-zeile{grid-template-columns:70px minmax(0,1fr) auto;gap:8px;padding:8px}}.mehr-tage{color:#8a5a0b;font-weight:600}.tag-zeile.leer>button.mini{justify-self:end;min-width:36px}.test-band{color:#fff;text-align:center;letter-spacing:.3px;background:#b03a2e;padding:5px 10px;font-size:13px;font-weight:700}