*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,DejaVu Sans,sans-serif;font-size:12px;color:#1c1c1c;background:#dfe3e8}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1600px;margin:0 auto;background:#f0f0f0;border:1px solid #7a7a7a}.titlebar{height:30px;background:linear-gradient(#3a6ea5,#2b5580);color:#fff;display:flex;align-items:center;padding:0 8px;font-weight:600}.titlebar .logo{width:18px;height:18px;background:#fff;color:#2b5580;border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:800;margin-right:8px;font-size:12px}.titlebar .title{flex:1}.titlebar .win{letter-spacing:3px;opacity:.9}.menubar{height:24px;background:#f7f7f7;border-bottom:1px solid #d0d0d0;display:flex;align-items:center;padding:0 4px;color:#303030}.menubar .menu{position:relative}.menubar span{display:inline-block;padding:3px 9px;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none}.menubar span:hover{background:#e8eef4}.menubar span.active{background:#d8e6f2}.menu-dd{position:absolute;top:100%;left:0;z-index:50;min-width:200px;background:#fff;border:1px solid #b8b8b8;border-radius:0 0 4px 4px;box-shadow:0 6px 16px #0000002e;padding:4px 0}.menu-item{display:flex;align-items:center;padding:4px 14px 4px 4px;font-size:12.5px;color:#262626;cursor:pointer;white-space:nowrap}.menu-item:hover{background:#cfe3f6}.menu-item.disabled{color:#a5abb2;cursor:default}.menu-item.disabled:hover{background:transparent}.menu-item .mi-check{display:inline-block;width:16px;text-align:center;color:#2b5580}.menu-sep{height:1px;background:#e0e0e0;margin:4px 8px}.toolbar{height:46px;background:linear-gradient(#fbfbfb,#edeef0);border-bottom:1px solid #cfcfcf;display:flex;align-items:center;padding:0 6px;gap:2px}.tbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;height:40px;border:1px solid transparent;border-radius:4px;color:#303030;padding:0 6px;cursor:pointer}.tbtn:hover{background:#e4eef8;border-color:#b8d2ec}.tbtn.primary{background:#eaf3fb;border-color:#bcd9f0}.tbtn .ic{width:22px;height:22px;border-radius:4px;margin-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.tbtn .lbl{font-size:10.5px;white-space:nowrap}.sep{width:1px;height:32px;background:#d3d3d3;margin:0 5px}.main{flex:1;display:flex;min-height:0}.nav{width:224px;background:#fbfbfb;border-right:1px solid #cfcfcf;padding:6px 0}.nav .grp{font-weight:700;color:#2b5580;padding:6px 10px 3px;font-size:11.5px}.nav .it{padding:4px 10px 4px 26px;color:#262626;position:relative;cursor:pointer}.nav .it:before{content:"";position:absolute;left:12px;top:9px;width:8px;height:8px;border:1px solid #9bb6cf;background:#eef4fa}.nav .it:hover{background:#eef4fa}.nav .it.sel{background:#cfe3f6;border:1px solid #9cc2e6;font-weight:600}.nav .it.sel:before{background:#2b5580;border-color:#2b5580}.content{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.head{padding:9px 14px;border-bottom:1px solid #e2e2e2;display:flex;align-items:baseline;gap:12px}.head h1{font-size:16px;color:#2b5580}.head .crumb{color:#7a7a7a;font-size:11.5px}.filter{display:flex;align-items:center;gap:14px;padding:8px 14px;background:#f6f8fa;border-bottom:1px solid #e2e2e2;font-size:11.5px;color:#40474d}.filter .fld{background:#fff;border:1px solid #b9c2ca;border-radius:3px;padding:3px 8px;min-width:110px;display:inline-flex;justify-content:space-between;gap:8px}.filter .fld .caret{color:#8a97a2}.gridwrap{flex:1;overflow:auto}table{width:100%;border-collapse:collapse}thead th{position:sticky;top:0;background:linear-gradient(#f4f5f7,#e8eaed);border-bottom:1px solid #c9ccd1;border-right:1px solid #e0e2e5;text-align:left;padding:6px 9px;font-weight:600;color:#3a4249;font-size:11.5px}tbody td{padding:5px 9px;border-bottom:1px solid #ededed;border-right:1px solid #f2f2f2;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:nth-child(2n){background:#f7f9fb}tbody tr:hover{background:#eaf3fb}tbody tr.sel{background:#cfe3f6!important}td.num{text-align:right;font-variant-numeric:tabular-nums}td.pos{color:#8a97a2;text-align:center}.st{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10.5px;font-weight:600}.st.entwurf{background:#eef1f3;color:#626c75}.st.frei{background:#e5eefb;color:#2c62b0}.st.versendet{background:#fdf0da;color:#97650d}.st.bezahlt{background:#e2f1e8;color:#2f7d4f}.er-ok{color:#2f7d4f;font-weight:600}.er-no{color:#a9b2ba}.statusbar{height:24px;background:#f0f0f0;border-top:1px solid #d0d0d0;display:flex;align-items:center;padding:0 12px;gap:22px;color:#4a4a4a;font-size:11px}.statusbar .sp{flex:1}.badge-ersatz{color:#2b5580;font-weight:600}.proto{background:#fff3cd;color:#7d5b0e;border:1px solid #f0dca8;border-radius:9px;padding:1px 8px;font-size:10px;font-weight:700}.tabs{display:flex;gap:2px;padding:8px 12px 0;background:#f6f8fa;border-bottom:1px solid #ccd3d9}.tab{padding:6px 16px;border:1px solid #ccd3d9;border-bottom:none;border-radius:5px 5px 0 0;background:#eaeef2;color:#566069;position:relative;top:1px;cursor:pointer}.tab.active{background:#fff;color:#2b5580;font-weight:600}.form{flex:1;overflow:auto;padding:14px 18px}.tabpane{display:none}.tabpane.active{display:block}.lock{display:flex;align-items:center;gap:8px;background:#fef7e6;border:1px solid #f0dca8;color:#7d5b0e;padding:7px 12px;border-radius:4px;margin-bottom:14px;font-size:11.5px}.lock .k{font-weight:700}.cols{display:flex;gap:26px}.col{flex:1}.frow{display:flex;align-items:center;margin-bottom:9px}.frow label{flex:0 0 118px;color:#55606a;font-size:11.5px}.frow .inp{flex:1;background:#fff;border:1px solid #b9c2ca;border-radius:3px;padding:4px 8px;box-shadow:inset 0 1px 1px #0000000a}.frow .inp.ro{background:#eef1f3;color:#303a42;border-color:#cdd4da;font-weight:600}.frow .inp.sel{display:flex;justify-content:space-between}.frow.block{align-items:flex-start}.frow .inp.ro.lang{white-space:normal;line-height:1.55;font-weight:500;padding:6px 10px}td.zelle-kurz{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}pre.rohtext{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.55;color:#303a42;background:#f7f9fb;border:1px solid #dfe4e9;border-radius:5px;padding:12px 14px}.hint{color:#8a97a2;font-size:10.5px;margin-left:8px}h3.sec{color:#2b5580;font-size:12.5px;margin:16px 0 7px;border-bottom:1px solid #e2e6ea;padding-bottom:4px}.addrow td{color:#9aa4ac;font-style:italic}.foot{display:flex;gap:18px;margin-top:14px}.sums{margin-left:auto;width:300px;border:1px solid #dfe3e7;border-radius:5px;overflow:hidden}.sums .r{display:flex;justify-content:space-between;padding:6px 12px;font-size:12px}.sums .r+.r{border-top:1px solid #eef1f3}.sums .r.net{background:#f8fafc}.sums .r.brutto{background:#eaf3fb;font-weight:800;color:#21486c;font-size:14px}.sums .lbl{color:#55606a}.erpanel{width:340px;border:1px solid #cfe0d6;border-radius:5px;background:#f5faf7;padding:11px 13px}.erpanel .t{font-weight:700;color:#2f7d4f;margin-bottom:8px}.erpanel .r{display:flex;justify-content:space-between;margin:4px 0;font-size:11.5px;color:#47535b}.erpanel .r b{color:#263038}.erpanel .btn{margin-top:9px;text-align:center;background:linear-gradient(#3a7d55,#2f6a48);color:#fff;padding:7px;border-radius:4px;font-weight:600;cursor:pointer}.muted{color:#8a97a2}button.tbtn{background:transparent;font:inherit}button.tbtn:disabled{opacity:.45;cursor:default}button.tbtn:disabled:hover{background:transparent;border-color:transparent}input.inp,select.inp,textarea.inp{font:inherit;color:inherit;outline:none}input.inp:focus,select.inp:focus{border-color:#6ea3d6}select.mandant{background:#ffffffeb;border:1px solid #1d3d5c;border-radius:3px;font:inherit;font-size:11.5px;color:#21486c;padding:2px 6px;margin-right:12px}.btn-primary{background:linear-gradient(#3a6ea5,#2b5580);color:#fff;border:none;border-radius:4px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.55;cursor:default}.btn-sekundaer{padding:6px 14px;border:1px solid #adb5bd;border-radius:4px;background:#f1f3f5;font:inherit;cursor:pointer}.fehler-inline{color:#a33;font-size:11.5px;margin-top:6px}.hinweis-2b{background:#fef7e6;border:1px solid #f0dca8;color:#7d5b0e;padding:10px 14px;border-radius:4px;max-width:520px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#eef2f6}.login-box{display:flex;flex-direction:column;gap:6px;width:320px;padding:28px;background:#fff;border:1px solid #cfcfcf;border-radius:8px;box-shadow:0 8px 24px #0000001f}.login-logo{font-size:22px;font-weight:700;color:#2b5580;text-align:center;margin-bottom:12px}.login-box label{font-size:12px;color:#555;margin-top:6px}.login-box .btn-primary{margin-top:14px}.titlebar .benutzer{display:flex;align-items:center;gap:8px;margin-right:12px}.titlebar .bn-name{font-size:12px}.titlebar .bn-rolle{font-size:10.5px;opacity:.8;background:#ffffff26;padding:1px 6px;border-radius:8px}.titlebar .bn-logout{font-size:11px;background:#ffffff2e;color:#fff;border:0;border-radius:3px;padding:3px 8px;cursor:pointer}.titlebar .bn-logout:hover{background:#ffffff4d}.anlegen-form{max-width:480px;margin-bottom:10px}.mobil .schein-liste,.mobil .pos-liste,.mobil .pos-knoepfe{display:flex;flex-direction:column;gap:10px}.mobil .schein-karte{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border:1px solid #d5dbe0;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.mobil .schein-karte .sk-nr{font-weight:600}.mobil .schein-karte .sk-termin{color:#6b6f76;font-size:13px}.mobil .pos-karte{border:1px solid #d5dbe0;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.mobil .pos-kopf{display:flex;justify-content:space-between;font-weight:600;text-transform:capitalize}.mobil .pos-zeile{display:flex;gap:6px}.mobil .pos-weg{border:none;background:none;color:#c92a2a;cursor:pointer}.mobil .btn-sekundaer{padding:12px;border-radius:8px}.foto-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.foto-kachel{position:relative;width:88px;height:88px}.foto-kachel img{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid #d5dbe0}.foto-kachel .pos-weg{position:absolute;top:-8px;right:-8px;background:#fff;border-radius:50%}.foto-knopf{display:inline-block}.meldung-inline{color:#2b6a35;font-size:11.5px;margin-top:6px}.sig-canvas{border:1px dashed #adb5bd;border-radius:8px;touch-action:none;background:#fff;width:100%;max-width:340px}.sig-knoepfe{display:flex;gap:8px;margin-top:8px}.sig-vorhanden img{border:1px solid #d5dbe0;border-radius:8px;max-width:340px;background:#fff}.offline-badge{background:#9a6700;color:#fff;padding:1px 8px;border-radius:10px;font-size:12px}.katalog-bild{position:relative;display:inline-block}.katalog-bild img{width:96px;height:96px;object-fit:cover;border:1px solid #d5dbe0;border-radius:6px}.katalog-bild .pos-weg{position:absolute;top:-8px;right:-8px;background:#fff;border-radius:50%}tr.inaktiv td{opacity:.5}.reiter{display:flex;gap:8px;margin-bottom:12px}.reiter button{padding:6px 14px;border:1px solid var(--rand, #ccc);background:transparent;cursor:pointer}.reiter button.reiter-aktiv{background:var(--akzent, #2a6);color:#fff}