.url-all-wrap{padding:0;min-width:0}




.url-saldo-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.url-saldo-scroll:focus-visible,.url-all-scroll:focus-visible,.url-matrix-wrap:focus-visible{outline:2px solid var(--gh-accent);outline-offset:-2px}






:where(body.monteur-mode) #url-detail-panel:has(.url-all-wrap) > .url-kennzahlen,
:where(body.monteur-mode) #url-detail-panel:has(.url-all-wrap) > .url-karte{max-width:1100px;margin-left:auto;margin-right:auto}

:where(body.monteur-mode) #url-detail-panel:has(.url-all-wrap) > .url-karte.url-karte--breit{max-width:none}
:where(body.monteur-mode) #url-detail-panel:has(.url-all-wrap) > .url-kennzahlen{margin-bottom:12px}

#url-detail-panel:has(> .url-kennzahlen){padding:var(--sp-3) var(--sp-3) 0}





body:not(.monteur-mode) #url-detail-panel:has(> .url-kennzahlen){display:grid;gap:var(--sp-3);
grid-template-columns:minmax(0,1fr);grid-template-areas:"kz" "fristen" "spesen" "saldo" "jahr";
align-items:start;padding-bottom:var(--sp-3)}
body:not(.monteur-mode) #url-detail-panel:has(> .url-kennzahlen) > :is(.url-kennzahlen,.url-karte){min-width:0;margin:0}
body:not(.monteur-mode) #url-detail-panel > .url-kennzahlen{grid-area:kz}
body:not(.monteur-mode) #url-detail-panel > [data-karte="fristen"]{grid-area:fristen}
body:not(.monteur-mode) #url-detail-panel > [data-karte="spesen"]{grid-area:spesen}
body:not(.monteur-mode) #url-detail-panel > [data-karte="saldo"]{grid-area:saldo}
body:not(.monteur-mode) #url-detail-panel > [data-karte="jahr"]{grid-area:jahr}
@container url-inhalt (min-width:1510px){
body:not(.monteur-mode) #url-detail-panel:has(> .url-kennzahlen){
grid-template-columns:minmax(400px,1fr) minmax(0,max-content);grid-template-rows:auto auto 1fr auto;
grid-template-areas:"kz kz" "fristen saldo" "spesen saldo" "jahr jahr"}
}


body:not(.monteur-mode) #url-saldo-host .wp-tabelle-rahmen{container-type:normal}

.url-saldo-hinweis{font-size:var(--t-neben);font-weight:600;color:var(--gh-danger);white-space:nowrap}


.url-karte :is(.url-frist,.url-spesen-offen) > .wp-zeile{padding:var(--sp-2) var(--sp-1)}

.url-karte .url-frist .wp-zeile-titel{font-weight:500}
.url-spesen-offen .wp-zeile-rechts{display:flex;flex-wrap:wrap;gap:0 var(--sp-2)}


#url-saldo-host .wp-karten{grid-template-columns:1fr}
#url-saldo-host .wp-karten-zeile{background:var(--kachel-bg);box-shadow:none;cursor:default}
#url-saldo-host .wp-karten-haupt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-1) var(--sp-4)}
#url-saldo-host .wp-karten-haupt > :is(.wp-titelknopf,.wp-tabelle-neben){grid-column:1 / -1}
#url-saldo-host .wp-karten-haupt > .wp-titelknopf{justify-self:start;text-align:left}
#url-saldo-host .wp-karten-zelle{flex-wrap:nowrap;align-items:baseline;gap:var(--sp-1)}
#url-saldo-host .wp-karten-beschriftung{min-width:0}
#url-saldo-host .wp-karten-zelle > .wp-tabelle-text{font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:600px){#url-saldo-host .wp-karten-haupt{grid-template-columns:repeat(2,minmax(0,1fr))}}

#url-saldo-host .wp-karten-zelle.wp-spalte--status > .wp-tabelle-text{order:1}
#url-saldo-host .wp-karten-zelle.wp-spalte--status > .wp-etiketten{order:2}

.url-karte-kopfleiste > .url-saldo-sort.url-saldo-sort{height:var(--feld-h);min-height:var(--feld-h);padding:0 var(--sp-3);gap:var(--sp-1);
background:var(--bedien-bg);color:var(--gh-accent);border:0;font-weight:600}
@media (max-width:600px){.url-karte-kopfleiste .url-saldo-sort-vor{display:none}}



.url-all-title{font-size:var(--fs-lg);font-weight:bold;margin:0 0 var(--sp-3);color:var(--gh-text);
display:flex;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}
.url-all-legend{display:flex;gap:10px;margin-left:auto;font-size:var(--fs-sm);font-weight:normal;color:var(--gh-muted)}





.url-all-table{--url-namen-b:192px;display:flex;max-width:100%;min-width:0;isolation:isolate}

#url-detail-panel:has(.url-all-wrap){min-width:0}


.url-all-frozen{
flex:0 0 var(--url-namen-b);
display:grid;
grid-template-columns:var(--url-namen-b);
grid-template-rows:28px 18px 18px;
grid-auto-rows:28px;
gap:2px;
border-right:var(--rand-haar) solid var(--raster-linie);
}


.url-all-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden}
.url-all-grid{
display:grid;font-size:var(--t-neben);
gap:2px;
grid-template-rows:28px 18px 18px;
grid-auto-rows:28px;

}


.url-all-name.url-all-name{
display:block;height:28px;min-height:0;padding:0 var(--sp-2);line-height:28px;
font-size:var(--fs-base);font-weight:500;color:var(--gh-text);cursor:pointer;

width:100%;min-width:0;border:0;border-radius:var(--r-xs);font-family:inherit;text-align:left;
background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.url-all-name:hover{background:var(--tabelle-hover)}



.url-all-h-month,.url-all-h-kw{position:relative;min-width:0;text-align:left;font-size:var(--t-neben)}
.url-all-h-month{padding:var(--sp-1) 0;color:var(--gh-text);font-weight:600;overflow:clip;overflow-clip-margin:2px}
.url-all-h-kw{color:var(--gh-muted);font-weight:600}
.url-all-h-month > span,.url-all-h-kw > span{position:sticky;left:0;display:inline-block;padding-left:var(--sp-1);white-space:nowrap}
.url-all-h-day{position:relative;text-align:center;color:var(--gh-muted);font-size:var(--t-neben);font-variant-numeric:tabular-nums}
.url-all-h-day > .url-heute-marke{min-width:100%;height:100%}



.url-all-day{
--grund:var(--kachel-hover);
height:26px;border-radius:var(--r-xs);background:var(--grund);
position:relative;transition:box-shadow .12s;cursor:pointer;
}
.url-all-day.we:not(.heute,.urlaub,.krank,.sonder,.fortbildung,.ausgleich){background:var(--gruppe-bg);box-shadow:inset 0 0 0 var(--rand-haar) var(--raster-linie)}
.url-all-day.feier:not(.heute,.urlaub,.krank,.sonder,.fortbildung,.ausgleich){background:var(--gh-warn-bg)}


.url-all-day.heute{--grund:var(--heute-spalte)}
.url-all-h-day.heute{background:var(--heute-spalte);border-radius:var(--r-sm) var(--r-sm) 0 0}
.url-all-day:hover:not([data-wp-markiert]){box-shadow:inset 0 0 0 2px var(--gh-accent)}


:is(.url-all-day,.url-all-h-day,.url-all-h-month).monat-start::before{content:"";position:absolute;left:-2px;top:0;bottom:-2px;width:2px;background:var(--raster-linie);pointer-events:none}
.url-all-h-day.monat-start::before{top:-20px}



.url-all-day{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--t-neben);line-height:1}
:is(.url-all-day,.url-m-cell,.url-cal-zelle){--abw:var(--abw-flaeche)}
.url-all-day.urlaub,.url-m-cell.urlaub{--abw:var(--fach-abw-urlaub)}
.url-all-day.krank,.url-m-cell.krank{--abw:var(--fach-abw-krank)}
.url-all-day.sonder,.url-m-cell.sonder{--abw:var(--fach-abw-sonder)}
.url-all-day.fortbildung,.url-m-cell.fortbildung{--abw:var(--fach-abw-fortbildung)}
.url-all-day.ausgleich,.url-m-cell.ausgleich{--abw:var(--fach-abw-ausgleich)}

.url-cal-zelle.urlaub{--abw:var(--fach-abw-urlaub)}
.url-cal-zelle.krank{--abw:var(--fach-abw-krank)}
.url-cal-zelle.sonder{--abw:var(--fach-abw-sonder)}
.url-cal-zelle.fortbildung{--abw:var(--fach-abw-fortbildung)}
.url-cal-zelle.ausgleich{--abw:var(--fach-abw-ausgleich)}
:is(.url-all-day,.url-m-cell):is(.urlaub,.krank,.sonder,.fortbildung,.ausgleich){background:var(--abw);color:var(--schrift-auf-fach)}



:is(.url-all-day,.url-m-cell,.url-cal-zelle):is(.vormittag,.nachmittag),.url-legende-art.url-legende-halb > b{background:linear-gradient(var(--abw),var(--abw)) left bottom / 50% var(--sp-1) no-repeat,var(--grund,var(--kachel-hover));color:var(--gh-text)}
:is(.url-all-day,.url-m-cell,.url-cal-zelle).nachmittag{background-position:right bottom,0 0}




.url-all-trupp-sep{
display:flex;align-items:center;padding:0 var(--sp-2);font-size:var(--t-neben);
color:var(--gh-text);font-weight:700;white-space:nowrap;overflow:hidden;
background:var(--kachel-bg);border-radius:var(--r-md) 0 0 var(--r-md);
}
.url-all-trupp-spacer{grid-column:1/-1;background:var(--kachel-bg);border-radius:0 var(--r-md) var(--r-md) 0}






.url-matrix-wrap{min-width:0}
.url-matrix-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}
.url-matrix-legend{display:flex;margin-left:auto}
.url-legende{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-3);color:var(--gh-text);font-size:var(--t-neben);text-transform:none;letter-spacing:0;font-weight:400}


.url-legende-art{display:inline-flex;align-items:center;gap:var(--sp-1)}
.url-legende-art > b{--abw:var(--abw-flaeche);display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 var(--rand-haar);box-sizing:border-box;
border-radius:var(--r-xs);background:var(--abw);color:var(--schrift-auf-fach);font-weight:700;line-height:1}
.url-legende-art.urlaub > b,.url-legende-halb > b{--abw:var(--fach-abw-urlaub)}
.url-legende-art.krank > b{--abw:var(--fach-abw-krank)}
.url-legende-art.sonder > b{--abw:var(--fach-abw-sonder)}
.url-legende-art.fortbildung > b{--abw:var(--fach-abw-fortbildung)}
.url-legende-art.ausgleich > b{--abw:var(--fach-abw-ausgleich)}
.url-legende-feiertag > b{background:var(--gh-warn-bg);color:var(--gh-warn);box-shadow:inset 0 0 0 var(--rand-haar) var(--raster-linie)}

.url-matrix-wrap{container:url-matrix / inline-size}
.url-matrix{--url-monate:2;display:grid;grid-template-columns:repeat(var(--url-monate),minmax(0,1fr));gap:var(--sp-4);font-size:var(--t-neben);user-select:none}
@container url-matrix (min-width:540px){.url-matrix{--url-monate:3}}
@container url-matrix (min-width:740px){.url-matrix{--url-monate:4}}
@container url-matrix (min-width:1120px){.url-matrix{--url-monate:6}}
@container url-matrix (min-width:2220px){.url-matrix{--url-monate:12}}
.url-m-monat{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.url-m-monat-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:var(--rand-haar) solid var(--gh-border-subtle)}
.url-m-monat-kopf > strong{font-size:var(--t-text);font-weight:600;color:var(--gh-text)}

.url-m-monat-kopf > .wp-chip{margin-block:calc(-1 * var(--sp-1))}
:is(.url-m-woche,.url-m-tage){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.url-m-woche > span{text-align:center;color:var(--gh-muted)}
.url-m-cell{
height:22px;min-width:0;border-radius:var(--r-xs);
background:var(--kachel-hover);cursor:pointer;
display:flex;align-items:center;justify-content:center;
color:var(--gh-text);font-weight:500;font-variant-numeric:tabular-nums;position:relative;
}
.url-m-cell:is(.urlaub,.krank,.sonder,.fortbildung,.ausgleich):not(.vormittag,.nachmittag){font-weight:700}
.url-m-cell.we:not(.urlaub,.krank,.sonder,.fortbildung,.ausgleich){background:var(--gruppe-bg);box-shadow:inset 0 0 0 var(--rand-haar) var(--raster-linie);color:var(--gh-muted)}
.url-m-cell.feier:not(.urlaub,.krank,.sonder,.fortbildung,.ausgleich){background:var(--gh-warn-bg);color:var(--gh-warn)}

.url-m-cell:hover:not(.locked,[data-wp-markiert]){box-shadow:inset 0 0 0 2px var(--gh-accent)}


.url-heute-marke{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 var(--rand-haar);box-sizing:border-box;
border-radius:var(--r-pill);background:var(--zustand-flaeche);color:var(--zustand-text);font-weight:700;line-height:1}
.url-heute-marke--abw{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px var(--schrift-auf-fach)}





body.mobile-ui #url-entry-popup .url-pop-btn{min-height:44px}
body.mobile-ui #url-pop-bem{font-size:max(16px,var(--fs-base))}
.url-pop-inhalt{display:flex;flex-direction:column;gap:var(--sp-3)}
.url-pop-inhalt > .wp-feld, .url-pop-inhalt > .wp-feld > label{margin:0}
.url-pop-feld{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.url-pop-row{flex-wrap:wrap}
.url-pop-btn{display:inline-flex;align-items:center;gap:var(--sp-1)}
#url-pop-bem{min-height:calc(var(--feld-h) * 1.5)}