.chat-shell{--chat-blue:#2563eb;display:grid;grid-template-columns:285px minmax(0,1fr);height:calc(100dvh - 118px);min-height:430px;max-height:1100px;margin:0 24px 20px;background:white;border:1px solid #e7edf5;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px #16223808;position:relative}
.chat-page{padding-bottom:0}.chat-page .appbar{max-width:none}.chat-shell button,.chat-dialog button{font:inherit;cursor:pointer}.chat-shell [hidden],.chat-dialog [hidden]{display:none!important}.chat-list-pane{display:flex;flex-direction:column;min-width:0;border-right:1px solid #e7edf5;overflow:hidden}.chat-list-title{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px}.chat-list-title h2{font-size:19px;margin:0}.chat-icon{border:0!important;background:transparent!important;color:#64748b;width:40px;height:40px;min-width:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:24px!important;border-radius:12px;cursor:pointer}.chat-icon:hover{background:#edf4ff!important;color:#2563eb}.chat-icon.blue,.chat-send{background:#2563eb!important;color:#fff;border:0;border-radius:12px}.chat-search{padding:0 14px 12px}.chat-search input,.chat-dialog input[type=search]{width:100%;background:#f5f8fc;border:1px solid #e7edf5;border-radius:12px;padding:11px 12px;font-size:14px;outline:none}.chat-conversations{overflow:auto;flex:1;padding:0 8px}.chat-conversation{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:14px 10px;background:transparent;border:0;border-radius:12px;color:#162238;min-width:0}.chat-conversation:hover,.chat-conversation.selected{background:#edf4ff}.chat-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;background:#e4edff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}.chat-conversation:nth-child(3n) .chat-avatar{background:#dcf5ee;color:#247466}.chat-conversation:nth-child(3n+1) .chat-avatar{background:#f3e8ef;color:#9a4167}.chat-conversation.selected .chat-avatar{background:#2563eb;color:#fff}.chat-conversation-text{flex:1;min-width:0}.chat-conversation-text b,.chat-conversation-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conversation-text b{font-size:14px;font-weight:650}.chat-conversation-text small{font-size:12px;color:#718096;margin-top:5px}.chat-count{min-width:21px;background:#2563eb;color:#fff;padding:3px 6px;border-radius:20px;font-size:11px}.chat-install{padding:12px 16px;border-top:1px solid #e7edf5;display:grid;gap:5px}.chat-install button{border:0;background:transparent;color:#2563eb;text-align:left;padding:5px;font-size:12px}.chat-install small{color:#718096;font-size:11px}.chat-detail{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#f8faff}.chat-top{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #e7edf5;background:#fff;flex-shrink:0}.chat-heading{flex:1;min-width:0}.chat-heading h2{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading small{display:block;color:#718096;font-size:11px;margin-top:4px}.chat-back{display:none}.chat-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px;scroll-behavior:auto}.chat-empty{text-align:center;color:#718096;font-size:13px;padding:30px 14px;line-height:1.8}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 14px;scroll-margin:20px}.chat-message.own{align-items:flex-end}.chat-bubble{max-width:min(82%,560px);background:#fff;border:1px solid #e5ecf6;border-radius:15px 15px 15px 4px;padding:10px 13px;overflow-wrap:anywhere;min-width:100px}.own .chat-bubble{background:#2563eb;color:white;border-color:#2563eb;border-radius:15px 15px 4px 15px}.chat-author{display:block;font-size:11px;font-weight:650;color:#60799c;margin:0 0 5px 3px}.chat-body{white-space:pre-wrap;font-size:14px;line-height:1.55;margin:0}.chat-meta{font-size:10px;color:#8998b0;margin-top:7px;display:flex;justify-content:flex-end;align-items:center;gap:7px}.own .chat-meta{color:#deebff}.chat-meta button{font-size:17px;line-height:14px;color:inherit;background:transparent;border:0;padding:0 2px}.chat-deleted{font-style:italic;opacity:.65}.chat-media{display:block;width:100%;max-width:360px;max-height:280px;object-fit:contain;border-radius:10px;margin:6px 0;background:#edf1f7}.chat-media-link{display:block}.chat-file{display:flex;gap:9px;align-items:center;text-decoration:none;color:inherit;border:1px solid #dce5f2;background:#f5f8fc;border-radius:10px;padding:10px;margin:6px 0;max-width:360px}.own .chat-file{background:#ffffff18;border-color:#ffffff40}.chat-file span{min-width:0;overflow-wrap:anywhere;font-size:12px}.chat-file small{display:block;font-size:10px;opacity:.7;margin-top:4px}.chat-file-icon{font-size:24px;flex-shrink:0}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.chat-reactions button{border:1px solid #dce5f2;background:white;border-radius:20px;padding:3px 8px;font-size:12px}.chat-reactions button.mine{border-color:#2563eb;background:#e9f1ff}.chat-reply{border-left:3px solid #94b5f8;padding:5px 8px;margin-bottom:8px;font-size:11px;background:#eaf1fc;border-radius:4px;color:#4c6285;max-width:100%;overflow:hidden}.own .chat-reply{background:#ffffff1c;color:#fff;border-color:#fff}.chat-reply b{display:block;margin-bottom:3px}.chat-earlier{display:block;margin:0 auto 18px;border:1px solid #dce5f2;border-radius:20px;background:#fff;padding:7px 14px;color:#54749c;font-size:12px}.chat-composer{display:flex;align-items:flex-end;gap:7px;padding:12px 14px;background:white;border-top:1px solid #e7edf5;flex-shrink:0}.chat-composer textarea{font:inherit;line-height:1.5;resize:none;min-width:0;flex:1;height:44px;max-height:115px;min-height:44px;border:1px solid #dae3f0;border-radius:14px;padding:10px 12px;font-size:14px;outline:none;background:#fff;color:#162238}.chat-composer textarea:focus{border-color:#81a9f4;box-shadow:0 0 0 2px #2563eb10}.chat-send{height:44px;width:44px;min-width:44px;font-size:24px}.chat-composer :disabled{opacity:.5;cursor:wait}.chat-feedback{background:white;padding:0 18px 8px;font-size:11px;color:#ad3c33;min-height:8px;flex-shrink:0}.chat-connection{background:#fff4dd;padding:8px 14px;color:#936925;font-size:12px;flex-shrink:0}.chat-context{display:flex;align-items:center;gap:10px;padding:7px 16px;background:#edf4ff;border-top:1px solid #dce5f2;font-size:12px;color:#486793}.chat-context span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-attachments-pending{display:flex;gap:7px;overflow-x:auto;background:#fff;padding:0 12px;flex-shrink:0}.chat-pending{display:flex;align-items:center;gap:4px;background:#edf4ff;color:#46618a;border-radius:9px;margin:8px 0;padding:5px 7px;font-size:11px;max-width:200px;min-width:120px}.chat-pending span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pending button{border:0;background:transparent;color:#46618a;font-size:20px}.chat-emoji-picker{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:#fff;border-top:1px solid #e7edf5}.chat-emoji-picker button{font-size:24px;border:0;background:transparent;padding:6px;border-radius:8px}.chat-emoji-picker button:hover{background:#edf4ff}.chat-new{position:absolute;bottom:95px;right:18px;background:#fff;color:#2563eb;border:1px solid #bcd0f9;padding:8px 14px;border-radius:25px;box-shadow:0 4px 15px #16223818;font-size:12px}.chat-dialog{border:1px solid #e7edf5;border-radius:20px;width:min(440px,calc(100vw - 24px));max-height:85dvh;padding:20px;color:#162238;box-shadow:0 20px 60px #16223830}.chat-dialog::backdrop{background:#16223866}.chat-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.chat-dialog-heading h2{font-size:19px;margin:0}.chat-dialog-action{display:block;text-align:left;width:100%;border:0;border-radius:10px;background:#f5f8fc;padding:13px 14px;margin:7px 0;text-decoration:none;color:#2563eb;font-size:14px}.chat-dialog-action.danger{color:#c43f45;background:#fff0f1}.chat-dialog-people{max-height:50dvh;overflow:auto}.chat-dialog p{font-size:13px;line-height:1.6;color:#718096}.chat-dialog-reactions{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.chat-dialog-reactions button{font-size:25px;padding:6px;border:0;background:#f5f8fc;border-radius:10px}.chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-badge[hidden]{display:none!important}.chat-badge{font-style:normal}.chat-page button:focus-visible,.chat-page a:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(min-width:1500px){.chat-shell{max-width:1400px;margin-left:auto;margin-right:auto}.chat-page .appbar{max-width:1450px}}
@media(max-width:1050px) and (min-width:761px){.chat-shell{grid-template-columns:235px minmax(0,1fr);margin:0 12px 15px}.chat-scroll{padding:14px}.chat-top{padding:12px}.chat-bubble{max-width:94%}}
@media(max-width:760px){.mobile-nav{overflow-x:auto;justify-content:flex-start!important;gap:2px;padding-left:6px!important;padding-right:6px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.mobile-nav a{flex:1 0 54px!important;min-width:54px!important}.mobile-nav a span{font-size:9px!important}.chat-page{height:var(--chat-vh,100dvh);overflow:hidden}.chat-page .chat-appbar{height:86px;padding:18px 16px}.chat-page .chat-appbar h1{font-size:25px}.chat-shell{display:block;height:calc(var(--chat-vh,100dvh) - 160px - env(safe-area-inset-bottom,0px));min-height:180px;margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}.chat-list-pane{height:100%;border-right:0}.chat-list-title{padding:12px 16px}.chat-conversation{padding:14px 10px}.chat-conversation-text b{font-size:15px}.chat-install{padding:7px 16px}.chat-detail{display:none;height:100%}.chat-page.conversation-open .chat-appbar,.chat-page.conversation-open .mobile-nav{display:none}.chat-page.conversation-open .chat-shell{height:var(--chat-vh,100dvh);border:0}.chat-page.conversation-open .chat-list-pane{display:none}.chat-page.conversation-open .chat-detail{display:flex}.chat-back{display:inline-flex}.chat-top{padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px;gap:7px}.chat-top .chat-avatar{width:36px;height:36px;min-width:36px;font-size:14px}.chat-heading h2{font-size:15px}.chat-heading small{font-size:10px}.chat-scroll{padding:16px 12px}.chat-bubble{max-width:88%;padding:9px 11px}.chat-body{font-size:15px}.chat-composer{padding:9px 6px 3px;gap:3px}.chat-composer textarea{font-size:16px;padding:9px 10px}.chat-composer .chat-icon{width:35px;min-width:35px}.chat-composer .chat-send{width:40px;min-width:40px;height:42px}.chat-feedback{padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.chat-media{max-height:260px}.chat-dialog{padding:16px}.chat-conversation.selected{background:#f0f5ff}}

.chat-directory{padding:0 12px;min-height:120px;max-height:42%;overflow:auto;flex:0 1 42%;border-bottom:1px solid #e7edf5}.chat-directory h3{font-size:14px;margin:10px 0}.chat-directory input{box-sizing:border-box;width:100%;margin-bottom:8px}.chat-person{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;background:transparent;padding:10px 4px;border-radius:10px;color:#162238}.chat-person:hover{background:#eff4ff}.chat-person span:last-child{min-width:0}.chat-person b,.chat-person small{display:block;overflow-wrap:anywhere}.chat-person b{font-size:13px}.chat-person small{font-size:11px;color:#65738b;margin-top:4px}.chat-person:disabled{opacity:.75}.chat-presence{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.chat-presence.online{background:#16a34a}.chat-presence.offline{background:#dc2626}.chat-policy{margin:0;padding:5px 12px;font-size:11px;color:#64748b;background:#f7f9fc}.chat-admin-message{padding:16px 0;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.chat-admin-message input[type=checkbox],.panel input[type=checkbox]{width:auto}.chat-admin-message form{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.chat-admin-message p{white-space:normal}.chat-admin-message a{display:inline-block;max-width:100%;overflow-wrap:anywhere}

.chat-directory input{border:1px solid #dce4ef;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;background:#f7f9fc}.chat-admin-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.chat-admin-links a{padding:8px 12px;border-radius:10px;background:#edf3ff}

.chat-person-row{display:flex;align-items:center}.chat-person-menu{border:0;background:transparent;font-size:24px;color:#64748b;padding:8px}.chat-manage-link{padding:6px 12px;font-size:12px}.chat-dialog label{display:block;margin:12px 0}.chat-dialog label input,.chat-dialog label select{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #dce4ef;border-radius:10px}.chat-private-window{position:fixed;right:24px;bottom:20px;width:410px;max-width:calc(100vw - 24px);height:570px;max-height:calc(var(--chat-vh,100dvh) - 24px);z-index:150;background:#fff;border:1px solid #cedaeb;border-radius:18px;box-shadow:0 20px 70px #14233b44;display:flex;flex-direction:column;overflow:hidden}.chat-private-window[hidden],.chat-private-body iframe[hidden]{display:none!important}.chat-private-window.expanded{inset:12px;width:auto;max-width:none;height:auto;max-height:none}.chat-private-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#edf3ff;flex:0 0 auto}.chat-private-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat-private-bar button{border:0;background:white;border-radius:8px;width:36px;height:36px;font-size:23px;cursor:pointer}.chat-private-body{min-height:0;flex:1;position:relative}.chat-private-body iframe{border:0;width:100%;height:100%;display:block}.chat-popup,.chat-embedded{padding:0!important;margin:0!important}.chat-popup .chat-appbar,.chat-embedded .chat-appbar,.chat-popup .chat-list-pane,.chat-popup .chat-back,.chat-popup .chat-manage-link{display:none!important}.chat-popup .chat-shell,.chat-embedded .chat-shell{margin:0!important;border-radius:0;border:0;height:100dvh!important;min-height:0;max-height:none}.chat-popup .chat-shell{display:block}.chat-popup .chat-detail{display:flex!important;height:100%}.chat-popup .chat-top{padding:6px 10px}.chat-popup .chat-feedback{padding-bottom:4px}.chat-popup .chat-policy{font-size:10px}.chat-admin-frame{display:block;width:100%;height:720px;max-height:85dvh;border:1px solid #e2e8f0;border-radius:16px}.chat-admin-live{padding:16px!important}.chat-admin-page details summary{cursor:pointer;font-weight:700}.chat-admin-page details>form{margin-top:16px}.chat-admin-page .admin-content{min-width:0;width:100%}.chat-private-window .chat-private-bar button:focus-visible{outline:3px solid #93b4fb}
@media(max-width:760px){.chat-private-window{right:8px;bottom:calc(74px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px);max-width:none;height:70dvh;max-height:calc(var(--chat-vh,100dvh) - 90px)}.chat-private-window.expanded{inset:0;height:var(--chat-vh,100dvh);max-height:var(--chat-vh,100dvh);border-radius:0}.chat-embedded .chat-private-window{bottom:8px;max-height:calc(var(--chat-vh,100dvh) - 16px)}.chat-admin-frame{height:78dvh;max-height:none}.chat-admin-page .admin-content{padding:12px!important}}

@media(max-width:760px){.chat-admin-page .admin-sidebar .admin-brand-row{display:none!important}.chat-admin-page .admin-nav{overflow-x:auto!important;flex-wrap:nowrap!important}.chat-admin-page .admin-nav a{flex:0 0 auto!important;white-space:nowrap!important}.chat-admin-page .admin-sidebar{overflow:hidden!important}}

.chat-return-mobile{display:none}.chat-room-members{border:1px solid #dce4ef;border-radius:12px;max-height:260px;overflow:auto;padding:12px;margin:14px 0;width:100%;box-sizing:border-box}.chat-room-members label{display:block;padding:6px 0}.chat-room-create>label{display:block}.chat-room-create input[name=title]{display:block;width:100%;box-sizing:border-box}.chat-room-edit{margin:14px 0}.chat-room-edit form{display:block}.chat-room-edit summary{cursor:pointer;font-weight:650}.chat-back span{font-size:10px;line-height:1.15;max-width:54px;white-space:normal}.chat-back{gap:4px}
@media(max-width:760px){.chat-return-mobile{display:block;border:0;background:#edf4ff;color:#1d4ed8;padding:12px;text-align:left;font-weight:650;flex-shrink:0}.chat-top .chat-back{width:82px;min-width:82px}.chat-top .chat-heading{min-width:0}.chat-top .chat-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-embedded .chat-return-mobile{display:block}.chat-popup .chat-return-mobile{display:none!important}}