/* ЭнергоТренажёр 38 — комплексная диагностика ПС 500 кВ */
#diagramcomplex38{font-size:14px;line-height:1.48}
#diagramcomplex38 .c38-stack{display:grid;gap:12px}
#diagramcomplex38 .c38-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
#diagramcomplex38 .c38-eyebrow{font-size:11px;color:#abc2d4;letter-spacing:.08em;font-weight:850}
#diagramcomplex38 h3{margin:0 0 9px;font-size:17px}
#diagramcomplex38 h4{font-size:14px;margin:2px 0 9px}
#diagramcomplex38 .c38-muted{color:#b1c4d5;font-size:12px;line-height:1.5;margin:6px 0}
#diagramcomplex38 .c38-card{border:1px solid #355168;border-radius:13px;padding:13px;background:#122638;min-width:0}
#diagramcomplex38 .c38-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#diagramcomplex38 .c38-tools{display:flex;flex-wrap:wrap;gap:7px}
#diagramcomplex38 button{min-height:44px;border:1px solid #45667c;border-radius:10px;background:#1c3548;color:#f1f9ff;padding:9px 11px;font-size:13px;font-weight:700;text-align:left}
#diagramcomplex38 button.strong{background:#176354;border-color:#44ad92;color:#fff}
#diagramcomplex38 button.danger{border-color:#96505a;background:#4b2732}
#diagramcomplex38 button.chosen{border-color:#61cdb2;background:#224f4c}
#diagramcomplex38 button:disabled{opacity:.43;cursor:default}
#diagramcomplex38 button:focus-visible{outline:3px solid #81c7ff;outline-offset:2px}
#diagramcomplex38 select,#diagramcomplex38 textarea{font:inherit;color:#f2f7ff;background:#102032;border:1px solid #668098;border-radius:9px;padding:11px;min-height:44px;width:100%;min-width:0;font-size:16px}
#diagramcomplex38 textarea{min-height:90px;resize:vertical}
#diagramcomplex38 label{font-size:12px;font-weight:750;display:block;margin:10px 0 5px}
#diagramcomplex38 .c38-footnote{color:#b8cad8;font-size:11px;line-height:1.55}
#diagramcomplex38 .c38-progress{height:9px;border-radius:9px;background:#071727;overflow:hidden;margin:10px 0}
#diagramcomplex38 .c38-progress>div{height:100%;background:#60c8a8;transition:width .17s}
#diagramcomplex38 .c38-badge{border-radius:10px;border:1px solid #52717b;background:#123f40;padding:10px;font-weight:750;font-size:13px}
#diagramcomplex38 .c38-badge.fail{background:#54303c;border-color:#9a6065}
#diagramcomplex38 .c38-chip{border:1px solid #4c6c7e;border-radius:9px;padding:8px;background:#182f42;color:#d5e6f0;font-size:12px}
#diagramcomplex38 .c38-signals{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#diagramcomplex38 .c38-chart{border:1px solid #314b61;border-radius:11px;background:#091a29;overflow-x:auto}
#diagramcomplex38 .c38-chart svg{width:100%;min-width:310px;max-height:none;height:auto}
#diagramcomplex38 .c38-chart text{font:12px system-ui,sans-serif;fill:#e3eff8}
#diagramcomplex38 .c38-device{cursor:pointer;outline:0}
#diagramcomplex38 .c38-device:focus-visible rect{stroke:#86d2fa;stroke-width:4}
#diagramcomplex38 .c38-feed{display:grid;gap:7px;max-height:280px;overflow:auto}
#diagramcomplex38 .c38-feed>div{padding:9px;background:#152f43;border-left:3px solid #5aaac5;border-radius:5px;font-size:12px;line-height:1.4}
#diagramcomplex38 .c38-evidence{background:#1a3346;border:1px solid #4d7187;border-radius:10px;padding:10px;margin-top:9px;font-size:13px;min-height:55px;line-height:1.6}
#diagramcomplex38 .c38-evidence:empty{display:none}
#diagramcomplex38 .c38-review{border-left:3px solid #e5b56a;padding:11px;background:#202f3d;border-radius:5px;margin:8px 0;font-size:13px}
#diagramcomplex38 .c38-review p{margin:5px 0}
#diagramcomplex38 a{color:#a9d9ff}
#diagramcomplex38 .c38-fail{color:#ffaaaa}
#diagramcomplex38 .c38-ok{color:#9eefd5}
@media(max-width:700px){#diagramcomplex38 .c38-grid{grid-template-columns:1fr}}
@media(max-width:440px){#diagramcomplex38 .c38-tools button{flex:1 1 46%}#diagramcomplex38 .c38-intro .c38-badge{width:100%}}
@media(prefers-reduced-motion:reduce){#diagramcomplex38 .c38-progress>div{transition:none}}
