:root{--bg:#f4f3f0;--panel:#fff;--panel2:#faf9f7;--line:#e2dfd9;--text:#24272b;--muted:#6c7178;--accent:#b5462e;--accent2:#2f5d8a;--ok:#2e8b57;--warn:#f2c200;--warnText:#5a4600;--radius:8px;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{grid-template:"top top top"48px"left main right"1fr/300px 1fr 300px;height:100%;display:grid}.app.no-right{grid-template-columns:300px 1fr 0}.app.no-left{grid-template-columns:0 1fr 300px}.top{color:#f3f1ec;white-space:nowrap;background:#1f2328;border-bottom:1px solid #000;grid-area:top;align-items:center;gap:10px;padding:0 12px;display:flex;overflow-x:auto}.top .brand{letter-spacing:.2px;align-items:center;gap:8px;font-weight:700;display:flex}.top .brand small{color:#b9b4aa;font-weight:400}.top .sep{background:#3b4047;width:1px;height:26px}.seg{background:#2d3238;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.seg button{color:#d9d6cf;background:0 0;border:0;border-radius:5px;padding:5px 9px}.seg button.on{color:#1f2328;background:#f3f1ec;font-weight:600}.top select{color:#f3f1ec;background:#2d3238;border:1px solid #3b4047;border-radius:6px;max-width:280px;padding:5px 6px}.top .icon{color:#f3f1ec;background:#2d3238;border:1px solid #3b4047;border-radius:6px;padding:5px 9px}.top .icon:disabled{opacity:.4}.left{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:left;min-height:0;display:flex;overflow:hidden}.right{background:var(--panel);border-left:1px solid var(--line);grid-area:right;min-height:0;overflow:auto}.main{grid-area:main;min-width:0;min-height:0;display:flex;position:relative}.main>.pane{flex:1;min-width:0;min-height:0;position:relative}.main>.pane+.pane{border-left:1px solid var(--line)}.tabs{border-bottom:1px solid var(--line);background:var(--panel2);flex-wrap:wrap;gap:2px;padding:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:5px 7px;font-size:12px}.tabs button.on{color:var(--text);box-shadow:0 0 0 1px var(--line);background:#fff;font-weight:600}.panel-body{flex:1;padding:10px 12px 40px;overflow:auto}h3{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:14px 0 6px;font-size:12px}h3:first-child{margin-top:2px}.row{align-items:center;gap:8px;margin:4px 0;display:flex}.row label{min-width:92px;color:var(--muted)}.row input[type=number],.row input[type=text],.row select,.row textarea{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;min-width:0;padding:4px 6px}.chk{align-items:center;gap:6px;margin:3px 0;display:flex}.btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 9px}.btn.primary{background:var(--accent2);border-color:var(--accent2);color:#fff}.btn.danger{color:#b00020}.btn.small{padding:2px 6px;font-size:12px}.btns{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.badge{letter-spacing:.3px;vertical-align:middle;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10.5px;font-weight:700;display:inline-flex}.badge.annahme{background:var(--warn);color:var(--warnText);cursor:help}.badge.src{color:#4b4f55;background:#eceae5}.badge.src.BZ,.badge.src.WF,.badge.src.BB{color:#1f4466;background:#dfe9f3}.badge.src.HB,.badge.src.EP{color:#2c5a24;background:#e6f1e3}.badge.src.EX{color:#6b2f1d;background:#f3e5df}.badge.locked{color:#fff;background:#333}.badge.extra{color:#8a2c0f;background:#ffe1d6}.muted{color:var(--muted)}.small{font-size:11.5px}table.tbl{border-collapse:collapse;width:100%;font-size:12px}table.tbl th,table.tbl td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:3px 4px}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.list-item{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;margin:6px 0;padding:7px 8px}.list-item.sel{border-color:var(--accent2);box-shadow:0 0 0 2px #2f5d8a33}.list-item .t{font-weight:600}.status{border-radius:10px;padding:1px 7px;font-size:10.5px;font-weight:600}.status.offen{color:#9b1c1c;background:#fde2e1}.status.in-klaerung{color:#7a5a00;background:#fff1cc}.status.entschieden{color:#1f4466;background:#dfe9f3}.status.beauftragt{color:#48307a;background:#e3dcf3}.status.erledigt{color:#1d5e33;background:#dff0e4}.overlay{z-index:5;border:1px solid var(--line);background:#ffffffeb;border-radius:8px;padding:6px 8px;position:absolute;box-shadow:0 2px 10px #00000014}.overlay.tl{top:10px;left:10px}.overlay.tr{top:10px;right:10px}.overlay.bl{bottom:10px;left:10px}.overlay.br{bottom:10px;right:10px}.overlay .seg{background:#eceae5}.overlay .seg button{color:#444}.overlay .seg button.on{color:#fff;background:#1f2328}.toast{color:#fff;z-index:50;background:#1f2328;border-radius:8px;padding:9px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.pin{color:#fff;border:2px solid #fff;border-radius:50% 50% 50% 0;width:24px;height:24px;padding:0;font-size:10px;font-weight:700;transform:rotate(-45deg);box-shadow:0 1px 4px #0006}.pin-offen{background:#c0392b}.pin-in-klaerung{background:#d4a017}.pin-entschieden,.pin-beauftragt{background:#2f5d8a}.pin-erledigt{background:#2e8b57}.lib-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lib-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;padding:6px}.lib-item:hover{border-color:var(--accent2)}.lib-item .n{font-size:12px;font-weight:600}.lib-item .d{color:var(--muted);font-size:11px}.src-thumb{border:1px solid var(--line);border-radius:6px;width:100%;display:block}.kpi{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.kpi div{background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:6px 8px}.kpi b{font-size:16px;display:block}.legend{flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.legend span:before{content:"";vertical-align:-1px;background:var(--c);border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.plan-svg{-webkit-user-select:none;user-select:none;background:#fbfaf8;width:100%;height:100%;display:block}.plan-svg text{font-family:Inter,system-ui,sans-serif}.modal-bg{z-index:40;background:#14161973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;max-width:92vw;max-height:90vh;padding:14px;overflow:auto}.hint{background:#fff8db;border:1px solid #f0d77a;border-radius:7px;margin:6px 0;padding:6px 8px;font-size:12px}.comment{border-left:3px solid var(--line);margin:4px 0;padding:2px 0 4px 8px}.comment-form textarea{box-sizing:border-box;width:100%}.kpi .warn b{color:#b02a1a}.selbar{z-index:30;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.selbar.moving{background:#fff8db;border-color:#f0d77a}.selbar-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:0 4px;font-weight:600;overflow:hidden}.selbar .btn{min-width:34px;min-height:34px}.elec-bar{border:1px solid var(--line);z-index:25;background:#fff;border-radius:12px;padding:8px;inset:auto 10px 70px;box-shadow:0 6px 24px #00000026}.elec-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.elec-head .muted{flex:1}.elec-items{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.elec-item{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:2px;width:78px;padding:5px 3px;font-size:11px;line-height:1.15;display:flex}.elec-item.on{border-color:var(--accent2);background:#eef4fa;box-shadow:0 0 0 2px #2f5d8a55}.plan-tools{flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 20px);display:flex}.view3d-tools{flex-direction:column;gap:6px;max-width:calc(100% - 20px);display:flex}.view3d-tools .seg{flex-wrap:wrap}.tools-row{align-items:center;gap:6px;display:flex}.preset-select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 6px}.seg-label{color:#d9d6cf;padding:5px 6px;font-size:12px}.walk-info{background:#ffffffeb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:6px 10px;display:flex}.joystick{touch-action:none;z-index:20;background:#1f232847;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:28px;left:24px}.joystick .knob{pointer-events:none;background:#ffffffeb;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #0000004d}.menu-btn,.drawer-close,.backdrop{display:none}@media (width<=900px){:root{font-size:14px}.app{grid-template:"top""main"1fr/1fr}.top{white-space:normal;flex-wrap:wrap;gap:6px;padding:6px 8px;overflow:visible}.top .seg button{padding:7px 9px}.menu-btn{font-size:18px;display:inline-block;padding:4px 10px!important}.hide-mobile{display:none!important}.left,.right{z-index:60;background:var(--panel);transition:transform .2s;position:fixed;box-shadow:0 10px 40px #0000004d}.left{width:min(88vw,380px);top:0;bottom:0;left:0;transform:translate(-105%)}.app.panel-left .left{transform:none}.right{border-radius:14px 14px 0 0;max-height:70vh;bottom:0;left:0;right:0;transform:translateY(105%)}.app.panel-right .right{transform:none}.drawer-close{z-index:2;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;display:block;position:absolute;top:6px;right:8px}.backdrop{z-index:55;background:#00000040;display:block;position:fixed;inset:0}.main>.pane+.pane{display:none}.selbar{flex-wrap:wrap;justify-content:center;gap:4px;bottom:10px}.selbar-name{text-align:center;width:100%;max-width:none}.compass{display:none}.elec-bar{bottom:10px}.overlay.tl{top:6px;left:6px}.view3d-tools .presets button{padding:6px 7px}}.overlay .seg-label{color:#444}