/* alerts module styles — was injected at runtime by its own injectStyles()
   via document.createElement('style'). A script-created <style> is still a
   <style> element to the CSP, so style-src-elem 'self' would refuse it and
   this panel would render unstyled. Verbatim; only the delivery changed.
   Linked AFTER utilities.css, which is where the injected block landed —
   it was appended at module execution, i.e. after every <link>. */
.al-head { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
  .al-head input, .al-head select { background:var(--panel); border:1px solid var(--line); color:var(--fg);
    font-family:inherit; font-size:12px; padding:5px 8px; border-radius:4px; }
  .al-head input.sym { width:96px; text-transform:uppercase; }
  .al-head input.num { width:88px; }
  .al-btn { background:none; border:1px solid var(--line); color:var(--dim); cursor:pointer;
    font-family:inherit; font-size:11px; padding:5px 9px; border-radius:4px; }
  .al-btn:hover { color:var(--fg); border-color:var(--fg); }
  .al-table { width:100%; border-collapse:collapse; font-size:12px; }
  .al-table td { padding:6px 6px; border-bottom:1px solid var(--line); }
  .al-table td.r { text-align:right; font-variant-numeric:tabular-nums; }
  .al-badge { font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
    border:1px solid var(--line); border-radius:3px; padding:1px 5px; }
  .al-badge.active { color:var(--accent); border-color:var(--accent); }
  .al-badge.triggered { color:var(--green,#3fb950); border-color:var(--green,#3fb950); }
  .al-badge.paused { color:var(--dim); }