/* DARK Salon: visual treatment only; game table/rack styles remain independent. */
html[data-theme="dark"]{--salon-bg:#111820;--salon-panel:#1a2430;--salon-raised:#243140;--salon-line:#364556;--salon-text:#edf2f7;--salon-muted:#b2bfcd;--salon-accent:#ac94f3}
html[data-theme="light"]{--salon-bg:#dce1e7;--salon-panel:#f0f2f5;--salon-raised:#e4e8ee;--salon-line:#bbc5d1;--salon-text:#263545;--salon-muted:#536477;--salon-accent:#6846a8}
html body #root#root#root#root#root main.entertainmentLobby{background:var(--salon-bg)!important;color:var(--salon-text)!important}
html body #root#root#root#root#root :is(main.entertainmentLobby>.topbar,.userSettingsHead){background:var(--salon-panel)!important;border-color:var(--salon-line)!important;box-shadow:0 4px 16px #00000012!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.tablesArea,.lobbyChatFloor,.lobbyPeopleRail,.mobileLobbyChat,.mobileTableCard){background:var(--salon-panel)!important;border:1px solid var(--salon-line)!important;box-shadow:0 8px 24px #0000000d!important;border-radius:14px!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersHead,.onlineUsersPanel,.onlineUserStats,.onlineListFilters,.onlineSearch,.chatPanel,.chatMessages,.chatTabs,.chatInputRow,.lobbyChatMain,.lobbyChatQuickActions,.mobileChatTitle){background:var(--salon-panel)!important;border-color:var(--salon-line)!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersHead){background:var(--salon-raised)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.onlineUserRow,.funTableCard,.lobbyEmpty){background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;box-shadow:none!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(h2,h3,.lobbyTablesTitle,.onlineUsersHead,.lobbyChatFloorHead,.empty,.empty b){color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.eyebrow,.chatEmpty,.empty p,.lobbyTablesTitle small,.onlineUsersHint,.onlineUserIdentity small,.onlineUserPoints,.lobbyChatFloorHead span,.onlineUsersHead span,.onlineUsersHead p){color:var(--salon-muted)!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserStats span{background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;color:var(--salon-text)!important;font-size:13px!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserIdentity .styledName b{color:inherit!important}
html body #root#root#root#root#root .entertainmentLobby .lobbySystemNotice{background:var(--salon-raised)!important;color:var(--salon-muted)!important;border-left:3px solid #9b82d6!important}
html body #root#root#root#root#root .entertainmentLobby .lobbySystemNotice span{color:var(--salon-muted)!important}
html body #root#root#root#root#root .entertainmentLobby :is(input,select){background:var(--salon-bg)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important}
html body #root#root#root#root#root .entertainmentLobby button:not(.onlineUserRow):not(.active):not(.primary):not(.joinFun){background:var(--salon-raised)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby :is(button.active,button.primary,.joinFun){background:#7051b5!important;color:#fff!important;border-color:#896bc9!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner{background:linear-gradient(110deg,#263447,#332944)!important;border:1px solid #536076!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner strong{color:#f0e8ff!important;animation:none!important;opacity:1!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner span{color:#c4ccdb!important}
html body #root#root#root#root#root .userSettingsModal{background:var(--salon-panel)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body #root#root#root#root#root .userSettingsContent{overflow-y:auto!important;min-height:0!important}
html body #root#root#root#root#root .userSettingsModal :is(.settingsGroup,.settingsProfilePreview,.appearanceSettings,.membershipPlanCard,.settingsPaneIntro){background:var(--salon-raised)!important;color:var(--salon-text)!important;border-color:var(--salon-line)!important}
html body #root#root#root#root#root .userSettingsModal :is(label,h2,h3,summary,.settingsGroupTitle b,.settingsPaneIntro b){color:var(--salon-text)!important}
html body #root#root#root#root#root .userSettingsModal :is(label,summary){font-size:13px!important;letter-spacing:.025em!important}
html body #root#root#root#root#root .userSettingsModal :is(p,small,.settingsGroupTitle span,.settingsPaneIntro span){color:var(--salon-muted)!important}
html body #root#root#root#root#root .userSettingsModal :is(input,select){background:var(--salon-bg)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;border-radius:8px!important;min-height:40px!important;padding:8px!important;width:100%!important}
html body #root#root#root#root#root .userSettingsModal input[type=checkbox]{width:18px!important;min-height:18px!important;accent-color:#8b6cc7!important}
html body #root#root#root#root#root .appearanceForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html body #root#root#root#root#root .appearanceSelectionPreview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#263346;color:#e5dafa;padding:12px;border-radius:10px;margin-bottom:16px}
html body #root#root#root#root#root .appearanceSelectionPreview img{width:32px;height:24px;object-fit:contain}
html body #root#root#root#root#root .appearanceChatPreview{background:#f1f4f8;padding:6px 10px;border-radius:6px}
html body #root#root#root#root#root .appearanceCatalogRow{background:var(--salon-panel)!important;border:1px solid var(--salon-line)!important;padding:8px!important;border-radius:8px!important;margin:8px 0!important}
html body #root#root#root#root#root .appearanceSettings details{margin-top:22px!important;border-top:1px solid var(--salon-line)!important;padding-top:16px!important}
@media(min-width:1000px){html body #root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.3fr) minmax(250px,300px)!important}}
@media(max-width:600px){html body #root#root#root#root#root .appearanceForm{grid-template-columns:minmax(0,1fr)!important}}

html body #root#root#root#root#root .entertainmentLobby :is(.socialToolBar,.chatSend){background:var(--salon-panel)!important;border-color:var(--salon-line)!important}
html body #root#root#root#root#root .entertainmentLobby .tableMeta{background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;color:var(--salon-text)!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .tableMeta span{color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserPoints{font-size:13px!important;line-height:18px!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserPoints :is(span,small,b){font-size:12px!important;color:var(--salon-muted)!important}