.communication-hub{padding:0!important;min-height:calc(100dvh - 150px);background:linear-gradient(145deg,#eef9ff,#eaf4ff)}
.gchat-inbox{padding:18px 16px 90px}.gchat-inbox-head{display:flex;gap:12px;align-items:center}.gchat-search{display:flex;align-items:center;gap:10px;flex:1;background:#fff;border:1px solid #d8e8f5;border-radius:22px;padding:0 16px;box-shadow:0 10px 30px #0875d010}.gchat-search input{width:100%;border:0;background:transparent;padding:15px 0;font-size:16px;outline:0;color:#17304f}.gchat-compose{border:0;border-radius:20px;width:52px;height:52px;background:linear-gradient(145deg,#ffe563,#ffc928);font-size:25px;color:#064d98}.gchat-filters{display:flex;gap:10px;overflow:auto;padding:16px 0}.gchat-filters button{border:1px solid #d4e2ef;background:#fff;color:#075ba9;border-radius:22px;padding:11px 18px;font-weight:800;white-space:nowrap}.gchat-filters button.active{background:#0879dc;color:#fff}.gchat-list{display:grid;gap:12px}.gchat-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid #d7e6f2;border-radius:23px;background:#fff;padding:12px 15px;text-align:left;color:#132c4c;box-shadow:0 9px 22px #075cad0a}.gchat-row .avatar{width:54px;height:54px}.gchat-row-main{min-width:0;display:grid}.gchat-row-title{display:flex;align-items:center;gap:5px;font-size:16px}.gchat-row-presence{font-size:12px;font-weight:750;color:#0782df}.gchat-row-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68798d;margin-top:3px}.gchat-row-side{align-self:start;display:grid;justify-items:end;gap:8px;color:#8b99a9;font-size:12px}.unread-pill{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:12px;background:#087ddd;color:#fff;font-weight:900}.identity-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:12px;color:white;font-weight:900}.identity-badge.admin{background:#e8b514;color:#14274a}.identity-badge.team{background:#10a86b}.identity-badge.verified{background:#1688eb}.communication-hub.inbox-ready>.chat-tabs,.communication-hub.inbox-ready>.chat-layout:not(:has(.conversation.open)),.communication-hub.inbox-ready>.group-hub:not(:has(.group-conversation[data-group]:not([data-group="0"]))),.communication-hub.inbox-ready>.calls-hub{display:none}
.conversation,.group-conversation{position:relative;background:#041327 url('gchat-wallpaper.png') center/cover fixed;color:#fff}.conversation #messages,.group-conversation #groupMessages{background:linear-gradient(#03132add,#03132add),url('gchat-wallpaper.png') center/cover fixed!important}.conversation #messages:before,.group-conversation #groupMessages:before{content:'🔒 Messages and calls are protected on GChat.';display:block;max-width:440px;margin:8px auto 18px;text-align:center;color:#ffd75a;font-weight:800}.conversation .chat-heading,.group-conversation .chat-heading{z-index:5;margin:10px;border:0;border-radius:24px;background:#f9fbff;color:#102947;box-shadow:0 10px 35px #0004}.conversation .bubble,.group-conversation .bubble{background:#172638e8;color:#fff;border:1px solid #ffffff12;box-shadow:0 6px 14px #0002}.conversation .mine .bubble,.group-conversation .mine .bubble{background:linear-gradient(145deg,#1489ed,#0870d7)}.conversation .bubble small,.group-conversation .bubble small{color:#d6e5f5}.conversation #messageForm,.group-conversation form{margin:8px 10px 12px;border:0;border-radius:28px;background:#fff;color:#16314d;padding:7px 9px;box-shadow:0 8px 30px #0005}.conversation #messageForm input,.group-conversation form input{border:0!important;background:transparent!important;color:#18324c!important}.conversation .heading-call-actions button,.group-conversation .heading-call-actions button{color:#087ddd;background:#eaf5ff}.chat-head-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.call-overlay.gchat-call-screen{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;background:#031326 url('gchat-wallpaper.png') center/cover}.call-overlay.gchat-call-screen:before{content:'GChat Call';position:absolute;z-index:8;top:max(18px,env(safe-area-inset-top));left:20px;color:#ffd75a;font-weight:900;letter-spacing:.5px}.gchat-call-screen .remote-video{background:transparent}.gchat-call-screen .call-person{top:12%;width:90%}.gchat-call-screen .call-person h2{font-size:28px;margin:14px 0 4px}.gchat-call-screen .call-person p{color:#42a8ff;font-weight:900}.gchat-call-screen .call-avatar{width:180px;height:180px;margin-top:18vh;background-size:cover;background-position:center;border:4px solid #ffd65b}.gchat-call-screen .call-controls{width:min(94%,620px);justify-content:center;gap:12px;bottom:max(24px,env(safe-area-inset-bottom));background:#071421e8}.gchat-call-screen .call-controls button{width:58px;height:58px}.gchat-call-screen .screen-share,.gchat-call-screen .speaker-toggle{display:grid;place-items:center}.chat-action-dialog:has(.incoming-call){background:#05172c url('gchat-wallpaper.png') center/cover;color:#fff;width:min(94vw,440px);border:1px solid #ffd65b;border-radius:28px}.chat-action-dialog:has(.incoming-call) .incoming-call .call-avatar{width:110px;height:110px;border:3px solid #ffd65b}
@media(max-width:800px){.communication-hub{min-height:calc(100dvh - 76px)}.gchat-inbox{padding:14px 10px 96px}.gchat-row{border-radius:20px;padding:11px}.communication-hub.inbox-ready:has(.conversation.open)>.gchat-inbox{display:none}.communication-hub .conversation.open{height:calc(100dvh - 74px)!important}.conversation .chat-heading{margin:6px}.gchat-call-screen .call-person{top:9%}.gchat-call-screen .call-avatar{width:160px;height:160px}}
[data-theme="dark"] .communication-hub{background:#06152a}[data-theme="dark"] .gchat-search,[data-theme="dark"] .gchat-filters button,[data-theme="dark"] .gchat-row{background:#0d2340;border-color:#1e4167;color:#fff}[data-theme="dark"] .gchat-search input{color:#fff}
.communication-hub.inbox-ready:has(.conversation.open){display:grid;grid-template-columns:360px minmax(0,1fr)}.communication-hub.inbox-ready:has(.conversation.open)>.gchat-inbox{grid-column:1}.communication-hub.inbox-ready:has(.conversation.open)>.chat-layout{display:block;grid-column:2}.communication-hub.inbox-ready:has(.conversation.open)>.chat-layout>.people-list{display:none}.communication-hub.inbox-ready:has(.conversation.open) .conversation{height:calc(100dvh - 150px)}
@media(max-width:800px){.communication-hub.inbox-ready:has(.conversation.open){display:block}.communication-hub.inbox-ready:has(.conversation.open) .conversation{height:calc(100dvh - 74px)}}
body:has(.conversation.open) .app>.topbar,body:has(.group-conversation[data-group]:not([data-group="0"])) .app>.topbar{display:none}.conversation.open,.group-conversation[data-group]:not([data-group="0"]){display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:0!important;min-height:0}.conversation .chat-heading,.group-conversation .chat-heading{position:relative;top:0;margin:0!important;border-radius:0 0 22px 22px!important;padding:max(10px,env(safe-area-inset-top)) 12px 10px!important}.conversation #messages,.group-conversation #groupMessages{min-height:0}.conversation #messageForm,.group-conversation form{align-self:end;display:flex!important;align-items:center;min-height:58px;margin:6px 8px max(8px,env(safe-area-inset-bottom))!important}.conversation #messageForm input[name="body"]{display:block!important;min-width:0;flex:1}.conversation #messageForm #attachmentName,.conversation #messageForm #recordingStatus{position:absolute;bottom:66px;left:15px}.group-builder{width:min(94vw,540px);max-height:88dvh}.group-picker-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.group-candidates{display:grid;gap:5px;max-height:330px;overflow:auto}.group-candidate{display:grid;grid-template-columns:auto 46px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:13px}.group-candidate input{width:20px;height:20px}.group-candidate .avatar{width:42px;height:42px}.group-candidate span:last-child{display:grid}.group-candidate small{color:var(--muted)}
@media(max-width:800px){body:has(.conversation.open) .mobile-nav,body:has(.group-conversation[data-group]:not([data-group="0"])) .mobile-nav{display:none!important}body:has(.conversation.open) .content.communication-hub,body:has(.group-conversation[data-group]:not([data-group="0"])) .content.communication-hub{margin:0!important;height:100dvh!important}.communication-hub.inbox-ready:has(.conversation.open) .conversation{height:100dvh!important;min-height:100dvh!important}.conversation .chat-heading,.group-conversation .chat-heading{padding-top:max(10px,env(safe-area-inset-top))!important}.chat-person-meta h3{font-size:17px}.heading-call-actions button{width:36px;height:36px}.conversation #messageForm{z-index:8}.conversation #messages:before,.group-conversation #groupMessages:before{font-size:12px;margin-bottom:8px}}
@media(max-width:800px){body:has(.group-conversation[data-group]:not([data-group="0"])) .gchat-inbox,body:has(.group-conversation[data-group]:not([data-group="0"])) .group-list{display:none!important}body:has(.group-conversation[data-group]:not([data-group="0"])) .group-hub{display:block!important;height:100dvh;border:0!important}body:has(.group-conversation[data-group]:not([data-group="0"])) .group-conversation{height:100dvh!important}}
#chatSearch[hidden]{display:none!important}#chatSearch{position:absolute;z-index:20;top:70px;left:12px;right:12px;border:0!important;border-radius:14px!important;padding:7px!important;background:#ffffffef!important;box-shadow:0 10px 35px #0005}#chatSearch input{width:auto!important;min-width:0!important;padding:9px 11px!important;font-size:13px!important;color:#17304f!important;background:transparent!important}.conversation,.conversation #messages{overflow-x:hidden!important}.conversation .chat-heading{width:100%;min-width:0;display:grid!important;grid-template-columns:34px 42px minmax(0,1fr) auto;gap:7px}.conversation .heading-call-actions{min-width:0;display:flex;gap:3px}.conversation .heading-call-actions button{flex:0 0 34px;width:34px;height:34px;padding:0}.conversation #messageForm{width:calc(100% - 16px);max-width:calc(100% - 16px);min-width:0;overflow:visible}.conversation #messageForm>button{flex:0 0 40px;width:40px;height:40px;padding:0}.conversation #messageForm input[name="body"]{width:auto!important;min-width:0!important;padding:8px!important}.conversation .send-message{flex-basis:44px!important}.emoji-tray{position:absolute;z-index:30;left:8px;bottom:72px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:min(330px,calc(100vw - 16px));padding:10px;border-radius:18px;background:#fff;box-shadow:0 12px 40px #0007}.emoji-tray button{border:0;background:#f2f6fb;border-radius:9px;padding:8px;font-size:21px}.attachment-menu{width:min(90vw,390px)}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.attachment-grid button{border:1px solid var(--line);border-radius:14px;padding:16px 8px;background:var(--surface2);color:var(--text);font-weight:800}.group-tools{display:flex;gap:5px;margin-left:auto}.group-tools button{width:38px;height:38px;border:0;border-radius:50%;background:#eaf5ff;color:#087ddd}.group-admin-panel{width:min(94vw,580px);max-height:90dvh}.group-member-list{display:grid;gap:6px;max-height:250px;overflow:auto}.group-member-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px}.group-member-row>span:nth-child(2){display:grid;flex:1}.group-polls{display:grid;gap:10px;margin:10px}.group-poll{padding:14px;border-radius:16px;background:#ffffffed;color:#17304f}.group-poll h4{margin:0 0 9px}.poll-option{display:flex;width:100%;justify-content:space-between;border:1px solid #cfe0ef;background:#f5faff;border-radius:11px;padding:10px;margin-top:6px;color:#17304f}.poll-option.selected{border-color:#1688eb;background:#e4f3ff}
@media(max-width:420px){.conversation .chat-heading{grid-template-columns:28px 38px minmax(0,1fr) auto;padding-left:5px!important;padding-right:5px!important}.conversation .heading-call-actions button{flex-basis:31px;width:31px}.chat-person-meta h3{font-size:15px}.chat-person-meta small{font-size:10px}.conversation #messageForm>button{flex-basis:36px;width:36px}.conversation #messageForm{margin-left:5px!important;margin-right:5px!important;width:calc(100% - 10px);max-width:calc(100% - 10px)}}
.conversation #messages:before,.group-conversation #groupMessages:before{content:'🔒 Private conversation · protected in transit';font-size:11px!important;font-weight:700!important;opacity:.9}.inline-add-member{display:flex;gap:5px;align-items:center}.inline-add-member input{margin:0!important;min-width:120px}.group-conversation{grid-template-rows:auto minmax(0,1fr) auto auto!important}.group-polls{max-height:240px;overflow:auto}
.emoji-tray{display:block!important;max-height:min(52dvh,430px);overflow:hidden}.emoji-tray-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#16314d}.emoji-close{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#e8eef6!important;color:#17304f!important;font-size:24px!important}.emoji-list{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;max-height:340px;overflow:auto}.emoji-list button{border:0;background:#f2f6fb;border-radius:9px;padding:7px 3px;font-size:21px}.group-conversation #groupMessageForm{position:relative;display:flex!important;align-items:center;width:calc(100% - 16px);min-width:0}.group-conversation #groupMessageForm input[name="body"]{width:auto!important;min-width:0!important;flex:1}.group-conversation #groupMessageForm>button{flex:0 0 42px;width:42px;height:42px;padding:0}.group-conversation .group-emoji,.group-conversation .group-attach{border:0;border-radius:50%;background:#edf6ff;color:#0a73c8;font-size:20px}.gchat-row.pressing{transform:scale(.985);filter:brightness(.96)}
@media(max-width:420px){.emoji-list{grid-template-columns:repeat(6,1fr)}.group-conversation #groupMessageForm>button{flex-basis:36px;width:36px}.group-conversation #groupMessageForm{margin-left:5px!important;margin-right:5px!important;width:calc(100% - 10px)}}
.group-conversation #groupMessages:before{content:'🔒 Group messages · protected in transit'}