/* Editace skupin zůstává stejně široká i při vnořeném smíšeném zapojení. */
.network-editor { display: grid; gap: var(--resistor-gap); margin-top: var(--resistor-gap); }
.network-group { min-width: 0; padding: var(--resistor-padding); border: 1px solid var(--line); border-radius: 3px; }
.network-group-header { display: flex; flex-wrap: wrap; align-items: center; gap: var(--resistor-gap); margin-bottom: var(--resistor-gap); }
.network-group-header h3 { margin: 0; color: var(--heading); font-size: 16px; }
.network-group-header .network-subtotal { margin-left: auto; }
.network-rows { display: grid; gap: var(--resistor-gap); }
.network-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 100px 38px; align-items: center; gap: var(--resistor-gap); }
.network-row label { color: var(--heading); font-weight: 700; font-size: var(--font-size-base); overflow-wrap: anywhere; }
.network-row input, .network-group select { min-width: 0; min-height: 42px; padding: 4px; border: 1px solid var(--field-border); border-radius: 3px; background: var(--bg); color: var(--text); font: inherit; font-size: var(--font-size-base); }
.network-row [aria-invalid="true"] { border-color: var(--danger); }
.network-subgroup-row { grid-template-columns: minmax(0, 1fr) auto; }
/* Mezisoučty zachovávají původní velikost nezávisle na běžném textu formuláře. */
.network-subtotal { color: var(--heading); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.network-group button { min-height: 40px; padding: 4px 6px; border-radius: 3px; font-size: var(--font-size-base); font-weight: 700; cursor: pointer; }
.network-group .network-remove { padding: 0; border: 1px solid var(--line); background: var(--bg); color: var(--muted); font-size: var(--font-size-base); }
.network-remove:hover:not(:disabled) { border-color: var(--danger); color: var(--danger); }
.network-remove:disabled { opacity: .35; cursor: default; }
.network-group-link { justify-self: start; border: 1px solid var(--line); background: var(--bg); color: var(--link); text-align: left; }
.network-group-link:hover { background: var(--surface-hover); }
.network-actions { display: flex; flex-wrap: wrap; gap: var(--resistor-gap); margin-top: var(--resistor-gap); }
.network-formula { margin: var(--resistor-gap) 0; color: var(--muted); font-family: Consolas, "Courier New", monospace; overflow-wrap: anywhere; }
/* Rozměrné schéma se posouvá uvnitř panelu a neroztahuje celou stránku. */
.network-diagram { max-width: 100%; max-height: 480px; overflow: auto; padding: var(--resistor-padding); border: 1px solid var(--line); border-radius: 3px; background: var(--bg); }
.network-diagram svg { display: block; max-width: none; margin-inline: auto; }
.network-wire { stroke: var(--muted); stroke-width: 2; }
.network-symbol { fill: var(--surface-raised); stroke: var(--heading); stroke-width: 2; }
.network-terminal { fill: var(--heading); }
.network-symbol-name, .network-symbol-value { text-anchor: middle; font-family: Consolas, "Courier New", monospace; }
.network-symbol-name { fill: var(--text); font-size: var(--font-size-base); font-weight: 700; }
.network-symbol-value { fill: var(--muted); font-size: 12px; }
@media (max-width: 540px) {
    .network-row { grid-template-columns: 30px minmax(0, 1fr) 70px 32px; }
    .network-subgroup-row { grid-template-columns: minmax(0, 1fr) auto; }
    .network-group-header .network-subtotal { width: 100%; margin-left: 0; }
    .network-actions button { width: 100%; }
}