#add-dialog > .dialog{
display:flex;flex-direction:column;overflow:hidden;
max-height:min(calc(var(--teil-h, 100vh) * 0.85),720px);
}
#add-dialog > .dialog > .wp-kopf{flex:0 0 auto}
#add-dialog > .dialog > .dbody{flex:1 1 auto;min-height:0;overflow-y:auto}
#add-dialog > .dialog > .dactions{flex:0 0 auto}


.add-map-preview{display:flex;flex-direction:column;gap:calc(8px * var(--wp-dichte,1));margin:calc(8px * var(--wp-dichte,1)) 0 calc(10px * var(--wp-dichte,1))}
.amp-target,.amp-error{padding:calc(9px * var(--wp-dichte,1)) calc(11px * var(--wp-dichte,1));border:1px solid var(--gh-border);border-radius:var(--r-lg);background:var(--gh-input-bg);font-size:calc(12px * var(--wp-dichte,1));line-height:1.45}
.amp-target{display:flex;flex-wrap:wrap;justify-content:space-between;gap:calc(6px * var(--wp-dichte,1)) calc(14px * var(--wp-dichte,1))}
.amp-target strong{color:var(--gh-accent)}
.amp-view-diff{color:var(--gh-muted)}
.amp-error{border-color:var(--gh-danger-border);background:var(--gh-danger-bg);color:var(--gh-danger-fg)}




#add-info:empty{display:none}


@container (min-width:640px){
#add-dialog.map-plan-mode > .dialog > .dbody{display:grid;grid-template-columns:var(--steckbrief-b) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 var(--sp-4);align-items:start}
#add-dialog.map-plan-mode > .dialog > .dbody > *{grid-column:1;min-width:0}

#add-dialog.map-plan-mode > .dialog > .dbody > #add-kacheln{grid-column:2;grid-row:1 / span 2;margin-top:0}
#add-dialog.map-plan-mode > .dialog > .dbody > :is(#add-info,#add-map-preview,#add-kacheln){order:0}
#add-dialog.map-plan-mode .add-map-preview{margin-top:0}

#add-dialog.map-plan-mode .add-objekt > .add-objekt-zeile{cursor:default;pointer-events:none}
#add-dialog.map-plan-mode .add-objekt > .add-objekt-zeile > .wp-aufklapp{display:none}

#add-dialog.map-plan-mode :is(.amp-auswahl.wp-gruppe-flaeche, .add-objekt > .add-objekt-zeile){padding:var(--gruppe-pad);padding-top:var(--sp-3)}

#add-dialog.map-plan-mode .add-objekt > .add-objekt-zeile{min-height:0;padding-bottom:var(--sp-2)}
#add-dialog.map-plan-mode .amp-auswahl > .amp-auswahl-kopf{margin-inline:calc(-1 * var(--sp-3));padding-inline:var(--sp-3)}
#add-dialog.map-plan-mode .add-objekt .wp-steckbrief{padding:var(--gruppe-pad);padding-top:var(--sp-3)}
}

.amp-hints{display:flex;flex-wrap:wrap;align-items:center}
.amp-hints > .wp-flach{flex:1 1 100%}
.amp-auswahl{display:flex;flex-direction:column}

.amp-auswahl > .amp-hints{gap:var(--sp-1);margin:var(--sp-1) 0 0}


.amp-auswahl-kopf > .wp-chip{margin-left:auto}
.amp-halle{display:flex;flex-direction:column;padding:var(--sp-2) 0}
.amp-halle + .amp-halle{border-top:1px solid var(--gh-border-subtle)}
.amp-halle-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}
.amp-halle-titel{flex:1 1 auto;min-width:0;font-weight:600;color:var(--gh-text);overflow-wrap:break-word}
.amp-halle-status{flex:0 0 auto;white-space:nowrap}
.amp-halle-neben{font-size:var(--t-neben);color:var(--gh-muted);overflow-wrap:anywhere}
.amp-halle-etiketten{display:flex;flex-wrap:wrap;gap:var(--sp-1);padding-top:var(--sp-1)}

.amp-item{gap:var(--sp-1)}
.amp-item > .wp-flach{padding:0;font-size:var(--t-neben)}
.amp-lead-feld{margin:var(--sp-1) 0 0}
@media(max-width:calc(768px * var(--wp-dichte,1))){
.amp-target{display:block}.amp-target > span{display:block;margin:calc(2px * var(--wp-dichte,1)) 0}
}




#add-kacheln,#frei-kacheln{container-type:inline-size}
#frei-kacheln .art-picker{margin:0}
#add-kacheln > .wp-feldraster > #add-zs{grid-column:1 / -1}


@container (min-width:300px) and (max-width:359px){
body:not(.monteur-mode) .wp-feldraster.einsatz-raster > :is([data-spur="2"],[data-spur="3"]){grid-column:span 3}
}




.add-objekt{background:var(--gh-card);border-radius:var(--r-lg);box-shadow:var(--karten-schatten)}
.add-objekt-zeile{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:var(--sp-3) var(--sp-4) var(--sp-2);cursor:pointer;list-style:none}
.add-objekt-zeile::-webkit-details-marker{display:none}
.add-objekt-zeile > .wp-abschnitt{margin:0}
.add-objekt-status{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-left:auto}
.add-objekt-zeile:focus-visible{outline:2px solid var(--gh-accent);outline-offset:-2px;border-radius:var(--r-lg)}

.add-objekt[open] > .add-objekt-zeile{border-bottom:var(--rand-haar) solid var(--gh-border-subtle)}
.add-objekt .wp-steckbrief{background:none;box-shadow:none;padding:var(--sp-3) var(--sp-4) var(--sp-4)}
.add-objekt .wp-steckbrief-kopf{display:none}


:where(body.monteur-mode.mobile-ui) #add-dialog > .dialog > .dbody{display:flex;flex-direction:column;gap:var(--sp-3)}
:where(body.monteur-mode.mobile-ui) #add-dialog > .dialog > .dbody > #add-kacheln{order:1}
:where(body.monteur-mode.mobile-ui) #add-dialog > .dialog > .dbody > #add-map-preview{order:2;margin:0}
:where(body.monteur-mode.mobile-ui) #add-dialog > .dialog > .dbody > #add-info{order:3;margin:0}
#add-status[hidden],#notiz-delete-btn[hidden],#kwn-delete[hidden]{display:none}