@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{color:#19191c;--red:#e11d2e;--red-soft:#fff0f1;--line:#e9e9ec;--muted:#77777f;--ink:#19191c;background:#f7f7f8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.shell>aside{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:238px;height:100vh;padding:26px 16px 18px;display:flex;position:fixed}.brand{align-items:center;gap:10px;padding:0 9px;display:flex}.brand span{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font:800 24px/1 Manrope;display:grid;box-shadow:0 7px 18px #e11d2e35}.brand b{letter-spacing:-.8px;font:800 22px Manrope}.shell nav{flex-direction:column;gap:4px;margin-top:40px;display:flex}.shell nav button{color:#6d6d75;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:11px 13px;font-weight:600;display:flex;position:relative}.shell nav button i{text-align:center;width:20px;font-size:18px;font-style:normal}.shell nav button:hover,.shell nav button.active{background:var(--red-soft);color:var(--red)}.shell nav button.active:before{content:"";background:var(--red);border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-16px}.shell nav em{background:var(--red);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11px;font-style:normal}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding:17px 5px 0;display:flex}.profile>div{width:34px;height:34px;color:var(--red);background:#fee2e4;border-radius:50%;place-items:center;font-weight:800;display:grid}.profile span{flex-direction:column;flex:1;min-width:0;display:flex}.profile span b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile small{text-transform:capitalize;color:var(--muted)}.profile button{color:#999;background:0 0;border:0}.shell>main{grid-column:2;min-width:0}.shell>main>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:92px;padding:22px 36px;display:flex}header small{color:var(--muted)}header h1{margin:2px 0;font:800 24px Manrope}.header-actions{align-items:center;gap:10px;display:flex}.live{color:#39704b;background:#f6fff8;border:1px solid #dff0e4;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.live i,.conversation-head p i{background:#27b55d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.icon{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px}.content{padding:30px 36px 50px}.welcome{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.welcome h2{margin:0 0 5px;font:800 24px Manrope}.welcome p,.panel-title p,.muted{color:var(--muted);margin:0}.primary{box-shadow:0 7px 18px #e11d2e25;background:var(--red)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:11px 17px!important;font-weight:700!important}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:144px;padding:20px;display:flex;position:relative}.stats article>span{color:var(--muted);font-size:13px}.stats article strong{margin-top:8px;font:800 30px Manrope}.stats article small{color:#55a16c;margin-top:auto}.metric{border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:18px;right:18px}.metric.red{color:var(--red);background:#fff0f1}.metric.purple{color:#7655d9;background:#f3efff}.metric.orange{color:#db7a24;background:#fff3e8}.metric.green{color:#4aa163;background:#edf9f0}.two{grid-template-columns:1.8fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.panel h3,.panel-title h3{margin:0 0 4px;font:700 16px Manrope}.panel-title select{border:1px solid var(--line);border-radius:8px;padding:7px}.chart{height:265px;padding:25px 22px 30px;position:relative}.chart svg{width:100%;height:190px;position:relative}.grid-lines{background:repeating-linear-gradient(#f0f0f2 0 1px,#0000 1px 46px);position:absolute;inset:25px 22px 42px}.days{color:#999;justify-content:space-between;font-size:11px;display:flex}.badge{color:#777;background:#f2f2f3;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.green{color:#2d8b4c;background:#eaf8ee}.donut{background:conic-gradient(var(--red) 0 82%,#f1f1f2 82%);border-radius:50%;place-items:center;width:155px;height:155px;margin:24px auto 19px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.donut div{z-index:1;text-align:center;position:relative}.donut strong{font:800 29px Manrope;display:block}.donut span{color:var(--muted);font-size:11px}.legend{flex-direction:column;gap:9px;padding:0 22px 20px;display:flex}.legend span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.legend b{color:var(--ink);margin-left:auto}.red-dot,.gray-dot{background:var(--red);border-radius:50%;width:8px;height:8px}.gray-dot{background:#ddd}.login{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login>section{color:#fff;background:#18181b;flex-direction:column;padding:43px 60px;display:flex;position:relative;overflow:hidden}.login>section:after{content:"";border:100px solid #e11d2e15;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-230px;right:-300px}.brand.large{padding:0}.brand.large span{width:38px;height:38px}.login-copy{z-index:1;margin:auto 0;position:relative}.login-copy p{letter-spacing:-3px;margin:0 0 25px;font:800 clamp(38px,5vw,67px)/1.08 Manrope}.login-copy em{color:#ff5360;font-style:normal}.login-copy small{color:#aaaab1;max-width:460px;font-size:16px;line-height:1.7;display:block}.quote{color:#aaaab1;max-width:470px;font-size:13px;line-height:1.6}.login>form{flex-direction:column;gap:15px;width:min(420px,100% - 48px);margin:auto;display:flex}.login form>small{color:var(--red);letter-spacing:2px;font-weight:800}.login form h1{margin:0;font:800 33px Manrope}.login form>p{color:var(--muted);margin:-7px 0 10px}label{color:#4f4f55;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}input,textarea,select{color:#222;background:#fff;border:1px solid #dddde1;border-radius:9px;outline:none;width:100%;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#ef8790;box-shadow:0 0 0 3px #e11d2e10}.login .primary{margin-top:7px}.secure{text-align:center;color:#999;margin-top:8px;font-size:11px}.error{color:#b51825;background:#fff0f1;border-radius:8px;padding:10px;font-size:12px}.mobile-brand{display:none}.toast{color:#fff;z-index:20;background:#19191c;border-radius:11px;padding:13px 18px;font-weight:600;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0003}.inbox{background:#fff;grid-template-columns:310px minmax(390px,1fr) 250px;height:calc(100vh - 92px);display:grid}.threads{border-right:1px solid var(--line);overflow:auto}.search{background:#f5f5f6;border-radius:9px;align-items:center;gap:8px;margin:16px;padding:0 12px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding:10px 0}.filters{border-bottom:1px solid var(--line);gap:5px;padding:0 16px 13px;display:flex}.filters button{color:#888;background:0 0;border:0;padding:7px 10px;font-size:11px;font-weight:700}.filters .active{color:var(--red);background:#fff0f1;border-radius:7px}.thread{text-align:left;background:#fff;border:0;border-bottom:1px solid #f1f1f2;grid-template-columns:42px 1fr auto;gap:11px;width:100%;padding:15px;display:grid}.thread.selected{border-left:3px solid var(--red);background:#fff7f7;padding-left:12px}.avatar{color:#8b4834;text-transform:uppercase;background:#f0dfd7;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.avatar.big{width:62px;height:62px;font-size:21px}.thread div:nth-child(2){min-width:0}.thread b{font-size:13px}.thread p{color:#888;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 7px;font-size:12px;overflow:hidden}.thread time{color:#aaa;font-size:10px}.mode{border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800}.mode.ai{color:#7557d6;background:#f0edff}.mode.human{color:#358d4f;background:#e9f8ed}.conversation{background:#fafafa;flex-direction:column;min-width:0;display:flex}.conversation-head{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:11px;height:72px;padding:13px 18px;display:flex}.conversation-head>div:nth-child(2){flex:1}.conversation-head h3{margin:0;font-size:14px}.conversation-head p{color:#888;margin:4px 0;font-size:10px}.conversation-head select{width:auto;padding:7px;font-size:11px}.messages{flex-direction:column;flex:1;gap:16px;padding:25px;display:flex;overflow:auto}.bubble{align-self:flex-start;max-width:68%}.bubble small{color:#999;font-size:10px}.bubble p{border:1px solid var(--line);background:#fff;border-radius:4px 13px 13px;margin:4px 0;padding:10px 13px;font-size:13px;line-height:1.5}.bubble time{color:#aaa;font-size:9px}.bubble.agent,.bubble.ai{text-align:right;align-self:flex-end}.bubble.agent p{background:var(--red);color:#fff;border:0;border-radius:13px 4px 13px 13px}.bubble.ai p{background:#f0edff;border:0;border-radius:13px 4px 13px 13px}.composer{border-top:1px solid var(--line);background:#fff;gap:9px;padding:14px;display:flex}.contact{border-left:1px solid var(--line);padding:24px}.contact-card{text-align:center}.contact-card .avatar{margin:auto}.contact-card h3{margin:11px 0 3px}.contact-card p{color:#999;margin:0;font-size:11px}.details{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.details h4{font-size:12px}.details label{color:#999;border-bottom:1px solid #f2f2f3;flex-direction:row;justify-content:space-between;padding:10px 0;display:flex}.details b{text-transform:capitalize;color:#444;font-size:11px}.empty{text-align:center;color:#999;grid-column:1/-1;margin:auto;padding:45px 20px}.empty i{width:55px;height:55px;color:var(--red);background:#fff0f1;border-radius:15px;place-items:center;margin:auto;font-size:24px;font-style:normal;display:grid}.empty h3{color:#333;margin:14px 0 5px}.empty p{max-width:360px;margin:0;font-size:13px;line-height:1.5}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.doc{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px;position:relative}.doc>div{width:38px;height:38px;color:var(--red);background:#fff0f1;border-radius:10px;place-items:center;display:grid}.doc>.badge{position:absolute;top:18px;right:18px}.doc h3{margin:17px 0 7px;font-size:15px}.doc p{color:#777;min-height:57px;font-size:12px;line-height:1.55}.doc footer{border-top:1px solid var(--line);color:#aaa;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.modal-bg{z-index:30;background:#1118;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(520px,100%);max-height:90vh;padding:23px;overflow:auto;box-shadow:0 30px 90px #0004}.modal>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0;font:800 20px Manrope}.modal header button{background:#f3f3f4;border:0;border-radius:8px;width:31px;height:31px;font-size:20px}.modal form{flex-direction:column;gap:15px;display:flex}.table{overflow:hidden}.row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 2fr 90px;align-items:center;gap:18px;padding:14px 20px;font-size:12px;display:grid}.row.head{color:#999;background:#fafafa;font-size:10px;font-weight:800}.row p{color:#777;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row b{color:var(--red)}.prefix{display:flex}.prefix span{background:#f3f3f4;border:1px solid #dddde1;border-right:0;border-radius:9px 0 0 9px;padding:11px}.prefix input{border-radius:0 9px 9px 0}.actions{gap:9px;display:flex}.actions button,.integration-grid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.stats.compact{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.stats.compact article{min-height:110px}.team-icon{font-size:22px;position:absolute;top:18px;right:18px}.agents-head,.agents-row{grid-template-columns:2fr 1fr 1fr 1fr}.agents-row strong{font-size:12px}.widget-layout,.ai-layout{grid-template-columns:390px 1fr;gap:18px;display:grid}.form-panel{padding:22px}.form-panel>h3{margin-bottom:20px}.form-panel>label{margin-top:15px}.color{gap:8px;display:flex}.color input[type=color]{width:46px;height:42px;padding:3px}.embed{color:#ddd;background:#222228;border-radius:10px;margin-top:22px;padding:14px}.embed small{color:#aaa;font-size:9px}.embed code{white-space:normal;overflow-wrap:anywhere;margin-top:8px;font-size:10px;line-height:1.5;display:block}.preview{text-align:center;color:#999;letter-spacing:1px;font-size:10px;font-weight:800}.browser{text-align:left;background:#fff;border:1px solid #ddd;border-radius:13px;margin-top:10px;overflow:hidden;box-shadow:0 20px 45px #2221}.browser-bar{color:#bbb;letter-spacing:3px;background:#f1f1f2;padding:10px 14px}.browser-bar i{text-align:center;letter-spacing:0;background:#fff;border-radius:5px;width:55%;margin-left:15%;padding:3px;font-style:normal;display:inline-block}.fake-site{color:#bbb;height:490px;padding:35px;position:relative}.fake-site>b{color:#bbb;font-size:14px}.fake-copy{margin-top:80px}.fake-copy i{background:#eee;border-radius:9px;width:55%;height:8px;margin:9px;display:block}.fake-copy i:nth-child(2){width:40%}.widget-demo{background:#fff;border-radius:16px;width:280px;position:absolute;bottom:75px;right:24px;overflow:hidden;box-shadow:0 16px 45px #0002}.widget-demo header{color:#fff;padding:18px}.widget-demo header b,.widget-demo header span{display:block}.widget-demo header span{margin-top:3px;font-size:10px;font-weight:400}.widget-demo>div{background:#f7f7f8;height:180px;padding:18px}.widget-demo p{color:#555;background:#fff;border-radius:10px;padding:10px;font-size:10px}.widget-demo footer{color:#aaa;justify-content:space-between;padding:10px;display:flex}.widget-demo footer button{color:#fff;border:0;border-radius:7px}.launcher{color:#fff;border:0;border-radius:50%;width:45px;height:45px;font-size:18px;position:absolute;bottom:18px;right:24px}.section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-title>div:nth-child(2){flex:1}.section-title h3,.section-title p{margin:0}.section-title p{color:#999;font-size:11px}.ai-orb{width:40px;height:40px;color:var(--red);background:#fff0f1;border-radius:12px;place-items:center;display:grid}.toggle input{display:none}.toggle i{background:#ccc;border-radius:99px;width:39px;height:22px;display:block;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:2.5px;left:3px}.toggle input:checked+i{background:var(--red)}.toggle input:checked+i:after{left:19px}.switch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;flex-direction:row!important;display:flex!important}.switch-row span{flex-direction:column;gap:3px;display:flex}.switch-row small{color:#999;font-weight:400}.switch-row input{width:17px}.range-value{float:right;color:var(--red)}input[type=range]{accent-color:var(--red);padding:0}.handoff-flow{background:#fafafa;border-radius:9px;justify-content:space-between;align-items:center;margin-top:23px;padding:13px;font-size:9px;display:flex}.handoff-flow i{color:#aaa}.handoff-flow strong{color:var(--red)}.integration-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.integration-grid article{padding:22px}.integration-grid p{color:#777;min-height:40px;font-size:12px;line-height:1.5}.integration-grid button{width:100%;margin-top:20px;display:block}.integration-icon{width:40px;height:40px;color:var(--red);background:#fff0f1;border-radius:10px;place-items:center;font-size:20px;display:grid}.notice{background:#fff8f8;border:1px solid #f4dddd;border-radius:12px;margin-top:18px;padding:17px 20px}.notice b{color:var(--red)}.notice p{color:#777;margin:4px 0 0;font-size:12px}.narrow{max-width:620px}@media (max-width:1100px){.contact{display:none}.inbox{grid-template-columns:300px 1fr}.stats{grid-template-columns:repeat(2,1fr)}.widget-layout,.ai-layout{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{display:block}.shell>aside{border-right:0;border-top:1px solid var(--line);width:100%;height:66px;padding:7px;position:fixed;top:auto;bottom:0}.brand,.profile{display:none}.shell nav{flex-direction:row;justify-content:space-around;margin:0;display:flex;overflow:auto}.shell nav button{justify-content:center;padding:10px;font-size:0;display:flex}.shell nav button i{font-size:18px}.shell nav button.active:before{display:none}.shell>main{padding-bottom:66px}.shell>main>header{height:72px;padding:15px 18px}.header-actions .live{display:none}.content{padding:21px 16px}.welcome{align-items:flex-start;gap:15px}.welcome h2{font-size:20px}.welcome p{font-size:12px}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.login{display:block}.login>section{display:none}.login>form{min-height:100vh;padding:40px 0}.mobile-brand{margin-bottom:auto;display:flex}.inbox{height:calc(100vh - 138px);display:block}.threads{height:100%}.conversation,.contact{display:none}.knowledge-grid,.integration-grid{grid-template-columns:1fr}.widget-layout,.ai-layout{display:block}.preview{margin-top:18px}.row{grid-template-columns:100px 1fr}.row>:nth-child(n+3),.header-actions{display:none}}.widget-icon-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.widget-icon-grid label{margin:0}.widget-icon-grid input{text-align:center;font-size:20px}.widget-icon-note{color:#999;margin-top:7px;font-size:10px;line-height:1.45;display:block}.launcher-mobile{width:38px;height:38px;font-size:16px;bottom:21px;right:78px}.launcher-label{color:#999;letter-spacing:0;font-size:8px;font-weight:700;position:absolute;bottom:4px}.launcher-label.desktop{right:27px}.launcher-label.mobile{right:79px}@media (max-width:480px){.widget-icon-grid{grid-template-columns:1fr}}.widget-icon-upload{min-height:78px;color:var(--red);cursor:pointer;background:#fff8f8;border:1px dashed #d8a4a8;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.widget-icon-upload:hover{border-color:var(--red)}.widget-icon-upload input{display:none}.widget-icon-thumb{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:20px;display:grid;overflow:hidden}.widget-icon-thumb img{object-fit:contain;width:100%;height:100%;display:block}.launcher img{object-fit:contain;width:auto;max-width:64px;height:auto;max-height:64px;display:block}.launcher-mobile img{max-width:52px;max-height:52px}:is(.widget-icon-thumb:has(img),.launcher:has(img)){overflow:visible;box-shadow:none!important;background:0 0!important;border-radius:0!important}.launcher:has(img){width:auto;height:auto}.launcher{place-items:center;padding:0;display:grid;overflow:hidden}.auth-switch{color:var(--red);cursor:pointer;background:0 0;border:0;font-weight:700}.refresh-control{color:#999;flex-direction:row;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.refresh-control select{border-radius:7px;width:auto;padding:5px 6px;font-size:10px}.success{color:#287443;background:#edf9f0;border-radius:8px;padding:11px;font-size:12px}.badge.orange{color:#b96820;background:#fff3e8}.tenant-table{overflow:auto}.tenant-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1.4fr .55fr .55fr .75fr 2fr;align-items:center;gap:14px;min-width:900px;padding:14px 18px;font-size:12px;display:grid}.tenant-row.head{color:#999;background:#fafafa;font-size:10px;font-weight:800}.tenant-row>span:first-child{flex-direction:column;gap:3px;display:flex}.tenant-row small{color:#999}.tenant-actions{flex-wrap:wrap;gap:6px;display:flex}.tenant-actions button,.welcome>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.tenant-actions .approve{color:#247b40;background:#eaf8ee;border-color:#ccebd5}.embed a{color:#fff;white-space:normal;overflow-wrap:anywhere;margin-top:8px;font-size:10px;line-height:1.5;text-decoration:none;display:block}.upload-box{background:#fff8f8;border:1px dashed #d8a4a8;border-radius:11px;padding:14px}.upload-box input{background:#fff}.upload-box small{color:#888;font-weight:400;line-height:1.5}.divider{color:#aaa;text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:10px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.primary:disabled{opacity:.65;cursor:wait}.doc footer{align-items:center}.doc footer .delete-knowledge{color:#b51825;background:0 0;border:0;margin-left:auto;padding:2px 0;font-size:10px;font-weight:700}.doc footer .delete-knowledge:hover{text-decoration:underline}.confirm-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.confirm-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-weight:700}.confirm-actions .danger{color:#fff;background:#e11d2e;border-color:#e11d2e}.confirm-actions button:disabled{opacity:.6;cursor:wait}.widget-demo-footer{color:#7c7c84;text-align:center;letter-spacing:0;background:#f3f3f4;border-top:1px solid #e8e8ea;padding:8px 10px;font-size:9px;font-weight:500}.attach-button{border:1px solid var(--line);width:42px;height:42px;color:var(--red);cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;font-size:22px;display:grid}.attach-button input{display:none}.attachment{color:#333;text-align:left;background:#fff;border:1px solid #e4e4e7;border-radius:10px;align-items:center;gap:7px;max-width:280px;margin:5px 0 7px;padding:8px;text-decoration:none;display:flex}.attachment.image{padding:4px;display:block}.attachment img{object-fit:cover;border-radius:7px;width:100%;max-height:190px;display:block}.attachment b{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:11px;overflow:hidden}.attachment small{color:#999;margin-left:auto;font-size:9px}.bubble.agent .attachment{margin-left:auto}.bubble time{display:block}.filters{flex-wrap:wrap}.filters button{align-items:center;gap:5px;display:flex}.filters button b{color:#777;background:#f0f0f2;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid}.filters button.active b{color:var(--red);background:#ffdfe2}.refresh-control{justify-content:flex-end;width:100%}.thread .priority{border-radius:99px;margin-left:5px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-block}.priority.low{color:#61727a;background:#eff4f6}.priority.high{color:#a65b00;background:#fff0dc}.priority.urgent{color:#b51825;background:#ffe2e5}.conversation-head .close-chat,.conversation-head .reopen-chat,.conversation-head .archive-chat{color:#b51825;white-space:nowrap;background:#fff;border:1px solid #efb5ba;border-radius:8px;width:auto;padding:8px 10px;font-size:11px;font-weight:800}.conversation-head .reopen-chat{color:#287940;border-color:#a8d8b4}.conversation-head .archive-chat{color:#555;border-color:#c9c9cf}.conversation-head button:disabled{opacity:.55}.archive-lock{color:#666;white-space:nowrap;background:#f0f0f2;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.conversation-closed{border-top:1px solid var(--line);color:#8f3941;text-align:center;background:#fff7f7;padding:14px 18px;font-size:12px}.details .priority-control{align-items:center}.details .priority-control select{text-transform:capitalize;width:116px;padding:7px 8px;font-size:11px}.integration-help{margin-bottom:18px;padding:20px 24px}.integration-help h3{margin:0 0 12px}.integration-help ol{color:#666;margin:0;padding-left:20px;font-size:12px;line-height:1.75}.integration-help p{color:#8a555a;margin:10px 0 0;font-size:11px}.integration-help code{color:#8f2630;overflow-wrap:anywhere;background:#f3f3f5;border-radius:5px;padding:2px 5px}.integration-actions{gap:8px;margin-top:18px;display:flex}.integration-grid .integration-actions button{width:50%;margin:0}.integration-grid .integration-actions .danger{color:#b51825;border-color:#f0c2c6}.form-panel label:has(textarea[placeholder*="https://..."])>small{color:#0000;white-space:pre-wrap;background:#fff8f8;border:1px solid #eadfe0;border-radius:9px;margin-top:4px;padding:12px;font-size:0;font-weight:400;line-height:1.65;display:block}.form-panel label:has(textarea[placeholder*="https://..."])>small:after{content:"PETUNJUK HTML\a \a Link:\a <a href=\"https://contoh.com\" target=\"_blank\">Buka website</a>\a \a Gambar:\a <img src=\"https://contoh.com/gambar.jpg\" alt=\"Promo\">\a \a Teks tebal:\a <p>Halo <strong>Kak</strong></p>\a \a Tag yang didukung: p, br, strong, b, em, a, img, div, span, ul, ol, li, h1-h4, serta style aman. URL gambar harus langsung dan diawali https://. Maksimum 50.000 karakter.";color:#666;overflow-wrap:anywhere;font:400 10px/1.65 DM Sans,system-ui,sans-serif;display:block}.thread.unread{background:snow}.thread.unread b{color:#202024;font-weight:800}.thread-meta{flex-direction:column;align-items:flex-end;gap:7px;min-width:48px;display:flex}.thread-meta time{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.thread-meta time b{color:#888;font-size:9px}.thread-meta time small{color:#aaa;font-size:9px}.thread-meta em{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-style:normal;font-weight:800;display:grid}.message-date{color:#999;align-items:center;gap:10px;width:100%;font-size:10px;font-weight:800;display:flex}.message-date:before,.message-date:after{content:"";background:var(--line);flex:1;height:1px}.message-date span{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 9px}.theme-dark .message-date span{color:#b7b9c0;background:#191a1f;border-color:#303239}.credential-saved,.credential-missing{font-weight:500;line-height:1.45}.credential-saved{color:#2d8b4c}.credential-missing{color:#a56a20}.tag-field{background:#fff;border:1px solid #dddde1;border-radius:10px;padding:8px;transition:all .2s}.tag-field:focus-within{border-color:#ef8790;box-shadow:0 0 0 3px #e11d2e10}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{color:#b51825;background:#fff0f1;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag-chip span{font-size:14px;line-height:1}.tag-field input{border:0;padding:8px 4px 3px;box-shadow:none!important}.tenant-actions .delete-tenant{color:#b51825;background:#fff7f7;border-color:#f0b9bf}.delete-warning{color:#8e1d27;background:#fff5f6;border:1px solid #f0b9bf;border-radius:10px;padding:13px 14px}.delete-warning b{font-size:13px}.delete-warning p{margin:5px 0 0;font-size:11px;line-height:1.5}.topic-note{margin-top:0;margin-bottom:16px}.topic-table{overflow:auto}.topic-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 2fr 90px 130px;align-items:center;gap:16px;min-width:760px;padding:15px 20px;font-size:12px;display:grid}.topic-row.head{color:#999;background:#fafafa;font-size:10px;font-weight:800}.topic-row>p{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.45;overflow:hidden}.topic-row>p small{color:#999}.topic-actions{gap:6px;display:flex}.topic-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.topic-actions .danger{color:#b51825;border-color:#f0b9bf}.topic-active{align-items:center;gap:9px;flex-direction:row!important;display:flex!important}.topic-active input{width:auto}.ticket-table{overflow-x:auto}.ticket-table-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.8fr) minmax(120px,.7fr) minmax(250px,1.7fr) 120px 135px 180px;align-items:center;gap:16px;min-width:1050px;padding:15px 18px;font-size:12px;display:grid}.ticket-table-row.head{color:#999;background:#fafafa;font-size:10px;font-weight:800}.ticket-table-row>span:first-child{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.ticket-data{flex-direction:column;gap:7px;display:flex}.ticket-data>span{grid-template-columns:minmax(80px,.7fr) minmax(100px,1fr);gap:8px;display:grid}.ticket-data small{color:#888}.ticket-data b{overflow-wrap:anywhere}.ticket-data em{color:#b46b26;font-weight:500}.ticket-table-action{flex-direction:column;gap:6px;display:flex}.ticket-table-action button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.ticket-table-action .primary{border-color:var(--red);background:var(--red);color:#fff}.archive-flag{color:#666;background:#f0f0f2;border-radius:99px;padding:3px 7px;font-size:9px}.archive-note{color:#6f6f77;background:#f2f2f3;border-radius:8px;padding:9px;font-size:10px}.live-ticket{color:#287940;background:#eaf8ee;border-radius:99px;align-items:center;gap:5px;margin-left:8px;padding:4px 7px;font:700 9px DM Sans;display:inline-flex}.live-ticket i{background:#35a457;border-radius:50%;width:6px;height:6px}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.settings-layout .form-panel{min-width:0}.telegram-orb{color:#229ed9;background:#e8f4ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.telegram-settings label>small{color:#888;margin-top:6px;font-weight:400;line-height:1.5;display:block}.telegram-bot{background:#f3faff;border:1px solid #cfe8f6;border-radius:10px;flex-direction:column;gap:3px;margin-top:18px;padding:13px 15px;display:flex}.telegram-bot span,.telegram-bot small{color:#71808a;font-size:10px}.telegram-bot b{color:#157fb4}.telegram-help{color:#666;background:#fafafa;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:11px}.telegram-help ol{margin:8px 0 0;padding-left:18px;line-height:1.75}.telegram-help a{color:#168dcc}.thread .channel{border-radius:99px;margin-left:5px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-block}.thread .channel.telegram{color:#168dcc;background:#e5f5fd}@media (max-width:950px){.settings-layout{grid-template-columns:1fr}}.settings-icon{font-size:18px;font-weight:700}.settings-icon:hover,.settings-icon.active{border-color:color-mix(in srgb,var(--red) 30%,white);background:var(--red-soft);color:var(--red)}.profile .logout-button{width:36px;height:36px;color:var(--red);background:#fff0f1;border:0;border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid}.profile .logout-button:hover{background:var(--red);color:#fff}.logout-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (max-width:760px){.header-actions{display:flex}.header-actions .live,.header-actions .header-utility{display:none}}.header-nav-icon{font-size:18px;font-weight:700}.header-nav-icon:hover,.header-nav-icon.active{border-color:color-mix(in srgb,var(--red) 30%,white);background:var(--red-soft);color:var(--red)}.shell nav button i svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}.context-note{margin:0 0 16px}.context-note strong{color:#333}.context-list{gap:12px;display:grid}.context-card{padding:19px 20px;transition:all .2s}.context-card.disabled{opacity:.55}.context-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.context-keywords{flex-wrap:wrap;gap:6px;display:flex}.context-keywords span{background:var(--red-soft);color:var(--red);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.context-actions{flex:none;gap:7px;display:flex}.context-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.context-actions .danger{color:#b51825;border-color:#f0b9bf}.context-actions .context-power{color:#999;font-size:17px;line-height:1}.context-actions .context-power.active{color:#219653;border-color:#bde2c9}.context-meta{color:#777;align-items:center;gap:8px;margin:11px 0 8px;font-size:10px;display:flex}.context-meta small{color:#999;margin-left:auto}.context-card>p{color:#333;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.context-form-row{grid-template-columns:120px 1fr;gap:14px;display:grid}.context-form-row fieldset{border:0;margin:0;padding:0}.context-form-row legend{margin-bottom:8px;font-size:11px;font-weight:800}.context-form-row fieldset label{flex-direction:row;align-items:center;gap:6px;margin-right:14px;display:inline-flex}.context-form-row fieldset input{width:auto}.modal label>small{color:#888;margin-top:5px;font-weight:400;line-height:1.45;display:block}@media (max-width:760px){.context-card-head{display:block}.context-actions{margin-top:12px}.context-form-row{grid-template-columns:1fr}}.inbox{min-height:0;overflow:hidden}.threads,.conversation,.contact{min-height:0}.conversation{height:100%;overflow:hidden}.messages{min-height:0}.contact{overflow:auto}.details .ip-value{text-transform:none;word-break:break-all;text-align:right;max-width:138px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.issue-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.issue-tag{color:#6950bd;white-space:nowrap;text-overflow:ellipsis;background:#f0edff;border-radius:999px;align-items:center;max-width:100%;padding:4px 8px;font-size:9px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.issue-tags.compact{margin-top:7px}.issue-tags.compact .issue-tag{max-width:110px;padding:3px 7px}.issue-tag.more{color:#777;background:#f1f1f3}.issue-summary{border-bottom:1px solid #f2f2f3;margin:0 0 11px;padding:0 0 12px}.issue-summary>span{color:#999;font-size:10px;font-weight:700;display:block}.issue-summary>small{color:#aaa;margin-top:7px;font-size:10px;display:block}.issue-summary .issue-tag{padding:5px 8px;font-size:10px}.mobile-chat-back{display:none}.conversation-head>.avatar{aspect-ratio:1;border-radius:50%;flex:0 0 40px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px}.conversation-head>div:nth-of-type(2){flex:1}@media (max-width:760px){.inbox{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 138px)}.inbox .contact,.inbox.mobile-list .conversation,.inbox.mobile-chat .threads{display:none}.inbox.mobile-chat .conversation{width:100%;min-width:0;display:flex}.threads{border-right:0;width:100%}.filters{flex-wrap:nowrap;padding-inline:10px;overflow-x:auto}.filters button{flex:none}.refresh-control{min-width:105px;margin-left:auto}.conversation-head{flex-wrap:wrap;gap:7px;height:auto;min-height:64px;padding:9px;overflow:visible}.conversation-head>.avatar{aspect-ratio:1;border-radius:50%;flex:0 0 34px;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px}.conversation-head>div:nth-of-type(2){flex:calc(100% - 82px);min-width:0}.conversation-head select{flex:30%;width:auto;max-width:none;padding:6px}.conversation-head .close-chat,.conversation-head .reopen-chat,.conversation-head .archive-chat{flex:30%;padding:7px 8px}.mobile-chat-back{border:1px solid var(--line);color:#333;background:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:25px;line-height:1;display:grid}.messages{gap:12px;padding:14px 12px}.bubble{max-width:88%}.composer{gap:7px;padding:9px}.composer .attach-button{width:39px;height:39px}.composer input{min-width:0}.composer .primary{padding-inline:13px!important}}.theme-toggle{place-items:center;font-size:21px;line-height:1;transition:all .2s;display:grid}.theme-toggle:hover{border-color:color-mix(in srgb,var(--red) 35%,white);background:var(--red-soft);color:var(--red)}.theme-dark{--line:#303239;--muted:#a5a7ae;--ink:#f4f4f5;color:#ececef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101114}.theme-dark>aside,.theme-dark>main>header,.theme-dark .panel,.theme-dark .stats article,.theme-dark .doc,.theme-dark .modal,.theme-dark .inbox,.theme-dark .threads,.theme-dark .conversation-head,.theme-dark .composer,.theme-dark .contact,.theme-dark .thread,.theme-dark .context-card{color:#ececef;background:#191a1f}.theme-dark>main,.theme-dark .content,.theme-dark .conversation{color:#ececef;background:#101114}.theme-dark .conversation,.theme-dark .messages{background:#131419}.theme-dark .icon,.theme-dark input,.theme-dark textarea,.theme-dark select,.theme-dark .actions button,.theme-dark .integration-grid button,.theme-dark .tenant-actions button,.theme-dark .welcome>button,.theme-dark .confirm-actions button,.theme-dark .topic-actions button,.theme-dark .ticket-table-action button,.theme-dark .context-actions button,.theme-dark .attach-button,.theme-dark .mobile-chat-back{color:#ececef;background:#22242a;border-color:#353841}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:#777b84}.theme-dark .search,.theme-dark .prefix span,.theme-dark .modal header button,.theme-dark .badge,.theme-dark .filters button b,.theme-dark .archive-lock,.theme-dark .archive-note{color:#aeb0b7;background:#25272d;border-color:#353841}.theme-dark .thread:hover,.theme-dark .thread.selected,.theme-dark .thread.unread{background:#211b1e}.theme-dark .thread.unread b,.theme-dark .empty h3,.theme-dark .context-note strong,.theme-dark .context-card>p,.theme-dark .details b,.theme-dark .legend b{color:#f2f2f4}.theme-dark .row.head,.theme-dark .tenant-row.head,.theme-dark .topic-row.head,.theme-dark .ticket-table-row.head,.theme-dark .handoff-flow,.theme-dark .telegram-help{color:#a5a7ae;background:#202126}.theme-dark .bubble p,.theme-dark .attachment,.theme-dark .tag-field{color:#ececef;background:#22242a;border-color:#353841}.theme-dark .bubble.ai p{background:#302a47}.theme-dark .bubble.agent p{background:var(--red)}.theme-dark .issue-tag{color:#d8ceff;background:#302a47}.theme-dark .issue-tag.more{color:#b7b9c0;background:#292b31}.theme-dark .issue-summary{border-color:#303239}.shell{grid-template-columns:238px minmax(0,1fr);transition:grid-template-columns .2s}.shell>aside{transition:width .2s,padding .2s}.shell.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.shell.nav-collapsed>aside{width:72px;padding-inline:10px}.shell.nav-collapsed .brand{justify-content:center;padding:0}.shell.nav-collapsed .brand b,.shell.nav-collapsed .profile span,.shell.nav-collapsed .nav-label{display:none}.shell.nav-collapsed nav button{justify-content:center;padding-inline:8px}.shell.nav-collapsed nav button:not(.active):before{display:none}.shell.nav-collapsed nav button i{flex:none}.shell.nav-collapsed nav button em{margin:0;padding:1px 5px;font-size:9px;position:absolute;top:0;right:0}.shell.nav-collapsed .profile{justify-content:center;gap:0;padding:14px 0 0}.shell.nav-collapsed .profile .logout-button{width:36px;position:absolute;bottom:17px;left:18px}.shell .panel-toggle{place-items:center;display:grid}.panel-toggle svg,.conversation-details-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.inbox{grid-template-columns:310px minmax(0,1fr) 250px;transition:grid-template-columns .2s;position:relative}.inbox.hide-details{grid-template-columns:310px minmax(0,1fr)}.inbox.hide-details>.contact{display:none}.conversation-details-toggle{flex:none}.contact{position:relative}.contact-close{color:var(--muted);background:0 0;border:0;margin:-12px -12px 8px auto;padding:2px 7px;font-size:24px;line-height:1;display:none}.theme-dark .contact-close{color:#b7b9c0}@media (max-width:1100px){.inbox,.inbox.hide-details{grid-template-columns:300px minmax(0,1fr)}.inbox .contact{display:none}.inbox.show-details .contact{z-index:8;background:#fff;width:min(320px,86vw);height:100%;padding:20px;display:block;position:absolute;top:0;right:0;overflow:auto;box-shadow:-18px 0 40px #0002}.theme-dark .inbox.show-details .contact{background:#191a1f}.inbox.show-details:after{content:"";z-index:7;background:#1115;position:absolute;inset:0}.inbox.show-details .contact-close{display:block}}@media (max-width:760px){.shell,.shell.nav-collapsed{grid-template-columns:1fr}.shell.nav-collapsed>aside{width:100%;padding:7px}.shell.nav-collapsed .brand,.shell.nav-collapsed .profile{display:none}.shell.nav-collapsed nav button{justify-content:center}.shell.nav-collapsed .profile .logout-button{position:static}.inbox,.inbox.hide-details{grid-template-columns:minmax(0,1fr)}.inbox.show-details .contact{width:min(320px,88vw);height:100%;padding:16px}.conversation-details-toggle{flex:0 0 34px;width:34px;height:34px}.nav-toggle{display:none!important}}.verification-badge{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;gap:2px;max-width:280px;margin:7px 0;padding:9px 11px;font-size:11px;display:grid}.verification-badge b{font-size:12px}.verification-badge small{opacity:.8}.verification-badge span{line-height:1.35}.verification-badge.verified{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.verification-badge.mismatch,.verification-badge.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.bubble.agent .verification-badge{margin-left:auto}.verification-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.verification-orb{color:#168344;background:#eafaf0;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.verification-warning{background:#f4fcf7;border-color:#d8eee0}.vision-status{border:1px solid var(--line);background:var(--soft);border-radius:12px;align-items:flex-start;gap:10px;margin:8px 0;padding:12px;display:flex}.vision-status>i{background:#a1a1aa;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.vision-status.ready>i{background:#22c55e}.vision-status.error>i{background:#ef4444}.vision-status span{flex:1;gap:2px;display:grid}.vision-status small{color:var(--muted);line-height:1.4}.vision-status time{color:var(--muted);font-size:10px}.verification-flow{background:var(--soft);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:13px;font-size:11px;display:flex}.verification-flow span,.verification-flow strong{background:var(--panel);border-radius:8px;padding:6px 8px}.verification-flow strong{color:#168344}.theme-dark .verification-badge{color:#fed7aa;background:#2a2520;border-color:#5d4630}.theme-dark .verification-badge.verified{color:#bbf7d0;background:#17291d;border-color:#285d39}.theme-dark .verification-badge.mismatch,.theme-dark .verification-badge.error{color:#fecaca;background:#301d20;border-color:#673238}@media (max-width:980px){.verification-layout{grid-template-columns:1fr}}.ai-vision-content{padding-top:0}.ai-vision-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;margin-top:2px;padding-top:26px;display:flex}.ai-vision-heading span{letter-spacing:.12em;color:var(--red);font-size:10px;font-weight:800}.ai-vision-heading h2{margin:5px 0 4px}.ai-vision-heading p{color:var(--muted);margin:0}@media (max-width:720px){.ai-vision-heading{flex-direction:column;align-items:stretch}.ai-vision-heading button{width:100%}}.optional-label{background:var(--soft);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;border-radius:999px;margin-left:7px;padding:4px 7px;font-size:9px;display:inline-flex}.transaction-only-note{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin:-3px 0 15px;padding:10px 12px;font-size:12px;line-height:1.45}.theme-dark .transaction-only-note{color:#fde68a;background:#302817}.theme-dark .donut:after{background:#191a1f}.theme-dark .grid-lines{background:repeating-linear-gradient(#2a2c32 0 1px,#0000 1px 46px)}.theme-dark .gray-dot{background:#50535b}.theme-dark .notice,.theme-dark .upload-box,.theme-dark .widget-icon-upload,.theme-dark .conversation-closed,.theme-dark .delete-warning{background:#261c1f;border-color:#543139}.theme-dark .form-panel label:has(textarea[placeholder*="https://..."])>small{background:#261c1f;border-color:#543139}.theme-dark .form-panel label:has(textarea[placeholder*="https://..."])>small:after{color:#c8c9ce}.theme-dark .telegram-bot{background:#17242b;border-color:#294957}.theme-dark .success{color:#72c98b;background:#17271d}.theme-dark .error{color:#ff929c;background:#321d21}.theme-dark .profile>div,.theme-dark .profile .logout-button{background:var(--red-soft)}.theme-dark label,.theme-dark .row p,.theme-dark .topic-row>p,.theme-dark .integration-grid p,.theme-dark .integration-help ol,.theme-dark .notice p{color:#b2b4ba}.theme-dark .browser{border-color:#353841}.theme-dark .browser-bar,.theme-dark .widget-demo-footer{background:#202126;border-color:#353841}.theme-dark .fake-site,.theme-dark .widget-demo>div{background:#15161a}.theme-dark .widget-demo,.theme-dark .widget-demo p{color:#d7d8dc;background:#22242a}.theme-dark .fake-copy i{background:#292b31}.theme-dark .topic-actions .danger,.theme-dark .tenant-actions .delete-tenant,.theme-dark .integration-grid .integration-actions .danger{background:#2c1d20}.theme-dark .conversation-head .close-chat,.theme-dark .conversation-head .reopen-chat,.theme-dark .conversation-head .archive-chat{background:#22242a}.theme-dark .embed{background:#0d0e11}.theme-dark .toast{color:#17181c;background:#f2f2f4}@media (max-width:760px){.theme-toggle{display:grid!important}.theme-dark>aside{background:#191a1f}}.agents-row strong{flex-direction:column;gap:2px;display:flex}.agents-row strong small{color:var(--muted);font-weight:500}.widget-identity-setting{border:1px solid var(--line);background:#fafafa;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:15px 16px;display:flex}.widget-identity-setting>span{flex-direction:column;gap:5px;min-width:0;display:flex}.widget-identity-setting b{color:#303036;font-size:12px}.widget-identity-setting small{color:#777;max-width:520px;font-size:10px;line-height:1.55}.widget-identity-setting .toggle{flex:none;margin:0}.theme-dark .widget-identity-setting{background:#202126;border-color:#353841}.theme-dark .widget-identity-setting b{color:#f2f2f4}.theme-dark .widget-identity-setting small{color:#a5a7ae}@media (max-width:640px){.widget-identity-setting{align-items:flex-start}.widget-identity-setting small{font-size:9px}}.voice-settings{border:1px solid var(--line);background:#fafafa;border-radius:12px;flex-direction:column;gap:14px;margin-top:20px;padding:17px;display:flex}.voice-settings-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.voice-settings-head>span{flex-direction:column;gap:4px;display:flex}.voice-settings-head b{color:var(--ink);font-size:13px}.voice-settings-head small,.voice-settings>small,.voice-settings label>small{color:#777;font-size:10px;font-weight:400;line-height:1.5}.voice-settings .toggle{flex:none}.voice-settings button{border:1px solid var(--line);background:#fff;border-radius:9px;align-self:flex-start;padding:9px 13px;font-weight:700}.theme-dark .voice-settings{background:#202126;border-color:#353841}.theme-dark .voice-settings button{color:#eee;background:#191a1f;border-color:#3b3d46}.theme-dark .voice-settings-head small,.theme-dark .voice-settings>small,.theme-dark .voice-settings label>small{color:#a5a7ae}.voice-transcript{color:#5b4ab4;vertical-align:middle;background:#eef2ff;border-radius:999px;align-items:center;margin-left:7px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex}.theme-dark .voice-transcript{color:#d8ceff;background:#302a47}.pager{border-top:1px solid var(--line);background:#fff;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:16px 18px;display:flex}.pager button{border:1px solid var(--line);color:#555;background:#fff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager span{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.pager span small{color:#999;margin-left:6px}.threads>.pager{z-index:2;position:sticky;bottom:0}.theme-dark .pager,.theme-dark .pager button{color:#d9dade;background:#191a1f;border-color:#353841}@media (max-width:760px){.pager{gap:8px;padding:12px 8px}.pager button{padding:8px;font-size:10px}.pager span small{display:none}}.settings-layout{grid-template-columns:minmax(300px,420px) minmax(520px,1fr);align-items:start}.settings-stack{gap:18px;display:grid}.brand-settings{position:sticky;top:18px}.storage-explain{background:var(--red-soft);color:#555;border-radius:11px;margin-top:24px;padding:15px}.storage-explain b{color:var(--red)}.storage-explain p{margin:5px 0 0;font-size:11px;line-height:1.55}.r2-orb{width:44px;height:44px;color:var(--red);background:#fff0f1;border-radius:13px;place-items:center;font:900 15px Manrope;display:grid}.r2-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid}.r2-fields label:last-child{grid-column:1/-1}.storage-status{border:1px solid var(--line);background:#fafafa;border-radius:11px;align-items:center;gap:11px;padding:12px 14px;display:flex}.storage-status>i{background:#aaa;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #aaa2}.storage-status.connected>i{background:#2eaa5e;box-shadow:0 0 0 5px #2eaa5e20}.storage-status.error>i{background:var(--red);box-shadow:0 0 0 5px #e11d2e20}.storage-status span{flex-direction:column;gap:2px;min-width:0;display:flex}.storage-status span small{color:#818187;overflow-wrap:anywhere;font-size:10px}.storage-status time{color:#999;white-space:nowrap;margin-left:auto;font-size:9px}.r2-note{color:#777;background:#f8f8f9;border-radius:9px;margin:15px 0 0;padding:12px 14px;font-size:10px;line-height:1.55}.r2-actions{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.r2-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.r2-actions button:disabled{opacity:.45;cursor:not-allowed}.theme-dark .storage-explain{color:#bbb;background:#261c1f}.theme-dark .storage-status,.theme-dark .r2-note{background:#202126;border-color:#353841}.theme-dark .r2-actions button{color:#ececef;background:#22242a;border-color:#353841}@media (max-width:1050px){.settings-layout{grid-template-columns:1fr}.brand-settings{position:static}.r2-fields{grid-template-columns:1fr 1fr}}@media (max-width:640px){.r2-fields{grid-template-columns:1fr}.r2-fields label:last-child{grid-column:auto}.storage-status{flex-wrap:wrap;align-items:flex-start}.storage-status time{width:100%;margin-left:21px}.r2-actions{grid-template-columns:1fr 1fr;display:grid}.r2-actions button{width:100%}}.automation-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.automation-settings h4{margin:0 0 5px;font:800 14px Manrope}.automation-settings>p{color:#777;margin:0 0 15px;font-size:11px;line-height:1.55}.automation-settings label{margin-top:13px}.automation-note{color:#6f6f77;background:#f8f8f9;border-radius:9px;margin-top:15px;padding:12px 13px;font-size:10px;line-height:1.55}.theme-dark .automation-note{color:#b8bac0;background:#202126}.integration-test-response{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;color:var(--ink);background:#fff;border-radius:9px;margin:10px 0 0;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.theme-dark .integration-test-response{color:#e7e7ea;background:#17181c;border-color:#353841}.integration-account-config,.integration-account-test{border:1px solid var(--line);background:#fafafa;border-radius:12px;margin-top:16px;padding:16px}.integration-account-config>div:first-child,.integration-account-test>header>div{flex-direction:column;gap:4px;display:flex}.integration-account-config small,.integration-account-test small{color:#85858c;font-weight:400;line-height:1.45}.integration-account-config>p{color:#777;margin:12px 0 0;font-size:10px;line-height:1.5}.integration-account-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.integration-account-test{gap:14px;display:grid}.integration-account-test>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.integration-account-test>header button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.integration-account-test>form{border-top:1px solid var(--line);padding-top:14px}.integration-account-test>form>.integration-account-grid{margin-top:0}.theme-dark .integration-account-config,.theme-dark .integration-account-test{background:#202126;border-color:#353841}.theme-dark .integration-account-test>header button{color:#ececef;background:#22242a;border-color:#353841}@media (max-width:640px){.integration-account-grid{grid-template-columns:1fr}.integration-account-test>header{flex-direction:column;align-items:stretch}.integration-account-test>header button{width:100%}}
.widget-icon-note{font-size:0}.widget-icon-note:after{content:"Upload PNG, JPG, WebP, atau GIF maksimal 4 MB. Gambar tampil pada tombol pembuka widget.";font-size:10px}.days span{flex-direction:column;align-items:center;gap:3px;display:flex}.days b{color:var(--ink);font-size:10px}