@font-face{font-family:Branding;src:url(/branding/capresso/Branding%20SemiBold.otf)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:Segoe UI,sans-serif;color:#24222b}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{height:100%;display:grid;grid-template-columns:minmax(320px,30%) 1fr;background:#f7f7f5}.chat-list{border-right:1px solid #ddd;background:#fff;display:flex;flex-direction:column;min-width:0}.list-header,.chat-header{height:64px;background:#f6f5f3;display:flex;align-items:center;padding:10px 16px;gap:12px;border-bottom:1px solid #e2e2df}.mini-logo{width:115px;height:35px;object-fit:contain}.header-actions{margin-left:auto;display:flex}.list-header button,.chat-header button,.composer button{border:0;background:transparent;color:#5c5962;padding:8px;border-radius:50%}.list-header svg,.chat-header svg,.composer svg{width:21px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e5e3df;color:#302d34;font-weight:700}.avatar.brand{background:#e02128;color:#fff}.offline{display:flex;gap:8px;align-items:center;padding:9px 16px;background:#fff0f0;color:#8d161a;font-size:13px}.offline svg{width:17px}.search{margin:8px 12px;background:#f2f1ef;border-radius:10px;display:flex;align-items:center;padding:0 12px}.search svg{width:18px;color:#777}.search input{width:100%;border:0;outline:0;background:transparent;padding:10px}.conversations{overflow:auto}.conversation{width:100%;border:0;background:#fff;display:grid;grid-template-columns:48px 1fr auto;gap:10px;text-align:left;padding:11px 14px}.conversation:hover,.conversation.active{background:#f3f2ef}.conversation span{display:flex;min-width:0;flex-direction:column;border-bottom:1px solid #eee;padding-bottom:10px}.conversation strong{font-size:15px}.conversation small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;margin-top:4px}.conversation time{font-size:11px;color:#8b878f}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#eeeae4;background-image:radial-gradient(#ded8cf .7px,transparent .7px);background-size:16px 16px}.chat-title{display:flex;flex:1;flex-direction:column}.chat-title small{color:#78747d}.back{display:none!important}.messages{flex:1;overflow:auto;padding:24px clamp(18px,6vw,90px);display:flex;flex-direction:column;gap:8px}.bubble{align-self:flex-start;max-width:min(72%,650px);background:#fff;border-radius:4px 12px 12px;padding:8px 10px;box-shadow:0 1px 1px #0001}.bubble.mine{align-self:flex-end;background:#ffe0df;border-radius:12px 4px 12px 12px}.bubble b{color:#bd171b;font-size:12px}.bubble p{margin:2px 0 3px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble span{display:flex;justify-content:flex-end;align-items:center;gap:4px;color:#777;font-size:10px}.bubble span svg{width:14px;color:#e02128}.bubble em{font-style:normal}.composer{display:flex;align-items:center;gap:4px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f6f5f3}.composer textarea{flex:1;border:1px solid #ddd;border-radius:22px;padding:11px 16px;outline:0;resize:none}.composer .send{background:#e02128;color:#fff}.empty,.welcome,.splash,.login{margin:auto;text-align:center}.empty{padding:25px;background:#fffc;border-radius:18px}.empty svg{color:#e02128}.welcome img,.splash img,.login img{width:200px}.login{height:100%;display:flex;max-width:420px;flex-direction:column;justify-content:center;align-items:center;padding:24px}.login h1,.welcome h1{font-family:Branding,Segoe UI;font-size:38px;margin:12px}.login button{border:0;background:#e02128;color:#fff;border-radius:8px;padding:13px 24px;font-weight:700}.login small{margin-top:16px;color:#777}.splash{height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#777}@media(max-width:760px){.app-shell{display:block}.chat-list,.chat-panel{height:100%}.mobile-hidden{display:none}.back{display:grid!important}.messages{padding:16px 12px}.bubble{max-width:86%}.mini-logo{width:105px}}.media{display:block;max-width:min(420px,100%);max-height:420px;border-radius:8px;margin:4px 0;object-fit:contain;background:#111}.modal-backdrop{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20;padding:16px}.modal{width:min(500px,100%);max-height:85vh;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 60px #0004}.modal header{display:flex;align-items:center}.modal h2{margin:0;font-family:Branding,Segoe UI}.modal header button{margin-left:auto;border:0;background:transparent}.modal>input{padding:11px;border:1px solid #ccc;border-radius:8px}.kind{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kind button{display:flex;justify-content:center;gap:7px;border:1px solid #ddd;background:#fff;padding:10px;border-radius:8px}.kind button.active{border-color:#e02128;background:#fff0f0}.kind svg{width:19px}.user-picker{overflow:auto;border:1px solid #eee;border-radius:8px}.user-picker label{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:10px;padding:9px;border-bottom:1px solid #eee}.user-picker label:last-child{border-bottom:0}.user-picker .avatar{width:38px;height:38px}.user-picker label>span:last-child{display:flex;flex-direction:column}.user-picker small{color:#777}.primary{border:0;border-radius:8px;background:#e02128;color:#fff;padding:12px;font-weight:700}.spinner{display:block;width:18px;height:18px;border:2px solid #aaa;border-top-color:#e02128;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}