/* © 2026 Martin Scherer · Fachwerte (https://www.fachwerte.de) · Alle Rechte vorbehalten.
   Steckdosenplaner — Original: https://www.fachwerte.de/tools/steckdosenplaner/
   Die Nutzung des Werkzeugs im Browser ist frei. Vervielfältigung, Bearbeitung,
   Umbenennung oder Veröffentlichung dieses Quelltexts, auch in Teilen, nur mit
   schriftlicher Zustimmung des Urhebers (§§ 69a ff. UrhG). Kennung FWSP-2026-09-01 */
/* Außenbereich / Lageplan (Teil 59c), 19.10.2026. */

/* Reiter „Außenanlagen“: kleines Haus mit Baum vor dem Namen */
.ep-tab.ep-tab--aussen { display: inline-flex; align-items: center; gap: .3rem; }
.ep-tab-aussen-ikon { width: 1em; height: 1em; flex: none; opacity: .8; }

/* Feld „Eigenschaften“, nichts gewählt */
.ep-aussen-panel { margin-top: .55rem; }
.ep-aussen-panel .ep-leerhinweis { margin-bottom: .45rem; }
.ep-aussen-knoepfe { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .4rem; }

/* Trassenverzeichnis */
.ep-aussen-trassen td.ep-td-zahl, .ep-aussen-trassen th:nth-child(n+5) { text-align: right; white-space: nowrap; }
.ep-aussen-trassen th:last-child, .ep-aussen-trassen td:last-child { text-align: left; }
.ep-aussen-summe { margin-top: 3mm; }
.ep-aussen-fuss { margin-top: 2mm; font-size: 7.5pt; color: #555; }

/* Korrekturrunde 19.10.2026 */
.ep-aussen-warnung { margin: .45rem 0 .6rem; padding: .55rem .65rem; border: 1px solid #d08a1e; border-radius: .5rem; background: #fff6e5; color: #5c3b00; font-size: .9rem; }
.ep-aussen-warnung p { margin: 0 0 .45rem; }
.ep-aussen-suche { margin: 0 0 .6rem; padding: .5rem .6rem; border: 1px dashed var(--ep-linie, #c9c9c4); border-radius: .5rem; }
.ep-aussen-suche .ep-leerhinweis { margin: 0 0 .4rem; }
.ep-sd-aussen { margin-top: .2rem; }
.ep-aussen-ze-titel { font-size: 3.2mm; margin: 5mm 0 2mm; }
.ep-aussen-ze .ep-td-sym svg { width: 12mm; height: 3mm; }
/* Lageplan als Untergrund: im Druck weniger blass als ein Grundriss (B3) */
.ps-grau.ep-blatt--lageplan .ep-druckplan > img, .ps-grau .ep-blatt--lageplan .ep-druckplan > img,
.ep-blatt--lageplan.ps-grau .ep-druckplan > img { opacity: .78; }
.ep-aussen-doppelt { color: #b3261e !important; font-weight: 600; }
/* Reiter „Außenanlagen“ am PC kurz als „Außen“ (Text bleibt für Handy-Auswahl und Screenreader) */
.ep-tab.ep-tab--aussen-kurz { font-size: 0 !important; }
.ep-tab.ep-tab--aussen-kurz::after { content: 'Außen'; font-size: var(--ep-t-s, .85rem); }
.ep-tab.ep-tab--aussen-kurz > * { font-size: var(--ep-t-s, .85rem); }
.ep-tab.ep-tab--aussen-kurz .ep-tab-aussen-ikon { display: none; }
/* Mit Außenbereich ein Reiter mehr: das Etagenfeld schrumpft nicht unter seinen Inhalt (PC). */
.ep-etagen-feld:has(.ep-tab--aussen), .ep-etagen-feld:has(.ep-tab--aussen) #ep-etagen { flex-shrink: 0 !important; }
/* Mehrzeilige Hinweise am Touch-Gerät sauber umbrechen: keine Pillenform,
   in der die Zeilen an den Rundungen abgeschnitten wirken (Prüfung, Handy). */
.ist-touch .ep-komfort-hinweis { border-radius: .85rem; max-width: min(24rem, calc(100% - 5.5rem)); line-height: 1.35; text-align: center; padding: .55rem .9rem; }
/* Fläche verschieben / drehen (Außen-Etage) */
.ep-aussen-oben { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 40; }
.ep-aussen-griff { position: absolute; box-sizing: border-box; border-radius: 50%; background: #fff; color: #0057b8;
    border: 2px solid #0057b8; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); pointer-events: auto; touch-action: none; display: flex; }
.ep-aussen-griff svg { width: 100%; height: 100%; padding: 12%; box-sizing: border-box; }
.ep-aussen-griff--schieben { cursor: move; }
.ep-aussen-griff--drehen { cursor: grab; }
.ep-aussen-griff--drehen:active { cursor: grabbing; }
@media print { .ep-aussen-oben { display: none !important; } }
.ep-aussen-knoepfe .ep-btn { white-space: normal; text-align: left; max-width: 100%; height: auto; line-height: 1.25; }