@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,.launcher img{object-fit:contain;width:100%;height:100%;display:block}:is(.widget-icon-thumb:has(img),.launcher:has(img)){overflow:visible;box-shadow:none!important;background:0 0!important;border-radius:0!important}.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}.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:32px;display:flex}.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}.credential-saved,.credential-missing{font-weight:500;line-height:1.45}.credential-saved{color:#2d8b4c}.credential-missing{color:#a56a20}.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}
.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}