*{box-sizing:border-box}body{margin:0;background:#eef2f3;color:#152126;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.shell{min-height:100vh}.header{height:78px;background:#0c1d22;color:#fff;display:flex;align-items:center;padding:0 28px;gap:12px}.avatar{width:44px;height:44px;border-radius:13px;background:#08b58a;display:grid;place-items:center;font-weight:800;font-size:21px}.headtext strong{display:block;font-size:19px}.headtext small{display:block;color:#9eabad;margin-top:2px}.status{margin-left:auto;color:#b9c3c5;font-size:14px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10c995;margin-right:6px}.chat{width:min(760px,100%);height:calc(100vh - 78px);margin:auto;background:#f8faf9;display:flex;flex-direction:column;box-shadow:0 0 30px #11242a12}.intro{text-align:center;background:#fff;border-bottom:1px solid #e1e7e7;padding:25px 18px 20px}.icon{width:52px;height:52px;border-radius:50%;background:#e1f7f0;display:grid;place-items:center;margin:0 auto 10px;font-size:25px}.intro h1{font-size:23px;margin:0 0 5px}.intro p{margin:0 0 16px;color:#687579}.whatsapp{border:0;background:#08ad82;color:#fff;border-radius:9px;padding:12px 22px;font-size:15px;font-weight:750;cursor:pointer}.messages{flex:1;overflow:auto;padding:20px}.msg{max-width:75%;padding:12px 14px;border-radius:14px;margin-bottom:12px;font-size:15px;line-height:1.45;white-space:pre-wrap}.msg.agent{background:#fff;border:1px solid #dce4e4}.msg.user{margin-left:auto;background:#d7f4ea}.name{display:block;color:#069b79;font-size:12px;font-weight:750;margin-bottom:3px}.msg time{display:block;color:#90999c;font-size:10px;margin-top:6px}.state{text-align:center;font-size:11px;color:#8b9598;background:#fff;padding:5px}.state.ok{color:#079d78}.state.bad{color:#d14d4d}.composer{display:flex;gap:9px;background:#fff;border-top:1px solid #dfe5e5;padding:11px}.composer input{flex:1;min-width:0;border:1px solid #d4dddd;border-radius:10px;padding:13px 14px;font-size:15px;outline:none}.composer button{width:48px;border:0;border-radius:10px;background:#08ad82;color:white;font-size:20px;cursor:pointer}@media(max-width:600px){.header{height:70px;padding:0 15px}.headtext strong{font-size:17px}.chat{height:calc(100vh - 70px)}.intro{padding:20px 14px 16px}.intro h1{font-size:21px}.messages{padding:15px 12px}.msg{max-width:88%}}