.s-screen{--s-ink:#152a32;--s-sea:#174e55;--s-blue:#3155d9;--s-muted:#73818a;--s-line:#e8edf0;--s-bg:#f7f8fa;position:relative;display:flex;flex-direction:column;width:390px;height:844px;overflow:hidden;background:#fff;color:var(--s-ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.45;text-align:left;box-sizing:border-box}
.s-screen *{box-sizing:border-box}.s-screen p,.s-screen h1,.s-screen h3{margin:0}.s-screen svg{display:block;flex:none}.s-status{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 25px 0;font-size:14px;letter-spacing:-.3px}.s-status>span{display:flex;align-items:center;gap:6px}.s-status b{font-weight:700}.s-header{height:66px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--s-line);position:relative}.s-header>strong{position:absolute;left:60px;right:60px;text-align:center;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.s-brand{font-family:Manrope,sans-serif;font-size:29px;font-weight:700;letter-spacing:-2px;line-height:.9;color:var(--s-sea)}.s-brand>span{display:block;font:500 6.5px/1 'DM Sans',sans-serif;letter-spacing:3.1px;margin:6px 0 0 4px}.s-headicon{position:relative;width:28px;height:36px;display:flex;align-items:center;justify-content:center}.s-headicon>em{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--s-blue);right:3px;top:5px;border:1px solid #fff}.s-back svg{transform:rotate(180deg)}.s-content{flex:1;min-height:0;padding:0 23px;overflow:hidden}.s-pageintro{padding-top:27px}.s-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--s-sea);margin-bottom:9px}.s-screen h1{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-1.05px;font-size:29px;line-height:1.22}.s-pageintro>p{margin-top:10px;color:var(--s-muted);font-size:13px;line-height:1.6}.s-primary{height:48px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:var(--s-blue);border-radius:9px;font-size:13px;font-weight:600;margin:23px 0 23px}.s-tabs{height:42px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--s-line);gap:10px;font-size:11px;font-weight:500;color:var(--s-muted);white-space:nowrap}.s-tabs>span{height:42px;position:relative;display:flex;align-items:flex-start;padding-top:3px;gap:7px}.s-tabs>.s-tab-active{color:var(--s-ink);font-weight:600}.s-tab-active:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--s-sea)}.s-tabs em{font-size:9px;font-style:normal;background:#edf2f3;color:var(--s-sea);width:17px;height:17px;text-align:center;line-height:17px;border-radius:5px}.s-ticket{padding:18px 0 17px;border-bottom:1px solid var(--s-line)}.s-ticket-top{display:flex;align-items:center;justify-content:space-between}.s-ticket-id{font-size:10px;font-weight:600;color:var(--s-muted);letter-spacing:.3px}.s-ticket-date{font-size:10px;color:#8c979e}.s-ticket-name{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.s-ticket-name h3{font-size:14px;font-weight:600;letter-spacing:-.25px}.s-ticket-name>svg{color:#94a2aa}.s-ticket-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.s-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:600;line-height:1.3;white-space:nowrap}.s-badge>em{width:4px;height:4px;border-radius:50%;background:currentColor}.s-working{color:#8c671f;background:#fff5dc}.s-replied{color:#3155b1;background:#edf1fd}.s-complete{color:#367264;background:#ecf5f1}.s-ticket-category{color:#8b98a0;font-size:10px}.s-support-note{display:flex;align-items:center;gap:12px;margin-top:22px}.s-support-note>div{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f6f6;color:var(--s-sea)}.s-support-note p{font-size:11px;line-height:1.65;color:#53666f}.s-support-note p>span{color:#89959d}.s-demo{flex:none;height:22px;font-size:8px;letter-spacing:.3px;color:#9aa4ab;display:flex;justify-content:center;align-items:center;gap:4px}.s-demo>span{width:3px;height:3px;border-radius:50%;background:#a6b1b6}.s-bottomnav{height:63px;flex:none;border-top:1px solid var(--s-line);display:flex;background:#fff;padding:10px 10px 0;justify-content:space-around}.s-navitem{width:71px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;color:#8c99a1;font-size:8px;font-weight:500;white-space:nowrap}.s-navitem.s-active{color:var(--s-sea);font-weight:700}.s-navitem>em{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--s-sea)}.s-homebar{height:22px;flex:none;display:flex;justify-content:center;align-items:center;background:#fff}.s-homebar>span{width:116px;height:4px;border-radius:3px;background:#152a32}.s-conv-summary{padding:20px 23px 18px;border-bottom:1px solid var(--s-line);background:#fff}.s-conv-id{font-size:10px;font-weight:600;color:#687b85;letter-spacing:.2px}.s-conv-id>span{font-weight:400;margin-left:4px;color:#92a0a8}.s-conv-summary h1{font-size:20px;letter-spacing:-.6px;margin-top:7px;margin-bottom:11px}.s-chat{flex:1;background:var(--s-bg);padding:19px 20px 0;min-height:0}.s-chat-day{text-align:center;font-size:8px;font-weight:600;letter-spacing:1px;color:#99a4aa;margin-bottom:24px}.s-chat-out{max-width:267px;padding:12px 14px 8px;margin-left:auto;background:var(--s-sea);color:#fff;border-radius:11px 11px 3px 11px}.s-chat-out>p,.s-chat-in>p{font-size:12px;line-height:1.6}.s-chat-out>span{font-size:8px;color:#bdcfd2;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:6px}.s-chat-agent{display:flex;gap:8px;align-items:flex-start;margin-top:23px;margin-right:28px}.s-agent-avatar{flex:none;background:#e2eceb;color:var(--s-sea);height:27px;width:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-top:20px}.s-agent-name{font-size:10px;font-weight:600;margin-bottom:6px;color:#415762}.s-agent-name>span{font-size:9px;color:#9aa6ac;font-weight:400;margin-left:6px}.s-chat-in{padding:12px 13px 8px;background:#fff;border:1px solid #e8edef;border-radius:0 11px 11px 11px}.s-chat-in>span{display:block;font-size:8px;color:#9aa5ac;text-align:right;margin-top:6px}.s-last-message{margin-top:22px;max-width:243px}.s-delivery{text-align:right;font-size:8px;color:#8d9ca4;margin:7px 0 0}.s-chat-privacy{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#98a6ae;margin-top:28px}.s-composer{height:68px;flex:none;background:#fff;border-top:1px solid var(--s-line);display:flex;align-items:center;padding:0 19px;gap:10px}.s-composer-file{width:25px;color:#81929b}.s-composer>span{font-size:11px;color:#99a5ac;flex:1;border-radius:7px;background:#f7f8fa;height:38px;display:flex;align-items:center;padding-left:12px}.s-send{width:34px;height:34px;border-radius:50%;background:var(--s-blue);color:#fff;display:flex;align-items:center;justify-content:center}.s-conversation .s-demo{height:18px}.s-announcement-meta{display:flex;align-items:center;justify-content:space-between;margin-top:25px;margin-bottom:11px}.s-announcement-meta>span{font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--s-sea)}.s-announcement-meta>time{font-size:10px;color:#8c99a1}.s-announcement h1{font-size:28px;letter-spacing:-.8px;line-height:1.2}.s-announcement-author{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:21px}.s-author-mark{height:27px;width:27px;border-radius:50%;background:#eaf1f0;color:var(--s-sea);font:700 24px/.9 Manrope,sans-serif;display:flex;align-items:center;justify-content:center;letter-spacing:-2px;padding-right:2px}.s-announcement-author>span{font-size:10px;font-weight:500;color:#536971}.s-announcement-author small{display:block;font-size:8px;font-weight:400;color:#9aa6ad;margin-top:2px}.s-announcement-photo{display:block;width:344px;height:166px;object-fit:cover;object-position:50% 59%;border-radius:10px}.s-announcement-copy{margin-top:19px;color:#657780;font-size:12px;line-height:1.75}.s-announcement-copy p+p{margin-top:10px}.s-attachment{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #e5ebee;border-radius:8px;margin-top:21px}.s-attachment-file{width:33px;height:37px;display:flex;align-items:center;justify-content:center;background:#edf2f8;border-radius:5px;color:#657d9d}.s-attachment>div:nth-child(2){flex:1}.s-attachment strong{display:block;font-size:11px;font-weight:600}.s-attachment span{display:block;font-size:9px;color:#95a1a8;margin-top:3px}.s-attachment-download{padding:5px;color:var(--s-blue)}.s-reading-status{display:flex;align-items:center;gap:5px;margin-top:14px;color:#98a5ad;font-size:9px}.s-account .s-content{background:var(--s-bg)}.s-profile{display:flex;align-items:center;gap:13px;padding:25px 0 24px}.s-profile-avatar{width:49px;height:49px;border-radius:50%;color:var(--s-sea);background:#e2eeed;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.s-profile h1{font-size:20px;letter-spacing:-.5px}.s-profile p{font-size:11px;color:#8998a0;margin-top:5px}.s-profile-edit{margin-left:auto;color:#91a1a9}.s-settings-label{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#87959d;margin-bottom:9px;margin-top:5px}.s-setting-section{background:#fff;border:1px solid #e9edf0;border-radius:11px;margin-bottom:21px;overflow:hidden}.s-setting-row{min-height:68px;padding:14px 14px;display:flex;align-items:center;gap:12px}.s-setting-icon{width:25px;display:flex;align-items:center;justify-content:center;color:#6e848e}.s-setting-text{flex:1;min-width:0}.s-setting-text>strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.1px}.s-setting-text>span{display:block;font-size:10px;color:#9aa5ab;margin-top:4px;line-height:1.3}.s-toggle{width:33px;height:20px;flex:none;border-radius:20px;background:#d8dfe4;display:flex;align-items:center;padding:2px}.s-toggle>b{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #2335401c}.s-toggle.s-on{background:var(--s-sea);justify-content:flex-end}.s-volume{height:42px;display:flex;align-items:center;gap:12px;margin:0 14px 5px 51px;border-top:1px solid #f0f3f5;font-size:9px;color:#9aa6ad}.s-volume-track{height:3px;flex:1;position:relative;background:#e8edf1;border-radius:5px}.s-volume-track>span{position:absolute;height:3px;left:0;width:30%;background:#bac7ce;border-radius:5px}.s-volume-track>b{position:absolute;left:30%;height:10px;width:10px;background:#bac7ce;border:2px solid #fff;box-shadow:0 0 0 1px #dbe2e6;border-radius:50%;top:-3.5px}.s-setting-subrow{min-height:60px;border-top:1px solid #edf0f2;margin:0 14px;padding:12px 0 12px 37px;gap:6px}.s-setting-subrow strong{font-size:11px}.s-account-note{font-size:10px;line-height:1.8;color:#9ba6ac;text-align:center;margin-top:3px!important}.s-account .s-demo{background:var(--s-bg)}
.s-support .s-ticket{padding-top:14px;padding-bottom:13px}
.s-screen .s-status,.s-screen .s-homebar{display:none}.s-screen .s-header{height:72px}.s-screen .s-bottomnav{height:74px;padding-top:13px;padding-bottom:10px}.s-screen .s-brand{font-family:Manrope,sans-serif;font-size:29px;line-height:1.1;letter-spacing:-2px}.s-screen .s-navitem>span{font-size:8px}.s-screen .s-navitem>em{bottom:-2px}