:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1f2937;background:#f5f7fb;font-size:14px;font-synthesis:none;--blue:#3265e8;--muted:#8590a3;--line:#e9edf3;--green:#20ad7c}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,box-shadow .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a9c2ff;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}p{line-height:1.8}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#9ab8ff!important;box-shadow:0 0 0 3px #edf2ff}small{font-size:12px}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.btn{border:1px solid #e0e5ee;border-radius:8px;background:#fff;padding:10px 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:550;white-space:nowrap;min-height:40px;font-size:13px;color:#465168}.btn:hover{background:#f6f8fc;border-color:#bfcce4}.btn.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 5px #3265e813}.btn.primary:hover{background:#2555d6}.btn .icon{width:17px;height:17px}.wide{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#8290a5}.icon-button:hover{background:#eef2f8;color:var(--blue)}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#8492ac;font-weight:650}.fine{font-size:12px;color:var(--muted);line-height:1.8}.center{text-align:center}.muted{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:21px;padding:2px 8px;border-radius:5px;white-space:nowrap}.pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.green{color:#18996c;background:#edf9f2}.blue{color:#426ddd;background:#edf3ff}.violet{color:#9472d2;background:#f4effb}.neutral{color:#707b8b;background:#f3f4f6}.amber{color:#af812c;background:#fff7e5}.red{color:#d65959;background:#fff0f0}.online-dot,.empty-dot,.channel-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#2db784;flex-shrink:0}.empty-dot{background:#c4cbd7}.heading-dot{color:#4c7bde}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:750;letter-spacing:-.8px;color:#223047}.brand img{width:36px}.brand>span{font-size:9px;font-weight:600;letter-spacing:.8px;color:#7390bc;background:#eaf1fc;padding:3px 5px;border-radius:3px}.platform{width:48px;height:48px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#edf3fd;color:#5088e1}.platform svg{width:29px;height:29px}.platform.wechat{color:white;background:#19b477;box-shadow:0 4px 10px #16a56b17}.platform.x{color:white;background:#20232a}.platform.small{width:25px;height:25px;border-radius:7px}.platform.small svg{width:16px;height:16px}.avatar{height:38px;width:38px;border-radius:50%;background:#eaf0ff;display:inline-flex;align-items:center;justify-content:center;color:#5477b3;font-weight:650;flex-shrink:0}.avatar.tiny{width:30px;height:30px;font-size:12px}.avatar.admin{border:3px solid #fff;box-shadow:0 2px 8px #8494bb21}.boot{height:100vh;display:grid;place-items:center;color:#5477b3}
/* Login */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.auth-story{background:radial-gradient(ellipse at 20% 80%,#dbefeb 0,transparent 55%),radial-gradient(ellipse at 75% 15%,#dce7fd 0,transparent 60%),#f1f6fc;padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story .brand>span{background:#ffffff85}.story-copy{padding:64px 0 80px}.story-copy h1{font-size:clamp(34px,3.1vw,52px);line-height:1.5;letter-spacing:-1.6px;margin:22px 0}.story-copy>p{color:#74849b;font-size:15px;line-height:2}.story-network{display:flex;align-items:center;margin:55px 0 30px;max-width:340px}.story-network>img{width:65px;height:65px;box-shadow:0 9px 32px #5879b52b;border-radius:19px}.story-network>.platform{width:52px;height:52px;background:white;color:#18ae76;box-shadow:0 5px 15px #7e9cbb15}.story-network>.platform.x{color:#20232a}.network-line{height:1px;flex:1;background:#becfe2;position:relative}.network-line:after{content:'';position:absolute;width:6px;height:6px;background:#80a4dc;border:2px solid #e8f0f9;border-radius:50%;top:-2px;left:50%}.story-check{display:flex;align-items:center;gap:8px;color:#8095aa;font-size:12px}.story-check svg{width:15px}.story-footer{font-size:11px;color:#8da0b3;display:flex;justify-content:space-between;gap:20px}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:60px 40px}.auth-box{width:370px;max-width:100%}.auth-box h2{font-size:28px;margin:22px 0 10px;letter-spacing:-.7px}.auth-box>p{font-size:13px;color:#8a93a4}.auth-box form{margin-top:32px}label{display:flex;flex-direction:column;gap:9px;color:#536178;font-size:12px;font-weight:550;margin-bottom:18px}label>input{width:100%;height:43px;border:1px solid #e1e6ef;border-radius:7px;background:#fff;padding:0 12px;font-weight:400;color:#35425a;font-size:13px}input::placeholder,textarea::placeholder{color:#b0b8c6}label small{color:#a2abba;font-weight:400;font-size:11px}.auth-divider{height:42px;margin-top:18px;display:flex;align-items:center;gap:10px;color:#acb4c1;font-size:11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-box>.fine{margin:12px 0 0;font-size:11px}.auth-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#9ca8b9;margin-top:40px}.auth-trust svg{width:15px}.form-error{color:#d35c5c;font-size:12px;line-height:1.7;margin:10px 0}.form-error:empty{display:none}
/* Shell */
.workspace{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:100vh}.rail{background:linear-gradient(180deg,#eaf0fc,#e5edf9 60%,#e8f3f2);border-right:1px solid #e5ebf4;display:flex;align-items:center;flex-direction:column;padding:22px 0 18px;gap:13px;position:sticky;top:0;height:100vh;z-index:5}.rail-logo{margin-bottom:25px}.rail-logo img{width:34px;display:block}.rail-item{position:relative;width:43px;padding:10px 0 7px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#8c9ab0}.rail-item>.icon{width:21px;height:21px}.rail-item span{font-size:9px}.rail-item.active{background:#fff;color:#4173df;box-shadow:0 3px 10px #90a5d21a}.rail-item:hover{background:#ffffffa8;color:#4173df}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:20px}.rail-item .nav-count{position:absolute;top:2px;right:0;font-size:9px;background:#d9e4ff;color:#3f6cdd;border-radius:4px;padding:2px 4px;line-height:1.2}.main{min-width:0;background:#fff}.topbar{height:71px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#a0aaba}.breadcrumb>span{color:#c8ced8}.breadcrumb strong{color:#5e6a7e;font-weight:500}.top-actions{display:flex;align-items:center;gap:23px;font-size:10px;color:#96a1b1}.connection-indicator{display:flex;gap:6px;align-items:center}.help-link{color:#8b97ab;display:flex;align-items:center;gap:6px;font-size:10px}.help-link svg{width:14px;height:14px}.demo-banner{display:flex;justify-content:space-between;align-items:center;padding:9px 34px;background:#fffbef;border-bottom:1px solid #f7edce;color:#a18c5e;font-size:10px;line-height:1.5;gap:10px}.demo-banner button{background:none;border:0;padding:0;color:#9a7c35;font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap}.demo-banner svg{width:13px;height:13px}.content{padding:37px 36px 30px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-size:27px;letter-spacing:-.6px;margin:10px 0}.page-heading p{font-size:12px;color:#8c98aa}.page-heading>.btn{font-size:11px;margin-top:5px;padding:10px 12px}.stats-row{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;margin-bottom:38px}.stat-card{border:1px solid var(--line);padding:20px 23px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fbfcff,#fff);min-height:110px}.stat-card>div>span{font-size:11px;color:#8d99ac}.stat-card strong{display:flex;align-items:baseline;gap:12px;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:9px;color:#31405a}.stat-card strong>small{font-size:10px;font-weight:400;letter-spacing:0;color:#a1adbc}.stat-card .text-stat{font-size:18px;letter-spacing:0;display:block;margin-top:15px}.text-stat small{display:block;margin-top:7px}.stat-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;margin-left:12px}.stat-icon svg{width:22px;height:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:15px}.section-heading h2{font-size:15px;display:flex;align-items:center;gap:9px}.section-heading p{font-size:11px;color:#99a4b5;margin-top:7px}.count-badge{font-size:10px;border:1px solid #e5eaf3;border-radius:5px;line-height:20px;min-width:23px;text-align:center;font-weight:500;color:#96a4b8;background:#fafcff}.segmented{display:flex;gap:3px;padding:3px;background:#f3f5f8;border:1px solid #edf0f5;border-radius:7px}.segmented button{font-size:10px;color:#929cac;background:none;border:0;padding:6px 11px;border-radius:4px}.segmented .on{background:white;box-shadow:0 1px 5px #3333330d;color:#5b76b2}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.channel-card{border:1px solid #e6ecf1;border-radius:11px;padding:25px 26px 0;background:linear-gradient(125deg,#f4fbf7 0,#fff 42%);position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.channel-card.x{background:linear-gradient(125deg,#f3f5f8 0,#fff 42%)}.channel-card:hover{border-color:#ced9ea;box-shadow:0 7px 25px #536b9210}.channel-card-head{display:flex;justify-content:space-between;align-items:flex-start}.channel-card-head>.pill{font-size:9px;line-height:19px}.channel-card h3{font-size:20px;letter-spacing:-.4px;margin:19px 0 5px}.channel-subtitle{font-size:10px;letter-spacing:.5px;color:#a2acbb}.channel-description{font-size:12px;color:#8692a5;margin:17px 0 21px;max-width:350px;min-height:43px}.feature-list{display:flex;gap:13px;color:#7e8ba0;font-size:10px;flex-wrap:wrap}.feature-list span{display:flex;align-items:center;gap:4px}.feature-list .icon{width:12px;height:12px;color:#75b497}.x .feature-list .icon{color:#8593a8}.card-footer{margin-top:26px;padding:16px 0;border-top:1px solid #eaf0ed;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-footer>span{display:flex;align-items:center;gap:6px;color:#98a4b4;font-size:10px}.card-footer .btn{font-size:11px;min-height:34px;padding:7px 12px}.account-section{margin-top:34px}.accounts-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;align-items:center;gap:12px;padding:13px 20px}.table-head{background:#f9fafd;color:#9aa6b8;font-size:10px}.table-row{border-top:1px solid #edf0f6;min-height:72px}.account-name{display:flex;align-items:center;gap:12px;min-width:0}.account-name>div{min-width:0}.account-name strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name small{font-size:9px;display:block;color:#a4aebe;margin-top:6px}.row-actions{display:flex;justify-content:flex-end;gap:14px}.text-button{border:0;background:none;color:#5f7dc0;padding:4px 0;display:inline-flex;align-items:center;gap:4px;font-size:10px}.text-button:hover{color:#2854af}.text-button svg{width:12px;height:12px}.inline-error{display:block;color:#d57373;font-size:10px;margin-top:5px;line-height:1.5}.table-head>span:last-child{text-align:right}.table-empty{padding:36px 20px;text-align:center;color:#a0aaba;font-size:12px}.bottom-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0acbe;margin-top:24px;line-height:1.7}.bottom-note>svg{width:14px;height:14px}.bottom-note>a{margin-left:auto;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#6c8ebc}.bottom-note>a svg{width:13px;height:13px}
/* Inbox */
.inbox{display:grid;grid-template-columns:315px minmax(0,1fr);height:calc(100vh - 71px);min-height:570px}.demo-banner~#page .inbox{height:calc(100vh - 108px)}.conversation-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.inbox-title{display:flex;align-items:center;justify-content:space-between;margin:21px 20px 14px}.inbox-title h1{font-size:16px;display:flex;align-items:center;gap:9px}.search-input{margin:0 18px;display:flex;align-items:center;border:1px solid #e8edf3;border-radius:7px;background:#fafbfd;padding:0 10px;gap:8px}.search-input svg{width:16px;height:16px;color:#acb7c7}.search-input input{min-width:0;width:100%;border:none;background:transparent;padding:10px 0;font-size:11px}.search-input input:focus{box-shadow:none}.conversation-pane>select{margin:12px 18px;border:1px solid #e8edf3;background:#fff;border-radius:6px;padding:9px;color:#8794a8;font-size:11px;max-width:calc(100% - 36px)}.inbox-tabs{display:flex;gap:25px;padding:0 20px;border-bottom:1px solid var(--line)}.inbox-tabs>button{border:0;border-bottom:2px solid transparent;background:none;font-size:11px;color:#a2acbc;padding:13px 0}.inbox-tabs>button.active{border-color:#517ee6;color:#517ee6}#conversation-list{overflow-y:auto;flex:1}.conversation{display:flex;gap:12px;padding:20px 17px;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #f2f4f7}.conversation:hover{background:#f8faff}.conversation.selected{background:#eef4ff;border-left:3px solid #5a85e5;padding-left:14px}.contact-avatar{position:relative;width:39px;height:39px;border-radius:12px;background:#eef0fa;color:#8190b6;display:grid;place-items:center;font-size:15px;flex-shrink:0}.contact-avatar.wechat{background:#eaf5ef;color:#79a490}.contact-avatar>.platform{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border:2px solid white;border-radius:5px}.contact-avatar>.platform svg{width:10px;height:10px}.conversation-text{min-width:0;flex:1}.conversation-text>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-text strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-text time{font-size:9px;color:#abb4c3;flex-shrink:0}.conversation-text>p{font-size:10px;color:#95a1b3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:7px;line-height:1.6}.conversation-meta{display:flex;justify-content:space-between;margin-top:8px;color:#a6b2c2;font-size:9px}.conversation-meta b{background:#678bea;color:white;min-width:15px;height:15px;border-radius:5px;font-size:9px;text-align:center;padding:2px}.done-label{color:#7daf95}.list-footer{padding:12px;border-top:1px solid var(--line);font-size:9px;color:#aab6c8;display:flex;justify-content:center;align-items:center;gap:5px}.list-footer svg{width:12px;height:12px}.thread{min-width:0;display:flex;flex-direction:column;background:#fafbfd;overflow:hidden}.thread-head{height:78px;display:flex;align-items:center;gap:12px;background:#fff;padding:0 27px;border-bottom:1px solid var(--line);flex-shrink:0}.thread-head h2{font-size:14px}.thread-head p{font-size:10px;color:#99a6b8;display:flex;align-items:center;gap:5px;margin-top:6px;line-height:1}.thread-head p .platform{width:14px;height:14px;border-radius:4px}.thread-head p .platform svg{width:10px;height:10px}.thread-head>.btn{margin-left:auto;font-size:10px;padding:7px 9px;min-height:31px}.thread-head>.btn svg{width:14px;height:14px}.thread-head .customer{width:35px;height:35px;border-radius:10px;background:#edf4f0;color:#7e9c8c}.thread-notice{font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;color:#a1b0c4;background:#f4f7fc;line-height:1.7}.thread-notice>svg{width:13px;height:13px}.messages{flex:1;overflow-y:auto;padding:22px 32px;min-height:100px}.date-label{text-align:center;font-size:9px;color:#b0bbc9;margin-bottom:26px}.message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 22px}.bubble{background:white;border:1px solid #e9edf4;padding:12px 15px;font-size:12px;line-height:1.8;max-width:80%;border-radius:0 11px 11px;white-space:pre-wrap;overflow-wrap:anywhere;color:#59667b}.message.outgoing{align-items:flex-end}.outgoing .bubble{border:1px solid #dee8ff;background:#eaf1ff;color:#536d9c;border-radius:11px 0 11px 11px}.message-meta{font-size:9px;color:#afbac9;margin-top:7px}.send-error{color:#d57b73;font-size:10px;max-width:80%;margin-top:5px;line-height:1.7}.composer{background:#fff;margin:0 24px;border:1px solid #e5eaf3;border-radius:9px;box-shadow:0 3px 8px #4a639906;padding:14px 16px}.composer-label{font-size:10px;display:flex;align-items:center;gap:6px;color:#8495af}.composer-label svg{width:14px;height:14px}.composer-label>span{margin-left:auto;color:#b2a37e;font-size:9px}.composer textarea{width:100%;height:90px;resize:none;border:0;padding:14px 0;color:#51617b;font-size:12px;line-height:1.8;background:transparent}.composer textarea:focus{box-shadow:none}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-bottom>span{font-size:9px;color:#b6becb}.composer-bottom .btn{min-height:32px;padding:7px 10px;font-size:10px}.composer-bottom svg{width:14px;height:14px}.thread-footnote{padding:11px 15px;text-align:center;font-size:9px;color:#a7b3c4}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;text-align:center;color:#8493ab;gap:15px}.empty>svg{width:34px;height:34px;color:#b6c6e0}.empty h3{font-size:15px;color:#73849f}.empty p{font-size:12px;color:#a0aec1;line-height:1.9;max-width:380px}.empty.full{grid-column:1/-1;border:1px dashed #dfe7f2;border-radius:10px}.empty.compact{padding:45px 23px}.empty.compact p{font-size:11px}.thread-empty{height:100%;gap:18px}.empty-orbit{width:94px;height:94px;border:1px solid #e2eaf7;background:#f1f5fc;border-radius:30px;display:grid;place-items:center;box-shadow:0 0 0 16px #f5f8fd;margin-bottom:18px;transform:rotate(-5deg)}.empty-orbit svg{width:37px;height:37px;color:#9ab4dc;transform:rotate(5deg)}.thread-empty>.eyebrow{font-size:8px}.thread-empty h2{font-size:19px;color:#8192ac;font-weight:500}.thread-empty p{font-size:11px}.thread-empty .btn{font-size:11px;margin-top:10px}.mobile-back{display:none}
/* Guides, settings and dialogs */
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{padding:30px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#f9fbff,#fff)}.guide-card h2{margin:20px 0 10px;font-size:20px}.guide-card>p{font-size:12px;color:#95a0b2}.guide-card ol{padding-left:20px;margin:28px 0;color:#7c96be}.guide-card li{padding-left:7px;margin:0 0 22px;font-size:12px}.guide-card li strong{font-weight:550;color:#596d88}.guide-card li p{color:#95a2b6;font-size:11px;margin-top:6px;line-height:1.9}.guide-card>a{font-size:11px;display:flex;align-items:center;gap:8px}.guide-card>a svg{width:14px;height:14px}.guide-bottom{font-size:11px;color:#91a1b7;line-height:1.9;margin-top:24px;display:flex;align-items:center;gap:9px}.guide-bottom svg{width:16px}.settings-card{max-width:780px;border:1px solid var(--line);padding:28px;border-radius:10px}.settings-card h2{font-size:16px}.settings-card dl{display:grid;grid-template-columns:160px 1fr;font-size:12px;margin:25px 0}.settings-card dt,.settings-card dd{margin:0;border-bottom:1px solid #f0f2f6;padding:17px 0;line-height:1.8;overflow-wrap:anywhere}.settings-card dt{color:#9aa7b9}.settings-card dd{color:#687e9d}.settings-card>.btn{margin-top:20px}dialog{border:1px solid #e5ebf5;border-radius:16px;width:510px;max-width:calc(100% - 32px);padding:32px;box-shadow:0 24px 100px #1b33542e;color:#314159;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#23355366;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:15px;top:15px}.modal-symbol{margin-bottom:22px}dialog h2{font-size:21px;margin-bottom:10px;padding-right:18px}dialog>p{font-size:12px;color:#8b9ab0;margin-bottom:24px}dialog form{margin-top:25px}.notice{background:#f3f7fd;border:1px solid #e6edf9;border-radius:7px;padding:14px 16px;font-size:11px;color:#8195b1;line-height:1.9;margin:18px 0}.notice strong{font-size:12px;font-weight:550;color:#657fa3}.notice p{margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog input[readonly]{font-size:11px;background:#f9fbff;color:#7b91b1}dialog .fine{margin:10px 0 20px;font-size:11px}.modal-actions{display:flex;gap:10px;margin:24px 0}.modal-actions>.btn{flex:1;font-size:12px}.manage-status{display:flex;align-items:center;justify-content:space-between;margin:20px 0 27px}.manage-status>span:last-child{font-size:10px;color:#a3adc0}.disconnect-section{border-top:1px solid var(--line);padding-top:17px}.disconnect-section p{font-size:10px;color:#a3adbc;margin-bottom:10px}.danger{color:#ce7272}.danger-button{background:#d56c6c;color:#fff;border-color:#d56c6c}.danger-button:hover{background:#ba5656;color:#fff}#toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,15px);background:#29364a;color:#fff;border-radius:9px;padding:13px 20px;font-size:12px;box-shadow:0 7px 35px #11182721;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 40px);line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.content{padding-top:48px}.channel-card{padding-top:32px}.channel-description{min-height:65px}.channel-card h3{margin-top:25px}.feature-list{margin:13px 0}.stats-row{margin-bottom:45px}.account-section{margin-top:42px}}
@media(max-width:1200px){.workspace{grid-template-columns:58px minmax(0,1fr)}.content{padding:28px 24px}.topbar{padding:0 24px}.stats-row{gap:12px}.stat-card{padding:17px 16px}.stat-icon{width:33px;height:33px}.stat-card strong{gap:7px}.channel-card{padding:22px 20px 0}.feature-list{gap:8px;font-size:9px}.inbox{grid-template-columns:280px minmax(0,1fr)}.table-head,.table-row{padding:13px 15px;grid-template-columns:1.6fr 1fr .8fr 1fr}.guide-card{padding:24px}.page-heading h1{font-size:24px}.top-actions{gap:17px}}
@media(max-width:1000px){.workspace{grid-template-columns:58px minmax(0,1fr)}.stat-card strong{font-size:25px}.stat-card strong small{font-size:9px}.page-heading h1{font-size:26px}.stats-row{grid-template-columns:1fr 1fr 1fr}.stat-icon{display:none}.content{padding:30px}.auth-story{padding:40px 9%}.story-footer{flex-direction:column;gap:10px}.story-copy h1{font-size:37px}.inbox{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:700px){.auth-layout{display:block}.auth-story{display:none}.auth-form-panel{min-height:100dvh;padding:30px}.auth-box{width:380px}.auth-box h2{font-size:27px}.workspace{display:block;padding-bottom:62px}.rail{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:62px;padding:5px 15px;flex-direction:row;justify-content:space-around;background:#f3f7ff;border:0;border-top:1px solid #dfe7f5;gap:10px}.rail-logo{display:none}.rail-bottom{margin:0;flex-direction:row;gap:10px}.rail-bottom .admin{width:28px;height:28px;font-size:10px}.rail-item{width:49px;padding:6px 0 4px;gap:3px}.rail-item span{font-size:8px}.rail-item>.icon{width:18px;height:18px}.rail-bottom .rail-item{display:none}.topbar{height:58px;padding:0 18px}.top-actions{gap:10px}.help-link,.connection-indicator{display:none}.demo-banner{padding:9px 18px;font-size:9px;align-items:flex-start}.demo-banner>button{font-size:9px;flex-shrink:0}.demo-banner>button svg{display:none}.content{padding:24px 18px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:24px;flex-direction:column}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.btn{font-size:10px}.stats-row{gap:8px;margin-bottom:28px;grid-template-columns:1fr 1fr}.stat-card{padding:14px 15px;min-height:88px}.stat-card:last-child{display:none}.stat-card strong{font-size:25px;gap:8px}.stat-card>div>span{font-size:10px}.stat-card strong small{font-size:9px}.channel-grid,.guide-grid{grid-template-columns:1fr;gap:16px}.channel-card{padding:23px 22px 0}.channel-description{min-height:0;margin-bottom:19px;font-size:12px}.feature-list{font-size:10px;gap:13px}.channel-card h3{font-size:21px}.card-footer{margin-top:23px}.section-heading p{font-size:10px}.segmented button{padding:6px 8px;font-size:9px}.section-heading h2{font-size:14px}.account-section{margin-top:29px}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:16px}.table-row>.muted{display:none}.row-actions{grid-column:2;grid-row:2}.table-row>.account-name{grid-row:1/3;align-self:start}.table-row>div:nth-child(2){text-align:right}.table-row .pill{font-size:10px}.bottom-note{align-items:flex-start;font-size:9px;flex-wrap:wrap}.bottom-note a{margin-left:20px}.account-name strong{max-width:150px}.inbox,.demo-banner~#page .inbox{height:calc(100dvh - 120px);min-height:460px;grid-template-columns:1fr}.demo-banner~#page .inbox{height:calc(100dvh - 167px)}.thread{display:none}.inbox.has-thread .conversation-pane{display:none}.inbox.has-thread .thread{display:flex}.mobile-back{display:flex;flex-shrink:0;margin-left:-9px;width:28px}.thread-head{padding:0 17px;height:70px;gap:9px}.thread-head h2{font-size:13px}.thread-head>.btn{font-size:9px}.messages{padding:20px}.bubble{max-width:89%;font-size:12px}.composer{margin:0 12px;padding:12px}.composer textarea{height:70px}.composer-bottom>span{font-size:8px}.thread-footnote{font-size:8px}.guide-card{padding:25px}.guide-bottom{font-size:10px;align-items:flex-start}.settings-card{padding:20px}.settings-card dl{grid-template-columns:90px 1fr;font-size:11px}.settings-card dt,.settings-card dd{padding:13px 0}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:25px 23px}.thread-notice{font-size:8px}.channel-subtitle{font-size:10px}}
.oauth-alert{margin-bottom:26px;padding:18px 20px;background:#fff8f2;border:1px solid #efd9c7;border-radius:9px;color:#915f42}.oauth-alert>div:first-child{display:flex;align-items:center;gap:8px}.oauth-alert strong{font-size:13px;font-weight:600}.oauth-alert p{margin:10px 0;font-size:12px;line-height:1.9}.oauth-alert-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.oauth-alert-footer small{font-size:10px;overflow-wrap:anywhere}.oauth-alert .btn{font-size:11px;min-height:32px;padding:7px 10px}.oauth-alert svg{width:17px;height:17px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.platform.facebook{background:#1877f2;color:white}.platform.instagram{background:linear-gradient(135deg,#7844cf,#df3979,#efad46);color:white}.channel-card.facebook{background:linear-gradient(125deg,#edf4ff,#fff 42%)}.channel-card.instagram{background:linear-gradient(125deg,#fff0f7,#fff 42%)}.meta-guide-grid{margin-top:22px}.meta-resume{margin-top:10px}.contact-avatar.facebook,.avatar.facebook{background:#e9f2ff;color:#1877f2}.contact-avatar.instagram,.avatar.instagram{background:#fcebf4;color:#c53580}#meta-select-form select{width:100%;min-height:44px;border:1px solid #dfe5ed;border-radius:7px;padding:10px;background:white;color:#36455f}

.platform.youtube{background:#fff0f0;color:#e72727}.channel-card.youtube{background:linear-gradient(125deg,#fff0f0,#fff 42%)}.contact-avatar.youtube,.avatar.youtube{background:#fff0f0;color:#d92929}.video-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;background:#fffafa;border-bottom:1px solid #f2e6e6}.video-context>div{min-width:0}.video-context strong{display:block;font-size:12px;overflow-wrap:anywhere}.video-context small{display:block;font-size:10px;color:#9b7f7f;margin-top:5px}.video-context>a{flex-shrink:0}.video-list-title{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-guide{margin-top:22px}.message-meta{overflow-wrap:anywhere}

/* TikTok business messaging */
.platform.tiktok{background:#17191f;color:#fff}.channel-card.tiktok:hover{border-color:#25c7ce}.avatar.customer.tiktok{background:#e5f7f7;color:#15838b}

.platform.linkedin{background:#0a66c2;color:#fff}.platform.linkedin b{font-size:28px;line-height:1;font-family:Arial,sans-serif}.platform.linkedin.small b{font-size:15px}.avatar.customer.linkedin{background:#e6f1fc;color:#0a66c2}.channel-card.linkedin:hover{border-color:#85b9e9}

/* Chinese AI customer service workspace */
.ai-content{max-width:1500px;margin:auto}.ai-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin:24px 0}.ai-column{display:flex;flex-direction:column;gap:22px}.ai-card{padding:27px;border:1px solid #e3e9f0;border-radius:12px;background:#fff;min-width:0}.ai-card h2{font-size:17px;margin:0 0 12px}.ai-card fieldset{border:0;padding:0;margin:0;min-width:0}.ai-card label{display:block;margin:16px 0 8px;font-size:12px;color:#46546a}.ai-card input:not([type=checkbox]),.ai-card select,.ai-card textarea{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #dae3ed;border-radius:7px;background:#fff;color:#27384b;font:inherit;line-height:1.6}.ai-card textarea{resize:vertical;min-height:84px}.ai-card input:focus,.ai-card select:focus,.ai-card textarea:focus{outline:2px solid #b4d4f5;outline-offset:1px}.ai-card .ai-check{display:flex;flex-direction:row;gap:9px;align-items:center;line-height:1.7}.ai-check input{width:16px;height:16px;flex-shrink:0;accent-color:#4386d9}.ai-label{margin-top:18px;font-size:12px}.ai-channels{padding:2px 14px 10px;background:#f7f9fc;border-radius:8px;margin:8px 0 18px}.ai-card small{font-size:11px;color:#75849a;line-height:1.7}.ai-preview-result{margin-top:22px;padding:18px;background:#f4f8fd;border:1px solid #e0eaf6;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px}.ai-preview-result p{margin:12px 0}.ai-flow ol{padding-left:22px}.ai-flow li{padding:12px 0;color:#4b78aa}.ai-flow li strong,.ai-flow li span{display:block;font-size:13px;line-height:1.8}.ai-flow li span{font-size:12px;color:#8190a3}.ai-knowledge{margin-bottom:24px}.ai-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-form-actions .ai-check{margin-right:auto}.ai-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px}.ai-entry{border:1px solid #e4eaf1;border-radius:8px;padding:18px;overflow-wrap:anywhere}.ai-entry>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-entry strong{font-size:13px}.ai-entry p{font-size:12px;line-height:1.9;white-space:pre-wrap}.ai-entry .row-actions{margin-top:12px}.ai-empty{padding:20px 0;font-size:12px;color:#7e8ba0;grid-column:1/-1}.ai-log{padding:18px 0;border-top:1px solid #edf0f5;font-size:12px;overflow-wrap:anywhere}.ai-log>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-log>div>small{margin-left:auto}.ai-log-reply{background:#f7f9fc;padding:12px;white-space:pre-wrap;line-height:1.8}.ai-thread-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #e6ecf4}.ai-thread-status small{flex:1;font-size:11px;color:#718198}.ai-thread-status button{font-size:11px}.ai-card :disabled{opacity:.6;cursor:not-allowed}
@media(max-width:1000px){.ai-grid{grid-template-columns:1fr}.ai-entries{grid-template-columns:1fr}.ai-card{padding:20px}.ai-log>div>small{margin-left:0;width:100%}.ai-thread-status{padding:9px 14px}.ai-thread-status small{min-width:100px}}

.ai-import{padding:20px;margin:22px 0;background:#f6f9fd;border:1px solid #dce7f4;border-radius:10px}.ai-import-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.ai-import-heading h3{margin:0;font-size:15px}.ai-import-heading p,.ai-import-spec p{font-size:12px;color:#61758c;line-height:1.9}.ai-import-spec{margin-top:14px;font-size:12px}.ai-import-spec summary{cursor:pointer;color:#3068ae;padding:8px 0}.ai-import-table-wrap{overflow:auto;max-width:100%;margin:16px 0}.ai-import-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;background:#fff;text-align:left}.ai-import-table-wrap th,.ai-import-table-wrap td{padding:11px 12px;border-bottom:1px solid #e1e8f2;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;min-width:90px}.ai-import-table-wrap th{background:#edf3fb;color:#3c5674}.ai-import-preview-table{max-height:400px;border:1px solid #dce5f0;border-radius:8px}.ai-import-preview-table table{min-width:800px}.ai-import-preview-table th{position:sticky;top:0}.ai-import-preview-table td:nth-child(2){min-width:150px}.ai-import-preview-table td:nth-child(3){min-width:240px;max-width:360px}.ai-import-preview-table td:last-child{min-width:175px}.ai-import-preview-table td p{margin:5px 0}.ai-import-error td{background:#fff4f3}.ai-import-error td:last-child{color:#b64138}.ai-import-skip td{color:#748295}.ai-import-summary{margin-top:18px;font-size:13px}.ai-import-summary p{line-height:1.8}.ai-import-preview-table caption{text-align:left;padding:10px;background:#edf3fb;color:#4c6685}.ai-import .ai-form-actions{margin-top:12px}.ai-import .ai-form-actions small{flex:1;min-width:160px}.ai-import input[type=file]{background:white}
@media(max-width:640px){.ai-import{padding:14px}.ai-import-heading{align-items:flex-start}.ai-import-heading>.btn{width:100%}}

.video-page .ai-card{margin-bottom:22px}.video-steps{display:flex;gap:12px;margin:0 0 24px;flex-wrap:wrap}.video-steps span{background:#eaf1ff;color:#456aab;border-radius:8px;padding:10px 16px;font-size:12px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-page fieldset{border:0;padding:0;margin:0;min-width:0}.video-page select,.video-page textarea{width:100%;padding:11px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#273c56;font:inherit}.video-page textarea{resize:vertical}.video-settings summary{cursor:pointer;font-weight:600}.video-settings summary span{margin-left:14px;font-size:12px;color:#6c7e96}.video-settings form{margin-top:20px}.video-capability{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0f5}.video-capability>div{flex:1}.video-capability p{font-size:12px;color:#718198;line-height:1.8}.video-item{display:grid;grid-template-columns:1fr 250px;gap:22px;padding:20px 0;border-top:1px solid #edf0f5}.video-item h3{margin:0 0 12px}.video-preview video{width:100%;max-height:290px;background:#172234;border-radius:10px}.video-preview a{display:block;margin-top:8px;font-size:12px}.video-prompt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.video-page details{font-size:13px}.video-plan{padding:20px 0;border-top:1px solid #edf0f5;font-size:13px}.video-plan>div:first-child{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.video-plan-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:16px}.video-plan-actions label{margin:0}.video-confirm{display:flex;gap:9px;align-items:flex-start;font-size:12px!important;line-height:1.8}.video-confirm input{width:auto;flex:none;margin-top:4px}.video-page .fine{line-height:1.8}.video-page :disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1100px){.video-grid{grid-template-columns:1fr}.video-capability{flex-wrap:wrap}.video-item{grid-template-columns:1fr}.video-preview{max-width:360px}.video-steps{gap:6px}.video-steps span{padding:8px;font-size:11px}}
.video-upload-progress{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.video-upload-progress[hidden]{display:none}.video-upload-progress progress{width:200px;max-width:100%;accent-color:#3166e9}.video-upload-progress span{font-size:13px;color:#61758c}.video-upload-card input[type=file]{max-width:100%;background:#f7f9fc}.video-upload-card h2{margin-bottom:10px}

.channel-card.tiktok_comments:hover{border-color:#25c7ce}.avatar.customer.tiktok_comments,.contact-avatar.tiktok_comments{background:#e5f7f7;color:#15838b}

.linkedin-posts { margin-top: 24px; }
.linkedin-post-body { white-space: pre-wrap; overflow-wrap: anywhere; }
#li-post-text { width: 100%; min-height: 120px; resize: vertical; }

#li-post-form textarea, #li-post-form select, #li-mode { border: 1px solid var(--border, #dce3ed); border-radius: 9px; background: #fff; color: #1e293b; padding: 11px 12px; font: inherit; width: 100%; }
#li-post-form textarea:focus { outline: 2px solid #b6c8ff; border-color: #3155da; }
.linkedin-settings-advanced { margin: 16px 0; padding: 12px; border: 1px solid var(--border, #e0e7f0); border-radius: 8px; }
.linkedin-settings-advanced summary { cursor: pointer; color: #536987; font-size: 13px; }
.linkedin-settings-advanced[open] summary { margin-bottom: 14px; }
.linkedin-setting-toggle { display: flex; align-items: flex-start; gap: 8px; line-height: 1.6; }
.linkedin-setting-toggle input[type="checkbox"] { width: 16px; height: 16px; margin: 3px 0 0; flex: 0 0 auto; }
.connection-setting-toggle { display: flex; align-items: flex-start; gap: 8px; line-height: 1.6; }
.connection-setting-toggle input[type="checkbox"] { width: 16px; height: 16px; margin: 3px 0 0; flex: 0 0 auto; }
#connection-settings-form, #linkedin-settings-form { margin-bottom: 18px; }
#modal .instagram-publishing{display:flex;flex-direction:row;align-items:center;gap:9px;margin:18px 0 12px;line-height:1.6}#modal .instagram-publishing input{width:16px;height:16px;min-height:0;margin:0;flex:none}#instagram-legacy,#instagram-guide{display:block;margin-top:12px;text-align:left;line-height:1.6}#modal details>summary{cursor:pointer;margin:16px 0;font-size:13px}

.ai-knowledge-toolbar{display:flex;align-items:flex-end;gap:12px;margin-top:24px}.ai-knowledge-toolbar label{flex:1;margin:0;max-width:620px}.ai-knowledge-toolbar .btn{flex-shrink:0}.ai-knowledge-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f5;font-size:12px;color:#75849a}.ai-knowledge-pagination label{display:flex;align-items:center;gap:8px;margin:0}.ai-knowledge-pagination select{width:auto;margin:0;padding:8px 10px}.ai-knowledge-pagination .btn{min-height:36px}.ai-knowledge-toolbar~.ai-entries{margin-top:16px}@media(max-width:600px){.ai-knowledge-toolbar{align-items:stretch;flex-direction:column}.ai-knowledge-toolbar .btn{align-self:flex-start}.ai-knowledge-pagination{justify-content:center;gap:10px}}
/* Aggregation workspace */
[hidden]{display:none!important}.agg-workspace{height:calc(100dvh - 74px);display:flex;flex-direction:column;background:#fff}.agg-filters{padding:15px 18px;border-bottom:1px solid var(--line);display:grid;gap:10px;flex:none}.agg-search,.agg-filter-row,.agg-views,.agg-thread-actions,.agg-history-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.agg-search>input{flex:1;min-width:160px}.agg-search select{width:115px}.agg-filters input,.agg-filters select,.agg-contact select,.agg-contact input{padding:7px 8px;border:1px solid #dde5f0;border-radius:6px;font-size:11px;background:#fff;color:#35465d}.agg-filter-row>select{width:auto;max-width:140px}.agg-filter-row label{font-size:11px;display:flex;align-items:center;gap:5px;margin:0}.agg-filter-row input[type=date]{width:130px}.agg-filter-row details{position:relative;font-size:11px;border:1px solid #dde5f0;border-radius:6px;padding:7px 9px}.agg-filter-row summary{cursor:pointer}.agg-checks{position:absolute;z-index:15;left:0;top:32px;width:260px;max-height:280px;overflow:auto;background:#fff;box-shadow:0 8px 25px #24395630;border:1px solid var(--line);border-radius:7px;padding:12px}.agg-checks.inline{position:static;width:100%;box-shadow:none}.agg-checks label{display:flex;align-items:center;gap:8px;padding:5px;font-size:12px}.agg-checks input{width:14px;height:14px;padding:0;margin:0}.agg-views{font-size:11px}.agg-views select{width:140px}.agg-views>span{margin-left:auto;color:#768ba8}.agg-columns{display:grid;grid-template-columns:minmax(245px,28%) minmax(290px,1fr) minmax(245px,27%);min-height:0;flex:1}.agg-list{overflow:auto;border-right:1px solid var(--line)}.agg-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:16px;text-align:left;color:#384960;cursor:pointer}.agg-row:hover,.agg-row.selected{background:#edf4ff}.agg-row strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.agg-row small{display:block;color:#8090a7;font-size:10px;margin-top:7px;overflow-wrap:anywhere}.agg-row p{font-size:12px;line-height:1.7;color:#60728c;margin-top:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.agg-row .count-badge{margin-left:auto}.agg-thread{display:flex;flex-direction:column;min-height:0;min-width:0}.agg-thread-head{padding:15px 18px;border-bottom:1px solid var(--line)}.agg-thread-head h2{font-size:16px;margin:7px 0}.agg-thread-head>small{font-size:11px;color:#8090a7}.agg-thread-head p{margin:8px 0 0}.agg-thread-actions{margin-top:10px;gap:5px}.agg-thread-actions .btn{font-size:10px;padding:6px 9px;min-height:28px}.agg-messages{overflow:auto;flex:1;padding:18px;background:#f7f9fd}.agg-message{background:white;border:1px solid #e4ebf5;border-radius:10px;padding:12px;max-width:90%;width:fit-content;margin:12px 0;overflow-wrap:anywhere}.agg-message.outgoing{margin-left:auto;background:#edf4ff}.agg-message small{font-size:10px;color:#8191a8}.agg-message p{white-space:pre-wrap;font-size:13px;line-height:1.8;margin-top:5px}.agg-message.focus{outline:2px solid #e7b248;background:#fff9e9}.agg-compose{padding:12px 18px;border-top:1px solid var(--line)}.agg-compose label{font-size:11px;margin:0 0 7px}.agg-compose textarea{width:100%;height:70px;resize:vertical;border:1px solid #dde5f0;border-radius:8px;padding:10px;font:inherit;font-size:13px}.agg-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.agg-contact{padding:18px;border-left:1px solid var(--line);overflow:auto;min-width:0;background:#fcfdff}.agg-contact h3{font-size:16px;margin-bottom:12px}.agg-contact h4{font-size:12px;margin:20px 0 10px}.agg-contact label{font-size:11px}.agg-contact select{width:100%;margin:5px 0}.agg-contact .btn{font-size:10px;min-height:28px;padding:6px 9px;margin-right:5px}.agg-profile{font-size:11px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;margin:12px 0;line-height:1.8}.agg-profile dt{color:#8696aa}.agg-profile dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.agg-identity{padding:10px;border:1px solid var(--line);border-radius:7px;margin:8px 0}.agg-identity strong{font-size:11px}.agg-identity small{display:block;font-size:10px;overflow-wrap:anywhere;color:#8191a8;margin:5px 0}.agg-identity .text-button{font-size:10px;margin-right:8px}.agg-history-item{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;margin:8px 0;color:#485a75;cursor:pointer}.agg-history-item strong{font-size:11px}.agg-history-item small{display:block;font-size:9px;color:#8496ad;margin:5px 0}.agg-history-item p{font-size:11px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.agg-history-dates{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.agg-history-dates input{width:120px}.agg-contact-index{display:grid;grid-template-columns:35% minmax(0,1fr);border:1px solid var(--line);border-radius:8px;margin-top:20px;height:65vh}.agg-contact-index>section{overflow:auto}.agg-operation{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.agg-add-user{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:20px 0}.agg-add-user>.btn{grid-column:1/-1;width:fit-content}.agg-add-user label{font-size:11px}#agg-operations{margin-top:25px}#agg-operations h3{font-size:15px;margin-bottom:15px}mark{background:#ffe4a4;color:#47391c;border-radius:2px}#agg-back{display:none}#agg-profile-form textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:5px;padding:8px}
@media(max-width:1100px){.agg-columns{grid-template-columns:250px minmax(280px,1fr)}.agg-columns>.agg-contact{display:none}.agg-columns>.agg-contact.show-contact{display:block;position:absolute;right:15px;top:180px;bottom:15px;z-index:12;width:320px;box-shadow:0 12px 40px #293b5530;border:1px solid var(--line)}}
@media(min-width:1101px){#agg-customer{display:none}}
@media(max-width:700px){.agg-workspace{height:calc(100dvh - 120px)}.agg-filters{padding:10px;max-height:225px;overflow:visible;gap:6px}.agg-filter-row{max-height:95px;overflow:auto}.agg-filter-row .agg-checks{position:fixed;top:135px;left:20px;max-height:200px}.agg-search{gap:5px}.agg-search>input{min-width:70px;width:80px}.agg-search select{width:80px}.agg-search .btn{font-size:10px;padding:7px}.agg-filter-row>select{max-width:105px}.agg-filter-row input[type=date]{width:108px}.agg-views .text-button{font-size:9px}.agg-columns{grid-template-columns:1fr}.agg-columns>.agg-thread{display:none}.agg-columns.has-thread>.agg-list{display:none}.agg-columns.has-thread>.agg-thread{display:flex}.agg-columns>.agg-contact.show-contact{top:130px;bottom:65px;right:10px;width:calc(100% - 20px);max-width:350px}#agg-back{display:block}.agg-contact-index{grid-template-columns:1fr;height:auto}.agg-contact-index>section{max-height:240px}.agg-add-user{grid-template-columns:1fr}.agg-thread-head{padding:9px 12px}.agg-thread-head h2{font-size:14px}.agg-compose{padding:9px 12px}.agg-messages{padding:12px}.agg-message{max-width:95%}}

/* Connection center */
.connection-steps{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 24px;color:var(--muted,#667085);font-size:12px;flex-wrap:wrap}
.connection-capabilities{display:grid;gap:12px;margin:20px 0}
.connection-capabilities .btn{display:flex;justify-content:space-between;white-space:normal;gap:12px}
.connection-capabilities small{font-weight:400;color:#667085}
.connection-origin{overflow-wrap:anywhere;font-family:monospace}
.connection-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.connection-app-grid article{border:1px solid #e1e8ef;border-radius:12px;padding:18px;min-width:0}
.connection-app-grid h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;margin:0 0 12px}
.connection-app-grid p{font-size:13px;line-height:1.7;color:#667085}
.connection-app-grid details,.connection-health details{margin-top:16px}
.connection-app-grid summary,#modal summary{cursor:pointer;margin:12px 0;line-height:1.6}
.connection-callback{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:14px 0}
.connection-callback label{margin:0!important}
.connection-callback small{grid-column:1/-1;color:#667085;overflow-wrap:anywhere}
.connection-callback input{font-size:12px}
.connection-health{border:1px solid #e1e8ef;border-radius:12px;padding:18px;margin:16px 0}
.connection-health ul{list-style:none;margin:0 0 16px;padding:0}
.connection-health li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef2f6}
.connection-health li strong{flex:1;font-size:13px}
.connection-health li p{flex-basis:100%;font-size:12px;margin:0;color:#667085;overflow-wrap:anywhere}
.connection-health>.btn{margin:4px 4px 4px 0}
.connection-asset{display:flex!important;align-items:start;gap:12px;background:#f7f9fc;padding:14px;border-radius:10px}
.connection-asset>input,.connection-setting-toggle>input{width:auto!important;min-height:auto}
.connection-asset span{min-width:0;overflow-wrap:anywhere}
.connection-asset small{display:block;white-space:normal;font-size:12px;color:#667085;margin-top:6px}
#center-account-settings fieldset{min-width:0;border:1px solid #e1e8ef;border-radius:10px;padding:16px;margin:12px 0}
#center-account-settings legend{font-size:14px}
@media(max-width:720px){.connection-app-grid{grid-template-columns:1fr}.connection-capabilities .btn{flex-direction:column;align-items:start}.connection-app-grid h3{flex-wrap:wrap}}

/* Enterprise selector and management */
.enterprise-picker{max-width:760px;margin:8vh auto;padding:32px;background:var(--surface,#fff);border:1px solid var(--line,#e3e8ef);border-radius:20px}
.enterprise-picker h1{margin:32px 0 10px}.enterprise-picker>p{color:#63718a}.enterprise-choices{display:grid;gap:12px;margin:24px 0;max-height:55vh;overflow:auto}
.enterprise-choice{display:flex;align-items:center;gap:14px;padding:18px;text-align:left;background:#fff;border:1px solid #e3e8ef;border-radius:12px;width:100%;cursor:pointer}
.enterprise-choice:hover{border-color:#3267ee;background:#f6f9ff}.enterprise-choice>span:nth-child(2){flex:1}.enterprise-choice strong,.enterprise-admin-row strong{display:block}.enterprise-choice small,.enterprise-admin-row small{display:block;color:#6b7890;margin-top:5px}
.enterprise-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.enterprise-switch{width:100%;border:0;text-align:left;cursor:pointer;font:inherit}.enterprise-switch>span:nth-child(2){flex:1;min-width:0}.enterprise-switch strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.enterprise-admin-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e3e8ef;border-radius:10px}.enterprise-admin-row>div:first-child{flex:1;min-width:0}.enterprise-admin-row select{max-width:135px}.enterprise-feature-options{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.enterprise-feature-options label{display:flex;align-items:center;gap:6px}.enterprise-feature-options input{width:auto}.enterprise-settings{margin-bottom:22px}.enterprise-switch:focus-visible{outline:2px solid #3267ee;outline-offset:2px}
@media(max-width:700px){.enterprise-picker{margin:24px 16px;padding:22px}.enterprise-admin-row{flex-wrap:wrap}.enterprise-choice{padding:14px}}
.enterprise-switch-top{display:inline-flex;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enterprise-password{margin-top:20px;padding-top:16px;border-top:1px solid #e3e8ef}.enterprise-password summary{cursor:pointer;font-weight:600;margin-bottom:14px}


.ai-category-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.ai-category-filter{font-size:12px;min-height:38px}.ai-category-filter.active{border-color:#4386d9;background:#edf5ff;color:#2463a5}.ai-category-filter .count-badge{margin-left:5px}.ai-category-manager{padding:14px 16px;border:1px solid #e3e9f0;border-radius:8px;background:#f8fafd}.ai-category-manager summary{font-size:13px;font-weight:600;cursor:pointer}.ai-category-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e3e9f0}.ai-category-row label{flex:1;min-width:180px;margin:0}.ai-category-row .btn,.ai-category-row .text-button,.ai-category-row small{margin-bottom:6px}.ai-category-list{max-height:340px;overflow-y:auto}.ai-category-bulk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:12px 16px;background:#f7f9fc;border:1px solid #e3e9f0;border-radius:8px;font-size:12px;color:#46546a}.ai-category-bulk label{margin:0}.ai-category-bulk>label:not(.ai-check){display:flex;align-items:center;gap:8px}.ai-category-bulk select{width:auto;max-width:250px;margin-top:0}.ai-entry .ai-entry-selection{margin:0;color:inherit;flex:1}.ai-entry-category{display:inline-block;margin-top:12px;max-width:100%;white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.ai-category-row .btn{font-size:11px}.ai-category-bulk{align-items:flex-start}.ai-category-bulk>label:not(.ai-check){width:100%}.ai-category-bulk select{flex:1;min-width:0}.ai-knowledge-toolbar{flex-wrap:wrap}}

/* AI workspace: focused tabs and a compact knowledge library. */
.ai-content [hidden] { display: none !important; }
.ai-content .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ai-page-heading { margin-bottom: 22px; }
.ai-page-heading h1 { font-size: 25px; margin: 8px 0; }
.ai-content .stats-row { margin-bottom: 22px; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.ai-content .stat-card { padding: 15px 20px; min-height: 82px; background: #fafcff; border-color: #e8edf4; }
.ai-content .stat-card strong { font-size: 24px; margin-top: 6px; }
.ai-page-tabs { display: flex; gap: 28px; border-bottom: 1px solid #e3e9f2; margin-bottom: 24px; overflow-x: auto; }
.ai-page-tabs button { position: relative; flex-shrink: 0; padding: 12px 0 15px; border: 0; background: none; color: #718097; font: inherit; font-size: 13px; cursor: pointer; }
.ai-page-tabs button[aria-selected="true"] { color: #316dc0; font-weight: 600; }
.ai-page-tabs button[aria-selected="true"]::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; border-radius: 3px 3px 0 0; background: #4386d9; }
.ai-page-tabs button:focus-visible { outline: 2px solid #4386d9; outline-offset: -2px; border-radius: 4px; }
.ai-settings-panel { max-width: 900px; margin: 0 auto; }
.ai-preview-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 20px; align-items: start; }
.ai-knowledge.ai-card { padding: 0; border-color: #e3e9f2; border-radius: 12px; overflow: hidden; margin-bottom: 0; }
.ai-knowledge-heading { padding: 22px 24px; margin: 0; border-bottom: 1px solid #e8edf4; flex-wrap: wrap; }
.ai-knowledge-heading h2 { margin: 0; font-size: 17px; }
.ai-knowledge-heading p { margin: 7px 0 0; color: #8390a2; font-size: 12px; }
.ai-knowledge-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-knowledge-actions .btn { min-height: 36px; padding: 8px 12px; font-size: 12px; }
.ai-knowledge-layout { display: grid; grid-template-columns: 200px minmax(0,1fr); align-items: stretch; min-height: 470px; }
.ai-knowledge-sidebar { padding: 23px 12px; background: #f8faff; border-right: 1px solid #e8edf4; }
.ai-category-caption { padding: 0 12px; font-size: 11px; font-weight: 600; color: #8593a6; letter-spacing: .8px; }
.ai-knowledge-sidebar .ai-category-filters { display: flex; flex-direction: column; gap: 5px; margin: 16px 0 18px; }
.ai-knowledge-sidebar .ai-category-filter { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 41px; padding: 10px 12px; text-align: left; border: 0; border-radius: 7px; background: none; color: #66758b; box-shadow: none; font-size: 12px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.ai-knowledge-sidebar .ai-category-filter:hover { background: #eef3fb; color: #326abc; }
.ai-knowledge-sidebar .ai-category-filter.active { background: #eaf2ff; color: #2f69ba; font-weight: 600; }
.ai-knowledge-sidebar .count-badge { flex-shrink: 0; border: 0; background: #edf1f7; color: #8a97a9; line-height: 20px; min-width: 25px; }
.ai-knowledge-sidebar .active .count-badge { background: #d9e8ff; color: #3a74c1; }
.ai-category-manage-button { display: block; width: 100%; padding: 15px 12px 0; border-top: 1px solid #e3eaf4; text-align: left; font-size: 12px; color: #7b8ca5; }
.ai-knowledge-main { min-width: 0; padding: 22px 24px 24px; }
.ai-knowledge-main .ai-knowledge-toolbar { align-items: center; gap: 14px; margin: 0 0 22px; }
.ai-knowledge-main .ai-knowledge-toolbar label { max-width: none; margin: 0; }
.ai-knowledge-main .ai-knowledge-toolbar input { margin: 0; min-height: 42px; background: #f9fbfe; font-size: 12px; }
.ai-knowledge-main .ai-knowledge-toolbar .text-button { font-size: 11px; white-space: nowrap; color: #8492a5; }
.ai-knowledge-list-heading { display: flex; align-items: center; gap: 8px; margin: 20px 0 12px; }
.ai-knowledge-list-heading h3 { margin: 0; font-size: 14px; font-weight: 600; color: #35465f; }
.ai-knowledge-main .ai-category-bulk { background: none; border: 0; padding: 0; margin: 0 0 6px; min-height: 28px; gap: 12px; }
.ai-knowledge-main .ai-category-bulk .ai-check { color: #8190a4; font-size: 11px; }
.ai-knowledge-main .ai-category-bulk select { padding: 6px 9px; font-size: 11px; }
.ai-knowledge-main .ai-category-bulk .btn { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.ai-knowledge-main #ai-knowledge-summary { margin: 5px 0 15px; color: #94a0b0; font-size: 11px; }
.ai-knowledge-main .ai-entries { display: flex; flex-direction: column; gap: 0; margin: 0; border-top: 1px solid #edf0f5; }
.ai-knowledge-main .ai-entry { padding: 19px 0; border: 0; border-bottom: 1px solid #edf0f5; border-radius: 0; }
.ai-knowledge-main .ai-entry:hover { background: #fcfdff; }
.ai-knowledge-main .ai-entry>div:first-child { gap: 8px; }
.ai-knowledge-main .ai-entry-selection strong { font-size: 13px; font-weight: 600; line-height: 1.7; color: #33455e; }
.ai-knowledge-main .ai-entry-category { margin: 0; max-width: 155px; background: #f3f6fa; border-color: transparent; color: #8c99ac; font-size: 10px; }
.ai-entry-body { margin: 8px 0 12px 25px; color: #748299; font-size: 12px; line-height: 1.85; }
.ai-knowledge-main .ai-entry-body p { margin: 0; font-size: 12px; line-height: 1.85; }
.ai-entry-answer summary { list-style: none; cursor: pointer; }
.ai-entry-answer summary::-webkit-details-marker { display: none; }
.ai-answer-preview { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-answer-expand,.ai-answer-collapse { display: inline-block; margin-top: 5px; color: #5984bf; font-size: 11px; }
.ai-answer-collapse { display: none; }
.ai-entry-answer[open] .ai-answer-preview,.ai-entry-answer[open] .ai-answer-expand { display: none; }
.ai-entry-answer[open] .ai-answer-collapse { display: inline-block; margin: 0 0 8px; }
.ai-entry-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-left: 25px; }
.ai-entry-footer>small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-knowledge-main .ai-entry .row-actions { margin: 0; flex-shrink: 0; gap: 16px; }
.ai-knowledge-main .ai-entry .row-actions .text-button { font-size: 11px; }
.ai-knowledge-main .ai-knowledge-pagination { padding-top: 18px; margin-top: 0; border-top: 0; }
.ai-kb-tool-panel { padding: 20px; margin: 0 0 22px; border: 1px solid #e1eaf6; border-radius: 10px; background: #fbfdff; }
.ai-tool-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 6px; color: #526780; font-size: 13px; }
.ai-tool-top .text-button { font-size: 11px; }
.ai-kb-tool-panel .ai-import { margin: 0; padding-top: 12px; border: 0; }
.ai-kb-tool-panel .ai-import-heading { margin-bottom: 14px; flex-wrap: wrap; }
.ai-kb-tool-panel .ai-import-heading h3 { font-size: 14px; }
.ai-kb-tool-panel .ai-category-manager { padding: 0; background: none; border: 0; }
.ai-kb-tool-panel .ai-category-row label { min-width: 150px; }
.ai-kb-tool-panel .ai-category-list { max-height: 400px; }
@media(max-width:1000px) {
  .ai-knowledge-layout { grid-template-columns: 170px minmax(0,1fr); }
  .ai-knowledge-heading,.ai-knowledge-main { padding: 20px; }
  .ai-knowledge-actions { width: 100%; }
}
@media(max-width:700px) {
  .ai-content { padding: 24px 16px; }
  .ai-page-heading { align-items: flex-start; gap: 12px; }
  .ai-page-heading h1 { font-size: 22px; }
  .ai-page-heading>.pill { font-size: 9px; margin-top: 7px; }
  .ai-content .stats-row { gap: 8px; }
  .ai-content .stat-card { padding: 12px; min-height: 76px; }
  .ai-content .stat-card strong { display: block; font-size: 23px; }
  .ai-content .stat-card strong small { display: block; margin-top: 2px; }
  .ai-page-tabs { gap: 23px; margin-bottom: 18px; }
  .ai-page-tabs button { font-size: 12px; }
  .ai-knowledge-layout { grid-template-columns: 1fr; }
  .ai-knowledge-sidebar { padding: 15px 16px; border-right: 0; border-bottom: 1px solid #e8edf4; }
  .ai-category-caption { padding: 0; }
  .ai-knowledge-sidebar .ai-category-filters { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; margin: 12px 0; padding-bottom: 4px; }
  .ai-knowledge-sidebar .ai-category-filter { width: auto; min-height: 34px; flex-shrink: 0; padding: 7px 10px; white-space: nowrap; }
  .ai-category-manage-button { padding: 8px 0 0; font-size: 11px; }
  .ai-knowledge-heading,.ai-knowledge-main { padding: 18px 16px; }
  .ai-knowledge-main .ai-knowledge-toolbar { flex-direction: row; align-items: center; }
  .ai-knowledge-main .ai-knowledge-toolbar .text-button { align-self: auto; }
  .ai-knowledge-actions .btn { font-size: 11px; padding: 7px 10px; }
  .ai-preview-layout { grid-template-columns: 1fr; }
  .ai-entry-category { display: none !important; }
  .ai-kb-tool-panel { padding: 16px; }
  .ai-kb-tool-panel .ai-form-actions { gap: 8px; }
}

/* Parameter guidance in platform application configuration forms. */
.connection-setting-field{min-width:0;margin-bottom:22px}
.connection-setting-field>label{margin-bottom:8px}
.connection-field-help{padding:10px 12px;background:#f7f9fd;border-left:2px solid #d4e1f5;border-radius:0 6px 6px 0;color:#687991;font-size:11px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}
.connection-field-help p{margin:0;line-height:1.8}
.connection-field-help p+p{margin-top:4px}
.connection-field-help strong,.connection-callback-help strong{color:#536782;font-weight:600}
.connection-field-help a{display:inline-block;margin-top:5px;font-size:11px}
.connection-callback-help{grid-column:1/-1;margin:0 0 8px;color:#687991;font-size:11px;line-height:1.8;overflow-wrap:anywhere}

.connection-setting-field .connection-setting-toggle,.connection-setting-field .linkedin-setting-toggle{flex-direction:row}