.incident-counters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.incident-counter{border:1px solid var(--line);border-radius:12px;background:white;padding:20px;text-align:left;color:var(--ink);cursor:pointer;min-width:0;box-shadow:0 3px 14px #12304905}.incident-counter.selected{border-color:var(--primary);box-shadow:0 0 0 2px #02689026;background:#f3fafc}.incident-counter-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;font-size:12px;font-weight:600;line-height:1.6;min-height:40px}.incident-counter svg{color:var(--primary);width:20px;height:20px;flex-shrink:0}.incident-counter>strong{display:block;font-size:32px;line-height:1.4;margin:8px 0;font-variant-numeric:tabular-nums}.incident-counter>small{display:block;font-size:10px;line-height:1.7;color:var(--muted)}.incident-count-note{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0 25px}.incident-filters{display:flex;flex-wrap:wrap;gap:12px;padding:0 22px 20px}.incident-filters .search-field{flex:1 1 300px}.incident-filters select{flex:0 1 235px;max-width:100%;min-width:0}.incident-active-filter{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#f0f8fa;padding:12px 22px;font-size:12px}.incident-list>.error-box{margin:0 22px 20px}.incident-table{width:100%;border-collapse:collapse;min-width:940px;font-size:12px}.incident-table th{background:#f5f9fb;color:var(--muted);text-align:left;font-size:10px;font-weight:600;padding:15px 20px;white-space:nowrap}.incident-table td{padding:20px;border-top:1px solid var(--line);vertical-align:top;line-height:1.7}.incident-table td:first-child{min-width:190px}.incident-table td:nth-child(3){min-width:270px;width:36%}.incident-table td>strong,.incident-table td>small{display:block}.incident-table td>small{font-size:10px;color:var(--muted);margin-top:5px}.incident-table time{font-size:11px;color:var(--muted)}.incident-type{display:block;font-size:11px;margin-top:8px}.incident-excerpt{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.incident-table .status-chip{white-space:normal;line-height:1.5}.incident-table .btn{white-space:nowrap}.incident-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}.incident-detail-heading h3{font-size:21px;line-height:1.5;margin:8px 0 0}.incident-example{background:#fff8e8;color:#806420;border:1px solid #efdfba;border-radius:9px;padding:13px 15px;font-size:11px;line-height:1.7;margin:0 0 22px}.incident-summary{border:1px solid var(--line);border-radius:12px;background:#f8fbfc;padding:20px;margin-bottom:28px}.incident-summary header,.incident-comments>header{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}.incident-summary h3,.incident-comments h3{font-size:14px;margin:0}.incident-summary-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:18px 0}.incident-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 0}.incident-summary dt{font-size:10px;color:var(--muted)}.incident-summary dd{font-size:12px;line-height:1.7;margin:5px 0 0;overflow-wrap:anywhere}.incident-summary .field{margin-top:16px}.incident-comments>header>span,.incident-private-note{font-size:11px;color:var(--muted)}.incident-private-note{line-height:1.8;margin:11px 0 20px}.incident-form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:12px}.incident-form-actions small{font-size:10px;line-height:1.7;color:var(--muted);margin-right:auto}.incident-form-actions .btn{min-height:42px}.incident-timeline{margin:26px 0 10px}.incident-timeline article{position:relative;border-left:2px solid #dceaf0;margin-left:6px;padding:0 0 26px 23px}.incident-timeline article:last-child{border-left-color:transparent}.incident-timeline-dot{position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #e9f4f8}.incident-timeline header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.incident-timeline header strong{font-size:12px}.incident-timeline time{font-size:10px;color:var(--muted);margin-left:auto}.incident-timeline p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.incident-timeline .status-chip{font-size:9px}.incident-summary-form textarea{min-height:150px}
@media(max-width:1200px){.incident-counters{grid-template-columns:repeat(3,minmax(0,1fr))}.incident-counter{padding:17px}}
@media(max-width:960px){.incident-table,.incident-table tbody{display:block;min-width:0}.incident-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.incident-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 18px 20px}.incident-table tr{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:18px;gap:17px;min-width:0}.incident-table td,.incident-table td:first-child,.incident-table td:nth-child(3){display:block;padding:0;border:0;min-width:0;width:100%}.incident-table td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.incident-table td:first-child::before,.incident-table td:last-child::before{display:none}.incident-table td:last-child .btn{width:100%;justify-content:center}.incident-list .table-scroll{overflow:visible}}
@media(max-width:640px){.incident-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.incident-counter{padding:15px}.incident-counter-top{font-size:12px;min-height:44px}.incident-counter svg{width:17px;height:17px}.incident-counter>strong{font-size:29px}.incident-counter:last-child{grid-column:1/-1}.incident-counter:last-child .incident-counter-top{min-height:0}.incident-filters{display:grid;grid-template-columns:1fr;gap:10px;padding:0 16px 18px}.incident-filters .search-field,.incident-filters select{width:100%;min-width:0;max-width:100%;font-size:16px}.incident-table tbody{grid-template-columns:1fr;padding:0 16px 18px}.incident-summary{padding:16px}.incident-summary dl{grid-template-columns:1fr}.incident-summary .text-action{font-size:12px;min-height:40px}.incident-timeline time{margin-left:0;flex-basis:100%}.incident-detail-heading h3{font-size:20px}.incident-form-actions .btn{min-height:44px}.incident-comments textarea,.incident-summary input,.incident-summary textarea{font-size:16px}.incident-count-note{font-size:11px}}