:root{--bg:#f5f7f9;--surface:#fff;--ink:#202a38;--muted:#667386;--line:#e6eaef;--green:#13865d;--green-dark:#0c6b49;--green-soft:#eaf6ee;--amber:#9a620b;--amber-soft:#fff7e6;--red:#b54743;--red-soft:#fff0ef;--shadow:0 20px 70px #1c2a3b20;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font);color:var(--ink);font-size:14px;background:var(--bg)}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button, input,textarea{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #13865d50;outline-offset:3px}button{transition:background .16s,color .16s,border-color .16s}button svg{pointer-events:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,p{margin:0}a{color:var(--green)}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;box-shadow:0 5px 12px #13865d18}.brand-mark svg{width:26px;height:26px}.eyebrow,.modal-eyebrow{color:var(--green);font-size:12px;font-weight:650;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;min-height:42px;background:#fff;border:1px solid #dce2e8;border-radius:8px;color:var(--ink);font-size:13px;font-weight:550;white-space:nowrap}.button:hover{background:#f2f5f7;border-color:#c7d1da}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.button.small{font-size:12px;min-height:34px;padding:7px 12px}.button.danger{background:var(--red);border-color:var(--red);color:#fff}.button.danger:hover{background:#963833}.button svg{width:17px;height:17px}.icon-button{width:38px;height:38px;border-radius:8px;background:transparent;border:0;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:#eaf0f3;color:var(--ink)}.text-button{border:0;background:none;color:var(--green);padding:5px 0;font-size:12px;white-space:nowrap}.text-button:hover{color:var(--green-dark);text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:550;border-radius:5px;line-height:1.4;padding:4px 7px;white-space:nowrap}.pill.success{background:var(--green-soft);color:#126a47}.pill.warning{background:var(--amber-soft);color:var(--amber)}.pill.error{background:var(--red-soft);color:var(--red)}.pill.neutral{background:#f0f3f6;color:#566476}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.live-dot.warning{background:#c18a24}.live-dot.error{background:#c66159}.separator{margin:0 7px;color:#a4acb7}.spinner{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}
.auth-view{height:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f1f5f4}.auth-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;margin-bottom:32px}.auth-card{width:min(460px,100%);padding:36px 36px 25px;background:#fff;border:1px solid #e0e7e3;border-radius:18px;box-shadow:0 10px 55px #244f3710}.auth-card h1{font-size:25px;letter-spacing:-.7px;margin:13px 0 12px;font-weight:650}.auth-description{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:30px}.auth-card label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.key-input{border:1px solid #d7dfe4;border-radius:9px;display:flex;align-items:center;padding:3px}.key-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #13865d12}.key-input input{border:0;min-width:0;flex:1;height:40px;padding:8px;font-size:13px;background:none}.key-input input:focus-visible{outline:0}.auth-submit{width:100%;justify-content:space-between;margin-top:20px;min-height:46px}.auth-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--muted);margin-top:23px}.auth-note svg{width:14px;height:14px}.auth-footer{font-size:11px;color:var(--muted);margin-top:24px;text-align:center;line-height:1.8}.field-error{font-size:12px;color:var(--red);margin-top:10px;line-height:1.6}.ticket-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:25px 0;color:var(--green)}
.app{height:100dvh;display:grid;grid-template-columns:68px 304px minmax(340px,1fr) 294px;overflow:hidden}.rail{background:#edf1f3;border-right:1px solid #dfe5e9;display:flex;align-items:center;flex-direction:column;padding:23px 8px 16px;gap:12px;z-index:8}.rail-brand{width:36px;height:36px;border-radius:11px;margin-bottom:20px}.rail-main{display:flex;flex-direction:column;gap:10px;flex:1}.rail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;color:#687586;width:50px;height:59px;border-radius:10px}.rail-button svg{width:22px;height:22px}.rail-button span{font-size:10px;font-weight:550}.rail-button:hover{background:#e1e9e9;color:var(--ink)}.rail-button.active{color:var(--green);background:#ddece5}.profile-button{padding:0;width:38px;height:38px;border:0;border-radius:10px;overflow:hidden;margin-top:4px;background:#dce5e0}.profile-button .avatar{width:38px;height:38px;border-radius:10px}.conversation-list{background:#fff;display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0;overflow:hidden}.list-header{display:flex;align-items:center;justify-content:space-between;padding:28px 18px 18px}.list-header h1{font-size:19px;letter-spacing:-.3px;font-weight:650}.list-header p{margin-top:7px;font-size:11px;color:var(--muted)}.list-header .separator{margin:0 5px}.group-search{height:39px;border:1px solid #e7ebef;border-radius:8px;display:flex;align-items:center;background:#f6f8fa;margin:0 18px;padding:0 10px;gap:7px}.group-search:focus-within{border-color:#83b9a1;background:#fff}.group-search svg{width:16px;height:16px;color:#758293}.group-search input{min-width:0;flex:1;background:none;border:0;height:100%;font-size:12px;padding:0}.group-search input:focus-visible{outline:0}.group-search kbd{font-size:9px;background:#eaeef1;border:1px solid #dce3e8;border-radius:4px;padding:2px 4px;color:#778391;font-family:inherit}.group-filters{display:flex;gap:4px;margin:16px 18px 11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.filter{background:none;border:0;border-radius:6px;font-size:12px;color:var(--muted);padding:7px 12px;display:flex;align-items:center;gap:5px;min-height:32px}.filter.active{background:#eaf5ef;color:var(--green);font-weight:600}.filter:hover{background:#f1f5f3}.filter-count{font-size:10px;background:#d6e9dd;padding:0 4px;border-radius:3px}.group-list{overflow-y:auto;min-height:0;flex:1;padding:0 8px;scrollbar-width:thin;scrollbar-color:#d7dfe5 transparent}.group-item{display:flex;align-items:center;width:100%;gap:11px;padding:14px 11px;border:0;border-radius:9px;background:transparent;text-align:left;position:relative;margin-bottom:3px}.group-item:hover{background:#f5f8f6}.group-item.selected{background:#eaf3ed}.group-item.selected:before{content:"";position:absolute;left:0;width:3px;top:17px;bottom:17px;border-radius:2px;background:var(--green)}.group-item-content{flex:1;min-width:0}.group-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.group-item-name{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-item-time{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.group-item-preview{display:flex;gap:6px;align-items:center;margin-top:6px}.group-preview-text{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.group-unread{font-size:10px;background:#cc5656;color:#fff;border-radius:10px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center}.group-sync-label{font-size:9px;display:inline-flex;align-items:center;gap:3px;margin-top:6px;color:#447d60}.group-sync-label svg{width:11px;height:11px}.group-sync-label.paused{color:#7b8796}.group-sync-label.gap{color:var(--amber)}.avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#dcece3;color:#3d7556;font-size:15px;font-weight:600;overflow:hidden}.avatar.large{width:54px;height:54px;border-radius:15px;font-size:21px}.avatar.small{width:31px;height:31px;border-radius:8px;font-size:12px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{width:21px;height:21px}.avatar.color-1{background:#e6ebf6;color:#536d98}.avatar.color-2{background:#f4e8de;color:#936f50}.avatar.color-3{background:#e9e4f2;color:#776397}.avatar.color-4{background:#dfedf1;color:#467689}.avatar.color-5{background:#f0e7e9;color:#90616c}.list-footer{min-height:52px;border-top:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.list-footer .text-button{margin-left:auto;font-size:10px}.list-empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.list-empty svg{width:30px;height:30px;margin-bottom:12px;color:#a7b2bc}.list-empty strong{display:block;font-weight:550;color:#506073;margin-bottom:5px}
.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg);position:relative}.empty-conversation{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}.empty-illustration{position:relative;width:92px;height:92px;border-radius:27px;background:#e7eeea;color:#83a791;display:flex;align-items:center;justify-content:center;margin-bottom:29px}.empty-illustration>svg{width:53px;height:53px;stroke-width:1.4}.empty-illustration>span{position:absolute;right:-5px;bottom:-5px;width:30px;height:30px;background:white;border-radius:10px;border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;color:var(--green)}.empty-illustration>span svg{width:17px;height:17px;stroke-width:2.2}.empty-conversation h2{font-size:19px;font-weight:550;letter-spacing:-.2px}.empty-conversation p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:12px}.empty-features{display:flex;gap:20px;margin-top:30px;color:#768394;font-size:10px}.empty-features>span{display:flex;align-items:center;gap:5px}.empty-features svg{width:14px;height:14px}.connection-banner{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fff7e9;border-bottom:1px solid #efdfbf;color:#855b15;flex-shrink:0}.connection-banner>svg{width:19px;height:19px}.connection-banner>div{flex:1;min-width:0}.connection-banner strong{font-size:12px;font-weight:600;display:block}.connection-banner span{display:block;font-size:11px;margin-top:3px;line-height:1.5}.connection-banner .button{background:#fffdf8;border-color:#e3cfaa;color:#855b15}.connection-banner.error{background:#fff1f0;color:#9a443e;border-color:#f2d7d3}.conversation{display:flex;flex:1;min-height:0;flex-direction:column}.chat-header{min-height:83px;display:flex;align-items:center;padding:18px 24px;gap:12px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.chat-heading{flex:1;min-width:0}.chat-heading h2{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-subtitle{font-size:11px;color:var(--muted);margin-top:7px;display:flex;align-items:center;white-space:nowrap}.chat-header-actions{display:flex;gap:3px}.message-search-bar{background:#fff;display:flex;align-items:center;gap:10px;padding:8px 22px;border-bottom:1px solid var(--line)}.message-search-bar>svg{width:17px;height:17px;color:var(--muted)}.message-search-bar input{flex:1;min-width:0;height:35px;border:0;background:transparent;font-size:12px}.message-search-bar input:focus-visible{outline:none}.message-search-bar>span{font-size:10px;color:var(--muted);white-space:nowrap}.thread-wrapper{position:relative;flex:1;min-height:0}.message-thread{height:100%;overflow:auto;overscroll-behavior:contain;padding:18px 26px 25px;scrollbar-width:thin;scrollbar-color:#ccd6dd transparent;scroll-behavior:auto}.load-older{display:block;margin:0 auto 22px;border:0;background:transparent;color:#667c92;font-size:11px;padding:7px 12px;min-height:32px}.load-older:hover{color:var(--green);background:#e8efeb;border-radius:6px}.day-divider{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#7a8797;padding:7px 0 25px}.day-divider:before,.day-divider:after{content:"";width:28px;height:1px;background:#dce3e8}.message-row{display:flex;gap:9px;margin-bottom:24px;align-items:flex-start;position:relative}.message-row.self{flex-direction:row-reverse}.message-row>.avatar{width:33px;height:33px;border-radius:8px}.message-content{max-width:min(80%,540px);min-width:0;display:flex;flex-direction:column;align-items:flex-start}.message-row.self .message-content{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.4;color:var(--muted);margin:0 0 6px 1px}.message-meta .sender-name{font-weight:500;color:#5a687a}.message-meta time{font-size:9px;color:#7a8797;font-variant-numeric:tabular-nums}.message-bubble{border:1px solid #e5e9ed;border-radius:0 10px 10px 10px;padding:11px 14px;font-size:13px;line-height:1.85;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 1px 2px #24324303;max-width:100%;text-align:left}.message-row.self .message-bubble{background:#dff0df;border-color:#d4e6d3;color:#233a2c;border-radius:10px 0 10px 10px}.message-bubble.type-card{min-width:170px;color:#627183;background:#fff;display:flex;gap:10px;align-items:center;white-space:normal}.message-bubble.type-card svg{width:25px;height:25px;color:#7a8fa0}.message-type-description{font-size:10px;display:block;color:#7c8997;margin-top:2px}.message-status{display:flex;align-items:center;gap:3px;margin-top:6px;font-size:9px;color:#728476;background:none;border:0;padding:2px 0}.message-status svg{width:11px;height:11px}.message-status:hover{color:var(--green)}.message-status.error{color:var(--red)}.message-status.pending{color:#8c773b}.message-row.self .message-status{justify-content:flex-end}.message-status .spinner{width:10px;height:10px;border-width:1.5px}.new-messages{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);border:1px solid #d3e3da;background:#fff;border-radius:20px;box-shadow:0 3px 18px #1f382b16;color:var(--green);padding:8px 14px;display:flex;gap:8px;align-items:center;font-size:11px}.new-messages svg{width:13px;height:13px;transform:rotate(90deg)}.thread-empty{height:100%;min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center;padding:30px;line-height:1.8;font-size:12px}.thread-empty svg{width:34px;height:34px;color:#97aaa1;margin-bottom:15px}.thread-empty strong{color:#465568;font-size:14px;font-weight:550;display:block;margin-bottom:7px}.thread-empty .button{margin-top:17px}.message-system{color:var(--muted);font-size:11px;text-align:center;line-height:1.8;margin:12px 0 22px}.message-bubble mark{background:#fff0ad;color:inherit;border-radius:2px;padding:0 1px}
.composer{background:#fff;border-top:1px solid var(--line);padding:11px 22px 14px;position:relative;flex-shrink:0}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.composer-tools>div{display:flex;align-items:center;gap:4px}.composer-tools .icon-button{width:31px;height:31px}.composer-label{font-size:10px;color:#778393}.composer-tools>.text-button{font-size:10px;color:#738092}.composer textarea{display:block;width:100%;height:76px;min-height:65px;max-height:150px;resize:none;border:0;background:transparent;line-height:1.8;font-size:13px;padding:6px 3px;color:var(--ink)}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#8994a2}.composer textarea:disabled{background:none;color:#788492;cursor:not-allowed}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-bottom>span{font-size:10px;color:#7b8796}.composer-bottom>div{display:flex;align-items:center;gap:14px}.composer-bottom #character-count{font-size:10px;color:#7b8796;font-variant-numeric:tabular-nums}.composer-bottom #character-count.limit{color:var(--red)}.send-button{min-height:35px;min-width:91px;padding:7px 14px;font-size:12px}.send-button svg{width:14px;height:14px}.composer-note{background:#fffaf0;color:#896526;border-top:1px solid #efe4cb;font-size:11px;padding:10px 22px;line-height:1.6}.composer-note .text-button{margin-left:7px;font-size:11px}.emoji-popover{position:absolute;left:18px;bottom:calc(100% + 6px);display:grid;grid-template-columns:repeat(6,37px);padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #182b3d18;border-radius:11px;z-index:9}.emoji-popover button{height:37px;width:37px;border:0;background:none;border-radius:6px;font-size:22px}.emoji-popover button:hover{background:#eff4f0}
.details-panel{background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.details-panel>header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:21px;border-bottom:1px solid var(--line);flex-shrink:0}.details-panel>header h2{font-size:13px;font-weight:600}.details-panel>header .icon-button{width:29px;height:29px}.details-content{overflow:auto;min-height:0;flex:1;padding:23px 20px;scrollbar-width:thin;scrollbar-color:#d7dfe5 transparent}.detail-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:50px;color:var(--muted);font-size:11px;text-align:center;line-height:1.8}.detail-placeholder svg{width:32px;height:32px;color:#a3b1bd}.group-profile{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:24px}.group-profile h3{font-size:15px;font-weight:600;margin:12px 0 5px;line-height:1.6}.group-profile>p{font-size:10px;color:var(--muted)}.group-id-row{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10px;color:#798696;max-width:100%}.group-id-row code{font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}.group-id-row .icon-button{width:23px;height:23px}.group-id-row svg{width:12px;height:12px}.detail-section{border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:14px}.section-heading>span:last-child{color:var(--muted);font-size:11px;font-weight:400}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 6px}.member{min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;position:relative;text-align:center}.member .avatar{width:38px;height:38px}.member-name{font-size:10px;color:#5c6b7e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.member-role{font-size:8px;border-radius:3px;background:#f0f4f2;color:#527961;position:absolute;top:27px;left:50%;transform:translateX(-50%);border:1px solid #fff;padding:1px 3px;white-space:nowrap}.archive-card{background:#f6f9f7;border:1px solid #e4ece6;border-radius:10px;padding:15px 13px}.archive-card.warning{background:#fffaf0;border-color:#efe5cd}.archive-card-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:#2e6948;margin-bottom:15px}.archive-card-title svg{width:17px;height:17px}.archive-numbers{display:flex;align-items:center;gap:9px}.archive-numbers strong{font-size:27px;font-weight:600;letter-spacing:-1px;color:#294c38}.archive-numbers>span{font-size:10px;color:#718279;line-height:1.5}.archive-numbers .number-divider{width:1px;height:29px;background:#dce7de;margin:0 9px}.archive-caption{font-size:10px;line-height:1.7;color:#718279;margin-top:13px}.detail-data-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);line-height:1.8;margin:9px 0}.detail-data-row strong{font-weight:450;color:#4a5c6f;text-align:right}.detail-help{font-size:10px;color:#7c8896;line-height:1.8;margin:12px 0}.detail-section .button.full{width:100%;margin-top:10px}.capture-toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px}.capture-toggle>div strong{font-size:11px;font-weight:550}.capture-toggle>div p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:4px}.switch{position:relative;width:34px;height:20px;flex-shrink:0;border:0;border-radius:12px;background:#c6d1db;padding:0}.switch[aria-checked="true"]{background:var(--green)}.switch:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch[aria-checked="true"]:after{transform:translateX(14px)}.sending-summary{font-size:11px;color:#617183;line-height:1.8}.sending-summary strong{font-weight:550;color:#2b6143}.job-line{padding:11px 0;border-top:1px solid #eff2f5;font-size:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.job-line:first-child{border:0}.job-line .job-line-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:145px}.job-line button{border:0;background:none;color:var(--muted);font-size:10px;padding:3px;text-align:right;white-space:nowrap}
.modal{border:1px solid #e0e7e7;border-radius:17px;padding:30px;color:var(--ink);background:#fff;box-shadow:var(--shadow);max-height:calc(100dvh - 48px);overflow:auto}.modal::backdrop{background:#14273945;backdrop-filter:blur(3px)}.modal h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:12px 0 10px}.modal-description{color:var(--muted);font-size:12px;line-height:1.9}.modal-close{position:absolute;right:15px;top:15px;width:30px;height:30px}.modal-eyebrow{display:flex;align-items:center;gap:6px;font-size:11px}.modal-eyebrow svg{width:15px;height:15px}.connection-modal{width:min(440px,calc(100% - 30px));text-align:center;padding:32px}.connection-modal .modal-eyebrow{justify-content:center}.connection-visual{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:23px 0 16px;background:#f6f8f7;border:1px solid #e8eeea;border-radius:13px;padding:24px 20px;position:relative}.connection-visual>.avatar{width:68px;height:68px;border-radius:18px;font-size:27px;box-shadow:0 4px 14px #243d2d12}.connection-visual h3{font-size:15px;font-weight:550;margin-top:14px}.connection-visual p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.connection-visual>.connection-symbol{width:55px;height:55px;color:var(--green);stroke-width:1.2;margin-bottom:9px}.connection-visual .status-dot-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);margin-top:12px}.connection-actions{display:flex;flex-direction:column;gap:10px}.connection-actions .button{width:100%;min-height:43px}.connection-actions .text-button{font-size:11px;padding:6px}.modal-footnote{margin-top:21px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;color:#7d8894;font-size:10px;line-height:1.6}.modal-footnote svg{width:13px;height:13px}.qr-frame{position:relative;width:234px;max-width:100%;margin:20px auto 12px;background:#fff;border:1px solid #e3e8e5;border-radius:10px;min-height:250px;overflow:hidden}.qr-frame img{display:block;width:100%;height:auto;min-height:250px;object-fit:contain}.qr-overlay{position:absolute;inset:0;background:#fffffff0;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px)}.qr-overlay svg{width:33px;height:33px;color:var(--amber)}.qr-instructions{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:19px}.confirm-modal{width:min(420px,calc(100% - 30px));padding:30px}.confirm-symbol{width:42px;height:42px;border-radius:12px;background:#fff5e9;color:#ac7621;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.wide-modal{width:min(620px,calc(100% - 30px));padding:32px}.settings-section{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.settings-section:last-child{border:0}.settings-section strong{font-size:13px;font-weight:550}.settings-section p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:6px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.status-card{border:1px solid var(--line);background:#f9fafb;border-radius:10px;padding:16px}.status-card h3{font-size:11px;color:var(--muted);font-weight:450;margin-bottom:12px}.status-card strong{font-size:15px;font-weight:550}.status-card p{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.8}.status-card .live-dot{margin-right:7px}.status-note{font-size:11px;color:var(--muted);line-height:1.9;background:#f3f6f8;border-radius:8px;padding:12px 14px;margin-top:15px}.detail-fields{margin-top:23px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-field{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.8}.detail-field:last-child{border:0}.detail-field>span:first-child{color:var(--muted)}.detail-field>span:last-child{overflow-wrap:anywhere;white-space:pre-wrap}.message-detail-body{background:#f5f8f6;border:1px solid #e3ebe5;padding:13px 15px;font-size:12px;line-height:1.9;border-radius:8px;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.toast-container{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:calc(100% - 32px);pointer-events:none}.toast{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid #dce6df;box-shadow:0 7px 32px #1b372025;border-radius:9px;padding:12px 17px;font-size:12px;line-height:1.7;max-width:480px;animation:toast-in .18s ease-out}.toast svg{width:17px;height:17px;margin-top:1px;color:var(--green)}.toast.error{border-color:#e9c9c5}.toast.error svg{color:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-only{display:none}.skeleton-group{display:flex;gap:11px;padding:15px 12px}.skeleton-group>span{width:40px;height:40px;border-radius:10px;background:#eef1f3}.skeleton-lines{flex:1;padding-top:4px}.skeleton-lines:before,.skeleton-lines:after{content:"";display:block;height:9px;background:#eef1f3;border-radius:4px;width:65%;margin-bottom:12px}.skeleton-lines:after{width:88%;height:7px}.skeleton-group{animation:soft-pulse 1.2s ease-in-out infinite alternate}@keyframes soft-pulse{to{opacity:.45}}
@media(min-width:1361px){.app.details-closed{grid-template-columns:68px 304px minmax(340px,1fr)}.app.details-closed .details-panel{display:none}}
@media(max-width:1360px){.app{grid-template-columns:64px 285px minmax(340px,1fr)}.rail{padding-left:6px;padding-right:6px}.details-panel{position:fixed;top:0;right:0;bottom:0;width:304px;z-index:20;box-shadow:-12px 0 45px #21352e15;display:none}.app.details-open .details-panel{display:flex}.chat-header{padding-left:20px;padding-right:18px}.message-thread{padding-left:22px;padding-right:22px}.empty-features{gap:12px}}
@media(max-width:900px){.app{grid-template-columns:60px 254px minmax(300px,1fr)}.list-header{padding:23px 14px 17px}.group-search{margin-left:14px;margin-right:14px}.group-filters{margin-left:14px;margin-right:14px}.group-search kbd{display:none}.group-item{padding-left:9px;padding-right:9px;gap:9px}.group-item .avatar{width:36px;height:36px}.empty-features{flex-direction:column;gap:12px;align-items:center}.chat-header{gap:9px;padding:17px}.chat-header .avatar{width:36px;height:36px}.chat-heading h2{font-size:15px}.composer{padding-left:17px;padding-right:17px}}
@media(max-width:760px){.app{grid-template-columns:56px minmax(0,1fr)}.rail{padding-top:18px;gap:8px}.rail-brand{width:32px;height:32px;border-radius:10px}.rail-button{width:44px;height:55px}.rail-button span{font-size:9px}.rail-main{gap:8px}.profile-button,.profile-button .avatar{width:34px;height:34px}.conversation-list{grid-column:2;grid-row:1}.workspace{grid-column:2;grid-row:1;display:none}.app[data-mobile-view="chat"] .conversation-list{display:none}.app[data-mobile-view="chat"] .workspace{display:flex}.mobile-only{display:inline-flex}.list-header{padding:25px 18px 19px}.list-header h1{font-size:21px}.group-search{margin:0 18px;height:43px}.group-search input{font-size:15px}.group-filters{margin:18px 18px 12px}.filter{min-height:37px;font-size:13px}.group-item{padding:16px 12px;gap:12px}.group-item .avatar{width:43px;height:43px}.group-item-name{font-size:14px}.group-preview-text{font-size:12px}.group-item-time{font-size:11px}.group-sync-label{font-size:10px}.chat-header{min-height:73px;padding:12px 10px;gap:6px}.chat-header>.icon-button{width:27px;min-width:27px}.chat-header #chat-avatar .avatar{width:33px;height:33px}.chat-heading{margin-left:3px}.chat-heading h2{font-size:14px}.chat-subtitle{font-size:10px;margin-top:5px}.chat-subtitle .separator{margin:0 4px}.chat-header-actions .icon-button{width:29px;height:36px}.chat-header-actions svg{width:18px;height:18px}.message-thread{padding:15px 12px 20px}.message-content{max-width:calc(100% - 43px)}.message-bubble{font-size:14px;padding:9px 11px;line-height:1.75}.message-row{gap:7px;margin-bottom:22px}.message-row>.avatar{width:30px;height:30px}.message-meta{font-size:10px;gap:7px}.composer{padding:8px 11px 12px}.composer textarea{font-size:16px;height:79px}.composer-label{font-size:10px}.composer-bottom>span{font-size:9px;max-width:120px;line-height:1.6}.composer-bottom>div{gap:8px}.composer-bottom #character-count{font-size:9px}.send-button{min-height:38px;min-width:73px;padding:8px 11px}.composer-note{padding:9px 12px;font-size:10px}.message-search-bar{padding:7px 10px;gap:6px}.message-search-bar input{font-size:14px}.message-search-bar>span{font-size:9px}.connection-banner{padding:9px 10px;gap:6px}.connection-banner>svg{display:none}.connection-banner strong{font-size:11px}.connection-banner span{font-size:10px}.connection-banner .button{font-size:10px;padding:6px 9px;min-height:33px}.details-panel{width:min(320px,calc(100% - 56px));box-shadow:-15px 0 50px #1b312b25}.details-panel>header{height:73px}.details-content{padding:21px 17px}.modal{max-height:calc(100dvh - 30px)}.wide-modal,.connection-modal,.confirm-modal{padding:25px 23px}.modal h2{font-size:20px}.modal-description{font-size:12px}.auth-view{padding:22px;min-height:0}.auth-brand{margin-bottom:24px;font-size:19px}.auth-card{padding:28px 24px 23px}.auth-card h1{font-size:23px}.auth-description{font-size:12px;margin-bottom:25px}.key-input input{font-size:16px}.auth-footer{font-size:10px}.settings-section{gap:14px}.settings-section p{font-size:11px}.status-grid{gap:9px}.status-card{padding:13px}.status-card strong{font-size:13px}.detail-field{grid-template-columns:90px 1fr;padding:11px 12px}.toast{font-size:12px;padding:10px 13px}.empty-conversation{padding:22px}.empty-conversation h2{font-size:16px}.empty-conversation p{font-size:11px}.emoji-popover{left:8px;grid-template-columns:repeat(6,34px);padding:6px}.emoji-popover button{width:34px;height:37px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.switch{width:44px;height:44px;background:transparent!important}.switch:before{content:"";position:absolute;left:5px;top:12px;width:34px;height:20px;border-radius:12px;background:#c6d1db}.switch[aria-checked="true"]:before{background:var(--green)}.switch:after{left:8px;top:15px}.message-bubble{font-size:14px}
@media(max-width:760px){.group-search input,.message-search-bar input{font-size:16px}.message-bubble{font-size:16px}.group-item-name{font-size:16px}.filter{min-height:44px}.chat-header .icon-button{width:38px;min-width:38px;height:44px}.chat-header-actions{gap:0}.composer-tools .icon-button{width:44px;height:44px}.composer-tools>.text-button{min-height:44px}.emoji-popover{grid-template-columns:repeat(6,44px)}.emoji-popover button{width:44px;height:44px}}

.group-filters{flex-wrap:wrap;gap:5px}.conversation-kind{font-size:9px;color:var(--muted);background:#eef3f0;padding:2px 4px;border-radius:4px;margin-left:6px;vertical-align:middle}.ai-toggle{white-space:nowrap;font-size:10px;min-height:32px;color:var(--muted)}.ai-toggle.active{background:#e8f5ec;color:var(--green);border-color:#bdddc8}@media(max-width:760px){.ai-toggle{padding:5px 6px;font-size:9px;max-width:77px}.chat-heading{min-width:0}.chat-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions .ai-toggle{flex-shrink:0}}

.group-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.group-filters .filter{min-width:0;padding:7px 2px;font-size:11px;white-space:nowrap}@media(max-width:760px){.chat-subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-archive-status,.chat-subtitle>.separator{display:none}}