:root{font-family:Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif;color:#172333;background:#f4f7fa;font-synthesis:none;--navy: #071f38;--blue: #1476ff;--cyan: #11b8c8;--green: #1fad66;--amber: #e7a11a;--red: #e5484d;--purple: #7957d5;--page: #f4f7fa;--surface: #fff;--text: #172333;--muted: #687586;--line: #dce5ee;--soft: #edf1f5;--shadow: 0 12px 32px rgba(25, 59, 91, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(20,118,255,.4);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:166px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:166px;z-index:20;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#061d34,#082b4b);transition:width .2s ease}.brand{height:80px;padding:17px 16px;display:flex;align-items:center;gap:10px}.brand>b{width:32px;height:32px;display:grid;place-items:center;background:#1881ff;border-radius:8px 2px;font-size:20px;transform:skew(-8deg)}.brand>span{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:20px}.brand small{margin-top:7px;color:#bcd0e4;font-size:12px}.sidebar nav{padding:4px 6px;display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav button{height:43px;border:0;border-radius:5px;padding:0 14px;display:flex;align-items:center;gap:13px;color:#dce9f5;background:transparent;text-align:left;transition:.15s}.sidebar nav button:hover{background:#ffffff14;color:#fff}.sidebar nav button.active{color:#fff;background:var(--blue);box-shadow:0 7px 20px #1476ff40}.sidebar nav span{font-size:14px;white-space:nowrap}.edge{margin:auto 16px 8px;padding:12px 0;border-block:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:7px}.edge small{color:#a7bdd2;font-size:10px}.edge b{color:#9ae9be;font-size:10px;font-weight:500}.edge i,.staff i{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--green)}.collapse{margin:0 8px 8px;height:35px;border:0;border-radius:5px;padding:0 14px;display:flex;align-items:center;gap:10px;color:#d5e1ed;background:transparent}.collapse:hover{background:#ffffff14}.main{grid-column:2;min-width:0}.topbar{height:56px;position:sticky;top:0;z-index:12;padding:0 18px;display:flex;align-items:center;gap:9px;background:#fff;border-bottom:1px solid var(--line)}.site,.user{min-height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:5px}.shift{display:flex;align-items:center;gap:7px;color:#435064;font-size:12px;white-space:nowrap}.spacer{flex:1}.refresh{color:var(--muted);white-space:nowrap}.refresh b{color:var(--blue);font-weight:500}.icon-btn{position:relative;width:34px;height:34px;flex:0 0 auto;display:inline-grid;place-items:center;color:#415066;background:transparent;border:1px solid transparent;border-radius:6px}.icon-btn:hover{color:var(--blue);background:#f3f7fb;border-color:var(--line)}.icon-btn>span{position:absolute;right:-2px;top:-3px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;color:#fff;background:#d91e28;border:2px solid #fff;border-radius:8px;font-size:8px}.search{width:230px;height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#7d8a9b;border:1px solid var(--line);border-radius:5px}.search:focus-within{border-color:#9ec4f8;box-shadow:0 0 0 3px #1476ff14}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.user{min-width:124px;padding:0 4px;border:0}.user>span{display:flex;flex-direction:column;text-align:left}.user b{font-size:12px}.user small{margin-top:2px;color:var(--muted);font-size:10px}.modebar{height:62px;position:sticky;top:56px;z-index:11;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--line)}.modebar>div{display:grid;grid-template-columns:repeat(3,135px);overflow:hidden;background:#f7f9fb;border:1px solid var(--line);border-radius:6px}.modebar button{height:38px;color:#334056;background:transparent;border:0;border-right:1px solid var(--line)}.modebar button:last-child{border-right:0}.modebar button.active{color:#fff;background:var(--blue);font-weight:600;box-shadow:0 4px 12px #1476ff38}.workspace{min-height:calc(100vh - 118px);padding:12px 12px 8px}.page{width:100%;max-width:1760px;margin:0 auto}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px}.panel>header{min-height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--soft)}.panel>header h2{margin:0;color:#202c3b;font-size:14px}.tools{display:flex;align-items:center;gap:7px}.tools select{height:30px;padding:0 8px;color:#3e4b5e;background:#fff;border:1px solid var(--line);border-radius:5px}.tag{min-height:21px;padding:2px 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.tag.blue{color:#1267db;background:#eaf3ff}.tag.green{color:#147f49;background:#e9f8f0}.tag.amber{color:#b66d00;background:#fff3df}.tag.red{color:#c6373d;background:#ffeded}.btn{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:5px;font-size:12px;font-weight:600}.btn:hover{background:#0868eb}.btn.secondary{color:var(--blue);background:#fff}.btn.secondary:hover{background:#eff6ff}.btn.ghost{color:#45546a;background:#fff;border-color:var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.link{padding:3px;color:var(--blue);background:transparent;border:0;font-size:11px}.link:hover{text-decoration:underline}.metrics{min-height:90px;margin-bottom:10px;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:8px}.metric{position:relative;padding:0 15px;display:flex;align-items:center;gap:10px;border-right:1px solid var(--soft);min-width:0}.metric:last-child{border-right:0}.metric>i{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-style:normal}.metric>i.green{color:var(--green);background:#ecf8f2}.metric>i.cyan{color:var(--cyan);background:#e9f8f9}.metric>i.blue{color:var(--blue);background:#edf4ff}.metric>i.red{color:var(--red);background:#ffeff0}.metric>i.amber{color:#f08c17;background:#fff3e7}.metric>i.purple{color:var(--purple);background:#f3eeff}.metric>span{display:flex;flex-direction:column}.metric small{color:#455267;font-size:11px;white-space:nowrap}.metric span b{margin-top:5px;font-size:25px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.metric>em{position:absolute;right:9px;bottom:20px;color:var(--green);font-size:9px;font-style:normal}.metric>em.bad{color:var(--red)}.overview-main{min-height:510px;display:grid;grid-template-columns:minmax(550px,1.7fr) minmax(420px,1fr);gap:10px}.topology-panel,.events-panel{min-height:510px}.topology{position:relative;height:420px;margin:8px 12px 0;overflow:hidden}.bus-title{position:absolute;left:46%;top:9px;z-index:2;transform:translate(-50%);color:#324155;font-size:11px}.bus{position:absolute;left:7%;right:7%;top:36px;height:2px;background:#77a8e8}.connectors i{position:absolute;top:36px;width:1px;height:68px;background:#77a8e8}.connectors i:nth-child(1){left:18%}.connectors i:nth-child(2){left:40%}.connectors i:nth-child(3){left:65%}.connectors i:nth-child(4){left:83%}.equipment{position:absolute;width:105px;min-height:94px;padding:4px;display:flex;flex-direction:column;align-items:center;color:#263346;background:transparent;border:0;border-radius:7px;font-size:10px}.equipment:hover{background:#f2f7fd}.equipment img{width:72px;height:67px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(30,55,78,.14))}.equipment>i{position:absolute;right:13px;top:5px;z-index:2;width:10px;height:10px;background:var(--green);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #1fad6659}.equipment.warning>i{background:var(--amber)}.equipment.critical>i{background:var(--red);box-shadow:0 0 0 3px #e5484d29}.equipment.critical img{filter:drop-shadow(0 5px 7px rgba(229,72,77,.24))}.equipment.a{left:10%;top:75px}.equipment.b{left:34%;top:62px}.equipment.c{left:59%;top:75px}.equipment.d{left:78%;top:84px}.equipment.e{left:34%;top:236px}.lowbus{position:absolute;top:240px;width:34%;height:1px;background:#77a8e8}.lowbus.one{left:6%}.lowbus.two{left:51%}.sensors{position:absolute;top:287px;display:flex;gap:22px}.sensors.s1{left:7%}.sensors.s2{left:55%}.sensors i{width:53px;height:42px;display:grid;place-items:center;color:#278451;background:#f1fbf5;border:1px solid #a8dabc;border-radius:4px;font-size:9px;font-style:normal}.legend{margin:-13px 25px 0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.legend i{width:28px;margin-left:10px;border-top:2px solid #77a8e8}.legend i.dash{border-top-style:dashed}.legend i.danger{border-color:var(--red);border-top-style:dashed}.event-table{padding:0 10px}.thead,.trow{display:grid;grid-template-columns:65px minmax(130px,1fr) 65px 52px 58px;gap:6px;align-items:center}.thead{height:34px;color:var(--muted);border-bottom:1px solid var(--line);font-size:10px}.trow{width:100%;min-height:48px;color:#354255;background:#fff;border:0;border-bottom:1px solid var(--soft);text-align:left;font-size:10px}.trow:hover{background:#f8fbff}.risk-box{margin:10px;overflow:hidden;background:snow;border:1px solid #f1d5d7;border-radius:6px}.risk-box>h3{height:36px;margin:0;padding:0 10px;display:flex;align-items:center;gap:8px;color:#c83c42;border-bottom:1px solid #f2dddd;font-size:11px}.triad{display:grid;grid-template-columns:repeat(3,1fr)}.triad>div{min-width:0;padding:9px;border-right:1px solid #f0e4e5}.triad>div:last-child{border-right:0}.triad h4{margin:0 0 8px;display:flex;align-items:center;gap:5px;font-size:11px}.triad p{margin:5px 0;color:#536074;font-size:9px}.triad .red,.triad>div:nth-child(2)>strong{color:var(--red)}.triad .confidence{display:flex;justify-content:space-between}.triad .confidence b{color:var(--blue);font-size:18px}.triad select{width:100%;min-height:26px;margin:4px 0;border:1px solid var(--line);border-radius:4px;font-size:10px}.triad .btn{width:100%;min-height:28px;font-size:10px}.risk-box>footer{height:38px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e4e5;font-size:10px}.risk-box>footer .btn{min-height:27px;font-size:10px}.overview-bottom{margin-top:10px;display:grid;grid-template-columns:1.08fr 1.08fr 1.18fr 1.1fr;gap:10px}.overview-bottom>.panel{min-height:205px}.ranking{padding:5px 10px}.ranking button{width:100%;height:29px;display:grid;grid-template-columns:18px minmax(115px,1fr) 70px 50px;gap:7px;align-items:center;color:#4e5b6e;background:#fff;border:0;text-align:left;font-size:9px}.ranking button:hover{background:#f7faff}.ranking button>b{color:var(--amber);font-size:14px}.ranking button>i{height:5px;overflow:hidden;background:#e9edf2;border-radius:3px}.ranking em{display:block;height:100%;background:var(--amber)}.ranking button:first-child em{background:var(--red)}.piebox{position:relative;height:145px;display:flex;align-items:center}.pietotal{position:absolute;left:26%;top:53%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center}.pietotal b{font-size:22px}.pietotal small{color:var(--muted);font-size:9px}.piebox>div:last-child{flex:1;display:flex;flex-direction:column;gap:9px;font-size:10px}.piebox>div:last-child span{display:grid;grid-template-columns:8px 1fr 20px;gap:6px;align-items:center}.piebox>div:last-child i{width:7px;height:7px;border-radius:50%}.sla{margin:0 14px;display:grid;grid-template-columns:70px 1fr 42px;gap:7px;align-items:center;font-size:9px}.sla>i{height:5px;background:#e9edf2}.sla em{display:block;width:94%;height:100%;background:var(--cyan)}.staff{padding:6px 10px}.staff button{width:100%;min-height:32px;display:grid;grid-template-columns:10px 38px 46px 1fr 20px;align-items:center;color:#536074;background:#fff;border:0;border-bottom:1px solid var(--soft);text-align:left;font-size:9px}.staff button:hover{background:#f7faff}.staff b{color:var(--text)}.risk-cards{padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.risk-cards button{height:56px;padding:8px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:5px;text-align:left}.risk-cards button:hover{background:#f8fbff;border-color:#b8d2f5}.risk-cards span{display:flex;flex-direction:column;color:var(--muted);font-size:9px}.risk-cards b{color:var(--text);font-size:18px}.model{margin-left:12px;color:var(--muted);font-size:9px}.monitor-top{min-height:320px;display:grid;grid-template-columns:210px minmax(450px,1fr) minmax(290px,.65fr);gap:10px}.status-col{display:flex;flex-direction:column;gap:10px}.status-col>.panel:first-child{flex:1}.status-stat{width:calc(100% - 18px);height:62px;margin:0 9px;display:flex;align-items:center;gap:14px;background:#fff;border:0;border-bottom:1px solid var(--soft);text-align:left}.status-stat:hover{background:#f8fbff}.status-stat span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.status-stat b{color:var(--text);font-size:22px;line-height:1.05}.status-stat small{margin-top:3px;font-size:8px}.environment{padding:5px 12px}.environment span{height:23px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;color:var(--muted);font-size:9px}.environment b{color:#455267}.topology.compact{height:310px;margin:0 8px}.topology.compact .bus{top:58px}.topology.compact .bus-title{top:30px}.topology.compact .connectors i{top:58px;height:45px}.topology.compact .equipment{width:120px}.topology.compact .equipment img{width:86px;height:82px}.topology.compact .equipment.a{left:5%;top:104px}.topology.compact .equipment.b{left:32%;top:80px}.topology.compact .equipment.c{left:61%;top:104px}.topology.compact .equipment.d{left:80%;top:110px}.topology.compact .equipment.e{left:33%;top:214px}.topology.compact .connectors i:nth-child(1){left:14%}.topology.compact .connectors i:nth-child(2){left:42%}.topology.compact .connectors i:nth-child(3){left:69%}.topology.compact .connectors i:nth-child(4){left:87%}.inline-legend{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px}.inline-legend i{width:7px;height:7px;background:var(--green);border-radius:50%}.inline-legend i:nth-of-type(2){background:var(--amber)}.inline-legend i:nth-of-type(3){background:var(--red)}.alarms{padding:0 10px 10px}.alarms button{width:100%;min-height:39px;display:grid;grid-template-columns:10px 35px 75px 1fr 51px;gap:4px;align-items:center;color:#536074;background:#fff;border:0;border-bottom:1px solid var(--soft);text-align:left;font-size:9px}.alarms button:hover{background:#f8fbff}.alarms button>i{width:7px;height:7px;background:#f3c343;border-radius:50%}.alarms button>i.严重{background:var(--red)}.alarms button>i.重要{background:var(--amber)}.alarms b{color:#354255}.monitor-bottom{margin-top:10px;display:grid;grid-template-columns:minmax(650px,1fr) 350px;gap:10px}.analysis{min-height:440px}.tabs{height:37px;padding:0 12px;display:flex;border-bottom:1px solid var(--line)}.tabs button{position:relative;padding:0 13px;color:#536074;background:transparent;border:0;font-size:11px}.tabs button.active{color:var(--blue);font-weight:600}.tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--blue)}.charts{padding:3px 12px}.chart-title{height:20px;display:flex;align-items:center;justify-content:space-between;color:#344256;font-size:10px}.chart-title small{color:var(--muted)}.spectrogram{height:105px;overflow:hidden;background:#071d73;border:1px solid #cad5e1}.spectrogram img{width:100%;height:100%;object-fit:cover}.monitor-page .spectrogram{height:82px}.alternate{height:440px;padding:30px;display:grid;grid-template-columns:190px 1fr;align-items:center}.alternate h3{margin:8px 0}.alternate p{color:var(--muted);font-size:11px}.ai-rail{display:flex;flex-direction:column;gap:7px}.flow-mini{height:35px;display:flex;justify-content:space-around;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px}.flow-mini span{position:relative;color:#7b8797;font-size:9px}.flow-mini span:not(:last-child):after{content:"›";position:absolute;right:-18px;color:#a8b3c0}.flow-mini .active{color:var(--red);font-weight:600}.ai-rail>.panel{padding:0 11px 8px}.reason{padding:7px 2px;border-bottom:1px solid var(--soft)}.reason h3{margin:0 0 5px;display:flex;align-items:center;gap:7px;font-size:11px}.reason h3>b{margin-left:auto;color:var(--red);font-size:18px}.reason dl{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px}.reason dl span{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.reason dl b{color:var(--text)}.reason.inference>strong{color:var(--red);font-size:14px}.reason p,.reason ol{margin:3px 0;color:#566377;font-size:8px;line-height:1.45}.reason ol{padding-left:17px}.reason label{display:block;margin:4px 0;font-size:8px}.reason textarea{width:100%;height:34px;padding:6px;resize:none;border:1px solid var(--line);border-radius:5px;font-size:8px}.rail-actions{padding-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.resolution{display:grid;grid-template-columns:320px minmax(590px,1fr) 330px;gap:9px;align-items:start}.inbox,.event-detail,.resolution-rail{min-height:calc(100vh - 142px)}.inbox-head{height:61px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.inbox-head h2{margin:0 0 5px;display:flex;gap:7px;align-items:center;font-size:14px}.inbox-head small{color:var(--muted);font-size:9px}.inbox-head>div:last-child{display:flex}.filters{padding:9px 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-bottom:1px solid var(--line)}.filters label{display:grid;grid-template-columns:52px 1fr;gap:5px;align-items:center;color:var(--muted);font-size:9px}.filters select{width:100%;height:29px;color:#445166;background:#fff;border:1px solid var(--line);border-radius:4px;font-size:9px}.inbox-cols{height:33px;padding:0 12px;display:grid;grid-template-columns:1fr 42px 47px 50px;gap:4px;align-items:center;color:var(--muted);background:#f7f9fb;font-size:8px}.inbox-list h3{height:30px;margin:0;padding:0 12px;display:flex;align-items:center;color:#c23a40;font-size:10px}.inbox-list>div:nth-child(2) h3{color:#aa6b08}.inbox-list>div:nth-child(3) h3{color:#246fda}.inbox-list button{width:calc(100% - 12px);min-height:52px;margin:0 6px 3px;padding:5px 6px;display:grid;grid-template-columns:minmax(120px,1fr) 39px 45px 50px;gap:4px;align-items:center;color:#4c596d;background:#fff;border:1px solid transparent;border-radius:5px;text-align:left}.inbox-list button:hover{background:#f7faff}.inbox-list button.active{background:#eef6ff;border-color:#6ba7f9}.inbox-list button>span:first-child{min-width:0;display:flex;flex-direction:column}.inbox-list button b{overflow:hidden;color:#2c394b;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.inbox-list button small{margin-top:5px;overflow:hidden;color:var(--muted);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.inbox-list button>strong{color:var(--red);font-size:9px}.inbox-list button>em{color:var(--blue);font-size:8px;font-style:normal}.event-detail{padding-bottom:10px}.detail-head{min-height:89px;padding:10px 13px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.detail-head>div:last-child{display:flex;gap:5px}.detail-head h1{margin:0 0 14px;display:flex;gap:8px;align-items:center;font-size:16px}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.meta span{display:flex;flex-direction:column;color:#536074;font-size:8px}.meta b{margin-bottom:5px;color:#8390a0;font-size:8px}.stepper{height:76px;margin:0 12px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.stepper div{position:relative;display:grid;place-items:center;gap:3px;color:#788596;font-size:8px}.stepper div:after{content:"";position:absolute;left:calc(50% + 14px);right:calc(-50% + 14px);top:14px;height:2px;background:#d8e1ea}.stepper div:last-child:after{display:none}.stepper div>span{z-index:1;width:29px;height:29px;display:grid;place-items:center;background:#fff;border:2px solid #c8d3df;border-radius:50%}.stepper div.done>span{color:#fff;background:var(--cyan);border-color:var(--cyan)}.stepper div.done:after{background:#65bded}.stepper div.current>span{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #1476ff17}.stepper b{color:#425066}.stepper .current b{color:var(--blue)}.event-detail>.panel{margin:0 12px 9px}.evidence{padding-bottom:7px}.evidence-top{padding:3px 10px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-trends{padding:0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-trends>div{padding:0 6px;border:1px solid var(--soft);border-radius:4px}.timeline{padding:6px 11px}.timeline>div{position:relative;min-height:27px;display:grid;grid-template-columns:55px 15px 58px 1fr 75px;gap:6px;align-items:center;color:#637084;font-size:8px}.timeline time{color:#48566a}.timeline i{z-index:1;width:9px;height:9px;background:#aeb9c6;border-radius:50%}.timeline>div:not(:last-child) i:after{content:"";position:absolute;left:65px;top:18px;bottom:-10px;width:1px;background:#d7e0e9}.timeline .done i{background:var(--red)}.timeline .current i{background:var(--blue)}.timeline b{color:#344256}.timeline .current b{color:var(--blue)}.timeline small{text-align:right}.detail-bottom{margin:0 12px;display:grid;grid-template-columns:.95fr 1.05fr;gap:9px}.detail-bottom .panel{min-height:155px}.compare{padding:4px 10px}.compare>div{min-height:25px;display:grid;grid-template-columns:1.4fr repeat(3,.7fr);align-items:center;color:#596679;border-bottom:1px solid var(--soft);font-size:8px}.compare>div:first-child{color:#344256;background:#f8fafc}.report{padding:7px 10px;color:#536074;font-size:8px}.report p{margin:5px 0}.resolution-rail{padding:0 10px 10px}.rail-tabs{height:43px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.rail-tabs button{position:relative;color:#4d5a6e;background:#fff;border:0;font-size:10px}.rail-tabs button.active{color:var(--blue);font-weight:600}.rail-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--blue)}.rail-section{padding:9px 2px;border-bottom:1px solid var(--soft)}.rail-section h3{margin:0 0 7px;font-size:10px}.rail-section p,.rail-section ol,.rail-section a{margin:5px 0;color:#596679;font-size:8px;line-height:1.55}.rail-section ol{padding-left:17px}.rail-section a{color:var(--blue);font-weight:600}.prob{min-height:32px;display:grid;grid-template-columns:18px 1fr 35px;gap:4px;align-items:center;font-size:9px}.prob>span{width:17px;height:17px;display:grid;place-items:center;background:#f1f4f8;border-radius:4px}.prob>strong{font-size:15px;text-align:right}.prob>i{grid-column:2/4;height:3px;background:var(--soft)}.prob em{display:block;height:100%}.checks{margin:0;padding:0;list-style:none}.checks li{margin:6px 0;color:#546175;font-size:8px}.checks li:before{content:"✓";width:14px;height:14px;margin-right:6px;display:inline-grid;place-items:center;color:var(--green);background:#e6f8ef;border-radius:50%;font-weight:700}.owner{display:flex;align-items:center;gap:7px}.owner>span{flex:1;display:flex;flex-direction:column}.owner b{font-size:9px}.owner small{margin-top:3px;color:var(--muted);font-size:8px}.sla-red b{color:var(--red);font-size:13px}.safety{display:block;margin:6px 0;color:#4c596d;font-size:8px}.safety input{margin-right:6px;accent-color:var(--green)}.actions{border-bottom:0}.actions>.btn{width:100%}.decision{margin:7px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.decision button{height:28px;background:#fff;border-radius:4px;font-size:9px}.decision .confirm{color:var(--green);border:1px solid #73d5a4}.decision .reject{color:#d87312;border:1px solid #f0b065}.decision .correct{color:var(--blue);border:1px solid #80b4fa}.decision button.active{color:#fff}.decision .confirm.active{background:var(--green)}.decision .reject.active{background:#d87312}.decision .correct.active{background:var(--blue)}.actions textarea{width:100%;height:45px;margin-bottom:6px;padding:7px;resize:none;border:1px solid var(--line);border-radius:5px;font-size:8px}.placeholder{min-height:calc(100vh - 145px);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px}.placeholder h1{margin:14px 0 8px}.placeholder p{max-width:520px;color:var(--muted);line-height:1.7}.placeholder>div{margin-top:12px;display:flex;gap:9px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;background:#04121f7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(560px,100%);overflow:hidden;background:#fff;border-radius:10px;box-shadow:var(--shadow)}.modal>header{min-height:74px;padding:12px 15px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal>header>div{display:flex;gap:10px}.modal>header i{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);background:#edf5ff;border-radius:8px;font-style:normal}.modal h2{margin:1px 0 5px;font-size:16px}.modal p{margin:0;color:var(--muted);font-size:10px}.modal-body{padding:14px 16px}.modal-body>label,.form-row label{margin-bottom:12px;display:flex;flex-direction:column;gap:6px;color:#465367;font-size:11px}.modal input,.modal select,.modal textarea{padding:8px 10px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:5px}.modal textarea{min-height:86px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal .checkbox{flex-direction:row;align-items:center}.modal .checkbox input{accent-color:var(--blue)}.modal>footer{min-height:58px;padding:10px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:24px;z-index:120;min-height:42px;padding:0 16px;display:flex;align-items:center;gap:8px;color:#fff;background:#17344f;border-radius:7px;box-shadow:var(--shadow);transform:translate(-50%);animation:toast-in .22s ease;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.collapsed{grid-template-columns:62px minmax(0,1fr)}.collapsed .sidebar{width:62px}.collapsed .brand{padding:14px}.collapsed .brand>span,.collapsed .sidebar nav span,.collapsed .edge,.collapsed .collapse span{display:none}.collapsed .sidebar nav button,.collapsed .collapse{justify-content:center;padding:0}.collapsed .collapse svg{transform:rotate(180deg)}@media(max-width:1380px){.resolution{grid-template-columns:280px minmax(530px,1fr) 300px}.overview-main{grid-template-columns:minmax(500px,1.55fr) minmax(390px,1fr)}.monitor-top{grid-template-columns:190px minmax(420px,1fr) 290px}.monitor-bottom{grid-template-columns:minmax(600px,1fr) 330px}.search{width:190px}.shift{display:none}}@media(max-width:1120px){.shell{grid-template-columns:62px minmax(0,1fr)}.sidebar{width:62px}.brand{padding:14px}.brand>span,.sidebar nav span,.edge,.collapse span{display:none}.sidebar nav button,.collapse{justify-content:center;padding:0}.metrics{grid-template-columns:repeat(3,1fr)}.metric{min-height:72px;border-bottom:1px solid var(--soft)}.overview-main,.monitor-bottom{grid-template-columns:1fr}.overview-bottom{grid-template-columns:repeat(2,1fr)}.monitor-top{grid-template-columns:180px 1fr}.monitor-top>.panel:last-child{grid-column:1/3}.resolution{grid-template-columns:270px 1fr}.resolution-rail{grid-column:1/3;min-height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.rail-tabs,.actions{grid-column:1/4}.refresh{display:none}}@media(max-width:760px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 10px}.site{max-width:190px;overflow:hidden;white-space:nowrap}.search,.user span,.topbar>.icon-btn:first-of-type{display:none}.modebar>div{grid-template-columns:repeat(3,90px)}.workspace{padding:8px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:0 9px}.metric>i{width:36px;height:36px}.metric span b{font-size:20px}.overview-main,.overview-bottom,.monitor-top,.resolution{grid-template-columns:1fr}.monitor-top>.panel:last-child,.resolution-rail{grid-column:auto}.resolution-rail{display:block}.rail-tabs,.actions{grid-column:auto}.topology-panel{min-height:420px}.topology{width:122%;height:350px;transform:scale(.82);transform-origin:top left}.events-panel{min-height:auto}.triad{grid-template-columns:1fr}.triad>div{border-right:0;border-bottom:1px solid #f0e4e5}.monitor-bottom{display:block}.ai-rail,.event-detail,.resolution-rail{margin-top:8px}.inbox,.event-detail,.resolution-rail{min-height:auto}.meta{grid-template-columns:repeat(2,1fr)}.evidence-top,.mini-trends,.detail-bottom{grid-template-columns:1fr}.stepper{overflow-x:auto;grid-template-columns:repeat(6,90px);justify-content:start}.timeline>div{grid-template-columns:48px 12px 55px 1fr}.timeline small{display:none}}