:root{--hintergrund:#f6f6f4;--flaeche:#fff;--text:#1d1d1b;--leise:#6b6b66;--rand:#dcdcd6;--akzent:#1f5fa8;--fehler:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#161615;--flaeche:#222220;--text:#ececea;--leise:#a3a39d;--rand:#3a3a37;--akzent:#79a8e0;--fehler:#f2817a}}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);margin:0}h1{margin:0 0 1rem;font-size:1.4rem}button{font:inherit;border:1px solid var(--akzent);background:var(--akzent);color:var(--flaeche);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:default}input{font:inherit;border:1px solid var(--rand);background:var(--hintergrund);width:100%;color:var(--text);border-radius:6px;margin-top:.25rem;padding:.5rem}.mitte{place-items:center;min-height:100vh;padding:1rem;display:grid}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;gap:1rem;width:100%;max-width:22rem;padding:1.5rem;display:grid}.fehler{color:var(--fehler);margin:0}.kopf{background:var(--flaeche);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.kopf-rechts{color:var(--leise);align-items:center;gap:1rem;display:flex}.inhalt{max-width:60rem;margin:0 auto;padding:1.5rem 1rem}h2{margin:2rem 0 .75rem;font-size:1.1rem}a{color:var(--akzent)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}code.klein{word-break:break-all;color:var(--leise);font-size:.75rem}button.leise{color:var(--akzent);background:0 0}button.gefahr{border-color:var(--fehler);color:var(--fehler)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--akzent);margin:0}select,textarea{font:inherit;border:1px solid var(--rand);background:var(--hintergrund);color:var(--text);border-radius:6px;margin-top:.25rem;padding:.5rem}textarea{resize:vertical;width:100%}.leise{color:var(--leise)}.hinweis{border-left:3px solid var(--akzent);background:var(--flaeche);padding:.75rem 1rem}.marke{color:var(--text);font-weight:700;text-decoration:none}.navigation,.reiter{flex-wrap:wrap;gap:.25rem;display:flex}.navigation{flex:1;margin:0 1.5rem}.navigation a,.reiter a{color:var(--leise);border-radius:6px;padding:.35rem .75rem;text-decoration:none}.navigation a:hover,.reiter a:hover{color:var(--text)}.navigation a.active,.reiter a.active{background:var(--hintergrund);color:var(--text)}.reiter{border-bottom:1px solid var(--rand);margin-bottom:1.5rem}.reiter a{border-radius:6px 6px 0 0}.reiter a.active{background:var(--flaeche);border:1px solid var(--rand);border-bottom-color:var(--flaeche);margin-bottom:-1px}.kacheln{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;padding:0;list-style:none;display:grid}.kachel{background:var(--flaeche);border:1px solid var(--rand);color:var(--text);border-radius:10px;gap:.25rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.kachel:hover{border-color:var(--akzent)}table{border-collapse:collapse;background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rand);padding:.5rem .75rem}th{color:var(--leise);font-size:.9rem;font-weight:600}tr:last-child td{border-bottom:none}tr.gesperrt td{color:var(--leise)}.mitte-text{text-align:center}.rechts{text-align:right}.keinumbruch{white-space:nowrap}.breit{overflow-x:auto}.formular{gap:1rem;max-width:32rem;display:grid}.formular label{display:grid}.zeile{align-items:center;gap:.75rem;display:flex}.zeile input{margin-top:0}label.ankreuzen{align-items:center;gap:.5rem;display:flex}.abstand{flex:1}.karte.rolle{gap:.75rem;max-width:none;margin-bottom:1rem}.rolle .rollenname{font-weight:600}.rechtegitter{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}fieldset{border:1px solid var(--rand);border-radius:8px;align-content:start;gap:.35rem;padding:.5rem .75rem .75rem;display:grid}legend{padding:0 .25rem;font-size:.9rem;font-weight:600}.kopf-rechts a.konto{color:var(--leise);text-decoration:none}.kopf-rechts a.konto:hover,.kopf-rechts a.konto.active{color:var(--text)}.qr svg{border-radius:6px;width:12rem;height:12rem}details{margin-top:2rem}summary{cursor:pointer;color:var(--akzent);margin-bottom:.75rem}.formular.einladen{margin-top:1rem}.hinweis p{margin:0 0 .5rem}.hinweis p:last-child{margin-bottom:0}fieldset.wahl{gap:.75rem;max-width:32rem;margin-bottom:1rem}fieldset.wahl label.ankreuzen{align-items:flex-start}fieldset.wahl input{margin-top:.3rem}.ersatzcodes{align-items:flex-start;gap:1rem;display:flex}.ersatzcodes ul{background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;grid-template-columns:repeat(2,auto);gap:.25rem 1.5rem;margin:0;padding:.75rem 1rem;list-style:none;display:grid}:root{--status-neu:#1f5fa8;--status-angenommen:#6a4fb3;--status-in-arbeit:#a35f00;--status-zum-testen:#0f7b6c;--status-erledigt:#2e7d32;--status-abgelehnt:#6b6b66}@media (prefers-color-scheme:dark){:root{--status-neu:#79a8e0;--status-angenommen:#b49cf0;--status-in-arbeit:#e8a54b;--status-zum-testen:#5cc8b6;--status-erledigt:#7cc47f;--status-abgelehnt:#a3a39d}}h3{margin:1.75rem 0 .75rem;font-size:1rem}.knopf{border:1px solid var(--akzent);background:var(--akzent);color:var(--flaeche);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.5rem 1rem;text-decoration:none;display:inline-block}.knopf.leise{color:var(--akzent);background:0 0}button.klein{border-color:#0000;padding:.1rem .4rem;font-size:.85rem}.klein{font-size:.85rem}.versteckt{opacity:0;width:1px;height:1px;position:absolute}.kopfzeile{margin-bottom:1rem}.kopfzeile h2{margin:0}.filter{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.filter label{color:var(--leise);font-size:.9rem;display:grid}.filter label.suche{flex:1;min-width:12rem}.plakette{--farbe:var(--status-neu);white-space:nowrap;color:var(--farbe);background:color-mix(in srgb, var(--farbe) 12%, transparent);border:1px solid color-mix(in srgb, var(--farbe) 35%, transparent);border-radius:999px;padding:0 .5rem;font-size:.85rem;display:inline-block}.status-angenommen{--farbe:var(--status-angenommen)}.status-in_arbeit{--farbe:var(--status-in-arbeit)}.status-zum_testen{--farbe:var(--status-zum-testen)}.status-erledigt{--farbe:var(--status-erledigt)}.status-abgelehnt{--farbe:var(--status-abgelehnt)}.prioritaet-dringend{color:var(--fehler);font-weight:600}.prioritaet-hoch{color:var(--fehler)}.prioritaet-niedrig{color:var(--leise)}.ticket-raster{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:1.5rem;display:grid}.karte.eigenschaften{gap:.75rem;max-width:none;padding:1rem}.eigenschaften label{gap:.1rem;display:grid}.eigenschaften label .leise{font-size:.85rem}.eigenschaften select{margin-top:0}.text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.kommentar{background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem}.kommentar header{margin-bottom:.25rem;font-size:.9rem}.aenderung{margin:0 0 .75rem 1rem;font-size:.85rem}.anhaenge{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.anhaenge li{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.anhaenge img{border:1px solid var(--rand);background:var(--flaeche);border-radius:6px;max-width:10rem;max-height:7rem;display:block}.formular.breit-formular{max-width:none}.kommentieren{margin-top:1.5rem}.dateiauswahl ul{margin:.5rem 0 0;padding-left:1.25rem}@media (width<=48rem){.ticket-raster{grid-template-columns:1fr}.karte.eigenschaften{order:-1}}@media (width<=40rem){.kopf{flex-wrap:wrap;gap:.5rem}.navigation{flex-basis:100%;order:3;margin:0}}
