/* price-chart module styles — was injected at runtime by injectToolbarStyles() 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. */
.pcv2-toolbar { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; align-items:center; }
  .pcv2-group { display:inline-flex; gap:2px; border:1px solid var(--line); border-radius:5px; padding:2px; }
  /* AG1: the 24x24 floor, at every width.
     These measured 30x17px on desktop and tablet — under WCAG 2.2 AA 2.5.8.
     The phone rule below has floored them at 44px since Q1; the wider widths
     were never floored because nothing had measured them: the e2e a11y audit
     only reaches a panel a journey opens, and until AG1's and AG2's journeys
     waited for the portfolio page to finish painting, no journey had seen this
     toolbar. 40 findings, all of them here, all pre-existing.
     Height is what moves (17 -> 24); the toolbar already wraps, so nothing is
     pushed off-screen. */
  .pcv2-btn { background:none; border:none; color:var(--dim); cursor:pointer; font-family:inherit;
    font-size:10px; font-weight:700; letter-spacing:.4px; padding:3px 7px; border-radius:3px;
    min-width:24px; min-height:24px; }
  .pcv2-btn:hover { color:var(--fg); }
  .pcv2-btn.on { background:var(--panel); color:var(--accent); }

  /* Phones (Epic Q / Q1). .pcv2-toolbar already wraps, but .pcv2-group is one
     inline-flex of twelve range buttons and cannot break, so at 390px it ran
     344px wide inside a 326px box and the last ranges were unreachable. The
     buttons themselves measured 29-41.8px wide against a 44px floor. Wrapping
     the group fixes both: the buttons get their width and take a second line
     instead of a hidden one. */
  @media (max-width: 480px) {
    .pcv2-group { flex-wrap: wrap; }
    .pcv2-btn { min-width: 44px; min-height: 44px; }
  }