/* watchlists module styles — was injected at runtime by 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. */
.wl-head { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
  .wl-head select, .wl-head input { background:var(--panel); border:1px solid var(--line); color:var(--fg);
    font-family:inherit; font-size:12px; padding:5px 8px; border-radius:4px; }
  .wl-head input { width:110px; text-transform:uppercase; }
  .wl-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; }
  .wl-btn:hover { color:var(--fg); border-color:var(--fg); }
  .wl-meta { font-size:10px; color:var(--dim); margin-left:auto; }
  .wl-table { width:100%; border-collapse:collapse; font-size:12px; }
  .wl-table td { padding:6px 6px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
  .wl-table td.sym { font-weight:700; }
  .wl-table td.r { text-align:right; }
  .wl-up { color:var(--green,#3fb950); } .wl-down { color:var(--red,#f85149); }
  /* AG1/AG4: this remove button was 19x15px at 4.1:1 — under BOTH WCAG 2.2 AA
     bars, 2.5.8 (24x24) and 1.4.3 (4.5:1). Found by the e2e a11y audit once
     AG1's and AG2's journeys started waiting for the portfolio page to finish
     painting: the audit only measures a panel a journey has opened, and until
     then nothing had looked at this one with rows in it.

     --dim2 is the FAINT token and fails 4.5:1 on every theme it is defined in
     (2.29 to 3.74 against the panel it sits on); --dim clears it on all of
     them (5.62 to 6.91). This is a destructive control — the one place a
     too-quiet, too-small target costs a user a symbol they meant to keep. */
  .wl-x { background:none; border:none; color:var(--dim,#8b949e); cursor:pointer;
    font-size:13px; padding:0 4px; min-width:24px; min-height:24px; }
  .wl-x:hover { color:var(--red,#f85149); }
  .wl-spark { display:block; }