.incident-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.incident-kpi{padding:15px 16px;min-height:94px}.incident-kpi span{display:block;color:#5b7086;font-size:9px;letter-spacing:1px;font-weight:900}.incident-kpi strong{display:block;margin-top:8px;color:#e4edf6;font-size:26px}.incident-kpi small{display:block;margin-top:5px;color:#4f647a;font-size:8px}.filter-bar{padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tabs{display:flex;gap:5px}.tabs button{border:1px solid #1a2e42;background:#0a1623;color:#657b91;border-radius:5px;padding:8px 13px;font-size:9px;cursor:pointer}.tabs button.active{background:#122b41;border-color:#2a5778;color:#9bcfff}.filter-right{display:flex;gap:7px;width:min(450px,55%)}.filter-right input{min-width:0}.incident-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr);gap:12px}.table-panel,.detail-panel{min-height:490px}.table-panel .panel-head,.detail-panel .panel-head{padding-bottom:11px}.small-note{color:#4e647a;font-size:8px}.table-wrap{overflow:auto}.table-panel table{min-width:790px}.sev-pill{padding:5px 8px;border-radius:4px;font-size:8px;font-weight:900}.sev-pill.critical{background:#36171e;color:#ff7d84}.sev-pill.high{background:#312617;color:#e0b45d}.sev-pill.normal{background:#172534;color:#7ea3c4}.sev-badge{display:inline-flex;padding:4px 6px;border-radius:4px;font-size:8px;font-weight:900}.sev-badge.critical{background:#36171e;color:#ff7d84}.sev-badge.high{background:#312617;color:#e0b45d}.sev-badge.normal{background:#172534;color:#7ea3c4}.status-mini{font-size:8px;color:#7890a7}.status-mini.ack{color:#7cb8ea}.status-mini.closed{color:#556b81}.action-mini{border:1px solid #20364a;background:#0b1826;color:#7e9bb3;border-radius:4px;padding:5px 7px;font-size:8px;cursor:pointer}.action-mini:hover{border-color:#376080;color:#b6d0e5}.detail-body{padding:0 17px 17px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.detail-grid div{padding:10px;border:1px solid #182c3f;background:#09131f;border-radius:5px}.detail-grid small{display:block;color:#50677d;font-size:8px}.detail-grid strong{display:block;margin-top:4px;color:#c7d6e4;font-size:10px}.detail-section-box{margin-top:12px;padding-top:12px;border-top:1px solid #14283a}.detail-section-box h3{margin:0 0 8px;color:#5e748a;font-size:8px;letter-spacing:1px}.cause-list{display:grid;gap:6px}.cause-list div{display:flex;gap:8px;align-items:center;color:#8da1b3;font-size:9px}.cause-list i{width:5px;height:5px;border-radius:50%;background:#e1ad4e;flex:none}.recommend{padding:10px;border:1px solid #1d354a;background:#0b1826;border-radius:5px;color:#849bb0;font-size:9px;line-height:1.6}.recommend b{color:#b7cbe0}.detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.lifecycle{margin-top:12px}.lifecycle-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border-top:1px solid #15283a}.step{padding:14px 12px 15px;border-right:1px solid #15283a;position:relative}.step:last-child{border-right:0}.step i{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #253b4e;border-radius:5px;color:#5e7489;font-style:normal;font-size:7px}.step b{display:block;margin-top:10px;color:#758aa0;font-size:9px}.step span{display:block;margin-top:4px;color:#465d73;font-size:8px}.step.active i{border-color:#2d5778;color:#87c7f8;background:#10263a}.step.active b{color:#a5c0d7}.empty-detail{padding:50px 20px;text-align:center;color:#4f657b;font-size:10px;line-height:1.7}.ai-link{border-color:#23496a!important;color:#8dc8ff!important;background:#0d2031!important}.ai-link:hover{border-color:#3a78a6!important;background:#10283d!important}.workflow-hint{margin-top:10px;padding:8px 10px;border:1px solid #1b3145;background:#091722;border-radius:5px;color:#688198;font-size:8px}.workflow-hint b{color:#9bcfff}@media(max-width:1100px){.incident-layout{grid-template-columns:1fr}.detail-panel{min-height:340px}.lifecycle-steps{grid-template-columns:repeat(3,1fr)}.step:nth-child(3){border-right:0}.incident-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.filter-bar{align-items:stretch;flex-direction:column}.filter-right{width:100%}.incident-kpis{grid-template-columns:1fr 1fr}.tabs{overflow:auto}.lifecycle-steps{grid-template-columns:repeat(2,1fr)}}