/* css/modules/ev.css: the .ev-* 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). */

/* ---------- Events Log ---------- */
.ev-type{display:inline-flex;align-items:center;gap:8px;font-weight:800}
.ev-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:14px;flex-shrink:0}
.ev-unack{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block}
/* event detail modal */
.ev-hero{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.ev-hero .ev-ico{width:46px;height:46px;font-size:20px;border-radius:12px}
.ev-hero h3{font-size:18px;margin:0}
.ev-hero .ev-sub{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}
.ev-mini-map{height:170px;border-radius:12px;overflow:hidden;margin-top:14px;border:1px solid var(--line)}