/* css/modules/inc.css: the .inc-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* open incidents panel (Events screen) */
.inc-panel{margin-bottom:18px;border-left:4px solid var(--red)}
.inc-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
.inc-item:last-child{margin-bottom:0}
.inc-item__b{flex:1}
.inc-item__d{font-weight:700;font-size:13.5px;margin-top:3px}
.inc-item__m{font-size:12px;font-weight:700;color:var(--muted);margin-top:3px}
.inc-sev-tag{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:1px 7px;border-radius:999px}
.inc-sev-tag--low{background:#e3f5ea;color:var(--ok)}
.inc-sev-tag--medium{background:#fdecd8;color:#c96a12}
.inc-sev-tag--high{background:#fde6df;color:var(--red)}
.inc-status-tag{background:var(--line);color:var(--muted)}
.inc-panel__hd{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}
.inc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.inc-filters select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:13px;background:#fff}
.inc-item[data-id]{cursor:pointer;transition:border-color .12s,background .12s}
.inc-item[data-id]:hover,.inc-item[data-id]:focus-visible{border-color:var(--blue);background:var(--bg-soft,#f6f8fc);outline:none}
.inc-item.is-resolved{opacity:.62}
.inc-item__go{flex:none;align-self:center;color:var(--muted);font-size:22px;font-weight:900;line-height:1}
.inc-shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.inc-shot{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:#000;width:104px;height:104px}
.inc-shot img{width:100%;height:100%;object-fit:cover;display:block}
.inc-shot:hover,.inc-shot:focus-visible{border-color:var(--blue);outline:none}