/* ticker-actions 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. */
.ta-bar { display:flex; gap:6px; flex-wrap:wrap; padding:8px 16px; border-bottom:1px solid var(--line); }
  .ta-btn { background:none; border:1px solid var(--line); color:var(--dim); cursor:pointer;
    font-family:inherit; font-size:11px; font-weight:600; padding:4px 10px; border-radius:4px; }
  .ta-btn:hover { color:var(--fg); border-color:var(--fg); }
  .ta-btn.trade { color:var(--accent); border-color:var(--accent); }
  .ta-panel { padding:12px 16px; border-bottom:1px solid var(--line); font-size:12px; }
  .ta-panel h4 { margin:0 0 6px; font-size:10px; text-transform:uppercase; letter-spacing:.6px; color:var(--dim); font-weight:700; }
  .ta-close { float:right; background:none; border:none; color:var(--dim); cursor:pointer; font-size:12px; }
  .ta-form { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-bottom:8px; }
  .ta-form select, .ta-form input { background:var(--panel); border:1px solid var(--line); color:var(--fg);
    font-family:inherit; font-size:12px; padding:4px 7px; border-radius:4px; }
  .ta-form input { width:74px; }
  .ta-verdict { border-radius:5px; padding:8px 10px; margin:8px 0; font-size:11px; line-height:1.5; }
  .ta-verdict.allow { border:1px solid var(--green,#3fb950); color:var(--fg); }
  .ta-verdict.block { border:1px solid var(--red,#f85149); color:var(--fg); }
  .ta-reason { margin:3px 0 0 14px; }
  .ta-confirm { background:var(--green,#3fb950); border:none; color:#06210f; cursor:pointer;
    font-family:inherit; font-weight:700; font-size:12px; padding:6px 14px; border-radius:4px; }
  .ta-confirm[disabled] { background:var(--line); color:var(--dim); cursor:not-allowed; }