:root{color:#151922;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:#fff;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #2953ed}.hidden{display:none!important}.app{flex-direction:column;height:100vh;min-height:560px;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9e9e9;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 13px 0 8px;display:flex}.brand{letter-spacing:-8px;text-align:left;background:0 0;border:0;width:41px;padding:0;font-size:30px;font-weight:900;line-height:1}.brand-black{color:#101723}.brand-blue{color:#2248eb;font-size:33px}.top-actions{align-items:center;gap:12px;display:flex}.menu-anchor{position:relative}.status-button{background:#eee;border:0;border-radius:18px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.status-icon{color:#28a644;background:currentColor;border:2px solid;border-radius:50%;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 2px #eee}.status-button.away .status-icon{color:#ff9b48}.chevron{color:#737983;flex:none}.avatar-button,.avatar{color:#536376;background:#dfe6ef;border:0;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.shell{flex:1;min-height:0;display:flex}.rail{border-right:1px solid #e8e9ed;flex-direction:column;flex:none;align-items:center;gap:6px;width:52px;padding:10px 0;display:flex}.rail-item{color:#767b84;background:0 0;border:0;border-radius:5px;place-items:center;width:40px;height:42px;font-size:24px;line-height:1;display:grid;position:relative}.rail-item:hover{background:#f2f4fa}.rail-item.active{color:#163fe8}.rail-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.rail-bottom .rail-item{font-size:19px}.badge{color:#fff;background:#c41418;border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 3px;font:700 10px Arial;display:grid;position:absolute;top:0;right:1px}.main{background:#fff;flex:1;min-width:0;min-height:0}.page-title{color:#4d5056;background:#f3f3f3;align-items:center;gap:20px;height:58px;padding:0 18px;font-size:13px;display:flex}.page-title strong{color:#111;font-size:16px}.page-title b{color:#123de6}.title-tools{gap:8px;margin-left:auto;display:flex}.text-input{background:#fff;border:1px solid #d6d8dc;border-radius:4px;min-width:210px;height:32px;padding:0 10px}.small-btn,.primary-btn{color:#363b45;white-space:nowrap;background:#fff;border:1px solid #d4d7dc;border-radius:4px;padding:6px 14px}.small-btn:hover{background:#f2f5fb}.primary-btn{color:#fff;background:#123fee;border-color:#123fee;font-weight:600}.primary-btn:hover{background:#0b30c4}.small-btn:disabled,.primary-btn:disabled{opacity:.45;cursor:not-allowed}.visitors-scroll{height:calc(100% - 58px);overflow:auto}.visitors-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1120px}.visitors-table th{text-align:left;color:#56575a;z-index:1;background:#fff;border-bottom:1px solid #eee;height:43px;font-weight:600;position:sticky;top:0}.visitors-table td{vertical-align:middle;border-bottom:1px solid #f5f5f5;height:52px}.visitors-table th,.visitors-table td{text-overflow:ellipsis;white-space:nowrap;padding:0 12px 0 0;overflow:hidden}.visitors-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.visitors-table th.sortable:hover{color:#123de6}.sort-mark{color:#123de6;margin-left:5px;font-size:9px}.visitors-table tbody tr:hover{background:#fafbff}.visitors-table th:first-child,.visitors-table td:first-child{padding-left:18px}.visitors-table .col-status{width:50px}.visitors-table .col-info{width:280px}.visitors-table .col-actions{width:245px}.visitors-table .col-agents{width:115px}.visitors-table .col-page{width:205px}.visitors-table .col-referrer{width:240px}.visitors-table .col-num{font-variant-numeric:tabular-nums;width:75px}.visitors-table .col-short{width:130px}.visitor-name{align-items:center;gap:7px;display:flex}.visitor-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.visitor-symbol{color:#fff;background:#143de6;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.visitor-flag{font-size:18px;line-height:1}.visitor-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-icons{color:#6f747b;gap:10px;margin-left:auto;display:flex}.icon-link{color:#666;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0 2px;font-size:16px;display:inline-flex}.icon-link:hover:not(:disabled){color:#123de6}.icon-link:disabled{opacity:.4;cursor:not-allowed}.icon-link.pinned{color:#153fec}.row-actions{align-items:center;gap:7px;display:flex}.row-actions .small-btn,.row-actions .primary-btn{min-width:57px;padding:5px 10px;font-size:12px}.row-actions .primary-btn{min-width:85px}.visitors-table a{color:#101010;text-decoration:underline}.visitors-table .numeric{font-variant-numeric:tabular-nums}.empty{color:#777;padding:30px}.chat-layout,.agents-layout{min-width:0;height:100%;display:flex}.chat-sidebar,.agent-sidebar{border-right:1px solid #e6e7e9;flex:none;width:350px;overflow:auto}.side-header{z-index:1;background:#fff;border-bottom:1px solid #ececec;align-items:center;gap:8px;height:43px;padding:0 12px;font-weight:700;display:flex;position:sticky;top:0}.side-header .spacer{flex:1}.side-search{border:0;border-bottom:1px solid #e7e8ec;outline:none;width:100%;padding:8px 10px}.section-label{color:#70757d;background:#f8f8f9;border-bottom:1px solid #eee;padding:7px 12px;font-size:12px}.chat-entry,.agent-entry{text-align:left;background:#fff;border:0;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 12px;display:flex}.chat-entry:hover,.agent-entry:hover{background:#f5f7fb}.chat-entry.active,.agent-entry.active{background:#e9edf7}.chat-mark{background:#1bae3f;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 3px #d7f1dd}.chat-mark.queued{background:#ff9c41;box-shadow:0 0 0 3px #ffe7d0}.chat-mark.ended{box-shadow:none;background:0 0;border:2px solid #b8bcc4}.entry-copy small svg{vertical-align:-1px}.entry-time{color:#898c91;flex:none;font-size:11px}.entry-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.entry-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.entry-copy small{color:#898c91;font-size:11px}.unread-count{color:#fff;text-align:center;background:#c8151b;border-radius:9px;flex:none;min-width:17px;padding:3px 5px;font-size:10px;line-height:1}.chat-workspace,.agent-workspace{background:#f3f3f3;flex-direction:column;flex:1;min-width:0;display:flex}.chat-head,.agent-head{background:#e8ebf2;border-bottom:1px solid #d7dae1;flex:none;align-items:center;gap:10px;height:45px;padding:0 14px;display:flex}.chat-head .spacer{flex:1}.chat-head strong,.agent-head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-head .small-btn{flex:none}.chat-avatar{color:#703160;background:#e9a6d7;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.chat-stage{flex:1;min-height:0;padding:24px max(30px,11%) 16px;overflow:auto}.message{flex-direction:column;align-items:flex-start;max-width:74%;margin-bottom:18px;display:flex}.message.agent{align-items:flex-end;margin-left:auto}.message.system{text-align:center;color:#848a94;max-width:none;font-size:11px;display:block}.message.system span{background:#e7e9ee;border-radius:10px;padding:4px 10px;display:inline-block}.message-meta{color:#848a94;margin-bottom:5px;font-size:11px}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e1e5eb;border-radius:5px;padding:12px 14px;line-height:1.5;display:inline-block}.message.agent .message-bubble{background:#dce5f7;border-color:#c8d6ee}.message time{color:#9ba0aa;margin-left:5px}.composer{background:#fff;border-top:1px solid #dadde3;padding:10px 16px 12px}.composer textarea{resize:vertical;border:1px solid #c8cfde;border-radius:4px;width:100%;min-height:60px;max-height:160px;padding:10px;display:block}.composer-foot{color:#808590;align-items:center;gap:8px;margin-top:7px;display:flex}.composer-foot .spacer{flex:1}.info-panel{background:#fff;border-left:1px solid #e3e4e8;flex:none;width:245px;overflow:auto}.info-head{color:#123fea;border-bottom:1px solid #eee;align-items:center;gap:7px;height:45px;padding:0 14px;font-weight:700;display:flex}.info-body{padding:13px;font-size:12px}.info-body h3{margin:0 0 8px;font-size:16px}.info-body p{color:#717982;margin:10px 0;line-height:1.5}.info-body b{color:#252c34}.info-divider{border-top:1px solid #ececec;margin:15px -13px;padding:12px 13px 0}.info-divider>b{margin-bottom:10px;display:block}.field-label{color:#717982;margin:10px 0;display:block}.field-label .setting-select{margin-top:4px}.agent-head{background:#f3f3f3}.agent-workspace .empty-center{color:#9297a0;flex:1;place-items:center;display:grid}.team-thread{flex:1;padding:22px 10%;overflow:auto}.team-composer{width:min(750px,90%);margin:0 auto 18px}.popup{z-index:30;background:#fff;border:1px solid #e7e7e7;border-radius:4px;width:245px;padding:8px;position:absolute;top:36px;right:0;box-shadow:0 4px 18px #0002}.popup-title{padding:8px 10px;font-weight:700}.popup button{text-align:left;background:#fff;border:0;align-items:center;gap:9px;width:100%;padding:8px 10px;display:flex}.popup button:hover{background:#f2f3f5}.popup button.selected{background:#f1f1f1;font-weight:700}.dot{border-radius:50%;width:13px;height:13px;display:inline-block}.dot.online{background:#1cab2f}.dot.away{background:#ffa147}.selected-mark{margin-left:auto}.selected .selected-mark:after{content:"✓"}.profile-head{border-bottom:1px solid #eee;align-items:center;gap:9px;margin-bottom:6px;padding:8px 8px 12px;display:flex}.profile-head span:last-child{flex-direction:column;gap:3px;display:flex}.profile-head small{color:#81858a}.popup-separator{border-top:1px solid #eee;margin:6px 0}.toast{color:#fff;z-index:80;background:#1e293b;border-radius:6px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0003}.preferences-dialog{border:0;border-radius:5px;width:min(990px,100vw - 40px);height:min(800px,100vh - 40px);padding:0;box-shadow:0 15px 50px #0004}.preferences-dialog::backdrop{background:#0009}.dialog-header{justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.dialog-header h2{margin:0;font-size:18px}.icon-button{background:0 0;border:0;font-size:29px;line-height:1}.dialog-content{gap:32px;height:calc(100% - 64px);padding:0 24px 24px;display:flex}.preferences-nav{flex:none;width:220px}.preferences-nav button{text-align:left;color:#666;background:#fff;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:10px 16px;font-weight:600;display:flex}.preferences-nav button.active{color:#151515;background:#f0f0f0}.preferences-body{flex:1;padding:0 3px;overflow:auto}.preferences-body h3{margin:8px 0 17px;font-size:14px}.preferences-body h3:not(:first-child){margin-top:38px}.setting-row{align-items:center;gap:6px;margin:11px 0;line-height:1.7;display:flex}.setting-row input[type=checkbox]{accent-color:#555;width:14px;height:14px;margin-right:5px}.number-input{text-align:center;border:1px solid #d4d4d4;border-radius:4px;width:55px;height:27px;margin:0 5px}.setting-select{background:#fff;border:1px solid #d2d2d2;border-radius:4px;width:100%;height:33px;padding:0 10px;display:block}.setting-label{color:#777;margin-bottom:3px;font-size:12px}.theme-options{gap:15px;display:flex}.theme-card{background:#f1f1f1;border:0;border-radius:4px;width:151px;height:128px;padding:8px;font-weight:700}.theme-card.selected{outline:2px solid #b9c8f8}.theme-preview{background:linear-gradient(90deg,#f8f8f8 25%,#e8ecf5 25% 75%,#fff 75%);border:4px solid #e1e1e1;border-radius:4px;height:85px;margin-bottom:6px;position:relative}.theme-preview:after{content:"";background:#cbd8f5;border-radius:3px;width:42%;height:30px;position:absolute;top:18px;left:31%}.theme-card.dark .theme-preview{background:linear-gradient(90deg,#202124 25%,#2a2c33 25% 75%,#1e2025 75%);border-color:#444}.theme-card.dark .theme-preview:after{background:#254aa4}.setting-block{margin:14px 0 0}.preferences-body .setting-block+.setting-block{margin-top:6px}.preferences-body .setting-block .setting-label{display:block}.show-more{color:#123fe8;background:0 0;border:0;padding:10px 0}.restore{margin-top:12px}.dark-mode{filter:invert(.9)hue-rotate(180deg)}.dark-mode img{filter:invert()hue-rotate(180deg)}@media (width<=1100px){.info-panel{width:210px}.chat-sidebar,.agent-sidebar{width:275px}.visitors-table{min-width:1100px}}@media (width<=740px){.rail{width:44px}.rail-item{width:38px}.chat-sidebar,.agent-sidebar{width:195px}.info-panel{display:none}.chat-stage{padding:15px}.message{max-width:95%}.page-title{gap:8px;padding:0 10px}.page-title .text-input{width:130px;min-width:110px}.preferences-nav{width:130px}.dialog-content{gap:12px;padding:0 12px 12px}.theme-card{width:120px}}.spacer{flex:1}.visitor-tabs{border-bottom:1px solid #e8e9ed;align-items:stretch;gap:3px;height:38px;padding:0 13px;display:flex}.visitor-tabs button,.detail-tabs button,.composer-tabs button{color:#68717d;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 13px}.visitor-tabs button.active,.detail-tabs button.active,.composer-tabs button.active{color:#123de6;border-bottom:2px solid #123de6;font-weight:600}.visitors-scroll{height:calc(100% - 96px)}.visitor-detail{z-index:5;background:#fff;border-left:1px solid #dce1e8;flex-direction:column;width:300px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 14px #0001}.main{position:relative}.detail-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:46px;padding:0 13px;display:flex}.detail-tabs{border-bottom:1px solid #e9ebee;height:42px;display:flex}.detail-body{padding:17px;font-size:12px;overflow:auto}.detail-body h3{margin:0 0 13px;font-size:17px}.detail-body h4{margin:0 0 9px;font-size:13px}.detail-body p{color:#656b75;line-height:1.5}.detail-body hr{border:0;border-top:1px solid #eee;margin:18px 0}.details-grid{grid-template-columns:95px 1fr;gap:9px 11px;font-size:12px;line-height:1.4;display:grid}.details-grid dt{color:#8b919b}.details-grid dd{overflow-wrap:anywhere;margin:0}.details-grid.compact{color:#717982;grid-template-columns:auto minmax(0,1fr);gap:0 10px;margin:0;line-height:1.5}.details-grid.compact dt{color:inherit;white-space:nowrap}.details-grid.compact dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-icons svg{vertical-align:-2px}.timeline-item{border-left:2px solid #bfd1f7;margin:8px 0;padding:4px 0 11px 10px;font-size:12px}.timeline-item small{color:#8993a0;margin-top:4px;display:block}.composer-tabs{gap:8px;height:30px;margin-bottom:6px;display:flex}.composer-tabs button{padding:0 7px}.note-bubble{background:#fff3cd!important;border-color:#e7d899!important}.right-tabs{border-bottom:1px solid #e7e9ed;flex-wrap:wrap;display:flex}.right-tabs button{color:#717b8b;background:#fff;border:0;border-bottom:2px solid #0000;place-items:center;width:33.3333%;height:35px;font-size:18px;display:grid}.right-tabs button.active{color:#123de6;border-bottom:2px solid #123de6}.canned-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #e9edf2;width:100%;padding:9px 0;display:block}.canned-row small{color:#777;margin-top:3px;display:block}.setting-textarea{border:1px solid #d4d8e0;width:100%;min-height:80px;margin:8px 0;padding:8px;display:block}.agent-avatar{color:#fff;background:#161b26;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:700;display:grid;position:relative}.agent-avatar i{background:#aaa;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.agent-avatar i.online{background:#21ad42}.agent-avatar i.away{background:#ff9c41}.team-note{color:#9a9fa8;text-align:center;margin:20px 0}.inline-menu{background:#fff;border-bottom:1px solid #ddd;padding:10px 13px;box-shadow:0 4px 8px #0001}.inline-menu label{align-items:center;gap:7px;margin:7px 0;font-size:12px;display:flex}.inline-menu select{margin-left:5px}.empty-state{color:#9ba3ae;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:42px 20px;display:flex}.empty-state span{font-size:40px;font-weight:200}.empty-state strong{font-weight:400}.action-dialog{border:0;border-radius:6px;width:min(530px,100vw - 28px);max-height:90vh;padding:0;box-shadow:0 16px 50px #0005}.action-dialog::backdrop{background:#0008}.action-dialog-body{max-height:65vh;padding:0 24px 19px;overflow:auto}.action-dialog-actions{border-top:1px solid #e8e9ed;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.notification-table{border:1px solid #e9e9e9;border-radius:4px;overflow:hidden}.notification-head,.notification-row{grid-template-columns:25% 50% 25%;align-items:center;min-height:48px;padding:0 15px;display:grid}.notification-head{color:#666;background:#f0f0f0;min-height:43px}.notification-row:nth-child(odd){background:#fcfcfc}.notification-row>div{align-items:center;gap:10px;display:flex}.notification-row select{background:#fff;border:1px solid #ddd;border-radius:4px;width:120px;padding:6px}.notification-row input[type=range]{accent-color:#c3c3c3;width:130px}.notification-row .switch{justify-self:end}.volume-icon{color:#fa6262}.switch input{opacity:0;position:absolute}.switch span{background:#d0d1d4;border-radius:12px;width:29px;height:16px;display:block;position:relative}.switch span:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0002}.switch input:checked+span{background:#2147ec}.switch input:checked+span:before{left:14px}.columns-picker{grid-template-columns:1fr 1fr;gap:34px;display:grid}.columns-picker>div{border:1px solid #d8d8d8;border-radius:3px;height:242px;overflow:auto}.columns-picker b{text-align:center;background:#f0f0f0;padding:10px;font-size:12px;display:block;position:sticky;top:0}.columns-picker button{text-align:left;color:#707070;background:#fff;border:0;justify-content:space-between;width:100%;padding:7px 14px;font-size:12px;display:flex}.columns-picker button:hover{background:#f4f6fc}.muted{color:#9da2aa;font-size:12px}.extra-shortcuts{color:#777;line-height:2.2}.app.admin .main{background:#f3f3f3}.admin-shell{min-width:0;height:100%;display:flex}.admin-sidebar{color:#363b45;background:#fff;border-right:1px solid #e6e7e9;flex:none;width:245px;overflow:auto}.admin-sidebar-title{color:#151922;z-index:1;background:#fff;border-bottom:1px solid #ececec;align-items:center;height:43px;padding:0 14px;font-weight:700;display:flex;position:sticky;top:0}.admin-nav-link,.admin-nav-group,.admin-children button{color:#4d5560;text-align:left;background:0 0;border:0;border-left:3px solid #0000;width:100%;padding:11px 14px 11px 11px;font-size:13px;display:block}.admin-nav-group{color:#363b45;font-weight:600}.admin-nav-link:hover,.admin-nav-group:hover,.admin-children button:hover{background:#f5f7fb}.admin-nav-link.active,.admin-children button.active{color:#123de6;background:#e9edf7;border-left-color:#123de6;font-weight:600}.admin-nav-group{justify-content:space-between;align-items:center;display:flex}.admin-nav-group svg{transition:transform .15s;transform:rotate(-90deg)}.admin-nav-group.open svg{transform:none}.admin-children{display:block}.admin-children.collapsed{display:none}.admin-children button{padding-left:27px}.admin-content{flex:1;min-width:0;padding:19px 24px 40px;overflow:auto}.admin-content h1{color:#183044;margin:0 0 20px;font-size:23px;font-weight:500}.admin-content h3{margin:23px 0 10px;font-size:15px}.admin-card{background:#fff;border:1px solid #e0e4e8;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 2px #0001}.admin-card-title{color:#2b4358;border-bottom:1px solid #eaedf0;align-items:center;gap:12px;height:48px;padding:0 19px;font-size:14px;font-weight:600;display:flex}.admin-card-body{padding:20px}.admin-card-body>p:first-child{margin-top:0}.admin-content .metrics{grid-template-columns:repeat(6,1fr);gap:14px;padding:18px 18px 22px;display:grid}.admin-content .metrics>div{min-width:0}.admin-content .metrics small,.metric-label{color:#617c8f;white-space:normal;align-items:center;gap:7px;margin-bottom:13px;font-size:12px;display:flex}.admin-content .metrics strong{color:#14344c;font-size:27px;font-weight:500;display:block}.dashboard-grid{grid-template-columns:minmax(480px,1.5fr) minmax(270px,1fr);gap:11px;display:grid}.dashboard-grid .admin-card-body{padding:0}.legend{color:#5983a0;background:#f8f9fa;gap:8px;padding:14px 20px;font-size:12px;display:flex}.legend span:first-child{color:#0075bf}.legend span:last-child{color:#3abf36}.chart{border-bottom:1px solid #eee;height:310px;padding:30px 24px 33px 60px}.chart-plot{border-bottom:1px solid #e3e8ed;align-items:flex-end;height:100%;display:flex;position:relative}.chart-col{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.chart-bar{background:#0876bc;width:calc(100% - 18px)}.chart-col span{color:#9da9b4;white-space:nowrap;font-size:12px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.chart svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e6e9ed;padding:13px 16px}.admin-table th{color:#384d5d;background:#f7f8f9;font-weight:600}.admin-table tr:last-child td{border-bottom:0}.admin-table td .small-btn{padding:5px 8px}.dashboard-grid .admin-table th,.dashboard-grid .admin-table td{padding:11px 20px}.quick-access{grid-template-columns:repeat(3,1fr);height:120px;display:grid}.quick-access button{color:#59748a;background:#fff;border:0;border-right:1px solid #eee;font-size:12px}.quick-access button:hover{background:#f6fbff}.quick-access button:last-child{border-right:0}.quick-access b{color:#007bc5;justify-content:center;margin-bottom:9px;font-size:36px;display:flex}.quick-access button:nth-child(2) b{color:#e97b00}.quick-access button:nth-child(3) b{color:#28b929}.download-icons{color:#678193;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:36px 10px;font-size:12px;display:flex}.news-list{color:#255a83;margin:0;padding:7px 25px 20px;line-height:1.65}.news-list li{margin:0 0 12px}.admin-field{max-width:710px;margin:14px 0;font-size:13px;display:block}.admin-field>span{color:#566370;margin-bottom:6px;display:block}.admin-field input,.admin-field select,.admin-field textarea,.admin-card select,.admin-card .text-input{background:#fff;border:1px solid #cfd7df;border-radius:4px;padding:8px 10px}.admin-field input,.admin-field select,.admin-field textarea{width:100%}.admin-field input[type=color]{width:85px;height:38px;padding:4px}.admin-field textarea{resize:vertical;min-height:90px}.admin-card .setting-row{margin:14px 0}.admin-card .setting-row input[type=checkbox]{accent-color:#1b54e9}.admin-card .setting-row .number-input{width:62px}.save-bar{border-top:1px solid #e8eaed;gap:8px;margin-top:24px;padding-top:16px;display:flex}.widget-preview{background:#f6f7f9;border:1px solid #d4dce5;border-radius:5px;flex-direction:column;width:300px;height:270px;display:flex;overflow:hidden;box-shadow:0 5px 25px #0002}.widget-top{color:#fff;background:#123ee9;padding:14px;font-weight:700}.widget-top span{float:right}.widget-bubble{background:#fff;border-radius:4px;align-self:flex-start;margin:28px 14px;padding:11px;box-shadow:0 1px 2px #0002}.widget-input{color:#aaa;background:#fff;border:1px solid #dce1e8;margin:auto 8px 8px;padding:10px}.preview-card .admin-card-body{justify-content:center;display:flex}.code-block{color:#d9f3fc;background:#1e293b;border-radius:4px;padding:18px;overflow:auto}.pill-tabs{flex-wrap:wrap;gap:7px;display:flex}.pill-tabs button{color:#5b6875;background:#fff;border:1px solid #d3d9e0;border-radius:4px;padding:7px 12px}.pill-tabs button.selected{color:#1948de;background:#e8f0ff;border-color:#8ba9ed}.toolbar,.filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.filter-row label{color:#6d7783;align-items:center;gap:7px;display:flex}.filter-row select{min-width:130px}.link-button{color:#1676c3;background:0 0;border:0}.locked-feature{text-align:center;color:#8b96a2;padding:50px 20px}.locked-feature>span{font-size:37px;display:block}.locked-feature strong{color:#3c5369;margin:15px;display:block}.report-bars{border-bottom:1px solid #dce2e9;align-items:flex-end;gap:3%;height:230px;margin:10px 0 30px;padding:15px 20px 0;display:flex}.report-bars>div{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.report-bars>div>span{background:#0878bd;width:100%}.report-bars small{white-space:nowrap;color:#8e9aa7;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.status-green{color:#22a546}@media (width<=1150px){.admin-sidebar{width:205px}.admin-content .metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-content{padding:16px}.info-panel{width:210px}}@media (width<=740px){.admin-sidebar{width:165px}.admin-content .metrics{grid-template-columns:repeat(2,1fr)}.admin-content{padding:10px}.admin-content h1{font-size:19px}.chart{gap:8px;padding-left:30px}.chart-col span{font-size:9px}.chart svg{width:calc(100% - 54px);left:30px}.notification-row{grid-template-columns:30% 55% 15%;padding:3px;font-size:11px}.notification-row input[type=range]{width:50px}.notification-row select{width:78px}.visitor-detail{width:260px}.quick-access b{font-size:24px}.admin-table{min-width:600px}.admin-card-body{overflow:auto}}.download-icons span,.link-button,.admin-card-title .icon-link{align-items:center;gap:5px;display:inline-flex}.admin-card.flush>.admin-card-body{padding:0}.save-bar{align-items:center}.unsaved-mark{color:#c27400;margin-left:6px;font-size:12px}.unsaved-mark:before{content:"● "}.table-action{margin-top:12px}.admin-table.spaced{margin-top:14px}.admin-table td.ops{white-space:nowrap}.admin-table td.ops .small-btn+.small-btn{margin-left:6px}.table-scroll{overflow-x:auto}.custom-widgets{margin-top:16px}.locked-feature>span{justify-content:center;display:flex}.empty-state svg{color:#c3c8cf}.boot{color:#8a909a;place-items:center;height:100vh;display:grid}.login-page{background:#f3f3f3;place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:#fff;border:1px solid #e0e4e8;border-radius:6px;width:min(380px,100%);padding:30px 30px 26px;box-shadow:0 4px 24px #0000000d}.login-card h1{margin:14px 0 4px;font-size:20px}.login-card .admin-field{max-width:none}.login-brand{letter-spacing:-9px;font-size:34px;font-weight:900;line-height:1}.login-submit{width:100%;margin-top:6px;padding:10px}.form-error{color:#c0262d;margin:6px 0;font-size:13px}.connection-banner{color:#7a5600;text-align:center;background:#fff4d6;border-bottom:1px solid #f0dfa8;padding:5px;font-size:12px}.status-button.offline .status-icon{color:#a3a8b0}.role-chip{background:#e9edf7;border-radius:9px;align-self:flex-start;padding:1px 7px;font-size:11px;display:inline-block;color:#123de6!important}.visitor-globe{color:#8a909a;flex:none}.visitor-symbol.waiting{background:#ff9c41}.chat-owner{color:#6f7680;white-space:nowrap}.message.typing-preview .message-bubble{color:#8a909a;border-style:dashed;font-style:italic}.chat-closed{text-align:center;color:#8a909a;margin:10px 0 4px;font-size:12px}.composer-tabs{align-items:center}.composer-tabs button:disabled{opacity:.4;cursor:not-allowed}.composer-hint{color:#8a909a;margin-left:6px;font-size:11px}.chat-stage.font-small{font-size:12px}.chat-stage.font-large{font-size:16px}.canned-search{width:100%;min-width:0;margin-bottom:6px}.tag{color:#5b6573;vertical-align:1px;background:#eef1f6;border-radius:9px;margin-left:6px;padding:0 7px;font-size:10px;font-weight:600;display:inline-block}.timeline-button{text-align:left;background:0 0;border-top:0;border-bottom:0;border-right:0;width:100%;display:block}.timeline-button:hover{background:#f5f7fb}.timeline-item.note{border-left-color:#e7d899}.status-dot{vertical-align:1px;background:#b8bcc4;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-dot.online{background:#21ad42}.status-dot.away{background:#ff9c41}.agent-status-list{margin:0;padding:8px 20px 14px;list-style:none}.agent-status-list li{border-bottom:1px solid #f1f2f4;align-items:center;gap:6px;padding:6px 0;font-size:13px;display:flex}.agent-status-list li:last-child{border-bottom:0}.agent-status-list small{color:#8a909a;margin-left:auto}.card-count{color:#5b6573;background:#eef1f6;border-radius:9px;padding:1px 8px;font-size:11px}.admin-table td.wrap{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}.admin-table td.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.admin-table tr.inactive-row td{color:#a3a8b0}.perm-list{columns:2;margin:0 0 6px;padding:0;font-size:12px;line-height:1.9;list-style:none}.perm-list .yes{color:#1d8a3b}.perm-list .no{color:#a3a8b0}.local-note{color:#7a5c00;background:#fff8e5;border:1px solid #f0e1b0;border-radius:4px;margin:0 0 12px;padding:8px 12px;font-size:12px}.widget-launcher{color:#fff;border-radius:16px;margin:0 8px 8px;padding:6px 14px;font-size:12px;font-weight:600}.widget-preview{height:auto;min-height:270px}hr.soft{border:0;border-top:1px solid #eee;margin:14px 0}.quick-access button:disabled{opacity:.4;cursor:not-allowed}.agent-workspace .empty-center,.chat-workspace .empty-center{flex:1;place-items:center;display:grid}.entry-copy small em{color:#1bae3f;font-style:normal}.ban-chips{flex-wrap:wrap;gap:4px;display:flex}.ban-chips .tag{text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin:0;overflow:hidden}.cell-sub{color:#8a909a;margin-top:2px;font-size:11px;display:block}.visitors-table tbody tr:not(.spacer-row){height:52px}.visitors-table td{height:51px}.visitors-table tr.spacer-row td,.visitors-table tr.spacer-row{border:0;padding:0}.duration-field{align-items:center;gap:8px;display:flex}.duration-field select{width:140px}.duration-field input{width:90px}.limit-row{border-top:1px solid #eee;align-items:center;gap:6px;margin-top:6px;padding:10px 10px 4px;font-size:12px;display:flex}.limit-row>span{flex:1}.limit-row .small-btn{width:26px;padding:2px 0}.limit-row b{text-align:center;min-width:18px}.perm-group h3{margin:14px 0 4px;font-size:13px}.perm-group .setting-row{margin:4px 0;line-height:1.4}.perm-group input:disabled+span{color:#a3a8b0}.member-search{width:100%;margin-bottom:6px}.member-list{border:1px solid #e3e7ec;border-radius:4px;max-height:260px;padding:4px 10px;overflow:auto}.member-list .setting-row{margin:6px 0}.wide-dialog{width:min(760px,100vw - 28px)}.column-map{grid-template-columns:repeat(4,1fr);gap:0 10px;display:grid}.column-map .admin-field{margin:8px 0}@media (width<=740px){.column-map{grid-template-columns:1fr 1fr}}.tab-note{color:#8a909a;align-self:center;margin-left:auto;font-size:12px}.visitors-table tr.placeholder-row td{background:linear-gradient(90deg,#fafbfc 0%,#f2f4f7 50%,#fafbfc 100%)}