:root{--green:#00a859;--green-dark:#007a42;--green-soft:#e8f8ef;--bg:#fff;--card:#fff;--text:#111827;--muted:#6b7280;--line:#eef2f0;--danger:#dc2626;--bubble-out:#00a859;--bubble-out-text:#fff;--bubble-in:#f3f4f6;--bubble-in-text:#111827;color:var(--text);background:var(--bg);font-family:Poppins,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;height:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none}img,video,audio,canvas,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.screen{background:var(--bg);flex-direction:column;width:100%;min-width:0;max-width:100%;height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}@media (width>=560px){.screen{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:480px}}.inbox-screen{background:#fff;padding-bottom:0}.inbox-header{padding:16px 18px 8px;padding-top:calc(16px + env(safe-area-inset-top));background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex}.inbox-header .back{width:40px;height:40px;color:var(--text);background:#f3f4f6;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.inbox-header h1{letter-spacing:-.03em;flex:1;margin:0;font-size:28px;font-weight:700}.inbox-avatar-btn{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.push-banner{background:#eefaf3;border:1px solid #c7ebd6;border-radius:16px;gap:12px;margin:0 16px 10px;padding:14px;display:grid}.push-banner-copy{gap:4px;display:grid}.push-banner-copy strong{color:#0a1f14;font-size:14px;font-weight:700}.push-banner-copy span{color:#547060;font-size:13px;line-height:1.4}.push-banner-actions{align-items:center;gap:8px;display:flex}.push-banner-btn{color:#fff;cursor:pointer;background:#00a859;border:0;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700}.push-banner-btn:disabled{opacity:.55;cursor:not-allowed}.push-banner-dismiss{color:#007a42;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:600}.push-banner-status{color:#374151;background:#f3f4f6;border-radius:12px;margin:0 16px 10px;padding:10px 12px;font-size:13px}.inbox-search-wrap{margin:8px 16px 10px;position:relative}.inbox-search-icon{color:var(--muted);pointer-events:none;font-size:22px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inbox-search{background:#f3f4f6;border:0;border-radius:14px;outline:none;width:100%;padding:13px 14px 13px 40px;font-size:15px}.inbox-search:focus{box-shadow:0 0 0 3px #00a85926}.inbox-filters{scrollbar-width:none;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}.inbox-filters::-webkit-scrollbar{display:none}.inbox-filters button{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.inbox-filters button.is-active{background:var(--green-soft);color:var(--green-dark)}.chat-list{flex:1;min-width:0;min-height:0;margin:0;padding:0 0 8px;list-style:none;overflow:hidden auto}.chat-row{background:#fff;gap:12px;width:100%;min-width:0;max-width:100%;padding:12px 16px;display:flex}.chat-row:active{background:#f9fafb}.avatar{background:var(--green-soft);width:52px;height:52px;color:var(--green-dark);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.chat-main{flex:1;min-width:0;overflow:hidden}.chat-top,.chat-bottom{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.time{color:var(--muted);flex-shrink:0;font-size:12px}.preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.badge{background:var(--green);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.empty-state{text-align:center;padding-top:40px!important}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.muted{color:var(--muted)}.small{font-size:.8rem}.pad{padding:16px}.error,.composer-error{color:var(--danger);word-break:break-word;margin:0;padding:8px 16px;font-size:.9rem}.login-page{--login-ink:#0a1f14;min-height:100dvh;padding:28px 22px calc(28px + env(safe-area-inset-bottom));background:#fbfefc;place-items:center;display:grid;position:relative;overflow:hidden}.login-aura{pointer-events:none;background:radial-gradient(circle,#00a85938 0%,#00a8590f 42%,#0000 70%);border-radius:50%;width:70vmax;height:70vmax;animation:7s ease-in-out infinite alternate login-breathe;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.login-center{z-index:1;gap:36px;width:min(100%,360px);animation:.7s cubic-bezier(.22,1,.36,1) both login-rise;display:grid;position:relative}.login-hero{text-align:center}.login-mark{object-fit:contain;filter:drop-shadow(0 16px 28px #007a4233);background:0 0;width:min(56vw,168px);height:auto;max-height:120px;margin:0 auto 22px;animation:5.5s ease-in-out infinite login-float;display:block}.login-hero h1{letter-spacing:-.045em;color:var(--login-ink);margin:0 0 8px;font-size:clamp(34px,9vw,44px);font-weight:800;line-height:1}.login-hero p{color:#6b8576;margin:0;font-size:15px;font-weight:400}.login-form{gap:14px;display:grid}.login-label{gap:8px;display:grid}.login-label>span{color:#547060;letter-spacing:.02em;font-size:12px;font-weight:600}.login-label input{width:100%;color:var(--login-ink);background:#fff;border:1px solid #d9ebe1;border-radius:16px;outline:none;padding:15px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-label input:focus{border-color:#00a859;box-shadow:0 0 0 4px #00a8591f}.login-otp{letter-spacing:.4em;text-align:center;font-weight:600;font-size:22px!important}.login-submit{color:#fff;cursor:pointer;background:#00a859;border:0;border-radius:16px;width:100%;margin-top:4px;padding:15px 16px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 14px 30px #007a4238}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #007a4247}.login-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.login-ghost{color:#007a42;cursor:pointer;background:0 0;border:0;padding:8px;font-size:14px;font-weight:600}.login-error{color:#b91c1c;background:#fef2f2;border-radius:14px;margin:0;padding:12px 14px;font-size:13px;font-weight:500}.login-companies{gap:10px;max-height:min(42vh,320px);padding:2px;display:grid;overflow-y:auto}.login-company{text-align:left;width:100%;color:var(--login-ink);cursor:pointer;background:#fff;border:1px solid #d9ebe1;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.login-company:hover{background:#f7fcf9;border-color:#9fd4b6}.login-company.is-selected{background:#eefaf3;border-color:#00a859;box-shadow:0 0 0 4px #00a8591f}.login-company-name{font-size:14px;font-weight:600;line-height:1.35}.login-company-role{text-transform:uppercase;letter-spacing:.04em;color:#547060;flex-shrink:0;font-size:11px;font-weight:600}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes login-breathe{0%{opacity:.75;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.login-center,.login-mark,.login-aura{animation:none!important}}.danger,.composer button[type=submit],.send-btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.composer button:disabled,.send-btn:disabled{opacity:.45;cursor:not-allowed}.chat-screen{background:#f7f8f9;overflow-x:hidden}.chat-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:flex}.back{width:36px;height:36px;color:var(--text);background:#f3f4f6;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.chat-header-avatar{background:var(--green-soft);width:40px;height:40px;color:var(--green-dark);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.chat-header-meta{flex:1;min-width:0;overflow:hidden}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.chat-header-status{color:var(--green);font-size:12px;font-weight:500;display:block}.messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;width:100%;min-width:0;max-width:100%;min-height:0;padding:12px 12px 10px;display:flex;overflow:hidden auto}.msg-block{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.day-pill{color:#4b5563;background:#e5e7eb;border-radius:999px;align-self:center;padding:4px 12px;font-size:11px;font-weight:600}.bubble-wrap{flex-direction:column;width:fit-content;min-width:0;max-width:min(78%,320px);display:flex}.bubble-wrap.has-reactions{margin-bottom:10px}.bubble-wrap.in{align-self:flex-start;align-items:flex-start}.bubble-wrap.out{align-self:flex-end;align-items:flex-end}.bubble{overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:18px;min-width:0;max-width:100%;padding:10px 12px;position:relative}.bubble.in{background:var(--bubble-in);color:var(--bubble-in-text);border-bottom-left-radius:6px}.bubble.out{background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-right-radius:6px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:14.5px;line-height:1.4}.reaction-chips{z-index:2;gap:4px;display:flex;position:absolute;bottom:-12px}.reaction-chips.in{left:8px}.reaction-chips.out{right:8px}.reaction-chip{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:14px;line-height:1;display:inline-flex;box-shadow:0 2px 8px #1118271a}.reaction-chip.from-out{background:#f0fdf6;border-color:#00a85959}.bubble-wrap.is-selected .bubble{box-shadow:0 0 0 3px #00a85938}.bubble-wrap.is-pending{opacity:.78}.bubble-wrap.is-failed .bubble{box-shadow:0 0 0 2px #b91c1c59}.bubble-wrap.is-failed .bubble-meta{color:#b91c1c}.react-tray{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex}.react-tray-cancel{color:#4b5563;cursor:pointer;background:#e5e7eb;border:0;border-radius:12px;width:36px;height:36px;margin-right:4px;font-size:14px}.react-tray-btn{cursor:pointer;background:#f3f4f6;border:0;border-radius:14px;width:44px;height:44px;font-size:22px;line-height:1}.react-tray-btn:disabled{opacity:.5;cursor:not-allowed}.bubble-meta{color:var(--muted);padding:0 4px;font-size:11px}.bubble-wrap.has-reactions .bubble-meta{margin-top:10px}.bubble-media{border-radius:12px;width:100%;max-width:100%;height:auto;margin-bottom:4px;display:block}.bubble-audio{width:100%;max-width:220px;height:36px;display:block}.audio-wave-player{align-items:center;gap:8px;min-width:200px;max-width:100%;display:flex}.audio-wave-player .voice-wave{flex:1;min-width:72px}.bubble.in .audio-wave-player .voice-play-btn{background:var(--green);color:#fff}.bubble.out .audio-wave-player .voice-play-btn{color:var(--green-dark,#0b7a43);background:#fffffff2}.bubble.out .voice-timer-inline{color:#ffffffeb}.voice-wave.tone-on-green .voice-wave-bar{background:#ffffff59}.voice-wave.tone-on-green .voice-wave-bar.is-on,.voice-wave.tone-on-green.is-live .voice-wave-bar{background:#fff}.bubble-doc{overflow-wrap:anywhere;max-width:100%;font-weight:600;text-decoration:underline;display:inline-block}.bubble.out .bubble-doc,.bubble.out .muted{color:#ffffffeb}.composer{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.composer-input{background:#f3f4f6;border:0;border-radius:22px;outline:none;flex:1;width:0;min-width:0;padding:12px 14px;font-size:15px}.attach,.send-btn{cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.attach{color:var(--text);background:#f3f4f6;font-size:1.35rem;font-weight:700}.send-btn{background:var(--green);color:#fff;font-size:16px}.mic-btn{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.mic-btn:disabled{opacity:.5;cursor:not-allowed}.composer-text-form{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.composer-voice-only{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.voice-bar{touch-action:none;-webkit-user-select:none;user-select:none;background:#f3f4f6;border-radius:24px;flex:1;align-items:center;gap:8px;min-width:0;height:48px;padding:0 10px 0 12px;display:flex}.voice-bar-preview{gap:6px}.voice-wave{flex:1;align-items:center;gap:2px;min-width:0;height:32px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 100%);mask-image:linear-gradient(90deg,#0000,#000 12% 100%)}.voice-wave-smooth{flex:1;width:100%;min-width:0;display:block;position:relative;-webkit-mask-image:none;mask-image:none;container-type:inline-size}.voice-wave-layer{align-items:center;gap:2px;height:32px;display:flex}.voice-wave-layer.is-track{width:100%}.voice-wave-layer.is-fill{will-change:width;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.voice-wave-layer-inner{align-items:center;gap:2px;width:100cqw;height:32px;display:flex}.voice-wave.is-dim{opacity:.45}.voice-wave-bar{background:#d1d5db;border-radius:2px;flex:0 0 3px;align-self:center;width:3px}.voice-wave.is-live .voice-wave-bar,.voice-wave-bar.is-on{background:var(--green)}.voice-swipe-hint{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:42%;font-size:12px;font-weight:500;overflow:hidden}.voice-swipe-hint.is-cancel{color:#dc2626;font-weight:700}.voice-timer-inline{font-variant-numeric:tabular-nums;color:var(--green-dark,#0b7a43);text-align:right;flex-shrink:0;min-width:36px;font-size:13px;font-weight:700}.voice-mic-lock,.voice-play-btn,.voice-send-btn{background:var(--green);color:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.voice-mic-lock.is-cancel{background:#dc2626}.voice-trash-btn{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.voice-bar-sep{background:#d1d5db;flex-shrink:0;width:1px;height:22px}.voice-play-btn:disabled,.voice-trash-btn:disabled,.voice-send-btn:disabled{opacity:.5;cursor:not-allowed}.profile{text-align:center}.profile-avatar{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:24px;width:88px;height:88px}.company{color:var(--green-dark);font-weight:600}.danger{background:var(--danger);width:100%;margin-top:24px}.topbar{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;display:flex}.topbar .grow{flex:1;min-width:0;overflow:hidden}