:root{--bg: #f4f5f7;--flaeche: #ffffff;--text: #1f2937;--gedimmt: #6b7280;--linie: #e5e7eb;--akzent: #1f4e79;--akzent-hell: #e8f0f8;--gefahr: #dc2626;--radius: 8px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}#root{display:flex;flex-direction:column}main{flex:1;min-height:0;display:flex;flex-direction:column}h1{font-size:20px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 12px}a{color:var(--akzent)}p{margin:4px 0}button,.knopf{font:inherit;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:6px;padding:5px 12px;cursor:pointer;text-decoration:none;display:inline-block}button:hover:not(:disabled),.knopf:hover{border-color:#9ca3af}button:disabled{opacity:.5;cursor:default}button.primaer{background:var(--akzent);color:#fff;border-color:var(--akzent)}button.link{border:none;background:none;color:var(--akzent);padding:2px 4px}button.link.gefahr{color:var(--gefahr)}input,select{font:inherit;border:1px solid var(--linie);border-radius:6px;padding:5px 8px;background:var(--flaeche);color:var(--text)}label{display:inline-flex;gap:6px;align-items:center}.gedimmt{color:var(--gedimmt)}.klein{font-size:12px}.fehlertext{color:var(--gefahr);margin:8px 0}.zentriert{height:100%;display:grid;place-items:center}.umbruch{word-break:break-word}.pille{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:#eef0f3;color:#374151;white-space:nowrap}.pille.fehler{background:#fde8e8;color:var(--gefahr)}.pille.warnung{background:#fef3c7;color:#92400e}.kopf{display:flex;align-items:center;gap:24px;padding:0 20px;height:52px;background:#10263d;color:#fff;flex-shrink:0}.marke-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.kopf nav{display:flex;gap:4px}.kopf nav a{color:#c7d2de;text-decoration:none;padding:6px 12px;border-radius:6px}.kopf nav a.active{background:#ffffff1f;color:#fff}.kopf-rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.kopf .gedimmt{color:#9fb0c2}.kopf button.link{color:#c7d2de}.seite{padding:24px;max-width:1200px;width:100%;margin:0 auto;overflow:auto}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px}.karte h2{margin-top:0}.login{width:320px;display:flex;flex-direction:column;gap:12px}.login label{flex-direction:column;align-items:stretch;gap:4px}.ablage{border:2px dashed #b6c2cf;border-radius:var(--radius);background:var(--flaeche);padding:32px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.ablage.aktiv,.ablage:hover{border-color:var(--akzent);background:var(--akzent-hell)}.zeile-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.schalter{cursor:pointer}.tabelle{width:100%;border-collapse:collapse;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden}.tabelle th,.tabelle td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle th{background:#f9fafb;font-weight:600;font-size:13px;color:#4b5563}.tabelle tr:last-child td{border-bottom:none}.aktionen{white-space:nowrap;text-align:right}.aktionen>*{margin-left:6px}.formular-zeile{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}.formular-zeile label:not(.schalter){flex-direction:column;align-items:stretch;gap:4px;flex:1;min-width:240px}.arbeitsflaeche{flex:1;min-height:0;display:flex;flex-direction:column}.leiste{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap}.zurueck{text-decoration:none;white-space:nowrap}.leiste-titel{display:flex;flex-direction:column;min-width:0;flex:1}.leiste-titel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export{display:flex;gap:10px;align-items:center;color:var(--gedimmt);font-size:13px}.fortschritt{position:relative;width:260px;height:22px;background:#eef0f3;border-radius:999px;overflow:hidden}.fortschritt>div{position:absolute;inset:0 auto 0 0;background:#bfd3e8;transition:width .4s}.fortschritt>span{position:relative;font-size:12px;padding:0 10px;line-height:22px;white-space:nowrap}.drei-spalten{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr 400px}.blattliste{overflow:auto;border-right:1px solid var(--linie);background:var(--flaeche);padding:8px;display:flex;flex-direction:column;gap:2px}.blatt-eintrag{display:flex;align-items:center;gap:6px;border:none;background:none;text-align:left;padding:5px 6px;border-radius:6px;width:100%}.blatt-eintrag:hover{background:#f3f4f6}.blatt-eintrag.aktiv{background:var(--akzent-hell)}.blatt-nr{font-variant-numeric:tabular-nums;font-weight:600;min-width:30px}.blatt-titel{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#4b5563}.zahl{color:#fff;font-size:11px;border-radius:999px;padding:0 6px;line-height:17px}.punkt{width:8px;height:8px;border-radius:50%;flex-shrink:0}.viewer{min-width:0;min-height:0;display:flex;flex-direction:column;background:#d9dde3}.viewer-kopf{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap}.viewer-kopf>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom,.umschalter{display:flex}.zoom button,.umschalter button{border-radius:0;margin-left:-1px}.zoom button:first-child,.umschalter button:first-child{border-radius:6px 0 0 6px}.zoom button:last-child,.umschalter button:last-child{border-radius:0 6px 6px 0}.umschalter button.an{background:var(--akzent);color:#fff;border-color:var(--akzent)}.pdf-rahmen{flex:1;min-height:0;overflow:auto;padding:0;scrollbar-gutter:stable}.pdf-blatt{position:relative;background:#fff;box-shadow:0 1px 4px #0003;margin:0 auto}.pdf-leer{padding:40px;text-align:center;color:var(--gedimmt)}.pdf-laedt{position:absolute;top:8px;right:8px;font-size:12px;color:var(--gedimmt)}.marke{position:absolute;border:2px solid;border-radius:3px;pointer-events:none}.marke.klickbar{pointer-events:auto;cursor:pointer}.marke.aktiv{border-width:3px;animation:puls 1.2s ease-in-out 2}@keyframes puls{50%{transform:scale(1.25)}}.zwei-seiten{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.seiten-spalte{min-width:0;min-height:0;display:flex;flex-direction:column}.seiten-label{font-size:12px;font-weight:600;padding:3px 8px;background:var(--flaeche)}.ueberblendung{flex:1;min-height:0;position:relative;display:flex}.ueberblendung>.pdf-rahmen{flex:1}.ueberblendung .oben{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.ueberblendung .oben .pdf-blatt{background:transparent;box-shadow:none}.befunde{overflow:auto;border-left:1px solid var(--linie);background:var(--bg);padding:0 10px 10px}.filter{position:sticky;top:0;background:var(--bg);padding:10px 0;display:flex;flex-direction:column;gap:8px;z-index:1}.filter-zeile{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{border:1px solid var(--linie);border-radius:999px;padding:2px 10px;background:var(--flaeche);cursor:pointer;font-size:13px}.chip input{margin:0}.suche{width:100%}.befund{background:var(--flaeche);border:1px solid var(--linie);border-left:4px solid;border-radius:6px;padding:8px 10px;margin-bottom:8px;cursor:pointer}.befund:hover{border-color:#c4c9d0}.befund.aktiv{box-shadow:0 0 0 2px var(--akzent)}.befund.erledigt{opacity:.55}.befund-kopf{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px;font-size:12px}.nr{font-weight:700}.befund-text{font-size:13px;line-height:1.4}.befund-status{display:flex;gap:6px;margin-top:6px}.befund-status input{flex:1;min-width:0;font-size:12px}.befund-status select{font-size:12px}.ki-box{background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 16px;max-height:30vh;overflow:auto}.ki-box.zu{padding:4px 16px}.ki-box ul{margin:6px 0;padding-left:18px}.ki-box li{margin:3px 0}@media (max-width: 1100px){.drei-spalten{grid-template-columns:180px 1fr 320px}}@media (max-width: 800px){.drei-spalten{grid-template-columns:1fr;grid-auto-rows:minmax(200px,auto);overflow:auto}.blattliste{max-height:160px}.viewer{min-height:60vh}.zwei-seiten{grid-template-columns:1fr}.seite{padding:16px}}.protokoll{flex-shrink:0;background:#0f1720;color:#d6dde6;border-top:1px solid #263445;position:relative}.protokoll-griff{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:ns-resize}.protokoll-kopf{display:flex;align-items:center;gap:12px;padding:4px 12px;font-size:13px;min-width:0}.protokoll-kopf button.link{color:#e5e9ef;font-weight:600}.protokoll-kopf .gedimmt{color:#7d8b9b;margin-left:auto}.protokoll-kopf label{color:#aab6c3}.protokoll-letzter{color:#aab6c3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;font-family:Consolas,monospace;font-size:12px}.laeuft-punkt{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:blinken 1s infinite;flex-shrink:0}@keyframes blinken{50%{opacity:.25}}.protokoll-liste{overflow:auto;padding:4px 12px 10px;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;line-height:1.5}.protokoll-zeile{display:grid;grid-template-columns:62px 18px 1fr}.protokoll-zeile .zeit{color:#6b7a8b}.protokoll-zeile .text{white-space:pre-wrap;word-break:break-word}.protokoll-zeile.s-ki .text{color:#93c5fd}.protokoll-zeile.s-denken .text{color:#a5b4c6;font-style:italic}.protokoll-zeile.s-befund .text{color:#86efac}.protokoll-zeile.s-warnung .text{color:#fcd34d}.protokoll-zeile.s-fehler .text{color:#fca5a5}:root{--ki: #7c3aed;--ki-hell: #f3eefe}.marke.ki{border-style:dashed}.marke-etikett{position:absolute;top:-9px;left:-2px;background:var(--ki);color:#fff;font:700 9px/12px Segoe UI,sans-serif;padding:0 4px;border-radius:3px;pointer-events:none;letter-spacing:.3px}.pille.ki{background:var(--ki);color:#fff}.befund.ki{background:linear-gradient(90deg,var(--ki-hell),var(--flaeche) 45%);box-shadow:inset 0 0 0 1px #e4d8fd}.befund.ki.aktiv{box-shadow:0 0 0 2px var(--ki)}.zahl.ki{background:var(--ki)}.legende{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--gedimmt);white-space:nowrap}.legende i{display:inline-block;width:16px;height:10px;border:2px solid #6b7280;border-radius:2px;margin-left:6px}.legende i.legende-ki{border-style:dashed;border-color:var(--ki)}.login{align-items:stretch}.google-btn{display:flex;justify-content:center;min-height:44px}.login-form{display:flex;flex-direction:column;gap:12px}.trenner{display:flex;align-items:center;gap:10px;color:var(--gedimmt);font-size:12px}.trenner:before,.trenner:after{content:"";flex:1;border-top:1px solid var(--linie)}