.wpjb{--name:238px;--ende:52px;--minw:19px;--wpjb-grund:var(--gh-panel);flex:0 0 auto;display:flex;flex-direction:column;min-height:0;max-height:var(--wpjb-max,none);
margin:var(--sp-2) var(--sp-3) 0;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;background:var(--wpjb-grund);border-bottom:var(--rand-haar) solid var(--raster-linie)}
body.wpjb-aktiv:not(.monteur-mode) #grid-wrap .wp-head > .trupp-header{border-top-left-radius:0;border-top-right-radius:0}
.wpjb .wpjb-rollen{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.wpjb .wpjb-brett{position:relative;min-width:calc(var(--name) + var(--n) * var(--minw) + var(--ende))}
.wpjb :is(.wpjb-kopf,.wpjb-zeile,.wpjb-lage){display:grid;grid-template-columns:var(--name) repeat(var(--n),minmax(var(--minw),1fr)) var(--ende)}
.wpjb .wpjb-lage{position:absolute;inset:0;grid-template-rows:1fr;align-items:stretch;pointer-events:none;z-index:1}
.wpjb .wpjb-lage > *{grid-row:1}
.wpjb .wpjb-schleier{background:color-mix(in srgb,var(--wpjb-grund) 55%,transparent)}
.wpjb .wpjb-monatslinie{border-left:var(--rand-haar) solid var(--raster-linie)}
.wpjb .wpjb-monatslinie.is-jahr{border-left-color:var(--line-strong)}
.wpjb .wpjb-spalte{background:color-mix(in srgb,var(--zustand-flaeche) 10%,transparent)}

.wpjb.is-laedt :is(.wpjb-saeule,.wpjb-gesamt,.wpjb-warn,.wpjb-ueber,.wpjb-frage){visibility:hidden}


.wpjb .wpjb-kopf{position:sticky;top:0;z-index:4;grid-template-rows:24px 30px;align-items:center;background:var(--wpjb-grund);
border-bottom:var(--rand-haar) solid var(--raster-linie)}
.wpjb.wpjb--zu .wpjb-kopf{border-bottom:0}
.wpjb .wpjb-ecke{grid-column:1;grid-row:1 / span 2;position:sticky;left:0;z-index:5;align-self:stretch;display:flex;align-items:center;
padding:0 var(--sp-2);background:var(--wpjb-grund)}
.wpjb .wpjb-monat{grid-row:1;align-self:stretch;display:flex;align-items:center;padding-left:var(--sp-2);font-size:var(--t-neben);font-weight:600;
color:var(--text);white-space:nowrap;overflow:hidden;box-shadow:inset var(--rand-haar) 0 0 var(--raster-linie)}
.wpjb .wpjb-monat.is-erster{box-shadow:none}
.wpjb .wpjb-monat.is-jahr{box-shadow:inset var(--rand-haar) 0 0 var(--line-strong)}
.wpjb .wpjb-pfeile{grid-column:-2;grid-row:1;position:sticky;right:0;z-index:5;align-self:stretch;display:flex;align-items:center;justify-content:center;
background:var(--wpjb-grund)}
.wpjb .wpjb-pfeile .wp-icon-btn{width:26px;height:24px;min-width:0}
.wpjb .wpjb-info{grid-column:-2;grid-row:2;position:sticky;right:0;z-index:5;align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--wpjb-grund)}


.wpjb .wpjb-kw{grid-row:2;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:26px;margin:0 1px;
padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--muted);font:inherit;font-size:var(--t-neben);font-variant-numeric:tabular-nums;cursor:pointer}
@media (hover:hover){ .wpjb .wpjb-kw:not([aria-current]):hover{background:var(--gh-card-hover,var(--ablage-passend));color:var(--text)} }
.wpjb .wpjb-kw:focus-visible{outline:2px solid var(--fokus-kontur);outline-offset:1px}
.wpjb .wpjb-kw-nr{line-height:1.1}
.wpjb .wpjb-kw.is-feiertag:not([aria-current]){background:var(--farbe-offen-weich);color:var(--farbe-offen-text)}
.wpjb .wpjb-kw.is-heute:not([aria-current]){background:var(--gh-accent-soft);color:var(--heute-text,var(--gh-accent));font-weight:600;
box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand)}
.wpjb .wpjb-kw[aria-current]{background:var(--zustand-flaeche);color:var(--zustand-text);font-weight:600}
.wpjb .wpjb-kw-notiz{display:flex;color:currentColor;opacity:.8}


.wpjb:not(.wpjb--zu) .wpjb-kw{justify-content:flex-start;padding-top:4px}
.wpjb .wpjb-kw-notiz .wp-i{width:10px;height:10px}
.wpjb.wpjb--zu .wpjb-kw{height:28px}
.wpjb .wpjb-gesamt{width:70%;height:3px}



.wpjb .wpjb-ferienzeile{height:22px;align-items:center;border-top:var(--rand-haar) solid var(--raster-linie)}
.wpjb .wpjb-ferien-fuss{height:34px;align-items:center;border-top:var(--rand-haar) solid var(--raster-linie)}
.wpjb .wpjb-ferien-fuss .wpjb-name{padding-left:var(--sp-2)}
.wpjb .wpjb-ferienname{grid-column:1;position:sticky;left:0;z-index:5;align-self:stretch;display:flex;align-items:center;gap:var(--sp-1);
padding:0 var(--sp-2) 0 var(--sp-3);border:0;background:var(--wpjb-grund);color:var(--muted);font:inherit;font-size:var(--t-neben);cursor:pointer;text-align:left}
@media (hover:hover){ .wpjb .wpjb-ferienname:hover{color:var(--text)} }
.wpjb .wpjb-ferienband{height:16px;margin:0 1px;border-radius:3px;display:flex;align-items:center;overflow:hidden;
background:color-mix(in srgb,var(--muted) 22%,transparent)}
.wpjb .wpjb-ferienband > span{font-size:var(--t-neben);line-height:1;color:var(--text);padding:0 var(--sp-1);white-space:nowrap}


.wpjb .wpjb-name{position:sticky;left:0;z-index:3;align-self:stretch;display:flex;align-items:center;gap:var(--sp-2);min-width:0;padding:0 var(--sp-2) 0 var(--sp-3);background:var(--wpjb-grund)}
.wpjb .wpjb-trupp{height:28px;border-top:var(--rand-haar) solid var(--raster-linie)}
.wpjb .wpjb-kopf + .wpjb-trupp{border-top:0}
.wpjb .wpjb-trupp > .wpjb-name{padding-left:var(--sp-1)}
.wpjb .wpjb-auf{flex:0 0 auto;width:22px;height:22px}
.wpjb .wpjb-marke{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--wpjb-trupp)}
.wpjb .wpjb-trupp-name{font-size:var(--t-neben);font-weight:600;white-space:nowrap}
.wpjb .wpjb-zelle{position:relative;display:flex;align-items:flex-end;justify-content:center;height:24px;margin:0 1px;padding:2px 0 0;border:0;border-radius:var(--r-sm);background:none;cursor:pointer}
@media (hover:hover){ .wpjb .wpjb-zelle:hover{background:var(--gh-card-hover,var(--ablage-passend))} }
.wpjb .wpjb-zelle:focus-visible{outline:2px solid var(--fokus-kontur);outline-offset:1px}

.wpjb .wpjb-saeule{display:flex;align-items:flex-end;width:clamp(8px,58%,24px);height:100%;border-radius:3px 3px 1px 1px;overflow:hidden;
background:color-mix(in srgb,var(--gh-text) 14%,transparent)}
.wpjb .wpjb-fuell{width:100%;border-radius:3px 3px 0 0;background:var(--belegung-3)}
.wpjb .wpjb-fuell.wp-fuellbalken--4{background:var(--belegung-4)}
.wpjb .wpjb-zelle--ueber .wpjb-saeule{box-shadow:0 0 0 1.5px var(--farbe-gefahr-text)}
.wpjb .wpjb-ueber{position:absolute;top:-2px;right:2px;font-size:var(--t-neben);font-weight:700;line-height:1;color:var(--farbe-gefahr-text)}
.wpjb .wpjb-saeule--ohne{background:repeating-linear-gradient(135deg, var(--belegung-na) 0 1.5px, transparent 1.5px 5px);opacity:.75}
.wpjb .wpjb-zelle--unbekannt{align-items:center}
.wpjb .wpjb-warn{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;padding:1px;border-radius:var(--r-sm);background:var(--wpjb-grund);color:var(--farbe-gefahr-text)}
.wpjb .wpjb-warn .wp-i{width:11px;height:11px}
.wpjb .wpjb-frage{font-size:var(--t-neben);color:var(--muted)}


:root[data-wp-objekt-zieht] .wpjb :is(.wpjb-kw,.wpjb-zelle)::before{content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:var(--ablage-kante);
border-radius:var(--ablage-kante);background:var(--gh-accent);pointer-events:none;z-index:7;opacity:0;transform:scaleX(0);transform-origin:left center}
:root[data-wp-objekt-zieht] .wpjb .ist-halten::before{opacity:1;transform:scaleX(1);transition:transform var(--halten-dauer) linear,opacity var(--dauer-kurz) var(--kurve)}
:root[data-wp-objekt-zieht] .wpjb .ist-halten-fertig::before{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){ :root[data-wp-objekt-zieht] .wpjb .ist-halten:not(.ist-halten-fertig)::before{opacity:0;transform:scaleX(0);transition:none} }


.wpjb :is(.wpjb-kw,.wpjb-zelle)[data-wp-ziel-passt]:not(.ist-ablage-aktiv)::after{opacity:0}
:root[data-wp-objekt-zieht] .wpjb{outline:var(--ablage-kante) solid color-mix(in srgb,var(--gh-accent) 45%,transparent);outline-offset:calc(-1 * var(--ablage-kante))}


.wpjb .wpjb-hinweise{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr);padding:0 var(--sp-3);border-top:var(--rand-haar) solid var(--raster-linie)}
.wpjb .wpjb-hinweise > .wp-statuszeile{min-height:30px;padding-block:2px}