:root{--ink:#213c32;--muted:#737d73;--paper:#f5f5ef;--green:#c7f36b;--line:#e3e7df;--white:#fff;--soft:#eff2eb;--danger:#a0392b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #67972e;outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1440px;margin:auto;padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;font-size:29px;letter-spacing:-1.6px;font-weight:800;gap:9px}.brand-icon{width:39px;height:39px;background:var(--green);border-radius:12px;display:grid;place-items:center;font-size:30px}.brand-dot{color:#8cba45;font-size:10px;align-self:flex-end;margin:0 0 6px -6px}.header-note{font-size:13px;color:var(--muted)}.visitor-layout{max-width:1320px;margin:35px auto 45px;padding:0 5%;display:grid;grid-template-columns:1fr 1.02fr;gap:8%;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.intro h1{font-size:clamp(38px,4.4vw,65px);letter-spacing:-2.8px;line-height:1.09;margin:24px 0 25px;font-weight:500}.intro h1 span{background:var(--green);padding:0 8px 4px;border-radius:4px}.intro-text{font-size:17px;line-height:1.7;color:#627064;margin:30px 0}.intro-details{border-top:1px solid #dfe3d8;padding-top:27px;display:flex;gap:14px;margin-top:45px}.detail-icon{width:34px;height:34px;border:1px solid #cbd2c2;border-radius:50%;display:grid;place-items:center;font-size:19px}.intro-details strong{font-size:13px;font-weight:600}.intro-details p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.intro-footnote{font-size:12px;line-height:1.6;color:var(--muted);margin-top:36px}.chat-card{background:white;border:1px solid #e2e6dc;border-radius:22px;box-shadow:0 14px 65px #263b2910;overflow:hidden;height:620px;display:flex;flex-direction:column}.chat-heading{display:flex;align-items:center;gap:13px;padding:23px 25px;border-bottom:1px solid var(--line);flex-shrink:0}.avatar{width:43px;height:43px;background:var(--ink);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:20px}.chat-heading h2{font-size:15px;margin:0 0 7px;font-weight:600}.chat-heading p{font-size:12px;color:var(--muted);margin:0}.presence-dot{display:inline-block;width:6px;height:6px;background:#a7b0a1;border-radius:50%;margin:0 6px 1px 0}.presence-dot.online{background:#76a737}.chat-badge{margin-left:auto;font-size:9px;letter-spacing:1.3px;border:1px solid var(--line);padding:6px 8px;border-radius:5px;color:var(--muted)}.conversation-meta{text-align:center;font-size:10px;color:#8a9285;padding:18px 10px 0}.messages{overflow-y:auto;flex:1;min-height:0;padding:24px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;overscroll-behavior:contain}.welcome{margin:auto;text-align:center;padding:35px 0}.welcome-mark{width:53px;height:53px;border-radius:17px;background:var(--soft);display:inline-grid;place-items:center;font-size:30px;font-weight:400}.welcome h3{font-size:21px;margin:19px 0 12px;font-weight:500;letter-spacing:-.5px}.welcome p,.thread-empty p{font-size:13px;line-height:1.8;color:var(--muted)}.bubble{max-width:85%;align-self:flex-start;line-height:1.55;background:var(--soft);border-radius:14px 14px 14px 3px;padding:12px 15px;flex-shrink:0;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--green);border-radius:14px 14px 3px 14px}.bubble p{white-space:pre-wrap;font-size:14px;margin:0}.bubble time{display:block;font-size:10px;text-align:right;margin-top:6px;color:#667658}.composer{margin:0 18px 0;border:1px solid var(--line);border-radius:14px;padding:13px 14px 10px;background:white;flex-shrink:0}.composer:focus-within{border-color:#8eaf65}.composer textarea{border:0;outline:none;resize:vertical;width:100%;max-height:140px;min-height:44px;font-size:14px;background:transparent;color:var(--ink);line-height:1.5}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#8b9388}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-footer>span{font-size:9px;color:#8a9186;line-height:1.5}.send-button{width:35px;height:35px;border:0;border-radius:10px;background:var(--ink);color:white;font-size:24px;flex-shrink:0}.send-button:hover{background:#355c46}.chat-bottom{text-align:center;font-size:10px;color:var(--muted);padding:15px 12px 18px}.site-footer{max-width:1440px;margin:0 auto;padding:15px 6% 25px;display:flex;justify-content:space-between;font-size:11px;color:#91998c}.notice{font-size:12px;color:var(--muted);margin:0;padding:8px 24px;line-height:1.6}.error{font-size:13px;color:var(--danger);background:#fff0e9;border-radius:9px;margin:8px 18px;padding:12px 15px;line-height:1.6}.top-error{max-width:1150px;margin:0 auto 12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-card{width:min(430px,calc(100% - 36px));margin:60px auto;background:white;padding:40px;border-radius:20px;border:1px solid var(--line)}.login-card h1{font-size:30px;font-weight:500;letter-spacing:-1px}.login-card>p{color:var(--muted);font-size:13px;line-height:1.6}.login-card form{margin-top:30px}.login-card label{display:block;font-size:12px;margin:17px 0 8px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}.primary-button{border:0;background:var(--ink);color:white;border-radius:8px;width:100%;padding:14px 17px;margin:24px 0 22px;display:flex;justify-content:space-between}.back-link{font-size:12px;color:var(--muted);text-decoration:none}.operator-tools{display:flex;align-items:center;gap:15px;font-size:12px}.availability{display:flex;align-items:center;gap:5px;white-space:nowrap}.availability input{accent-color:var(--ink);width:17px;height:17px}.text-button{background:transparent;border:0;color:var(--muted);padding:8px;font-size:12px}.workspace{max-width:1320px;margin:10px auto 25px;width:90%;height:calc(100dvh - 135px);min-height:460px;background:white;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:330px 1fr;overflow:hidden}.inbox{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.inbox-title{padding:24px 22px 15px;display:flex;align-items:center;gap:10px}.inbox-title h1{font-size:22px;letter-spacing:-.7px;font-weight:500;margin:0}.count{background:var(--soft);border-radius:20px;font-size:11px;padding:5px 8px}.filters{display:flex;padding:0 15px 18px;gap:2px;border-bottom:1px solid var(--line)}.filters button{background:transparent;border:0;border-radius:6px;padding:8px;font-size:11px;color:var(--muted)}.filters button.selected{background:var(--ink);color:white}.conversation-list{flex:1;overflow:auto}.conversation-item{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #edf0e9;padding:18px 22px;color:var(--ink)}.conversation-item:hover{background:#f7f9f3}.conversation-item.selected{background:#eff6e5;box-shadow:inset 3px 0 #7f9f51}.item-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600}.item-preview{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}.item-meta{display:flex;justify-content:space-between;font-size:10px;color:#85917c}.unread{background:var(--ink);border-radius:20px;color:var(--green);font-size:10px;padding:3px 6px}.empty-inbox{padding:30px 20px;font-size:13px;color:var(--muted);line-height:1.8}.pagination{display:flex;justify-content:space-between;padding:0 15px}.inbox-footer{padding:15px 22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.operator-thread{min-height:0;min-width:0;display:flex;flex-direction:column}.thread-empty{margin:auto;text-align:center;padding:30px}.thread-empty h2{font-size:24px;font-weight:500;letter-spacing:-.7px}.thread-content{display:flex;flex-direction:column;height:100%;min-height:0}.thread-content .composer{margin-bottom:18px}.chat-heading select{margin-left:auto;max-width:140px;font-size:12px;border:1px solid var(--line);padding:9px;border-radius:6px;background:white;color:var(--ink)}.visitor-avatar{background:var(--soft);color:var(--ink)}
@media(min-width:1500px){.visitor-layout{margin-top:60px}.chat-card{height:660px}}
@media(max-width:1000px){.visitor-layout{gap:5%;padding:0 4%;grid-template-columns:.9fr 1.1fr}.intro h1{font-size:43px}.intro-text{font-size:14px}.intro-details{margin-top:30px}.workspace{width:95%;grid-template-columns:290px 1fr}.operator-header{padding:22px 3%}.operator-header .header-note{display:none}}
@media(max-width:700px){.site-header{padding:21px 6%}.header-note{font-size:10px;max-width:120px;line-height:1.5;text-align:right}.brand{font-size:25px}.brand-icon{width:33px;height:33px;font-size:26px}.visitor-layout{display:flex;flex-direction:column;gap:22px;padding:0 4%;margin:12px auto 15px}.intro{width:100%;padding:0 3%}.eyebrow{font-size:9px}.intro h1{font-size:35px;line-height:1.15;letter-spacing:-1.7px;margin:15px 0}.intro h1 br{display:none}.intro-text{font-size:13px;margin:16px 0 0}.intro-details,.intro-footnote{display:none}.chat-card{width:100%;height:calc(100dvh - 285px);max-height:570px;min-height:420px;border-radius:17px}.chat-heading{padding:17px 19px}.chat-bottom{font-size:9px}.messages{padding:18px}.composer{margin:0 12px}.composer textarea{font-size:16px}.desktop-only{display:none}.site-footer{font-size:9px;padding:15px 6%}.operator-tools{gap:3px;flex-wrap:wrap;justify-content:flex-end}.operator-tools .text-button{font-size:10px}.availability{font-size:11px}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.inbox{border-right:0;border-bottom:1px solid var(--line);max-height:290px;flex-shrink:0}.inbox-title{padding:15px 18px 10px}.inbox-title h1{font-size:19px}.filters{padding-bottom:10px}.conversation-item{padding:12px 18px}.inbox-footer{display:none}.operator-thread{height:65dvh;min-height:430px}.thread-content .chat-heading{padding:14px}.chat-heading select{max-width:115px}.thread-empty h2{font-size:20px}.login-card{margin:30px auto;padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}