:root{--bg:#f6f7fb;--ink:#252837;--muted:#9093a5;--purple:#7260e6;--border:#edeef4;--green:#3aa88d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);font-size:13px;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,transform .15s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b5aaf7;outline-offset:3px}h1,h2,h3,p{margin:0}input,textarea,select{border:1px solid #e3e5ee;border-radius:8px;padding:11px 13px;background:white;outline:none;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{border-color:#9986ef;box-shadow:0 0 0 3px #7660e612}input::placeholder,textarea::placeholder{color:#a6a9b7}textarea{resize:vertical;min-height:105px}label{display:block;font-size:12px;font-weight:500;margin-bottom:19px}label input,label textarea{display:block;margin-top:9px}label em{font-style:normal;color:var(--muted);font-weight:400;margin-left:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:12px 17px;color:white;background:var(--purple);font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent}.button:hover{background:#6450d5}.button.secondary{background:white;border-color:#e3e5ee;color:#55596b}.button.secondary:hover{background:#f5f2ff;border-color:#d5ccf7}.button.white{background:white;color:#6e5bcc;padding:11px 17px}.button.small{padding:9px 13px;font-size:12px}.button.full{width:100%;padding:13px}.text-button{color:#7b6ad3;display:inline-flex;align-items:center;gap:7px;font-size:12px}.text-button:hover{color:#5540bf}.brand{display:flex;gap:10px;align-items:center}.brand-icon{display:inline-flex;justify-content:center;align-items:center;color:white;background:var(--purple);height:36px;width:36px;border-radius:11px}.brand-icon svg{fill:none}.brand b{font-size:23px;letter-spacing:1px}.brand b>span{font-size:12px;font-weight:500;letter-spacing:.7px;color:#9894ac;margin-left:10px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;color:#9c95bc}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;width:37px;height:37px;flex-shrink:0;color:#6a6590;font-size:14px;font-weight:600}.avatar.big{width:65px;height:65px;border-radius:20px;font-size:26px}.dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#aaa;margin-right:6px}.dot.active{background:#43b092}.dot.waiting{background:#dc9a4d}.dot.closed{background:#a0a5b6}.muted{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:7px;color:#8974d5;background:#f1edfc;border-radius:20px;padding:7px 11px;font-size:10px}.status{display:inline-flex;font-size:10px;border-radius:5px;padding:4px 8px;white-space:nowrap}.status.active{background:#eaf7f0;color:#42a080}.status.waiting{background:#fff5e6;color:#cd9547}.status.closed{background:#f0f1f5;color:#979bad}.count{font-size:10px;font-weight:500;color:#9c94bb;background:#f2f0fa;padding:3px 7px;border-radius:6px}.error{background:#fff1f0;color:#b74747;padding:11px 15px;margin:0 0 18px;display:flex;justify-content:space-between;border-radius:8px;font-size:12px}.error button{display:flex;align-items:center}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:9px;background:#2e3448;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 6px 24px #23233825}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.loading p{color:var(--muted)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 19px 0;z-index:20}.sidebar>.brand{padding-left:10px}.workspace{margin-top:37px;padding:13px 7px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:24px}.workspace-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#f0ecfc;border-radius:9px;color:#9981db;font-size:13px}.workspace strong{display:block;font-size:11px;font-weight:600}.workspace small{display:block;font-size:9px;color:#a0a2b3;margin-top:4px}.workspace .plan{font-size:8px;color:#9b8ec2;border:1px solid #eee9fb;border-radius:4px;padding:3px;white-space:nowrap;margin-left:auto}.nav-label{font-size:10px;color:#b0b1bf;margin:25px 13px 13px}nav{display:flex;flex-direction:column;gap:7px}.nav{display:flex;align-items:center;gap:12px;padding:13px;border-radius:8px;font-size:12px;color:#85899d;text-align:left}.nav svg{stroke-width:1.7}.nav:hover{background:#faf9ff}.nav.active{background:#f0edfc;color:#7f69d7;font-weight:600}.nav-count{margin-left:auto;background:#e1dafa;color:#8d72d6;padding:1px 6px;border-radius:5px;font-size:10px}.sidebar-tip{margin-top:auto;margin-bottom:27px;padding:18px 13px 14px;background:linear-gradient(120deg,#f4f1fc,#f8f6fe);border:1px solid #eeebf8;border-radius:10px}.tip-icon{display:block;color:#aa97e4;margin-bottom:12px}.sidebar-tip strong{font-size:11px;font-weight:600}.sidebar-tip p{font-size:10px;line-height:1.9;color:#a29ab8;margin:7px 0 16px}.sidebar-tip .button{font-size:10px;width:100%;padding:9px 7px;border-color:#e8e0fa;color:#9781ce}.sidebar-bottom{border-top:1px solid var(--border);padding:20px 0}.profile{display:flex;align-items:center;gap:10px}.profile strong{font-size:11px;display:block}.profile small{font-size:9px;display:block;color:#9a9eae;margin-top:5px}.profile .dot{width:5px;height:5px;margin-right:4px}.profile button{margin-left:auto;color:#a5a9b7;padding:5px}.main-shell{margin-left:235px;width:calc(100% - 235px)}.topbar{height:74px;border-bottom:1px solid var(--border);background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.topbar>div{display:flex;align-items:center;gap:13px;font-size:11px}.topbar>div>span:first-of-type{color:#aaaebe}.topbar strong{font-weight:500;color:#676e86}.topbar svg{color:#afb3c4}.topbar .connection{font-size:10px;color:#9099a6}.topbar .avatar{width:31px;height:31px;font-size:11px;border-radius:50%}.top-separator{height:18px;background:#eceef4;width:1px;margin:0 7px}.mobile-menu{display:none}.content{padding:35px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:25px;letter-spacing:.3px;font-weight:700;margin:8px 0 10px}.page-heading h1>span:not(.count){color:#9b8bd8}.page-heading p{font-size:11px;color:#969bad;letter-spacing:.3px}.heading-actions{display:flex;align-items:center;gap:15px;align-self:flex-end}.date-label{color:#959aaa;font-size:10px;white-space:nowrap}.welcome-banner{overflow:hidden;position:relative;display:flex;justify-content:space-between;padding:28px 34px;background:linear-gradient(105deg,#ede8fc 0%,#eee9fd 45%,#e9e4fa 100%);border:1px solid #e5ddf7;border-radius:13px;min-height:233px}.banner-tag{font-size:10px;letter-spacing:.4px;color:#9683bf;display:flex;align-items:center}.banner-tag .dot{background:#aa94da;width:5px;height:5px}.welcome-banner h2{font-size:25px;color:#63518a;line-height:1.65;margin:12px 0 10px;letter-spacing:1px}.welcome-banner p{font-size:10px;color:#a295b8;margin-bottom:20px}.welcome-banner .button{font-size:10px}.banner-art{position:relative;width:300px;flex-shrink:0;margin-right:20px}.orbit{position:absolute;border:1px solid #dcd2f4;border-radius:50%;height:250px;width:250px;top:-10px;left:30px;transform:rotate(-30deg) scaleX(1.1)}.orbit-two{height:315px;width:315px;left:0;top:-42px;border-style:dashed;opacity:.5}.art-chat{position:absolute;top:36px;left:80px;width:130px;height:100px;border-radius:28px 28px 28px 6px;background:linear-gradient(135deg,#d1c4f0,#a48ad8);box-shadow:12px 17px 28px #a78ecf28;transform:rotate(-9deg);color:white;display:flex;align-items:center;justify-content:center}.art-chat svg{position:absolute;opacity:.16;width:95px;height:95px;stroke-width:1}.art-chat>span{font-size:43px;font-weight:800;letter-spacing:-2px}.mini-bubble{position:absolute;top:148px;left:119px;white-space:nowrap;background:#fffdfdba;border:1px solid white;border-radius:10px;padding:14px 16px;display:flex;gap:9px;color:#a08dbb;font-size:10px;box-shadow:0 8px 20px #baaad31c;transform:rotate(4deg)}.mini-bubble svg{color:#9dbab2}.spark{position:absolute;font-size:26px;color:#ad96d4}.s1{top:14px;left:233px}.s2{top:162px;left:49px;font-size:17px}.art-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#c1afd9;left:20px;top:75px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:23px 0}.stat{background:white;border:1px solid var(--border);border-radius:11px;padding:19px 20px;text-align:left}.stat:hover{border-color:#d8cff3;transform:translateY(-2px)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7e8399;font-size:11px}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px}.stat-icon.purple{color:#9e85d5;background:#f2edfc}.stat-icon.orange{color:#d3ab6f;background:#fcf5e9}.stat-icon.blue{color:#8aa7d8;background:#ecf2fc}.stat-icon.green{color:#82b8a5;background:#eaf5f0}.stat>strong{display:block;font-size:31px;font-weight:700;color:#36374c;line-height:1.2;margin:10px 0 14px;font-variant-numeric:tabular-nums}.stat>strong>span{font-size:10px;font-weight:400;color:#b0b1be;margin-left:10px}.stat>small{font-size:9px;color:#a8adba}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:23px}.card{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden}.card-title{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid #f2f3f7;gap:10px}.card h3{font-size:13px;font-weight:600}.card-title h3{display:flex;align-items:center;gap:10px}.card-title .text-button{font-size:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}th{font-size:10px;font-weight:400;color:#a2a7b6;background:#fcfcfe;padding:13px 20px}td{padding:17px 20px;color:#81879c;border-bottom:1px solid #f3f4f8}tbody tr:last-child td{border-bottom:0}.recent tbody tr{cursor:pointer}.recent tbody tr:hover{background:#faf9ff}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell .avatar{height:32px;width:32px;border-radius:10px;font-size:11px}.customer-cell strong{display:block;font-size:11px;font-weight:500;color:#5c627c}.customer-cell small{display:block;font-size:9px;color:#aaaebd;margin-top:6px;max-width:150px;text-overflow:ellipsis;overflow:hidden}.team-card>.muted{margin:18px 22px 9px;font-size:10px}.team-line{display:flex;align-items:center;gap:10px;margin:0 22px;padding:13px 0}.team-line strong{font-size:11px;display:block;font-weight:500}.team-line small{display:block;font-size:9px;color:#a3a9b9;margin-top:5px}.team-line em{font-style:normal;font-size:8px;margin-left:7px;color:#aea2ca;background:#f5f2fc;padding:1px 4px;border-radius:3px}.member-role{margin-left:auto;color:#b0a3d2}.team-add{display:flex;justify-content:center;align-items:center;gap:8px;color:#a395c3;border:1px dashed #e7e0f5;background:#fdfcff;border-radius:7px;margin:12px 22px 21px;width:calc(100% - 44px);padding:10px;font-size:10px}.permission-note{padding:17px 20px;display:flex;align-items:center;gap:11px;background:#fbfafc;border-top:1px solid #f4f1f8;color:#b0a4c7;margin-top:15px}.permission-note p{font-size:9px;line-height:1.9;color:#9287a5}.permission-note span{color:#b2a9bf;font-size:9px}.bottom-note{display:flex;justify-content:space-between;font-size:9px;color:#b0b5c2;margin-top:26px}.bottom-note>span{display:flex;align-items:center;gap:6px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;flex:1;color:#b5b0c5;padding:40px 20px}.empty h3{font-size:14px;color:#6e6d85;font-weight:500}.empty p{font-size:11px;line-height:1.9;color:#a3a5b7}.empty.compact{padding:39px 20px;min-height:233px;gap:12px}.empty-icon{display:flex;align-items:center;justify-content:center;background:#f5f2fd;color:#b9a9e5;border-radius:22px;height:68px;width:68px}.empty.compact .empty-icon{height:55px;width:55px;border-radius:18px}.empty .button{font-size:10px;padding:9px 15px}.page-heading.smaller h1{margin-top:0;font-size:23px;display:flex;align-items:center;gap:10px}.inbox-content{height:calc(100vh - 74px);display:flex;flex-direction:column;padding-bottom:25px}.inbox-layout{display:flex;flex:1;min-height:0;border:1px solid #e7e9f0;border-radius:12px;background:white;overflow:hidden}.conversation-list{width:285px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.list-tools{padding:18px 15px 0}.search{display:flex;align-items:center;gap:8px;background:#f7f8fb;border:1px solid #eef0f6;border-radius:8px;padding:0 10px;color:#aaaec1}.search input{background:none;border:0;box-shadow:none;padding:10px 0;font-size:10px;min-width:0}.tabs{display:flex;justify-content:space-between;margin-top:14px;border-bottom:1px solid #f0eef5;gap:5px}.tabs button{font-size:10px;padding:10px 4px;border-bottom:2px solid transparent;color:#a0a4b7}.tabs button.selected{color:#8c72d7;border-color:#917ad7}.conversation-scroll{overflow-y:auto}.conversation{display:flex;padding:19px 15px;gap:10px;text-align:left;width:100%;border-bottom:1px solid #f2f3f6;border-left:3px solid transparent}.conversation.selected{background:#f7f4ff;border-left-color:#a48ade}.conversation:hover{background:#faf8ff}.conversation>div{min-width:0;flex:1}.conversation-title{display:flex;justify-content:space-between;align-items:center}.conversation-title strong{font-size:12px;font-weight:500}.conversation time{font-size:9px;color:#b1b3c3}.conversation p{font-size:10px;color:#999db1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:195px;margin:8px 0 10px}.conversation-meta{display:flex;align-items:center;justify-content:space-between}.conversation-meta small{font-size:9px;color:#b0a8bf}.conversation .status{padding:2px 6px;font-size:9px}.chat-main{display:flex;flex:1;min-width:0;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:10px;padding:18px 21px;border-bottom:1px solid var(--border);min-height:77px}.chat-head strong{font-size:12px;font-weight:500}.chat-head small{display:block;font-size:9px;color:#a5a9ba;margin-top:6px}.chat-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.chat-actions select{max-width:105px;padding:8px 7px;font-size:10px}.chat-actions .button{font-size:10px}.messages{overflow-y:auto;flex:1;padding:22px;background:#fcfcfe}.chat-date{font-size:9px;text-align:center;color:#b5b5c4;margin-bottom:30px}.message{display:flex;gap:9px;align-items:flex-start;margin:23px 0}.message .avatar{width:31px;height:31px;border-radius:10px;font-size:10px}.message small{font-size:9px;color:#afb1c0;display:block;margin-bottom:8px}.message p{background:white;border:1px solid #edeef5;border-radius:0 10px 10px 10px;padding:12px 15px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px;color:#6c6e86}.message.mine{flex-direction:row-reverse}.message.mine small{text-align:right}.message.mine p{border-color:#ebe4fc;background:#f0eafc;border-radius:10px 0 10px 10px;color:#7d6aab}.composer{border-top:1px solid var(--border);padding:13px 19px;background:white}.quick{display:flex;gap:7px;align-items:center;font-size:9px;color:#b2afbf;margin-bottom:9px}.quick button{border-radius:5px;background:#f7f6fb;color:#9b8db5;padding:4px 7px}.composer textarea{border:0;box-shadow:none;resize:none;height:82px;min-height:70px;padding:8px 0;font-size:12px}.composer-foot{display:flex;align-items:center;gap:12px;color:#b5b0c5}.composer-foot>span{font-size:9px;margin-left:auto}.empty-composer{text-align:center;padding:23px}.empty-composer p{font-size:11px;color:#a3a1b7;margin-bottom:13px}.closed-note{padding:22px;display:flex;gap:10px;justify-content:center;color:#a4a2b5;font-size:11px;border-top:1px solid var(--border)}.customer-panel{border-left:1px solid var(--border);width:210px;padding:24px 20px;flex-shrink:0;text-align:center}.customer-panel>h3:first-child{text-align:left;font-size:11px;margin-bottom:30px}.customer-panel>h3{font-size:13px;font-weight:500;margin:14px 0 8px}.customer-panel dl{text-align:left;margin-top:30px}.customer-panel dt{color:#b1b4c4;font-size:9px;margin-top:20px}.customer-panel dd{font-size:11px;color:#8c8fa5;margin:7px 0 0;overflow-wrap:anywhere}.customer-panel .mono{font-family:monospace}.customer-tip{display:flex;align-items:center;gap:9px;padding:14px 8px;background:#f9f7fe;border-radius:8px;color:#b7a8d5;margin-top:30px}.customer-tip p{font-size:9px;line-height:1.9;color:#aaa1bb;text-align:left}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.role-card{padding:24px;display:flex;align-items:center;gap:15px}.role-card .stat-icon{height:45px;width:45px}.role-card h3{margin-bottom:9px}.role-card p{font-size:10px;color:#a1a4b5}.role-card .pill{margin-left:auto;font-size:9px}.role-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8f9eb2}.role-label.purple{color:#ab97d4}.info-banner{display:flex;gap:15px;align-items:center;margin-top:24px;padding:23px;background:#f0edf9;border-radius:9px;color:#9b89be}.info-banner strong{font-size:11px;font-weight:500}.info-banner p{font-size:10px;color:#a69bbd;margin-top:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-card{padding:26px}.settings-card h3{display:flex;gap:10px;align-items:center}.settings-card h3 svg{color:#a793d4}.settings-card>p{font-size:11px;color:#a2a5b7;line-height:1.8;margin:13px 0 24px}.copy-link{display:flex;border:1px solid #e6e4ef;border-radius:8px;margin-bottom:20px;background:#faf9fd}.copy-link input{border:0;background:none;font-size:11px;color:#9d93b5;min-width:0}.copy-link button{padding:10px;color:#a195b8}.settings-card textarea{font-size:12px;line-height:1.8;margin-bottom:16px}.settings-card label{font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#25213d55;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:25px}.modal{background:white;border-radius:18px;width:440px;padding:35px;box-shadow:0 25px 90px #1e133733;position:relative;max-height:95vh;overflow:auto}.modal-close{position:absolute;top:20px;right:18px;color:#aaa2ba}.modal>.stat-icon{width:46px;height:46px;margin-bottom:20px}.modal h2{font-size:22px;margin-bottom:10px}.modal>p{font-size:11px;color:#a4a5b4;margin-bottom:27px}.modal-role{display:flex;align-items:center;gap:6px;padding:11px 9px;font-size:10px;background:#f8f6fc;border-radius:7px;color:#a893c6;margin:4px 0 22px}.modal-role span{margin-left:auto;font-size:9px}
.auth-page{min-height:100vh;display:flex;background:#fff}.auth-art{width:52%;background:linear-gradient(145deg,#f0ebfc,#e7e1f8);padding:45px 50px;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-art .brand b{color:#61507f}.auth-art .brand-icon{background:#9b83ce}.auth-copy{margin:auto;max-width:490px;width:100%;padding:65px 0 35px}.auth-copy h1{font-size:38px;line-height:1.7;letter-spacing:1px;color:#605079;margin:19px 0 17px;font-weight:700}.auth-copy h1 span{color:#a791cf}.auth-copy>p{font-size:12px;color:#a093b5;line-height:2}.illustration{position:relative;height:235px;margin-top:35px}.float-message,.float-reply{display:flex;align-items:center;gap:13px;padding:20px 24px;position:absolute;border:1px solid #fff;background:#ffffffe0;border-radius:14px;box-shadow:0 16px 35px #9077b215}.float-message{top:14px;left:0;transform:rotate(-3deg)}.float-reply{top:111px;right:0;transform:rotate(3deg);background:#af98da;border-color:#bda7e6;color:white}.float-message small{font-size:9px;color:#b2a5bf}.float-message p{font-size:11px;color:#857294;margin-top:8px}.float-reply small{font-size:9px;color:#e6dcf6}.float-reply p{font-size:11px;margin-top:8px}.float-reply>.brand-icon{background:#c1aae5;color:#fff}.float-reply>svg{color:#ddcdee;margin-left:12px}.floating-badge{position:absolute;bottom:0;left:20px;display:flex;align-items:center;font-size:9px;color:#a192b2;letter-spacing:1px}.auth-bottom{display:flex;justify-content:space-between;color:#ab9dbd;font-size:8px;letter-spacing:1.5px;margin-top:25px}.auth-bottom span{font-size:9px;letter-spacing:1px}.auth-form{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 35px 25px;position:relative}.auth-form-inner{max-width:355px;width:100%;margin:auto}.auth-form h2{font-size:29px;margin:24px 0 12px;letter-spacing:1px}.auth-form-inner>p{font-size:11px;color:#a3a4b4;margin-bottom:34px;line-height:1.8}.auth-form label{font-size:11px;color:#71758b}.auth-form input{padding:13px;font-size:12px}.auth-form form .button{margin-top:9px}.auth-divider{display:flex;align-items:center;gap:15px;margin:25px 0;color:#bebbc8;font-size:9px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#f0eef5;flex:1}.auth-tip{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:26px;color:#beb4d0}.auth-tip p{font-size:9px;color:#b4adbf;line-height:1.9}.auth-form footer{font-size:9px;color:#b9b6c4;margin-top:50px}.visitor-page{min-height:100vh;background:radial-gradient(ellipse at top,#f2edfc,#f9f9fd 65%);padding:0 25px}.visitor-page>header{max-width:1050px;margin:auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between}.visitor-page>header>a{font-size:11px;color:#9e91b8;display:flex;gap:7px;align-items:center}.visitor-intro{text-align:center;padding:39px 0}.visitor-intro h1{font-size:30px;margin:15px 0;color:#5f5379}.visitor-intro h1 span{color:#aa96d0}.visitor-intro p{font-size:12px;color:#a499b7;line-height:1.8}.visitor-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.consult .card-title span{font-size:9px;color:#b0a7bf}.consult form{padding:28px}.consult label{font-size:11px;color:#827990}.consult textarea{height:120px}.consult .button{width:100%}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;padding:17px;background:#fcfbfe;color:#b0a5be;font-size:9px;border-top:1px solid #f5f2f8}.history{padding:25px;display:flex;flex-direction:column}.history>.muted{font-size:10px;margin-top:10px;color:#b0a6be}.history-row{display:flex;align-items:center;text-align:left;gap:11px;padding:17px 0;border-bottom:1px solid #f4f1f8}.history-row>div{flex:1;min-width:0}.history-row strong{font-size:11px;display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8d7b9d;font-weight:500}.history-row small{font-size:9px;display:block;color:#b3a9c1;margin-top:8px}.history-row>svg{color:#c0b5ce}.history .empty{padding:40px 0}.help-note{display:flex;align-items:center;gap:14px;padding:19px 12px;border-radius:10px;background:#f8f5fd;color:#b6a5d1;margin-top:auto}.help-note strong{font-size:10px;font-weight:500;color:#a090b6}.help-note p{font-size:9px;color:#b7abc6;margin-top:8px}.visitor-page footer{text-align:center;font-size:9px;color:#bdb3cb;letter-spacing:1px;padding:37px 0}.visitor-chat{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;height:570px;max-width:850px;margin:auto;display:flex;flex-direction:column}.visitor-back{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border)}.visitor-back>span{font-size:10px;color:#aaa1b8}.visitor-chat .chat-main{flex:1}.visitor-chat .messages{min-height:0}.visitor-page>.error{max-width:920px;margin:0 auto 20px}
@media(min-width:1550px){.content{padding:40px 50px}.welcome-banner{min-height:250px}.welcome-banner h2{font-size:29px}.welcome-banner p{font-size:12px}.overview-grid{grid-template-columns:minmax(0,1fr) 330px}.banner-art{margin-right:55px}.stat{padding:24px}.stat>strong{font-size:36px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.content{padding:27px}.overview-grid{grid-template-columns:minmax(0,1fr) 255px;gap:17px}.date-label{display:none}.customer-panel{display:none}.conversation-list{width:260px}.role-card{padding:18px;gap:10px}.role-card .pill{display:none}.banner-art{margin-right:0;width:240px}.role-card p{font-size:9px}.stat{padding:16px}.stat>small{font-size:8px}.welcome-banner p{max-width:350px;line-height:1.8}.welcome-banner h2{font-size:23px}}@media(max-width:1000px){.sidebar{width:190px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.content{padding:24px}.overview-grid{grid-template-columns:1fr}.team-card{display:none}.banner-art{width:180px;transform:scale(.85);transform-origin:right center;margin-left:-60px}.welcome-banner{padding:25px}.page-heading h1{font-size:22px}.stats{gap:10px}.stat{padding:14px 12px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat>strong{font-size:28px}.stat>small{font-size:8px}.stat-top{font-size:10px}.heading-actions .button{font-size:10px}.bottom-note>span:last-child{display:none}.auth-art{padding:35px}.auth-copy h1{font-size:29px}.auth-bottom{letter-spacing:0;font-size:7px}.auth-bottom span{font-size:8px}.float-message,.float-reply{padding:16px 13px}.float-message p,.float-reply p{font-size:10px}.float-reply{right:-5px}.settings-grid{grid-template-columns:1fr}.role-cards{grid-template-columns:1fr}.conversation-list{width:230px}.conversation p{max-width:158px}.chat-head{padding:15px}.chat-actions .button{padding:7px;font-size:9px}.chat-actions select{max-width:85px}.chat-actions{gap:3px}.topbar{padding:0 24px}.quick{gap:4px}.quick button{font-size:8px}.chat-head small{max-width:120px;white-space:nowrap;overflow:hidden}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;box-shadow:10px 0 40px #25203812}.sidebar.show{transform:translateX(0)}.main-shell{margin:0;width:100%}.topbar{height:61px;padding:0 20px}.topbar>div{gap:9px}.mobile-menu{display:flex;align-items:center}.topbar .connection{font-size:9px}.content{padding:24px 18px}.page-heading{gap:14px;align-items:flex-start}.page-heading h1{font-size:21px}.page-heading p{font-size:10px;line-height:1.9}.page-heading .eyebrow{font-size:8px}.heading-actions{align-self:center}.heading-actions .button{font-size:9px;padding:9px}.heading-actions .button svg{display:none}.welcome-banner{padding:24px;min-height:217px}.welcome-banner h2{font-size:23px}.welcome-banner p{max-width:255px;font-size:9px}.banner-art{transform:scale(.65);width:140px;position:absolute;right:30px;top:10px;opacity:.7}.welcome-banner>div:first-child{z-index:1;position:relative}.welcome-banner .button{font-size:9px;padding:9px 12px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stat{padding:17px}.stat>strong{margin:10px 0 11px}.stat-top{font-size:11px}.stat>small{font-size:9px}.card-title{padding:18px}.overview-grid{display:block}.table-wrap td,.table-wrap th{padding:14px}.recent .table-wrap td:nth-child(2),.recent .table-wrap th:nth-child(2){display:none}.recent .table-wrap td:nth-child(4),.recent .table-wrap th:nth-child(4){display:none}.customer-cell small{max-width:140px}.inbox-content{height:calc(100vh - 61px);padding:20px 12px 12px}.inbox-content .page-heading{margin-bottom:18px}.conversation-list{width:185px}.list-tools{padding:12px 8px 0}.tabs button{font-size:9px}.conversation{padding:15px 8px;gap:6px}.conversation>.avatar{width:25px;height:25px;font-size:10px;border-radius:8px}.conversation p{max-width:128px;font-size:9px}.conversation-title strong{font-size:10px}.conversation time{font-size:8px}.conversation-meta small{font-size:8px}.chat-head{flex-wrap:wrap;gap:7px;padding:12px}.chat-head .avatar{display:none}.chat-head small{font-size:8px;margin-top:4px}.chat-actions{margin-left:auto}.chat-actions .button{font-size:8px;padding:6px;gap:4px}.chat-actions .button svg{display:none}.chat-actions select{font-size:9px;max-width:75px;padding:6px}.messages{padding:12px}.message{gap:5px}.message .avatar{display:none}.message p{font-size:11px;padding:9px 11px}.composer{padding:11px}.composer textarea{font-size:10px}.composer-foot>svg{display:none}.quick{display:none}.empty h3{font-size:12px;line-height:1.8}.empty p{font-size:10px}.empty{padding:25px 12px}.empty-icon{width:50px;height:50px;border-radius:16px}.empty-icon svg{width:25px}.auth-page{display:block}.auth-art{width:100%;padding:25px;min-height:210px}.auth-art .brand b{font-size:21px}.auth-copy{padding:30px 0 10px;max-width:none}.auth-copy .eyebrow{font-size:8px}.auth-copy h1{font-size:24px;line-height:1.6;margin:12px 0}.auth-copy h1 br{display:none}.auth-copy>p{font-size:10px}.auth-copy .illustration,.auth-bottom{display:none}.auth-form{padding:35px 27px 20px}.auth-form-inner{max-width:400px}.auth-form h2{font-size:25px;margin:18px 0 10px}.auth-form footer{margin-top:35px}.visitor-page{padding:0 18px}.visitor-page>header{padding:23px 0}.visitor-intro{padding:27px 0}.visitor-intro h1{font-size:23px}.visitor-intro p{font-size:11px}.visitor-grid{grid-template-columns:1fr;gap:20px}.history .empty{min-height:180px}.visitor-chat{height:70vh}.visitor-chat .chat-head .avatar{display:flex}.visitor-chat .message .avatar{display:flex}.visitor-chat .messages{padding:15px}.role-card{padding:20px}.role-cards{gap:14px}.role-card h3{font-size:12px}.page-heading>.button{font-size:10px;padding:10px}.modal{padding:28px}.modal h2{font-size:20px}.topbar .top-separator{margin:0}.info-banner{padding:18px}.info-banner p{line-height:1.8}.inbox-content .error{margin-bottom:10px;font-size:10px}}
@media(max-width:400px){.conversation-list{width:155px}.conversation p{max-width:103px}.conversation-title{gap:4px}.conversation time{display:none}.conversation-meta small{max-width:50px;overflow:hidden;white-space:nowrap}.chat-actions select{max-width:65px}.chat-head strong{font-size:11px}.banner-art{right:8px;opacity:.4}.welcome-banner p{max-width:235px}.page-heading h1{font-size:19px}.heading-actions .button{padding:8px}.workspace .plan{font-size:8px}}
.sidebar{overflow-y:auto}.sidebar .workspace{margin-top:25px;padding-bottom:18px}.sidebar nav{gap:4px}.sidebar .nav{padding:10px 13px;flex-shrink:0}.sidebar .nav-label{margin-top:19px}.sidebar-tip{margin-top:25px}.sidebar-bottom{margin-top:auto}.office-heading-actions{display:flex;gap:10px;align-items:center}.office-heading-actions select{width:132px;font-size:11px}.scope-note{display:flex;align-items:center;gap:8px;color:#9d94b0;font-size:10px;line-height:1.9;margin:17px 0}.office-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.office-mini-stats>.card{padding:21px 23px;display:flex;flex-direction:column;gap:14px}.office-mini-stats span{font-size:11px;color:#8e8fa5}.office-mini-stats strong{font-size:29px;font-weight:650;color:#57516c;font-variant-numeric:tabular-nums}.office-mini-stats small{color:#b0aaba;font-size:9px}.office-toolbar{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.office-search{width:270px}.office-toolbar>select{width:145px;font-size:11px;padding:10px}.toolbar-count{margin-left:auto;font-size:10px;color:#aaa2b9}.office-table-note{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b0a5bf;padding:16px 22px;background:#fdfcfe;border-bottom:1px solid #f5f2f9}.office-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;text-align:center;gap:13px}.office-empty>span{height:60px;width:60px;border-radius:20px;color:#baa9dc;background:#f5f2fb;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.office-empty h3{font-size:13px;color:#8f81a4;font-weight:500}.office-empty p{font-size:10px;color:#b1a7be;line-height:1.9}.cell-primary{display:block;font-size:11px;font-weight:500;color:#746b85;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-sub{display:block;font-size:9px;color:#b1a8bd;margin-top:7px}.tags{display:flex;gap:5px;max-width:220px;flex-wrap:wrap}.tags span{font-size:9px;color:#a08cbd;background:#f4effb;border:1px solid #eee6f7;border-radius:4px;padding:3px 6px}.tags .no-tag{background:transparent;color:#c3beca;border:0;padding-left:0}.office-pagination{display:flex;align-items:center;justify-content:flex-end;gap:17px;padding:19px 23px;border-top:1px solid #f1edf7;font-size:10px;color:#aaa0b9}.office-pagination>span:first-child{margin-right:auto}.office-pagination button{border:1px solid #e9e3f1;padding:7px 12px;border-radius:6px;font-size:10px;background:white;color:#9685ae}.priority{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#9c91ad}.priority>i{height:6px;width:6px;background:#b6acc4;border-radius:50%}.priority.high{color:#c69b61}.priority.high>i{background:#d8b27b}.priority.urgent{color:#ce8d9a}.priority.urgent>i{background:#dc94a4}.priority.low{color:#9eabbc}.priority.low>i{background:#b1bfd1}.status.progress{background:#f1edfc;color:#a58bcb}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.3px}.history-filters{gap:12px;align-items:flex-end}.history-filters>label{font-size:9px;font-weight:400;color:#a89db9;margin:0}.history-filters>label>input{width:145px;margin-top:7px;padding:9px;font-size:10px}.history-filters>.office-search{margin-bottom:0}.history-filters>select{width:120px}.history-filters>.text-button{height:36px;padding:0 8px}.ellipsis-cell{display:block;max-width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.office-reply-tools{margin-bottom:21px}.office-reply-tools .office-toolbar{border-bottom:0}.reply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reply-card{padding:24px 23px;display:flex;flex-direction:column;min-height:235px}.reply-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.reply-category{font-size:10px;display:inline-flex;align-items:center;gap:6px;color:#ac9fc2}.scope-pill{font-size:8px;color:#9c85bd;background:#f4effb;border-radius:20px;padding:4px 7px;white-space:nowrap}.scope-pill.personal{color:#95afa4;background:#eff6f3}.reply-card h3{font-size:13px;margin:20px 0 12px;font-weight:600;color:#70627f}.reply-card>p{color:#a397af;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.reply-card-bottom{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f3eff8;padding-top:14px}.reply-card-bottom>span{font-size:8px;color:#bdb3c8}.reply-card-bottom>div{display:flex;gap:12px}.reply-card-bottom button{font-size:10px}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;margin-bottom:23px}.chart-legend{display:flex;align-items:center;gap:6px;font-size:9px;color:#afa4be}.chart-legend i{width:7px;height:7px;background:#e4dbf5;border-radius:2px}.chart-legend i:last-child{margin-left:7px;background:#ae97d7}.bar-chart{display:flex;align-items:flex-end;gap:5px;margin:26px 25px 0;height:198px}.bar-column{flex:1;min-width:0;display:flex;flex-direction:column;text-align:center;justify-content:flex-end;height:100%}.bar-value{font-size:9px;color:#b0a1c2;min-height:18px}.bar-track{height:145px;border-bottom:1px solid #eee8f6;display:flex;align-items:flex-end;justify-content:center}.bar-total{width:52%;max-width:30px;min-width:2px;border-radius:5px 5px 0 0;background:#e8def7;position:relative;overflow:hidden;transition:height .2s}.bar-closed{position:absolute;bottom:0;left:0;right:0;background:#b19bd8}.bar-column small{display:block;height:23px;min-height:23px;line-height:23px;font-size:8px;color:#baaec8;white-space:nowrap}.chart-caption{font-size:9px;color:#c0b6ca;text-align:center;padding:13px 0 21px}.ticket-summary .card-title>svg{color:#baa9d1}.distribution-row{display:flex;gap:12px;align-items:center;margin:21px 23px;font-size:10px;color:#aa9bb9}.distribution-row>span{width:48px}.distribution-row>div{background:#f5f1fa;height:5px;flex:1;overflow:hidden;border-radius:9px}.distribution-row i{height:100%;background:#c9b8e3;display:block;border-radius:9px}.distribution-row strong{font-size:12px;min-width:20px;text-align:right;font-weight:500;color:#9581ac}.ticket-summary>p{font-size:9px;line-height:1.8;color:#b7acc5;margin:0 23px 23px}.log-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.log-search .office-search{width:320px}.audit-action{font-size:10px;display:inline-block;padding:5px 8px;background:#f7f4fb;border-radius:5px;color:#a18db7}.office-modal{padding:31px;max-height:92vh}.office-modal.wide{width:580px}.office-modal h2{font-size:21px;margin:0 0 27px;color:#6f5f80;padding-right:25px}.office-modal form{margin-top:6px}.office-modal label{font-size:11px;color:#9685a8}.office-modal input,.office-modal select,.office-modal textarea{font-size:11px}.office-modal select{display:block;margin-top:9px;padding:11px 10px}.office-modal textarea{min-height:115px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid>label{min-width:0}.office-modal .scope-note{margin:0 0 18px}.office-modal-error{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:90;background:#fff1f0;color:#b76d7d;border:1px solid #f0d0d6;border-radius:8px;padding:14px 23px;font-size:12px;box-shadow:0 8px 25px #542b3b11}.office-drawer-backdrop{position:fixed;inset:0;background:#36254735;backdrop-filter:blur(2px);z-index:45;display:flex;justify-content:flex-end}.office-drawer{width:480px;max-width:100%;background:white;box-shadow:-10px 0 50px #33203d0d;padding:27px 30px;overflow-y:auto}.drawer-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#9079a8;border-bottom:1px solid #f1ebf7;padding-bottom:22px}.drawer-heading button{display:flex;align-items:center;color:#b8a9c7}.drawer-profile{text-align:center;padding:30px 0 22px}.drawer-profile .avatar{width:62px;height:62px;border-radius:20px;font-size:25px}.drawer-profile h2{font-size:22px;margin:17px 0 12px;color:#766185}.drawer-buttons{display:flex;gap:11px;justify-content:center;margin:2px 0 29px;flex-wrap:wrap}.office-dl{display:grid;grid-template-columns:90px 1fr;gap:24px 18px;border-top:1px solid #f1ecf6;padding-top:27px;font-size:11px}.office-dl dt{color:#baacc7}.office-dl dd{color:#9b88ae;margin:0;overflow-wrap:anywhere;line-height:1.8}.prewrap{white-space:pre-wrap}.drawer-subtitle{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500;color:#937da8;border-top:1px solid #f1ebf7;padding-top:25px;margin:28px 0 20px}.related-conversation{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:15px 0;border-bottom:1px solid #f5f0fa;color:#b9a8ca;gap:15px}.related-conversation div{min-width:0}.related-conversation strong{display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#9c85b1;font-weight:500}.related-conversation small{display:block;font-size:9px;color:#b7a5c7;margin-top:9px}.ticket-code{display:block;color:#b6a5c6;letter-spacing:1px;font-size:10px;margin:27px 0 15px}.drawer-ticket-title{font-size:22px;line-height:1.65;color:#756180;overflow-wrap:anywhere}.ticket-detail-badges{display:flex;gap:15px;align-items:center;margin-top:17px}.ticket-detail-body{font-size:12px;line-height:2;color:#9b89a9;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbf9fd;border-radius:10px;padding:20px;margin:25px 0}.ticket-timeline article{border-left:2px solid #e8dff2;padding:0 0 25px 17px}.ticket-timeline article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-timeline strong{font-size:11px;font-weight:500;color:#a38cb7}.ticket-timeline time{font-size:9px;color:#c2b4cb}.ticket-timeline article>p{font-size:11px;color:#ac98b9;line-height:1.9;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-note-form{margin-top:22px}.ticket-note-form textarea{font-size:11px;margin-bottom:12px;min-height:105px}.quick select{padding:5px 7px;width:auto;max-width:155px;font-size:9px;border-color:#eee7f6;background:#fcfaff}.quick .note-toggle{display:inline-flex;align-items:center;gap:4px}.quick .note-toggle.chosen{color:#bf985d;background:#fcf4e6}.internal-message{justify-content:center}.internal-message .avatar{display:none}.internal-message p{background:#fff8e9;border-color:#f4e7ce;color:#b19767;border-radius:8px}.internal-message small{color:#c4b38c}.waiting-service-tip{color:#aa9cbf;background:#f8f4fd;padding:12px 18px;border-radius:7px;margin-bottom:20px;line-height:1.8}.visitor-service-name{display:block;font-size:10px;letter-spacing:1px;color:#b5a6c7;margin-top:14px}.chat-actions{flex-wrap:wrap}.quick{flex-wrap:wrap}
@media(max-height:900px){.sidebar-tip{display:none}.sidebar-bottom{padding:17px 0}.sidebar{padding-top:23px}.sidebar .workspace{margin-top:21px}.sidebar .nav-label{margin-top:16px}}@media(max-width:1200px){.reply-grid{grid-template-columns:1fr 1fr}.office-toolbar{gap:12px}.office-search{width:240px}.history-filters>label>input{width:132px}.report-grid{grid-template-columns:minmax(0,1fr) 240px}.office-mini-stats>.card{padding:19px}.report-stats small{font-size:8px}.office-heading-actions{gap:8px}.office-heading-actions .button{padding:10px 13px}.office-drawer{width:450px}}@media(max-width:950px){.report-grid{grid-template-columns:1fr}.ticket-summary{display:none}.office-search{width:210px}.office-heading-actions .button{font-size:10px;padding:9px 12px}.office-mini-stats{gap:12px}.office-mini-stats>.card{padding:17px}.office-mini-stats strong{font-size:25px}.office-mini-stats span{font-size:10px}.reply-grid{gap:15px}.reply-card{padding:20px}.office-toolbar>select{width:135px}.office-table-note{font-size:9px}.office-heading-actions select{font-size:10px;width:118px}.backoffice .page-heading{align-items:flex-start}.scope-note{font-size:9px}}@media(max-width:760px){.office-heading-actions{flex-wrap:wrap;justify-content:flex-end}.backoffice .page-heading{gap:12px}.office-heading-actions .button{font-size:9px;padding:8px;gap:5px}.office-heading-actions .button svg{width:13px;height:13px}.office-mini-stats{grid-template-columns:1fr 1fr;gap:12px}.office-mini-stats>.card{padding:17px 18px;gap:10px}.office-mini-stats strong{font-size:26px}.office-toolbar{padding:17px;gap:12px}.office-search{width:100%;flex:1;min-width:170px}.office-toolbar>select{font-size:10px;width:130px}.office-toolbar>.text-button{font-size:9px}.toolbar-count{font-size:9px}.reply-grid{grid-template-columns:1fr}.office-reply-tools .office-search{flex-basis:100%}.reply-card{min-height:200px}.office-drawer{padding:23px}.office-modal{padding:27px;max-width:100%}.office-modal h2{font-size:20px}.form-grid{gap:0 13px}.office-table-note{gap:15px;font-size:8px;padding:13px 17px}.history-filters>.office-search{flex-basis:100%}.history-filters>label>input{width:140px}.history-filters>select{width:125px}.office-pagination{gap:9px;padding:16px;font-size:9px}.office-pagination button{padding:7px 9px;font-size:9px}.office-heading-actions select{font-size:9px;width:105px;padding:9px 7px}.backoffice .report-stats small{font-size:8px}.report-grid{gap:15px}.trend-card .card-title{gap:8px}.trend-card .card-title h3{font-size:12px}.chart-legend{font-size:8px}.bar-chart{margin:23px 16px 0;gap:3px}.log-search{width:100%}.log-search .office-search{width:auto;flex:1}.log-search .button{font-size:9px}.quick{display:flex;gap:5px}.quick>button:not(.note-toggle){display:none}.quick select{font-size:8px;max-width:115px;padding:5px}.quick .note-toggle{font-size:8px}.chat-actions .button{font-size:8px}.chat-actions{max-width:150px}.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.scope-note{line-height:1.9;align-items:flex-start}.scope-note>svg{flex-shrink:0;margin-top:3px}.office-dl{grid-template-columns:75px 1fr;gap:20px 14px}.drawer-ticket-title{font-size:20px}.performance .card-title .muted{font-size:9px}.reply-card-bottom>span{font-size:8px}.office-modal-error{max-width:90%;width:max-content;font-size:11px}.visitor-service-name{font-size:9px}}

.connection.offline{color:#be7d55!important}.connection.reconnecting,.connection.connecting{color:#b29b68!important}.connection.offline .dot{background:#d79b6b}.connection-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff5e9;color:#a57f4d;border:1px solid #f1e2cb;padding:12px 16px;border-radius:9px;font-size:11px;margin-bottom:17px;flex-shrink:0}.connection-banner button{color:#9b6d35;text-decoration:underline;white-space:nowrap}.unread-badge{display:inline-flex;min-width:19px;height:19px;padding:0 5px;align-items:center;justify-content:center;background:#9d7de0;color:white;border-radius:10px;font-size:9px;margin-left:7px;flex-shrink:0}.conversation-title strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-title time{margin-left:auto;padding-left:7px;white-space:nowrap}.draft-saved{color:#aa9db9;font-size:9px;white-space:nowrap}.new-messages-button{background:#f1ebfc;color:#9a7bc5;border-top:1px solid #eae1f6;font-size:11px;padding:9px;flex-shrink:0}.closed-note{flex-direction:column;align-items:center;gap:12px}.closed-note>span{display:flex;align-items:center;gap:8px}.closed-note .button{font-size:10px}.undo-toast{position:fixed;z-index:65;bottom:25px;right:30px;background:#3e3552;color:#eee8f6;box-shadow:0 8px 30px #33244120;border-radius:10px;display:flex;align-items:center;gap:20px;padding:15px 19px;font-size:12px}.undo-toast button{color:#d8c5fd;border-left:1px solid #82718e;padding-left:15px}.close-confirm h2{font-size:21px;margin-bottom:22px;color:#766285}.close-confirm p{font-size:12px;line-height:1.9;color:#aa96b9;margin:14px 0}.close-confirm>div{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.chat-back,.mobile-customer{display:none}.customer-open{width:100%;margin-top:20px;font-size:10px!important}.customer-panel>h3:first-child{display:flex;justify-content:space-between;align-items:center}.customer-panel dl .tags{gap:5px;color:#ad9bb9;font-size:10px}.customer-panel dl .tags span{white-space:normal;overflow-wrap:anywhere}.original-contact{text-align:left;color:#b1a0bf;font-size:9px;line-height:1.9;margin-top:20px}.original-contact summary{cursor:pointer;color:#ae9cbd}.original-contact p{margin-top:8px;overflow-wrap:anywhere}.customer-sheet{display:block!important;width:375px;border:0;border-radius:15px;background:white;max-height:90dvh;overflow-y:auto;padding:26px}.customer-sheet>h3:first-child{font-size:13px;margin-bottom:25px}.customer-sheet dl{margin-top:24px}.customer-sheet .customer-tip{margin-top:25px}.visitor-back .visitor-presence{font-size:10px;color:#9d94aa}.visitor-presence.offline{color:#bf8b63}.composer textarea{line-height:1.8}.inbox-content .page-heading{flex-shrink:0}.inbox-content .error{flex-shrink:0}.conversation .status{white-space:nowrap}.visitor-contact{margin-bottom:12px;font-size:11px}.visitor-contact a{color:#9682b7}
@media(max-width:1250px){.mobile-customer{display:inline-flex!important}}
@media(max-width:760px){.inbox-content{height:calc(100dvh - 61px)}.inbox-layout.list-open .chat-main{display:none}.inbox-layout.list-open .conversation-list{display:flex;width:100%;border-right:0}.inbox-layout.chat-open .conversation-list{display:none}.inbox-layout.chat-open .chat-main{display:flex;width:100%}.chat-back{display:inline-flex;align-items:center;font-size:11px;white-space:nowrap;color:#9876bf;padding:8px 4px;margin-right:3px}.chat-head{gap:9px;min-height:70px}.chat-head strong{font-size:13px}.chat-head small{font-size:9px;max-width:none}.chat-actions{max-width:none;flex:1;justify-content:flex-end;gap:6px}.chat-actions .button{font-size:10px;padding:8px}.chat-actions select{padding:8px 4px;font-size:10px}.chat-actions .button svg{display:inline-block;width:13px}.chat-actions .mobile-customer{font-size:0;padding:9px}.chat-actions .mobile-customer svg{width:16px;height:16px}.list-open .conversation{padding:18px 17px;gap:13px}.list-open .conversation>.avatar{height:39px;width:39px;font-size:14px;border-radius:12px}.list-open .conversation-title strong{font-size:13px}.list-open .conversation p{max-width:100%;font-size:12px;margin-top:10px}.list-open .conversation-meta small{font-size:10px;max-width:none}.list-open .conversation time{display:block;font-size:10px}.list-open .conversation-meta .status{font-size:10px;padding:3px 7px}.list-open .tabs{gap:12px}.list-open .tabs button{font-size:12px;white-space:nowrap;padding:12px}.list-open .list-tools{padding:15px 15px 0}.list-open .search input{font-size:13px}.message p{font-size:13px;line-height:1.9;padding:12px 14px;max-width:100%}.message small{font-size:10px}.messages{padding:16px}.composer{padding:13px 16px}.composer textarea{font-size:16px;line-height:1.7;min-height:80px;height:92px}.composer textarea::placeholder{font-size:13px}.composer-foot .button{min-height:42px;padding:10px 16px;font-size:12px}.quick .note-toggle{font-size:11px;padding:7px}.quick select{font-size:11px;max-width:170px;padding:7px}.draft-saved{font-size:10px}.visitor-chat .chat-back{display:none}.closed-note{font-size:11px;line-height:1.8}.closed-note .button{min-height:40px;font-size:12px}.connection-banner{font-size:10px;line-height:1.8;margin-bottom:12px;align-items:flex-start;padding:10px 13px}.topbar .connection{font-size:9px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.undo-toast{bottom:18px;right:16px;left:16px;justify-content:space-between;font-size:12px}.close-confirm{padding:26px}.close-confirm h2{font-size:20px}.close-confirm p{font-size:12px}.new-messages-button{min-height:38px;font-size:11px}.visitor-chat{height:70dvh}.customer-sheet{max-width:100%;padding:24px}.toast{max-width:calc(100vw - 32px);font-size:11px;line-height:1.8}.visitor-back .visitor-presence{font-size:9px;max-width:165px;line-height:1.7;text-align:right}.inbox-content .page-heading p{font-size:10px}}
.inbox-layout{overflow:clip}.chat-head,.composer,.closed-note{flex-shrink:0}.conversation-list{min-height:0}.customer-panel{min-height:0;overflow-y:auto}

/* Chat workspaces use the actual available viewport and keep messages readable. */
.app-shell.in-chat .main-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;min-height:0}
.in-chat .topbar{height:56px;min-height:56px;flex:0 0 56px}
.in-chat .content.inbox-content{height:auto;flex:1 1 0;min-height:0;max-width:1800px;width:100%;margin:0 auto;padding:18px 24px;overflow-y:auto}
.in-chat .page-heading.smaller{margin-bottom:16px;min-height:46px;align-items:center}
.in-chat .page-heading.smaller h1{font-size:21px;line-height:1.35;margin:0 0 7px}
.in-chat .page-heading.smaller p{line-height:1.6;margin:0}
.in-chat .inbox-layout{flex:1 0 320px;min-height:320px}
.in-chat .conversation-list{width:250px;min-width:210px}
.chat-main{min-width:0;min-height:0}
.chat-head{padding:11px 15px;min-height:62px;gap:9px;flex:0 0 auto;flex-wrap:nowrap}
.chat-identity{min-width:0;flex:1 1 70px}
.chat-identity strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
.chat-identity small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
.chat-actions{margin-left:auto;max-width:none;flex:0 0 auto;flex-wrap:nowrap;gap:6px}
.chat-actions .button{font-size:10px;padding:8px 10px;gap:5px}
.chat-actions select{width:104px;max-width:104px;padding:8px;font-size:10px;min-width:0}
.messages{flex:1 1 0;min-height:140px;padding:17px 20px;overscroll-behavior:contain;overflow-y:auto}
.composer{flex:0 0 auto;padding:9px 14px}
.composer .quick{gap:6px;margin-bottom:5px;min-height:24px}
.composer textarea{display:block;height:clamp(44px,10vh,96px);height:clamp(44px,10dvh,96px);min-height:44px;max-height:96px;padding:5px 0;line-height:1.7;resize:none}
.composer-foot{min-height:32px;gap:9px}
.composer-foot .button{padding:8px 13px;min-height:32px}
.in-chat .customer-panel{width:210px;padding:20px 16px}
.in-chat .customer-panel>h3:first-child{margin-bottom:21px}
.in-chat .customer-panel dl{margin-top:23px}
.in-chat .sidebar{height:100vh;height:100dvh;overflow:hidden}
.in-chat .sidebar>.brand,.in-chat .workspace,.in-chat .nav-label,.in-chat .sidebar-bottom{flex-shrink:0}
.in-chat .sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.in-chat .sidebar-bottom{margin-top:12px;padding:12px 0}
.in-chat .sidebar-tip{display:none}
/* The visitor's conversation replaces the introduction rather than sitting below it. */
.visitor-page.has-chat{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:0 24px;overflow-y:auto}
.visitor-page.has-chat>header{width:100%;max-width:1080px;flex:0 0 auto;padding:11px 0;margin:0 auto;min-height:56px}
.visitor-page.has-chat>.visitor-intro{display:none}
.visitor-page.has-chat>.error{width:100%;max-width:980px;flex-shrink:0;margin:0 auto 10px}
.visitor-page.has-chat .visitor-chat{width:100%;max-width:980px;flex:1 0 320px;height:auto;min-height:320px;margin:0 auto}
.visitor-page.has-chat .visitor-back{padding:10px 16px;min-height:35px;flex-shrink:0}
.visitor-page.has-chat .chat-head{min-height:54px;padding:8px 16px}
.visitor-page.has-chat .chat-actions:empty{display:none}
.visitor-page.has-chat>footer{flex:0 0 auto;padding:9px 0;font-size:9px;line-height:1.5}
.visitor-page.has-chat>footer .visitor-contact{display:inline;margin:0 16px 0 0;font-size:10px}
.visitor-page:not(.has-chat) .visitor-intro{padding:24px 0}
.visitor-page:not(.has-chat) .visitor-intro h1{font-size:27px;margin:12px 0}
.visitor-page img{max-width:100%;height:auto;object-fit:contain}
@supports not (overflow:clip){.in-chat .inbox-layout{overflow:hidden}}
@media(min-width:1001px) and (max-width:1250px){.in-chat .conversation-list{width:220px}.in-chat .content.inbox-content{padding:16px 20px}.chat-head>.avatar{width:31px;height:31px;border-radius:10px}.chat-actions .button{padding:7px 8px}.chat-actions select{width:95px;max-width:95px}}
@media(max-width:1000px){
 .in-chat .inbox-layout.list-open .chat-main{display:none}
 .in-chat .inbox-layout.list-open .conversation-list{display:flex;width:100%;min-width:0;border-right:0}
 .in-chat .inbox-layout.chat-open .conversation-list{display:none}
 .in-chat .inbox-layout.chat-open .chat-main{display:flex;width:100%}
 .in-chat .chat-back{display:inline-flex;align-items:center;font-size:11px;padding:7px 3px;white-space:nowrap;color:#9876bf}
 .in-chat .customer-panel:not(.customer-sheet){display:none}
 .in-chat .mobile-customer{display:inline-flex!important}
 .in-chat .list-open .conversation{padding:16px;gap:12px}
 .in-chat .list-open .conversation p{max-width:100%;font-size:12px}
 .in-chat .list-open .conversation-title strong{font-size:13px}
 .in-chat .list-open .tabs button{font-size:12px;white-space:nowrap;padding:11px}
 .in-chat .list-open .list-tools{padding:13px 15px 0}
 .chat-actions .mobile-customer{font-size:0;padding:8px}
 .chat-actions .mobile-customer svg{width:16px;height:16px;display:block}
 .in-chat .chat-identity{flex:1 1 70px}
}
@media(max-height:680px){
 .in-chat .content.inbox-content{padding-top:12px;padding-bottom:12px}
 .in-chat .page-heading.smaller{margin-bottom:12px;min-height:39px}
 .in-chat .page-heading.smaller h1{font-size:19px;margin-bottom:5px}
 .in-chat .sidebar{padding-top:17px}
 .in-chat .sidebar .workspace{display:none}
 .in-chat .sidebar .nav-label{margin:17px 13px 10px}
 .in-chat .sidebar .nav{padding:9px 12px}
 .chat-head{min-height:54px;padding-top:8px;padding-bottom:8px}
 .composer{padding:7px 13px}
 .composer textarea{height:48px;min-height:40px;max-height:64px}
 .composer .quick{margin-bottom:3px}
 .composer-foot{min-height:30px}
 .messages{padding:13px 17px}
 .chat-date{margin-bottom:17px}
 .message{margin:17px 0}
 .visitor-page.has-chat>header{min-height:48px;padding:7px 0}
 .visitor-page.has-chat>header .brand-icon{width:30px;height:30px;border-radius:9px}
 .visitor-page.has-chat>header .brand b{font-size:20px}
 .visitor-page.has-chat>footer{padding:6px 0;font-size:8px}
}
@media(max-width:760px){
 .in-chat .topbar{height:52px;min-height:52px;flex-basis:52px;padding:0 15px}
 .in-chat .content.inbox-content{padding:12px;max-width:100%}
 .in-chat .page-heading.smaller{margin-bottom:12px;gap:10px}
 .in-chat .page-heading.smaller h1{font-size:20px}
 .in-chat .page-heading.smaller p{font-size:9px}
 .in-chat .page-heading.smaller .button{font-size:10px;padding:9px 10px}
 .in-chat .chat-head{gap:7px;padding:10px 12px;min-height:62px}
 .chat-actions{gap:5px;flex:0 0 auto;flex-wrap:nowrap;max-width:none}
 .chat-actions .button{font-size:10px;padding:8px;min-height:32px}
 .chat-actions .button svg{display:none}
 .chat-actions select{font-size:10px;width:79px;max-width:79px;padding:8px 5px}
 .in-chat .chat-identity{flex:1 1 50px;min-width:40px}
 .chat-identity strong{font-size:12px}
 .chat-identity small{font-size:8px;max-width:100%}
 .in-chat .chat-back{font-size:10px;padding:8px 0;flex-shrink:0}
 .chat-back{font-size:0!important}
 .chat-back::before{content:'←';font-size:17px;padding:0 5px}
 .chat-actions .mobile-customer{font-size:0!important;padding:8px}
 .chat-actions .mobile-customer svg{display:block;width:15px;height:15px}
 .composer{padding:9px 12px}
 .composer textarea{font-size:16px;height:clamp(48px,9vh,76px);height:clamp(48px,9dvh,76px);min-height:48px;max-height:76px}
 .composer textarea::placeholder{font-size:12px}
 .composer .quick{gap:6px;margin-bottom:4px}
 .composer .quick .note-toggle,.composer .quick select{font-size:10px;padding:6px}
 .composer-foot{min-height:37px}
 .composer-foot .button{min-height:37px;padding:8px 14px}
 .visitor-page.has-chat{padding:0 12px}
 .visitor-page.has-chat>header{min-height:50px;padding:8px 2px}
 .visitor-page.has-chat .visitor-chat{min-height:320px;border-radius:11px}
 .visitor-page.has-chat .visitor-back{padding:9px 12px;gap:8px}
 .visitor-back .visitor-presence{font-size:9px;max-width:155px}
 .visitor-page.has-chat .chat-head{min-height:48px;padding:7px 13px}
 .visitor-page.has-chat .chat-head .avatar{width:29px;height:29px;font-size:11px}
 .visitor-page.has-chat>footer{padding:7px 0;font-size:8px}
 .visitor-page.has-chat>footer .visitor-contact{display:block;margin:0 0 3px;font-size:9px}
 .visitor-page:not(.has-chat) .visitor-intro{padding:17px 0 23px}
 .visitor-page:not(.has-chat) .visitor-intro h1{font-size:22px}
}
@media(max-width:400px){.in-chat .chat-head{gap:5px;padding-left:8px;padding-right:8px}.chat-actions{gap:4px}.chat-actions .button{font-size:9px;padding:7px 6px}.chat-actions select{width:70px;max-width:70px;font-size:9px}.chat-actions .mobile-customer{padding:7px}.chat-identity small{font-size:7px}.in-chat .page-heading.smaller .button{font-size:9px;padding:8px}.in-chat .page-heading.smaller h1{font-size:18px}}

/* Operational interface: use space for work, with one compact navigation bar. */
:root{--muted:#727b8c;--border:#e5e8ef}
.app-shell .sidebar{width:188px;padding:18px 12px 0;height:100vh;height:100dvh;overflow:hidden}
.app-shell .sidebar>.brand{padding-left:7px}.app-shell .sidebar .brand b{font-size:21px}.app-shell .sidebar .brand b>span{display:none}
.app-shell .sidebar .workspace{margin-top:15px;padding:10px 5px 14px}.app-shell .workspace small,.app-shell .workspace .plan{display:none}.app-shell .workspace strong{font-size:12px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .sidebar .nav-label{font-size:10px;margin:14px 10px 9px}
.app-shell .sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;gap:3px;scrollbar-width:thin}
.app-shell .sidebar .nav{font-size:13px;padding:10px;gap:9px;color:#667185;flex-shrink:0}.app-shell .sidebar .nav.active{color:#6251ce}
.app-shell .sidebar-tip{display:none}.app-shell .sidebar-bottom{flex-shrink:0;margin-top:10px;padding:12px 0}.app-shell .profile strong{font-size:12px}.app-shell .profile small{font-size:10px}
.app-shell .main-shell{margin-left:188px;width:calc(100% - 188px)}
.app-shell .topbar{height:48px;min-height:48px;flex-basis:48px;padding:0 18px}.topbar>div{font-size:12px}.topbar .connection{font-size:11px}
.app-shell .content{padding:18px;max-width:none;width:100%}.app-shell .page-heading{margin-bottom:16px;gap:12px;min-height:34px}.app-shell .page-heading .eyebrow{display:none}.app-shell .page-heading h1{font-size:22px;margin:0 0 5px;line-height:1.4}.app-shell .page-heading p{font-size:12px;color:#788195;letter-spacing:0;line-height:1.6}
.app-shell .button{font-size:12px;padding:9px 13px}.app-shell input,.app-shell select,.app-shell textarea{font-size:13px}.app-shell .muted{color:#7e8899}
.app-shell .stats{gap:12px;margin:0 0 16px}.app-shell .stat{padding:14px 16px}.app-shell .stat-top{font-size:12px}.app-shell .stat>strong{font-size:27px;margin:3px 0 4px}.app-shell .stat>small{font-size:10px;color:#7e8899}.app-shell .stat-icon{width:27px;height:27px;border-radius:7px}
.app-shell .overview-grid{gap:16px;grid-template-columns:minmax(0,1fr) 245px}.app-shell .bottom-note{display:none}.app-shell .permission-note{padding:12px 16px}.app-shell .card-title{padding:14px 16px}.app-shell .card h3{font-size:14px}
.app-shell table{font-size:13px}.app-shell th{font-size:12px;color:#788195;padding:11px 16px}.app-shell td{padding:13px 16px;color:#626e80}.app-shell .customer-cell strong,.app-shell .cell-primary{font-size:13px;color:#39465a}.app-shell .cell-sub,.app-shell .customer-cell small{font-size:11px;color:#7e8899;margin-top:4px}.app-shell .status{font-size:11px}.app-shell .text-button{font-size:12px}
.app-shell .office-toolbar{padding:12px 16px;gap:10px}.app-shell .office-mini-stats{gap:12px;margin-bottom:16px}.app-shell .office-mini-stats>.card{padding:13px 16px;gap:7px}.app-shell .office-mini-stats span{font-size:12px}.app-shell .office-mini-stats strong{font-size:26px}.app-shell .office-mini-stats small{font-size:10px}.app-shell .office-table-note{padding:10px 16px}.app-shell .office-empty{min-height:160px;padding:24px}.app-shell .office-empty>span{width:36px;height:36px;border-radius:10px}.app-shell .office-empty h3{font-size:14px}.app-shell .office-empty p{font-size:12px}
.app-shell .role-cards{gap:12px;margin-bottom:16px}.app-shell .role-card{padding:14px 16px;gap:12px}.app-shell .role-card p{font-size:12px}.app-shell .info-banner{margin-top:16px;padding:14px 16px}.app-shell .reply-card{min-height:180px;padding:18px}.app-shell .reply-card h3{margin:14px 0 9px}.app-shell .reply-card>p{font-size:13px;color:#667185}.app-shell .settings-card{padding:20px}.app-shell .settings-card>p{font-size:12px;color:#788195}
.app-shell.in-chat .content.inbox-content{padding:8px 10px;max-width:none;overflow-y:auto}.in-chat .page-heading.smaller{margin:0 0 8px;min-height:33px}.in-chat .page-heading.smaller h1{font-size:17px;margin:0;display:inline-flex}.in-chat .page-heading.smaller>div{display:flex;align-items:center;gap:14px}.in-chat .page-heading.smaller p{font-size:11px}.in-chat .page-heading.smaller .button{padding:6px 9px;font-size:11px}
.in-chat .inbox-layout{border-radius:8px;flex-basis:320px}.in-chat .conversation-list{width:245px;min-width:210px}.in-chat .list-tools{padding:12px 12px 0}.in-chat .search input{font-size:12px}.in-chat .tabs{gap:10px}.in-chat .tabs button{font-size:12px;padding:11px 3px}.in-chat .conversation{padding:14px 12px;gap:10px}.in-chat .conversation-title strong{font-size:13px;color:#39465a}.in-chat .conversation p{font-size:12px;color:#748094;max-width:170px}.in-chat .conversation time,.in-chat .conversation-meta small{font-size:10px}
.in-chat .chat-head{padding:9px 14px;min-height:56px}.in-chat .chat-identity strong{font-size:14px}.in-chat .chat-identity small{font-size:10px}.in-chat .chat-actions .button,.in-chat .chat-actions select{font-size:12px;padding:7px 9px}.in-chat .chat-actions select{width:110px;max-width:110px}.in-chat .messages{padding:16px 20px}.message p{font-size:14px;line-height:1.7;padding:10px 13px;color:#3d485a}.message small{font-size:11px;color:#8b93a2}.message{margin:16px 0}.in-chat .mobile-customer{display:inline-flex!important}.in-chat .composer{padding:8px 14px}.in-chat .composer textarea{font-size:14px;height:58px;min-height:44px;max-height:86px}.in-chat .composer .quick{min-height:24px}.in-chat .composer .quick button,.in-chat .composer .quick select{font-size:11px}.in-chat .composer-foot .button{font-size:12px;padding:7px 14px;min-height:34px}.company-filter{margin-bottom:9px;padding:8px!important;font-size:12px!important}
.company-link,.company-actions{display:flex;align-items:center;gap:12px}.company-link a{display:flex;align-items:center;gap:4px;color:#6251ce}.company-link button{display:flex;color:#7b8495}.field-help{display:block;font-size:11px;font-weight:400;color:#7b8495;margin-top:8px;line-height:1.6}
.auth-page{display:flex;min-height:100vh;min-height:100dvh;background:#f6f7fb}.auth-art{display:none}.auth-form{width:100%;min-height:100vh;min-height:100dvh;padding:35px 24px}.auth-form-inner{max-width:380px}
/* Visitor opens directly into a full-window conversation, with history on demand. */
.visitor-direct{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#f8f9fc;padding:0 16px;overflow:hidden;color:#2d3748}
.visitor-direct-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 66px;max-width:1200px;margin:0 auto}.visitor-service{display:flex;align-items:center;gap:11px;min-width:0}.visitor-service h1{font-size:17px;line-height:1.5;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-service small{font-size:11px;line-height:1.5;color:#788195}.visitor-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}.visitor-tools>a{color:#8791a1;padding:8px}.visitor-tools .button{font-size:12px;padding:8px 12px}
.visitor-direct>.error{width:100%;max-width:1200px;margin:0 auto 8px;flex-shrink:0;gap:12px}
.visitor-direct-chat{width:100%;max-width:1200px;margin:0 auto 12px;flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #e1e5ed;border-radius:10px}
.visitor-conversation-status{flex-shrink:0;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:7px 17px;border-bottom:1px solid #edf0f5;font-size:12px;color:#7c8798}.visitor-conversation-status small{font-size:10px}.visitor-conversation-status .text-button{font-size:12px}.visitor-direct .messages{min-height:50px;padding:18px 22px;background:#fafbfe}.visitor-direct .chat-date{font-size:11px;color:#8e97a7;margin-bottom:16px}.visitor-direct .waiting-service-tip{font-size:12px;margin:12px auto 0;max-width:600px;padding:9px 12px;color:#75728a}.visitor-direct .message>div{max-width:min(75%,720px)}.visitor-direct .message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.visitor-direct .message .avatar{width:32px;height:32px;font-size:12px;border-radius:9px}.visitor-welcome{padding:16px 18px;border:1px solid #e7eaf1;background:white;border-radius:10px;max-width:620px}.visitor-welcome strong{font-size:15px;color:#39465a}.visitor-welcome p{font-size:14px;line-height:1.8;margin:8px 0;color:#667185;white-space:pre-wrap}.visitor-welcome small{font-size:12px;color:#8993a3}.visitor-direct .composer{flex-shrink:0;padding:10px 17px}.visitor-direct .composer textarea{height:62px;max-height:100px;min-height:44px;font-size:14px;line-height:1.7}.visitor-direct .composer textarea::placeholder{font-size:13px}.visitor-direct .composer-foot{min-height:36px}.visitor-direct .composer-foot>small{font-size:11px;color:#8c95a4}.visitor-direct .composer-foot>span{font-size:11px}.visitor-direct .composer-foot .button{font-size:13px;min-height:36px;padding:8px 18px}.visitor-direct .closed-note{padding:17px;font-size:13px;gap:10px;flex-shrink:0}.visitor-history-backdrop{position:fixed;inset:0;background:#25334b40;z-index:60;display:flex;justify-content:flex-end}.visitor-history-panel{width:370px;max-width:100%;height:100%;overflow-y:auto;padding:20px;background:white;box-shadow:-8px 0 25px #22334410}.visitor-history-panel h2{font-size:17px;color:#39465a}.visitor-history-panel>.button{margin-top:20px}.history-description{font-size:12px;color:#8b93a2;margin:20px 0 8px}.visitor-history-panel .history-row{padding:15px 8px}.visitor-history-panel .history-row strong{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visitor-history-panel .history-row small{font-size:11px;color:#8791a1;display:block;margin-top:7px}.visitor-history-panel .history-row.selected{background:#f4f1fd;border-radius:7px}
@media(max-width:1599px){.in-chat .customer-panel:not(.customer-sheet){display:none}}
@media(min-width:1001px){.in-chat .chat-back{display:none}}
@media(max-width:1000px){.in-chat .list-open .conversation-list{width:100%}.in-chat .list-open .conversation p{max-width:100%}.in-chat .chat-back{display:inline-flex}.in-chat .chat-actions .mobile-customer{font-size:0}.in-chat .chat-actions .mobile-customer svg{display:block}}
@media(max-height:680px){.app-shell .sidebar .workspace{display:none}.app-shell .sidebar{padding-top:13px}.app-shell .sidebar .nav{padding:8px 10px}.in-chat .composer textarea{height:44px}.visitor-direct-head{flex-basis:56px}.visitor-direct .composer textarea{height:48px}.visitor-direct .composer{padding:7px 14px}.visitor-direct .composer-foot{min-height:32px}.visitor-direct-chat{margin-bottom:8px}}
@media(max-width:760px){.app-shell .sidebar{width:208px;left:-208px}.app-shell .sidebar.show{left:0;box-shadow:10px 0 40px #24344b25}.app-shell .main-shell{margin-left:0;width:100%}.app-shell .topbar{padding:0 12px}.app-shell .content{padding:14px}.app-shell .overview-grid{grid-template-columns:1fr}.app-shell .stats{grid-template-columns:1fr 1fr}.app-shell .page-heading h1{font-size:20px}.app-shell .page-heading p{font-size:11px}.in-chat .page-heading.smaller>div{display:block}.in-chat .page-heading.smaller h1{font-size:16px}.in-chat .page-heading.smaller p{font-size:10px;margin-top:3px}.in-chat .page-heading.smaller .button{font-size:10px}.in-chat .chat-head{gap:6px;padding:8px;flex-wrap:wrap}.in-chat .chat-head>.avatar{display:none}.in-chat .chat-identity{min-width:80px;flex:1}.in-chat .chat-identity strong{font-size:13px}.in-chat .chat-identity small{font-size:9px}.in-chat .chat-actions{gap:5px;justify-content:flex-end;flex:0 1 auto}.in-chat .chat-actions .button{font-size:10px;padding:7px}.in-chat .chat-actions select{font-size:10px;width:85px;max-width:85px;padding:7px 4px}.in-chat .chat-actions .mobile-customer{font-size:0}.in-chat .composer textarea{font-size:16px;height:52px}.app-shell .office-mini-stats{gap:10px}.app-shell .office-heading-actions{max-width:55%}.app-shell .office-toolbar{padding:12px}.app-shell .role-cards{grid-template-columns:1fr}.app-shell .role-card{padding:12px}.app-shell .info-banner p{font-size:11px}.visitor-direct{padding:0 8px}.visitor-direct-head{flex-basis:60px;gap:8px;padding:0 5px}.visitor-service{gap:8px}.visitor-service h1{font-size:15px;max-width:185px}.visitor-service small{font-size:10px}.visitor-service .brand-icon{width:32px;height:32px}.visitor-tools{gap:2px}.visitor-tools .button{font-size:11px;padding:7px 8px;gap:5px}.visitor-tools>a{padding:6px}.visitor-direct .messages{padding:14px 12px}.visitor-direct .message>div{max-width:82%}.visitor-direct .composer{padding:8px 12px}.visitor-direct .composer textarea{font-size:16px;height:56px}.visitor-direct .composer textarea::placeholder{font-size:12px}.visitor-direct .composer-foot>small{font-size:10px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visitor-direct .composer-foot .button{font-size:12px;padding:8px 14px}.visitor-direct .visitor-welcome{padding:13px}.visitor-welcome p{font-size:13px}.visitor-welcome small{font-size:11px}.visitor-conversation-status{padding:6px 12px}.visitor-direct-chat{border-radius:8px;margin-bottom:8px}}
.company-office-filter{display:flex;justify-content:flex-end;margin-bottom:12px}.company-office-filter label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:#7b8495}.company-office-filter select{width:180px;padding:7px 10px}.app-shell .company-filter{width:100%}
/* Keep quick questions and media controls compact. */
.faq-strip{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:43px;max-height:49px;border-top:1px solid #edf0f5;padding:7px 14px;background:#fdfdff;min-width:0}.faq-strip>span{font-size:11px;color:#8b93a2;white-space:nowrap}.faq-strip>div{display:flex;gap:8px;overflow-x:auto;min-width:0;scrollbar-width:thin}.faq-strip button{white-space:nowrap;border:1px solid #e3e6ed;border-radius:16px;padding:5px 11px;background:#f3f4f8;font-size:12px;color:#5c687b;max-width:260px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.faq-strip button:hover{background:#eee9ff;border-color:#cec2f2;color:#6d59c8}.faq-timeout{padding:16px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-timeout p{font-size:12px;color:#8690a0;margin-top:6px;line-height:1.7}.faq-timeout form,.faq-timeout label{display:flex;align-items:center;gap:9px;margin:0;white-space:nowrap;font-size:12px}.faq-timeout input{width:85px;margin:0;padding:8px}.faq-question{font-size:13px;max-width:220px;display:block;white-space:normal;line-height:1.7}.faq-answer{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:480px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chat-media-tools{display:flex;align-items:center;gap:10px;position:relative;flex:0 0 auto}.chat-media-tools>button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;padding:3px;color:#8d8ba1;border-radius:5px}.chat-media-tools>button:hover{background:#f3f0fa;color:#7660c8}.chat-media-tools>input[hidden]{display:none}.emoji-picker{position:absolute;bottom:39px;left:0;width:258px;padding:11px;background:white;border:1px solid #e2e5ed;border-radius:10px;box-shadow:0 6px 30px #26374f24;z-index:35}.emoji-picker>div{display:flex;justify-content:space-between;align-items:center;color:#7f8899;font-size:12px;margin-bottom:8px}.emoji-picker section{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-picker section button{font-size:24px;line-height:1;padding:6px;border-radius:5px;min-width:32px}.emoji-picker section button:hover{background:#f3f0fc}.media-error{position:absolute;bottom:38px;left:0;background:#fff3f1;border:1px solid #f2d9d4;padding:9px;width:220px;white-space:normal;font-size:12px;color:#b3685f;display:flex;align-items:center;gap:9px;z-index:35}.message-image{display:block;max-width:260px;border:1px solid #e2e5ed;border-radius:9px;overflow:hidden;padding:4px;background:white;margin-top:7px;cursor:zoom-in}.message-image img{display:block;width:auto;height:auto;max-width:250px;max-height:180px;object-fit:contain;min-width:50px;min-height:30px}.image-lightbox{position:fixed;inset:0;background:#152030d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:55px 30px;cursor:zoom-out}.image-lightbox>img{max-width:95vw;max-height:85vh;max-height:85dvh;object-fit:contain;border-radius:5px}.lightbox-close{position:absolute;right:22px;top:18px;color:white;display:flex;padding:8px}.image-send-modal{width:500px;max-width:calc(100vw - 32px);max-height:90vh;max-height:90dvh;overflow:auto;padding:20px;background:white;border-radius:12px;display:flex;flex-direction:column;gap:15px;text-align:left}.image-send-modal>div:first-child{display:flex;align-items:center;justify-content:space-between}.image-send-modal h2{font-size:18px;color:#39465a}.image-send-modal>img{display:block;max-width:100%;max-height:50vh;object-fit:contain;background:#f7f8fb;border:1px solid #eef0f5;border-radius:7px}.image-send-modal>p{font-size:12px;color:#8b93a2;overflow-wrap:anywhere}.image-send-modal>footer{display:flex;justify-content:flex-end;gap:10px}.visitor-direct .composer-foot>small{max-width:240px}.visitor-direct .message .chat-media-tools{margin:0}
@media(max-width:760px){.faq-timeout{align-items:flex-start;flex-direction:column;gap:12px}.faq-strip{padding:6px 10px;gap:7px;min-height:40px}.faq-strip>span{font-size:10px}.faq-strip button{font-size:11px;padding:5px 9px;max-width:230px}.visitor-direct .composer-foot>small{display:none}.chat-media-tools{gap:7px}.message-image{max-width:205px}.message-image img{max-width:195px;max-height:155px}.image-send-modal{padding:16px}.in-chat .composer-foot>.draft-saved{display:none}.emoji-picker{width:250px}}
.message-image{width:224px;height:150px;display:flex;align-items:center;justify-content:center}.message-image img{max-width:100%;max-height:100%;min-width:0;min-height:0}@media(max-width:760px){.message-image{width:190px;height:130px}}
.pending-message{opacity:.65}.pending-message small{color:#8a78bc}.drawer-heading>small{font-size:11px;color:#8892a1}
.visitor-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.visitor-settings-grid fieldset{border:0;padding:0;margin:0;min-width:0}.visitor-settings-grid .settings-card>p{margin:12px 0 20px}.welcome-preview{align-self:start;min-width:0}.welcome-preview .visitor-welcome{margin:20px;max-width:none}.welcome-preview .visitor-welcome strong{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.welcome-preview .visitor-welcome p{font-size:14px;line-height:1.8;color:#667185;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.welcome-preview .visitor-welcome small{font-size:12px;color:#8993a3;white-space:pre-wrap;overflow-wrap:anywhere}.welcome-preview>.scope-note{margin:0 20px 20px}.visitor-direct .visitor-welcome strong,.visitor-direct .visitor-welcome small{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:950px){.visitor-settings-grid{grid-template-columns:1fr}.welcome-preview{order:2}}
.instant-faq-pair{display:contents}.faq-sync-status,.faq-sync-error{display:block;margin-top:5px!important;font-size:10px!important}.faq-sync-status{color:#99a0ad!important}.faq-sync-error{color:#b1695f!important}.faq-sync-error button{text-decoration:underline;color:#795cc5;font-size:11px;margin-left:7px}
.member-groups{overflow:hidden}.member-group{border-top:1px solid var(--line,#e5e7ef)}.member-group summary{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;list-style:none}.member-group summary::-webkit-details-marker{display:none}.member-group summary small{margin-left:auto;color:#8a91a7}.team-disclosure-icon{transition:transform .15s}.member-group[open] .team-disclosure-icon{transform:rotate(90deg)}.member-username{display:block;color:#8a91a7;margin-top:4px}.danger-text{color:#c43c51!important}.danger-button{background:#bd3a4c!important}.member-actions{flex-wrap:wrap;gap:12px}.trash-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #e8eaf2}.trash-row small{display:block;color:#8a91a7}@media(max-width:700px){.member-group summary{padding:15px}.member-group summary small{display:none}.member-actions{min-width:180px}}

/* Compact work area without scaling text or changing browser zoom. */
@media(min-width:761px){
 .app-shell .sidebar{width:168px;padding:14px 9px 0}.app-shell .main-shell{margin-left:168px;width:calc(100% - 168px)}
 .app-shell .sidebar .brand-icon{width:32px;height:32px;border-radius:9px}.app-shell .sidebar .brand b{font-size:19px}
 .app-shell .sidebar .nav{font-size:12px;padding:8px 9px;gap:8px;min-height:34px}.app-shell .sidebar .nav svg{width:17px;height:17px}
 .app-shell .sidebar .workspace{margin-top:10px;padding-bottom:10px}.app-shell .sidebar-bottom{padding:9px 0}.app-shell .profile .avatar{width:30px;height:30px}.app-shell .profile small{font-size:10px}
 .app-shell .topbar{height:42px;min-height:42px;flex-basis:42px;padding:0 16px}.app-shell .topbar .avatar{width:28px;height:28px;font-size:12px}
 .app-shell .content{padding:15px}.app-shell .page-heading{margin-bottom:12px}.app-shell .page-heading h1{font-size:20px}.app-shell .page-heading p{font-size:12px}
 .app-shell .button{padding:7px 10px;gap:6px;min-height:30px}.app-shell input,.app-shell select{padding:8px 10px}.app-shell label{margin-bottom:14px}.app-shell label input,.app-shell label textarea{margin-top:6px}
 .app-shell .card-title{padding:12px 15px}.app-shell th{padding:9px 13px}.app-shell td{padding:10px 13px;font-size:12px}.app-shell .settings-card{padding:17px}.app-shell .role-card{padding:11px 14px}
 .app-shell.in-chat .content.inbox-content{padding:7px 9px}.in-chat .page-heading.smaller{min-height:29px;margin-bottom:6px}.in-chat .page-heading.smaller h1{font-size:16px}
 .in-chat .conversation-list{width:224px;min-width:200px}.in-chat .list-tools{padding:9px 10px 0}.in-chat .tabs button{padding:9px 2px}.in-chat .company-filter{margin-bottom:7px}
 .in-chat .conversation{padding:10px;gap:8px}.in-chat .conversation>.avatar{width:30px;height:30px;border-radius:9px;font-size:12px}.in-chat .conversation-title strong{font-size:12px}.in-chat .conversation p{font-size:12px;margin:4px 0 6px;line-height:1.4}.in-chat .conversation-meta .status{padding:2px 5px;font-size:10px}
 .in-chat .chat-head{min-height:48px;padding:7px 12px;gap:9px}.in-chat .chat-head>.avatar{width:30px;height:30px;border-radius:9px;font-size:12px}.in-chat .chat-identity strong{font-size:13px}.in-chat .chat-actions{gap:6px}.in-chat .chat-actions .button,.in-chat .chat-actions select{padding:6px 8px;min-height:30px;font-size:12px}
 .in-chat .messages{padding:12px 16px}.app-shell .message{margin:12px 0;gap:9px}.app-shell .message>.avatar{width:28px;height:28px;border-radius:8px;font-size:12px}.app-shell .message>div{min-width:0}.app-shell .message p{padding:8px 10px;font-size:13px;line-height:1.6;min-width:0}.app-shell .message small{font-size:10px}
 .in-chat .composer{padding:7px 12px}.in-chat .composer textarea{height:46px;min-height:40px;max-height:80px;font-size:13px;line-height:1.6}.in-chat .composer textarea::placeholder{font-size:12px}.in-chat .composer-foot{min-height:32px}.in-chat .composer-foot .button{padding:6px 12px;min-height:30px}
}
.app-shell .modal{width:410px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:23px;border-radius:12px}.app-shell .modal h2{font-size:19px}.app-shell .office-modal.wide{width:620px}.app-shell .office-drawer{width:400px;padding:20px;max-height:100dvh}.app-shell .office-drawer-backdrop{backdrop-filter:none}.app-shell .office-dl{gap:13px 12px}.app-shell .modal .button.full{padding:10px}
.customer-drawer-overlay{position:fixed;inset:0;background:#1720333b;z-index:100;display:flex;justify-content:flex-end}
.customer-drawer{width:360px;max-width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 30px #1720331a;outline:none;color:#344054}
.customer-drawer header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #e9ecf2;flex-shrink:0}.customer-drawer h2{font-size:16px;line-height:1.5}.customer-drawer header small{display:block;color:#8791a1;font-size:11px;margin-top:3px}.customer-drawer header button{width:30px;height:30px;display:grid;place-items:center;border-radius:7px}.customer-drawer header button:hover{background:#f0edf9}
.customer-drawer-body{padding:19px 18px;overflow:auto;flex:1;min-height:0}.customer-drawer-identity{display:flex;align-items:center;gap:11px;margin-bottom:22px}.customer-drawer-identity .avatar{width:36px;height:36px;background:#eeeafa;font-size:14px;border-radius:10px}.customer-drawer-identity strong{font-size:14px}.customer-drawer-identity small{display:block;font-size:11px;color:#8791a1;margin-top:4px}
.customer-drawer dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:17px 12px;margin:0;font-size:13px;line-height:1.6}.customer-drawer dt{color:#8791a1}.customer-drawer dd{margin:0;overflow-wrap:anywhere}.customer-drawer .tags{display:flex;gap:5px;flex-wrap:wrap}.customer-drawer .tags span{padding:2px 7px;border-radius:5px;background:#f1eef9;color:#7663b7;font-size:11px}.customer-drawer .original-contact{margin-top:23px;font-size:12px;color:#8791a1}.customer-drawer .original-contact p{padding-top:10px;overflow-wrap:anywhere}
.customer-drawer footer{padding:14px 18px;border-top:1px solid #e9ecf2;flex-shrink:0}.customer-drawer footer .button{font-size:12px;padding:9px 12px;border-radius:7px}.customer-drawer footer>small{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-size:11px;color:#98a1ae}
@media(max-width:760px){.app-shell .modal{padding:20px}.app-shell .form-grid{grid-template-columns:1fr}.customer-drawer{width:min(360px,100vw)}}