.chat-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.chat-page-heading h1{margin:5px 0 8px;font-size:26px}.chat-page-heading p{color:#7285a4;margin:0}.chat-boundary{display:flex;align-items:center;gap:8px;color:#7085a4;font-size:12px}.chat-boundary svg,.chat-header-links svg{width:17px;height:17px}.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);height:calc(100dvh - 240px);min-height:560px;max-height:1050px;background:#fff;border:1px solid #dce8f9;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #648dc008}.chat-rooms{background:#f7faff;border-right:1px solid #e3ebf8;overflow:auto;min-width:0}.chat-room-top{position:sticky;top:0;background:#f7faff;padding:20px 16px 14px;z-index:1}.chat-room-top h2{font-size:15px;margin:0 0 15px}.chat-room-top h2 span{color:#8aa0c1;margin-left:8px;font-size:12px}.chat-search-box{display:flex;align-items:center;gap:8px;border:1px solid #dfe8f6;background:#fff;border-radius:8px;padding:8px 10px;min-width:0}.chat-search-box svg{width:16px;height:16px;color:#87a0c7;flex:none}.chat-search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:#36587b}.chat-search-box button{white-space:nowrap}.chat-room{display:flex;gap:10px;padding:16px 12px;margin:2px 8px;border-radius:10px;border:1px solid transparent;text-decoration:none;color:#36537b}.chat-room:hover{background:#edf4ff}.chat-room.selected{background:#eaf2ff;border-color:#c7dcfc}.chat-room-symbol{background:#fff;color:#658de0;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;flex:none}.chat-room-symbol svg{width:19px;height:19px}.chat-room-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.chat-room-copy strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.chat-room-copy small{color:#7f92ad;font-size:11px;line-height:1.5}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.chat-room-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;border-bottom:1px solid #eaf0f8}.chat-room-header h2{font-size:17px;margin:0 0 5px;overflow-wrap:anywhere}.chat-header-links{display:flex;gap:8px;flex:none}.chat-muted{font-size:12px;color:#8294ad;line-height:1.5}.chat-rooms>div>.chat-muted{padding:15px}.chat-tools{display:flex;align-items:center;gap:9px;padding:12px 22px 5px}.chat-tools form{flex:1}.chat-sync{font-size:11px;color:#90a2bc;padding:5px 22px 10px;min-height:28px}.chat-stream{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(#fafcff,#fff);padding:10px 22px 24px;scrollbar-gutter:stable}.chat-stream:focus-visible{outline:2px solid #96b8ef;outline-offset:-2px}#chat-older{text-align:center;padding:4px 0 18px}.chat-message{display:flex;gap:10px;margin:0 0 22px;margin-left:var(--reply-indent,0);min-width:0}.chat-message-content{flex:1;min-width:0}.chat-message-meta{display:flex;align-items:baseline;gap:8px;margin:3px 0 8px;flex-wrap:wrap}.chat-message-meta strong{font-size:13px;color:#345478}.chat-message-meta span,.chat-message-meta time{font-size:11px;color:#8ba0ba}.chat-message-meta .chat-type{background:#e9f1ff;color:#517dd6;padding:2px 6px;border-radius:4px}.chat-message-meta time{margin-left:auto}.chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:12px 16px;background:#f2f6fc;border:1px solid #e6edf7;border-radius:0 12px 12px 12px;color:#34516f;font-size:13px}.mine .chat-bubble{background:#eef5ff;border-color:#d7e7fd}.chat-quote{display:block;text-align:left;width:100%;border:0;border-left:3px solid #a8c5f1;background:#f4f7fc;padding:8px 11px;margin-bottom:7px;font:inherit;font-size:12px;color:#8294ae;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.chat-quote span{color:#5a79a6;margin-right:8px}.chat-quote small{display:block;margin-top:5px}.chat-message-actions{display:flex;gap:12px;margin-top:7px}.chat-message-actions button{border:0;padding:3px 0;box-shadow:none;background:transparent;font-size:11px;color:#7d95b8;min-height:24px}.chat-message-actions button:hover{color:#477bd6}.chat-topic{padding-bottom:18px;border-bottom:1px dashed #ccdcf2}.chat-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chat-file{display:flex;align-items:flex-start;gap:10px;background:white;border:1px solid #dce7f7;border-radius:9px;padding:12px;max-width:100%;width:310px}.chat-file>svg{width:28px;height:28px;color:#6796da;flex:none}.chat-file-info{min-width:0;flex:1}.chat-file-info strong{display:block;font-size:12px;color:#42617f;overflow-wrap:anywhere;line-height:1.6}.chat-file-info small{display:block;margin:5px 0;color:#94a4bc;font-size:11px}.chat-file-info>div{display:flex;align-items:center;gap:12px}.chat-file-info .button{padding:3px 9px;min-height:25px;font-size:11px}.chat-file-info .text-button{font-size:11px}.chat-picture{display:block;width:230px}.chat-image-button{border:0;background:#f5f8fc;padding:0;width:100%;cursor:zoom-in;border-radius:5px;overflow:hidden;margin-bottom:8px}.chat-image-button img{display:block;max-height:160px;width:100%;object-fit:contain}.chat-file.unavailable{font-size:12px;color:#8b9ab1;background:#fafbfe}.chat-new{position:absolute;bottom:225px;align-self:center;border:1px solid #c6dcfd;background:#edf5ff;color:#4675c7;padding:8px 15px;border-radius:20px;box-shadow:0 4px 16px #7398ce25;font-size:12px;cursor:pointer;z-index:2}.chat-composer{border-top:1px solid #e1ebf8;padding:13px 22px 15px;background:#fff}.chat-compose-label{font-size:12px;color:#7c92b3}.chat-composer textarea{width:100%;resize:vertical;min-height:60px;max-height:150px;border:0;outline:0;background:transparent;color:#345374;font:inherit;font-size:13px;line-height:1.7;padding:8px 0}.chat-composer textarea:focus{box-shadow:inset 0 -1px #b4cef4}.chat-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-compose-bottom>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chat-compose-bottom small{color:#96a6bd;font-size:11px}.chat-attach{cursor:pointer;margin:0}.chat-attach svg{width:15px;height:15px}.chat-reply-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#f0f6ff;color:#6d87ab;font-size:12px;margin-bottom:8px}.chat-reply-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-banner button{flex:none;border:0;background:transparent;font-size:11px;padding:2px}.chat-draft-files{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;max-height:90px;overflow:auto}.chat-draft-file{display:flex;align-items:center;gap:6px;background:#f4f8fe;border:1px solid #e1ebfb;padding:4px 7px;border-radius:6px;max-width:100%;font-size:11px;color:#6c87ac}.chat-draft-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-draft-file svg{width:13px;height:13px;flex:none}.chat-draft-file button{border:0;background:none;padding:2px;cursor:pointer;color:#839abb}.chat-readonly{padding:18px 22px;font-size:12px;color:#889bb6;background:#f6f9ff}.chat-send-error{color:#b45864;font-size:12px;margin:10px 0 0}.chat-empty{text-align:center;margin:auto;padding:40px 20px;color:#8397b7;font-size:13px}.chat-empty>svg{width:38px;height:38px;color:#a4c6ef;margin:0 auto 14px}.chat-empty h2,.chat-empty h3{font-size:16px;color:#6685ad}.chat-preview-toolbar{padding:14px 22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e3ebf7;font-size:12px;color:#8699b4}.chat-preview-toolbar span{flex:1}.chat-preview{padding:18px;background:#f5f8fd;max-height:75dvh;overflow:auto;text-align:center}.chat-preview img{max-width:100%;max-height:65dvh;object-fit:contain}.chat-preview iframe{display:block;width:100%;height:65dvh;border:1px solid #dce6f4;border-radius:5px;background:#fff}.chat-preview p{font-size:12px;color:#8298b6}.chat-preview-text{padding:20px;max-height:70dvh;overflow:auto}.chat-preview-text pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 ui-monospace,monospace;color:#3c5576;margin-top:15px}.document-search-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.document-search-form input{flex:1;min-width:160px}.chat-layout [hidden],.chat-composer [hidden]{display:none!important}
@media(max-width:1100px){.chat-layout{grid-template-columns:215px minmax(0,1fr)}.chat-room-header{align-items:flex-start;flex-direction:column;padding:15px}.chat-stream{padding-left:14px;padding-right:14px}.chat-tools{padding-left:15px;padding-right:15px}.chat-composer{padding:12px 15px}.chat-compose-bottom small{display:none}.chat-boundary{display:none}}
@media(max-width:767px){.chat-page-heading{margin-bottom:14px}.chat-page-heading h1{font-size:22px}.chat-page-heading p{font-size:12px}.chat-layout{display:flex;flex-direction:column;height:calc(100dvh - 225px);min-height:620px;border-radius:12px}.chat-rooms{border-right:0;border-bottom:1px solid #e1ebf7;flex:none;max-height:160px;overflow:hidden}.chat-room-top{padding:10px;display:flex;gap:10px;align-items:center}.chat-room-top h2{margin:0;font-size:12px;white-space:nowrap}.chat-room-top .chat-search-box{flex:1}.chat-room-top h2 span{margin-left:3px}#chat-room-list{display:flex;overflow:auto;padding:0 7px 7px;gap:5px;max-height:90px}.chat-room{padding:8px;margin:0;min-width:185px;max-width:230px;flex:none}.chat-room-symbol{display:none}.chat-room-copy{gap:3px}.chat-room-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-copy small{font-size:10px}.chat-room-copy small:last-child{display:none}.chat-main{flex:1}.chat-room-header{padding:12px;gap:8px}.chat-room-header h2{font-size:15px}.chat-header-links{gap:7px}.chat-header-links .button{font-size:11px;padding:4px 8px;min-height:28px}.chat-tools{flex-wrap:wrap;padding:8px 12px 3px}.chat-tools form{flex-basis:70%}.chat-sync{padding:5px 12px 8px}.chat-stream{padding:6px 12px 15px}.chat-message{margin-left:0;gap:7px}.chat-message-avatar{display:none}.chat-bubble{font-size:13px;padding:10px 12px}.chat-message-meta{gap:6px}.chat-message-meta time{font-size:10px}.chat-composer{padding:9px 12px}.chat-composer textarea{min-height:54px;max-height:100px}.chat-new{bottom:178px}.chat-attach{font-size:11px;padding:5px 8px}.chat-compose-bottom #chat-send{padding:7px 14px}.chat-preview-toolbar{padding:10px}.chat-preview-toolbar span{flex-basis:100%}.chat-preview{padding:8px}.chat-preview-text{padding:12px}.chat-boundary{display:none}}