:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#111b21;background:#0b6157;font-synthesis:none;--green:#075e54;--accent:#00a884;--ink:#111b21;--muted:#667781;--line:#e9edef;--bubble:#d9fdd3}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:64px minmax(360px,430px) minmax(0,1fr);height:100dvh;max-width:1720px;margin:auto;background:#fff;box-shadow:0 0 40px #043d3670}.desktop-rail{display:flex;z-index:4;align-items:center;flex-direction:column;padding:12px 0;background:#f0f2f5;border-right:1px solid #dce1e3}.rail-brand,.rail-profile{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;font-size:.72rem;font-weight:800}.rail-brand{color:#fff;background:linear-gradient(145deg,#0ba987,#075e54)}.rail-profile{color:#31535e;background:#d5e5e7}.rail-icon{position:relative;display:grid;width:46px;height:46px;place-items:center;margin-top:20px;border-radius:13px;color:#54656f}.rail-icon.active{color:#075e54;background:#d9fdd3}.rail-icon.active:before{position:absolute;left:-9px;width:4px;height:25px;border-radius:0 4px 4px 0;background:#00a884;content:""}.rail-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail-spacer{flex:1}.sidebar,.chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column}.sidebar{z-index:2;background:#fff;border-right:1px solid #d9dee1}.sidebar-topbar,.chat-topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;padding:10px 16px;background:#f0f2f5}.business-avatar,.brand-mark{display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#0ba987,#075e54);box-shadow:0 4px 12px #075e5430}.business-avatar{width:42px;height:42px;border-radius:50%;font-size:.82rem}.business-copy{display:flex;min-width:0;flex:1;flex-direction:column;margin-left:11px}.business-copy strong{font-size:1.08rem;letter-spacing:-.02em}.business-copy span{color:var(--muted);font-size:.78rem;margin-top:2px}.icon-button{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;color:#54656f;background:transparent}.icon-button:hover{background:#e2e6e8}.icon-button svg,.search-box svg,.send-button svg,.empty-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inbox-title{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.inbox-title h1{font-size:1.42rem;margin:0;letter-spacing:-.03em}.connection-state{display:flex;align-items:center;color:#5d6c74;font-size:.76rem;font-weight:600}.connection-state i{display:block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #00a88418}.search-box{display:flex;align-items:center;height:42px;margin:0 12px;padding:0 13px;border-radius:10px;color:#60717b;background:#f0f2f5}.search-box svg{width:18px;height:18px;margin-right:12px}.search-box input{width:100%;height:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:.9rem}.search-box input::placeholder{color:#74858e}.filters{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.filter{padding:7px 13px;border:0;border-radius:999px;color:#4c5d66;background:#f0f2f5;font-size:.82rem;font-weight:600}.filter.active{color:#087a65;background:#e7fce9}.conversation-list{flex:1;overflow:auto;overscroll-behavior:contain}.conversation{display:grid;width:100%;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid #eef1f2;text-align:left;background:#fff;color:var(--ink)}.conversation:hover{background:#f5f6f6}.conversation.selected{background:#e9edef}.contact-avatar{display:grid;width:44px;height:44px;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7f9ba6,#526d78);font-size:.85rem;font-weight:700;text-transform:uppercase}.contact-avatar.muted{color:#60717b;background:#dfe5e7}.conversation-copy{min-width:0}.conversation-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:500}.conversation.unread .conversation-name{font-weight:700}.conversation-preview{display:flex;align-items:center;min-width:0;margin-top:4px;color:var(--muted);font-size:.84rem}.conversation-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview .direction{margin-right:4px;color:#53bdeb;font-size:.8rem;font-weight:800}.conversation-time{align-self:start;margin-top:4px;color:#778790;font-size:.71rem;white-space:nowrap}.conversation.unread .conversation-time{color:#00a884;font-weight:700}.unread-badge{display:grid;min-width:20px;height:20px;place-items:center;justify-self:end;margin-top:-13px;padding:0 6px;border-radius:999px;color:white;background:#25d366;font-size:.68rem;font-weight:800}.list-loading,.empty-list{padding:42px 24px;color:var(--muted);text-align:center;font-size:.9rem}.load-more,.older-messages{align-self:center;margin:10px;padding:8px 14px;border:0;border-radius:999px;color:#087a65;background:#e7fce9;font-size:.8rem;font-weight:700}.chat-topbar{border-bottom:1px solid #dde2e4}.chat-topbar .contact-avatar{width:40px;height:40px;margin-right:11px}.chat-identity{display:flex;min-width:0;flex-direction:column}.chat-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.chat-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--muted);font-size:.77rem}.mobile-back{display:none;margin-right:4px}.chat-workspace{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;background-color:#efeae2;background-image:radial-gradient(circle at 12px 12px,#8696a015 1.1px,transparent 1.2px);background-size:28px 28px}.chat-workspace:before{position:absolute;inset:0;content:"";pointer-events:none;background:#efeae259}.empty-chat{position:relative;z-index:1;display:flex;max-width:440px;margin:auto;padding:32px;align-items:center;flex-direction:column;text-align:center;color:#41535d}.empty-icon{display:grid;width:86px;height:86px;place-items:center;margin-bottom:18px;border-radius:50%;color:#087a65;background:#d9fdd3}.empty-icon svg{width:43px;height:43px}.empty-chat h2{margin:0 0 8px;color:#273b44;font-size:1.35rem}.empty-chat p{margin:0;line-height:1.55;font-size:.94rem}.empty-chat span{margin-top:17px;color:#74858e;font-size:.76rem}.messages{position:relative;z-index:1;display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;padding:22px clamp(18px,6vw,82px);overscroll-behavior:contain}.message{position:relative;max-width:min(72%,620px);margin:2px 0;padding:8px 10px 7px;border-radius:8px;color:#111b21;background:#fff;box-shadow:0 1px 1px #0b141a1f;font-size:.93rem;line-height:1.38;overflow-wrap:anywhere}.message.inbound{align-self:flex-start;border-top-left-radius:2px}.message.outbound{align-self:flex-end;border-top-right-radius:2px;background:var(--bubble)}.message-body{white-space:pre-wrap}.message-meta{display:flex;justify-content:flex-end;gap:4px;align-items:center;min-width:58px;margin:-1px 0 0 12px;color:#667781;font-size:.67rem;line-height:1}.message-meta .ticks{color:#53bdeb;font-weight:800;letter-spacing:-2px}.message a{display:inline-flex;margin-top:7px;color:#087a65;font-weight:700;text-decoration:none}.composer{display:flex;min-height:64px;align-items:center;gap:9px;padding:9px 14px;background:#f0f2f5}.composer-field{display:flex;min-width:0;flex:1;align-items:center;border-radius:12px;background:#fff}.composer input{width:100%;height:44px;padding:0 15px;border:0;outline:0;color:var(--ink);background:transparent;font-size:.94rem}.composer input:disabled{color:#778790;background:#f8f9f9}.send-button{display:grid;width:44px;height:44px;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:#fff;background:var(--accent)}.send-button:disabled{cursor:not-allowed;color:#93a2aa;background:#d9dfe2}.older-messages{position:relative;z-index:2;margin-bottom:0}.login-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#075e54 0 34%,#e9edef 34%)}.login-screen[hidden]{display:none}.login-card{display:grid;width:min(92vw,410px);gap:18px;padding:34px;border-radius:18px;background:#fff;box-shadow:0 20px 55px #073d3745}.brand-mark{width:58px;height:58px;border-radius:17px;font-size:1rem}.login-heading .eyebrow{margin:0 0 6px;color:#087a65;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.login-heading h1{margin:0;color:#172c34;font-size:1.65rem;letter-spacing:-.035em}.login-heading p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.login-card label{display:grid;gap:7px;color:#40545e;font-size:.8rem;font-weight:700}.login-card input{height:46px;padding:0 13px;border:1px solid #d5dcdf;border-radius:9px;outline:0;background:#fff}.login-card input:focus{border-color:#00a884;box-shadow:0 0 0 3px #00a8841f}.primary-button{height:47px;border:0;border-radius:9px;color:#fff;background:#087a65;font-weight:800}.primary-button:hover{background:#066c59}.form-error{min-height:18px;margin:0;color:#c53636;font-size:.8rem}.load-more:focus-visible,.filter:focus-visible,.icon-button:focus-visible,.send-button:focus-visible,.conversation:focus-visible,.primary-button:focus-visible{outline:3px solid #53bdeb;outline-offset:-3px}@media(max-width:760px){body{overflow:hidden}.app-shell{display:block}.desktop-rail{display:none}.sidebar,.chat-panel{position:absolute;inset:0;transition:transform .2s ease}.sidebar{transform:translateX(0)}.chat-panel{z-index:3;transform:translateX(100%)}body.chat-open .sidebar{transform:translateX(-26%)}body.chat-open .chat-panel{transform:translateX(0)}.sidebar-topbar{height:78px;flex-basis:78px;padding:18px 22px 8px;background:#fff}.sidebar-topbar .business-avatar{display:none}.sidebar-topbar .business-copy{margin-left:0}.sidebar-topbar .business-copy strong{color:#15a05c;font-size:1.48rem;font-weight:800}.sidebar-topbar .business-copy span{display:none}.inbox-title{display:none}.search-box{height:48px;margin:12px 16px 10px;border-radius:24px;padding:0 17px}.filters{gap:9px;padding:8px 16px 14px;overflow-x:auto;scrollbar-width:none}.filter{padding:8px 15px;border:1px solid #d8dee1;background:#fff;white-space:nowrap}.filter.active{border-color:#bde7c5;background:#d9fdd3}.conversation{grid-template-columns:55px minmax(0,1fr) auto;gap:12px;padding:10px 18px;border-bottom-color:#f1f3f4}.contact-avatar{width:52px;height:52px;font-size:.95rem}.conversation-name{font-size:1rem}.conversation-preview{font-size:.9rem}.conversation-time{font-size:.76rem}.mobile-back{display:grid}.messages{padding:18px 12px}.message{max-width:86%}.login-card{padding:28px 24px}}@media(prefers-reduced-motion:reduce){.sidebar,.chat-panel{transition:none}}