/* DailyBreakouts theme v48. Light = BananaPatterns register. Dark = jet black. */
:root{
  --bg:#F6F7F5; --card:#FFFFFF; --ink:#111827; --mut:#6B7280;
  --line:#E5E7EB; --soft:#F3F4F6;
  --acc:#16A34A; --up:#16A34A; --dn:#DC2626; --warn:#B45309;
}
html.dark{
  --bg:#000000; --card:#0B0F14; --ink:#E5E7EB; --mut:#8B93A1;
  --line:#1E2530; --soft:#11161D;
  --acc:#22C55E; --up:#22C55E; --dn:#F87171; --warn:#F59E0B;
}
html.dark body{background:var(--bg);color:var(--ink)}
/* selected states: pages hardcode ink-bg + white text, unreadable when
   --ink flips light; dark mode inverts selection instead */
html.dark .tab.on,html.dark .seg div.on,html.dark .tf.on{
  background:#E5E7EB!important;color:#0B0F14!important;border-color:#E5E7EB!important}
html.dark .sc.on{background:#0E1A13!important;border-color:#1F3A2B!important}
html.dark .buy{background:rgba(34,197,94,.15);color:#4ADE80}
html.dark .app{background:rgba(245,158,11,.15);color:#FBBF24}
html.dark .ext{background:#151B23;color:var(--mut)}
html.dark input,html.dark select,html.dark .fnd{
  background:var(--soft)!important;color:var(--ink)!important;
  border-color:var(--line)!important}
html.dark .sres,html.dark .dd{background:var(--card);border-color:var(--line)}
html.dark .sres a{color:var(--ink);border-bottom-color:#151B23}
html.dark tbody tr:hover{background:#0E141B}
html.dark .empty{background:var(--card)}
/* mobile shell: bottom bar + sheets were hardcoded white */
html.dark .dbnav{background:rgba(6,9,13,.97);border-top-color:var(--line)}
html.dark .dbnav a,html.dark .dbnav button{color:var(--mut)}
html.dark .dbnav a.on,html.dark .dbnav button.on{color:var(--ink)}
html.dark .dbsheet .pan{background:var(--card)}
html.dark .dbsheet .grab{background:#2A3340}
html.dark .dbsheet a.row,html.dark .dbsheet .hit{color:var(--ink);
  border-bottom-color:#151B23}
html.dark .dbsheet input.q{background:var(--soft);border-color:var(--line);
  color:var(--ink)}
html.dark img[src^="/logo.svg"]{filter:brightness(1.08)}
html.dark canvas{background:var(--card)!important}
.thbtn{cursor:pointer;border:1px solid var(--line);background:var(--card);
color:var(--mut);border-radius:7px;padding:5px 10px;font-size:13px;
line-height:1;-webkit-tap-highlight-color:transparent}
.thbtn:hover{color:var(--ink)}
/* compact timeframe controls, everywhere */
.tf{padding:3px 9px!important;font-size:11px!important}
.tfs{gap:4px!important}
/* logo never wraps */
.logo{display:inline-flex!important;align-items:center;gap:6px;
white-space:nowrap!important}
html.dark .tabs div{background:var(--card);color:var(--mut);
border-color:var(--line)}
html.dark .tabs div.on{background:var(--acc)!important;color:#fff!important;
border-color:var(--acc)!important}
html.dark .card input{background:var(--soft)!important;color:var(--ink)!important;
border-color:var(--line)!important}
html.dark button{color:#fff}