:root{font-family:Arial,sans-serif;color:#192c3f;background:#edf2f6}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}h1{font-size:25px;margin:0 0 8px}p{margin:0;color:#607286;font-size:14px;line-height:1.6}.badge{padding:8px 13px;border-radius:30px;background:#e1edff;color:#1459b4;font-size:13px;white-space:nowrap}.panel{background:white;border:1px solid #dbe3eb;border-radius:13px;padding:18px;margin-bottom:16px;box-shadow:0 4px 18px #223a5010}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{font-size:13px;color:#526579;display:grid;gap:6px}button,select{font:inherit;border:1px solid #c7d2df;border-radius:7px;padding:10px 13px;background:#fff;color:#253d56;cursor:pointer}button.primary{background:#1764ce;color:white;border-color:#1764ce}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #79b2ff}.hint{font-size:12px;margin-top:12px}#message{padding:12px 15px;background:#f1f6fc;border-radius:8px;margin-top:15px;font-size:14px;min-height:42px}.diagram-top{display:flex;justify-content:space-between;font-size:12px;color:#5d7084;margin-bottom:8px}.scroll{overflow-x:auto}svg{display:block;width:100%;min-width:1000px;background:#f2f2f0;border-radius:6px}.rail{stroke:#13870b;stroke-width:5}.node{cursor:pointer;outline:none}.node:focus .select-ring,.node:hover .select-ring{opacity:1}.select-ring{fill:none;stroke:#508bdf;stroke-width:2;opacity:0}.selected .select-ring{opacity:1}.name{font:17px Arial;fill:#0000f5}.sub{font:13px Arial;fill:#111}.pole{stroke:#151515;stroke-width:2}.arm{stroke:#00e72a;stroke-width:3;transition:transform .8s linear}.lamp{fill:#00ee25}.unknown .lamp{fill:#a4adb7}.unknown .arm{stroke:#9da6b2}.unknown .name{fill:#707e8d}.alarm .name{fill:#e49200}.unknown-line{stroke:#a4adb7;stroke-width:5}.warning-line{stroke:#ffb500;stroke-width:5}.closed-line{stroke:#e92121;stroke-width:5}.ac{font:12px Arial;fill:#e92323}.flash{animation:blink .8s steps(1) infinite}.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:#53677b}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00cd21;margin-right:5px}.red{background:#ec3131}.yellow{background:#edb000}.gray{background:#9aa5b0}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px}h2{font-size:17px;margin:0 0 16px}.facts{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:14px}.facts dt{color:#607286}.facts dd{margin:0;overflow-wrap:anywhere}#sensors{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.sensor{background:#edf3f9;padding:8px;border-radius:6px;font-size:12px}.sensor.on{background:#ffefd3;color:#935b00}#log{list-style:none;padding:0;margin:0;max-height:185px;overflow:auto;font-size:13px}#log li{padding:9px 0;border-bottom:1px solid #edf1f5}#log time{color:#7b8c9d;margin-right:10px}.foot{font-size:12px;color:#718295}@keyframes blink{50%{opacity:.2}}@media(max-width:700px){main{padding:12px}header{align-items:start}h1{font-size:20px}.details{grid-template-columns:1fr}.badge{white-space:normal}.panel{padding:13px}}

.kpis{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.kpi{flex:1;min-width:150px;border:1px solid #dbe3eb;background:#fff;border-radius:10px;padding:13px}.kpi strong{display:block;font-size:24px;margin-bottom:4px}.kpi span{font-size:12px;color:#607286}.stage{font:11px Arial;fill:#526579}.errname{fill:#be2525}.gate-fault{stroke:#bd2929;stroke-width:3;stroke-dasharray:3 2}.gate-unknown{stroke:#a4adb7;stroke-width:3;stroke-dasharray:3 2}.train-motion{animation:approach 2s ease-in-out infinite alternate}.train-motion.reverse{animation-name:approach-reverse}.arrow{font:17px Arial;fill:#174d92}@keyframes approach{from{transform:translateX(-52px)}to{transform:translateX(-30px)}}@keyframes approach-reverse{from{transform:translateX(52px)}to{transform:translateX(30px)}}.raw{font:12px monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;background:#f1f5f9;padding:12px;border-radius:8px}.link{color:#1764ce;text-decoration:none}.empty{padding:38px;text-align:center;color:#607286}.status-id{font:10px Arial;fill:#8291a0}.tooltip-title{font-size:12px}.switch{display:flex;gap:7px;align-items:center;margin-bottom:10px}.switch input{width:17px;height:17px}.token{display:inline-block;font-size:12px;border-radius:6px;padding:5px 8px;background:#edf3f9}.token.warn{background:#fff0d5;color:#996000}.token.danger{background:#ffeded;color:#bd2929}.spinner{font-size:12px;color:#718295}