/* Shared by the paid-tool pages (/trading-analyser, /tax-tool, /stolen-crypto-tracer). Added 2026-10-29.
   Loaded after each page's own <style>, so these rules win on equal specificity. See static/tool-page.js. */

/* how-it-works video, under the intro */
.tool-video{max-width:860px;margin:-8px auto 34px}
.tool-video-label{text-align:center;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted,#8a93a5);margin-bottom:10px}
.tool-video-label b{color:var(--green,#22BF6F)}
.tool-video-frame{background:#03060a;border:1px solid rgba(34,191,111,.3);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.tool-video-frame video{display:block;width:100%;height:auto;background:#03060a}
@media (max-width:700px) and (orientation:portrait){ .tool-video{max-width:420px} }

/* "Coming soon" while payments are off (html[data-tools] is set by dashboard.py) */
.soon-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(224,160,58,.12);border:1px solid rgba(224,160,58,.5);color:#f0b85a;font-weight:800;font-size:13px;padding:5px 12px;border-radius:20px;margin:0 6px 16px}
.soon-line{color:var(--muted,#8a93a5);font-size:12.5px;margin-top:8px}
html:not([data-tools="live"]) #paybtn{background:#243044;color:#c3cad6;cursor:not-allowed}
html[data-tools="live"] .soon-only{display:none !important}