@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
.wm{
  --marke:#561211; --marke2:#7C2321; --marke-w:#F5EAE9;
  --pg:#F1F3F4; --sf:#FFF; --sf2:#F7F8F9; --ln:#DFE3E6; --ln2:#C6CDD2;
  --tx:#1B2124; --mu:#5B6870; --mu2:#8B959B;
  --o-bg:#FFF; --o-ln:#D3D9DD; --o-tx:#8B959B;
  --a-bg:#FDF0D6; --a-ln:#D9A32E; --a-tx:#7A5306;
  --f-bg:#E1F0E6; --f-ln:#3E9564; --f-tx:#1D5735;
  --b-bg:#FAE2E0; --b-ln:#B8433C; --b-tx:#7C1F1A;
  --blau:#2E6DA4; --blau-bg:#E8F0F7;
  --gA:#EEF1F3; --gB0:#F2EDF5; --gB:#FBE9E7; --gC:#E9F1F7; --gD:#EFF4EA; --gE:#FDF3DE; --gF:#F0F0EC;
  --serif:'Source Serif 4',Georgia,serif; --sans:'IBM Plex Sans',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
  font-family:var(--sans); background:var(--pg); color:var(--tx); font-size:15px; line-height:1.5;
  border-radius:12px; overflow:hidden; -webkit-font-smoothing:antialiased;
}
.wm *{box-sizing:border-box;} .wm button,.wm input,.wm select{font-family:inherit;}
.wm :focus-visible{outline:2px solid var(--marke); outline-offset:2px; border-radius:3px;}
.wm-login{min-height:520px; display:grid; align-content:center; padding:44px 24px; background:var(--sf2);}
.wm-li{width:100%; max-width:430px; margin:0 auto;}
.wm-logo{height:52px; display:block; margin-bottom:24px;} .wm-logo.sm{height:30px; margin:0;}
.wm-h1{font-family:var(--serif); font-size:29px; font-weight:700; color:var(--marke); margin:0 0 6px; line-height:1.15;}
.wm-lead{color:var(--mu); font-size:14.5px; margin:0 0 24px;} .wm-lead b{color:var(--tx); font-weight:600;}
.wm-lbl{display:block; font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mu2); margin-bottom:8px;}
.wm-people{display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:18px;}
.wm-person{text-align:left; background:var(--sf); border:1px solid var(--ln); border-radius:9px; padding:11px 13px; cursor:pointer; color:var(--tx);}
.wm-person:hover{border-color:var(--ln2);}
.wm-person[aria-pressed="true"]{border-color:var(--marke); box-shadow:inset 0 0 0 1px var(--marke); background:var(--marke-w);}
.wm-pn{font-size:15px; font-weight:600;} .wm-pr{font-family:var(--mono); font-size:9.5px; color:var(--mu2);}
.wm-input{width:100%; background:var(--sf); border:1px solid var(--ln); border-radius:9px; padding:12px 14px; font-size:15px; margin-bottom:14px; color:var(--tx);}
.wm-input:focus{border-color:var(--marke); outline:none;}
.wm-go{width:100%; border:none; border-radius:9px; padding:13px; background:var(--marke); color:#fff; font-size:15px; font-weight:600; cursor:pointer;}
.wm-go:disabled{background:var(--ln2); cursor:not-allowed;}
.wm-err{color:var(--b-ln); font-size:13.5px; min-height:20px; margin-top:8px;}
.wm-hint{margin-top:20px; padding-top:14px; border-top:1px solid var(--ln); font-size:12.5px; color:var(--mu2); line-height:1.55;}

.wm-app{display:none;} .wm-app.on{display:block;} .wm-login.off{display:none;}
.wm-top{display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:12px 18px; background:var(--sf); border-bottom:1px solid var(--ln);}
.wm-td{padding-left:16px; border-left:1px solid var(--ln);}
.wm-tt{font-family:var(--serif); font-size:17px; font-weight:600; color:var(--marke); line-height:1.2;}
.wm-ts{font-family:var(--mono); font-size:9.5px; color:var(--mu2); letter-spacing:.09em; text-transform:uppercase;}
.wm-who{margin-left:auto; display:flex; align-items:center; gap:9px;}
.wm-av{width:30px; height:30px; border-radius:8px; display:grid; place-items:center; background:var(--marke-w); color:var(--marke); font-size:12.5px; font-weight:600;}
.wm-wn{font-size:13.5px; font-weight:600; line-height:1.15;} .wm-wr{font-family:var(--mono); font-size:9px; color:var(--mu2);}
.wm-out{background:none; border:1px solid var(--ln); border-radius:7px; padding:6px 10px; color:var(--mu); font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer;}
.wm-tabs{display:flex; gap:2px; padding:0 14px; background:var(--sf); border-bottom:1px solid var(--ln); overflow-x:auto;}
.wm-tab{background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; padding:11px 12px; color:var(--mu); font-size:13.5px; font-weight:500; white-space:nowrap;}
.wm-tab[aria-selected="true"]{color:var(--marke); border-bottom-color:var(--marke); font-weight:600;}
.wm-badge{display:inline-block; min-width:17px; padding:0 5px; margin-left:5px; border-radius:9px; background:var(--b-bg); color:var(--b-tx); font-family:var(--mono); font-size:9.5px; font-weight:600;}
.wm-pane{padding:18px;} .wm-pane[hidden]{display:none;}
.wm-sec{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mu2); margin:0 0 10px;}
.wm-sec.mt{margin-top:22px;}
.wm-kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(146px,1fr)); gap:10px; margin-bottom:22px;}
.wm-kpi{background:var(--sf); border:1px solid var(--ln); border-radius:11px; padding:13px 14px;}
.wm-kn{font-family:var(--serif); font-size:27px; font-weight:700; line-height:1.05; color:var(--marke);}
.wm-kn small{font-size:14px; color:var(--mu2); font-weight:600;}
.wm-kl{font-size:12.5px; color:var(--mu); margin-top:4px;}
.wm-kpi.warn .wm-kn{color:var(--b-ln);} .wm-kpi.ok .wm-kn{color:var(--f-ln);}
.wm-split{display:grid; grid-template-columns:210px 1fr; gap:22px; align-items:start;}
@media (max-width:660px){ .wm-split{grid-template-columns:1fr;} }
.wm-item{display:flex; gap:11px; padding:11px 13px; background:var(--sf); border:1px solid var(--ln); border-radius:9px; margin-bottom:7px; text-align:left; width:100%; cursor:pointer; color:inherit;}
.wm-item:hover{border-color:var(--marke);} .wm-item.stop{border-left:3px solid var(--b-ln);}
.wm-item-id{font-family:var(--mono); font-size:11.5px; font-weight:600; color:var(--marke); white-space:nowrap;}
.wm-item-t{font-size:13.5px; font-weight:500;} .wm-item-s{font-size:12.5px; color:var(--mu); margin-top:2px;}
.wm-leer{padding:13px; color:var(--mu2); font-size:13.5px; background:var(--sf); border:1px solid var(--ln); border-radius:9px;}

.wm-drw{margin:0 18px; background:var(--sf); border:1px solid var(--marke); border-radius:12px; overflow:hidden;}
.wm-drw[hidden]{display:none;}
.wm-drwh{display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 15px; background:var(--marke); color:#fff;}
.wm-drwt{font-family:var(--serif); font-size:18px; font-weight:600;}
.wm-drws{font-family:var(--mono); font-size:10px; color:#E9C9C8;}
.wm-drwx{margin-left:auto; background:none; border:1px solid rgba(255,255,255,.4); color:#fff; border-radius:7px; padding:5px 10px; font-family:var(--mono); font-size:9.5px; text-transform:uppercase; cursor:pointer;}
.wm-drwb{padding:15px;}
.wm-chips{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;}
.wm-chip{background:var(--marke-w); border:1px solid var(--marke); color:var(--marke); border-radius:20px; padding:3px 11px; font-family:var(--mono); font-size:10.5px; cursor:pointer;}
.wm-chip:hover{background:var(--marke); color:#fff;}
.wm-chip.g{background:var(--sf2); border-color:var(--ln2); color:var(--mu); cursor:default;}
.wm-grpt{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mu2); margin:16px 0 8px; padding-top:12px; border-top:1px solid var(--ln);}
.wm-doc{display:flex; gap:11px; padding:9px 11px; border:1px solid var(--ln); border-radius:8px; margin-bottom:6px; background:var(--sf2);}
.wm-dt{font-family:var(--mono); font-size:9px; text-transform:uppercase; padding:2px 7px; border-radius:5px; height:fit-content; white-space:nowrap;}
.wm-dx{font-size:13.5px; min-width:0;} .wm-dm{font-size:12px; color:var(--mu2); margin-top:2px; font-family:var(--mono);}
.wm-fotos{display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:8px;}
.wm-foto{border:1px solid var(--ln); border-radius:8px; overflow:hidden; background:var(--sf2);}
.wm-fimg{aspect-ratio:4/3; display:grid; place-items:center; background:var(--pg); color:var(--mu2); font-family:var(--mono); font-size:9.5px; overflow:hidden;}
.wm-fimg img{width:100%; height:100%; object-fit:cover; display:block;}
.wm-fcap{padding:6px 8px; font-size:11.5px; line-height:1.35;}
.wm-fmeta{font-family:var(--mono); font-size:9px; color:var(--mu2); margin-top:2px;}

.wm-scroll{overflow-x:auto; padding-bottom:6px;}
.wm-tp{background:var(--sf); border:1px solid var(--ln); border-radius:11px; padding:12px;}
.wm-r{display:grid; grid-template-columns:44px 158px 40px 68px 38px repeat(var(--n),var(--w)); align-items:center;}
.wm-hd{font-family:var(--mono); font-size:8.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--mu2); padding:0 4px 6px; align-self:end;}
.wm-band{text-align:center; font-family:var(--mono); font-size:9.5px; color:var(--marke); background:var(--marke-w); border-radius:4px 4px 0 0; padding:2px 0; margin:0 1px 2px;}
.wm-col{text-align:center; font-family:var(--mono); font-size:9.5px; color:var(--mu); padding:3px 0 4px; border-left:1px solid var(--ln); line-height:1.15;}
.wm-col.now{color:#fff; background:var(--marke); font-weight:600; border-left-color:transparent; border-radius:4px 4px 0 0;}
.wm-col.dl{color:#fff; background:var(--b-ln); font-weight:600; border-left-color:transparent; border-radius:4px 4px 0 0;}
.wm-gh{cursor:pointer; border:none; text-align:left; width:100%; padding:7px 8px; margin:6px 0 3px; border-radius:7px; font-size:12.5px; font-weight:600; color:var(--tx);}
.wm-gh span{font-family:var(--mono); font-size:9.5px; color:var(--mu); font-weight:400; margin-left:8px;}
.wm-vr{border-top:1px solid var(--ln);}
.wm-vc{font-size:11.5px; padding:0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wm-vid{font-family:var(--mono); font-size:10px; color:var(--marke); font-weight:600; padding-left:4px; background:none; border:none; cursor:pointer; text-align:left;}
.wm-vid:hover{text-decoration:underline;}
.wm-vm{font-family:var(--mono); font-size:9.5px; color:var(--mu2); padding:0 4px; text-align:center;}
.wm-slot{height:21px; border-left:1px solid var(--ln); position:relative;}
.wm-slot.now{background:var(--marke-w);} .wm-slot.dl{background:var(--b-bg);}
.wm-bar{position:absolute; top:3px; bottom:3px; border-radius:3px; cursor:pointer; border:1px solid var(--ln2);}
.wm-bar:hover{border-color:var(--marke);}
.wm-bar.d{background:var(--f-bg); border-color:var(--f-ln);}
.wm-bar.r{background:var(--a-bg); border-color:var(--a-ln);}
.wm-bar.o{background:var(--sf2);}
.wm-seg{display:inline-flex; border:1px solid var(--ln); border-radius:8px; overflow:hidden; margin:0 10px 12px 0;}
.wm-seg button{background:var(--sf); border:none; padding:7px 14px; font-size:13px; cursor:pointer; color:var(--mu);}
.wm-seg button[aria-pressed="true"]{background:var(--marke); color:#fff; font-weight:600;}

.wm-kg{min-width:1000px;}
.wm-khead{display:grid; grid-template-columns:150px repeat(8,minmax(96px,1fr)); gap:4px; align-items:end; padding:0 14px 9px;}
.wm-kh{font-size:11px; font-weight:600; color:var(--mu); text-align:center; line-height:1.25;}
.wm-kh.pf{color:var(--blau);} .wm-kh i{display:block; font-family:var(--mono); font-size:9px; font-style:normal; color:var(--mu2); font-weight:400;}
.wm-khl{font-family:var(--mono); font-size:9.5px; color:var(--mu2); letter-spacing:.1em; text-transform:uppercase;}
.wm-lvl{background:var(--sf); border:1px solid var(--ln); border-radius:11px; margin-bottom:12px; overflow:hidden;}
.wm-lvlbar{display:flex; align-items:center; gap:11px; flex-wrap:wrap; padding:11px 14px; background:var(--sf2); border-bottom:1px solid var(--ln);}
.wm-hoe{font-family:var(--mono); font-size:13.5px; font-weight:600; color:var(--marke);}
.wm-lvn{font-family:var(--serif); font-size:15px; font-weight:600;}
.wm-lvz{font-family:var(--mono); font-size:9.5px; color:var(--mu2);}
.wm-lvp{margin-left:auto; display:flex; align-items:center; gap:9px;}
.wm-mini{width:64px; height:5px; border-radius:3px; background:var(--ln); overflow:hidden;}
.wm-mini i{display:block; height:100%; background:var(--f-ln);}
.wm-pct{font-family:var(--mono); font-size:11.5px; font-weight:600; min-width:34px; text-align:right;}
.wm-grp{font-family:var(--mono); font-size:9px; color:var(--mu2); letter-spacing:.14em; padding:10px 14px 4px;}
.wm-rows{padding:0 14px 12px;}
.wm-krow{display:grid; grid-template-columns:150px repeat(8,minmax(96px,1fr)); gap:4px; align-items:center; margin-bottom:4px;}
.wm-rl{background:none; border:none; text-align:left; cursor:pointer; color:inherit; padding:0;}
.wm-rl:hover .wm-rid{color:var(--marke); text-decoration:underline;}
.wm-rid{font-family:var(--mono); font-size:12px; font-weight:600;}
.wm-rsub{font-family:var(--mono); font-size:9px; color:var(--mu2);}
.wm-c{position:relative; height:30px; border-radius:6px; cursor:pointer; border:1px solid var(--o-ln); background:var(--o-bg); color:var(--o-tx); font-family:var(--mono); font-size:10px; display:grid; place-items:center;}
.wm-c:hover{border-color:var(--marke);}
.wm-c.s-arbeit{background:var(--a-bg); border-color:var(--a-ln); color:var(--a-tx); font-weight:600;}
.wm-c.s-fertig{background:var(--f-bg); border-color:var(--f-ln); color:var(--f-tx); font-weight:600;}
.wm-c.s-behind{background:var(--b-bg); border-color:var(--b-ln); color:var(--b-tx); font-weight:600;}
.wm-c.pick{box-shadow:0 0 0 2px var(--pg),0 0 0 4px var(--marke);}
.wm-c.warn::after{content:''; position:absolute; top:4px; right:4px; width:5px; height:5px; border-radius:50%; background:var(--blau);}
.wm-leg{display:flex; flex-wrap:wrap; gap:8px 16px; padding-top:12px; border-top:1px solid var(--ln);}
.wm-leg span{display:flex; align-items:center; gap:7px; font-size:12px; color:var(--mu);}
.wm-sw{width:36px; height:19px; border-radius:5px; border:1px solid var(--o-ln); background:var(--o-bg); color:var(--o-tx); font-family:var(--mono); font-size:8.5px; display:grid; place-items:center; flex:none;}
.wm-card{background:var(--sf); border:1px solid var(--ln); border-radius:11px; margin-top:16px; overflow:hidden;}
.wm-ch{display:flex; align-items:center; gap:11px; flex-wrap:wrap; padding:12px 15px; background:var(--sf2); border-bottom:1px solid var(--ln);}
.wm-cid{font-family:var(--mono); font-size:14px; font-weight:600; color:var(--marke);}
.wm-cst{font-family:var(--serif); font-size:15.5px; font-weight:600;}
.wm-cnow{margin-left:auto; font-family:var(--mono); font-size:10px; color:var(--mu2);}
.wm-cb{padding:15px;} .wm-none{padding:18px 16px; color:var(--mu2); font-size:13.5px;}
.wm-sts{display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px;}
.wm-st{display:flex; align-items:center; gap:8px; background:var(--sf); border:1px solid var(--ln); border-radius:8px; padding:8px 13px; font-size:13.5px; font-weight:500; cursor:pointer; color:var(--tx);}
.wm-st[aria-pressed="true"]{border-color:var(--marke); box-shadow:inset 0 0 0 1px var(--marke);}
.wm-st[disabled]{opacity:.45; cursor:not-allowed;}
.wm-ni{width:100%; background:var(--sf); border:1px solid var(--ln); border-radius:8px; padding:10px 12px; font-size:14px; color:var(--tx);}
.wm-ni:focus{border-color:var(--marke); outline:none;}
.wm-acts{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px;}
.wm-save{border:none; border-radius:8px; padding:10px 20px; background:var(--marke); color:#fff; font-size:14px; font-weight:600; cursor:pointer;}
.wm-save:disabled{background:var(--ln2); cursor:not-allowed;}
.wm-cancel{background:none; border:1px solid var(--ln); border-radius:8px; padding:9px 14px; color:var(--mu); font-family:var(--mono); font-size:10px; text-transform:uppercase; cursor:pointer;}
.wm-msg{font-family:var(--mono); font-size:10px; text-transform:uppercase;}
.wm-flag{font-size:13.5px; color:var(--mu); line-height:1.5; background:var(--sf2); border-left:3px solid var(--blau); padding:10px 13px; margin-bottom:14px;}
.wm-flag b{color:var(--tx);} .wm-flag.stop{border-left-color:var(--b-ln); background:var(--b-bg);}
.wm-trail{margin-top:14px; padding-top:12px; border-top:1px solid var(--ln);}
.wm-ti{font-family:var(--mono); font-size:10.5px; color:var(--mu); padding:3px 0;}
.wm-day{background:var(--sf); border:1px solid var(--ln); border-radius:11px; margin-bottom:12px; overflow:hidden;}
.wm-dayh{display:flex; align-items:center; gap:11px; flex-wrap:wrap; padding:11px 14px; background:var(--sf2); border-bottom:1px solid var(--ln); cursor:pointer; width:100%; border:none; text-align:left; color:inherit;}
.wm-dayd{font-family:var(--serif); font-size:15px; font-weight:600; color:var(--marke);}
.wm-line{padding:9px 14px; border-bottom:1px solid var(--ln); font-size:13.5px; line-height:1.5;}
.wm-line:last-child{border-bottom:none;}
.wm-ref{background:var(--marke-w); border:1px solid var(--marke); color:var(--marke); border-radius:5px; padding:1px 6px; font-family:var(--mono); font-size:11px; cursor:pointer;}
.wm-ref:hover{background:var(--marke); color:#fff;}
.wm-rep{font-family:var(--mono); font-size:11.5px; line-height:1.7; white-space:pre-wrap; background:var(--sf); border:1px solid var(--ln); border-radius:11px; padding:17px; overflow-x:auto;}
.wm-sel{background:var(--sf); border:1px solid var(--ln); border-radius:8px; padding:8px 10px; font-size:13.5px; color:var(--tx);}