*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh;background:#f5f7f6;color:#253b35;font:14px Inter,'Microsoft YaHei',sans-serif}button,input,textarea{font:inherit}button{border:0;cursor:pointer;border-radius:8px;background:transparent;color:inherit}button:hover{background:#e9f1ec}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus,textarea:focus-visible{outline:2px solid #a6c8b7;outline-offset:2px}[hidden]{display:none!important}.rail{width:72px;flex-shrink:0;background:#183e33;display:flex;align-items:center;flex-direction:column;padding:28px 0;gap:26px;color:#aac3b6}.logo{background:#c4ecba;color:#224c38;width:41px;height:41px;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:750;margin-bottom:25px}.rail button{font-size:25px;width:43px;height:44px}.rail .rail-active{color:#d1efc3;background:#365848}.rail-foot{margin-top:auto;font-size:9px;line-height:2;letter-spacing:2px;color:#8aa99a;text-align:center}.sidebar{width:310px;flex-shrink:0;background:#fff;display:flex;flex-direction:column;padding:30px 17px 18px;border-right:1px solid #e6ece8}.sidebar header{display:flex;justify-content:space-between;align-items:center;padding:0 9px;margin-bottom:26px}h1{font-size:24px;margin:0}.sidebar header p{font-size:8px;letter-spacing:1.7px;color:#9eada4;margin:9px 0 0}.sidebar header button{border:1px solid #e1e9e3;width:33px;height:33px;font-size:24px}.search{display:flex;align-items:center;gap:9px;border-radius:9px;background:#f3f6f3;padding:11px 13px;color:#9cae9f}.search input{width:100%;min-width:0;background:transparent;border:0;outline:none;font-size:11px;color:#3f5a4b}.sidebar nav{display:flex;gap:24px;margin:20px 9px 14px}.sidebar nav button{border-radius:0;font-size:11px;color:#a2b0a5;padding:6px 2px}.sidebar nav .selected{color:#416f55;border-bottom:2px solid #638a6c;font-weight:700}#chats{flex:1;overflow:auto;min-height:0}.list-empty{text-align:center;color:#acb8ae;font-size:11px;line-height:2;padding:40px 15px}.chat{display:flex;gap:11px;padding:14px 11px;margin:4px 0;border-radius:10px;cursor:pointer}.chat:hover{background:#f5f8f4}.chat.active{background:#edf4e9}.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e9f0e3;color:#658262;font-size:14px;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat p{font-size:10px;color:#9daaa0;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tail{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat time{color:#a6b4a9;font-size:9px}.badge{background:#729f79;color:white;font-size:9px;border-radius:10px;padding:2px 5px}.sidebar>footer{display:flex;align-items:center;gap:10px;padding:18px 9px 0;border-top:1px solid #edf1eb}.account-icon{height:33px;width:33px;border-radius:10px;background:#f0f5e9;color:#799366;display:grid;place-items:center;font-size:11px}.sidebar footer strong{font-size:11px;display:block;font-weight:500}.sidebar footer small{font-size:9px;color:#a0ad9d;display:block;margin-top:5px}.status-dot{width:6px;height:6px;background:#c2c9c1;border-radius:50%;margin-left:auto}.status-dot.ready{background:#75a16a}main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f8faf7}.chat-header{min-height:92px;background:white;border-bottom:1px solid #e6ece5;display:flex;align-items:center;gap:12px;padding:21px 32px}.chat-header h2{font-size:17px;margin:0 0 8px;font-weight:600}.chat-header p{font-size:10px;color:#a3afa0;margin:0}.connection{margin-left:auto;color:#8aa17c;font-size:10px;padding:6px 9px;background:#f1f6ec;border-radius:20px}.chat-header button{font-size:11px;color:#6d8861;padding:7px 9px;border:1px solid #e4ecde;margin-left:3px}#messageArea{flex:1;overflow-y:auto;min-height:0}#welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:370px;text-align:center}.welcome-art{font-size:80px;color:#89a776;background:#eef4e8;width:132px;height:132px;display:grid;place-items:center;border-radius:39px;margin-bottom:27px;transform:rotate(-5deg)}#welcome h2{font-size:23px;font-weight:500;letter-spacing:1px;margin:0 0 13px}#welcome p{font-size:12px;line-height:2;color:#9aa994;margin:0 0 24px}.primary{background:#27543f;color:white;padding:11px 20px;font-size:12px}.primary:hover{background:#396b50}.welcome-tags{display:flex;gap:18px;font-size:10px;color:#a3b198;margin-top:42px}.welcome-tags span{border:1px solid #e3ecdc;border-radius:20px;padding:6px 12px}.privacy-note{text-align:center;font-size:9px;color:#b2bcab;padding:14px}#messages{padding:26px 34px}.date{text-align:center;font-size:9px;color:#b2bca9;margin:2px 0 26px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px}.message.own{flex-direction:row-reverse}.message .avatar{width:32px;height:32px;font-size:10px;border-radius:10px}.content{max-width:75%}.meta{font-size:9px;color:#9baa93;margin-bottom:7px}.own .meta{text-align:right}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:12px;padding:11px 15px;background:white;border:1px solid #e6ece1;border-radius:0 12px 12px 12px}.own .bubble{background:#e0efce;border-color:#d8e7c6;border-radius:12px 0 12px 12px}.bubble img{display:block;max-width:270px;max-height:260px;border-radius:8px;cursor:zoom-in;margin-bottom:5px}.bubble .attachment{color:#8ca07a;font-size:11px}.receipt{font-size:9px;color:#99ae88;text-align:right;padding-top:4px}#composer{background:white;border:1px solid #e1e9dc;border-radius:13px;margin:0 27px;padding:12px 16px;position:relative}.compose-note{font-size:10px;color:#9aab8f;margin-bottom:9px}.tools{display:flex;gap:14px;align-items:center}.tools button{font-size:23px;color:#819674;padding:1px 5px}.tools span{margin-left:auto;font-size:9px;color:#b0bca6}#draft{width:100%;height:71px;padding:12px 3px;border:0;outline:none;resize:none;color:#36513e;font-size:13px}#draft::placeholder{color:#afbaa7}#composer footer{display:flex;align-items:center;justify-content:space-between}#composer footer>span{color:#adbaa3;font-size:9px}#filePreview{display:flex;align-items:center;background:#f1f6eb;gap:10px;padding:9px;margin:6px 0;border-radius:8px;font-size:10px;color:#8aa076}#filePreview img{width:46px;height:40px;object-fit:cover;border-radius:6px}#filePreview button{margin-left:auto;font-size:20px}#emojiPicker{position:absolute;bottom:160px;background:white;border:1px solid #dfe9d7;border-radius:10px;box-shadow:0 8px 25px #264d3020;padding:10px;width:260px;z-index:2}#emojiPicker button{font-size:24px;padding:7px}dialog{border:0;border-radius:18px;padding:28px;max-width:min(90vw,450px);min-width:min(370px,90vw);box-shadow:0 12px 80px #23462b33;color:#36513d}dialog::backdrop{background:#1d3d2b66}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-head h3{font-size:17px;font-weight:600;margin:0}.dialog-head button{font-size:24px;color:#a2b093}#loginDetail{text-align:center;font-size:12px;color:#8ba279;margin:20px 0}#qrWrap{display:flex;justify-content:center;padding:10px}#qrWrap img{width:235px;height:235px}.qr-placeholder{width:220px;height:220px;border-radius:15px;background:#f3f7ef;display:grid;place-items:center;font-size:60px;color:#b3c5a6}#loginSteps p{font-size:11px;color:#8fa07f;line-height:1.6}.login-note{font-size:10px;color:#a4b096;line-height:1.9}#reconnect{border:1px solid #dce7d3;font-size:11px;padding:9px 16px;margin-top:8px}#newForm label{display:block;font-size:12px;margin-top:25px}#phone{display:block;width:100%;padding:12px;border:1px solid #dce6d4;border-radius:8px;margin-top:10px}#largeImage{max-width:80vw;max-height:75vh;display:block}#imageDialog{max-width:90vw}#closeImage{display:block;margin-left:auto;margin-bottom:10px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#31573c;color:white;border-radius:9px;padding:12px 18px;font-size:12px;z-index:9;max-width:90vw}#errorBanner{margin:13px 28px 0;background:#faf0e5;color:#a17f54;padding:10px 14px;font-size:11px;border-radius:8px}#back{display:none}@media(max-width:900px){.sidebar{width:260px}.rail{width:55px}.chat-header{padding:18px}.chat-header h2{font-size:15px}.connection{display:none}}@media(max-width:650px){.rail{display:none}.sidebar{width:100%;border:0}main{display:none}.chat-open .sidebar{display:none}.chat-open main{display:flex;width:100%}#back{display:block;font-size:23px;margin:0}.chat-header{gap:9px;min-height:80px;padding:13px}.chat-header h2{font-size:14px}.chat-header #connectionBtn{margin-left:auto;font-size:9px}#messages{padding:22px 15px}.content{max-width:82%}#composer{margin:0 12px}.tools span{display:none}.bubble img{max-width:210px}}

/* Appended to the existing clean workspace styles during packaging. */
body{display:block}#loginPage{display:grid;grid-template-columns:1.2fr 1fr;max-width:1100px;margin:auto;gap:100px;min-height:100dvh;align-items:center;padding:40px}.brand{font-size:25px;font-weight:700}.brand span{font-size:8px;letter-spacing:1px;margin-left:13px;color:#9cab99}.login-intro h1{font-size:40px;line-height:1.6;font-weight:500;margin-top:45px}.login-intro p{font-size:12px;line-height:2;color:#93a08b}.login-intro small{color:#a2b092;font-size:10px}.login-art{font-size:100px;color:#94ae7e;margin:25px 0}#loginForm{background:white;border:1px solid #e0e9da;border-radius:19px;padding:32px}.login-logo{width:39px;height:39px;display:grid;place-items:center;background:#e1efcc;border-radius:12px;font-size:21px;color:#6b8857}#loginForm h2{font-size:23px;margin-top:25px}.subtle{font-size:11px;line-height:1.9;color:#96a28a}label{display:block;font-size:12px;margin:18px 0;color:#718369}label input,label select{display:block;width:100%;border:1px solid #dce6d4;border-radius:7px;padding:11px;margin-top:8px;background:white;color:#4c6644}#loginSubmit{width:100%;margin-top:12px}.login-foot{font-size:9px;color:#aab69f;text-align:center;margin-top:20px}#loginError{font-size:11px;color:#b37360}#workspace{height:100dvh;display:flex}.rail #logout{margin-top:auto;font-size:24px}.scope-label{font-size:10px;color:#95a58b;margin:22px 10px 13px;display:flex;justify-content:space-between}#groups{flex:1;overflow:auto}.sidebar header{margin-bottom:25px}#chatView{display:flex;flex-direction:column;flex:1;min-height:0}#riskBanner{font-size:10px;color:#90a27d;background:#f0f5e9;border:1px solid #e1e9d8;border-radius:7px;padding:10px 14px;margin:16px 25px 0}#messageArea{min-height:0;flex:1}#watermark{font-size:9px}.admin-heading{display:flex;justify-content:space-between;align-items:center;padding:26px}.admin-heading h2{font-size:21px;margin:0}.admin-heading p{font-size:11px;color:#95a68a}.admin-heading button{background:#edf3e7;padding:9px;font-size:11px}.admin-tabs{display:flex;gap:18px;padding:0 25px 16px;border-bottom:1px solid #e3eade;flex-wrap:wrap}.admin-tabs button{font-size:12px;padding:9px 2px;border-radius:0;color:#91a17f}.admin-tabs button.selected{color:#4c7550;border-bottom:2px solid #76986d}#adminView{overflow:auto}.admin-panel{margin:22px 25px;background:white;border:1px solid #e1e8da;border-radius:12px;padding:22px}.admin-panel h3{font-size:14px;margin:0 0 16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h3{margin:0}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;border-bottom:1px solid #edf1e8;padding:12px 9px;color:#718565}th{font-size:10px;font-weight:500;color:#9daa90;background:#f7f9f4}td button{padding:6px 8px;background:#f2f6eb;font-size:10px}input[type=checkbox]{accent-color:#4f7f54}td input[type=text]{width:100%;min-width:100px;border:1px solid #dfe7d6;border-radius:6px;padding:8px;font:inherit}#employeeSelect{max-width:320px}.risk-note{background:#faf3e6;color:#a38a58;font-size:10px;line-height:1.9;border-radius:7px;padding:12px;margin:15px 0}#saveGrants{margin-top:20px}.blocked{font-size:10px;color:#a6b297;padding:8px 0}#accountState{font-size:12px;color:#8da27b}#qrWrap img{height:235px;width:235px}#reconnect{margin:12px 0}@media(max-width:900px){#loginPage{gap:35px;padding:25px}.login-intro h1{font-size:30px}.sidebar{width:240px}.admin-panel{margin:15px;padding:15px;overflow:auto}.admin-tabs{padding:0 15px;gap:10px}}@media(max-width:650px){#loginPage{display:block;max-width:430px}.login-intro h1,.login-intro p,.login-art,.login-intro small{display:none}.brand{margin-bottom:30px}#workspace{display:flex}.sidebar{width:100%}.chat-open .sidebar{display:none}.chat-header #manage{margin-left:auto}#riskBanner{margin:12px 14px 0;font-size:9px}.admin-panel{min-width:0}.admin-tabs{gap:6px}.admin-tabs button{font-size:10px}.admin-heading{padding:18px}.chat-open main{display:flex}}

#testIdentityLabel{margin:0 12px 0 auto;font-size:11px;white-space:nowrap}#testIdentity{display:inline-block;width:auto;margin:0 0 0 6px;padding:8px;font-size:12px}
.encoder-code{font:11px/1.7 monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#45694f}#encodingNote:empty{display:none}#encoderAdmin button{padding:10px;margin:8px 8px 8px 0;border:1px solid #dce5d6}