/* Quiet surfaces: hierarchy comes from spacing and type rather than nested frames. */
:root{--ts-surface:var(--ui-p-142b39,#142b39);--ts-head:var(--ui-p-193241,#193241);--ts-hover:var(--ui-p-1c3645,#1c3645);--ts-line:var(--ui-p-ffffff0c,#ffffff0c);--ts-text:var(--ui-p-dce8ef,#dce8ef);--ts-muted:var(--ui-p-93acbb,#93acbb);--ts-current:var(--ui-p-b7f76b,#b7f76b);--ts-track:var(--ui-p-294352,#294352)}
html[data-theme=light]{--ts-surface:var(--ui-p-ffffff,#fff);--ts-head:var(--ui-p-f3f6f8,#f3f6f8);--ts-hover:var(--ui-p-f0f5f8,#f0f5f8);--ts-line:var(--ui-p-203b4b0c,#203b4b0c);--ts-text:var(--ui-p-294454,#294454);--ts-muted:var(--ui-p-6b8290,#6b8290);--ts-current:var(--ui-p-467426,#467426);--ts-track:var(--ui-p-e0e9ef,#e0e9ef)}
/* Rewards share the page's navy palette; only the current level gets an accent. */
html[data-theme] body #level-rewards .tc-level-rewards{border:0!important;background:var(--ts-surface)!important;box-shadow:none!important}
html[data-theme] body #level_system{border:0!important;border-collapse:collapse!important;background:transparent!important}
html[data-theme] body #level_system :is(thead,thead tr,th){background:var(--ts-head)!important;color:var(--ts-muted)!important;border:0!important}
html[data-theme] body #level_system tbody tr,html[data-theme] body #level_system td{background:transparent!important;color:var(--ts-text)!important;border:0!important;border-bottom:1px solid var(--ts-line)!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body #level_system tbody tr:hover td{background:var(--ts-hover)!important}
html[data-theme] body #level_system tr.hovered td{background:var(--ts-head)!important;color:var(--ts-text)!important}
html[data-theme] body #level_system tr.hovered td:first-child{box-shadow:inset 3px 0 var(--ts-current)!important;color:var(--ts-current)!important}
html[data-theme] body #level_system tr:last-child td{border-bottom:0!important}
/* Slim progress track; percentage sits outside instead of inside a pill frame. */
html[data-theme] body .tc-level-summary{padding:24px!important;background:var(--ts-surface)!important;border:0!important;border-radius:calc(12px * var(--ui-radius-scale,1))!important;text-align:left!important;color:var(--ts-text)!important}
.tc-level-overview-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.tc-level-kicker{font:650 10px Inter,Arial,sans-serif;letter-spacing:1px;color:var(--ts-muted)}
html body .tc-level-overview h2{margin:6px 0 0;font:750 23px/1.2 Inter,Arial,sans-serif;color:var(--ts-text)}
.tc-level-next{display:flex;flex-direction:column;gap:5px;text-align:right;font:12px Inter,Arial,sans-serif;color:var(--ts-muted)}
.tc-level-next strong{color:var(--ts-text);font-size:14px}
.tc-level-totals{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font:12px/1.6 Inter,Arial,sans-serif;color:var(--ts-muted)}
.tc-level-totals b{font-weight:600;color:var(--ts-text);margin-left:5px;font-variant-numeric:tabular-nums}
html body :is(.tc-level-summary,.tc-level-card) .profile_progress{padding:0!important;margin:14px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%}
html body :is(.tc-level-summary,.tc-level-card) .progress_inner{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:16px;height:auto!important}
html body :is(.tc-level-summary,.tc-level-card) .progress_wrapper{height:6px!important;min-height:6px!important;flex:1;background:var(--ts-track)!important;border:0!important;border-radius:99px!important;padding:0!important;box-shadow:none!important;overflow:hidden}
html body :is(.tc-level-summary,.tc-level-card) #wager_progress_fill{height:100%!important;border-radius:99px!important;background:var(--ui-p-a9e866,#a9e866)!important;box-shadow:none!important}
html body :is(.tc-level-summary,.tc-level-card) #wager_progress_pct{font:600 11px/16px Inter,Arial,sans-serif!important;color:var(--ts-muted)!important;min-width:28px;text-align:right}
html body .tc-level-remaining{margin:10px 0 0!important;font:12px/1.6 Inter,Arial,sans-serif!important;color:var(--ts-muted)!important;text-align:left!important}
html body .tc-level-card .profile_progress_head{font-size:11px;color:var(--ts-muted);margin-bottom:8px}
@media(max-width:640px){html body .tc-level-summary{padding:18px!important}.tc-level-overview-head{margin-bottom:18px}.tc-level-totals{font-size:11px}html body .bet_history:not(.tc-level-rewards){padding:12px!important}html[data-theme] body .bet_history_table td{padding:13px 12px!important}}

/* Keep ledger numbers readable, including legacy inline payout/profit colours. */
html body .bet_history .bet_history_tabs button{font-size:14px!important}
html[data-theme] body .bet_history_table tr td{font-size:14px!important;line-height:21px}
html[data-theme] body .bet_history_table tr th{font-size:12px!important;line-height:18px;letter-spacing:.02em}
html body .bet_history_table [data-money-display]{--tc-money-size:14px!important}
html[data-theme=light] body .bet_history_table td span{color:var(--ui-p-294454,#294454)!important}
html[data-theme=light] body .bet_history_table td :is(.text-success,.is-win,[style*="#c6ff81"],[style*="198, 255, 129"]){color:var(--ui-p-326d22,#326d22)!important}
html[data-theme=light] body .bet_history_table td :is(.text-danger,.is-loss){color:var(--ui-p-b7374d,#b7374d)!important}
@media(max-width:640px){html[data-theme] body .tc-lobby-bets .bet_history_table :is(th,td){padding:11px 12px!important}}

