/* Dark theme for scout.html and influencer.html (their CSS is inline). */
.hr{display:flex;gap:8px;align-items:center}
.logo img{width:30px;height:30px;border-radius:8px;flex:none;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
:root[data-theme=dark] body{background:#0e1512;color:var(--ink)}
:root[data-theme=dark] .lead,:root[data-theme=dark] label,:root[data-theme=dark] .hint,:root[data-theme=dark] .stat span,:root[data-theme=dark] .deal .m,:root[data-theme=dark] .empty,:root[data-theme=dark] .legal-foot{color:var(--muted)}
:root[data-theme=dark] .box,:root[data-theme=dark] .stat{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.5)}
:root[data-theme=dark] input{background:var(--surface2);color:var(--ink);border-color:var(--line2)}
:root[data-theme=dark] button.ghost,:root[data-theme=dark] .tabs button{background:#24322b;color:var(--ink)}
:root[data-theme=dark] .tabs button.on{background:var(--green);color:#fff}
:root[data-theme=dark] .link{color:var(--gt);background:none}
:root[data-theme=dark] .deal{border-top-color:var(--line)}
:root[data-theme=dark] .err{color:#ff8a7a}
:root[data-theme=dark] .ok{color:#6fd1a1}
:root[data-theme=dark] .warn,:root[data-theme=dark] .pill.bad{background:#3a1e1b;color:#ffb3a8}
:root[data-theme=dark] .pill{background:#3a3115;color:#f0d083}
:root[data-theme=dark] .pill.paid,:root[data-theme=dark] .pill.live{background:#1d3b2e;color:#7fd3a7}
:root[data-theme=dark] .pill.gray{background:#24322b;color:#c3cfc8}
:root[data-theme=dark] a{color:inherit}