/*
 * Konfiguration (Zieldesign 2026-10-20, docs/project-shell.md):
 *   Zone B  linkes Panel "Konfiguration"  (#table-side-panel .ees-left, project-config.js / project-area.js)
 *   Zone D  Inspektor rechts + Zeichen-Assistent (#ees-inspector, project-config-inspector.js)
 *   Kartenetiketten (.ees-maplabel), Zeichen-Overlay (#ees-draw-overlay), Rueckfrage (.ees-dialog)
 *   Reiter "Herkunft der Werte" in den Projekt-Einstellungen (unten, dunkel wie fragebogen-v2)
 * Farben, Radien, Geometrie NUR ueber --ees-* (assets/css/ee-shell-tokens.css); dunkel
 * wie das Mockup (Tokens). Masse/Typo aus dem Mockup.
 * Geometrie (Position) gilt nur bei body[data-ees-module="config"]; fehlt das Attribut,
 * bleibt das Panel an seinem bisherigen Platz.
 */

/* Reiter-Knopf bleibt aus, solange keine Herkunft vorliegt (ee-nav-btn setzt display) */
.projectSettingsPopupContainer [data-proxy-target="projectSettingsTabHerkunft"][hidden],
.projectSettingsPopupContainer #projectSettingsTabHerkunft[hidden] {
    display: none !important;
}

/* ── Sichtbarkeit je Modul ─────────────────────────────────────────────── */
body[data-ees-module]:not([data-ees-module="config"]) #table-side-panel,
body[data-ees-module]:not([data-ees-module="config"]) #ees-inspector,
body[data-ees-module]:not([data-ees-module="config"]) .ees-maplabel,
body[data-ees-module]:not([data-ees-module="config"]) #ees-draw-overlay {
    display: none !important;
}

/* ── Gemeinsame Bausteine (B + D) ──────────────────────────────────────── */
.ees-left, .ees-inspector, .ees-dialog { font-family: var(--ees-font); color: var(--ees-text); -webkit-font-smoothing: antialiased; }
.ees-left .i, .ees-inspector .i, .ees-dialog .i {
    width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round; flex: none;
}
.ees-left button, .ees-inspector button { font: inherit; color: inherit; cursor: pointer; }
.ees-left button:disabled, .ees-inspector button:disabled, .ees-inspector .chipb.disabled { opacity: .45; cursor: default; }
.ees-left .btn, .ees-inspector .btn, .ees-dialog .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 13px;
    border-radius: 10px; font: inherit; font-size: 12.5px; font-weight: 600; white-space: nowrap; cursor: pointer; border: 0;
}
.ees-left .btn.pri, .ees-inspector .btn.pri, .ees-dialog .btn.pri { background: var(--ees-accent); color: var(--ees-accent-text); }
.ees-left .btn.pri:hover, .ees-inspector .btn.pri:hover { background: var(--ees-accent-strong); }
.ees-left .btn.ghost, .ees-inspector .btn.ghost, .ees-dialog .btn.ghost { background: var(--ees-surface-2); border: 1px solid var(--ees-border); color: var(--ees-text); }
.ees-dialog .btn.danger { background: var(--ees-danger); color: var(--ees-bg); }
.ees-inspector .btn.sm { height: 32px; font-size: 12px; }
.ees-left .mini, .ees-inspector .mini {
    width: 26px; height: 26px; border-radius: 7px; display: inline-grid; place-items: center; flex: none;
    color: var(--ees-text-2); background: transparent; border: 0; padding: 0;
}
.ees-left .mini:hover, .ees-inspector .mini:hover { background: var(--ees-surface-3); color: var(--ees-text); }
.ees-left .mini svg, .ees-inspector .mini svg { width: 15px; height: 15px; }
.ees-left .sw, .ees-inspector .sw { width: 12px; height: 12px; border-radius: 4px; flex: none; display: inline-block; }
.ees-inspector .sw.lg { width: 16px; height: 16px; border-radius: 5px; margin-top: 3px; }
.ees-inspector .sw.lg.dashed { background: transparent; border: 2px dashed var(--ees-text); }

/* Herkunfts-Kuerzel K/P/M/F/B/S */
.ees-inspector .org {
    display: inline-grid; place-items: center; width: 15px; height: 15px; border-radius: 4px;
    font-size: 9px; font-weight: 750; font-style: normal; cursor: help; letter-spacing: 0;
}
.ees-inspector .oK { background: var(--ees-badge-k); color: var(--ees-badge-k-fg); }
.ees-inspector .oP { background: var(--ees-badge-p); color: var(--ees-badge-p-fg); }
.ees-inspector .oM { background: var(--ees-badge-m); color: var(--ees-badge-m-fg); }
.ees-inspector .oF { background: var(--ees-badge-f); color: var(--ees-badge-f-fg); }
.ees-inspector .oB { background: var(--ees-badge-b); color: var(--ees-badge-b-fg); }
.ees-inspector .oS { background: var(--ees-badge-s); color: var(--ees-badge-s-fg); }

/* ── Zone B: linkes Panel ──────────────────────────────────────────────── */
#table-side-panel .configurationPanel-container.ees-left {
    display: flex; flex-direction: column; padding: 0; overflow: hidden;
    background: var(--ees-glass-bg); backdrop-filter: var(--ees-backdrop); -webkit-backdrop-filter: var(--ees-backdrop);
    border: 1px solid var(--ees-glass-border); border-radius: var(--ees-radius-panel); box-shadow: var(--ees-glass-shadow);
}
body[data-ees-module="config"] #table-side-panel.side-panel {
    left: var(--ees-gap); top: var(--ees-top); bottom: var(--ees-gap); width: var(--ees-left-w); height: auto;
    transition: none;
}
body[data-ees-module="config"] #table-side-panel .panel-toggle { display: none; }
body[data-ees-module="config"] #table-side-panel .panel-content { height: 100%; }
body[data-ees-module="config"] #table-side-panel .configurationPanel-container.ees-left { margin: 0; height: 100%; }

.ees-left .lh { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 16px 10px; }
.ees-left .lh h2 { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: -.2px; color: var(--ees-text); }
.ees-left .lock {
    display: inline-flex; align-items: center; gap: 6px; width: auto; margin: 0; font-size: 12px; font-weight: 500;
    color: var(--ees-text-2); padding: 5px 10px; border-radius: 99px; border: 1px solid var(--ees-border); background: var(--ees-surface-2);
}
.ees-left .lock .i { width: 14px; height: 14px; color: var(--ees-accent); }
.ees-left .lock.locked { color: var(--ees-danger); border-color: var(--ees-danger); }
.ees-left .lock.locked .i { color: var(--ees-danger); }
.ees-left span.lock { cursor: default; }
/* Design-Einstellungen (Hardware-Dialog): Zahnrad neben dem Schloss-Chip */
.ees-left .lh-act { display: flex; align-items: center; gap: 4px; }
.ees-left .ee-design-lock-banner {
    margin: 0 12px 8px; width: auto; padding: 6px 10px; border-radius: var(--ees-radius-sm); font-size: 11.5px; text-align: left;
    color: var(--ees-danger); background: transparent; border: 1px solid var(--ees-danger);
}
.ees-left .ee-design-lock-banner.readonly { color: var(--ees-warn); border-color: var(--ees-warn); }
.ees-left .ees-left-body { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; }
.ees-left .panel-section { margin: 0; padding: 0; }
.ees-left .design-locked-content { flex: 1; }
.ees-left .sec { padding: 8px 12px 12px; border-top: 1px solid var(--ees-border); }
.ees-left .sec:first-child { border-top: 1px solid var(--ees-border); }
.ees-left .sh {
    display: flex; align-items: center; justify-content: space-between; padding: 6px 4px 10px;
    font-size: 11.5px; font-weight: 650; color: var(--ees-text-dim); text-transform: uppercase; letter-spacing: .6px;
}
.ees-left .sh em { font-style: normal; margin-left: 6px; padding: 1px 7px; border-radius: 99px; background: var(--ees-surface-3); color: var(--ees-text-2); }
.ees-left .sh .sum { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--ees-text-2); font-variant-numeric: tabular-nums; }
.ees-left .sh .hint-i { display: inline-grid; color: var(--ees-text-dim); cursor: help; }
.ees-left .sh-act { display: flex; gap: 4px; }
.ees-left .alist { display: flex; flex-direction: column; }
.ees-left .acard {
    display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 11px; margin-bottom: 6px; text-align: left;
    border-radius: 12px; border: 1px solid transparent; background: var(--ees-surface-2); color: var(--ees-text);
}
.ees-left .acard:hover { border-color: var(--ees-border-strong); }
.ees-left .acard.on { background: var(--ees-accent-soft); border-color: var(--ees-accent); }
.ees-left .acard.off .an { color: var(--ees-text-2); }
.ees-left .acard.new.on { background: var(--ees-surface-2); border: 1px dashed var(--ees-border-strong); }
.ees-left .am { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ees-left .an { font-size: 13.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ees-left .as { font-size: 11.5px; color: var(--ees-text-dim); margin-top: 2px; font-variant-numeric: tabular-nums; }
.ees-left .tag { font-size: 10.5px; padding: 3px 7px; border-radius: 6px; background: var(--ees-surface-3); color: var(--ees-text-2); white-space: nowrap; }
.ees-left .tag.drawing { background: var(--ees-accent-soft); color: var(--ees-accent); }
.ees-left .tag.warn { color: var(--ees-warn); }
.ees-left .addarea {
    width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px; margin-top: 4px;
    border-radius: 12px; border: 1px dashed var(--ees-border-strong); background: transparent; color: var(--ees-text-2); font-size: 13px;
}
.ees-left .addarea:hover, .ees-left .addarea.act { border-color: var(--ees-accent); color: var(--ees-text); background: var(--ees-accent-soft); }
.ees-left .hint { font-size: 11px; color: var(--ees-text-dim); margin: 6px 4px 0; line-height: 1.4; }
.ees-left .chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 4px; }
.ees-left .chip {
    font-size: 12px; padding: 5px 11px; border-radius: 99px; border: 1px solid var(--ees-border-strong);
    background: transparent; color: var(--ees-text-dim);
}
.ees-left .chip.on { background: var(--ees-accent-soft); border-color: var(--ees-accent); color: var(--ees-text); }
.ees-left .chip.on::before { content: "✓ "; font-size: 10px; }
/* Objekte */
.ees-left .orow { display: flex; align-items: center; gap: 6px; padding: 5px 4px 5px 6px; font-size: 13px; color: var(--ees-text-2); border-radius: 8px; }
.ees-left .orow:hover { background: var(--ees-surface-2); }
.ees-left .orow .oname { flex: 1; text-align: left; background: none; border: 0; padding: 0; color: var(--ees-text-2); font-size: 13px; }
.ees-left .orow .oname[aria-expanded="true"] { color: var(--ees-text); font-weight: 600; }
.ees-left .orow em { font-style: normal; font-size: 11.5px; color: var(--ees-text-dim); min-width: 28px; text-align: right; margin-right: 4px; font-variant-numeric: tabular-nums; }
/* bisherige Knopf-Klassen (Handler bleiben) im Stil der Mini-Knoepfe */
.ees-left .polygoneDraw-add-btn.mini, .ees-left .scan-obstacle-btn.mini {
    width: 26px; height: 26px; margin: 0; border-radius: 7px; background: transparent; box-shadow: none; transform: none;
    color: var(--ees-text-2); fill: none; font-size: 13px;
}
.ees-left .polygoneDraw-add-btn.mini::before { display: none; }
.ees-left .polygoneDraw-add-btn.mini:hover { background: var(--ees-surface-3); color: var(--ees-text); transform: none; box-shadow: none; }
/* alte runde Verlaufsknoepfe (ee-project-styles.css) im Stil der Mini-Knoepfe; das Auge ist ein Linien-Icon */
.ees-left .dimension-toggle-all-visibility.mini, .ees-left .rownumber-toggle-all-visibility.mini, .ees-left .rownumber-add-all.mini {
    width: 26px; height: 26px; border-radius: 7px; background: transparent; box-shadow: none; transform: none; color: var(--ees-text-2);
}
.ees-left .dimension-toggle-all-visibility.mini:hover, .ees-left .rownumber-toggle-all-visibility.mini:hover, .ees-left .rownumber-add-all.mini:hover { background: var(--ees-surface-3); color: var(--ees-text); transform: none; box-shadow: none; }
.ees-left .dimension-toggle-all-visibility svg, .ees-left .rownumber-toggle-all-visibility svg, .ees-left .rownumber-add-all svg { width: 15px; height: 15px; fill: none; stroke: currentColor; }
.ees-left .otiles { display: flex; flex-direction: column; gap: 6px; padding: 4px 0 8px; }
.ees-left .otiles[hidden] { display: none; }
.ees-left .otiles .empty-state { font-size: 11.5px; color: var(--ees-text-dim); padding: 2px 6px; }
.ees-left .omenu { position: relative; }
.ees-left .omenu summary { list-style: none; cursor: pointer; }
.ees-left .omenu summary::-webkit-details-marker { display: none; }
.ees-left .omenu-pop {
    position: absolute; right: 0; top: 28px; z-index: 5; min-width: 200px; padding: 6px; border-radius: var(--ees-radius-sm);
    background: var(--ees-glass-bg); backdrop-filter: var(--ees-backdrop); -webkit-backdrop-filter: var(--ees-backdrop);
    border: 1px solid var(--ees-glass-border); box-shadow: var(--ees-glass-shadow), var(--ees-float-shadow);
}
.ees-left .omenu-pop .polygoneDraw-add-btn {
    width: 100%; height: auto; border-radius: 6px; justify-content: flex-start; padding: 7px 9px; font-size: 12.5px; font-weight: 500;
    background: transparent; color: var(--ees-text); box-shadow: none; transform: none;
}
.ees-left .omenu-pop .polygoneDraw-add-btn::before { display: none; }
.ees-left .omenu-pop .polygoneDraw-add-btn:hover { background: var(--ees-surface-2); transform: none; }
/* gesperrt: Objekte wie bisher abgeschwaecht (Overlay aus ee-project-styles.css) */
.ees-left.design-locked .design-locked-content { opacity: .5; }

/* ── Zone D: Inspektor ─────────────────────────────────────────────────── */
.ees-inspector {
    position: fixed; right: var(--ees-gap); top: var(--ees-top); bottom: var(--ees-gap); width: var(--ees-right-w); z-index: 1000;
    display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box;
    background: var(--ees-glass-bg); backdrop-filter: var(--ees-backdrop); -webkit-backdrop-filter: var(--ees-backdrop);
    border: 1px solid var(--ees-glass-border); border-radius: var(--ees-radius-panel); box-shadow: var(--ees-glass-shadow); font-size: 12.5px;
}
.ees-inspector[hidden], .ees-inspector .ees-insp-view[hidden] { display: none; }
.ees-inspector .ees-insp-view { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.ees-inspector .ih { display: flex; align-items: flex-start; gap: 11px; padding: 16px 14px 10px 16px; }
.ees-inspector .ihm { flex: 1; min-width: 0; }
.ees-inspector .in { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 700; }
.ees-inspector .in > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ees-inspector .mini.pen { width: 22px; height: 22px; opacity: .7; }
.ees-inspector .ees-rename {
    width: 100%; font: inherit; font-size: 15px; font-weight: 700; padding: 2px 6px; border-radius: 6px;
    border: 1px solid var(--ees-accent); background: var(--ees-surface-2); color: var(--ees-text);
}
.ees-inspector .is { font-size: 11.5px; color: var(--ees-text-dim); margin-top: 3px; font-variant-numeric: tabular-nums; }
.ees-inspector .iact { display: flex; gap: 5px; padding: 0 14px 12px 16px; }
.ees-inspector .chipb {
    display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; padding: 6px 8px; border-radius: 8px; white-space: nowrap;
    background: var(--ees-surface-2); border: 1px solid var(--ees-border); color: var(--ees-text-2); cursor: pointer;
}
.ees-inspector .chipb .i { width: 13px; height: 13px; }
.ees-inspector .chipb:hover:not(:disabled) { color: var(--ees-text); border-color: var(--ees-border-strong); }
.ees-inspector .chipb.on { color: var(--ees-accent); border-color: var(--ees-accent); }
.ees-inspector .chipb input[type="color"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ees-inspector label.chipb { position: relative; }
.ees-inspector .chipb.danger { margin-left: auto; color: var(--ees-danger); }
.ees-inspector .tabs { display: flex; gap: 4px; margin: 0 14px 0 16px; padding: 3px; border-radius: 10px; background: var(--ees-surface-2); }
.ees-inspector .tabs button { flex: 1; text-align: center; font-size: 12px; padding: 6px 0; border-radius: 8px; border: 0; background: transparent; color: var(--ees-text-dim); }
.ees-inspector .tabs button.on { background: var(--ees-surface); color: var(--ees-text); font-weight: 600; box-shadow: 0 0 0 1px var(--ees-border); }
.ees-inspector .iscroll { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 14px 4px 16px; }
.ees-inspector .empty { font-size: 12px; color: var(--ees-text-2); line-height: 1.5; padding: 10px 2px; }
.ees-inspector .grp { border: 1px solid var(--ees-border); border-radius: 14px; margin-bottom: 8px; background: var(--ees-surface-2); }
.ees-inspector .grp.open { padding-bottom: 4px; }
.ees-inspector .gh {
    display: flex; align-items: center; gap: 9px; width: 100%; padding: 9px 12px; font-size: 13px; font-weight: 650;
    background: transparent; border: 0; color: var(--ees-text); text-align: left;
}
.ees-inspector .gh > .i:first-child { width: 16px; height: 16px; color: var(--ees-accent); }
.ees-inspector .gh > span:first-of-type { white-space: nowrap; }
.ees-inspector .gh .gs { font-size: 11px; color: var(--ees-text-dim); font-weight: 500; margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
.ees-inspector .gh .gc { margin-left: auto; width: 15px; height: 15px; color: var(--ees-text-dim); transform: rotate(-90deg); transition: transform .15s; }
.ees-inspector .gh .gs + .gc { margin-left: 6px; }
.ees-inspector .grp.open .gh { border-bottom: 1px solid var(--ees-border); margin-bottom: 8px; }
.ees-inspector .grp.open .gh .gc { transform: none; }
.ees-inspector .f { padding: 0 12px 8px; min-width: 0; }
.ees-inspector .gb > .f.wide, .ees-inspector .gb > .f { display: block; }
.ees-inspector .f label { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--ees-text-dim); margin-bottom: 3px; white-space: nowrap; }
.ees-inspector .fv { display: flex; gap: 6px; align-items: center; }
.ees-inspector .val {
    flex: 1; height: 30px; display: flex; align-items: center; gap: 4px; padding: 0 10px; border-radius: 8px; box-sizing: border-box;
    background: var(--ees-field); border: 1px solid var(--ees-border); font-size: 12.5px; font-variant-numeric: tabular-nums;
    white-space: nowrap; overflow: hidden; min-width: 0; color: var(--ees-text);
}
.ees-inspector .val:focus-within { border-color: var(--ees-accent); }
.ees-inspector .val input, .ees-inspector .val select {
    flex: 1; min-width: 0; width: 100%; border: 0; outline: 0; padding: 0; margin: 0; height: 100%;
    background: transparent; color: inherit; font: inherit; box-shadow: none;
}
.ees-inspector .val select option, .ees-inspector .val select optgroup { color: var(--ees-text); background: var(--ees-menu-bg); }
.ees-inspector .val .u { font-style: normal; color: var(--ees-text-dim); margin-left: auto; font-size: 11.5px; }
.ees-inspector .val.ro { background: transparent; border-style: dashed; color: var(--ees-text-2); }
.ees-inspector .val.own { border-color: var(--ees-warn); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ees-warn) 18%, transparent); }
.ees-inspector .fg.s-i .val { color: var(--ees-text-2); }
.ees-inspector .rst {
    width: 28px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex: none; padding: 0;
    border: 0; color: var(--ees-warn); background: var(--ees-warn-soft);
}
.ees-inspector .rst .i { width: 14px; height: 14px; }
.ees-inspector .ee-cfg-auto { flex: 1; color: var(--ees-text-2); }
/* Beschriftung mit Umschalter rechts (Azimut: Auto | Manuell) */
.ees-inspector .f .fl { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; min-width: 0; }
.ees-inspector .f .fl > label { margin-bottom: 0; }
.ees-inspector .ees-seg { margin-left: auto; display: inline-flex; padding: 2px; gap: 2px; border-radius: 7px; background: var(--ees-surface-3); flex: none; }
.ees-inspector .ees-seg button { border: 0; background: transparent; color: var(--ees-text-dim); font: inherit; font-size: 10.5px; line-height: 1; padding: 3px 6px; border-radius: 5px; cursor: pointer; }
.ees-inspector .ees-seg button.on { background: var(--ees-surface); color: var(--ees-text); font-weight: 600; box-shadow: 0 0 0 1px var(--ees-border); }
.ees-inspector .ees-seg button:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 1px; }
.ees-inspector .ee-cfg-mini {
    margin-left: 6px; font-size: 10px; padding: 2px 6px; border-radius: 5px; border: 0; flex: none;
    background: var(--ees-surface-3); color: var(--ees-text-dim);
}
.ees-inspector .ee-cfg-mini.on { background: var(--ees-accent-soft); color: var(--ees-accent); }
.ees-inspector .two { display: grid; grid-template-columns: 1fr 1fr; }
.ees-inspector .two > .f + .f { padding-left: 0; }
.ees-inspector .catline {
    margin: 2px 12px 10px; padding: 7px 9px; border-radius: 9px; border: 1px dashed var(--ees-border-strong);
    font-size: 10.5px; color: var(--ees-text-dim); display: flex; gap: 4px; align-items: center; flex-wrap: wrap; line-height: 1.6;
}
.ees-inspector .catline b { color: var(--ees-text-2); font-weight: 600; }
.ees-inspector .catline .lnk { background: none; border: 0; padding: 0; color: var(--ees-text-dim); font-size: inherit; text-decoration: underline dotted; }
.ees-inspector .catline .lnk:hover { color: var(--ees-accent); }
.ees-inspector .pitch { margin: 0 12px 10px; padding: 8px 8px 0; border-radius: 10px; background: var(--ees-surface-3); }
.ees-inspector .pitch svg { width: 100%; height: auto; aspect-ratio: 300 / 130; display: block; }
.ees-inspector .pt-ground { fill: color-mix(in srgb, var(--ees-accent) 22%, transparent); }
.ees-inspector .pt-bloom { fill: var(--ees-warn); opacity: .7; }
.ees-inspector .pt-mod { fill: var(--ees-info); }
.ees-inspector .pt-post { fill: var(--ees-text-dim); }
.ees-inspector .pt-arrow { stroke: var(--ees-accent); stroke-width: 1.5; }
.ees-inspector .pt-ww { stroke: var(--ees-warn); stroke-dasharray: 3 3; }
.ees-inspector .pt-label { fill: var(--ees-text); font-size: 10px; font-weight: 600; }
.ees-inspector .pt-wwlabel { fill: var(--ees-warn); font-size: 9px; }
.ees-inspector .pt-small { fill: var(--ees-text-2); font-size: 7.5px; }
.ees-inspector .pt-flat { fill: none; stroke: var(--ees-info); stroke-width: .8; stroke-dasharray: 2 2; opacity: .7; }
.ees-inspector .pt-safe { stroke: var(--ees-text-faint); stroke-width: 1; }
.ees-inspector .pt-lane { stroke: var(--ees-text-dim); stroke-width: 1; stroke-dasharray: 1.5 2; }
.ees-inspector .pt-ww { stroke-width: 1.5; }
.ees-inspector .ifoot { display: flex; align-items: center; gap: 6px; padding: 10px 14px 12px 16px; border-top: 1px solid var(--ees-border); }
.ees-inspector .ifoot .btn { flex: 1; padding: 0 10px; }
.ees-inspector .ifoot .btn.pri { flex: 1.3; }
.ees-inspector .hint { font-size: 11px; color: var(--ees-text-dim); line-height: 1.4; margin: 0 0 8px; }
.ees-inspector .hint.pad { padding: 0 12px; }
.ees-inspector .hint.err { color: var(--ees-danger); margin: 0; }
/* Reiter Tisch / Reihe: bisheriger Abstaende-Editor */
.ees-inspector .ees-insp-table .panel-section { margin: 0 0 12px; padding: 0; }
.ees-inspector .ees-insp-table h3 { margin: 4px 0 8px; width: auto; font-size: 13px; font-weight: 650; color: var(--ees-text); }
.ees-inspector .ees-insp-table .info-grid { gap: 8px; margin-bottom: 8px; }
.ees-inspector .ees-insp-table .info-item { width: auto; margin: 0; }
.ees-inspector .ees-insp-table .info-item span { color: var(--ees-text-dim); font-size: 11px; }
.ees-inspector .ees-insp-table .info-item strong { color: var(--ees-text); font-size: 13.5px; }
.ees-inspector .ees-insp-table .plantGapLayoutContainer { width: 300px; max-width: 100%; margin: 0 auto; }
.ees-inspector .ees-insp-table .plantGapLayoutNorthArrow { top: 78px; right: 14px; width: 24px; height: 24px; }
.ees-inspector .ees-insp-table .plantGapLayoutNorthArrow svg { fill: var(--ees-text); }
/* Reiter Herkunft: dieselbe Tabelle wie in den Projekt-Einstellungen, an die Tokens angepasst */
.ees-inspector .ees-insp-origin h2, .ees-inspector .ees-insp-origin .ee-form-section h3 { display: none; }
.ees-inspector .ees-insp-origin .ee-cfg { color: var(--ees-text); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .syncrow { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; align-items: center; }
.ees-inspector .ees-insp-origin .ee-cfg-origin .pl, .ees-inspector .ees-insp-origin .ee-cfg-origin .b2 {
    font: inherit; font-size: 11px; font-weight: 600; padding: 4px 9px; border-radius: 6px; cursor: pointer;
    background: var(--ees-surface-2); border: 1px solid var(--ees-border); color: var(--ees-text-2);
}
.ees-inspector .ees-insp-origin .ee-cfg-origin .pl.on { background: var(--ees-accent-soft); border-color: var(--ees-accent); color: var(--ees-text); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .ee-form-section { overflow-x: auto; }
.ees-inspector .ees-insp-origin .ee-cfg-origin table.mini { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.ees-inspector .ees-insp-origin .ee-cfg-origin th { text-align: left; font-weight: 600; font-size: 10.5px; color: var(--ees-text-dim); padding: 5px 6px; border-bottom: 1px solid var(--ees-border); }
.ees-inspector .ees-insp-origin .ee-cfg-origin td { padding: 6px; border-bottom: 1px solid var(--ees-border); color: var(--ees-text); vertical-align: middle; }
.ees-inspector .ees-insp-origin .ee-cfg-origin .dim { color: var(--ees-text-dim); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .org { width: auto; height: auto; padding: 1px 6px; border-radius: 99px; font-size: 9.5px; font-weight: 600; background: var(--ees-surface-3); color: var(--ees-text-2); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .org.ovr { background: var(--ees-accent); color: var(--ees-accent-text); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .chain { display: flex; gap: 3px; flex-wrap: nowrap; }
.ees-inspector .ees-insp-origin .ee-cfg-origin .chain span { font-size: 10px; padding: 1px 6px; border-radius: 99px; background: var(--ees-surface-2); color: var(--ees-text-dim); white-space: nowrap; }
.ees-inspector .ees-insp-origin .ee-cfg-origin .chain span.win { background: var(--ees-accent); color: var(--ees-accent-text); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .chain span.set { color: var(--ees-text-2); background: var(--ees-surface-3); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .chain em { font-style: normal; color: var(--ees-text-dim); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .rst { width: auto; height: auto; border: 0; color: var(--ees-accent); text-decoration: underline; cursor: pointer; }
.ees-inspector .ees-insp-origin .ee-cfg-origin .newb { font-size: 9.5px; font-weight: 700; padding: 1px 6px; border-radius: 5px; color: var(--ees-warn); border: 1px solid var(--ees-warn); }
.ees-inspector .ees-insp-origin .ee-cfg-origin .ee-cfg-banner { padding: 8px 10px; border-radius: 9px; margin-bottom: 8px; border: 1px solid var(--ees-info); color: var(--ees-info); }

/* ── Zeichen-Assistent ─────────────────────────────────────────────────── */
.ees-inspector .segs { display: flex; padding: 3px; border-radius: 10px; background: var(--ees-surface-2); gap: 3px; }
.ees-inspector .seg { flex: 1; text-align: center; font-size: 12.5px; padding: 7px 0; border-radius: 8px; border: 0; background: transparent; color: var(--ees-text-dim); }
.ees-inspector .seg.on { background: var(--ees-accent); color: var(--ees-accent-text); font-weight: 600; }
.ees-inspector .objhint { font-size: 11px; color: var(--ees-text-dim); line-height: 1.5; margin-top: 7px; }
.ees-inspector .objhint[hidden], .ees-inspector [data-d-objslot][hidden], .ees-inspector [hidden] { display: none !important; }
.ees-inspector .meths { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.ees-inspector .meth {
    border: 1px solid var(--ees-border); border-radius: 10px; padding: 10px 8px; display: flex; flex-direction: column;
    align-items: flex-start; gap: 4px; background: var(--ees-surface-2); text-align: left;
}
.ees-inspector .meth .i { width: 18px; height: 18px; color: var(--ees-text-2); }
.ees-inspector .meth b { font-size: 12.5px; }
.ees-inspector .meth span { font-size: 10.5px; color: var(--ees-text-dim); }
.ees-inspector .meth.on { border-color: var(--ees-accent); background: var(--ees-accent-soft); }
.ees-inspector .meth.on .i { color: var(--ees-accent); }
.ees-inspector .cols { display: flex; gap: 6px; height: 32px; align-items: center; flex-wrap: wrap; }
.ees-inspector .cs { width: 20px; height: 20px; border-radius: 6px; border: 0; padding: 0; }
.ees-inspector .cs.on { box-shadow: 0 0 0 2px var(--ees-surface), 0 0 0 4px var(--ees-text); }
.ees-inspector .seedrow { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 10px; border: 1px solid var(--ees-border); background: var(--ees-surface-2); }
.ees-inspector .seedrow b { display: block; font-size: 12.5px; }
.ees-inspector .seedrow b select { font: inherit; font-weight: 700; color: var(--ees-text); background: transparent; border: 0; border-bottom: 1px dashed var(--ees-border-strong); padding: 0 2px; max-width: 150px; }
.ees-inspector .seedrow span { font-size: 11px; color: var(--ees-text-dim); }
.ees-inspector .seedrow .sw { width: 28px; height: 16px; border-radius: 99px; background: var(--ees-border-strong); position: relative; border: 0; padding: 0; flex: none; }
.ees-inspector .seedrow .sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--ees-surface); box-shadow: 0 0 0 1px var(--ees-border); transition: left .15s; }
.ees-inspector .seedrow .sw.on { background: var(--ees-accent); }
.ees-inspector .seedrow .sw.on::after { left: 14px; }
.ees-inspector .live {
    display: grid; grid-template-columns: repeat(4, 1fr); margin: 6px 12px 12px; border-radius: 12px;
    background: var(--ees-accent-soft); border: 1px solid var(--ees-accent);
}
.ees-inspector .live > div { padding: 10px 0; text-align: center; }
.ees-inspector .live b { display: block; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ees-inspector .live span { font-size: 10.5px; color: var(--ees-text-dim); }
.ees-inspector .keys { padding: 0 12px; display: flex; flex-direction: column; gap: 7px; font-size: 12px; color: var(--ees-text-2); }
.ees-inspector kbd {
    font-family: var(--ees-font); font-size: 11px; padding: 2px 7px; border-radius: 6px; margin-right: 8px; display: inline-block;
    min-width: 84px; text-align: center; background: var(--ees-surface-3); border: 1px solid var(--ees-border-strong); color: var(--ees-text);
}
.ees-inspector textarea {
    width: 100%; box-sizing: border-box; font: inherit; font-size: 12px; padding: 8px 10px; border-radius: 8px; resize: vertical;
    background: var(--ees-surface); border: 1px solid var(--ees-border); color: var(--ees-text);
}
.ees-inspector .row-end { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 6px; }
.ees-inspector .ees-startslot { flex: 1.3; display: flex; }
.ees-inspector .ees-startslot #polygoneDraw-start-drawing-btn { flex: 1; width: 100%; background: var(--ees-accent); color: var(--ees-accent-text); }
/* alter Objekt-Dialog im Assistenten (Felder + Logik unveraendert, nur Darstellung) */
.ees-inspector .ees-objslot .polygoneDraw-popup-body { padding: 0; max-height: none; overflow: visible; background: transparent; }
.ees-inspector .ees-objslot .polygoneDraw-form-group { margin-bottom: 10px; }
.ees-inspector .ees-objslot .polygoneDraw-form-group label, .ees-inspector .ees-objslot h4 { font-size: 11px; font-weight: 500; color: var(--ees-text-dim); margin-bottom: 3px; }
.ees-inspector .ees-objslot .polygoneDraw-input, .ees-inspector .ees-objslot .polygoneDraw-form-group input {
    padding: 6px 10px; height: 30px; border-width: 1px; border-color: var(--ees-border); border-radius: 8px; font-size: 12.5px;
    background: var(--ees-surface); color: var(--ees-text); background-image: none; transform: none; box-shadow: none;
}
.ees-inspector .ees-objslot select.polygoneDraw-input { height: 32px; }
.ees-inspector .ees-objslot .polygoneDraw-form-group input[type="color"] { height: 30px; padding: 2px; }
.ees-inspector .ees-objslot .polygoneDraw-help-text { font-size: 11px; color: var(--ees-text-dim); line-height: 1.4; }
.ees-inspector .ees-objslot .polygoneDraw-dir-btn, .ees-inspector .ees-objslot .polygoneDraw-method-btn {
    font: inherit; font-size: 12px; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--ees-border); background: var(--ees-surface-2); color: var(--ees-text-2);
}
.ees-inspector .ees-objslot .polygoneDraw-dir-btn.active, .ees-inspector .ees-objslot .polygoneDraw-method-btn.active { border-color: var(--ees-accent); color: var(--ees-text); background: var(--ees-accent-soft); }
.ees-inspector .ees-objslot .polygoneDraw-upload-area { border: 1px dashed var(--ees-border-strong); border-radius: 10px; padding: 12px; color: var(--ees-text-2); background: transparent; }
.ees-inspector .ees-objslot .polygoneDraw-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 6px; }

/* ── Karte: Etiketten, Zeichen-Overlay ─────────────────────────────────── */
.ees-maplabel {
    display: flex; align-items: center; gap: 6px; padding: 4px 9px 4px 7px; border-radius: 99px; cursor: pointer; white-space: nowrap;
    font-family: var(--ees-font); font-size: 11.5px; color: var(--ees-text); background: var(--ees-glass-bg);
    backdrop-filter: var(--ees-backdrop); -webkit-backdrop-filter: var(--ees-backdrop); border: 1px solid var(--ees-glass-border); box-shadow: var(--ees-glass-shadow);
}
.ees-maplabel i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.ees-maplabel span { color: var(--ees-text-dim); }
.ees-maplabel.on { background: var(--ees-accent); color: var(--ees-accent-text); border-color: var(--ees-accent); }
.ees-maplabel.on span { color: var(--ees-accent-text); opacity: .85; }
body.ees-drawing .ees-maplabel { pointer-events: none; opacity: .75; } /* Ecken setzen geht vor */
.ees-draw-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
.ees-draw-overlay svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ees-draw-overlay polygon { fill: var(--ees-accent-soft); stroke: var(--ees-accent); stroke-width: 2; stroke-dasharray: 6 4; }
.ees-draw-overlay .edgelbl {
    position: absolute; transform: translate(-50%, -50%); font-family: var(--ees-font); font-size: 11px; font-weight: 600;
    padding: 2px 7px; border-radius: 6px; background: var(--ees-surface); color: var(--ees-text); border: 1px solid var(--ees-border);
}
.ees-draw-overlay .drawtip {
    position: absolute; font-family: var(--ees-font); font-size: 12px; padding: 6px 10px; border-radius: 8px; white-space: nowrap;
    background: var(--ees-surface); color: var(--ees-text); box-shadow: var(--ees-shadow);
}
.ees-draw-overlay .drawtip[hidden] { display: none; }

/* ── Rueckfrage im EE-Dialogstil ───────────────────────────────────────── */
.ees-dialog-backdrop { position: fixed; inset: 0; z-index: 100300; display: grid; place-items: center; background: color-mix(in srgb, var(--ees-bg) 55%, transparent); }
.ees-dialog {
    width: min(380px, calc(100vw - 32px)); padding: 18px 18px 14px; border-radius: var(--ees-radius); box-sizing: border-box;
    background: var(--ees-glass-bg); border: 1px solid var(--ees-glass-border); box-shadow: var(--ees-glass-shadow), var(--ees-float-shadow);
    backdrop-filter: var(--ees-backdrop); -webkit-backdrop-filter: var(--ees-backdrop);
}
.ees-dialog h3 { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--ees-text); }
.ees-dialog p { margin: 0 0 14px; font-size: 12.5px; color: var(--ees-text-2); line-height: 1.5; }
.ees-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }

/* ── Handy: Panel als Bottom-Sheet, Inspektor als Vollbild ─────────────── */
@media (max-width: 767px) {
    body[data-ees-module="config"]:has(#mapContainerEntry) #table-side-panel,
    body[data-ees-module="config"] #table-side-panel.side-panel {
        display: flex !important; left: 0; right: 0; top: auto; bottom: 0; width: 100%; height: auto; max-height: 72vh;
        transform: none; transition: transform .2s ease;
    }
    body[data-ees-module="config"] #table-side-panel.side-panel.collapsed { left: 0; transform: translateY(calc(100% - 64px)); }
    body[data-ees-module="config"] #table-side-panel .panel-toggle {
        display: block; position: absolute; top: 6px; left: 50%; right: auto; transform: translateX(-50%); z-index: 2;
        width: 44px; height: 5px; padding: 0; border-radius: 99px; background: var(--ees-border-strong); font-size: 0; color: transparent;
    }
    body[data-ees-module="config"] #table-side-panel .configurationPanel-container.ees-left { border-radius: var(--ees-radius-panel) var(--ees-radius-panel) 0 0; max-height: 72vh; }
    body[data-ees-module="config"] #table-side-panel .ees-left .lh { padding-top: 18px; }
    .ees-inspector { inset: 0; width: 100vw; border-radius: 0; z-index: 100200; }
}

/* Reiter "Herkunft der Werte" (fragebogen-v2, dunkel) */
.ee-cfg-origin .ee-cfg-banner {
    padding: 10px 14px; border-radius: 10px; margin-bottom: 12px;
    background: rgba(10, 132, 255, .12); border: 1px solid rgba(10, 132, 255, .35); color: #cfe3ff;
}
.ee-cfg-origin .ee-form-section h3 .ssub { font-size: 11.5px; font-weight: 500; color: var(--fbv2-text-dim, #8a8a92); margin-left: 10px; }
.ee-cfg-origin .pl {
    display: inline-flex; align-items: center; height: 28px; padding: 0 13px; cursor: pointer; font: inherit;
    background: rgba(148, 163, 184, .08); border: 1px solid rgba(148, 163, 184, .18); border-radius: 6px;
    font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .7);
}
.ee-cfg-origin .pl.on { background: rgba(48, 209, 88, .15); border-color: rgba(48, 209, 88, .45); color: #30d158; }
.ee-cfg-origin .mini { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ee-cfg-origin .mini th { text-align: left; font-weight: 600; color: var(--fbv2-text-dim, #8a8a92); font-size: 11px; padding: 6px 8px; border-bottom: 1px solid var(--fbv2-border, rgba(255, 255, 255, .08)); }
.ee-cfg-origin .mini td { padding: 7px 8px; border-bottom: 1px solid rgba(255, 255, 255, .05); color: #e8e8ed; vertical-align: middle; }
.ee-cfg-origin .mini td.dim, .ee-cfg-origin .dim { color: var(--fbv2-text-dim, #8a8a92); }
.ee-cfg-origin .org { font-size: 10px; padding: 1px 7px; }
.ee-cfg-origin .chain { display: flex; gap: 3px; align-items: center; flex-wrap: nowrap; }
.ee-cfg-origin .chain span { font-size: 10.5px; padding: 2px 7px; border-radius: 999px; background: rgba(255, 255, 255, .05); color: rgba(255, 255, 255, .35); white-space: nowrap; }
.ee-cfg-origin .chain span.win { background: var(--secondary-color, rgb(63, 161, 77)); color: #fff; font-weight: 600; }
.ee-cfg-origin .chain span.set { color: rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .1); }
.ee-cfg-origin .chain em { color: rgba(255, 255, 255, .25); font-style: normal; font-size: 10px; }

/* Origin table inside the inspector (tab "Herkunft"): follow the shell tokens so it
   reads in light and dark; the project-settings popup keeps its own dark look. */
.ees-inspector .ee-cfg-origin .pl { color: var(--ees-text-dim); }
.ees-inspector .ee-cfg-origin .pl.on { background: var(--ees-accent-soft); border-color: var(--ees-accent); color: var(--ees-accent-strong); }
.ees-inspector .ee-cfg-origin .mini td { border-bottom-color: var(--ees-border); color: var(--ees-text); }
.ees-inspector .ee-cfg-origin .chain span { background: var(--ees-surface-2); color: var(--ees-text-dim); }
.ees-inspector .ee-cfg-origin .chain span.set { background: var(--ees-surface-3); color: var(--ees-text-2); }
.ees-inspector .ee-cfg-origin .chain em { color: var(--ees-text-faint); }

/* ── Ruhiger, weniger Kaesten (2.25.712, Till 20.10.2026 "etwas überladen") ──
 * Gruppen durch Weissraum und Haarlinien statt Rahmen; Rahmen nur noch, wo sie
 * etwas bedeuten (eigener Wert = orange, Fokus = Akzent, neue Flaeche = gestrichelt). */
.ees-left .sec { padding: 14px 16px 16px; border-top: 0; }
.ees-left .sec + .sec, .ees-left .sec:first-child { border-top: 0; }
.ees-left .ees-left-body > * + * { border-top: 1px solid var(--ees-border); }
.ees-left .sh { padding: 0 2px 10px; font-size: 11px; letter-spacing: .5px; }
.ees-left .acard { background: transparent; border: 0; margin-bottom: 2px; padding: 9px 10px; }
.ees-left .acard:hover { background: var(--ees-surface-2); border: 0; }
.ees-left .acard.on { background: var(--ees-accent-soft); border: 0; }
.ees-left .acard .tag { background: transparent; padding: 0; color: var(--ees-text-dim); }
.ees-left .addarea { border: 0; background: var(--ees-surface-2); margin-top: 8px; padding: 9px; color: var(--ees-text-2); }
.ees-left .addarea:hover, .ees-left .addarea.act { background: var(--ees-accent-soft); color: var(--ees-text); }
.ees-left .chip { border: 0; background: var(--ees-surface-2); color: var(--ees-text-dim); }
.ees-left .chip.on { border: 0; }

.ees-inspector .iact { padding-bottom: 14px; }
.ees-inspector .chipb { border: 0; background: var(--ees-surface-2); }
.ees-inspector .chipb.on { box-shadow: inset 0 0 0 1px var(--ees-accent); }
.ees-inspector .tabs { margin-bottom: 4px; }
.ees-inspector .grp { border: 0; border-radius: 0; background: transparent; margin: 0; border-bottom: 1px solid var(--ees-border); }
.ees-inspector .grp:last-child { border-bottom: 0; }
.ees-inspector .grp.open { padding-bottom: 10px; }
.ees-inspector .gh { padding: 12px 4px; }
.ees-inspector .grp.open .gh { border-bottom: 0; margin-bottom: 2px; }
.ees-inspector .f { padding: 0 4px 10px; }
.ees-inspector .val { border-color: transparent; }
.ees-inspector .val.ro { border: 0; background: transparent; padding-left: 0; }
.ees-inspector .catline { margin: 2px 4px 10px; border: 0; background: var(--ees-surface-2); }
.ees-inspector .pitch { margin: 0 4px 12px; background: var(--ees-surface-2); }
.ees-inspector .ifoot .btn.ghost { border: 0; }

/* ── Hoehe nach Inhalt (2.25.713, Till 20.10.2026 "die Kaesten rechts und links nicht so
 * hoch, damit sie sich nicht ueberlagern") ─────────────────────────────────────────────
 * Linkes Panel und Inspektor laufen nicht mehr bis zum unteren Rand: sie wachsen mit dem
 * Inhalt bis hoechstens ueber die Zeile der Sonnenleiste (--ees-panel-max-h, Abstand
 * --ees-gap) und scrollen innen. Unter 1440 px beginnen sie unter der Werkzeugleiste
 * (--ees-side-top). Handy (<768 px): Bottom-Sheet / Vollbild wie bisher. */
@media (min-width: 768px) {
    body[data-ees-module="config"] #table-side-panel.side-panel {
        top: var(--ees-side-top); bottom: auto; height: auto; max-height: var(--ees-panel-max-h);
    }
    body[data-ees-module="config"] #table-side-panel .panel-content {
        height: auto; max-height: var(--ees-panel-max-h); display: flex; flex-direction: column; min-height: 0;
    }
    body[data-ees-module="config"] #table-side-panel .configurationPanel-container.ees-left {
        height: auto; max-height: var(--ees-panel-max-h); min-height: 0;
    }
    .ees-left .ees-left-body { flex: 1 1 auto; }
    .ees-inspector { top: var(--ees-side-top); bottom: auto; max-height: var(--ees-panel-max-h); }
    .ees-inspector .ees-insp-view { flex: 1 1 auto; }
    .ees-inspector .iscroll { flex: 1 1 auto; }
}

/* ── Objekt-Kacheln (Gebaeude, Hindernisse, Flurstuecke, Ringe) im linken Panel ──────────
 * 2.25.713, Till 20.10.2026: "kaum lesbar, Felder grau, dunkle Knoepfe ohne Beschriftung".
 * Gleicher Stil wie der Inspektor: Text aus --ees-text*, Felder wie .val, Knoepfe mit Icon
 * + Text (title = Tooltip), Loeschen rot und rechts. Markup/Handler unveraendert
 * (project-variations.js createTileHTML/createDirect3DTileHTML, ee-flurstuecke.js,
 * ee-dimension-ring.js); hier nur die Darstellung im Panel. */
.ees-left .otiles .polygon-card {
    background: var(--ees-surface-2); border: 0; border-radius: 12px; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none; color: var(--ees-text); font-family: var(--ees-font);
    transform: none; overflow: hidden;
}
.ees-left .otiles .polygon-card:hover { transform: none; box-shadow: inset 0 0 0 1px var(--ees-border-strong); }
.ees-left .otiles .polygon-card::before { width: 3px; height: auto; right: auto; bottom: 0; opacity: 1; }
.ees-left .otiles .polygon-card.polygon-hidden { opacity: .62; }
.ees-left .otiles .polygon-header {
    display: flex; align-items: center; gap: 8px; padding: 10px 10px 6px 14px; border-bottom: 0;
}
.ees-left .otiles .polygon-header .color-picker {
    position: static; order: -1; width: 14px; height: 14px; flex: none;
    box-shadow: 0 0 0 1px var(--ees-border-strong);
}
.ees-left .otiles .polygon-header .title-edit {
    flex: 1; min-width: 0; width: auto; font-size: 13.5px !important; font-weight: 650; letter-spacing: -.1px;
    color: var(--ees-text) !important; padding: 3px 6px !important; margin-left: -6px; border-radius: 6px;
}
.ees-left .otiles .polygon-header .title-edit:hover { background: var(--ees-surface-2) !important; }
.ees-left .otiles .polygon-header .title-edit:focus { background: var(--ees-field) !important; box-shadow: inset 0 0 0 1px var(--ees-accent); }
.ees-left .otiles .polygon-visibility-toggle {
    position: static; width: 26px; height: 26px; padding: 0; border-radius: 7px; flex: none;
    color: var(--ees-text-2); background: transparent;
}
.ees-left .otiles .polygon-visibility-toggle:hover { opacity: 1; background: var(--ees-surface-3); color: var(--ees-text); }
.ees-left .otiles .polygon-visibility-toggle svg { width: 16px; height: 16px; }
.ees-left .otiles .polygon-specs { padding: 0 10px 6px 14px; display: grid; gap: 2px; }
.ees-left .otiles .spec-row { min-height: 30px; padding: 0; gap: 8px; }
.ees-left .otiles .spec-label { font-size: 12px; color: var(--ees-text-dim); font-weight: 500; flex: 1; }
.ees-left .otiles .spec-row:has(.polygon-azimuth) .spec-label::after { content: none; }
.ees-left .otiles .spec-value {
    width: auto; padding: 0; font-size: 12.5px; color: var(--ees-text); font-variant-numeric: tabular-nums; text-align: right;
}
.ees-left .otiles .spec-value[style*="monospace"] { font-family: var(--ees-font) !important; font-size: 11.5px !important; color: var(--ees-text-2); }
.ees-left .otiles .spec-input-group {
    display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px; border-radius: 8px;
    background: var(--ees-field); box-shadow: inset 0 0 0 1px var(--ees-border);
}
.ees-left .otiles .spec-input-group:focus-within { box-shadow: inset 0 0 0 1px var(--ees-accent); }
.ees-left .otiles .spec-input,
.ees-left .otiles input.spec-value {
    width: 56px; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
    color: var(--ees-text); font: inherit; font-size: 12.5px; text-align: right; font-variant-numeric: tabular-nums;
}
.ees-left .otiles input.spec-value {
    width: 100%; max-width: 160px; height: 28px; padding: 0 8px; border-radius: 8px; text-align: left;
    background: var(--ees-field); box-shadow: inset 0 0 0 1px var(--ees-border);
}
.ees-left .otiles input.spec-value::placeholder { color: var(--ees-text-dim); font-style: normal; }
.ees-left .otiles .spec-input:focus, .ees-left .otiles input.spec-value:focus { outline: 0; box-shadow: none; background: transparent; }
.ees-left .otiles input.spec-value:focus { box-shadow: inset 0 0 0 1px var(--ees-accent); background: var(--ees-field); }
.ees-left .otiles .spec-unit { min-width: 0; font-size: 11.5px; color: var(--ees-text-dim); }
.ees-left .otiles .polygon-actions {
    display: flex; gap: 6px; padding: 6px 10px 10px 14px; border-top: 0;
}
.ees-left .otiles .polygon-actions > button {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 9px; margin: 0;
    border: 0; border-radius: 8px; font: inherit; font-size: 11.5px; font-weight: 600; letter-spacing: 0;
    background: var(--ees-surface-2); color: var(--ees-text-2); box-shadow: inset 0 0 0 1px var(--ees-border); transform: none; cursor: pointer;
}
.ees-left .otiles .polygon-actions > button:hover { color: var(--ees-text); background: var(--ees-surface-3); transform: none; }
.ees-left .otiles .polygon-actions > button:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 1px; }
.ees-left .otiles .polygon-actions > button svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ees-left .otiles .polygon-actions > .btn-save,
.ees-left .otiles .polygon-actions > .btn-edit[aria-pressed="true"] {
    background: var(--ees-accent) !important; color: var(--ees-accent-text) !important; box-shadow: none;
}
/* !important: ee-project-styles.css faerbt button.polygoneDraw-tile-delete grau/schwarz mit !important */
.ees-left .otiles .polygon-actions > .btn-delete { margin-left: auto; color: var(--ees-danger) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ees-danger) 35%, transparent); background: transparent !important; }
.ees-left .otiles .polygon-actions > .btn-delete:hover { background: color-mix(in srgb, var(--ees-danger) 14%, transparent) !important; }
/* nur Icon, wenn der Platz knapp ist (Text bleibt fuer Screenreader ueber aria-label/title) */
@container (max-width: 250px) {
    .ees-left .otiles .polygon-actions .btn-txt { display: none; }
}
.ees-left .otiles { container-type: inline-size; }

/* ── Geltungsbereich geteilter Werte (2.25.713, "Gleich für alle Flächen" sichtbar) ── */
.ees-inspector .ees-scope {
    display: flex; align-items: center; gap: 6px; margin-top: 5px; padding: 0 2px;
    font-size: 11px; line-height: 1.35; color: var(--ees-text-dim);
}
.ees-inspector .ees-scope-row { margin-top: -6px; }
.ees-inspector .ees-scope .i { width: 13px; height: 13px; flex: none; }
.ees-inspector .ees-scope.all { color: var(--ees-text-2); }
.ees-inspector .ees-scope.all .i { color: var(--ees-accent-strong); }
.ees-inspector .ees-scope > span { flex: 1; min-width: 0; }
.ees-inspector .ees-scope .lnk {
    flex: none; padding: 2px 4px; margin: -2px -4px -2px 0; border: 0; border-radius: 5px; background: none;
    font: inherit; font-size: 11px; font-weight: 600; color: var(--ees-text); text-decoration: underline; text-underline-offset: 2px;
}
.ees-inspector .ees-scope .lnk:hover { background: var(--ees-surface-3); }
.ees-inspector .ees-scope .lnk:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 1px; }

/* Tablet (768..1099 px): links + Inspektor nebeneinander liessen keine Karte uebrig. Bei offenem
   Inspektor tritt das linke Panel zurueck (Schliessen des Inspektors bringt es wieder; Flaechen
   wechseln geht ueber die Kartenetiketten). */
@media (min-width: 768px) and (max-width: 1099px) {
    body.ees-inspector-open[data-ees-module="config"] #table-side-panel.side-panel { display: none !important; }
    body.ees-inspector-open #layerLegendContainer { left: var(--ees-gap); }
}

/* ── Sparsame Felder (Till 20.10.2026 "was macht das kleine p da?") ────────────────
 * Kein Herkunfts-Kuerzel. Punkt = manuell geaendert (Klick setzt zurueck), Kettensymbol =
 * Geltungsbereich eines geteilten Werts, Herkunft und Erweitert als Textlinks unten. */
.ees-inspector .mdot {
    width: 7px; height: 7px; padding: 0; border: 0; border-radius: 99px; flex: none; display: inline-block;
    background: var(--ees-warn); cursor: pointer; position: relative;
}
.ees-inspector i.mdot { cursor: help; }
.ees-inspector button.mdot::after { content: ''; position: absolute; inset: -7px; } /* Trefferflaeche */
.ees-inspector button.mdot:hover { box-shadow: 0 0 0 3px var(--ees-warn-soft); }
.ees-inspector button.mdot:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 2px; }
.ees-inspector .val.own { border-color: transparent; box-shadow: none; }
.ees-inspector .ees-link {
    flex: none; display: inline-grid; place-items: center; width: 18px; height: 18px; padding: 0; margin: -2px 0;
    border: 0; border-radius: 5px; background: none; color: var(--ees-text-faint); cursor: pointer;
}
.ees-inspector span.ees-link { cursor: help; }
.ees-inspector .ees-link .i { width: 13px; height: 13px; }
.ees-inspector .ees-link.all { color: var(--ees-accent-strong); }
.ees-inspector button.ees-link:hover { background: var(--ees-surface-3); color: var(--ees-text); }
.ees-inspector .ees-link:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 1px; }
.ees-inspector .ifoot { flex-wrap: wrap; }
.ees-inspector .ifoot .ilinks { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.ees-inspector .ifoot .lnk {
    padding: 0; border: 0; background: none; font: inherit; font-size: 11.5px; color: var(--ees-text-dim);
    text-decoration: underline dotted; text-underline-offset: 2px; cursor: pointer;
}
.ees-inspector .ifoot .lnk:hover { color: var(--ees-accent); }
.ees-inspector .ifoot .lnk:focus-visible { outline: 2px solid var(--ees-accent); outline-offset: 1px; }
.ees-inspector .ifoot .btn.pri { flex: 0 0 auto; }
.ees-inspector .catline.warn { color: var(--ees-warn); background: var(--ees-warn-soft); }
.ees-inspector .catline.ees-preview { color: var(--ees-text-2); }
.ees-inspector .catline.ees-preview b { color: var(--ees-text); }