/*
 * Technische Zeichnung — Abschnitte nach Mockup v4 (Straßen, Abstände aus der Planung, Nur Darstellung,
 * Bemaßung, Bäume/Hecken/Nachbargrenzen). Immer dunkel wie die anderen Plan-Widgets (Till 29.10.2026):
 * nur die --ees-* Tokens aus ee-plan-widget.css, Präfix eetd-.
 */
.eetd .eetd-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.eetd .eetd-lbl { font-size: 11.5px; font-weight: 600; color: var(--ees-text-dim, rgba(var(--ee-fg-rgb), .76)); flex: 1 1 140px; min-width: 0; }
.eetd .eetd-num { width: 64px; padding: 3px 6px; border: 1px solid var(--ees-border-strong, rgba(255,255,255,.2)); border-radius: 7px;
  background: var(--ees-field, rgba(0,0,0,.28)); color: var(--ees-text, #fff); font: inherit; font-size: 12px; text-align: right; }
.eetd .eetd-unit { font-size: 11px; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); margin-right: 4px; }
.eetd .eetd-note { margin: 0; font-size: 10.5px; color: var(--ees-warn, #ff9f0a); }
.eetd .eetd-res { margin: 0; font-size: 11.5px; color: var(--ees-success, #30d158); }
.eetd .eetd-res.is-err { color: var(--ees-danger, #ff453a); }
.eetd .eetd-chip { color: var(--ees-warn, #ff9f0a); background: var(--ees-warn-soft, rgba(255,159,10,.14)); }
.eetd .eetd-banner { margin: 0; }
.eetd .eepw-btn.on { box-shadow: inset 0 0 0 1px var(--ees-accent-strong, #30d158); }

/* Abstände aus der Planung: nur lesen */
.eetd .eetd-tw { max-height: 220px; overflow: auto; border: 1px solid var(--ees-border, rgba(var(--ee-fg-rgb), .12)); border-radius: 8px; }
.eetd .eetd-tbl { width: 100%; border-collapse: collapse; font-size: 11px; color: var(--ees-text-2, rgba(var(--ee-fg-rgb), .88)); }
.eetd .eetd-tbl th { position: sticky; top: 0; padding: 4px 6px; text-align: left; font-weight: 600; color: var(--ees-text-faint, rgba(255,255,255,.6));
  background: var(--ees-menu-bg, #14161c); border-bottom: 1px solid var(--ees-border, rgba(255,255,255,.12)); }
.eetd .eetd-tbl td { padding: 4px 6px; border-bottom: 1px solid var(--ees-border, rgba(var(--ee-fg-rgb), .12)); vertical-align: top; }
.eetd .eetd-tbl tr:last-child td { border-bottom: 0; }
.eetd .eetd-name { max-width: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Kompakt je Typ gruppiert (Till 31.10.2026): „Wegefläche (ALKIS) ×4 · 3 m“, aufklappbar */
.eetd .eetd-tbl td { padding: 3px 6px; }
.eetd .eetd-t { font-size: 10.5px; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); }
.eetd .eetd-grp-b { border: 0; background: none; padding: 0; font: inherit; color: var(--ees-text, var(--ee-text-primary)); cursor: pointer; display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
.eetd .eetd-car { font-size: 9px; width: 9px; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); }
.eetd .eetd-n { font-weight: 600; color: var(--ees-text-dim, rgba(var(--ee-fg-rgb), .76)); }
.eetd .eetd-sub td { padding-left: 20px; background: var(--ees-surface-2, rgba(var(--ee-fg-rgb), .04)); }
.eetd .eetd-name .eepw-link { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.eetd .eetd-m { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.eetd .eetd-src { white-space: nowrap; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); }
.eetd .eetd-src.is-own { color: #64d2ff; }
.eetd .eetd-src.is-frozen { color: var(--ees-warn, #ff9f0a); }
.eetd .eetd-global td { color: var(--ees-text-dim, rgba(var(--ee-fg-rgb), .76)); font-style: italic; }
.eetd .eetd-all { align-self: flex-start; }

/* Bemaßung: eigene Maße */
.eetd .eetd-dims { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.eetd .eetd-dim { display: flex; align-items: center; gap: 6px; padding: 3px 6px; border-radius: 7px; background: var(--ees-surface-2, rgba(var(--ee-fg-rgb), .05)); font-size: 11.5px; }
.eetd .eetd-dim-l { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eetd .eetd-x { border: 0; background: none; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); font-size: 15px; line-height: 1; padding: 0 2px; cursor: pointer; }
.eetd .eetd-x:hover, .eetd .eetd-x:focus-visible { color: var(--ees-danger, #ff453a); }

/* Bäume, Hecken & Nachbargrenzen */
.eetd .eetd-draw { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.eetd .eetd-draw .eepw-btn { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; text-align: left; }
.eetd .eetd-draw small { font-size: 10px; font-weight: 400; color: var(--ees-text-faint, rgba(var(--ee-fg-rgb), .6)); }