#tagesuebersicht-panel{ flex-direction:column; overflow:hidden; container:heute / inline-size; }
#aufgaben-panel{ flex-direction:column; overflow:auto; background:var(--gh-bg); }
.heute{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; width:100%; background:var(--gh-bg); }
.heute-kennzahlen{
display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-2);
padding:var(--sp-3) var(--sp-4);
}

.heute-sicht{ display:none; }
.heute-body{
flex:1 1 auto; min-height:0;
display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
border-top:1px solid var(--gh-border-subtle);
}
.heute-spalte{ display:flex; flex-direction:column; min-width:0; min-height:0; overflow:auto; }
.heute-spalte + .heute-spalte{ border-left:1px solid var(--gh-border-subtle); }



.heute-titel{
display:flex; align-items:center; box-sizing:border-box; min-height:calc(var(--feld-h) + 2 * var(--sp-2) + var(--rand-haar));
margin:0; padding:var(--sp-2) var(--sp-4); background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--gh-border-subtle);
font-size:var(--t-text); font-weight:600; color:var(--gh-text);
}
#todos-overlay > .heute-titel{ border-bottom:0; }

.heute-gruppe{margin:var(--sp-2) var(--sp-3) var(--sp-3)}
.heute-gruppe [role="list"] > :last-child{border-bottom:0}

.heute-liste > .wp-treffer--karte{margin:var(--sp-2) var(--sp-3) 0}


.heute-abrechnung .wp-zeile{padding-left:var(--sp-3)}
.heute-liste .wp-zeile > .wp-zeile-symbol:empty{display:none}
.heute-liste .wp-zeile-sub > .wp-i{width:var(--sp-4);height:var(--sp-4);margin-right:var(--sp-1);vertical-align:-.15em}

.heute-liste .aufgabe .wp-zeile-sub:has(> .aufgabe-sub-art){gap:0}
.heute-hinweis{
display:flex; align-items:center; gap:var(--sp-2);
margin:var(--sp-2) var(--sp-4); color:var(--gh-warn); font-size:var(--t-neben);
}


.heute-kennzahlen:has(> .wp-kennzahl:nth-child(4)){ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.heute-abrechnung .wp-zeile-symbol:empty{ display:none; }
.heute-abrechnung .aufgabe-beheben{ white-space:nowrap; }
.heute-abrechnung .wp-zeile-sub{ white-space:normal; overflow:visible; text-overflow:clip; flex-wrap:wrap; column-gap:var(--sp-3); line-height:var(--lh-text); }


@media (min-width:601px){
.heute-abrechnung .wp-zeile-kern{ flex-wrap:nowrap; }
.heute-abrechnung .wp-zeile-kern > .wp-zeile-haupt{ flex:1 1 auto; min-width:0; }
}





@container heute (max-width:900px){
.heute-sicht{ display:inline-flex; align-self:flex-start; margin:0 var(--sp-4) var(--sp-2); }
.heute-body{ grid-template-columns:minmax(0, 1fr); grid-auto-rows:max-content; align-content:start; overflow:auto; }
.heute-spalte{ overflow:visible; min-height:auto; }
.heute-spalte + .heute-spalte{ border-left:0; }
.heute-body[data-heute-sicht="anstehend"] > #todos-overlay,
.heute-body[data-heute-sicht="aufgaben"] > .heute-anstehend,
.heute-body > .heute-spalte > .heute-titel{ display:none; }
}



@container heute (max-width:599px){
body.monteur-mode.mobile-ui .heute-sicht{ display:flex; align-self:stretch; margin:0 var(--sp-2) var(--sp-2); }
body.monteur-mode.mobile-ui .heute-sicht > .wp-btn{ flex:1 1 0; justify-content:center; }
}




body.monteur-mode.mobile-ui .heute-kennzahlen{ padding:var(--sp-2); gap:var(--sp-2); }
body.monteur-mode.mobile-ui .heute-body{ border-top:0; }
body.monteur-mode.mobile-ui .heute:has(.aufgaben-suche:focus) .heute-kennzahlen{ display:none; }



@container heute (max-width:600px){
.heute .heute-kennzahlen:has(> .wp-kennzahl:nth-child(4)){ gap:var(--sp-1); }


.heute .heute-kennzahlen:has(> .wp-kennzahl:nth-child(4)) > .wp-kennzahl{ padding-inline:calc(var(--sp-1) * 1.5); align-items:center; text-align:center; }
.heute .heute-kennzahlen:has(> .wp-kennzahl:nth-child(4)) .wp-kennzahl-titel{ display:block; min-width:0; text-overflow:ellipsis; }
}




body.monteur-mode.mobile-ui :is(#termine-overlay,#notizen-overlay).wp-skaliert{font-size:var(--fs-lg);--ico:calc(16px * var(--wp-dichte))}