*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#24364d;background:linear-gradient(#dff7ff,#f8fdff 38%,#dcefff);font-size:14px}.shell{padding:12px;min-height:100vh}.top{height:66px;display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:auto}.brand{display:flex;align-items:center;gap:10px;color:#0877bd}.brand .people{font-size:35px;filter:drop-shadow(0 2px 2px #fff)}.brand strong{font-size:27px}.brand small,.buddy-profile small,.buddy-profile em,.person small,.bottom small{display:block}.brand small{font-size:10px;color:#5784a2;text-transform:uppercase;letter-spacing:1px}.me{background:#fff9;border:1px solid #b5d5e8;border-radius:18px;padding:8px 13px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.online{background:#39b86c}.desktop{max-width:1500px;margin:auto;display:grid;grid-template-columns:290px minmax(480px,1fr) 280px;gap:8px}.window{background:linear-gradient(135deg,#fff,#f2f9ff);border:1px solid #87abc8;border-radius:9px;box-shadow:inset 0 0 0 2px #ffffffb8,0 3px 10px #5c87a52c;overflow:hidden}.titlebar{height:35px;padding:8px 10px;display:flex;justify-content:space-between;color:#fff;text-shadow:0 1px #44769d;background:linear-gradient(#86d8f3,#45acd6 48%,#258ec2 52%,#71c9e8);border-bottom:1px solid #4e8eaf}.buddy-profile{padding:13px;display:flex;gap:10px;background:linear-gradient(120deg,#d8f6ff,#fff)}.photo,.statuspic,.bigavatar,.miniavatar{display:grid;place-items:center;font-weight:700;color:#315c99;background:linear-gradient(#fff,#d9e6f8);border:3px solid #a9c5da;box-shadow:0 0 0 2px #fff}.photo{width:58px;height:58px;border-radius:7px}.buddy-profile div:last-child{display:flex;flex-direction:column;justify-content:center}.buddy-profile em{font-size:11px;color:#7890a4;margin-top:5px}.toolbar,.actionbar{background:linear-gradient(#fff,#e7f2fa);border-top:1px solid #fff;border-bottom:1px solid #b8d0df;padding:8px;text-align:center}.search{margin:9px;padding:8px;border:1px solid #a9bdca;background:white;color:#8b9aa7;box-shadow:inset 0 1px 3px #ddd}.group{padding:6px 10px;background:linear-gradient(#f8fcff,#dceefa);border-top:1px solid #c2d7e4;border-bottom:1px solid #c2d7e4;font-size:12px}.person{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 10px;color:#263b50}.person:hover,.person.active{background:linear-gradient(90deg,#c9efff,#eafaff,#c9efff)}.person span:nth-child(2){flex:1}.person i{font-style:normal;background:#28ae6d;color:white;border-radius:12px;min-width:22px;text-align:center;padding:3px}.person i.warn{background:#f3a91b}.person i.danger{background:#e84b4b}.statuspic{width:32px;height:32px;border-radius:5px;border-width:2px}.statuspic.green{box-shadow:0 0 0 2px #58d26f}.statuspic.yellow{box-shadow:0 0 0 2px #f0bf37}.statuspic.red{box-shadow:0 0 0 2px #ec6464}.muted{opacity:.55}.chat{min-height:680px;display:flex;flex-direction:column}.actionbar{display:flex;gap:6px;justify-content:flex-start}.actionbar button{border:0;background:transparent;padding:4px 10px;color:#31536b;font-size:19px}.actionbar small{display:block;font-size:9px}.to{padding:9px 12px;border-bottom:1px solid #a9c4d6;background:#faffff}.conversation{flex:1;display:grid;grid-template-columns:1fr 135px;min-height:390px}.messages{padding:16px;background:#fff}.msg{position:relative;margin-bottom:18px}.msg b{font-size:12px;color:#4979a2}.msg p{margin:5px 0;line-height:1.45}.msg time{font-size:10px;color:#9aa8b2}.msg.mine b{color:#4b9a65}.notice{margin-top:25px;padding:10px;border:1px solid #acd6b9;background:#effbf2;color:#397a4b}.avatarpane{padding:15px;background:linear-gradient(135deg,#eefaff,#dcecf8);border-left:1px solid #b8d0df;text-align:center}.bigavatar{width:88px;height:88px;margin:5px auto;border-radius:9px;font-size:25px;box-shadow:0 0 0 3px #7cda6d,0 0 0 5px #fff}.miniavatar{width:68px;height:68px;margin:38px auto 5px;border-radius:9px}.compose-tools{padding:7px 12px;border-top:1px solid #b7ccda;background:linear-gradient(#fff,#eaf4fa);font-size:18px}.composer{display:flex;gap:8px;padding:8px;background:#edf6fb}.composer textarea{resize:none;flex:1;height:78px;border:1px solid #9fb8c9;padding:9px;font:inherit;background:#fff}.composer button{width:90px;border:1px solid #7e9eb5;border-radius:4px;background:linear-gradient(#fff,#dbeaf3);color:#31536b;font-weight:600}.crmbar{display:flex;gap:4px;padding:6px;background:#d9edf8;border-top:1px solid #a6c1d3}.crmbar button{flex:1;border:1px solid #a5bed0;background:linear-gradient(#fff,#e6f1f7);border-radius:3px;padding:6px;font-size:11px}.infohead{text-align:center;padding:16px}.infohead h2{margin:10px 0 3px}.infohead p{margin:0}.fields{padding:0 14px}.fields label{display:block;font-size:10px;color:#718699;margin:9px 0}.fields b{display:block;font-size:13px;color:#263b50;margin-top:2px;padding:6px;background:#fff;border:1px solid #c6d8e3}.tabs{margin-top:14px;padding:9px;background:#e3f2fa;border-block:1px solid #bdd2df;font-size:11px;text-align:center}.history{padding:10px 15px;font-size:11px}.bottom{max-width:1500px;margin:8px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bottom>div{background:linear-gradient(#fff,#e8f4fa);border:1px solid #9dbcd0;border-radius:6px;padding:8px 12px}.bottom b{font-size:11px}.bottom strong{display:block;font-size:20px;color:#246b9d;margin:3px 0}.toast{position:fixed;right:18px;bottom:18px;width:290px;padding:12px;background:linear-gradient(#f9feff,#d7effb);border:1px solid #7faac6;border-radius:7px;box-shadow:0 5px 20px #35566b55;transform:translateY(160%);transition:.3s;z-index:20}.toast.show{transform:translateY(0)}.toast b,.toast span{display:block}.toast span{font-size:12px;margin-top:4px}.shake{animation:shake .45s 2}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.mobile{display:none}@media(max-width:900px){body{background:#eef9ff}.shell{padding:0 0 64px}.top{height:58px;padding:8px 12px}.brand strong{font-size:21px}.brand small{display:none}.me{font-size:11px}.desktop{display:block}.buddy,.info{display:none}.chat{border-radius:0;border-inline:0;min-height:calc(100vh - 122px);box-shadow:none}.chat .titlebar{height:38px}.actionbar{overflow-x:auto;justify-content:flex-start}.actionbar button{min-width:67px}.conversation{grid-template-columns:1fr}.avatarpane{display:none}.messages{min-height:370px}.crmbar{overflow-x:auto}.crmbar button{min-width:88px}.bottom{display:none}.mobile{position:fixed;display:flex;left:0;right:0;bottom:0;height:62px;background:#f7fcff;border-top:1px solid #91b4ca;z-index:10}.mobile button{flex:1;border:0;background:linear-gradient(#fff,#dceef8);color:#31536b}.mobile small{display:block;font-size:9px}.toast{right:8px;bottom:70px;width:calc(100% - 16px)}}