/* Live inbox: the approved chat mockup, scoped to the shared chat overlay. */
#room_chat{--line:var(--studio-line);--text:var(--studio-text);--muted:var(--studio-subtle);--accent:var(--studio-purple);--deep:var(--studio-sidebar);--surface:var(--color-game-card);position:fixed;right:24px;bottom:24px;z-index:80;display:none;grid-template-columns:320px minmax(0,1fr);width:min(1300px,calc(100vw - 48px));height:min(900px,calc(100dvh - 110px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 20px 70px var(--studio-backdrop);color:var(--text);font:400 14px/1.65 'Noto Sans',sans-serif;color-scheme:dark}
#room_chat.show{display:grid}#room_chat.expanded{inset:16px;width:calc(100% - 32px);height:calc(100dvh - 32px)}
#room_chat *{box-sizing:border-box}#room_chat :is(h2,h3,p,ul){margin:0;padding:0}#room_chat ul{list-style:none}#room_chat [hidden]{display:none!important}
#room_chat :is(button,input,textarea){font:inherit;color:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}#room_chat button{cursor:pointer;line-height:1.5}#room_chat button:disabled{opacity:.4;cursor:not-allowed}#room_chat :is(button,a,input,textarea):focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent)}#room_chat svg{width:16px;height:16px;flex-shrink:0}
#room_chat .chat_list{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--deep);border-right:1px solid var(--line)}
#room_chat .chat_inbox_heading{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 17px}#room_chat h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.5}
#room_chat .chat_count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--studio-selected);color:var(--accent);font-size:11px}
#room_chat .chat_button{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted)}#room_chat .chat_button:hover{background:var(--studio-hover);color:var(--text)}
#room_chat .chat_search{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--muted)}#room_chat .chat_search input{width:100%;min-width:0;background:none;border:0;padding:10px 0;outline:none;font-size:13px}#room_chat .chat_search input:focus-visible{box-shadow:none}#room_chat .chat_search:focus-within{border-color:var(--accent)}
#room_chat .chat_module{overflow:auto;flex:1;min-height:0;padding:0 10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}#room_chat h3{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted);padding:9px 12px;text-transform:uppercase}#room_chat ul+h3{margin-top:12px}
#room_chat .chat_person{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:14px 11px;margin:2px 0;border:1px solid transparent;border-radius:10px;background:none}#room_chat .chat_person:hover{background:var(--studio-surface)}#room_chat .active .chat_person{background:var(--studio-selected);border-color:var(--studio-switch-border)}
#room_chat .chat_avatar,.chat_profile_card .chat_avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--studio-line);border-radius:13px;background:var(--studio-surface);color:var(--studio-purple);font-size:13px;font-weight:600;position:relative}#room_chat .chat_avatar img,.chat_profile_card .chat_avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}#room_chat .chat_avatar.is_online:after{content:'';position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--studio-green);border:2px solid var(--deep)}
#room_chat .chat_person_label{flex:1;min-width:0}#room_chat .chat_person_label strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#room_chat .last_text{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#room_chat .chat_person_meta{display:flex;align-items:flex-end;flex-direction:column;gap:9px;font-size:10px;color:var(--muted)}#room_chat .chat_unread_dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}#room_chat .unread:not(.active) .chat_person{background:var(--studio-surface)}
#room_chat .chat_self{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:16px;color:var(--text);text-decoration:none}#room_chat .chat_self>span:last-child{min-width:0}#room_chat .chat_self .chat_avatar{width:32px;height:32px;flex-basis:32px;border-radius:50%}#room_chat .chat_self strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#room_chat .chat_self small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
#room_chat .chat_content{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}#room_chat .chat_header{height:83px;flex-shrink:0;border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;gap:12px;position:relative;background:var(--surface)}
#room_chat .chat_contact{display:flex;gap:12px;align-items:center;min-width:0;flex:1;text-align:left;background:none;border:0;padding:0;border-radius:7px}#room_chat .chat_contact_info{min-width:0}#room_chat .chat_contact strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#room_chat .chat_contact small{display:block;font-size:11px;color:var(--muted);margin-top:3px}#room_chat .chat_contact small.is_online{color:var(--studio-green)}#room_chat .chat_actions{display:flex;gap:6px;flex-shrink:0}#room_chat #chat_back{display:none}
#room_chat .chat_menu{position:absolute;right:25px;top:66px;width:230px;z-index:5;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--studio-surface);box-shadow:0 10px 30px var(--studio-backdrop)}#room_chat .chat_menu button{display:flex;align-items:center;gap:10px;padding:12px;width:100%;text-align:left;border:0;background:none;border-radius:6px;font-size:13px}#room_chat .chat_menu button:hover{background:var(--studio-hover)}#room_chat #chat_remove{color:var(--color-red-500)}
#room_chat .chat_module_div{display:flex;flex-direction:column;flex:1;min-height:0}#room_chat .chat_text{flex:1;min-height:0;overflow:auto;padding:24px 30px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain;overflow-anchor:none}
#room_chat .day{display:flex;align-items:center;justify-content:center;gap:16px;margin:5px 0 28px;color:var(--muted);font-size:11px}#room_chat .day:before,#room_chat .day:after{content:'';height:1px;width:60px;background:var(--line)}
#room_chat .chat_message{display:flex;align-items:flex-end;gap:10px;margin-bottom:20px}#room_chat .chat_message>.chat_avatar{width:28px;height:28px;flex-basis:28px;border-radius:9px;margin-bottom:23px}#room_chat .chat_bubble_wrap{max-width:75%;min-width:0}#room_chat .bubble{padding:13px 17px;background:var(--studio-surface);border:1px solid var(--line);border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:var(--text);text-align:left}#room_chat .chat_message_time{display:block;font-size:10px;color:var(--muted);margin-top:5px}#room_chat .chat_message.me{justify-content:flex-end}#room_chat .me .bubble{background:var(--studio-selected);border-color:var(--studio-switch-border);border-radius:14px 14px 4px 14px}#room_chat .me .chat_message_time{text-align:right}#room_chat .bubble a{color:var(--accent)}#room_chat .bubble .emoji{max-width:100%;max-height:80px;vertical-align:middle}
#room_chat #chat_history{display:block;margin:0 auto 22px;border:1px solid var(--line);border-radius:20px;background:var(--deep);padding:6px 12px;color:var(--muted);font-size:11px}
#room_chat .chat_add{padding:16px 24px 18px;margin:0;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}#room_chat .chat_add_content{display:flex;align-items:flex-end;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--deep)}#room_chat .chat_add_content:focus-within{border-color:var(--accent)}
#room_chat #chat_add{resize:none;flex:1;min-width:0;width:100%;border:0;box-shadow:none;background:none;padding:0;color:var(--text);min-height:48px;max-height:100px;font-size:14px;line-height:1.7;outline:none}#room_chat #chat_send{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:0;border-radius:9px;background:var(--game-primary);color:var(--text-strong)}
#room_chat .chat_compose_hint{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:10px}#room_chat :is(.is_invalid,#chat_send_error){color:var(--color-red-500)}#room_chat #chat_send_error{font-size:12px;margin-top:8px}
#room_chat .chat_state{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;color:var(--muted);padding:30px}#room_chat .chat_state_icon{width:62px;height:62px;border:1px solid var(--studio-switch-border);border-radius:18px;background:var(--studio-selected);display:grid;place-items:center;color:var(--accent);margin-bottom:8px}#room_chat .chat_state_icon svg{width:24px;height:24px}#room_chat .chat_state p{font-size:13px;max-width:340px}#room_chat .chat_module .chat_state{padding:12px;min-height:120px}#room_chat .chat_module .chat_state_icon{width:36px;height:36px;border-radius:10px}#room_chat .chat_module .chat_state_icon svg{width:16px;height:16px}
#room_chat .chat_retry{padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--studio-surface)}#room_chat #chat_history_status .chat_state{min-height:0;padding:8px 16px 20px}#room_chat #chat_history_status .chat_state_icon{display:none}#room_chat .chat_no_results{padding:20px 12px;color:var(--muted);font-size:13px}
body:has(#room_chat.show) #popup_content .popup_content{z-index:100}.chat_profile_card .chat_avatar{margin:0 auto 18px}.chat_profile_card{text-align:center}.chat_profile_card a{display:block;color:var(--studio-purple);margin-top:12px}
@media(max-width:1000px){#room_chat{grid-template-columns:280px minmax(0,1fr);right:16px;bottom:16px;width:calc(100vw - 32px)}#room_chat .chat_text{padding:22px}#room_chat .chat_bubble_wrap{max-width:88%}#room_chat .chat_header{padding:16px}#room_chat .chat_actions{gap:0}}
@media(max-width:700px){#room_chat,#room_chat.expanded{inset:0;width:100%;height:100dvh;border-radius:0;grid-template-columns:minmax(0,1fr)}#room_chat .chat_list{height:100%;border-right:0}#room_chat .chat_content{height:100%;display:none}#room_chat.show_conversation .chat_list{display:none}#room_chat.show_conversation .chat_content{display:flex}#room_chat #chat_back{display:grid}#room_chat .chat_header{height:76px;padding:12px 10px;gap:7px}#room_chat .chat_header .chat_avatar{width:32px;height:32px;flex-basis:32px;border-radius:10px}#room_chat .chat_contact{gap:9px}#room_chat .chat_contact strong{font-size:13px}#room_chat .chat_contact small{font-size:10px}#room_chat #chat_expand{display:none}#room_chat .chat_text{padding:20px 14px}#room_chat .chat_bubble_wrap{max-width:85%}#room_chat .bubble{padding:11px 13px;font-size:14px}#room_chat .chat_add{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#room_chat .chat_menu{right:12px}}