/* © 2026 Martin Scherer · Fachwerte (https://www.fachwerte.de) · Alle Rechte vorbehalten.
   Steckdosenplaner — Original: https://www.fachwerte.de/tools/steckdosenplaner/
   Stile zu Teil 58/58b (Stromkreise, Leitungen, Prüfung). Kennung FWSP-2026-09-01 */

/* ─── Dialog „Stromkreis bearbeiten“: zweispaltig ──────────────────────── */
.ep-dialog:has(.el-kreis-form) { max-width: 40rem; }
.el-kreis-form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: .7rem; }
.el-kreis-form > .ep-feld { grid-column: span 3; min-width: 0; }
.el-kreis-form > .el-f-nr { grid-column: span 2; }
.el-kreis-form > .el-f-name { grid-column: span 4; }
.el-kreis-form > .el-f-leitungTyp,
.el-kreis-form > .el-f-adern,
.el-kreis-form > .el-f-querschnitt { grid-column: span 2; }
.el-kreis-form > .el-f-verlegeart { grid-column: 1 / -1; }
.el-kreis-form .ep-input, .el-kreis-form .ep-select { width: 100%; }
.el-kreis-form .ep-leerhinweis { font-size: .74rem; line-height: 1.4; }
@media (max-width: 34rem) {
    .el-kreis-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .el-kreis-form > .ep-feld,
    .el-kreis-form > .el-f-nr, .el-kreis-form > .el-f-name { grid-column: 1 / -1; }
    .el-kreis-form > .el-f-adern, .el-kreis-form > .el-f-querschnitt,
    .el-kreis-form > .el-f-verteiler, .el-kreis-form > .el-f-phase { grid-column: span 1; }
}

/* ─── Liste „Stromkreise“ ──────────────────────────────────────────────── */
.el-kreis-zusatz { display: block; margin-top: .1rem; font-size: .74rem; line-height: 1.35; color: var(--fw-muted, #6b6b6b); }
.el-kreis-unvollstaendig > strong::after { content: ' ·\00a0ohne Absicherung'; font-weight: 400; font-size: .74rem; color: #b45309; }
.el-verteiler { margin: .7rem 0 .2rem; padding-top: .5rem; border-top: 1px solid var(--ep-linie, var(--fw-border, #ddd)); }
.el-verteiler-kopf { font-size: .74rem; font-weight: 600; color: var(--fw-muted, #6b6b6b); margin-bottom: .2rem; }
.el-verteiler-zeile { display: flex; align-items: center; gap: .3rem; }
.el-verteiler-zeile .ep-zeile-text { flex: 1 1 auto; }
.el-verteiler-plus { width: 100%; margin-top: .25rem; }

/* ─── Prüfung vor der Abgabe ───────────────────────────────────────────── */
.ep-dialog.el-pruef-dialog { max-width: 44rem; }
.el-pruef-dialog .ep-dialog-inhalt { display: flex; flex-direction: column; max-height: min(88vh, 46rem); }
.el-pruef-summe { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem; }
.el-pruef-zahl { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-weight: 600; font-size: .8rem; }
.el-pruef-zahl.el-fehler { background: color-mix(in srgb, #b3261e 13%, transparent); color: #9b1c15; }
.el-pruef-zahl.el-hinweis { background: color-mix(in srgb, #b45309 13%, transparent); color: #8a4a00; }
.el-pruef-zahl.el-gut { background: color-mix(in srgb, #1b7a3e 14%, transparent); color: #145c2e; }
.el-pruef-leise { font-size: .76rem; color: var(--fw-muted, #6b6b6b); }
.el-pruef-liste { overflow-y: auto; min-height: 0; flex: 1 1 auto; border-top: 1px solid var(--ep-linie, var(--fw-border, #ddd)); padding-top: .3rem; }
.el-pruef-liste ul { list-style: none; margin: 0 0 .5rem; padding: 0; }
.el-pruef-art { display: flex; align-items: center; gap: .4rem; margin: .6rem 0 .2rem; font-size: .82rem; font-weight: 600; }
.el-pruef-art::before { content: ''; flex: 0 0 auto; width: .55rem; height: .55rem; border-radius: 50%; background: #b45309; }
.el-pruef-art.el-fehler::before { background: #b3261e; }
.el-pruef-art span { font-weight: 400; color: var(--fw-muted, #6b6b6b); }
.el-pruef-zeile { display: block; width: 100%; text-align: left; padding: .3rem .5rem; margin: 0; border: 0; border-radius: 6px;
                  background: none; color: inherit; font: inherit; font-size: .8rem; line-height: 1.4; }
button.el-pruef-zeile { cursor: pointer; }
button.el-pruef-zeile:hover, button.el-pruef-zeile:focus-visible { background: var(--fw-surface, #f2f2f0); }
.el-pruef-fuss { margin: .5rem 0 0; }
@media (pointer: coarse) { .el-pruef-zeile { min-height: 2.6rem; } }

/* ─── Leitungen: Feld „Eigenschaften“ ──────────────────────────────────── */
.el-leit-hinweis { font-size: .74rem; line-height: 1.45; margin: .15rem 0 .55rem; }
.el-leit-laenge { font-size: .78rem; line-height: 1.45; margin: .2rem 0 .55rem; color: var(--fw-text, inherit); }
.el-leit-knoepfe { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .6rem; }
.el-leit-legende { display: flex; flex-wrap: wrap; gap: .25rem .7rem; margin: -.2rem 0 .7rem; color: var(--fw-text, #222); }
.el-leit-leg { display: inline-flex; align-items: center; gap: .25rem; font-size: .72rem; color: var(--fw-muted, #6b6b6b); }
.el-leit-leg svg { color: var(--fw-text, #222); }
.el-leit-feld .ep-input, .el-leit-feld .ep-select { width: 100%; }