/* Table chat: wrap controls within the rail and keep private controls in normal flow. */
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;height:auto!important;min-height:36px!important;max-height:none!important;overflow:visible!important;padding:6px!important;box-sizing:border-box!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>button{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:30px!important;padding:4px 8px!important;white-space:nowrap!important;font-size:12px!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>.chatTabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;flex:1 0 100%!important;order:2!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;gap:4px!important;padding:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>.chatTabs>button{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:30px!important;padding:4px 8px!important;white-space:nowrap!important;font-size:12px!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>.chatTabs>.privateConversationTabs{flex:1 1 100%!important;order:3!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>.socialClose{order:0!important;margin-left:auto!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.socialToolBar>.chatTabs>[hidden]{display:none!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatHead{display:flex!important;position:static!important;flex:0 0 auto!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;height:auto!important;min-height:34px!important;max-height:none!important;padding:6px!important;overflow:visible!important;box-sizing:border-box!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatHead>div{flex:1 1 auto!important;min-width:0!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatHead h2{margin:0!important;font-size:14px!important;line-height:1.3!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatHead .eyebrow{display:none!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatHead>.spectatorChatOwnerControl{position:static!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;height:auto!important;min-height:30px!important;white-space:normal!important;font-size:12px!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.privateRecipient{position:static!important;flex:0 0 auto!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;min-width:0!important;margin:6px!important;box-sizing:border-box!important;min-height:32px!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.darkPrivateCallButtons{position:static!important;display:flex!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;gap:6px!important;margin:0!important;padding:0 6px 6px!important;transform:none!important;box-sizing:border-box!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .richChat[data-chat-context="table"]>.chatMessages{flex:1 1 0!important;min-height:0!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important}

.tableGiftTransient{position:fixed;z-index:2400;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(240px,75vw);pointer-events:none;animation:tableGiftAppear .3s ease-out}
.tableGiftTransient img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}
.tableGiftTransient>b{font-size:64px;line-height:1.2}
.tableGiftTransient>span{color:#fff3cd;background:#14251feF;border:1px solid #b99a55;border-radius:8px;padding:5px 9px;font:600 12px/1.4 system-ui;text-align:center;overflow-wrap:anywhere}

@keyframes tableGiftAppear{from{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.tableGiftTransient{animation:none}}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .gameSocialLauncher .tableUnreadBadge{position:absolute!important;right:8%!important;top:7%!important;z-index:5!important;display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;background:#dc263c!important;color:#fff!important;font:800 11px/1 system-ui!important;box-shadow:0 2px 8px #0008!important;pointer-events:none!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .gameSocialLauncher .tableChatLauncher.hasUnread>span{color:#ffe493!important;text-shadow:0 0 8px #ffae32!important}
html body #root#root#root#root#root#root#root#root :is(main.gameScreen,.darkAddonChatScreen) .newTableMessageToast{display:block!important;position:fixed!important;left:50%!important;top:80px!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;z-index:2500!important;width:max-content!important;max-width:calc(100vw - 24px)!important;padding:10px 16px!important;border:1px solid #f1ca65!important;border-radius:12px!important;background:#263b36!important;color:#fff1c6!important;font:700 14px/1.4 system-ui!important;box-shadow:0 4px 18px #0009!important;cursor:pointer!important;pointer-events:auto!important}
