/* Autobet session stats (Rolls / Profit) as two separate label-over-value cards.
 * Loaded after tronclick-mobile-games.css and tronclick-limbo.css; body:has() + doubled id = (3,0,2), outranking their per-game rules (max 2,2,2).
 * Markup differs per game: #profit_loss_box is either the .game_action_bar_2 row (limbo, plinko, wheel, sicbo,
 * chuck-a-luck) or a wrapper around it (keno). Inline display:none (box hidden until autobet) is respected. */
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box:not([style*="display: none"]){display:grid!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:8px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box>.game_action_bar_2{display:grid!important;grid-column:1/-1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box>div:not(.game_action_bar_2),
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box>.game_action_bar_2>div{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:2px!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px 11px!important;border:1px solid var(--gs-line,#33505f)!important;border-radius:calc(10px * var(--ui-radius-scale,1))!important;background:var(--gs-field,#102532)!important;box-shadow:none!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box .label{display:block!important;margin:0!important;padding:0!important;color:var(--gs-muted,#8fa8b8)!important;font:600 10px/14px Inter,Arial,sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-align:left!important;white-space:nowrap}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box .input_wrapper{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input:is(#number_rolls,#profit_loss){display:block!important;width:100%!important;max-width:none!important;height:22px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--gs-ink,#eef6fb)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;font:700 16px/22px Inter,Arial,sans-serif!important;font-variant-numeric:tabular-nums;text-align:left!important;text-overflow:ellipsis}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input#profit_loss.tc-pos{color:var(--ui-p-4ade80,#4ade80)!important}
html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input#profit_loss.tc-neg{color:var(--ui-p-f87171,#f87171)!important}
html[data-theme=light] body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input#profit_loss.tc-pos{color:var(--ui-p-15803d,#15803d)!important}
html[data-theme=light] body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input#profit_loss.tc-neg{color:var(--ui-p-dc2626,#dc2626)!important}
@media(max-width:600px){
 html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box>div:not(.game_action_bar_2),
 html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box>.game_action_bar_2>div{padding:6px 10px!important;border-radius:calc(9px * var(--ui-radius-scale,1))!important}
 html body:has(#profit_loss_box) #profit_loss_box#profit_loss_box input:is(#number_rolls,#profit_loss){height:20px!important;font-size:14px!important;line-height:20px!important}
}
