/* Bet tracker */
.bt { display: grid; gap: 20px; }
.bt > * { min-width: 0; }
@media (min-width: 1000px) { .bt { grid-template-columns: 1fr 1fr; align-items: start; } .bt-listbox { grid-column: 1 / -1; } }
.ccc .bt [hidden] { display: none !important; }
.bt-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bt-f, .bt-bank label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--c-muted); min-width: 0; }
.bt-wide, .bt-act { grid-column: 1 / -1; }
.ccc .bt input, .ccc .bt select { width: 100%; box-sizing: border-box; min-width: 0; background: var(--bg, #0e1014); border: 1px solid var(--c-line); color: var(--text, #e8eaee); border-radius: 8px; padding: 9px 10px; font: 600 14px var(--font, sans-serif); }
.bt-act { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.bt-bank { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--c-line); }
.bt-small { background: none; border: 1px solid var(--c-line); color: var(--c-muted); border-radius: 8px; padding: 6px 12px; font: 600 12.5px var(--font, sans-serif); cursor: pointer; }
.bt-small:hover { color: var(--text, #fff); }
.bt-file { position: relative; overflow: hidden; display: inline-block; }
.ccc .bt-file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; padding: 0; }
.bt-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 560px) { .bt-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bt-stats div { background: var(--surface-2, #1c212a); border: 1px solid var(--c-line); border-radius: 10px; padding: 9px 11px; min-width: 0; }
.bt-stats span { display: block; font-size: 11.5px; color: var(--c-muted); }
.bt-stats b { font: 800 16px var(--mono, monospace); overflow-wrap: anywhere; }
.bt-stats .bt-big { grid-column: 1 / -1; } .bt-stats .bt-big b { font-size: 26px; }
.bt .is-pos, .bt-stats .is-pos b { color: var(--c-accent); } .bt .is-neg, .bt-stats .is-neg b { color: var(--danger, #f87171); }
.bt-graph { width: 100%; height: 140px; margin: 14px 0 6px; background: var(--surface-2, #1c212a); border-radius: 10px; }
.bt-g0 { stroke: var(--c-line); stroke-dasharray: 4 4; }
.bt-gl { fill: none; stroke-width: 2.5; vector-effect: non-scaling-stroke; } .bt-gl.is-pos { stroke: #a3e635; } .bt-gl.is-neg { stroke: #f87171; }
.bt-gt { fill: var(--c-muted); font: 14px var(--font, sans-serif); }
.bt-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.bt-msg { font-size: 13px; color: var(--c-muted); margin: 8px 0 0; min-height: 1em; }
.bt-scroll { overflow-x: auto; }
.ccc .bt-list { width: 100%; border-collapse: collapse; margin: 0; font-size: 13.5px; min-width: 560px; }
.ccc .bt-list th, .ccc .bt-list td { padding: 7px 8px; border-bottom: 1px solid var(--c-line); background: none; text-align: left; }
.ccc .bt-list th { font-size: 12px; color: var(--c-muted); font-weight: 600; }
.ccc .bt-list td small { color: var(--c-muted); font-size: 11.5px; }
.bt-r { font-size: 12px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: var(--surface-2, #1c212a); }
.bt-w { color: #a3e635; } .bt-l { color: #f87171; } .bt-p { color: #fbbf24; } .bt-c { color: #60a5fa; }
.bt-row { white-space: nowrap; text-align: right !important; }
.bt-row button { background: none; border: 0; color: var(--c-muted); font-size: 16px; cursor: pointer; padding: 2px 6px; }
.bt-empty { color: var(--c-muted); text-align: center !important; padding: 18px !important; }