#urlaub-overlay{overflow:clip}
.urlaub-shell{
width:94vw;max-width:1500px;height:90vh;

color:var(--gh-text);display:flex;flex-direction:column;overflow:hidden;
}






.url-inhalt{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;container:url-inhalt / inline-size}
#url-panel-person{flex:1;min-height:0;display:grid;grid-template-columns:min(var(--steckbrief-b), 38cqi) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#url-panel-person[hidden]{display:none}
#url-panel-person[data-url-ansicht="gesamt"]{grid-template-columns:minmax(0,1fr)}
#url-panel-person[data-url-ansicht="gesamt"] > .url-liste{display:none}


.url-liste{display:flex;flex-direction:column;min-height:0}
.url-liste-werkzeuge{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) 0}
.url-liste-werkzeuge[hidden]{display:none}
.url-person{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;display:flex;flex-direction:column}


.url-person:has(> #url-detail-panel > .url-person-kopf){scroll-padding-block:calc(var(--kopf-h) + var(--sp-2)) var(--sp-2)}

body.role-monteur #url-panel-person{grid-template-columns:minmax(0,1fr)}
body.role-monteur #urlaub-overlay .url-liste{display:none}
.url-person-kopf{position:sticky;top:0;z-index:20;background:var(--gh-panel);border-bottom:1px solid var(--gh-border-subtle)}
.url-person-kopf .wp-kopf-titel{flex-direction:row;align-items:baseline;gap:var(--sp-2);min-width:0}
.url-person-kopf .wp-kopf-sub{flex:0 0 auto}
.url-person-kopf .db-saveind{font-size:var(--t-neben)}


@container url-inhalt (min-width:561px){
#urlaub-overlay .url-person-kopf{background:var(--gh-bg);border-bottom:0}
}


@container url-inhalt (min-width:561px){
body:not(.monteur-mode) #url-panel-person:not([data-url-ansicht="gesamt"]){padding-left:var(--sp-3);column-gap:0}
body:not(.monteur-mode) #urlaub-overlay .url-liste-werkzeuge{padding-inline:0}
body:not(.monteur-mode) #urlaub-overlay .url-trupp-group{padding-inline:0;width:min(var(--steckbrief-b), 38cqi)}

body:not(.monteur-mode) #urlaub-overlay .urlaub-mlist{margin-right:calc(-1 * var(--sp-3));overflow-x:hidden;scrollbar-width:thin}
body:not(.monteur-mode) .url-person:has(> #url-detail-panel > .url-empty-hint){padding-left:var(--sp-3)}

body:not(.monteur-mode) #url-person-kopf:not(.ist-verweis) .wp-kopf-zurueck{display:none}
}


@container url-inhalt (min-width:2000px){
body:not(.monteur-mode) #url-detail-panel .url-gruppen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
body:not(.monteur-mode) #url-detail-panel .url-gruppen > :is([data-karte="jahr"],#url-dok-sec){grid-column:1 / -1}
}

body:not(.monteur-mode) .url-mitem-etiketten{flex-basis:100%}
@container url-inhalt (max-width:560px){

#url-panel-person{grid-template-columns:minmax(0,1fr);--url-einspaltig:1}
#url-panel-person[data-url-ansicht="person"] > .url-liste,
#url-panel-person[data-url-ansicht="liste"] > .url-person{display:none}
}

#url-panel-spesen{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.urlaub-mlist{flex:1;overflow-y:auto;padding:var(--sp-1) 0}
.url-trupp-group{padding:var(--sp-1) var(--sp-3) var(--sp-3)}


.url-trupp-label{display:flex;align-items:center;gap:var(--sp-2);margin:0;padding:var(--sp-2) 0;font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.url-trupp-label .wp-i{width:var(--ico);height:var(--ico);flex:0 0 auto}



.url-mitem{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);width:100%;min-height:var(--zeile-h);padding:var(--sp-2) var(--sp-3);border:0;border-bottom:1px solid var(--gh-border-subtle);border-radius:0;font:inherit;font-size:var(--t-text);color:var(--gh-text);text-align:left;cursor:pointer}
.url-mitem:not(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]){background:transparent}
.url-personen > li:last-child .url-mitem{border-bottom:0}
.url-mitem:focus-visible{outline:2px solid var(--gh-accent);outline-offset:-2px}


.url-mitem-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.url-mitem-name{font-weight:500;overflow-wrap:anywhere}
.url-mitem.inaktiv .url-mitem-name{color:var(--gh-muted)}
.url-mitem-neben{font-size:var(--t-neben);color:var(--gh-muted)}
.url-mitem-etiketten{display:flex;flex-wrap:wrap;gap:var(--sp-1);flex:0 1 auto}
@media (hover:hover){ .url-mitem:not([data-wp-markiert]):hover{background:var(--tabelle-hover)} }




.urlaub-main{flex:1;min-width:0;overflow:hidden;background:var(--gh-bg)}


#url-detail-panel{width:100%;min-width:0;box-sizing:border-box}
:where(body.monteur-mode) #url-detail-panel{max-width:900px;margin:0 auto}
:where(body.monteur-mode) #url-detail-panel:has(.url-all-wrap){max-width:none}


.url-person:has(> #url-detail-panel > .url-empty-hint){padding:var(--sp-2) var(--sp-3) var(--sp-3) 0}
#url-detail-panel:has(> .url-empty-hint){flex:1 0 auto;display:flex;flex-direction:column}
:where(body.monteur-mode) #url-detail-panel:has(> .url-empty-hint){max-width:none}
.url-empty-hint{flex:1 0 auto;display:flex;flex-direction:column}
.url-empty-hint > .wp-leer-karte{flex:1 0 auto}





.url-karte{--dok-kopf-h:var(--feld-h);margin:0 0 var(--sp-3);padding:var(--gruppe-pad);border:0;border-radius:var(--r-lg);overflow:visible}

.url-karte:not(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]){background:var(--gruppe-bg);box-shadow:var(--karten-schatten)}

.url-karte .wp-gruppe-flaeche{background:var(--surface-3);box-shadow:none}
.url-karte-head,
.url-profil-sec > summary{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--dok-kopf-h, var(--feld-h));padding:0;background:none;border:0;border-radius:0;cursor:pointer;list-style:none;user-select:none;color:var(--gh-text)}
:is(.url-karte-head,.url-profil-sec > summary)::-webkit-details-marker{display:none}


:is(.url-karte-head,.url-profil-sec > summary):focus-visible{outline:2px solid var(--gh-accent);outline-offset:2px}
.url-karte-titel,
.url-profil-title{display:inline-flex;align-items:center;gap:var(--sp-2);flex:1 1 auto;min-width:0;font-size:var(--t-text);font-weight:600;color:var(--gh-text)}
.url-karte-hinweis{flex:0 1 auto;min-width:0;font-size:var(--t-neben);color:var(--gh-muted)}


.url-karte > .url-karte-kopfleiste{padding-inline-end:0}
.url-karte:has(> .url-karte-kopfleiste) > .url-karte-head{padding-right:calc(var(--url-kopf-platz, 0px) + var(--sp-2))}
.url-karte-body{padding:var(--sp-2) 0 0;border:0}



.url-person:has(> #url-detail-panel > .url-objekt){background:var(--gh-bg)}
.url-objekt{padding:var(--sp-3);background:transparent;border:0;box-shadow:none}
:where(body.monteur-mode) #url-detail-panel:has(> .url-objekt){max-width:calc(1240px * var(--wp-dichte,1))}



@container (min-width:720px){
#url-detail-panel .url-objekt > .wp-objektfenster-raster{grid-template-columns:var(--objektfenster-spalten)}
#url-detail-panel .url-objekt > .wp-objektfenster-raster > .wp-steckbrief{display:flex}
}
#url-detail-panel .url-objekt > .wp-objektfenster-raster > .wp-steckbrief{position:static;top:calc(var(--kopf-h) + var(--sp-3))}
#url-detail-panel .url-objekt > .wp-objektfenster-raster > .wp-steckbrief.ist-klebend{position:sticky}
.url-gruppen{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.url-gruppen > .url-karte,.url-gruppen > .url-admin-section > .url-karte{margin:0;padding:var(--gruppe-pad)}


.url-sb-fristen{display:flex;flex-direction:column;width:100%;margin-top:var(--sp-1)}
.url-sb-frist{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:center;column-gap:var(--sp-2);width:100%;min-height:max(var(--tap),44px);padding:0;background:none;border:0;font:inherit;font-size:var(--t-text);font-weight:400;color:var(--gh-text);text-align:left;cursor:pointer}
.url-sb-frist + .url-sb-frist{border-top:var(--rand-haar) solid var(--raster-linie)}
.url-sb-frist > span:first-child{grid-column:1;min-width:0;overflow-wrap:anywhere}
.url-sb-frist > .wp-chip{grid-column:2;grid-row:1 / span 2;justify-self:end}
.url-sb-frist > .url-sb-frist-seit{grid-column:1;font-size:var(--t-neben);color:var(--gh-muted)}
.url-sb-frist:focus-visible{outline:2px solid var(--gh-accent);outline-offset:2px}

.url-sb-frist.url-sb-frist{padding:0}
@media (hover:hover){ .url-sb-frist:hover > span:first-child{color:var(--gh-accent);text-decoration:underline} }


.url-kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:var(--sp-2);margin:0 0 var(--sp-3)}

.url-kennzahlen > .wp-kennzahl--stumm{background:var(--gh-card);box-shadow:var(--karten-schatten);padding-inline:var(--sp-3)}


.url-saldo-nebenwerte{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);margin:0 0 var(--sp-3)}

.url-hint{font-size:var(--t-neben);color:var(--gh-muted);font-weight:normal}

.url-form-check{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--feld-h);color:var(--gh-text);cursor:pointer}
.url-form-check[hidden]{display:none}
.url-form-check input[type=checkbox]{width:auto;margin:0;flex:0 0 auto}


body:is(.role-monteur,.eingeschraenkt) #urlaub-overlay .url-karte[data-karte="stammdaten"]{display:none!important}
.url-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}


:is(.mt-inhalt, .mt-admin) .wp-zeile-sub{white-space:normal}
:is(.mt-inhalt, .mt-admin) .wp-zeile-symbol:empty{display:none}
.mt-schritt{justify-content:flex-end;margin:var(--sp-2) 0 var(--sp-1)}
.mt-gruppe{display:flex;flex-direction:column}
.mt-ruhe-zeit{margin:0 0 var(--sp-2)}
#mt-ruhe-mehr[hidden]{display:none}
.mt-gruppe > .wp-formhaken:has(+ #mt-ruhe-mehr[hidden]){border-bottom:0}

.mt-anleitung{margin:var(--sp-2) 0 var(--sp-1);padding-left:1.6em;font-size:var(--t-text);color:var(--gh-text)}
.mt-anleitung > li{padding:var(--sp-1) 0}
.mt-anleitung > li::marker{color:var(--gh-muted);font-variant-numeric:tabular-nums}
.mt-anleitung-symbol{display:inline-flex;vertical-align:-.15em;margin-left:var(--sp-1)}

.mt-fazit{padding:var(--sp-2) 0;border-bottom:1px solid var(--gh-border-subtle)}
.mt-fazit-titel{font-size:var(--t-text);font-weight:600;color:var(--gh-text)}
.mt-fazit-neben{font-size:var(--t-neben);color:var(--gh-muted)}

.mt-start-hinweis{padding:var(--sp-2) var(--sp-3) 0}



.url-code-text{margin:0 0 var(--sp-3);color:var(--gh-muted);font-size:var(--t-neben);line-height:1.5}

#sessions-liste td.wp-spalte--text{white-space:nowrap}

.url-pw{position:relative}
.url-pw > input{width:100%;padding-right:calc(var(--feld-h, 36px) + var(--sp-1))}
.url-pw > .url-pw-zeigen{position:absolute;top:0;right:0;height:100%;width:var(--feld-h, 36px);display:flex;align-items:center;justify-content:center;
background:transparent;border:0;color:var(--gh-accent)}
.url-pw > .url-pw-zeigen[aria-pressed="true"]{color:var(--gh-text)}
.url-pw-beispiel{white-space:nowrap}

.url-code-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin:var(--sp-3) 0}
#einrcode-code{font-family:var(--font-mono);font-size:var(--t-titel);letter-spacing:.14em;white-space:nowrap;
background:var(--gh-input-bg);color:var(--gh-text);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md)}


.url-konto-neben{display:block;margin-top:var(--sp-1);color:var(--gh-muted);font-size:var(--t-neben)}
.url-konto-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--sp-2) var(--sp-4)}
.url-konto-zeile{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.url-konto-wort{font-size:var(--t-neben);color:var(--gh-muted)}
.url-konto-wert{font-size:var(--t-text);color:var(--gh-text)}
.url-konto-feld{margin-top:var(--sp-3)}
.url-konto-feld label{display:block;margin-bottom:var(--sp-1);font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.url-konto-feld :is(select,textarea){width:100%;box-sizing:border-box;min-height:var(--feld-h);padding:var(--sp-1) var(--sp-2);border:1px solid var(--feld-rand);border-radius:var(--r-md);background:var(--gh-input-bg);color:var(--gh-text);font:inherit;font-size:var(--feld-fs)}
.url-konto-feld textarea{min-height:calc(var(--feld-h) * 2);resize:vertical}



.url-profil-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--sp-3);margin:0;padding:0;border:0}


.url-dok-sec{margin:0 0 var(--sp-4);padding:0;border:0;}



#url-dok-sec details.dok-folder{--dok-kopf-n:1;position:relative;background:transparent;border-radius:0}




#url-dok-sec,#url-dok-sec details.dok-folder{--dok-innen:0px}
#url-dok-sec details.dok-folder + details.dok-folder::before{
content:"";position:absolute;top:0;right:0;left:0;height:var(--rand-haar);background:var(--gh-border-subtle)}


@container ablage-kopf (min-width:400px){
#url-dok-sec .url-dok-kopfleiste .wp-akte-hochladen{width:auto;padding:0 var(--sp-3)}
#url-dok-sec .url-dok-kopfleiste .wp-akte-hochladen > span{display:inline}
}

.url-profil-sec{margin:0;padding:var(--gruppe-pad);background:var(--gruppe-bg);border:0;border-radius:var(--r-lg);box-shadow:var(--karten-schatten);overflow:visible}
.url-profil-sec[open]{grid-column:1 / -1}


.url-profil-sec > summary{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:var(--sp-2);row-gap:var(--sp-1)}
.url-profil-title{display:block;overflow-wrap:anywhere}
.url-profil-meta{grid-column:3;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0}
.url-profil-icon{display:inline-flex}
.url-profil-count{flex:0 0 auto;font-size:var(--t-neben);color:var(--gh-muted);font-variant-numeric:tabular-nums}
.url-profil-sensitive .wp-chip{text-transform:none;letter-spacing:0}
.url-profil-body{padding:var(--sp-2) 0 0}
.url-profil-f{min-width:0}
.url-profil-checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;color:var(--gh-text)}


body.monteur-mode.mobile-ui .url-kennzahlen{
grid-template-columns:repeat(2,1fr); gap:var(--sp-3);
}
body.monteur-mode.mobile-ui .url-karte{
--dok-kopf-h:max(var(--tap),44px);
}
body.monteur-mode.mobile-ui .url-profil-sec > summary{
min-height:max(var(--tap),44px);
}
body.monteur-mode.mobile-ui .url-saldo-nebenwerte{ gap:var(--sp-2); }
body.monteur-mode.mobile-ui .url-all-h-month,
body.monteur-mode.mobile-ui .url-all-trupp-sep{
text-transform:none;
letter-spacing:normal;
}


.url-personen{list-style:none;margin:0;padding:0;background:var(--gh-card);border-radius:var(--r-lg);overflow:hidden}
.url-personen > li{min-width:0}

.url-profil-f--lesen{display:flex;flex-direction:column;gap:2px}
.url-profil-l{font-size:var(--t-neben);color:var(--gh-muted)}
.url-profil-v{font-size:var(--t-text);color:var(--gh-text);overflow-wrap:anywhere}

#urlaub-overlay .url-karte-head .wp-i,#urlaub-overlay .url-profil-icon .wp-i{width:var(--ico);height:var(--ico);flex-shrink:0}
#urlaub-overlay summary:focus-visible{outline:2px solid var(--gh-accent);outline-offset:2px}
#urlaub-overlay .url-karte-hinweis{line-height:1.4}
#urlaub-overlay :is(input,textarea)[readonly]{background:transparent;border-color:transparent;cursor:text}
body.monteur-mode.mobile-ui #urlaub-overlay .url-karte-body{padding:var(--sp-3) 0 0}
body.monteur-mode.mobile-ui #urlaub-overlay .url-profil-sec > summary{padding:var(--kachel-pad)}

#url-dok-sec .url-karte-head{display:flex;gap:var(--sp-2)}
#url-dok-sec .url-karte-head .url-karte-hinweis{grid-column:2;white-space:normal}


.url-add-inhalt{container-type:inline-size}