:root{--ink:#193344;--muted:#687b88;--line:#dce5ea;--paper:#f2f6f8;--blue:#14354a;--green:#267a5b;--amber:#a56c1d;--shadow:0 8px 24px #18384a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.top{min-height:80px;padding:14px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;background:var(--blue)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #628095;border-radius:12px;font-size:22px;font-weight:800}.brand small{display:block;color:#aac1cf;font-size:9px;letter-spacing:.15em;font-weight:800}.brand strong{display:block;margin-top:3px;font-size:17px}.search{width:min(430px,48vw);height:42px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #49697d;border-radius:9px;background:#1b435b;color:#b5cad7}.search span{font-size:22px}.search input{width:100%;border:0;outline:0;color:white;background:transparent;font-size:12px}.search input::placeholder{color:#b5c7d2}.search kbd{padding:3px 5px;border:1px solid #5a788b;border-radius:4px;font-size:9px;white-space:nowrap}
main{width:min(1480px,calc(100% - 36px));margin:34px auto 52px}.hero{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}.kicker{color:#718491;font-size:9px;letter-spacing:.15em;font-weight:850}.hero h1,.section-head h2{margin:5px 0 0;font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.hero p{margin:8px 0 0;color:var(--muted);font-size:13px}.status{padding:8px 11px;display:flex;align-items:center;gap:8px;border:1px solid #c9e7d8;border-radius:99px;color:#226a4e;background:#eff9f3;font-size:10px;font-weight:700;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#34a375}
.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tab{position:relative;padding:12px 14px;border:0;background:none;color:#657985;font-size:12px;font-weight:750;cursor:pointer}.tab.active{color:var(--blue)}.tab.active:after{position:absolute;right:10px;bottom:-1px;left:10px;height:3px;border-radius:3px 3px 0 0;background:var(--green);content:""}.tab b{margin-left:4px;padding:2px 5px;border-radius:4px;background:#e8eef2;font-size:9px}.view{display:none}.view.shown{display:block}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.cabinet,.detail,.terminal-list,.notes article,.qr-box{border:1px solid var(--line);border-radius:13px;background:white;box-shadow:var(--shadow)}.cabinet{padding:17px}.cabinet-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:12px}.cabinet-head span{color:#738491;font-size:9px;font-weight:850;letter-spacing:.12em}.cabinet-head b{color:#7d8c96;font-size:9px}.rails{display:grid;gap:10px}.rail{padding:10px;border:1px solid #d4dfe5;border-radius:9px;background:linear-gradient(90deg,#eef2f4,#fafbfc 25%,#eef2f4)}.rail-title{margin:0 0 8px;color:#536977;font-size:9px;font-weight:850;letter-spacing:.06em}.devices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.device{min-height:82px;padding:7px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #cbd6dd;border-top:4px solid #4d806b;border-radius:6px;background:white;text-align:left;cursor:pointer;transition:.15s}.device:hover,.device.selected{outline:2px solid #2782a0;outline-offset:1px;transform:translateY(-1px)}.device.main{border-top-color:#2d5872}.device.differential{border-top-color:#76529a;background:#fbf8ff}.device.uncertain{border-top-color:#d49b43;background:#fffaf0}.device.terminal{border-top-color:#5788b6;background:#f7fbff}.device strong{font-size:9px;line-height:1.25}.device small{color:#70818c;font-size:8px;line-height:1.25}.chip{align-self:start;padding:2px 4px;border-radius:4px;background:#edf2f4;color:#576b78;font-size:8px;font-weight:850}.differential .chip{color:#664388;background:#efe7f7}.uncertain .chip{color:#8a5e20;background:#f8edd6}.legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px;color:#74838d;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:3px}.l-main{background:#2d5872}.l-circuit{background:#4d806b}.l-differential{background:#76529a}.l-unknown{background:#d49b43}.l-terminal{background:#5788b6}
.detail{position:sticky;top:14px;min-height:250px;padding:18px}.empty{text-align:center;padding:35px 5px}.empty span{width:42px;height:42px;margin:auto auto 13px;display:grid;place-items:center;border-radius:12px;background:#e9f2f7;color:#2e647e;font-size:23px}.empty h2{margin:0 0 7px;font-size:15px}.empty p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.detail-tag{display:inline-block;margin-bottom:10px;padding:4px 7px;border-radius:5px;background:#edf3f7;color:#476477;font-size:9px;font-weight:800;text-transform:uppercase}.detail h2{margin:0 0 14px;font-size:18px}.detail dl{margin:0}.detail dl div{padding:9px 0;border-top:1px solid #edf1f3}.detail dt{color:#7b8a93;font-size:9px;font-weight:750}.detail dd{margin:4px 0 0;font-size:11px;line-height:1.4;font-weight:650}.detail-note{margin:10px 0 0;padding:9px;border-radius:7px;background:#fff7e7;color:#765523;font-size:10px;line-height:1.45}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:18px 0 14px}.section-head h2{font-size:25px}.section-head p{margin:0;color:var(--muted);font-size:11px}.terminal-list{overflow:hidden}.terminal-row{padding:9px 14px;display:grid;grid-template-columns:90px 1fr 120px;gap:10px;border-bottom:1px solid #edf1f3;align-items:center;cursor:pointer}.terminal-row:last-child{border:0}.terminal-row:hover{background:#f1f7fa}.t-number{color:#2e657f;font-size:10px;font-weight:850}.t-name{font-size:11px;font-weight:650}.t-kind{justify-self:end;padding:4px 6px;border-radius:4px;background:#edf2f4;color:#607482;font-size:8px;font-weight:750}.t-kind.uncertain{background:#fff0d2;color:#8b5d1d}
.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.notes article{min-height:130px;padding:17px}.notes article small{color:var(--green);font-size:9px;font-weight:850}.notes h3{margin:9px 0 5px;font-size:13px}.notes p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.qr-box{margin-top:12px;padding:14px;display:flex;align-items:center;gap:12px}.qr-art{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:#416a80;font-size:28px}.qr-box b{font-size:12px}.qr-box p{margin:4px 0 0;color:var(--muted);font-size:10px}.pending{margin-left:auto;color:#8a5b18;font-size:8px;font-weight:850;letter-spacing:.1em;white-space:nowrap}
footer{margin-top:24px;padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid #f0dbac;border-radius:9px;background:#fff9eb;color:#785a24}footer b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f2dfb6;font-size:11px}footer p{margin:0;font-size:9px;line-height:1.45}footer small{margin-left:auto;font-size:8px;white-space:nowrap}.empty-result{padding:25px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.detail{position:static;min-height:0}.devices{grid-template-columns:repeat(6,minmax(55px,1fr))}}
@media(max-width:650px){.top{align-items:stretch;flex-direction:column;gap:12px;padding:13px 16px}.search{width:100%}main{width:calc(100% - 22px);margin-top:21px}.hero{align-items:start;flex-direction:column;gap:12px}.tabs{overflow:auto}.tab{padding:11px 9px;white-space:nowrap;font-size:10px}.cabinet{padding:10px}.cabinet-head{align-items:start;flex-direction:column;gap:4px}.rail{padding:8px}.devices{grid-template-columns:repeat(3,minmax(0,1fr))}.device{min-height:76px}.terminal-row{grid-template-columns:64px 1fr}.t-kind{display:none}.notes{grid-template-columns:1fr}.qr-box{align-items:start;flex-wrap:wrap}.pending{width:100%;margin-left:54px}footer small{display:none}}