@charset "UTF-8";
:root{--accent:#4768f5;--accent-hover:#3554db;--text:#222b3e;--muted:#8890a1;--line:#e9edf3;--surface:#fff;--page:#f6f8fb;--green:#28ae85;--shadow:0 18px 60px #2335540d;font-family:Inter,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;background:var(--page)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #9aacf7;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #4768f513}::selection{background:#dce4ff}[hidden]{display:none!important}.icon{flex-shrink:0;vertical-align:middle}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;min-height:39px;border:1px solid #dfe5ee;border-radius:8px;background:white;white-space:nowrap;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.button:hover:not(:disabled){background:#f7f9fc;border-color:#cbd4e3;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 7px #4768f51a}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.quiet{border-color:transparent;background:transparent}.button.danger{color:#d64555;border-color:#f1cdd3;background:#fff9f9}.button.small{min-height:32px;padding:6px 10px;font-size:12px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:7px;color:#7f899b;flex-shrink:0}.icon-button:hover{background:#edf1f8;color:var(--text)}.icon-button .icon{width:20px;height:20px}.muted{color:var(--muted);line-height:1.7}.tiny-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.status-dot{box-shadow:0 0 0 3px #28ae8511;margin-right:6px}.muted-dot{background:#a6aebe;box-shadow:none}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#e8edff;color:#5a73c3;font-size:15px;font-weight:500;line-height:1}.agent-avatar,.ai-avatar{background:#e8edff;color:var(--accent)}.visitor-avatar{background:#e7eaf0;color:#7c8497}.brand-logo{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.brand-logo.large{width:48px;height:48px}.initial-loader{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted);font-size:13px}.loader{width:26px;height:26px;border:2px solid #e1e7f3;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.visitor-body{background:#f0f3f8}.visitor-body #app{width:min(1100px,calc(100% - 64px));margin:0 auto}.visitor-topline{display:flex;justify-content:space-between;align-items:center;height:86px;color:#9ca4b3;font-size:12px}.visitor-wordmark{display:flex;gap:11px;align-items:center;color:#2c3650;font-size:18px;font-weight:650;letter-spacing:.4px}.visitor-wordmark:hover{text-decoration:none}.chat-window{display:flex;height:min(760px,calc(100dvh - 142px));min-height:520px;background:#fff;border:1px solid #e4e9f2;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.chat-sidebar{width:228px;padding:35px 20px 22px;background:#fafbfe;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.sidebar-heading{font-size:20px;font-weight:650;letter-spacing:.2px;padding-left:8px;line-height:1.5}.sidebar-heading>span{display:block;font-size:11px;font-weight:400;color:#949dad;margin-top:8px;letter-spacing:0}.conversation-nav{display:flex;align-items:center;gap:11px;padding:15px 13px;border-radius:10px;margin-top:35px;font-size:13px;color:var(--accent);background:#ecf0ff}.conversation-nav .icon{width:19px}.conversation-nav small{display:block;font-size:10px;color:#8b99c7;margin-top:5px}.conversation-nav .tiny-dot{margin-left:auto;background:var(--accent);width:5px;height:5px}.sidebar-service{margin-top:40px;padding:0 9px}.sidebar-eyebrow{font-size:10px;color:#a2aabd;letter-spacing:1px;margin-bottom:23px}.service-info{display:flex;gap:12px;margin-bottom:24px}.service-info>.icon{width:16px;color:#a2adc5;margin-top:1px}.service-info b{display:block;font-weight:500;font-size:12px;color:#64708a}.service-info span,.service-info small{display:block;font-size:11px;color:#a2aabc;margin-top:7px;line-height:1.4}.service-info small{margin-top:4px}.sidebar-bottom{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:10px;color:#a7afbf;padding:20px 6px 0}.sidebar-bottom .icon{width:14px;height:14px}.chat-main{display:flex;flex-direction:column;flex:1;min-width:0;position:relative;background:#f7f8fb}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 27px;background:white;min-height:90px;border-bottom:1px solid var(--line);flex-shrink:0}.header-identity{display:flex;align-items:center;gap:12px;min-width:0}.header-identity .avatar{width:42px;height:42px}.header-identity h1{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 7px}.header-identity p{font-size:11px;color:#8a93a3;margin:0;line-height:1.5}.chat-header-actions{display:flex;gap:9px;align-items:center}.human-button{color:#5c6780;padding:8px 12px;min-height:34px;background:#fff;font-size:12px}.human-button .icon{width:15px;height:15px}.chat-announcement{display:flex;gap:7px;align-items:center;background:#fbfcff;border-bottom:1px solid #edf0f6;padding:9px 27px;color:#969fb1;font-size:10px;line-height:1.6;flex-shrink:0}.chat-announcement .icon{height:12px;width:12px}.message-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:0 28px 24px;scrollbar-width:thin;scrollbar-color:#dce1eb transparent}.date-divider{display:flex;justify-content:center;align-items:center;color:#a5adbb;font-size:10px;margin:25px 0}.date-divider span{padding:4px 11px;border-radius:20px;background:#eef1f6}.message{display:flex;gap:10px;margin:20px 0;align-items:flex-start}.message>.avatar{width:34px;height:34px;font-size:13px;margin-top:2px}.message-content{max-width:min(78%,550px);min-width:0}.message-byline{display:flex;align-items:center;gap:7px;font-size:10px;color:#929bae;line-height:16px;margin-bottom:6px}.message-byline time{font-size:9px;color:#b0b7c4;margin-left:3px}.ai-label{border:1px solid #dce4fa;padding:0 3px;color:#8095ca;border-radius:3px;font-size:8px;line-height:12px}.bubble{background:#fff;border:1px solid #e8ecf3;border-radius:2px 12px 12px 12px;box-shadow:0 2px 4px #2b355303;overflow:hidden}.message-text{padding:12px 15px;font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:#46516b}.message-text a{word-break:break-all;text-decoration:underline}.message.mine{flex-direction:row-reverse}.mine .message-byline{justify-content:flex-end}.mine .bubble{background:var(--accent);border-color:var(--accent);border-radius:12px 2px 12px 12px}.mine .message-text,.mine .message-text a{color:white}.message-receipt{display:block;color:#a4afc3;text-align:right;font-size:9px;margin-top:5px}.system-message{text-align:center;color:#9ca5b6;font-size:10px;line-height:1.7;margin:20px auto;max-width:85%}.suggested-questions{margin:5px 0 20px 45px;max-width:390px}.suggested-questions>div{font-size:11px;color:#94a0b5;display:flex;gap:6px;align-items:center;margin:15px 0 10px}.suggested-questions .icon{height:13px;width:13px}.question-button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;border:1px solid #e4eaf7;border-radius:7px;padding:10px 13px;background:#fff;font-size:12px;color:#667aa8;text-align:left;margin-bottom:7px}.question-button:hover{border-color:#bccbfa;background:#f4f7ff}.question-button .icon{color:#a1b1d5}.composer{background:white;border-top:1px solid var(--line);padding:12px 25px 17px;flex-shrink:0;position:relative}.composer-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.tool-group{display:flex;gap:4px;position:relative}.composer-tip{color:#b0b7c4;font-size:10px}.composer textarea{resize:none;border:0;background:transparent;color:#394560;width:100%;font-size:14px;line-height:1.7;min-height:53px;max-height:160px;padding:0 4px;box-shadow:none;outline:0}.composer textarea::placeholder{color:#b1b9c7}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.composer-footer>span{color:#b4bbc9;font-size:10px}.send-button{min-height:34px;padding:7px 16px;border-radius:7px;font-size:12px;gap:14px}.send-button .icon{width:14px;height:14px}.visitor-footer{text-align:center;color:#adb5c3;font-size:10px;padding:21px 0}.visitor-footer span{margin:0 9px}.typing-line{display:flex;gap:8px;align-items:center;color:#93a0b5;font-size:10px;margin-left:45px;padding:10px 0}.typing-dots{display:flex;gap:3px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:#b1beda;animation:blink 1.4s infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}.image-message{padding:0;border:0;background:transparent;display:block;line-height:0}.image-message img{width:auto;max-width:min(100%,320px);max-height:240px;object-fit:contain}.bubble-image{padding:4px}.bubble-image .message-text{padding:7px 10px}.expired-image{display:flex;align-items:center;gap:8px;padding:18px;color:#99a2b4;font-size:12px}.mine .expired-image{color:#e8ecff}.new-message{position:absolute;right:20px;bottom:188px;display:flex;align-items:center;gap:5px;border:1px solid #dce5f5;border-radius:20px;padding:8px 13px;background:white;color:var(--accent);box-shadow:0 4px 12px #20365c11;font-size:11px}.new-message .icon{width:13px;height:13px}.attachment-tray{display:flex;gap:10px;flex-wrap:wrap}.attachment-tray:not(:empty){margin:5px 0 12px}.attachment-thumb{position:relative;width:68px;height:58px;border-radius:7px;background:#f3f5f9}.attachment-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.attachment-thumb button{position:absolute;right:-4px;top:-4px;border:2px solid white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;background:#657088;color:white}.attachment-thumb .icon{width:10px;height:10px}.drop-indicator{display:none;position:absolute;inset:0;z-index:3;background:#edf2fff2;border:2px dashed #829af3;border-radius:8px;align-items:center;justify-content:center;gap:10px;color:var(--accent);pointer-events:none}.dragging .drop-indicator{display:flex}.emoji-picker{position:absolute;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;bottom:43px;left:0;padding:10px;z-index:20;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #152e6020}.emoji-picker button{border:0;background:transparent;font-size:21px;width:30px;height:32px;border-radius:5px}.emoji-picker button:hover{background:#f0f3fa}.rating-card{margin:20px auto;padding:18px;text-align:center;background:white;border:1px solid var(--line);border-radius:10px;max-width:330px;font-size:12px;color:#64728d}.rating-card>div{margin:8px}.rating-card small{font-size:10px;color:#a3adbc}.rating-star:hover,.rating-star:focus{color:#eab545}.full-image{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.empty-connection{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.empty-connection>.icon{width:42px;height:42px;color:#a4b4d8}.empty-connection h1{font-size:20px;color:#485874;margin:8px 0}.empty-connection p{margin:0 0 15px}
#toast{position:fixed;top:24px;left:50%;transform:translate(-50%,-20px);background:#26334a;color:white;padding:12px 20px;border-radius:10px;font-size:13px;box-shadow:0 8px 30px #1e304c30;z-index:1000;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:calc(100vw - 36px);line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#ae3c4c}.modal-backdrop{position:fixed;inset:0;background:#1c294852;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;animation:fade .15s}.modal{width:min(520px,100%);max-height:90dvh;overflow:auto;background:white;border-radius:14px;box-shadow:0 20px 70px #10214735}.modal-wide{width:min(850px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:16px;margin:0;font-weight:600}.modal-content{padding:23px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.field{display:block;font-size:12px;font-weight:500;margin-bottom:19px;color:#566179;line-height:1.5}.field>span{font-size:11px;font-weight:400;color:#a4acba;margin-left:4px}.field small{display:block;font-size:11px;font-weight:400;color:#9ba5b6;margin-top:6px;line-height:1.6}.input,.field input:not([type=checkbox]):not([type=color]),.field textarea,.field select{display:block;width:100%;padding:10px 12px;min-height:40px;border:1px solid #dfe5ef;border-radius:7px;background:white;color:#3d4a62;margin-top:8px;font-size:13px;line-height:1.5;transition:border .15s}.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#b3bbca}.field textarea{resize:vertical;min-height:100px;line-height:1.8}.field textarea.tall{min-height:190px}.field input[type=color]{height:40px;width:80px;border:1px solid #dfe5ef;background:white;padding:5px;border-radius:7px;margin-top:8px}.form-description{font-size:12px;color:#919bad;line-height:1.8;margin:0 0 22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-avatar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-avatar .avatar{width:52px;height:52px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#65728c;line-height:1.7;margin:15px 0}.check-label input{accent-color:var(--accent);width:15px;height:15px}.form-error{color:#d64555;background:#fff5f6;border:1px solid #fbe4e7;padding:9px 12px;border-radius:7px;font-size:12px;line-height:1.6;margin-bottom:16px}.subtle-note{color:#9ba6b9;font-size:11px;line-height:1.8}.code-box{display:block;padding:14px;background:#f5f7fc;border:1px solid #e6ebf4;border-radius:7px;font-size:12px;color:#637394;line-height:1.8;word-break:break-all;white-space:pre-wrap}.segmented{display:flex;padding:3px;background:#edf0f6;border-radius:8px;gap:3px}.segmented button{border:0;padding:7px 13px;border-radius:6px;background:transparent;color:#929caf;font-size:12px}.segmented button.active{background:white;color:var(--text);box-shadow:0 1px 3px #17253d0a}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:400;background:#f0f3f8;color:#8b97ae;white-space:nowrap;line-height:1.5}.badge.green{color:#32a27e;background:#eaf8f1}.badge.blue{color:#6481d7;background:#edf2ff}.badge.orange{color:#c4934e;background:#fff5e4}.badge.red{color:#c97380;background:#fceef1}.empty-state{padding:70px 20px;text-align:center;color:#a4afc1}.empty-state>.icon{width:38px;height:38px;color:#c2ccdd;margin-bottom:10px}.empty-state h3{color:#74839e;font-weight:500;font-size:15px;margin:10px 0}.empty-state p{font-size:12px;line-height:1.8}.empty-state .button{margin-top:12px}.loading-panel{display:flex;align-items:center;justify-content:center;min-height:200px;color:#a0aabd;font-size:12px;gap:10px}.loading-panel .loader{width:18px;height:18px}
/* Administrative workspace */
.admin-layout{display:flex;min-height:100dvh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 16px 19px;z-index:30}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px;color:#2f3b53}.admin-brand b{font-size:17px;letter-spacing:.4px}.admin-brand span{font-size:10px;color:#a3adbe;margin-top:4px;display:block;letter-spacing:1px}.admin-nav-label{font-size:10px;letter-spacing:1px;color:#b1bac8;padding:13px 15px 10px}.admin-nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;border-radius:8px;color:#8490a6;font-size:13px;text-align:left;padding:13px 15px;width:100%;min-height:44px}.nav-item .icon{height:18px;width:18px;color:#9ca8bc}.nav-item.active{color:var(--accent);background:#edf1ff;font-weight:500}.nav-item.active .icon{color:var(--accent)}.nav-item:hover:not(.active){background:#f6f8fc;color:#5c6b87}.nav-count{margin-left:auto;font-size:10px;min-width:18px;line-height:18px;text-align:center;background:#ecedfa;border-radius:5px;color:#7584c3}.nav-item.active .nav-count{background:#dfe7ff;color:var(--accent)}.admin-sidebar-bottom{margin-top:auto}.sidebar-help{display:flex;align-items:flex-start;gap:9px;padding:15px 12px;border:1px solid #eef1f7;background:#fbfcff;border-radius:9px;margin:24px 1px 16px;color:#9aa7bd;font-size:11px;line-height:1.8}.sidebar-help .icon{height:15px;width:15px;margin-top:2px;color:#9aaee1}.admin-account{border-top:1px solid var(--line);padding:17px 8px 0;display:flex;align-items:center;gap:9px}.admin-account .avatar{width:33px;height:33px;font-size:12px}.admin-account b{font-size:12px;font-weight:500;display:block}.admin-account small{font-size:10px;color:#a2aebf;display:block;margin-top:4px}.admin-account>button{margin-left:auto}.admin-main{margin-left:224px;width:calc(100% - 224px);min-width:0}.admin-topbar{height:73px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.admin-breadcrumb{font-size:12px;color:#a0aabd;display:flex;align-items:center;gap:11px}.admin-breadcrumb b{color:#5d6a82;font-weight:500}.admin-breadcrumb .icon{width:11px;height:11px;color:#c2cad7}.topbar-right{display:flex;align-items:center;gap:20px;font-size:11px;color:#9ca8ba}.online-select{border:0;background:#f4faf7;color:#49a786;padding:7px 10px;border-radius:6px;font-size:11px;outline:none}.mobile-menu{display:none}.page{padding:31px 34px 42px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{font-size:24px;line-height:1.5;margin:0;color:#2d3a52;font-weight:650;letter-spacing:.3px}.page-heading p{font-size:12px;color:#9ba6b8;margin:7px 0 0;line-height:1.8}.page-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.date-label{font-size:11px;display:flex;align-items:center;gap:8px;color:#99a5b8;background:white;border:1px solid var(--line);padding:9px 13px;border-radius:7px}.date-label .icon{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{border:1px solid var(--line);border-radius:10px;padding:20px 22px;background:white;position:relative}.stat-card-title{font-size:12px;color:#94a0b3;display:flex;justify-content:space-between;align-items:center;gap:10px}.stat-card-title>.icon{color:#b0beda;width:19px;height:19px}.stat-number{font-size:32px;font-weight:600;letter-spacing:-.8px;margin:16px 0 10px;color:#35435d;font-variant-numeric:tabular-nums}.stat-foot{font-size:10px;color:#a7b1c3}.stat-foot .badge{margin-right:5px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.panel-head{padding:19px 22px;border-bottom:1px solid #f0f2f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:14px;font-weight:550;color:#56627a;margin:0}.panel-head span{font-size:10px;color:#a4aebf}.panel-body{padding:22px}.chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;padding:18px 8px 25px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f1f3f9 40px,#f1f3f9 41px);margin-bottom:25px}.chart-column{height:100%;width:100%;max-width:38px;position:relative;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;border-radius:5px 5px 0 0;background:#dfe7ff;min-height:3px;position:relative}.chart-column:last-child .chart-bar{background:#7f98f6}.chart-value{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;color:#99a9cc}.chart-label{position:absolute;bottom:-27px;color:#a8b3c4;font-size:10px;white-space:nowrap}.service-row{display:flex;align-items:center;gap:12px;padding:12px 0}.service-row+.service-row{border-top:1px solid #f0f3f8}.service-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f1f4fe;border-radius:9px;color:#88a0da}.service-icon .icon{width:19px;height:19px}.service-row div:nth-child(2){flex:1}.service-row b{font-weight:500;font-size:12px;color:#63718c}.service-row small{display:block;font-size:10px;color:#a7b1c3;margin-top:7px}.setup-note{border:1px solid #e6ecf9;border-radius:8px;background:#f9fbff;padding:13px;font-size:11px;color:#91a0bc;line-height:1.8;margin-top:12px}.setup-note a{font-size:11px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.shortcut-button{padding:20px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:15px;text-align:left}.shortcut-button:hover{border-color:#cbd7f8;box-shadow:0 3px 12px #283c6610}.shortcut-button>.icon{width:23px;height:23px;color:#8da0c9}.shortcut-button b{font-size:12px;font-weight:500;color:#67748d;display:block}.shortcut-button small{display:block;font-size:10px;color:#b0b9c9;margin-top:7px}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.search-input{position:relative;min-width:240px}.search-input>.icon{position:absolute;left:12px;top:11px;width:16px;height:16px;color:#b5bfd0}.search-input input{width:100%;min-height:38px;border:1px solid #e2e8f1;background:white;border-radius:7px;padding:9px 12px 9px 37px;font-size:12px}.data-table{width:100%;border-collapse:collapse;background:white;text-align:left}.data-table th{font-size:11px;font-weight:400;color:#a1adbf;background:#fbfcfe;padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:18px 20px;border-bottom:1px solid #eff2f7;color:#79869e;font-size:12px;line-height:1.6}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:24px}.data-table td.title-cell{color:#566784;max-width:380px}.title-cell b{display:block;font-weight:500;color:#53627d;font-size:12px}.title-cell small{display:block;font-size:11px;color:#a3aec0;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.data-table .actions{white-space:nowrap;text-align:right}.data-table .actions .icon-button{width:29px;height:29px}.data-table .actions .icon{width:16px;height:16px}.table-overflow{overflow-x:auto}.table-footer{padding:15px 22px;border-top:1px solid var(--line);font-size:10px;color:#a9b3c4;display:flex;justify-content:space-between}.tag{display:inline-block;background:#f2f5fa;border:1px solid #edf1f7;color:#98a5bb;padding:2px 7px;border-radius:4px;font-size:10px;margin-right:5px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.provider-card{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.provider-title{display:flex;align-items:center;gap:12px}.provider-title>div{flex:1}.provider-title h3{font-size:14px;margin:0 0 7px;font-weight:550;color:#536480}.provider-title .icon-box{width:40px;height:40px;border:1px solid #e3e9f8;border-radius:10px;background:#f5f7ff;color:#849cdd;display:flex;align-items:center;justify-content:center;flex:none}.provider-detail{display:grid;grid-template-columns:70px 1fr;gap:13px 10px;font-size:11px;line-height:1.6;margin:26px 0}.provider-detail dt{color:#a5b0c1}.provider-detail dd{margin:0;color:#7b8ca7;overflow-wrap:anywhere}.provider-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,720px);gap:28px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav button{border:0;background:transparent;text-align:left;padding:13px 16px;font-size:12px;border-radius:7px;color:#8f9cb2;display:flex;gap:10px;align-items:center}.settings-nav button .icon{height:17px;width:17px}.settings-nav button.active{color:var(--accent);background:#eaf0ff}.settings-card{border:1px solid var(--line);border-radius:10px;background:white}.settings-card header{padding:22px 25px;border-bottom:1px solid var(--line)}.settings-card header h2{font-size:15px;margin:0;font-weight:550}.settings-card header p{font-size:11px;line-height:1.7;color:#a2aec0;margin:8px 0 0}.settings-content{padding:25px}.settings-card footer{padding:17px 25px;display:flex;justify-content:flex-end;border-top:1px solid var(--line);gap:10px;align-items:center}.image-setting{display:flex;align-items:center;gap:15px;margin-bottom:14px}.image-setting .avatar,.image-setting .brand-logo{height:42px;width:42px}.image-url-row{display:flex;gap:9px;align-items:center}.image-url-row input{flex:1;min-width:0}.image-url-row .button{margin-top:8px}.day-picker{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 21px}.day-picker label{cursor:pointer;position:relative}.day-picker input{position:absolute;opacity:0;width:1px;height:1px}.day-picker span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:35px;border:1px solid #e3e8f2;border-radius:7px;font-size:12px;color:#a5afbf;background:white}.day-picker input:checked+span{color:var(--accent);background:#edf2ff;border-color:#c5d2fc}.day-picker input:focus-visible+span{outline:3px solid #becafa}.schedule-block+.schedule-block{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.schedule-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;color:#566884;font-weight:500}.switch{position:relative;width:34px;height:20px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px}.switch span{position:absolute;inset:0;background:#dce3ee;border-radius:20px;cursor:pointer}.switch span:after{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #bdcaf9}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{display:flex;gap:10px;font-size:11px;color:#9ba8bf;padding:10px 0}.activity-list b{color:#788aa7;font-weight:400}.activity-list time{margin-left:auto;color:#b4bdcb;font-size:10px}.link-card{padding:21px 23px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.link-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.link-card h3{font-size:14px;font-weight:500;margin:0;display:flex;align-items:center;gap:10px}.link-card .code-box{margin:10px 0 15px}.link-actions{display:flex;align-items:center;gap:9px}.link-note{font-size:11px;color:#a8b2c2;line-height:1.7}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-aside{background:#eef2fb;padding:70px 13%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-aside .admin-brand{padding:0;position:absolute;top:48px;left:13%}.login-aside h1{font-size:38px;line-height:1.6;letter-spacing:1px;font-weight:600;color:#3b4e78;margin:0 0 24px}.login-aside p{color:#93a0bc;line-height:2;font-size:13px}.login-art{margin-top:30px;border:1px solid #e0e6f3;background:#f8faff;border-radius:14px;padding:25px;max-width:380px;box-shadow:0 16px 40px #768bb216}.login-art-head{display:flex;gap:6px;margin-bottom:27px}.login-art-head i{width:6px;height:6px;border-radius:50%;background:#d5def0}.art-message{display:flex;gap:12px;margin:16px 0}.art-avatar{width:25px;height:25px;border-radius:50%;background:#dce5fb;flex-shrink:0}.art-bubble{padding:12px 16px;border-radius:2px 9px 9px 9px;background:#eaf0fc;width:80%;font-size:11px;color:#8c9ebc;line-height:1.8}.art-message.reverse{flex-direction:row-reverse}.reverse .art-bubble{background:#91a9f2;color:white;border-radius:9px 2px 9px 9px;width:60%}.login-main{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:330px;max-width:100%}.login-form h2{font-size:26px;margin:0 0 10px;font-weight:600;color:#35425b}.login-form>p{font-size:12px;color:#a3adbf;margin:0 0 36px}.login-form .field{margin-bottom:22px}.login-form .button{width:100%;margin-top:8px;min-height:43px}.login-bottom{font-size:10px!important;text-align:center;color:#b2bbca!important;margin-top:25px!important}.login-back{margin-top:22px;display:block;text-align:center;font-size:11px;color:#93a4c8}
/* Conversation desk */
.inbox-page{height:calc(100dvh - 73px);display:flex;min-width:0;overflow:hidden;background:white}.inbox-list{width:305px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.inbox-list-header{padding:24px 19px 15px}.inbox-list-header h1{font-size:20px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.inbox-list-header h1 small{font-size:10px;font-weight:400;color:#a4afc2}.inbox-list-header .search-input{min-width:0}.inbox-tabs{display:flex;gap:20px;margin:20px 0 0;border-bottom:1px solid var(--line)}.inbox-tabs button{position:relative;border:0;background:transparent;padding:0 1px 12px;color:#a4afc2;font-size:12px}.inbox-tabs button.active{color:var(--accent);font-weight:500}.inbox-tabs button.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--accent);border-radius:2px}.conversation-list{flex:1;overflow:auto;padding:0 10px 15px;scrollbar-width:thin}.conversation-item{display:flex;gap:10px;padding:16px 10px;border-radius:8px;width:100%;border:0;border-bottom:1px solid #f3f5f9;background:transparent;text-align:left;position:relative}.conversation-item:hover{background:#f8faff}.conversation-item.active{background:#eef3ff}.conversation-item>.avatar{width:34px;height:34px;font-size:12px;margin-top:1px}.conversation-item-body{min-width:0;flex:1}.conversation-item-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.conversation-item b{font-size:12px;font-weight:500;color:#697b97}.conversation-item time{font-size:9px;color:#acb6c8;white-space:nowrap}.conversation-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 9px;font-size:11px;color:#a6b1c3;line-height:1.5;height:16px}.conversation-item-footer{display:flex;align-items:center;justify-content:space-between}.unread-count{height:16px;min-width:16px;border-radius:8px;background:#6987ed;color:white;display:inline-flex;justify-content:center;align-items:center;font-size:9px;padding:0 4px}.inbox-chat{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f9fc}.inbox-chat .chat-header{min-height:85px;padding:17px 23px}.inbox-chat .chat-header h1{font-size:14px}.inbox-chat .message-scroll{padding:0 22px 20px}.inbox-chat .composer{padding:10px 20px 15px}.inbox-chat .message-content{max-width:78%}.inbox-chat .message-text{font-size:13px}.inbox-chat .empty-state{margin:auto}.inbox-details{width:245px;flex-shrink:0;border-left:1px solid var(--line);background:white;overflow:auto}.details-header{padding:22px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;color:#7c8ba6}.details-profile{text-align:center;padding:26px 20px 22px;border-bottom:1px solid #f0f3f8}.details-profile .avatar{width:52px;height:52px;font-size:19px}.details-profile h3{font-size:13px;font-weight:500;color:#7487a4;margin:12px 0 7px}.details-profile>small{font-size:10px;color:#a8b4c8}.detail-section{padding:20px;border-bottom:1px solid #f0f3f8}.detail-section h3{font-size:11px;margin:0 0 18px;font-weight:500;color:#8495ae}.detail-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:15px;line-height:1.5}.detail-row:last-child{margin-bottom:0}.detail-row dt{color:#b1bccd;min-width:50px}.detail-row dd{margin:0;color:#899ab5;text-align:right;overflow-wrap:anywhere}.detail-section textarea{font-size:11px;min-height:85px;resize:vertical;line-height:1.8}.details-actions{display:flex;flex-direction:column;gap:9px;padding:20px}.details-actions .button{font-size:11px;color:#90a1bd;min-height:34px}.composer-locked{padding:24px;text-align:center;background:white;border-top:1px solid var(--line);font-size:12px;color:#a2afc4;line-height:1.8}.composer-locked .button{margin-top:12px}.quick-panel{position:absolute;left:20px;right:20px;bottom:100%;background:white;border:1px solid #e2e8f3;border-radius:10px;box-shadow:0 -8px 30px #2e47741a;padding:14px;z-index:15;max-height:280px;overflow:auto}.quick-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#8394af}.quick-option{display:block;text-align:left;border:0;border-bottom:1px solid #f0f3f8;background:white;width:100%;padding:10px 4px;color:#7d8da9;font-size:11px;line-height:1.7}.quick-option b{display:block;font-size:11px;color:#526d9f;font-weight:500;margin-bottom:4px}.quick-option:hover{background:#f5f8ff}.quick-trigger{font-size:10px;color:#97a7c5;display:flex;align-items:center;gap:4px;background:transparent;border:0}.quick-trigger .icon{width:14px;height:14px}.inbox-back{display:none}.details-toggle{display:none}.preview-note{display:flex;align-items:center;gap:8px;padding:13px 17px;background:#f2f6ff;border:1px solid #e4ebfb;border-radius:8px;color:#899cbe;font-size:11px;line-height:1.8;margin-bottom:22px}.preview-note .icon{width:16px;height:16px}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.visitor-body #app{width:1160px}.chat-window{height:min(800px,calc(100dvh - 155px))}.chat-sidebar{width:246px}.chat-header{padding:23px 32px}.message-scroll{padding-left:33px;padding-right:33px}.composer{padding-left:31px;padding-right:31px}.message-text{font-size:15px}.admin-main .page{padding-top:36px}}
@media(max-width:1280px){.admin-sidebar{width:196px;padding-left:12px;padding-right:12px}.admin-main{margin-left:196px;width:calc(100% - 196px)}.admin-topbar{padding:0 25px}.page{padding:27px 25px}.inbox-details{width:215px}.inbox-list{width:270px}.inbox-chat .chat-header{padding:16px}.stats-grid{gap:13px}.stat-card{padding:19px 17px}.shortcut-button{padding:18px 14px;gap:10px}.settings-layout{grid-template-columns:165px minmax(0,1fr);gap:20px}}
@media(max-width:1100px){.inbox-details{display:none}.details-toggle{display:flex}.inbox-details.open{display:block;position:absolute;right:0;top:73px;bottom:0;z-index:20;width:255px;box-shadow:-8px 0 30px #18345e13}.topbar-right{gap:12px}.topbar-right .topbar-date{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:18px}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:22px}.login-aside{padding-left:12%;padding-right:12%}.login-aside h1{font-size:30px}.settings-layout{grid-template-columns:145px minmax(0,1fr);gap:16px}.settings-content{padding:21px}.data-table td,.data-table th{padding-left:16px;padding-right:16px}}
@media(max-width:850px){.visitor-body #app{width:calc(100% - 32px)}.visitor-topline{height:71px}.chat-window{height:calc(100dvh - 120px);min-height:480px}.chat-sidebar{width:194px;padding-left:14px;padding-right:14px}.sidebar-heading{font-size:18px}.sidebar-heading>span{font-size:10px}.chat-header{padding:17px 20px;min-height:81px}.chat-announcement{padding-left:20px;padding-right:20px}.message-scroll{padding-left:20px;padding-right:20px}.composer{padding-left:17px;padding-right:17px}.admin-sidebar{width:174px;padding-left:9px;padding-right:9px}.admin-brand{padding-left:8px;gap:8px}.admin-brand b{font-size:15px}.admin-brand .brand-logo{width:30px;height:30px}.nav-item{padding:12px;font-size:12px;gap:10px}.admin-main{margin-left:174px;width:calc(100% - 174px)}.inbox-list{width:244px}.inbox-list-header{padding:21px 15px 13px}.inbox-tabs{gap:15px}.inbox-chat .chat-header-actions{gap:3px}.inbox-chat .chat-header-actions .button{padding:8px 9px}.dashboard-columns{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:4px;margin-bottom:3px}.settings-nav button{padding:10px 11px}.page{padding:25px 21px}.admin-topbar{padding:0 21px}.page-heading{align-items:flex-start}.page-heading p{max-width:330px}.date-label{display:none}.page-actions{flex-wrap:wrap;justify-content:flex-end}.page-actions .button{font-size:11px;padding:9px 11px}.table-overflow{border-radius:9px}.data-table td.title-cell{min-width:220px}.login-aside{padding:60px 12%}.login-aside h1{font-size:26px}.login-art{padding:15px}.login-main{padding:30px}.login-aside p{font-size:12px}}
@media(max-width:640px){.visitor-body{background:white}.visitor-body #app{width:100%;margin:0}.visitor-topline,.visitor-footer,.chat-sidebar{display:none}.chat-window{height:100dvh;min-height:0;width:100%;border:0;border-radius:0;box-shadow:none}.chat-header{padding:15px 16px;min-height:78px}.chat-header-actions{gap:3px}.header-identity .avatar{width:38px;height:38px}.header-identity{gap:10px}.header-identity h1{font-size:14px;margin-bottom:5px}.header-identity p{font-size:10px;max-width:230px}.human-button{font-size:11px;padding:7px 9px;gap:5px}.chat-announcement{font-size:9px;padding:8px 15px}.message-scroll{padding:0 14px 15px}.message{gap:8px;margin:19px 0}.message>.avatar{width:31px;height:31px}.message-content{max-width:calc(100% - 48px)}.message-text{font-size:14px;padding:10px 13px;line-height:1.8}.date-divider{margin:21px 0}.message-byline{font-size:9px}.composer{padding:9px 13px max(12px,env(safe-area-inset-bottom));}.composer-tools{margin-bottom:4px}.composer-tip{font-size:9px}.composer textarea{font-size:16px;min-height:47px}.composer-footer{margin-top:5px}.composer-footer>span{font-size:9px}.send-button{min-height:34px}.suggested-questions{margin-left:39px}.emoji-picker{grid-template-columns:repeat(8,1fr)}.new-message{bottom:164px}.modal-backdrop{padding:15px}.modal-header{padding:16px 19px}.modal-content{padding:19px}.modal{max-height:92dvh}.form-row{gap:12px}.embedded .visitor-topline,.embedded .visitor-footer,.embedded .chat-sidebar{display:none}.admin-sidebar{display:none;width:225px;padding-left:16px;padding-right:16px;box-shadow:10px 0 50px #182b5028}.admin-sidebar.open{display:flex}.admin-main{margin-left:0;width:100%}.admin-topbar{height:60px;padding:0 16px;justify-content:flex-start;gap:9px}.admin-breadcrumb{font-size:11px;gap:7px}.mobile-menu{display:flex}.topbar-right{margin-left:auto;gap:6px}.topbar-right>.button{font-size:10px;padding:7px 9px;min-height:30px}.topbar-right>.button .icon{display:none}.online-select{font-size:10px;max-width:83px;padding:6px}.admin-topbar>.icon-button{width:27px}.page{padding:23px 17px 35px}.page-heading{gap:10px;margin-bottom:21px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px;max-width:240px}.page-actions{gap:7px}.page-actions .button{font-size:11px;min-height:34px}.page-actions .button .icon{width:15px;height:15px}.stats-grid{gap:11px;margin-bottom:17px}.stat-card{padding:16px}.stat-number{font-size:28px;margin:13px 0 8px}.stat-card-title{font-size:11px}.stat-foot{font-size:9px}.dashboard-columns{gap:17px;margin-bottom:18px}.panel-head{padding:17px}.panel-body{padding:17px}.shortcut-grid{gap:11px}.shortcut-button{gap:10px;padding:16px 12px}.shortcut-button b{font-size:11px}.shortcut-button small{font-size:9px}.shortcut-button>.icon{width:20px;height:20px}.data-toolbar{gap:10px}.search-input{min-width:180px;flex:1}.provider-grid{grid-template-columns:1fr;gap:14px}.settings-nav{gap:2px}.settings-nav button{padding:9px 10px;font-size:11px}.settings-nav button .icon{height:15px;width:15px}.settings-card header{padding:20px}.settings-content{padding:20px}.settings-card footer{padding:16px 20px}.day-picker{gap:5px}.day-picker span{width:34px;height:34px}.image-url-row .button{padding:10px;font-size:11px}.link-card{padding:18px}.link-actions{flex-wrap:wrap;gap:7px}.link-actions .button{font-size:11px;padding:8px 11px}.inbox-page{height:calc(100dvh - 60px)}.inbox-list{width:100%;border:0}.inbox-list-header{padding:22px 20px 15px}.inbox-tabs{gap:30px}.conversation-list{padding:0 12px}.conversation-item{padding:17px 12px;gap:13px}.conversation-item>.avatar{width:40px;height:40px}.conversation-item b{font-size:13px}.conversation-item p{font-size:12px;margin:8px 0 10px}.inbox-chat{display:none}.inbox-page.chat-open .inbox-list{display:none}.inbox-page.chat-open .inbox-chat{display:flex}.inbox-back{display:flex;margin-left:-8px;margin-right:0}.inbox-chat .header-identity{gap:8px}.inbox-chat .chat-header{min-height:74px;padding:12px 14px}.inbox-chat .chat-header h1{font-size:13px}.inbox-chat .message-scroll{padding-left:14px;padding-right:14px}.inbox-chat .message-text{font-size:14px}.inbox-chat .composer{padding:8px 13px max(12px,env(safe-area-inset-bottom))}.inbox-details.open{top:60px}.inbox-chat .chat-header-actions .button{padding:7px 9px;font-size:10px;min-height:31px}.inbox-chat .chat-header-actions .button .icon{width:14px;height:14px}.inbox-chat .chat-header-actions .button span{display:none}.login-page{display:block;min-height:100dvh;background:#f8faff}.login-aside{background:transparent;padding:48px 30px 25px;display:block}.login-aside .admin-brand{position:static;padding:0;display:flex}.login-aside h1,.login-aside p,.login-art{display:none}.login-main{padding:40px 30px}.login-form{width:100%;max-width:380px}.login-form h2{font-size:25px}.admin-sidebar.open:after{content:'';position:fixed;left:225px;top:0;right:0;bottom:0;background:#12244b28;z-index:-1}.profile-avatar .button{font-size:12px}.field input,.field textarea,.field select{font-size:16px!important}.table-footer{font-size:9px;padding:14px 17px}}
.embedded #app{width:100%;margin:0}.embedded .chat-window{height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.embedded .visitor-topline,.embedded .visitor-footer,.embedded .chat-sidebar{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep supporting text legible on the light surfaces. */
.page-heading p,.form-description,.field small,.subtle-note,.stat-card-title,.stat-foot,.panel-head span,.provider-detail dt,.provider-detail dd,.link-note,.data-table th,.data-table td,.title-cell small,.table-footer,.settings-card header p,.topbar-date,.admin-breadcrumb,.admin-account small,.nav-item,.sidebar-help,.login-form>p,.login-aside p{color:#6f7d94}
.composer-tip,.composer-footer>span,.message-byline,.message-byline time,.message-receipt,.system-message,.date-divider,.chat-announcement,.sidebar-heading>span,.service-info span,.service-info small,.sidebar-eyebrow,.sidebar-bottom,.visitor-footer,.header-identity p{color:#77849a}
.composer textarea::placeholder,.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#929eb1}

/* A single document editor shares the site's existing surface and text colors. */
.knowledge-editor .panel-body{padding-bottom:0}.knowledge-hint{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.8}.knowledge-field{margin-bottom:0}.knowledge-field textarea{min-height:390px;height:48vh;max-height:760px;resize:vertical;font-size:14px;line-height:1.9;padding:18px 20px;border-radius:8px}.knowledge-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.knowledge-footnote{line-height:1.8;margin:16px 0}.knowledge-editor .panel-head>span{font-size:12px;color:var(--muted)}
@media(max-width:700px){.knowledge-page .page-heading{align-items:flex-start;flex-direction:column;gap:16px}.knowledge-page .page-heading>div:first-child{width:100%}.knowledge-field textarea{min-height:340px;padding:14px}.knowledge-footer{padding:16px 20px;gap:8px}.knowledge-footer .button{padding:10px 12px}.knowledge-footer .subtle-note{font-size:11px}.knowledge-page .page-actions{flex-wrap:wrap}}

/* The bubble follows its message body, independent of the byline width. */
.message-content>.bubble{width:fit-content;max-width:100%}
.message.mine .message-content>.bubble{margin-left:auto}