.notiz-shell{
display:flex; flex-direction:column; flex:1 1 auto; min-width:0; min-height:0;
width:100%; height:100%; background:var(--gh-bg); color:var(--gh-text); overflow:hidden;
}
.notiz-werkzeuge{ flex:0 0 auto; border-bottom:1px solid var(--gh-border-subtle); }

.notiz-kopf{ display:none; flex:0 0 auto; background:var(--gh-panel); border-bottom:1px solid var(--gh-border-subtle); }
.notiz-kopf > .wp-kopf{ padding-left:var(--sp-2); }
.notiz-kopf .notiz-d-chat{ --symbolknopf:var(--feld-h); }

#notizen-overlay{ container:notizfenster / inline-size; }


#notizen-overlay{ --suche-max-b:20rem; }
.notiz-werkzeuge > .wp-werkzeuge-primaer{ margin-left:auto; }

#notiz-body{ flex:1 1 auto; min-height:0; display:grid; grid-template-columns:var(--steckbrief-b) minmax(0, 1fr); gap:var(--sp-3); padding:var(--sp-3); overflow:hidden; }

#notiz-liste{
display:flex; flex-direction:column; min-height:0; overflow-y:auto;
padding:var(--sp-3); background:var(--gh-card); border-radius:var(--r-lg); box-shadow:var(--karten-schatten);
}
.notiz-leer{ padding:var(--sp-3); }





.notiz-karte{ padding:var(--sp-2) var(--sp-3); background:var(--kachel-bg); border-radius:var(--r-md);
box-shadow:inset var(--kante-b) 0 0 var(--fach-notiz); }
#notiz-liste .notiz-karte::after, #notiz-liste .notiz-karte > :is(.wp-zeile-kern, .wp-zeile-haupt)::after{ content:none; }
.notiz-karte .wp-zeile-titel{ font-weight:600; }
.notiz-karte > .wp-zeile-symbol{display:none}
.notiz-gruppe{margin:0;min-width:0}
.notiz-gruppe + .notiz-gruppe{margin-top:var(--sp-3)}
#notiz-liste .notiz-gruppe-titel{padding-top:0}
.notiz-gruppe-zeilen{display:flex;flex-direction:column;gap:var(--steckbrief-luecke)}
.notiz-karte-datum{font-size:var(--t-neben);color:var(--gh-muted)}

.notiz-karte .wp-zeile-kern > .wp-zeile-etiketten{ flex:1 0 100%; }


.notiz-karte{ --wp-fachfarbe:var(--fach-notiz); }



#notiz-detail{ min-height:0; overflow-y:auto; padding:var(--sp-4) var(--sp-4) 0 calc(var(--sp-4) + var(--kante-b));
background:var(--gh-card); border-radius:var(--r-lg); box-shadow:var(--karten-schatten), inset var(--kante-b) 0 0 var(--fach-notiz); }
#notiz-detail:has(> .notiz-leer:only-child){ padding-left:var(--sp-4); box-shadow:var(--karten-schatten); }
.notiz-d-form{ display:flex; flex-direction:column; gap:var(--sp-3); min-height:100%; }


.notiz-d-form > .wp-feld{ margin:0; }
#notiz-detail :is(.notiz-d-titel, .notiz-d-inhalt){
width:100%; padding:0; border:0; border-radius:var(--r-sm); background:transparent; box-shadow:none; color:var(--gh-text); font-family:inherit;
}
#notiz-detail :is(.notiz-d-titel, .notiz-d-inhalt):focus{ outline:var(--rand-haar) solid var(--feld-rand); outline-offset:var(--sp-1); box-shadow:none; }
#notiz-detail .notiz-d-titel{ min-height:0; height:auto; font-size:var(--t-titel); font-weight:600; }
.notiz-d-inhalt-feld{ flex:1 1 auto; display:flex; flex-direction:column; }
#notiz-detail .notiz-d-inhalt{ flex:1 1 auto; min-height:10em; field-sizing:content; resize:none; font-size:var(--t-text); line-height:1.5; }

.notiz-leiste{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2); padding-top:var(--sp-3);
border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.notiz-leiste > :is(.wp-btn, .wp-icon-btn){ min-height:var(--feld-h); }
.notiz-leiste > .notiz-d-chat{ width:var(--feld-h); height:var(--feld-h); margin-left:auto; }


.notiz-pin-woerter{ display:inline-grid; }
.notiz-pin-woerter > *{ grid-area:1 / 1; }
.notiz-pin[aria-pressed="true"] .notiz-pin-aus, .notiz-pin[aria-pressed="false"] .notiz-pin-an{ visibility:hidden; }
.notiz-d-meta{ margin-top:calc(-1 * var(--sp-1)); font-size:var(--t-neben); color:var(--gh-muted); }


.notiz-d-actions{ margin:auto calc(-1 * var(--sp-4)) 0; position:relative; }
#notiz-detail .notiz-d-actions{ border-top:0; }
#notiz-detail .notiz-d-actions::before{ content:""; position:absolute; top:0; left:var(--sp-4); right:var(--sp-4);
border-top:var(--rand-haar) solid var(--gh-border-subtle); }


@container notizfenster (max-width:700px){

#notiz-body{ grid-template-columns:minmax(0, 1fr); --notiz-einspaltig:1; }
#notiz-liste{ border-right:0; }
#notiz-body:not(.zeigt-detail) #notiz-detail{ display:none; }
#notiz-body.zeigt-detail #notiz-liste{ display:none; }
.notiz-shell:has(> #notiz-body.zeigt-detail) > #notiz-head{ display:none; }
.notiz-shell:has(> #notiz-body.zeigt-detail) > .notiz-kopf{ display:block; }

#notiz-detail .notiz-leiste > .notiz-d-chat{ display:none; }

#notiz-body:not(.zeigt-detail){ align-content:start; }
#notiz-body:not(.zeigt-detail) > #notiz-liste{ align-self:start; max-height:100%; }
}


body.monteur-mode.mobile-ui .notiz-werkzeuge{ padding:var(--sp-2); }

body.monteur-mode.mobile-ui .notiz-werkzeuge > .notiz-suche{ flex:1 1 0; min-width:5.5em; }
body.monteur-mode.mobile-ui .notiz-suche{ font-size:max(16px, var(--feld-fs)); }

body.monteur-mode.mobile-ui .notiz-werkzeuge:has(> .wp-werkzeuge-such-huelle) > .notiz-tabs{ flex:1 1 auto; min-width:0; }
body.monteur-mode.mobile-ui .notiz-luecke{ display:none; }
body.monteur-mode.mobile-ui .notiz-karte{ min-height:max(var(--tap), 44px); }
body.monteur-mode.mobile-ui #notiz-detail{ padding:var(--sp-3) var(--sp-3) 0 calc(var(--sp-3) + var(--kante-b)); }
body.monteur-mode.mobile-ui .notiz-d-actions{ margin:auto calc(-1 * var(--sp-3)) 0; padding-inline:var(--sp-3); }
body.monteur-mode.mobile-ui #notiz-detail .notiz-d-actions::before{ left:var(--sp-3); right:var(--sp-3); }



#notiz-formular .wp-formdialog-inhalt{display:flex; flex-direction:column}
#notiz-formular #notiz-detail{flex:1 0 auto; display:flex; flex-direction:column; overflow:visible; padding-bottom:var(--sp-3)}
#notiz-formular .notiz-d-form{flex:1 0 auto; min-height:0}
#notiz-formular .notiz-d-inhalt{min-height:160px}