@charset "UTF-8";
:root{--bg:#f5f7f9;--paper:#fff;--ink:#1a303a;--muted:#8b989e;--line:#e9eef0;--teal:#168778;--teal-dark:#106c61;--mint:#e8f5ef;--sidebar:#fff;--shadow:0 6px 30px #12312606;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal);text-decoration:none}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.8px}h2{font-size:15px;font-weight:650}h3{font-size:16px}p{line-height:1.8}small{font-size:12px}button{color:inherit}input,textarea,select{outline:none}input,textarea{width:100%;border:1px solid #dfe6e8;border-radius:8px;padding:11px 12px;color:var(--ink);background:white;transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus-visible{border-color:#5da99b;box-shadow:0 0 0 3px #16877812}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0abb0}label{display:block;font-weight:550;font-size:13px;margin:18px 0}label input,label textarea{display:block;margin-top:8px}button:focus-visible,a:focus-visible{outline:3px solid #7ccabb;outline-offset:3px}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.error{color:#bb4c4c;min-height:24px;margin:8px 0}.eyebrow{display:block;font-size:11px;letter-spacing:1.5px;color:var(--teal);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe7e7;background:#fff;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:550;line-height:20px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#f3f8f6}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 3px 6px #16877815}.btn.primary:hover{background:var(--teal-dark)}.btn.full{width:100%;margin-top:12px}.small-btn{padding:6px 12px;font-size:12px}.text-btn{border:0;background:none;color:var(--teal);padding:3px 0;font-size:12px}.text-btn:hover{text-decoration:underline}.text-btn.subtle{color:#7b898f}.danger{color:#bc6262}.icon-btn{border:0;background:none;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#7c8b91}.icon-btn:hover{background:#edf3f1}.boot{display:grid;place-content:center;text-align:center;gap:20px;min-height:100dvh;color:var(--muted)}
.workspace{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 0;position:fixed;height:100dvh;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:2px;padding:0 10px}.brand-mark{width:40px;height:40px;background:var(--teal);color:white;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #1687781a;flex-shrink:0}.brand-mark svg{width:25px;height:25px}.brand-en{display:block;letter-spacing:1.5px;font-size:8px;font-weight:600;margin-top:1px;color:#8a9698}.workspace-label{color:#a1abad;font-size:10px;font-weight:600;letter-spacing:1px;margin:36px 12px 12px}.tenant-switch{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px 10px;font-size:12px;background:#fafcfc}.tenant-switch svg{width:16px;color:#7a898e}.tenant-switch select{width:100%;min-width:0;border:0;background:transparent;color:#52656c;font-size:12px}.nav-label{margin-top:28px}.nav-item{border:0;background:transparent;width:100%;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px;color:#6d7c83;margin:5px 0;font-size:13px}.nav-item:hover{background:#f5f8f6}.nav-item.active{background:#e8f4ef;color:#127867;font-weight:650}.nav-item svg{width:18px;height:18px}.nav-item i{font-size:10px;font-style:normal;margin-left:auto;color:white;background:var(--teal);padding:1px 5px;border-radius:5px}.nav-item i:empty{display:none}.sidebar-tip{margin-top:auto;margin-bottom:26px;border:1px solid #e2eee8;background:linear-gradient(140deg,#f5faf7,#fdfefd);border-radius:9px;padding:16px 13px}.sidebar-tip svg{color:#4e9685;width:19px;height:19px;margin-bottom:10px}.sidebar-tip strong{display:block;font-size:11px;font-weight:600}.sidebar-tip p{font-size:10px;color:#8a9c94;line-height:1.8;margin-top:6px}.account{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:19px 0}.account strong{display:block;font-size:12px;max-width:95px;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:10px;color:#9aa6ab;margin-top:4px}.account .icon-btn{margin-left:auto;padding:3px}.avatar{position:relative;width:40px;height:40px;border-radius:12px;background:#ebf3ef;color:#5c9180;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;font-weight:550}.avatar.small{width:34px;height:34px;font-size:13px;border-radius:9px}.avatar.tiny{width:30px;height:30px;font-size:12px;border-radius:50%;background:#efece5;color:#9a8e73}.avatar.large{width:64px;height:64px;border-radius:20px;font-size:25px}.presence{position:absolute;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#b1bfc2;bottom:-1px;right:-1px}.presence.online{background:#2aac81}.main{margin-left:220px;flex:1;min-width:0}.topbar{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:10px}.breadcrumb{font-size:12px;color:#98a3a8;white-space:nowrap}.breadcrumb span{margin:0 12px;color:#c1c9cc}.breadcrumb strong{font-weight:500;color:#576a72}.top-right{display:flex;align-items:center;gap:22px;font-size:11px}.connection{display:flex;align-items:center;gap:6px;color:#99a1a5}.connection i,.status i{height:6px;width:6px;border-radius:50%;background:#a9b2b7;display:inline-block}.connection.connected{color:#43947a}.connection.connected i{background:#3aad81;box-shadow:0 0 0 3px #edfaf2}.today{color:#a2acb0}.page{padding:30px 32px 16px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:9px}.page-heading p{font-size:12px;color:#8d9ba1;margin-top:9px}.heading-actions{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{border:1px solid var(--line);background:white;box-shadow:var(--shadow);border-radius:10px;padding:19px 20px;display:flex;justify-content:space-between;gap:10px}.stat>div>span{color:#7c8d94;font-size:11px}.stat strong{display:block;font-size:29px;font-weight:600;letter-spacing:-.5px;margin-top:9px;line-height:1.15}.stat:last-child strong{font-size:22px;line-height:33px}.stat small{font-size:10px;color:#a0adb2;display:block;margin-top:8px;line-height:1.6}.stat-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0}.stat-icon svg{width:19px;height:19px}.mint{background:#e9f5ef;color:#479b7b}.blue{background:#edf3fc;color:#7296c2}.amber{background:#fff6e5;color:#c3a25b}.violet{background:#f1eefa;color:#9c8bc4}.desk-grid{display:grid;grid-template-columns:280px minmax(280px,1fr) 248px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow);height:calc(100dvh - 362px);min-height:505px}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-heading{padding:20px 20px 17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-heading h2{font-size:13px}.panel-heading>svg{color:#a6b1b5;width:17px}.panel-heading h2 span{font-size:10px;display:inline-flex;background:#f0f4f4;color:#85959c;border-radius:5px;min-width:20px;justify-content:center;padding:2px 5px;margin-left:6px;font-weight:500}.live-label{font-size:8px;letter-spacing:1px;color:#67a88f;display:flex;align-items:center;gap:4px}.live-label:before{content:"";width:4px;height:4px;border-radius:50%;background:#67a88f}.search-box{display:flex;align-items:center;gap:7px;padding:0 11px;background:#f5f7f8;border:1px solid #eef1f3;border-radius:6px;margin:0 17px}.search-box svg{width:15px;height:15px;color:#a5b1b6}.search-box input{border:none;background:transparent;padding:9px 0;font-size:11px;box-shadow:none}.list-tabs{display:flex;gap:24px;margin:12px 18px 0;border-bottom:1px solid var(--line);padding:0 0 0 1px}.list-tabs button{font-size:11px;color:#96a2a7;background:none;border:0;border-bottom:2px solid transparent;padding:9px 1px}.list-tabs button.active{color:#258a71;border-bottom-color:#258a71;font-weight:600}.visitor-list{overflow:auto;flex:1;padding-top:4px}.visitor-item{display:flex;gap:10px;align-items:center;border:0;background:white;width:100%;padding:16px 17px;text-align:left;position:relative}.visitor-item:hover{background:#f7faf9}.visitor-item.selected{background:#edf6f2}.visitor-item.selected:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:4px;background:#319b80}.visitor-summary{flex:1;min-width:0;display:block}.visitor-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.visitor-top strong{font-size:12px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-top small{font-size:9px;color:#9aa8ae}.visitor-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;color:#8a9a9f}.visitor-meta{font-size:9px;color:#a0afb3;display:flex;justify-content:space-between;align-items:center;margin-top:7px}.visitor-meta small{font-size:9px}.visitor-meta b{font-size:9px;background:#e19a79;color:#fff;border-radius:10px;padding:1px 5px;min-width:15px;text-align:center}.list-footer{font-size:9px;text-align:center;padding:12px 5px;border-top:1px solid var(--line);color:#a9b4b8}.empty-list{padding:65px 15px;text-align:center;color:#96a6ad}.empty-list svg{width:32px;height:32px;color:#c4d3d3;display:block;margin:0 auto 20px}.empty-list strong{font-size:12px;color:#83979e;font-weight:500}.empty-list p{margin-top:9px;font-size:11px;line-height:1.9;color:#b1bcc0}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#fafcfc;min-height:0}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:28px}.empty-illustration{position:relative;width:180px;height:160px;display:grid;place-items:center;margin-bottom:22px}.orbit{position:absolute;border:1px solid #e1eee9;border-radius:50%;width:150px;height:150px}.orbit.two{width:180px;height:100px;transform:rotate(-35deg);border-style:dashed;opacity:.6}.chat-drawing{width:105px;height:80px;background:#fff;box-shadow:0 10px 30px #377d5b12;border-radius:20px;transform:rotate(-7deg);border:1px solid #dcece5;display:grid;place-items:center;position:relative}.chat-drawing svg{width:52px;height:52px;color:#6bab95;stroke-width:1.2}.chat-drawing i{font-size:35px;font-style:normal;color:#7cbaa2;position:absolute;right:-20px;top:-13px;background:#e6f3ec;border:4px solid #fafcfc;border-radius:12px;line-height:20px;padding:4px 8px 12px}.little-spark{color:#c5a869;position:absolute;left:15px;bottom:25px;font-size:20px}.empty-chat .eyebrow{font-size:8px;letter-spacing:1.8px;color:#9eb6ac}.empty-chat h2{font-size:17px;font-weight:500;margin-top:13px}.empty-chat p{font-size:11px;color:#a0afb3;margin:14px 0 23px;line-height:2}.empty-chat .btn{font-size:11px;padding:7px 12px}.detail-panel{border-left:1px solid var(--line);background:white;display:flex;flex-direction:column;overflow:auto}.empty-details{text-align:center;padding:44px 12px}.profile-placeholder{display:flex;align-items:center;justify-content:center;background:#f6f8f8;width:58px;height:58px;border-radius:50%;margin:0 auto 18px;color:#c1cdcf}.profile-placeholder svg{width:26px;height:26px}.empty-details strong{font-size:11px;font-weight:500;color:#98a8ae}.empty-details p{font-size:10px;line-height:2;color:#b2bdc1;margin-top:12px}.detail-note{margin:auto 19px 24px;padding:14px 12px;background:#f8faf9;border:1px solid #eff3f0;border-radius:7px;display:flex;gap:8px}.detail-note svg{width:14px;height:14px;color:#a0b2a8;margin-top:3px}.detail-note p{font-size:10px;color:#a2b0aa;line-height:1.9}.page-foot{display:flex;align-items:center;justify-content:space-between;color:#b1bcbf;font-size:9px;padding:15px 1px}.page-foot span{display:inline-flex;align-items:center;gap:5px}.page-foot svg{width:12px;height:12px}
.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;background:white;padding:16px 20px;border-bottom:1px solid var(--line);min-height:72px}.chat-person{display:flex;align-items:center;gap:9px;min-width:0}.chat-person h2{font-size:13px;max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-person .muted{font-size:10px;display:block;margin-top:5px}.tag{background:#f2f5f6;color:#9aa9af;border-radius:4px;font-size:9px;padding:4px 7px;white-space:nowrap;max-width:130px;text-overflow:ellipsis;overflow:hidden}.chat-history-wrap{flex:1;min-height:0;overflow:auto;padding:15px 22px}.messages{display:flex;flex-direction:column;gap:18px;padding:8px 0 20px}.message{max-width:83%;display:flex;flex-direction:column;align-self:flex-start;align-items:flex-start}.message.own{align-self:flex-end;align-items:flex-end}.bubble{padding:11px 14px;line-height:1.8;font-size:13px;white-space:pre-wrap;word-break:break-word;border:1px solid #e8eeeb;background:white;border-radius:0 11px 11px 11px;color:#445b64;box-shadow:0 2px 5px #102a1f02}.own .bubble{background:#e2f2e9;border-color:#d6ecdf;color:#315b4b;border-radius:11px 0 11px 11px}.message small{font-size:9px;color:#b3bdbf;margin-top:6px}.chat-hint{text-align:center;font-size:11px;color:#a4b3b7;padding-top:35px}.load-history{display:block;margin:0 auto;border:none;background:transparent;color:#8ca2a8;font-size:10px;padding:5px 10px}.load-history[hidden]{display:none}.composer{border-top:1px solid var(--line);background:white;padding:13px 18px 12px}.composer-tools{display:flex;justify-content:space-between;align-items:center}.composer-tools button{border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:10px;color:#8ba098;padding:0}.composer-tools svg{width:14px;height:14px}.composer-tools span{font-size:9px;color:#b4bdbf}.composer textarea{border:0;padding:14px 0 6px;resize:none;min-height:62px;height:62px;font-size:12px;box-shadow:none}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.composer-bottom>span{font-size:9px;color:#b2bdc1}.composer-bottom .btn{font-size:11px;padding:6px 16px}.visitor-profile{text-align:center;padding:15px 10px 20px;border-bottom:1px solid var(--line);margin:0 20px}.visitor-profile h3{font-size:13px;margin:12px 0 9px;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:#f3f5f5;color:#9aa8ae;font-size:10px;white-space:nowrap}.status.enabled{background:#edf7f1;color:#46977a}.status.enabled i{background:#5aae87}.visitor-facts{margin:0;padding:17px 22px;font-size:11px}.visitor-facts dt{color:#a6b2b7;font-size:10px;margin-bottom:5px}.visitor-facts dd{margin:0 0 16px;color:#647c85;word-break:break-word;line-height:1.5}.visitor-facts dd small{display:block;font-size:9px;color:#a2b1b6;margin-top:4px}.note-editor{padding:0 21px 20px}.note-editor label{font-size:10px;color:#9aaab0;margin:0 0 8px}.note-editor textarea{font-size:11px;min-height:65px}.note-editor .btn{margin-top:7px;width:100%;font-size:10px}
.notice{padding:13px 18px;border:1px solid #efdfb7;border-radius:8px;background:#fffbef;color:#aa8745;font-size:12px;line-height:1.8;margin-bottom:24px;overflow-wrap:anywhere}.notice.neutral{background:#edf6f1;border-color:#deece5;color:#6c9582}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.channel-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;box-shadow:var(--shadow)}.channel-top{display:flex;align-items:center;justify-content:space-between}.channel-card h2{margin:19px 0 6px;font-size:16px;overflow-wrap:anywhere}.channel-card>p{font-size:11px;color:#a1adb2}.qr-frame{display:flex;align-items:center;justify-content:center;margin:20px auto;background:white;border:1px solid #edf2ef;border-radius:10px;width:max-content;max-width:100%;padding:7px}.qr-frame img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain}.url-field{display:flex;align-items:center;gap:6px;padding:10px;background:#f6f8f9;border-radius:5px;font-size:10px;color:#9ba9af}.url-field svg{width:13px;height:13px}.url-field span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-actions{display:flex;gap:8px;margin-top:14px}.channel-actions .btn{flex:1;font-size:11px;padding:8px}.channel-actions .btn svg{width:14px;height:14px}.channel-bottom{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px}.channel-bottom .text-btn{font-size:11px}.admin-summary{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:25px 30px;gap:45px}.admin-summary>div{border-right:1px solid var(--line);padding-right:45px}.admin-summary strong{display:block;font-size:29px;font-weight:600;line-height:1}.admin-summary>div>span{display:block;font-size:11px;color:#9ba8ad;margin-top:10px}.admin-summary-note{margin-left:auto;color:#88a596;font-size:11px;display:flex;align-items:center;gap:9px}.admin-summary-note svg{width:18px;height:18px}.table-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-card .panel-heading{padding:23px}.table-card .muted{font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{background:#fafbfc;color:#9eabb1;font-size:10px;font-weight:500;padding:14px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:22px 24px;border-bottom:1px solid #f1f4f5;color:#788d96}tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:10px}.table-person strong{font-size:12px;color:#506972}.table-person small,.table-sub{display:block;font-size:10px;color:#a4b0b5;margin-top:5px}.table-actions{display:flex;align-items:center;gap:15px}.table-actions .text-btn{font-size:10px}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:32px}.how-it-works>div{padding:22px;background:#f0f5f2;border:1px solid #e7eeea;border-radius:9px}.how-it-works span{font-family:Consolas,monospace;color:#aec8b9;font-size:22px}.how-it-works h3{font-size:13px;margin-top:10px;color:#668575}.how-it-works p{font-size:11px;color:#94a99d;margin-top:7px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.settings-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.settings-card h2{margin:17px 0 9px;font-size:16px}.settings-card>p{font-size:12px;color:#9aa9af}.settings-card>small{display:block;color:#a4b1b6;font-size:11px;line-height:1.8;margin:0 0 18px}.settings-card label{font-size:12px;color:#738991}.settings-card input,.settings-card textarea{font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row input{width:19px;height:19px;accent-color:var(--teal)}.empty-page{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:20px}.empty-page>svg{width:45px;height:45px;color:#9fbaad}.empty-page h2{font-size:19px}.empty-page p{color:#91a3aa;font-size:13px;max-width:450px}
dialog{border:1px solid #e3eae7;border-radius:15px;box-shadow:0 20px 100px #143b3720;padding:27px;width:440px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 50px);color:var(--ink)}dialog::backdrop{background:#18362e55;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.modal-head h2{font-size:18px}dialog p{font-size:12px;color:#83969f}dialog label{font-size:12px}dialog input,dialog textarea{font-size:13px}.quick-replies{display:grid;gap:10px;margin-top:20px}.quick-replies .btn{white-space:normal}.privacy-copy p{margin:14px 0}.privacy-copy p:first-child{color:var(--ink)}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px);background:#203f36f0;color:white;font-size:13px;padding:13px 22px;border-radius:8px;box-shadow:0 5px 25px #163d2b25;opacity:0;pointer-events:none;z-index:1000;transition:.2s;max-width:calc(100vw - 36px);line-height:1.7;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff}.login-story{display:flex;flex-direction:column;padding:52px 60px;background:#eaf3ed;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:600px;height:600px;bottom:-300px;right:-250px;border:1px solid #d6e6dc;border-radius:50%;pointer-events:none}.login-story .brand{padding:0}.login-copy{margin:auto 0;padding:80px 0}.login-copy .eyebrow{font-size:12px;color:#7ba38f;letter-spacing:2px}.login-copy h1{font-size:42px;line-height:1.6;letter-spacing:-1.5px;color:#295744;margin:22px 0}.login-copy p{font-size:14px;color:#8ca997;line-height:2}.login-story>small{font-size:11px;color:#98b2a2}.login-visual{display:flex;align-items:center;margin-top:45px}.visual-qr{width:70px;height:70px;display:grid;place-items:center;border-radius:14px;background:white;border:1px solid #d6e6db;box-shadow:0 10px 30px #23412e09;transform:rotate(-6deg)}.visual-qr svg{width:40px;height:40px;color:#699d82;stroke-width:1.4}.visual-line{width:55px;border-top:1px dashed #9fbeab;margin:0 12px}.visual-chat{background:#fff9;border:1px solid #d7e9dd;padding:17px 20px;border-radius:13px;color:#699d82;font-size:11px;display:flex;align-items:center;gap:10px;transform:rotate(3deg)}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.login-form-wrap form{width:340px;max-width:100%}.login-form-wrap h2{font-size:27px;margin:13px 0}.login-form-wrap .muted{font-size:12px;margin-bottom:32px}.login-form-wrap label{margin:22px 0;font-size:12px;color:#6c828b}.login-form-wrap input{padding:13px;font-size:13px}.login-foot{margin-top:30px;font-size:10px;color:#a7b3b8;text-align:center;line-height:2}
.visitor-body{background:#eef2f0}.visitor-shell{max-width:560px;min-height:600px;height:100dvh;margin:auto;display:flex;flex-direction:column;background:#f8faf9;box-shadow:0 0 80px #14332606}.visitor-header{background:white;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.visitor-header h1{font-size:16px;font-weight:600;letter-spacing:0}.visitor-header>div{min-width:0}.visitor-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.visitor-header .brand-mark{width:39px;height:39px;border-radius:12px}.visitor-header .icon-btn{margin-left:auto}.visitor-header #visitor-status{display:block;font-size:10px;color:#a0adb3;margin-top:6px}.visitor-header #visitor-status.is-online{color:#609b7b}.service-notice{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#85a392;background:#eef6f0;padding:10px 20px}.service-notice svg{width:12px;height:12px}.visitor-history{overflow:auto;flex:1;min-height:0;padding:0 20px 15px}.conversation-start{text-align:center;font-size:10px;color:#b4c1ba;margin:25px 0}.visitor-history .messages{gap:23px}.visitor-history .bubble{font-size:14px;padding:12px 15px}.visitor-history .message small{font-size:10px}.privacy-strip{padding:9px 18px;border-top:1px solid #edf0ed;background:#f4f7f4;font-size:9px;color:#9eada3;line-height:1.8;text-align:center}.privacy-strip button{font-size:9px;margin-left:4px}.visitor-composer{background:white;padding:13px 18px 12px}.visitor-tools{display:flex;align-items:center;gap:14px;margin-bottom:12px}.visitor-tools button{border:0;background:transparent;padding:0;font-size:10px;color:#88a393;display:flex;gap:3px;align-items:center}.visitor-tools button svg{width:13px;height:13px}.visitor-tools>span{font-size:9px;color:#b0bdb5;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.visitor-input-row{display:flex;align-items:flex-end;gap:10px}.visitor-input-row textarea{background:#f4f7f5;border-color:#e6eee9;resize:none;min-height:44px;max-height:130px;font-size:14px;padding:11px 12px}.visitor-input-row .btn{height:44px;width:47px;border-radius:9px;padding:10px;flex-shrink:0}.visitor-input-row svg{width:19px;height:19px}.visitor-powered{text-align:center;font-size:9px;color:#bbc6be;background:#fff;padding:2px 0 max(10px,env(safe-area-inset-bottom));letter-spacing:1px}
@media(min-width:1600px){.desk-grid{grid-template-columns:320px minmax(320px,1fr) 275px}.page{padding-top:35px}.stats{margin-bottom:28px}.stat{padding:23px}.desk-grid{height:calc(100dvh - 385px)}}
@media(max-width:1250px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main{margin-left:190px}.page{padding:25px 22px 12px}.topbar{padding:0 23px}.desk-grid{grid-template-columns:235px minmax(260px,1fr)}.detail-panel{display:none}.stats{gap:12px}.stat{padding:16px}.stat small{font-size:9px}.stat-icon{width:33px;height:33px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:22px}.heading-actions .btn{font-size:11px;padding:8px 11px}.login-story{padding:40px}.login-copy h1{font-size:36px}}
@media(max-width:850px){.sidebar{width:74px;padding:20px 9px 0;align-items:center}.sidebar .brand{padding:0}.sidebar .brand>span:last-child,.workspace-label,.tenant-switch,.sidebar-tip,.account>div,.account>.avatar,.nav-item span,.nav-item i{display:none}.sidebar nav{margin-top:40px;width:100%}.nav-item{justify-content:center;padding:16px 0}.sidebar .account{margin-top:auto;border:0;padding:20px}.account .icon-btn{margin:0}.main{margin-left:74px}.topbar{height:62px}.today{display:none}.page{padding:20px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:9px}.heading-actions{flex-direction:column}.heading-actions .btn{font-size:10px;padding:6px 10px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stat strong{font-size:25px}.stat:last-child strong{font-size:20px;line-height:29px}.desk-grid{grid-template-columns:210px minmax(200px,1fr);height:590px}.panel-heading{padding:17px 14px}.search-box{margin:0 12px}.list-tabs{margin-left:14px;margin-right:14px}.visitor-item{padding:14px 10px;gap:8px}.visitor-item .avatar{width:31px;height:31px;font-size:13px;border-radius:9px}.visitor-top strong{font-size:11px;max-width:90px}.chat-heading{padding:13px 12px}.chat-heading .tag{display:none}.chat-person .muted{font-size:9px}.chat-history-wrap{padding:10px 12px}.composer{padding:12px}.composer-tools span,.composer-bottom>span{display:none}.composer-bottom{justify-content:flex-end}.empty-chat{padding:20px 12px}.empty-chat h2{font-size:14px}.empty-chat p{font-size:10px}.admin-summary{gap:20px;padding:22px}.admin-summary>div{padding-right:20px}.admin-summary-note{display:none}.how-it-works{gap:12px}.how-it-works>div{padding:16px}.how-it-works p{font-size:10px}.settings-grid{grid-template-columns:1fr}.channel-card{padding:18px}.channel-actions{flex-wrap:wrap}.login-copy h1{font-size:30px}.login-story{padding:30px}.login-visual{display:none}}
@media(max-width:600px){.sidebar{width:58px;padding:18px 6px 0}.sidebar .brand-mark{width:34px;height:34px;border-radius:10px}.sidebar .brand-mark svg{width:21px}.main{margin-left:58px}.topbar{padding:0 13px;height:58px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.top-right{gap:8px}.top-right .avatar{display:none}.connection{font-size:9px}.page{padding:18px 10px}.page-heading{flex-direction:column;margin-bottom:18px}.heading-actions{flex-direction:row}.page-heading h1{font-size:19px}.stats{gap:8px;margin-bottom:15px}.stat{padding:12px 10px}.stat-icon{display:none}.stat strong{font-size:24px}.stat small{font-size:8px}.stat>div>span{font-size:10px}.desk-grid{display:flex;flex-direction:column;height:auto;min-height:600px}.conversation-list{height:260px;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0}.visitor-list{display:block}.visitor-top strong{max-width:160px}.list-footer{display:none}.visitor-item{padding:12px 15px}.visitor-item .avatar{width:35px;height:35px}.panel-heading{padding:13px}.list-tabs{margin-top:5px}.search-box{margin-top:0}.chat-panel{min-height:480px;height:550px}.chat-person h2{max-width:180px}.empty-chat{min-height:400px}.page-foot{font-size:8px;gap:10px}.page-foot>span:last-child{display:none}.channel-grid{grid-template-columns:1fr}.channel-card{padding:20px}.qr-frame img{width:210px;height:210px}.admin-summary{padding:18px 14px;gap:16px}.admin-summary>div{padding-right:16px}.admin-summary strong{font-size:23px}.admin-summary>div>span{font-size:9px}.how-it-works{grid-template-columns:1fr}.how-it-works>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px}.how-it-works h3{margin-top:4px}.how-it-works p{grid-column:2;margin-top:3px}.settings-card{padding:22px 18px}.login-layout{display:block}.login-story{padding:25px 28px}.login-copy{padding:35px 0 15px}.login-copy .eyebrow{font-size:10px}.login-copy h1{font-size:30px;line-height:1.5;margin:12px 0}.login-copy p,.login-story>small{display:none}.login-form-wrap{padding:34px 28px}.login-form-wrap .eyebrow{display:none}.login-form-wrap h2{font-size:23px;margin-top:0}.login-form-wrap .muted{margin-bottom:22px}.login-foot{margin-top:23px}.visitor-shell{min-height:0;max-width:none}.visitor-header{padding:15px 18px}.visitor-header h1{max-width:230px}.visitor-history{padding-left:16px;padding-right:16px}.visitor-tools{gap:10px}.visitor-input-row textarea{font-size:16px}.privacy-strip{font-size:8px}.privacy-strip button{font-size:8px}}