:root{--produs-navy: #003f78;--produs-mid: #1a5f9e;--produs-accent: #ff631b;--produs-deep: #012a52;--produs-band: #002155;--produs-focus: #0055a5;--produs-danger: #b42318;--produs-surface: #ffffff;--produs-surface-2: #f4f6f8;--produs-border: #d8dee6;--produs-text: #1a1a1a;--produs-text-muted: #4a5568;--produs-on-navy: #ffffff;--produs-on-navy-muted: #cfe0f5;--produs-font: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--produs-fs-label: 12.5px;--produs-fs-body: 13.5px;--produs-fs-lead: 15px;--produs-fs-h3: 15px;--produs-fs-h2: 18px;--produs-fs-h1: 22px;--produs-fs-mega: 32px;--produs-grid-fine: 24px;--produs-grid-coarse: 120px;--produs-radius: 4px;--produs-sp-1: 4px;--produs-sp-2: 6px;--produs-sp-3: 8px;--produs-sp-4: 12px;--produs-ctl-h: 32px;--produs-ctl-h-touch: 40px;--produs-sel-bg: #e6eef7;--produs-hover-bg: #f1f4f8}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--produs-font);font-size:var(--produs-fs-body);line-height:1.35;color:var(--produs-text);background:var(--produs-surface-2)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--produs-focus);outline-offset:2px}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:4px 10px;background:var(--produs-deep);color:var(--produs-on-navy)}.app-name{font-size:var(--produs-fs-lead);font-weight:600}.schnellleiste{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;align-items:center}.schnell{display:inline-flex;align-items:center;justify-content:center;width:var(--produs-ctl-h-touch);height:var(--produs-ctl-h);padding:0;color:var(--produs-on-navy);background:transparent;border:1px solid transparent;border-radius:var(--produs-radius)}.schnell:hover{background:#ffffff1f;border-color:var(--produs-on-navy-muted)}.schnell--aufnahme{background:var(--produs-accent);border-color:var(--produs-accent)}.schnell--aufnahme:hover{background:var(--produs-accent);filter:brightness(1.08)}.spalten{flex:1;min-height:0;display:grid;grid-template-columns:var(--sp-nav, 200px) var(--sp-griff, 8px) minmax(200px,1fr) var(--sp-griff, 8px) var(--sp-detail, 380px)}.spalten--ziehen{cursor:col-resize;user-select:none;-webkit-user-select:none}.griff{position:relative;z-index:2;cursor:col-resize;touch-action:none;background:var(--produs-surface-2);border-left:1px solid var(--produs-border);border-right:1px solid var(--produs-border);display:flex;align-items:center;justify-content:center}.griff:before{content:"";position:absolute;inset:0 -8px}.griff-punkte{height:32px}.griff-punkte{width:4px;height:40px;border-radius:2px;background-image:radial-gradient(circle,var(--produs-text-muted) 1.2px,transparent 1.6px);background-size:4px 8px}.griff:hover,.griff:focus-visible,.griff--aktiv{background:var(--produs-mid);border-color:var(--produs-mid)}.griff:hover .griff-punkte,.griff:focus-visible .griff-punkte,.griff--aktiv .griff-punkte{background-image:radial-gradient(circle,var(--produs-on-navy) 1.2px,transparent 1.6px)}.griff--aktiv{background:var(--produs-accent);border-color:var(--produs-accent)}.spalte{min-height:0;overflow:auto;padding:10px 12px}.spalte--nav{background:var(--produs-navy);color:var(--produs-on-navy);padding:4px 0}.spalte--liste{background:var(--produs-surface)}.spalte--detail{background:var(--produs-surface-2)}.spalte--detail{overflow-wrap:anywhere}.spalten[data-detail-stufe=kompakt] .spalte--detail{padding:8px 6px}.spalten[data-detail-stufe=kompakt] .spalte--detail .titel{font-size:var(--produs-fs-h3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spalten[data-detail-stufe=kompakt] .spalte--detail .planstempel{flex-direction:column;align-self:stretch}.spalten[data-detail-stufe=kompakt] .spalte--detail .planstempel span{border-right:0;border-bottom:1px solid var(--produs-border);padding:4px 8px}.spalten[data-detail-stufe=kompakt] .spalte--detail .karte{padding:8px}.spalten[data-detail-stufe=kompakt] .spalte--detail button,.spalten[data-detail-stufe=kompakt] .spalte--detail select,.spalten[data-detail-stufe=kompakt] .spalte--detail input:not([type=checkbox]):not([type=radio]),.spalten[data-detail-stufe=kompakt] .spalte--detail textarea{width:100%;max-width:100%;min-height:var(--produs-ctl-h-touch)}.spalten[data-detail-stufe=kompakt] .spalte--detail .ico-knopf{width:100%}.spalten[data-detail-stufe=kompakt] .spalte--detail .formular-raster{grid-template-columns:1fr}.spalten[data-detail-stufe=kompakt] .spalte--detail .titel-eingabe,.spalten[data-detail-stufe=kompakt] .spalte--detail .mitglied .zeile-text{flex-basis:100%}.spalten[data-detail-stufe=kompakt] .spalte--detail .punkt,.spalten[data-detail-stufe=mittel] .spalte--detail .punkt{grid-template-columns:auto 1fr}.spalten[data-detail-stufe=kompakt] .spalte--detail .punkt>input,.spalten[data-detail-stufe=mittel] .spalte--detail .punkt>input{grid-column:1 / -1}.spalten[data-detail-stufe=kompakt] .spalte--detail .plan-werkzeug{flex-wrap:wrap}.spalten[data-detail-stufe=mittel] .spalte--detail{padding:10px}.spalte--nav ul{list-style:none;margin:0;padding:0}.nav-item{display:flex;gap:8px;align-items:baseline;width:100%;min-height:32px;padding:6px 12px;text-align:left;font-size:var(--produs-fs-label);color:var(--produs-on-navy-muted);background:none;border:0;border-left:3px solid transparent}.nav-item .nr{color:var(--produs-on-navy-muted);font-variant-numeric:tabular-nums}.nav-item:hover{color:var(--produs-on-navy);background:#ffffff0f}.nav-item.aktiv{color:var(--produs-on-navy);border-left-color:var(--produs-accent);background:#ffffff1f;font-weight:500}.nav-item.aktiv .nr{color:var(--produs-accent)}.nav-text{overflow:hidden;text-overflow:ellipsis}.folgt{color:var(--produs-on-navy-muted);opacity:.75}.spalte--schmal .nav-text{display:none}.spalte--schmal .nav-item{justify-content:center;padding:6px 4px}.titel{margin:0 0 8px;font-size:var(--produs-fs-h2);color:var(--produs-navy);line-height:1.2}h1.titel{font-size:var(--produs-fs-h2)}h2.titel{font-size:var(--produs-fs-lead)}.leer{color:var(--produs-text-muted);font-size:var(--produs-fs-label);margin:6px 0}@media(max-width:900px){.spalten{grid-template-columns:1fr;grid-auto-rows:auto;overflow:auto}.griff{display:none}.spalte--schmal .nav-text{display:inline}.spalte{overflow:visible}.spalte--nav ul{display:flex;overflow-x:auto}.nav-item{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.nav-item.aktiv{border-bottom-color:var(--produs-accent)}}.kopf-wahl{min-height:var(--produs-ctl-h)!important;height:var(--produs-ctl-h);padding-top:0!important;padding-bottom:0!important;max-width:240px;padding:0 8px;font:inherit;font-size:var(--produs-fs-label);color:var(--produs-on-navy);background:var(--produs-navy);border:1px solid var(--produs-on-navy-muted);border-radius:var(--produs-radius)}.status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--produs-on-navy-muted);white-space:nowrap}.status-punkt{width:8px;height:8px;border-radius:50%;background:#3fb950}.status--offline .status-punkt{background:var(--produs-accent)}.user-menue{position:relative}.user-knopf{display:inline-flex;align-items:center;justify-content:center;width:var(--produs-ctl-h);height:var(--produs-ctl-h);padding:0;border-radius:50%;color:var(--produs-on-navy);background:#ffffff1a;border:1px solid var(--produs-on-navy-muted)}.user-knopf:hover,.user-knopf[aria-expanded=true]{background:var(--produs-mid)}.user-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;background:var(--produs-surface);color:var(--produs-text);border:1px solid var(--produs-border);border-radius:var(--produs-radius);box-shadow:0 6px 20px #0000002e;padding:4px 0}.user-kopf{padding:8px 12px;border-bottom:1px solid var(--produs-border);display:flex;flex-direction:column;gap:1px}.user-kopf strong{color:var(--produs-navy);font-weight:500}.user-kopf small{color:var(--produs-text-muted);font-size:var(--produs-fs-label);overflow-wrap:anywhere}.menue-eintrag{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 12px;background:none;border:0;text-align:left;color:var(--produs-text);font-size:var(--produs-fs-body)}.menue-eintrag:hover:not(:disabled){background:var(--produs-sel-bg)}.menue-eintrag:disabled{color:var(--produs-text-muted);cursor:not-allowed}.menue-eintrag small{margin-left:auto;font-size:11px;color:var(--produs-text-muted)}.menue-eintrag--gefahr{color:var(--produs-danger)}.status--offline{color:var(--produs-accent)}.kopf{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:space-between;margin-bottom:6px}.kopf-aktionen{display:flex;gap:4px;align-items:center}.kopf .titel{margin:0}.liste{list-style:none;margin:0;padding:0}.zeile{display:flex;gap:8px;align-items:flex-start;width:100%;min-height:34px;padding:5px 8px;text-align:left;background:none;border:0;border-bottom:1px solid var(--produs-border);color:inherit;border-left:3px solid transparent}.zeile:hover{background:var(--produs-hover-bg)}.zeile--aktiv,.zeile--aktiv:hover{border-left-color:var(--produs-accent);background:var(--produs-sel-bg)}.zeile--aktiv .zeile-text strong{font-weight:600}.zeile--erledigt strong{text-decoration:line-through;color:var(--produs-text-muted)}.zeile .nr,.punkt .nr{color:var(--produs-accent);font-variant-numeric:tabular-nums;min-width:2ch}.zeile-text{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.zeile-text strong{color:var(--produs-navy);font-weight:500;overflow-wrap:anywhere}.zeile-text small,.hinweis{font-size:var(--produs-fs-label);color:var(--produs-text-muted)}.marke{font-size:var(--produs-fs-label);color:var(--produs-accent)}.untertitel{font-size:var(--produs-fs-h3);color:var(--produs-navy);margin:12px 0 4px;font-weight:500}.kopf .untertitel{margin:8px 0 0}input,select,textarea{font:inherit;font-size:var(--produs-fs-body)}input:not([type=checkbox]),select,textarea{min-height:var(--produs-ctl-h);padding:4px 8px;border:1px solid var(--produs-border);border-radius:var(--produs-radius);background:var(--produs-surface);color:var(--produs-text);width:100%;min-width:0}textarea{resize:vertical}.formular{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}.formular label,.feld{display:flex;flex-direction:column;gap:2px;font-size:var(--produs-fs-label);color:var(--produs-text-muted)}.formular--reihe{flex-direction:row;flex-wrap:wrap;align-items:stretch}.formular--reihe>input,.formular--reihe>select{flex:1 1 140px;width:auto}.spalte--liste,.spalte--detail,.auth-karte{container-type:inline-size}.formular-raster{display:grid;grid-template-columns:1fr;gap:6px 10px;margin:4px 0 8px;align-items:end}.formular-raster .voll{grid-column:1 / -1}.formular-raster .aktionen{display:flex;gap:4px;align-items:center}@container (min-width: 460px){.formular-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.formular-raster--zeile{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}.formular-raster--zeile4{grid-template-columns:repeat(3,minmax(0,1fr)) auto}}@container (min-width: 640px){.formular-raster--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.feld--check{flex-direction:row!important;align-items:center;gap:8px}.reihe{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin:4px 0}.raster2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 10px;margin:4px 0;align-items:end}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--produs-ctl-h);padding:0 10px;font-size:var(--produs-fs-label);color:var(--produs-navy);background:var(--produs-surface);border:1px solid var(--produs-navy);border-radius:var(--produs-radius);cursor:pointer;white-space:nowrap}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf--primaer{background:var(--produs-navy);color:var(--produs-on-navy)}.knopf--akzent{background:var(--produs-accent);border-color:var(--produs-accent);color:#fff}.knopf--gefahr{color:var(--produs-danger);border-color:var(--produs-danger)}.knopf:hover:not(:disabled){background:var(--produs-sel-bg)}.knopf--primaer:hover:not(:disabled){background:var(--produs-mid)}.knopf--akzent:hover:not(:disabled){background:var(--produs-accent);filter:brightness(1.08)}.knopf--klein{min-height:28px;padding:0 8px}.knopf--gefahr:hover:not(:disabled){background:#fdecea}.ico{display:inline-block;flex:0 0 auto;pointer-events:none}.ico-knopf{width:var(--produs-ctl-h);height:var(--produs-ctl-h);min-height:var(--produs-ctl-h);padding:0}.ico-knopf--text{width:auto;padding:0 10px 0 8px}.knopf--klein.ico-knopf{width:28px;height:28px;min-height:28px}.knopf--klein.ico-knopf--text{width:auto}.knopf--kopf{color:var(--produs-navy);border-color:transparent;background:transparent}.knopf--kopf:hover:not(:disabled){border-color:var(--produs-border)}@media(pointer:coarse){.ico-knopf{width:var(--produs-ctl-h-touch);height:var(--produs-ctl-h-touch)}.ico-knopf--text{width:auto}}.link{background:none;border:0;color:var(--produs-mid);text-decoration:underline;padding:0 4px;min-height:28px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.chip:hover:not(.chip--aktiv){background:var(--produs-hover-bg)}.chip{min-height:26px;padding:0 9px;border-radius:13px;font-size:var(--produs-fs-label);border:1px solid var(--produs-border);background:var(--produs-surface);color:var(--produs-text)}.chip--rolle{border-style:dashed}.chip--aktiv{background:var(--produs-navy);border-color:var(--produs-navy);color:var(--produs-on-navy)}.chip-zahl{color:var(--produs-accent);font-variant-numeric:tabular-nums}.chip--aktiv .chip-zahl{color:var(--produs-on-navy-muted)}.detail{display:flex;flex-direction:column;gap:6px}.titel--mass{padding-bottom:6px;border-bottom:2px solid var(--produs-accent);align-self:flex-start}.titel-eingabe{font-size:var(--produs-fs-h3)!important;color:var(--produs-navy)!important;flex:1 1 200px;width:auto!important}.planstempel{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--produs-navy);font-size:var(--produs-fs-label);background:var(--produs-surface);align-self:flex-start}.planstempel span{padding:3px 8px;border-right:1px solid var(--produs-border);color:var(--produs-text-muted)}.planstempel span:last-child{border-right:0}.planstempel b{color:var(--produs-navy);font-weight:500}.karte{background:var(--produs-surface);border:1px solid var(--produs-border);padding:8px;border-radius:var(--produs-radius)}.mitglied{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid var(--produs-border)}.mitglied select{width:auto;flex:0 0 auto}.fehler{color:var(--produs-danger)}.punkte{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:4px}.punkt{display:grid;grid-template-columns:auto 120px 1fr auto auto;gap:6px;align-items:center}.punkt--erledigt input:not([type=checkbox]){color:var(--produs-text-muted);text-decoration:line-through}@media(max-width:1200px){.punkt{grid-template-columns:auto 1fr}.punkt>input{grid-column:1 / -1}}.plan{display:flex;flex-direction:column;gap:6px}.plan-werkzeug{display:flex;gap:4px;align-items:center}.zoom{min-width:5ch;text-align:center;font-variant-numeric:tabular-nums;font-size:var(--produs-fs-label)}.plan-flaeche{overflow:auto;max-height:70vh;border:1px solid var(--produs-border);background:var(--produs-surface)}.plan-blatt{position:relative;min-width:100%}.plan-blatt--pin{cursor:crosshair;outline:2px dashed var(--produs-accent);outline-offset:-2px}.plan-bild{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}.pin{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--produs-navy);color:#fff;font-size:13px;box-shadow:0 1px 3px #00000059}.pin{line-height:24px;font-size:12px}.pin--aktiv{background:var(--produs-accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mitglied .zeile-text{flex:1 1 200px}.auth-seite{min-height:100vh;display:flex;flex-direction:column;background:var(--produs-surface-2)}.auth-flaeche{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px 16px}.auth-karte{width:min(360px,100%);display:flex;flex-direction:column;gap:6px;padding:14px 16px 12px;background:var(--produs-surface);border:1px solid var(--produs-border);border-radius:var(--produs-radius);border-top:3px solid var(--produs-navy)}.auth-karte .titel{font-size:var(--produs-fs-h2);margin:0 0 4px}.auth-karte .formular-raster--eins,.formular-raster--eins{grid-template-columns:1fr;margin:0}.auth-karte p{margin:0}.auth-karte a.knopf{text-decoration:none}.reihe--auth{justify-content:flex-end;margin:2px 0 0;gap:6px}.reihe--auth .link{margin-right:auto;padding:0;font-size:var(--produs-fs-label)}.auth-fuss{border-top:1px solid var(--produs-border);padding-top:6px;margin-top:2px!important}.auth-fehler{color:var(--produs-danger);font-size:var(--produs-fs-label);margin:0}@media(max-width:480px){.auth-flaeche{padding-top:16px}.reihe--auth .knopf{flex:1;min-height:var(--produs-ctl-h-touch)}}.dialog{width:min(520px,calc(100% - 24px));padding:0;border:1px solid var(--produs-border);border-top:3px solid var(--produs-navy);border-radius:var(--produs-radius);color:var(--produs-text);background:var(--produs-surface);box-shadow:0 10px 30px #00000040}.dialog::backdrop{background:#012a5259}.dialog-inhalt{padding:10px 14px 12px;container-type:inline-size}.dialog-inhalt .kopf{margin-bottom:4px}.dialog-inhalt .untertitel{margin:8px 0 2px}.dialog-inhalt p{margin:4px 0}.dialog input:disabled{background:var(--produs-surface-2);color:var(--produs-text-muted)}.reihe--ende{justify-content:flex-end;margin-top:8px}