.severity{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px}.severity-low{background:#e6f6ee;color:#087747}.severity-medium{background:#fff4d6;color:#956000}.severity-high{background:#ffe9d8;color:#b54708}.severity-critical{background:#fee7e7;color:#b42318}.incident-view{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;max-width:1000px;margin:auto}.incident-banner{display:flex;justify-content:space-between;align-items:center;padding:27px 32px;background:#172b4d;color:#fff;border-left:7px solid}.incident-banner.severity-low{border-color:#22a06b}.incident-banner.severity-medium{border-color:#e2a400}.incident-banner.severity-high{border-color:#e66a16}.incident-banner.severity-critical{border-color:#d92d20}.incident-banner h2{font-size:25px;margin:2px 0}.incident-banner p{color:#becbe0;margin:0}.incident-banner>span{padding:7px 12px;border:1px solid #ffffff44;border-radius:20px}.incident-body{padding:28px}.incident-student{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--border)}.student-mark{width:48px;height:48px;border-radius:13px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.incident-student h3,.incident-student p{margin:0}.incident-student small{color:var(--muted)}.incident-student>.status{margin-left:auto}.incident-text{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.incident-text article{padding:18px;background:#f8fafc;border-radius:10px}.incident-text h3{font-size:14px;margin:0 0 8px}.incident-text p{color:#4c5b72;margin:0}.incident-body footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px}.incident-body footer div{display:flex;gap:8px}@media(max-width:700px){.incident-text{grid-template-columns:1fr}.incident-banner,.incident-body{padding:20px}}