@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(/fonts/inter/latin-ext-400-800.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(/fonts/inter/latin-400-800.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --wt-font:'Inter';
  --wt-font-legacy:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --wt-font-sans:var(--wt-font),var(--wt-font-legacy);
}







[data-theme="dark"], body[data-theme="dark"]{
  --bg:#0a0a0a; --page:#0a0a0a; --card:#121212; --muted:#9ca3af; --text:#e5e7eb;
  --primary:#6b7280; --primary-hover:#4b5563; --primary-ink:#ffffff;
  --green:#34d399; --red:#f87171; --amber:#fbbf24; --gray:#6b6b6b; --border:#242424;
  --row-select:#1f1f1f; --table-stripe:#151515;
  --soft:#0f0f0f; --control-bg:#0f0f0f; --control-border:#242424;
  --control-border-strong:#e5e7eb; --hover:#1f1f1f;
  --shadow:0 1px 2px rgba(0,0,0,0.45); --r:12px;
  --placeholder:#6b6b6b; --focus:#9ca3af; --accent:#9ca3af; --good:#34d399; --warn:#fbbf24;
}























:root{
  



  --primary:#6b7280; --primary-hover:#4b5563; --primary-ink:#ffffff;
  --page:var(--surface-1);              
  --soft:var(--surface-2);              
  --card:var(--surface-3);              
  --row-select:var(--surface-4);        
  --table-stripe:var(--surface-2);
  --border:var(--line);
  --control-border:var(--line);
  --control-border-strong:var(--line-strong);
  --placeholder:var(--faint);
  --gray:var(--grey);
  --primary:var(--accent);
  --primary-hover:var(--accent-2);
  --primary-ink:var(--on-accent);
  --good:var(--green);
  --warn:var(--amber);
  --content-max:100%;
  --wt-pad:clamp(6px, 2.2vw, 10px);
  --wt-gap:10px;
}

*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--wt-font-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif);line-height:1.5;font-size:15px}
body{user-select:none;-webkit-user-select:none}
input,textarea{user-select:text;-webkit-user-select:text}
html.drag-scroll,html.drag-scroll *{cursor:grabbing!important}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
table{font-family:var(--wt-font-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif)}
button,input,select,textarea{font-family:inherit}

*{scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--bg)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--faint)}
::-webkit-scrollbar-corner{background:var(--bg)}:root:not([data-theme="light"]):not([data-theme="paper"]){scrollbar-color:var(--line-strong) var(--bg)}:root:not([data-theme="light"]):not([data-theme="paper"]) *{scrollbar-color:var(--line-strong) var(--bg)}

html.wt-no-scrollbars,html.wt-no-scrollbars body,
html.wt-no-scrollbars *{scrollbar-width:none;-ms-overflow-style:none}
html.wt-no-scrollbars::-webkit-scrollbar,
html.wt-no-scrollbars *::-webkit-scrollbar{width:0;height:0;display:none}

header{position:sticky;top:0;background:var(--card);border:1px solid var(--border);border-radius:0 0 var(--r) var(--r);padding:7px 10px;margin:0 var(--wt-pad);z-index:1000 !important}
header .row{display:flex;align-items:center;gap:12px;justify-content:space-between;max-width:var(--content-max);margin:0 auto}
h1{font-size:20px;margin:0;white-space:nowrap}
header h1{font-weight:800;letter-spacing:-.01em}
.sub{color:var(--muted);font-size:12px}








.led-sub{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:8px}

header center,header .topnav-wrap{display:contents}

.wt-skip{position:absolute;left:8px;top:-48px;z-index:2000;padding:8px 12px;border-radius:8px;
  background:var(--card);color:var(--text);border:1px solid var(--border);font-size:13px;
  font-weight:700;text-decoration:none;box-shadow:var(--shadow)}
.wt-skip:focus,.wt-skip:focus-visible{top:8px;outline:2px solid var(--focus);outline-offset:2px}
.topnav{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;align-items:center;text-transform:uppercase}
.topnav a,.topnav .nav-dropbtn,.topnav .nav-submenu-btn,
.topnav .nav-dropdown-content a,.topnav .nav-submenu-content a{text-transform:uppercase}
.topnav a{color:var(--text);text-decoration:none;font-size:12px;font-weight:600;padding:4px 8px;border-radius:5px;white-space:nowrap;line-height:1.3;letter-spacing:.03em}
.topnav a:hover,.topnav a.active{background:var(--hover);color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav a{color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav a:hover,:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav a.active{background:rgba(255,255,255,0.15);color:var(--text)}

.topnav .nav-dropdown{position:relative;display:inline-block}
.topnav .nav-dropbtn{
  color:var(--text);text-decoration:none;font-size:12px;font-weight:600;
  padding:4px 8px;border-radius:5px;white-space:nowrap;line-height:1.3;letter-spacing:.03em;
  background:transparent;border:0;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;gap:3px;
}
.topnav .nav-dropdown-content{
  display:none;position:absolute;top:calc(100% + 2px);left:0;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
  min-width:110px;box-shadow:0 8px 16px rgba(0,0,0,.14);z-index:40;padding:4px;
}
.topnav .nav-dropdown-content a{
  display:block;padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;
  color:var(--text);text-decoration:none;white-space:nowrap;
}
.topnav .nav-dropdown:hover .nav-dropdown-content,
.topnav .nav-dropdown:focus-within .nav-dropdown-content,
.topnav .nav-dropdown.open .nav-dropdown-content{display:block}
.topnav .nav-dropdown:hover .nav-dropbtn,
.topnav .nav-dropdown:focus-within .nav-dropbtn,
.topnav .nav-dropdown.open .nav-dropbtn{background:var(--hover);color:var(--text)}
.topnav .nav-dropdown-content a:hover{background:var(--hover);color:var(--text)}
/* THE APPS ARE FLAT AGAIN, AND THE DIVIDER SITS BEFORE THE FIRST SPORT (2026-10-26).
   Operator: *"move the menu back to how it was, track, watch, parlays, singles, props,
   analytics"*. The last direct `<a>` in the top nav is ANALYTICS, so its next sibling is
   the first sport dropdown; hanging the rule there keeps the apps on the left of the line
   and starts the sports block exactly where it always did. */
.topnav > a:last-of-type + .nav-dropdown::before{
  content:"";
  align-self:center;margin:0 10px 0 12px;padding-left:10px;
  border-left:1px solid var(--border);
}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-dropbtn{color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-dropbtn:hover{background:rgba(255,255,255,0.15);color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-dropdown-content a{color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-dropdown-content a:hover{background:rgba(255,255,255,0.15);color:var(--text)}

.topnav .nav-dropdown-content{min-width:max(150px,100%);top:100%}
.topnav .nav-submenu{position:relative}
.topnav .nav-submenu-btn{
  display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;
  padding:6px 10px;font-size:12px;font-weight:600;color:var(--text);
  background:none;border:0;border-radius:6px;cursor:pointer;text-align:left;
  white-space:nowrap;font-family:inherit;line-height:1.3;letter-spacing:.03em;
}
.topnav .nav-submenu-btn:after{content:"\25b8";margin-left:auto;color:var(--muted);font-size:10px}
.topnav .nav-submenu-btn:hover{background:var(--hover)}
.topnav .nav-submenu-btn.active{background:var(--soft);color:var(--primary)}
.topnav .nav-submenu-content{
  display:none;position:absolute;left:100%;top:-4px;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
  min-width:130px;max-width:min(320px,calc(100vw - 24px));
  box-shadow:0 8px 16px rgba(0,0,0,.14);z-index:45;padding:4px;
}


.topnav .nav-submenu-content.submenu-scroll{
  max-height:min(72vh,420px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;
}


.topnav .nav-submenu-content.open-left{left:auto;right:100%}
.topnav .nav-submenu:hover > .nav-submenu-content,
.topnav .nav-submenu.open > .nav-submenu-content{display:block}
.topnav .nav-submenu-content a{
  display:block;padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;
  color:var(--text);text-decoration:none;white-space:nowrap;
}
.topnav .nav-submenu-content a:hover{background:var(--hover);color:var(--text)}
.topnav .nav-submenu-content a.active{background:var(--soft);color:var(--primary)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-btn{color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-btn:hover,:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-btn.active{background:rgba(255,255,255,0.15)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-content a{color:var(--text)}:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-content a:hover,:root:not([data-theme="light"]):not([data-theme="paper"]) .topnav .nav-submenu-content a.active{background:rgba(255,255,255,0.15)}
.topnav .nav-dropdown:last-child .nav-submenu-content{left:auto;right:100%}

.nav-menu-btn{
  display:none;  
  margin-right:6px;
  padding:6px 11px;
  border:1px solid var(--border);border-radius:8px;
  background:var(--card);color:var(--text);
  font-size:16px;line-height:1;cursor:pointer;
}
.nav-menu-btn:hover{background:var(--hover)}:root:not([data-theme="light"]):not([data-theme="paper"]) .nav-menu-btn{background:var(--surface-4);color:var(--text);border-color:var(--line-strong)}

.side-nav{
  position:fixed;top:0;right:0;bottom:0;
  width:min(320px,85vw);
  background:var(--card);border-left:1px solid var(--border);
  box-shadow:-8px 0 24px rgba(0,0,0,.2);
  z-index:1100;
  transform:translateX(100%);
  transition:transform .25s ease;
  display:flex;flex-direction:column;
  overflow-y:auto;padding:16px;gap:2px;
}
.side-nav.open{transform:translateX(0)}
.side-nav-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.45);
  z-index:1050;opacity:0;visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}
.side-nav-backdrop.show{opacity:1;visibility:visible}
body.side-nav-locked{overflow:hidden}

.side-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.side-nav-title{font-weight:800;font-size:16px;letter-spacing:.04em}
.side-nav-close{background:none;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px}
.side-nav-close:hover{color:var(--text)}
.side-nav-link{
  display:block;padding:10px 12px;border-radius:8px;
  color:var(--text);font-weight:800;font-size:14px;letter-spacing:.08em;text-decoration:none;
}
.side-nav-link:hover{background:var(--hover)}
.side-nav-link.active{background:var(--soft);color:var(--primary)}
.side-nav-group{margin:10px 12px 4px;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}
.side-nav-sub{
  display:block;padding:9px 12px 9px 24px;border-radius:8px;
  color:var(--muted);font-weight:600;font-size:13px;text-decoration:none;
}
.side-nav-sub:hover{background:var(--hover);color:var(--text)}
.side-nav-sub.active{background:var(--soft);color:var(--primary)}

@media(max-width:1280px){
  .topnav{display:none}
  .header-actions{display:flex;align-items:center;gap:6px}
  .nav-menu-btn{display:inline-block;order:2}
}

.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card);padding:7px 11px;border-radius:10px;font-weight:600;cursor:pointer;color:var(--text);font-size:13px}
.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}

.side-nav-group-btn{
  display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;
  margin:10px 0 0;padding:10px 12px;border:none;background:none;border-radius:8px;
  color:var(--text);font-weight:800;font-size:14px;letter-spacing:.08em;
  text-align:left;cursor:pointer;font-family:inherit;
}
.side-nav-group-btn:hover{background:var(--hover)}
.side-nav-group-btn .side-nav-caret{transition:transform .15s ease;color:var(--muted);font-size:11px}
.side-nav-group-btn.open .side-nav-caret{transform:rotate(90deg)}
.side-nav-subgroup{display:none;margin:2px 8px 6px;border-left:1px solid var(--border);padding-left:6px}
.side-nav-subgroup.open{display:block}
.side-nav-league-btn{
  display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border:none;background:none;border-radius:8px;
  color:var(--text);font-weight:700;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;
}
.side-nav-league-btn:hover{background:var(--hover)}
.side-nav-league-btn .side-nav-caret{transition:transform .15s ease;color:var(--muted);font-size:10px}
.side-nav-league-btn.open .side-nav-caret{transform:rotate(90deg)}
.side-nav-league-links{display:none;padding-left:4px}
.side-nav-league-links.open{display:block}
.side-nav-league-links .side-nav-sub{padding-left:14px}



.side-nav-league-links.side-nav-level-3{padding-left:9px}
.side-nav-league-links.side-nav-level-4{padding-left:9px}
.side-nav-league-btn.side-nav-level-3{font-size:12.5px;font-weight:600}
.side-nav-league-btn.side-nav-level-4{font-size:12px;font-weight:600;color:var(--muted)}
.side-nav-level-4 .side-nav-sub{padding-left:18px;font-size:12px}

.btn.primary:hover{background:var(--primary-hover)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.danger{background:var(--hover);border:1px solid var(--line-strong);color:var(--muted)}

button{border:1px solid var(--border);background:var(--card);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;box-shadow:none;user-select:none;font-size:13px}
button:hover{background:var(--hover)}
button.primary{font-weight:900;background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}
button.primary:hover{background:var(--primary-hover)}
button.active{border-color:var(--control-border-strong)}
button:disabled{opacity:.55;cursor:not-allowed}

.container{width:100%;max-width:var(--content-max);margin:var(--wt-gap) auto;padding:0 var(--wt-pad)}
.container-narrow{width:100%;max-width:var(--content-max);margin:var(--wt-gap) auto;padding:0 var(--wt-pad)}
.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wt-gap)}
@media(min-width:900px){.grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.grid > *{min-width:0}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px}
.card h2{margin:0 0 10px 0;font-size:16px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
header .row{justify-content:space-between;gap:12px;flex-wrap:nowrap}
header .row > div:first-child{flex:1 1 0;min-width:0}
header .topnav{flex:0 0 auto;min-width:0}
header .header-actions{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.full-width{max-width:100% !important;width:100%;padding-left:var(--wt-pad);padding-right:var(--wt-pad)}

label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--control-bg);color:var(--text);font-size:14px}
input,select,textarea{scrollbar-width:none;-ms-overflow-style:none}
input::-webkit-scrollbar,select::-webkit-scrollbar,textarea::-webkit-scrollbar{width:0;height:0;display:none}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input::placeholder,textarea::placeholder{color:var(--placeholder)}
textarea{min-height:80px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

.stats{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:820px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stat{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:12px;transition:border-color .15s ease, box-shadow .15s ease;min-width:0}
.stat:hover{border-color:var(--control-border-strong);box-shadow:var(--shadow)}
.stat .k{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.stat .v{font-weight:800;font-size:24px;margin-top:6px;white-space:nowrap;word-break:keep-all}
.stat .sub{font-size:11px;margin-top:2px;color:var(--muted)}







#stats .stat .k{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#stats .stat .v{font-size:clamp(12px, 1.3vw + 0.4rem, 18px);white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#stats .stat .sub{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.profit-pos{color:var(--green)} .profit-neg{color:var(--red)} .profit-zero{color:var(--muted)}

table{width:100%;border-collapse:collapse}
.actions button{background:none;border:0;padding:6px 8px;border-radius:8px;cursor:pointer;color:inherit}
.actions button:hover{background:var(--hover)}
.calc{font-size:12px;color:var(--muted);display:grid;gap:4px;margin-top:6px}
#powered-by{font-size:11px;color:var(--muted);text-align:center;margin:12px 0}
#powered-by a{color:var(--muted)}
thead th{font-size:12px;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--border);user-select:none;cursor:default;position:sticky;top:0;background:var(--card);z-index:1}
thead th.sortable{cursor:pointer}
tbody td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}
tbody tr{background:var(--card)}
tbody tr:nth-child(even){background:var(--table-stripe)}
tbody tr.won{box-shadow:inset 4px 0 var(--green)}
tbody tr.lost{box-shadow:inset 4px 0 var(--red)}
tbody tr.pending{box-shadow:inset 4px 0 var(--amber)}
tbody tr.push{box-shadow:inset 4px 0 var(--gray)}
tbody tr.selected{outline:2px solid var(--primary);outline-offset:-2px;background:var(--row-select)}
.mini-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;font-size:12px}
.mini-table th,.mini-table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left}
.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px}
.report-table th,.report-table td{border-bottom:1px solid var(--border);padding:8px;text-align:left;vertical-align:top}

td.league-cell{
  max-width:150px;min-width:88px;
  white-space:normal;
  overflow-wrap:break-word;
}

#tableScroller table th,#tableScroller table td{text-align:center;white-space:nowrap}
#tableScroller table th.desc-th,#tableScroller table td.desc-cell{text-align:left;white-space:normal}
#tableScroller table td.league-cell{white-space:normal}
#tableScroller table th.desc-th{width:auto}

.ledger-table{width:100%;border-collapse:collapse;font-size:14px}
.ledger-table th,.ledger-table td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.ledger-table thead th{
  position:sticky;top:0;background:var(--card);z-index:1;
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;
}
.ledger-table td.nowrap{white-space:nowrap}
.ledger-table td.party{text-align:center;vertical-align:middle}
.ledger-table td.party > .party{display:inline-flex;align-items:center;gap:7px;line-height:1.1;min-height:22px}
.ledger-table td.party > .party svg{width:18px;height:18px;flex:0 0 auto;opacity:.85}
.ledger-table td.party > .party img{width:20px;height:20px;border-radius:5px;flex:0 0 auto;object-fit:contain}
.ledger-table td.party > .party .nm{white-space:nowrap}
.ledger-table td.pos{color:var(--green);font-weight:700}
.ledger-table td.neg{color:var(--red);font-weight:700}
.ledger-table .muted{color:var(--muted)}
.ledger-table button.del{
  background:none;border:0;color:var(--muted);cursor:pointer;
  font-size:14px;line-height:1;padding:5px 8px;border-radius:8px;
}
.ledger-table button.del:hover{background:var(--hover);color:var(--red)}
.ledger-rows{max-height:420px}
.ledger-bookie-rows{border:1px solid var(--border);border-radius:12px}
.ledger-bookie-rows{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ledger-bookie-rows .mini-table{min-width:100%}
.ledger-bookie-rows td:first-child{max-width:220px}
@media(max-width:900px){
  #brBookieTable .col-count{display:none}
}
.br-stats .stat{min-width:0}
.br-stats .stat .v{overflow:hidden;text-overflow:ellipsis;font-size:clamp(16px,4.5vw,24px)}

.br-entry-row{display:flex;gap:10px;flex-wrap:wrap}
.br-entry-row > div{flex:1;min-width:130px}

#brStats{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){#brStats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){#brStats{grid-template-columns:1fr}}

.br-bottom-row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.br-bottom-row > div:first-child{flex:1;min-width:220px;display:flex;flex-direction:column}
.br-bottom-row > div:last-child{display:flex;min-width:120px}
.br-add-btn{flex:1;padding:8px 22px;font-size:13px;white-space:nowrap}





.pill-result{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:22px;padding:0 6px;
  border-radius:999px;font-size:12px;font-weight:800;line-height:1;
  white-space:nowrap;
}
.pill-result.won{background:var(--green-tint);color:var(--green)}
.pill-result.lost{background:var(--red-tint);color:var(--red)}
.pill-result.push{background:var(--soft);color:var(--muted)}
.pill-result.pending{background:var(--amber-tint);color:var(--amber)}
/* The parlay container header's own states (2026-10-26): still filling, set, in play. */
.pill-result.building{background:var(--amber-tint);color:var(--amber)}
.pill-result.locked{background:var(--soft);color:var(--muted)}
.pill-result.live{background:var(--soft);color:var(--accent);
  background:color-mix(in srgb,var(--accent) 16%,transparent)}

.pill-type{
  display:inline-flex;align-items:center;justify-content:center;
  padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap;
}
.pill-type.pos{background:var(--green-tint);color:var(--green)}
.pill-type.neg{background:var(--red-tint);color:var(--red)}
.pill-type.muted{background:var(--soft);color:var(--muted)}

.muted{color:var(--muted)}
.nowrap{white-space:nowrap}
.right{text-align:right}
.center{text-align:center}
.overflow{max-height:600px;overflow:auto;border:1px solid var(--border);border-radius:12px}
.footer-note{font-size:11px;color:var(--muted);margin-top:10px}
.section-title{font-weight:700;margin:8px 0 4px 0}
.hint{color:var(--muted)}

.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--hover);color:var(--text);font-size:12px;border:1px solid var(--line-strong)}
.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--hover);border:1px solid var(--line-strong);border-radius:6px;padding:0 6px;font-size:12px}

.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.seg button{border:0;background:var(--card);color:inherit;padding:6px 10px;font-weight:600;cursor:pointer}
.seg button.active{background:var(--hover);color:var(--text)}

.dropzone{border:2px dashed var(--border);border-radius:12px;padding:14px;text-align:center;color:var(--muted)}
.dropzone.dragover{background:var(--hover);border-color:var(--accent);color:var(--accent)}
.banner{border:1px solid var(--border);border-radius:12px;padding:10px;margin-top:12px;display:flex;gap:8px;align-items:center}
.banner.success{background:var(--green-tint);border-color:color-mix(in srgb,var(--green) 35%,transparent);color:var(--green)}
.banner.warn{background:var(--amber-tint);border-color:color-mix(in srgb,var(--amber) 35%,transparent);color:var(--amber)}
.banner.error{background:var(--red-tint);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:var(--red)}
.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}

.filters{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:900px){.filters{grid-template-columns:180px 180px 1fr 120px}}
.settings{display:flex;gap:10px;align-items:end;flex-wrap:wrap}

.charts-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.charts-grid{grid-template-columns:1fr 1fr}}
.chart-wrap{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card)}
.chart-title{font-size:12px;color:var(--muted);margin:0 0 6px 2px}

.pie-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.pie-grid{grid-template-columns:repeat(3,1fr)}}
.pie-wrap{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card)}
#chartProfit,.pie-grid canvas{width:100%;height:280px;display:block}
@media(max-width:640px){
  #chartProfit,.pie-grid canvas{height:220px}
}
@media(min-width:900px) and (max-width:1280px){
  #chartProfit,.pie-grid canvas{height:240px}
}
@media(min-width:1400px){
  #chartProfit,.pie-grid canvas{height:320px}
}
.pie-title{font-size:12px;color:var(--muted);margin:0 0 6px 2px}
canvas{width:100%;height:300px;display:block}

.header-actions{position:relative}
.menu{position:absolute;top:100%;margin-top:6px;right:0;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;display:none;box-shadow:0 10px 20px rgba(0,0,0,.08);min-width:160px;z-index:20}
.menu.show{display:block}
.menu > button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:transparent;color:inherit;border-radius:8px;box-shadow:none}
.menu > button:hover{background:var(--hover)}:root:not([data-theme="light"]):not([data-theme="paper"]) .menu > button:hover{background:var(--hover)}
.menu > button.active{background:var(--hover);color:var(--text)}

html[data-wt-accent="slate"]{--primary:#6b7280;--primary-hover:#4b5563;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="slate"]{--primary:#9ca3af;--primary-hover:#6b7280;--primary-ink:#101014}
html[data-wt-accent="blue"]{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="blue"]{--primary:#60a5fa;--primary-hover:#3b82f6;--primary-ink:#0b1220}
html[data-wt-accent="violet"]{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="violet"]{--primary:#a78bfa;--primary-hover:#8b5cf6;--primary-ink:#180f2e}
html[data-wt-accent="emerald"]{--primary:#047857;--primary-hover:#065f46;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="emerald"]{--primary:#34d399;--primary-hover:#10b981;--primary-ink:#05221a}
html[data-wt-accent="rose"]{--primary:#be123c;--primary-hover:#9f1239;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="rose"]{--primary:#fb7185;--primary-hover:#f43f5e;--primary-ink:#2a0912}
html[data-wt-accent="amber"]{--primary:#b45309;--primary-hover:#92400e;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="amber"]{--primary:#fbbf24;--primary-hover:#f59e0b;--primary-ink:#2c1b04}
html[data-wt-accent="cyan"]{--primary:#0e7490;--primary-hover:#155e75;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="cyan"]{--primary:#22d3ee;--primary-hover:#06b6d4;--primary-ink:#04252c}
html[data-wt-accent="orange"]{--primary:#c2410c;--primary-hover:#9a3412;--primary-ink:#ffffff}:root:not([data-theme="light"]):not([data-theme="paper"])[data-wt-accent="orange"]{--primary:#fb923c;--primary-hover:#f97316;--primary-ink:#2b1105}






[data-theme="dark"][data-wt-accent="slate"]{--primary:#9ca3af;--primary-hover:#6b7280;--primary-ink:#101014}
[data-theme="dark"][data-wt-accent="blue"]{--primary:#60a5fa;--primary-hover:#3b82f6;--primary-ink:#0b1220}
[data-theme="dark"][data-wt-accent="violet"]{--primary:#a78bfa;--primary-hover:#8b5cf6;--primary-ink:#180f2e}
[data-theme="dark"][data-wt-accent="emerald"]{--primary:#34d399;--primary-hover:#10b981;--primary-ink:#05221a}
[data-theme="dark"][data-wt-accent="rose"]{--primary:#fb7185;--primary-hover:#f43f5e;--primary-ink:#2a0912}
[data-theme="dark"][data-wt-accent="amber"]{--primary:#fbbf24;--primary-hover:#f59e0b;--primary-ink:#2c1b04}
[data-theme="dark"][data-wt-accent="cyan"]{--primary:#22d3ee;--primary-hover:#06b6d4;--primary-ink:#04252c}
[data-theme="dark"][data-wt-accent="orange"]{--primary:#fb923c;--primary-hover:#f97316;--primary-ink:#2b1105}

#settingsBtn{gap:6px}
#settingsBtn > [aria-hidden="true"]{font-size:14px;line-height:1;opacity:.9;transform:translateY(-.5px)}
.wt-settings{min-width:264px;padding:10px;display:none}
.wt-settings.wt-open{display:block}
.wt-settings.show:not(.wt-open){display:none}
.wt-set-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px;border-bottom:1px solid var(--border)}
.wt-set-title{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wt-settings .wt-set-reset{width:auto;min-height:0;display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted)}
.wt-set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border)}
.wt-set-row:last-of-type{border-bottom:0}
.wt-set-label{font-size:12px;font-weight:700;color:var(--text);margin:0}
.wt-set-hint{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.wt-set-seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card)}
.wt-settings .wt-set-seg button{width:auto;min-height:0;display:inline-block;margin:0;border:0;border-radius:0;background:var(--card);color:var(--muted);padding:5px 9px;font-size:12px;font-weight:700;box-shadow:none}
.wt-settings .wt-set-seg button + button{border-left:1px solid var(--border)}
.wt-settings .wt-set-seg button:hover{background:var(--hover);color:var(--text)}
.wt-settings .wt-set-seg button.active{background:var(--primary);color:var(--primary-ink)}





.wt-settings .wt-set-row:has(.wt-set-themes){flex-direction:column;align-items:stretch;gap:8px}
.wt-settings .wt-set-seg.wt-set-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;background:none;border:0;border-radius:0;overflow:visible;padding:0;width:100%}
.wt-settings .wt-set-seg.wt-set-themes button{border:1px solid var(--border);border-radius:8px;
  padding:6px 4px;font-size:11px;text-align:center}
.wt-settings .wt-set-seg.wt-set-themes button + button{border-left:1px solid var(--border)}
.wt-set-swatches{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.wt-settings .wt-set-sw{width:22px;height:22px;min-width:22px;min-height:0;padding:0;border-radius:999px;border:2px solid var(--border);background:var(--sw);box-shadow:inset -5px -5px 0 0 var(--sw-dark);cursor:pointer}
.wt-settings .wt-set-sw:hover{background:var(--sw);transform:scale(1.1)}
.wt-settings .wt-set-sw.active{border-color:var(--text);background:var(--sw);box-shadow:inset -5px -5px 0 0 var(--sw-dark),0 0 0 2px var(--card),0 0 0 3px var(--text)}
.wt-set-row input[type="checkbox"]{width:auto;min-height:0;margin:0;accent-color:var(--primary)}
.wt-set-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.wt-set-btn-label{white-space:nowrap}
@media (max-width:520px){
  .wt-settings{min-width:min(92vw,264px)}
  .wt-set-btn-label{
    position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  }
}

.trends-page{min-height:100vh;display:flex;flex-direction:column}
.trends-page .container{flex:1;display:flex;flex-direction:column;min-height:0}
.trends-page .trends-grid{
  display:flex;
  flex-direction:column;
  flex:1;
  width:100%;
  max-width:100%;
}
.trends-card,.odds-card{
  min-width:0;
  width:100%;
  max-width:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1;
}
.trends-card #trendTableWrap,.odds-card #oddsTableWrap{
  flex:1;
  min-height:0;
  max-height:none;
  display:flex;
  flex-direction:column;
  overflow:auto;
}
.trends-card #trendTable{
  width:100%;
  font-size:13px;
  border-collapse:collapse;
  table-layout:fixed;
}
.trends-card #trendTable th,.trends-card #trendTable td{
  width:20%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.trends-card thead th,.odds-card thead th{
  white-space:nowrap;
  font-size:12px;
  position:sticky;
  top:0;
  background:var(--card);
  z-index:1;
}
.trends-card tbody td{font-size:13px}
.trends-card .filters{grid-template-columns:1fr;flex-shrink:0}
@media(min-width:600px){.trends-card .filters{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}}
.trends-card .filters select{min-width:0;font-size:13px}
.trends-card .row:first-child,.odds-card .row:first-child{flex-shrink:0}
.green-text{color:var(--green)}
.red-text{color:var(--red)}
.filter-select{width:auto}
#liveStatus{background:var(--green-tint);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);font-size:11px;font-weight:700;letter-spacing:.04em;margin-left:4px}

.odds-page{min-height:100vh;display:flex;flex-direction:column}
.odds-page .container{flex:1;display:flex;flex-direction:column;min-height:0}
.odds-page .container > .card:not([id]){flex:0 0 auto}
.odds-page .container > .card[id]{flex:1;display:flex;flex-direction:column;min-height:0}
.odds-page #oddsTableWrap{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:auto}
.odds-page #oddsTable{flex:0 0 auto;min-height:0;min-width:100%;font-size:14px;border-collapse:collapse;table-layout:fixed}
.odds-page #oddsTable th,.odds-page #oddsTable td{padding:8px 12px;overflow:hidden;text-align:center;vertical-align:middle}
.odds-page #oddsTable th{white-space:nowrap}
.odds-page #oddsTable thead th{position:sticky;top:0;background:var(--card);z-index:1;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 12px}
.odds-page #oddsTable td.nowrap{white-space:nowrap}
.odds-page #oddsTable thead th:first-child{left:0;z-index:3;min-width:255px;width:255px}
.odds-page #oddsTable td.bk-matchup{position:sticky;left:0;z-index:2;background:var(--card);min-width:250px}
.odds-page #oddsTable tr.bk-game:hover td.bk-matchup{background:var(--hover)}
.odds-page #oddsTable .bk-matchup .bk-time{display:block;white-space:normal;overflow:visible;text-overflow:clip}
.odds-page #oddsTable tr.day-separator td.day-sep-date{position:sticky;left:0;z-index:2;width:255px;min-width:255px;max-width:255px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}

.odds-page #oddsTable tr.day-separator td{
  background:var(--soft);
  border-bottom:1px solid var(--border);
  border-top:1px solid var(--border);
  text-align:left;
  padding:6px 12px;
}
.odds-page #oddsTable tr.day-separator:hover td{background:var(--soft)}
.odds-page .day-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text);
}
.odds-page .day-badge::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--green);
}
.odds-page .day-count{font-size:11px;color:var(--muted);margin-left:8px}

.odds-page .matchup-col{line-height:1.3}
.odds-page .matchup-away{font-weight:700;font-size:13px}
.odds-page .matchup-home{font-weight:700;font-size:13px}
.odds-page #oddsTable td.center > div{font-size:17px;font-weight:700;line-height:1.3;min-height:24px}
.odds-page #oddsTable td.center > div.muted{font-size:17px;font-weight:700;line-height:1.3;min-height:24px;color:var(--text)}
.odds-page #oddsTable .matchup-col > div.muted{font-size:11px}

.schedule-page{min-height:100vh;display:flex;flex-direction:column}
.schedule-page .container{flex:1;display:flex;flex-direction:column;min-height:0}
.schedule-page #scheduleCard{flex:1;display:flex;flex-direction:column;min-height:0}
.schedule-page #scheduleTableWrap{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:auto}
.schedule-page #scheduleTable{width:100%;font-size:14px;border-collapse:collapse}
.schedule-page #scheduleTable thead th{position:sticky;top:0;background:var(--card);z-index:1;text-align:center}
.schedule-page #scheduleTable td.nowrap{white-space:nowrap}

.stat-num{font-variant-numeric:tabular-nums}
.winpct-badge{
  display:inline-block;
  min-width:46px;
  border-radius:999px;
  padding:2px 6px;
  font-size:11px;
  font-weight:700;
  text-align:center;
}
.winpct-good{background:var(--green-tint);color:var(--green)}
.winpct-bad{background:var(--red-tint);color:var(--red)}
.winpct-mid{background:var(--soft);color:var(--muted)}
.legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.legend .swatch{width:14px;height:14px;border-radius:4px;display:inline-block;vertical-align:middle;margin-right:3px}
.legend .swatch.W{background:var(--green)}
.legend .swatch.L{background:var(--red)}
.legend .swatch.T{background:var(--amber)}
.legend .swatch.LIVE{background:var(--line-strong);border:1px solid var(--green)}
.legend .swatch.P{background:var(--grey)}
.legend span{margin-right:10px;white-space:nowrap}

.sig-cal{border:1px solid var(--border);border-radius:var(--r);background:var(--card);padding:12px}
.sig-cal-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.sig-cal-title{font-size:14px;font-weight:800;color:var(--text)}
.sig-cal-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sig-cal-nav{display:flex;align-items:center;gap:4px}
.sig-cal-nav button{background:var(--soft);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer}
.sig-cal-nav button:hover{background:var(--hover)}
.sig-cal-month{min-width:128px;text-align:center;font-weight:700;font-size:13px;color:var(--text)}
.sig-cal-views{display:flex;gap:4px}
.sig-cal-views button{background:var(--soft);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;font-weight:600}
.sig-cal-views button:hover{background:var(--hover);color:var(--text)}
.sig-cal-views button.active{background:var(--green);border-color:var(--green);color:#fff}
.sig-cal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sig-cal-stat{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sig-cal-stat-k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.sig-cal-stat-v{font-size:15px;font-weight:800;color:var(--text);white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.sig-cal-stat-sub{font-size:10px;color:var(--muted);white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.sig-cal .pos{color:var(--green)!important}
.sig-cal .neg{color:var(--red)!important}
.sig-cal-body{overflow-x:auto}
.sig-cal-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.sig-cal-grid th{font-size:11px;color:var(--muted);padding:4px 2px;text-align:center;border-bottom:1px solid var(--border)}
.sig-cal-grid td{border:1px solid var(--border);text-align:center;vertical-align:top;padding:4px 2px;min-height:62px;height:62px;position:relative}
.sig-cal-cell{background:var(--card)}
.sig-cal-dim{background:var(--soft);opacity:.5}
.sig-cal-filled.cal-pos{background:color-mix(in srgb,var(--green) 10%,transparent)}
.sig-cal-filled.cal-neg{background:color-mix(in srgb,var(--red) 10%,transparent)}
.sig-cal-num{display:block;font-size:12px;font-weight:800;color:var(--muted)}
.sig-cal-rec{display:block;font-size:11px;font-weight:700;color:var(--text);margin-top:2px}
.sig-cal-units{display:block;font-size:11px;font-weight:700}
.sig-cal-pending{color:var(--amber);font-weight:800}
.sig-cal-scheme{display:block;font-size:11px;font-weight:700;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.sig-cal-scheme.pos{color:var(--green)}
.sig-cal-scheme.neg{color:var(--red)}
.sig-cal-stat-v.sig-cal-stat-multi{display:flex;flex-direction:column;gap:2px;white-space:normal;line-height:1.25}
.sig-cal-stat-multi .sig-cal-scheme{font-size:12px}

#signalStats .stat .v.roi-multi{
  display:flex;flex-direction:column;gap:2px;white-space:normal;line-height:1.2;
  min-width:0;overflow:visible;
}
.sig-stats-roi-line{
  display:block;font-size:clamp(10px, 0.8vw + 0.35rem, 13px);font-weight:800;
  white-space:normal;overflow-wrap:anywhere;line-height:1.3;
}
.sig-stats-roi-line.pos{color:var(--green)}
.sig-stats-roi-line.neg{color:var(--red)}
#signalStats .stat .sig-stats-multi{
  display:flex;flex-direction:column;gap:2px;white-space:normal;line-height:1.2;
  min-width:0;overflow:visible;margin-top:2px;
}
#signalStats .stat .sig-stats-multi .sig-stats-roi-line{font-size:clamp(9.5px, 0.7vw + 0.35rem, 11.5px);font-weight:700}
#signalStats .stat .v.record-line,
#todayStats .stat .v.record-line{
  display:flex;flex-direction:row;flex-wrap:wrap;
  align-items:center;justify-content:center;
  gap:4px 8px;white-space:nowrap;line-height:1;
}
.record-line .rec-cell{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;min-width:0}
.record-line .rec-cell b{font-size:clamp(13px, 1vw + 0.3rem, 15px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.record-line .rec-cell i{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.02em;color:var(--muted)}
.record-line .rec-cell.rec-win b{color:var(--green)}
.record-line .rec-cell.rec-loss b{color:var(--red)}
.record-line .rec-cell.rec-push b{color:var(--muted)}
@media(max-width:820px){
  #signalStats .stat .v.record-line,
  #todayStats .stat .v.record-line{flex-direction:column;gap:2px}
}


.sig-cal-week{width:100%;border-collapse:collapse}
.sig-cal-week th{font-size:11px;color:var(--muted);text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}
.sig-cal-week td{padding:6px 8px;border-bottom:1px solid var(--border);font-size:13px;text-align:left}
.sig-cal-week td.pos,.sig-cal-week td.neg{font-weight:800}
.sig-cal-week-label{font-weight:700}
.sig-cal-week-range{font-size:11px;color:var(--muted);font-weight:400}
.sig-cal-week-row.cal-pos{background:color-mix(in srgb,var(--green) 6%,transparent)}
.sig-cal-week-row.cal-neg{background:color-mix(in srgb,var(--red) 6%,transparent)}
.sig-cal-empty{color:var(--muted);font-size:13px;padding:14px;text-align:center}
.sig-cal-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--muted)}
.sig-cal-leg{display:inline-flex;align-items:center;gap:4px}
.sig-cal-leg .sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.sig-cal-leg .cal-s-pos{background:color-mix(in srgb,var(--green) 45%,transparent)}
.sig-cal-leg .cal-s-neg{background:color-mix(in srgb,var(--red) 45%,transparent)}
.sig-cal-leg .cal-s-pend{background:color-mix(in srgb,var(--amber) 45%,transparent)}
.sig-cal-note{margin-left:auto}
@media(max-width:720px){
  .sig-cal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sig-cal-controls{flex-direction:column;align-items:flex-start}
}

.sig-cal-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--muted)}

.rg-footer{margin-top:-14px;padding:0 16px 3px;text-align:center;font-size:9px;color:var(--muted);line-height:1.3}
.rg-footer a{color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap}



.btn{min-height:34px;box-sizing:border-box}
.filter-select{min-height:34px;box-sizing:border-box;padding:4px 8px}
.grade{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:6px;
  font-size:12px;font-weight:800;color:#fff;line-height:1;
  flex:0 0 auto;box-sizing:border-box;
}
.grade-A{background:#16a34a}.grade-B{background:#d97706}
.grade-C{background:#dc2626}
.grade-none{background:#52525b}

.hist-pill{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;
  letter-spacing:.05em;line-height:1.4;white-space:nowrap;box-sizing:border-box;
  background:var(--soft);color:var(--muted);border:1px solid var(--border);
}
.hist-pill.pill-mlb,
.hist-pill.pill-nfl,
.hist-pill.pill-nba,
.hist-pill.pill-wnba,
.hist-pill.pill-pm,
.hist-pill.pill-ml,
.hist-pill.pill-rl,
.hist-pill.pill-sp,
.hist-pill.pill-tot,
.hist-pill.pill-other{background:var(--soft);color:var(--muted);border:1px solid var(--border)}
.hist-pill.pill-conf-high{background:var(--green-tint);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent)}
.hist-pill.pill-conf-mid{background:var(--amber-tint);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent)}
.hist-pill.pill-conf-low{background:var(--red-tint);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,transparent)}

input[type="date"]{
  min-height:34px;box-sizing:border-box;padding:4px 8px;
  border:1px solid var(--border);border-radius:10px;
  background:var(--card);color:var(--text);
  font-family:inherit;font-size:13px;
}

.bot-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.bot-analytics-col{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:10px}
.bot-analytics-col .k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}
.bot-stats-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:2px 0;color:var(--text)}
.bot-stats-row .right{font-variant-numeric:tabular-nums;color:var(--muted)}

.wt-form{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:9px;font-weight:800;vertical-align:middle}
.wt-form b{padding:0 4px;border:1px solid var(--border);border-radius:4px;line-height:14px;color:var(--muted);background:var(--card)}
.wt-form b.good{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}
.wt-form b.bad{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}


html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

:root{
  --safe-b:env(safe-area-inset-bottom, 0px);
  --safe-l:env(safe-area-inset-left, 0px);
  --safe-r:env(safe-area-inset-right, 0px);
}


.card{padding:clamp(8px, 2.5vw, 12px)}

.season-page,.odds-page,.signals-page,.schedule-page{min-height:100dvh}

@media (hover:none){
  .topnav a,.topnav .nav-dropbtn,.topnav .nav-submenu-btn{
    min-height:36px;display:inline-flex;align-items:center;
  }
  .topnav .nav-dropdown-content a,
  .topnav .nav-submenu-content a{min-height:44px;display:flex;align-items:center}
}
button,.btn,select,input[type="date"],input[type="text"],input[type="number"]{min-height:34px}

@media (max-width:700px){
  #signalsTable,#historyTable,
  #seasonTable,.season-page #seasonTable{
    min-width:max(100%,560px);
  }
  #signalsTableWrap,#historyWrap,#seasonTableWrap,.season-page #seasonTableWrap{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
}

@media (max-width:480px){
  body{font-size:14px}
  header .row{flex-wrap:nowrap}
  header h1{font-size:clamp(15px, 4.6vw, 19px);margin:0}
  .topnav a,.topnav .nav-dropbtn,.topnav .nav-submenu-btn{font-size:11px;padding:4px 6px}
  .card h2{font-size:clamp(13px, 4vw, 16px)}
  #signalsTable,#historyTable{font-size:12px}
  #signalsTable tbody td,#signalsTable thead th,
  #historyTable tbody td,#historyTable thead th{padding:7px 6px}
  .stats{grid-template-columns:1fr}
  .mini-table{font-size:11px}
}

@media (max-width:380px){
  :root{--wt-pad:5px}
  .topnav a,.topnav .nav-dropbtn,.topnav .nav-submenu-btn{font-size:10px;padding:3px 5px}
  #signalsTable,#historyTable,
  #seasonTable,.season-page #seasonTable{min-width:max(100%,480px)}
  .bot-analytics-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
}