:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#111b21;background:#f0f2f5}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}header{height:64px;display:flex;gap:9px;align-items:center;padding:10px;background:#075e54;color:#fff}header b{font-size:20px}header select,header button{padding:8px;border:0;border-radius:9px}.grow{flex:1}.card{max-width:520px;margin:30px auto;padding:20px;background:#fff;border-radius:16px;display:grid;gap:12px}.card input,.card button,textarea{font:inherit;border:1px solid #ccd6d3;border-radius:10px;padding:12px}.hidden{display:none!important}main{max-width:850px;margin:auto;height:calc(100dvh - 64px);overflow:auto}.row{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-bottom:1px solid #e9edef;cursor:pointer}.avatar{width:48px;height:48px;border-radius:50%;background:#dfe5e7;display:grid;place-items:center;font-weight:bold}.muted,small{display:block;color:#667781;font-size:12px}.badge{background:#25d366;border-radius:20px;padding:3px 8px}.page{position:fixed;inset:0;height:100dvh;background:#efeae2;z-index:10;display:flex;flex-direction:column;overflow:hidden}.page header{flex:0 0 auto}.page header small{color:#d7ece8}.page header button{font-size:16px}#messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px;background:#efeae2;overscroll-behavior:contain}.bubble{width:max-content;max-width:82%;padding:8px 11px;border-radius:9px;margin:7px;background:#fff;white-space:pre-wrap}.bubble.out{margin-right:auto;background:#d9fdd3}.bubble.pending{opacity:.65}.bubble.failed{outline:2px solid #d93025}.bubble .muted{text-align:left;margin-top:3px}.chatImage{display:block;max-width:min(72vw,420px);max-height:55vh;border-radius:8px;object-fit:contain;margin-bottom:5px}.imagePreview{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-top:1px solid #ddd}.imagePreview img{width:54px;height:54px;object-fit:cover;border-radius:8px}.imagePreview button{border:0;background:none;font-size:28px}#send{position:relative;flex:0 0 auto;display:flex;align-items:end;gap:7px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#f0f2f5;z-index:2}#send textarea{flex:1;resize:none;max-height:110px}#send button{border:0;border-radius:50%;min-width:46px;height:46px;background:#00a884;color:#fff}#send button:disabled{opacity:.55}.drawer{position:fixed;inset:12% 0 0;z-index:20;background:#f0f2f5;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #0003;overflow:auto}.drawerHead{position:sticky;top:0;display:flex;padding:14px;background:#fff;z-index:1}.drawerHead b{flex:1}.drawerHead button{border:0;background:none;font-size:24px}.product img{width:60px;height:60px;object-fit:cover;border-radius:8px}.row button{padding:8px;border:0;border-radius:8px;background:#075e54;color:#fff}.action{display:block;width:calc(100% - 24px);margin:12px;padding:16px;border:0;border-radius:12px;background:#fff;font:inherit;text-align:right}@media(min-width:850px){.page{left:10%;right:10%}}