@import url('./fonts.css');
:root{font-size:calc(16px * var(--font-scale,1));font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#28382f;background:#f6f4ee;font-synthesis:none;--nav:#1b3027;--accent:#214c3b;--accent-hover:#173c2d;--accent-soft:#e8eee5;--sage:#38664f;--ink:#28382f;--muted:#667268;--line:#e2e5dc;--surface:#fffdf8;--canvas:#f6f4ee;--cream:#f6f4ee;--shadow:0 12px 42px #22382b0a;--rail:88px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{border:0}button,a{touch-action:manipulation}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #759a7c;outline-offset:3px}input,textarea,select{color:var(--ink)}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #eceae1;border-radius:10px;padding:12px 13px;background:#fffdf8;outline:none;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#769980;box-shadow:0 0 0 3px #214c3b0c}input::placeholder,textarea::placeholder{color:#667268}input[type=search]::-webkit-search-cancel-button{cursor:pointer}label{display:grid;gap:8px;font-size:calc(13px * var(--font-scale,1));font-weight:550}form>label{margin-bottom:18px}textarea{resize:vertical;line-height:1.7}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650}h2{letter-spacing:-.5px}p{line-height:1.75}strong,b{font-weight:650}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:transparent;color:#667268;flex:none}.icon-button:hover{background:#f7f6f2;color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;border-radius:10px;font-size:calc(13px * var(--font-scale,1));line-height:20px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:white;box-shadow:0 3px 7px #214c3b15}.button.primary:hover{background:var(--accent-hover)}.button.subtle{background:#f6f5f2;color:#567764}.button.subtle:hover{background:#f2f1ec}.button.quiet{background:transparent;color:var(--muted)}.button.danger{background:#cf4854;color:white}.button.small{padding:8px 12px;font-size:calc(12px * var(--font-scale,1));gap:6px}.button .icon{width:17px;height:17px}.wide{width:100%}.text-button{padding:5px 0;background:transparent;color:var(--accent);font-size:calc(12px * var(--font-scale,1));font-weight:550}.text-button:hover{text-decoration:underline}.danger-text{color:#bf4454}.muted{color:var(--muted)}.small-text{font-size:calc(12px * var(--font-scale,1))}.fine-print{font-size:calc(11px * var(--font-scale,1));color:#667268;line-height:1.8}.eyebrow{font-size:calc(10px * var(--font-scale,1));font-weight:650;letter-spacing:2.1px;color:var(--sage)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:calc(10px * var(--font-scale,1));white-space:nowrap}.badge.soft{color:var(--sage);background:#eaf6f3}.badge.pending{color:#886223;background:#faf3e4}.badge.blue{color:var(--accent);background:var(--accent-soft)}.skip-link{position:fixed;top:-100px;left:100px;z-index:100;background:white;padding:12px 18px;border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.brand-mark{position:relative;width:40px;height:40px;background:var(--accent);border-radius:12px;display:inline-block;flex:none}.brand-mark:before{content:"";position:absolute;inset:10px 8px 9px;border-radius:5px 5px 5px 0;background:#fffdf8}.brand-mark:after{content:"";position:absolute;left:8px;bottom:5px;border-right:6px solid transparent;border-top:7px solid #fffdf8}.brand-mark i{position:absolute;left:14px;top:16px;height:2px;width:14px;border-radius:2px;background:var(--accent);z-index:1}.brand-mark i:nth-child(2){top:22px;width:9px;background:#a3b8a2}.brand-mark i:nth-child(3){display:none}.boot{height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;background:#f6f4ee}.boot p{font-size:calc(19px * var(--font-scale,1));font-weight:650}.boot small{color:var(--muted);font-size:calc(12px * var(--font-scale,1))}.boot .brand-mark{animation:breathe 1.8s infinite}@keyframes breathe{50%{opacity:.5;transform:translateY(-3px)}}
/* An intentional, quiet entrance. All illustration is local CSS. */
.auth-screen{height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;overflow:auto}.auth-art{background:#1b3027;color:#fffdf8;display:flex;flex-direction:column;min-height:700px;padding:44px 9%;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:580px;height:580px;right:-340px;top:-220px;border:1px solid #fff0f012;border-radius:50%;box-shadow:0 0 0 85px #fff00002,0 0 0 86px #fffdf809}.auth-brand{display:flex;gap:12px;align-items:center;color:#fffdf8;font-size:calc(19px * var(--font-scale,1));font-weight:600}.auth-brand small{display:block;letter-spacing:3px;font-size:calc(8px * var(--font-scale,1));margin-top:5px;color:#90a194}.auth-story{margin:auto 0;position:relative}.auth-story .eyebrow{color:#75897a;letter-spacing:2px;font-size:calc(9px * var(--font-scale,1))}.auth-story h1{font-size:calc(clamp(30px,3.2vw,50px) * var(--font-scale,1));font-weight:550;line-height:1.45;letter-spacing:2px;margin:24px 0 18px}.auth-story p{font-size:calc(13px * var(--font-scale,1));color:#809385;line-height:2}.auth-foot{font-size:calc(8px * var(--font-scale,1));letter-spacing:2px;color:#697b6d}.auth-panel{display:flex;justify-content:center;align-items:center;position:relative;padding:50px 35px;background:#f6f4eef0}.auth-card{width:340px;max-width:100%}.auth-card h2{font-size:calc(28px * var(--font-scale,1));margin:17px 0 10px}.auth-card>p.muted{font-size:calc(13px * var(--font-scale,1));margin-bottom:34px}.auth-card form>label{font-size:calc(12px * var(--font-scale,1));margin-bottom:20px}.auth-card input{height:47px;background:#fffdf8}.auth-card .wide{margin-top:13px}.auth-card .wide span{margin-left:auto;font-size:calc(20px * var(--font-scale,1))}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:6px;top:5px}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#667268;font-size:calc(10px * var(--font-scale,1));margin-top:22px}.auth-note .icon{width:13px;height:13px}.auth-panel-foot{position:absolute;bottom:28px;color:#667268;font-size:calc(10px * var(--font-scale,1));letter-spacing:.5px}.form-error{color:#be4957;font-size:calc(12px * var(--font-scale,1));min-height:20px;white-space:pre-line}.orbit-art{width:290px;height:230px;margin:28px 0 -10px;position:relative}.orbit{position:absolute;border:1px solid #71857630;border-radius:50%;width:235px;height:170px;left:22px;top:20px;transform:rotate(-24deg)}.orbit.two{transform:rotate(34deg);width:230px;height:140px;top:35px;left:25px}.orbit-core{position:absolute;left:88px;top:40px;width:108px;height:124px;background:linear-gradient(135deg,#4f6d5b,#365a45);border:1px solid #688f78;border-radius:24px;transform:rotate(-10deg);box-shadow:12px 20px 45px #101a1455}.orbit-core:before{content:"";position:absolute;background:#e8e5db;left:24px;top:32px;width:60px;height:46px;border-radius:12px 12px 12px 0}.orbit-core:after{content:"";position:absolute;left:24px;top:75px;border-top:12px solid #e8e5db;border-right:13px solid transparent}.orbit-core i{position:absolute;left:37px;top:46px;width:34px;height:4px;background:#547562;z-index:1;border-radius:3px}.orbit-core i:nth-child(2){top:58px;width:23px;background:#78bda8}.orbit-core i:nth-child(3){display:none}.orbit-dot{position:absolute;border-radius:50%;background:#7dcdb4}.dot-one{left:29px;top:99px;width:13px;height:13px;box-shadow:0 0 0 6px #7dcdb412}.dot-two{right:35px;top:39px;width:8px;height:8px;background:#7f9284}.orbit-label{position:absolute;left:168px;bottom:36px;background:#2c4938;border:1px solid #466151;color:#90a194;padding:7px 12px;border-radius:8px;font-size:calc(9px * var(--font-scale,1));letter-spacing:1px;transform:rotate(5deg)}
/* Work area */
.workspace{height:100dvh;display:flex;min-width:320px}.rail{width:var(--rail);background:var(--nav);color:#a2b6a5;flex:none;display:flex;align-items:center;flex-direction:column;z-index:40}.rail-brand{padding:25px 0 33px}.rail-brand .brand-mark{background:#fffdf800;border-radius:0;width:34px;height:37px}.rail-brand .brand-mark:before{background:#f1f0e6}.rail-brand .brand-mark:after{border-top-color:#f1f0e6}.rail-brand .brand-mark i{left:13px;width:11px;background:#1b3027}.rail-brand .brand-mark i:nth-child(2){width:7px;background:#648b74}.rail nav{width:100%;padding:0 12px;display:flex;flex-direction:column;gap:12px}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px 0;background:transparent;color:#667268;font-size:calc(10px * var(--font-scale,1));border-radius:12px;letter-spacing:.3px}.nav-item .icon{width:21px;height:21px;stroke-width:1.6}.nav-item.active{background:#365345;color:#fffdf8}.nav-item.active:before{position:absolute;left:-12px;top:23px;width:3px;height:18px;background:#a3b8a2;content:"";border-radius:0 2px 2px 0}.nav-item:hover{color:#fffdf8;background:#2b4739}.nav-unread{position:absolute;right:8px;top:9px;min-width:15px;height:15px;line-height:15px;padding:0 3px;background:#ed886d;color:#fffdf8;border-radius:8px;font-size:calc(8px * var(--font-scale,1))}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:23px;padding:20px 0 22px}.rail-line{width:25px;height:1px;background:#45604f}.account-avatar{width:34px;height:34px;border-radius:12px;background:#96a69a;color:#345642;font-size:calc(13px * var(--font-scale,1));font-weight:650}.rail-wordmark{font-size:calc(8px * var(--font-scale,1));letter-spacing:2px;line-height:1.6;text-align:center;color:#91a48f}.main{flex:1;display:flex;flex-direction:column;min-width:0;outline:none}.topbar{height:91px;min-height:91px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf8}.topbar-eyebrow{font-size:calc(8px * var(--font-scale,1));letter-spacing:2px;color:#667268;font-weight:600}.topbar h1{font-size:calc(21px * var(--font-scale,1));letter-spacing:-.3px;margin-top:7px;display:flex;align-items:center;gap:10px}.title-dot{width:5px;height:5px;border-radius:50%;background:#66786b}.topbar-actions{display:flex;align-items:center;gap:18px}.connection-badge{display:flex;align-items:center;gap:7px;padding:7px 0;background:transparent;font-size:calc(10px * var(--font-scale,1));color:#667268}.connection-badge i,.tiny-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#91a195}.connection-badge[data-state=connected] i{background:#5e826d;box-shadow:0 0 0 3px #5e826d12}.connection-badge[data-state=connected]{color:#667268}.connection-badge[data-state=error] i{background:#cf8b46}.connection-badge[data-state=error]{color:#af854b}.topbar-divider{width:1px;height:18px;background:var(--line)}.system-banner{background:#fff8e8;color:#9c752f;padding:8px 22px;font-size:calc(12px * var(--font-scale,1));display:flex;align-items:center;gap:12px;min-height:40px}.system-banner>span{flex:1}.system-banner .icon-button{width:25px;height:25px;color:inherit}.view{min-height:0;flex:1}.inbox-view{display:flex;background:#fffdf8}.conversation-pane{width:302px;min-width:250px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fffdf8}.conversation-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.conversation-heading h2{font-size:calc(14px * var(--font-scale,1));font-weight:600;letter-spacing:0}.conversation-heading h2 span{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:20px;padding:2px 5px;background:#f7f6f2;font-size:calc(10px * var(--font-scale,1));color:#667268;border-radius:5px}.search-field{position:relative;display:flex;align-items:center;background:#f9f9f7;border-radius:8px;gap:8px;font-weight:400;padding:0 11px;min-width:0}.search-field>.icon,.search-field>span .icon{width:16px;height:16px;color:#667268}.search-field input:not([type=checkbox]){border:0;background:transparent;padding:11px 0;font-size:calc(11px * var(--font-scale,1));box-shadow:none;min-width:0}.search-field kbd{border:1px solid #edebe4;border-radius:4px;color:#667268;font-size:calc(10px * var(--font-scale,1));padding:1px 5px;line-height:15px}.conversation-pane>.search-field{margin:0 20px}.segmented{display:flex;gap:3px;margin:16px 20px 9px;padding-bottom:11px;border-bottom:1px solid var(--line)}.segmented button{background:transparent;color:#667268;font-size:calc(11px * var(--font-scale,1));padding:6px 10px;border-radius:6px;white-space:nowrap}.segmented button.selected{color:var(--accent);background:#e8eee5;font-weight:600}.segmented button span{font-size:calc(9px * var(--font-scale,1));padding-left:3px}.conversation-list{flex:1;overflow:auto;padding:0 10px 12px;overscroll-behavior:contain}.conversation-row{display:flex;width:100%;gap:12px;text-align:left;padding:16px 12px;position:relative;background:#fffdf8;border-radius:10px;color:var(--ink);align-items:flex-start;border:1px solid transparent}.conversation-row+.conversation-row{margin-top:3px}.conversation-row:hover{background:#fbfbf9}.conversation-row.selected{background:#e8eee5;border-color:#d5dfd1}.avatar{width:40px;height:40px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#f2f0ea;color:#667268;font-size:calc(15px * var(--font-scale,1));font-weight:600;letter-spacing:0}.avatar[data-color="0"]{background:#f2f1ec;color:#667268}.avatar[data-color="1"]{background:#e6f1ed;color:#667268}.avatar[data-color="2"]{background:#f3ece3;color:#b1936f}.avatar[data-color="3"]{background:#f2f1eb;color:#667268}.avatar[data-color="4"]{background:#f3e6e9;color:#b28490}.conversation-copy{flex:1;min-width:0;padding-top:1px}.conversation-first{display:flex;align-items:center;gap:5px}.conversation-name{font-size:calc(12px * var(--font-scale,1));font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:calc(9px * var(--font-scale,1));color:#667268;white-space:nowrap}.conversation-preview{display:flex;align-items:center;margin-top:7px;gap:6px}.conversation-preview p{font-size:calc(10px * var(--font-scale,1));color:#667268;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.conversation-preview .counter{min-width:16px;height:16px;padding:0 4px;border-radius:6px;background:var(--accent);color:white;font-size:calc(9px * var(--font-scale,1));line-height:16px;text-align:center}.conversation-row.selected .conversation-preview p{color:#667268}.conversation-pending{position:absolute;left:46px;top:45px;width:6px;height:6px;border-radius:50%;background:#6c947d;border:1px solid white}.conversation-footer{padding:16px 22px;border-top:1px solid var(--line);font-size:calc(9px * var(--font-scale,1));color:#667268;display:flex;align-items:center;gap:7px}.conversation-footer .tiny-dot{background:#6d8072}.list-empty{padding:38px 17px;text-align:center;color:#667268}.list-empty>.icon{width:30px;height:30px;margin:0 auto 17px;color:#dbd7c8}.list-empty strong{display:block;font-size:calc(12px * var(--font-scale,1));color:#667268;margin-bottom:7px}.list-empty p{font-size:calc(10px * var(--font-scale,1))}.chat-pane{flex:1;min-width:0;min-height:0;position:relative;display:flex;background:#f6f4ee}.chat-empty{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;text-align:center;padding:32px 25px;min-width:0}.chat-empty>.eyebrow{font-size:calc(8px * var(--font-scale,1));letter-spacing:2px;color:#667268;margin-top:27px}.chat-empty h2{font-size:calc(24px * var(--font-scale,1));letter-spacing:.6px;font-weight:550;margin-top:15px}.chat-empty p{font-size:calc(12px * var(--font-scale,1));color:#667268;margin-top:13px;line-height:1.95}.chat-empty>.button{margin-top:26px;font-size:calc(11px * var(--font-scale,1));padding:10px 17px}.empty-values{display:flex;gap:22px;margin-top:55px;color:#667268;font-size:calc(9px * var(--font-scale,1))}.empty-values span{display:flex;align-items:center;gap:5px}.empty-values .icon{width:13px;height:13px}.empty-composition{position:relative;width:198px;height:148px;margin-top:-20px}.empty-ring{position:absolute;width:148px;height:148px;border-radius:50%;background:#f5f4f0;left:25px;top:2px}.empty-ring:before{content:"";position:absolute;border:1px dashed #e5e2d6;width:190px;height:190px;left:-21px;top:-21px;border-radius:50%}.empty-card{position:absolute;width:89px;height:97px;border-radius:12px;border:1px solid #edebe4;background:white;top:21px;left:40px;box-shadow:0 6px 20px #32544008;transform:rotate(-13deg)}.empty-card.card-back{background:#eeede6;left:82px;top:33px;transform:rotate(12deg);border-color:#e8e5db}.empty-card.card-front b{position:absolute;width:21px;height:21px;background:#f6f5f1;border-radius:7px;left:15px;top:14px}.empty-card.card-front b:before{content:"";position:absolute;width:8px;height:7px;left:6px;top:6px;border-radius:2px;background:#91a195}.empty-card.card-front i{position:absolute;height:4px;border-radius:3px;background:#eae8e0;width:52px;left:15px;top:49px}.empty-card.card-front i:nth-child(3){top:61px;width:36px;background:#f1f0ea}.empty-spark{position:absolute;right:0;top:6px;color:#667268;font-size:calc(22px * var(--font-scale,1));transform:rotate(20deg)}.empty-check{position:absolute;left:142px;top:107px;width:30px;height:30px;background:#687a6c;color:#fffdf8;border-radius:50%;line-height:30px;font-size:calc(13px * var(--font-scale,1));box-shadow:0 3px 10px #63ad9830}.chat-active{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.chat-header{display:flex;align-items:center;gap:12px;background:#fffdf8;padding:20px 27px;min-height:83px;border-bottom:1px solid var(--line)}.chat-header .avatar{width:39px;height:39px;border-radius:12px;font-size:calc(14px * var(--font-scale,1))}.chat-identity{flex:1;min-width:0}.chat-identity h2{font-size:calc(14px * var(--font-scale,1));font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-identity p{color:#667268;font-size:calc(9px * var(--font-scale,1));margin-top:5px}.chat-toolbar{display:flex;align-items:center;gap:16px;padding:8px 24px;height:39px;border-bottom:1px solid #f4f3ef;background:#f9f8f3}.chat-toolbar-label{font-size:calc(9px * var(--font-scale,1));color:#667268;flex:1;display:flex;align-items:center;gap:6px}.chat-toolbar-label .icon{width:12px;height:12px}.chat-toolbar .text-button{font-size:calc(9px * var(--font-scale,1));color:#667268}.chat-toolbar .icon-button{height:24px;width:24px}.chat-toolbar .icon{width:14px;height:14px}.mobile-back{display:none}.message-search{display:flex;gap:8px;padding:10px 20px;background:#fffdf8;border-bottom:1px solid var(--line)}.message-search input{padding:7px 10px;font-size:calc(12px * var(--font-scale,1))}.messages{flex:1;min-height:0;overflow:auto;padding:0 26px 24px;overscroll-behavior:contain;scrollbar-gutter:stable}.history-bar{display:flex;justify-content:center;align-items:center;min-height:52px;gap:12px;padding:15px 0}.history-bar .text-button,.history-bar span{font-size:calc(10px * var(--font-scale,1));color:#667268}.message-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px}.message-row>.avatar{width:30px;height:30px;border-radius:10px;font-size:calc(11px * var(--font-scale,1));margin-top:1px}.message-content{max-width:min(77%,640px);min-width:60px;display:flex;flex-direction:column;align-items:flex-start}.message-row.outgoing{flex-direction:row-reverse}.message-row.outgoing .message-content{align-items:flex-end}.message-meta{font-size:calc(9px * var(--font-scale,1));color:#667268;margin-bottom:8px;display:flex;gap:8px;align-items:center}.message-bubble{border-radius:0 11px 11px 11px;border:1px solid #f2f0ea;background:#fffdf8;padding:12px 15px;font-size:calc(12px * var(--font-scale,1));line-height:1.8;color:#4e6c5b;word-break:break-word;overflow-wrap:anywhere;box-shadow:0 2px 3px #2d4a3902;max-width:100%;white-space:pre-wrap}.message-row.outgoing .message-bubble{background:#e5ece0;border-color:#d4dfcd;border-radius:11px 0 11px 11px;color:#31533f}.message-row.outgoing>.avatar{background:#e5ebe5;color:#667268}.message-footer{display:flex;align-items:center;gap:9px;font-size:calc(8px * var(--font-scale,1));color:#667268;margin-top:7px}.message-footer button{font-size:calc(8px * var(--font-scale,1));color:#667268;padding:0;background:transparent;opacity:0}.message-row:hover .message-footer button,.message-footer button:focus-visible{opacity:1}.message-footer .delivery-uncertain{color:#936d28}.message-footer .delivery-accepted{color:#487661}.message-footer .icon{width:11px;height:11px}.message-media{max-width:100%;border-radius:7px;overflow:hidden;display:block}.message-media img{max-width:100%;max-height:320px;display:block;object-fit:contain;cursor:zoom-in}.message-media video{display:block;width:100%;max-height:320px}.message-media audio{display:block;max-width:100%;width:260px}.message-bubble .message-text:not(:first-child){margin-top:9px}.attachment-link{display:flex;align-items:center;gap:10px;white-space:normal;color:#667268;padding:4px 0;min-width:150px}.attachment-link .icon{width:27px;height:27px;color:#667268}.attachment-link strong{font-size:calc(11px * var(--font-scale,1));display:block;word-break:break-all}.attachment-link small{font-size:calc(9px * var(--font-scale,1));color:#667268;display:block;margin-top:3px}.transcript{font-size:calc(10px * var(--font-scale,1));margin-top:7px;white-space:normal}.transcript summary{cursor:pointer;color:#667268}.transcript p{padding-top:7px;color:#667268}.message-recalled{font-size:calc(10px * var(--font-scale,1));font-style:italic;color:#667268}.media-note{font-size:calc(10px * var(--font-scale,1));color:#ac8855;margin-bottom:8px}.new-messages{position:absolute;right:30px;bottom:208px;background:#fffdf8;color:var(--accent);border:1px solid #f1efe9;border-radius:18px;padding:8px 14px;font-size:calc(11px * var(--font-scale,1));box-shadow:0 4px 16px #365a4512;z-index:2}.send-state{padding:10px 23px;background:#fff8e9;color:#a58244;font-size:calc(11px * var(--font-scale,1));display:flex;align-items:center;gap:12px;flex:none}.send-state>span{flex:1;white-space:pre-line}.send-state[data-state=accepted]{background:#edf7f3;color:#667268}.composer{background:#fffdf8;border-top:1px solid var(--line);padding:9px 22px 15px;flex:none;position:relative}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}.composer-toolbar>div{display:flex;gap:3px}.composer-toolbar .icon-button{width:29px;height:29px}.composer-toolbar .icon{width:17px;height:17px}.draft-status{font-size:calc(8px * var(--font-scale,1));color:#667268;text-align:right}.draft-status.warning{color:#bc8545}.composer textarea{border:0!important;box-shadow:none!important;padding:10px 5px;min-height:61px;max-height:160px;resize:none;font-size:calc(12px * var(--font-scale,1));line-height:1.7;background:transparent}.composer textarea::placeholder{font-size:calc(11px * var(--font-scale,1));color:#667268}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.composer-bottom small{font-size:calc(8px * var(--font-scale,1));color:#667268}.composer-bottom .button{padding:9px 14px;font-size:calc(11px * var(--font-scale,1));border-radius:8px}.attachment-preview{display:flex;align-items:center;gap:10px;padding:11px 25px;background:#f8f7f4;border-top:1px solid var(--line)}.attachment-preview>.icon{color:#667268}.attachment-preview>div{min-width:0;flex:1}.attachment-preview strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(11px * var(--font-scale,1))}.attachment-preview small{display:block;font-size:calc(9px * var(--font-scale,1));color:#667268;margin-top:3px}.quick-replies{position:absolute;left:24px;right:24px;bottom:100%;background:#fffdf8;padding:14px;border:1px solid var(--line);box-shadow:0 -6px 25px #365a4510;border-radius:12px 12px 0 0;display:flex;flex-wrap:wrap;gap:7px;z-index:5}.quick-replies button{background:#f9f8f5;padding:8px 11px;border-radius:7px;color:#667268;font-size:calc(11px * var(--font-scale,1));text-align:left}.quick-replies .edit-quick{color:var(--accent);background:transparent}.customer-profile{width:270px;border-left:1px solid var(--line);background:#fffdf8;flex:none;overflow:auto}.customer-profile>header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 10px}.customer-profile>header h2{font-size:calc(12px * var(--font-scale,1))}.profile-summary{text-align:center;padding:16px 20px 22px;border-bottom:1px solid var(--line)}.profile-summary>.avatar{width:62px;height:62px;border-radius:20px;font-size:calc(24px * var(--font-scale,1));margin:0 auto 13px}.profile-summary h3{font-size:calc(15px * var(--font-scale,1))}.profile-summary>p{font-size:calc(10px * var(--font-scale,1));color:#667268;margin-top:6px}.profile-block{padding:20px 22px;border-bottom:1px solid var(--line)}.profile-block h4{font-size:calc(10px * var(--font-scale,1));color:#667268;font-weight:500;letter-spacing:.5px;margin-bottom:14px}.profile-block label{font-size:calc(10px * var(--font-scale,1));color:#667268;margin-bottom:12px;gap:7px}.profile-block input,.profile-block textarea{padding:8px 10px;font-size:calc(11px * var(--font-scale,1));resize:vertical;border-color:#f1f0ea}.profile-block .button{font-size:calc(10px * var(--font-scale,1));padding:7px 10px}.profile-block .text-button{font-size:calc(10px * var(--font-scale,1))}.profile-note{font-size:calc(11px * var(--font-scale,1));line-height:1.8;white-space:pre-wrap;color:#667268}.profile-meta{display:grid;gap:13px;font-size:calc(10px * var(--font-scale,1));color:#667268}.profile-meta>div{display:flex;justify-content:space-between;gap:10px}.profile-meta strong{color:#667268;font-weight:500}.profile-block.danger-block{border:0}.profile-block.danger-block p{font-size:calc(9px * var(--font-scale,1));color:#667268;margin-top:8px}.page-view{overflow:auto;background:#f6f4ee;padding:34px 38px 50px;overscroll-behavior:contain}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 29px}.page-heading h2{font-size:calc(25px * var(--font-scale,1));font-weight:550;margin-top:12px;letter-spacing:.3px}.page-heading p{font-size:calc(12px * var(--font-scale,1));margin-top:10px}.page-heading>.button{font-size:calc(11px * var(--font-scale,1))}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-card{padding:24px;background:#fffdf8;border:1px solid #f3f2ed;border-radius:14px;position:relative;box-shadow:var(--shadow)}.stat-card>span{font-size:calc(11px * var(--font-scale,1));color:#667268}.stat-card strong{display:block;font-size:calc(34px * var(--font-scale,1));font-weight:500;margin:12px 0 8px;letter-spacing:-1px;color:#365b45}.stat-card small{font-size:calc(10px * var(--font-scale,1));color:#667268}.stat-card>.icon{position:absolute;right:25px;top:25px;color:#667268;width:25px;height:25px}.section-card{background:#fffdf8;border:1px solid #f2f1eb;border-radius:14px;padding:26px;box-shadow:var(--shadow)}.section-card h3{font-size:calc(15px * var(--font-scale,1));margin-bottom:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.card-heading h3{margin:0}.card-heading .search-field{width:220px}.customer-table{width:100%;border-collapse:collapse;text-align:left}.customer-table th{font-size:calc(10px * var(--font-scale,1));color:#667268;font-weight:500;background:#fbfaf8;padding:12px}.customer-table th:first-child{border-radius:8px 0 0 8px}.customer-table th:last-child{border-radius:0 8px 8px 0}.customer-table td{padding:17px 12px;border-bottom:1px solid #f6f5f1;font-size:calc(11px * var(--font-scale,1));color:#667268}.customer-table tr:last-child td{border-bottom:0}.customer-table .customer-cell{display:flex;align-items:center;gap:11px;color:#51705e;font-size:calc(12px * var(--font-scale,1))}.customer-cell .avatar{width:33px;height:33px;border-radius:10px;font-size:calc(12px * var(--font-scale,1))}.customer-cell small{display:block;font-size:calc(9px * var(--font-scale,1));color:#667268;margin-top:4px}.table-note{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(270px,1fr);gap:28px;align-items:start}.invite-card{padding:32px 40px;border-radius:19px;background:#fffdf8;border:1px solid #f2f1eb;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.invite-card:before{content:"";position:absolute;height:4px;top:0;left:0;right:0;background:linear-gradient(90deg,#6f8274,#8dbdac)}.invite-card h3{font-size:calc(21px * var(--font-scale,1));font-weight:550;margin:21px 0 10px}.invite-card>p.muted{font-size:calc(10px * var(--font-scale,1))}.qr-holder{width:210px;height:210px;margin:24px auto;background:linear-gradient(135deg,#f9f9f7,#fbfbf9);border:1px dashed #eae8e0;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;overflow:hidden}.qr-holder>.icon{width:55px;height:55px;color:#667268;stroke-width:1}.qr-holder>p{font-size:calc(11px * var(--font-scale,1));color:#667268}.qr-holder img{width:100%;height:100%;object-fit:contain;background:#fffdf8}.qr-state{font-size:calc(11px * var(--font-scale,1));color:#667268;min-height:36px;line-height:1.6}.invite-card>.button{font-size:calc(12px * var(--font-scale,1))}.invite-actions{display:flex;gap:10px;margin-top:12px}.invite-actions .button{flex:1;font-size:calc(11px * var(--font-scale,1));padding:10px}.invite-card .fine-print{font-size:calc(9px * var(--font-scale,1));margin-top:22px}.invite-guide{display:grid;gap:20px}.invite-guide .section-card{padding:28px 30px}.invite-guide h3{font-size:calc(17px * var(--font-scale,1));font-weight:550;margin-top:16px}.steps{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:27px}.steps li{display:flex;gap:18px;align-items:flex-start}.steps li>span{font-size:calc(12px * var(--font-scale,1));color:#667268;letter-spacing:1px;line-height:20px}.steps strong{font-size:calc(12px * var(--font-scale,1));font-weight:550;color:#667268}.steps p{font-size:calc(11px * var(--font-scale,1));color:#667268;margin-top:6px}.tip-card{border:1px solid #deece7;border-radius:13px;padding:24px;display:flex;gap:15px;background:#eef6f3;color:#667268}.tip-card>.icon{width:21px;height:21px;flex:none;color:#667268}.tip-card strong{font-size:calc(12px * var(--font-scale,1));color:#667268}.tip-card p{font-size:calc(10px * var(--font-scale,1));margin-top:7px;line-height:1.9}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;max-width:1100px}.settings-grid>.section-card{padding:27px 30px}.settings-grid h3{font-size:calc(16px * var(--font-scale,1));margin:15px 0 24px}.card-icon{width:35px;height:35px;background:#e8eee5;color:#667268;display:flex;align-items:center;justify-content:center;border-radius:10px}.card-icon>.icon{width:18px;height:18px}.card-icon.teal{background:#e9f4ef;color:#667268}.settings-grid label{font-size:calc(11px * var(--font-scale,1));color:#667268;gap:8px}.settings-grid input:not([type=checkbox]){font-size:calc(12px * var(--font-scale,1));padding:10px 12px}.setting-divider{height:1px;background:var(--line);margin:25px 0}.settings-grid h4{font-size:calc(12px * var(--font-scale,1));font-weight:550;color:#667268;margin-bottom:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0}.switch-row strong{font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#667268;display:block}.switch-row small{font-size:calc(9px * var(--font-scale,1));color:#667268;margin-top:5px;display:block}.switch-row input{appearance:none;flex:none;width:33px;height:19px;border-radius:20px;background:#eae8df;position:relative;cursor:pointer;transition:background .2s}.switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fffdf8;box-shadow:0 1px 3px #30503d15;transition:left .2s}.switch-row input:checked{background:#798d7e}.switch-row input:checked:after{left:17px}.runtime-summary{font-size:calc(11px * var(--font-scale,1));color:#667268;line-height:1.8;white-space:pre-line;margin-bottom:17px}.device-list{margin:14px 0}.device-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f6f5f1;padding:12px 0}.device-row>.icon{color:#667268;width:22px;height:22px}.device-row>div{flex:1;min-width:0}.device-row strong{font-size:calc(11px * var(--font-scale,1));color:#667268;display:block;word-break:break-word}.device-row small{font-size:calc(9px * var(--font-scale,1));color:#667268;display:block;line-height:1.6;margin-top:4px}.device-row button{font-size:calc(10px * var(--font-scale,1))}.about-card{background:linear-gradient(140deg,#faf9f7,#f1f7f4);box-shadow:none}.about-card .brand-mark{width:38px;height:38px}.about-card h3{font-size:calc(19px * var(--font-scale,1));margin-top:20px}.about-card h3 span{font-size:calc(10px * var(--font-scale,1));color:#667268;margin-left:7px;letter-spacing:1px}.about-card>p{font-size:calc(11px * var(--font-scale,1));color:#667268}.about-grid{display:grid;gap:20px;margin:31px 0}.about-grid span{font-size:calc(10px * var(--font-scale,1));color:#667268}.about-grid strong{font-size:calc(11px * var(--font-scale,1));color:#667268;display:block;margin-top:6px;font-weight:500}.about-card .fine-print{font-size:calc(9px * var(--font-scale,1));line-height:1.8;max-width:300px}.notification-toast{position:fixed;z-index:80;top:22px;right:25px;display:flex;align-items:center;gap:13px;background:#fffdf8;border:1px solid #eeece5;padding:16px 18px;border-radius:14px;box-shadow:0 12px 40px #2c4a391f;width:min(470px,calc(100vw - 30px))}.notification-symbol{width:35px;height:35px;border-radius:10px;background:#e8eee5;color:#667268;display:flex;align-items:center;justify-content:center;flex:none}.notification-toast>div{flex:1;min-width:0}.notification-toast strong{font-size:calc(12px * var(--font-scale,1))}.notification-toast p{font-size:calc(11px * var(--font-scale,1));color:#667268;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.notification-toast>.icon-button{width:24px;height:24px}.toast-region{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:120;display:grid;gap:9px;max-width:min(500px,calc(100vw - 32px));pointer-events:none}.toast{background:#2a4736;color:#f7f6f2;border-radius:10px;padding:12px 18px;box-shadow:0 7px 20px #233b2d1a;font-size:calc(12px * var(--font-scale,1));line-height:1.65;pointer-events:auto;white-space:pre-line}.toast.error{background:#704954}.dialog{border:1px solid #f0eee7;border-radius:18px;color:var(--ink);padding:28px;box-shadow:0 25px 100px #243c2e45;max-width:calc(100vw - 32px);max-height:90dvh}.dialog::backdrop{background:#1d312565;backdrop-filter:blur(3px)}.confirm-dialog{width:430px}.dialog-symbol{display:flex;width:40px;height:40px;border-radius:12px;background:#fff2e5;color:#c39c60;align-items:center;justify-content:center;margin-bottom:20px}.confirm-dialog h2{font-size:calc(20px * var(--font-scale,1));margin-bottom:13px}.confirm-dialog p{font-size:calc(12px * var(--font-scale,1));color:#667268;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions .button{font-size:calc(12px * var(--font-scale,1))}.memo-dialog{width:780px;padding:0}.memo-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid var(--line)}.memo-dialog header .eyebrow{font-size:calc(8px * var(--font-scale,1))}.memo-dialog h2{font-size:calc(18px * var(--font-scale,1));margin-top:8px}.memo-layout{display:grid;grid-template-columns:210px 1fr;min-height:400px}.memo-layout>aside{padding:22px;background:#fcfcfa;border-right:1px solid var(--line);max-height:70dvh;overflow:auto}.memo-layout>form{padding:25px;overflow:auto;max-height:70dvh}.memo-layout label{font-size:calc(11px * var(--font-scale,1));color:#667268}.memo-layout input,.memo-layout textarea{font-size:calc(12px * var(--font-scale,1))}.memo-layout>aside>.button{width:100%;font-size:calc(10px * var(--font-scale,1))}.memo-item{display:block;background:transparent;color:#667268;text-align:left;padding:13px 10px;width:100%;border-radius:8px;margin-top:10px}.memo-item.selected{background:#f6f5f0;color:#667268}.memo-item strong{font-size:calc(11px * var(--font-scale,1));display:block;overflow-wrap:anywhere}.memo-item small{font-size:calc(9px * var(--font-scale,1));display:block;color:#667268;margin-top:6px}.memo-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.memo-actions>.button{margin-left:auto}.memo-actions>.text-button{font-size:calc(10px * var(--font-scale,1))}.memo-layout #memoStatus{margin-top:14px;white-space:pre-line}.media-dialog{padding:40px 12px 12px;background:#203529;border:0}.media-dialog>button{position:absolute;top:5px;right:8px;color:white}.media-dialog>img{display:block;max-width:85vw;max-height:80dvh;object-fit:contain}.empty-table{text-align:center;padding:50px 20px}.empty-table>.icon{width:38px;height:38px;margin:0 auto 18px;color:#667268}.empty-table h3{font-size:calc(15px * var(--font-scale,1));color:#667268;margin-bottom:10px;font-weight:550}.empty-table p{font-size:calc(11px * var(--font-scale,1));color:#667268}.empty-table .button{margin-top:20px;font-size:calc(11px * var(--font-scale,1))}.pairing-code{font-family:ui-monospace,monospace;word-break:break-all;user-select:all;background:#f9f8f5;padding:10px;border-radius:8px;font-size:calc(10px * var(--font-scale,1));max-height:130px;overflow:auto;margin-top:13px}.pairing-qr{display:block;max-width:220px;margin:15px auto}.demo-label{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:99;background:#eab969;color:#573f22;border-radius:0 0 8px 8px;padding:4px 15px;font-size:calc(10px * var(--font-scale,1));letter-spacing:1px}.connection-error{padding:16px;color:#b48f59;font-size:calc(12px * var(--font-scale,1));line-height:1.8}.spinner{border:2px solid #eceae2;border-top-color:#778b7c;border-radius:50%;width:19px;height:19px;animation:spin .8s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.topbar{padding:0 42px}.conversation-pane{width:335px}.chat-header{padding:22px 32px}.messages{padding-left:36px;padding-right:36px}.composer{padding-left:32px;padding-right:32px}.customer-profile{width:292px}.chat-empty h2{font-size:calc(28px * var(--font-scale,1))}.chat-empty p{font-size:calc(13px * var(--font-scale,1))}.empty-composition{transform:scale(1.12);margin-bottom:15px}.page-view{padding:40px 48px}}
@media(max-width:1200px){:root{--rail:76px}.rail nav{padding:0 10px}.nav-item.active:before{left:-10px}.conversation-pane{width:272px;min-width:240px}.topbar{padding:0 26px;height:80px;min-height:80px}.topbar h1{font-size:calc(19px * var(--font-scale,1))}.topbar-eyebrow{font-size:calc(7px * var(--font-scale,1))}.customer-profile{width:255px;position:absolute;right:0;top:80px;bottom:0;z-index:25;box-shadow:-10px 0 35px #2f4e3b10}.page-view{padding:28px}.chat-header{padding:18px 22px}.chat-header .button{font-size:calc(10px * var(--font-scale,1));padding:7px 9px}.chat-empty h2{font-size:calc(23px * var(--font-scale,1))}.settings-grid{gap:18px}.settings-grid>.section-card{padding:24px}.invite-card{padding:30px}.invite-layout{grid-template-columns:minmax(300px,360px) minmax(240px,1fr);gap:20px}}
@media(max-width:850px){.conversation-pane{width:245px;min-width:220px}.conversation-heading{padding-left:15px;padding-right:13px}.conversation-pane>.search-field,.segmented{margin-left:15px;margin-right:15px}.conversation-row{gap:9px;padding:15px 8px}.conversation-row .avatar{width:35px;height:35px;border-radius:11px;font-size:calc(13px * var(--font-scale,1))}.conversation-name{font-size:calc(11px * var(--font-scale,1))}.conversation-preview p{font-size:calc(9px * var(--font-scale,1))}.conversation-time{font-size:calc(8px * var(--font-scale,1))}.conversation-pending{left:36px;top:41px}.chat-header{gap:9px;padding:17px}.chat-header .button>span:last-child{display:none}.chat-header .button{padding:7px}.chat-identity h2{font-size:calc(13px * var(--font-scale,1))}.chat-identity p{font-size:calc(8px * var(--font-scale,1))}.messages{padding:0 16px 18px}.message-content{max-width:82%}.composer{padding-left:15px;padding-right:15px}.composer-bottom small{font-size:calc(7px * var(--font-scale,1))}.draft-status{font-size:calc(7px * var(--font-scale,1))}.page-heading h2{font-size:calc(22px * var(--font-scale,1))}.page-heading{align-items:flex-start}.page-heading>.button{font-size:calc(10px * var(--font-scale,1))}.stats-grid{gap:10px}.stat-card{padding:20px 17px}.stat-card>.icon{right:16px;top:20px;width:20px}.stat-card small{font-size:calc(8px * var(--font-scale,1))}.invite-layout{grid-template-columns:1fr}.invite-card{max-width:480px;justify-self:center;width:100%}.invite-guide{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.empty-values{gap:13px;font-size:calc(8px * var(--font-scale,1))}.auth-art{padding:35px 10%}.auth-story h1{font-size:calc(31px * var(--font-scale,1))}.auth-story p{font-size:calc(11px * var(--font-scale,1))}.auth-card{width:300px}.auth-panel{padding:35px}.orbit-art{transform:scale(.85);transform-origin:left center}.topbar-actions{gap:13px}.customer-table .table-note{max-width:140px}}
/* The same product, comfortable in one hand. */
@media(max-width:640px){:root{--rail:0px}.workspace{padding-bottom:calc(66px + env(safe-area-inset-bottom));height:100dvh}.rail{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffdf8;border-top:1px solid #f2f0ea;box-shadow:0 -2px 14px #2b473703;z-index:50}.rail-brand,.rail-bottom{display:none}.rail nav{flex-direction:row;justify-content:space-around;padding:6px 12px;gap:5px;height:66px}.nav-item{width:64px;padding:6px 10px;gap:5px;border-radius:10px;font-size:calc(9px * var(--font-scale,1));color:#667268}.nav-item.active{background:transparent;color:var(--accent)}.nav-item.active:before{display:none}.nav-item:hover{background:#f9f9f7;color:var(--accent)}.nav-item .icon{width:21px;height:21px}.nav-unread{right:7px;top:1px;font-size:calc(8px * var(--font-scale,1));min-width:13px;height:13px;line-height:13px}.topbar{height:76px;min-height:76px;padding:0 21px}.topbar h1{font-size:calc(20px * var(--font-scale,1));margin-top:6px}.topbar-eyebrow{font-size:calc(7px * var(--font-scale,1));letter-spacing:1.6px}.topbar-actions{gap:12px}.topbar-actions>.button{font-size:calc(0px * var(--font-scale,1));width:33px;height:33px;padding:0;border-radius:10px}.topbar-actions>.button .icon{width:18px;height:18px}.topbar-divider{display:none}.connection-badge{font-size:calc(8px * var(--font-scale,1));gap:5px}.connection-badge i{width:4px;height:4px}.inbox-view{position:relative}.conversation-pane{width:100%;min-width:0;border:0}.conversation-heading{padding:17px 22px 10px}.conversation-heading h2{font-size:calc(14px * var(--font-scale,1))}.conversation-pane>.search-field{margin:0 22px;border-radius:10px}.search-field input:not([type=checkbox]){font-size:calc(12px * var(--font-scale,1));padding:12px 0}.search-field kbd{display:none}.segmented{margin:16px 22px 8px;padding-bottom:13px;gap:8px}.segmented button{font-size:calc(11px * var(--font-scale,1));padding:7px 13px}.conversation-list{padding:0 12px 15px}.conversation-row{padding:18px 11px;gap:14px;border-radius:12px}.conversation-row .avatar{width:45px;height:45px;border-radius:14px;font-size:calc(17px * var(--font-scale,1))}.conversation-name{font-size:calc(13px * var(--font-scale,1))}.conversation-time{font-size:calc(9px * var(--font-scale,1))}.conversation-preview{margin-top:8px}.conversation-preview p{font-size:calc(11px * var(--font-scale,1))}.conversation-pending{left:48px;top:49px;width:7px;height:7px}.conversation-footer{padding:13px 24px;font-size:calc(9px * var(--font-scale,1))}.chat-pane{display:none}.chat-open .topbar,.chat-open .rail{display:none}.chat-open .workspace{padding-bottom:0}.chat-open .conversation-pane{display:none}.chat-open .chat-pane{display:flex;width:100%}.chat-header{min-height:74px;padding:12px 14px;gap:9px;padding-top:max(12px,env(safe-area-inset-top))}.mobile-back{display:flex;width:27px}.chat-header .avatar{width:36px;height:36px;font-size:calc(13px * var(--font-scale,1));border-radius:11px}.chat-identity h2{font-size:calc(13px * var(--font-scale,1))}.chat-identity p{font-size:calc(8px * var(--font-scale,1));margin-top:4px}.chat-header .button{margin-left:3px}.chat-header>#showProfile{width:29px}.chat-toolbar{padding:7px 18px;height:35px;gap:13px}.chat-toolbar-label{font-size:calc(8px * var(--font-scale,1))}.chat-toolbar>.text-button{font-size:calc(8px * var(--font-scale,1))}.messages{padding:0 13px 20px;scrollbar-gutter:auto}.history-bar{min-height:50px}.message-row{gap:8px;margin-bottom:23px}.message-row>.avatar{width:29px;height:29px;border-radius:9px;font-size:calc(11px * var(--font-scale,1))}.message-content{max-width:calc(100% - 59px)}.message-bubble{font-size:calc(13px * var(--font-scale,1));padding:10px 12px;line-height:1.75}.message-meta{font-size:calc(9px * var(--font-scale,1));margin-bottom:7px}.message-footer{font-size:calc(8px * var(--font-scale,1))}.message-footer button{opacity:1}.message-media img{max-height:290px}.composer{padding:7px 13px max(12px,env(safe-area-inset-bottom))}.composer-toolbar{min-height:29px}.composer-toolbar .icon-button{width:32px;height:32px}.composer-toolbar .icon{width:19px;height:19px}.draft-status{font-size:calc(8px * var(--font-scale,1))}.composer textarea{font-size:calc(16px * var(--font-scale,1));min-height:56px;max-height:130px;padding:7px 4px}.composer textarea::placeholder{font-size:calc(11px * var(--font-scale,1))}.composer-bottom>.button{padding:8px 12px;font-size:calc(11px * var(--font-scale,1))}.composer-bottom>small{font-size:calc(8px * var(--font-scale,1))}.send-state{padding:10px 16px;gap:8px;font-size:calc(10px * var(--font-scale,1));flex-wrap:wrap}.send-state .text-button{font-size:calc(10px * var(--font-scale,1))}.attachment-preview{padding:9px 18px}.new-messages{bottom:185px;right:16px;font-size:calc(10px * var(--font-scale,1))}.customer-profile{position:fixed;z-index:60;top:0;bottom:0;right:0;width:min(90vw,340px);box-shadow:-40px 0 150px #243d2e50;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.customer-profile>header{padding:20px 24px 10px}.profile-block{padding:22px 24px}.profile-block h4,.profile-block label{font-size:calc(11px * var(--font-scale,1))}.profile-block input,.profile-block textarea{font-size:calc(13px * var(--font-scale,1));padding:11px}.profile-meta{font-size:calc(11px * var(--font-scale,1))}.profile-block .button{font-size:calc(11px * var(--font-scale,1));padding:9px 12px}.profile-summary{padding-top:22px;padding-bottom:28px}.page-view{padding:25px 20px 36px}.page-heading{display:block;margin-bottom:22px}.page-heading .eyebrow{font-size:calc(7px * var(--font-scale,1));letter-spacing:1.3px}.page-heading h2{font-size:calc(21px * var(--font-scale,1));line-height:1.5;margin-top:10px;font-weight:550}.page-heading p{font-size:calc(11px * var(--font-scale,1));line-height:1.9}.page-heading>.button{margin-top:16px;font-size:calc(11px * var(--font-scale,1))}.stats-grid{gap:8px;margin-bottom:20px}.stat-card{padding:17px 12px;border-radius:11px;box-shadow:none}.stat-card>span{font-size:calc(9px * var(--font-scale,1))}.stat-card strong{font-size:calc(28px * var(--font-scale,1));margin-top:12px;margin-bottom:7px}.stat-card small{font-size:calc(7px * var(--font-scale,1));line-height:1.7;display:block}.stat-card>.icon{display:none}.section-card{padding:20px 16px;border-radius:12px}.section-card h3{font-size:calc(14px * var(--font-scale,1))}.card-heading{gap:10px;margin-bottom:15px}.card-heading .search-field{max-width:150px}.card-heading .search-field input{font-size:calc(10px * var(--font-scale,1))}.customer-table thead{display:none}.customer-table tr{display:grid;grid-template-columns:1fr auto;position:relative;padding:9px 0;border-bottom:1px solid var(--line)}.customer-table tr:last-child{border-bottom:0}.customer-table td{border:0;padding:10px 5px;font-size:calc(10px * var(--font-scale,1))}.customer-table td:first-child{grid-row:1 / 3;display:flex;align-items:center}.customer-table td:nth-child(3),.customer-table td:nth-child(4){display:none}.customer-table td:nth-child(2){padding-bottom:0;justify-self:end}.customer-table td:last-child{text-align:right;padding-top:5px}.customer-table .customer-cell{font-size:calc(12px * var(--font-scale,1));gap:9px}.customer-cell .avatar{width:36px;height:36px;font-size:calc(13px * var(--font-scale,1))}.table-note{display:none}.invite-layout{gap:18px}.invite-card{padding:28px 28px;border-radius:15px;max-width:none}.invite-card h3{font-size:calc(22px * var(--font-scale,1))}.qr-holder{width:220px;height:220px;margin:25px auto}.invite-actions .button{font-size:calc(12px * var(--font-scale,1));padding:12px}.invite-card>.button{padding:13px}.invite-guide .section-card{padding:25px}.invite-guide h3{font-size:calc(16px * var(--font-scale,1))}.steps p{font-size:calc(11px * var(--font-scale,1))}.steps strong{font-size:calc(12px * var(--font-scale,1))}.tip-card{padding:21px}.settings-grid{gap:18px}.settings-grid>.section-card{padding:24px 22px}.settings-grid label{font-size:calc(12px * var(--font-scale,1))}.settings-grid input:not([type=checkbox]){font-size:calc(14px * var(--font-scale,1));padding:12px}.settings-grid h3{font-size:calc(17px * var(--font-scale,1));margin-bottom:22px}.switch-row{margin:20px 0}.switch-row strong{font-size:calc(12px * var(--font-scale,1))}.switch-row small{font-size:calc(10px * var(--font-scale,1));line-height:1.5}.switch-row input{width:37px;height:22px}.switch-row input:after{width:16px;height:16px}.switch-row input:checked:after{left:18px}.device-row strong{font-size:calc(12px * var(--font-scale,1))}.device-row small{font-size:calc(10px * var(--font-scale,1))}.runtime-summary{font-size:calc(12px * var(--font-scale,1))}.about-card h3{font-size:calc(21px * var(--font-scale,1))}.about-card>p{font-size:calc(12px * var(--font-scale,1))}.about-grid{gap:24px}.about-grid strong{font-size:calc(12px * var(--font-scale,1))}.notification-toast{top:max(12px,env(safe-area-inset-top));right:12px;padding:13px 12px;gap:9px;width:calc(100vw - 24px)}.notification-toast .button{padding:7px 10px;font-size:calc(10px * var(--font-scale,1))}.notification-toast strong{font-size:calc(11px * var(--font-scale,1))}.notification-toast p{font-size:calc(10px * var(--font-scale,1))}.notification-symbol{width:31px;height:31px;border-radius:9px}.toast-region{bottom:calc(80px + env(safe-area-inset-bottom));width:calc(100vw - 32px);max-width:430px}.toast{font-size:calc(12px * var(--font-scale,1))}.chat-open .toast-region{bottom:190px}.auth-screen{display:block;background:#f6f4ee}.auth-art{min-height:0;height:230px;padding:26px 30px}.auth-brand{font-size:calc(16px * var(--font-scale,1));gap:10px}.auth-brand .brand-mark{width:35px;height:35px;border-radius:10px}.auth-brand small{font-size:calc(7px * var(--font-scale,1));letter-spacing:2px}.auth-story{margin:25px 0}.auth-story .eyebrow{font-size:calc(6px * var(--font-scale,1));letter-spacing:1px}.auth-story h1{font-size:calc(25px * var(--font-scale,1));margin:10px 0;line-height:1.5;font-weight:500;letter-spacing:1px}.auth-story h1 br{display:none}.auth-story p{font-size:calc(10px * var(--font-scale,1));line-height:1.9}.auth-story p br{display:none}.auth-story .orbit-art{display:none}.auth-foot{display:none}.auth-panel{padding:34px 30px 65px;min-height:calc(100dvh - 230px);align-items:flex-start}.auth-card{width:100%;max-width:370px}.auth-card>.eyebrow{font-size:calc(8px * var(--font-scale,1))}.auth-card h2{font-size:calc(26px * var(--font-scale,1));margin-top:13px}.auth-card>p.muted{font-size:calc(12px * var(--font-scale,1));margin-bottom:28px}.auth-card input{font-size:calc(16px * var(--font-scale,1));height:48px}.auth-card>.auth-note{font-size:calc(10px * var(--font-scale,1))}.auth-panel-foot{bottom:20px;font-size:calc(9px * var(--font-scale,1))}.memo-dialog{width:calc(100vw - 24px);max-height:91dvh}.memo-dialog>header{padding:18px 20px}.memo-dialog h2{font-size:calc(16px * var(--font-scale,1))}.memo-layout{display:flex;flex-direction:column}.memo-layout>aside{border-right:0;border-bottom:1px solid var(--line);max-height:160px;padding:14px 18px}.memo-layout>aside>.button{width:auto;font-size:calc(10px * var(--font-scale,1))}.memo-layout #memoList{display:flex;gap:8px;overflow:auto}.memo-item{min-width:120px;width:150px;flex:none;padding:10px}.memo-layout>form{padding:20px;max-height:60dvh}.memo-layout label{font-size:calc(11px * var(--font-scale,1));margin-bottom:14px}.memo-layout input,.memo-layout textarea{font-size:calc(14px * var(--font-scale,1))}.memo-actions{gap:10px}.memo-actions .text-button{font-size:calc(10px * var(--font-scale,1))}.memo-actions .button{font-size:calc(11px * var(--font-scale,1))}.dialog{border-radius:15px}.confirm-dialog{padding:25px}.confirm-dialog h2{font-size:calc(19px * var(--font-scale,1))}.confirm-dialog p{font-size:calc(12px * var(--font-scale,1))}.confirm-dialog .button{font-size:calc(12px * var(--font-scale,1))}.media-dialog{padding-top:42px}.media-dialog>img{max-width:calc(100vw - 60px)}.message-search{padding:9px 12px}.message-search input{font-size:calc(14px * var(--font-scale,1))}.system-banner{font-size:calc(10px * var(--font-scale,1));padding:8px 14px}.message-search .button{font-size:calc(10px * var(--font-scale,1))}}
.desktop-data-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.backup-list{margin:18px 0}.app-version{margin-top:24px!important}.backup-card>svg{color:#667268;width:23px;height:23px}.backup-card h3{margin-top:16px}.backup-card .fine-print{margin-top:14px}#importLegacyAuth{margin-top:20px;font-size:calc(11px * var(--font-scale,1))}.quick-editor-dialog{width:540px}.quick-editor-dialog h2{font-size:calc(20px * var(--font-scale,1))}.quick-editor-dialog p{margin:13px 0 22px}.quick-editor-dialog textarea{font-size:calc(13px * var(--font-scale,1));line-height:1.9}.quick-editor-dialog label{font-size:calc(12px * var(--font-scale,1));color:#667268}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Voice stays native: real playback, seeking and clear fallback feedback. */
.audio-card{width:280px;max-width:100%;white-space:normal;display:flex;flex-direction:column;gap:9px;padding:2px 0;color:var(--ink)}.audio-heading{display:flex;align-items:center;gap:8px;font-size:calc(12px * var(--font-scale,1))}.audio-heading>.icon{width:18px;height:18px;color:var(--accent)}.audio-heading strong{flex:1;font-weight:600}.audio-duration{font-size:calc(11px * var(--font-scale,1));white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.audio-card audio{width:100%;min-width:0;height:42px;display:block;accent-color:var(--accent);color-scheme:light}.audio-state{font-size:calc(11px * var(--font-scale,1));line-height:1.6;color:var(--muted)}.audio-card[data-state=error] .audio-state{color:#926226}.audio-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.audio-actions .text-button{font-size:calc(11px * var(--font-scale,1));padding:0;line-height:1.7}.audio-size{font-size:calc(10px * var(--font-scale,1));color:var(--muted)}.qr-countdown{font-size:calc(13px * var(--font-scale,1));font-weight:600;line-height:1.7;color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 15px}.qr-countdown:empty{display:none}.qr-countdown[data-state=expired]{color:#926226}.phone-countdown{margin:15px 0 9px}.auth-story p{color:#b8c6b9}.auth-story .eyebrow,.auth-brand small{color:#a3b8a2}.auth-foot{color:#a2b6a5}.orbit-label{color:#d8e1d3}.switch-row input:checked{background:var(--accent)}.message-bubble{color:var(--ink)}.message-row.outgoing .message-bubble{color:#31533f}.conversation-preview p,.conversation-row.selected .conversation-preview p,.fine-print,.auth-note{color:var(--muted)}.qr-state{color:var(--muted)}

/* Expressions use system Unicode glyphs; local image stickers keep their bytes. */
.emoji-picker{position:absolute;left:18px;right:18px;bottom:calc(100% + 6px);max-width:480px;max-height:min(430px,55dvh);overflow:auto;background:var(--surface);border:1px solid #d5dfd1;box-shadow:0 10px 35px #1b302721;border-radius:15px;padding:14px;z-index:20;overscroll-behavior:contain}.emoji-picker>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.emoji-tabs{display:flex;gap:5px}.emoji-tabs button{border-radius:7px;padding:8px 10px;color:var(--muted);background:transparent;font-size:calc(12px * var(--font-scale,1))}.emoji-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.emoji-picker header .icon-button{width:29px;height:29px}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:2px 0 12px}.emoji-item{min-height:39px;padding:5px;background:transparent;border-radius:8px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:calc(24px * var(--font-scale,1));line-height:1.2;color:var(--ink)}.emoji-item:hover,.emoji-item:focus-visible{background:var(--accent-soft)}.emoji-grid[data-tab=wechat]{grid-template-columns:repeat(4,minmax(0,1fr))}.wechat-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:52px;font-family:inherit;font-size:calc(10px * var(--font-scale,1));padding:6px 3px}.wechat-choice>.expression-glyph{font-size:calc(22px * var(--font-scale,1))}.emoji-picker>.button{width:100%;margin-top:2px}.emoji-picker>p,.emoji-picker>small{display:block;font-size:calc(10px * var(--font-scale,1));color:var(--muted);line-height:1.65;margin-top:10px}.emoji-picker>small{font-size:calc(9px * var(--font-scale,1));margin-top:5px}.wechat-expression{display:inline-flex;align-items:baseline;gap:3px;vertical-align:baseline;white-space:nowrap}.expression-glyph{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:calc(19px * var(--font-scale,1));line-height:1.35}.expression-label{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.attachment-thumb{width:52px;height:52px;flex:none;object-fit:contain;background:#e8eee5;border-radius:7px}.attachment-preview:has(.attachment-thumb:not([hidden]))>[data-icon=file]{display:none}.confirm-attachment{display:block;max-width:100%;width:auto;max-height:240px;object-fit:contain;border-radius:8px;margin:18px auto 0;background:#e8eee5}.image-attachment{max-width:100%;white-space:normal;display:flex;flex-direction:column;gap:6px}.image-state{font-size:calc(10px * var(--font-scale,1));color:var(--muted);line-height:1.7}.image-actions{display:flex;gap:14px;align-items:center}.image-actions .text-button{font-size:calc(10px * var(--font-scale,1));padding:0;line-height:1.7}.image-attachment .message-media img{min-width:34px;min-height:34px}.image-attachment .message-media{max-width:340px}.image-retry{white-space:nowrap}@media(max-width:640px){.emoji-picker{left:10px;right:10px;max-height:46dvh;padding:12px;border-radius:12px}.emoji-grid{gap:3px}.emoji-item{min-height:36px;font-size:calc(23px * var(--font-scale,1))}.wechat-choice{font-size:calc(10px * var(--font-scale,1));min-height:50px}.emoji-tabs button{font-size:calc(11px * var(--font-scale,1));padding:7px 9px}.attachment-preview small{font-size:calc(10px * var(--font-scale,1));line-height:1.6}.attachment-preview strong{font-size:calc(12px * var(--font-scale,1))}.attachment-thumb{width:46px;height:46px}.confirm-attachment{max-height:190px}}

.avatar,.account-avatar{overflow:hidden}.avatar>img,.account-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-avatar{padding:0}.own-avatar-editor{display:flex;align-items:center;gap:15px;margin:15px 0}.own-avatar-editor .avatar{width:54px;height:54px;border-radius:17px}.avatar-editor-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.profile-summary .avatar-editor-controls{margin:16px 0 10px}.profile-summary .avatar-note{font-size:calc(10px * var(--font-scale,1))!important;line-height:1.7;margin:10px auto 0;max-width:210px;padding:0 10px;color:var(--muted)}.font-preview{background:var(--canvas);border:1px solid var(--line);border-radius:9px;padding:12px;margin:14px 0;font-size:calc(13px * var(--font-scale,1));line-height:1.8}.composer-toolbar{flex-wrap:wrap}.composer-toolbar .draft-status{margin-left:auto}#fontScale{min-width:0;max-width:100%}.settings-grid>.section-card{min-width:0}.button{max-width:100%}.profile-summary .avatar{flex:none}@media(max-width:640px){.emoji-picker{max-height:46dvh}.emoji-tabs button{white-space:normal}.chat-toolbar{height:auto;min-height:35px;flex-wrap:wrap}.composer-bottom{gap:10px}.composer-bottom>small{min-width:0}.topbar-actions{flex-shrink:0}.topbar h1{white-space:nowrap}.topbar-eyebrow{letter-spacing:1px}.invite-actions{flex-wrap:wrap}.invite-actions>.button{flex:1}.own-avatar-editor .avatar{width:50px;height:50px}.section-card label{min-width:0}.emoji-grid[data-tab=wechat]{grid-template-columns:repeat(4,minmax(0,1fr))}.wechat-choice{overflow-wrap:anywhere;white-space:normal}}

.emoji-picker>header{position:sticky;top:0;background:var(--surface);z-index:2;padding:4px 0}.emoji-picker>#stickerImport{margin:0 0 10px}.emoji-picker>.emoji-grid{padding-bottom:2px}

.emoji-picker{display:flex;flex-direction:column;overflow:hidden}.emoji-picker>header{position:static;flex:none;margin-bottom:8px;padding:0}.emoji-picker>#stickerImport{flex:none;margin-bottom:10px}.emoji-picker>.emoji-grid{flex:1;min-height:60px;overflow:auto;align-content:start;overscroll-behavior:contain;scrollbar-gutter:stable}.emoji-picker>p,.emoji-picker>small{flex:none}

/* rc.4: readable defaults, reusable paged lists and real recording/recovery controls. */
.nav-item{color:#b8c6b9;font-size:calc(12px * var(--font-scale,1))}
.message-bubble{font-size:calc(14px * var(--font-scale,1))}
.message-meta,.message-footer,.conversation-time{font-size:calc(11px * var(--font-scale,1))}
.message-footer button{font-size:calc(11px * var(--font-scale,1));min-height:32px;padding:6px 9px;border-radius:6px}
.message-footer button:focus-visible{opacity:1}
.conversation-pending-label{align-self:flex-start;color:var(--accent);font-size:calc(10px * var(--font-scale,1));white-space:nowrap;margin-top:1px}
.conversation-copy{min-width:0}
.list-more{flex:none;display:block;min-height:44px;padding:10px 15px;text-align:center;font-size:calc(12px * var(--font-scale,1))}
.voice-preview{flex:none;padding:12px 20px;background:var(--accent-soft);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.voice-preview strong{font-size:calc(13px * var(--font-scale,1));flex:1;min-width:140px}
.voice-preview audio{width:100%;height:42px;order:2}
.voice-preview .fine-print{width:100%;margin:0;order:3;font-size:calc(12px * var(--font-scale,1))}
.recovery-link{margin-top:15px;min-height:44px;font-size:calc(13px * var(--font-scale,1))}
.recovery-dialog{width:480px;overflow:auto}
.recovery-dialog h2{font-size:calc(22px * var(--font-scale,1));margin-top:0}
.recovery-dialog label{display:block;margin:16px 0;font-size:calc(13px * var(--font-scale,1))}
.recovery-dialog input,.recovery-dialog textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:7px;font-size:calc(15px * var(--font-scale,1));background:white}
.recovery-dialog .fine-print{font-size:calc(12px * var(--font-scale,1));overflow-wrap:anywhere}
.recovery-dialog .dialog-actions{flex-wrap:wrap}
.remote-port-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.remote-settings textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:calc(13px * var(--font-scale,1));resize:vertical}
.remote-settings .runtime-summary,.pairing-code{overflow-wrap:anywhere}
.stable-invitation{text-align:left}
.stable-invitation h4{margin:14px 0}
.stable-invitation .text-button{display:inline-flex;align-items:center;min-height:44px;margin-right:12px;font-size:calc(12px * var(--font-scale,1))}
.stable-invitation-qr{display:block;max-width:100%;width:210px;aspect-ratio:1;object-fit:contain;margin:16px auto;background:white}
.qr-holder{background:#fff;border:1px solid #d5d5d5;border-radius:0;overflow:visible}
.qr-holder img{background:#fff;border-radius:0;filter:none}
.invite-card{background:#fff}
.qr-state{font-size:calc(13px * var(--font-scale,1));line-height:1.7}
.background-notifications .fine-print{font-size:calc(12px * var(--font-scale,1));line-height:1.7}
@media(max-width:640px){
 .nav-item{font-size:calc(11px * var(--font-scale,1));color:#56675b;min-height:48px;padding:4px 8px;gap:3px}
 .nav-item.active{color:var(--accent)}
 .message-bubble{font-size:calc(15px * var(--font-scale,1))}
 .message-meta,.message-footer{font-size:calc(11px * var(--font-scale,1))}
 .message-footer button{font-size:calc(11px * var(--font-scale,1));min-height:44px;padding:8px 10px}
 .icon-button,.composer-toolbar .icon-button,.chat-header>#showProfile,.mobile-back,.emoji-picker header .icon-button{width:44px;height:44px;min-width:44px}
 .topbar-actions>.button{width:44px;height:44px}
 .chat-header{gap:6px;padding-left:8px;padding-right:8px}
 .chat-header .avatar{width:32px;height:32px}
 .chat-identity{min-width:0}
 .chat-identity h2{font-size:calc(15px * var(--font-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-identity p{font-size:calc(10px * var(--font-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-header .button{min-width:44px;min-height:44px;margin-left:0;padding:6px}
 .chat-toolbar{padding:3px 13px;gap:12px;min-height:44px}
 .chat-toolbar-label,.chat-toolbar>.text-button{font-size:calc(11px * var(--font-scale,1))}
 .chat-toolbar>.text-button{min-height:44px}
 .composer{padding-top:4px}
 .composer-toolbar{min-height:44px;gap:4px}
 .composer-toolbar>div{display:flex;gap:0;flex-wrap:wrap}
 .draft-status,.composer-bottom>small{font-size:calc(10px * var(--font-scale,1))}
 .composer-bottom>.button{font-size:calc(13px * var(--font-scale,1));min-height:44px;flex:none}
 .composer-bottom{align-items:center}
 .voice-preview{padding:10px 13px;gap:8px}
 .voice-preview .text-button{font-size:calc(12px * var(--font-scale,1));min-height:44px}
 .voice-preview strong{min-width:100px}
 .conversation-name,.customer-table .customer-cell{font-size:calc(14px * var(--font-scale,1))}
 .conversation-preview p{font-size:calc(12px * var(--font-scale,1))}
 .conversation-time{font-size:calc(10px * var(--font-scale,1))}
 .conversation-pending-label{font-size:calc(10px * var(--font-scale,1))}
 .stat-card>span,.stat-card small,.switch-row small,.fine-print{font-size:calc(11px * var(--font-scale,1))}
 .settings-grid>.section-card{padding:22px 18px}
 .recovery-dialog{padding:22px;max-width:calc(100vw - 24px)}
 .remote-port-fields{gap:8px}
 .remote-port-fields label{font-size:calc(11px * var(--font-scale,1))}
 .remote-settings .desktop-data-actions{gap:8px}
 .emoji-tabs button,.emoji-item{min-height:44px}
 .chat-open .new-messages{bottom:210px}
}