:root{--color-page:#171f31;--color-page-gradient-start:#222d45;--color-page-gradient-end:#192339;--color-surface:#111a2d;--color-surface-raised:#121c30;--color-border:#26334b;--color-border-strong:#2b3851;--color-text:#eaf0fb;--color-text-muted:#99a8c2;--color-focus:#a995ff;--shadow-workspace:0 22px 70px #10182d77;--radius-workspace:22px}*{box-sizing:border-box}body{color:#eaf0fb;background:linear-gradient(135deg,#222d45,#192339);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#d8e2f5;background:#1b2941;border:1px solid #30415d;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}button:hover{background:#2b3956}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #a995ff}input,textarea,select{color:#eaf0fb;background:#111a2d;border:1px solid #30415d;border-radius:9px;min-width:0;padding:11px 12px}input::placeholder,textarea::placeholder{color:#8696b0}label{color:#a6b5cc;flex-direction:column;gap:7px;font-size:12px;display:flex}label input,label textarea{width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:23px}h2{font-size:18px}h3{font-size:14px}a{color:#bdb1ff}.primary{color:#fff;background:#8063dd;border-color:#a18bea;font-weight:600}.primary:hover{background:#9273ed}.muted{color:#99a8c2;line-height:1.6}.center{text-align:center}.error,.status-error{color:#ffadb1}.messenger{flex-direction:column;height:100dvh;padding:24px 28px;display:flex}.app-header{align-items:center;gap:26px;min-height:55px;margin-bottom:18px;display:flex}.logo{letter-spacing:-.8px;align-items:center;gap:10px;font-size:24px;font-weight:750;display:flex}.logo>svg{color:#b49aff}.logo span{letter-spacing:0;color:#b7a3f4;border:1px solid #514574;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:500}.connection-dot{color:#a5b5ce;font-size:12px}.connection-dot:before{content:"";background:#71d3b1;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.header-actions{gap:8px;margin-left:auto;display:flex}.workspace-grid{background:#111a2d;border:1px solid #2b3851;border-radius:20px;flex:1;grid-template-columns:310px minmax(300px,1fr) 260px;min-height:0;display:grid;overflow:hidden;box-shadow:0 22px 70px #10182d77}.inbox{background:#121c30;border-right:1px solid #26334b;flex-direction:column;min-height:0;display:flex}.inbox-title{align-items:center;gap:10px;padding:24px 20px 18px;display:flex}.inbox-title h1{margin:0;font-size:19px}.inbox-title>span{color:#b7a4f7;background:#2d2848;border-radius:5px;padding:3px 7px;font-size:11px}.search{background:#111a2d;border:1px solid #30415d;border-radius:9px;flex-direction:row;align-items:center;margin:0 16px 12px;padding:0 11px;display:flex}.search input{background:0 0;border:0;width:100%;padding-left:4px}.inbox>select{margin:0 16px 15px}.chat-list{flex:1;min-height:0;overflow:auto}.chat-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #223049;border-radius:0;justify-content:flex-start;gap:12px;width:100%;padding:17px}.chat-row.selected{background:#292b4e;box-shadow:inset 3px 0 #aa8cff}.chat-row:hover{background:#202b43}.avatar{color:#f2edff;background:linear-gradient(135deg,#675897,#344c73);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:650;display:flex}.chat-row-body{flex:1;min-width:0}.chat-row-top{align-items:center;gap:8px;display:flex}.chat-row-top strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-row time{color:#99a8c2;margin-left:auto;font-size:10px}.chat-preview{color:#aab9d2;white-space:nowrap;text-overflow:ellipsis;margin:6px 0;font-size:12px;display:block;overflow:hidden}.bot-label{color:#b9a4f5;font-size:10px}.unread{color:#fff;background:#8a6ee1;border-radius:6px;min-width:18px;padding:3px 5px;font-size:10px}.conversation{background:radial-gradient(at 30%,#18243a,#111a2d);flex-direction:column;min-height:0;display:flex}.conversation-header{background:#141e32;border-bottom:1px solid #26334b;align-items:center;gap:12px;padding:18px 24px;display:flex}.conversation-header h2{margin:0 0 5px;font-size:15px}.conversation-header span:not(.avatar){color:#a4b2c9;font-size:11px}.message-thread{flex-direction:column;flex:1;gap:13px;min-height:0;padding:25px 28px;display:flex;overflow:auto}.message{overflow-wrap:anywhere;border:1px solid #34425c;border-radius:14px;width:fit-content;max-width:78%;padding:13px 15px}.incoming{background:#202d44;border-bottom-left-radius:4px;align-self:flex-start}.outgoing{background:#453764;border-color:#625180;border-bottom-right-radius:4px;align-self:flex-end}.message-text{white-space:pre-wrap;line-height:1.6}.message-footer{color:#b6b6cf;justify-content:flex-end;align-items:center;gap:9px;margin-top:8px;font-size:10px;display:flex}.message-footer span{align-items:center;gap:4px;display:flex}.message-footer button{color:#bfc4dd;background:0 0;border:0;padding:2px}.attachment{margin-top:6px}.attachment a,.attachment span{align-items:center;gap:7px;display:flex}.attachment img{object-fit:contain;border-radius:8px;width:100%;max-width:320px;max-height:300px}.reply-quote{color:#c8badf;background:#ffffff0b;border-left:3px solid #b49aff;margin-bottom:9px;padding:7px 10px;font-size:12px}.load-more{align-self:center;margin-bottom:12px;font-size:12px}.composer{background:#19263c;border:1px solid #34425d;border-radius:13px;margin:0 20px 20px;padding:12px 14px}.composer>textarea{resize:vertical;background:0 0;border:0;width:100%;min-height:65px;max-height:220px;padding:6px 0;line-height:1.6}.composer-actions{align-items:center;gap:7px;display:flex}.composer-actions>button:not(.send){color:#b7c3da;background:0 0;border:0;padding:7px;font-size:12px}.composer-hint{color:#8190ab;margin-left:5px;font-size:10px}.send{margin-left:auto}.composer-reply{color:#cabbef;border-bottom:1px solid #35425d;align-items:center;gap:8px;margin-bottom:5px;padding-bottom:9px;display:flex}.composer-reply span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.composer-reply button{border:0;padding:2px}.upload-list{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.upload-list>span{background:#303651;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.upload-list button{background:0 0;border:0;padding:0}.contact-panel{background:#121c30;border-left:1px solid #26334b;padding:24px 20px}.contact-panel h3{color:#a4b2c9;font-weight:500}.contact-avatar{border-radius:24px;width:74px;height:74px;margin:28px auto 12px;font-size:30px}.contact-panel h2{text-align:center;margin-bottom:28px;font-size:17px}.contact-panel dt{color:#99a8c2;margin-top:20px;font-size:11px}.contact-panel dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.contact-note{color:#9faeca;border-top:1px solid #2c3953;margin-top:28px;padding-top:20px;font-size:12px;line-height:1.65}.empty{text-align:center;color:#96a6c0;padding:32px 24px;line-height:1.7}.empty>svg{color:#a993e9;margin-bottom:16px}.empty h2{color:#dbe2f4;font-size:16px}.empty p,.empty button{font-size:12px}.conversation-empty{max-width:400px;margin:auto}.conversation-empty h2{font-size:22px}.empty-icon{color:#b39beb;background:#292944;border:1px solid #47416a;border-radius:26px;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto 23px;display:flex}.pill{color:#aeb7cc;white-space:nowrap;background:#27334a;border-radius:6px;padding:5px 8px;font-size:10px}.pill.enabled{color:#8edabc;background:#1c3b37}.modal-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d1dbb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#182339;border:1px solid #3d4966;border-radius:18px;width:min(780px,100%);max-height:90dvh;padding:26px;overflow:auto;box-shadow:0 24px 90px #0008}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-heading h2{margin:0;font-size:21px}.modal-heading button{background:0 0;border:0;padding:5px}.form-row{grid-template-columns:1fr 1.4fr;gap:15px;margin:22px 0;display:grid}.form-row>.primary{grid-column:1/-1;justify-self:start}.bot-card{background:#141f34;border:1px solid #34415c;border-radius:12px;margin-top:14px;padding:17px}.bot-card-heading{align-items:center;gap:10px;display:flex}.bot-card-heading strong{flex:1}.bot-card-heading button{padding:6px 9px;font-size:11px}.bot-card p{margin-top:12px;font-size:11px}.webhook-form{align-items:end;gap:10px;display:flex}.webhook-form label{flex:1}.webhook-form button{white-space:nowrap;min-height:41px;font-size:12px}.template-card{border-bottom:1px solid #35415a;align-items:center;gap:10px;padding:14px 0;display:flex}.template-card div{flex:1;min-width:0}.template-card p{color:#aebbd1;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:12px}.template-modal form{gap:14px;margin-top:25px;display:grid}.template-modal form button{justify-self:start}.error-banner{color:#ffd0d4;background:#4b2834;border:1px solid #845064;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;font-size:12px;display:flex}.error-banner button{color:inherit;background:0 0;border:0;padding:2px}.login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#121c30;border:1px solid #35415e;border-radius:20px;width:min(440px,100%);padding:35px;box-shadow:0 22px 70px #10182d77}.login-card .logo{margin-bottom:30px}.login-card h1{font-size:23px}.login-card p{color:#a9b6cc;font-size:13px;line-height:1.7}.login-card>button{width:100%;margin-top:20px}.back{display:none}@media (width<=1150px){.workspace-grid{grid-template-columns:285px minmax(300px,1fr)}.contact-panel,.composer-hint{display:none}}@media (width<=720px){.messenger{padding:10px}.app-header{gap:10px;margin-bottom:10px}.logo{font-size:21px}.logo span{font-size:10px}.connection-dot{display:none}.header-actions button{gap:0;padding:8px;font-size:0}.workspace-grid{border-radius:14px;grid-template-columns:1fr}.mobile-hidden{display:none}.inbox{border:0}.back{background:0 0;border:0;padding:3px;display:flex}.conversation-header{padding:14px}.message-thread{padding:18px 12px}.message{max-width:90%}.composer{margin:0 10px 10px;padding:10px}.send{padding:8px;font-size:12px}.composer-actions{gap:3px}.form-row{grid-template-columns:1fr}.webhook-form{flex-direction:column;align-items:stretch}.modal-overlay{padding:12px}.modal{padding:18px}.bot-card-heading{flex-wrap:wrap}.bot-card-heading strong{min-width:100px}.bot-card-heading button{margin-left:auto}}.token-form{margin-top:15px}.message-row{align-items:flex-end;gap:2px;width:100%;min-width:0;max-width:100%;display:flex}.message-row.incoming-row{justify-content:flex-start}.message-row.outgoing-row{justify-content:flex-end}.message-row.incoming-row .message-actions{order:1}.message-row.incoming-row .message-bubble,.message-row.outgoing-row .message-actions{order:0}.message-row.outgoing-row .message-bubble{order:1}.message-row.system-row{justify-content:center}.message-row .message-bubble{align-self:auto;width:fit-content;min-width:0;max-width:min(78%,100% - 48px)}.message-row.has-reply.has-history .message-bubble{max-width:min(78%,100% - 92px)}.message-row:not(.has-actions) .message-bubble{max-width:78%}.message-row .message-bubble.incoming{background:#202d44;border-radius:14px 14px 14px 4px;align-self:auto}.message-row .message-bubble.outgoing{background:#453764;border-color:#625180;border-radius:14px 14px 4px;align-self:auto}.message-row .message-bubble.system-message{align-self:auto;max-width:78%}.message-actions{flex:none;align-items:center;gap:0;display:flex}.message-actions .message-reply-trigger,.message-actions .message-history-trigger{color:#c4cce0;background:0 0;border:0;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.message-actions .message-reply-trigger:hover,.message-actions .message-history-trigger:hover,.message-history-control.is-open .message-history-trigger,.message-error-control.is-open .message-error-trigger{color:#fff;background:#ffffff12}.message-actions .message-reply-trigger:focus-visible,.message-actions .message-history-trigger:focus-visible,.message-error-trigger:focus-visible{outline-offset:1px;outline:2px solid #a995ff}.message-actions .message-history-control{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:static}.message-error-control{align-items:center;display:inline-flex}.message-footer .message-error-trigger{color:#ffadb1;min-height:28px;font-size:inherit;text-underline-offset:2px;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:2px 5px;font-weight:650;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}.message-footer .message-error-trigger:hover{color:#ffd7d9;background:#ffffff12}.message-history-tooltip,.message-error-tooltip{z-index:1200;overscroll-behavior:contain;color:#eaf0fb;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#111a2d;border:1px solid #53617d;border-radius:11px;padding:13px 14px;overflow:auto;box-shadow:0 14px 38px #050a16dd}.message-error-tooltip{color:#eef2fb;white-space:pre-wrap;font-size:13px;line-height:1.55}.message-history-tooltip>strong{color:#d8ccff;margin-bottom:9px;font-size:11px;display:block}.message-history-tooltip ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.message-history-tooltip li{background:#18243a;border:1px solid #303d57;border-radius:8px;padding:9px 10px}.message-history-tooltip li>span,.message-history-tooltip li>time{color:#aab8ce;font-size:10px;display:inline-block}.message-history-tooltip li>time{float:right}.message-history-tooltip li p{clear:both;color:#e4eaf5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.5}.outgoing .message-sender{text-align:left}.read-only-composer{color:#b9c6da;text-align:center;background:#19263c;border:1px solid #34425d;border-radius:13px;margin:0 20px 20px;padding:15px 18px}@media (width<=720px){.message-row .message-bubble{max-width:min(90%,100% - 48px)}.message-row.has-reply.has-history .message-bubble{max-width:min(90%,100% - 92px)}.message-row:not(.has-actions) .message-bubble{max-width:90%}.message-row .message-bubble.system-message{max-width:100%}.read-only-composer{margin:0 10px 10px;padding:13px 12px}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2")}
