@charset "UTF-8";
:root{--green:#1c6654;--green-deep:#174e42;--mint:#e9f3ed;--mint-strong:#cce7d8;--ink:#243c35;--text:#40524c;--subtle:#8a9690;--line:#e7ebe6;--canvas:#f7f8f4;--white:#fff;--danger:#c2544d;--shadow:0 16px 60px #173d3217;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:var(--font);font-size:13px;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:var(--green);text-decoration:none}button:disabled{cursor:not-allowed;opacity:.48}button,input,textarea,a{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #92c3ac;outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:none}input,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:#a2aaa4}svg{width:20px;height:20px;display:block;flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}[hidden]{display:none!important}.app-shell{display:flex;height:100dvh;min-height:620px;overflow:hidden}.nav-rail{width:78px;flex:0 0 78px;background:#193f35;color:#a8beb4;display:flex;align-items:center;flex-direction:column;padding:27px 10px 19px;z-index:20}.brand-mark{width:42px;height:42px;color:#eff6e8;background:#2c5548;display:flex;align-items:center;justify-content:center;border-radius:12px}.brand-mark svg{width:30px;height:30px}.rail-links{display:flex;flex-direction:column;gap:12px;margin-top:46px;width:100%}.rail-link{position:relative;width:58px;height:62px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:10px;letter-spacing:1px;color:#a8beb4}.rail-link svg{width:21px;height:21px}.rail-link:hover{background:#ffffff0c;color:#fff}.rail-link.active{background:#edf5e915;color:#f3f8ed}.rail-link.active:before{content:"";position:absolute;left:-10px;top:20px;height:22px;width:3px;border-radius:0 3px 3px 0;background:#d1e6b9}.rail-indicator{position:absolute;top:11px;right:13px;width:5px;height:5px;border-radius:100%;background:#e5b481}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:20px}.rail-profile{width:36px;height:36px;background:#d8e8c7;border-radius:50%;position:relative;font-weight:600;color:#3c5944;font-size:13px}.rail-profile span{position:absolute;right:0;bottom:0;width:9px;height:9px;background:#91bd78;border:2px solid #193f35;border-radius:50%}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.workspace-header{height:102px;flex-shrink:0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfcf9}.workspace-heading{display:flex;align-items:center;gap:25px}.wordmark{font-size:24px;font-weight:650;letter-spacing:1.5px;color:var(--green-deep);white-space:nowrap}.wordmark span{display:block;margin-top:3px;font-size:8px;font-weight:650;letter-spacing:3.1px;color:#8a9e91}.header-divider{height:34px;width:1px;background:#dde4da;margin:0 0 0 1px}.workspace-heading h1{font-size:19px;color:#253e34;font-weight:600;letter-spacing:.5px}.workspace-heading p{margin-top:7px;font-size:11px;color:var(--subtle);letter-spacing:.3px}.workspace-actions{display:flex;align-items:center;gap:20px}.online-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#53715f}.online-pill i{width:6px;height:6px;border-radius:50%;background:#5c9b71;box-shadow:0 0 0 3px #70a77910}.demo-badge{font-size:10px;border:1px solid #e5e8dd;color:#9a9c86;background:#f6f6eb;border-radius:4px;padding:4px 7px}.header-avatar{width:35px;height:35px;border-radius:50%;background:#e1ead9;color:#526c48;font-weight:600;font-size:12px}.icon-button{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#819087;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#edf2eb;color:var(--green)}.workspace-main{min-height:0;flex:1;position:relative}.chat-layout{display:flex;height:100%;background:#fff}.conversation-panel{width:300px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fcfcf9;min-height:0}.conversation-heading{padding:26px 23px 19px;display:flex;align-items:center;justify-content:space-between}.conversation-heading h2{font-size:17px;color:#273f35;font-weight:600;display:flex;gap:9px;align-items:center;letter-spacing:.5px}.conversation-heading h2>span{font-size:10px;background:#eaf0e5;color:#6a826a;border-radius:5px;line-height:18px;min-width:21px;text-align:center;font-weight:500;letter-spacing:0}.add-button{background:#eaf2e7;color:#567753;width:27px;height:27px;border-radius:6px}.add-button:hover{background:#dae9d6}.add-button svg{width:16px;height:16px}.search-box{display:flex;align-items:center;height:36px;border:1px solid #e9ece6;border-radius:7px;background:#f6f7f2;gap:9px;padding:0 11px;margin:0 21px}.search-box svg{width:15px;height:15px;color:#8e9c91}.search-box input{width:100%;min-width:0;border:0;background:none;font-size:11px;line-height:28px}.search-box:focus-within{border-color:#9fbda7;box-shadow:0 0 0 2px #1c665408}.search-box kbd{font-size:16px;color:#a7b0a7;font-family:var(--font);font-weight:400}.conversation-tabs{display:flex;gap:3px;margin:19px 21px 0;padding:3px;background:#f0f2eb;border-radius:7px}.conversation-tabs button{flex:1;height:29px;border-radius:5px;font-size:11px;white-space:nowrap;color:#829082;display:flex;align-items:center;justify-content:center;gap:5px}.conversation-tabs button.active{background:white;box-shadow:0 1px 4px #2a432a09;color:#335d46;font-weight:600}.conversation-tabs button span{font-size:9px;min-width:13px;border-radius:3px;background:#eaf1e6;line-height:14px;padding:0 3px;color:#70846a}.list-section-label{padding:25px 24px 12px;display:flex;justify-content:space-between;color:#9da69c;font-size:10px;letter-spacing:1px}.list-section-label svg{width:13px;height:13px}.conversation-list{overflow-y:auto;flex:1;min-height:0;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:#dce3d9 transparent}.conversation-item{position:relative;display:flex;width:100%;text-align:left;align-items:flex-start;padding:15px 12px;gap:11px;border-radius:8px;margin-bottom:3px;min-height:85px}.conversation-item:hover{background:#f1f4ec}.conversation-item.active{background:#eaf1e5}.conversation-item.active:before{content:"";position:absolute;top:24px;left:0;width:3px;height:34px;border-radius:0 3px 3px 0;background:#6f9672}.avatar{height:40px;width:40px;min-width:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.2px;position:relative;color:#48705d;background:#deebdf}.avatar svg{width:19px;height:19px}.avatar.small{height:31px;width:31px;min-width:31px;font-size:10px;border-radius:10px}.avatar.large{height:66px;width:66px;min-width:66px;font-size:23px;border-radius:21px}.avatar.round{border-radius:50%}.avatar .status-dot{position:absolute;bottom:-1px;right:-1px;height:9px;width:9px;border-radius:50%;background:#7caa7e;border:2px solid #fcfcf9}.conversation-item.active .status-dot{border-color:#eaf1e5}.conversation-content{flex:1;min-width:0;padding-top:1px}.conversation-row{display:flex;align-items:center;justify-content:space-between;gap:7px}.conversation-name{font-size:12px;font-weight:600;color:#354a3a;max-width:154px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;gap:5px}.conversation-name svg{width:11px;height:11px;color:#91a38a}.conversation-time{font-size:9px;color:#a2ada0;white-space:nowrap}.conversation-preview{font-size:10.5px;line-height:18px;color:#8c988b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;flex:1;min-width:0}.conversation-item.active .conversation-preview{color:#7a8b72}.conversation-subrow{display:flex;align-items:center;justify-content:space-between;gap:6px}.unread-badge{font-size:9px;background:#6c9470;color:white;min-width:16px;height:16px;padding:0 4px;line-height:16px;border-radius:50%;text-align:center;flex-shrink:0;margin-top:5px}.resolved-dot{font-size:9px;color:#9fa897;display:flex;align-items:center;gap:3px;margin-top:5px}.resolved-dot svg{width:10px;height:10px}.conversation-kind{font-size:9px;color:#93a38b;border:1px solid #dce4d6;border-radius:3px;padding:0 3px;font-weight:400}.inbox-footer{height:45px;flex-shrink:0;border-top:1px solid #e9ede5;padding:0 23px;display:flex;align-items:center;gap:7px;color:#9aa895;font-size:9px}.connection-dot{width:5px;height:5px;border-radius:50%;background:#78a379}.connection-dot.offline{background:#c39375}.version-label{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#b1b9aa}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:white}.chat-header{height:81px;min-height:81px;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:12px;background:#fff}.chat-header .avatar{width:37px;height:37px;min-width:37px;border-radius:12px;font-size:12px}.chat-title{min-width:0;flex:1}.chat-title h2{font-size:14px;font-weight:600;color:#2e4539;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title h2 .title-tag{font-size:8px;color:#87a47f;border:1px solid #e3ecdd;padding:1px 5px;border-radius:4px;font-weight:400;letter-spacing:.3px}.chat-title p{font-size:9px;color:#9ba796;margin-top:6px;display:flex;align-items:center;gap:5px}.chat-title p i{width:4px;height:4px;background:#86a874;border-radius:50%}.chat-header-actions{display:flex;align-items:center;gap:11px}.resolve-button{height:30px;padding:0 10px;border:1px solid #e3e9de;border-radius:6px;display:flex;align-items:center;gap:5px;font-size:10px;color:#7b8e73}.resolve-button svg{width:13px;height:13px}.resolve-button:hover{background:#f1f6ed;color:var(--green)}.mobile-back,.mobile-details{display:none}.message-viewport{flex:1;overflow-y:auto;min-height:100px;padding:25px 31px 20px;background:#fff;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#e3e8df transparent}.chat-day{display:flex;align-items:center;justify-content:center;gap:10px;color:#aab2a4;font-size:9px;letter-spacing:.5px;margin:0 0 25px}.chat-day:before,.chat-day:after{content:"";height:1px;background:#f0f2ec;width:40px}.message-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 23px}.message-row.own{flex-direction:row-reverse}.message-row .avatar{margin-top:3px}.message-content{max-width:min(81%,560px);min-width:0}.message-meta{font-size:9px;color:#a0aa99;margin:0 0 7px;display:flex;align-items:center;gap:8px;line-height:12px}.message-meta .sender-name{color:#7d8e74;font-size:10px}.message-meta .agent-label{font-size:8px;padding:1px 4px;border-radius:3px;background:#f1f4ea;color:#8b9c7e;line-height:12px}.message-row.own .message-meta{justify-content:flex-end}.message-bubble{background:#f4f6f0;border:1px solid #eff2e9;border-radius:0 10px 10px 10px;padding:11px 14px;color:#58644e;font-size:12px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap;display:block;min-width:35px}.message-row.own .message-bubble{background:#eaf1e3;border-color:#e3ecd9;color:#44633e;border-radius:10px 0 10px 10px}.message-status{font-size:8px;color:#a4b19a;margin-top:5px;display:flex;gap:3px;align-items:center;justify-content:flex-end}.message-status svg{width:11px;height:11px}.message-system{text-align:center;margin:0 0 22px;font-size:9px;color:#acb3a6;line-height:1.7}.message-system span{display:inline-block;background:#f7f8f4;border-radius:20px;padding:4px 12px}.message-image{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:7px;background:#f0f3ed;cursor:zoom-in}.message-media{padding:5px;white-space:normal;max-width:330px}.message-media video{display:block;max-width:100%;max-height:260px;border-radius:5px;background:#233d32}.message-media audio{display:block;width:min(275px,100%);height:37px}.audio-bubble{padding:10px;white-space:normal;min-width:230px}.attachment-file{display:flex;align-items:center;gap:12px;padding:5px 1px;color:inherit;white-space:normal;min-width:210px;max-width:295px}.file-type-icon{width:37px;height:44px;border:1px solid #e0e7d9;background:#fff;border-radius:6px;color:#799064;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.attachment-name{font-size:11px;color:#56684b;overflow-wrap:anywhere;line-height:1.5}.attachment-size{font-size:9px;color:#9aa68f;margin-top:3px}.attachment-download{margin-left:auto;color:#8fa17e}.attachment-download svg{width:15px;height:15px}.media-caption{display:block;font-size:9px;color:#97a18c;padding:4px 5px 1px}.composer-wrap{flex-shrink:0;padding:0 26px 12px;background:white}.composer{border:1px solid #e3e9dc;border-radius:10px;position:relative;background:#fff;box-shadow:0 3px 9px #1b382805;transition:border-color .15s}.composer:focus-within{border-color:#a7bda0;box-shadow:0 0 0 3px #749c6d08}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;height:41px;padding:5px 12px 0}.composer-tools{display:flex;align-items:center;gap:4px}.tool-button{width:27px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#8a9980}.tool-button svg{width:16px;height:16px}.tool-button:hover,.tool-button.active{background:#edf3e6;color:#557747}.tool-separator{height:13px;width:1px;background:#e9ede3;margin:0 5px}.composer-private{font-size:9px;color:#a7b09d;display:flex;align-items:center;gap:4px}.composer-private svg{width:11px;height:11px}.composer textarea{resize:none;border:0;background:none;display:block;width:100%;min-height:61px;max-height:160px;padding:9px 16px;font-size:12px;line-height:1.8}.composer-bottom{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px 16px}.composer-hint{font-size:9px;color:#b0b8a7}.send-button{height:32px;padding:0 12px;background:#2a6b4f;color:#fff;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:10px}.send-button:hover:enabled{background:#205e44;transform:translateY(-1px)}.send-button svg{width:13px;height:13px}.send-button:disabled{opacity:1;background:#9eb19a;color:#f6f8f1}.composer-caption{font-size:8px;color:#b9c0b0;text-align:center;margin-top:11px;letter-spacing:.2px}.composer-caption span{font-size:6px;margin-left:10px;letter-spacing:1.2px}.resolved-banner,.muted-banner{display:flex;align-items:center;gap:6px;font-size:10px;color:#7e9271;background:#f5f8f0;padding:9px 11px;border-radius:7px;margin-bottom:9px;line-height:1.6}.resolved-banner svg,.muted-banner svg{width:13px;height:13px}.resolved-banner button{margin-left:auto;color:var(--green);font-size:10px}.muted-banner{color:#a18a60;background:#f9f6ed}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:13px;z-index:30}.emoji-picker-head{font-size:11px;color:#75856c;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid button{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:22px;line-height:33px;border-radius:5px}.emoji-grid button:hover{background:#edf4e7}.detail-panel{width:270px;flex-shrink:0;border-left:1px solid var(--line);overflow-y:auto;background:#fcfcfa;scrollbar-width:thin;scrollbar-color:#e3e8df transparent}.detail-heading{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:#718267;font-size:11px;letter-spacing:.5px}.detail-heading .icon-button{width:24px;height:24px}.detail-heading svg{width:14px;height:14px}.profile-summary{padding:12px 23px 24px;text-align:center;border-bottom:1px solid var(--line)}.profile-summary .avatar.large{margin:auto}.profile-summary h3{font-size:16px;color:#3d5138;margin-top:15px;font-weight:600;letter-spacing:.5px}.profile-summary>p{font-size:9px;color:#a1ae97;margin-top:6px;letter-spacing:.5px}.profile-tags{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:14px}.tag{font-size:8px;padding:3px 7px;border-radius:4px;background:#eaf1e2;color:#91a080;line-height:13px}.tag.outline{background:#fff;border:1px solid #e3e9db;padding:2px 6px;color:#9bab8c}.detail-section{padding:21px 23px;border-bottom:1px solid var(--line)}.detail-section h3{font-size:10px;color:#75846b;font-weight:500;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-section h3 span{font-size:8px;color:#acb5a2;letter-spacing:1px}.detail-row{display:flex;align-items:center;gap:9px;font-size:10px;color:#7c8c71;margin-top:16px;min-width:0}.detail-row>svg{width:13px;height:13px;color:#acb79f}.detail-row-label{color:#a7b19e;min-width:54px;font-size:9px}.detail-row-value{margin-left:auto;color:#7c8d71;font-size:9px;max-width:115px;overflow-wrap:anywhere;text-align:right;line-height:1.5}.source-badge{display:inline-flex;align-items:center;gap:3px;font-size:8px;color:#8ba27b;background:#f0f5e9;border:1px solid #e6efdd;border-radius:4px;padding:2px 6px}.source-badge svg{width:9px;height:9px}.local-notes{width:100%;height:84px;resize:vertical;border:1px solid #e5eadd;border-radius:6px;background:#fff;padding:10px;line-height:1.8;font-size:10px;color:#798a6e}.local-notes:focus{border-color:#a9bea0}.notes-footer{font-size:8px;color:#b1baa7;margin-top:7px;display:flex;justify-content:space-between}.detail-bottom{padding:24px 23px}.detail-tip{display:flex;gap:10px;font-size:9px;color:#a5b099;line-height:1.9}.detail-tip>svg{width:14px;height:14px;min-width:14px;color:#9eaf90;margin-top:2px}.group-members{display:flex;flex-direction:column;gap:12px}.group-member{display:flex;align-items:center;gap:8px;font-size:10px;color:#6c805f}.group-member .avatar{width:26px;height:26px;min-width:26px;font-size:9px;border-radius:8px}.group-member .role{margin-left:auto;font-size:8px;color:#a4b398}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.switch-row strong{font-size:11px;color:#6c805f;font-weight:500}.switch-row p{margin-top:6px;font-size:9px;color:#a5b296;line-height:1.6}.switch{width:32px;height:19px;border-radius:20px;background:#d9e3d3;padding:2px;flex-shrink:0;transition:background .2s}.switch:after{content:"";display:block;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #30483020;transition:transform .2s}.switch[aria-checked="true"]{background:#679375}.switch[aria-checked="true"]:after{transform:translateX(13px)}.copy-invite{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce6d5;border-radius:6px;font-size:10px;width:100%;height:32px;color:#78916a}.copy-invite svg{width:13px;height:13px}.copy-invite:hover{background:#edf4e6}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:230px;padding:25px;gap:11px;color:#9baa91}.message-viewport>.empty-state{height:100%}.empty-state h3{font-size:16px;color:#768b6a;font-weight:500;margin-top:5px}.empty-state p{font-size:11px;line-height:1.8;max-width:300px}.empty-icon{width:62px;height:62px;background:#f0f5e9;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#93ad80}.empty-icon svg{width:27px;height:27px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #e7eddf;border-top-color:#69905c;border-radius:50%;animation:spin .7s linear infinite}.loading-state p{font-size:11px}.error-state button{color:var(--green);font-size:11px;text-decoration:underline}.list-empty{padding:45px 20px;text-align:center;color:#a4b098;font-size:11px;line-height:2}.list-empty svg{margin:0 auto 10px;width:25px;height:25px;color:#b1bf9f}.upload-preview{display:flex;align-items:center;gap:10px;background:#f4f7ef;border:1px solid #e6ecdf;border-radius:7px;padding:9px 12px;margin-bottom:9px;font-size:10px;color:#758a69}.upload-preview .spinner{width:14px;height:14px}.upload-preview button{margin-left:auto;padding:4px}.upload-preview svg{width:15px;height:15px}.recording{color:#c25f56!important;background:#fcf0ec!important}.record-dot{width:6px;height:6px;border-radius:50%;background:#c97261;animation:pulse 1s infinite;display:inline-block;margin-right:4px}.drop-overlay{position:fixed;z-index:150;inset:14px;background:#f5faf0f5;border:2px dashed #95b181;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--green);pointer-events:none;gap:15px}.drop-overlay svg{width:50px;height:50px}.drop-overlay h2{font-size:23px;font-weight:500}.drop-overlay p{font-size:12px;color:#96a988}.toast-root{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:300;display:flex;align-items:center;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);pointer-events:none}.toast{padding:11px 18px;display:flex;align-items:center;gap:8px;background:#254d3f;color:#f2f7ed;border:1px solid #335c47;border-radius:9px;box-shadow:0 6px 25px #1f462a22;font-size:12px;animation:toast-in .2s ease;line-height:1.6}.toast svg{width:15px;height:15px;min-width:15px}.toast.error{background:#7f4840;border-color:#975b50}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#183d3238;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s ease}.modal{background:#fcfdf9;box-shadow:0 25px 100px #17372f38;border:1px solid #e1e8db;border-radius:16px;width:440px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 18px}.modal-title h2{font-size:18px;color:#355333;font-weight:600}.modal-title p{font-size:10px;color:#9cab90;margin-top:7px;line-height:1.7}.modal-body{padding:6px 26px 24px;overflow-y:auto}.modal-footer{border-top:1px solid #e7edde;padding:17px 26px;display:flex;justify-content:flex-end;gap:9px;background:#f8faf4}.form-label{display:block;font-size:11px;color:#6e845d;margin:15px 0 8px}.form-label small{font-size:9px;color:#abb69e;margin-left:5px}.text-input{width:100%;height:40px;border:1px solid #e0e7d7;border-radius:7px;background:white;padding:0 12px;font-size:12px;outline:none}.text-input:focus{border-color:#9bb88b;box-shadow:0 0 0 3px #91ac790b}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:7px;padding:0 16px;background:var(--green);color:white;font-size:11px}.primary-button:hover{background:#1a5948}.primary-button svg{width:14px;height:14px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:1px solid #dfe7d5;background:#fff;border-radius:7px;padding:0 15px;font-size:11px;color:#7d916b}.secondary-button:hover{background:#f0f5e9}.danger-button{color:#b86f60}.group-select{display:flex;align-items:center;gap:10px;padding:11px 6px;border-bottom:1px solid #edf1e7;cursor:pointer}.group-select:last-child{border-bottom:0}.group-select input{accent-color:var(--green);height:15px;width:15px;margin-left:auto}.group-select .name{font-size:12px;color:#627a51}.group-select .contact{font-size:9px;color:#a5b698;margin-top:4px}.member-selector{border:1px solid #e3ebda;border-radius:7px;background:white;max-height:240px;overflow-y:auto;padding:0 11px}.selection-help{font-size:9px;line-height:1.7;color:#a2b090;margin-top:8px}.modal-info{padding:14px;background:#f0f5e8;border:1px solid #e6eddb;border-radius:8px;line-height:1.9;font-size:11px;color:#8a9e78;margin-top:13px}.modal-info strong{color:#6c8757;font-weight:500}.settings-section{margin:16px 0 22px}.settings-section h3{font-size:12px;color:#6f865e;font-weight:500;margin-bottom:10px}.settings-section p{font-size:11px;line-height:1.9;color:#96a985}.copy-link-field{display:flex;align-items:center;border:1px solid #dee8d3;background:#fff;border-radius:7px;overflow:hidden;margin:10px 0}.copy-link-field input{border:0;min-width:0;flex:1;background:none;padding:11px;font-size:10px;color:#94a582}.copy-link-field button{color:var(--green);font-size:10px;background:#f2f7eb;height:34px;padding:0 12px;white-space:nowrap;margin-right:3px;border-radius:4px}.image-lightbox{width:auto;max-width:min(1100px,95vw);background:#fbfdf8;border-radius:12px;padding:13px;position:relative}.image-lightbox img{max-width:100%;max-height:82dvh;display:block;border-radius:6px}.image-lightbox button{position:absolute;right:20px;top:20px;background:#fffdf5ef;border-radius:50%;color:#5f7450}.aux-page{height:100%;overflow-y:auto;padding:35px 38px;background:#f8faf5}.aux-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.aux-toolbar h2{font-size:24px;color:#365533;font-weight:500;letter-spacing:.5px}.aux-toolbar p{margin-top:9px;font-size:11px;color:#9aaa8e;line-height:1.7}.aux-toolbar .search-box{width:240px;margin:0;background:#fff}.data-table-wrap{border:1px solid #e3ebda;border-radius:10px;overflow:hidden;background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#f2f6ec;font-size:10px;font-weight:400;color:#91a67d;padding:14px 21px;border-bottom:1px solid #e5ecdc;white-space:nowrap}.data-table td{padding:17px 21px;border-bottom:1px solid #edf2e6;font-size:11px;color:#90a07e}.data-table tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:11px;color:#647e51;font-size:12px}.table-person .avatar{width:34px;height:34px;min-width:34px;font-size:11px;border-radius:10px}.table-action{color:var(--green);font-size:10px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.table-action svg{width:12px;height:12px}.table-status{display:flex;align-items:center;gap:5px;font-size:10px}.table-status i{width:5px;height:5px;border-radius:50%;background:#8cae78}.table-status.offline i{background:#c9d3bd}.files-grid{display:flex;flex-direction:column;border:1px solid #e3ebda;border-radius:10px;background:white;overflow:hidden}.file-list-row{display:flex;align-items:center;gap:15px;padding:18px 23px;border-bottom:1px solid #edf2e6}.file-list-row:last-child{border-bottom:0}.file-list-row .file-type-icon{width:36px;height:42px}.file-list-row .file-main{flex:1;min-width:0}.file-list-row h3{font-size:12px;color:#6b815b;font-weight:500;overflow-wrap:anywhere}.file-list-row p{font-size:9px;color:#a1b08f;margin-top:6px}.file-list-row .file-date{font-size:10px;color:#a8b597}.file-list-row .icon-button{color:#8da37b}.aux-kicker{font-size:9px;letter-spacing:2px;color:#b1bea4;margin-bottom:9px}.auth-overlay{position:fixed;z-index:200;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f7f0;padding:28px;overflow-y:auto}.auth-overlay:before{content:"";position:absolute;left:0;top:0;width:43%;height:100%;background:#1d5141}.auth-composition{width:940px;max-width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:85px;position:relative;align-items:center}.auth-story{color:#e5efdb;padding-right:25px}.auth-wordmark{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600}.auth-wordmark svg{width:32px;height:32px}.auth-wordmark small{font-size:9px;letter-spacing:2px;margin-left:2px;color:#98b99d;font-weight:400}.auth-story h2{font-size:35px;line-height:1.6;font-weight:400;letter-spacing:3px;margin:69px 0 20px}.auth-story p{font-size:12px;line-height:2.1;color:#9fbd9d;max-width:280px}.auth-story .auth-caption{font-size:9px;letter-spacing:2px;color:#729b7d;margin-top:70px}.auth-card{background:#fff;border:1px solid #e6eddf;border-radius:17px;box-shadow:0 15px 60px #23452507;padding:39px 35px}.auth-eyebrow{font-size:9px;color:#98ae87;letter-spacing:2px;margin-bottom:12px}.auth-card h1{font-size:25px;font-weight:500;color:#355932;letter-spacing:.5px}.auth-card>p{font-size:11px;line-height:1.9;color:#9dad90;margin-top:10px;margin-bottom:23px}.auth-card .form-label{margin-top:19px}.auth-card .primary-button{width:100%;height:41px;margin-top:24px}.auth-card .auth-fine-print{font-size:9px;color:#b0bca2;text-align:center;line-height:1.9;margin:17px 0 0}.form-error{font-size:10px;color:#b96f60;line-height:1.8;margin-top:10px;min-height:18px}.auth-card .text-input{height:43px}.auth-link{font-size:10px;color:#8ba677;display:block;text-align:center;margin-top:21px}.auth-card .auth-footnote{border-top:1px solid #edf1e6;font-size:9px;color:#b0bea1;padding-top:18px;margin:21px 0 0;text-align:center}.auth-story-icon{height:106px;width:170px;position:relative;margin:35px 0}.auth-orbit{position:absolute;border:1px solid #ffffff15;border-radius:50%;width:135px;height:135px;left:31px;top:-10px}.auth-orbit:before{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;inset:14px}.auth-chat{position:absolute;background:#39694d;border:1px solid #4b7957;border-radius:15px 15px 15px 2px;width:106px;height:67px;left:0;top:4px;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;gap:7px}.auth-chat i{height:6px;width:6px;border-radius:50%;background:#b9d4a4}.auth-chat.small{height:52px;width:80px;left:90px;top:50px;transform:rotate(9deg);background:#b8ce98;border-color:#c8dda9;border-radius:13px 13px 2px 13px}.auth-chat.small svg{color:#547844;width:24px;height:24px}.guest-body{background:#eff4ea}.guest-app{max-width:1180px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.guest-topbar{height:90px;display:flex;align-items:center;gap:24px;padding:0 25px}.guest-brand{display:flex;align-items:center;gap:10px;color:#355e38}.guest-brand strong{font-size:22px;font-weight:600}.guest-brand>span:last-child{font-size:9px;letter-spacing:2.3px;color:#9cb28a;margin-left:3px}.small-brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#2a6447;color:#eef7df}.small-brand-mark svg{width:27px;height:27px}.guest-topbar .online-pill{margin-left:auto}.guest-main{height:calc(100dvh - 135px);min-height:520px;display:flex;border:1px solid #dfe9d6;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 15px 50px #486a2c08;margin:0 25px}.guest-main .conversation-panel{width:270px}.guest-main .chat-header{height:78px;min-height:78px}.guest-main .message-viewport{padding:25px 30px}.guest-footer{height:45px;display:flex;align-items:center;justify-content:center;color:#b0bea1;font-size:9px;letter-spacing:2px}.guest-body .auth-overlay:before{background:#2b5b3e}.guest-body .auth-story h2{font-size:32px}.guest-mobile-group{font-size:9px;color:#8ca777}.privacy-note{font-size:9px;line-height:1.8;color:#a5b595;margin-top:12px}.new-message-marker{position:absolute;bottom:235px;left:50%;transform:translateX(-50%);border:1px solid #dee8d3;background:#fff;box-shadow:0 3px 16px #2a51220e;padding:7px 13px;border-radius:20px;color:#73905c;font-size:10px;display:flex;align-items:center;gap:5px;z-index:10;white-space:nowrap}.new-message-marker svg{width:12px;height:12px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.conversation-panel{width:325px}.detail-panel{width:300px}.workspace-header{padding:0 38px}.chat-header{padding:0 34px}.message-viewport{padding:28px 38px}.composer-wrap{padding-left:33px;padding-right:33px}.conversation-item{padding:17px 13px}.conversation-list{padding:0 13px 12px}.detail-section{padding:25px 27px}.detail-heading{padding:0 27px}.profile-summary{padding-bottom:28px}.workspace-heading{gap:29px}}
@media(max-width:1250px){.detail-panel{width:240px}.conversation-panel{width:270px}.workspace-header{padding:0 23px}.workspace-actions{gap:14px}.message-viewport{padding:23px}.composer-wrap{padding-left:20px;padding-right:20px}.chat-header{padding:0 23px}.detail-section,.profile-summary,.detail-bottom{padding-left:18px;padding-right:18px}.detail-row{gap:5px}.detail-row-value{max-width:100px}.detail-row-label{min-width:50px}.conversation-name{max-width:128px}.conversation-item{padding-left:10px;padding-right:10px;gap:9px}.conversation-preview{font-size:10px}.composer-caption span{font-size:5px}.auth-composition{gap:65px;max-width:840px}}
@media(max-width:1100px){.detail-panel{display:none;width:280px;position:absolute;top:0;bottom:0;right:0;z-index:35;box-shadow:-10px 0 40px #244a2b17}.detail-panel.mobile-open{display:block}.mobile-details{display:flex}.workspace-actions .demo-badge{display:none}.chat-panel{min-width:0}.conversation-panel{width:285px}.conversation-name{max-width:146px}.composer-caption{font-size:8px}.workspace-header{height:90px}.chat-header{height:78px;min-height:78px}.aux-page{padding:30px}.data-table th,.data-table td{padding:15px}.auth-composition{gap:55px}.auth-story h2{font-size:30px}.auth-story{padding-left:10px}.guest-app{max-width:1030px}.guest-main .conversation-panel{width:250px}}
@media(max-width:800px){.workspace-header{height:80px;padding:0 20px}.wordmark{font-size:20px}.wordmark span{font-size:6px;letter-spacing:2.7px}.workspace-heading{gap:17px}.workspace-heading h1{font-size:17px}.workspace-heading p{font-size:9px}.workspace-actions{gap:10px}.workspace-actions .online-pill{font-size:9px}.workspace-actions .icon-button{display:none}.header-avatar{width:30px;height:30px}.nav-rail{width:65px;flex-basis:65px;padding-left:7px;padding-right:7px}.brand-mark{width:37px;height:37px}.rail-link{width:51px;height:58px}.rail-link.active:before{left:-7px}.conversation-panel{width:245px}.conversation-heading{padding:22px 19px 17px}.conversation-tabs{margin-left:17px;margin-right:17px}.search-box{margin-left:17px;margin-right:17px}.conversation-name{font-size:11px;max-width:112px}.conversation-time{font-size:8px}.conversation-item .avatar{width:35px;height:35px;min-width:35px;font-size:10px;border-radius:11px}.conversation-list{padding-left:7px;padding-right:7px}.conversation-item{gap:8px;padding:15px 9px;min-height:78px}.list-section-label{padding-left:20px;padding-right:20px}.conversation-heading h2{font-size:16px}.chat-header{padding:0 18px;gap:9px;height:74px;min-height:74px}.chat-title h2{font-size:13px}.chat-header-actions{gap:5px}.resolve-button{font-size:9px;padding:0 8px}.chat-header-actions>.icon-button{width:26px}.message-viewport{padding:23px 19px}.message-content{max-width:85%}.message-row{gap:8px;margin-bottom:21px}.message-row>.avatar{width:27px;height:27px;min-width:27px;font-size:9px}.message-bubble{font-size:11px;padding:10px 12px}.composer-wrap{padding:0 16px 12px}.composer-private{display:none}.composer-hint{font-size:8px}.composer textarea{font-size:11px}.send-button{font-size:9px;gap:7px}.composer-caption{font-size:7px}.composer-caption span{font-size:5px;margin-left:6px}.auth-overlay:before{width:40%}.auth-composition{gap:35px;grid-template-columns:.8fr 1.1fr}.auth-story h2{font-size:25px;letter-spacing:1px}.auth-story p{font-size:11px}.auth-wordmark{font-size:19px;gap:5px}.auth-wordmark small{font-size:7px}.auth-card{padding:30px 25px}.auth-card h1{font-size:22px}.auth-card>p{font-size:10px}.auth-story .auth-caption{font-size:7px}.guest-main{margin:0 18px}.guest-topbar{padding:0 18px;height:76px}.guest-main{height:calc(100dvh - 116px)}.guest-footer{height:40px}.guest-main .conversation-panel{width:230px}.guest-main .message-viewport{padding:23px 20px}.guest-brand>span:last-child{display:none}.aux-toolbar{align-items:flex-start;flex-direction:column}.aux-toolbar .search-box{width:100%}.data-table .optional-column{display:none}.aux-page{padding:25px}.aux-toolbar h2{font-size:21px}}
@media(max-width:620px){html,body{font-size:12px}.app-shell{min-height:0}.nav-rail{width:58px;flex-basis:58px;padding:21px 5px 14px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:26px;height:26px}.rail-links{margin-top:30px;gap:9px}.rail-link{width:48px;height:55px;font-size:9px;gap:6px}.rail-link svg{width:19px;height:19px}.rail-link.active:before{left:-5px}.rail-profile{width:31px;height:31px;font-size:11px}.rail-bottom{gap:15px}.workspace-header{padding:0 17px;height:74px}.workspace-heading{gap:0}.wordmark,.header-divider{display:none}.workspace-heading h1{font-size:17px}.workspace-heading p{font-size:9px;margin-top:5px}.workspace-actions .online-pill{display:none}.workspace-actions .header-avatar{width:28px;height:28px;font-size:10px}.conversation-panel{width:100%;border-right:0}.conversation-heading{padding:25px 22px 20px}.conversation-heading h2{font-size:18px}.search-box{margin-left:22px;margin-right:22px;height:38px}.conversation-tabs{margin:17px 22px 0}.conversation-tabs button{font-size:11px;height:30px}.list-section-label{padding:23px 25px 12px}.conversation-list{padding-left:11px;padding-right:11px}.conversation-item{padding:17px 13px;min-height:87px;gap:12px;margin-bottom:4px}.conversation-item .avatar{width:42px;height:42px;min-width:42px;font-size:12px;border-radius:13px}.conversation-name{max-width:none;font-size:13px}.conversation-time{font-size:9px}.conversation-preview{font-size:11px;margin-top:6px}.chat-panel{display:none}.chat-layout.mobile-chat-open .conversation-panel{display:none}.chat-layout.mobile-chat-open .chat-panel{display:flex}.chat-header{height:71px;min-height:71px;padding:0 12px;gap:8px}.chat-header>.avatar{height:31px;width:31px;min-width:31px;font-size:10px;border-radius:10px}.chat-title h2{font-size:12px;max-width:180px}.chat-title h2 .title-tag{display:none}.chat-title p{font-size:8px;margin-top:5px}.mobile-back{display:flex;width:21px;margin-left:-4px;flex-shrink:0}.mobile-back svg{width:19px;height:19px}.chat-header-actions{gap:0}.resolve-button{border:0;padding:0 6px;font-size:0;width:27px;justify-content:center}.resolve-button svg{width:17px;height:17px}.chat-header-actions .icon-button{width:27px}.message-viewport{padding:22px 14px}.message-row{gap:7px;margin-bottom:22px}.message-content{max-width:83%}.message-meta{font-size:8px;gap:5px}.message-meta .sender-name{font-size:9px}.message-bubble{padding:10px 12px;font-size:11px}.message-row>.avatar{height:25px;width:25px;min-width:25px;font-size:8px;border-radius:8px}.composer-wrap{padding:0 10px 9px}.composer-toolbar{padding:4px 8px 0;height:38px}.composer-tools{gap:2px}.tool-button{width:26px}.composer textarea{padding:9px 12px;min-height:57px;max-height:120px;line-height:1.8}.composer-bottom{padding:0 8px 7px 12px;height:42px}.composer-hint{max-width:120px;font-size:7px}.send-button{height:30px;padding:0 10px;font-size:9px}.composer-caption{font-size:7px;margin-top:9px;letter-spacing:0}.composer-caption span{font-size:5px;letter-spacing:.5px}.emoji-picker{width:min(292px,calc(100vw - 90px))}.emoji-grid button{font-size:20px}.detail-panel{width:min(290px,calc(100vw - 70px))}.message-media{max-width:240px}.attachment-file{min-width:160px;gap:8px}.attachment-name{font-size:10px}.file-type-icon{width:31px;height:38px;font-size:8px}.audio-bubble{min-width:180px;padding:7px}.message-media audio{max-width:210px}.auth-overlay{padding:25px}.auth-overlay:before{width:100%;height:36%;border-radius:0 0 35% 0}.auth-composition{display:flex;flex-direction:column;gap:24px;max-width:360px;align-items:stretch}.auth-story{padding:0;text-align:left}.auth-wordmark{font-size:20px}.auth-wordmark small{font-size:8px}.auth-story h2{font-size:25px;line-height:1.5;margin:21px 0 6px;letter-spacing:2px}.auth-story h2 br{display:none}.auth-story p,.auth-story-icon,.auth-story .auth-caption{display:none}.auth-card{padding:27px 24px;border-radius:13px;box-shadow:0 15px 50px #22452812}.auth-eyebrow{font-size:8px}.auth-card h1{font-size:23px}.auth-card>p{margin-bottom:17px}.auth-card .primary-button{margin-top:17px}.auth-card .auth-footnote{margin-top:15px;font-size:8px}.modal-backdrop{padding:17px}.modal{max-height:90dvh;border-radius:12px}.modal-header{padding:22px 20px 16px}.modal-title h2{font-size:17px}.modal-body{padding:3px 20px 21px}.modal-footer{padding:15px 20px}.aux-page{padding:25px 18px}.aux-toolbar h2{font-size:21px}.aux-toolbar p{font-size:10px}.data-table th,.data-table td{padding:13px 12px;font-size:10px}.data-table .mobile-hide{display:none}.table-person{font-size:11px;gap:8px}.table-person .avatar{width:29px;height:29px;min-width:29px;font-size:9px}.file-list-row{padding:15px 13px;gap:10px}.file-list-row .file-date{display:none}.file-list-row h3{font-size:11px}.file-list-row p{font-size:8px;line-height:1.8}.guest-topbar{height:70px;padding:0 17px;gap:12px}.guest-brand{gap:8px}.guest-brand strong{font-size:21px}.small-brand-mark{width:32px;height:32px}.guest-topbar .online-pill{font-size:9px}.guest-topbar>.icon-button{width:26px}.guest-main{border-radius:12px;margin:0 11px;height:calc(100dvh - 106px);min-height:0}.guest-main .conversation-panel{width:100%}.guest-main .chat-panel{display:none}.guest-main.mobile-chat-open .conversation-panel{display:none}.guest-main.mobile-chat-open .chat-panel{display:flex}.guest-main .chat-header{height:69px;min-height:69px}.guest-main .message-viewport{padding:23px 13px}.guest-main .message-content{max-width:84%}.guest-footer{height:36px;font-size:8px;letter-spacing:1px}.guest-body .auth-story h2{font-size:25px}.guest-body .auth-overlay:before{height:34%}.guest-main .composer-hint{max-width:none;font-size:8px}.guest-main .composer-caption{font-size:7px}.guest-main .emoji-picker{width:min(310px,calc(100vw - 55px))}.new-message-marker{bottom:212px;font-size:9px}.toast{font-size:11px;padding:10px 14px}.inbox-footer{height:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.history-control{text-align:center;margin:0 0 20px}.history-control button{font-size:9px;color:#91a580;background:#f5f8ef;border:1px solid #e5eddb;border-radius:20px;padding:6px 15px}.history-control button:hover{background:#edf4e4}
@media(max-height:600px){.app-shell{min-height:0}.workspace-header{height:62px}.workspace-heading h1{font-size:16px}.workspace-heading p{margin-top:4px}.chat-header{height:59px;min-height:59px}.conversation-heading{padding-top:16px;padding-bottom:12px}.list-section-label{padding-top:15px}.conversation-tabs{margin-top:13px}.message-viewport{min-height:40px;padding-top:17px;padding-bottom:10px}.composer-wrap{padding-bottom:7px}.composer-toolbar{height:31px}.composer textarea{height:43px;min-height:43px;padding-top:4px;padding-bottom:4px}.composer-bottom{height:38px;padding-bottom:6px}.send-button{height:29px}.composer-caption{margin-top:6px;font-size:7px}.guest-topbar{height:59px}.guest-main{height:calc(100dvh - 88px);min-height:0}.guest-main .chat-header{height:57px;min-height:57px}.guest-footer{height:29px}.nav-rail{padding-top:16px}.rail-links{margin-top:21px;gap:4px}.rail-link{height:51px}.rail-bottom{gap:9px}.guest-main .message-viewport{padding-top:17px;padding-bottom:10px}}@media(max-height:390px){.workspace-header{height:53px}.workspace-heading p{display:none}.chat-header{height:51px;min-height:51px}.composer-toolbar{height:28px}.composer textarea{height:35px;min-height:35px}.composer-bottom{height:35px}.composer-caption{display:none}.composer-wrap{padding-bottom:7px}.message-viewport{min-height:25px}.chat-day{margin-bottom:15px}.nav-rail{padding-top:13px}.rail-links{margin-top:13px;gap:2px}.rail-link{height:45px;font-size:8px;gap:4px}.rail-link svg{width:17px;height:17px}.rail-bottom{gap:4px}.rail-profile{display:none}.guest-topbar{height:52px}.guest-footer{height:25px}.guest-main{height:calc(100dvh - 77px)}.guest-main .chat-header{height:49px;min-height:49px}}