




.aufgaben-werkzeuge{ flex:0 0 auto; }
.aufgaben-inhalt{ min-height:0; }
#schreibtisch-overlay .aufgaben-liste{margin:var(--sp-2) var(--sp-3);background:var(--gh-card);border-radius:var(--r-lg);overflow:hidden}
#schreibtisch-overlay .aufgaben-liste > :last-child{border-bottom:0}



#schreibtisch-overlay .aufgaben-waechter{margin:var(--sp-2) var(--sp-3)}
#schreibtisch-overlay .aufgaben-waechter > .wp-abschnitt{padding-block:var(--sp-1); padding-right:var(--sp-1); min-height:calc(var(--feld-h) + 2 * var(--sp-1)); box-sizing:border-box}
.aufgaben-waechter-einstellen{--symbolknopf:var(--feld-h); flex:0 0 auto; margin-left:auto}
.aufgaben-waechter-einstellen > svg{width:var(--ico-lg); height:var(--ico-lg)}

#aufgaben-panel .aufgaben-inhalt{padding-top:var(--sp-3)}
#aufgaben-panel .aufgaben-inhalt > :first-child{margin-top:0}



#aufgaben-panel{container:aufgaben / inline-size}


#aufgaben-panel{--suche-max-b:20rem}
@container aufgaben (min-width:1000px){
#aufgaben-panel .aufgaben-inhalt{display:grid; grid-template-columns:minmax(0, 1fr) 20rem;
grid-template-rows:auto auto auto minmax(0, 1fr); align-items:start}
#aufgaben-panel .aufgaben-inhalt > .wp-treffer{grid-column:1; grid-row:1}
#aufgaben-panel .aufgaben-inhalt > :is(.aufgaben-liste, .wp-leer){grid-column:1; grid-row:2 / -1}
#aufgaben-panel .aufgaben-inhalt > .aufgaben-waechter{grid-column:2; grid-row:2; margin-top:0; margin-left:0}
#aufgaben-panel .aufgaben-inhalt > .aufgaben-erledigt{grid-column:2; grid-row:3; margin-top:0; margin-left:0}
#aufgaben-panel .aufgaben-inhalt > .aufgaben-liste{margin-top:0}
#aufgaben-panel .aufgaben-waechter .wp-zeile-titel{white-space:normal}
}
.aufgaben-hinweis{ margin:var(--sp-1) var(--sp-4) var(--sp-3); font-size:var(--t-neben); color:var(--gh-muted); }



.aufgabe > .wp-zeile-symbol:empty{display:none}
.aufgabe.is-erledigt .wp-zeile-titel{ text-decoration:line-through; color:var(--gh-muted); }
.aufgabe .wp-zeile-sub{ display:flex; align-items:center; gap:var(--sp-2); }
.aufgabe-wichtig{ display:inline-flex; color:var(--gh-warn); }
.aufgabe-person{
display:inline-flex; align-items:center; justify-content:center;
min-width:var(--sp-6); height:var(--sp-6); padding:0 var(--sp-1);
border-radius:var(--r-pill); background:var(--gh-badge-neutral-bg); color:var(--gh-badge-neutral-fg);
font-size:var(--t-neben); font-weight:600;
}

.aufgaben-buendel > summary{ list-style:none; cursor:pointer; }
.aufgaben-buendel > summary::-webkit-details-marker{ display:none; }
.aufgaben-buendel > summary .wp-zeile-rechts svg:last-child{ transition:transform var(--t-fast); }
.aufgaben-buendel[open] > summary .wp-zeile-rechts svg:last-child{ transform:rotate(90deg); }
.aufgaben-buendel > summary:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.aufgaben-buendel-liste .wp-zeile{ padding-left:var(--sp-6); }


.aufgaben-waechter > .aufgaben-buendel:last-child:not([open]) > summary > .wp-zeile-haupt::after{ content:none; }




.aufgaben-erledigt{ margin:var(--sp-2) var(--sp-3) var(--sp-3); background:var(--gh-card); border-radius:var(--r-lg);
box-shadow:var(--karten-schatten); overflow:hidden; }
.aufgaben-erledigt > summary{
display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); list-style:none;
min-height:var(--feld-h); padding:var(--sp-2) var(--sp-4); cursor:pointer;
font-size:var(--t-text); font-weight:400; color:var(--gh-muted);
}
.aufgaben-erledigt > summary > span{ color:var(--gh-text); }
.aufgaben-erledigt[open] > summary{ border-bottom:var(--rand-haar) solid var(--gh-border-subtle); }
#schreibtisch-overlay .aufgaben-erledigt .aufgaben-liste{ margin:0; box-shadow:none; border-radius:0; }
.aufgaben-erledigt > summary::-webkit-details-marker{ display:none; }
.aufgaben-erledigt > summary svg{ transition:transform var(--t-fast); }
.aufgaben-erledigt[open] > summary svg{ transform:rotate(90deg); }
.aufgaben-erledigt > summary:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }



body:not(.monteur-mode) #todo-create-dialog .aufgabe-dialog{ max-height:calc(var(--teil-h, 100vh) * 0.88); }
.aufgabe-form{ display:flex; flex-direction:column; gap:var(--sp-3); }
#todo-create-dialog .aufgabe-feld{ min-width:0; }
#todo-create-dialog [hidden]{ display:none; }
.aufgabe-schnellwahl{ margin-top:var(--sp-2); }
.aufgabe-hilfe{ margin-top:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }

#todo-create-dialog label.aufgabe-wichtig{ display:flex; align-items:center; gap:var(--sp-2); min-height:var(--feld-h); font-size:var(--t-text); font-weight:400; color:var(--gh-text); cursor:pointer; }

.aufgabe-bezug-fest{ min-height:var(--feld-h); display:flex; align-items:center; }
@media (max-width:600px){
#todo-create-dialog .wp-feldraster > [data-spur]{ grid-column:1 / -1; }
}



.waechter-dialog{ max-height:calc(var(--teil-h, 100vh) * 0.88); display:flex; flex-direction:column; padding:0; }
#todo-waechter-overlay .wp-kopf-sub{ white-space:normal; }

#todo-waechter-overlay .wp-formdialog-inhalt{ display:flex; flex-direction:column; padding:0; }
.waechter-liste{ flex:0 1 auto; overflow:auto; padding:var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-3); }

.waechter-liste:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.waechter-gruppe{ margin:0; padding-bottom:var(--sp-1); }
.waechter-gruppe > .waechter-zeile{ padding-inline:0; gap:var(--sp-3); }
.waechter-gruppe > .waechter-zeile + .waechter-zeile{ border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.waechter-zeile > .wp-zeile-rechts{ align-self:center; gap:var(--sp-2); }
.waechter-zeile{ align-items:flex-start; }
.waechter-zeile .wp-zeile-titel,
.waechter-zeile .wp-zeile-sub{ white-space:normal; }
.waechter-zeile.is-aus .wp-zeile-titel{ color:var(--gh-muted); }


.aufgabe--waechter .wp-zeile-titel{ white-space:normal; overflow-wrap:anywhere; }

.waechter-dialog .waechter-schwelle{max-width:14rem;margin-top:var(--sp-2)}
.waechter-schalter{ display:inline-flex; align-items:center; min-height:var(--feld-h); cursor:pointer; }
.waechter-schalter input{ width:var(--sp-5); height:var(--sp-5); accent-color:var(--gh-accent); }



body.monteur-mode.mobile-ui .aufgabe-menue{ min-width:max(var(--tap), 44px); min-height:max(var(--tap), 44px); }


body.monteur-mode.mobile-ui :is(.aufgabe, .heute-eintrag) .wp-zeile-titel{ white-space:normal; overflow-wrap:anywhere; }
body.monteur-mode.mobile-ui .aufgaben-werkzeuge{ flex-wrap:wrap; gap:var(--sp-2); padding:var(--sp-2); }
body.monteur-mode.mobile-ui .aufgaben-werkzeuge > .aufgaben-suche{ flex:1 1 0; min-width:5.5em; }
body.monteur-mode.mobile-ui .aufgaben-suche{ font-size:max(16px, var(--feld-fs)); }


body.monteur-mode.mobile-ui .aufgaben-werkzeuge:has(> .wp-werkzeuge-such-huelle) > .aufgaben-reiter{ flex:1 1 auto; min-width:0; }


body.monteur-mode.mobile-ui .aufgaben-werkzeuge--breit > .aufgaben-neu{ padding-inline:var(--sp-3); }
body.monteur-mode.mobile-ui .aufgaben-werkzeuge--breit > .aufgaben-neu > .aufgaben-neu-text{ display:inline; }
body.monteur-mode.mobile-ui .aufgaben-werkzeuge .wp-icon-btn{ flex:0 0 auto; justify-content:center; padding:0; }
body.monteur-mode.mobile-ui .aufgabe-schnellwahl .wp-btn,
body.monteur-mode.mobile-ui .waechter-schalter{ min-height:max(var(--tap), 44px); }
body.monteur-mode.mobile-ui .aufgaben-erledigt > summary{ min-height:max(var(--tap), 44px); padding-block:0; padding-inline:var(--sp-3); }

