:root{--accent:#7560e8;--accent-soft:#f0edfc;--ink:#202538;--muted:#8c91a4;--line:#e9ebf2;--surface:#fff;--bg:#f8f9fc;--green:#369c7d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .16s,transform .16s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bdb0ff;outline-offset:3px}input,textarea{border:1px solid var(--line);border-radius:11px;padding:12px 14px;outline:none;background:#fff;color:var(--ink);width:100%}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:76px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:14px}button.primary,.primary{border:0;border-radius:10px;padding:12px 18px;background:var(--accent);color:white;font-weight:600}button.secondary,.secondary{border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:white;color:var(--ink)}button.ghost{border:0;background:transparent;color:var(--muted);padding:8px;border-radius:8px}button.ghost:hover{background:var(--accent-soft);color:var(--accent)}.danger{border:0;border-radius:10px;padding:12px 20px;background:#e65a6e;color:white}.muted{color:var(--muted);line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.6px}.logo img{width:38px;height:38px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);height:100dvh}.sidebar{background:white;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;gap:30px}.sidebar .logo{padding:0 9px}.workspace{margin-top:2px;padding:14px 12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;align-items:center}.workspace .mark{background:#fff1dd;color:#a9773a;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:700}.workspace small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.nav{display:grid;gap:6px}.nav button{background:transparent;border:0;display:flex;align-items:center;gap:12px;padding:13px;border-radius:10px;color:#7e8398;text-align:left;font-weight:550}.nav button.active{color:var(--accent);background:var(--accent-soft)}.nav button .count{margin-left:auto;font-size:11px;background:#fff;border-radius:6px;padding:3px 6px}.nav .symbol{font-size:19px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto}.tip{border:1px solid var(--line);border-radius:14px;padding:16px;background:linear-gradient(130deg,#fcfbff,#f5f3ff);font-size:12px;line-height:1.6}.tip b{display:block;margin:8px 0}.tip a{font-weight:600}.operator{display:flex;gap:10px;margin-top:24px;align-items:center}.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;font-weight:600;background:#e9e4fb;color:#7e6ab6}.avatar.green{background:#e1f3ed;color:#3d8d74}.avatar.peach{background:#fae8da;color:#a17d61}.operator small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.content{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:white;flex-shrink:0}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs b{color:#565d76;font-weight:500;margin-left:12px}.top-actions{display:flex;align-items:center;gap:14px}.status-btn{border:1px solid #cfe9df;color:#38896e;background:#eff8f4;border-radius:20px;font-size:12px;padding:8px 13px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.status-btn.offline{color:var(--muted);background:var(--bg);border-color:var(--line)}.status-btn.offline .dot{background:var(--muted)}#connection{font-size:11px;color:var(--muted)}.page{padding:30px 32px;overflow:auto;flex:1;min-height:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.page-heading p{margin-bottom:0;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#83899e;font-size:12px}.stat-icon{background:var(--accent-soft);color:var(--accent);padding:7px;border-radius:8px}.stat-value{font-size:29px;font-weight:650;letter-spacing:-.7px;margin-top:8px}.stat small{color:var(--muted);font-size:11px}.inbox{display:grid;grid-template-columns:300px minmax(280px,1fr) 252px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;flex:1;min-height:430px;height:calc(100dvh - 342px)}.visitor-list{border-right:1px solid var(--line);overflow:auto;min-width:0}.list-header{padding:18px;border-bottom:1px solid var(--line)}.list-header input{padding:10px 12px;font-size:12px;background:var(--bg)}.filters{display:flex;gap:6px;margin-top:14px}.filters button{font-size:11px;border:0;border-radius:7px;padding:7px 10px;background:transparent;color:var(--muted)}.filters button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.visitor-row{padding:18px 16px;display:flex;gap:11px;border:0;border-bottom:1px solid #f1f2f6;width:100%;background:white;text-align:left}.visitor-row.selected{background:#f6f3ff;box-shadow:inset 3px 0 var(--accent)}.visitor-info{min-width:0;flex:1}.visitor-title{display:flex;justify-content:space-between;align-items:center;gap:4px;font-weight:600;font-size:12px;margin:2px 0 6px}.visitor-title time{font-weight:400;font-size:10px;color:var(--muted)}.visitor-info p{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--muted);margin:0 0 8px}.visitor-meta{font-size:10px;color:#9196a9;display:flex;justify-content:space-between;gap:8px}.visitor-meta .dot{width:5px;height:5px;margin-right:4px}.unread{background:var(--accent);color:white;border-radius:5px;min-width:17px;display:inline-block;text-align:center;padding:2px 4px;font-size:10px}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.chat-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:80px}.chat-person{display:flex;gap:10px;align-items:center}.chat-person b{font-size:13px}.chat-person small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.chat-tools{display:flex;gap:6px}.chat-tools button{font-size:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#858ba2}.messages{padding:24px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;min-height:160px;background:linear-gradient(180deg,#fafbfe,#fff)}.chat-date{text-align:center;font-size:10px;color:#a0a5b5;margin:0 0 6px}.bubble{max-width:85%;padding:12px 15px;border-radius:13px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:normal}.bubble.mine{align-self:flex-end;background:var(--accent);color:white;border-bottom-right-radius:3px}.bubble.theirs{align-self:flex-start;background:white;border:1px solid var(--line);border-bottom-left-radius:3px}.bubble time{display:block;font-size:9px;opacity:.6;margin-top:6px;text-align:right}.composer-wrap{padding:12px 20px 18px;border-top:1px solid var(--line)}.quick-replies{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.quick-replies button{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:6px;color:#9297aa;font-size:10px;padding:6px 9px}.composer{display:flex;gap:10px;align-items:flex-end}.composer textarea{border:0;box-shadow:none;min-height:48px;height:48px;padding:14px 2px;resize:none}.composer button{height:39px;padding:0 15px;border-radius:10px}.composer-hint{color:#b0b4c1;font-size:9px;margin-top:5px}.typing{height:16px;color:var(--accent);font-size:11px;margin:0 20px 6px}.details{border-left:1px solid var(--line);padding:23px 19px;overflow:auto}.profile{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile .avatar{margin:0 auto 12px;width:54px;height:54px;border-radius:17px;font-size:18px}.profile b{font-size:14px;display:block}.profile small{color:var(--muted);font-size:10px;display:block;margin-top:6px}.detail-section{margin-top:23px}.detail-section h3{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.detail-item{margin-bottom:14px}.detail-item label{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.detail-item div,.detail-item a{font-size:11px;overflow-wrap:anywhere;line-height:1.5}.detail-section textarea{font-size:11px;padding:10px;min-height:90px;background:var(--bg)}.detail-section button{font-size:11px;margin-top:7px}.journey{list-style:none;padding:0}.journey li{position:relative;padding:0 0 16px 16px;font-size:11px;border-left:1px solid var(--line);line-height:1.5;overflow-wrap:anywhere}.journey li:before{content:'';position:absolute;left:-4px;top:4px;background:#b9adeb;width:7px;height:7px;border-radius:50%}.journey time{display:block;font-size:9px;color:var(--muted);margin-top:3px}.empty{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:35px;color:var(--muted);height:100%;gap:12px}.empty .empty-icon{width:65px;height:65px;border-radius:20px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:26px}.empty h2{color:var(--ink);font-size:18px;margin:10px 0 0}.empty p{font-size:12px;max-width:320px;line-height:1.7;margin:0}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-intro{padding:65px;background:#eee9fd;display:flex;flex-direction:column;justify-content:space-between}.login-intro h1{font-size:52px;line-height:1.15;max-width:460px;margin:50px 0 20px}.login-intro p{max-width:380px;line-height:1.8;color:#82739f}.login-caption{font-size:11px;color:#a095b6}.login-form{display:flex;align-items:center;justify-content:center;padding:35px}.login-card{width:360px}.login-card h2{font-size:26px}.login-card label{display:block;font-size:12px;margin:25px 0 10px}.login-card button{width:100%;margin-top:16px}.login-card .muted{font-size:12px;margin-top:20px}.error{color:#d95a6b;font-size:12px;min-height:17px;margin-top:12px}.settings-grid{display:grid;grid-template-columns:minmax(300px,650px) minmax(260px,1fr);gap:24px}.card{padding:26px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.card h2{font-size:17px;margin-bottom:8px}.card p{font-size:12px}.field{margin:20px 0}.field label{display:block;font-size:12px;font-weight:550;margin-bottom:9px}.field small{display:block;margin-top:7px;font-size:11px;color:var(--muted);line-height:1.6}.code{background:#202538;color:#dcd5ff;padding:20px;border-radius:12px;white-space:pre-wrap;word-break:break-all;font:12px/1.9 ui-monospace,monospace}.install-step{display:flex;gap:14px;margin:22px 0;line-height:1.6;font-size:13px}.step-number{width:27px;height:27px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:600}.install-step b{display:block;margin-bottom:4px}.install-step p{color:var(--muted);margin-bottom:0;font-size:12px}.greeting-preview{width:100%;border-radius:14px;max-height:300px;background:#eee9fd}.visitor-table{background:white;border:1px solid var(--line);border-radius:15px;overflow:auto}.visitor-table table{width:100%;border-collapse:collapse;font-size:12px}.visitor-table th{text-align:left;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;background:#fcfcfe}.visitor-table td,.visitor-table th{padding:17px;border-bottom:1px solid var(--line);white-space:nowrap}.visitor-table tbody tr{cursor:pointer}.visitor-table tbody tr:hover{background:var(--accent-soft)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);background:#252b40;color:white;box-shadow:0 8px 30px #20253820;border-radius:12px;padding:14px 20px;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:10000}#toast.visible{opacity:1;transform:translateX(-50%)}.call-overlay{position:fixed;inset:0;background:#141829c9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.call-card{width:650px;max-width:100%;background:#22283d;color:white;text-align:center;padding:35px;border-radius:23px}.call-brand{font-size:10px;letter-spacing:2px;color:#b8aedf;margin-bottom:20px}.call-card p{color:#b2b8d0;font-size:12px}.call-media{position:relative;background:#181d2d;min-height:150px;border-radius:15px;overflow:hidden;margin:25px 0}.call-media #remote-video{width:100%;max-height:50dvh;object-fit:contain;display:block}.call-media #local-video{position:absolute;bottom:10px;right:10px;width:26%;border-radius:9px;transform:scaleX(-1)}.call-controls{display:flex;gap:12px;justify-content:center}.mobile-back{display:none}.widget-body{background:transparent}.widget-app{display:flex;flex-direction:column;height:100dvh;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e9e6f5}.widget-header{padding:20px;background:var(--accent);color:white;display:flex;gap:12px;align-items:center}.widget-header .avatar{background:#ffffff26;color:white;border:1px solid #ffffff45}.widget-header h2{font-size:15px;margin:0 0 5px}.widget-header small{font-size:10px;opacity:.75}.widget-header button{margin-left:auto;color:white}.widget-main{flex:1;overflow:auto;display:flex;flex-direction:column}.widget-intro{padding:22px}.widget-intro h1{font-size:23px;line-height:1.3;margin:18px 0 10px}.widget-intro p{font-size:12px;line-height:1.7;color:var(--muted)}.widget-video{position:relative;aspect-ratio:4/3;border-radius:15px;background:linear-gradient(140deg,#eee8ff,#e4edf3);display:flex;align-items:center;justify-content:center;overflow:hidden}.widget-video video,.widget-video img{width:100%;height:100%;object-fit:cover}.widget-placeholder{text-align:center;color:#a49ab8;font-size:12px;line-height:1.8}.widget-placeholder span{font-size:42px;display:block;margin-bottom:10px}.widget-actions{display:grid;gap:9px;margin:20px 0 12px}.widget-actions .call-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.widget-actions button{font-size:12px}.widget-footer{font-size:9px;color:#b9b4c6;text-align:center;margin:12px 0}.widget-chat{display:flex;flex-direction:column;flex:1;min-height:0}.widget-chat .messages{padding:18px;gap:11px}.widget-chat .bubble{font-size:12px;max-width:90%}.widget-chat .composer-wrap{padding:10px 14px}.widget-contact{padding:15px;display:grid;gap:10px}.widget-contact input{font-size:12px}.widget-contact p{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}.widget-contact .contact-row{display:flex;gap:6px}.widget-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.widget-tabs button{font-size:11px;padding:7px 9px}.widget-body .call-card{padding:20px}.widget-body .call-media{min-height:80px}.widget-body .call-controls{flex-wrap:wrap}.demo-body{background:#f9f7f3}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;border-bottom:1px solid #e6e2dc}.demo-header b{font-size:22px;letter-spacing:-1px}.demo-header nav{display:flex;gap:24px;font-size:12px;color:#9b958b}.demo-hero{padding:90px 8%;max-width:1000px}.demo-hero .eyebrow{color:#9f9582}.demo-hero h1{font-size:70px;max-width:800px;font-weight:550;line-height:1.08;letter-spacing:-3px;margin:25px 0}.demo-hero p{font-size:16px;max-width:540px;line-height:1.8;color:#9a9389}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 8%}.demo-cards div{padding:30px;border:1px solid #e7e1d7;border-radius:20px;min-height:170px;background:#fffdf9}.demo-cards h2{font-weight:500}.demo-cards p{font-size:12px;color:#9a9389;line-height:1.7}@media(min-width:1450px){.inbox{grid-template-columns:320px minmax(330px,1fr) 290px}.page{padding:34px 40px}}@media(max-width:1200px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:25px 13px}.inbox{grid-template-columns:260px minmax(280px,1fr)}.details{display:none}.page{padding:25px}.topbar{padding:0 25px}.stat{padding:16px}.stat-grid{gap:12px}}@media(max-width:850px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:25px 13px;align-items:center}.sidebar .logo{padding:0}.logo .wordmark,.workspace,.nav button>span:not(.symbol),.sidebar-bottom,.nav .count{display:none}.nav button{padding:14px}.topbar{height:65px;padding:0 20px}.page{padding:22px 18px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:12px 15px}.stat-value{font-size:23px}.stat-icon{display:none}.stat small{font-size:9px}.inbox{height:calc(100dvh - 390px);min-height:380px;grid-template-columns:230px minmax(240px,1fr)}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.page-heading .secondary{font-size:11px;padding:10px}.login-intro{padding:35px}.login-intro h1{font-size:36px}.chat-tools{gap:3px}.chat-head{padding:15px}}@media(max-width:620px){.shell{display:flex;flex-direction:column-reverse;height:100dvh}.sidebar{flex-direction:row;justify-content:center;height:65px;padding:6px 12px;border-right:0;border-top:1px solid var(--line);gap:0;flex-shrink:0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.sidebar>.logo{display:none}.nav{display:flex;justify-content:space-around;width:100%;gap:0}.nav button{flex:1;justify-content:center;padding:10px;flex-direction:column;gap:3px;font-size:9px}.nav button>span:not(.symbol){display:inline;font-size:9px}.nav .symbol{font-size:19px}.content{flex:1;overflow:hidden}.topbar{height:55px;padding:0 16px}.breadcrumbs{font-size:10px}.breadcrumbs b{margin-left:6px}.top-actions{gap:8px}#connection{display:none}.status-btn{padding:6px 10px;font-size:10px}.page{padding:20px 15px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;max-width:215px;line-height:1.5}.page-heading .secondary{padding:8px;font-size:10px}.stat-grid{margin-bottom:20px}.stat-top{font-size:10px}.inbox{display:flex;height:calc(100dvh - 379px);min-height:280px}.visitor-list{width:100%;border:0}.chat,.details{display:none}.inbox.has-selection .visitor-list{display:none}.inbox.has-selection .chat{display:flex;width:100%}.mobile-back{display:block}.chat-head{padding:12px;min-height:67px}.chat-person{gap:7px}.chat-person .avatar{width:30px;height:30px;font-size:11px;border-radius:9px}.chat-person b{font-size:11px}.chat-tools button{width:29px;height:29px;font-size:13px}.messages{padding:17px}.composer-wrap{padding:8px 14px 14px}.bubble{font-size:12px}.login{display:flex;flex-direction:column}.login-intro{padding:30px;gap:15px}.login-intro h1{font-size:34px;margin:25px 0 10px}.login-intro p,.login-caption{display:none}.login-form{padding:30px 25px}.login-card{width:100%}.card{padding:20px}.call-card{padding:22px}.demo-header{padding:24px}.demo-header nav{gap:12px}.demo-hero{padding:60px 25px}.demo-hero h1{font-size:45px;letter-spacing:-2px}.demo-cards{grid-template-columns:1fr;margin:0 25px 50px}}

@media(max-width:620px){.nav{min-width:0}.nav button{min-width:0;padding:9px 3px}.nav button>span:not(.symbol){font-size:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav button .count{display:none!important}#page:has(.inbox.has-selection){padding:10px;display:flex}#page:has(.inbox.has-selection) .page-heading,#page:has(.inbox.has-selection) .stat-grid{display:none}.inbox.has-selection{height:100%;min-height:0;width:100%}.inbox.has-selection .chat{min-height:0}.widget-body .call-overlay{padding:12px}}

.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.operator-photo-preview{display:block;width:100%;height:280px;object-fit:contain;border-radius:14px;background:#f5f2fb}.photo-empty{display:flex;align-items:center;gap:16px;padding:25px 20px;border:1px dashed var(--line);border-radius:14px;background:#fcfbff;color:var(--muted);font-size:12px;line-height:1.6}.photo-empty .avatar{width:64px;height:64px;font-size:25px;border-radius:20px}
.photo-editor{width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:#fff;box-shadow:0 30px 100px #16102540;overflow:hidden}
.photo-editor[open]{display:flex;flex-direction:column}.photo-editor::backdrop{background:#19132999;backdrop-filter:blur(6px)}
.photo-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 19px;border-bottom:1px solid var(--line);flex-shrink:0}.photo-editor-head h2{font-size:23px;margin:7px 0}.photo-editor-head p{font-size:12px;margin:0;max-width:620px}.photo-editor-head .ghost{font-size:20px;line-height:1}
.photo-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:26px;padding:24px 26px;overflow:auto;min-height:0}.photo-editor-work{min-width:0}.photo-crop-stage{position:relative;overflow:hidden;border-radius:14px;background:#eee9fd;border:1px solid var(--line)}
#photo-crop{display:block;width:100%;height:auto;aspect-ratio:4/3;cursor:grab;touch-action:none;outline-offset:-3px}#photo-crop:focus-visible{outline:3px solid var(--accent)}#photo-crop.dragging{cursor:grabbing}.photo-crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),#fff6 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#fff6 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#fff6 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#fff6 66.666%,transparent calc(66.666% + .5px))}
.photo-crop-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:20px;background:#21193599;color:#fff;font-size:10px;white-space:nowrap;pointer-events:none}.photo-crop-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.photo-crop-tools button{font-size:11px;padding:9px 12px}.photo-fit-options{display:flex;padding:3px;background:#f5f2fb;border-radius:10px;gap:2px;margin-left:auto}.photo-fit-options button{background:transparent;border:0;border-radius:7px;color:var(--muted);padding:7px 9px}.photo-fit-options button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 1px 5px #2d204314}
.photo-zoom-row{display:flex;align-items:center;gap:14px;font-size:12px}.photo-zoom-row input{flex:1;min-width:0;width:auto;height:26px;padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--accent);cursor:pointer}.photo-zoom-row output{min-width:38px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.photo-editor-help{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}
.photo-editor-previews h3{font-size:12px;margin:0 0 14px}.photo-preview-widget{border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #30204008}.photo-preview-header{display:flex;align-items:center;gap:10px;background:var(--accent);color:#fff;padding:15px}.photo-preview-header canvas{width:34px;height:34px;border-radius:10px}.photo-preview-header b{display:block;font-size:12px}.photo-preview-header small{display:block;margin-top:4px;font-size:9px;opacity:.8}.photo-preview-content{padding:15px}.photo-preview-content canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:11px;background:#eee9fd}.photo-preview-content b{display:block;font-size:18px;line-height:1.25;margin:15px 0}.photo-preview-content span{display:block;background:var(--accent);color:#fff;padding:11px;border-radius:9px;font-size:10px;text-align:center}
.photo-editor-error{font-size:12px;color:#c14358;line-height:1.5;padding:0 26px 14px}.photo-editor-error:empty{display:none}.photo-editor-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;border-top:1px solid var(--line);background:#fff;flex-shrink:0}
@media(max-width:680px){.photo-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.photo-editor-head{padding:18px}.photo-editor-head h2{font-size:21px}.photo-editor-head p{font-size:11px}.photo-editor-body{grid-template-columns:1fr;gap:22px;padding:18px}.photo-crop-tools{gap:7px}.photo-fit-options{margin-left:0}.photo-editor-previews{max-width:320px;width:100%;margin:0 auto}.photo-editor-footer{padding:14px 18px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.photo-editor-footer button{flex:1}.photo-editor-error{padding:0 18px 12px}}
.visitor-filters{display:flex;gap:12px;margin-bottom:18px}.visitor-filters input{flex:1;min-width:0}.visitor-filters select{width:220px;border:1px solid var(--line);border-radius:10px;padding:10px;background:white;color:var(--ink)}.visit-hint{font-size:11px;line-height:1.7}.visitor-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visitor-overview .card{padding:20px;overflow-wrap:anywhere}.visitor-overview small,.visitor-overview b,.visitor-overview a{display:block;line-height:1.6}.visitor-overview small{color:var(--muted);font-size:11px;margin-bottom:9px}.visitor-overview a{font-size:12px;margin-top:6px}.visitor-overview p{margin:8px 0 0;color:var(--muted)}.visit-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.visit-browser h3{font-size:12px;margin:0 0 14px}#visit-sessions{max-height:70dvh;overflow:auto}.visit-session{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:9px;color:var(--ink);font-size:12px}.visit-session span,.visit-session small{display:block;font-size:11px;margin-top:6px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.visit-session.active{border-color:var(--accent);background:var(--accent-soft)}.visit-source{padding:14px;border:1px solid var(--line);border-radius:10px;margin:16px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.visit-source b{display:block;margin-bottom:6px}.visit-pages{list-style:none;padding:0;margin:22px 0}.visit-pages>li{border-left:2px solid #dcd5f4;padding:0 0 26px 18px;position:relative;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.visit-pages>li:before{content:'';position:absolute;left:-5px;top:4px;width:8px;height:8px;background:var(--accent);border-radius:50%}.visit-page-head{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}.visit-page-head span{color:var(--muted);font-size:11px}.visit-pages>li>a{display:block;margin:6px 0}.visit-actions{padding-left:16px;color:var(--muted);font-size:11px}.visit-actions li{padding:4px 0}.top-actions #enable-notifications{font-size:11px;white-space:nowrap}
#operator-notices{position:fixed;right:24px;top:90px;z-index:10001;width:340px;max-width:calc(100vw - 32px);display:grid;gap:10px}.operator-notice{display:flex;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 40px #25203825;overflow:hidden}.notice-open{border:0;background:none;text-align:left;padding:17px;flex:1;min-width:0;color:var(--ink)}.notice-open b,.notice-open span,.notice-open small{display:block;overflow-wrap:anywhere}.notice-open b{font-size:13px;margin-bottom:7px}.notice-open span{font-size:11px;color:var(--muted);line-height:1.6}.notice-open small{font-size:11px;color:var(--accent);margin-top:8px}.notice-dismiss{margin:8px 6px 0 0}
@media(max-width:850px){.visitor-overview{grid-template-columns:1fr}.visitor-overview .card{margin-bottom:0}.visitor-overview{margin-bottom:20px}.visit-browser{grid-template-columns:1fr}#visit-sessions{max-height:230px}.visitor-filters{flex-direction:column}.visitor-filters select{width:100%}.page-heading:has(#visitor-back){align-items:flex-start;flex-direction:column}.page-heading:has(#visitor-back) h1{font-size:23px}#operator-notices{top:65px;right:16px}}

.install-guide{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.8}.install-guide li{margin:10px 0}

.status-btn{white-space:nowrap}.top-actions #enable-notifications{display:flex;align-items:center;gap:5px}.top-actions #enable-notifications svg{flex-shrink:0}

/* Consented live assistance is independent of chat and audio calls. */
.visitor-profile-actions{display:flex;gap:10px;flex-wrap:wrap}.assist-overlay{position:fixed;inset:0;z-index:2000;background:#25203380;display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.assist-workspace{background:#fff;border-radius:22px;width:min(1180px,100%);max-height:94dvh;overflow:auto;box-shadow:0 24px 90px #20173555;padding:25px}.assist-workspace>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.assist-workspace h2{margin:5px 0}.assist-workspace h3{margin:0 0 15px}.assist-workspace header small{font-size:10px;letter-spacing:.12em;color:#8470b7}.assist-workspace header p{margin:5px 0;color:#7560b5;font-size:13px}.assist-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.assist-view{position:relative;aspect-ratio:16/10;background:#f6f4fb;border:1px solid #e4dff1;border-radius:12px;overflow:hidden;max-height:64dvh;min-height:150px}.assist-map{position:absolute;inset:0}.assist-block{position:absolute;overflow:hidden;border:1px solid #aa98d9;border-radius:5px;background:#e8e1fbb8;color:#524375;font:11px/1.2 -apple-system,sans-serif;cursor:crosshair;text-align:left;padding:3px;min-width:0}.assist-block:hover{background:#d6c7ff;border-color:#7550cb;z-index:2}.assist-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}#assist-cursor{position:absolute;color:#ef715d;font-size:22px;pointer-events:none;z-index:4;filter:drop-shadow(0 1px 1px white)}#assist-cursor.clicked{color:#7560e8;transform:scale(1.4)}.assist-layout aside input{width:100%}.assist-layout aside p,#assist-location{font-size:12px;line-height:1.5}#assist-blocks{display:grid;gap:7px;max-height:36dvh;overflow:auto}#assist-blocks button{background:#faf9fe;border:1px solid #e9e4f4;border-radius:9px;text-align:left;color:#504266;padding:10px;font:12px/1.4 inherit;cursor:pointer}#assist-blocks button:hover{border-color:#9c81de;background:#f0eafd}.assist-workspace footer{font-size:11px;line-height:1.5;color:#938a9f;margin-top:18px;border-top:1px solid #eee9f4;padding-top:14px}@media(max-width:760px){.assist-overlay{padding:8px}.assist-workspace{padding:16px;border-radius:16px;max-height:97dvh}.assist-layout{grid-template-columns:1fr;gap:12px}.assist-view{max-height:40dvh}.assist-layout aside{max-width:100%}#assist-blocks{max-height:190px}.visitor-profile-actions{width:100%}.assist-workspace>header{gap:8px}.assist-workspace h2{font-size:18px}}

.assist-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.assist-overlay.assist-minimized{inset:auto 18px 18px auto;padding:0;background:transparent;backdrop-filter:none;width:min(390px,calc(100vw - 36px))}.assist-minimized .assist-workspace{padding:18px;max-height:none;border:1px solid #e4dff1}.assist-minimized .assist-layout,.assist-minimized footer,.assist-minimized header small{display:none}.assist-minimized .assist-workspace>header{display:block;margin:0}.assist-minimized .assist-tools{justify-content:flex-start;margin-top:12px}.assist-minimized h2{font-size:16px}@media(max-width:760px){.assist-tools button{padding:8px;font-size:12px}}

/* Operator app palette. Website widget keeps its separately configured accent. */
.operator-app{--accent:#2563eb;--accent-soft:#eaf2ff;--ink:#182b49;--muted:#73839a;--line:#e1e9f4;--bg:#f5f8fd;color:var(--ink);background:var(--bg)}
.operator-app button:focus-visible,.operator-app a:focus-visible{outline-color:#a8c8ff}
.operator-app .sidebar,.operator-app .topbar,.operator-app .card{background:#fff}
.operator-app .workspace{background:#f5f9ff}.operator-app .workspace .mark{background:#e4eeff;color:var(--accent)}
.operator-app .nav button{color:#72829a}.operator-app .nav button.active{color:var(--accent);background:var(--accent-soft)}
.operator-app #nav-visitors-label{white-space:nowrap;font-variant-numeric:tabular-nums}
.operator-app .tip{background:linear-gradient(135deg,#fbfdff,#edf5ff)}
.operator-app .avatar{background:#e5efff;color:#3974ce}.operator-app .avatar.green{background:#e5f5ef;color:#31856c}.operator-app .avatar.peach{background:#edf2fa;color:#5d7aa7}
.operator-app .visitor-row.selected{background:#edf4ff}.operator-app .breadcrumbs b{color:#506783}
.operator-app .stat-top,.operator-app .chat-tools button{color:#7287a1}
.operator-app .quick-replies button{color:#6f86a3}.operator-app .messages{background:linear-gradient(180deg,#f7faff,#fff)}
.operator-app .journey li:before{background:#9fc3f5}.operator-app .visit-pages>li{border-left-color:#cbdef9}
.operator-app .login-intro{background:linear-gradient(145deg,#eef5ff,#e3efff)}.operator-app .login-intro p{color:#657fa4}.operator-app .login-caption{color:#8196b2}
.operator-app .code{background:#172d4d;color:#dceaff}
.operator-app .widget-video{background:linear-gradient(140deg,#e8f1ff,#edf7fd)}.operator-app .greeting-preview,.operator-app .operator-photo-preview{background:#edf4ff}
.operator-app .photo-empty{background:#f9fcff}.operator-app .photo-crop-stage,.operator-app .photo-preview-content canvas{background:#eaf2ff}.operator-app .photo-fit-options{background:#edf4fc}
.operator-app .photo-editor::backdrop{background:#152b4899}.operator-app .photo-editor{box-shadow:0 30px 100px #122b4840}.operator-app .photo-crop-hint{background:#183453a8}
.operator-app .visitor-table th{background:#f7faff}.operator-app .operator-notice{box-shadow:0 12px 40px #1837531c}
.operator-app .call-overlay{background:#12233dc9}.operator-app .call-card{background:#1a2e4b}.operator-app .call-brand{color:#9fc5ff}.operator-app .call-media{background:#11233d}
.operator-app .assist-overlay:not(.assist-minimized){background:#152c4980}.operator-app .assist-workspace{box-shadow:0 24px 90px #112b4b40}.operator-app .assist-workspace header small,.operator-app .assist-workspace header p{color:#4d7ebd}
.operator-app .assist-view{background:#f4f8ff;border-color:#d7e4f6}.operator-app .assist-block{background:#e2edffd9;border-color:#9bbce8;color:#2d527d}.operator-app .assist-block:hover{background:#cfe2ff;border-color:var(--accent)}
.operator-app #assist-cursor.clicked{color:var(--accent)}.operator-app #assist-blocks button{background:#f8fbff;border-color:#deE8f6;color:#395b84}.operator-app #assist-blocks button:hover{background:#eaf3ff;border-color:#84afe8}
.operator-app .assist-workspace footer{color:#7e90a7;border-color:var(--line)}.operator-app .assist-minimized .assist-workspace{border-color:var(--line)}
@media(min-width:621px) and (max-width:850px){.operator-app .nav [data-tab=visitors]{position:relative}.operator-app .nav [data-tab=visitors]:after{content:'(' attr(data-online) ')';position:absolute;right:-4px;top:2px;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 4px;font-size:9px;font-variant-numeric:tabular-nums}}

.recording-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.recording-actions button{font-size:11px;padding:8px 11px}.recording-overlay{position:fixed;inset:0;z-index:2100;background:#132b4980;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.recording-workspace{width:min(1180px,100%);max-height:95dvh;overflow:auto;padding:24px;background:white;border-radius:20px;box-shadow:0 24px 90px #132b4940}.recording-workspace header{display:flex;justify-content:space-between;gap:16px}.recording-workspace header small{font-size:10px;letter-spacing:.1em;color:var(--accent)}.recording-workspace h2{margin:7px 0}.recording-workspace header p{font-size:12px;overflow-wrap:anywhere}.recording-workspace label{display:block;font-size:12px;margin:6px 0}.recording-workspace select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff}.recording-stage{position:relative;height:min(62dvh,650px);min-height:220px;margin-top:14px;background:#edf3fb;border:1px solid var(--line);border-radius:12px;overflow:hidden}.recording-frame{display:block;border:0;width:100%;height:100%}.recording-controls{display:flex;gap:12px;align-items:center;margin-top:14px}.recording-controls input{min-width:40px;flex:1;padding:0;accent-color:var(--accent)}.recording-controls span{font-size:11px;white-space:nowrap}.recording-controls button{white-space:nowrap}.recording-controls .active{color:var(--accent);background:var(--accent-soft)}.recording-workspace footer{border-top:1px solid var(--line);margin-top:15px;padding-top:14px;font-size:11px;line-height:1.5;color:var(--muted)}.assist-view .recording-frame{position:absolute;inset:0;z-index:2}.assist-view video{z-index:3}@media(max-width:620px){.recording-overlay{padding:8px}.recording-workspace{padding:15px;max-height:97dvh}.recording-workspace h2{font-size:18px}.recording-controls{flex-wrap:wrap;gap:8px}.recording-controls input{order:3;flex-basis:100%}.recording-stage{height:52dvh}.recording-workspace header button{padding:8px;font-size:11px}}

.assist-view{margin-inline:auto;max-width:100%}.assist-view.has-recording .assist-map{z-index:4}.assist-view.has-recording .recording-frame{pointer-events:none}.assist-view.has-recording .assist-block{background:transparent;border-color:transparent;color:transparent}.assist-view.has-recording .assist-block:hover{background:#2563eb18;border-color:#2563eb}

.assist-drawing-pad{position:absolute;inset:0;z-index:8;pointer-events:none;outline:none}.assist-drawing-pad.drawing-active{pointer-events:auto;cursor:crosshair;touch-action:none;user-select:none}.assist-drawing-pad.drawing-active:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.assist-drawing-tools{margin:0 0 16px}.assist-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.assist-tool-grid button,.assist-drawing-actions button{border:1px solid #d7e4f6;background:white;border-radius:8px;padding:8px;color:#365574;font-size:12px}.assist-tool-grid button[aria-pressed=true]{border-color:#2563eb;background:#eaf2ff;color:#1d4ed8;font-weight:600}.assist-drawing-options{display:grid;grid-template-columns:70px 1fr;gap:10px;margin-top:10px}.assist-drawing-tools label{font-size:11px;color:#637b98;display:grid;gap:5px}.assist-drawing-options input[type=color]{height:34px;width:100%;padding:3px;border-radius:7px}.assist-drawing-tools select{width:100%;border:1px solid #d7e4f6;border-radius:7px;padding:7px;background:white;color:#294e76;font:12px inherit}.assist-duration{margin-top:10px}.assist-drawing-actions{display:flex;gap:6px;margin-top:10px}.assist-drawing-actions button{flex:1;white-space:nowrap;font-size:11px}.assist-drawing-tools small{display:block;margin-top:8px;font-size:10px;color:#7a8da4}.assist-drawing-tools~#assist-blocks{max-height:20dvh}.assist-layout aside #assist-note{font-size:12px}.assist-drawing-pad svg{user-select:none}

.visitor-modes{margin-bottom:18px;gap:10px;flex-wrap:wrap}.visitor-row-actions{display:flex;gap:7px;flex-wrap:wrap}.visitor-row-actions button{white-space:nowrap;padding:9px 12px;font-size:12px}#live-visitor-count{color:var(--accent)}.visitor-table tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:760px){
 .page-heading:has(#live-visitor-count){align-items:flex-start;flex-direction:column;gap:10px}.page-heading:has(#live-visitor-count) p{max-width:none}
 .visitor-table table{min-width:0;width:100%}.visitor-table thead{display:none}.visitor-table tbody{display:block}
 .visitor-table tr[data-open-visitor]{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 0;border-bottom:1px solid var(--line)}
 .visitor-table tr[data-open-visitor]:last-child{border-bottom:0}.visitor-table tr[data-open-visitor] td{padding:7px 14px;border:0;overflow-wrap:anywhere}
 .visitor-table tr[data-open-visitor] td:nth-child(n+3){grid-column:1/-1}.visitor-table tr[data-open-visitor] td:nth-child(4):before{content:'Источник: ';color:var(--muted)}
 .visitor-table tr[data-open-visitor] td:nth-child(5){color:var(--muted);font-size:11px}.visitor-row-actions button{flex:1}
}