:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24312e;background:#eef2ef;font-size:15px;--green:#156f55;--line:#e0e7e1;--muted:#758079}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;color:inherit;background:#edf2ee}button:disabled,input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7fc5ab;outline-offset:2px}input,textarea,select{border:1px solid #d6dfd8;border-radius:8px;padding:10px;background:#fff;color:inherit}label{display:flex;flex-direction:column;gap:6px}h1,h2,h3,p{margin-top:0}p{line-height:1.6}small{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:650}.primary,form>button{background:var(--green);color:#fff}.quiet{background:#f0f4f1;border:1px solid #e0e7e1}.error{color:#ac3434;min-height:24px}.access{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(at 0 0,#d8e9df,transparent 60%),#eef2ef}.access-card{width:min(430px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #2038290c}.access-card h1{font-size:25px;margin:25px 0 10px}.access-card p{color:var(--muted)}.access-card form{display:grid;gap:17px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;color:var(--green)}.brand:before{content:"";width:8px;height:28px;background:#79b39a;border-radius:5px}.brand span{color:#24312e}.brand.compact{justify-content:center;color:#d9f0e3;font-size:19px}.brand.compact:before{display:none}.workspace{height:100dvh;display:grid;grid-template-columns:68px 355px minmax(0,1fr);overflow:hidden}.rail{display:flex;align-items:center;flex-direction:column;gap:27px;padding:27px 8px;background:#123e32;color:#d2e5da}.rail-button{color:inherit;background:transparent;font-size:25px;width:47px;height:46px;padding:4px}.rail-button.active{background:#ffffff18}.rail-bottom{margin-top:auto;display:grid;gap:14px}.inbox{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-heading{padding:28px 23px 14px;display:flex;align-items:center;justify-content:space-between}.inbox-heading h1{font-size:27px;margin:5px 0}.dot{width:10px;height:10px;border-radius:50%;background:#d19960}.dot.online{background:#32a879;box-shadow:0 0 0 5px #e7f6ee}.agent{display:flex;align-items:center;gap:9px;padding:0 23px 17px;color:#63766b;font-size:13px}.avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#e8efe9;color:#47705a;border-radius:13px;font-weight:700}.avatar.small{width:25px;height:25px;border-radius:8px;font-size:11px}.search-label{padding:0 19px 18px}.search-label input{background:#f6f8f6;border-color:transparent;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 19px 17px;border-bottom:1px solid var(--line)}.filters button{font-size:12px;padding:8px 9px;background:transparent;color:#69756d}.filters button.selected{background:#e6f1e9;color:#206a4b;font-weight:650}.conversation-list{overflow:auto;min-height:0}.conversation-item{width:100%;display:flex;gap:12px;padding:19px;border-radius:0;border-bottom:1px solid #edf1ed;background:#fff;text-align:left}.conversation-item.selected{background:#edf5ef;border-left:3px solid #2b8a62;padding-left:16px}.conversation-info{flex:1;min-width:0}.conversation-name{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px;font-weight:650}.conversation-preview{color:#758078;font-size:13px;margin:7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-owner{font-size:11px;color:#6d8774}.conversation-time{font-size:10px;color:#8a958e;font-weight:400;white-space:nowrap}.unread{background:#2f936b;color:white;border-radius:20px;font-size:10px;padding:2px 6px;margin-left:6px}.thread{position:relative;display:flex;flex-direction:column;min-height:0;background:#f5f7f3}.connection-banner{padding:10px 22px;font-size:13px;background:#fff2d9;color:#7c632d;border-bottom:1px solid #efe3bd}.connection-banner.connected{display:none}.empty-thread{display:grid;align-content:center;justify-items:center;flex:1;text-align:center;color:#7c8a7e;padding:30px}.empty-thread h2{font-weight:550;font-size:23px;color:#4d6556;margin:22px 0 12px}.chat-mark{font-size:34px;padding:24px;border:1px solid #d7e2d8;border-radius:30px;color:#71937b}.open-thread{display:flex;flex-direction:column;flex:1;min-height:0}.thread-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff}.contact{flex:1;min-width:150px}.contact h2{font-size:16px;margin:0 0 5px}.contact p{font-size:12px;color:#7c8980;margin:0}.status-badge{font-size:11px;background:#edf3ef;padding:6px 10px;border-radius:20px}.thread-heading>button,.transfer button,.transfer select{font-size:12px;padding:8px}.transfer{display:flex;gap:5px}.transfer select{max-width:145px}.messages{padding:24px 7%;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}.bubble{max-width:78%;background:#fff;align-self:flex-start;padding:13px 16px 8px;border-radius:3px 14px 14px 14px;border:1px solid #e4eae1;box-shadow:0 2px 4px #20382903;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.bubble.out{background:#e2efdf;border-color:#d7e5d2;align-self:flex-end;border-radius:14px 3px 14px 14px}.bubble-meta{font-size:10px;color:#839180;text-align:right;margin-top:6px}.bubble.uncertain{border:1px solid #cb9259}.bubble a{display:block;margin-top:8px;color:#186d52}.composer{background:#fff;border-top:1px solid var(--line);padding:12px 24px 20px}.composer-help{font-size:12px;color:#7c887e;margin-bottom:10px}.compose-row{display:flex;align-items:flex-end;gap:12px}.compose-row textarea{resize:vertical;flex:1;max-height:150px;min-height:45px;border-color:#e1e7df;background:#fafbf9;font-size:14px}.attach{font-size:28px;padding:6px;cursor:pointer}.list-empty{padding:25px;text-align:center;color:var(--muted);font-size:13px}dialog{width:min(640px,94vw);max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#132d2380}dialog>header{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}dialog h2{font-size:21px;margin:6px 0 0}dialog header button{font-size:25px;background:transparent}dialog section{padding:24px}dialog p{font-size:14px;color:#68796d}dialog #qr{display:block;width:320px;max-width:100%;margin:22px auto}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-form>button{justify-self:start}.user-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.notice{position:fixed;right:25px;bottom:25px;max-width:420px;background:#204e3d;color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 10px 40px #0002;z-index:10}.notice.error{background:#8b4137;color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#peer-key{width:100%;margin-top:15px}#mobile-back{display:none}@media(max-width:1100px){.workspace{grid-template-columns:58px 300px minmax(0,1fr)}.thread-heading{padding:14px}.messages{padding:22px}.transfer{width:100%}}@media(max-width:760px){.workspace{grid-template-columns:55px minmax(0,1fr)}.thread{display:none}.workspace.show-thread .thread{display:flex}.workspace.show-thread .inbox{display:none}.thread-heading{gap:8px}.contact{min-width:120px}.thread-heading .avatar{display:none}.thread-heading>button{font-size:11px}.composer{padding:12px}.messages{padding:15px}.bubble{max-width:93%}#mobile-back{display:block}.user-form{grid-template-columns:1fr}}
.avatar{overflow:hidden;position:relative}.contact-photo{width:100%;height:100%;object-fit:cover;display:block}.delivery-state{margin-left:8px}.delivery-ticks{font-size:14px;letter-spacing:-3px;margin-right:3px}.delivery-state.read .delivery-ticks{color:#0879bd;font-weight:700}
.contact-photo{position:absolute;inset:0}
.contact-presence{color:#087f66!important;font-size:12px;font-weight:600;min-height:0}.contact-presence:empty{display:none}
.voice-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px}.voice-panel audio,.bubble audio{max-width:100%;width:280px}.voice-panel>span{width:100%;font-size:13px}#voice-start{font-size:22px}
.contact-title{display:flex;align-items:center;gap:9px}.contact-title h2{margin:0}.contact-title .unread{flex-shrink:0;min-width:22px;line-height:22px;text-align:center;display:inline-block}

.compact-media{display:flex;align-items:flex-start;gap:6px;white-space:normal;margin-top:6px;max-width:100%}.compact-media audio,.voice-panel audio{width:250px;height:36px;max-width:100%}.compact-media video{width:360px;max-width:100%;height:220px;object-fit:contain;background:#16201b;border-radius:9px}.compact-media.video{width:398px;max-width:100%}.compact-media>audio,.compact-media>video{min-width:0;flex:1}.media-menu{position:relative;flex:0 0 25px}.media-menu summary{list-style:none;cursor:pointer;text-align:center;font-size:25px;line-height:32px;border-radius:5px}.media-menu summary::-webkit-details-marker{display:none}.media-menu a{position:absolute;right:0;top:28px;z-index:5;background:white;border:1px solid var(--line);padding:10px 15px;border-radius:8px;box-shadow:0 4px 20px #0002;white-space:nowrap;text-decoration:none}.compact-media video::-webkit-media-controls-fullscreen-button{display:none}.contact-photo[role=button]{cursor:zoom-in}.photo-viewer{width:min(720px,94vw);max-height:92dvh}.photo-viewer>img{display:block;max-width:100%;width:100%;height:min(66dvh,640px);object-fit:contain;background:#17231d}.photo-viewer header{padding:12px 18px}.photo-viewer h2{font-size:16px}.photo-viewer header button{min-width:40px;min-height:40px}

.media-actions{display:flex;flex-direction:column;gap:4px;flex:0 0 28px}.media-actions .media-menu{flex:none}.media-expand{background:transparent;font-size:24px;padding:0;width:28px;height:30px;line-height:30px}.video-viewer{width:min(1040px,96vw);max-height:94dvh;background:#17231d}.video-viewer>header{background:white;padding:10px 18px}.video-viewer h2{font-size:16px}.video-viewer header button{min-width:42px;min-height:42px}.video-viewer>video{display:block;width:100%;height:min(76dvh,720px);object-fit:contain}.media-menu a{font-size:14px}

.zoom-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#fff;border-bottom:1px solid var(--line)}.zoom-toolbar button{height:36px;min-width:40px;padding:7px 10px}.zoom-toolbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;display:block}.zoom-toolbar span{min-width:48px;text-align:center;font-size:13px}.zoom-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#17231d;touch-action:none;height:min(66dvh,640px)}.video-viewer .zoom-stage{height:min(68dvh,660px)}.zoom-stage>img,.zoom-stage>video{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;max-width:none;flex-shrink:0}.zoom-stage.zoomed{cursor:grab}.zoom-stage.zoomed:active{cursor:grabbing}.photo-viewer,.video-viewer{overflow:hidden}.zoom-stage:focus-visible{outline:2px solid #7fc5ab;outline-offset:-2px}

.audio-played-dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#929e96;align-self:center}.audio-played-dot.played{background:#0879bd}

.compact-media.video{position:relative;display:block;width:398px}.compact-media.video>video{width:100%;height:220px}.compact-media.video>.media-actions{position:absolute;right:8px;top:8px;z-index:2;border-radius:7px;background:#fffffff0;box-shadow:0 2px 10px #0002}.compact-media.video .media-menu a{top:30px;right:0}


.compact-media.video{display:flex;align-items:flex-start;gap:6px;width:398px;position:relative}.compact-media.video>video{flex:1;min-width:0;width:calc(100% - 34px)}.compact-media.video>.media-actions{position:static;flex:0 0 28px;background:transparent;box-shadow:none;border-radius:0}.compact-media.video .media-actions>.media-expand{position:absolute;right:42px;top:8px;color:white;background:transparent;box-shadow:none;text-shadow:0 1px 4px #000,0 0 3px #000;width:28px;height:30px;padding:0}.compact-media.video .media-menu{position:relative}.compact-media.video .media-menu summary{color:#24312e;background:transparent}.compact-media.video .media-menu a{right:0;top:30px}


.install-app{font-size:12px;padding:8px 10px;background:#e6f1e9;color:#156f55;margin-left:auto;margin-right:12px}.app-update{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(560px,94vw);z-index:30;background:#fff8dc;border:1px solid #d4be70;box-shadow:0 4px 20px #0002;padding:12px 16px;border-radius:9px;font-size:13px}.app-update button{margin-left:12px;padding:6px 10px}.inbox-heading{gap:8px}@media(max-width:760px){.workspace{grid-template-columns:48px minmax(0,1fr)}.rail{padding:16px 2px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.rail-button{min-width:42px;width:42px;min-height:44px}.inbox-heading{padding:20px 16px 12px}.inbox-heading h1{font-size:24px}.agent{padding:0 16px 14px}.thread-heading .avatar{display:grid;width:36px;height:36px;border-radius:10px}.thread-heading .contact{min-width:120px}.thread-heading>button{min-height:40px}.thread-heading .transfer{overflow-x:auto}.thread-heading .transfer button,.thread-heading .transfer select{min-height:40px}.thread-heading .transfer select{max-width:65%}.compose-row{gap:7px;align-items:center}.compose-row textarea{font-size:16px;min-height:44px;resize:none;min-width:0}.compose-row>button{min-height:44px;padding:9px 10px}.attach{font-size:25px}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.composer-help{font-size:11px}.bubble{max-width:96%;padding:9px 10px 6px}.compact-media.video{width:min(398px,100%)}.compact-media.video>video{height:200px}.messages{padding:14px 10px}.voice-panel audio{width:100%}.photo-viewer,.video-viewer{width:96vw}.inbox .search-label input{font-size:16px}.filters button{min-height:40px}.user-form{grid-template-columns:1fr}.app-update{top:calc(8px + env(safe-area-inset-top))}}

#voice-start,.send-circle,.voice-send{display:grid;place-items:center;background:#156f55;color:white;border-radius:50%;width:46px;height:46px;min-width:46px;padding:11px;border:0;flex-shrink:0}#voice-start svg,.send-circle svg,.voice-panel button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.send-circle svg,.voice-send svg{width:22px;height:22px}#composer.recording-voice .compose-row{display:none}.voice-panel{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;padding:7px 0;border:0;background:transparent}.voice-strip{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;min-width:0}.voice-panel button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;padding:10px}.voice-discard{background:transparent;color:#73827a}.voice-stop{background:#fbe9e7;color:#c44444}.voice-stop svg{fill:currentColor!important;stroke:none!important}.voice-record-dot{width:9px;height:9px;background:#dc4d4d;border-radius:50%;flex-shrink:0;display:none}.voice-panel[data-mode=recording] .voice-record-dot{display:block;animation:voice-record-pulse 1s ease-in-out infinite}.voice-panel[data-mode=recording] #voice-state{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#voice-timer{color:#bf4242;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:35px}.voice-wave{height:36px;display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;overflow:hidden}.voice-wave span{width:3px;min-width:1px;max-width:4px;flex:1;background:#81968a;border-radius:3px;transition:height 60ms linear}.voice-strip #voice-preview{flex:1;min-width:0;width:250px;height:36px}.voice-panel>span{font-size:12px;color:#758079;letter-spacing:0}.voice-panel[data-mode=preview] #voice-timer{color:#758079}@keyframes voice-record-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.voice-panel[data-mode=recording] .voice-record-dot{animation:none}.voice-wave span{transition:none}}@media(max-width:760px){.voice-strip{gap:6px}.voice-panel button{width:40px;height:40px;padding:9px}.voice-wave{gap:1.5px}#voice-start,.send-circle{width:44px;height:44px;min-width:44px;padding:10px}.voice-strip #voice-preview{width:140px}.voice-panel[data-mode=preview] #voice-timer{display:none}}

.voice-panel #voice-play{width:52px;height:52px;min-width:52px;border-radius:50%;background:#156f55;color:#fff;padding:12px}.voice-panel #voice-play svg{width:28px;height:28px;fill:currentColor;stroke:none}.preview-pause-icon{display:none}#voice-play.playing .preview-play-icon{display:none}#voice-play.playing .preview-pause-icon{display:block}#voice-preview::-webkit-media-controls-play-button{display:none}.voice-strip #voice-preview{width:200px}@media(max-width:760px){.voice-panel #voice-play{width:48px;height:48px;min-width:48px;padding:10px}.voice-strip #voice-preview{width:100px}}

.voice-panel #voice-speaker{width:46px;height:46px;min-width:46px;background:#e6f1e9;color:#156f55;padding:10px}.voice-panel #voice-speaker svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.voice-panel #voice-speaker:hover{background:#d5eadd}#voice-preview::-webkit-media-controls-mute-button,#voice-preview::-webkit-media-controls-volume-slider{display:none}@media(max-width:760px){.voice-panel #voice-speaker{width:40px;height:40px;min-width:40px;padding:8px}.voice-panel #voice-speaker svg{width:24px;height:24px}}

.voice-panel .voice-discard{color:#c33f3f;background:#fbe9e7}.voice-panel .voice-discard:hover{background:#f7d7d3}

.voice-panel #voice-play{width:46px;height:46px;min-width:46px;padding:10px}.voice-panel #voice-play svg{width:26px;height:26px}.voice-panel[data-mode=preview] #voice-wave{cursor:pointer;touch-action:none}.voice-panel[data-mode=preview] #voice-wave span{background:#a1afa6}.voice-panel[data-mode=preview] #voice-wave span.heard{background:#156f55}#voice-preview{display:none!important}.composer-help:empty,#voice-state:empty{display:none}.voice-panel[data-mode=preview] #voice-timer{display:block}.attach{display:grid;place-items:center;width:38px;height:44px;flex-shrink:0}.attach svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.attachment-preview{display:flex;align-items:center;gap:9px;margin:8px 0;padding:9px 12px;border:1px solid #cddfd2;border-radius:9px;background:#edf5ef;font-size:13px}.attachment-preview>span{flex:1;min-width:0;overflow-wrap:anywhere}.attachment-preview button{flex-shrink:0}.file-drop-active{outline:2px dashed #2c9266;outline-offset:-5px;background:#edf8f0}.voice-wave:focus-visible{outline:2px solid #6ab28e;outline-offset:3px;border-radius:3px}@media(max-width:760px){.voice-panel #voice-play{width:40px;height:40px;min-width:40px;padding:8px}.voice-panel #voice-play svg{width:24px;height:24px}.voice-panel[data-mode=preview] #voice-wave{gap:1px}.voice-panel[data-mode=preview] .voice-strip{gap:5px}.attachment-preview{flex-wrap:wrap}.attachment-preview>span{flex-basis:calc(100% - 50px)}.attachment-preview #attachment-send{margin-left:auto}}
.voice-panel button#voice-play,.voice-panel button#voice-speaker,.voice-panel button#voice-stop,.voice-panel button#voice-cancel,.voice-panel button#voice-send{width:46px;height:46px;min-width:46px;padding:10px}.voice-panel button#voice-play svg,.voice-panel button#voice-speaker svg,.voice-panel button#voice-stop svg,.voice-panel button#voice-cancel svg,.voice-panel button#voice-send svg{width:26px;height:26px}@media(max-width:760px){.voice-panel button#voice-play,.voice-panel button#voice-speaker,.voice-panel button#voice-stop,.voice-panel button#voice-cancel,.voice-panel button#voice-send{width:40px;height:40px;min-width:40px;padding:8px}.voice-panel button#voice-play svg,.voice-panel button#voice-speaker svg,.voice-panel button#voice-stop svg,.voice-panel button#voice-cancel svg,.voice-panel button#voice-send svg{width:24px;height:24px}}

.voice-record-dot{width:18px;height:24px;background:transparent;border-radius:0;color:#dc4d4d}.voice-record-dot svg{width:18px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.voice-panel #voice-speaker.playing,.voice-panel #voice-speaker.playing:hover{background:#156f55;color:#fff}

.bubble{position:relative}.bubble.can-delete{padding-right:45px}.message-trash{position:absolute;top:5px;right:4px;display:grid;place-items:center;width:32px;height:32px;padding:6px;color:#c33f3f;background:transparent}.message-trash svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-trash:hover{background:#fbe9e7}.retraction-warning{color:#9c5424;font-size:11px;margin-top:5px}

.retract-actions{display:flex;justify-content:flex-end;gap:10px}.retract-confirm{background:#b33c3c;color:white}.retract-dialog{max-width:440px}.retract-dialog header h2{font-size:19px}

.retract-popover{position:fixed;z-index:70;width:285px;max-width:calc(100vw - 16px);padding:14px;background:white;border:1px solid #e0e7e1;border-radius:10px;box-shadow:0 8px 30px #17352a30;font-size:13px}.retract-popover p{margin:7px 0 12px;color:#758079;font-size:12px}.retract-popover button{font-size:12px;padding:8px 10px}.retract-popover strong{font-size:14px}

.customer-deletion-note{font-size:11px;color:#8b735d;margin-top:6px;font-style:italic}

.messages{gap:10px}.bubble.customer-deleted{padding:9px 12px 6px}.customer-deletion-note{color:#c33f3f;margin-top:3px;line-height:1.25;font-style:normal}.customer-deleted .bubble-meta{margin-top:3px}

.bubble{display:flow-root}.bubble.message-kind-text>.message-body{display:inline}.bubble-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:3px 0 0 9px;white-space:nowrap;line-height:15px}.bubble.customer-deleted>.message-body{display:block}.customer-deletion-note{display:inline;line-height:15px}.customer-deleted .bubble-meta{margin-top:0}.bubble.message-kind-audio:not(.customer-deleted){padding-right:83px}.message-kind-audio:not(.customer-deleted)>.bubble-meta{position:absolute;right:8px;bottom:10px;float:none;margin:0}.message-kind-audio>.compact-media{margin-top:3px}

.bubble-meta{font-variant-numeric:tabular-nums}.delivery-state{display:inline-flex;align-items:center}.delivery-time{display:inline-block;flex:0 0 5ch;width:5ch;margin-left:4px;text-align:left}.bubble.message-kind-audio:not(.customer-deleted){padding-right:100px}

.contact-presence:not([hidden]){display:flex;align-items:center;gap:6px}.typing-indicator{display:flex;align-items:center;gap:7px;align-self:flex-start;padding:8px 12px;background:#fff;border:1px solid #e0e7e1;border-radius:12px;color:#46735d;font-size:12px;min-height:34px;flex-shrink:0}.activity-dots{display:inline-flex;align-items:center;gap:3px;height:12px}.activity-dots i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;animation:presence-dot 1.2s infinite ease-in-out}.activity-dots i:nth-child(2){animation-delay:.15s}.activity-dots i:nth-child(3){animation-delay:.3s}@keyframes presence-dot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}.notice{background:#fff;color:#28533f;border:1px solid #d3e5da;border-left:4px solid #318563;box-shadow:0 8px 28px #17352a20;font-size:13px}.notice.error{background:#fff8f6;color:#8b4137;border-color:#edcdc6;border-left:4px solid #bd5547}.sync-status{position:fixed;right:20px;bottom:20px;z-index:35;display:flex;align-items:center;gap:10px;max-width:min(390px,calc(100vw - 32px));padding:13px 16px;border:1px solid #cee1d6;border-radius:12px;background:#fff;color:#285b43;box-shadow:0 8px 28px #17352a25;font-size:13px}.sync-spinner{width:17px;height:17px;flex-shrink:0;border:2px solid #d8e9df;border-top-color:#2e8760;border-radius:50%;animation:sync-spin .8s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.app-update{background:#f4faf7;color:#225741;border-color:#c8dfd2;border-radius:12px}@media(prefers-reduced-motion:reduce){.activity-dots i,.sync-spinner{animation:none;opacity:1}}
.bubble:not(.out).message-kind-audio .compact-media>.media-actions{position:absolute;top:4px;right:4px}.bubble:not(.out).message-kind-audio .media-menu summary{width:28px;height:28px;line-height:28px;font-size:24px}

.bubble.message-kind-audio .compact-media>.media-actions{position:absolute;top:4px;right:4px}.bubble.message-kind-audio.can-delete .compact-media>.media-actions{right:38px}.compact-media.audio .media-download{display:grid;place-items:center;width:28px;height:28px;margin:0;padding:4px;border-radius:5px;color:#3c755b}.media-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.compact-media.audio .media-download:hover{background:#dcece1}

.bubble>.media-actions{position:absolute;top:4px;right:4px}.bubble.can-delete>.media-actions{right:38px}.bubble>.media-actions .media-download{display:grid;place-items:center;width:28px;height:28px;margin:0;padding:4px;border-radius:5px;color:#3c755b}.bubble>.media-actions .media-download:hover{background:#dcece1}.compact-media.video>video{width:100%}.compact-media.video>.media-expand{position:absolute;right:8px;top:8px;color:white;background:transparent;box-shadow:none;text-shadow:0 1px 4px #000,0 0 3px #000;width:28px;height:30px;padding:0}.message-kind-video>.message-body{padding-right:28px}.message-kind-video.can-delete>.message-body{padding-right:60px}
.video-viewer{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;padding-bottom:env(safe-area-inset-bottom)}.video-viewer[open]{display:flex;flex-direction:column}.video-viewer>header,.video-viewer>.zoom-toolbar{flex-shrink:0}.video-viewer>header{padding-top:calc(10px + env(safe-area-inset-top))}.video-viewer>.zoom-stage{height:auto;min-height:0;flex:1;width:100%}

.image-preview{width:360px;max-width:100%;margin-top:6px}.image-preview-open{display:block;background:transparent;padding:0;border:0;width:100%;cursor:zoom-in}.image-preview-open img{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:8px}.message-kind-image>.message-body{padding-right:28px}.message-kind-image.can-delete>.message-body{padding-right:60px}.zoom-selection{position:absolute;pointer-events:none;border:2px solid #6ed3a7;background:#6ed3a726;z-index:2}.zoom-stage.select-area,.zoom-stage.select-area.zoomed{cursor:crosshair}.zoom-toolbar{flex-wrap:wrap;gap:8px}.zoom-toolbar button[aria-pressed=true]{background:#156f55;color:#fff}.zoom-toolbar button{font-size:12px}

.bubble.out.can-delete.message-kind-text{padding-right:16px}.bubble.message-kind-text>.bubble-meta>.message-trash{position:static;width:25px;height:22px;padding:2px;flex-shrink:0;margin-left:3px}.bubble.out.can-delete.message-kind-video{padding-right:16px}.bubble.out.message-kind-video>.message-trash{right:10px}.bubble.out.message-kind-video>.media-actions{right:44px}@media(max-width:760px){.bubble.out.can-delete.message-kind-text,.bubble.out.can-delete.message-kind-video{padding-right:10px}.bubble.out.message-kind-video>.message-trash{right:4px}.bubble.out.message-kind-video>.media-actions{right:38px}}

.photo-viewer,.video-viewer{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;padding-bottom:env(safe-area-inset-bottom)}.photo-viewer[open],.video-viewer[open]{display:flex;flex-direction:column}.photo-viewer>.zoom-stage,.video-viewer>.zoom-stage{height:auto;min-height:0;flex:1;width:100%}.photo-viewer>header,.video-viewer>header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:5px 10px;padding-top:calc(5px + env(safe-area-inset-top));min-height:48px}.photo-viewer>header h2,.video-viewer>header h2{margin:0;font-size:14px;white-space:nowrap}.photo-viewer .viewer-back,.video-viewer .viewer-back{flex-shrink:0;min-height:36px;min-width:80px;padding:6px 10px;font-size:14px;background:#e6f1e9;color:#156f55}.photo-viewer header .zoom-toolbar,.video-viewer header .zoom-toolbar{margin-left:auto;padding:0;border:0;gap:6px}.photo-viewer .zoom-toolbar button,.video-viewer .zoom-toolbar button{height:34px;min-width:34px;padding:5px 8px}.photo-viewer .zoom-toolbar span,.video-viewer .zoom-toolbar span{min-width:40px}@media(max-width:600px){.photo-viewer>header,.video-viewer>header{gap:4px;padding-left:6px;padding-right:6px}.photo-viewer>header h2,.video-viewer>header h2{display:none}.photo-viewer header .zoom-toolbar,.video-viewer header .zoom-toolbar{gap:3px}.photo-viewer .zoom-toolbar button[aria-pressed]{font-size:0;min-width:30px;padding:4px}.photo-viewer .zoom-toolbar button[aria-pressed]::before{content:'▧';font-size:20px}.photo-viewer .zoom-toolbar button[aria-pressed]+button[aria-pressed]::before{content:'✥'}.photo-viewer .zoom-toolbar button,.video-viewer .zoom-toolbar button{min-width:30px;padding:4px}.photo-viewer .zoom-toolbar span,.video-viewer .zoom-toolbar span{min-width:32px;font-size:11px}.photo-viewer .viewer-back,.video-viewer .viewer-back{min-width:72px;padding:6px;font-size:13px}}

@media(max-width:600px){.video-viewer .zoom-toolbar button[aria-pressed]{font-size:0;min-width:30px;padding:4px}.video-viewer .zoom-toolbar button[aria-pressed]::before{content:'▧';font-size:20px}.video-viewer .zoom-toolbar button[aria-pressed]+button[aria-pressed]::before{content:'✥'}}

.photo-viewer,.video-viewer{inset:12px;margin:0;width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border:1px solid #ffffff55;border-radius:10px;box-shadow:0 12px 50px #071b1c55}.photo-viewer::backdrop,.video-viewer::backdrop{background:#13251b80;backdrop-filter:blur(6px)}.photo-viewer .viewer-back,.video-viewer .viewer-back{width:36px;min-width:36px;height:36px;min-height:36px;font-size:25px;line-height:24px;padding:4px;background:transparent}.photo-viewer .viewer-back:hover,.video-viewer .viewer-back:hover{background:#e6f1e9}@media(max-width:600px){.photo-viewer,.video-viewer{inset:6px;width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:8px}}

@media(pointer:coarse){.zoom-mouse-mode{display:none}.zoom-stage.select-area,.zoom-stage.select-area.zoomed{cursor:auto}}
/* A pagina rola normalmente; a pinca pertence apenas a midia aberta. */
html,body{touch-action:pan-x pan-y}.photo-viewer,.video-viewer{touch-action:pan-x pan-y}.photo-viewer .zoom-stage,.video-viewer .zoom-stage{touch-action:none}

.photo-viewer,.video-viewer{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:0}.photo-viewer>header,.video-viewer>header{position:absolute;inset:0 0 auto auto;z-index:4;min-height:0;display:block;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 0 0;border:0;background:transparent;pointer-events:none}.photo-viewer>header h2,.video-viewer>header h2,.photo-viewer header .zoom-toolbar,.video-viewer header .zoom-toolbar{display:none}.photo-viewer .viewer-back,.video-viewer .viewer-back{pointer-events:auto;display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;background:#101c27a8;color:#fff;border-radius:50%;font-size:29px;line-height:1;padding:0}.photo-viewer .viewer-back:hover,.video-viewer .viewer-back:hover{background:#101c27d9}.photo-viewer>.zoom-stage,.video-viewer>.zoom-stage{width:100%;height:100%;min-height:0;flex:1}.photo-viewer::backdrop,.video-viewer::backdrop{background:#17231d;backdrop-filter:none}

.connection-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:74px}.connection-indicator #connection-label{font-size:11px;line-height:14px;color:#987548;font-weight:500;white-space:nowrap}.connection-indicator #connection-label.online{color:#2d855d}

.deleted-reveal{display:inline-grid;place-items:center;vertical-align:middle;width:23px;height:22px;padding:2px;margin-left:4px;background:transparent;color:#657c70}.deleted-reveal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deleted-reveal[aria-expanded=true] svg{transform:rotate(180deg)}.deleted-reveal:hover{background:#dcece1}.deleted-original{display:block;clear:both;margin-bottom:5px;max-width:100%}.deleted-original>.message-body{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.own-original-open>.message-body{font-size:11px;color:#c33f3f}.deleted-original .media-actions{position:static;display:flex;justify-content:flex-end}.deleted-original .media-download{display:grid;place-items:center;width:28px;height:28px;padding:4px}.deleted-original .original-unavailable{display:block;font-size:11px;letter-spacing:0;color:#758079}
.bubble[data-deletion-state=requested]>.message-body,.bubble[data-deletion-state=deleted_self]>.message-body{color:#c33f3f;font-size:11px}.bubble:has(>.deleted-original)>.message-body{display:inline}

.video-gesture-layer{position:absolute;inset:0 0 60px;z-index:1;touch-action:none;background:transparent}.zoom-selection{z-index:2}
.video-viewer video::-webkit-media-controls-fullscreen-button{display:none}

.compact-media.video{position:relative}.video-center-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;padding:0;border:0;border-radius:50%;background:transparent;z-index:3;touch-action:none}.center-play-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#101c2759;color:#fff;opacity:.7;transition:opacity .15s ease}.center-play-symbol svg{width:34px;height:34px;fill:currentColor;stroke:none;margin-left:5px}.video-center-toggle.is-playing .center-play-symbol{opacity:0}.video-center-toggle:hover .center-play-symbol{opacity:.9}.video-center-toggle.is-playing:hover .center-play-symbol{opacity:0}.compact-media.video>.media-expand{z-index:4}.zoom-stage>.video-center-toggle{pointer-events:none}.video-center-toggle:focus-visible{outline:2px solid white;outline-offset:3px}