/* ЭнергоТренажёр 39.0: интерактивная трассировка вторичных цепей */
#diagramtrace39{font-size:14px;line-height:1.55}
#diagramtrace39 .t39-stack{display:grid;gap:12px}
#diagramtrace39 .t39-panel{padding:14px;border:1px solid #3a536c;background:#14283a;border-radius:14px;min-width:0}
#diagramtrace39 .t39-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}
#diagramtrace39 .t39-head h3{font-size:18px;margin:2px 0 6px}
#diagramtrace39 h4{font-size:15px;margin:0 0 10px}
#diagramtrace39 p{margin:6px 0}
#diagramtrace39 .t39-head p{color:#c0d2e1}
#diagramtrace39 .t39-eyebrow{color:#80c9c0;letter-spacing:.09em;font-size:10px;font-weight:800}
#diagramtrace39 .t39-pill{border:1px solid #7b9aa8;border-radius:30px;background:#214158;padding:8px 12px;font-weight:800}
#diagramtrace39 .t39-forms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
#diagramtrace39 label{display:block;font-size:12px;font-weight:750;margin:9px 0 5px}
#diagramtrace39 select,#diagramtrace39 textarea{display:block;min-width:0;width:100%;min-height:46px;border:1px solid #66879b;color:#eef7ff;border-radius:9px;padding:9px;background:#0c1d2d;font-size:16px;font:inherit}
#diagramtrace39 select{font-size:16px}
#diagramtrace39 textarea{min-height:92px;resize:vertical;font-size:16px}
#diagramtrace39 button{border:1px solid #547589;background:#203b50;color:#f1f8ff;border-radius:9px;min-height:44px;padding:8px 11px;font:inherit;font-size:13px;font-weight:700;touch-action:manipulation}
#diagramtrace39 button.active{background:#285f5b;border-color:#80dcc5}
#diagramtrace39 button.strong{background:#176653;border-color:#69b9a4}
#diagramtrace39 button:disabled{opacity:.5}
#diagramtrace39 button:focus-visible,#diagramtrace39 select:focus-visible,#diagramtrace39 textarea:focus-visible{outline:3px solid #83d5ff;outline-offset:2px}
#diagramtrace39 .t39-svgscroll{overflow-x:auto;background:#0a1928;border:1px solid #334f67;border-radius:10px}
#diagramtrace39 .t39-svgscroll svg{display:block;min-width:690px;max-height:none;height:auto}
#diagramtrace39 [data-node]{cursor:pointer;outline:0}
#diagramtrace39 [data-node]:focus-visible rect{stroke:#9ddffc;stroke-width:4}
#diagramtrace39 .t39-nodelist{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#diagramtrace39 .t39-measure{border-left:3px solid #79ceb7;padding:12px;background:#1b3548;border-radius:4px;margin-top:10px;min-height:100px}
#diagramtrace39 .t39-measure p{margin:8px 0}
#diagramtrace39 .t39-measure small{color:#bdd4e1}
#diagramtrace39 .t39-note,#diagramtrace39 .t39-caveat{color:#b8cada;font-size:12px;line-height:1.55}
#diagramtrace39 .t39-problem{background:#213d4f;padding:12px;border-left:4px solid #e1bc70;border-radius:5px}
#diagramtrace39 .t39-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
#diagramtrace39 .t39-feed{display:grid;gap:9px}
#diagramtrace39 .t39-feed p{background:#1c3547;border-left:3px solid #5c9ebb;border-radius:5px;padding:10px;font-size:13px}
#diagramtrace39 .t39-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
#diagramtrace39 .t39-notice{border:1px solid #4d6e83;background:#20394d;border-radius:8px;padding:10px;margin-top:10px;color:#d4e3ee;min-height:48px}
#diagramtrace39 .t39-errors{border-left:3px solid #ffae83;padding:4px 12px;background:#332d3a;margin-top:12px;border-radius:4px}
#diagramtrace39 .t39-errors p{padding:5px 0}
#diagramtrace39 .success{color:#92efd2}
#diagramtrace39 .failure{color:#ffb3ae}
#diagramtrace39 .t39-sources p{margin-bottom:9px}
#diagramtrace39 a{color:#9fd9ff;overflow-wrap:anywhere}
@media(max-width:740px){#diagramtrace39 .t39-duo{grid-template-columns:1fr}}
@media(max-width:450px){#diagramtrace39 .t39-forms{grid-template-columns:1fr}#diagramtrace39 .t39-actions button{flex:1 1 44%}}